/* ==========================================
   VICKIE MILLER – MASTER CUSTOM STYLESHEET
   Cleaned + Structured (Divi 4 → Divi 5 Ready)
   Copied from STAGING/TESTING - 2/23/2026
========================================== */

/* ==========================================
   1. GLOBAL UTILITIES
========================================== */

.fullwidth-mega {
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
}

body.et-fb {
  scroll-behavior:auto!important;
}

.et-fb .et_pb_section {
  transform:none!important;
}

/* ==========================================
   2. NAVIGATION
========================================== */

/* Hide cart + search */
#et-top-navigation .et-cart-info,
#et_top_search {
  display:none!important;
}

.mmm-nav-menu .mmm-label {
  background: none;
  color: #e60000;
  font-weight: 700;
  font-size: 0.65em;
  margin-left: 6px;
  vertical-align: super;
  letter-spacing: 0.3px;
}

.wavwatch-nav-menu .new-label {
  background: none;
  color: #e60000;
  font-weight: 700;
  font-size: 0.65em;
  margin-left: 6px;
  vertical-align: super;
  letter-spacing: 0.3px;
}

/* ShiftNav cleanup */
.shiftnav-inner .shiftnav-menu li,
.shiftnav-inner .shiftnav-menu li a {
  border-bottom:none!important;
  box-shadow:none!important;
}

/* ==========================================
   3. DIVI LAYOUT ADJUSTMENTS
========================================== */

@media (min-width:1280px){
  #page-container{
    top:0!important;
    padding-top:0!important;
  }
}

@media (max-width:1279px){
  #page-container{
    top:35px!important;
    padding-top:35px!important;
  }
}

/* ==========================================
   4. HOMEPAGE
========================================== */

.home_hero{
  min-height:100vh;
  padding:10vh 0;
  overflow:hidden;
}

/* ==========================================
   5. ICON SYSTEM (FA4 – via ShiftNav)
========================================== */

.icon-list ul{
  list-style:none;
  padding:0;
  margin:0;
}

.icon-list ul li{
  position:relative;
  padding-left:28px;
  margin-bottom:6px;
}


.icon-list ul li::before {
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  position:absolute;
  left:0;
  top:0;
}

/* =====================================
   ICON BASE FONT ENFORCEMENT
===================================== */

.icon-list ul li::before,
.icon-inline::before {
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
  display: inline-block;
}

/* =====================================
   FIX – FLEX VARIANTS RESET POSITIONING
===================================== */

.icon-list.icon-center ul li::before,
.icon-list.icon-left ul li::before,
.icon-list.icon-right ul li::before {
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  margin: 0 !important;
}

/* ICON TYPES */
.icon-circle ul li::before{content:"\f111";}
.icon-hand ul li::before{content:"\f0a4";}
.icon-heart ul li::before{content:"\f004";}
.icon-horse ul li::before{content:"\f6f0";}
.icon-lotus ul li::before{content:"\f5bb";}
.icon-moon ul li::before{content:"\f186";}
.icon-square ul li::before{content:"\f0c8";}
.icon-star ul li::before{content:"\f005";}

/* =============================================
   INLINE ICON MAPPING – FA6
   ============================================= */

.icon-list li::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    display: inline-block;
    margin-right: 8px;
}

/* Individual Icons */

.icon-circle::before{content:"\f111";}
.icon-hand::before{content:"\f0a4";}
.icon-heart::before{content:"\f004";}
.icon-horse::before{content:"\f6f0";}
.icon-lotus::before{content:"\f5bb";}
.icon-moon::before{content:"\f186";}
.icon-square::before{content:"\f0c8";}
.icon-star::before{content:"\f005";}

/* ==================================================
   ICON SYSTEM — Right-aligned text (flex solution)
   ================================================== */

.icon-list.icon-right ul {
  text-align: right;
}

.icon-list.icon-right ul li {
  display: flex;
  justify-content: flex-end;   /* push content to right */
  align-items: center;
  gap: 8px;                    /* space between icon & text */
  padding-left: 0 !important;
  padding-right: 0;
}

/* Remove absolute positioning for this variant */
.icon-list.icon-right ul li::before {
  position: static;
  margin: 0;
}

/* ================================
   ICON LIST — LEFT JUSTIFIED
================================ */

.icon-list.icon-left ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.icon-list.icon-left ul li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  margin-bottom: 10px;
  text-align: left;
}

.icon-list.icon-left ul li::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

/* ================================
   ICON LIST — CENTERED TEXT
================================ */

