/*
 Theme Name:   AM Child theme
 Theme URI:    https://sma.abovemedia.co.uk
 Description:  A bespoke website by AboveMedia
 Author:       AboveMedia
 Author URI:   https://www.abovemedia.co.uk
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/* ------ ADDITIONAL CSS HERE ------------------------------*/
/*==========================================================*/


/* ============================================
   ALTON FOOTER
   Centres the footer navigation menu
   and reduces space between footer nav
   and footer bottom copyright bar
   ============================================ */

/* Centres the footer menu links */
#et-footer-nav .container {
  text-align: center;  /* centres menu items — adjust if needed */
}

/* Reduces space between footer nav and copyright bar */
#et-footer-nav {
  padding-bottom: 0px;  /* adjust this value to reduce gap */
}

/* Reduces top padding on footer bottom bar */
#footer-bottom {
  padding-top: 0px;  /* adjust this value to reduce gap */
}


/* ============================================
   AM EQUAL BUTTON ROW
   Applied via CSS class: am-equal-button-row
   Makes columns flex so buttons align at
   the same height across all columns
   Assign this class to any row in Divi where
   buttons need to align at the bottom
   ============================================ */
.am-equal-button-row .et_pb_column {
  display: flex !important;
  flex-direction: column !important;
}

/* Pushes button module to bottom of column */
.am-equal-button-row .et_pb_button_module_wrapper {
  margin-top: auto !important;
}



/* ============================================
   ALTON GLOBAL HEADER
   Dropdown sub-menu — width, position
   and hover transition fix
   ============================================ */
#menu-main-menu li.menu-item-has-children ul.sub-menu {
  width: 370px !important;             /* dropdown width */
  top: calc(100% + 26px) !important;  /* drops submenu 18px lower */
  transition: all 0.3s ease-in-out 0.1s !important;  /* 0.1s delay bridges hover gap */
}

#menu-main-menu li.menu-item-has-children:hover ul.sub-menu {
  transition: all 0.3s ease-in-out 0s !important;  /* instant on hover in */
}

/* ============================================
   ALTON GLOBAL HEADER
   Widens anchor links inside dropdown
   and sets consistent padding on all items
   ============================================ */
#menu-main-menu ul.sub-menu li a {
  width: 320px !important;
  display: block !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* ============================================
   ALTON GLOBAL HEADER
   Z-index fix for dropdown hover in
   Divi Theme Builder custom header
   ============================================ */
.et_pb_section_0_tb_header {
  z-index: 999 !important;
}

.et_pb_section_0_tb_header ul.sub-menu {
  z-index: 1000 !important;
}

/* ============================================
   ALTON SECTION DIVIDER RULE
   Short decorative line used above pillar headings
   Colour: Estate Sage #c9d5cc
   Used via class: alton-div-rule
   ============================================ */
.alton-div-rule {
  width: 40px;
  height: 3px;
  background-color: #c9d5cc;
  margin-bottom: 20px;
  margin-left: auto;   /* centres the div horizontally */
  margin-right: auto;  /* centres the div horizontally */
}

/* ============================================
   ALTON LIST BULLET ICONS
   Custom icon bullet list using site favicon
   Used via class: am-bullet-alton
   ============================================ */
ul.am-bullet-alton {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
  margin-top: 16px;    /* space above the list — adjust this value */
  margin-bottom: 8px;  /* space below the list — adjust this value */
}

/* padding-left on li creates the text indent space
   so wrapped lines align under text not the icon */
ul.am-bullet-alton li {
  display: flex;
  align-items: flex-start; /* pins icon to first line only */
  gap: 6px;                /* space between icon and text — adjust this value */
  margin-bottom: 4px;      /* space between each list item — adjust this value */
  padding-left: 0;
  text-indent: 0;          /* removes any inherited indent */
}

/* Bullet icon via ::before pseudo-element */
ul.am-bullet-alton li::before {
  content: "";
  display: inline-block;
  flex-shrink: 0;      /* prevents flex collapsing the icon */
  width: 15px;         /* icon width — adjust this value */
  height: 15px;        /* icon height — adjust this value */
  min-width: 15px;     /* belt and braces — stops flex collapsing the icon */
  margin-top: 5px;     /* optically aligns icon to first line of text — adjust this value */
  background-image: url("http://staging.altoncollective.com/wp-content/uploads/2026/05/ALTON_ICON_SAGE.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* ============================================
   ALTON GLOBAL HEADER
   Increases spacing between main nav items
   Targets header menu only, not mobile menu
   ============================================ */
.et_pb_menu_0_tb_header .et_pb_menu__menu ul li a {
  padding-left: 20px;   /* space to left of each nav item — adjust this value */
  padding-right: 20px;  /* space to right of each nav item — adjust this value */
}

/* ============================================
   AM BULLET LIST INDENT FIX
   Scoped to styled bullet list classes only
   Prevents bleed into nav and other ul elements
   ============================================ */
.pa-bullet-list-1 ul li,
.pa-bullet-list-2 ul li,
.pa-bullet-list-white ul li {
  text-indent: -1em;
}

/* FONT ICONS
 * SOLID STAR:  
 * THUMBS UP: 
 * Reference: https://www.elegantthemes.com/blog/resources/elegant-icon-font
 */

/*bullet checklist 1*/
.pa-bullet-list-1 ul {
  list-style-type: none !important;
}

.pa-bullet-list-1 ul li:before {
  content: '\e052' !important;
  color: #2cba6c;
  font-family: 'ETMODULES' !important;
  margin-right: 10px;
  margin-left: -14px;
  font-size: 1.2em !important;
}

/*bullet checklist 2*/
.pa-bullet-list-2 ul {
  list-style-type: none !important;
}

.pa-bullet-list-2 ul li:before {
  content: '\e052' !important;
  color: #edf000;
  font-family: 'ETMODULES' !important;
  margin-right: 10px;
  margin-left: -14px;
  font-size: 1.2em !important;
}

/*bullet checklist white*/
.pa-bullet-list-white ul {
  list-style-type: none !important;
}

.pa-bullet-list-white ul li:before {
  content: '\e052' !important;
  color: white;
  font-family: 'ETMODULES' !important;
  margin-right: 10px;
  margin-left: -14px;
  font-size: 1.2em !important;
}

/*==========================================================*/
/* ================= FOOTER PADDING ================= */

.bottom-nav {
  padding: 10px 0px 0px 0px;
}

#footer-info {
  padding: 0px 0px 20px 0px;
}

#et-footer-nav .container {
  width: 90% !important;
}

#footer-bottom .container {
  width: 90% !important;
}

/*==========================================================*/
/*-------------- Fullwidth Specialty Section ----------------------*/
.ds-fullwidth-specialty > .et_pb_row {
  min-width: 90% !important;
}