/**
 * #.#   Search Module
 *
 * Styles for template-part/modules/search_module.php
**/

.search-module {
  background-color: var(--purple);
  padding: 60px 40px;
  margin-bottom: 30px;
}

.search-module .content-block {}

.search-module .content-block h2 {
  color: var(--white) !important;
  font-size: 32px;
  font-family: var(--header);
  font-style: normal;
  font-weight: 400;
  line-height: 29.8px;
  padding-bottom: 10px;
}

.search-module .content-block p {
  color: var(--white) !important;
}

.search-module .content-block p a {
  color: var(--white);
  border-bottom: 1px solid rgba(225,225,225,.1);
  transition: .2s ease-in-out all;
}

.search-module .content-block p a:hover {
  /* alpha must be between 0 and 1 */
  border-bottom: 1px solid rgba(255,255,255,.9);
  transition: .2s ease-in-out all;
}

.search-module .search-block {padding-left:50px}

.search-module .searchandfilter {
  margin-bottom: 0px;
}


.search-module .sf-field-search {width: 65%;}
.search-module .sf-field-post_type,
.searchandfilter ul li .sf-input-select {width: 15%;}

.searchandfilter label {width: 100%;}

.search-module .searchandfilter ul li input.sf-input-text,
.search-module .sf-input-text:focus-visible {
  background-color: var(--purple);
  color: var(--white);
  border: 1px solid var(--white)!important;
}
.search-module .sf-input-text:focus-visible {
  outline: 1px solid var(--white);
}
.search-module .searchandfilter ul li .sf-input-select{
  background-color: var(--purple);
  color: var(--white);
  border: 1px solid var(--white);
  background-image: url(../../../img/search-down-white.svg);
}
.search-module .searchandfilter ul li.sf-field-search input.sf-input-text {
  background-image: url(../../../img/search-white.svg);
}

/* Modern browsers */
.sf-input-text::placeholder {
 color: var(--white);
 opacity: 1; /* ensure it's not faded in some browsers */
}

/* Older Edge */
.sf-input-text::-ms-input-placeholder {
 color: var(--white);
}

/* IE 10-11 */
.sf-input-text:-ms-input-placeholder {
 color: var(--white);
}
@media (max-width: 1536px) {

}

@media (max-width: 1400px) {
.search-module .sf-field-search {width: 60%;}
.search-module .sf-field-post_type,
.searchandfilter ul li .sf-input-select {width: 15%;}
}

@media (max-width: 1280px) {

}

@media (max-width: 992px) {
.search-module .search-block {padding-top:25px}
.search-module {padding: 30px 25px;margin-bottom: 15px;}
.search-module .sf-field-search, 
.search-module .sf-field-post_type {width: 100%;}
.search-module .search-block {padding-left:0px}
}


@media (max-width: 768px) {

}

@media (max-width: 600px) {

}