.icon-list.icon-center ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.icon-list.icon-center ul li {
  display: flex;
  align-items: center;
  justify-content: center; /* center whole row */
  gap: 10px;               /* space between icon & text */
  margin-bottom: 10px;
  text-align: center;
}

.icon-list.icon-center ul li::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

/* =====================================
   ICON COLOR MODIFIERS
===================================== */

/* Brand Gold */
.icon-gold ul li::before,
.icon-inline.icon-gold::before {
  color: #CC9D44;
}

/* Teal */
.icon-teal ul li::before,
.icon-inline.icon-teal::before {
  color: #00C3CC;
}

/* White */
.icon-white ul li::before,
.icon-inline.icon-white::before {
  color: #ffffff;
}

/* Soft Rose */
.icon-rose ul li::before,
.icon-inline.icon-rose::before {
  color: #f06292;
}

/* Deep Plum */
.icon-plum ul li::before,
.icon-inline.icon-plum::before {
  color: #6a1b9a;
}

/* Black */
.icon-black ul li::before,
.icon-inline.icon-black::before {
  color: #000000;
}

/* Muted */
.icon-muted ul li::before,
.icon-inline.icon-muted::before {
  color: #777777;
}

/* Orange */
.icon-orange ul li::before,
.icon-inline.icon-orange::before {
  color: #FF5F1F;
}

/* =====================================
   ICON SIZE MODIFIERS
===================================== */

.icon-sm ul li::before,
.icon-inline.icon-sm::before {
  font-size: 0.85em;
}

.icon-md ul li::before,
.icon-inline.icon-md::before {
  font-size: 1.1em;
}

.icon-lg ul li::before,
.icon-inline.icon-lg::before {
  font-size: 1.4em;
}

.icon-xl ul li::before,
.icon-inline.icon-xl::before {
  font-size: 1.8em;
}

/* =====================================
   ICON GLOW EFFECT
===================================== */

.icon-glow ul li::before,
.icon-inline.icon-glow::before {
  text-shadow:
    0 0 6px rgba(255,255,255,0.6),
    0 0 12px rgba(255,215,0,0.6),
    0 0 18px rgba(255,200,100,0.5);
}

.icon-glow-soft ul li::before,
.icon-inline.icon-glow-soft::before {
  text-shadow:
    0 0 5px rgba(255,255,255,0.4),
    0 0 10px rgba(255,255,255,0.3);
}

/* =====================================
   ICON GRADIENT STYLE
===================================== */

