@font-face { font-family: "Font Awesome 6 Brands"; src: url("/wp-content/themes/bricks/assets/fonts/fontawesome/fa-brands-400.woff2") format("woff2"); font-display: swap; font-weight: 400; font-style: normal; } @font-face { font-family: "Font Awesome 6 Solid"; src: url("/wp-content/themes/bricks/assets/fonts/fontawesome/fa-solid-900.woff2") format("woff2"); font-display: swap; font-weight: 900; font-style: normal; } .hero-slider { height: 70vh; overflow: hidden !important; min-height:650px; } .hero-slider .splide__track, .hero-slider .splide__list, .hero-slider .splide__slide { height: 70vh; min-height:650px; } @media (max-width: 767px) { .hero-slider, .hero-slider .splide__track, .hero-slider .splide__list, .hero-slider .splide__slide { height: 100vh; } } .initial-slider-image:has(~ .hero-slider) { transition: opacity 0.2s ease; } .initial-slider-image:has(~ .hero-slider.is-initialized) { opacity: 0; } .hero-slider:not(.is-initialized) .header-image img { opacity: 0; } .hero-slider .splide__slide.is-active .header-image img { opacity: 1; }  .hero-slider:not(.is-initialized) .header-content { opacity: 0; } .hero-slider .header-content { transition: opacity 0.15s ease; } .ngio-picture { width: 100%; }