.overlay-top-search {
position: fixed !important;
width: 100% !important;
height: 100% !important;
top: 0 !important;
left: 0 !important;
bottom: 0 !important;
right: 0 !important;
background: rgba(255, 255, 255, 0.98) !important; z-index: 2147483647 !important; display: none;
}
.overlay-top-search.open {
display: block !important;
} .overlay-top-search .overlay-close-search {
width: 50px !important;
height: 50px !important;
position: absolute !important;
right: 30px !important;
top: 30px !important;
overflow: hidden !important;
border: none !important;
background: #333 !important; color: transparent !important;
outline: none !important;
z-index: 100 !important;
cursor: pointer !important;
border-radius: 50% !important;
opacity: 0.9 !important;
transition: transform 0.3s ease !important;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
}
.overlay-top-search .overlay-close-search:hover {
opacity: 1 !important;
transform: rotate(90deg) !important;
} .overlay-top-search .overlay-close-search:before,
.overlay-top-search .overlay-close-search:after {
content: '' !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
width: 24px !important;
height: 2px !important;
background-color: #fff !important; transform-origin: center !important;
display: block !important;
}
.overlay-top-search .overlay-close-search:before {
transform: translate(-50%, -50%) rotate(45deg) !important;
}
.overlay-top-search .overlay-close-search:after {
transform: translate(-50%, -50%) rotate(-45deg) !important;
} .overlay-top-search .site-search-inner {
text-align: center !important;
position: relative !important;
top: 40% !important;
height: auto !important;
-webkit-transform: translateY(-50%) !important;
transform: translateY(-50%) !important;
padding: 0 20px !important;
width: 100% !important;
}
.overlay-top-search .site-search-inner form {
margin: 0 auto !important;
width: 100% !important;
max-width: 800px !important;
} .overlay-top-search .site-search-inner input.search-field,
.overlay-top-search .site-search-inner input.search-field:focus {
background: transparent !important;
border: none !important;
border-bottom: 2px solid #ccc !important;
color: #222 !important; font-family: inherit !important;
font-size: 36px !important;
font-weight: 300 !important;
padding: 20px 10px !important;
height: auto !important;
box-shadow: none !important;
border-radius: 0 !important;
width: 100% !important;
text-align: center !important;
line-height: 1.5 !important;
}
.overlay-top-search .site-search-inner input.search-field:focus {
border-bottom-color: #000 !important;
} .overlay-top-search .site-search-inner input[type="submit"],
.overlay-top-search .site-search-inner button.button {
display: none !important;
} .overlay-top-search .site-search-inner input.search-field::-webkit-input-placeholder {
color: #999 !important;
opacity: 0.6;
}
.overlay-top-search .site-search-inner input.search-field:-moz-placeholder {
color: #999 !important;
opacity: 0.6;
}
.overlay-top-search .site-search-inner input.search-field::-moz-placeholder {
color: #999 !important;
opacity: 0.6;
}
.overlay-top-search .site-search-inner input.search-field:-ms-input-placeholder {
color: #999 !important;
opacity: 0.6;
} @media screen and (max-width: 768px) {
.overlay-top-search .site-search-inner input.search-field {
font-size: 24px;
padding: 10px 5px;
}
.overlay-top-search .overlay-close-search {
width: 40px;
height: 40px;
right: 15px;
top: 15px;
}
} .overlay-hugeinc {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
transition: opacity 0.5s, visibility 0s 0.5s;
}
.overlay-hugeinc.open {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}