.icon-gradient ul li::before,
.icon-inline.icon-gradient::before {
  background: linear-gradient(45deg, #CC9D44, #f06292, #00C3CC);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.icon-gradient-goddess ul li::before,
.icon-inline.icon-gradient-goddess::before {
  background: linear-gradient(60deg, #d4af37, #ff69b4, #9c27b0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* =====================================
   DARK MODE ADAPTIVE ICONS
===================================== */

.section-dark .icon-list ul li::before,
.section-dark .icon-inline::before {
  color: #ffffff;
}

.section-light .icon-list ul li::before,
.section-light .icon-inline::before {
  color: #000000;
}

@media (prefers-color-scheme: dark) {
  .icon-auto ul li::before,
  .icon-inline.icon-auto::before {
    color: #ffffff;
  }
}

/* =====================================
   ICON TYPE MAPPINGS (PER-ITEM)
   Use on individual <li> or inline spans
===================================== */

.icon-heart::before { content: "\f004"; }
.icon-moon::before  { content: "\f186"; }
.icon-star::before  { content: "\f005"; }
.icon-lotus::before { content: "\f5bb"; }
.icon-horse::before { content: "\f6f0"; }
.icon-hand::before  { content: "\f0a4"; }

/* =====================================
   LEGACY ICON SYSTEM (DEPRECATED)
   Use only for older modules that relied
   on absolute-position bullet icons.
   Remove after full Divi 5 transition.
===================================== */

.icon-legacy ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.icon-legacy ul li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 6px;
}

.icon-legacy ul li::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 0;
}

.icon-hover-lift ul li::before,
.icon-inline.icon-hover-lift::before {
  transition: all .3s ease;
}

.icon-hover-lift ul li:hover::before,
.icon-inline.icon-hover-lift:hover::before {
  transform: translateY(-3px);
}

/* ==========================================
   6. MAGICAL UNIVERSITY
========================================== */

.mu-switcher .dsm-switch-inner{
  background:#83236a!important;
}

.mu-price-text h3{
  font-family:'Montagna LTD',sans-serif;
  font-weight:700;
}

/* ==========================================
   7. WOO COMMERCE
========================================== */

/* Product Grid Flex */
.woocommerce ul.products{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:2em;
}

.woocommerce ul.products li.product{
  flex:0 1 calc(25% - 2em);
}

@media(max-width:768px){
  .woocommerce ul.products li.product{
    flex:0 1 calc(50% - 2em);
  }
}

@media(max-width:480px){
  .woocommerce ul.products li.product{
    flex:100%;
  }
}

/* ==========================================
  8. WooCommerce Product Gallery – Divi Optimized
Forces consistent 1:1 product gallery
========================================== */

/* Reset Woo gallery height issues */

.single-product .flex-viewport{
height:auto !important;
max-height:none !important;
}

/* Force square gallery container */

.single-product .woocommerce-product-gallery__image{
aspect-ratio:1 / 1;
width:100%;
overflow:hidden;
position:relative;
}

/* Make images fill square properly */

.single-product .woocommerce-product-gallery__image img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

/* Prevent zoom container from breaking layout */

.single-product .zoomImg{
max-width:none !important;
max-height:none !important;
}

/* Improve thumbnail layout */

.single-product .flex-control-thumbs{
display:flex !important;
gap:10px;
justify-content:center;
margin-top:10px;
}

.single-product .flex-control-thumbs li{
flex:0 0 auto;
}

.single-product .flex-control-thumbs img{
border-radius:6px;
transition:opacity .2s ease;
}

.single-product .flex-control-thumbs img:hover{
opacity:.75;
}

/* ==========================================
  9. WOO COMMERCE STABILITY FIXES (Divi + Woo)
Prevents gallery height glitches and layout shifts
========================================== */

/* Prevent FlexSlider height jump */

.single-product .woocommerce-product-gallery{
height:auto !important;
}

/* Ensure viewport never collapses */

.single-product .flex-viewport{
overflow:hidden;
}

/* Prevent thumbnails wrapping on small screens */

.single-product .flex-control-thumbs{
flex-wrap:nowrap;
overflow-x:auto;
padding-bottom:5px;
}

/* Smooth thumbnail scrolling */

.single-product .flex-control-thumbs::-webkit-scrollbar{
height:6px;
}

.single-product .flex-control-thumbs::-webkit-scrollbar-thumb{
background:#ccc;
border-radius:6px;
}

/* Prevent Divi from stretching product columns */

.single-product div.product{
align-items:flex-start;
}

/* Fix occasional zoom container overflow */

.single-product .woocommerce-product-gallery__wrapper{
overflow:hidden;
}

/* ==========================================
   CRYSTAL IMAGE SWATCHES – FINAL VERSION
   ========================================== */

/* Base styling */
.woo-variation-swatches .variable-item {
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    background-size: cover !important;
    background-position: center !important;
    font-size: 0 !important;
    color: transparent !important;
    border: 2px solid #e5e5e5 !important;
    transition: all 0.2s ease !important;
}


.woo-variation-swatches .variable-item:hover {
    transform: scale(1.05);
    border-color: #c6a85b !important;
}


.woo-variation-swatches .variable-item.selected {
    border-color: #b59f5b !important;
    box-shadow: 0 0 0 2px rgba(181,159,91,0.25) !important;
}


/* =========================
   INDIVIDUAL COLOR MAPPINGS
   ========================= */

.variable-item.button-variable-item-blue-kyanite {
    background-image: url('/wp-content/uploads/2026/02/swatch-blue-kyanite-120x120-1.jpg') !important;
}

.variable-item.button-variable-item-bronze-smoky-quartz {
    background-image: url('/wp-content/uploads/2026/02/swatch-bronze-smoky-quartz-120x120-1.jpg') !important;
}

.variable-item.button-variable-item-gold-citrine {
    background-image: url('/wp-content/uploads/2026/02/swatch-gold-citrine-120x120-1.jpg') !important;
}

.variable-item.button-variable-item-green-fluorite {
    background-image: url('/wp-content/uploads/2026/02/swatch-green-fluorite-120x120-1.jpg') !important;
}

.button-variable-item-green-chrysoprase {
    background-image: url('/wp-content/uploads/2026/03/swatch-green-chrysoprase-120x120-1.jpg') !important;
}

.variable-item.button-variable-item-orange-orange-calcite {
    background-image: url('/wp-content/uploads/2026/02/swatch-orange-orange-calcite-120x120-1.jpg') !important;
}

.variable-item.button-variable-item-pink-rose-quartz {
    background-image: url('/wp-content/uploads/2026/02/swatch-pink-quartz-120x120-1.jpg') !important;
}

.button-variable-item-purple-amethyst {
    background-image: url('/wp-content/uploads/2026/03/swatch-purple-amethyst-ver2-120x120-1.jpg') !important;
}

.variable-item.button-variable-item-red-amber {
    background-image: url('/wp-content/uploads/2026/02/swatch-red-amber-120x120-1.jpg') !important;
}

.variable-item.button-variable-item-red-carnelian {
    background-image: url('/wp-content/uploads/2026/02/swatch-red-carnelian-120x120-1.jpg') !important;
}

.variable-item.button-variable-item-yellow-citrine {
    background-image: url('/wp-content/uploads/2026/02/swatch-yellow-citrine-120x120-1.jpg') !important;
}

/* Hide WPC radio buttons only for crystal color */
.wpcvrb-wrapper[data-attribute_name="attribute_pa_crystal_color"] {
    display: none !important;
}

/* Selected variation text (Crystal Color) */
body .woo-variation-items-wrapper .woo-selected-variation-item-name {
color: #ffffff !important;
font-weight: 600 !important;
}

/* Variation label (e.g., "Color:", "Size:") */
.label {
    color: #ffffff !important;
}

/* Selected variation text (e.g., "Red", "Medium") */
.woo-selected-variation-item-name {
    color: #ffffff !important;
    font-weight: 600; /* optional, but looks good on transparent backgrounds */
}

et-db #et-boc .et-l .et_pb_wc_add_to_cart form.cart .variations td.value .reset_variations
 {
    color: #ffffff!important;
    float: left!important;
    margin-top: 1em;
}

/* ==========================================
WooCommerce Variation Price Styling
========================================== */

.single-product .woocommerce-variation-price,
.single-product .woocommerce-variation-price span.price,
.single-product .woocommerce-variation-price .woocommerce-Price-amount{
color:#ffffff !important;
font-weight:700;
line-height:1.2;
}

/* Desktop */

@media (min-width:981px){

.single-product .woocommerce-variation-price .woocommerce-Price-amount{
font-size:1.5rem;
}

}

/* Tablet */

@media (max-width:980px){

.single-product .woocommerce-variation-price .woocommerce-Price-amount{
font-size:1.35rem;
}

}

/* Mobile */

@media (max-width:480px){

.single-product .woocommerce-variation-price .woocommerce-Price-amount{
font-size:1.2rem;
}

}

/* ==========================================
   8. FLODESK
========================================== */

#fd-modal{
  position:fixed!important;
  inset:0;
  z-index:999999!important;
  isolation:isolate!important;
}

#fd-modal .fd-modal-content{
  position:fixed!important;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  background:#fff;
  padding:24px;
  border-radius:12px;
}

