/**
* Search Page
*/
/* .search-page {} */
/**
* Search Page Form
*/
.search-page-form {
    margin-bottom: 40px;
}

.search-page-form .search-form__label {
    padding-bottom: 10px;
    font-family: 'Playfair Display', serif;
    font-size: 30px;
    font-weight: 900;
}

/**
* Search Form
*/
.search-form {
    position: relative;
    z-index: 11;
}

.search-form__label {}

.search-form__input {}

.search-form__button {}

.search-form__button-icon {}

/**
* Variants
*/
/**
* Variant - Simple Button Transparent
*/
/**
* Variant - Affix - Input
*/
.search-form--affix-input .search-form__fields {
    flex-direction: row;
}

.search-form--affix-input .search-form__fields {
    display: flex;
    flex-direction: column;
}

.search-form--affix-input .search-form__label {
    display: none;
}

.search-form--affix-input .search-form__input {
    height: 59px;
    line-height: 59px;
}

.search-form--affix-input .search-form__button::before {
    content: '\e908';
    right: 35px;
    transform: translate(0, -50%);
    font-size: 24px;
    transition-duration: 0.1s;
}

.search-form--affix-input .search-form__button:hover::before,
.search-form--affix-input .search-form__button:focus::before {
    transform: translate(0, -50%) scale(1.1);
}

@media (min-width: 600px) {
    .search-form--affix-input .search-form__fields {
        flex-direction: row;
    }
}

/**
* Variant - Simple Button
*/
.search-form--simple-button .search-form__fields {
    display: flex;
}

.search-form--simple-button .search-form__fields {
    position: relative;
    z-index: 11;
    flex: 1 0 100%;
    padding-bottom: 0;
}

.search-form--simple-button .search-form__input {
    padding-right: 60px;
    height: 59px;
    line-height: 59px;
}

.search-form--simple-button .search-form__button {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 11;
    padding: 0;
    width: 60px;
    height: 100%;
    border: none;
    background-color: transparent;
}

.search-form--simple-button .search-form__button-icon {
    font-size: 24px;
    color: #A18C7A;
}

.search-form--simple-button .search-form__button:hover,
.search-form--simple-button .search-form__button:focus {
    border: none;
}

/**
* Search Results
*/
.search-result {
    display: block;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #d8d8d8;
    text-decoration: none;
}

.search-result:last-child {
    /* margin-bottom: 0;
    padding-bottom: 0; */
}

.search-result:hover,
.search-result:focus {
    border-color: #d8d8d8;
    text-decoration: none;
}

.search-result__title {
    margin-bottom: 16px;
    padding-bottom: 0;
}

.search-result__excerpt {
    margin-bottom: 20px;
}

/**
* Search WP
*/
.searchwp-live-search-results {
    opacity: 0;
    transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;
    height: 0;
    overflow: hidden;
    z-index: 9999995; /* Exceed SearchWP Modal Search Form overlay. */
    position: absolute;
    display: none;
}

.searchwp-live-search-results-showing {
    display: block;
    opacity: 1;
    height: auto;
    overflow: auto;
}

.searchwp-live-search-no-results {
    padding: 3em 2em 0;
    text-align: center;
}

.searchwp-live-search-no-min-chars:after {
    content: "Continue typing";
    display: block;
    text-align: center;
    padding: 2em 2em 0;
}

.searchwp-live-search-results.searchwp-live-search-results-showing {
    /* Just lower than .page-header */
    z-index: 88;
    border-radius: 0;
    border: 1px solid #d8d8d8;
    box-shadow: none;
    background-color: #FFF;
}

/* .searchwp-live-search-result {} */
.searchwp-live-search-result__link {
    padding: 20px;
    border-bottom: none;
    transition: background-color 0.2s var(--easing-standard);
}

.searchwp-live-search-result__link:hover,
.searchwp-live-search-result__link:focus {
    background-color: #f1eee9;
    font-weight: 500;
}

/**
* SearchWP Results in Header
*/
.header-searchwp-results {
    position: absolute;
    top: calc(100% + 5px);
    left: -50%;
    z-index: 99;
    width: 150%;
}

.header-searchwp-results .searchwp-live-search-results {
    position: relative;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
}

.header-searchwp-results .searchwp-live-search-results-showing {
    min-height: 320px;
}

/**
* SearchWP in Mobile Header
*/
.header-search-mobile {
    display: block;
    position: absolute;
    top: 140px;
    left: -9999px;
    z-index: -11;
    width: 100%;
    height: 0;
    padding: 22px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .16);
    background-color: #fff;
    opacity: 0;
    transition:
        height .3s,
        opacity .3s;
    transition-timing-function: var(--easing-enter);
}

.admin-bar .header-search-mobile {
    top: 186px;
}

.header-search-mobile.is-active {
    left: 0;
    z-index: 11;
    height: auto;
    opacity: 1;
    transition-timing-function: var(--easing-leave);
}

.header-search-mobile .search-form__fields {
    flex-direction: row;
}

.header-mobile-searchwp-results {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
}

.header-mobile-searchwp-results .searchwp-live-search-results {
    position: relative;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .16);
}

.header-mobile-searchwp-results .searchwp-live-search-results-showing {
    min-height: 320px;
    border: none;
    border-top: 1px solid #d8d8d8;
}

/* .header-mobile-searchwp-results .searchwp-live-search-result__link {
        padding: 20px 40px;
    } */

@media (min-width: 768px) {
    .header-search-mobile,
    .admin-bar .header-search-mobile {
        top: 100%;
    }
}

@media (min-width: 1200px) {
    .header-search-mobile {
        display: none;
    }
}