﻿main:not(:has(.headslider)) .content-wrapper:has(.search-wrapper) { padding-top: 20px; }

.search-wrapper { padding-inline: var(--internal-padding-inline); }

.search-icon-wrapper svg { fill: #FFF; width: 24px; transition: 0.3s linear; }

.search-box-wrapper { margin-bottom: 50px; }
.search-box-wrapper .typeahead__container .typeahead__field input[type='search'] { width: 100%; font-size: 30px; padding: 10px 0 10px 52px; border: none; border-bottom: 1px solid #e0e1e1; background: transparent url(../../img/search_box.png) no-repeat left center; background-size: 30px auto; letter-spacing: 0.06em; }
.search-box-wrapper .typeahead__container .typeahead__field input[type='search']::-webkit-input-placeholder,
.search-box-wrapper .typeahead__container .typeahead__field input[type='search']:-moz-placeholder,
.search-box-wrapper .typeahead__container .typeahead__field input[type='search']:-ms-input-placeholder { color: rgba(51,51,51,0.5); text-transform: uppercase; }
.search-box-wrapper .typeahead__cancel-button { display: none; }
.search-box-wrapper .typeahead__container.result .typeahead__list { z-index: 10; }
.search-box-wrapper .typeahead__list > li { border-color: #e0e1e1 }
.typeahead__list .typeahead__item:not([disabled]).active > a { background-color: #e0e1e1; }

/* Popup */
.search_popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; background-size: cover; color: #FFF; z-index: 1050; }
.search_popup:after { content: ''; display: block; background: rgba(0,0,0,0.75); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; }
.search_inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: table; vertical-align: middle; z-index: 100; }
.search_center { display: table-cell; vertical-align: middle; padding: 30px; }
.search_popup .search_center > div { max-width: 900px; margin: 0 auto; text-align: left; text-transform: uppercase; }
.search_popup .search_center > div > p { padding-top: 20px; font-size: 1rem; letter-spacing: 0.1rem; line-height: 1.3rem; }
.search_popup input[type='search'] { font-size: 3rem; font-weight: 300; padding: 10px 0 10px 52px; border: none; color: #FFF; border-bottom: 1px solid #FFF; background: transparent url(../../img/search_icon_large.png) no-repeat left center; background-size: 30px auto; width: 100%; letter-spacing: 0.06em; }
.search_popup input[type='search']::-webkit-input-placeholder,
.search_popup input[type='search']:-moz-placeholder,
.search_popup input[type='search']:-ms-input-placeholder { color: rgba(255,255,255,0.5); text-transform: uppercase; }
.search_popup input[type='search']:focus { border-color: #FFF; }
.search_popup .search_close { position: absolute; cursor: pointer; z-index: 100; top: 18px; right: var(--global-padding-inline); width: 45px; height: 45px; fill: #FFF; transition: .3s linear; }

.search_popup .typeahead__cancel-button { display: none; }
.search_popup .typeahead__dropdown, .search_popup .typeahead__list { border: 0; background-color: transparent; }
.search_popup .typeahead__dropdown .typeahead__dropdown-item > a, .search_popup .typeahead__list .typeahead__item > a { color: #FFF; font-size: 1rem; line-height: 1.5rem; transition: 0.3s linear; }
.search_popup .typeahead__container.result + p { opacity: 0; }

@media (pointer:fine) {
    a.search-icon-container:hover svg { filter: drop-shadow(0 0 1px #FFF); }
    .search_popup .search_close:hover { transform: rotate(180deg); }

    .search_popup .typeahead__dropdown .typeahead__dropdown-item > a, .search_popup .typeahead__list .typeahead__item > a:hover { background-color: rgba(255,255,255,0.3) !important; color: #FFF !important; }
}

@media (max-width:1200px) {
    .search_popup .search_center > div { max-width: 700px; }
    body.white-header.search-popup-open header > div .CompanyLogo svg { height: 65px; }
}

@media (max-width:1023px) {
    .search_popup .search_center > div { max-width: 500px; }
    .search_popup input[type='search'] { font-size: 40px; }
}

@media (max-width:767px) {
    header > div:last-child .search-icon-wrapper { padding: 0; }
    .search_popup .search_center > div { max-width: 500px; }
    .search_popup a.search_close { font-size: 1.7em; color: #FFF }
    .search_popup input[type='search'] { font-size: 35px; }

    .search-icon-wrapper { display: contents; }
    .search-icon-wrapper > a { display: none; }
}

@media (max-width:640px) {
    body.white-header.search-popup-open header > div .CompanyLogo svg { height: 55px; }
}

@media (max-width:480px) {
    body.white-header.search-popup-open header { padding-top: 16px; }
    .search_popup .search_center > div { max-width: 100%; }
    header > div:last-child .search-icon-wrapper i { font-size: 1.6em; }
    .search_popup input[type='search'] { font-size: 25px; padding-left: 40px; }
    .search_popup input[type='search'] { background-size: 20px auto; }
    .search_popup a.search_close { right: auto; left: 30px; top: 25px; font-size: 1.4em; }
    .search-box-wrapper .typeahead__container .typeahead__field input[type='search'] { font-size: 20px; background-size: 20px auto; padding-left: 40px; }

    body.white-header.search-popup-ope .search_popup a.search_close { top: 65px; }
}

@media (max-width:320px) {
    .search_popup .search_center > div { max-width: 250px; }
}

@media (max-width:1300px) {
    html.mobile .search_center { vertical-align: top; padding-top: 150px; }
}