/* ================================
   FLODESK MOBILE STABILITY FIX
================================ */

@media (max-width: 980px) {

  .flodesk-popup,
  .fd-modal,
  .fd-overlay .fd-modal {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    max-height: 90vh !important;
    overflow-y: auto !important;
    z-index: 999999 !important;
  }

  /* Ensure close button stays visible */
  .flodesk-popup .close,
  .fd-modal .fd-close {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    z-index: 1000000 !important;
  }

}

/* ==========================================
   9. ANIMATIONS
========================================== */

.dl-shadow-pulse{
  animation:shadow-pulse 3s infinite;
}

@keyframes shadow-pulse{
  0%{box-shadow:0 0 #ff0099;}
  50%{box-shadow:0 0 0 .25em transparent;}
  100%{box-shadow:0 0 transparent;}
}

/* =============================================
   MOBILE HORIZONTAL ICON LIST
   ============================================= */

@media (max-width: 768px) {

  .icon-list {
    display: flex;
    justify-content: center;
    gap: 18px;
    padding-left: 0;
  }

  .icon-list li {
    display: flex;
    align-items: center;
    font-size: 15px;
  }

}

/* =============================================
DIVI THEME BUILDER HEADER SCROLL FIX
Applies to:

* Single WooCommerce Product Pages
* WooCommerce Product Category Pages
  Compatible with ShiftNav wrapper
  ============================================= */

/* ---------------------------------------------

1. Remove Layout Compensation (No Top Gap)
   --------------------------------------------- */

body.single-product #page-container,
body.tax-product_cat #page-container {
padding-top: 0 !important;
}

