.navbar { pointer-events: none !important; } .navbar-brand { pointer-events: auto !important; } .navbar_menu { pointer-events: auto !important; } .menu-button { pointer-events: auto !important; } .navbar-menu { pointer-events: auto !important; } #sb-modal { pointer-events: none !important; z-index: 2137 !important; } #sb-search.sb-open #sb-wrapper, #sb-search.sb-open #sb-wrapperHero { margin-right: auto !important; margin-left: auto !important; text-align: center !important; } .sb-search-icon { background-color: red !important; } .sb-brand { display: none !important; } .sb-search-field { text-align: center !important; width: 100% !important; } #sb-search .sb-content.sb-hero { position: fixed !important; left: calc(50% - 13.1rem) !important; pointer-events: auto !important; } .sb-search-field::placeholder { text-align: center !important; } .sb-input { text-align: center !important; } .sb-search .sb-hero { text-align: center !important; } #sb-search #sb-wrapperHero { text-align: center !important; } #sb-search-input-example .sb-search-field { text-align: center !important; } #sb-search .sb-modal { width: 100%; height: auto; display: flex; place-content: center; align-items: center; position: fixed; } .sb-content { position: fixed !important; margin-left: auto !important; margin-right: auto !important; } #sb-search.sb-dark-auto #sb-call-to-action .sb-action, #sb-search.sb-dark-auto .sb-content .sb-results .sb-results-block .sb-item .sb-text-container .sb-title h3 em, #sb-search.sb-dark-auto .sb-content .sb-results .sb-results-block .sb-item .sb-text-container em, #sb-search.sb-dark-auto input { color: red !important; } #sb-search.sb-dark-auto .sb-content { filter: none !important; background-color: transparent !important; } .sb-hiden { display: flex !important; } .sb-content { max-width: 25rem !important; } .sb-text-container:hover { background-color: rgba(0, 0, 0, 0.08) !important; border: 1px solid #333 !important; } #sb-search.sb-dark-auto .sb-content .sb-search, #sb-search.sb-dark-auto .sb-content.sb-hero .sb-search; { border-radius: 0px !important; } .sb-content { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } #sb-search .sb-content { border-radius: 0px !important; top: 0rem !important; } #sb-search .sb-content .sb-search .sb-input { border-radius: 0px !important; } .sb-search-icon { display: none; } .sb-search { height: auto; } #sb-search .sb-content .sb-search .sb-input .sb-back-icon { display: none !important; } .sb-input>.sb-search-icon { display: none !important; } .sb-search-field { color: red !important; border-radius: 0px !important; text-transform: uppercase !important; } .sb-search-field::placeholder { color: red !important; } #sb-search.sb-dark-auto .sb-content .sb-search, #sb-search.sb-dark-auto .sb-content.sb-hero .sb-search { background-color: transparent !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } .sb-results-items { background-color: rgba(255, 255, 255, 0.48) !important; } #sb-search a, #sb-search a * { color: black !important; } .sb-text-container { background-color: transparent !important; border: none !important; z } @media (max-width: 767px) { /* .sb-results-items { background-color: white !important; } #sb-search .sb-content { border-radius: 0px !important; } .sb-search { margin-top: 0rem !important; } /* .sb-results { max-height: 70dvh !important; margin-top: 0.5rem !important; } */ /* #sb-modal { width: 50% !important; left: calc(50% - 7rem) !important; } */ /* #sb-search { display: none !important; } */ .sb-icon.sb-back-icon.icon-ic_back { display: block !important; } .sb-input { border: 1px solid black !important; margin-top: 2.5rem !important; background-color: rgb(0, 0, 0, 0.48) !important; border-radius: 120rem !important; } .sb-results { display: flex !important; height: auto !important; margin-top: 2rem !important; } #sb-search .sb-content .sb-search .sb-input .sb-back-icon { display: block !important; position: absolute !important; left: 0 !important; } } @media (min-width: 1440px) { #sb-search .sb-content.sb-hero { left: calc(50% - 13rem) !important; } } @media (min-width: 960px) { .sb-modal { display: flex !important; } }