/* Theme Name: The Pad Template (Healthcare London) Theme URI: https://padcreative.co.uk/ Description: Template for Healthcare London from October 2025. Author: M Williams Version: 25.09.29 GitHub Theme URI: https://github.com/pad-creative-ltd/accrescent */ /* . .MMM . .MMM . .MMM . .MMM . ,MMMMMMMM . MMMMMMMMM MMMMMMMMMMM .MMMMMMMMMMMM.MMMMMMMMMMM.MMMMMMMMMMMMM MMMM .8MMMMMMM .MMMMMMM? .MMMM MMM .MMMMMM .MMMMMM. ~MMM MMM. MMMMMM. MMMMMM. .7MMM. MMMM. .MMMMMMMM .MMMMMMMM. .+MMMM. MMMMMMMMMMMMO.MMMMMMMMMMMMMMMMMMMMMMMM. MMMMMMMMMMM.. .+MMMMMM MMM. MMMMMMMM. MMM MMM MMM Pad Creative - design MMM www.padcreative.co.uk */ @import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto+Slab:wght@100..900&display=swap"); :root { --pad: "Pad Creative Ltd"; --headerHeight: 130px; --defaultPaddingTop: 9rem; --defaultPaddingBottom: 9rem; } @media only screen and (max-width: 48em) { :root { --headerHeight: 4.6rem; } } @media only screen and (max-width: 37.5em) { :root { font-size: 9px; } } /* Box sizing rules */ *, *::before, *::after { box-sizing: border-box; } /* Prevent font size inflation */ html { -moz-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; line-height: 1.4; } /* Remove default margin in favour of better control in authored CSS */ body, h1, h2, h3, h4, p, figure, blockquote, dl, dd { margin: 0; } /* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */ ul[class], ol[class] { list-style: none; } ul[role=list] { list-style: disc; } ol[role=list] { list-style: decimal; } /* Set core body defaults */ body { min-height: 100vh; min-height: 100dvh; } /* Set shorter line heights on headings and interactive elements */ h1, h2, h3, h4, button, input, label { line-height: 1.2; } /* Balance text wrapping on headings */ h1, h2, h3, h4 { text-wrap: balance; } p { text-wrap: balance; text-wrap: pretty; } /* A elements that don't have a class get default styles */ a:not([class]) { text-decoration-skip-ink: auto; color: currentColor; } /* Make images easier to work with */ img, picture { max-width: 100%; display: block; } /* Inherit fonts for inputs and buttons */ input, button, textarea, select { font: inherit; } /* Make sure textareas without a rows attribute are not tiny */ textarea:not([rows]) { min-height: 6em; } /* Anything that has been anchored to should have extra scroll margin */ :target { scroll-margin-block: 5ex; } body[data-aos-duration="50"] [data-aos], [data-aos][data-aos][data-aos-duration="50"] { transition-duration: 50ms; } body[data-aos-delay="50"] [data-aos], [data-aos][data-aos][data-aos-delay="50"] { transition-delay: 0; } body[data-aos-delay="50"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="50"].aos-animate { transition-delay: 50ms; } body[data-aos-duration="100"] [data-aos], [data-aos][data-aos][data-aos-duration="100"] { transition-duration: 100ms; } body[data-aos-delay="100"] [data-aos], [data-aos][data-aos][data-aos-delay="100"] { transition-delay: 0; } body[data-aos-delay="100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="100"].aos-animate { transition-delay: 100ms; } body[data-aos-duration="150"] [data-aos], [data-aos][data-aos][data-aos-duration="150"] { transition-duration: 150ms; } body[data-aos-delay="150"] [data-aos], [data-aos][data-aos][data-aos-delay="150"] { transition-delay: 0; } body[data-aos-delay="150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="150"].aos-animate { transition-delay: 150ms; } body[data-aos-duration="200"] [data-aos], [data-aos][data-aos][data-aos-duration="200"] { transition-duration: 200ms; } body[data-aos-delay="200"] [data-aos], [data-aos][data-aos][data-aos-delay="200"] { transition-delay: 0; } body[data-aos-delay="200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="200"].aos-animate { transition-delay: 200ms; } body[data-aos-duration="250"] [data-aos], [data-aos][data-aos][data-aos-duration="250"] { transition-duration: 250ms; } body[data-aos-delay="250"] [data-aos], [data-aos][data-aos][data-aos-delay="250"] { transition-delay: 0; } body[data-aos-delay="250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="250"].aos-animate { transition-delay: 250ms; } body[data-aos-duration="300"] [data-aos], [data-aos][data-aos][data-aos-duration="300"] { transition-duration: 300ms; } body[data-aos-delay="300"] [data-aos], [data-aos][data-aos][data-aos-delay="300"] { transition-delay: 0; } body[data-aos-delay="300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="300"].aos-animate { transition-delay: 300ms; } body[data-aos-duration="350"] [data-aos], [data-aos][data-aos][data-aos-duration="350"] { transition-duration: 350ms; } body[data-aos-delay="350"] [data-aos], [data-aos][data-aos][data-aos-delay="350"] { transition-delay: 0; } body[data-aos-delay="350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="350"].aos-animate { transition-delay: 350ms; } body[data-aos-duration="400"] [data-aos], [data-aos][data-aos][data-aos-duration="400"] { transition-duration: 400ms; } body[data-aos-delay="400"] [data-aos], [data-aos][data-aos][data-aos-delay="400"] { transition-delay: 0; } body[data-aos-delay="400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="400"].aos-animate { transition-delay: 400ms; } body[data-aos-duration="450"] [data-aos], [data-aos][data-aos][data-aos-duration="450"] { transition-duration: 450ms; } body[data-aos-delay="450"] [data-aos], [data-aos][data-aos][data-aos-delay="450"] { transition-delay: 0; } body[data-aos-delay="450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="450"].aos-animate { transition-delay: 450ms; } body[data-aos-duration="500"] [data-aos], [data-aos][data-aos][data-aos-duration="500"] { transition-duration: 500ms; } body[data-aos-delay="500"] [data-aos], [data-aos][data-aos][data-aos-delay="500"] { transition-delay: 0; } body[data-aos-delay="500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="500"].aos-animate { transition-delay: 500ms; } body[data-aos-duration="550"] [data-aos], [data-aos][data-aos][data-aos-duration="550"] { transition-duration: 550ms; } body[data-aos-delay="550"] [data-aos], [data-aos][data-aos][data-aos-delay="550"] { transition-delay: 0; } body[data-aos-delay="550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="550"].aos-animate { transition-delay: 550ms; } body[data-aos-duration="600"] [data-aos], [data-aos][data-aos][data-aos-duration="600"] { transition-duration: 600ms; } body[data-aos-delay="600"] [data-aos], [data-aos][data-aos][data-aos-delay="600"] { transition-delay: 0; } body[data-aos-delay="600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="600"].aos-animate { transition-delay: 600ms; } body[data-aos-duration="650"] [data-aos], [data-aos][data-aos][data-aos-duration="650"] { transition-duration: 650ms; } body[data-aos-delay="650"] [data-aos], [data-aos][data-aos][data-aos-delay="650"] { transition-delay: 0; } body[data-aos-delay="650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="650"].aos-animate { transition-delay: 650ms; } body[data-aos-duration="700"] [data-aos], [data-aos][data-aos][data-aos-duration="700"] { transition-duration: 700ms; } body[data-aos-delay="700"] [data-aos], [data-aos][data-aos][data-aos-delay="700"] { transition-delay: 0; } body[data-aos-delay="700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="700"].aos-animate { transition-delay: 700ms; } body[data-aos-duration="750"] [data-aos], [data-aos][data-aos][data-aos-duration="750"] { transition-duration: 750ms; } body[data-aos-delay="750"] [data-aos], [data-aos][data-aos][data-aos-delay="750"] { transition-delay: 0; } body[data-aos-delay="750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="750"].aos-animate { transition-delay: 750ms; } body[data-aos-duration="800"] [data-aos], [data-aos][data-aos][data-aos-duration="800"] { transition-duration: 800ms; } body[data-aos-delay="800"] [data-aos], [data-aos][data-aos][data-aos-delay="800"] { transition-delay: 0; } body[data-aos-delay="800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="800"].aos-animate { transition-delay: 800ms; } body[data-aos-duration="850"] [data-aos], [data-aos][data-aos][data-aos-duration="850"] { transition-duration: 850ms; } body[data-aos-delay="850"] [data-aos], [data-aos][data-aos][data-aos-delay="850"] { transition-delay: 0; } body[data-aos-delay="850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="850"].aos-animate { transition-delay: 850ms; } body[data-aos-duration="900"] [data-aos], [data-aos][data-aos][data-aos-duration="900"] { transition-duration: 900ms; } body[data-aos-delay="900"] [data-aos], [data-aos][data-aos][data-aos-delay="900"] { transition-delay: 0; } body[data-aos-delay="900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="900"].aos-animate { transition-delay: 900ms; } body[data-aos-duration="950"] [data-aos], [data-aos][data-aos][data-aos-duration="950"] { transition-duration: 950ms; } body[data-aos-delay="950"] [data-aos], [data-aos][data-aos][data-aos-delay="950"] { transition-delay: 0; } body[data-aos-delay="950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="950"].aos-animate { transition-delay: 950ms; } body[data-aos-duration="1000"] [data-aos], [data-aos][data-aos][data-aos-duration="1000"] { transition-duration: 1000ms; } body[data-aos-delay="1000"] [data-aos], [data-aos][data-aos][data-aos-delay="1000"] { transition-delay: 0; } body[data-aos-delay="1000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1000"].aos-animate { transition-delay: 1000ms; } body[data-aos-duration="1050"] [data-aos], [data-aos][data-aos][data-aos-duration="1050"] { transition-duration: 1050ms; } body[data-aos-delay="1050"] [data-aos], [data-aos][data-aos][data-aos-delay="1050"] { transition-delay: 0; } body[data-aos-delay="1050"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1050"].aos-animate { transition-delay: 1050ms; } body[data-aos-duration="1100"] [data-aos], [data-aos][data-aos][data-aos-duration="1100"] { transition-duration: 1100ms; } body[data-aos-delay="1100"] [data-aos], [data-aos][data-aos][data-aos-delay="1100"] { transition-delay: 0; } body[data-aos-delay="1100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1100"].aos-animate { transition-delay: 1100ms; } body[data-aos-duration="1150"] [data-aos], [data-aos][data-aos][data-aos-duration="1150"] { transition-duration: 1150ms; } body[data-aos-delay="1150"] [data-aos], [data-aos][data-aos][data-aos-delay="1150"] { transition-delay: 0; } body[data-aos-delay="1150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1150"].aos-animate { transition-delay: 1150ms; } body[data-aos-duration="1200"] [data-aos], [data-aos][data-aos][data-aos-duration="1200"] { transition-duration: 1200ms; } body[data-aos-delay="1200"] [data-aos], [data-aos][data-aos][data-aos-delay="1200"] { transition-delay: 0; } body[data-aos-delay="1200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1200"].aos-animate { transition-delay: 1200ms; } body[data-aos-duration="1250"] [data-aos], [data-aos][data-aos][data-aos-duration="1250"] { transition-duration: 1250ms; } body[data-aos-delay="1250"] [data-aos], [data-aos][data-aos][data-aos-delay="1250"] { transition-delay: 0; } body[data-aos-delay="1250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1250"].aos-animate { transition-delay: 1250ms; } body[data-aos-duration="1300"] [data-aos], [data-aos][data-aos][data-aos-duration="1300"] { transition-duration: 1300ms; } body[data-aos-delay="1300"] [data-aos], [data-aos][data-aos][data-aos-delay="1300"] { transition-delay: 0; } body[data-aos-delay="1300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1300"].aos-animate { transition-delay: 1300ms; } body[data-aos-duration="1350"] [data-aos], [data-aos][data-aos][data-aos-duration="1350"] { transition-duration: 1350ms; } body[data-aos-delay="1350"] [data-aos], [data-aos][data-aos][data-aos-delay="1350"] { transition-delay: 0; } body[data-aos-delay="1350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1350"].aos-animate { transition-delay: 1350ms; } body[data-aos-duration="1400"] [data-aos], [data-aos][data-aos][data-aos-duration="1400"] { transition-duration: 1400ms; } body[data-aos-delay="1400"] [data-aos], [data-aos][data-aos][data-aos-delay="1400"] { transition-delay: 0; } body[data-aos-delay="1400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1400"].aos-animate { transition-delay: 1400ms; } body[data-aos-duration="1450"] [data-aos], [data-aos][data-aos][data-aos-duration="1450"] { transition-duration: 1450ms; } body[data-aos-delay="1450"] [data-aos], [data-aos][data-aos][data-aos-delay="1450"] { transition-delay: 0; } body[data-aos-delay="1450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1450"].aos-animate { transition-delay: 1450ms; } body[data-aos-duration="1500"] [data-aos], [data-aos][data-aos][data-aos-duration="1500"] { transition-duration: 1500ms; } body[data-aos-delay="1500"] [data-aos], [data-aos][data-aos][data-aos-delay="1500"] { transition-delay: 0; } body[data-aos-delay="1500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1500"].aos-animate { transition-delay: 1500ms; } body[data-aos-duration="1550"] [data-aos], [data-aos][data-aos][data-aos-duration="1550"] { transition-duration: 1550ms; } body[data-aos-delay="1550"] [data-aos], [data-aos][data-aos][data-aos-delay="1550"] { transition-delay: 0; } body[data-aos-delay="1550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1550"].aos-animate { transition-delay: 1550ms; } body[data-aos-duration="1600"] [data-aos], [data-aos][data-aos][data-aos-duration="1600"] { transition-duration: 1600ms; } body[data-aos-delay="1600"] [data-aos], [data-aos][data-aos][data-aos-delay="1600"] { transition-delay: 0; } body[data-aos-delay="1600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1600"].aos-animate { transition-delay: 1600ms; } body[data-aos-duration="1650"] [data-aos], [data-aos][data-aos][data-aos-duration="1650"] { transition-duration: 1650ms; } body[data-aos-delay="1650"] [data-aos], [data-aos][data-aos][data-aos-delay="1650"] { transition-delay: 0; } body[data-aos-delay="1650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1650"].aos-animate { transition-delay: 1650ms; } body[data-aos-duration="1700"] [data-aos], [data-aos][data-aos][data-aos-duration="1700"] { transition-duration: 1700ms; } body[data-aos-delay="1700"] [data-aos], [data-aos][data-aos][data-aos-delay="1700"] { transition-delay: 0; } body[data-aos-delay="1700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1700"].aos-animate { transition-delay: 1700ms; } body[data-aos-duration="1750"] [data-aos], [data-aos][data-aos][data-aos-duration="1750"] { transition-duration: 1750ms; } body[data-aos-delay="1750"] [data-aos], [data-aos][data-aos][data-aos-delay="1750"] { transition-delay: 0; } body[data-aos-delay="1750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1750"].aos-animate { transition-delay: 1750ms; } body[data-aos-duration="1800"] [data-aos], [data-aos][data-aos][data-aos-duration="1800"] { transition-duration: 1800ms; } body[data-aos-delay="1800"] [data-aos], [data-aos][data-aos][data-aos-delay="1800"] { transition-delay: 0; } body[data-aos-delay="1800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1800"].aos-animate { transition-delay: 1800ms; } body[data-aos-duration="1850"] [data-aos], [data-aos][data-aos][data-aos-duration="1850"] { transition-duration: 1850ms; } body[data-aos-delay="1850"] [data-aos], [data-aos][data-aos][data-aos-delay="1850"] { transition-delay: 0; } body[data-aos-delay="1850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1850"].aos-animate { transition-delay: 1850ms; } body[data-aos-duration="1900"] [data-aos], [data-aos][data-aos][data-aos-duration="1900"] { transition-duration: 1900ms; } body[data-aos-delay="1900"] [data-aos], [data-aos][data-aos][data-aos-delay="1900"] { transition-delay: 0; } body[data-aos-delay="1900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1900"].aos-animate { transition-delay: 1900ms; } body[data-aos-duration="1950"] [data-aos], [data-aos][data-aos][data-aos-duration="1950"] { transition-duration: 1950ms; } body[data-aos-delay="1950"] [data-aos], [data-aos][data-aos][data-aos-delay="1950"] { transition-delay: 0; } body[data-aos-delay="1950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1950"].aos-animate { transition-delay: 1950ms; } body[data-aos-duration="2000"] [data-aos], [data-aos][data-aos][data-aos-duration="2000"] { transition-duration: 2000ms; } body[data-aos-delay="2000"] [data-aos], [data-aos][data-aos][data-aos-delay="2000"] { transition-delay: 0; } body[data-aos-delay="2000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2000"].aos-animate { transition-delay: 2000ms; } body[data-aos-duration="2050"] [data-aos], [data-aos][data-aos][data-aos-duration="2050"] { transition-duration: 2050ms; } body[data-aos-delay="2050"] [data-aos], [data-aos][data-aos][data-aos-delay="2050"] { transition-delay: 0; } body[data-aos-delay="2050"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2050"].aos-animate { transition-delay: 2050ms; } body[data-aos-duration="2100"] [data-aos], [data-aos][data-aos][data-aos-duration="2100"] { transition-duration: 2100ms; } body[data-aos-delay="2100"] [data-aos], [data-aos][data-aos][data-aos-delay="2100"] { transition-delay: 0; } body[data-aos-delay="2100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2100"].aos-animate { transition-delay: 2100ms; } body[data-aos-duration="2150"] [data-aos], [data-aos][data-aos][data-aos-duration="2150"] { transition-duration: 2150ms; } body[data-aos-delay="2150"] [data-aos], [data-aos][data-aos][data-aos-delay="2150"] { transition-delay: 0; } body[data-aos-delay="2150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2150"].aos-animate { transition-delay: 2150ms; } body[data-aos-duration="2200"] [data-aos], [data-aos][data-aos][data-aos-duration="2200"] { transition-duration: 2200ms; } body[data-aos-delay="2200"] [data-aos], [data-aos][data-aos][data-aos-delay="2200"] { transition-delay: 0; } body[data-aos-delay="2200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2200"].aos-animate { transition-delay: 2200ms; } body[data-aos-duration="2250"] [data-aos], [data-aos][data-aos][data-aos-duration="2250"] { transition-duration: 2250ms; } body[data-aos-delay="2250"] [data-aos], [data-aos][data-aos][data-aos-delay="2250"] { transition-delay: 0; } body[data-aos-delay="2250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2250"].aos-animate { transition-delay: 2250ms; } body[data-aos-duration="2300"] [data-aos], [data-aos][data-aos][data-aos-duration="2300"] { transition-duration: 2300ms; } body[data-aos-delay="2300"] [data-aos], [data-aos][data-aos][data-aos-delay="2300"] { transition-delay: 0; } body[data-aos-delay="2300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2300"].aos-animate { transition-delay: 2300ms; } body[data-aos-duration="2350"] [data-aos], [data-aos][data-aos][data-aos-duration="2350"] { transition-duration: 2350ms; } body[data-aos-delay="2350"] [data-aos], [data-aos][data-aos][data-aos-delay="2350"] { transition-delay: 0; } body[data-aos-delay="2350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2350"].aos-animate { transition-delay: 2350ms; } body[data-aos-duration="2400"] [data-aos], [data-aos][data-aos][data-aos-duration="2400"] { transition-duration: 2400ms; } body[data-aos-delay="2400"] [data-aos], [data-aos][data-aos][data-aos-delay="2400"] { transition-delay: 0; } body[data-aos-delay="2400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2400"].aos-animate { transition-delay: 2400ms; } body[data-aos-duration="2450"] [data-aos], [data-aos][data-aos][data-aos-duration="2450"] { transition-duration: 2450ms; } body[data-aos-delay="2450"] [data-aos], [data-aos][data-aos][data-aos-delay="2450"] { transition-delay: 0; } body[data-aos-delay="2450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2450"].aos-animate { transition-delay: 2450ms; } body[data-aos-duration="2500"] [data-aos], [data-aos][data-aos][data-aos-duration="2500"] { transition-duration: 2500ms; } body[data-aos-delay="2500"] [data-aos], [data-aos][data-aos][data-aos-delay="2500"] { transition-delay: 0; } body[data-aos-delay="2500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2500"].aos-animate { transition-delay: 2500ms; } body[data-aos-duration="2550"] [data-aos], [data-aos][data-aos][data-aos-duration="2550"] { transition-duration: 2550ms; } body[data-aos-delay="2550"] [data-aos], [data-aos][data-aos][data-aos-delay="2550"] { transition-delay: 0; } body[data-aos-delay="2550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2550"].aos-animate { transition-delay: 2550ms; } body[data-aos-duration="2600"] [data-aos], [data-aos][data-aos][data-aos-duration="2600"] { transition-duration: 2600ms; } body[data-aos-delay="2600"] [data-aos], [data-aos][data-aos][data-aos-delay="2600"] { transition-delay: 0; } body[data-aos-delay="2600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2600"].aos-animate { transition-delay: 2600ms; } body[data-aos-duration="2650"] [data-aos], [data-aos][data-aos][data-aos-duration="2650"] { transition-duration: 2650ms; } body[data-aos-delay="2650"] [data-aos], [data-aos][data-aos][data-aos-delay="2650"] { transition-delay: 0; } body[data-aos-delay="2650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2650"].aos-animate { transition-delay: 2650ms; } body[data-aos-duration="2700"] [data-aos], [data-aos][data-aos][data-aos-duration="2700"] { transition-duration: 2700ms; } body[data-aos-delay="2700"] [data-aos], [data-aos][data-aos][data-aos-delay="2700"] { transition-delay: 0; } body[data-aos-delay="2700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2700"].aos-animate { transition-delay: 2700ms; } body[data-aos-duration="2750"] [data-aos], [data-aos][data-aos][data-aos-duration="2750"] { transition-duration: 2750ms; } body[data-aos-delay="2750"] [data-aos], [data-aos][data-aos][data-aos-delay="2750"] { transition-delay: 0; } body[data-aos-delay="2750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2750"].aos-animate { transition-delay: 2750ms; } body[data-aos-duration="2800"] [data-aos], [data-aos][data-aos][data-aos-duration="2800"] { transition-duration: 2800ms; } body[data-aos-delay="2800"] [data-aos], [data-aos][data-aos][data-aos-delay="2800"] { transition-delay: 0; } body[data-aos-delay="2800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2800"].aos-animate { transition-delay: 2800ms; } body[data-aos-duration="2850"] [data-aos], [data-aos][data-aos][data-aos-duration="2850"] { transition-duration: 2850ms; } body[data-aos-delay="2850"] [data-aos], [data-aos][data-aos][data-aos-delay="2850"] { transition-delay: 0; } body[data-aos-delay="2850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2850"].aos-animate { transition-delay: 2850ms; } body[data-aos-duration="2900"] [data-aos], [data-aos][data-aos][data-aos-duration="2900"] { transition-duration: 2900ms; } body[data-aos-delay="2900"] [data-aos], [data-aos][data-aos][data-aos-delay="2900"] { transition-delay: 0; } body[data-aos-delay="2900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2900"].aos-animate { transition-delay: 2900ms; } body[data-aos-duration="2950"] [data-aos], [data-aos][data-aos][data-aos-duration="2950"] { transition-duration: 2950ms; } body[data-aos-delay="2950"] [data-aos], [data-aos][data-aos][data-aos-delay="2950"] { transition-delay: 0; } body[data-aos-delay="2950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2950"].aos-animate { transition-delay: 2950ms; } body[data-aos-duration="3000"] [data-aos], [data-aos][data-aos][data-aos-duration="3000"] { transition-duration: 3000ms; } body[data-aos-delay="3000"] [data-aos], [data-aos][data-aos][data-aos-delay="3000"] { transition-delay: 0; } body[data-aos-delay="3000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="3000"].aos-animate { transition-delay: 3000ms; } body[data-aos-easing=linear] [data-aos], [data-aos][data-aos][data-aos-easing=linear] { transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); } body[data-aos-easing=ease] [data-aos], [data-aos][data-aos][data-aos-easing=ease] { transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); } body[data-aos-easing=ease-in] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in] { transition-timing-function: cubic-bezier(0.42, 0, 1, 1); } body[data-aos-easing=ease-out] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out] { transition-timing-function: cubic-bezier(0, 0, 0.58, 1); } body[data-aos-easing=ease-in-out] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out] { transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1); } body[data-aos-easing=ease-in-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-back] { transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); } body[data-aos-easing=ease-out-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-back] { transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } body[data-aos-easing=ease-in-out-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-back] { transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } body[data-aos-easing=ease-in-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-sine] { transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } body[data-aos-easing=ease-out-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-sine] { transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } body[data-aos-easing=ease-in-out-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-sine] { transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } body[data-aos-easing=ease-in-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-quad] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } body[data-aos-easing=ease-out-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-quad] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } body[data-aos-easing=ease-in-out-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-quad] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } body[data-aos-easing=ease-in-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-cubic] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } body[data-aos-easing=ease-out-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-cubic] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } body[data-aos-easing=ease-in-out-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-cubic] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } body[data-aos-easing=ease-in-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-quart] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } body[data-aos-easing=ease-out-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-quart] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } body[data-aos-easing=ease-in-out-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-quart] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } /** * Fade animations: * fade * fade-up, fade-down, fade-left, fade-right * fade-up-right, fade-up-left, fade-down-right, fade-down-left */ [data-aos^=fade][data-aos^=fade] { opacity: 0; transition-property: opacity, transform; } [data-aos^=fade][data-aos^=fade].aos-animate { opacity: 1; transform: translate3d(0, 0, 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); } /** * Zoom animations: * zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right * zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right */ [data-aos^=zoom][data-aos^=zoom] { opacity: 0; transition-property: opacity, transform; } [data-aos^=zoom][data-aos^=zoom].aos-animate { opacity: 1; transform: translate3d(0, 0, 0) scale(1); } [data-aos=zoom-in] { transform: scale(0.6); } [data-aos=zoom-in-up] { transform: translate3d(0, 100px, 0) scale(0.6); } [data-aos=zoom-in-down] { transform: translate3d(0, -100px, 0) scale(0.6); } [data-aos=zoom-in-right] { transform: translate3d(-100px, 0, 0) scale(0.6); } [data-aos=zoom-in-left] { transform: translate3d(100px, 0, 0) scale(0.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); } /** * Slide animations */ [data-aos^=slide][data-aos^=slide] { transition-property: transform; } [data-aos^=slide][data-aos^=slide].aos-animate { transform: translate3d(0, 0, 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); } /** * Flip animations: * flip-left, flip-right, flip-up, flip-down */ [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); } .section-wp-members .wp-members-login-form-container .button_div { justify-content: space-between; margin-bottom: 4rem; } .section-wp-members #wpmem_login button, .section-wp-members #wpmem_login input, .section-wp-members #wpmem_reg button, .section-wp-members #wpmem_reg input, .section-wp-members #wpmem_reg select, .section-wp-members #wpmem_reg textarea { margin-left: auto; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir=rtl] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .hamburger { padding: 1px 1px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger:hover { opacity: 0.7; } .hamburger.is-active:hover { opacity: 0.7; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #fff; } .hamburger-box { width: 30px; height: 22px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -1px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 30px; height: 2px; background-color: #007b75; border-radius: 0; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -10px; } .hamburger-inner::after { bottom: -10px; } /* * 3DX */ .hamburger--3dx .hamburger-box { perspective: 60px; } .hamburger--3dx .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx.is-active .hamburger-inner { background-color: transparent !important; transform: rotateY(180deg); } .hamburger--3dx.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dx.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DX Reverse */ .hamburger--3dx-r .hamburger-box { perspective: 60px; } .hamburger--3dx-r .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx-r.is-active .hamburger-inner { background-color: transparent !important; transform: rotateY(-180deg); } .hamburger--3dx-r.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dx-r.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DY */ .hamburger--3dy .hamburger-box { perspective: 60px; } .hamburger--3dy .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy.is-active .hamburger-inner { background-color: transparent !important; transform: rotateX(-180deg); } .hamburger--3dy.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dy.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DY Reverse */ .hamburger--3dy-r .hamburger-box { perspective: 60px; } .hamburger--3dy-r .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy-r.is-active .hamburger-inner { background-color: transparent !important; transform: rotateX(180deg); } .hamburger--3dy-r.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dy-r.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DXY */ .hamburger--3dxy .hamburger-box { perspective: 60px; } .hamburger--3dxy .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy.is-active .hamburger-inner { background-color: transparent !important; transform: rotateX(180deg) rotateY(180deg); } .hamburger--3dxy.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dxy.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DXY Reverse */ .hamburger--3dxy-r .hamburger-box { perspective: 60px; } .hamburger--3dxy-r .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy-r.is-active .hamburger-inner { background-color: transparent !important; transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); } .hamburger--3dxy-r.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dxy-r.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * Arrow */ .hamburger--arrow.is-active .hamburger-inner::before { transform: translate3d(-6px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrow.is-active .hamburger-inner::after { transform: translate3d(-6px, 0, 0) rotate(45deg) scale(0.7, 1); } /* * Arrow Right */ .hamburger--arrow-r.is-active .hamburger-inner::before { transform: translate3d(6px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--arrow-r.is-active .hamburger-inner::after { transform: translate3d(6px, 0, 0) rotate(-45deg) scale(0.7, 1); } /* * Arrow Alt */ .hamburger--arrowalt .hamburger-inner::before { transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt .hamburger-inner::after { transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt.is-active .hamburger-inner::before { top: 0; transform: translate3d(-6px, -7.5px, 0) rotate(-45deg) scale(0.7, 1); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowalt.is-active .hamburger-inner::after { bottom: 0; transform: translate3d(-6px, 7.5px, 0) rotate(45deg) scale(0.7, 1); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } /* * Arrow Alt Right */ .hamburger--arrowalt-r .hamburger-inner::before { transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt-r .hamburger-inner::after { transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt-r.is-active .hamburger-inner::before { top: 0; transform: translate3d(6px, -7.5px, 0) rotate(45deg) scale(0.7, 1); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowalt-r.is-active .hamburger-inner::after { bottom: 0; transform: translate3d(6px, 7.5px, 0) rotate(-45deg) scale(0.7, 1); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } /* * Arrow Turn */ .hamburger--arrowturn.is-active .hamburger-inner { transform: rotate(-180deg); } .hamburger--arrowturn.is-active .hamburger-inner::before { transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--arrowturn.is-active .hamburger-inner::after { transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); } /* * Arrow Turn Right */ .hamburger--arrowturn-r.is-active .hamburger-inner { transform: rotate(-180deg); } .hamburger--arrowturn-r.is-active .hamburger-inner::before { transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrowturn-r.is-active .hamburger-inner::after { transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); } /* * Boring */ .hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after { transition-property: none; } .hamburger--boring.is-active .hamburger-inner { transform: rotate(45deg); } .hamburger--boring.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--boring.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); } /* * Collapse */ .hamburger--collapse .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse .hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse .hamburger-inner::before { transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .hamburger--collapse.is-active .hamburger-inner::before { top: 0; transform: rotate(-90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Collapse Reverse */ .hamburger--collapse-r .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse-r .hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse-r .hamburger-inner::before { transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse-r.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse-r.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .hamburger--collapse-r.is-active .hamburger-inner::before { top: 0; transform: rotate(90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Elastic */ .hamburger--elastic .hamburger-inner { top: 1px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic .hamburger-inner::before { top: 10px; transition: opacity 0.125s 0.275s ease; } .hamburger--elastic .hamburger-inner::after { top: 20px; transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(135deg); transition-delay: 0.075s; } .hamburger--elastic.is-active .hamburger-inner::before { transition-delay: 0s; opacity: 0; } .hamburger--elastic.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(-270deg); transition-delay: 0.075s; } /* * Elastic Reverse */ .hamburger--elastic-r .hamburger-inner { top: 1px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic-r .hamburger-inner::before { top: 10px; transition: opacity 0.125s 0.275s ease; } .hamburger--elastic-r .hamburger-inner::after { top: 20px; transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic-r.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(-135deg); transition-delay: 0.075s; } .hamburger--elastic-r.is-active .hamburger-inner::before { transition-delay: 0s; opacity: 0; } .hamburger--elastic-r.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(270deg); transition-delay: 0.075s; } /* * Emphatic */ .hamburger--emphatic { overflow: hidden; } .hamburger--emphatic .hamburger-inner { transition: background-color 0.125s 0.175s ease-in; } .hamburger--emphatic .hamburger-inner::before { left: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; } .hamburger--emphatic .hamburger-inner::after { top: 10px; right: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; } .hamburger--emphatic.is-active .hamburger-inner { transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent !important; } .hamburger--emphatic.is-active .hamburger-inner::before { left: -60px; top: -60px; transform: translate3d(60px, 60px, 0) rotate(45deg); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--emphatic.is-active .hamburger-inner::after { right: -60px; top: -60px; transform: translate3d(-60px, 60px, 0) rotate(-45deg); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } /* * Emphatic Reverse */ .hamburger--emphatic-r { overflow: hidden; } .hamburger--emphatic-r .hamburger-inner { transition: background-color 0.125s 0.175s ease-in; } .hamburger--emphatic-r .hamburger-inner::before { left: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; } .hamburger--emphatic-r .hamburger-inner::after { top: 10px; right: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; } .hamburger--emphatic-r.is-active .hamburger-inner { transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent !important; } .hamburger--emphatic-r.is-active .hamburger-inner::before { left: -60px; top: 60px; transform: translate3d(60px, -60px, 0) rotate(-45deg); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--emphatic-r.is-active .hamburger-inner::after { right: -60px; top: 60px; transform: translate3d(-60px, -60px, 0) rotate(45deg); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } /* * Minus */ .hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after { transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; } .hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after { opacity: 0; transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; } .hamburger--minus.is-active .hamburger-inner::before { top: 0; } .hamburger--minus.is-active .hamburger-inner::after { bottom: 0; } /* * Slider */ .hamburger--slider .hamburger-inner { top: 1px; } .hamburger--slider .hamburger-inner::before { top: 10px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.15s; } .hamburger--slider .hamburger-inner::after { top: 20px; } .hamburger--slider.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--slider.is-active .hamburger-inner::before { transform: rotate(-45deg) translate3d(-4.2857142857px, -8px, 0); opacity: 0; } .hamburger--slider.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(-90deg); } /* * Slider Reverse */ .hamburger--slider-r .hamburger-inner { top: 1px; } .hamburger--slider-r .hamburger-inner::before { top: 10px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.15s; } .hamburger--slider-r .hamburger-inner::after { top: 20px; } .hamburger--slider-r.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(-45deg); } .hamburger--slider-r.is-active .hamburger-inner::before { transform: rotate(45deg) translate3d(4.2857142857px, -8px, 0); opacity: 0; } .hamburger--slider-r.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(90deg); } /* * Spin */ .hamburger--spin .hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin .hamburger-inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin .hamburger-inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin.is-active .hamburger-inner { transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .hamburger--spin.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Spin Reverse */ .hamburger--spin-r .hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin-r .hamburger-inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin-r .hamburger-inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin-r.is-active .hamburger-inner { transform: rotate(-225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin-r.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .hamburger--spin-r.is-active .hamburger-inner::after { bottom: 0; transform: rotate(90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Spring */ .hamburger--spring .hamburger-inner { top: 1px; transition: background-color 0s 0.13s linear; } .hamburger--spring .hamburger-inner::before { top: 10px; transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring .hamburger-inner::after { top: 20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring.is-active .hamburger-inner { transition-delay: 0.22s; background-color: transparent !important; } .hamburger--spring.is-active .hamburger-inner::before { top: 0; transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--spring.is-active .hamburger-inner::after { top: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 10px, 0) rotate(-45deg); } /* * Spring Reverse */ .hamburger--spring-r .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring-r .hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; } .hamburger--spring-r .hamburger-inner::before { transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring-r.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spring-r.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; } .hamburger--spring-r.is-active .hamburger-inner::before { top: 0; transform: rotate(90deg); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Stand */ .hamburger--stand .hamburger-inner { transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; } .hamburger--stand .hamburger-inner::before { transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand .hamburger-inner::after { transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand.is-active .hamburger-inner { transform: rotate(90deg); background-color: transparent !important; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; } .hamburger--stand.is-active .hamburger-inner::before { top: 0; transform: rotate(-45deg); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand.is-active .hamburger-inner::after { bottom: 0; transform: rotate(45deg); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Stand Reverse */ .hamburger--stand-r .hamburger-inner { transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; } .hamburger--stand-r .hamburger-inner::before { transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand-r .hamburger-inner::after { transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand-r.is-active .hamburger-inner { transform: rotate(-90deg); background-color: transparent !important; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; } .hamburger--stand-r.is-active .hamburger-inner::before { top: 0; transform: rotate(-45deg); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand-r.is-active .hamburger-inner::after { bottom: 0; transform: rotate(45deg); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Squeeze */ .hamburger--squeeze .hamburger-inner { transition-duration: 0.075s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze .hamburger-inner::before { transition: top 0.075s 0.12s ease, opacity 0.075s ease; } .hamburger--squeeze .hamburger-inner::after { transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze.is-active .hamburger-inner { transform: rotate(45deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--squeeze.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.075s ease, opacity 0.075s 0.12s ease; } .hamburger--squeeze.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Vortex */ .hamburger--vortex .hamburger-inner { transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after { transition-duration: 0s; transition-delay: 0.1s; transition-timing-function: linear; } .hamburger--vortex .hamburger-inner::before { transition-property: top, opacity; } .hamburger--vortex .hamburger-inner::after { transition-property: bottom, transform; } .hamburger--vortex.is-active .hamburger-inner { transform: rotate(765deg); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after { transition-delay: 0s; } .hamburger--vortex.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--vortex.is-active .hamburger-inner::after { bottom: 0; transform: rotate(90deg); } /* * Vortex Reverse */ .hamburger--vortex-r .hamburger-inner { transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after { transition-duration: 0s; transition-delay: 0.1s; transition-timing-function: linear; } .hamburger--vortex-r .hamburger-inner::before { transition-property: top, opacity; } .hamburger--vortex-r .hamburger-inner::after { transition-property: bottom, transform; } .hamburger--vortex-r.is-active .hamburger-inner { transform: rotate(-765deg); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after { transition-delay: 0s; } .hamburger--vortex-r.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--vortex-r.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); } /* .inter- { font-family: "Inter", sans-serif; font-optical-sizing: auto; font-weight: ; font-style: normal; } .roboto-slab- { font-family: "Roboto Slab", serif; font-optical-sizing: auto; font-weight: ; font-style: normal; } */ /* * Font-Sizes from Illustrator.... h1 80 (probably also a clamp vw) h2 60 h3 55 h4 50 h5 45 h6 42 h7 39 big 40 intro 35 p 24 button 16 button-large 20 nav 16 small 20 xsmall 18 */ /** * Make all elements from the DOM inherit from the parent box-sizing * Since `*` has a specificity of 0, it does not override the `html` value * making all elements inheriting from the root box-sizing value * See: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ *, *::before, *::after { margin: 0; padding: 0; border: 0; outline: 0; box-sizing: inherit; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; min-height: 0; min-width: 0; } /** * Set up a decent box model on the root element */ html { box-sizing: border-box; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; interpolate-size: allow-keywords; /* .target-element { height: 0; overflow: clip; visibility: hidden; transition: height 1s ease, visibility 1s &.opened { height: auto; visibility: visible; } } */ font-size: 100%; } @media only screen and (max-width: 320em) { html { font-size: 100%; } } @media only screen and (max-width: 256em) { html { font-size: 93.75%; } } @media only screen and (max-width: 240em) { html { font-size: 87.5%; } } @media only screen and (max-width: 202.5em) { html { font-size: 81.25%; } } @media only screen and (max-width: 180em) { html { font-size: 75%; } } @media only screen and (max-width: 160em) { html { font-size: 68.75%; } } @media only screen and (max-width: 120em) { html { font-size: 62.5%; } } @media only screen and (max-width: 80em) { html { font-size: 56.25%; } } @media only screen and (max-width: 57em) { html { font-size: 50%; } } html, body { min-height: 100vh; min-height: 100dvh; height: -webkit-fill-available; } html.scroll, body.scroll { height: 100%; } body { background-color: transparent; max-width: 100vw; background-color: #fff; line-height: 1.4; background-position: top right; background-repeat: no-repeat; background-size: 100% auto; font-weight: 300; } @media only screen and (max-width: 37.5em) { body { line-height: 1.4; } } html :where(img) { max-width: unset; } ::-moz-selection { background-color: #007b75; color: #fff; } ::selection { background-color: #007b75; color: #fff; } .container { max-width: 144rem; position: relative; } a { color: #00a19a; text-decoration: none; cursor: pointer; transition: all 0.25s cubic-bezier(0.2, 0.4, 0.4, 1.6); margin: 0; padding: 0; } a:hover, a:active, a:focus { color: #002a26; text-decoration: none; } a:active, a:focus { outline: 2px solid rgba(0, 42, 38, 0.2); outline-offset: 3px; text-decoration: none !important; } ol li, ul li { margin: 0 0 1rem; } ol li ol, ol li ul, ul li ol, ul li ul { margin: 0.5rem 0 0 0; } ol li ol li, ol li ul li, ul li ol li, ul li ul li { font-size: 1em; margin-left: 1.5rem; } ol li ol li ol, ol li ol li ul, ol li ul li ol, ol li ul li ul, ul li ol li ol, ul li ol li ul, ul li ul li ol, ul li ul li ul { margin: 0; } ol li ol li ol li, ol li ol li ul li, ol li ul li ol li, ol li ul li ul li, ul li ol li ol li, ul li ol li ul li, ul li ul li ol li, ul li ul li ul li { font-size: 1em; margin-bottom: 0.5rem; margin-left: 3rem; } table { border: 1px solid #ddd; border-right: 0; border-bottom: 0; margin-bottom: 2rem; } table td { border: 1px solid #ddd; border-top: 0; border-left: 0; font-size: 1em; padding: 0.8rem; } img { max-width: 100%; height: auto; } img.alignnone { margin-bottom: 1.5rem; } img.aligncenter { display: block; margin: 0 auto 1.5rem; } img.alignright { float: right; clear: both; margin: 0 0 1.5rem 1.5rem; } img.alignleft { float: left; clear: both; margin: 0 1.5rem 1.5rem 0; } [data-aos=accrescent-animation] { opacity: 0; transform-origin: left top; transform: scale3d(2, 2, 1) rotate3d(1, 1, 1, 45deg) translate3d(-100px, -100px, 0); transition-property: transform, opacity; } [data-aos=accrescent-animation].aos-animate { opacity: 1; transform: scale3d(1, 1, 1) rotate3d(1, 1, 1, 0deg) translate3d(0, 0, 0); } [data-aos=pad-deblur] { opacity: 0; filter: blur(25px); transform: scale3d(1.25, 1.25, 1); transform-origin: center top; transition-duration: 1s !important; } [data-aos=pad-deblur].aos-animate { opacity: 1; filter: blur(0px); transform: scale3d(1, 1, 1); } [data-aos=accrescent-motif-reveal]::after { opacity: 1 !important; transition: opacity 1s ease-out 0.25s; } [data-aos=accrescent-motif-reveal].aos-animate::after { opacity: 0.35 !important; } [data-aos=accrescent-testimonial] * { transition: transform 0.6s cubic-bezier(0.2, 0.4, 0.4, 1.6) 0.3s, opacity 0.5s ease-in-out; } [data-aos=accrescent-testimonial]::before { transition: transform 0.6s cubic-bezier(0.2, 0.4, 0.4, 1.6) 0.3s, opacity 0.5s ease-in-out 0.3s; opacity: 0; transform: translate3d(25vw, 0, 0); } @media only screen and (max-width: 64em) { [data-aos=accrescent-testimonial]::before { transform: translate3d(50vw, 0, 0); } } [data-aos=accrescent-testimonial] blockquote { opacity: 0; transition: opacity 1s ease-in-out 0s; } [data-aos=accrescent-testimonial] .accreditation { display: flex; justify-content: flex-start; align-items: flex-start; gap: 0; } [data-aos=accrescent-testimonial] .accreditation > * { line-height: 1; padding-top: 0; padding-bottom: 0; opacity: 0; transform: translate3d(0, -5rem, 0); text-align: left; } [data-aos=accrescent-testimonial] .accreditation .name { padding-right: 1ex; white-space: nowrap; transition: transform 0.75s cubic-bezier(0.2, 0.4, 0.4, 1.6) 1s, opacity 0.5s ease-in-out 1s; } [data-aos=accrescent-testimonial] .accreditation .company { border-left: 2px solid; transition: transform 0.75s cubic-bezier(0.2, 0.4, 0.4, 1.6) 1.25s, opacity 0.5s ease-in-out 1.25s; padding-left: 1ex; flex-basis: 50%; flex-grow: 1; text-wrap: balance; } [data-aos=accrescent-testimonial] .accreditation .company .divider { display: none; } [data-aos=accrescent-testimonial].aos-animate::before { opacity: 1; transform: translate3d(0, 0, 0); } [data-aos=accrescent-testimonial].aos-animate blockquote { opacity: 1; } [data-aos=accrescent-testimonial].aos-animate .accreditation > * { opacity: 1; transform: translate3d(0, 0, 0); } @keyframes icon-intro { to { transform: translate3d(0, 0, 0) rotate(0deg) rotate3d(0, 0, 0, 0) scale(1); opacity: 1; } } @keyframes icon-outro { to { transform: translate3d(125dvw, 0, 0); opacity: 0; } } @keyframes button-hover { 0% { background-position: right 10rem center; } 100% { background-position: right 2rem center; } } @keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @keyframes pulse { 50% { transform: scale3d(1, 1, 1); border-color: inherit; } 100% { transform: scale3d(1.2, 1.2, 1.2); border-color: rgba(255, 255, 255, 0); } } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(-360deg); } } @keyframes rotateClockwise { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes kenburns { 0% { transform: translate(0, 0) scale(1) rotate(0deg); } 50% { transform: translate(-45%, -45%) scale(0.9) rotate(2deg); /* Zoom in slightly and pan */ } 100% { transform: translate(0, 0) scale(1) rotate(0deg); /* Return to original position */ } } @keyframes tv { 0% { transform: translate(0, 0) skewX(0); filter: blur(0); } 17% { transform: translate(0, 0) skewX(0); filter: blur(7px) sepia(1); } 17% { transform: translate(2%, -1%) skewX(-12deg); filter: blur(7px); } 18% { transform: translate(0, 0) skewX(-8deg); filter: blur(7px); } 19% { transform: translate(0, 0) skewX(0deg); filter: blur(0) sepia(0); } 50% { transform: translate(0, 0) skewX(0); filter: blur(7px); } 51% { transform: translate(2%, -1%) skewX(12deg); } 52% { transform: translate(0, 0) skewX(0); filter: blur(0); } 80% { transform: translate(0, 0) skewX(0); filter: blur(7px) grayscale(1); } 81% { transform: translate(-2%, 1%) skewX(-12deg); filter: blur(7px) grayscale(1); } 80% { transform: translate(0, 0) skewX(0); filter: blur(0) grayscale(1); } 100% { transform: translate(0, 0) skewX(0); filter: blur(0) grayscale(0); } } @keyframes draw { to { stroke-dashoffset: 0; } } @keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-20px); } 100% { transform: translateY(0px); } } @keyframes float2 { 0% { transform: translateY(30px); } 50% { transform: translateY(5px); } 100% { transform: translateY(30px); } } @keyframes zoomUp { from { opacity: 0; scale: 0.6; transform: translateY(5dvh); } to { opacity: 1; scale: 1; transform: translateY(0); } } @keyframes scrolldown { 25% { opacity: 0; transform: translate3d(0, 0, 0); } 50% { opacity: 1; transform: translate3d(0, 4vh, 0); } 62.5% { opacity: 0.75; transform: translate3d(0, 4vh, 0); } 75% { opacity: 0; transform: translate3d(0, 6vh, 0); } 100% { transform: translate3d(0, 0, 0); } } @keyframes breathe { /* ! no perspective on parent skewX(0deg) is unnecessary */ 0% { transform: perspective(100px) rotateX(0deg) scale3d(1, 1, 1) translate3d(0, 0, 0); } 40% { transform: perspective(150px) rotateX(-2deg) scale3d(1.1, 1.1, 1) translate3d(0, -0.1em, 0); box-shadow: 0px 26px 7px -22px rgba(0, 0, 0, 0.14); } 47% { transform: perspective(150px) rotateX(-2deg) scale3d(1.1, 1.1, 1) translate3d(0, -0.08em, 0); box-shadow: 0px 26px 7px -22px rgba(0, 0, 0, 0.14); } 80% { transform: perspective(100px) rotateX(0deg) scale3d(1, 1, 1) translate3d(0, 0, 0); } } @keyframes breatheParallax { 0% { transform: scale3d(0.9, 0.9, 0.9) translate3d(0, -0.4em, 0); } 85% { transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } 100% { transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } } @keyframes breatheHover { 0% { transform: perspective(100px) rotateX(0deg) scale3d(1, 1, 1) translate3d(0, 0, 0); } 40% { transform: perspective(150px) rotateX(-8deg) scale3d(1.4, 1.4, 1) translate3d(0, -0.1em, 0); } 55% { transform: perspective(150px) rotateX(-8deg) scale3d(1.4, 1.4, 1) translate3d(0, -0.1em, 0); } 90% { transform: perspective(100px) rotateX(0deg) scale3d(1, 1, 1) translate3d(0, 0, 0); } 100% { transform: perspective(100px) rotateX(0deg) scale3d(1, 1, 1) translate3d(0, 0, 0); } } @keyframes breatheBg { 0% { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.1, 1.1, 1.1); } 100% { transform: scale3d(1, 1, 1); } } @keyframes breatheFade { 0% { transform: scale3d(1, 1, 1); opacity: 0.5; } 50% { transform: scale3d(1.1, 1.1, 1.1); opacity: 1; } 100% { transform: scale3d(1, 1, 1); opacity: 0.5; } } /** * Basic typography styles (Tags only) */ body { color: #1d1d1b; font: normal 16px/120% "Inter", Helvetica, Arial, sans-serif; font-optical-sizing: auto; font-weight: 300; line-height: 1.4; text-align: left; } @media only screen and (max-width: 37.5em) { body { line-height: 1.4; } } /* Main Text Settings */ strong, b { font-weight: 500; font-optical-sizing: auto; } em, i { font-style: italic; font-optical-sizing: auto; } a:not(.btn):link, a:not(.btn):visited { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; color: #00a19a; } a:not(.btn):hover { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 2px; color: #002a26; } blockquote { text-wrap: balance; } div, article, p, li, td { font-size: 1.76rem; font-family: "Inter", Helvetica, Arial, sans-serif; line-height: 1.4; font-weight: 300; } @media only screen and (max-width: 37.5em) { div, article, p, li, td { line-height: 1.4; } } p { margin-bottom: 2.2rem; font-optical-sizing: auto; } p:last-child { margin-bottom: 0; } ol, ul { margin: 0 0 1.5rem 1.7rem; } ol li { font-size: 1.76rem; list-style-type: decimal; font-optical-sizing: auto; } ul li { font-size: 1.76rem; list-style-type: disc; font-optical-sizing: auto; } input, button, textarea { white-space: normal; line-height: 1; font-weight: 300; display: block; background: transparent; } input[type=submit], button { cursor: pointer; transition: all 0.25s cubic-bezier(0.2, 0.4, 0.4, 1.6); } /* Headings */ h1, h2, h3, h4, h5, h6, .h { line-height: 1.2; font-family: "Roboto Slab", serif; letter-spacing: 0; color: #1d1d1b; text-transform: none; text-wrap: balance; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h a { text-decoration: underline; } h1 a:hover, h1 a:active, h1 a:focus, h2 a:hover, h2 a:active, h2 a:focus, h3 a:hover, h3 a:active, h3 a:focus, h4 a:hover, h4 a:active, h4 a:focus, h5 a:hover, h5 a:active, h5 a:focus, h6 a:hover, h6 a:active, h6 a:focus, .h a:hover, .h a:active, .h a:focus { text-decoration: none; } h1 { letter-spacing: normal; font-size: 5.44rem; font-size: clamp(2.4rem, 3.5vw, 5.44rem); font-weight: 500; font-optical-sizing: auto; margin-bottom: 2rem; } @media only screen and (max-width: 51.25em) { h1 { font-size: clamp(2rem, 7.3vw, 5.44rem); } } .smaller-title-font h1, h2 { font-size: 3.6rem; font-size: clamp(2rem, 2.85vw, 3.6rem); font-weight: 500; font-optical-sizing: auto; margin-bottom: 2.668rem; } @media only screen and (max-width: 51.25em) { .smaller-title-font h1, h2 { font-size: clamp(2rem, 10vw, 3.6rem); } } .smaller-title-font h2, h3 { font-size: 2.8rem; font-size: clamp(1.68rem, 2.1vw, 2.8rem); font-weight: 500; margin-bottom: 2.668rem; } @media only screen and (max-width: 51.25em) { .smaller-title-font h2, h3 { font-size: clamp(1.68rem, 6vw, 2.8rem); } } .smaller-title-font h3, h4 { font-size: 2.4rem; font-weight: 500; font-optical-sizing: auto; margin-bottom: 1.332rem; } .smaller-title-font h4, h5 { font-size: 2rem; font-weight: 500; font-optical-sizing: auto; margin-bottom: 1.332rem; } .smaller-title-font h5, h6 { font-size: 1.68rem; font-weight: 500; font-optical-sizing: auto; margin-bottom: 1.332rem; } /** * Clear inner floats */ .clearfix::after { clear: both; content: ""; display: table; } /** * Hide text while making it readable for screen readers * 1. Needed in WebKit-based browsers because of an implementation bug; * See: https://code.google.com/p/chromium/issues/detail?id=457146 */ .hide-text { overflow: hidden; padding: 0; /* 1 */ text-indent: 101%; white-space: nowrap; } /** * Hide element while making it readable for screen readers * Shamelessly borrowed from HTML5Boilerplate: * https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133 */ .visually-hidden { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute; width: 1px !important; } .hidden { visibility: hidden !important; } .off { display: none; } .display-none, .OFF { display: none !important; } .column { display: flex; flex-direction: column; flex-wrap: wrap; } .relative { position: relative; } .padding-bottom { padding-bottom: 4rem; } .padding-top { padding-top: 4rem; } .margin-bottom { margin-bottom: 4rem; } .margin-top { margin-top: 4rem; } .margin-auto { margin-left: auto !important; margin-right: auto !important; } .arrow { border: solid currentColor; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; } .arrow.right { transform: rotate(-45deg); } .arrow.left { transform: rotate(135deg); } .arrow.up { transform: rotate(-135deg); } .arrow.down { transform: rotate(45deg); } @media only screen and (max-width: 51.25em) { .pad-do { display: none !important; } } .pad-mo { display: none !important; } @media only screen and (max-width: 51.25em) { .pad-mo { display: flex !important; } } .sticky { display: block; position: sticky; margin-bottom: 4rem; top: calc(var(--headerHeight, 100px) + 4rem); align-self: flex-start; } @media only screen and (max-width: 51.25em) { .sticky { position: relative; top: unset; align-self: unset; margin-top: 1.5rem; } } .block { display: block !important; } .flex { display: flex; width: 100%; align-items: stretch; justify-content: space-between; } @media only screen and (max-width: 37.5em) { .flex { flex-direction: column; } } .flex.wrap { flex-wrap: wrap; } .flex > * { padding: 2rem; padding: clamp(1rem, 2vw, 3rem); } .flex-end { display: flex; justify-content: flex-end; } @media only screen and (max-width: 37.5em) { .flex-end { flex-direction: column; } } .flex-end > * { display: block; margin-right: 1rem; } .flex-end > *:last-child { margin-right: 0; } .flex-start { display: flex; justify-content: flex-start; } @media only screen and (max-width: 37.5em) { .flex-start { flex-direction: column; } } .flex-start > * { display: block; margin-right: 1rem; } .flex-start > *:last-child { margin-right: 0; } .flex-center { display: flex; justify-content: center !important; align-items: center !important; text-align: center; } .flex-center-vertical { align-items: center; } .screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); /* deprecated but still used for compatibility */ clip-path: inset(50%); white-space: nowrap; border: 0; } /* * * Header * -------------------------------------------------------------------- */ body { transition: all 0.5s ease-in-out; } .header { background-color: white; position: fixed; top: 0; right: 0; z-index: 1000; width: 100%; min-width: 0; padding: 0; transition: all 0.25s ease-in-out; height: 14rem; display: flex; align-items: center; border-bottom: 1px solid #cceceb; } body.scrolling .header { height: auto; } .header__container { margin: 0 auto; padding: 0; width: 92%; max-width: 100vw; transition: all 0.5s ease-in-out; } .header__row { display: flex; justify-content: flex-end; align-items: center; gap: 2rem; } .header__home-link { margin-right: auto; } .header .header__logo { height: 10rem; position: absolute; top: 2rem; z-index: 100; } @media only screen and (max-width: 51.25em) { .header .header__logo { position: static; height: 20vw; transition: height 0.25s ease-in-out; margin-top: 1rem; margin-bottom: 1rem; } body.scrolling .header .header__logo { height: 5rem; } } .header #profile-link { display: inline-block; } @media only screen and (max-width: 37.5em) { .header #profile-link { margin-right: 6rem; } } .header #profile-link #profile-icon { width: 3rem; height: 3rem; } .header #profile-link #profile-icon .cls-1 { fill: #00a19a; } .header #profile-link #profile-icon:hover .cls-1 { fill: #002a26; } .nav-menu ul > li { min-height: 6rem; margin: 0; list-style: none; display: flex; justify-content: center; align-items: center; } .nav-menu ul > li a { display: block; text-align: left; text-decoration: none; text-transform: uppercase; letter-spacing: 0.3ex; font-weight: 500; font-size: 1.28rem; font-family: "Inter", Helvetica, Arial, sans-serif; color: #000; padding: 1rem clamp(0.5rem, 2vw, 4rem); line-height: 1.2; } .nav-menu ul > li a:link, .nav-menu ul > li a:visited { text-decoration: none; } .nav-menu ul > li a:hover { text-decoration: none; } .nav-menu ul > li.current-menu-item a { color: #007b75; } .nav-menu ul > li.current-menu-item a:after { font-style: normal; } .nav-menu ul > li.menu-alt { background-color: #000; padding: 0; } .nav-menu ul > li.menu-alt a { color: #fff; } .nav-menu ul > li.menu-alt a:hover { color: #81c0bb; } .desktop-menu { padding: 2rem 0; } .desktop-menu .menu { margin: 0; display: flex; justify-content: space-between; align-items: center; } .desktop-menu .menu .menu-item { position: relative; } .desktop-menu .menu .menu-item:hover a:link, .desktop-menu .menu .menu-item:hover a:visited, .desktop-menu .menu .menu-item:hover a:hover, .desktop-menu .menu .menu-item:hover a:focus { color: #00a19a; } .desktop-menu .menu .menu-item.menu-item-has-children > a { display: flex; align-items: flex-end; flex-wrap: nowrap; } .desktop-menu .menu .menu-item.menu-item-has-children > a:after { content: "+"; display: inline-block; width: 1em; height: 1.15em; margin-left: 0.8rem; } .desktop-menu .menu .menu-item.menu-item-has-children .sub-menu { position: absolute; top: 100%; left: 0; min-width: 200px; background: #fff; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); padding: 1rem; min-height: 4rem; /* Modern Hiding Technique */ opacity: 0; visibility: hidden; transform: translateY(10px); transition: all 0.3s ease; z-index: 100; } .desktop-menu .menu .menu-item.menu-item-has-children .sub-menu .menu-item { justify-content: flex-start; min-height: unset; margin-bottom: 0.9rem; } .desktop-menu .menu .menu-item.menu-item-has-children .sub-menu .menu-item:last-child { margin-bottom: 0; } .desktop-menu .menu .menu-item.menu-item-has-children .sub-menu a { padding: 0; margin: 0; line-height: 1.2; display: block; } .desktop-menu .menu .menu-item.menu-item-has-children:hover > .sub-menu, .desktop-menu .menu .menu-item.menu-item-has-children:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: translateY(0); } .desktop-menu .menu .menu-item.menu-btn { padding-left: clamp(0.5rem, 2vw, 4rem); } .menu .no-link > a { cursor: context-menu; } .menu .no-link > a:active, .menu .no-link > a:focus { color: #a0a0a0; } .menu .menu-item-has-children a[href="#"] { cursor: context-menu; } .menu .menu-item-has-children a[href="#"]:active, .menu .menu-item-has-children a[href="#"]:focus { color: #a0a0a0; } .mobile-nav { z-index: 1999; } .scrolling .header__row .mobile-nav { margin-top: 1rem; margin-bottom: 1rem; } .mobile-nav .hamburger { background-color: transparent; z-index: 3999; position: absolute; top: 50%; transform: translateY(calc(-50% + 4px)); right: 5vw; } .mobile-nav .hamburger.is-active { background: transparent; } .mobile-nav .mobile-menu { width: 100vw; height: 100vh; z-index: 2999; overflow-x: hidden; overflow-y: auto; background: rgba(0, 42, 38, 0.97); position: fixed; top: 0; left: 0; transform: translate3d(-100vw, 0, 0); transition: transform 0.3333s ease-in-out; } .mobile-nav .mobile-menu.is-active { width: auto; min-width: 100vw; transform: translate3d(0, 0, 0); } .mobile-nav .mobile-menu .menu, .mobile-nav .mobile-menu .sub-menu { padding: 0; min-height: calc(100vh - 16rem); display: flex; flex-direction: column; transition: transform 0.33s ease-in-out; justify-content: flex-start; list-style: none; } .mobile-nav .mobile-menu .menu a, .mobile-nav .mobile-menu .sub-menu a { flex-grow: 1; } .mobile-nav .mobile-menu .menu a:link, .mobile-nav .mobile-menu .menu a:visited, .mobile-nav .mobile-menu .sub-menu a:link, .mobile-nav .mobile-menu .sub-menu a:visited { text-decoration: none; } .mobile-nav .mobile-menu .menu li, .mobile-nav .mobile-menu .sub-menu li { list-style: none; border-bottom: 1px solid #81c0bb; color: #fff; padding: 3vw 0.5vw 3vw 5vw; margin-bottom: 0; } .mobile-nav .mobile-menu .menu li a, .mobile-nav .mobile-menu .menu li .open, .mobile-nav .mobile-menu .menu li .close, .mobile-nav .mobile-menu .sub-menu li a, .mobile-nav .mobile-menu .sub-menu li .open, .mobile-nav .mobile-menu .sub-menu li .close { display: block; color: #fff; font-size: 5.8vw; line-height: 1.1; cursor: pointer; } .mobile-nav .mobile-menu .menu li .open, .mobile-nav .mobile-menu .sub-menu li .open { padding-right: 0; padding-left: 12vw; flex-basis: 12vw; border-left: 1px solid rgba(0, 161, 154, 0.85); background-image: url(images/icon-menu-arrow.svg); background-repeat: no-repeat; background-position: center; background-size: 1.9rem; text-indent: -200vw; } .mobile-nav .mobile-menu .menu li.close, .mobile-nav .mobile-menu .sub-menu li.close { color: #00a19a; } .mobile-nav .mobile-menu .menu li.sub-menu-when-logged-in .sub-menu .logged-in-only, .mobile-nav .mobile-menu .menu li.sub-menu-when-logged-in .open .logged-in-only, .mobile-nav .mobile-menu .sub-menu li.sub-menu-when-logged-in .sub-menu .logged-in-only, .mobile-nav .mobile-menu .sub-menu li.sub-menu-when-logged-in .open .logged-in-only { display: none; } .logged-in .mobile-nav .mobile-menu .menu li.sub-menu-when-logged-in .sub-menu .logged-in-only, .logged-in .mobile-nav .mobile-menu .menu li.sub-menu-when-logged-in .open .logged-in-only, .logged-in .mobile-nav .mobile-menu .sub-menu li.sub-menu-when-logged-in .sub-menu .logged-in-only, .logged-in .mobile-nav .mobile-menu .sub-menu li.sub-menu-when-logged-in .open .logged-in-only { display: flex; } @media only screen and (max-width: 37.5em) { .mobile-nav .mobile-menu .menu li .sub-menu-control, .mobile-nav .mobile-menu .sub-menu li .sub-menu-control { display: none; } } .mobile-nav .mobile-menu .menu .no-link > a, .mobile-nav .mobile-menu .sub-menu .no-link > a { color: #cceceb; } .mobile-nav .mobile-menu .menu { width: 100vw; margin: 12rem 0 4rem; } .mobile-nav .mobile-menu .menu li { display: flex; justify-content: space-between; align-items: center; } .mobile-nav .mobile-menu .menu li.menu-btn { border-bottom: none; padding-top: 4rem; } .mobile-nav .mobile-menu .menu li.menu-btn a { background: radial-gradient(circle, #002a26 100%, #01443c 18%); color: #fff; line-height: 1; margin: 0 auto; font-family: "Inter", Helvetica, Arial, sans-serif; font-size: 1.28rem; white-space: normal; flex-grow: 0; } .mobile-nav .mobile-menu .menu.inactive { transform: translate3d(-100vw, 0, 0); } .mobile-nav .mobile-menu .menu.inactive > li { padding-left: 0; padding-right: 0; } .mobile-nav .mobile-menu .sub-menu { visibility: hidden; position: absolute; top: 0; background: transparent; overflow: visible; transform: translate3d(100vw, 0, 0); margin: 0 0 4rem; width: 100vw; } .mobile-nav .mobile-menu .sub-menu li { margin: 0; } .mobile-nav .mobile-menu .sub-menu.is-active { visibility: visible; transform: translate3d(100vw, 0, 0); } .mobile-nav .mobile-menu .sub-menu.inactive { transform: translate3d(-100vw, 0, 0); } .mobile-nav .mobile-menu .sub-menu.inactive > li { padding-left: 0; padding-right: 0; } .mobile-nav .mobile-menu .sub-menu.l2.is-active { transform: translate3d(200vw, 0, 0); } .mobile-nav .mobile-menu .sub-menu.l3.is-active { transform: translate3d(300vw, 0, 0); } .main { max-width: 100vw; min-height: 45vh; } .main section { z-index: 1; line-height: 1.4; } .main section:last-child { margin-bottom: -1px; } .footer { position: relative; background-color: #002a26; } .footer, .footer * { color: #fff; } .footer .alert { text-align: center; color: #81c0bb; position: absolute; bottom: 1.5rem; right: 0; opacity: 0.2; } .footer .alert:hover { opacity: 1; } .footer a { color: #fff; text-decoration: none; } .footer a:hover { color: #81c0bb; text-decoration: underline; text-decoration-color: #fff; } .footer a:focus, .footer a:active { outline-color: rgba(255, 255, 255, 0.5); } .footer section { width: 100%; background-color: transparent; position: relative; padding-top: 4rem; padding-bottom: 4rem; } .footer section .container { max-width: 90vw; } .footer section:last-child .container { border-bottom: 0; } .footer .socials { display: flex; justify-content: flex-start; align-items: center; flex-wrap: nowrap; margin-top: 2rem; } @media only screen and (max-width: 51.25em) { .footer .socials { justify-content: center; gap: 4rem; } } .footer .socials a { display: flex; align-items: center; margin-right: 2rem; } @media only screen and (max-width: 37.5em) { .footer .socials a { justify-content: center; margin: 0; } } .footer .socials a .socials__icon { width: 2.2rem; } @media only screen and (max-width: 51.25em) { .footer .socials a .socials__icon { width: clamp(3rem, 10vw, 8rem); } } .footer .socials a .social-label { display: none; } .footer #footer .container { width: 92%; max-width: 100vw; } .footer #footer .container .row p, .footer #footer .container .row li, .footer #footer .container .row td, .footer #footer .container .row dl, .footer #footer .container .row dd, .footer #footer .container .row dt { line-height: 1.3; } @media only screen and (max-width: 51.25em) { .footer #footer .container .row p, .footer #footer .container .row li, .footer #footer .container .row td, .footer #footer .container .row dl, .footer #footer .container .row dd, .footer #footer .container .row dt { text-align: center; } } .footer #footer .container .row dl { margin-bottom: 2rem; } .footer #footer .container .row dl:last-child { margin-bottom: 0; } .footer #footer .container .row .columns { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; gap: 0; } @media only screen and (max-width: 64em) { .footer #footer .container .row .columns { gap: 4rem; justify-content: center; flex-wrap: wrap; text-align: center; } } @media only screen and (max-width: 64em) { .footer #footer .container .row .columns .column { width: 100%; } } @media only screen and (max-width: 64em) { .footer #footer .container .row .columns .column > * { margin-left: auto; margin-right: auto; } } .footer #footer .container .row .columns .column .footer-title { color: #fff; text-align: left; margin-bottom: 4rem; } @media only screen and (max-width: 64em) { .footer #footer .container .row .columns .column .footer-title { text-align: center; } } .footer #footer .container .row .columns .column.contacts-col { gap: 2px; padding-right: 4rem; margin-right: 4rem; } @media only screen and (max-width: 64em) { .footer #footer .container .row .columns .column.contacts-col { flex-basis: 100%; max-width: 90vw; padding-right: 0; margin-right: 0; border-right: none; } } .footer #footer .container .row .columns .column.contacts-col p { margin-bottom: 0; } .footer #footer .container .row .columns .column.mailing-list-col { max-width: 53rem; } @media only screen and (max-width: 64em) { .footer #footer .container .row .columns .column.mailing-list-col { flex-basis: 100%; max-width: 90vw; } } .footer #footer .container .row .columns .column.logo-col { margin-left: auto; } @media only screen and (max-width: 64em) { .footer #footer .container .row .columns .column.logo-col { flex-basis: 100%; max-width: 90vw; } .footer #footer .container .row .columns .column.logo-col .btn { max-width: 30rem; margin: auto; } } .footer #footer .container .row .columns .column .footer__home-link { display: flex; justify-content: flex-end; align-items: flex-start; margin-bottom: 0; background-color: transparent; } @media only screen and (max-width: 51.25em) { .footer #footer .container .row .columns .column .footer__home-link { justify-content: center; } } .footer #footer .container .row .columns .column .footer__home-link .footer__logo { width: 100%; max-width: 256px; height: auto; } .footer #footer .container .row.legals { max-width: 102rem; margin-top: 8rem; margin-right: auto; } .footer #footer .container .row.legals .columns { align-items: center; } .footer #footer .container .row.legals .columns .column { text-align: left; } @media only screen and (max-width: 64em) { .footer #footer .container .row.legals .columns .column { text-align: center; } } .footer #footer .container .row.legals .columns .column a { background-color: transparent; color: #fff; } .footer #footer .container .row.legals .columns .column.ftr-col-1 { flex-grow: 1; flex-basis: 75%; max-width: 100vw; display: flex; justify-content: flex-start; gap: 0.3ex; } .footer #footer .container .row.legals .columns .column.ftr-col-1 * { font-size: 1.28rem; } .footer #footer .container .row.legals .columns .column .footer-legals { font-size: 1.76rem; margin-bottom: 1rem; display: inline-block; } .footer #footer .container .row.legals .columns .column .footer-legals .menu { margin: 0; padding: 0; list-style: none; display: flex; justify-content: flex-start; align-items: flex-start; gap: 1ex; } @media only screen and (max-width: 51.25em) { .footer #footer .container .row.legals .columns .column .footer-legals .menu { justify-content: center; } } @media only screen and (max-width: 37.5em) { .footer #footer .container .row.legals .columns .column .footer-legals .menu { flex-direction: column; align-items: center; } } .footer #footer .container .row.legals .columns .column .footer-legals .menu .menu-item { list-style: none; margin: 0; padding: 0; } @media only screen and (max-width: 37.5em) { .footer #footer .container .row.legals .columns .column .footer-legals .menu .menu-item { text-align: center; } } .footer #footer .container .row.legals .columns .column .footer-legals .menu .menu-item::before { content: " | "; display: inline; } @media only screen and (max-width: 37.5em) { .footer #footer .container .row.legals .columns .column .footer-legals .menu .menu-item::before { display: none; } } .footer #footer .container .row.legals .columns .column .footer-legals .menu .menu-item:first-child::before { display: none; } .footer #footer .container .row.legals .columns .column .footer-legals .menu .menu-item a { font-size: 1.76rem; text-decoration: none; line-height: 1; } .footer #footer .container .row.legals .columns .column .footer-legals .menu .menu-item a:hover { text-decoration: underline; } .footer #footer .container .row.legals .columns .column p { margin-bottom: 0; } /* . Buttons . -------------------------------------------------------------------- */ .btn, .button, input[type=submit], .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce input.button, .woocommerce input.button.alt, .gform_wrapper form .gform_footer .gform_button, .nav-btn a, .menu-btn a, .bapf_button { position: relative; display: inline-block; font-family: "Inter", Helvetica, Arial, sans-serif; font-size: 1.28rem; white-space: nowrap; --gf-ctrl-btn-padding-y: 2rem; --gf-ctrl-btn-padding-x: 4rem; /* no-colour-defined : Default black : Black x white : White x dark-green : Dark Green green : Green x light-green : Light Green x grey : Grey x light-grey : Light Grey pink : Pink */ } .btn, .btn:link, .btn:visited, .button, .button:link, .button:visited, input[type=submit], input[type=submit]:link, input[type=submit]:visited, .woocommerce #respond input#submit, .woocommerce #respond input#submit:link, .woocommerce #respond input#submit:visited, .woocommerce #respond input#submit.alt, .woocommerce #respond input#submit.alt:link, .woocommerce #respond input#submit.alt:visited, .woocommerce a.button, .woocommerce a.button:link, .woocommerce a.button:visited, .woocommerce a.button.alt, .woocommerce a.button.alt:link, .woocommerce a.button.alt:visited, .woocommerce button.button, .woocommerce button.button:link, .woocommerce button.button:visited, .woocommerce button.button.alt, .woocommerce button.button.alt:link, .woocommerce button.button.alt:visited, .woocommerce input.button, .woocommerce input.button:link, .woocommerce input.button:visited, .woocommerce input.button.alt, .woocommerce input.button.alt:link, .woocommerce input.button.alt:visited, .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .gform_button:link, .gform_wrapper form .gform_footer .gform_button:visited, .nav-btn a, .nav-btn a:link, .nav-btn a:visited, .menu-btn a, .menu-btn a:link, .menu-btn a:visited, .bapf_button, .bapf_button:link, .bapf_button:visited { text-decoration: none; text-transform: uppercase; text-align: center; color: #fff; font-weight: 500; letter-spacing: 0.3ex; background: radial-gradient(circle, #002a26 100%, #01443c 18%); --gf-local-bg-color: radial-gradient(circle, #002a26 100%, #01443c 18%); line-height: 1; transition: all 0.25s cubic-bezier(0.2, 0.4, 0.4, 1.6); padding: 2rem 4rem 2rem 4rem; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); border: 0px solid transparent; border-radius: 10rem; background-repeat: no-repeat; } @media only screen and (max-width: 37.5em) { .btn, .btn:link, .btn:visited, .button, .button:link, .button:visited, input[type=submit], input[type=submit]:link, input[type=submit]:visited, .woocommerce #respond input#submit, .woocommerce #respond input#submit:link, .woocommerce #respond input#submit:visited, .woocommerce #respond input#submit.alt, .woocommerce #respond input#submit.alt:link, .woocommerce #respond input#submit.alt:visited, .woocommerce a.button, .woocommerce a.button:link, .woocommerce a.button:visited, .woocommerce a.button.alt, .woocommerce a.button.alt:link, .woocommerce a.button.alt:visited, .woocommerce button.button, .woocommerce button.button:link, .woocommerce button.button:visited, .woocommerce button.button.alt, .woocommerce button.button.alt:link, .woocommerce button.button.alt:visited, .woocommerce input.button, .woocommerce input.button:link, .woocommerce input.button:visited, .woocommerce input.button.alt, .woocommerce input.button.alt:link, .woocommerce input.button.alt:visited, .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .gform_button:link, .gform_wrapper form .gform_footer .gform_button:visited, .nav-btn a, .nav-btn a:link, .nav-btn a:visited, .menu-btn a, .menu-btn a:link, .menu-btn a:visited, .bapf_button, .bapf_button:link, .bapf_button:visited { max-width: 75vh; max-width: 75dvh; white-space: normal; line-height: 1.2; } } .btn:hover, .button:hover, input[type=submit]:hover, .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button:hover, .woocommerce a.button.alt:hover, .woocommerce button.button:hover, .woocommerce button.button.alt:hover, .woocommerce input.button:hover, .woocommerce input.button.alt:hover, .gform_wrapper form .gform_footer .gform_button:hover, .nav-btn a:hover, .menu-btn a:hover, .bapf_button:hover { color: #81c0bb; background: radial-gradient(circle, #002a26 100%, #007b75 18%); text-decoration: none !important; transform: translateY(-1rem); box-shadow: 0px 24px 15px -15px rgba(0, 0, 0, 0.2); } .btn.btn-black, .btn.black, .button.btn-black, .button.black, input[type=submit].btn-black, input[type=submit].black, .woocommerce #respond input#submit.btn-black, .woocommerce #respond input#submit.black, .woocommerce #respond input#submit.alt.btn-black, .woocommerce #respond input#submit.alt.black, .woocommerce a.button.btn-black, .woocommerce a.button.black, .woocommerce a.button.alt.btn-black, .woocommerce a.button.alt.black, .woocommerce button.button.btn-black, .woocommerce button.button.black, .woocommerce button.button.alt.btn-black, .woocommerce button.button.alt.black, .woocommerce input.button.btn-black, .woocommerce input.button.black, .woocommerce input.button.alt.btn-black, .woocommerce input.button.alt.black, .gform_wrapper form .gform_footer .gform_button.btn-black, .gform_wrapper form .gform_footer .gform_button.black, .nav-btn a.btn-black, .nav-btn a.black, .menu-btn a.btn-black, .menu-btn a.black, .bapf_button.btn-black, .bapf_button.black { background: transparent; background-color: #000; --gf-local-bg-color: #000; color: #fff; } .btn.btn-black:hover, .btn.black:hover, .button.btn-black:hover, .button.black:hover, input[type=submit].btn-black:hover, input[type=submit].black:hover, .woocommerce #respond input#submit.btn-black:hover, .woocommerce #respond input#submit.black:hover, .woocommerce #respond input#submit.alt.btn-black:hover, .woocommerce #respond input#submit.alt.black:hover, .woocommerce a.button.btn-black:hover, .woocommerce a.button.black:hover, .woocommerce a.button.alt.btn-black:hover, .woocommerce a.button.alt.black:hover, .woocommerce button.button.btn-black:hover, .woocommerce button.button.black:hover, .woocommerce button.button.alt.btn-black:hover, .woocommerce button.button.alt.black:hover, .woocommerce input.button.btn-black:hover, .woocommerce input.button.black:hover, .woocommerce input.button.alt.btn-black:hover, .woocommerce input.button.alt.black:hover, .gform_wrapper form .gform_footer .gform_button.btn-black:hover, .gform_wrapper form .gform_footer .gform_button.black:hover, .nav-btn a.btn-black:hover, .nav-btn a.black:hover, .menu-btn a.btn-black:hover, .menu-btn a.black:hover, .bapf_button.btn-black:hover, .bapf_button.black:hover { color: #81c0bb; } .btn.btn-off-black, .btn.off-black, .button.btn-off-black, .button.off-black, input[type=submit].btn-off-black, input[type=submit].off-black, .woocommerce #respond input#submit.btn-off-black, .woocommerce #respond input#submit.off-black, .woocommerce #respond input#submit.alt.btn-off-black, .woocommerce #respond input#submit.alt.off-black, .woocommerce a.button.btn-off-black, .woocommerce a.button.off-black, .woocommerce a.button.alt.btn-off-black, .woocommerce a.button.alt.off-black, .woocommerce button.button.btn-off-black, .woocommerce button.button.off-black, .woocommerce button.button.alt.btn-off-black, .woocommerce button.button.alt.off-black, .woocommerce input.button.btn-off-black, .woocommerce input.button.off-black, .woocommerce input.button.alt.btn-off-black, .woocommerce input.button.alt.off-black, .gform_wrapper form .gform_footer .gform_button.btn-off-black, .gform_wrapper form .gform_footer .gform_button.off-black, .nav-btn a.btn-off-black, .nav-btn a.off-black, .menu-btn a.btn-off-black, .menu-btn a.off-black, .bapf_button.btn-off-black, .bapf_button.off-black { background: transparent; background-color: #1d1d1b; --gf-local-bg-color: #1d1d1b; color: #fff; } .btn.btn-off-black:hover, .btn.off-black:hover, .button.btn-off-black:hover, .button.off-black:hover, input[type=submit].btn-off-black:hover, input[type=submit].off-black:hover, .woocommerce #respond input#submit.btn-off-black:hover, .woocommerce #respond input#submit.off-black:hover, .woocommerce #respond input#submit.alt.btn-off-black:hover, .woocommerce #respond input#submit.alt.off-black:hover, .woocommerce a.button.btn-off-black:hover, .woocommerce a.button.off-black:hover, .woocommerce a.button.alt.btn-off-black:hover, .woocommerce a.button.alt.off-black:hover, .woocommerce button.button.btn-off-black:hover, .woocommerce button.button.off-black:hover, .woocommerce button.button.alt.btn-off-black:hover, .woocommerce button.button.alt.off-black:hover, .woocommerce input.button.btn-off-black:hover, .woocommerce input.button.off-black:hover, .woocommerce input.button.alt.btn-off-black:hover, .woocommerce input.button.alt.off-black:hover, .gform_wrapper form .gform_footer .gform_button.btn-off-black:hover, .gform_wrapper form .gform_footer .gform_button.off-black:hover, .nav-btn a.btn-off-black:hover, .nav-btn a.off-black:hover, .menu-btn a.btn-off-black:hover, .menu-btn a.off-black:hover, .bapf_button.btn-off-black:hover, .bapf_button.off-black:hover { color: #81c0bb; } .btn.btn-white, .btn.white, .button.btn-white, .button.white, input[type=submit].btn-white, input[type=submit].white, .woocommerce #respond input#submit.btn-white, .woocommerce #respond input#submit.white, .woocommerce #respond input#submit.alt.btn-white, .woocommerce #respond input#submit.alt.white, .woocommerce a.button.btn-white, .woocommerce a.button.white, .woocommerce a.button.alt.btn-white, .woocommerce a.button.alt.white, .woocommerce button.button.btn-white, .woocommerce button.button.white, .woocommerce button.button.alt.btn-white, .woocommerce button.button.alt.white, .woocommerce input.button.btn-white, .woocommerce input.button.white, .woocommerce input.button.alt.btn-white, .woocommerce input.button.alt.white, .gform_wrapper form .gform_footer .gform_button.btn-white, .gform_wrapper form .gform_footer .gform_button.white, .nav-btn a.btn-white, .nav-btn a.white, .menu-btn a.btn-white, .menu-btn a.white, .bapf_button.btn-white, .bapf_button.white { background: transparent; background-color: #fff; --gf-local-bg-color: #fff; color: #1d1d1b; border: 1px solid #C7D997; } .btn.btn-white:hover, .btn.white:hover, .button.btn-white:hover, .button.white:hover, input[type=submit].btn-white:hover, input[type=submit].white:hover, .woocommerce #respond input#submit.btn-white:hover, .woocommerce #respond input#submit.white:hover, .woocommerce #respond input#submit.alt.btn-white:hover, .woocommerce #respond input#submit.alt.white:hover, .woocommerce a.button.btn-white:hover, .woocommerce a.button.white:hover, .woocommerce a.button.alt.btn-white:hover, .woocommerce a.button.alt.white:hover, .woocommerce button.button.btn-white:hover, .woocommerce button.button.white:hover, .woocommerce button.button.alt.btn-white:hover, .woocommerce button.button.alt.white:hover, .woocommerce input.button.btn-white:hover, .woocommerce input.button.white:hover, .woocommerce input.button.alt.btn-white:hover, .woocommerce input.button.alt.white:hover, .gform_wrapper form .gform_footer .gform_button.btn-white:hover, .gform_wrapper form .gform_footer .gform_button.white:hover, .nav-btn a.btn-white:hover, .nav-btn a.white:hover, .menu-btn a.btn-white:hover, .menu-btn a.white:hover, .bapf_button.btn-white:hover, .bapf_button.white:hover { color: #00a19a; } .btn.btn-off-white, .btn.off-white, .button.btn-off-white, .button.off-white, input[type=submit].btn-off-white, input[type=submit].off-white, .woocommerce #respond input#submit.btn-off-white, .woocommerce #respond input#submit.off-white, .woocommerce #respond input#submit.alt.btn-off-white, .woocommerce #respond input#submit.alt.off-white, .woocommerce a.button.btn-off-white, .woocommerce a.button.off-white, .woocommerce a.button.alt.btn-off-white, .woocommerce a.button.alt.off-white, .woocommerce button.button.btn-off-white, .woocommerce button.button.off-white, .woocommerce button.button.alt.btn-off-white, .woocommerce button.button.alt.off-white, .woocommerce input.button.btn-off-white, .woocommerce input.button.off-white, .woocommerce input.button.alt.btn-off-white, .woocommerce input.button.alt.off-white, .gform_wrapper form .gform_footer .gform_button.btn-off-white, .gform_wrapper form .gform_footer .gform_button.off-white, .nav-btn a.btn-off-white, .nav-btn a.off-white, .menu-btn a.btn-off-white, .menu-btn a.off-white, .bapf_button.btn-off-white, .bapf_button.off-white { background: transparent; background-color: #F5F4F1; --gf-local-bg-color: #F5F4F1; color: #000; border: 1px solid #C7D997; } .btn.btn-dark-green, .btn.dark-green, .button.btn-dark-green, .button.dark-green, input[type=submit].btn-dark-green, input[type=submit].dark-green, .woocommerce #respond input#submit.btn-dark-green, .woocommerce #respond input#submit.dark-green, .woocommerce #respond input#submit.alt.btn-dark-green, .woocommerce #respond input#submit.alt.dark-green, .woocommerce a.button.btn-dark-green, .woocommerce a.button.dark-green, .woocommerce a.button.alt.btn-dark-green, .woocommerce a.button.alt.dark-green, .woocommerce button.button.btn-dark-green, .woocommerce button.button.dark-green, .woocommerce button.button.alt.btn-dark-green, .woocommerce button.button.alt.dark-green, .woocommerce input.button.btn-dark-green, .woocommerce input.button.dark-green, .woocommerce input.button.alt.btn-dark-green, .woocommerce input.button.alt.dark-green, .gform_wrapper form .gform_footer .gform_button.btn-dark-green, .gform_wrapper form .gform_footer .gform_button.dark-green, .nav-btn a.btn-dark-green, .nav-btn a.dark-green, .menu-btn a.btn-dark-green, .menu-btn a.dark-green, .bapf_button.btn-dark-green, .bapf_button.dark-green { background: transparent; background-color: #002a26; --gf-local-bg-color: #002a26; color: #fff; } .btn.btn-dark-green:hover, .btn.dark-green:hover, .button.btn-dark-green:hover, .button.dark-green:hover, input[type=submit].btn-dark-green:hover, input[type=submit].dark-green:hover, .woocommerce #respond input#submit.btn-dark-green:hover, .woocommerce #respond input#submit.dark-green:hover, .woocommerce #respond input#submit.alt.btn-dark-green:hover, .woocommerce #respond input#submit.alt.dark-green:hover, .woocommerce a.button.btn-dark-green:hover, .woocommerce a.button.dark-green:hover, .woocommerce a.button.alt.btn-dark-green:hover, .woocommerce a.button.alt.dark-green:hover, .woocommerce button.button.btn-dark-green:hover, .woocommerce button.button.dark-green:hover, .woocommerce button.button.alt.btn-dark-green:hover, .woocommerce button.button.alt.dark-green:hover, .woocommerce input.button.btn-dark-green:hover, .woocommerce input.button.dark-green:hover, .woocommerce input.button.alt.btn-dark-green:hover, .woocommerce input.button.alt.dark-green:hover, .gform_wrapper form .gform_footer .gform_button.btn-dark-green:hover, .gform_wrapper form .gform_footer .gform_button.dark-green:hover, .nav-btn a.btn-dark-green:hover, .nav-btn a.dark-green:hover, .menu-btn a.btn-dark-green:hover, .menu-btn a.dark-green:hover, .bapf_button.btn-dark-green:hover, .bapf_button.dark-green:hover { color: #cceceb; } .btn.btn-green, .btn.green, .button.btn-green, .button.green, input[type=submit].btn-green, input[type=submit].green, .woocommerce #respond input#submit.btn-green, .woocommerce #respond input#submit.green, .woocommerce #respond input#submit.alt.btn-green, .woocommerce #respond input#submit.alt.green, .woocommerce a.button.btn-green, .woocommerce a.button.green, .woocommerce a.button.alt.btn-green, .woocommerce a.button.alt.green, .woocommerce button.button.btn-green, .woocommerce button.button.green, .woocommerce button.button.alt.btn-green, .woocommerce button.button.alt.green, .woocommerce input.button.btn-green, .woocommerce input.button.green, .woocommerce input.button.alt.btn-green, .woocommerce input.button.alt.green, .gform_wrapper form .gform_footer .gform_button.btn-green, .gform_wrapper form .gform_footer .gform_button.green, .nav-btn a.btn-green, .nav-btn a.green, .menu-btn a.btn-green, .menu-btn a.green, .bapf_button.btn-green, .bapf_button.green { background: transparent; background-color: #00a19a; --gf-local-bg-color: #00a19a; color: #fff; } .btn.btn-green:hover, .btn.green:hover, .button.btn-green:hover, .button.green:hover, input[type=submit].btn-green:hover, input[type=submit].green:hover, .woocommerce #respond input#submit.btn-green:hover, .woocommerce #respond input#submit.green:hover, .woocommerce #respond input#submit.alt.btn-green:hover, .woocommerce #respond input#submit.alt.green:hover, .woocommerce a.button.btn-green:hover, .woocommerce a.button.green:hover, .woocommerce a.button.alt.btn-green:hover, .woocommerce a.button.alt.green:hover, .woocommerce button.button.btn-green:hover, .woocommerce button.button.green:hover, .woocommerce button.button.alt.btn-green:hover, .woocommerce button.button.alt.green:hover, .woocommerce input.button.btn-green:hover, .woocommerce input.button.green:hover, .woocommerce input.button.alt.btn-green:hover, .woocommerce input.button.alt.green:hover, .gform_wrapper form .gform_footer .gform_button.btn-green:hover, .gform_wrapper form .gform_footer .gform_button.green:hover, .nav-btn a.btn-green:hover, .nav-btn a.green:hover, .menu-btn a.btn-green:hover, .menu-btn a.green:hover, .bapf_button.btn-green:hover, .bapf_button.green:hover { color: #cceceb; } .btn.btn-pink, .btn.pink, .button.btn-pink, .button.pink, input[type=submit].btn-pink, input[type=submit].pink, .woocommerce #respond input#submit.btn-pink, .woocommerce #respond input#submit.pink, .woocommerce #respond input#submit.alt.btn-pink, .woocommerce #respond input#submit.alt.pink, .woocommerce a.button.btn-pink, .woocommerce a.button.pink, .woocommerce a.button.alt.btn-pink, .woocommerce a.button.alt.pink, .woocommerce button.button.btn-pink, .woocommerce button.button.pink, .woocommerce button.button.alt.btn-pink, .woocommerce button.button.alt.pink, .woocommerce input.button.btn-pink, .woocommerce input.button.pink, .woocommerce input.button.alt.btn-pink, .woocommerce input.button.alt.pink, .gform_wrapper form .gform_footer .gform_button.btn-pink, .gform_wrapper form .gform_footer .gform_button.pink, .nav-btn a.btn-pink, .nav-btn a.pink, .menu-btn a.btn-pink, .menu-btn a.pink, .bapf_button.btn-pink, .bapf_button.pink { background: transparent; background-color: #e3c9de; --gf-local-bg-color: #e3c9de; color: #002a26; } .btn.btn-pink:hover, .btn.pink:hover, .button.btn-pink:hover, .button.pink:hover, input[type=submit].btn-pink:hover, input[type=submit].pink:hover, .woocommerce #respond input#submit.btn-pink:hover, .woocommerce #respond input#submit.pink:hover, .woocommerce #respond input#submit.alt.btn-pink:hover, .woocommerce #respond input#submit.alt.pink:hover, .woocommerce a.button.btn-pink:hover, .woocommerce a.button.pink:hover, .woocommerce a.button.alt.btn-pink:hover, .woocommerce a.button.alt.pink:hover, .woocommerce button.button.btn-pink:hover, .woocommerce button.button.pink:hover, .woocommerce button.button.alt.btn-pink:hover, .woocommerce button.button.alt.pink:hover, .woocommerce input.button.btn-pink:hover, .woocommerce input.button.pink:hover, .woocommerce input.button.alt.btn-pink:hover, .woocommerce input.button.alt.pink:hover, .gform_wrapper form .gform_footer .gform_button.btn-pink:hover, .gform_wrapper form .gform_footer .gform_button.pink:hover, .nav-btn a.btn-pink:hover, .nav-btn a.pink:hover, .menu-btn a.btn-pink:hover, .menu-btn a.pink:hover, .bapf_button.btn-pink:hover, .bapf_button.pink:hover { color: #6f6f6e; } .btn.btn-grey, .btn.grey, .button.btn-grey, .button.grey, input[type=submit].btn-grey, input[type=submit].grey, .woocommerce #respond input#submit.btn-grey, .woocommerce #respond input#submit.grey, .woocommerce #respond input#submit.alt.btn-grey, .woocommerce #respond input#submit.alt.grey, .woocommerce a.button.btn-grey, .woocommerce a.button.grey, .woocommerce a.button.alt.btn-grey, .woocommerce a.button.alt.grey, .woocommerce button.button.btn-grey, .woocommerce button.button.grey, .woocommerce button.button.alt.btn-grey, .woocommerce button.button.alt.grey, .woocommerce input.button.btn-grey, .woocommerce input.button.grey, .woocommerce input.button.alt.btn-grey, .woocommerce input.button.alt.grey, .gform_wrapper form .gform_footer .gform_button.btn-grey, .gform_wrapper form .gform_footer .gform_button.grey, .nav-btn a.btn-grey, .nav-btn a.grey, .menu-btn a.btn-grey, .menu-btn a.grey, .bapf_button.btn-grey, .bapf_button.grey { background: transparent; background-color: #6f6f6e; --gf-local-bg-color: #6f6f6e; color: #fff; } .btn.btn-light-grey, .btn.light-grey, .btn.btn-light-green, .btn.light-green, .button.btn-light-grey, .button.light-grey, .button.btn-light-green, .button.light-green, input[type=submit].btn-light-grey, input[type=submit].light-grey, input[type=submit].btn-light-green, input[type=submit].light-green, .woocommerce #respond input#submit.btn-light-grey, .woocommerce #respond input#submit.light-grey, .woocommerce #respond input#submit.btn-light-green, .woocommerce #respond input#submit.light-green, .woocommerce #respond input#submit.alt.btn-light-grey, .woocommerce #respond input#submit.alt.light-grey, .woocommerce #respond input#submit.alt.btn-light-green, .woocommerce #respond input#submit.alt.light-green, .woocommerce a.button.btn-light-grey, .woocommerce a.button.light-grey, .woocommerce a.button.btn-light-green, .woocommerce a.button.light-green, .woocommerce a.button.alt.btn-light-grey, .woocommerce a.button.alt.light-grey, .woocommerce a.button.alt.btn-light-green, .woocommerce a.button.alt.light-green, .woocommerce button.button.btn-light-grey, .woocommerce button.button.light-grey, .woocommerce button.button.btn-light-green, .woocommerce button.button.light-green, .woocommerce button.button.alt.btn-light-grey, .woocommerce button.button.alt.light-grey, .woocommerce button.button.alt.btn-light-green, .woocommerce button.button.alt.light-green, .woocommerce input.button.btn-light-grey, .woocommerce input.button.light-grey, .woocommerce input.button.btn-light-green, .woocommerce input.button.light-green, .woocommerce input.button.alt.btn-light-grey, .woocommerce input.button.alt.light-grey, .woocommerce input.button.alt.btn-light-green, .woocommerce input.button.alt.light-green, .gform_wrapper form .gform_footer .gform_button.btn-light-grey, .gform_wrapper form .gform_footer .gform_button.light-grey, .gform_wrapper form .gform_footer .gform_button.btn-light-green, .gform_wrapper form .gform_footer .gform_button.light-green, .nav-btn a.btn-light-grey, .nav-btn a.light-grey, .nav-btn a.btn-light-green, .nav-btn a.light-green, .menu-btn a.btn-light-grey, .menu-btn a.light-grey, .menu-btn a.btn-light-green, .menu-btn a.light-green, .bapf_button.btn-light-grey, .bapf_button.light-grey, .bapf_button.btn-light-green, .bapf_button.light-green { background: transparent; background-color: #edf7f6; --gf-local-bg-color: #edf7f6; color: #000; } .btn.btn-lg, .btn.lg, .button.btn-lg, .button.lg, input[type=submit].btn-lg, input[type=submit].lg, .woocommerce #respond input#submit.btn-lg, .woocommerce #respond input#submit.lg, .woocommerce #respond input#submit.alt.btn-lg, .woocommerce #respond input#submit.alt.lg, .woocommerce a.button.btn-lg, .woocommerce a.button.lg, .woocommerce a.button.alt.btn-lg, .woocommerce a.button.alt.lg, .woocommerce button.button.btn-lg, .woocommerce button.button.lg, .woocommerce button.button.alt.btn-lg, .woocommerce button.button.alt.lg, .woocommerce input.button.btn-lg, .woocommerce input.button.lg, .woocommerce input.button.alt.btn-lg, .woocommerce input.button.alt.lg, .gform_wrapper form .gform_footer .gform_button.btn-lg, .gform_wrapper form .gform_footer .gform_button.lg, .nav-btn a.btn-lg, .nav-btn a.lg, .menu-btn a.btn-lg, .menu-btn a.lg, .bapf_button.btn-lg, .bapf_button.lg { padding: 2.8rem 4.8rem 3rem 4.8rem; } .btn.btn-file, .btn.btn-link, .button.btn-file, .button.btn-link, input[type=submit].btn-file, input[type=submit].btn-link, .woocommerce #respond input#submit.btn-file, .woocommerce #respond input#submit.btn-link, .woocommerce #respond input#submit.alt.btn-file, .woocommerce #respond input#submit.alt.btn-link, .woocommerce a.button.btn-file, .woocommerce a.button.btn-link, .woocommerce a.button.alt.btn-file, .woocommerce a.button.alt.btn-link, .woocommerce button.button.btn-file, .woocommerce button.button.btn-link, .woocommerce button.button.alt.btn-file, .woocommerce button.button.alt.btn-link, .woocommerce input.button.btn-file, .woocommerce input.button.btn-link, .woocommerce input.button.alt.btn-file, .woocommerce input.button.alt.btn-link, .gform_wrapper form .gform_footer .gform_button.btn-file, .gform_wrapper form .gform_footer .gform_button.btn-link, .nav-btn a.btn-file, .nav-btn a.btn-link, .menu-btn a.btn-file, .menu-btn a.btn-link, .bapf_button.btn-file, .bapf_button.btn-link { position: relative; padding-right: 7rem; } .btn.btn-file::after, .btn.btn-link::after, .button.btn-file::after, .button.btn-link::after, input[type=submit].btn-file::after, input[type=submit].btn-link::after, .woocommerce #respond input#submit.btn-file::after, .woocommerce #respond input#submit.btn-link::after, .woocommerce #respond input#submit.alt.btn-file::after, .woocommerce #respond input#submit.alt.btn-link::after, .woocommerce a.button.btn-file::after, .woocommerce a.button.btn-link::after, .woocommerce a.button.alt.btn-file::after, .woocommerce a.button.alt.btn-link::after, .woocommerce button.button.btn-file::after, .woocommerce button.button.btn-link::after, .woocommerce button.button.alt.btn-file::after, .woocommerce button.button.alt.btn-link::after, .woocommerce input.button.btn-file::after, .woocommerce input.button.btn-link::after, .woocommerce input.button.alt.btn-file::after, .woocommerce input.button.alt.btn-link::after, .gform_wrapper form .gform_footer .gform_button.btn-file::after, .gform_wrapper form .gform_footer .gform_button.btn-link::after, .nav-btn a.btn-file::after, .nav-btn a.btn-link::after, .menu-btn a.btn-file::after, .menu-btn a.btn-link::after, .bapf_button.btn-file::after, .bapf_button.btn-link::after { position: absolute; top: 50%; transform: translateY(-1.5rem); margin-left: 1rem; content: ""; display: inline-block; width: 3rem; height: 3rem; background-image: url(images/icon-link.svg); background-position: center; background-repeat: no-repeat; background-size: contain; } .btn.btn-file::after, .button.btn-file::after, input[type=submit].btn-file::after, .woocommerce #respond input#submit.btn-file::after, .woocommerce #respond input#submit.alt.btn-file::after, .woocommerce a.button.btn-file::after, .woocommerce a.button.alt.btn-file::after, .woocommerce button.button.btn-file::after, .woocommerce button.button.alt.btn-file::after, .woocommerce input.button.btn-file::after, .woocommerce input.button.alt.btn-file::after, .gform_wrapper form .gform_footer .gform_button.btn-file::after, .nav-btn a.btn-file::after, .menu-btn a.btn-file::after, .bapf_button.btn-file::after { background-image: url(images/icon-download.svg); } .btn[target=_blank], .button[target=_blank], input[type=submit][target=_blank], .woocommerce #respond input#submit[target=_blank], .woocommerce #respond input#submit.alt[target=_blank], .woocommerce a.button[target=_blank], .woocommerce a.button.alt[target=_blank], .woocommerce button.button[target=_blank], .woocommerce button.button.alt[target=_blank], .woocommerce input.button[target=_blank], .woocommerce input.button.alt[target=_blank], .gform_wrapper form .gform_footer .gform_button[target=_blank], .nav-btn a[target=_blank], .menu-btn a[target=_blank], .bapf_button[target=_blank] { background-repeat: no-repeat; background-image: url(images/icon-new-win.svg); background-position: 1.5rem center; background-size: 1.5rem; text-align: left; padding-left: 4rem; padding-right: 2rem; width: auto; min-width: 0; } .btn[target=_blank].btn-, .button[target=_blank].btn-, input[type=submit][target=_blank].btn-, .woocommerce #respond input#submit[target=_blank].btn-, .woocommerce #respond input#submit.alt[target=_blank].btn-, .woocommerce a.button[target=_blank].btn-, .woocommerce a.button.alt[target=_blank].btn-, .woocommerce button.button[target=_blank].btn-, .woocommerce button.button.alt[target=_blank].btn-, .woocommerce input.button[target=_blank].btn-, .woocommerce input.button.alt[target=_blank].btn-, .gform_wrapper form .gform_footer .gform_button[target=_blank].btn-, .nav-btn a[target=_blank].btn-, .menu-btn a[target=_blank].btn-, .bapf_button[target=_blank].btn- { background-color: #F5F4F1; color: #1d1d1b; } .print-button { background-image: url(images/icon-printer.svg); background: transparent; background-repeat: no-repeat; background-position: right center; background-size: contain; border: 0; font-size: 0; padding: 0; width: 4rem; height: 4rem; } .print-button:hover { box-shadow: none; transform: scale3d(1.2, 1.2, 1); background: transparent; border: 0; } .recipe .print-button { position: absolute; right: 1rem; top: -5rem; z-index: 9999; } @media only screen and (max-width: 37.5em) { .recipe .print-button { right: unset; background-position: left center; left: 3rem; top: -6rem; font-size: 1rem; padding-left: 5rem; color: #00a19a; width: auto; height: 3rem; } } .slider { position: relative; } .slick-autoplay-toggle-button { visibility: hidden; position: absolute; top: 0; right: 0; } .slick-autoplay-toggle-button:focus { visibility: visible; } .slide-arrows { display: flex; justify-content: center; align-items: center; box-sizing: border-box; position: absolute; top: calc(50% - 20px); width: 40px; height: 40px; overflow: hidden; z-index: 1; background-color: transparent; background-repeat: no-repeat; background-size: contain; text-indent: -100vw; transition: all 0.5s ease; opacity: 1; } @media only screen and (max-width: 37.5em) { .slide-arrows { display: none; } } .slide-arrows.next { background-image: url(images/next.svg); right: -20px; } @media only screen and (max-width: 64em) { .slide-arrows.next { right: -40px; } } .slide-arrows.prev { background-image: url(images/prev.svg); left: -20px; } @media only screen and (max-width: 64em) { .slide-arrows.prev { left: -40px; } } .slick-dots { display: flex; justify-content: center; align-items: center; gap: 1rem; width: 100%; list-style: none; margin: 2rem auto 0; padding: 0; } .slick-dots li { list-style: none; margin: 0; padding: 0; } .slick-dots li button .slick-dot-icon { display: block; background-color: rgba(0, 161, 154, 0.95); border: 1px solid rgba(0, 42, 38, 0.05); width: 1.2rem; height: 1.2rem; border-radius: 50%; transition: all 0.25s ease-in-out; } .input-touch .slick-dots li button .slick-dot-icon { width: 2.2rem; height: 2.2rem; } .slick-dots li button .slick-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; } .slick-dots li.slick-active button .slick-dot-icon { background-color: rgba(0, 42, 38, 0.1); border-color: rgba(0, 161, 154, 0.95); } .alert-banner__close, .alert-pop-up__close { background-color: rgba(0, 42, 38, 0.9); color: #fff; padding: 0.3rem 0.6rem; font-size: 2rem; font-weight: bold; line-height: 1; flex-shrink: 0; margin: 0 1rem; } .alert-banner__close:hover, .alert-pop-up__close:hover { background-color: #002a26; color: #fff; } .alert-banner.closed, .alert-pop-up.closed { display: none; } .alert-banner { margin-bottom: 2rem; } .alert-banner__inner { background-color: transparent; color: #fff; border: 0.2rem solid #00a19a; display: flex; align-items: center; justify-content: space-between; } .alert-banner__message { padding: 1rem; flex-grow: 1; text-align: left; } .alert-banner__message p { color: #1d1d1b; line-height: 1.2; margin: 0; } @media only screen and (max-width: 37.5em) { .alert-banner__message p { font-size: 1.44rem; } } .alert-banner__message p a { color: #000ca0; } .alert-banner__message p a:hover { color: #998564; } .alert-pop-up__inner { display: flex; align-items: center; justify-content: space-between; align-items: flex-start; background-color: #fff; border: 0.2rem solid #CC2647; padding: 2rem; width: 80%; width: clamp(300px, 50%, 100%); } .alert-pop-up__message { flex-grow: 1; text-align: left; } .alert-pop-up__message p { margin: 0; } .alert-pop-up__close { margin: 0; } .modal { display: flex; justify-content: center; align-items: center; position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: #000; /* Fallback color */ background-color: rgba(0, 0, 0, 0.6); /* Black w/ opacity */ } /* .feedback-tab { position: fixed; z-index: 10000; right: -3px; top: 50%; transform: translateY(-50%); box-sizing: border-box !important; display: block; @include responsive(phone){ display: none; } .btn, .button { padding: 2rem; padding-right: 1.5rem !important; height: auto; min-height: auto; border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: $border-radius-sm; border-top-left-radius: $border-radius-sm; @include responsive(phone){ padding: 1.65rem 1rem; padding-right: 1.1rem !important; } &:hover { transform: translateY(0) !important; transform: translateX(-3px) !important; box-shadow: -5px 0 10px rgba(0, 0, 0, 0.3); } } &__btn-text { overflow-wrap: normal !important; word-break: normal !important; word-wrap: normal !important; white-space: nowrap !important; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); cursor: pointer; -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-lr; writing-mode: vertical-lr; transform: rotate(180deg); width: auto; min-width: 10px; display: inline-block; @include responsive(phone){ font-size: $xsmall-font-size; } } } */ .pop-up-container { background-color: rgba(0, 0, 0, 0.8); position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; z-index: 100000; transition: all 0.87s cubic-bezier(0.2, 0.4, 0.4, 1.6); transform: translate3d(0, 0, 0); } .pop-up-container.init { top: 100vh; } .pop-up-container .close { position: absolute; top: 0; right: 0; z-index: 1000; border-radius: 50%; width: 2em; height: 2em; text-align: center; border: 1px solid #fff; background-color: transparent; color: #fff; line-height: 2em; font-size: 1em; font-family: "Inter", Helvetica, Arial, sans-serif; text-transform: uppercase; transition: none; transform: translate3d(2em, -2em, 0); cursor: not-allowed; } @media only screen and (max-width: 37.5em) { .pop-up-container .close { transform: none; top: -4rem; } } .pop-up-container .loader { position: absolute; top: calc(50% - 40px); left: calc(50% - 40px); animation: fadeout 2s linear 1.5s 1 forwards; } .pop-up-container__content { z-index: 999998; width: 70%; height: 80vh; min-width: 360px; min-height: 360px; overflow-y: auto; position: relative; } .pop-up-container__content img, .pop-up-container__content iframe { width: 100%; height: 100%; object-position: center; object-fit: contain; border: 2px solid rgba(199, 217, 151, 0.2); } .pop-up-container__content img { padding: 2vw 4vw; background-color: rgba(255, 255, 255, 0.9); position: sticky; top: 0; } .pop-up-container__content figure figcaption { margin-top: 2rem; text-align: center; color: #fff; } .pop-up-container__content iframe { background: rgba(255, 255, 255, 0.9); } .pop-up-container.pop-up-type-image .pop-up-container__content { overflow-y: unset; background: #fff; display: grid; place-items: center; } .pop-up-container.pop-up-type-image .pop-up-container__content img { max-height: 80vh; padding: 0; background-color: transparent; position: static; display: block; border: none; width: auto; height: auto; margin: auto; } .pop-up-container.pop-up-type-image .pop-up-container__content.svg img { background-color: #fff; } dialog.pop-up-panel { top: 0; left: 0; width: 100dvw; height: 100dvh; max-width: none; max-height: none; border: none; padding: 0; background: rgba(0, 0, 0, 0.65); /* Semi-transparent overlay */ backdrop-filter: blur(8px); display: flex; align-items: center; justify-content: center; position: fixed; inset: 0; /* Start hidden */ opacity: 0; transform: scale(0.95); pointer-events: none; transition: opacity 0.3s ease, transform 0.3s ease; } dialog.pop-up-panel + .btn-pop-up-open { opacity: 0.5; pointer-events: all; transform: translate3d(calc(7rem - 100%), -50%, 0) scale(0.5); position: fixed; top: 50%; left: 0; transition: all 1s cubic-bezier(0.2, 0.4, 0.4, 1.6); background-color: #fff; color: #000; box-shadow: 0px 0px 30px 1px rgba(0, 0, 0, 0.09); z-index: 10000; padding-left: 8rem; font-family: "Inter", Helvetica, Arial, sans-serif; } dialog.pop-up-panel + .btn-pop-up-open:hover { transform: translate3d(-6rem, -50%, 0) scale(1); opacity: 1; background-color: #CC2647; color: #fff; box-shadow: inherit; } dialog.pop-up-panel[open] { opacity: 1; transform: scale(1); pointer-events: auto; } dialog.pop-up-panel[open] + .btn-pop-up-open { opacity: 0; z-index: -1; pointer-events: none; left: 50%; transform: translate3d(-50%, -50%, 0) scale(0); } dialog.pop-up-panel .close-modal { position: absolute; z-index: 1000; top: 0; right: 0; width: clamp(4rem, 3vw, 12rem); height: clamp(4rem, 3vw, 12rem); font-size: 3vw; overflow: hidden; border: none; cursor: pointer; color: #fff; } @media only screen and (max-width: 37.5em) { dialog.pop-up-panel .close-modal { width: 9vw; height: 9vw; font-size: 9vw; } } dialog.pop-up-panel .inner { position: relative; padding: 5dvh 5dvw; width: 100%; max-width: 75dvw; max-height: 94dvh; border-radius: 3px; overflow: auto; background-color: #002a26; color: #fff; box-shadow: 0 0 3vw rgba(0, 0, 0, 0.2); } @media only screen and (max-width: 37.5em) { dialog.pop-up-panel .inner { max-width: 94dvw; } } dialog.pop-up-panel .inner.bg-default { background-color: #002a26; } dialog.pop-up-panel .inner.bg-default, dialog.pop-up-panel .inner.bg-default h2, dialog.pop-up-panel .inner.bg-default h3, dialog.pop-up-panel .inner.bg-default h4, dialog.pop-up-panel .inner.bg-default h5, dialog.pop-up-panel .inner.bg-default p, dialog.pop-up-panel .inner.bg-default li, dialog.pop-up-panel .inner.bg-default td { color: #fff; } dialog.pop-up-panel .inner.bg-black { outline: 3px solid rgba(255, 255, 255, 0.2); } dialog.pop-up-panel .inner .scroll-container { overflow: scroll; } dialog.pop-up-panel .inner .content a:link, dialog.pop-up-panel .inner .content a:visited { color: #fff; text-decoration: underline; } dialog.pop-up-panel .inner .content a:hover { color: #fff; text-decoration: dotted; text-decoration-color: #000ca0; } dialog::backdrop { background: rgba(0, 0, 0, 0.1); transition: opacity 0.3s ease; } .pop-up-container .person { background-color: rgba(255, 255, 255, 0.99); border: 2px solid rgba(199, 217, 151, 0.2); border-radius: 3rem; } .lds-roller { display: inline-block; position: relative; width: 80px; height: 80px; } .lds-roller div { animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; transform-origin: 40px 40px; } .lds-roller div:after { content: " "; display: block; position: absolute; width: 7px; height: 7px; border-radius: 50%; background: #fff; margin: -4px 0 0 -4px; } .lds-roller div:nth-child(1) { animation-delay: -0.036s; } .lds-roller div:nth-child(1):after { top: 63px; left: 63px; } .lds-roller div:nth-child(2) { animation-delay: -0.072s; } .lds-roller div:nth-child(2):after { top: 68px; left: 56px; } .lds-roller div:nth-child(3) { animation-delay: -0.108s; } .lds-roller div:nth-child(3):after { top: 71px; left: 48px; } .lds-roller div:nth-child(4) { animation-delay: -0.144s; } .lds-roller div:nth-child(4):after { top: 72px; left: 40px; } .lds-roller div:nth-child(5) { animation-delay: -0.18s; } .lds-roller div:nth-child(5):after { top: 71px; left: 32px; } .lds-roller div:nth-child(6) { animation-delay: -0.216s; } .lds-roller div:nth-child(6):after { top: 68px; left: 24px; } .lds-roller div:nth-child(7) { animation-delay: -0.252s; } .lds-roller div:nth-child(7):after { top: 63px; left: 17px; } .lds-roller div:nth-child(8) { animation-delay: -0.288s; } .lds-roller div:nth-child(8):after { top: 56px; left: 12px; } @keyframes lds-roller { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .breadcrumb { padding: 4rem 0 0; min-height: 0; } .breadcrumb .container { max-width: 144rem; } @media only screen and (max-width: 64em) { .breadcrumb .container { max-width: 90vw; } } .breadcrumb .container .row div { padding: 0; width: 100%; max-width: 100vw; } .breadcrumb .container .row div .crumbs { margin: 0; margin-bottom: 0; } .breadcrumb .container .row div .crumbs span { color: #00a19a; } .breadcrumb .container .row div .crumbs span a, .breadcrumb .container .row div .crumbs span a:link, .breadcrumb .container .row div .crumbs span a:visited { color: #00a19a; } .breadcrumb .container .row div .crumbs span a:hover { color: #002a26; } .breadcrumb .container .row div .crumbs span.breadcrumb_last { color: #00a19a; } .breadcrumb + .wp-loop-section, .breadcrumb + section { padding-top: 0; } @media only screen and (max-width: 27em) { #cmplz-cookies-overview .cmplz-dropdown summary h3, #cmplz-document .cmplz-dropdown summary h3, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary h3 { font-size: 15px !important; } } @media only screen and (max-width: 27em) { #cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div, #cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div { grid-template-columns: 2fr 100px 0 auto 25px !important; } } input[type=text], input[type=email], input[type=number], input[type=tel], input[type=password], select, textarea { --gf-local-bg-color: #F5F4F1; --gf-ctrl-bg-color: #F5F4F1; background-color: #F5F4F1; color: #00a19a; border-radius: 0; border: 1px solid #C7D997; padding: 1.9rem 1rem; height: auto; min-height: 4.5rem; line-height: 1; font-size: 1.76rem; width: 100%; } input[type=text]::placeholder, input[type=email]::placeholder, input[type=number]::placeholder, input[type=tel]::placeholder, input[type=password]::placeholder, select::placeholder, textarea::placeholder { color: #a0a0a0; opacity: 0.9; } input[type=file] { --gf-local-bg-color: #F5F4F1; --gf-ctrl-bg-color: #F5F4F1; background-color: #F5F4F1; color: #00a19a; } textarea { line-height: 1.3; } form.dark input[type=text], form.dark input[type=email], form.dark input[type=number], form.dark input[type=tel], form.dark input[type=password], form.dark select, form.dark textarea, .bg-dark-green form input[type=text], .bg-dark-green form input[type=email], .bg-dark-green form input[type=number], .bg-dark-green form input[type=tel], .bg-dark-green form input[type=password], .bg-dark-green form select, .bg-dark-green form textarea { color: #F5F4F1; background-color: #00a19a; border-color: #00a19a; } form.dark input[type=text]::placeholder, form.dark input[type=email]::placeholder, form.dark input[type=number]::placeholder, form.dark input[type=tel]::placeholder, form.dark input[type=password]::placeholder, form.dark select::placeholder, form.dark textarea::placeholder, .bg-dark-green form input[type=text]::placeholder, .bg-dark-green form input[type=email]::placeholder, .bg-dark-green form input[type=number]::placeholder, .bg-dark-green form input[type=tel]::placeholder, .bg-dark-green form input[type=password]::placeholder, .bg-dark-green form select::placeholder, .bg-dark-green form textarea::placeholder { color: #F5F4F1; } .gform_wrapper.gravity-theme .gform_validation_errors > h2, .gform_wrapper.gravity-theme .gform_validation_errors > h2.hide_summary { font-size: 1.44rem; line-height: 1.2; text-wrap: auto; } .gform_wrapper { margin-top: 4rem; } .gform_wrapper .gform_heading .gform_required_legend { display: none; font-size: 1.44rem; text-align: right; } .gform_wrapper.gform_validation_error .gform_heading .gform_required_legend { display: block; } .gform_wrapper a:link, .gform_wrapper a:visited { text-decoration: underline; } .gform_wrapper a:hover { text-decoration: dotted; } .gform_wrapper form .gform-body .gform_fields { margin: 0; } .gform_wrapper form .gform-body .gform_fields .gfield { list-style: none; } .gform_wrapper form .gform-body .gform_fields .gfield .gfield_label .gfield_required .gfield_required_asterisk { line-height: 0.5; color: var(--gf-ctrl-label-color-req); } .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container input[type=text], .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container input[type=email], .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container input[type=number], .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container input[type=tel], .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container input[type=password], .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container select, .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container textarea { padding: 1.9rem 1rem; font-size: 1.76rem; line-height: 1; } .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container select { padding-top: 1.4rem; padding-bottom: 1.4rem; } .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container input[type=checkbox], .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container input[type=radio] { display: inline-block; accent-color: #00a19a; zoom: 1.6; vertical-align: middle; margin-right: 0.5rem; } .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container textarea { line-height: 1.3; } .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container textarea.small { height: 9em; } @media only screen and (max-height: 750px) { .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container textarea.small { height: 7em; } } .gform_wrapper form .gform-body .gform_fields .gfield .gfield_checkbox .gchoice { list-style: none; } .gform_wrapper form .gform-body .gform_fields .gfield.gfield--type-checkbox .gfield_label { display: block; } .gform_wrapper form .gform_footer { justify-content: center; } @media only screen and (max-width: 37.5em) { .gform_wrapper form .gform_footer { margin-top: 2rem; } } .gform_wrapper.columns_wrapper form.columns { display: block !important; } .gform_wrapper.columns_wrapper form.columns .gform_body .gform_fields { display: grid; gap: 0; column-gap: 4rem; grid-template-columns: 1fr 1fr; grid-auto-flow: dense; } .gform_wrapper.columns_wrapper form.columns .gform_body .gform_fields .column-1 { grid-column: 1/2; } .gform_wrapper.columns_wrapper form.columns .gform_body .gform_fields .column-2 { grid-column: 2/3; } .gform_wrapper.columns_wrapper form.columns .gform_body .gform_fields .span-all, .gform_wrapper.columns_wrapper form.columns .gform_body .gform_fields .span-rows { grid-row: 1/10; } .gform_wrapper.columns_wrapper form.columns .gform_body .gform_fields .span-cols { grid-column: 1/3; } .gform_wrapper.columns_wrapper form.columns .gform_footer { justify-content: flex-start; } .mailing-list-sign-up-form_wrapper { margin-top: 0; } .mailing-list-sign-up-form_wrapper .gform_heading { display: none; } .mailing-list-sign-up-form_wrapper form.mailing-list-sign-up-form { display: flex; align-items: flex-start; justify-content: space-between; gap: 2rem; } @media only screen and (max-width: 1440px) { .mailing-list-sign-up-form_wrapper form.mailing-list-sign-up-form { display: block; margin-bottom: 4rem; } } .mailing-list-sign-up-form_wrapper form.mailing-list-sign-up-form .gform_body .gform_fields .gfield .gfield_label { line-height: 1.1; } .mailing-list-sign-up-form_wrapper form.mailing-list-sign-up-form .gform_body .gform_fields .gfield .ginput_container.ginput_container_email input { padding-left: 2rem; } .mailing-list-sign-up-form_wrapper form.mailing-list-sign-up-form .gform_body .gform_fields .gfield .ginput_container.ginput_container_consent { display: flex; align-items: flex-start; } .mailing-list-sign-up-form_wrapper form.mailing-list-sign-up-form .gform_footer { padding: 0; margin: 0; display: block; } .mailing-list-sign-up-form_wrapper form.mailing-list-sign-up-form .gform_footer .gform_button { min-width: auto; } @media only screen and (max-width: 51.25em) { .mailing-list-sign-up-form_wrapper form.mailing-list-sign-up-form .gform_footer .gform_button { margin: 0 auto; display: block; } } @media only screen and (max-width: 37.5em) { .mailing-list-sign-up-form_wrapper form.mailing-list-sign-up-form .gform_footer .gform_button { line-height: 1 !important; min-height: 0 !important; } } @media only screen and (max-width: 641px) { .main section .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) { line-height: 1; min-height: 1.76rem; } } html.lenis, html.lenis body { height: auto; } .lenis.lenis-smooth { scroll-behavior: auto !important; } .lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; } .lenis.lenis-stopped { overflow: hidden; } .lenis.lenis-smooth iframe { pointer-events: none; } .post-card { background: #F5F4F1; background: #edf7f6; padding: 3rem; border: 1px solid transparent; overflow: hidden; position: relative; } .post-card::before { transition: transform 0.25s linear; content: ""; position: absolute; z-index: -1; width: 200%; height: 100%; top: 0; left: 0; background: linear-gradient(-90deg, rgba(237, 247, 246, 0.75) 0%, #00a19a 50%, #007b75 85.5%); transform: rotate(0deg) translateX(-100%); transform-origin: bottom left; pointer-events: none; } .post-card > div, .post-card > article { display: flex; flex-direction: column; justify-content: flex-start; transition: transform 0.25s ease-in-out; height: 100%; } .post-card__image-container { position: relative; aspect-ratio: 155/63; transition: transform 0.5s ease-in-out; overflow: hidden; background-color: #fff; } .post-card__image-container .image { aspect-ratio: 155/63; width: 100%; object-fit: contain; padding: 1rem; } .post-card__image-container.custom-image { position: relative; } .post-card__image-container.custom-image .image { object-fit: cover; padding: 0; } .post-card__title-container { padding: 0; padding-top: 2rem; margin-bottom: 0; font-size: 2.16rem; } .post-card__title-container .title:link, .post-card__title-container .title:visited { text-decoration: none; color: #002a26; } .post-card__subtitle { color: #000; font-size: 1.44rem; margin-bottom: 0; } .post-card__excerpt { padding-top: 2rem; padding-bottom: 0; margin-bottom: 0; } .post-card__button-container { padding-top: 2rem; margin-top: auto; } .post-card__button-container > a { position: unset; } .post-card__button-container > a.btn { transform: none; box-shadow: none; } .post-card__button-container > a::after { content: ""; position: absolute; inset: 0; z-index: 2000; } .post-card:hover::before { transform: rotate(0deg) translateX(0); opacity: 1; } .post-card:hover .post-card__title-container .title:link, .post-card:hover .post-card__title-container .title:visited { color: #fff; } .post-card:hover .post-card__excerpt, .post-card:hover .post-card__excerpt * { color: #fff; } .partners-card article .post-card__image-container.custom-image .post-card__image { width: 90% !important; height: 70% !important; margin: 5% auto; object-fit: contain; } .hero-section { width: 100%; min-width: 100%; background-image: var(--sectBG); background-position: center; background-size: cover; background-repeat: no-repeat; padding: 0; margin-top: var(--initHeaderHeight, 140px); transition: all 0.25s ease-in-out; position: relative; overflow: clip; } .hero-section .container { width: 90%; max-width: 160rem; } @media only screen and (max-width: 90em) { .hero-section .container { max-width: 90vw; } } .hero-section .container .row { display: flex; justify-content: flex-start; align-items: center; } @media only screen and (max-width: 51.25em) { .hero-section .container .row { flex-wrap: wrap; } } @media only screen and (max-width: 37.5em) { .hero-section .container .row { flex-direction: column; } } .hero-section #hero-section-motif { display: none; position: absolute; right: 58%; top: 0%; height: 200%; width: 82%; object-fit: cover; object-position: right center; opacity: 0.3; pointer-events: none; } .hero-section__titles { margin: clamp(12rem, 11vw, 24rem) 0; width: 100%; max-width: 900px; } .hero-section__titles-title { margin: 0; color: #fff; text-wrap: balance; font-weight: 500; } .hero-section__titles-title em { color: #81c0bb; font-style: normal; } .hero-section__titles-title + .hero-section__titles-text { margin-top: 2rem; } .hero-section__titles-text { color: #fff; font-size: 2.16rem; } .hero-section__titles-buttons { margin: 0; margin-top: 4rem; padding: 0; list-style: none; display: flex; gap: 4rem; align-items: flex-start; justify-content: flex-start; } @media only screen and (max-width: 37.5em) { .hero-section__titles-buttons { flex-wrap: wrap; gap: 3rem; } } .hero-section__titles-buttons li { list-style: none; margin: 0; margin-top: 0; padding: 0; } .hero-section.default-banner #hero-section-motif { display: block; } .hero-section.default-banner .hero-section__titles { margin: clamp(8rem, 6vw, 20rem) 0; max-width: 90vw; } .single-partners .hero-section .hero-section__titles, .single-patientstories .hero-section .hero-section__titles { flex-shrink: 1; width: 75%; } @media only screen and (max-width: 37.5em) { .single-partners .hero-section .hero-section__titles, .single-patientstories .hero-section .hero-section__titles { width: 100%; text-align: center; } } .single-partners .hero-section .hero-section__partner-logo, .single-patientstories .hero-section .hero-section__partner-logo { width: 25%; background-color: #fff; padding: 2rem; } @media only screen and (max-width: 37.5em) { .single-partners .hero-section .hero-section__partner-logo, .single-patientstories .hero-section .hero-section__partner-logo { width: 100%; margin-bottom: 6rem; } } .single-partners .hero-section .hero-section__partner-logo .partner-logo__img, .single-patientstories .hero-section .hero-section__partner-logo .partner-logo__img { width: 100%; } .cols2 ul { columns: 2; } @media only screen and (max-width: 51.25em) { .cols2-mo ul { columns: 2; } } .pos-relative { position: relative; } .noverflow, .oscroll { overflow: auto; } .pad-link { cursor: pointer; } @media only screen and (max-width: 48em) { .only-image-bg { padding-top: 50%; padding-bottom: 50%; } } .bg-repeat { background-repeat: repeat !important; } .bg-no-repeat { background-repeat: no-repeat !important; } .bg-fill, .bg-cover { background-size: cover !important; } .bg-fit, .bg-contain { background-size: contain !important; } .bg-native, .bg-normal { background-size: unset !important; } .vertically-center { display: flex; flex-direction: column; justify-content: center; } .align-center, .align-center * { text-align: center; margin-right: auto; margin-left: auto; } .align-left, .align-left * { text-align: left; } .align-left .container .row > * { margin-right: auto; margin-left: 0; } .align-right, .align-right * { text-align: right; } .align-right .container .row > * { margin-right: 0; margin-left: auto; } .full-width { max-width: 100dvw; } .full-width, .full-width .container, .full-width .row { max-width: 100%; width: 100%; margin-left: 0; padding-left: 0; margin-right: 0; padding-right: 0; } .full-width > .title, .full-width .container > .title, .full-width .row > .title { margin-left: 3vw; } .wide-col .container, .wide-width .container { max-width: 90vw; } .wide-col .container .row, .wide-width .container .row { max-width: 100%; } .narrow-col .container { max-width: 102rem; } .narrow-col .container .row { width: 100%; } .narrow-col .container .row > * { max-width: 90vw; margin-right: auto; margin-left: auto; } @media only screen and (max-width: 37.5em) { .narrow-col .container .row > * { max-width: calc(100vw - 30px); } } .extra-narrow-col .container { max-width: 72rem; } .extra-narrow-col .container .row { width: 100%; } .extra-narrow-col .container .row > * { max-width: 90vw; margin-right: auto; margin-left: auto; } @media only screen and (max-width: 48em) { .extra-narrow-col .container .row > * { max-width: calc(100vw - 30px); } } .full-width-image { max-width: 100dvw; } .full-width-image img { max-width: 100%; width: 100% !important; margin-left: 0; padding-left: 0; margin-right: 0; padding-right: 0; margin-top: 0; margin-bottom: 0; height: auto; } .half-width-image img { max-width: 50%; width: 50% !important; margin-left: 0; padding-left: 0; margin-right: auto; padding-right: 0; height: auto; display: inline-block; } .align-center .half-width-image img { display: block; margin-right: auto; margin-left: auto; } .align-right .half-width-image img { display: block; margin-right: 0; margin-left: auto; } .smaller-text { font-size: 88% !important; } .larger-text { font-size: 112% !important; } .small { font-size: 1.44rem !important; } .xsmall { font-size: 1.28rem !important; } .natural-text, .natural-text * { text-transform: none !important; } .noPaddingTop { padding-top: 0; } .noPaddingBottom { padding-bottom: 0; } .padding-top { padding-top: 9rem; } .padding-bottom { padding-bottom: 9rem; } .padding-bottom + .padding-top { padding-top: 0; } .img-cover { background-size: cover !important; object-fit: cover !important; } .img-contain { background-size: contain !important; object-fit: contain !important; } .anchor { display: block; position: relative; height: 0; visibility: hidden; } .anchorOffset { top: -7rem; top: calc(var(--headerHeight, 100px) * -1); display: block; position: relative; height: 0; visibility: hidden; } :target { scroll-margin-top: calc(var(--headerHeight, 100px) + 2rem); /* Adjust offset as needed */ } pre, .code, pre.code { max-width: 100vw; white-space: normal; font-family: monospace; padding: 4% 10%; } img, figure { object-fit: contain; max-width: 100%; } img.alignleft, figure.alignleft { float: left; margin-right: clamp(2rem, 5%, 7rem); } @media only screen and (max-width: 37.5em) { img.alignleft, figure.alignleft { float: none; display: block; margin-right: auto; margin-left: auto; margin-bottom: 4rem; width: 100%; } } img.alignright, figure.alignright { float: right; margin-left: clamp(2rem, 5%, 7rem); } @media only screen and (max-width: 37.5em) { img.alignright, figure.alignright { float: none; display: block; margin-right: auto; margin-left: auto; margin-bottom: 4rem; width: 100%; } } section { background-color: #fff; max-width: 100vw; position: relative; background-image: var(--sectBG); background-size: cover; background-position: center; background-repeat: no-repeat; padding-top: var(--paddingTop, 9rem); padding-bottom: var(--paddingBottom, 9rem); overflow-x: clip; } section.hasBgImg::before { content: ""; position: absolute; background-color: inherit; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.75; } @media only screen and (max-width: 51.25em) { section { padding-top: var(--paddingTop, 8rem); padding-bottom: var(--paddingBottom, 8rem); } } section.general-html { padding-top: 0; padding-bottom: 0; } section.vertical-offset { overflow-x: unset; overflow-y: var(--overflowY, hidden); } section.vertical-offset .container { transform: translateY(var(--verticalOffset, 0)); margin-bottom: var(--verticalOffset, 0); } section .container { width: 100%; max-width: 144rem; margin: 0 auto; } @media only screen and (max-width: 1440px) { section .container { max-width: 100dvw; } } @media only screen and (max-width: 51.25em) { section .container { max-width: 90vw; } } section .container .row { justify-content: center; } @media only screen and (max-width: 1440px) { section .container .row { padding-left: 1.5rem; padding-right: 1.5rem; } } section .container .row img { width: 100%; height: auto; } section .container .row img.alignright, section .container .row img.alignleft { width: auto; max-width: 50%; } section .container .row img.size-thumbnail { width: auto; max-width: 220px; } section .container .row blockquote { font-weight: 300; font-size: 1.76rem; line-height: 1.4; padding-left: 4rem; margin: 2rem 0 4rem; border-left: 3px solid #00a19a; } section .container .row figure { background-color: #a0a0a0; } section .container .row figure figcaption { text-align: center; color: #fff; padding: 2rem; } .cmplz-cookiebanner ul li { list-style: none !important; } .site-notice { max-width: 100vw; width: 100vw; padding: 2rem; background-color: #a0a0a0; color: #1d1d1b; text-align: center; font-size: 2.4rem; font-weight: 300; line-height: 1.2; position: fixed; top: 0; z-index: 9999; } .error-message, .error, .err { display: block; margin: 3rem auto; padding: 3rem 4rem; border: 1px solid #CC2647; color: #CC2647; } ol li, ul li { list-style-position: outside; } @media only screen and (max-width: 37.5em) { * > ul.tick-list { margin-left: 1.5rem; } } * > ul.tick-list > li { list-style-image: url(images/icon-tick-simple-green.svg); list-style-position: outside; } * > ul.sub-list { margin-top: 2rem; } * > ul.sub-list > li { margin-bottom: 2rem; } * > ul.sub-list > li li { font-size: 1.76rem; margin-bottom: 0.2rem; margin-left: 2.5rem; list-style: square; } dl { display: flex; gap: 0.6ex; justify-content: flex-start; align-items: flex-start; } table { width: 100%; max-width: 100vw; border: 0; margin: 1rem auto; border-collapse: collapse; } table thead tr { border-bottom-width: 2px; } table tr { border-bottom: 1px solid #6f6f6e; } table tr td, table tr th { border: none; padding: 1rem; margin: 0; } table tr th { font-weight: 500; } a[href="#no-link"] { cursor: default !important; pointer-events: none !important; } /* Intro Text Styles */ .intro, .intro li { font-size: 2.16rem; line-height: 1.3; font-weight: 300; } p.big-text, .big-text { font-size: 2.56rem !important; } .uppercase p.big-text, .uppercase .big-text { letter-spacing: 0; } p.header-intro, .header-intro { font-size: clamp(2.16rem, 2.3vw, 3.6rem) !important; line-height: 1; } @media only screen and (max-width: 37.5em) { p.header-intro, .header-intro { font-size: clamp(2.16rem, 6.7vw, 3.6rem) !important; } } p.small-text, .small-text, .small { font-family: "Inter", Helvetica, Arial, sans-serif !important; font-size: 1.44rem !important; } .letter-spaced, .letter-space { letter-spacing: 0.3ex !important; } .title-font, .title-font * { font-family: "Roboto Slab", serif; text-transform: uppercase; } .caps { text-transform: uppercase !important; } .h1, .h1 p, .h1 li { font-size: 5.44rem; } .h2, .h2 p, .h2 li { font-size: 3.6rem; } @media only screen and (max-width: 51.25em) { .h2, .h2 p, .h2 li { font-size: clamp(2.16rem, 10vw, 1.8rem); } } .h3, .h3 p, .h3 li { font-size: 2.8rem; } @media only screen and (max-width: 48em) { .h3, .h3 p, .h3 li { font-size: clamp(2.16rem, 8.4vw, 2.4rem); } } .h4, .h4 p, .h4 li { font-size: 2.4rem; } @media only screen and (max-width: 37.5em) { .h4, .h4 p, .h4 li { font-size: 2rem; } } .h5, .h5 p, .h5 li { font-size: 2rem; } @media only screen and (max-width: 37.5em) { .h5, .h5 p, .h5 li { font-size: 1.68rem; } } .h6, .h6 p, .h6 li { font-size: 1.68rem; } h2.cursive, .cursive { font-family: "Roboto Slab", serif !important; } h1.sans-serif, h1 .sans-serif, .sans-serif h1, h2.sans-serif, h2 .sans-serif, .sans-serif h2, h3.sans-serif, h3 .sans-serif, .sans-serif h3, h4.sans-serif, h4 .sans-serif, .sans-serif h4, h5.sans-serif, h5 .sans-serif, .sans-serif h5, h6.sans-serif, h6 .sans-serif, .sans-serif h6 { font-family: "Inter", Helvetica, Arial, sans-serif !important; font-weight: 500; font-size: 2.8rem; text-transform: uppercase; } h1 u, h2 u, h3 u, h4 u, h5 u, h6 u { text-underline-offset: 1rem; } @media only screen and (max-width: 51.25em) { .row h1 { line-height: 0.9; } } .row h1 + h1, .row h1 + h2, .row h1 + h3, .row h1 + h4, .row h1 + h5 { margin-top: inherit; } .row h2 { line-height: 1.2; } .row h2 + h1, .row h2 + h2, .row h2 + h3, .row h2 + h4, .row h2 + h5 { margin-top: inherit; } .row h3 { line-height: 1.2; } .row h3 + h1, .row h3 + h2, .row h3 + h3, .row h3 + h4, .row h3 + h5 { margin-top: inherit; } .row h4 + h1, .row h4 + h2, .row h4 + h3, .row h4 + h4, .row h4 + h5 { margin-top: inherit; } .row img + h1, .row img + h2, .row img + h3, .row img + h4, .row img + h5 { margin-top: 4rem; } .row ul + h1, .row ul + h2, .row ul + h3, .row ul + h4, .row ul + h5, .row table + h1, .row table + h2, .row table + h3, .row table + h4, .row table + h5 { margin-top: 4rem; } .title-plain .row.titles { border: none; padding: 0; max-width: 100vw; } .row.titles .title, .row.titles .subtitle, .row.titles h2, .row.titles h3 { display: block; font-size: 3.6rem; letter-spacing: 0; } @media only screen and (max-width: 51.25em) { .row.titles .title, .row.titles .subtitle, .row.titles h2, .row.titles h3 { line-height: 1; font-size: clamp(2.16rem, 10vw, 1.8rem); } } .smaller-title-font .row.titles .title, .smaller-title-font .row.titles .subtitle, .smaller-title-font .row.titles h2, .smaller-title-font .row.titles h3 { font-size: 2rem; } @media only screen and (max-width: 48em) { .smaller-title-font .row.titles .title, .smaller-title-font .row.titles .subtitle, .smaller-title-font .row.titles h2, .smaller-title-font .row.titles h3 { font-size: clamp(2.16rem, 8.4vw, 2.4rem); } } .row.titles .subtitle { font-family: "Roboto Slab", serif; font-size: 1.68rem; } a.help, button.help { color: #fff; background-color: #000; border-radius: 50%; font-weight: 500; padding: 1rem; aspect-ratio: 1/1; line-height: 0; } .font-weight-100, .font-weight-100 *, .font-weight-light, .font-weight-light * { font-weight: 300; } .font-weight-400, .font-weight-400 *, .font-weight-normal, .font-weight-normal *, .font-weight-regular, .font-weight-regular * { font-weight: 300; } .font-weight-500, .font-weight-500 *, .font-weight-medium, .font-weight-medium *, .font-weight-semi-bold, .font-weight-semi-bold * { font-weight: 500; } .font-weight-700, .font-weight-700 *, .font-weight-bold, .font-weight-bold * { font-weight: 500; } .font-weight-800, .font-weight-800 *, .font-weight-extra-bold, .font-weight-extra-bold * { font-weight: 700; } .testimonial blockquote { font-size: clamp(1.76rem, 2.1vw, 2.56rem); line-height: 1.16; padding: unset; border: none; } .testimonial blockquote + .accreditation { margin-top: 2rem; } .testimonial .accreditation { font-size: 1.68rem; font-weight: 500; letter-spacing: 0.3ex; color: #00a19a; text-transform: uppercase; } .testimonial .accreditation .company .divider { margin: 0 0.67ex 0 1ex; } section.parallax-bg { background-size: 110% auto; background-position: center; } @media only screen and (max-width: 37.5em) { section.parallax-bg { background-size: auto 110%; } } section.parallax-bg.bg-large { background-size: 135% auto; } @media only screen and (max-width: 37.5em) { section.parallax-bg.bg-large { background-size: auto 135%; } } .responsive-video { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .responsive-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .left-arrow .arrow { fill: none; stroke: #000; stroke-miterlimit: 10; } .html-panel { min-height: 0; } .award { display: flex; align-items: center; justify-content: flex-start; gap: 4rem; padding: 4rem; margin: 0 auto; width: fit-content; } .award img { width: 25%; max-width: 106px; } .award p { display: none; } .award > div p, .award > div p.rating { display: block; text-align: left !important; margin-bottom: 0; } .wp-mem-container .container .row > div, .section-wp-members .container .row > div { margin: 0 auto; } .wp-mem-container .container .row .content > div, .section-wp-members .container .row .content > div { margin: 0 auto; } .wp-mem-container .container .row .content > div p, .section-wp-members .container .row .content > div p { text-align: center; } .wp-members-login-form-container > * { margin: 0 auto; } .wp-members-login-form-container .button_div { display: flex; justify-content: flex-end; align-items: center; } /* bg-default : Default x bg-white : White x bg-black : Black x bg-dark-green : Dark Green x bg-green : Green x bg-light-green : Light Green x bg-light-grey : Lighter Green/Grey x bg-dark-gradient : Dark Green Gradient x bg-light-gradient : Light Green Gradient x */ .bg-default + .bg-default { padding-top: var(--paddingTop, 0); } .bg-white, .bg-light { background: #fff; color: #1d1d1b; border-color: #1d1d1b; --gf-ctrl-label-color-req: $text-color; } .bg-white + .bg-white, .bg-white + .bg-light, .bg-light + .bg-white, .bg-light + .bg-light { padding-top: var(--paddingTop, 0); } .bg-off-black, .bg-black { background: #000; color: #fff; } .bg-off-black + .bg-black, .bg-off-black + .bg-off-black, .bg-black + .bg-black, .bg-black + .bg-off-black { padding-top: var(--paddingTop, 0); } .bg-off-black h1, .bg-off-black h2, .bg-off-black h3, .bg-off-black h4, .bg-off-black h5, .bg-off-black h6, .bg-off-black p, .bg-off-black li, .bg-off-black td, .bg-black h1, .bg-black h2, .bg-black h3, .bg-black h4, .bg-black h5, .bg-black h6, .bg-black p, .bg-black li, .bg-black td { color: #fff; } .bg-very-light-grey, .bg-light-grey { background: #edf7f6; color: #000; --gf-ctrl-label-color-req: #000; } .bg-very-light-grey + .bg-very-light-grey, .bg-very-light-grey + .bg-light-grey, .bg-light-grey + .bg-very-light-grey, .bg-light-grey + .bg-light-grey { padding-top: var(--paddingTop, 0); } .bg-grey { background: #a0a0a0; color: #000; --gf-ctrl-label-color-req: #000; } .bg-grey + .bg-grey { padding-top: var(--paddingTop, 0); } .bg-dark-green, .bg-dark { background: #002a26; color: #fff; --gf-ctrl-label-color-req: $color-white; } .bg-dark-green + .bg-dark-green, .bg-dark-green + .bg-dark, .bg-dark + .bg-dark-green, .bg-dark + .bg-dark { padding-top: var(--paddingTop, 0); } .bg-dark-green h1, .bg-dark-green h2, .bg-dark-green h3, .bg-dark-green h4, .bg-dark-green h5, .bg-dark-green h6, .bg-dark-green .h, .bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5, .bg-dark h6, .bg-dark .h { color: #fff; } .bg-dark-green p, .bg-dark-green li, .bg-dark-green td, .bg-dark-green blockquote, .bg-dark-green span, .bg-dark-green, .bg-dark p, .bg-dark li, .bg-dark td, .bg-dark blockquote, .bg-dark span, .bg-dark { color: #fff; } .bg-dark-green p a:not(.btn):link, .bg-dark-green p a:not(.btn):visited, .bg-dark-green li a:not(.btn):link, .bg-dark-green li a:not(.btn):visited, .bg-dark-green td a:not(.btn):link, .bg-dark-green td a:not(.btn):visited, .bg-dark-green blockquote a:not(.btn):link, .bg-dark-green blockquote a:not(.btn):visited, .bg-dark-green span a:not(.btn):link, .bg-dark-green span a:not(.btn):visited, .bg-dark-green a:not(.btn):link, .bg-dark-green a:not(.btn):visited, .bg-dark p a:not(.btn):link, .bg-dark p a:not(.btn):visited, .bg-dark li a:not(.btn):link, .bg-dark li a:not(.btn):visited, .bg-dark td a:not(.btn):link, .bg-dark td a:not(.btn):visited, .bg-dark blockquote a:not(.btn):link, .bg-dark blockquote a:not(.btn):visited, .bg-dark span a:not(.btn):link, .bg-dark span a:not(.btn):visited, .bg-dark a:not(.btn):link, .bg-dark a:not(.btn):visited { color: #fff; } .bg-dark-green p a:not(.btn):hover, .bg-dark-green li a:not(.btn):hover, .bg-dark-green td a:not(.btn):hover, .bg-dark-green blockquote a:not(.btn):hover, .bg-dark-green span a:not(.btn):hover, .bg-dark-green a:not(.btn):hover, .bg-dark p a:not(.btn):hover, .bg-dark li a:not(.btn):hover, .bg-dark td a:not(.btn):hover, .bg-dark blockquote a:not(.btn):hover, .bg-dark span a:not(.btn):hover, .bg-dark a:not(.btn):hover { color: #81c0bb; } .bg-pink { background: #e3c9de; color: #002a26; border-color: #e3c9de; --gf-ctrl-label-color-req: $color-black; } .bg-pink + .bg-pink { padding-top: var(--paddingTop, 0); } .bg-pink h1, .bg-pink h2, .bg-pink h3, .bg-pink h4, .bg-pink h5, .bg-pink h6, .bg-pink .h { color: #002a26; } .bg-pink p, .bg-pink li, .bg-pink td, .bg-pink blockquote, .bg-pink span, .bg-pink { color: #002a26; } .bg-green { background: #00a19a; color: #fff; border-color: #002a26; --gf-ctrl-label-color-req: $color-black; } .bg-green + .bg-green { padding-top: var(--paddingTop, 0); } .bg-green h1, .bg-green h2, .bg-green h3, .bg-green h4, .bg-green h5, .bg-green h6, .bg-green .h { color: #fff; } .bg-green p, .bg-green li, .bg-green td, .bg-green blockquote, .bg-green span, .bg-green { color: #fff; } .bg-light-green { background: #81c0bb; color: #000; border-color: #00a19a; --gf-ctrl-label-color-req: $color-black; } .bg-light-green + .bg-green { padding-top: var(--paddingTop, 0); } .bg-light-green h1, .bg-light-green h2, .bg-light-green h3, .bg-light-green h4, .bg-light-green h5, .bg-light-green h6, .bg-light-green .h { color: #000; } .bg-light-green p, .bg-light-green li, .bg-light-green td, .bg-light-green blockquote, .bg-light-green span, .bg-light-green { color: #000; } .bg-dark-gradient { background: #007b75; background: linear-gradient(90deg, #00a19a 0%, #007b75 71%); color: #fff; border-color: #00a19a; --gf-ctrl-label-color-req: $color-white; } .bg-dark-gradient + .bg-green { padding-top: var(--paddingTop, 0); } .bg-dark-gradient h1, .bg-dark-gradient h2, .bg-dark-gradient h3, .bg-dark-gradient h4, .bg-dark-gradient h5, .bg-dark-gradient h6, .bg-dark-gradient .h { color: #fff; } .bg-dark-gradient p, .bg-dark-gradient li, .bg-dark-gradient td, .bg-dark-gradient blockquote, .bg-dark-gradient span, .bg-dark-gradient { color: #fff; } .bg-dark-gradient.rev { background: linear-gradient(-90deg, #00a19a 0%, #007b75 71%); } .bg-light-gradient { background: #cceceb; background: linear-gradient(96deg, #cceceb 0%, #81c0bb 96%); color: #000; border-color: #00a19a; --gf-ctrl-label-color-req: $color-black; } .bg-light-gradient + .bg-green { padding-top: var(--paddingTop, 0); } .bg-light-gradient h1, .bg-light-gradient h2, .bg-light-gradient h3, .bg-light-gradient h4, .bg-light-gradient h5, .bg-light-gradient h6, .bg-light-gradient .h { color: #000; } .bg-light-gradient p, .bg-light-gradient li, .bg-light-gradient td, .bg-light-gradient blockquote, .bg-light-gradient span, .bg-light-gradient { color: #000; } .bg-light-gradient p a:not(.btn):link, .bg-light-gradient p a:not(.btn):visited, .bg-light-gradient li a:not(.btn):link, .bg-light-gradient li a:not(.btn):visited, .bg-light-gradient td a:not(.btn):link, .bg-light-gradient td a:not(.btn):visited, .bg-light-gradient blockquote a:not(.btn):link, .bg-light-gradient blockquote a:not(.btn):visited, .bg-light-gradient span a:not(.btn):link, .bg-light-gradient span a:not(.btn):visited, .bg-light-gradient a:not(.btn):link, .bg-light-gradient a:not(.btn):visited { color: #002a26; text-decoration-color: #00a19a; } .bg-light-gradient p a:not(.btn):hover, .bg-light-gradient li a:not(.btn):hover, .bg-light-gradient td a:not(.btn):hover, .bg-light-gradient blockquote a:not(.btn):hover, .bg-light-gradient span a:not(.btn):hover, .bg-light-gradient a:not(.btn):hover { color: #000; } .bg-light-gradient.rev { background: linear-gradient(-96deg, #cceceb 0%, #81c0bb 96%); } .bg-ornament { position: relative; } .bg-ornament::before, .bg-ornament::after { pointer-events: none; content: ""; position: absolute; background-image: url(images/starfield-left.svg); background-repeat: no-repeat; background-position: right top; background-size: 180%; display: block; width: 30%; height: 100%; top: 0; left: 0; opacity: 0.9; z-index: 0; } .bg-ornament::after { background-image: url(images/starfield-right.svg); background-position: left top; right: 0; left: unset; } /* default : Default text-black : Black x text-white : White x text-dark-green : Dark Green x text-green : Green x text-light-green : Light Green x text-grey : Grey x text-red : Red (alert) x text-highlight : Highlight x */ .center, .text-center, .text-centre, .center-text, .centre-text { text-align: center; } .right, .text-right, .right-text { text-align: right; } white, black, grey, green, dark-green, dark-blue, blue, min-blue, light-blue, aqua { display: inline; } purple, .purple, dark-green, .dark-green, .text-dark-green, .text-purple { color: #002a26 !important; } pink, .pink, .text-pink { color: #e3c9de !important; } green, .green, .text-green { color: #00a19a !important; } light-green, .light-green, .text-light-green { color: #00a19a !important; } .color-white, .color-light, .text-white, .text-light, .white, white { color: #fff !important; } .color-dark, .text-dark, .text-black, .black, black { color: #000 !important; } .color-grey, .text-grey, .grey, grey { color: #a0a0a0 !important; } .color-red, .text-red, .red, red { color: #CC2647 !important; } .text-highlight, text-highlight, .highlight, highlight { background-color: #007b75; color: #fff; } .uppercase, .uppercase *, uppercase, uppercase *, .caps, .caps *, caps, caps * { text-transform: uppercase; line-height: 1.1; } h1.page-title, h2.page-title, h3.page-title { width: 100%; } section.text-align-center .container .row, section.text-align-center .container .row * { text-align: center; } section.text-align-center .container .row p, section.text-align-center .container .row h2, section.text-align-center .container .row h3, section.text-align-center .container .row h4, section.text-align-center .container .row h5 { text-wrap: balance !important; } section.text-align-left .container .row, section.text-align-left .container .row * { text-align: left; } section.text-align-right .container .row, section.text-align-right .container .row * { text-align: right; } .section-padding { padding-top: var(--paddingTop, 9rem) !important; padding-bottom: var(--paddingBottom, 9rem) !important; } /* ul.accrescent-bullet { padding:0; margin:0; li { line-height: 1.4; border-top: 1px solid $color-black; list-style: none; padding: $grid-gap*.5 0; padding-left: $grid-gap; background-image: url(images/bullet.svg); background-size: 2.4rem; background-position: left $grid-gap*.6; background-repeat: no-repeat; .bg-dark-green &, .bg-black &, .bg-off-black &, .bg-purple & { border-top-color: $color-white; &:last-child { border-bottom: 1px solid $color-white; } } &:last-child { border-bottom: 1px solid $color-black; } // &::marker { // content: url(images/bullet.svg); // } // &::before { // content: ""; // display: block; // width: 2.4rem; // height: 100%; // background-image: url(images/bullet.svg); // background-size: contain; // background-position: top; // float: left; // margin-right: $grid-gap * 0.5; // } } } */ section.full-height { min-height: calc(100dvh - var(--headerHeight, 100px)) !important; padding-top: 0 !important; padding-bottom: 0 !important; display: flex; align-items: center; justify-content: center; } .title-section { display: flex; align-items: flex-start; } .title-section .container { width: 100%; } #how-do-we-operate { max-width: calc(100vw - 4rem); } #how-do-we-operate .hdwo-1 { fill: none; } #how-do-we-operate .hdwo-2 { fill: #fff; } #how-do-we-operate .hdwo-4 { stroke-width: 28; stroke-dasharray: 1000; stroke-dashoffset: 1000; fill: transparent; fill-rule: evenodd; stroke: #000ca0; } .icon-and-text-columns .container .row { display: flex; justify-content: space-evenly; align-items: flex-start; gap: 4rem; } @media only screen and (max-width: 51.25em) { .icon-and-text-columns .container .row { flex-wrap: wrap; } } .icon-and-text-columns .container .row.titles { text-align: center; display: block; margin-bottom: 4rem; } .icon-and-text-columns .container .row .icon-and-text-column { text-align: center; flex-basis: var(--colWidth, 30%); } @media only screen and (max-width: 51.25em) { .icon-and-text-columns .container .row .icon-and-text-column { flex-basis: calc(49.9% - 4rem); } } @media only screen and (max-width: 37.5em) { .icon-and-text-columns .container .row .icon-and-text-column { flex-basis: 100%; } } .icon-and-text-columns .container .row .icon-and-text-column .icon { height: 9rem; margin-bottom: 2rem; } .icon-and-text-columns .container .row .icon-and-text-column .title { font-weight: 300; font-family: "Inter", Helvetica, Arial, sans-serif; font-size: 2.16rem; text-wrap: balance; margin-bottom: 1rem; } .icon-and-text-columns .container .row .icon-and-text-column .text { text-wrap: balance; font-size: 1.44rem; } .icon-and-text-columns-ACCRESCENT .container .row { display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 4rem; } @media only screen and (max-width: 51.25em) { .icon-and-text-columns-ACCRESCENT .container .row { flex-wrap: wrap; } } @media only screen and (max-width: 37.5em) { .icon-and-text-columns-ACCRESCENT .container .row { flex-direction: column; } } .icon-and-text-columns-ACCRESCENT .container .row::after { display: none; } .icon-and-text-columns-ACCRESCENT .container .row.titles { display: block; margin: 0; float: left; width: 20%; position: sticky; top: var(--headerHeight); margin-right: 8rem; } .icon-and-text-columns-ACCRESCENT .container .row .icon-and-text-column { flex-basis: calc(50% - 4rem); flex-grow: 1; padding: 3rem; background-color: #fff; position: relative; overflow: visible; } .icon-and-text-columns-ACCRESCENT .container .row .icon-and-text-column::before { content: ""; position: absolute; top: 0; left: -20px; width: 22px; height: 32px; background-image: url(images/box-tag.svg); background-size: cover; background-position: top left; } @media only screen and (max-width: 1440px) { .icon-and-text-columns-ACCRESCENT .container .row .icon-and-text-column { min-width: 24rem; } } @media only screen and (max-width: 64em) { .icon-and-text-columns-ACCRESCENT .container .row .icon-and-text-column { min-width: 23rem; } } @media only screen and (max-width: 57em) { .icon-and-text-columns-ACCRESCENT .container .row .icon-and-text-column { min-width: calc(50% - 4rem); } } @media only screen and (max-width: 37.5em) { .icon-and-text-columns-ACCRESCENT .container .row .icon-and-text-column { min-width: 51%; } } .icon-and-text-columns-ACCRESCENT .container .row .icon-and-text-column .icon { height: 5rem; width: auto; display: block; margin: 0 auto 2rem 0; } .icon-and-text-columns-ACCRESCENT.iconSize2 .container { padding-top: 2rem; } .icon-and-text-columns-ACCRESCENT.iconSize2 .container .row .icon-and-text-column .icon { height: 16rem; } .icon-and-text-columns-ACCRESCENT.iconSize2 .container .row .icon-and-text-column:last-child .title, .icon-and-text-columns-ACCRESCENT.iconSize2 .container .row .icon-and-text-column:last-child .text { border-right: none; } .icon-and-text-columns-ACCRESCENT.tick-list .container .row .icon-and-text-column .tick-list-container .tick-list-item { list-style-image: url(images/icon-tick-simple-green.svg); list-style-position: inside; } .icon-and-text-columns-ACCRESCENT.bg-green .container .row .icon-and-text-column { background-color: #002a26; } .icon-and-text-columns-ACCRESCENT.bg-green .container .row .icon-and-text-column, .icon-and-text-columns-ACCRESCENT.bg-green .container .row .icon-and-text-column .title { color: #fff; } .icon-and-text-columns-ACCRESCENT.bg-dark-green .container .row .icon-and-text-column { background-color: #fff; } .icon-and-text-columns-ACCRESCENT.bg-dark-green .container .row .icon-and-text-column, .icon-and-text-columns-ACCRESCENT.bg-dark-green .container .row .icon-and-text-column .title { color: #1d1d1b; } .button-boxes { display: flex; align-items: center; height: auto; min-height: unset; } .button-boxes .container .row.titles { margin-bottom: 4rem; } .button-boxes .container .row.boxes .columns { display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 4rem; row-gap: 8rem; } @media only screen and (max-width: 37.5em) { .button-boxes .container .row.boxes .columns { display: block; } } .button-boxes .container .row.boxes .columns .button-box { padding: 0; flex-basis: calc(25% - 4rem); flex-basis: 29.75rem; text-decoration: none; transition: transform 0.25s cubic-bezier(0.2, 0.4, 0.4, 1.6); position: relative; border-top-right-radius: 3rem; overflow: hidden; } @media only screen and (max-width: 37.5em) { .button-boxes .container .row.boxes .columns .button-box { display: block; margin-bottom: 4rem; } } .button-boxes .container .row.boxes .columns .button-box__inner { height: 100%; display: flex; flex-direction: column; align-items: flex-start; padding-bottom: 0.5rem; background-color: #fff; border: 1px solid rgba(199, 217, 151, 0.25); color: #000; } .button-boxes .container .row.boxes .columns .button-box .box-image { position: relative; width: 100%; aspect-ratio: 131/105; margin-bottom: 0; transition: transform 0.5s ease-in-out; transform-origin: center bottom; } .button-boxes .container .row.boxes .columns .button-box .box-image img { width: 100%; height: 100%; object-fit: cover; } .button-boxes .container .row.boxes .columns .button-box .box-title { color: #81c0bb; text-align: left; line-height: 1.2; margin: 2rem; width: 100%; } .button-boxes .container .row.boxes .columns .button-box .box-title + .box-text, .button-boxes .container .row.boxes .columns .button-box .box-title + .box-button { margin-top: 0; } .button-boxes .container .row.boxes .columns .button-box .box-text { text-align: left; line-height: 1.2; margin: 2rem; } .button-boxes .container .row.boxes .columns .button-box .box-button { margin: 2rem; margin-top: auto; position: inherit; } .button-boxes .container .row.boxes .columns .button-box .box-button.btn:hover { transform: none; box-shadow: none; } .button-boxes .container .row.boxes .columns .button-box .box-button::after { content: ""; position: absolute; inset: 0; z-index: 10; } .button-boxes .container .row.boxes .columns .button-box:hover .box-image { transform: scale3d(1.1, 1.1, 1); } .button-boxes .container .row.boxes .columns.noBoxes-1 { justify-content: flex-start; } .button-boxes .container .row.boxes .columns.noBoxes-1 .button-box { flex-basis: 50%; } @media only screen and (max-width: 37.5em) { .button-boxes .container .row.boxes .columns.noBoxes-1 .button-box { flex-grow: 1; } } .button-boxes .container .row.boxes .columns.noBoxes-2 .button-box, .button-boxes .container .row.boxes .columns.noBoxes-3 .button-box { flex-grow: 1; flex-wrap: nowrap; } .button-boxes .container .row.boxes .columns.box-layout-cols-3 .button-box { flex-basis: calc(33% - 4rem); } .button-boxes .container .row.boxes .columns.box-layout-cols-mixed .button-box { flex-grow: 1; } .button-boxes .container .row.boxes .columns.box-layout-cols-mixed .button-box:nth-child(13n-5), .button-boxes .container .row.boxes .columns.box-layout-cols-mixed .button-box:nth-child(13n-4), .button-boxes .container .row.boxes .columns.box-layout-cols-mixed .button-box:nth-child(13n-3) { flex-basis: calc(33% - 4rem); } .button-boxes.bg-default .container .row.boxes .columns .button-box, .button-boxes.bg-white .container .row.boxes .columns .button-box { background-color: #F5F4F1; } .text-slide { min-height: 0; /* &.has-animation:not(.style-animate) { // stalis animation needs overflow:visible .container { .row { &.text-slide__content { // overflow: hidden; } } } } */ /* &.bg-white .container .text-slide__content.bg-white, &.bg-dark-green .container .text-slide__content.bg-dark-green, &.bg-green .container .text-slide__content.bg-green, &.bg-black .container .text-slide__content.bg-black, &.bg-grey .container .text-slide__content.bg-grey { .col { &.copy { .copy__text { padding: 0 !important; } } .gallery.image-count-1 { img { aspect-ratio: unset; width: 100%; height: auto; } } } } */ } .text-slide .container .row { display: flex; justify-content: space-between; align-items: center; gap: 8rem; } .text-slide .container .row.titles { display: block; } @media only screen and (max-width: 48em) { .text-slide .container .row.text-slide__content { padding-left: 0; padding-right: 0; gap: 4rem; } } .text-slide .container .row .column, .text-slide .container .row .col { flex-basis: 50%; min-height: 0; min-width: 0; max-width: calc(100vw - 60px); } @media only screen and (max-width: 48em) { .text-slide .container .row .column, .text-slide .container .row .col { max-width: 100%; width: 100%; } } .text-slide .container .row .column.copy .copy__text, .text-slide .container .row .col.copy .copy__text { padding: 0; padding-bottom: 0; } @media only screen and (max-width: 1440px) { .text-slide .container .row .column.copy .copy__text, .text-slide .container .row .col.copy .copy__text { padding: 4rem; } } @media only screen and (max-width: 37.5em) { .text-slide .container .row .column.copy .copy__text, .text-slide .container .row .col.copy .copy__text { padding: 0; } } .text-slide .container .row .column.copy .copy__text h2, .text-slide .container .row .col.copy .copy__text h2 { font-size: 2.8rem; } @media only screen and (max-width: 51.25em) { .text-slide .container .row .column.copy .copy__text h2, .text-slide .container .row .col.copy .copy__text h2 { font-size: clamp(2.16rem, 10vw, 1.8rem); } } .text-slide .container .row .column.copy .copy__button, .text-slide .container .row .col.copy .copy__button { margin-top: 4rem; } @media only screen and (max-width: 48em) { .text-slide .container .row .column.copy .copy__button, .text-slide .container .row .col.copy .copy__button { margin-top: 0; } } .text-slide .container .row .column .gallery, .text-slide .container .row .col .gallery { width: 100%; } .text-slide .container .row .column .gallery .slide-arrows, .text-slide .container .row .col .gallery .slide-arrows { top: calc(50% - 15px); width: 30px; height: 30px; } .text-slide .container .row .column .gallery .slide-arrows.prev, .text-slide .container .row .col .gallery .slide-arrows.prev { left: -40px; } .text-slide .container .row .column .gallery .slide-arrows.next, .text-slide .container .row .col .gallery .slide-arrows.next { right: -40px; } .text-slide .container .row .column .gallery__img, .text-slide .container .row .col .gallery__img { max-width: 100%; height: auto; display: block; margin: 0; padding: 0; } @media only screen and (max-width: 48em) { .text-slide .container .row .column .gallery__img, .text-slide .container .row .col .gallery__img { width: 100%; max-width: calc(100vw - 4rem); max-height: 100vw; } } .text-slide .container .row .column .gallery.single, .text-slide .container .row .col .gallery.single { overflow: hidden; } .text-slide .container .row .column .gallery.image-count-1, .text-slide .container .row .col .gallery.image-count-1 { position: relative; } .text-slide .container .row .column .gallery.image-count-1 img, .text-slide .container .row .col .gallery.image-count-1 img { object-fit: cover; width: 100%; height: auto; } .text-slide .container .row .column .gallery.carousel .gallery__img, .text-slide .container .row .col .gallery.carousel .gallery__img { display: block; object-fit: cover; width: 100%; height: auto; } .text-slide .container .row-buttons { flex-direction: row; justify-content: center; margin-top: 8rem; } .text-slide .container .row-buttons .buttons { display: flex; justify-content: center; gap: 8rem; } @media only screen and (max-width: 37.5em) { .text-slide .container .row-buttons .buttons { gap: 4rem; flex-wrap: wrap; } } .text-slide .container .row-buttons .buttons .button-wrapper { flex-basis: 50%; text-align: center; } @media only screen and (max-width: 37.5em) { .text-slide .container .row-buttons .buttons .button-wrapper { flex-basis: unset; } } .text-slide .container .row-buttons .buttons .button-wrapper .btn { margin: 0; margin-left: auto; margin-right: auto; display: block; width: fit-content; } .text-slide .container .row-buttons .buttons .button-wrapper:first-child .btn { margin-right: 0; } .text-slide .container .row-buttons .buttons .button-wrapper:last-child .btn { margin-left: 0; } .text-slide.dt-left .container .row { flex-direction: row-reverse; } @media only screen and (min-width: 48em) { .text-slide.dt-left .container .row .col .copy__text, .text-slide.dt-left .container .row .col .copy__button { padding-left: 0; } } @media only screen and (min-width: 48em) { .text-slide.dt-right .container .row .col .copy__text, .text-slide.dt-right .container .row .col .copy__button { padding-right: 0; } } @media only screen and (max-width: 48em) { .text-slide.mb-top .container .row { flex-direction: column-reverse; } } @media only screen and (max-width: 48em) { .text-slide.bottom .container .row { flex-direction: column; } } .text-slide.type-square .container .row { display: flex; align-items: stretch; justify-content: space-between; } @media only screen and (max-width: 1440px) { .text-slide.type-square .container .row { padding-right: 0; } } @media only screen and (max-width: 37.5em) { .text-slide.type-square .container .row { gap: 0; } } .text-slide.type-square .container .row .col.copy { max-width: 100%; flex-basis: 75%; padding: 4rem 0 4rem 8rem; } @media only screen and (max-width: 1440px) { .text-slide.type-square .container .row .col.copy { padding: 0; } } .text-slide.type-square .container .row .col.copy .copy__text { display: flex; flex-direction: column; justify-content: center; height: 100%; } @media only screen and (max-width: 37.5em) { .text-slide.type-square .container .row .col.copy .copy__text { padding: 3rem; } } .text-slide.type-square .container .row .col.col-default { overflow: hidden; flex-basis: 25%; } .text-slide.type-square .container .row .col.col-default .gallery.single { height: 100%; } .text-slide.type-square .container .row .col.col-default .gallery.single .square__img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .text-slide.type-video .container .row .col-video .gallery { position: relative; aspect-ratio: 16/9; } .text-slide.type-video .container .row .col-video .gallery::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #1d1d1b; background-size: 80%; background-position: center; background-repeat: no-repeat; opacity: 0.35; pointer-events: none; } .text-slide.type-video .container .row .col-video .gallery .video-poster { width: 100%; aspect-ratio: 16/9; object-fit: cover; } .text-slide.type-video .container .row .col-video .gallery .video-play-button { display: block; position: absolute; width: 20%; height: auto; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); pointer-events: none; } .text-slide.type-video .container .row .col-video .gallery .video-play-button__icon { width: 100%; height: auto; fill: #00a19a; transition: all 0.5s ease-in-out; } .text-slide.type-video .container .row .col-video .gallery .pop-up-container { place-items: center; } .text-slide.type-video .container .row .col-video .gallery .pop-up-container[open] { display: grid; } .text-slide.type-video .container .row .col-video .gallery .responsive-video { width: clamp(300px, 80dvw, 1440px); } .text-slide.type-video .container .row .col-video .gallery:hover .video-play-button__icon { fill: #fff; } .text-slide.smaller-title-font .container .row .column.copy .copy__text h2, .text-slide.smaller-title-font .container .row .col.copy .copy__text h2 { font-size: 2.4rem; } .full-width-image-section { min-height: 0; } @media only screen and (max-width: 51.25em) { .full-width-image-section .container .row { padding-left: 0; padding-right: 0; } } .full-width-image-section .container .row.titles { margin-bottom: 4rem; } .full-width-image-section .container .row .column { width: 100%; position: relative; } .full-width-image-section .container .row .column .image { width: 100%; height: auto; display: block; margin: 0; padding: 0; object-fit: cover; } @media only screen and (max-width: 51.25em) { .full-width-image-section .container .row .column .image-mobile + .image-desktop { display: none; } } .full-width-image-section .container .row .column .content__overlay { position: absolute; top: 50%; transform: translateY(-50%); left: 8rem; } @media only screen and (max-width: 51.25em) { .full-width-image-section .container .row .column .content__overlay { position: static; margin-top: 4rem; transform: none; padding-left: 1.5rem; padding-right: 1.5rem; } } .full-width-image-section .container .row .column .content__overlay .title { text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.75); } .full-width-image-section .container .row .column .content__overlay .buttons { margin-top: 4rem; } .full-width-image-section .container .row.buttons { margin-top: 4rem; } .full-width-image-section .container .row.buttons .buttons { text-align: center; } .buttons-section { min-height: 0; } @media only screen and (max-width: 51.25em) { .buttons-section .container .row.titles .title { text-align: center; } } .buttons-section .container .row .buttons { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4rem; flex-wrap: wrap; } .buttons-section.align-left .container .row .buttons, .buttons-section.flex-left .container .row .buttons { justify-content: flex-start; } .buttons-section.align-right .container .row .buttons, .buttons-section.flex-right .container .row .buttons { justify-content: flex-end; } .testimonials-section { min-height: 0; } .testimonials-section .container .row.titles { margin-bottom: 4rem; } .testimonials-section .container .row .testimonials { width: calc(100% - 160px); margin: 0 auto; min-width: 0; min-height: 0; display: flex; padding-top: 4rem; padding-bottom: 4rem; } @media only screen and (max-width: 48em) { .testimonials-section .container .row .testimonials { width: 90%; } } .testimonials-section .container .row .testimonials.bg-black { border-bottom: 2px solid #00a19a; } .testimonials-section .container .row .testimonials .slide-arrows.prev { left: -80px; } @media only screen and (max-width: 48em) { .testimonials-section .container .row .testimonials .slide-arrows.prev { left: -24px; top: 7vw; } } .testimonials-section .container .row .testimonials .slide-arrows.next { right: -80px; } @media only screen and (max-width: 48em) { .testimonials-section .container .row .testimonials .slide-arrows.next { right: -24px; top: 7vw; } } .testimonials-section .container .row .testimonials .testimonial { padding: 0 clamp(5rem, 10.5vw, 20rem); } @media only screen and (max-width: 51.25em) { .testimonials-section .container .row .testimonials .testimonial { padding-left: 4rem; padding-right: 4rem; } } @media only screen and (max-width: 27em) { .testimonials-section .container .row .testimonials .testimonial { padding-left: 0; padding-right: 0; } } .testimonials-section .container .row .testimonials .testimonial::before { content: ""; display: block; background-image: url(images/quotes.svg); background-size: contain; background-repeat: no-repeat; background-position: left center; margin-bottom: 2rem; width: 9.7rem; height: 4.3rem; } @media only screen and (max-width: 48em) { .testimonials-section .container .row .testimonials .testimonial::before { margin: 0 auto 4rem; } } .testimonials-section .container .row .testimonials .testimonial blockquote { width: 100%; padding-left: 0; border: none; font-weight: 300; font-size: clamp(1.76rem, 2.1vw, 2.56rem); line-height: 1.16; margin-top: 0; margin-bottom: 0; } @media only screen and (max-width: 48em) { .testimonials-section .container .row .testimonials .testimonial blockquote { text-align: center; } } .testimonials-section .container .row .testimonials .testimonial .accreditation { width: 100%; } @media only screen and (max-width: 48em) { .testimonials-section .container .row .testimonials .testimonial .accreditation { text-align: center; } } .testimonials-section.extra-narrow-col .container .row .testimonials, .testimonials-section.narrow-col .container .row .testimonials { width: calc(100% - 8rem); max-width: calc(100vw - 8rem); } .testimonials-section.extra-narrow-col .container .row .testimonials .testimonial, .testimonials-section.narrow-col .container .row .testimonials .testimonial { padding-left: 4rem; padding-right: 4rem; } .testimonials-section.wide-width .container .row .testimonials, .testimonials-section.full-width .container .row .testimonials { width: calc(100% - 160px); max-width: calc(144rem - 160px); } @media only screen and (max-width: 48em) { .testimonials-section.wide-width .container .row .testimonials, .testimonials-section.full-width .container .row .testimonials { width: calc(100% - 50px); max-width: calc(100% - 50px); } } .local-video { min-height: 0; } .local-video .container .row.titles { margin-bottom: 4rem; } .local-video .container .row .video { width: 100%; } .local-video .container .row .video__content { width: 100%; height: auto; } .text-panel { min-height: 0; } @media only screen and (max-width: 1440px) { .text-panel .container { max-width: 90vw; margin-left: auto; margin-right: auto; } } .text-panel .container .row.titles { margin-bottom: 4rem; } .text-panel .container .row.titles .title.h3 { font-size: 2.8rem; } @media only screen and (max-width: 51.25em) { .text-panel .container .row.titles .title.h3 { font-size: clamp(2.16rem, 10vw, 1.8rem); } } .text-panel .container .row.titles .title.h4 { font-size: 2.4rem; } @media only screen and (max-width: 48em) { .text-panel .container .row.titles .title.h4 { font-size: clamp(2.16rem, 8.4vw, 2.4rem); } } .text-panel .container .row .content__text iframe { max-width: calc(100vw - 4rem); } @media only screen and (max-width: 37.5em) { .text-panel .container .row .content__text iframe { max-height: calc(56.25vw - 2.25rem); } } .text-panel .container .row .content__text p { text-wrap: auto; } .text-panel .container .row .content__link { margin-top: 4rem; display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; gap: 4rem; } .text-panel.bg-black .container .row .content .content__text h2, .text-panel.bg-black .container .row .content .content__text h3, .text-panel.bg-black .container .row .content .content__text h4, .text-panel.bg-black .container .row .content .content__text h5 { color: #fff; } .text-panel.layout-side-by-side { overflow-x: clip; } @media only screen and (max-width: 1440px) { .text-panel.layout-side-by-side .container { max-width: 100dvw; } } @media only screen and (max-width: 51.25em) { .text-panel.layout-side-by-side .container { gap: clamp(2rem, 5vw, 8rem); max-width: 90dvw; } } @media only screen and (max-width: 48em) { .text-panel.layout-side-by-side .container .row { padding-left: 0; padding-right: 0; } } .text-panel.layout-side-by-side .container .row.titles { display: block; margin: 0; float: left; width: 20%; min-width: min-content; position: sticky; top: var(--headerHeight); margin-right: 8rem; margin-bottom: 8rem; } .text-panel.layout-side-by-side .container .row.titles .title { line-height: 1; } @media only screen and (max-width: 1440px) { .text-panel.layout-side-by-side .container .row.titles .title, .text-panel.layout-side-by-side .container .row.titles .title.h3 { font-size: clamp(2.4rem, 4vw, 3.6rem); } } @media only screen and (max-width: 37.5em) { .text-panel.layout-side-by-side .container .row.titles .title, .text-panel.layout-side-by-side .container .row.titles .title.h3 { font-size: clamp(2.16rem, 4vw, 3.6rem); font-weight: 500; } } .text-panel.layout-side-by-side .container .row.titles .title.title-large { font-size: 3.6rem; font-size: 8.7rem; } @media only screen and (max-width: 1440px) { .text-panel.layout-side-by-side .container .row.titles .title.title-large { font-size: clamp(2.8rem, 5.2vw, 3.6rem); } } .text-panel.layout-side-by-side .container .row.text-row { margin-left: calc(20% + 8rem); } @media only screen and (max-width: 27em) { .text-panel.layout-side-by-side .container .row.text-row .content p { font-size: 1.66rem; } } @media only screen and (max-width: 27em) { .text-panel.layout-side-by-side .container .row.text-row .content p.intro { font-size: 1.96rem; } } .text-panel.smaller-title-font.layout-side-by-side .container .row.titles .title { font-size: 2.8rem; } .text-panel.layout-two-col .container .row .content__text { columns: 2; column-gap: 8rem; } @media only screen and (max-width: 37.5em) { .text-panel.layout-two-col .container .row .content__text { columns: 1; column-gap: unset; } } .text-panel.layout-two-col .container .row .content__text li, .text-panel.layout-two-col .container .row .content__text p { break-inside: avoid-column; } .text-panel.layout-two-col .container .row .content__text .float-img { float: right; width: 100%; margin-bottom: 4rem; } .text-panel.layout-two-col .container .row .content__text .no-float-img { float: none; width: 100%; margin-bottom: 4rem; } .text-panel.text-align-center .container .row .content__link { justify-content: center; } .grid-layout { min-height: 0; } .grid-layout .container .row.titles { margin-bottom: 4rem; } @media only screen and (max-width: 51.25em) { .grid-layout .container .row.row-grid { padding-left: 0; padding-right: 0; } } .grid-layout .grid { display: grid; padding: 10px; gap: var(--gridGap, 10px); grid-template-columns: repeat(12, 1fr); grid-auto-rows: minmax(5vh, var(--rowHeight, auto)); grid-auto-flow: dense; } @media only screen and (max-width: 51.25em) { .grid-layout .grid { padding: 0; } } .grid-layout .grid .grid-block { padding: clamp(10px, var(--gridGap, 10px) * 2, 3rem); grid-column: span 4; grid-row: span 1; position: relative; overflow: visible; } @media only screen and (max-width: 51.25em) { .grid-layout .grid .grid-block { padding: 1.5rem; } } .grid-layout .grid .grid-block.default { background-color: rgba(245, 244, 241, 0.5); border: 1px solid rgba(160, 160, 160, 0.25); } .grid-layout .grid .grid-block.has-image { background-color: transparent; } .grid-layout .grid .grid-block .image { position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center; top: 0; left: 0; z-index: -1; } .grid-layout .grid .grid-block .title { font-size: 2.4rem; text-align: left; } .grid-layout .grid .grid-block .text { text-align: left; } .grid-layout .grid .grid-block .btn { z-index: 10; position: absolute; bottom: calc(var(--gridGap) * -0.5); right: calc(var(--gridGap) * -0.5); } .grid-layout .grid.grid1 .grid-block { grid-column: span 12; grid-row: span 2; } .grid-layout .grid.grid2 .grid-block, .grid-layout .grid.grid3 .grid-block, .grid-layout .grid.grid4 .grid-block, .grid-layout .grid.grid6 .grid-block { grid-column: span 6; } .grid-layout .grid.grid9 > *:nth-child(2) { grid-column: span 8; } .grid-layout .grid.grid2 .grid-block, .grid-layout .grid.grid3 > *:nth-child(2), .grid-layout .grid.grid5 > *:nth-child(1), .grid-layout .grid.grid6 > *:nth-child(2), .grid-layout .grid.grid6 > *:nth-child(4), .grid-layout .grid.grid7 > *:nth-child(1), .grid-layout .grid.grid7 > *:nth-child(5), .grid-layout .grid.grid8 > *:nth-child(1), .grid-layout .grid.grid9 > *:nth-child(4), .grid-layout .grid.grid9 > *:nth-child(6), .grid-layout .grid.grid10 > *:nth-child(1), .grid-layout .grid.grid10 > *:nth-child(5), .grid-layout .grid.grid11 > *:nth-child(5) { grid-row: span 2; } @media only screen and (max-width: 37.5em) { .grid-layout .grid { grid-template-columns: repeat(8, 1fr); gap: clamp(1rem, var(--gridGap, 10px), 4rem); } } .text-image { min-height: 0; padding: 0; } .text-image .container .row { display: flex; justify-content: space-between; align-items: stretch; gap: 0; } @media only screen and (max-width: 1440px) { .text-image .container .row { padding-left: 0; padding-right: 0; } } @media only screen and (max-width: 48em) { .text-image .container .row { flex-direction: column-reverse; } } .text-image .container .row .column { display: block; flex-basis: 50%; } .text-image .container .row .column.copy { padding: 4dvh 5vw; } @media only screen and (max-width: 1440px) { .text-image .container .row .column.copy { padding-left: 2rem; padding-right: 2rem; } } @media only screen and (max-width: 48em) { .text-image .container .row .column.copy { padding-top: 4rem; padding-bottom: 4rem; max-width: 90vw; margin: 0 auto; } } .text-image .container .row .column.copy .title { font-size: 2.8rem; } @media only screen and (max-width: 51.25em) { .text-image .container .row .column.copy .title { font-size: clamp(2.16rem, 10vw, 1.8rem); } } .text-image .container .row .column.image { position: relative; } .text-image .container .row .column.image .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } @media only screen and (max-width: 48em) { .text-image .container .row .column.image .img { position: static; } } .text-image.height-image .container .row { align-items: center; } .text-image.height-image .container .row .column.copy { padding: 1rem 5vw; } @media only screen and (max-width: 48em) { .text-image.height-image .container .row .column.copy { padding: 2rem; padding-top: 4rem; padding-bottom: 4rem; } } .text-image.height-image .container .row .column.image .img { position: static; width: 100%; height: auto; object-fit: contain; } .text-image.left .container .row { flex-direction: row-reverse; } @media only screen and (max-width: 48em) { .text-image.top .container .row { flex-direction: column-reverse; } } @media only screen and (max-width: 48em) { .text-image.bottom .container .row { flex-direction: column; } } .general-columns { min-height: 0; } .general-columns .container .row.titles .title { margin-bottom: 5rem; } .general-columns .container .row.titles .copy { font-size: 2.16rem; margin-bottom: 5rem; } .general-columns .container .row .columns { display: flex; justify-content: space-between; align-items: var(--vAlign, stretch); gap: var(--colGap, 4rem); } @media only screen and (max-width: 48em) { .general-columns .container .row .columns { flex-wrap: wrap; } } .general-columns .container .row .columns .column { display: block; flex-basis: var(--colWidth, 100%); flex-grow: var(--flexGrow, 1); } @media only screen and (max-width: 48em) { .general-columns .container .row .columns .column { flex-grow: 1; min-width: 180px; padding-bottom: 4rem; margin-bottom: 4rem; } } @media only screen and (max-width: 37.5em) { .general-columns .container .row .columns .column { margin-bottom: 0; } } @media only screen and (max-width: 48em) { .general-columns .container .row .columns .column:last-child { padding-bottom: 0; margin-bottom: 0; } } .general-columns .container .row .columns .column__icon { margin-bottom: 4rem; width: 100%; } .general-columns .container .row .columns .column__icon-img { height: 10rem; width: 100%; object-fit: contain; object-position: center; } .general-columns .container .row .columns .column__title { width: 100%; font-size: 2.4rem; } .general-columns .container .row .columns .column__text { width: 100%; } .general-columns .container .row .columns .column__button { margin-top: 4rem; display: flex; gap: 4rem; flex-wrap: wrap; } .general-columns .container .row .columns .column.section-padding { padding: var(--paddingTop, 9rem) !important; } @media only screen and (max-width: 51.25em) { .general-columns .container .row .columns .column.section-padding { padding: var(--paddingTop, 6rem) !important; } } .general-columns .container .row.row-buttons { margin-top: 7rem; text-align: center; display: flex; justify-content: center; gap: 4rem; } .general-columns .container .row.row-buttons .btn { margin-left: 0; margin-right: 0; } .general-columns.dividers .container .row .columns .column { border-right: 1px solid #1d1d1b; padding-right: var(--colGap, 4rem); } @media only screen and (max-width: 48em) { .general-columns.dividers .container .row .columns .column { border-bottom: 1px solid #1d1d1b; border-right: none; } } .general-columns.dividers .container .row .columns .column:last-child { border-right: none; border-bottom: none; padding-right: 0; } .general-columns.bg-dark-green.dividers .container .row .columns .column, .general-columns.bg-black.dividers .container .row .columns .column, .general-columns.bg-off-black.dividers .container .row .columns .column, .general-columns.bg-purple.dividers .container .row .columns .column { border-right-color: #fff; border-bottom-color: #fff; } .general-columns.text-align-center .container .row .columns .column, .general-columns.text-align-center .container .row .columns .column__button { justify-content: center; } .selected-post-cards { min-height: 0; } .selected-post-cards .container { overflow: visible; } .selected-post-cards .container .row.titles { margin-bottom: 4rem; } .selected-post-cards .container .row.cards .archive-grid__content { display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 4rem; row-gap: 8rem; } .selected-post-cards .container .row.cards .archive-grid__content .post-card { flex-basis: calc(var(--cardWidth, 50%) - 4rem * (var(--cardsPerRow, 2) - 1) / var(--cardsPerRow, 2)); } @media only screen and (max-width: 27em) { .selected-post-cards .container .row.cards .archive-grid__content .post-card { flex-basis: 100%; } } .selected-post-cards .container .row.cards .news-section__content-archive-link-container { margin-top: 8rem; display: flex; justify-content: center; } .section-about { padding-top: 0; padding-bottom: 0; } .section-about .container .row { display: flex; justify-content: flex-start; align-items: stretch; } .section-about__image { flex-basis: 50%; position: relative; overflow: hidden; min-height: 45dvh; } @media only screen and (max-width: 37.5em) { .section-about__image { display: none; } } .section-about__image img { position: absolute; top: 0; left: 0; width: 100%; height: 100% !important; object-fit: cover; object-position: center; } .section-about__loop { flex-basis: 50%; max-width: 72rem; padding: 12rem 8rem; } @media only screen and (max-width: 37.5em) { .section-about__loop { flex-basis: 100%; text-align: center; padding: 8rem 4rem; } } .section-about__loop .title { text-align: left; margin-bottom: 4rem; } @media only screen and (max-width: 37.5em) { .section-about__loop .title { text-align: center; } } .section-about__loop .sub-title { text-align: left; margin-bottom: 4rem; letter-spacing: 0.3ex; } @media only screen and (max-width: 37.5em) { .section-about__loop .sub-title { text-align: center; } } @media only screen and (max-width: 37.5em) { .section-about__loop p { text-align: center; } } .section-about__loop .btn { margin-top: 4rem; } .biogs-panel .container .row.titles .title { margin-bottom: 2rem; } .biogs-panel .container .row.titles .intro-text { margin-bottom: 2rem; } .biogs-panel .container .row .team { width: 100%; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 4rem; position: relative; } @media only screen and (max-width: 64em) { .biogs-panel .container .row .team { grid-template-columns: repeat(3, 1fr); } } @media only screen and (max-width: 48em) { .biogs-panel .container .row .team { grid-template-columns: repeat(2, 1fr); } } @media only screen and (max-width: 25em) { .biogs-panel .container .row .team { grid-template-columns: 1fr; } } .biogs-panel .container .row .team .gridItem .team-member { display: flex; flex-direction: column; height: 100%; background-color: #fff; border: 1px solid rgba(199, 217, 151, 0.2); border-top-right-radius: 3rem; overflow: hidden; } .biogs-panel .container .row .team .gridItem .team-member .close-modal { display: none; } .biogs-panel .container .row .team .gridItem .team-member .biography { display: none; } .biogs-panel .container .row .team .gridItem .team-member .button-container { margin: 2rem; margin-top: auto; } .biogs-panel .container .row .name-title { margin: 2rem; } .biogs-panel .container .row .name-title .name { color: #81c0bb; font-size: 2.4rem; } @media only screen and (max-width: 37.5em) { .biogs-panel .container .row .name-title .name { font-size: clamp(1.76rem, 5.6vw, 2rem); } } .biogs-panel .container .row .name-title .job-title { font-size: 1.76rem; } @media only screen and (max-width: 37.5em) { .biogs-panel .container .row .name-title .job-title { font-size: clamp(1.44rem, 4.4vw, 2rem); } } .biogs-panel .container .row .biog-image-container { position: relative; width: 100%; aspect-ratio: 1/1; overflow: hidden; margin-bottom: 0; } .biogs-panel .container .row .biog-image-container .staff-pic { display: block; position: absolute; z-index: 20; top: 0; width: 100%; height: 100%; object-fit: cover; } .biogs-panel .biog-dialog .gridItem .team-member { max-width: 144rem; max-height: 90dvh; overflow: auto; margin-left: auto; margin-right: auto; padding: clamp(4rem, 5vw, 16rem); border: 1px solid #000; background-color: #fff; display: grid; grid-template-columns: 25% calc(75% - 4rem); gap: 4rem; grid-auto-flow: dense; } @media only screen and (max-width: 37.5em) { .biogs-panel .biog-dialog .gridItem .team-member { grid-template-columns: 1fr; } } .biogs-panel .biog-dialog .gridItem .team-member .close-modal { display: block; top: 4rem; right: 4rem; } .biogs-panel .biog-dialog .gridItem .team-member .image-container { grid-column: 1; grid-row: 1/4; margin-bottom: 0; } @media only screen and (max-width: 37.5em) { .biogs-panel .biog-dialog .gridItem .team-member .image-container { grid-row: 1; aspect-ratio: unset; padding-bottom: 85dvw; } } .biogs-panel .biog-dialog .gridItem .team-member .name-title { grid-column: 2; margin-bottom: 0; } @media only screen and (max-width: 37.5em) { .biogs-panel .biog-dialog .gridItem .team-member .name-title { grid-column: 1; } } .biogs-panel .biog-dialog .gridItem .team-member .name-title .name, .biogs-panel .biog-dialog .gridItem .team-member .name-title .job-title { text-align: left; margin-bottom: 0; } .biogs-panel .biog-dialog .gridItem .team-member .biography { display: block; grid-column: 2; } @media only screen and (max-width: 37.5em) { .biogs-panel .biog-dialog .gridItem .team-member .biography { grid-column: 1; } } .biogs-panel .biog-dialog .gridItem .team-member .button-container { display: none; } .faq-section { min-height: 0; position: relative; } .faq-section .container .row.titles .intro-text { margin-bottom: 4rem; } .faq-section .container .row.faq-row { overflow: visible; } .faq-section .container .row .faqs { width: 100%; margin: 0 auto 0 0; padding: 0; border-bottom: 1px solid #1d1d1b; } @media only screen and (max-width: 37.5em) { .faq-section .container .row .faqs { width: 100%; } } .faq-section .container .row .faqs .faq { border-top: 1px solid #1d1d1b; list-style: none; padding: 0; margin: 0; } .faq-section .container .row .faqs .faq .question { font-size: 2rem; font-weight: 500; margin: 0; padding: 0; padding-top: 2rem; padding-bottom: 2rem; line-height: 1.1; text-align: left; } .faq-section .container .row .faqs .faq .question::before { content: "+"; display: block; width: 4rem; height: 4rem; background-color: #002a26; color: #fff; font-weight: 900; text-align: center; line-height: 3.7rem; float: right; transition: transform 0.5s cubic-bezier(0.2, 0.4, 0.4, 1.6); margin-top: -1rem; } .faq-section .container .row .faqs .faq .answer { padding: 0; overflow: hidden; height: 0; transition: height 0.5s cubic-bezier(0.2, 0.4, 0.4, 1.6), opacity 0.5s ease 0.2s; opacity: 0; text-align: left; } .faq-section .container .row .faqs .faq .answer p, .faq-section .container .row .faqs .faq .answer li, .faq-section .container .row .faqs .faq .answer td, .faq-section .container .row .faqs .faq .answer h4, .faq-section .container .row .faqs .faq .answer h5, .faq-section .container .row .faqs .faq .answer h6 { text-align: left; } @media only screen and (max-width: 48em) { .faq-section .container .row .faqs .faq .answer p, .faq-section .container .row .faqs .faq .answer li, .faq-section .container .row .faqs .faq .answer td, .faq-section .container .row .faqs .faq .answer h4, .faq-section .container .row .faqs .faq .answer h5, .faq-section .container .row .faqs .faq .answer h6 { text-align: left; } } .faq-section .container .row .faqs .faq.open .question::before { transform: rotate(45deg); transform: rotate3d(1, 0, 0, 180deg); content: "-"; } .faq-section .container .row .faqs .faq.open .answer { opacity: 1; } .faq-section .faq-motif { display: none; position: absolute; width: 25vw; height: 25vw; right: -7.5%; top: 0; background-color: #00a19a; border-radius: 50%; } .faq-section .faq-motif img { position: absolute; width: 60%; height: 60%; top: 20%; left: 20%; } @media only screen and (min-width: 85.375em) { .faq-section .faq-motif { display: block; } } .single-partners .faq-section .container .row .faqs .faq .question::before { background-color: #e3c9de; color: #000; } .client-logos .container .row.titles { margin-bottom: 4rem; } @media only screen and (max-width: 1440px) { .client-logos .container .row.logos { padding-left: 0; padding-right: 0; } } .client-logos .container .row.logos .logo-grid { width: calc(100% - 160px); margin: 0 auto; } @media only screen and (max-width: 48em) { .client-logos .container .row.logos .logo-grid { width: 100%; padding-left: 20px; padding-right: 20px; } } .client-logos .container .row.logos .logo-grid .slide-arrows.prev { left: -80px; } @media only screen and (max-width: 48em) { .client-logos .container .row.logos .logo-grid .slide-arrows.prev { left: calc(-5vw + 0.5rem); } } .client-logos .container .row.logos .logo-grid .slide-arrows.next { right: -80px; } @media only screen and (max-width: 48em) { .client-logos .container .row.logos .logo-grid .slide-arrows.next { right: calc(-5vw + 0.5rem); } } .client-logos .container .row.logos .logo-grid .logo-container { padding: 0 3rem; text-align: center; } .client-logos .container .row.logos .logo-grid .logo-container img { height: 10rem; width: auto; margin: 0 auto; } .client-logos.grid .container .row.logos .logo-grid { width: 100%; text-align: center; } @media only screen and (max-width: 1440px) { .client-logos.grid .container .row.logos .logo-grid { max-width: 90vw; margin-left: auto; margin-right: auto; } } @media only screen and (max-width: 48em) { .client-logos.grid .container .row.logos .logo-grid { display: grid; gap: 4rem; grid-template-columns: 1fr 1fr; grid-auto-flow: dense; padding-left: 0; padding-right: 0; place-items: center; } } .client-logos.grid .container .row.logos .logo-grid .logo-container { display: inline-block; padding: 2rem 4rem; text-align: center; width: clamp(180px, 16%, 360px); width: clamp(180px, var(--colWidth, 16%), 360px); } @media only screen and (max-width: 48em) { .client-logos.grid .container .row.logos .logo-grid .logo-container { max-width: unset; margin-right: 0; } } .client-logos.grid .container .row.logos .logo-grid .logo-container:last-child { margin-right: 0; } @media only screen and (max-width: 48em) { .client-logos.grid .container .row.logos .logo-grid .logo-container img { width: 100%; height: auto; } } .client-logos.grid .container .row.logos .logo-grid img { margin: 0; } .client-logos.grid.flex .container .row.logos .logo-grid { display: flex; justify-content: flex-start; align-items: center; gap: 4rem; width: 100%; } @media only screen and (max-width: 1440px) { .client-logos.grid.flex .container .row.logos .logo-grid { max-width: 90vw; margin-left: auto; margin-right: auto; } } @media only screen and (max-width: 48em) { .client-logos.grid.flex .container .row.logos .logo-grid { display: grid; grid-template-columns: 1fr 1fr; grid-auto-flow: dense; padding-left: 0; padding-right: 0; place-items: center; } } .client-logos.grid.flex .container .row.logos .logo-grid .logo-container { flex-basis: calc(20% - 6rem); padding: 0; text-align: left; } @media only screen and (max-width: 48em) { .client-logos.grid.flex .container .row.logos .logo-grid .logo-container img { width: 100%; height: auto; } } .client-logos.grid.flex .container .row.logos .logo-grid img { margin: 0; } .case-study-signposting .container .row .case-study { display: grid; grid-template-columns: 1fr 1fr; grid-auto-flow: dense; gap: 4rem; row-gap: 0; } @media only screen and (max-width: 37.5em) { .case-study-signposting .container .row .case-study { grid-template-columns: 1fr; row-gap: 2rem; } } .case-study-signposting .container .row .case-study__title { grid-column: 1; } .case-study-signposting .container .row .case-study__overview { grid-column: 1; padding-bottom: 4rem; margin-bottom: 4rem; border-bottom: 1px solid #C7D997; } @media only screen and (max-width: 37.5em) { .case-study-signposting .container .row .case-study__overview { grid-row: 2; padding-bottom: 1.32rem; margin-bottom: 1.32rem; } } .case-study-signposting .container .row .case-study__testimonial { grid-column: 1; padding-bottom: 2rem; } @media only screen and (max-width: 37.5em) { .case-study-signposting .container .row .case-study__testimonial { grid-row: 4; } } .case-study-signposting .container .row .case-study__testimonial::before { content: ""; display: block; width: 4rem; height: 4rem; background-image: url(images/quotes.svg); background-size: contain; background-repeat: no-repeat; } .case-study-signposting .container .row .case-study__testimonial .testimonial { padding: 0; margin: 0; margin-bottom: 2rem; border: none; font-style: italic; font-size: 2.16rem; line-height: 1.3; } .case-study-signposting .container .row .case-study__testimonial .testimonial__name { font-weight: 500; font-size: 1.44rem; } .case-study-signposting .container .row .case-study__testimonial .testimonial__company { font-size: 1.44rem; } .case-study-signposting .container .row .case-study__testimonial .testimonial__company::before { content: " | "; display: inline; } .case-study-signposting .container .row .case-study__image { grid-column: 2; grid-row: 1/4; position: relative; } @media only screen and (max-width: 37.5em) { .case-study-signposting .container .row .case-study__image { grid-column: 1; grid-row: 3; } } .case-study-signposting .container .row .case-study__image-img { position: absolute; width: 100%; height: 100%; border-top-right-radius: 3rem; object-fit: cover; object-position: right top; } @media only screen and (max-width: 37.5em) { .case-study-signposting .container .row .case-study__image-img { position: static; height: auto; } } .case-study-signposting .container .row .case-study__button { grid-column: 1/3; place-items: end; display: flex; justify-content: space-between; align-items: center; gap: 4rem; } @media only screen and (max-width: 37.5em) { .case-study-signposting .container .row .case-study__button { grid-column: 1; } } .case-study-signposting .container .row .case-study__button::before { content: ""; display: block; border-bottom: 1px solid #C7D997; flex-grow: 1; } @media only screen and (max-width: 37.5em) { .partner-hospitals .container { max-width: 100dvw; } } .partner-hospitals__tabs { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; } @media only screen and (max-width: 51.25em) { .partner-hospitals__tabs { flex-direction: column; overflow: hidden; } } .partner-hospitals__tabs .tabs { flex-basis: 25%; flex-shrink: 0; list-style: none; margin: 0; padding: 0; position: sticky; top: var(--headerHeight, 100px); } @media only screen and (max-width: 51.25em) { .partner-hospitals__tabs .tabs { position: static; display: block; white-space: nowrap; overflow: clip; overflow-x: auto; width: 100%; } } .partner-hospitals__tabs .tabs .tab { list-style: none; background: #cceceb; padding: 0; margin-bottom: 0.4rem; } @media only screen and (max-width: 51.25em) { .partner-hospitals__tabs .tabs .tab { display: inline-block; margin-bottom: 0; border-right: 1px solid rgba(0, 123, 117, 0.75); } } .partner-hospitals__tabs .tabs .tab:last-child { margin-bottom: 0; } .partner-hospitals__tabs .tabs .tab .tab-btn { border: none; background: transparent; font-weight: 500; text-align: left; cursor: pointer; width: 100%; padding: 2rem; display: flex; justify-content: flex-start; align-items: flex-start; gap: 0.25em; line-height: 1.2; } @media only screen and (max-width: 51.25em) { .partner-hospitals__tabs .tabs .tab .tab-btn { white-space: nowrap; font-size: 1.28rem; } } .partner-hospitals__tabs .tabs .tab .tab-btn i { font-style: normal; } .partner-hospitals__tabs .tabs .tab.active { position: relative; overflow: visible; background: linear-gradient(-90deg, #00a19a 0%, #007b75 71%); } .partner-hospitals__tabs .tabs .tab.active::after { content: ""; display: block; width: 2rem; height: 2rem; background: #00a19a; position: absolute; top: calc(50% - 1rem); right: -1rem; transform: rotate(45deg); } @media only screen and (max-width: 51.25em) { .partner-hospitals__tabs .tabs .tab.active::after { top: unset; bottom: -1rem; left: calc(50% - 1rem); z-index: 100; background-color: #edf7f6; } } .partner-hospitals__tabs .tabs .tab.active .tab-btn { color: #fff; } .partner-hospitals__tabs .tabs .tab.nhs .tab-btn { font-weight: 300; } .partner-hospitals__tabs .tabsbody { background: #edf7f6; flex-grow: 1; padding: 4rem; align-self: stretch; } @media only screen and (max-width: 37.5em) { .partner-hospitals__tabs .tabsbody { padding: 2rem; } } .partner-hospitals__tabs .tabsbody .tab-body { display: none; } .partner-hospitals__tabs .tabsbody .tab-body.active { display: block; animation: fadein 1s ease-in-out 0s 1 forwards; } .partner-hospitals__tabs .tabsbody .tab-body > img { width: 50%; min-width: 320px; float: right; margin-left: 4rem; margin-bottom: 2rem; } @media only screen and (max-width: 51.25em) { .partner-hospitals__tabs .tabsbody .tab-body > img { float: none; margin-left: 0; width: 100%; min-width: 100px; } } .partner-hospitals__tabs .tabsbody .tab-body > img + h1, .partner-hospitals__tabs .tabsbody .tab-body > img + h2, .partner-hospitals__tabs .tabsbody .tab-body > img + h3, .partner-hospitals__tabs .tabsbody .tab-body > img + h4, .partner-hospitals__tabs .tabsbody .tab-body > img + h5, .partner-hospitals__tabs .tabsbody .tab-body > img + h6 { margin-top: 0; } .partner-hospitals__tabs .tabsbody .tab-body ul { margin-bottom: 0; } .partner-hospitals__tabs .tabsbody .tab-body ul + * { margin-top: 4rem; } .partner-hospitals__tabs .tabsbody .tab-body ul li { margin-bottom: 0.5rem; } .partner-hospitals__tabs .tabsbody .tab-body ul li::marker { color: #e3c9de; font-size: 140%; line-height: 0.5; } .partner-contact-section .container .row { display: flex; gap: 4rem; justify-content: space-between; align-items: flex-start; } @media only screen and (max-width: 37.5em) { .partner-contact-section .container .row { flex-direction: column; } } .partner-contact-section .container .row .col { flex-basis: 50%; } @media only screen and (max-width: 37.5em) { .partner-contact-section .container .row .col { flex-basis: 100%; } } .partner-contact-section .container .row .col.contact-us p { margin-bottom: 0.4rem; } .partner-contact-section .container .row .col.map iframe { width: 100%; min-height: 40dvh; } .search-tool { padding-bottom: 0; } .search-tool .container { max-width: 100vw; } .search-tool .container .row.titles { max-width: 144rem; margin-left: auto; margin-right: auto; margin-bottom: 4rem; } #app { position: relative; height: calc(100dvh - var(--headerHeight, 100px)); display: flex; flex-direction: column; justify-content: space-between; } @media only screen and (max-width: 37.5em) { #app { height: auto; } } #app header { display: flex; justify-content: flex-start; align-items: center; } #app header h3 { margin-top: 0; } #app .icon { height: 4rem; width: auto; margin-right: 2rem; vertical-align: middle; } #app .title { font-family: "Inter", Helvetica, Arial, sans-serif !important; letter-spacing: 0.3ex !important; text-transform: uppercase !important; font-size: 1.76rem !important; font-weight: 500 !important; margin-bottom: 0; } #app .selection-container { max-height: calc(var(--slctHeight) - 4rem); width: 100%; max-width: 144rem; margin-left: auto; margin-right: auto; display: flex; flex-grow: 1; justify-content: space-between; align-items: stretch; gap: 4rem; margin-bottom: 4rem; } @media only screen and (max-width: 37.5em) { #app .selection-container { flex-direction: column; gap: 2rem; margin-bottom: 2rem; height: calc(100dvh - var(--headerHeight)); max-height: calc(100dvh - var(--headerHeight)); } } #app .selection { flex-basis: 69%; border: 1px solid #000; } #app .selection .search { background: linear-gradient(-90deg, #00a19a 0%, #007b75 71%); height: 100px; width: 100%; display: flex; gap: 4rem; justify-content: space-between; align-items: center; padding: 2rem; position: relative; } @media only screen and (max-width: 37.5em) { #app .selection .search { gap: 2rem; } } #app .selection .search .input { background-color: #F5F4F1; border: 1px solid #C7D997; border-radius: 0; display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 0; width: 100%; } #app .selection .search .input input { max-width: 102rem; color: #00a19a; border: none; background-color: transparent; } #app .selection .search .input button { display: none; background-color: transparent; border: none; margin-right: 1rem; } #app .selection .search .input button.active { display: block; } #app .selection .search button.help:active + .help-details, #app .selection .search button.help:focus + .help-details { display: grid; place-items: center; position: fixed; top: 0; left: 0; z-index: 999999; width: 100dvw; height: 100dvh; background-color: rgba(0, 0, 0, 0.75); backdrop-filter: blur(3px); } #app .selection .search .help-details { display: none; pointer-events: none; } #app .selection .search .help-details .help-inner { background-color: #F5F4F1; padding: 4%; } #app .selection .search .help-details .help-inner .close { float: right; background: transparent; font-weight: 300; cursor: pointer; } #app .selection .data { padding: 2rem; padding-bottom: 6rem; overflow: auto; height: calc(100% - 100px); } #app .selection .data .title { display: none; } #app .selection .data .procedures { display: flex; flex-wrap: wrap; gap: 2rem; gap: clamp(0.5rem, 1.4vw, 2rem); } #app .selection .data .procedures .procedure { flex-basis: 31.7%; flex-shrink: 1; cursor: pointer; border: 1px solid #002a26; line-height: 1; padding: 0; padding-right: 1rem; position: relative; overflow: visible; font-size: 1.39rem; text-align: left; display: flex; justify-content: flex-start; align-items: center; gap: 1rem; height: 4rem; transition: opacity 0.25s ease-in-out; } @media only screen and (max-width: 37.5em) { #app .selection .data .procedures .procedure { flex-basis: 100%; } } #app .selection .data .procedures .procedure[data-status=selected] { opacity: 0.1; pointer-events: none; background-color: #81c0bb; } #app .selection .data .procedures .procedure:hover { background-color: #00a19a; border: 1px solid #000; color: #fff; } #app .selection .data .procedures .procedure:focus { outline: 1px solid rgba(0, 123, 117, 0.5); } #app .selection .data .procedures .procedure.highlight { background-color: transparent; color: #000; border: 1px solid #00a19a; font-weight: 500; background-image: url(images/world-leader-star.svg); background-repeat: no-repeat; background-position: right 2.3rem center; background-size: auto 154%; } #app .selection .data .procedures .procedure.highlight:hover { background-image: url(images/world-leader-star-hover.svg); background-color: #00a19a; border: 1px solid #000; color: #fff; } #app .selection .data .procedures .procedure.highlight .hl { display: inline; display: none !important; color: #81c0bb; margin-left: -0.8rem; margin-top: -0.7rem; } #app .selection .data .procedures .procedure::before { content: "+"; flex-shrink: 0; text-align: left; background-color: #000; color: #fff; height: 4rem; width: 4rem; font-size: 3.6rem; font-weight: 500; line-height: 1; padding-left: 0.8rem; } #app .selection .data .procedures .procedure .info { width: 7%; width: 2.1rem; height: auto; margin-left: auto; margin-right: 0; } #app .selection .data .procedures .procedure .info:hover + .info-details { display: block; } #app .selection .data .procedures .procedure .info-details { display: none; position: absolute; top: 3rem; right: 3rem; background-color: #F5F4F1; border: 1px solid #007b75; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); color: #000; width: 70%; padding: 4%; z-index: 100; font-size: 1.024rem; } #app .selection .data .procedures .procedure .info-details .asterisk { font-weight: 500; display: block; color: #81c0bb; padding: 0.5rem; color: #fff; background-color: #002a26; background-image: url(images/world-leader-star.svg); background-repeat: no-repeat; background-position: 0.5rem center; background-size: auto 135%; position: absolute; top: 0; left: 0; width: 100%; text-align: center; } #app .selection .data .procedures .procedure .info-details .asterisk + .description { margin-top: calc(2.5rem - 4%); display: block; } #app .selection .data .procedures .procedure .info-details.no-desc { padding: 0; } #app .selection .data .procedures .procedure.selectable.off { display: none; } #app .selected { flex-basis: 30%; border: 1px solid #000; position: relative; } #app .selected header { background-color: #000; height: 100px; display: flex; align-items: center; padding-left: 2rem; } @media only screen and (max-width: 37.5em) { #app .selected header { height: 50px; min-height: 50px; } } #app .selected header .title { color: #fff; } #app .selected .procedures { overflow: auto; height: calc(100% - 100px); } @media only screen and (max-width: 37.5em) { #app .selected .procedures { height: calc(100% - 50px); } } #app .selected .procedures .instructions { display: none; text-align: center; margin-top: 4rem; margin-bottom: 4rem; text-wrap: balance; } #app .selected .procedures .instructions .left-arrow { width: 20%; transition: transform 0.25s cubic-bezier(0.2, 0.4, 0.4, 1.6); } @media only screen and (max-width: 37.5em) { #app .selected .procedures .instructions .left-arrow { width: 11%; transform: rotate(90deg) scale3d(1, 2.3, 1); } } #app .selected .procedures .instructions.active { display: block; } #app .selected .procedures .procedure { margin: 2rem; cursor: not-allowed; border: 1px solid #cc2647; background-color: rgba(0, 161, 154, 0.5); color: #002a26; line-height: 1; padding: 0; padding-right: 1rem; font-size: 1.44rem; display: flex; justify-content: flex-start; align-items: center; gap: 1rem; height: 4rem; animation: fadein 0.5s ease-in-out 0s 1 forwards; text-align: left; width: calc(100% - 4rem); } #app .selected .procedures .procedure:focus { outline: 1px solid rgba(0, 123, 117, 0.5); } #app .selected .procedures .procedure::before { content: "-"; flex-shrink: 0; background-color: #CC2647; color: #fff; height: 4rem; width: 4rem; font-size: 3.6rem; font-weight: 500; line-height: 1; padding-left: 1.1rem; } #app .selected .procedures .procedure .info { display: none; width: 7%; height: auto; margin-left: auto; margin-right: 1rem; } #app .selected .procedures .procedure .info-details { display: none; } #app .selected footer { position: absolute; bottom: 0; left: 0; width: 100%; background-color: #007b75; display: flex; justify-content: center; align-items: center; gap: 5%; padding: 0.5rem 2rem; pointer-events: none; opacity: 0; transition: opacity 1s ease-in-out 0.5s; } @media only screen and (max-width: 37.5em) { #app .selected footer.active { opacity: 1; } } #app .selected footer .down-arrow { height: 4rem; width: auto; animation: float 5s linear 1s infinite; } #app .selected footer .down-arrow .cls-1 { fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 3px; } #app .selected footer .down-arrow .cls-2 { fill: #fff; } #app .selected footer .down-arrow .cls-3 { fill: #002a26; } #app .selected footer span { flex-basis: 50%; text-align: left; text-wrap: balance; line-height: 1; color: #fff; } #app .selectable.off { display: none; } #app .providers-container { height: var(--pvdrHeight, 200px); width: 100%; background: #cceceb; background: linear-gradient(96deg, #cceceb 0%, #81c0bb 96%); position: relative; } @media only screen and (max-width: 37.5em) { #app .providers-container { height: auto; } } #app .providers-container header { background-color: #000; padding: 2rem 4vw; display: flex; align-items: center; } #app .providers-container header h3 { color: #fff; } #app .providers-container footer { padding: 1rem 4vw 2rem; display: flex; align-items: center; justify-content: flex-end; } @media only screen and (max-width: 37.5em) { #app .providers-container footer { justify-content: center; padding-top: 2rem; } } #app .no-provider-message-container { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; position: absolute; inset: 0; padding: 4rem; z-index: 100; background-color: rgba(255, 255, 255, 0.5); backdrop-filter: blur(3px); transition: opacity 0.5s ease; opacity: 0; pointer-events: none; } #app .no-provider-message-container .icon { margin: 0 auto 4rem; } #app .no-provider-message-container .no-proviers-message { text-wrap: balance; } #app .no-provider-message-container.active { opacity: 1; pointer-events: all; } #app .providers { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 3rem; gap: clamp(1rem, 2vw, 3rem); width: 92%; margin-left: auto; margin-right: auto; padding-top: 2rem; } @media only screen and (max-width: 37.5em) { #app .providers { display: grid; grid-template-columns: 1fr 1fr; } } #app .providers .provider { flex-basis: 200px; flex-basis: 11vw; background-color: #fff; color: white; padding: 2rem; text-align: center; opacity: 0.35; transition: opacity 0.5s ease-in-out; position: relative; } @media only screen and (max-width: 37.5em) { #app .providers .provider { height: 100px; } } #app .providers .provider img { width: 100%; height: 100%; object-fit: contain; } #app .providers .provider h4 { display: none; } #app .providers .provider .provider-actions { display: none; position: absolute; inset: 0; padding: 1rem; } #app .providers .provider.available { opacity: 1; box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.1); } #app .providers .provider.available:hover { background-color: rgba(245, 244, 241, 0.9); } #app .providers .provider.available:hover img { opacity: 0.5; } #app .providers .provider.available:hover .provider-actions { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 1rem; } #app .providers .provider.available:hover .provider-actions .btn { width: 100%; text-align: left; padding: 1.2rem 0; padding-top: clamp(2px, 0.6vw, 1.2rem); padding-bottom: clamp(2px, 0.6vw, 1.2rem); padding-left: 4rem; font-size: clamp(9px, 0.8vw, 1.28rem); } @media only screen and (max-width: 37.5em) { #app .providers .provider.available:hover .provider-actions .btn { padding-top: clamp(2px, 2vw, 1.2rem); padding-bottom: clamp(2px, 2vw, 1.2rem); } } #app .providers .provider.available:hover .provider-actions .btn.info { background-color: #fff; background-image: url(images/icon-new-win.svg); background-repeat: no-repeat; background-size: 1.5rem; background-position: 1rem center; } #app .providers .provider.available:hover .provider-actions .btn.deselect { background-color: #002a26; background-image: url(images/icon-deselect.svg); background-repeat: no-repeat; background-size: 1.5rem; background-position: 1rem center; } #app .providers .provider.available:hover .provider-actions .btn:hover { transform: none; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.05); } #app .providers .provider.deselected { opacity: 0.75; box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.08); cursor: pointer; } #app .providers .provider.deselected::after { content: ""; position: absolute; inset: 0; background-color: rgba(0, 0, 0, 0.5); background-image: url(images/icon-close.svg); background-position: center; background-size: 25%; background-repeat: no-repeat; z-index: 100; pointer-events: none; } main.template-page .wp-loop-section .container .row.titles h1 { max-width: 102rem; text-wrap: balance; } main.template-page .wp-loop-section .container .row.titles h1, main.template-page .wp-loop-section .container .row.titles h1.h1 { font-size: 3.6rem; } main.template-page .wp-loop-section .container .row.titles .main-title { display: block; } main.template-page .wp-loop-section .container .row.titles .sub-title { margin-top: 2rem; font-size: 2.4rem; } @media only screen and (max-width: 37.5em) { main.template-page .wp-loop-section .container .row.content > * { padding-left: 15px; padding-right: 15px; } } main.template-page .wp-loop-section .container .row.content h2, main.template-page .wp-loop-section .container .row.content h3, main.template-page .wp-loop-section .container .row.content h4, main.template-page .wp-loop-section .container .row.content h5 { text-align: left; } main.template-page .wp-loop-section .container .row.content h2 { font-size: 2.8rem; } @media only screen and (max-width: 51.25em) { main.template-page .wp-loop-section .container .row.content h2 { font-size: clamp(2.16rem, 10vw, 1.8rem); } } main.template-page .wp-loop-section .container .row.content h3 { font-size: 2.4rem; } @media only screen and (max-width: 48em) { main.template-page .wp-loop-section .container .row.content h3 { font-size: clamp(2.16rem, 8.4vw, 2.4rem); } } main.template-page .wp-loop-section .container .row.content h4 { font-size: 2rem; } main.template-page .sitemap-section .container .row .site-map h2 { font-size: 2.4rem; } main.template-page .sitemap-section .container .row .site-map ul { column-count: 4; column-gap: 4rem; } @media only screen and (max-width: 37.5em) { main.template-page .sitemap-section .container .row .site-map ul { column-count: 2; } } main.template-page .sitemap-section .container .row .site-map ul + h2 { margin-top: 4rem; } main.single-post .main-content { padding-top: 4rem; padding-bottom: 4rem; } main.single-post .main-content .container { max-width: 144rem; margin: 0 auto; padding: 0; } @media only screen and (max-width: 85.375em) { main.single-post .main-content .container { max-width: 90vw; } } main.single-post .main-content .container .row { width: 100%; display: flex; justify-content: space-between; align-items: stretch; gap: 8rem; } @media only screen and (max-width: 64em) { main.single-post .main-content .container .row { flex-wrap: wrap; overflow: hidden; padding-left: 1.5rem; padding-right: 1.5rem; } } main.single-post .main-content .container .row .post-content { flex-grow: 1; flex-basis: 69%; } @media only screen and (max-width: 64em) { main.single-post .main-content .container .row .post-content { flex-basis: 100%; } } main.single-post .main-content .container .row .post-content .loop .post-date { font-size: 1.76rem; font-weight: 500; color: #002a26; } main.single-post .main-content .container .row .post-content .loop .post-date + section { padding-top: 4rem; } main.single-post .main-content .container .row .post-content .loop section .container .row { padding-left: 0; padding-right: 0; } main.single-post .main-content .container .row .sidebar { flex-basis: 26%; } @media only screen and (max-width: 64em) { main.single-post .main-content .container .row .sidebar { flex-basis: 100%; } } main.single-post .main-content .container .row .sidebar .widget-area { border: 1px solid #81c0bb; margin-bottom: 4rem; padding: 4rem; position: sticky; top: calc(var(--headerHeight, 10rem) + 4rem); } main.single-post .main-content .container .row .sidebar .widget-area:last-child { margin-bottom: 0; } main.single-post .main-content .container .row .sidebar .widget-area .widget { margin-bottom: 4rem; } main.single-post .main-content .container .row .sidebar .widget-area .widget:last-child { margin-bottom: 0; } main.single-post .main-content .container .row .sidebar .widget-area h2 { font-size: 2rem; margin-top: 0; margin-bottom: 1rem; } main.single-post .main-content .container .row .sidebar .widget-area ul:last-child { margin-bottom: 0; } main.single-post .main-content .container .row .sidebar .widget-area ul li::marker { color: #81c0bb; } main.single-post .main-content .container .row .sidebar .widget-area ul li:last-child { margin-bottom: 0; } main.single-post .main-content .container .row .sidebar .widget-area a { font-size: 1.44rem; } main.single-post .main-content .container .row .sidebar .widget-area a:link, main.single-post .main-content .container .row .sidebar .widget-area a:visited { text-decoration: none; } main.single-post .main-content .container .row .sidebar .widget-area a:hover { text-decoration: underline; } main.single-post .main-content .container .row .sidebar .event-card__details-container > div { margin-bottom: 4rem; } main.single-post .main-content .container .row .sidebar .event-card__details-container > div:last-child { margin-bottom: 0; } main.single-post .main-content .container .row .sidebar .event-card__details-container h4 { font-size: 2rem; margin-bottom: 4rem; } main.single-post .main-content .container .row .sidebar .event-card__details-container h5 { font-size: 1.68rem; margin-bottom: 0.5rem; } main.single-post.single-event .main-content-with-sidebar .container .row .post-content .loop section:first-child { padding-top: 4rem; } .single-patientstories section .container .row h2 { font-size: 2.4rem !important; } .single-patientstories section .container .row h3 { font-size: 2rem !important; } .single-patientstories section .container .row h4 { font-size: 1.68rem !important; } .single-patientstories section .container .row p + img, .single-patientstories section .container .row h2 + img, .single-patientstories section .container .row h3 + img { margin-top: 8rem; } .single-patientstories section .container .row img + p, .single-patientstories section .container .row img + h2, .single-patientstories section .container .row img + h3 { margin-top: 8rem; } .sitemap .container .row .flex-start { gap: 4rem; } .sitemap .container .row ul { column-count: 3; gap: 4rem; } @media only screen and (max-width: 57em) { .sitemap .container .row ul { column-count: 2; } } @media only screen and (max-width: 27em) { .sitemap .container .row ul { column-count: 1; } } .sitemap .container .row ul li { break-inside: avoid; } main.archive .news-section__content { display: grid; gap: 4rem; row-gap: 8rem; grid-template-columns: repeat(3, 1fr); } @media only screen and (max-width: 51.25em) { main.archive .news-section__content { grid-template-columns: repeat(2, 1fr); } } @media only screen and (max-width: 27em) { main.archive .news-section__content { grid-template-columns: 1fr; } } main.archive .news-section.post-count-0 .news-section__content { display: block; } body.home main.template-page-home .section-featured-products .container .row .product-cards.slick-initialized.slick-slider, body.home main.template-page-home .section-special-offers .container .row .product-cards.slick-initialized.slick-slider { display: block; } body.home main.template-page-home .section-featured-products .container .row .product-cards.slick-initialized.slick-slider .slick-list, body.home main.template-page-home .section-special-offers .container .row .product-cards.slick-initialized.slick-slider .slick-list { margin-top: -2rem; padding-top: 2rem; } body.home main.template-page-home .section-featured-products .container .row .product-cards.slick-initialized.slick-slider .slick-list .slick-track, body.home main.template-page-home .section-special-offers .container .row .product-cards.slick-initialized.slick-slider .slick-list .slick-track { display: flex !important; width: 100%; } body.home main.template-page-home .section-featured-products .container .row .product-cards.slick-initialized.slick-slider .slick-list .slick-slide, body.home main.template-page-home .section-special-offers .container .row .product-cards.slick-initialized.slick-slider .slick-list .slick-slide { height: inherit !important; display: flex; align-items: stretch; padding: 2rem 4rem 0; } body.home main.template-page-home .section-featured-products .container .row .product-cards.slick-initialized.slick-slider .slick-list .slick-slide > div, body.home main.template-page-home .section-special-offers .container .row .product-cards.slick-initialized.slick-slider .slick-list .slick-slide > div { width: 100%; display: flex; padding: 0; margin: 0; background-color: #fff; } body.home main.template-page-home .section-featured-products .container .row .product-cards.slick-initialized.slick-slider .slick-list .slick-slide .product-card, body.home main.template-page-home .section-special-offers .container .row .product-cards.slick-initialized.slick-slider .slick-list .slick-slide .product-card { background-color: unset; width: 100%; max-width: 100%; display: flex !important; flex-direction: column; padding: 0; margin: 0 auto; } body.home main.template-page-home .section-featured-products .container .row .product-cards.slick-initialized.slick-slider .slick-list .slick-slide .product-card .product-image, body.home main.template-page-home .section-special-offers .container .row .product-cards.slick-initialized.slick-slider .slick-list .slick-slide .product-card .product-image { display: block; } body.home main.template-page-home .section-featured-products .container .row .product-cards.slick-initialized.slick-slider .slick-list .slick-slide .product-card .btn, body.home main.template-page-home .section-special-offers .container .row .product-cards.slick-initialized.slick-slider .slick-list .slick-slide .product-card .btn { margin-top: auto; }/*# sourceMappingURL=style.css.map */