/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/



.button-tertiary {
    background-color: #8e309e;
    border-color: #8e309e;
    color: #8e309e;
}

.button-tertiary:hover {
    background-color: #ffffff;
    border-color: #8e309e;
    color: #8e309e;
}

.button--secondary {
    background-color: rgba(0, 140, 255, 0) !important;
}

.slick-slider .slick-list {
    max-width: 1250px !important;
}


:root {
    /* Header Settings */
    --header-height: 130px !important;
    --menu-item-margin: 45px !important;
}

.hs-item-has-children {
    margin-top: 0px !important;
}

.site-header__main-area {
    margin-left: 2% !important;
    margin-right: 2% !important;
}
.site-header {
    padding: 0;
}
/*
@media (min-width: 1025px) {
.site-header__main-area {
margin-left: 10% !important;
margin-right: 10% !important;
}

}
*/
@media (min-width: 1120px) {
    .site-header__main-area .site-header__navigation .site-header__menu .hs-menu-item .hs-menu-children-wrapper {
        top: 60% !important;
    }
}
/*
.site-header__main-area {
margin-left: 10% !important;
margin-right: 10% !important;
}



@media (min-width: 1201px) {
.site-header__main-area {
margin-left: 8% !important;
margin-right: 8% !important;
}
}

@media (min-width: 1600px) {
.site-header__main-area {
margin-left: 12% !important;
margin-right: 12% !important;
}
}

@media (min-width: 1600px) {
.site-header__main-area {
margin-left: 12% !important;
margin-right: 12% !important;
}
}

.site-header__main-area {
max-width: 1200px;
}
*/

@media (max-width: 1119px) {
    .site-header__main-area .site-header__navigation .site-header__menu .hs-menu-item__child-toggle:not(.hs-menu-item__child-toggle__no-link) {
        position: static !important;
        /*left: 1.75em !important;*/
    }
    /*
    .site-header__main-area {
    margin-left: 8% !important;
    margin-right: 8% !important;
}
    */
    .hs-item-has-children {
        margin-top: 0!important;
/*         margin-bottom: 20px; */
    }
    .hs-menu-item .hs-menu-depth-2 {
        margin-top: 10px !important;
    }

    .site-header__main-area .site-header__navigation .site-header__menu .hs-menu-item .hs-menu-item__child-toggle, .site-header__main-area .site-header__navigation .site-header__menu .hs-menu-item>a:not(.button):not(.hs-button) {
        font-size: 22px !important;
        text-align: center;
    }
    .mobile-menu-active .site-header__main-area .site-header__navigation .site-header__menu {
        text-align: center;
    }
    .site-header__main-area .site-header__navigation .site-header__menu .hs-menu-item.hs-menu-depth-1 [aria-expanded=true]+.hs-menu-children-wrapper {
        padding-bottom: 0;
    }
}

/* ============================= */
/* Dropdown Navigation Styling */
/* ============================= */

.hs-menu-wrapper ul ul li a {
  font-weight: bold;
  padding: 10px 15px;
  line-height: 1.6;
  display: block;
}

/* ===== Kill the dropdown squares entirely (no replacement arrow) ===== */

.site-header__menu .hs-menu-depth-1.hs-item-has-children > a::before,
.site-header__menu .hs-menu-item__child-toggle::before,
.site-header__menu .hs-menu-item__child-toggle::after {
  content: none !important;
  display: none !important;
  background: none !important;
  border: 0 !important;
  width: 0 !important;
  height: 0 !important;
}

/* 2) Hide any inline <svg> / <i> icon used by the toggle */
.site-header__menu .hs-menu-item__child-toggle svg,
.site-header__menu .hs-menu-item__child-toggle i {
  display: none !important;
}

/* 3) Remove any leftover box styling on the toggle itself */
.site-header__menu .hs-menu-item__child-toggle {
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* ===== MENU: cleanup + right-side dropdown arrow (desktop only) ===== */

/* Remove theme-injected icons (keep ::after free in case theme uses it elsewhere) */
.site-header__menu .hs-menu-depth-1.hs-item-has-children > a::before,
.site-header__menu .hs-menu-item__child-toggle::before,
.site-header__menu .hs-menu-item__child-toggle::after {
  content: none !important;
  display: none !important;
  background: none !important;
  border: 0 !important;
  width: 0 !important;
  height: 0 !important;
}

/* Hide any built-in icon nodes inside the toggle */
.site-header__menu .hs-menu-item__child-toggle svg,
.site-header__menu .hs-menu-item__child-toggle i,
.site-header__menu .hs-menu-item__child-toggle .icon,
.site-header__menu .hs-menu-item__child-toggle .hs-icon,
.site-header__menu .hs-menu-item__child-toggle .toggle-icon {
  display: none !important;
}

/* Reset leftover box styling on the toggle element */
.site-header__menu .hs-menu-item__child-toggle {
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* ===== Desktop: draw dropdown arrow on the LI (not the link/toggle) ===== */
@media (min-width: 1120px) {
  /* give the link room for the arrow */
  .site-header__menu .hs-menu-depth-1.hs-item-has-children > a {
    position: relative !important;
    padding-right: 16px !important;   /* adjust to 18px if needed */
  }

  /* draw the arrow on the LI itself */
  .site-header__menu .hs-menu-depth-1.hs-item-has-children {
    position: relative !important;
  }
  .site-header__menu .hs-menu-depth-1.hs-item-has-children::after {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 0 !important;
    height: 0 !important;
    border-style: solid !important;
    border-width: 5px 4px 0 4px !important;      /* ▼ */
    border-color: currentColor transparent transparent transparent !important;
    background: none !important;
    box-shadow: none !important;
    point

 /* === Bulletproof submenu spacing + weight across all templates (desktop) === */
@media (min-width:1120px){
  /* match common HubSpot patterns + fallback to wrapper id */
  .site-header__menu .hs-menu-children-wrapper .hs-menu-depth-2 > a,
  .hs-menu-children-wrapper a,
  .hs-menu-wrapper ul ul li > a,
  [id^="hs_menu_wrapper"] ul ul li > a {
    display: block !important;
    padding: 14px 26px !important;   /* more space */
    white-space: nowrap !important;
    text-transform: uppercase !important;
    letter-spacing: 0.03em !important;
    line-height: 1.45 !important;

    /* go as bold as your font supports */
    font-weight: 700 !important;     /* if 800/900 exist, bump it */
    font-variation-settings: "wght" 750; /* harmless if non-variable */
  }

  /* vertical gap between items */
  .hs-menu-wrapper ul ul li,
  [id^="hs_menu_wrapper"] ul ul li {
    margin: 4px 0 !important;
  }

  /* panel breathing room */
  .hs-menu-children-wrapper,
  .hs-menu-wrapper ul ul {
    padding: 14px 0 !important;
  }
}

}