/*
Theme Name: Divi Child Theme
Theme URI: https://divireadythemes.com/
Description: Divi Child Theme
Author: Divi Ready Themes
Author URI: https://divireadythemes.com/
Template: Divi
Version: Updated for Divi 3+
*/



/*------------------------------------------------*/
/*-------------------[GENERAL]--------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*-----------------[HEADER-MENU]------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*------------------[HOMEPAGE]--------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*------------------[SUBPAGES]--------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*-------------------[Footer]---------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*--------------------[RWD]-----------------------*/
/*------------------------------------------------*/

/* Mobile pass, Trapdoor Media (Diana) 8 Oct 2026.
   Source copy: EA Build projects/website-projects/townend-plumbing/Divi_Child-style.css */

/* ===== Mobile menu: full-width dropdown =====
   Divi positions .et_mobile_menu against the Menu module, which sits in a narrow
   header column (151px at 390px). Make the header section the positioning context. */
@media (max-width: 980px) {
  .et-l--header .et_pb_section { position: relative; }
  .et-l--header .et_pb_row,
  .et-l--header .et_pb_column,
  .et-l--header .et_pb_menu,
  .et-l--header .et_pb_menu_inner_container,
  .et-l--header .et_pb_menu__wrap,
  .et-l--header .et_pb_menu__menu,
  .et-l--header .et_mobile_nav_menu { position: static !important; }
  .et-l--header .et_pb_menu .et_mobile_menu { left: 0; top: 100%; width: 100%; padding: 8px 20px 16px; }
  .et-l--header .et_pb_menu .et_mobile_menu li a { padding: 12px 10px; }
  .et-l--header .et_pb_menu .et_mobile_menu li li a { padding-left: 24px; }
}

/* ===== Heading sizes =====
   Text modules set fixed desktop sizes (H1 80px, H2 50px, CTA H3 30px) with no tablet/phone values. */
@media (max-width: 980px) {
  html body .et_pb_text .et_pb_text_inner h1 { font-size: 48px; }
  html body .et_pb_text .et_pb_text_inner h2 { font-size: 40px; }
}
@media (max-width: 767px) {
  html body .et_pb_text .et_pb_text_inner h1 { font-size: 40px; }
  html body .et_pb_text .et_pb_text_inner h2 { font-size: 32px; }
  html body .et_pb_text .et_pb_text_inner h3 { font-size: 24px; }
  .et_pb_toggle .et_pb_toggle_title { padding-right: 36px; }
}

/* ===== Hero spacing on phone (the .hero class in Theme Options CSS uses desktop padding 150px/90px) ===== */
@media (max-width: 767px) {
  .hero { padding: 70px 0 50px; }
}

/* ===== Nested CTA rows on tablet =====
   The "Get a quote + phone" nested rows are fixed at width:450px with a phone-only 100% override.
   At tablet (768-980px) they sit in half-width columns and push the page sideways (Why Us). */
@media (max-width: 980px) {
  html body .et_pb_row .et_pb_row_nested { width: 100% !important; max-width: 100% !important; }
}



/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*--[ADD TUTORIAL CUSTOMIZATION BELOW THIS LINE]--*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/