File "header-el-search-fullscreen-1.min.css"
Full Path: /home/ycoalition/public_html/blog/wp-content/themes/woodmart/css/parts/header-el-search-fullscreen-1.min.css
File size: 4.22 KB
MIME-type: text/plain
Charset: utf-8
.wd-search-full-screen{background-color:var(--bgcolor-white);box-shadow:0 0 14px rgba(0,0,0,0.08);transition:opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.5s,visibility 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.5s,transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);transform:translate3d(0, 100%, 0);--wd-form-height: 110px;--wd-info-height: 40px}.wd-search-full-screen .autocomplete-suggestions{display:flex;flex-wrap:wrap;justify-content:center;padding:10px;background-color:var(--bgcolor-white)}.wd-search-full-screen .autocomplete-suggestion{flex-grow:0;flex-basis:200px;padding:10px}.wd-search-full-screen .wd-dropdown-results,.wd-search-full-screen .wd-dropdown-results .wd-scroll-content{max-height:100%;height:100%}.wd-search-full-screen.wd-searched .search-results-wrapper{margin-top:calc(var(--wd-info-height) * -1);height:calc(100% - var(--wd-form-height) - var(--wd-requests-height))}.wd-search-full-screen .search-info-text{overflow:hidden;margin-top:10px;padding:0 15px;text-align:center;font-size:16px;line-height:30px;transition:all .6s ease}.wd-search-full-screen .search-info-text>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wd-search-full-screen :is(.view-all-results,.suggestion-divider){flex:1 1 100%}.wd-search-full-screen .view-all-results{margin:10px -10px -10px -10px}.wd-search-full-screen .suggestion-divider{margin-top:20px;margin-right:-20px;margin-left:-20px;padding-top:20px}.wd-search-full-screen .searchform{padding-right:100px;padding-left:100px;border-bottom:1px solid var(--brdcolor-gray-300);--wd-form-bg: transparent;--wd-form-color: var(--color-gray-800);--wd-form-placeholder-color: var(--color-gray-800);--wd-form-brd-width: 0;--wd-form-height: unset}.wd-search-full-screen .searchform input[type="text"]{padding:0;text-align:center;font-weight:600;font-size:48px}.wd-search-full-screen .searchform .searchsubmit{display:none}.form-style-underlined .wd-search-full-screen input[type="text"]{padding-right:0}.wd-search-full-screen .wd-close-search{position:absolute;top:5px;right:5px;z-index:1}.wd-search-full-screen .wd-close-search.wd-style-icon>a{width:100px;height:100px}.wd-search-full-screen .wd-close-search.wd-style-icon>a:before{font-size:38px}.wd-search-full-screen .wd-search-loader{z-index:1002;display:flex;align-items:center;justify-content:center;visibility:hidden;background-color:rgba(var(--bgcolor-white-rgb), 0.8);opacity:0;transition:opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1),visibility 0.2s cubic-bezier(0.19, 1, 0.22, 1)}.wd-search-full-screen .wd-search-loader:after{content:"";display:inline-block;width:32px;height:32px;border:1px solid rgba(0,0,0,0);border-left-color:var(--color-gray-900);border-radius:50%;vertical-align:middle}.wd-search-full-screen .search-loading ~ .wd-search-loader{top:var(--wd-form-height);visibility:visible;opacity:1;transition:opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1),visibility 0.6s cubic-bezier(0.19, 1, 0.22, 1)}.wd-search-full-screen .search-loading ~ .wd-search-loader:after{animation:wd-rotate 450ms infinite linear}.wd-search-full-screen.wd-requests-enabled{--wd-requests-height: 70px}.wd-search-full-screen .wd-search-requests{margin-top:30px;padding-right:20px;padding-left:20px}.wd-search-full-screen .wd-search-requests ul{text-align:center}.wd-search-full-screen .wd-search-requests-text{display:none}.wd-search-full-screen.wd-opened{transition:opacity 0s,visibility 0s,transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);transform:none}.wd-search-full-screen .wd-search-area{padding-right:15px;padding-left:15px;height:100%}.wd-search-full-screen .wd-search-area .wd-scroll-content{max-height:calc(100% - var(--wd-info-height) - var(--wd-requests-height) - var(--wd-form-height))}@media (max-width: 1024px){.wd-search-full-screen{--wd-form-height: 70px;--wd-info-height: 30px}.wd-search-full-screen .search-info-text{font-size:14px;line-height:20px}.wd-search-full-screen .searchform{padding-right:15px;padding-left:15px}.wd-search-full-screen .searchform input[type="text"]{font-size:20px}.wd-search-full-screen .autocomplete-suggestion{padding:10px}.wd-search-full-screen .wd-close-search{display:none}}@media (max-width: 768.98px){.wd-search-full-screen .autocomplete-suggestion{flex-basis:33.333333%}}@media (max-width: 576px){.wd-search-full-screen .autocomplete-suggestion{flex-basis:50%}}