[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} @charset "UTF-8"; *, ::before, ::after{ --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::backdrop{ --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } /* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #E1E1E1; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ letter-spacing: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #b9b9b9; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #b9b9b9; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden]:where(:not([hidden="until-found"])) { display: none; } .container{ width: 100%; margin-right: auto; margin-left: auto; padding-right: 1.5rem; padding-left: 1.5rem; } @media (min-width: 480px){ .container{ max-width: 480px; } } @media (min-width: 782px){ .container{ max-width: 782px; } } @media (min-width: 960px){ .container{ max-width: 960px; } } @media (min-width: 1080px){ .container{ max-width: 1080px; } } @media (min-width: 1230px){ .container{ max-width: 1230px; } } @media (min-width: 1536px){ .container{ max-width: 1536px; } } @media (min-width: 1856px){ .container{ max-width: 1856px; } } .content{ content: ""; } .sr-only{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .visible{ visibility: visible; } .\!static{ position: static !important; } .fixed{ position: fixed; } .absolute{ position: absolute; } .relative{ position: relative; } .sticky{ position: sticky; } .inset-0{ inset: 0px; } .inset-x-0{ left: 0px; right: 0px; } .inset-y-0{ top: 0px; bottom: 0px; } .\!top-1\/2{ top: 50% !important; } .bottom-0{ bottom: 0px; } .bottom-4{ bottom: 1rem; } .left-0{ left: 0px; } .right-0{ right: 0px; } .right-4{ right: 1rem; } .top-0{ top: 0px; } .top-20{ top: 5rem; } .top-24{ top: 6rem; } .z-0{ z-index: 0; } .z-10{ z-index: 10; } .z-100{ z-index: 100; } .z-20{ z-index: 20; } .z-50{ z-index: 50; } .order-1{ order: 1; } .order-2{ order: 2; } .order-3{ order: 3; } .clear-both{ clear: both; } .\!m-0{ margin: 0px !important; } .m-0{ margin: 0px; } .m-auto{ margin: auto; } .\!my-0{ margin-top: 0px !important; margin-bottom: 0px !important; } .-mx-2{ margin-left: -0.5rem; margin-right: -0.5rem; } .-mx-6{ margin-left: -1.5rem; margin-right: -1.5rem; } .-mx-8{ margin-left: -2rem; margin-right: -2rem; } .mx-auto{ margin-left: auto; margin-right: auto; } .my-0{ margin-top: 0px; margin-bottom: 0px; } .my-12{ margin-top: 3rem; margin-bottom: 3rem; } .my-6{ margin-top: 1.5rem; margin-bottom: 1.5rem; } .my-8{ margin-top: 2rem; margin-bottom: 2rem; } .my-sectionSpacing{ margin-top: clamp(2.5rem, 7svw, 6.5rem); margin-bottom: clamp(2.5rem, 7svw, 6.5rem); } .\!-mt-4{ margin-top: -1rem !important; } .\!-mt-6{ margin-top: -1.5rem !important; } .-mt-px{ margin-top: -1px; } .mb-0{ margin-bottom: 0px; } .mb-10{ margin-bottom: 2.5rem; } .mb-12{ margin-bottom: 3rem; } .mb-16{ margin-bottom: 4rem; } .mb-2{ margin-bottom: 0.5rem; } .mb-2\.5{ margin-bottom: 0.625rem; } .mb-4{ margin-bottom: 1rem; } .mb-5{ margin-bottom: 1.25rem; } .mb-6{ margin-bottom: 1.5rem; } .mb-8{ margin-bottom: 2rem; } .mb-9{ margin-bottom: 2.25rem; } .mb-sectionSpacing{ margin-bottom: clamp(2.5rem, 7svw, 6.5rem); } .ml-0{ margin-left: 0px; } .ml-auto{ margin-left: auto; } .mr-3{ margin-right: 0.75rem; } .mt-0{ margin-top: 0px; } .mt-10{ margin-top: 2.5rem; } .mt-2{ margin-top: 0.5rem; } .mt-3{ margin-top: 0.75rem; } .mt-4{ margin-top: 1rem; } .mt-5{ margin-top: 1.25rem; } .mt-6{ margin-top: 1.5rem; } .mt-8{ margin-top: 2rem; } .mt-9{ margin-top: 2.25rem; } .mt-sectionSpacing{ margin-top: clamp(2.5rem, 7svw, 6.5rem); } .line-clamp-2{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .block{ display: block; } .inline-block{ display: inline-block; } .flex{ display: flex; } .\!inline-flex{ display: inline-flex !important; } .table{ display: table; } .grid{ display: grid; } .hidden{ display: none; } .aspect-square{ aspect-ratio: 1 / 1; } .aspect-video{ aspect-ratio: 16 / 9; } .\!h-auto{ height: auto !important; } .h-12{ height: 3rem; } .h-20{ height: 5rem; } .h-30{ height: 7.5rem; } .h-5{ height: 1.25rem; } .h-8{ height: 2rem; } .h-96{ height: 24rem; } .h-auto{ height: auto; } .h-full{ height: 100%; } .max-h-screen{ max-height: 100vh; } .min-h-12{ min-height: 3rem; } .min-h-9{ min-height: 2.25rem; } .w-1\/3{ width: 33.333333%; } .w-12{ width: 3rem; } .w-20{ width: 5rem; } .w-30{ width: 7.5rem; } .w-5{ width: 1.25rem; } .w-8{ width: 2rem; } .w-auto{ width: auto; } .w-fit{ width: -moz-fit-content; width: fit-content; } .w-full{ width: 100%; } .min-w-\[1\.5rem\]{ min-width: 1.5rem; } .max-w-114{ max-width: 28.5rem; } .max-w-148{ max-width: 37rem; } .max-w-3xl{ max-width: 48rem; } .max-w-4xl{ max-width: 56rem; } .max-w-5xl{ max-width: 64rem; } .max-w-62{ max-width: 15.5rem; } .max-w-68{ max-width: 17rem; } .max-w-6xl{ max-width: 72rem; } .max-w-72{ max-width: 18rem; } .max-w-92{ max-width: 23rem; } .max-w-full{ max-width: 100%; } .max-w-lg{ max-width: 32rem; } .max-w-prose{ max-width: 65ch; } .max-w-screen-2xl{ max-width: 1230px; } .max-w-screen-3xl{ max-width: 1536px; } .max-w-screen-lg{ max-width: 960px; } .max-w-xl{ max-width: 36rem; } .max-w-xs{ max-width: 20rem; } .cursor-pointer{ cursor: pointer; } .list-none{ list-style-type: none; } .columns-3{ -moz-columns: 3; columns: 3; } .flex-col{ flex-direction: column; } .flex-col-reverse{ flex-direction: column-reverse; } .flex-wrap{ flex-wrap: wrap; } .items-start{ align-items: flex-start; } .items-center{ align-items: center; } .items-stretch{ align-items: stretch; } .justify-end{ justify-content: flex-end; } .justify-center{ justify-content: center; } .justify-between{ justify-content: space-between; } .justify-evenly{ justify-content: space-evenly; } .gap-1\.5{ gap: 0.375rem; } .gap-12{ gap: 3rem; } .gap-2{ gap: 0.5rem; } .gap-4{ gap: 1rem; } .gap-4\.5{ gap: 1.125rem; } .gap-6{ gap: 1.5rem; } .gap-baseGap{ gap: 16px; } .gap-x-0{ -moz-column-gap: 0px; column-gap: 0px; } .gap-x-5{ -moz-column-gap: 1.25rem; column-gap: 1.25rem; } .gap-x-6{ -moz-column-gap: 1.5rem; column-gap: 1.5rem; } .gap-x-baseGap{ -moz-column-gap: 16px; column-gap: 16px; } .gap-y-10{ row-gap: 2.5rem; } .gap-y-12{ row-gap: 3rem; } .gap-y-3{ row-gap: 0.75rem; } .gap-y-8{ row-gap: 2rem; } .gap-y-baseGap{ row-gap: 16px; } .overflow-hidden{ overflow: hidden; } .overflow-x-clip{ overflow-x: clip; } .whitespace-nowrap{ white-space: nowrap; } .text-nowrap{ text-wrap: nowrap; } .text-balance{ text-wrap: balance; } .rounded{ border-radius: 0.25rem; } .rounded-3xl{ border-radius: 1.5rem; } .rounded-5xl{ border-radius: 2.5rem; } .rounded-full{ border-radius: 9999px; } .rounded-lg{ border-radius: 0.5rem; } .rounded-b-lg{ border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .rounded-t{ border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .rounded-t-lg{ border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .border{ border-width: 1px; } .border-b{ border-bottom-width: 1px; } .border-t{ border-top-width: 1px; } .border-none{ border-style: none; } .border-gray-200{ --tw-border-opacity: 1; border-color: rgb(225 225 225 / var(--tw-border-opacity, 1)); } .border-gray-900{ --tw-border-opacity: 1; border-color: rgb(35 35 35 / var(--tw-border-opacity, 1)); } .border-primary{ --tw-border-opacity: 1; border-color: rgb(155 167 97 / var(--tw-border-opacity, 1)); } .border-primary-100{ --tw-border-opacity: 1; border-color: rgb(245 246 239 / var(--tw-border-opacity, 1)); } .bg-black{ --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } .bg-gray-100{ --tw-bg-opacity: 1; background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1)); } .bg-gray-900{ --tw-bg-opacity: 1; background-color: rgb(35 35 35 / var(--tw-bg-opacity, 1)); } .bg-primary{ --tw-bg-opacity: 1; background-color: rgb(155 167 97 / var(--tw-bg-opacity, 1)); } .bg-primary-100{ --tw-bg-opacity: 1; background-color: rgb(245 246 239 / var(--tw-bg-opacity, 1)); } .bg-primary-200{ --tw-bg-opacity: 1; background-color: rgb(235 237 223 / var(--tw-bg-opacity, 1)); } .bg-secondary{ --tw-bg-opacity: 1; background-color: rgb(41 108 133 / var(--tw-bg-opacity, 1)); } .bg-white{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .bg-opacity-20{ --tw-bg-opacity: 0.2; } .bg-opacity-25{ --tw-bg-opacity: 0.25; } .bg-opacity-30{ --tw-bg-opacity: 0.3; } .stroke-current{ stroke: currentColor; } .object-contain{ -o-object-fit: contain; object-fit: contain; } .object-cover{ -o-object-fit: cover; object-fit: cover; } .object-center{ -o-object-position: center; object-position: center; } .p-12{ padding: 3rem; } .p-2{ padding: 0.5rem; } .p-3{ padding: 0.75rem; } .p-4{ padding: 1rem; } .p-5{ padding: 1.25rem; } .p-6{ padding: 1.5rem; } .p-8{ padding: 2rem; } .\!px-3{ padding-left: 0.75rem !important; padding-right: 0.75rem !important; } .\!py-1{ padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .px-2{ padding-left: 0.5rem; padding-right: 0.5rem; } .px-4{ padding-left: 1rem; padding-right: 1rem; } .px-5{ padding-left: 1.25rem; padding-right: 1.25rem; } .px-6{ padding-left: 1.5rem; padding-right: 1.5rem; } .px-8{ padding-left: 2rem; padding-right: 2rem; } .py-1{ padding-top: 0.25rem; padding-bottom: 0.25rem; } .py-10{ padding-top: 2.5rem; padding-bottom: 2.5rem; } .py-12{ padding-top: 3rem; padding-bottom: 3rem; } .py-2{ padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-4{ padding-top: 1rem; padding-bottom: 1rem; } .py-5{ padding-top: 1.25rem; padding-bottom: 1.25rem; } .py-6{ padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-8{ padding-top: 2rem; padding-bottom: 2rem; } .py-sectionSpacing{ padding-top: clamp(2.5rem, 7svw, 6.5rem); padding-bottom: clamp(2.5rem, 7svw, 6.5rem); } .pb-1{ padding-bottom: 0.25rem; } .pb-12{ padding-bottom: 3rem; } .pb-6{ padding-bottom: 1.5rem; } .pb-sectionSpacing{ padding-bottom: clamp(2.5rem, 7svw, 6.5rem); } .pl-0{ padding-left: 0px; } .pl-10{ padding-left: 2.5rem; } .pt-12{ padding-top: 3rem; } .pt-6{ padding-top: 1.5rem; } .pt-8{ padding-top: 2rem; } .text-left{ text-align: left; } .text-center{ text-align: center; } .text-right{ text-align: right; } .font-heading{ font-family: Sen, sans-serif; } .\!text-base{ font-size: 16px !important; line-height: 1.5 !important; } .text-2xl{ font-size: clamp(22px, 2.5svw, 30px); line-height: 1.3; } .text-3xl{ font-size: clamp(30px, 3.75svw, 40px); line-height: 1.2; } .text-4xl{ font-size: clamp(40px, 4svw, 45px); line-height: 1.15; } .text-5xl{ font-size: 3rem; line-height: 1; } .text-base{ font-size: 16px; line-height: 1.5; } .text-lg{ font-size: 18px; line-height: 1.5; } .text-sm{ font-size: 14px; line-height: 1.5; } .text-xl{ font-size: clamp(18px, 2.25svw, 22px); line-height: 1.3; } .text-xs{ font-size: 12px; line-height: 1.5; } .font-bold{ font-weight: 700; } .font-light{ font-weight: 300; } .font-normal{ font-weight: 400; } .font-semibold{ font-weight: 600; } .uppercase{ text-transform: uppercase; } .not-italic{ font-style: normal; } .leading-none{ line-height: 1; } .leading-normal{ line-height: 1.5; } .text-gray-400{ --tw-text-opacity: 1; color: rgb(185 185 185 / var(--tw-text-opacity, 1)); } .text-gray-800{ --tw-text-opacity: 1; color: rgb(105 105 105 / var(--tw-text-opacity, 1)); } .text-gray-900{ --tw-text-opacity: 1; color: rgb(35 35 35 / var(--tw-text-opacity, 1)); } .text-inherit{ color: inherit; } .text-primary{ --tw-text-opacity: 1; color: rgb(155 167 97 / var(--tw-text-opacity, 1)); } .text-primary-500{ --tw-text-opacity: 1; color: rgb(155 167 97 / var(--tw-text-opacity, 1)); } .text-secondary{ --tw-text-opacity: 1; color: rgb(41 108 133 / var(--tw-text-opacity, 1)); } .text-white{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .no-underline{ text-decoration-line: none; } .opacity-0{ opacity: 0; } .opacity-30{ opacity: 0.3; } .mix-blend-multiply{ mix-blend-mode: multiply; } .filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .transition{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; } .transition-all{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; } .transition-colors{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; } .transition-opacity{ transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; } .transition-transform{ transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; } .duration-500{ transition-duration: 500ms; } @font-face { font-family: "Sen"; src: url("../fonts/sen.ttf") format("truetype-variations"); font-weight: 200 300 400 500 600 700; font-style: normal; font-display: swap; } /* Typography */ body, button, input, select, optgroup, textarea { color: #232323; font-family: Sen, sans-serif; font-size: 16px; line-height: 1.5; } body { --wp--preset--font-size--small: 14px; --wp--preset--font-size--medium: 16px; --wp--preset--font-size--large: clamp(18px, 2.25svw, 22px); --wp--preset--font-size--x-large: clamp(30px, 3.75svw, 40px); } :is(h1, h2, h3, h4, h5, h6) { font-family: Sen, sans-serif; line-height: 1.25; clear: both; } :is(h1, h2, h3, h4, h5, h6):not(:first-child, [class*=mt-], [class*=my-], [class*=m-]) { margin-top: 2rem; } :is(h1, h2, h3, h4, h5, h6):not([class*=mb-], [class*=my-], [class*=m-]) { margin-bottom: 0.5rem; } :is(h1, h2, h3, h4, h5, h6):not([class*=font-]) { font-weight: 600; } h1{ font-size: clamp(30px, 3.75svw, 40px); line-height: 1.2; } h2{ font-size: clamp(22px, 2.5svw, 30px); line-height: 1.3; } h3{ font-size: clamp(18px, 2.25svw, 22px); line-height: 1.3; } h4{ font-size: 18px; line-height: 1.5; } h5{ font-size: 16px; line-height: 1.5; } h6{ font-size: 14px; line-height: 1.5; } .has-dark-title :is(h1, h2, h3, h4, h5, h6) { color: #232323; } p { margin-bottom: 1.5rem; } dfn, cite, em, i { font-style: italic; } blockquote { margin-top: 0; margin-bottom: 0; } blockquote.wp-block-quote { border-left: 2px solid #9BA761; padding-left: 1rem; } blockquote.wp-block-quote p { margin-bottom: 0.5rem; } .wp-block-pullquote { background-color: #F5F5F5; border-inline: 1px solid #E1E1E1; padding-block: 1.5rem; } .wp-block-pullquote blockquote p { font-weight: bold; margin-bottom: 0.5rem; } .wp-block-pullquote blockquote cite { font-style: normal; } address { margin: 0px 0px 1.5rem; } pre { margin-bottom: 1.75rem; max-width: 100%; overflow: auto; padding: 1.75rem; background-color: #F5F5F5; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; line-height: 1.375; } code, kbd, tt, var { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } abbr, acronym { cursor: help; border-bottom: 1px dotted #F5F5F5; } mark, ins { text-decoration: none; background-color: #F5F5F5; } big { font-size: 125%; } b, strong { font-weight: 600; } /* Elements */ body { background-color: #fff; } hr { border: none; height: 1px; margin-bottom: 1.5rem; background-color: #E1E1E1; } ul, ol { margin: 0px 0px 1.5rem 1.5rem; } ul { list-style: disc; } ol { list-style: decimal; } ol li::marker { font-weight: 600; color: #9BA761; } li > ul, li > ol { margin-bottom: 0px; margin-left: 1.5rem; } dt { font-weight: bold; } dd { margin: 0px 1.5rem 1.5rem; } #primary ul:not(.list-none, .acf-checkbox-list, .variable-items-wrapper, .page-numbers, .products, .iti ul) { color: #696969; margin-left: 0; list-style-type: ""; display: flex; flex-flow: column nowrap; gap: 0.5rem; } #primary ul:not(.list-none, .acf-checkbox-list, .variable-items-wrapper, .page-numbers, .products, .iti ul) li { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='m9 12 2 2 4.5-4.5M20 12a8 8 0 1 1-16 0 8 8 0 0 1 16 0' stroke='%239BA761' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; padding-left: 2rem; min-height: 1rem; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } img { height: auto; max-width: 100%; } figure { margin: 1rem 0; } table { margin: 0 0 1.5rem; width: 100%; } table th { text-align: left; } /* Links */ a { color: #9BA761; text-underline-offset: 0.25em; outline-offset: 4px; text-decoration: underline; } a:hover, a:focus-visible, a:active { text-decoration: underline; color: #296C85; } a:focus-visible { outline: 1px dashed #296C85; } a:hover, a:active { outline: none; } /* Forms */ button { border: none; background-color: transparent; padding: 0; color: #232323; outline-offset: 4px; } button:focus-visible { outline: 1px dashed #296C85; } input[type=button], input[type=reset], input[type=submit], .button-primary { display: inline-flex; gap: 0.25rem; padding: 0.75rem 1.5rem; border-radius: 0.5rem; border-width: 1px; border-style: solid; font-weight: 500; transition-property: color, background-color, border-color; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); font-size: 16px; line-height: 1.44; text-decoration: none; text-align: center; background-color: #9BA761; color: #fff; border-color: #9BA761; } input[type=button]:hover, input[type=button]:focus, input[type=button]:focus-visible, input[type=button]:active, input[type=reset]:hover, input[type=reset]:focus, input[type=reset]:focus-visible, input[type=reset]:active, input[type=submit]:hover, input[type=submit]:focus, input[type=submit]:focus-visible, input[type=submit]:active, .button-primary:hover, .button-primary:focus, .button-primary:focus-visible, .button-primary:active { text-decoration: none; background-color: #296C85; color: #fff; border-color: #296C85; } .button-secondary { display: inline-flex; gap: 0.25rem; padding: 0.75rem 1.5rem; border-radius: 0.5rem; border-width: 1px; border-style: solid; font-weight: 500; transition-property: color, background-color, border-color; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); font-size: 16px; line-height: 1.44; text-decoration: none; text-align: center; background-color: #296C85; color: #fff; border-color: #296C85; } .button-secondary:hover, .button-secondary:focus, .button-secondary:focus-visible, .button-secondary:active { text-decoration: none; background-color: #9BA761; color: #fff; border-color: #9BA761; } .button-white { display: inline-flex; gap: 0.25rem; padding: 0.75rem 1.5rem; border-radius: 0.5rem; border-width: 1px; border-style: solid; font-weight: 500; transition-property: color, background-color, border-color; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); font-size: 16px; line-height: 1.44; text-decoration: none; text-align: center; background-color: #fff; color: #9BA761; border-color: #fff; } .button-white:hover, .button-white:focus, .button-white:focus-visible, .button-white:active { text-decoration: none; background-color: #9BA761; color: #fff; border-color: #9BA761; } .button-primary-ghost { display: inline-flex; gap: 0.25rem; padding: 0.75rem 1.5rem; border-radius: 0.5rem; border-width: 1px; border-style: solid; font-weight: 500; transition-property: color, background-color, border-color; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); font-size: 16px; line-height: 1.44; text-decoration: none; text-align: center; background-color: transparent; color: #9BA761; border-color: #9BA761; } .button-primary-ghost:hover, .button-primary-ghost:focus, .button-primary-ghost:focus-visible, .button-primary-ghost:active { text-decoration: none; background-color: #9BA761; color: #fff; } .button-secondary-ghost { display: inline-flex; gap: 0.25rem; padding: 0.75rem 1.5rem; border-radius: 0.5rem; border-width: 1px; border-style: solid; font-weight: 500; transition-property: color, background-color, border-color; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); font-size: 16px; line-height: 1.44; text-decoration: none; text-align: center; background-color: transparent; color: #296C85; border-color: #296C85; } .button-secondary-ghost:hover, .button-secondary-ghost:focus, .button-secondary-ghost:focus-visible, .button-secondary-ghost:active { text-decoration: none; background-color: #296C85; color: #fff; } .button-underline { display: inline-block; padding-block: 3px; font-size: 16px; font-weight: 500; color: #9BA761; border-bottom: 1px solid #9BA761; text-decoration: none; } .button-underline:hover, .button-underline:focus, .button-underline:focus-visible, .button-underline:active { color: #296C85; border-color: #296C85; text-decoration: none; } :is(body, .acfe-form .acfe-form-fields) input[type=text], :is(body, .acfe-form .acfe-form-fields) input[type=email], :is(body, .acfe-form .acfe-form-fields) input[type=url], :is(body, .acfe-form .acfe-form-fields) input[type=password], :is(body, .acfe-form .acfe-form-fields) input[type=search], :is(body, .acfe-form .acfe-form-fields) input[type=number], :is(body, .acfe-form .acfe-form-fields) input[type=tel], :is(body, .acfe-form .acfe-form-fields) input[type=range], :is(body, .acfe-form .acfe-form-fields) input[type=date], :is(body, .acfe-form .acfe-form-fields) input[type=month], :is(body, .acfe-form .acfe-form-fields) input[type=week], :is(body, .acfe-form .acfe-form-fields) input[type=time], :is(body, .acfe-form .acfe-form-fields) input[type=datetime], :is(body, .acfe-form .acfe-form-fields) input[type=datetime-local], :is(body, .acfe-form .acfe-form-fields) input[type=color], :is(body, .acfe-form .acfe-form-fields) textarea, :is(body, .acfe-form .acfe-form-fields) select { padding: 0.75rem 1rem; color: #232323; border: 1px solid #F5F6EF; border-radius: 0.5rem; background-color: #F5F6EF; display: block; width: 100%; font-size: 16px; line-height: 1.5; outline-offset: 4px; } :is(body, .acfe-form .acfe-form-fields) input[type=text]::-moz-placeholder, :is(body, .acfe-form .acfe-form-fields) input[type=email]::-moz-placeholder, :is(body, .acfe-form .acfe-form-fields) input[type=url]::-moz-placeholder, :is(body, .acfe-form .acfe-form-fields) input[type=password]::-moz-placeholder, :is(body, .acfe-form .acfe-form-fields) input[type=search]::-moz-placeholder, :is(body, .acfe-form .acfe-form-fields) input[type=number]::-moz-placeholder, :is(body, .acfe-form .acfe-form-fields) input[type=tel]::-moz-placeholder, :is(body, .acfe-form .acfe-form-fields) input[type=range]::-moz-placeholder, :is(body, .acfe-form .acfe-form-fields) input[type=date]::-moz-placeholder, :is(body, .acfe-form .acfe-form-fields) input[type=month]::-moz-placeholder, :is(body, .acfe-form .acfe-form-fields) input[type=week]::-moz-placeholder, :is(body, .acfe-form .acfe-form-fields) input[type=time]::-moz-placeholder, :is(body, .acfe-form .acfe-form-fields) input[type=datetime]::-moz-placeholder, :is(body, .acfe-form .acfe-form-fields) input[type=datetime-local]::-moz-placeholder, :is(body, .acfe-form .acfe-form-fields) input[type=color]::-moz-placeholder, :is(body, .acfe-form .acfe-form-fields) textarea::-moz-placeholder, :is(body, .acfe-form .acfe-form-fields) select::-moz-placeholder{ --tw-text-opacity: 1; color: rgb(165 165 165 / var(--tw-text-opacity, 1)); } :is(body, .acfe-form .acfe-form-fields) input[type=text]::placeholder, :is(body, .acfe-form .acfe-form-fields) input[type=email]::placeholder, :is(body, .acfe-form .acfe-form-fields) input[type=url]::placeholder, :is(body, .acfe-form .acfe-form-fields) input[type=password]::placeholder, :is(body, .acfe-form .acfe-form-fields) input[type=search]::placeholder, :is(body, .acfe-form .acfe-form-fields) input[type=number]::placeholder, :is(body, .acfe-form .acfe-form-fields) input[type=tel]::placeholder, :is(body, .acfe-form .acfe-form-fields) input[type=range]::placeholder, :is(body, .acfe-form .acfe-form-fields) input[type=date]::placeholder, :is(body, .acfe-form .acfe-form-fields) input[type=month]::placeholder, :is(body, .acfe-form .acfe-form-fields) input[type=week]::placeholder, :is(body, .acfe-form .acfe-form-fields) input[type=time]::placeholder, :is(body, .acfe-form .acfe-form-fields) input[type=datetime]::placeholder, :is(body, .acfe-form .acfe-form-fields) input[type=datetime-local]::placeholder, :is(body, .acfe-form .acfe-form-fields) input[type=color]::placeholder, :is(body, .acfe-form .acfe-form-fields) textarea::placeholder, :is(body, .acfe-form .acfe-form-fields) select::placeholder{ --tw-text-opacity: 1; color: rgb(165 165 165 / var(--tw-text-opacity, 1)); } :is(body, .acfe-form .acfe-form-fields) input[type=text]:focus, :is(body, .acfe-form .acfe-form-fields) input[type=email]:focus, :is(body, .acfe-form .acfe-form-fields) input[type=url]:focus, :is(body, .acfe-form .acfe-form-fields) input[type=password]:focus, :is(body, .acfe-form .acfe-form-fields) input[type=search]:focus, :is(body, .acfe-form .acfe-form-fields) input[type=number]:focus, :is(body, .acfe-form .acfe-form-fields) input[type=tel]:focus, :is(body, .acfe-form .acfe-form-fields) input[type=range]:focus, :is(body, .acfe-form .acfe-form-fields) input[type=date]:focus, :is(body, .acfe-form .acfe-form-fields) input[type=month]:focus, :is(body, .acfe-form .acfe-form-fields) input[type=week]:focus, :is(body, .acfe-form .acfe-form-fields) input[type=time]:focus, :is(body, .acfe-form .acfe-form-fields) input[type=datetime]:focus, :is(body, .acfe-form .acfe-form-fields) input[type=datetime-local]:focus, :is(body, .acfe-form .acfe-form-fields) input[type=color]:focus, :is(body, .acfe-form .acfe-form-fields) textarea:focus, :is(body, .acfe-form .acfe-form-fields) select:focus { color: #232323; } :is(body, .acfe-form .acfe-form-fields) input[type=text]:focus-visible, :is(body, .acfe-form .acfe-form-fields) input[type=email]:focus-visible, :is(body, .acfe-form .acfe-form-fields) input[type=url]:focus-visible, :is(body, .acfe-form .acfe-form-fields) input[type=password]:focus-visible, :is(body, .acfe-form .acfe-form-fields) input[type=search]:focus-visible, :is(body, .acfe-form .acfe-form-fields) input[type=number]:focus-visible, :is(body, .acfe-form .acfe-form-fields) input[type=tel]:focus-visible, :is(body, .acfe-form .acfe-form-fields) input[type=range]:focus-visible, :is(body, .acfe-form .acfe-form-fields) input[type=date]:focus-visible, :is(body, .acfe-form .acfe-form-fields) input[type=month]:focus-visible, :is(body, .acfe-form .acfe-form-fields) input[type=week]:focus-visible, :is(body, .acfe-form .acfe-form-fields) input[type=time]:focus-visible, :is(body, .acfe-form .acfe-form-fields) input[type=datetime]:focus-visible, :is(body, .acfe-form .acfe-form-fields) input[type=datetime-local]:focus-visible, :is(body, .acfe-form .acfe-form-fields) input[type=color]:focus-visible, :is(body, .acfe-form .acfe-form-fields) textarea:focus-visible, :is(body, .acfe-form .acfe-form-fields) select:focus-visible { outline: 1px dashed #296C85; } :is(body, .acfe-form .acfe-form-fields) input[type=text]:is(.bg-primary-100 input, .bg-primary-100 select, .bg-primary-100 textarea), :is(body, .acfe-form .acfe-form-fields) input[type=email]:is(.bg-primary-100 input, .bg-primary-100 select, .bg-primary-100 textarea), :is(body, .acfe-form .acfe-form-fields) input[type=url]:is(.bg-primary-100 input, .bg-primary-100 select, .bg-primary-100 textarea), :is(body, .acfe-form .acfe-form-fields) input[type=password]:is(.bg-primary-100 input, .bg-primary-100 select, .bg-primary-100 textarea), :is(body, .acfe-form .acfe-form-fields) input[type=search]:is(.bg-primary-100 input, .bg-primary-100 select, .bg-primary-100 textarea), :is(body, .acfe-form .acfe-form-fields) input[type=number]:is(.bg-primary-100 input, .bg-primary-100 select, .bg-primary-100 textarea), :is(body, .acfe-form .acfe-form-fields) input[type=tel]:is(.bg-primary-100 input, .bg-primary-100 select, .bg-primary-100 textarea), :is(body, .acfe-form .acfe-form-fields) input[type=range]:is(.bg-primary-100 input, .bg-primary-100 select, .bg-primary-100 textarea), :is(body, .acfe-form .acfe-form-fields) input[type=date]:is(.bg-primary-100 input, .bg-primary-100 select, .bg-primary-100 textarea), :is(body, .acfe-form .acfe-form-fields) input[type=month]:is(.bg-primary-100 input, .bg-primary-100 select, .bg-primary-100 textarea), :is(body, .acfe-form .acfe-form-fields) input[type=week]:is(.bg-primary-100 input, .bg-primary-100 select, .bg-primary-100 textarea), :is(body, .acfe-form .acfe-form-fields) input[type=time]:is(.bg-primary-100 input, .bg-primary-100 select, .bg-primary-100 textarea), :is(body, .acfe-form .acfe-form-fields) input[type=datetime]:is(.bg-primary-100 input, .bg-primary-100 select, .bg-primary-100 textarea), :is(body, .acfe-form .acfe-form-fields) input[type=datetime-local]:is(.bg-primary-100 input, .bg-primary-100 select, .bg-primary-100 textarea), :is(body, .acfe-form .acfe-form-fields) input[type=color]:is(.bg-primary-100 input, .bg-primary-100 select, .bg-primary-100 textarea), :is(body, .acfe-form .acfe-form-fields) textarea:is(.bg-primary-100 input, .bg-primary-100 select, .bg-primary-100 textarea), :is(body, .acfe-form .acfe-form-fields) select:is(.bg-primary-100 input, .bg-primary-100 select, .bg-primary-100 textarea) { background-color: #fff; border: #fff; } :is(body, .acfe-form .acfe-form-fields) select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-repeat: no-repeat; padding-right: 2rem; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%23232323' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' viewBox='0 0 24 24'%3E%3Cpath stroke='none' d='M0 0h24v24H0z'/%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-position: calc(100% - 10px) center; } :is(body, .acfe-form .acfe-form-fields) textarea { width: 100%; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; outline: none; } :is(form, .acfe-form .acfe-form-fields .acf-label) label { display: block; font-size: 14px; margin-bottom: 0.5rem; font-weight: 400; } :is(form, .acfe-form .acfe-form-fields) :is(.acf-checkbox-list, .acf-field-true-false) label { text-transform: none; } .select2-container--default .select2-selection--single { border: 1px solid #7D7D7D; border-radius: 0.25rem; padding: 0.75rem 2.5rem 0.75rem 1.5rem; height: auto; background-repeat: no-repeat; background-color: white; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/7000/svg' width='11.1' height='6.3'%3E%3Cpath fill='none' stroke='%23232323' stroke-width='1' d='m.4.4 5.2 5.2-5.2 5.1' transform='rotate(90 5.5 5.5)'/%3E%3C/svg%3E"); background-position: calc(100% - 20px) center; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 1.375; padding-left: 0; } .select2-container--default .select2-selection--single .select2-selection__arrow { display: none; } .select2-dropdown { border-color: #7D7D7D; } .select2-search--dropdown { padding: 0.5rem; } .select2-search--dropdown .select2-search__field { padding: 0.5rem 1rem; } .select2-results__options .select2-results__option { padding-left: 1rem; padding-right: 1rem; } :is(body, .acfe-form .acfe-form-fields) .text-white input[type=text], :is(body, .acfe-form .acfe-form-fields) .text-white input[type=email], :is(body, .acfe-form .acfe-form-fields) .text-white input[type=url], :is(body, .acfe-form .acfe-form-fields) .text-white input[type=password], :is(body, .acfe-form .acfe-form-fields) .text-white input[type=search], :is(body, .acfe-form .acfe-form-fields) .text-white input[type=number], :is(body, .acfe-form .acfe-form-fields) .text-white input[type=tel], :is(body, .acfe-form .acfe-form-fields) .text-white input[type=range], :is(body, .acfe-form .acfe-form-fields) .text-white input[type=date], :is(body, .acfe-form .acfe-form-fields) .text-white input[type=month], :is(body, .acfe-form .acfe-form-fields) .text-white input[type=week], :is(body, .acfe-form .acfe-form-fields) .text-white input[type=time], :is(body, .acfe-form .acfe-form-fields) .text-white input[type=datetime], :is(body, .acfe-form .acfe-form-fields) .text-white input[type=datetime-local], :is(body, .acfe-form .acfe-form-fields) .text-white input[type=color], :is(body, .acfe-form .acfe-form-fields) .text-white textarea { color: #fff; border-color: #fff; padding: 0.75rem; font-size: 14px; } :is(body, .acfe-form .acfe-form-fields) .text-white select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' viewBox='0 0 24 24'%3E%3Cpath stroke='none' d='M0 0h24v24H0z'/%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); } :is(body, .acfe-form .acfe-form-fields) .text-white .wpcf7-not-valid-tip { color: #fca5a5; } .input-file-label { display: inline-flex; gap: 0.25rem; padding: 0.75rem 1.5rem; border-radius: 0.5rem; border-width: 1px; border-style: solid; font-weight: 500; transition-property: color, background-color, border-color; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); font-size: 16px; line-height: 1.44; text-decoration: none; text-align: center; background-color: #9BA761; color: #fff; border-color: #9BA761; } .input-file-label:hover,.input-file-label:focus,.input-file-label:focus-visible,.input-file-label:active { text-decoration: none; background-color: #296C85; color: #fff; border-color: #296C85; } .block-post-type-list .input-file-label { width: auto; } .input-file-label { justify-content: space-between; align-items: center; text-transform: none; font-size: 16px; cursor: pointer; display: inline-flex !important; } .input-file-label input { display: none; } .input-file-label svg { fill: currentColor; width: 1.5rem; height: 1.5rem; margin-right: 0.75rem; } .input-file-label .wpcf7-form-control-wrap .wpcf7-not-valid-tip { position: absolute; top: 100%; margin-top: 0.5rem; } div.acf-input-wrap { overflow: visible; } .form-newsletter { display: flex; flex-wrap: wrap; gap: 16px; } .form-newsletter__email { order: 1; } .form-newsletter__accept { width: 100%; order: 3; } .form-newsletter__submit { order: 2; } .form-newsletter .acf-field { margin: 0; } .form-newsletter .acf-field .acf-label { margin: 0; } div.acfe-phone-number .iti .iti__flag-container .iti__selected-flag { background-color: transparent; border-right: transparent; color: inherit; border-radius: 0; } div.acfe-phone-number .iti .iti__flag-container .iti__selected-flag .iti__flag { display: none; } div.acfe-phone-number .iti .iti__flag-container .iti__selected-flag .iti__selected-dial-code { margin-left: 0; } div.acfe-phone-number .iti .iti__flag-container:hover .iti__selected-flag { background-color: transparent; } div.acfe-phone-number .iti__country-list .iti__country { color: #232323; } div.acfe-phone-number .iti__country-list .iti__country.iti__highlight { background-color: #232323; color: #fff; } /* Navigation */ .main-menu-wrapper { background-color: #fff; position: fixed; z-index: 99; top: 7.5rem; bottom: 0; right: -100vw; box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); transition: all 0.3s ease; padding: 1rem; width: 100%; overflow-y: auto; max-height: calc(100vh - 7.5rem); } .main-menu-wrapper.menu-open { right: 0; } .scroll-header .main-menu-wrapper { top: 4rem; max-height: calc(100vh - 4rem); } .menu-toggle.menu-open .icon-open { display: none; } .menu-toggle.menu-open .icon-close { display: inline; } .main-navigation { display: block; } .main-navigation ul { list-style: none; } .main-navigation ul.menu { margin: 0; } .main-navigation ul.menu .menu-item { position: relative; } .main-navigation ul.menu .menu-item a { display: block; padding: 0.5rem 1rem; color: #232323; text-decoration: none; } .main-navigation ul.menu .menu-item--featured a { color: #296C85; } .main-navigation ul.menu .menu-item.current_page_item > :is(a, .submenu-toggle), .main-navigation ul.menu .menu-item.current-menu-item > :is(a, .submenu-toggle), .main-navigation ul.menu .menu-item.current_page_ancestor > :is(a, .submenu-toggle), .main-navigation ul.menu .menu-item.current-menu-ancestor > :is(a, .submenu-toggle), .main-navigation ul.menu .menu-item:focus-within > :is(a, .submenu-toggle), .main-navigation ul.menu .menu-item:hover > :is(a, .submenu-toggle) { color: #9BA761; } .main-navigation ul.menu .menu-item-has-children { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .main-navigation ul.menu .menu-item-has-children .submenu-toggle { padding: 0.5rem; transition: transform 0.3s ease; } .main-navigation ul.menu .menu-item-has-children .submenu-toggle.submenu-open { transform: rotateX(180deg); } .main-navigation ul.menu .menu-item-has-children ul.sub-menu { width: 100%; display: none; } .main-navigation ul.menu .menu-item-has-children ul.sub-menu.submenu-open { display: block; visibility: visible; } @media (min-width: 960px) { .menu-main-menu-right-container ul.menu { display: flex; } } @media (min-width: 1230px) { .main-navigation ul.menu { display: flex; } .main-navigation ul.menu > .menu-item > a { padding-block: 3rem; transition: padding 500ms cubic-bezier(0.4, 0, 0.2, 1); } .main-navigation ul.menu > .menu-item > a:is(.scroll-header a) { padding-block: 1.25rem; } .main-navigation ul.menu > .menu-item.menu-item-has-children > .submenu-toggle{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .main-navigation ul.menu > .menu-item.menu-item-has-children > .submenu-toggle:focus{ position: static; width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip: auto; white-space: normal; position: absolute; right: 0px; } .main-navigation ul.menu > .menu-item.menu-item-has-children > a:focus-visible + .submenu-toggle{ position: static; width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip: auto; white-space: normal; position: absolute; right: 0px; } .main-navigation ul.menu .menu-item { white-space: nowrap; } .main-navigation ul.menu .menu-item a { padding-inline: 1rem; } .main-navigation ul.menu .menu-item:hover .sub-menu { display: flex !important; } .main-navigation ul.menu .menu-item.menu-item-has-children { flex-wrap: nowrap; } .main-navigation ul.menu .menu-item.menu-item-has-children .sub-menu { max-height: initial; position: absolute; z-index: 50; top: 100%; max-height: 300px; flex-direction: column; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; left: 0; background-color: #fff; margin-left: 0; min-width: -moz-max-content; min-width: max-content; } .main-navigation ul.menu .menu-item.menu-item-has-children .sub-menu .menu-item a { padding-block: 0.75rem; padding-right: 2rem; } .main-navigation ul.menu .menu-item.menu-item-has-children:hover > .sub-menu { display: block; } .main-navigation ul.menu .menu-item.menu-item-has-children:hover > .sub-menu .menu-item-has-children .submenu-toggle { display: none; } .main-navigation ul.menu .menu-item.menu-item-has-children:hover > .sub-menu .menu-item-has-children .sub-menu { display: none; position: absolute; top: 0; left: 100%; } .main-navigation ul.menu .menu-item.menu-item-has-children:hover > .sub-menu .menu-item-has-children:hover > .sub-menu { display: block; } .main-navigation ul.menu .menu-item.menu-item-has-children.submenu-open { display: block; } .main-navigation ul.menu:is(#header-left .menu) > .menu-item > .sub-menu { min-width: 200px; } .main-navigation ul.menu:is(#header-left .menu) > .menu-item > .sub-menu::before { content: ""; position: absolute; left: -50vw; width: 200vw; background-color: #fff; display: block; height: calc(100% + 2rem); z-index: -1; box-shadow: 0px 11px 20px rgba(0, 0, 0, 0.05); } .main-navigation ul.menu:is(#header-left .menu) > .menu-item > .sub-menu .menu-item { position: static; } .main-navigation ul.menu:is(#header-left .menu) > .menu-item > .sub-menu .menu-item .sub-menu { inset-block: 0; max-height: 100%; box-shadow: none; border-left: 1px solid #E1E1E1; } .main-navigation ul.menu:is(#header-left .menu) > .menu-item > .sub-menu .menu-item:hover .sub-menu, .main-navigation ul.menu:is(#header-left .menu) > .menu-item > .sub-menu .menu-item:focus-visible .sub-menu { display: flex; flex-flow: column wrap; } .main-navigation ul.menu:is(#header-left .menu) > .menu-item > .sub-menu .menu-item--featured > a { color: #dc2626; } } @media (min-width: 1856px) { .main-menu-wrapper { display: block; overflow: visible; position: static; box-shadow: none; padding: 0; background-color: transparent; } .menu-toggle { display: none; } } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5rem; } .comment-navigation .nav-links, .posts-navigation .nav-links, .post-navigation .nav-links { display: flex; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { flex: 1 0 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { text-align: end; flex: 1 0 50%; } /* Posts and pages */ .post, .page { margin: 0; } .updated:not(.published) { display: none; } .page-content, .entry-content, .entry-summary { margin: 0; } .page-links { clear: both; margin: 0; } /* Comments */ .comment-content a { overflow-wrap: break-word; } .bypostauthor { display: block; } /* Widgets */ .widget { margin: 0; } .widget select { max-width: 100%; } /* Media */ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-top: 0; margin-bottom: 0; padding: 0; } /* Make sure logo link wraps around logo image. */ .custom-logo-link { display: inline-block; } /* Captions */ .wp-caption { margin-bottom: 1.5rem; max-width: 100%; } .wp-caption img[class*=wp-image-] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.875rem 0; } .wp-caption-text { text-align: center; } /* Galleries */ .gallery { margin-bottom: 1.5rem; display: grid; grid-gap: 1.5rem; } .gallery-item { display: inline-block; text-align: center; width: 100%; } .gallery-columns-2 { grid-template-columns: repeat(2, 1fr); } .gallery-columns-3 { grid-template-columns: repeat(3, 1fr); } .gallery-columns-4 { grid-template-columns: repeat(4, 1fr); } .gallery-columns-5 { grid-template-columns: repeat(5, 1fr); } .gallery-columns-6 { grid-template-columns: repeat(6, 1fr); } .gallery-columns-7 { grid-template-columns: repeat(7, 1fr); } .gallery-columns-8 { grid-template-columns: repeat(8, 1fr); } .gallery-columns-9 { grid-template-columns: repeat(9, 1fr); } .gallery-caption { display: block; } /* Accordion */ /** Accordion */ .accordion { display: flex; flex-direction: column; gap: 1rem; } .accordion__item { border-radius: 0.5rem; } .accordion__item:has(.accordion__button[aria-expanded=true]) { background-color: #F5F6EF; } .accordion__title { margin: 0 !important; font-size: 16px; line-height: 1.5; } .accordion__button { position: relative; width: 100%; padding: 1.25rem 1.5rem; background-color: #F5F6EF; border-radius: 0.5rem; color: #232323; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 16px; transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1); text-align: left; outline-offset: 2px; border: 1px solid transparent; font-size: clamp(18px, 2.25svw, 22px); line-height: 1.3; } .accordion__button[aria-expanded=true] .accordion__icon-wrapper { transform: rotateX(180deg); } .accordion__button[aria-expanded=false]:hover, .accordion__button[aria-expanded=false]:focus-visible { background-color: #fff; color: #232323; } .accordion__button-text { flex: 1; } .accordion__icon-wrapper { display: inline-block; transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1); } .accordion__content { overflow: hidden; max-height: 0; transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1); } .accordion__content-inner { padding: 0.5rem 1.5rem 1rem; } @media (min-width: 960px) { .accordion__content-inner { padding-inline: 3.5rem; } } @media (forced-colors: active) { .accordion__button { border: 2px solid ButtonText; } .accordion__button[aria-expanded=true] { border: 2px solid Highlight; } } /* Tabs */ /** Tabs */ .tabs{ position: relative; } .tabs__menu{ position: absolute; z-index: 10; margin-top: 0.5rem; display: none; width: 100%; flex-direction: column; } .tabs__menu > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); } .tabs__menu{ border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .tabs__menu.active{ display: flex; } .tabs__menu .tab{ padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 0.75rem; padding-bottom: 0.75rem; font-size: 12px; line-height: 1.5; text-decoration-line: none; } .tabs__menu .tab.disabled{ pointer-events: none; opacity: 0.5; } .tabs__menu .tab:hover{ cursor: pointer; } .tabs__content{ position: relative; display: none; } .tabs__content.active{ display: block; } .tabs__select{ position: relative; border-radius: 0.375rem; border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(205 205 205 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 0.75rem; padding-bottom: 0.75rem; } @media (min-width: 782px) { .tabs__menu{ position: relative; margin-top: 0px; display: flex; flex-direction: row; justify-content: flex-start; } .tabs__menu > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse)); } .tabs__menu{ border-radius: 0px; background-color: transparent; padding-bottom: 0.625rem; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .tabs__menu .tab{ padding-left: 1rem; padding-right: 1rem; padding-top: 0.75rem; padding-bottom: 0.75rem; font-size: 14px; line-height: 1.5; --tw-text-opacity: 1; color: rgb(165 165 165 / var(--tw-text-opacity, 1)); } .tabs__menu .tab.active{ border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgb(105 105 105 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(245 245 245 / var(--tw-text-opacity, 1)); } .tabs__content{ margin-top: 0px; width: 100%; } .tabs__select{ display: none; } .tabs[data-tabdecoration=true] .tabs__menu{ margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(165 165 165 / var(--tw-border-opacity, 1)); padding-bottom: 0px; } .tabs[data-tabdecoration=true] .tabs__menu .tab{ padding-left: 1rem; padding-right: 1rem; padding-bottom: 0.75rem; } .tabs[data-tabdecoration=true] .tabs__menu .tab.active{ background-color: transparent; --tw-text-opacity: 1; color: rgb(105 105 105 / var(--tw-text-opacity, 1)); } .tabs[data-tabdecoration=true] .tabs__bullet{ position: absolute; bottom: 0px; display: inline-block; height: 5px; width: 2rem; --tw-translate-y: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(105 105 105 / var(--tw-bg-opacity, 1)); opacity: 0; transition-property: all; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .tabs[data-tabdecoration=true] .tabs__bullet.active{ opacity: 1; } } /* AuthorBox */ .ltw-author-box{ display: flex; flex-direction: column; gap: 1.25rem; } @media (min-width: 960px){ .ltw-author-box{ flex-direction: row; } } .ltw-author-box .ltw-author-box__avatar{ height: auto; width: 100%; } @media (min-width: 960px){ .ltw-author-box .ltw-author-box__avatar{ width: 25%; } } .ltw-author-box .ltw-author-box__avatar img{ height: auto; width: 100%; border-radius: 9999px; transition: all 0.3s ease-in; } .ltw-author-box .ltw-author-box__avatar img:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .ltw-author-box .ltw-author-box__content{ width: 100%; } @media (min-width: 960px){ .ltw-author-box .ltw-author-box__content{ width: 75%; } } .ltw-author-box__social ul { list-style-type: ""; margin: 0px; display: flex; flex-direction: row; gap: 1rem; } .icon-rrss-author-box svg{ height: 1.5rem; width: 1.5rem; --tw-grayscale: grayscale(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); transition: all 0.2s ease-in; } .icon-rrss-author-box svg:hover{ --tw-scale-x: 1.25; --tw-scale-y: 1.25; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-grayscale: grayscale(0); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } /* Text meant only for screen readers. */ .screen-reader-text { border: none; height: 1px; margin: -1px; overflow: hidden; padding: 0; width: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); position: absolute !important; word-wrap: normal !important; } .screen-reader-text:focus { box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); display: block; font-size: 14px; font-weight: 400; height: auto; line-height: 1.5; text-decoration: none; width: auto; background-color: #E1E1E1; color: #232323; clip: auto !important; clip-path: none; left: 5px; padding: 15px 23px 14px; top: 5px; z-index: 100000; } /* Do not show the outline on the skip link target. */ #primary[tabindex="-1"]:focus { outline: none; } #ltw-breadcrumb a, #ltw-breadcrumb p, #ltw-breadcrumb span { color: inherit; } .alignleft { /*rtl:ignore*/ float: left; margin-right: 1.5rem; margin-bottom: 1.5rem; } .alignright { /*rtl:ignore*/ float: right; margin-left: 1.5rem; margin-bottom: 1.5rem; } .aligncenter { display: block; margin-inline: auto; margin-bottom: 1.5rem; clear: both; } /* Plyr Videos */ @keyframes plyr-progress { to { background-position: var(--plyr-progress-loading-size, 25px) 0; } } @keyframes plyr-popup { 0% { opacity: 0.5; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } @keyframes plyr-fade-in { from { opacity: 0; } to { opacity: 1; } } .plyr { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; align-items: center; direction: ltr; display: flex; flex-direction: column; font-family: var(--plyr-font-family, inherit); font-variant-numeric: tabular-nums; font-weight: var(--plyr-font-weight-regular, 400); line-height: var(--plyr-line-height, 1.7); max-width: 100%; min-width: 200px; position: relative; text-shadow: none; transition: box-shadow 0.3s ease; z-index: 0; } .plyr video, .plyr audio, .plyr iframe { display: block; height: 100%; width: 100%; } .plyr button { font: inherit; line-height: inherit; width: auto; } .plyr:focus { outline: 0; } .plyr--full-ui { box-sizing: border-box; } .plyr--full-ui *, .plyr--full-ui *::after, .plyr--full-ui *::before { box-sizing: inherit; } .plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label { touch-action: manipulation; } .plyr__badge { background: var(--plyr-badge-background, hsl(216, 15%, 34%)); border-radius: var(--plyr-badge-border-radius, 2px); color: var(--plyr-badge-text-color, #fff); font-size: var(--plyr-font-size-badge, 9px); line-height: 1; padding: 3px 4px; } .plyr--full-ui ::-webkit-media-text-track-container { display: none; } .plyr__captions { animation: plyr-fade-in 0.3s ease; bottom: 0; display: none; font-size: var(--plyr-font-size-small, 13px); left: 0; padding: var(--plyr-control-spacing, 10px); position: absolute; text-align: center; transition: transform 0.4s ease-in-out; width: 100%; } .plyr__captions span:empty { display: none; } @media (min-width: 480px) { .plyr__captions { font-size: var(--plyr-font-size-base, 15px); padding: calc(var(--plyr-control-spacing, 10px) * 2); } } @media (min-width: 768px) { .plyr__captions { font-size: var(--plyr-font-size-large, 18px); } } .plyr--captions-active .plyr__captions { display: block; } .plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions { transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4)); } .plyr__caption { background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8)); border-radius: 2px; -webkit-box-decoration-break: clone; box-decoration-break: clone; color: var(--plyr-captions-text-color, #fff); line-height: 185%; padding: 0.2em 0.5em; white-space: pre-wrap; } .plyr__caption div { display: inline; } .plyr__control { background: transparent; border: 0; border-radius: var(--plyr-control-radius, 4px); color: inherit; cursor: pointer; flex-shrink: 0; overflow: visible; padding: calc(var(--plyr-control-spacing, 10px) * 0.7); position: relative; transition: all 0.3s ease; } .plyr__control svg { display: block; fill: currentColor; height: var(--plyr-control-icon-size, 18px); pointer-events: none; width: var(--plyr-control-icon-size, 18px); } .plyr__control:focus { outline: 0; } .plyr__control:focus-visible { outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%)))); outline-offset: 2px; } a.plyr__control { text-decoration: none; } a.plyr__control::after, a.plyr__control::before { display: none; } .plyr__control:not(.plyr__control--pressed) .icon--pressed, .plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed, .plyr__control.plyr__control--pressed .label--not-pressed { display: none; } .plyr--full-ui ::-webkit-media-controls { display: none; } .plyr__controls { align-items: center; display: flex; justify-content: flex-end; text-align: center; } .plyr__controls .plyr__progress__container { flex: 1; min-width: 0; } .plyr__controls .plyr__controls__item { margin-left: calc(var(--plyr-control-spacing, 10px) / 4); } .plyr__controls .plyr__controls__item:first-child { margin-left: 0; margin-right: auto; } .plyr__controls .plyr__controls__item.plyr__progress__container { padding-left: calc(var(--plyr-control-spacing, 10px) / 4); } .plyr__controls .plyr__controls__item.plyr__time { padding: 0 calc(var(--plyr-control-spacing, 10px) / 2); } .plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .plyr__controls .plyr__controls__item.plyr__time:first-child, .plyr__controls .plyr__controls__item.plyr__time + .plyr__time { padding-left: 0; } .plyr__controls:empty { display: none; } .plyr [data-plyr=captions], .plyr [data-plyr=pip], .plyr [data-plyr=airplay], .plyr [data-plyr=fullscreen] { display: none; } .plyr--captions-enabled [data-plyr=captions], .plyr--pip-supported [data-plyr=pip], .plyr--airplay-supported [data-plyr=airplay], .plyr--fullscreen-enabled [data-plyr=fullscreen] { display: inline-block; } .plyr__menu { display: flex; position: relative; } .plyr__menu .plyr__control svg { transition: transform 0.3s ease; } .plyr__menu .plyr__control[aria-expanded=true] svg { transform: rotate(90deg); } .plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip { display: none; } .plyr__menu__container { animation: plyr-popup 0.2s ease; background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9)); border-radius: var(--plyr-menu-radius, 8px); bottom: 100%; box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15)); color: var(--plyr-menu-color, hsl(216, 15%, 34%)); font-size: var(--plyr-font-size-base, 15px); margin-bottom: 10px; position: absolute; right: -3px; text-align: left; white-space: nowrap; z-index: 3; } .plyr__menu__container > div { overflow: hidden; transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1); } .plyr__menu__container::after { border: var(--plyr-menu-arrow-size, 4px) solid transparent; border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, 0.9)); content: ""; height: 0; position: absolute; right: calc(var(--plyr-control-icon-size, 18px) / 2 + calc(var(--plyr-control-spacing, 10px) * 0.7) - var(--plyr-menu-arrow-size, 4px) / 2); top: 100%; width: 0; } .plyr__menu__container [role=menu] { padding: calc(var(--plyr-control-spacing, 10px) * 0.7); } .plyr__menu__container [role=menuitem], .plyr__menu__container [role=menuitemradio] { margin-top: 2px; } .plyr__menu__container [role=menuitem]:first-child, .plyr__menu__container [role=menuitemradio]:first-child { margin-top: 0; } .plyr__menu__container .plyr__control { align-items: center; color: var(--plyr-menu-color, hsl(216, 15%, 34%)); display: flex; font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px)); padding: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 1.5) calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5); -webkit-user-select: none; -moz-user-select: none; user-select: none; width: 100%; } .plyr__menu__container .plyr__control > span { align-items: inherit; display: flex; width: 100%; } .plyr__menu__container .plyr__control::after { border: var(--plyr-menu-item-arrow-size, 4px) solid transparent; content: ""; position: absolute; top: 50%; transform: translateY(-50%); } .plyr__menu__container .plyr__control--forward { padding-right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4); } .plyr__menu__container .plyr__control--forward::after { border-left-color: var(--plyr-menu-arrow-color, hsl(216, 15%, 52%)); right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5 - var(--plyr-menu-item-arrow-size, 4px)); } .plyr__menu__container .plyr__control--forward:focus-visible::after, .plyr__menu__container .plyr__control--forward:hover::after { border-left-color: currentColor; } .plyr__menu__container .plyr__control--back { font-weight: var(--plyr-font-weight-regular, 400); margin: calc(var(--plyr-control-spacing, 10px) * 0.7); margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2); padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4); position: relative; width: calc(100% - calc(var(--plyr-control-spacing, 10px) * 0.7) * 2); } .plyr__menu__container .plyr__control--back::after { border-right-color: var(--plyr-menu-arrow-color, hsl(216, 15%, 52%)); left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5 - var(--plyr-menu-item-arrow-size, 4px)); } .plyr__menu__container .plyr__control--back::before { background: var(--plyr-menu-back-border-color, hsl(216, 15%, 88%)); box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff); content: ""; height: 1px; left: 0; margin-top: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2); overflow: hidden; position: absolute; right: 0; top: 100%; } .plyr__menu__container .plyr__control--back:focus-visible::after, .plyr__menu__container .plyr__control--back:hover::after { border-right-color: currentColor; } .plyr__menu__container .plyr__control[role=menuitemradio] { padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7); } .plyr__menu__container .plyr__control[role=menuitemradio]::before, .plyr__menu__container .plyr__control[role=menuitemradio]::after { border-radius: 100%; } .plyr__menu__container .plyr__control[role=menuitemradio]::before { background: rgba(0, 0, 0, 0.1); content: ""; display: block; flex-shrink: 0; height: 16px; margin-right: var(--plyr-control-spacing, 10px); transition: all 0.3s ease; width: 16px; } .plyr__menu__container .plyr__control[role=menuitemradio]::after { background: #fff; border: 0; height: 6px; left: 12px; opacity: 0; top: 50%; transform: translateY(-50%) scale(0); transition: transform 0.3s ease, opacity 0.3s ease; width: 6px; } .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before { background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%)))); } .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after { opacity: 1; transform: translateY(-50%) scale(1); } .plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible::before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover::before { background: rgba(34.68, 39.576, 46.92, 0.1); } .plyr__menu__container .plyr__menu__value { align-items: center; display: flex; margin-left: auto; margin-right: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) - 2px) * -1); overflow: hidden; padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 3.5); pointer-events: none; } .plyr--full-ui input[type=range] { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: 0; border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2); color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%)))); display: block; height: calc(var(--plyr-range-thumb-active-shadow-width, 3px) * 2 + var(--plyr-range-thumb-height, 13px)); margin: 0; min-width: 0; padding: 0; transition: box-shadow 0.3s ease; width: 100%; } .plyr--full-ui input[type=range]::-webkit-slider-runnable-track { background: transparent; border: 0; border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: var(--plyr-range-track-height, 5px); -webkit-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; -webkit-user-select: none; user-select: none; background-image: linear-gradient(to right, currentColor var(--value, 0%), transparent var(--value, 0%)); } .plyr--full-ui input[type=range]::-webkit-slider-thumb { background: var(--plyr-range-thumb-background, #fff); border: 0; border-radius: 100%; box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)); height: var(--plyr-range-thumb-height, 13px); position: relative; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; width: var(--plyr-range-thumb-height, 13px); -webkit-appearance: none; appearance: none; margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px)) / 2 * -1); } .plyr--full-ui input[type=range]::-moz-range-track { background: transparent; border: 0; border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: var(--plyr-range-track-height, 5px); -moz-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; -moz-user-select: none; user-select: none; } .plyr--full-ui input[type=range]::-moz-range-thumb { background: var(--plyr-range-thumb-background, #fff); border: 0; border-radius: 100%; box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)); height: var(--plyr-range-thumb-height, 13px); position: relative; -moz-transition: all 0.2s ease; transition: all 0.2s ease; width: var(--plyr-range-thumb-height, 13px); } .plyr--full-ui input[type=range]::-moz-range-progress { background: currentColor; border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: var(--plyr-range-track-height, 5px); } .plyr--full-ui input[type=range]::-ms-track { background: transparent; border: 0; border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: var(--plyr-range-track-height, 5px); -ms-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; user-select: none; color: transparent; } .plyr--full-ui input[type=range]::-ms-fill-upper { background: transparent; border: 0; border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: var(--plyr-range-track-height, 5px); -ms-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; user-select: none; } .plyr--full-ui input[type=range]::-ms-fill-lower { background: transparent; border: 0; border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: var(--plyr-range-track-height, 5px); -ms-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; user-select: none; background: currentColor; } .plyr--full-ui input[type=range]::-ms-thumb { background: var(--plyr-range-thumb-background, #fff); border: 0; border-radius: 100%; box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)); height: var(--plyr-range-thumb-height, 13px); position: relative; -ms-transition: all 0.2s ease; transition: all 0.2s ease; width: var(--plyr-range-thumb-height, 13px); margin-top: 0; } .plyr--full-ui input[type=range]::-ms-tooltip { display: none; } .plyr--full-ui input[type=range]::-moz-focus-outer { border: 0; } .plyr--full-ui input[type=range]:focus { outline: 0; } .plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track { outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%)))); outline-offset: 2px; } .plyr--full-ui input[type=range]:focus-visible::-moz-range-track { outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%)))); outline-offset: 2px; } .plyr--full-ui input[type=range]:focus-visible::-ms-track { outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%)))); outline-offset: 2px; } .plyr__poster { background-color: var(--plyr-video-background, var(--plyr-video-background, rgb(0, 0, 0))); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: opacity 0.2s ease; width: 100%; z-index: 1; } .plyr--stopped.plyr__poster-enabled .plyr__poster { opacity: 1; } .plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster { display: none; } .plyr__time { font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px)); } .plyr__time + .plyr__time::before { content: "⁄"; margin-right: var(--plyr-control-spacing, 10px); } @media (max-width: 767px) { .plyr__time + .plyr__time { display: none; } } /* stylelint-disable selector-max-compound-selectors */ .plyr__tooltip { background: var(--plyr-tooltip-background, #fff); border-radius: var(--plyr-tooltip-radius, 5px); bottom: 100%; box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15)); color: var(--plyr-tooltip-color, hsl(216, 15%, 34%)); font-size: var(--plyr-font-size-small, 13px); font-weight: var(--plyr-font-weight-regular, 400); left: 50%; line-height: 1.3; margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2); opacity: 0; padding: calc(var(--plyr-control-spacing, 10px) / 2) calc(calc(var(--plyr-control-spacing, 10px) / 2) * 1.5); pointer-events: none; position: absolute; transform: translate(-50%, 10px) scale(0.8); transform-origin: 50% 100%; transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease; white-space: nowrap; z-index: 2; } .plyr__tooltip::before { border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff); bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1); content: ""; height: 0; left: 50%; position: absolute; transform: translateX(-50%); width: 0; z-index: 2; } .plyr .plyr__control:hover .plyr__tooltip, .plyr .plyr__control:focus-visible .plyr__tooltip, .plyr__tooltip--visible { opacity: 1; transform: translate(-50%, 0) scale(1); } .plyr .plyr__control:hover .plyr__tooltip { z-index: 3; } .plyr__controls > .plyr__control:first-child .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip { left: 0; transform: translate(0, 10px) scale(0.8); transform-origin: 0 100%; } .plyr__controls > .plyr__control:first-child .plyr__tooltip::before, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before { left: calc(var(--plyr-control-icon-size, 18px) / 2 + calc(var(--plyr-control-spacing, 10px) * 0.7)); } .plyr__controls > .plyr__control:last-child .plyr__tooltip { left: auto; right: 0; transform: translate(0, 10px) scale(0.8); transform-origin: 100% 100%; } .plyr__controls > .plyr__control:last-child .plyr__tooltip::before { left: auto; right: calc(var(--plyr-control-icon-size, 18px) / 2 + calc(var(--plyr-control-spacing, 10px) * 0.7)); transform: translateX(50%); } .plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child:focus-visible .plyr__tooltip, .plyr__controls > .plyr__control:first-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control:focus-visible .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible, .plyr__controls > .plyr__control:last-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:last-child:focus-visible .plyr__tooltip, .plyr__controls > .plyr__control:last-child .plyr__tooltip--visible { transform: translate(0, 0) scale(1); } .plyr__progress { left: calc(var(--plyr-range-thumb-height, 13px) * 0.5); margin-right: var(--plyr-range-thumb-height, 13px); position: relative; } .plyr__progress input[type=range], .plyr__progress__buffer { margin-left: calc(var(--plyr-range-thumb-height, 13px) * -0.5); margin-right: calc(var(--plyr-range-thumb-height, 13px) * -0.5); width: calc(100% + var(--plyr-range-thumb-height, 13px)); } .plyr__progress input[type=range] { position: relative; z-index: 2; } .plyr__progress .plyr__tooltip { left: 0; max-width: 120px; overflow-wrap: break-word; } .plyr__progress__buffer { -webkit-appearance: none; /* stylelint-disable-line */ background: transparent; border: 0; border-radius: 100px; height: var(--plyr-range-track-height, 5px); left: 0; margin-top: calc(var(--plyr-range-track-height, 5px) / 2 * -1); padding: 0; position: absolute; top: 50%; } .plyr__progress__buffer::-webkit-progress-bar { background: transparent; } .plyr__progress__buffer::-webkit-progress-value { background: currentColor; border-radius: 100px; min-width: var(--plyr-range-track-height, 5px); -webkit-transition: width 0.2s ease; transition: width 0.2s ease; } .plyr__progress__buffer::-moz-progress-bar { background: currentColor; border-radius: 100px; min-width: var(--plyr-range-track-height, 5px); -moz-transition: width 0.2s ease; transition: width 0.2s ease; } .plyr__progress__buffer::-ms-fill { border-radius: 100px; -ms-transition: width 0.2s ease; transition: width 0.2s ease; } .plyr--loading .plyr__progress__buffer { animation: plyr-progress 1s linear infinite; background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(34.68, 39.576, 46.92, 0.6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(34.68, 39.576, 46.92, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(34.68, 39.576, 46.92, 0.6)) 75%, transparent 75%, transparent); background-repeat: repeat-x; background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px); color: transparent; } .plyr--video.plyr--loading .plyr__progress__buffer { background-color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)); } .plyr--audio.plyr--loading .plyr__progress__buffer { background-color: var(--plyr-audio-progress-buffered-background, rgba(193.4175, 199.8435, 209.4825, 0.6)); } .plyr__progress__marker { background-color: var(--plyr-progress-marker-background, #fff); border-radius: 1px; height: var(--plyr-range-track-height, 5px); position: absolute; top: 50%; transform: translate(-50%, -50%); width: var(--plyr-progress-marker-width, 3px); z-index: 3; } .plyr__volume { align-items: center; display: flex; position: relative; } .plyr__volume input[type=range] { margin-left: calc(var(--plyr-control-spacing, 10px) / 2); margin-right: calc(var(--plyr-control-spacing, 10px) / 2); max-width: 90px; min-width: 60px; position: relative; z-index: 2; } .plyr--audio { display: block; } .plyr--audio .plyr__controls { background: var(--plyr-audio-controls-background, #fff); border-radius: inherit; color: var(--plyr-audio-control-color, hsl(216, 15%, 34%)); padding: var(--plyr-control-spacing, 10px); } .plyr--audio .plyr__control:focus-visible, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] { background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%)))); color: var(--plyr-audio-control-color-hover, #fff); } .plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track { background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193.4175, 199.8435, 209.4825, 0.6))); } .plyr--full-ui.plyr--audio input[type=range]::-moz-range-track { background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193.4175, 199.8435, 209.4825, 0.6))); } .plyr--full-ui.plyr--audio input[type=range]::-ms-track { background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193.4175, 199.8435, 209.4825, 0.6))); } .plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb { box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(34.68, 39.576, 46.92, 0.1)); } .plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb { box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(34.68, 39.576, 46.92, 0.1)); } .plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb { box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(34.68, 39.576, 46.92, 0.1)); } .plyr--audio .plyr__progress__buffer { color: var(--plyr-audio-progress-buffered-background, rgba(193.4175, 199.8435, 209.4825, 0.6)); } .plyr--video { overflow: hidden; } .plyr--video.plyr--menu-open { overflow: visible; } .plyr__video-wrapper { background: var(--plyr-video-background, var(--plyr-video-background, rgb(0, 0, 0))); border-radius: inherit; height: 100%; margin: auto; overflow: hidden; position: relative; width: 100%; } .plyr__video-embed, .plyr__video-wrapper--fixed-ratio { aspect-ratio: 16/9; } @supports not (aspect-ratio: 16/9) { .plyr__video-embed, .plyr__video-wrapper--fixed-ratio { height: 0; padding-bottom: 56.25%; position: relative; } } .plyr__video-embed iframe, .plyr__video-wrapper--fixed-ratio video { border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .plyr--full-ui .plyr__video-embed > .plyr__video-embed__container { padding-bottom: 240%; position: relative; transform: translateY(-38.28125%); } .plyr--video .plyr__controls { background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75))); border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; bottom: 0; color: var(--plyr-video-control-color, #fff); left: 0; padding: calc(var(--plyr-control-spacing, 10px) / 2); padding-top: calc(var(--plyr-control-spacing, 10px) * 2); position: absolute; right: 0; transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out; z-index: 3; } @media (min-width: 480px) { .plyr--video .plyr__controls { padding: var(--plyr-control-spacing, 10px); padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5); } } .plyr--video.plyr--hide-controls .plyr__controls { opacity: 0; pointer-events: none; transform: translateY(100%); } .plyr--video .plyr__control:focus-visible, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] { background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%)))); color: var(--plyr-video-control-color-hover, #fff); } .plyr__control--overlaid { background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%)))); border: 0; border-radius: 100%; color: var(--plyr-video-control-color, #fff); display: none; left: 50%; opacity: 0.9; padding: calc(var(--plyr-control-spacing, 10px) * 1.5); position: absolute; top: 50%; transform: translate(-50%, -50%); transition: 0.3s; z-index: 2; } .plyr__control--overlaid svg { left: 2px; position: relative; } .plyr__control--overlaid:hover, .plyr__control--overlaid:focus { opacity: 1; } .plyr--playing .plyr__control--overlaid { opacity: 0; visibility: hidden; } .plyr--full-ui.plyr--video .plyr__control--overlaid { display: block; } .plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track { background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))); } .plyr--full-ui.plyr--video input[type=range]::-moz-range-track { background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))); } .plyr--full-ui.plyr--video input[type=range]::-ms-track { background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))); } .plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb { box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5)); } .plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb { box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5)); } .plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb { box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5)); } .plyr--video .plyr__progress__buffer { color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)); } .plyr:fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:fullscreen video { height: 100%; } .plyr:fullscreen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:fullscreen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr:fullscreen .plyr__captions { font-size: var(--plyr-font-size-xlarge, 21px); } } .plyr--fullscreen-fallback { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 10000000; } .plyr--fullscreen-fallback video { height: 100%; } .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen { display: block; } .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr--fullscreen-fallback.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr--fullscreen-fallback .plyr__captions { font-size: var(--plyr-font-size-xlarge, 21px); } } .plyr__ads { border-radius: inherit; bottom: 0; cursor: pointer; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: -1; } .plyr__ads > div, .plyr__ads > div iframe { height: 100%; position: absolute; width: 100%; } .plyr__ads::after { background: hsl(216, 15%, 16%); border-radius: 2px; bottom: var(--plyr-control-spacing, 10px); color: #fff; content: attr(data-badge-text); font-size: 11px; padding: 2px 6px; pointer-events: none; position: absolute; right: var(--plyr-control-spacing, 10px); z-index: 3; } .plyr__ads:empty::after { display: none; } .plyr__cues { background: currentColor; display: block; height: var(--plyr-range-track-height, 5px); left: 0; opacity: 0.8; position: absolute; top: 50%; transform: translateY(-50%); width: 3px; z-index: 3; } .plyr__preview-thumb { background-color: var(--plyr-tooltip-background, #fff); border-radius: var(--plyr-menu-radius, 8px); bottom: 100%; box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15)); margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2); opacity: 0; padding: 3px; pointer-events: none; position: absolute; transform: translate(0, 10px) scale(0.8); transform-origin: 50% 100%; transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease; z-index: 2; } .plyr__preview-thumb--is-shown { opacity: 1; transform: translate(0, 0) scale(1); } .plyr__preview-thumb::before { border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff); bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1); content: ""; height: 0; left: calc(50% + var(--preview-arrow-offset)); position: absolute; transform: translateX(-50%); width: 0; z-index: 2; } .plyr__preview-thumb__image-container { background: hsl(216, 15%, 79%); border-radius: calc(var(--plyr-menu-radius, 8px) - 1px); overflow: hidden; position: relative; z-index: 0; } .plyr__preview-thumb__image-container img, .plyr__preview-thumb__image-container::after { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .plyr__preview-thumb__image-container::after { border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15); content: ""; pointer-events: none; } .plyr__preview-thumb__image-container img { max-height: none; max-width: none; } .plyr__preview-thumb__time-container { background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75))); border-bottom-left-radius: calc(var(--plyr-menu-radius, 8px) - 1px); border-bottom-right-radius: calc(var(--plyr-menu-radius, 8px) - 1px); bottom: 0; left: 0; line-height: 1.1; padding: 20px 6px 6px; position: absolute; right: 0; z-index: 3; } .plyr__preview-thumb__time-container span { color: #fff; font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px)); } .plyr__preview-scrubbing { bottom: 0; filter: blur(1px); height: 100%; left: 0; margin: auto; opacity: 0; overflow: hidden; pointer-events: none; position: absolute; right: 0; top: 0; transition: opacity 0.3s ease; width: 100%; z-index: 1; } .plyr__preview-scrubbing--is-shown { opacity: 1; } .plyr__preview-scrubbing img { height: 100%; left: 0; max-height: none; max-width: none; -o-object-fit: contain; object-fit: contain; position: absolute; top: 0; width: 100%; } .plyr--no-transition { transition: none !important; } .plyr__sr-only { clip: rect(1px, 1px, 1px, 1px); overflow: hidden; border: 0 !important; height: 1px !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .plyr [hidden] { display: none !important; } :root { --plyr-color-main: #232323; --plyr-video-control-background-hover: #232323; } .plyr__controls__item input { background-color: transparent !important; border: none !important; padding: 0 !important; } /* Swiper Sliders */ /** * Swiper 11.2.8 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: May 23, 2025 */ /* FONT_START */ @font-face { font-family: "swiper-icons"; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; } /* FONT_END */ :root { --swiper-theme-color: #007aff; /* --swiper-preloader-color: var(--swiper-theme-color); --swiper-wrapper-transition-timing-function: initial; */ } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); backface-visibility: hidden; } /* 3D Effects */ .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } /* Slide styles start */ /* 3D Shadows */ .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Slide styles end */ .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0); } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ""; position: absolute; left: 0; top: 0; pointer-events: none; } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); } :root { --swiper-navigation-size: 44px; /* --swiper-navigation-top-offset: 50%; --swiper-navigation-sides-offset: 10px; --swiper-navigation-color: var(--swiper-theme-color); */ } .swiper-button-prev, .swiper-button-next { position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev.swiper-button-hidden, .swiper-button-next.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next { display: none !important; } .swiper-button-prev svg, .swiper-button-next svg { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; transform-origin: center; } .swiper-rtl .swiper-button-prev svg, .swiper-rtl .swiper-button-next svg { transform: rotate(180deg); } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-lock { display: none; } /* Navigation font start */ .swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: "prev"; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: "next"; } /* Navigation font end */ :root { /* --swiper-pagination-color: var(--swiper-theme-color); --swiper-pagination-left: auto; --swiper-pagination-right: 8px; --swiper-pagination-bottom: 8px; --swiper-pagination-top: auto; --swiper-pagination-fraction-color: inherit; --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25); --swiper-pagination-progressbar-size: 4px; --swiper-pagination-bullet-size: 8px; --swiper-pagination-bullet-width: 8px; --swiper-pagination-bullet-height: 8px; --swiper-pagination-bullet-border-radius: 50%; --swiper-pagination-bullet-inactive-color: #000; --swiper-pagination-bullet-inactive-opacity: 0.2; --swiper-pagination-bullet-opacity: 1; --swiper-pagination-bullet-horizontal-gap: 4px; --swiper-pagination-bullet-vertical-gap: 6px; */ } .swiper-pagination { position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 50%); background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets { right: var(--swiper-pagination-right, 8px); left: var(--swiper-pagination-left, auto); top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } /* Fraction */ .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit); } /* Progress */ .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25)); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0; } .swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } :root { /* --swiper-scrollbar-border-radius: 10px; --swiper-scrollbar-top: auto; --swiper-scrollbar-bottom: 4px; --swiper-scrollbar-left: auto; --swiper-scrollbar-right: 4px; --swiper-scrollbar-sides-offset: 1%; --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1); --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5); --swiper-scrollbar-size: 4px; */ } .swiper-scrollbar { border-radius: var(--swiper-scrollbar-border-radius, 10px); position: relative; touch-action: none; background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1)); } .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; } .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: var(--swiper-scrollbar-sides-offset, 1%); bottom: var(--swiper-scrollbar-bottom, 4px); top: var(--swiper-scrollbar-top, auto); z-index: 50; height: var(--swiper-scrollbar-size, 4px); width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); } .swiper-vertical > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-vertical { position: absolute; left: var(--swiper-scrollbar-left, auto); right: var(--swiper-scrollbar-right, 4px); top: var(--swiper-scrollbar-sides-offset, 1%); z-index: 50; width: var(--swiper-scrollbar-size, 4px); height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5)); border-radius: var(--swiper-scrollbar-border-radius, 10px); left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } /* Zoom container styles start */ .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } /* Zoom container styles end */ .swiper-slide-zoomed { cursor: move; touch-action: none; } /* a11y */ .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-grid > .swiper-wrapper { flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active { pointer-events: auto; } .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper.swiper-cube { overflow: visible; } .swiper-cube .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .swiper-cube .swiper-cube-shadow:before { content: ""; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); } .swiper-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } /* Cube slide shadows start */ .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right { z-index: 0; backface-visibility: hidden; } /* Cube slide shadows end */ .swiper.swiper-flip { overflow: visible; } .swiper-flip .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } /* Flip slide shadows start */ .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right { z-index: 0; backface-visibility: hidden; } /* Flip slide shadows end */ .swiper-creative .swiper-slide { backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height; } .swiper.swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { transform-origin: center bottom; backface-visibility: hidden; overflow: hidden; } :root { --swiper-theme-color: #9BA761; --swiper-navigation-sides-offset: -1.25rem; --swiper-navigation-size: auto; } /* AOS Animations */ /* WooCommerce styles override */ .woocommerce-account:not(.logged-in) .entry-title { text-align: center; } .woocommerce-account:not(.logged-in) h2 { margin-bottom: 1rem; text-align: center; } .woocommerce-account:not(.logged-in) .woocommerce-form { max-width: 400px; box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); border-radius: 0.75rem; padding: 1.5rem; margin-inline: auto; } .woocommerce-account:not(.logged-in) .woocommerce-form > p:last-child { margin-bottom: 0; } @media (min-width: 1080px) { .woocommerce-account:not(.logged-in) .woocommerce-form { max-width: 500px; padding: 2rem 3rem; } } .woocommerce-account:not(.logged-in) :is(.u-column1, .u-column2) { display: flex; flex-direction: column; } .woocommerce-account:not(.logged-in) :is(.u-column1, .u-column2) .woocommerce-form { width: 100%; flex-grow: 1; } .woocommerce-account.logged-in .woocommerce { display: grid; gap: 16px; } .woocommerce-account.logged-in .woocommerce::after, .woocommerce-account.logged-in .woocommerce::before { content: none; } @media (min-width: 782px) { .woocommerce-account.logged-in .woocommerce { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 960px) { .woocommerce-account.logged-in .woocommerce { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (min-width: 1080px) { .woocommerce-account.logged-in .woocommerce { gap: 3rem; } } @media (min-width: 1230px) { .woocommerce-account.logged-in .woocommerce { grid-template-columns: repeat(5, minmax(0, 1fr)); } } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; display: grid; gap: 0.5rem; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link a { display: block; padding-inline: 0.75rem; padding-block: 0.5rem; color: #232323; border: 1px solid #E1E1E1; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; border-radius: 0.25rem; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link.is-active a { color: #9BA761; border-color: #9BA761; background-color: #fff; font-weight: bold; box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); } @media (min-width: 782px) { .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation { width: 33.333333%; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content { grid-column: span 2/span 2; } } @media (min-width: 960px) { .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content { grid-column: span 3/span 3; } } @media (min-width: 1230px) { .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content { grid-column: span 4/span 4; } } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address { border: 1px solid #E1E1E1; border-radius: 0.25rem; padding-inline: 1.5rem; padding-block: 1rem; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title { font-size: 18px; font-weight: 700; display: flex; justify-content: space-between; gap: 1rem; align-items: center; margin-bottom: 1rem; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title h3 { margin: 0; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .edit { display: inline-flex; gap: 0.25rem; padding: 0.75rem 1.5rem; border-radius: 0.5rem; border-width: 1px; border-style: solid; font-weight: 500; transition-property: color, background-color, border-color; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); font-size: 16px; line-height: 1.44; text-decoration: none; text-align: center; background-color: #9BA761; color: #fff; border-color: #9BA761; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .edit:hover,.woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .edit:focus,.woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .edit:focus-visible,.woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .edit:active { text-decoration: none; background-color: #296C85; color: #fff; border-color: #296C85; } .block-post-type-list .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .edit { width: auto; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .edit { font-size: 12px; padding-inline: 0.5rem; padding-block: 0.25rem; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address address { font-style: normal; font-weight: 400; margin-bottom: 0; } .woocommerce-account.logged-in .woocommerce :is(.woocommerce-MyAccount-navigation, .woocommerce-MyAccount-content) { width: 100%; float: none; clear: both; } table.shop_table_responsive thead { display: none; } table.shop_table_responsive tbody th { display: none; } table.shop_table_responsive tr td { display: block; text-align: right; clear: both; } table.shop_table_responsive tr td::before { content: attr(data-title) ": "; float: left; } table.shop_table_responsive tr td.product-remove a { text-align: left; } table.shop_table_responsive tr td.product-remove::before { display: none; } table.shop_table_responsive tr td.actions::before, table.shop_table_responsive tr td.download-actions::before { display: none; } table.shop_table_responsive tr td.download-actions .button { display: block; text-align: center; } @media screen and (min-width: 48em) { table.shop_table_responsive thead { display: table-header-group; } table.shop_table_responsive tbody th { display: table-cell; } table.shop_table_responsive tr th, table.shop_table_responsive tr td { text-align: left; } table.shop_table_responsive tr td { display: table-cell; } table.shop_table_responsive tr td::before { display: none; } } .woocommerce .products ul, .woocommerce ul.products { list-style: none; margin: 0; } .woocommerce .products ul:not(.swiper-wrapper), .woocommerce ul.products:not(.swiper-wrapper) { display: grid; gap: 16px; } .woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before { content: none; } @media (min-width: 782px){ .woocommerce .products ul.columns-1, .woocommerce ul.products.columns-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); } } @media (min-width: 1080px){ .woocommerce .products ul.columns-1, .woocommerce ul.products.columns-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); } } @media (min-width: 782px){ .woocommerce .products ul.columns-2, .woocommerce ul.products.columns-2{ grid-template-columns: repeat(1, minmax(0, 1fr)); } } @media (min-width: 1080px){ .woocommerce .products ul.columns-2, .woocommerce ul.products.columns-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 782px){ .woocommerce .products ul.columns-3, .woocommerce ul.products.columns-3{ grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 1080px){ .woocommerce .products ul.columns-3, .woocommerce ul.products.columns-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 782px){ .woocommerce .products ul.columns-4, .woocommerce ul.products.columns-4{ grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 1080px){ .woocommerce .products ul.columns-4, .woocommerce ul.products.columns-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (min-width: 782px){ .woocommerce .products ul.columns-5, .woocommerce ul.products.columns-5{ grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 1080px){ .woocommerce .products ul.columns-5, .woocommerce ul.products.columns-5{ grid-template-columns: repeat(5, minmax(0, 1fr)); } } @media (min-width: 782px){ .woocommerce .products ul.columns-6, .woocommerce ul.products.columns-6{ grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 1080px){ .woocommerce .products ul.columns-6, .woocommerce ul.products.columns-6{ grid-template-columns: repeat(6, minmax(0, 1fr)); } } .woocommerce.archive .site-main { margin-bottom: clamp(2.5rem, 7svw, 6.5rem); } .woocommerce-loop-product:hover .woocommerce-loop-product__thumbnail__second, .woocommerce-loop-product:focus-within .woocommerce-loop-product__thumbnail__second { opacity: 1; } .woocommerce-loop-product:focus-within { border-color: #9BA761; } .woocommerce-loop-product__link { display: block; position: relative; outline-offset: 0; text-decoration: none; } .woocommerce-loop-product__link:hover, .woocommerce-loop-product__link:focus-visible, .woocommerce-loop-product__link:active { text-decoration: none; } .woocommerce-loop-product__link:focus-visible { background-color: #F5F6EF; } .woocommerce-loop-product__link .onsale { position: absolute; z-index: 2; left: 24px; top: 24px; } .woocommerce-loop-product__thumbnail { position: relative; aspect-ratio: 1; overflow: hidden; margin-bottom: 0.5rem; border-radius: 0.25rem; } .woocommerce-loop-product__thumbnail img { width: 100%; height: 100%; -o-object-fit: scale-down; object-fit: scale-down; -o-object-position: center; object-position: center; background-color: #fff; } .woocommerce-loop-product__thumbnail__second { position: absolute; inset: 0; opacity: 0; transition: 500ms opacity cubic-bezier(0.4, 0, 0.2, 1); z-index: 1; } .woocommerce-loop-product__brand { margin: 0; color: #296C85; font-size: 14px; text-transform: uppercase; } .woocommerce-loop-product__title { margin: 0; font-size: 16px; color: #232323; font-weight: 400; } .woocommerce-loop-product__price-sufix { font-size: 14px; color: #7D7D7D; text-wrap: nowrap; } .woocommerce-breadcrumb{ font-size: 14px; line-height: 1.5; color: #9BA761; } .woocommerce-breadcrumb a { color: #7D7D7D; } .woocommerce-breadcrumb__separator { display: inline-block; margin: -0.25em 0.25em 0; } #ltw-products-filter label:has(input[type=radio]:checked) { background-color: #fff; } .ltw-products-filter__toggler { position: fixed; right: 0.25rem; top: 12rem; transform: rotate(-90deg); transform-origin: bottom right; z-index: 60; } @media (min-width: 960px) { .ltw-products-filter__toggler { display: none; } } .ltw-products-filter__wrapper { bottom: 0; inset-inline: 0; width: 100svw; height: auto; max-height: 100svh; overflow-y: auto; z-index: 101; transition: transform 0.3s ease, opacity 0.3s ease; transform: translateY(100%); opacity: 0; } .ltw-products-filter__wrapper.filter-visible { transform: translateY(0); opacity: 1; } @media (min-width: 960px) { .ltw-products-filter__wrapper { position: sticky; width: auto; height: auto; inset-inline: auto; top: 5rem; bottom: auto; z-index: 50; transform: translateY(0); opacity: 1; transition: none; } } .ltw-products-filter__close { position: absolute; top: 1rem; right: 1rem; background: none; border: none; cursor: pointer; padding: 0.5rem; display: none; } .ltw-products-filter__close::before, .ltw-products-filter__close::after { content: ""; position: absolute; width: 1rem; height: 2px; background-color: currentColor; top: 50%; left: 50%; } .ltw-products-filter__close::before { transform: translate(-50%, -50%) rotate(45deg); } .ltw-products-filter__close::after { transform: translate(-50%, -50%) rotate(-45deg); } @media (max-width: 960px) { .ltw-products-filter__close { display: block; } } .woocommerce-products-top-page { display: flex; gap: 16px; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 10px; } .woocommerce-products-top-page p { margin: 0; font-size: 14px; line-height: 1.5; } .woocommerce-products-top-page .woocommerce-ordering .orderby { background-color: transparent; text-align: right; padding-block: 0; border: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E%3Cpath d='M6.992 1 3.97 4 1.008 1' stroke='%23232323' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); padding-right: 2rem; font-size: 16px; line-height: 1.5; } .single-product div.product { position: relative; } .single-product div.product .woocommerce-product-gallery { position: sticky; } .single-product div.product .entry-summary .quantity .qty { width: 3.5rem; text-align: center; } .single-product div.product .entry-summary .yith-par-message.yith-par-message-product { margin: 0 0 1.5rem; max-width: 27.5rem; padding: 1.5rem 2rem; font-size: 16px; line-height: 1.5; } .single-product div.product .entry-summary .yith-par-message.yith-par-message-product a { color: inherit; text-decoration: underline; } .single-product div.product .entry-summary .osm-container { border-radius: 0.25rem; } .single-product div.product__trigger { position: absolute; top: 2em; right: 1em; display: block; z-index: 99; } .single-product div.product__trigger .flex-viewport { margin-bottom: 1em; } .single-product div.product__trigger .flex-control-thumbs { margin: 0; padding: 0; } .single-product div.product__trigger .flex-control-thumbs li { list-style: none; cursor: pointer; float: left; } .single-product div.product__trigger .flex-control-thumbs li img { opacity: 0.5; } .single-product div.product__trigger .flex-control-thumbs li img.flex-active { opacity: 1; } .single-product div.product__trigger .flex-control-thumbs li:hover img { opacity: 1; } .single-product div.product__trigger.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n) { margin-right: 0; } .single-product div.product__trigger.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n+1) { clear: both; } .single-product div.product__trigger.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) { margin-right: 0; } .single-product div.product__trigger.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) { clear: both; } .single-product div.product__trigger.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) { margin-right: 0; } .single-product div.product__trigger.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) { clear: both; } .single-product div.product__trigger.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) { margin-right: 0; } .single-product div.product__trigger.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) { clear: both; } .stock:empty::before { display: none; } .stock.in-stock { color: #9BA761; } .stock.out-of-stock { color: #dc2626; } .variable-items-wrapper { margin: 0; list-style-type: ""; display: flex; flex-wrap: wrap; gap: 0.5rem; } .variable-items-wrapper .color-variable-item { width: 3rem; height: 3rem; border-radius: 3rem; padding: 5px; border: 1px solid #E1E1E1; cursor: pointer; } .variable-items-wrapper .color-variable-item.selected { border-color: #232323; } .variable-items-wrapper .color-variable-item .variable-item-contents { height: 100%; } .variable-items-wrapper .color-variable-item .variable-item-span { display: block; width: 100%; height: 100%; border-radius: 3rem; } .thumbs-carousel__main .swiper-slide img { width: 100%; height: 100%; -o-object-fit: scale-down; object-fit: scale-down; border-radius: 0.5rem; aspect-ratio: 1; } .thumbs-carousel__nav .swiper-slide { border: 1px solid transparent; border-radius: 0.25rem; } .thumbs-carousel__nav .swiper-slide.swiper-slide-thumb-active { border-color: #9BA761; } .reset_variations[style="visibility: hidden;"] { display: none; } .woocommerce-product-attributes th, .woocommerce-product-attributes td { border-bottom: 1px solid #E1E1E1; padding-block: 0.5rem; } .woocommerce-product-attributes th p, .woocommerce-product-attributes td p { margin: 0; } @media screen and (min-width: 768px) { .col2-set .form-row-first { float: left; margin-right: 1rem; } .col2-set .form-row-last { float: right; margin-right: 0; } } .woocommerce table.shop_table { border: 1px solid #E1E1E1; margin: 0 -1px 24px 0; text-align: left; width: 100%; border-collapse: separate; border-radius: 5px; } .woocommerce table.shop_table th { font-weight: 700; padding: 9px 12px; line-height: 1.5em; } .woocommerce table.shop_table td { border-top: 1px solid #E1E1E1; padding: 9px 12px; vertical-align: middle; line-height: 1.5em; } .woocommerce table.shop_table td::before { content: none; } .woocommerce table.shop_table small, .woocommerce table.shop_table del { font-weight: 400; } .woocommerce table.shop_table tbody td, .woocommerce table.shop_table tbody th { border-top: 0; } .woocommerce table.shop_table th { font-weight: 700; border-top: 1px solid #E1E1E1; } .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { font-weight: 700; border-top: 1px solid #E1E1E1; } .woocommerce table.cart img { width: 60px; height: auto; } .woocommerce table.cart :is(tr:not(:last-child) td, thead th, thead td) { border-bottom: 1px solid #E1E1E1; } .woocommerce table.cart td { vertical-align: middle; } .woocommerce table.cart td.actions { text-align: center; } @media (min-width: 782px) { .woocommerce table.cart td.actions { text-align: right; } } .woocommerce table.cart td.actions .coupon { display: inline-flex; flex-wrap: wrap; gap: 10px; margin-right: 2rem; margin-block: 1rem; } .woocommerce table.cart td.actions .coupon input { width: 200px; } .woocommerce table.cart td.actions .coupon button { display: inline-flex; gap: 0.25rem; padding: 0.75rem 1.5rem; border-radius: 0.5rem; border-width: 1px; border-style: solid; font-weight: 500; transition-property: color, background-color, border-color; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); font-size: 16px; line-height: 1.44; text-decoration: none; text-align: center; background-color: transparent; color: #9BA761; border-color: #9BA761; } .woocommerce table.cart td.actions .coupon button:hover,.woocommerce table.cart td.actions .coupon button:focus,.woocommerce table.cart td.actions .coupon button:focus-visible,.woocommerce table.cart td.actions .coupon button:active { text-decoration: none; background-color: #9BA761; color: #fff; } .woocommerce .cart-collaterals{ max-width: 48rem; margin-top: 4rem; margin-left: auto; } .woocommerce .cart-collaterals table.shop_table :is(tr:not(:last-child) td, tr:not(:last-child) th, thead th, thead td) { border-bottom: 1px solid #E1E1E1; } .woocommerce .cart-collaterals table.shop_table tr th { vertical-align: top; background-color: #F5F5F5; border-top: none; } .woocommerce .cart-collaterals table.shop_table .shipping-calculator-button { display: inline-flex; gap: 0.25rem; padding: 0.75rem 1.5rem; border-radius: 0.5rem; border-width: 1px; border-style: solid; font-weight: 500; transition-property: color, background-color, border-color; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); font-size: 16px; line-height: 1.44; text-decoration: none; text-align: center; background-color: transparent; color: #9BA761; border-color: #9BA761; } .woocommerce .cart-collaterals table.shop_table .shipping-calculator-button:hover,.woocommerce .cart-collaterals table.shop_table .shipping-calculator-button:focus,.woocommerce .cart-collaterals table.shop_table .shipping-calculator-button:focus-visible,.woocommerce .cart-collaterals table.shop_table .shipping-calculator-button:active { text-decoration: none; background-color: #9BA761; color: #fff; } .woocommerce .cart-collaterals table.shop_table ul { list-style: none; margin-left: 0; } .woocommerce .cart-collaterals table.shop_table input[type=radio] { margin-right: 6px; } .woocommerce form.woocommerce-checkout { margin-top: 2rem; } .woocommerce form.woocommerce-checkout .col2-set { display: grid; gap: 2.5rem; } @media (min-width: 960px) { .woocommerce form.woocommerce-checkout .col2-set { grid-template-columns: repeat(2, 1fr); } } .woocommerce form.woocommerce-checkout :is(.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper) { display: grid; gap: 16px; } @media (min-width: 782px) { .woocommerce form.woocommerce-checkout :is(.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper) { grid-template-columns: repeat(2, 1fr); } } .woocommerce form.woocommerce-checkout :is(.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper) > .form-row { margin: 0; } .woocommerce form.woocommerce-checkout :is(.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper) > .form-row.form-row-wide { grid-column: 1/3; } .woocommerce form.woocommerce-checkout .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table thead th { border-top: none; } .woocommerce form.woocommerce-checkout :is(.woocommerce-shipping-methods, .payment_methods) { list-style: none; margin-left: 0; } .woocommerce form.woocommerce-checkout :is(.woocommerce-shipping-methods, .payment_methods) input[type=radio] { margin-right: 6px; } .woocommerce form.woocommerce-checkout :is(.woocommerce-shipping-methods, .payment_methods) label { display: inline !important; } .woocommerce form .woocommerce-additional-fields { margin-top: 2rem; } .woocommerce form .woocommerce-checkout-payment { background-color: #F5F5F5; padding: 2rem; border-radius: 0.25rem; } .woocommerce form .woocommerce-checkout-payment .payment_methods .payment_box { padding: 0.5rem 1rem; border-radius: 0.25rem; background-color: #E1E1E1; margin: 1rem 0 2rem; } .woocommerce form .woocommerce-checkout-payment .payment_methods .payment_box p { margin: 0; } .wc-blocks-components-select div.wc-blocks-components-select__container { border: none; } .wc-blocks-components-select div.wc-blocks-components-select__container .wc-blocks-components-select__expand { display: none; } .wc-block-components-checkbox .wc-block-components-checkbox__mark { top: 0; } .wp-block-woocommerce-checkout-pickup-options-block .wc-block-components-local-pickup-rates-control .wc-block-components-radio-control__description, .wc-block-components-radio-control__description { display: flex !important; gap: 4px !important; } /*** Header cart */ .site-header-cart { position: relative; margin: 0; padding: 0; } .site-header-cart .cart-contents { text-decoration: none; } .site-header-cart .widget_shopping_cart { display: none; } .site-header-cart .product_list_widget { margin: 0; padding: 0; } /*** Star rating */ .star-rating { overflow: hidden; position: relative; height: 1.618em; line-height: 1.618; width: 5.3em; font-family: star; font-weight: 400; } .star-rating::before { content: "SSSSS"; opacity: 0.25; float: left; top: 0; left: 0; position: absolute; } .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; } .star-rating span::before { content: "SSSSS"; top: 0; position: absolute; left: 0; color: #9BA761; } p.stars a { position: relative; height: 1em; width: 1em; text-indent: -999em; display: inline-block; text-decoration: none; margin-right: 1px; font-weight: 400; } p.stars a::before { display: block; position: absolute; top: 0; left: 0; width: 1em; height: 1em; line-height: 1; font-family: star; content: "S"; color: #232323; text-indent: 0; opacity: 0.25; } p.stars a:hover ~ a::before { content: "S"; color: #232323; opacity: 0.25; } p.stars:hover a::before { content: "S"; color: #9BA761; opacity: 1; } p.stars.selected a.active::before { content: "S"; color: #9BA761; opacity: 1; } p.stars.selected a.active ~ a::before { content: "S"; color: #232323; opacity: 0.25; } p.stars.selected a:not(.active)::before { content: "S"; color: #9BA761; opacity: 1; } /*** Tabs */ /*** Password strength meter */ .woocommerce-password-strength { text-align: right; } .woocommerce-password-strength.strong { color: #9BA761; } .woocommerce-password-strength.short { color: #dc2626; } .woocommerce-password-strength.bad { color: #dc2626; } .woocommerce-password-strength.good { color: #bfdbfe; } /*** Forms */ .form-row.woocommerce-validated input.input-text { box-shadow: inset 2px 0 0 #bbf7d0; } .form-row.woocommerce-invalid input.input-text { box-shadow: inset 2px 0 0 #dc2626; } .required { color: #f00; } /*** Notices */ .woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments { background-color: #F5F5F5; color: #232323; clear: both; padding-inline: 1.5rem; padding-block: 0.75rem; border-radius: 1rem; margin-bottom: 1rem; max-width: -moz-fit-content; max-width: fit-content; margin: 1rem 1.5rem 0.5rem auto; font-size: 14px; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); } .woocommerce-message:has(.button), .woocommerce-info:has(.button), .woocommerce-error:has(.button), .woocommerce-noreviews:has(.button), p.no-comments:has(.button) { display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 2rem; } .woocommerce-message:has(.button) .button, .woocommerce-info:has(.button) .button, .woocommerce-error:has(.button) .button, .woocommerce-noreviews:has(.button) .button, p.no-comments:has(.button) .button { display: inline-flex; gap: 0.25rem; padding: 0.75rem 1.5rem; border-radius: 0.5rem; border-width: 1px; border-style: solid; font-weight: 500; transition-property: color, background-color, border-color; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); font-size: 16px; line-height: 1.44; text-decoration: none; text-align: center; background-color: transparent; color: #9BA761; border-color: #9BA761; } .woocommerce-message:has(.button) .button:hover,.woocommerce-message:has(.button) .button:focus,.woocommerce-message:has(.button) .button:focus-visible,.woocommerce-message:has(.button) .button:active, .woocommerce-info:has(.button) .button:hover, .woocommerce-info:has(.button) .button:focus, .woocommerce-info:has(.button) .button:focus-visible, .woocommerce-info:has(.button) .button:active, .woocommerce-error:has(.button) .button:hover, .woocommerce-error:has(.button) .button:focus, .woocommerce-error:has(.button) .button:focus-visible, .woocommerce-error:has(.button) .button:active, .woocommerce-noreviews:has(.button) .button:hover, .woocommerce-noreviews:has(.button) .button:focus, .woocommerce-noreviews:has(.button) .button:focus-visible, .woocommerce-noreviews:has(.button) .button:active, p.no-comments:has(.button) .button:hover, p.no-comments:has(.button) .button:focus, p.no-comments:has(.button) .button:focus-visible, p.no-comments:has(.button) .button:active { text-decoration: none; background-color: #9BA761; color: #fff; } .woocommerce-message:has(.button) .button, .woocommerce-info:has(.button) .button, .woocommerce-error:has(.button) .button, .woocommerce-noreviews:has(.button) .button, p.no-comments:has(.button) .button { font-size: 12px; padding: 0.5rem 0.75rem; } .woocommerce-message:focus-visible, .woocommerce-info:focus-visible, .woocommerce-error:focus-visible, .woocommerce-noreviews:focus-visible, p.no-comments:focus-visible { outline: none; box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); border: 1px solid #E1E1E1; } .woocommerce-info, .woocommerce-noreviews, p.no-comments { background-color: #bfdbfe; } .woocommerce-error { background-color: #dc2626; } .demo_store { position: fixed; left: 0; bottom: 0; right: 0; margin: 0; padding: 1em; background-color: #bfdbfe; z-index: 9999; } @media screen and (min-width: 48em) { /** Header cart */ .site-header-cart .widget_shopping_cart { position: absolute; top: 100%; width: 100%; z-index: 999999; left: -999em; display: block; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); } .site-header-cart { left: 0; display: block; } } /** Columns */ .woocommerce .u-columns { display: grid; gap: 16px; } .woocommerce .u-columns.col2-set::after, .woocommerce .u-columns.col2-set::before { content: none; } @media (min-width: 960px) { .woocommerce .u-columns.col2-set { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .woocommerce .u-columns.col2-set > :is(.u-column1, .u-column2) { clear: both; width: 100%; float: none; } /** Buttons */ .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) :is(a, button, input).button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) :is(a, button, input).button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce :is(a, button, input).button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce :is(a, button, input).button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit { display: inline-flex; gap: 0.25rem; padding: 0.75rem 1.5rem; border-radius: 0.5rem; border-width: 1px; border-style: solid; font-weight: 500; transition-property: color, background-color, border-color; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); font-size: 16px; line-height: 1.44; text-decoration: none; text-align: center; background-color: #9BA761; color: #fff; border-color: #9BA761; } .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) :is(a, button, input).button:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) :is(a, button, input).button:focus,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) :is(a, button, input).button:focus-visible,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) :is(a, button, input).button:active, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) :is(a, button, input).button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) :is(a, button, input).button.alt:focus, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) :is(a, button, input).button.alt:focus-visible, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) :is(a, button, input).button.alt:active, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:focus, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:focus-visible, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:active, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce :is(a, button, input).button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce :is(a, button, input).button:focus, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce :is(a, button, input).button:focus-visible, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce :is(a, button, input).button:active, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce :is(a, button, input).button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce :is(a, button, input).button.alt:focus, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce :is(a, button, input).button.alt:focus-visible, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce :is(a, button, input).button.alt:active, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:focus, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:focus-visible, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:active { text-decoration: none; background-color: #296C85; color: #fff; border-color: #296C85; } .block-post-type-list .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) :is(a, button, input).button,.block-post-type-list .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) :is(a, button, input).button.alt,.block-post-type-list .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,.block-post-type-list :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce :is(a, button, input).button,.block-post-type-list :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce :is(a, button, input).button.alt,.block-post-type-list :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit { width: auto; } .wc-block-components-button { display: inline-flex; gap: 0.25rem; padding: 0.75rem 1.5rem; border-radius: 0.5rem; border-width: 1px; border-style: solid; font-weight: 500; transition-property: color, background-color, border-color; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); font-size: 16px; line-height: 1.44; text-decoration: none; text-align: center; background-color: #296C85; color: #fff; border-color: #296C85; } .wc-block-components-button:hover,.wc-block-components-button:focus,.wc-block-components-button:focus-visible,.wc-block-components-button:active { text-decoration: none; background-color: #9BA761; color: #fff; border-color: #9BA761; } /*** WooCommerce Price Filter */ .widget_price_filter .price_slider { margin-bottom: 1.5em; } .widget_price_filter_amount { text-align: right; line-height: 2.4; } .widget_price_filter_amount .button { float: left; } .widget_price_filter .ui-slider { position: relative; text-align: left; } .widget_price_filter .ui-slider-handle { position: absolute; z-index: 2; width: 1em; height: 1em; cursor: ew-resize; outline: none; background: #9BA761; box-sizing: border-box; margin-top: -0.25em; opacity: 1; } .widget_price_filter .ui-slider-handle:last-child { margin-left: -1em; } .widget_price_filter .ui-slider-handle:hover, .widget_price_filter .ui-slider-handle.ui-state-active { box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.1); } .widget_price_filter .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; background: #9BA761; } .widget_price_filter .price_slider_wrapper .ui-widget-content { background: rgba(0, 0, 0, 0.1); } .widget_price_filter .ui-slider-horizontal { height: 0.5em; } .widget_price_filter .ui-slider-range { height: 100%; } html { scroll-behavior: smooth; scroll-padding: 100px; accent-color: #9BA761; } html ::-moz-selection { background-color: #9BA761; color: #fff; } html ::selection { background-color: #9BA761; color: #fff; } .has-primary-color{ --tw-text-opacity: 1; color: rgb(155 167 97 / var(--tw-text-opacity, 1)); } .has-primary-background-color{ --tw-bg-opacity: 1; background-color: rgb(155 167 97 / var(--tw-bg-opacity, 1)); } .has-primary-100-color{ --tw-text-opacity: 1; color: rgb(245 246 239 / var(--tw-text-opacity, 1)); } .has-primary-100-background-color{ --tw-bg-opacity: 1; background-color: rgb(245 246 239 / var(--tw-bg-opacity, 1)); } :is(body, .acfe-form .acfe-form-fields) input[type=text]:is(.has-primary-100-background-color input, .bg-primary-100 select, .bg-primary-100 textarea), :is(body, .acfe-form .acfe-form-fields) input[type=email]:is(.has-primary-100-background-color input, .bg-primary-100 select, .bg-primary-100 textarea), :is(body, .acfe-form .acfe-form-fields) input[type=url]:is(.has-primary-100-background-color input, .bg-primary-100 select, .bg-primary-100 textarea), :is(body, .acfe-form .acfe-form-fields) input[type=password]:is(.has-primary-100-background-color input, .bg-primary-100 select, .bg-primary-100 textarea), :is(body, .acfe-form .acfe-form-fields) input[type=search]:is(.has-primary-100-background-color input, .bg-primary-100 select, .bg-primary-100 textarea), :is(body, .acfe-form .acfe-form-fields) input[type=number]:is(.has-primary-100-background-color input, .bg-primary-100 select, .bg-primary-100 textarea), :is(body, .acfe-form .acfe-form-fields) input[type=tel]:is(.has-primary-100-background-color input, .bg-primary-100 select, .bg-primary-100 textarea), :is(body, .acfe-form .acfe-form-fields) input[type=range]:is(.has-primary-100-background-color input, .bg-primary-100 select, .bg-primary-100 textarea), :is(body, .acfe-form .acfe-form-fields) input[type=date]:is(.has-primary-100-background-color input, .bg-primary-100 select, .bg-primary-100 textarea), :is(body, .acfe-form .acfe-form-fields) input[type=month]:is(.has-primary-100-background-color input, .bg-primary-100 select, .bg-primary-100 textarea), :is(body, .acfe-form .acfe-form-fields) input[type=week]:is(.has-primary-100-background-color input, .bg-primary-100 select, .bg-primary-100 textarea), :is(body, .acfe-form .acfe-form-fields) input[type=time]:is(.has-primary-100-background-color input, .bg-primary-100 select, .bg-primary-100 textarea), :is(body, .acfe-form .acfe-form-fields) input[type=datetime]:is(.has-primary-100-background-color input, .bg-primary-100 select, .bg-primary-100 textarea), :is(body, .acfe-form .acfe-form-fields) input[type=datetime-local]:is(.has-primary-100-background-color input, .bg-primary-100 select, .bg-primary-100 textarea), :is(body, .acfe-form .acfe-form-fields) input[type=color]:is(.has-primary-100-background-color input, .bg-primary-100 select, .bg-primary-100 textarea), :is(body, .acfe-form .acfe-form-fields) textarea:is(.has-primary-100-background-color input, .bg-primary-100 select, .bg-primary-100 textarea), :is(body, .acfe-form .acfe-form-fields) select:is(.has-primary-100-background-color input, .bg-primary-100 select, .bg-primary-100 textarea) { background-color: #fff; border: #fff; } .has-secondary-color{ --tw-text-opacity: 1; color: rgb(41 108 133 / var(--tw-text-opacity, 1)); } .has-secondary-background-color{ --tw-bg-opacity: 1; background-color: rgb(41 108 133 / var(--tw-bg-opacity, 1)); } .has-secondary-100-color{ --tw-text-opacity: 1; color: rgb(224 240 246 / var(--tw-text-opacity, 1)); } .has-secondary-100-background-color{ --tw-bg-opacity: 1; background-color: rgb(224 240 246 / var(--tw-bg-opacity, 1)); } .has-gray-900-color{ --tw-text-opacity: 1; color: rgb(35 35 35 / var(--tw-text-opacity, 1)); } .has-gray-900-background-color{ --tw-bg-opacity: 1; background-color: rgb(35 35 35 / var(--tw-bg-opacity, 1)); } .has-gray-700-color{ --tw-text-opacity: 1; color: rgb(125 125 125 / var(--tw-text-opacity, 1)); } .has-gray-700-background-color{ --tw-bg-opacity: 1; background-color: rgb(125 125 125 / var(--tw-bg-opacity, 1)); } .has-gray-100-color{ --tw-text-opacity: 1; color: rgb(245 245 245 / var(--tw-text-opacity, 1)); } .has-gray-100-background-color{ --tw-bg-opacity: 1; background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1)); } .has-white-color{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } :is(body, .acfe-form .acfe-form-fields) .has-white-color input[type=text], :is(body, .acfe-form .acfe-form-fields) .has-white-color input[type=email], :is(body, .acfe-form .acfe-form-fields) .has-white-color input[type=url], :is(body, .acfe-form .acfe-form-fields) .has-white-color input[type=password], :is(body, .acfe-form .acfe-form-fields) .has-white-color input[type=search], :is(body, .acfe-form .acfe-form-fields) .has-white-color input[type=number], :is(body, .acfe-form .acfe-form-fields) .has-white-color input[type=tel], :is(body, .acfe-form .acfe-form-fields) .has-white-color input[type=range], :is(body, .acfe-form .acfe-form-fields) .has-white-color input[type=date], :is(body, .acfe-form .acfe-form-fields) .has-white-color input[type=month], :is(body, .acfe-form .acfe-form-fields) .has-white-color input[type=week], :is(body, .acfe-form .acfe-form-fields) .has-white-color input[type=time], :is(body, .acfe-form .acfe-form-fields) .has-white-color input[type=datetime], :is(body, .acfe-form .acfe-form-fields) .has-white-color input[type=datetime-local], :is(body, .acfe-form .acfe-form-fields) .has-white-color input[type=color], :is(body, .acfe-form .acfe-form-fields) .has-white-color textarea { color: #fff; border-color: #fff; padding: 0.75rem; font-size: 14px; } :is(body, .acfe-form .acfe-form-fields) .has-white-color select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' viewBox='0 0 24 24'%3E%3Cpath stroke='none' d='M0 0h24v24H0z'/%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); } :is(body, .acfe-form .acfe-form-fields) .has-white-color .wpcf7-not-valid-tip { color: #fca5a5; } .has-white-background-color{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .alignfull, .alignwide { margin-inline: calc(50% - 50vw); max-width: 100vw; width: 100vw; } .wp-container-1{ width: 100%; margin-right: auto; margin-left: auto; padding-right: 1.5rem; padding-left: 1.5rem; } @media (min-width: 480px){ .wp-container-1{ max-width: 480px; } } @media (min-width: 782px){ .wp-container-1{ max-width: 782px; } } @media (min-width: 960px){ .wp-container-1{ max-width: 960px; } } @media (min-width: 1080px){ .wp-container-1{ max-width: 1080px; } } @media (min-width: 1230px){ .wp-container-1{ max-width: 1230px; } } @media (min-width: 1536px){ .wp-container-1{ max-width: 1536px; } } @media (min-width: 1856px){ .wp-container-1{ max-width: 1856px; } } .aspect-video > iframe { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .quantity { position: relative; } .quantity button:is(.plus, .minus) { position: absolute; font-size: 14px; right: 0; line-height: 1; width: 1.5rem; height: 50%; border-left: 1px solid #7D7D7D; } .quantity button.plus { top: 0; border-bottom: 1px solid #7D7D7D; } .quantity button.minus { bottom: 0; } .woocommerce-notices-wrapper { display: flex; justify-content: center; } .woocommerce-error { max-width: 500px; margin: 30px 0 30px 0 !important; } .woocommerce-error li { color: white; } .page-mi-cuenta .u-columns { display: flex; flex-direction: row; justify-content: center; gap: 20px; width: 100%; } @media (max-width: 960px) { .page-mi-cuenta .u-columns { flex-direction: column; gap: 50px; } .page-mi-cuenta .u-columns > div { width: 100% !important; min-width: unset !important; } } .woocommerce-account .woocommerce-MyAccount-content { max-width: 900px; } .woocommerce-account .woocommerce-MyAccount-navigation { max-width: 300px; } .woocommerce-account .woocommerce-MyAccount-navigation a { text-decoration: none; } .woocommerce-account .woocommerce-MyAccount-navigation li { padding: 0 !important; background-image: unset !important; } .woocommerce-account .woocommerce { display: flex !important; justify-content: center; margin: 0 auto; max-width: 1020px; flex-wrap: wrap; gap: 40px; } .woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation) { max-width: unset; } .woocommerce-account .woocommerce-info { background-color: white; background: white; margin: 0 0 20px 0; } .site-header { transition: box-shadow 500ms cubic-bezier(0.4, 0, 0.2, 1); } @media (min-width: 480px) { .site-header .header__side { width: calc(50% - 5rem); } } .site-header.scroll-header { box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); } .site-header.scroll-header .site-header__layout { height: 4rem; } .site-subheader a { text-decoration: underline; } .site-subheader a:hover, .site-subheader a:focus-visible { text-decoration: none; } .site-subheader a:focus-visible { color: #fff; outline-color: #fff; } .site-footer a { color: #9BA761; text-decoration: none; } .site-footer a:hover { text-decoration: underline; } .site-footer .widgettitle { margin-bottom: 1rem; font-weight: 600; font-size: 18px; line-height: 1.5; } .site-footer .menu { margin-left: 0; margin-bottom: 1rem; list-style: none; font-size: 16px; line-height: 1.5; } .site-footer .menu li { margin-bottom: 1rem; } .site-footer .footer-bottom .widget_block p { margin: 0; } @media (min-width: 782px) { .site-footer .footer-bottom { display: flex; flex-wrap: wrap; gap: 1rem 2.5rem; } .site-footer .footer-bottom .menu { display: flex; flex-wrap: wrap; gap: 1rem 2.5rem; margin: 0; } .site-footer .footer-bottom .menu .menu-item { margin: 0; } } .site-footer .acf-label{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .nav-links, .woocommerce-pagination ul.page-numbers { margin-top: 6rem; display: flex; justify-content: center; text-align: center; } .nav-links .page-numbers, .woocommerce-pagination ul.page-numbers .page-numbers { display: inline-block; margin-inline: 0.5rem; padding: 0.25rem; font-size: 14px; text-decoration: none; min-height: 35px; line-height: 1.8; } .nav-links .page-numbers.prev, .nav-links .page-numbers.next, .woocommerce-pagination ul.page-numbers .page-numbers.prev, .woocommerce-pagination ul.page-numbers .page-numbers.next { color: #000; } .nav-links .page-numbers:not(.next):not(.prev):not(.dots), .woocommerce-pagination ul.page-numbers .page-numbers:not(.next):not(.prev):not(.dots) { border: 1px solid #000; min-width: 35px; } .nav-links .page-numbers:not(.next):not(.prev):not(.dots):not(.current), .woocommerce-pagination ul.page-numbers .page-numbers:not(.next):not(.prev):not(.dots):not(.current) { color: #000; transition: 0.3s; } .nav-links .page-numbers:not(.next):not(.prev):not(.dots):not(.current):hover, .woocommerce-pagination ul.page-numbers .page-numbers:not(.next):not(.prev):not(.dots):not(.current):hover { background-color: #000; color: #fff; } .nav-links .page-numbers.current, .woocommerce-pagination ul.page-numbers .page-numbers.current { background-color: #000; color: #fff; } .woocommerce-pagination ul.page-numbers { list-style: none; margin-left: 0; margin-bottom: 0; } body { --wp--style--gallery-gap-default: $galleryGap; --gallery-block--gutter-size: $galleryGap; --wp--style--block-gap: $galleryGap; } .main-contact-form { display: grid; gap: 16px; } @media (min-width: 960px) { .main-contact-form { grid-template-columns: repeat(2, minmax(0, 1fr)); } .main-contact-form > div.full { grid-column: span 2/span 2; } } .main-contact-form > div .acf-field { margin: 0; } .block-img-section .wp-video { width: 100% !important; } .block-mainslider .plyr { width: 100%; height: 100%; position: absolute; inset: 0; z-index: 0; } .block-img-section-full .plyr { height: 100%; } .block-img-section-full .plyr video { -o-object-fit: cover; object-fit: cover; } .block-mainslider { --swiper-navigation-color: #fff; --swiper-navigation-sides-offset: .25rem; } @media (min-width: 960px) { .block-mainslider { --swiper-navigation-sides-offset: 1.5rem; } } .block-post-type-list { --swiper-navigation-color: #232323; --swiper-navigation-top-offset: calc(50% - 1.5rem); } .block-post-type-list .button-primary { width: auto; } @media (min-width: 1536px) { .block-post-type-list { --swiper-navigation-sides-offset: -2rem; } } .wp-block-group.has-background { padding: 1rem; margin-inline: -0.5rem; } .formulario-tipo-de-pie { display: flex; flex-flow: column nowrap; gap: 1.5rem; } .formulario-tipo-de-pie__resultado { margin-top: 2rem; color: #296C85; border-radius: 0.5rem; padding: 1rem; background-color: #fff; box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); } .block-footcalc .ltw-bti-calc-results ul.products { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); width: 100%; max-width: 100%; gap: 20px; list-style: none; margin: 0; padding: 0; } .block-footcalc .ltw-bti-calc-results ul.products li.woocommerce-loop-product .ltw-bti-talla-sugerida { position: absolute; z-index: 10; right: 24px; top: 20px; margin: 0; } @media (min-width: 1536px) { .block-footcalc .ltw-bti-calc-results ul.products { grid-template-columns: repeat(3, 1fr); } } .before\:content::before{ content: ""; } .before\:absolute::before{ content: var(--tw-content); position: absolute; } .before\:-left-12::before{ content: var(--tw-content); left: -3rem; } .before\:left-0::before{ content: var(--tw-content); left: 0px; } .before\:top-1::before{ content: var(--tw-content); top: 0.25rem; } .before\:top-2::before{ content: var(--tw-content); top: 0.5rem; } .before\:block::before{ content: var(--tw-content); display: block; } .before\:h-4::before{ content: var(--tw-content); height: 1rem; } .before\:h-full::before{ content: var(--tw-content); height: 100%; } .before\:w-4::before{ content: var(--tw-content); width: 1rem; } .before\:w-px::before{ content: var(--tw-content); width: 1px; } .before\:rounded-full::before{ content: var(--tw-content); border-radius: 9999px; } .before\:bg-gray-900::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(35 35 35 / var(--tw-bg-opacity, 1)); } .after\:content-none::after{ --tw-content: none; content: var(--tw-content); } .focus-within\:border-primary:focus-within{ --tw-border-opacity: 1; border-color: rgb(155 167 97 / var(--tw-border-opacity, 1)); } .hover\:scale-110:hover{ --tw-scale-x: 1.1; --tw-scale-y: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:border-primary:hover{ --tw-border-opacity: 1; border-color: rgb(155 167 97 / var(--tw-border-opacity, 1)); } .hover\:bg-opacity-65:hover{ --tw-bg-opacity: 0.65; } .hover\:text-secondary:hover{ --tw-text-opacity: 1; color: rgb(41 108 133 / var(--tw-text-opacity, 1)); } .hover\:text-white:hover{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .hover\:underline:hover{ text-decoration-line: underline; } .hover\:no-underline:hover{ text-decoration-line: none; } .focus-visible\:bg-opacity-65:focus-visible{ --tw-bg-opacity: 0.65; } .focus-visible\:text-secondary:focus-visible{ --tw-text-opacity: 1; color: rgb(41 108 133 / var(--tw-text-opacity, 1)); } .focus-visible\:text-white:focus-visible{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .focus-visible\:no-underline:focus-visible{ text-decoration-line: none; } .group:hover .group-hover\:scale-125{ --tw-scale-x: 1.25; --tw-scale-y: 1.25; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:hover .group-hover\:opacity-100{ opacity: 1; } .group:focus-visible .group-focus-visible\:opacity-100{ opacity: 1; } @media (min-width: 480px){ .sm\:col-span-2{ grid-column: span 2 / span 2; } .sm\:aspect-banner{ aspect-ratio: 22 / 9; } .sm\:w-auto{ width: auto; } .sm\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .sm\:flex-row{ flex-direction: row; } .sm\:p-8{ padding: 2rem; } } @media (min-width: 782px){ .md\:col-span-3{ grid-column: span 3 / span 3; } .md\:my-6{ margin-top: 1.5rem; margin-bottom: 1.5rem; } .md\:mt-0{ margin-top: 0px; } .md\:h-\[643px\]{ height: 643px; } .md\:w-25{ width: 6.25rem; } .md\:w-auto{ width: auto; } .md\:max-w-2xl{ max-width: 42rem; } .md\:max-w-full{ max-width: 100%; } .md\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:flex-row{ flex-direction: row; } .md\:justify-evenly{ justify-content: space-evenly; } .md\:p-12{ padding: 3rem; } .md\:px-0{ padding-left: 0px; padding-right: 0px; } .md\:px-12{ padding-left: 3rem; padding-right: 3rem; } .md\:py-12{ padding-top: 3rem; padding-bottom: 3rem; } .md\:py-20{ padding-top: 5rem; padding-bottom: 5rem; } .md\:text-center{ text-align: center; } .md\:text-8xl{ font-size: 6rem; line-height: 1; } .md\:text-gray-900{ --tw-text-opacity: 1; color: rgb(35 35 35 / var(--tw-text-opacity, 1)); } } @media (min-width: 960px){ .lg\:absolute{ position: absolute; } .lg\:relative{ position: relative; } .lg\:sticky{ position: sticky; } .lg\:bottom-12{ bottom: 3rem; } .lg\:right-14{ right: 3.5rem; } .lg\:top-20{ top: 5rem; } .lg\:z-0{ z-index: 0; } .lg\:order-1{ order: 1; } .lg\:order-2{ order: 2; } .lg\:col-span-1{ grid-column: span 1 / span 1; } .lg\:col-span-2{ grid-column: span 2 / span 2; } .lg\:col-span-4{ grid-column: span 4 / span 4; } .lg\:mx-auto{ margin-left: auto; margin-right: auto; } .lg\:my-24{ margin-top: 6rem; margin-bottom: 6rem; } .lg\:mb-0{ margin-bottom: 0px; } .lg\:mb-10{ margin-bottom: 2.5rem; } .lg\:mb-12{ margin-bottom: 3rem; } .lg\:mb-14{ margin-bottom: 3.5rem; } .lg\:mb-24{ margin-bottom: 6rem; } .lg\:ml-0{ margin-left: 0px; } .lg\:ml-auto{ margin-left: auto; } .lg\:mr-8{ margin-right: 2rem; } .lg\:mt-16{ margin-top: 4rem; } .lg\:block{ display: block; } .lg\:grid{ display: grid; } .lg\:w-1\/2{ width: 50%; } .lg\:w-5\/12{ width: 41.666667%; } .lg\:max-w-148{ max-width: 37rem; } .lg\:max-w-3xl{ max-width: 48rem; } .lg\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:place-content-center{ place-content: center; } .lg\:items-start{ align-items: flex-start; } .lg\:items-center{ align-items: center; } .lg\:gap-y-20{ row-gap: 5rem; } .lg\:rounded-lg{ border-radius: 0.5rem; } .lg\:border-l{ border-left-width: 1px; } .lg\:border-primary{ --tw-border-opacity: 1; border-color: rgb(155 167 97 / var(--tw-border-opacity, 1)); } .lg\:bg-gray-100{ --tw-bg-opacity: 1; background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1)); } .lg\:bg-white{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .lg\:px-24{ padding-left: 6rem; padding-right: 6rem; } .lg\:py-1{ padding-top: 0.25rem; padding-bottom: 0.25rem; } .lg\:py-12{ padding-top: 3rem; padding-bottom: 3rem; } .lg\:py-16{ padding-top: 4rem; padding-bottom: 4rem; } .lg\:py-20{ padding-top: 5rem; padding-bottom: 5rem; } .lg\:py-24{ padding-top: 6rem; padding-bottom: 6rem; } .lg\:py-25{ padding-top: 6.25rem; padding-bottom: 6.25rem; } .lg\:py-56{ padding-top: 14rem; padding-bottom: 14rem; } .lg\:py-6{ padding-top: 1.5rem; padding-bottom: 1.5rem; } .lg\:pb-24{ padding-bottom: 6rem; } .lg\:pl-0{ padding-left: 0px; } .lg\:pl-4{ padding-left: 1rem; } .lg\:pr-10{ padding-right: 2.5rem; } .lg\:pt-0{ padding-top: 0px; } .lg\:pt-12{ padding-top: 3rem; } .lg\:pt-2\.5{ padding-top: 0.625rem; } .lg\:pt-20{ padding-top: 5rem; } .lg\:pt-6{ padding-top: 1.5rem; } .lg\:text-left{ text-align: left; } .lg\:text-right{ text-align: right; } .lg\:transition{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; } .lg\:before\:-right-12::before{ content: var(--tw-content); right: -3rem; } .lg\:before\:left-1\/2::before{ content: var(--tw-content); left: 50%; } .lg\:before\:left-auto::before{ content: var(--tw-content); left: auto; } } @media (min-width: 1080px){ .xl\:row-span-2{ grid-row: span 2 / span 2; } .xl\:aspect-auto{ aspect-ratio: auto; } .xl\:max-w-screen-lg{ max-width: 960px; } .xl\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .xl\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .xl\:grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); } .xl\:grid-cols-5{ grid-template-columns: repeat(5, minmax(0, 1fr)); } .xl\:px-6{ padding-left: 1.5rem; padding-right: 1.5rem; } } @media (min-width: 1230px){ .\32xl\:top-0{ top: 0px; } .\32xl\:col-span-1{ grid-column: span 1 / span 1; } .\32xl\:col-span-5{ grid-column: span 5 / span 5; } .\32xl\:col-span-7{ grid-column: span 7 / span 7; } .\32xl\:block{ display: block; } .\32xl\:grid-cols-12{ grid-template-columns: repeat(12, minmax(0, 1fr)); } .\32xl\:grid-cols-5{ grid-template-columns: repeat(5, minmax(0, 1fr)); } .\32xl\:grid-cols-6{ grid-template-columns: repeat(6, minmax(0, 1fr)); } .\32xl\:items-stretch{ align-items: stretch; } .\32xl\:px-12{ padding-left: 3rem; padding-right: 3rem; } .\32xl\:px-6{ padding-left: 1.5rem; padding-right: 1.5rem; } .\32xl\:px-8{ padding-left: 2rem; padding-right: 2rem; } .\32xl\:pl-4{ padding-left: 1rem; } } @media (min-width: 1536px){ .\33xl\:col-span-2{ grid-column: span 2 / span 2; } .\33xl\:col-span-3{ grid-column: span 3 / span 3; } .\33xl\:max-w-screen-2xl{ max-width: 1230px; } .\33xl\:grid-cols-12{ grid-template-columns: repeat(12, minmax(0, 1fr)); } .\33xl\:grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); } .\33xl\:grid-cols-6{ grid-template-columns: repeat(6, minmax(0, 1fr)); } .\33xl\:pl-8{ padding-left: 2rem; } } @media (min-width: 1856px){ .\34xl\:max-w-screen-3xl{ max-width: 1536px; } .\34xl\:gap-6{ gap: 1.5rem; } .\34xl\:px-16{ padding-left: 4rem; padding-right: 4rem; } .\34xl\:px-22{ padding-left: 5.5rem; padding-right: 5.5rem; } .\34xl\:px-6{ padding-left: 1.5rem; padding-right: 1.5rem; } }