/* * Aqualoc – responsive overrides * ------------------------------------------------------------------------- * Every section, row, column and module on the holding page has a class, * set in the builder under Advanced → Attributes (look for "CSS Class"). * Add your rules inside the empty blocks below. * * Breakpoints match Divi 5's defaults: * Desktop 981px and up * Tablet 980px and below (also applies to phone unless the phone block overrides it) * Phone 767px and below * * Selectors are prefixed with #page-container so they win over Divi's own * per-module CSS (.et_pb_text_3 etc.) without needing !important. * Target inner elements as usual, e.g. #page-container .aq-hero__badge-text p {} * * Shared classes: aq-hero__col, aq-features__col, aq-solution__col, aq-faq__col, * aq-order__col, aq-flow-col, aq-flow, aq-faq__item, aq-faq__q, aq-faq__a style * every instance at once; the --modifier classes target one. * * Component styles (ticks, arrows, CTA link) live in aqualoc.css. */ /* ========================================================================= * ALL SIZES * ====================================================================== */ /* Rules here apply everywhere; put base tweaks here. */ @media (min-width: 1100px) { #page-container .aq-hero__logo {min-width: 400px; max-width: 500px;} /* image: Aqualoc Logo */ #page-container .aq-hero__tap img { max-width:180px;} /* image: Tap – Hero */ } /* ========================================================================= * DESKTOP ONLY (981px and up) * ====================================================================== */ @media (min-width: 981px) { /* HERO */ #page-container .aq-hero {} /* section: Hero */ #page-container .aq-hero__row {} /* row: Hero Row */ #page-container .aq-hero__col {} /* column */ #page-container .aq-hero__col--badge {} #page-container .aq-hero__badge {} /* group: Australian Made Badge */ #page-container .aq-hero__flag {} /* image: Australian Flag */ #page-container .aq-hero__badge-text {} /* text: Australian Made Text */ #page-container .aq-hero__col--logo {} #page-container .aq-hero__logo {min-width: 400px;} /* image: Aqualoc Logo */ #page-container .aq-hero__col--tap {} #page-container .aq-hero__tap {max-width: 150px;} /* image: Tap – Hero */ /* FEATURES & BENEFITS */ #page-container .aq-features {} /* section: Features & Benefits */ #page-container .aq-features__row {} /* row: Features Row */ #page-container .aq-features__col {} /* column */ #page-container .aq-features__col--list {} #page-container .aq-features__heading {} /* text: Features Heading */ #page-container .aq-features__list {} /* text: Features Checklist */ #page-container .aq-features__col--intro {} #page-container .aq-features__intro {} /* text: Patented Design Intro */ #page-container .aq-features__used {} /* text: Where It's Used */ /* SOLUTION + GUARANTEE */ #page-container .aq-solution__row {} /* row: Ultimate Solution + Guarantee Row */ #page-container .aq-solution__col {} /* column */ #page-container .aq-solution__col--main {} #page-container .aq-solution__heading {} /* text: Ultimate Solution Heading */ #page-container .aq-csiro {} /* group: CSIRO Band */ #page-container .aq-csiro__logo {} /* image: CSIRO Logo */ #page-container .aq-csiro__text {} /* text: CSIRO Text */ #page-container .aq-solution__col--guarantee {} #page-container .aq-guarantee {} /* group: 15 Year Guarantee Box */ #page-container .aq-guarantee__icon {} /* image: Guarantee Icon (water drop) */ #page-container .aq-guarantee__heading {} /* text: Guarantee Heading */ #page-container .aq-guarantee__text {} /* text: Guarantee Text */ #page-container .aq-solution__parts {} /* image */ /* TESTIMONIAL */ #page-container .aq-testimonial__row {} /* row: Testimonial Row */ #page-container .aq-testimonial__col {} /* column */ #page-container .aq-testimonial__quote {} /* text: Testimonial */ #page-container .aq-testimonial__name {} /* text: Testimonial */ /* "NO MORE…" BOXES */ #page-container .aq-flow-row {} /* row: No More… Row */ #page-container .aq-flow-col {} /* column */ #page-container .aq-flow-col--1 {} #page-container .aq-flow {} /* text: No More Leaking Taps */ #page-container .aq-flow--1 {} #page-container .aq-flow-col--2 {} #page-container .aq-flow--2 {} #page-container .aq-flow-col--3 {} #page-container .aq-flow--3 {} #page-container .aq-flow-col--4 {} #page-container .aq-flow--4 {} /* FAQs */ #page-container .aq-faq {} /* section: FAQs */ #page-container .aq-faq__heading-row {} /* row: FAQ Heading Row */ #page-container .aq-faq__heading-col {} /* column */ #page-container .aq-faq__heading {} /* text: FAQ Heading */ #page-container .aq-faq__row {} /* row: FAQ Row */ #page-container .aq-faq__col {} /* column */ #page-container .aq-faq__col--1 {} #page-container .aq-faq__item {} /* group: FAQ – How does Aqualoc save me money? */ #page-container .aq-faq__item--money {} #page-container .aq-faq__q {} /* text: Question */ #page-container .aq-faq__a {} /* text: Answer */ #page-container .aq-faq__item--time {} #page-container .aq-faq__item--install {} #page-container .aq-faq__col--2 {} #page-container .aq-faq__item--customers {} #page-container .aq-faq__item--how {} #page-container .aq-faq__item--price {} /* TICKS ALL THE BOXES */ #page-container .aq-ticks__row {} /* row: Ticks All The Boxes Row */ #page-container .aq-ticks__col {} /* column */ #page-container .aq-ticks-banner {} /* text: Ticks All The Boxes Banner */ /* ORDER / FOOTER */ #page-container .aq-order {} /* section: Call To Action */ #page-container .aq-order__row {} /* row: Footer Row */ #page-container .aq-order__col {} /* column */ #page-container .aq-order__col--left {} #page-container .aq-order__badges {} /* group */ #page-container .aq-order__watermark {} /* image: WaterMark Logo */ #page-container .aq-order__parts {} /* image: Aqualoc Parts – Footer */ #page-container .aq-order__col--main {} #page-container .aq-order__heading {} /* text: Frustrated Heading */ #page-container .aq-cta-btn {} /* text: Order Button */ #page-container .aq-order__contact {} /* text: Contact Details */ #page-container .aq-order__col--right {} #page-container .aq-order__tap {} /* image */ #page-container .aq-order__logo {} /* image: Aqualoc Logo – Footer */ #page-container .aq-order__copyright {} /* text: Copyright */ /* COMING SOON BANNER */ #page-container .aq-soon__row {} /* row */ #page-container .aq-soon__col {} /* column */ #page-container .aq-soon__heading {} /* text: Ultimate Solution Heading */ } /* ========================================================================= * TABLET AND BELOW (980px and below) * ====================================================================== */ @media (max-width: 980px) { /* HERO */ #page-container .aq-hero {} /* section: Hero */ #page-container .aq-hero__row {} /* row: Hero Row */ #page-container .aq-hero__col {} /* column */ #page-container .aq-hero__col--badge {} #page-container .aq-hero__badge {} /* group: Australian Made Badge */ #page-container .aq-hero__flag {} /* image: Australian Flag */ #page-container .aq-hero__badge-text {} /* text: Australian Made Text */ #page-container .aq-hero__col--logo {} #page-container .aq-hero__logo {} /* image: Aqualoc Logo */ #page-container .aq-hero__col--tap {} #page-container .aq-hero__tap {} /* image: Tap – Hero */ /* FEATURES & BENEFITS */ #page-container .aq-features {} /* section: Features & Benefits */ #page-container .aq-features__row {} /* row: Features Row */ #page-container .aq-features__col {} /* column */ #page-container .aq-features__col--list {} #page-container .aq-features__heading {} /* text: Features Heading */ #page-container .aq-features__list {} /* text: Features Checklist */ #page-container .aq-features__col--intro {} #page-container .aq-features__intro {} /* text: Patented Design Intro */ #page-container .aq-features__used {} /* text: Where It's Used */ /* SOLUTION + GUARANTEE */ #page-container .aq-solution__row {} /* row: Ultimate Solution + Guarantee Row */ #page-container .aq-solution__col {} /* column */ #page-container .aq-solution__col--main {} #page-container .aq-solution__heading {} /* text: Ultimate Solution Heading */ #page-container .aq-csiro {} /* group: CSIRO Band */ #page-container .aq-csiro__logo {} /* image: CSIRO Logo */ #page-container .aq-csiro__text {} /* text: CSIRO Text */ #page-container .aq-solution__col--guarantee {} #page-container .aq-guarantee {} /* group: 15 Year Guarantee Box */ #page-container .aq-guarantee__icon {} /* image: Guarantee Icon (water drop) */ #page-container .aq-guarantee__heading {} /* text: Guarantee Heading */ #page-container .aq-guarantee__text {} /* text: Guarantee Text */ #page-container .aq-solution__parts {} /* image */ /* TESTIMONIAL */ #page-container .aq-testimonial__row {} /* row: Testimonial Row */ #page-container .aq-testimonial__col {} /* column */ #page-container .aq-testimonial__quote {} /* text: Testimonial */ #page-container .aq-testimonial__name {} /* text: Testimonial */ /* "NO MORE…" BOXES */ #page-container .aq-flow-row {} /* row: No More… Row */ #page-container .aq-flow-col {} /* column */ #page-container .aq-flow-col--1 {} #page-container .aq-flow {} /* text: No More Leaking Taps */ #page-container .aq-flow--1 {} #page-container .aq-flow-col--2 {} #page-container .aq-flow--2 {} #page-container .aq-flow-col--3 {} #page-container .aq-flow--3 {} #page-container .aq-flow-col--4 {} #page-container .aq-flow--4 {} /* FAQs */ #page-container .aq-faq {} /* section: FAQs */ #page-container .aq-faq__heading-row {} /* row: FAQ Heading Row */ #page-container .aq-faq__heading-col {} /* column */ #page-container .aq-faq__heading {} /* text: FAQ Heading */ #page-container .aq-faq__row {} /* row: FAQ Row */ #page-container .aq-faq__col {} /* column */ #page-container .aq-faq__col--1 {} #page-container .aq-faq__item {} /* group: FAQ – How does Aqualoc save me money? */ #page-container .aq-faq__item--money {} #page-container .aq-faq__q {} /* text: Question */ #page-container .aq-faq__a {} /* text: Answer */ #page-container .aq-faq__item--time {} #page-container .aq-faq__item--install {} #page-container .aq-faq__col--2 {} #page-container .aq-faq__item--customers {} #page-container .aq-faq__item--how {} #page-container .aq-faq__item--price {} /* TICKS ALL THE BOXES */ #page-container .aq-ticks__row {} /* row: Ticks All The Boxes Row */ #page-container .aq-ticks__col {} /* column */ #page-container .aq-ticks-banner {} /* text: Ticks All The Boxes Banner */ /* ORDER / FOOTER */ #page-container .aq-order {} /* section: Call To Action */ #page-container .aq-order__row {} /* row: Footer Row */ #page-container .aq-order__col {} /* column */ #page-container .aq-order__col--left {} #page-container .aq-order__badges {} /* group */ #page-container .aq-order__watermark {} /* image: WaterMark Logo */ #page-container .aq-order__parts {} /* image: Aqualoc Parts – Footer */ #page-container .aq-order__col--main {} #page-container .aq-order__heading {} /* text: Frustrated Heading */ #page-container .aq-cta-btn {} /* text: Order Button */ #page-container .aq-order__contact {} /* text: Contact Details */ #page-container .aq-order__col--right {} #page-container .aq-order__tap {} /* image */ #page-container .aq-order__logo {} /* image: Aqualoc Logo – Footer */ #page-container .aq-order__copyright {} /* text: Copyright */ /* COMING SOON BANNER */ #page-container .aq-soon__row {} /* row */ #page-container .aq-soon__col {} /* column */ #page-container .aq-soon__heading {} /* text: Ultimate Solution Heading */ } /* ========================================================================= * PHONE (767px and below) * ====================================================================== */ @media (max-width: 767px) { /* HERO */ #page-container .aq-hero {} /* section: Hero */ #page-container .aq-hero__row {} /* row: Hero Row */ #page-container .aq-hero__col {} /* column */ #page-container .aq-hero__col--badge {} #page-container .aq-hero__badge {} /* group: Australian Made Badge */ #page-container .aq-hero__flag {} /* image: Australian Flag */ #page-container .aq-hero__badge-text {} /* text: Australian Made Text */ #page-container .aq-hero__col--logo {} #page-container .aq-hero__logo {} /* image: Aqualoc Logo */ #page-container .aq-hero__col--tap {} #page-container .aq-hero__tap {} /* image: Tap – Hero */ /* FEATURES & BENEFITS */ #page-container .aq-features {} /* section: Features & Benefits */ #page-container .aq-features__row {} /* row: Features Row */ #page-container .aq-features__col {} /* column */ #page-container .aq-features__col--list {} #page-container .aq-features__heading {} /* text: Features Heading */ #page-container .aq-features__list {} /* text: Features Checklist */ #page-container .aq-features__col--intro {} #page-container .aq-features__intro {} /* text: Patented Design Intro */ #page-container .aq-features__used {} /* text: Where It's Used */ /* SOLUTION + GUARANTEE */ #page-container .aq-solution__row {} /* row: Ultimate Solution + Guarantee Row */ #page-container .aq-solution__col {} /* column */ #page-container .aq-solution__col--main {} #page-container .aq-solution__heading {} /* text: Ultimate Solution Heading */ #page-container .aq-csiro {} /* group: CSIRO Band */ #page-container .aq-csiro__logo {} /* image: CSIRO Logo */ #page-container .aq-csiro__text {} /* text: CSIRO Text */ #page-container .aq-solution__col--guarantee {} #page-container .aq-guarantee {} /* group: 15 Year Guarantee Box */ #page-container .aq-guarantee__icon {} /* image: Guarantee Icon (water drop) */ #page-container .aq-guarantee__heading {} /* text: Guarantee Heading */ #page-container .aq-guarantee__text {} /* text: Guarantee Text */ #page-container .aq-solution__parts {} /* image */ /* TESTIMONIAL */ #page-container .aq-testimonial__row {} /* row: Testimonial Row */ #page-container .aq-testimonial__col {} /* column */ #page-container .aq-testimonial__quote {} /* text: Testimonial */ #page-container .aq-testimonial__name {} /* text: Testimonial */ /* "NO MORE…" BOXES */ #page-container .aq-flow-row {} /* row: No More… Row */ #page-container .aq-flow-col {} /* column */ #page-container .aq-flow-col--1 {} #page-container .aq-flow {} /* text: No More Leaking Taps */ #page-container .aq-flow--1 {} #page-container .aq-flow-col--2 {} #page-container .aq-flow--2 {} #page-container .aq-flow-col--3 {} #page-container .aq-flow--3 {} #page-container .aq-flow-col--4 {} #page-container .aq-flow--4 {} /* FAQs */ #page-container .aq-faq {} /* section: FAQs */ #page-container .aq-faq__heading-row {} /* row: FAQ Heading Row */ #page-container .aq-faq__heading-col {} /* column */ #page-container .aq-faq__heading {} /* text: FAQ Heading */ #page-container .aq-faq__row {} /* row: FAQ Row */ #page-container .aq-faq__col {} /* column */ #page-container .aq-faq__col--1 {} #page-container .aq-faq__item {} /* group: FAQ – How does Aqualoc save me money? */ #page-container .aq-faq__item--money {} #page-container .aq-faq__q {} /* text: Question */ #page-container .aq-faq__a {} /* text: Answer */ #page-container .aq-faq__item--time {} #page-container .aq-faq__item--install {} #page-container .aq-faq__col--2 {} #page-container .aq-faq__item--customers {} #page-container .aq-faq__item--how {} #page-container .aq-faq__item--price {} /* TICKS ALL THE BOXES */ #page-container .aq-ticks__row {} /* row: Ticks All The Boxes Row */ #page-container .aq-ticks__col {} /* column */ #page-container .aq-ticks-banner {} /* text: Ticks All The Boxes Banner */ /* ORDER / FOOTER */ #page-container .aq-order {} /* section: Call To Action */ #page-container .aq-order__row {} /* row: Footer Row */ #page-container .aq-order__col {} /* column */ #page-container .aq-order__col--left {} #page-container .aq-order__badges {} /* group */ #page-container .aq-order__watermark {} /* image: WaterMark Logo */ #page-container .aq-order__parts {} /* image: Aqualoc Parts – Footer */ #page-container .aq-order__col--main {} #page-container .aq-order__heading {} /* text: Frustrated Heading */ #page-container .aq-cta-btn {} /* text: Order Button */ #page-container .aq-order__contact {} /* text: Contact Details */ #page-container .aq-order__col--right {} #page-container .aq-order__tap {} /* image */ #page-container .aq-order__logo {} /* image: Aqualoc Logo – Footer */ #page-container .aq-order__copyright {} /* text: Copyright */ /* COMING SOON BANNER */ #page-container .aq-soon__row {} /* row */ #page-container .aq-soon__col {} /* column */ #page-container .aq-soon__heading {} /* text: Ultimate Solution Heading */ } @media (max-width: 660px) { #page-container .aq-soon__heading h2 {font-size:36px !important;} /* text: Ultimate Solution Heading */ } }