/* ---------------------------------------------
2. Remove Header From Normal Flow
--------------------------------------------- */

body.single-product .et-l--header,
body.tax-product_cat .et-l--header {
position: fixed !important;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
}

/* ---------------------------------------------
3. Scroll Animation (Hide Until Scroll)
--------------------------------------------- */

.pa-product-hide-header {
transform: translateY(-100%);
transition: transform 0.4s ease;
}

.pa-product-hide-header.pa-show-header {
transform: translateY(0);
}

/* ---------------------------------------------
4. Safety: Prevent ShiftNav Wrapper Interference
--------------------------------------------- */

body.single-product .shiftnav-wrap,
body.tax-product_cat .shiftnav-wrap {
padding-top: 0 !important;
}

/* =============================================
   RESPONSIVE HEADER + HERO SPACING FIXES
   - Tablet top gap under ShiftNav
   - Mobile/Tablet hero compression
   - Horizontal icon layout on mobile
   ============================================= */


/* =============================================
   1. TABLET – REMOVE TOP GAP UNDER SHIFTNAV
   ============================================= */

@media (min-width: 769px) and (max-width: 1024px) {

  body.tax-product_cat #main-content,
  body.single-product #main-content {
      margin-top: -25px; /* adjust +/- 5px if needed */
  }

}


/* =============================================
   2. MOBILE + TABLET HERO COMPRESSION
   ============================================= */

@media (max-width: 1024px) {

  /* Reduce spacing under subtitle */
  .et_pb_section .et_pb_text p {
      margin-bottom: 6px;
  }

  /* Tighten icon list spacing */
  .icon-list {
      margin-top: 6px;
      margin-bottom: 6px;
  }

  /* Tighten breadcrumb spacing */
  body.tax-product_cat .woocommerce .woocommerce-breadcrumb {
      margin: 5px 0 5px 0 !important;
      padding: 0 !important;
  }
}


/* =============================================
   3. MOBILE ONLY – HORIZONTAL ICON LIST
   ============================================= */

@media (max-width: 767px) {

  .icon-list {
    display: flex;
    justify-content: center;
    gap: 18px;
    padding-left: 0;
  }

  .icon-list li {
    display: flex;
    align-items: center;
    font-size: 15px;
  }

  /* Optional: Slight hero padding reduction */
 .mobile-icon-list-wrapper {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
	
/* =============================================
   VISUAL BUILDER SAFE MODE – SHIFTNAV TABLET
   ============================================= */

@media (min-width: 769px) and (max-width: 1279px) {

  .et-fb #shift-nav-toggle-main {
      top: 120px !important;
  }

}

/* =============================================
   HERO COMPRESSION – PRODUCT CATEGORY
   Mobile + Tablet
   ============================================= */

@media (max-width: 1279px) {

  /* 1. Section spacing */
  body.tax-product_cat .et_pb_section:first-of-type {
      padding-top: 30px !important;
      padding-bottom: 20px !important;
  }

  /* 2. Row spacing */
  body.tax-product_cat .et_pb_section:first-of-type .et_pb_row {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
      margin-top: 0 !important;
      margin-bottom: 0 !important;
  }

  /* 3. Column spacing */
  body.tax-product_cat .et_pb_section:first-of-type .et_pb_column {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
  }

  /* 4. Heading + paragraph spacing */
  body.tax-product_cat .et_pb_section:first-of-type h1,
  body.tax-product_cat .et_pb_section:first-of-type p {
      margin-bottom: 10px !important;
  }

  /* 5. Icon list spacing */
  body.tax-product_cat .icon-list {
      margin-top: 10px !important;
      margin-bottom: 10px !important;
      padding-left: 0 !important;
  }

}

/* =============================================
   HERO TIGHTENING – PRODUCT CATEGORY MOBILE
   ============================================= */

@media (max-width: 768px) {

  /* Reduce spacing under hero text column */
  body.tax-product_cat .et_pb_section:first-of-type .et_pb_column {
      margin-bottom: 5px !important;
  }

  /* Tighten icon list spacing */
  body.tax-product_cat .icon-list {
      margin-top: 5px !important;
      margin-bottom: 5px !important;
  }

  /* Pull product grid upward */
  body.tax-product_cat .woocommerce {
      margin-top: -45px !important;
  }

}

/* =============================================
   REMOVE EXTRA GAP ABOVE BREADCRUMB ROW
   ============================================= */

@media (max-width: 768px) {

  body.tax-product_cat .et_pb_row_1_tb_body {
      margin-top: 0 !important;
      margin-bottom: 0 !important;
      padding-top: 0 !important;
      padding-bottom: 0 !important;
  }

}

/* =============================================
   FORCE REMOVE HERO → BREADCRUMB GAP
   ============================================= */

@media (max-width: 768px) {

  body.tax-product_cat .et-db #et-boc .et-l .et_pb_row_1_tb_body.et_pb_row {
      padding-top: 0 !important;
  }

}

