/*
Global Variables

@import this file at the top of each page 
template file to make variables available.
*/
/*
Mixins

Add mixins to any css page using @include

e.g.
.element{
	@include transition( background .2s ease-out )
}
*/
.search-header {
  width: 100%;
  background: url("/wp-content/uploads/2019/10/qRD.jpg");
  background-size: cover;
  background-position: center center;
}
.search-header .page-title {
  padding: 10% 5%;
  color: white;
  margin: 0px;
  font-size: 38px;
  font-family: "Hind", Helvetica, Roboto, Arial, sans-serif;
}

.custom-link span, .custom-link a {
  color: #22577A;
}
.custom-link span:after, .custom-link a:after {
  background-image: url(/wp-content/themes/qathet/images/shell/dark-blue-arrow.svg);
}

.navigation ul {
  list-style-type: none;
  display: flex;
  padding: 20px 6%;
  display: flex;
}
.navigation ul li {
  padding: 10px 20px 10px 0px;
}
.navigation ul li a {
  color: #22577A;
  font-weight: bold;
}

#page .search-wrap {
  padding: 3.5% 0px;
}
#page .search-wrap .search-intro {
  padding: 0px 9%;
}
@media screen and (max-width: 800px) {
  #page .search-wrap .search-intro {
    padding: 0px 7%;
  }
}
#page .search-wrap .search-form {
  max-width: 400px;
  margin: 0px 0px 3.5% 0px;
}
@media screen and (max-width: 450px) {
  #page .search-wrap .search-form {
    max-width: 90%;
  }
}
#page .search-wrap .search-form .search-field {
  background: #F5F5F5;
}

.tabs .tab-nav {
  padding: 0px 30px;
  padding: 0px 9%;
  border-bottom: 2px solid #E5E5E5;
}
@media screen and (max-width: 800px) {
  .tabs .tab-nav {
    padding: 0px 7%;
  }
}
.tabs .tab-nav .tab {
  display: inline-block;
  padding: 14px 30px 10px 30px;
  border-radius: 15px 15px 0px 0px;
  border: 2px solid #E5E5E5;
  border-bottom: none;
  cursor: pointer;
  background: #F5F5F5;
  margin-right: 5px;
  -webkit-transition: background 0.2s ease-out;
  -moz-transition: background 0.2s ease-out;
  -ms-transition: background 0.2s ease-out;
  -o-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
}
.tabs .tab-nav .tab:hover {
  background: white;
}
.tabs .tab-nav .tab.active {
  background: white;
}
@media screen and (max-width: 450px) {
  .tabs .tab-nav .tab {
    font-size: 11px;
    padding: 10px 20px 6px 20px;
  }
}
.tabs .tab-content .search-item {
  width: 100%;
  padding: 3% 9% 2.5% 9%;
  border-bottom: 2px solid #e5e5e5;
}
@media screen and (max-width: 800px) {
  .tabs .tab-content .search-item {
    padding: 5% 7% 4% 7%;
  }
}
.tabs .tab-content .search-item .search-item-inner {
  max-width: 750px;
}
.tabs .tab-content .search-item .search-item-inner .secondary-heading {
  color: #333333;
  font-size: 28px;
}
.tabs .tab-content.tab-file {
  display: none;
}

/*# sourceMappingURL=search.css.map */