/* =============================================
   REMOVE DIVI STACKED COLUMN GAP (PRODUCT CAT)
   ============================================= */

@media (max-width: 980px) {

  body.tax-product_cat .et-db #et-boc .et-l .et_pb_row_1_tb_body .et_pb_column {
      margin-bottom: 0 !important;
  }

}

/* FORCE SQUARE PRODUCT IMAGE AREA – DIVI WOO MODULE */

.et_pb_shop ul.products li.product .shop-image {
  aspect-ratio: 1 / 1 !important;
  overflow: hidden;
  display: block;
}

.et_pb_shop ul.products li.product .shop-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

/* ===== FORCE FLEX ICON SYSTEM ===== */

.icon-list ul li {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.icon-list.icon-right ul li {
  justify-content: flex-end !important;
  text-align: right !important;
}

.icon-list.icon-left ul li {
  justify-content: flex-start !important;
}

.icon-list.icon-center ul li {
  justify-content: center !important;
}

@media (max-width: 768px) {

  .icon-list.icon-right ul li {
    justify-content: center !important;
    text-align: center !important;
  }

}

.icon-list ul {
  width: 100%;
}

@media (max-width: 768px) {
  .icon-list ul li {
    justify-content: center !important;
  }
}

/* ==========================================
   FIRE HORSE HOME HERO
========================================== */

.fire-horse-cta {
  display: flex;
  align-items: center;
  gap: 20px;
}

@media (max-width: 980px) {
  .fire-horse-cta {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* ==========================================
   SHIFTNAV – STABLE HEADER SYSTEM (0226)
========================================== */

/* -----------------------------
   DESKTOP / GLOBAL
------------------------------*/

/* Toggle bar height */
.shiftnav-toggle-main {
    height: 60px !important;
}

/* Inner container */
.shiftnav-main-toggle-content {
    height: 60px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* Logo container */
.shiftnav-logo-main-block {
    display: flex !important;
    align-items: center !important;
    height: 60px !important;
    padding: 0 15px !important;
}

/* Logo image */
.shiftnav-logo-main-block img {
    max-height: 40px !important;
    height: auto !important;
    width: auto !important;
}


/* -----------------------------
   MOBILE
------------------------------*/

@media (max-width: 768px) {

  /* Hard reset padding from ShiftNav */
  #shiftnav-toggle-main .shiftnav-main-toggle-content,
  #shiftnav-toggle-main .shiftnav-toggle-main-block {
      padding: 0 20px !important;
      height: 52px !important;
      min-height: 52px !important;
  }

  #shiftnav-toggle-main .shiftnav-main-toggle-content {
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
  }

  #shiftnav-toggle-main img {
      max-height: 32px !important;
  }

}

/* ==========================================
   HOME 0226 – KILL DIVI MOBILE GAP
========================================== */

@media only screen and (max-width: 768px) {

  body.page-id-16720 .et_pb_section:first-of-type {
      padding-top: 0 !important;
  }

}

/* ==========================================
   Fire Horse Hero Height – FINAL
========================================== */

@media (min-width: 981px) {

  .fire-horse-section {
    min-height: calc(100vh - 155px);
    display: flex;
    flex-direction: column;
  }

  .fire-horse-section > .et_pb_row:first-child {
    flex: 1;
  }

  .fire-horse-section > .et_pb_row:last-child {
    margin-top: auto;
  }

}

/* ==========================================
   SHIFTNAV FIXED HEADER OFFSET – TABLET
   ========================================== */

:root {
  --shift-toggle-height: 60px;
}

@media (min-width: 769px) and (max-width: 1279px) {

  .et-l--body {
      padding-top: var(--shift-toggle-height) !important;
  }

}

/* ==========================================
   END MASTER STYLESHEET
========================================== */

/* ===== TEMP ICON DEBUG ===== 
.icon-list ul li {
  position: relative;
}

.icon-list ul li::before {
  content: "\f004" !important;
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
  position: relative !important;
  left: auto !important;
  top: auto !important;
  color: red !important;
  font-size: 22px !important;
}
*/