/* @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    */
/*****************************************/

:root {
  --color-secondary-hover: 118, 53, 160; /* purple */
}



.header-menu [aria-current="page"] {
  font-weight: bold !important; /* Makes the active page bold */
  color: #331448; 
} 




/* HEADER */

.header .container--custom {
  max-width: 1400px; 
}

.header-menu a[href*="javascript:;"] {
  text-decoration: none !important;
}




.header-menu__parent-link {
  text-decoration: none;
}


.header-menu__dropdown-icon {
  transform: rotate(45deg) translate(-4px, 3px) !important;
}

.header-menu__sub-menu-toggler[aria-expanded="true"] {
  transform: rotate(180deg);
  transition: transform 0.4s ease; /* Optional: Add a smooth transition effect */
}

.header-menu__parent--has-children {
  display: flex !important;
  flex-direction: row !important;
      gap: 4px !important;

}


.menu-arrow {
  border-width: medium;
  border-bottom: 2px solid rgb(var(--color-black));
  border-left: 0 solid rgb(var(--color-black));
  border-right: 2px solid rgb(var(--color-black));
  border-top: 0 solid rgb(var(--color-black));
  display: block;
  height: 12px;
  margin: auto;
  transform: rotate(45deg) translate(-2px, -2px) scale(.7);
  width: 12px;

}

@media (max-width: 1025px) {
  .menu-arrow {
    display: none;
  }
}


.media-modal__toggle {
  background-color: #331448 !important;
  color: white !important;
  z-index: 9999 !important;
}

.media-modal__content {
  overflow: visible !important;
}

@media (max-width: 768px) {
  
  .listings_dnd_area-row-0-vertical-alignment > .row-fluid {
    display: flex;
    flex-direction: column-reverse;
  }

  
}


.header-menu__children a {
  font-weight: 500;
  text-decoration: none;
}

/* .header-menu__children a:hover {
  color: #F69C1D !important;
  text-decoration: none !important;
} */

.header-menu__children a:not([href="javascript:;"]):hover {
  color: #F69C1D !important;
  text-decoration: none !important;
}

/* Invalid links: no pointer */
.header-menu__children a[href="javascript:;"],
.header-menu__children a[href="#"] {
  cursor: default;
}

/* .header-menu.header-menu--primary > li:first-child .header-menu__children .header-menu__child:first-child .header-menu__link.header-menu__child-link {
  
} */


.header-menu__link.header-menu__child-link {
  text-decoration: none;
  font-weight: 500;
}

/*Row Divider-Issue Test*/
@media (min-width: 901px) {
  .row-divider__shape {
      top: -1px !important;
  }
}

@media (max-width: 900px) {
  .row-divider__shape {
      top: 0 !important;
  }
}

.equal-height > .row-fluid > .widget-span > .row-fluid-wrapper:first-child,
.equal-height > .row-fluid > .widget-span > .row-fluid-wrapper:first-child  > .row-fluid,
.equal-height > .row-fluid > .widget-span > .row-fluid-wrapper:first-child  > .row-fluid > .dnd-module,
.equal-height > .row-fluid > .widget-span > .row-fluid-wrapper:first-child  > .row-fluid > .dnd-module > .hs_cos_wrapper,
.equal-height > .row-fluid > .widget-span > .row-fluid-wrapper:first-child  > .row-fluid > .dnd-module > .hs_cos_wrapper > div,
.equal-height > .row-fluid > .widget-span > .row-fluid-wrapper:first-child  > .row-fluid > .dnd-module > .hs_cos_wrapper > div > div {
  height: 100% !important;
}

.equal-height > .row-fluid > .widget-span > .row-fluid-wrapper:first-child  > .row-fluid > .dnd-module > .hs_cos_wrapper > div > div > img {
  height: 100%;
}


/*
.equal-height  [class*="background-color"] {
  border-radius: 50px; 
}


*/
/*Force the LP logo on left--RV 20240426*/
.header--lp .nav {justify-content:left!important;}





/*  Row with image and text columns: this makes sure image always stacks first     */

@media (max-width: 767px) {

  .reverse-stack-order .row-fluid {
    display: flex;
    flex-direction: column-reverse;
  }

}


.col-w-border-radius .dnd-column[class*="-background-color"] {
  border-radius: 50px; 
}



.blog.blog-listings .hs-search-field__bar button svg {
  height: 15px !important;
  fill: white !important;
} 

.blog-listings .hs-search-field--open .hs-search-field__suggestions  {
  z-index: 99;
  padding: 10px;
}

.error-page .hs-search-field__button {
  background-color: #F69C1D;
  border-radius: 0;
  border: none;
  fill: white;
}


@media (min-width: 1968px) {
  /* CSS rules go here */
  .adjust-bg-image.adjust-bg-image {
    background-position: center bottom !important;
    padding-bottom: 300px !important;
  }
}


.blog-listings  .hs-search-field__bar > form {
  position: relative;
}


.blog-listings .hs-search-field__button  {
  position: absolute;
  right: 0;
}


.blog-post__image {
  height: 100% !important;
}

.blog-post__title  {
  font-size: 17px !important;
}

@media (max-width: 425px) {
  
  .blog-post__title  {
    font-size: 16px !important;
  }
}


.blog-post__meta--over-image .blog-post__author {
  text-decoration: none !important;
  padding: 2px 8px 2px 8px !important;
}

.blog-post__readtime, .blog-post__timestamp {
  /*color: white !important;*/
}

.blog-listings  input[type=search] {
  font-size: .9em !important;
}



.resource {
  Background-color: #F5F5F5 !important;
}


.n-container {
  max-width: 860px !important;
  margin: 0 auto;
}

.nav__logo .site-logo__image {
  min-width: 155px !important; 
}

/* chips styles 12-02-2024 */

.pp-simple-menu .hs-menu-item.hs-menu-depth-1:before {
  display: none;
}

@media (min-width: 68.75em) { 
  
  .pp-simple-menu .hs-menu-flow-horizontal .hs-menu-depth-1 a {
    position: relative;
    font-weight: 700 !important;
  }
  
  .pp-simple-menu .span4.widget-span.widget-type-cell.dnd-column .hs-menu-item.hs-menu-depth-1.hs-item-has-children a:after {
    content: "";
    position: absolute;
    top: 1em;
    right: 0;
    border-width: medium;
    border-bottom: 2px solid #212139;
    border-left: 0 solid #212139;
    border-right: 2px solid #212139;
    border-top: 0 solid #212139;
    display: block;
    height: 12px;
    margin: auto;
    transform: rotate(45deg) translate(-2px, -2px) scale(.7);
    width: 12px;
  }
  
  .pp-simple-menu .span4.widget-span.widget-type-cell.dnd-column .hs-menu-item.hs-menu-depth-1.hs-item-has-children .hs-menu-item.hs-menu-depth-2 a:after {
    display: none;
  }
  
  .pp-simple-menu .hs-menu-flow-horizontal li.hs-menu-item a:link {
    font-weight: 400;
  }
  
  .pp-simple-menu .hs-menu-flow-horizontal .hs-menu-depth-1 a:link {
    font-weight: 700;
    text-decoration: none;
    padding-left: 0;
  }
  
  .pp-simple-menu .hs-menu-flow-horizontal .hs-menu-depth-1 .hs-menu-children-wrapper .hs-menu-depth-2 a {
    font-weight: 400 !important;
    text-decoration: underline;
    padding-left: 1em;
  }
  
  .pp-simple-menu .hs-menu-flow-horizontal.hs-menu-flow-horizontal.flyouts .hs-menu-children-wrapper {
    box-shadow: 0 17px 35px 0 rgba(0, 0, 0, .05);
  }
  
  .pp-simple-menu .hs-menu-flow-horizontal .hs-menu-depth-1>.hs-menu-children-wrapper {
    left: 0;
    padding-top: .5rem;
    background-color: #F8F7F5;
    border-top: 3px solid #F0F0F0;
    border-radius: 0rem 0rem 1rem 1rem;
  }
  
  .pp-simple-menu .hs-menu-flow-horizontal .hs-menu-depth-1>.hs-menu-children-wrapper:before {
    display: none;
  }
  
  .pp-simple-menu .hs-menu-flow-horizontal .hs-menu-depth-1>.hs-menu-children-wrapper .hs-menu-depth-2 a:link {
    text-decoration: underline;
  }
}

@media (max-width: 1099px) {  
  .pp-simple-menu .hs-menu-flow-horizontal li.hs-menu-item a:link {
    font-weight: 400;
  }
  
  .pp-simple-menu .hs-menu-item.hs-menu-depth-1 a:link,
  .pp-simple-menu .hs-menu-item.hs-menu-depth-1.hs-item-has-children a:link {
    text-decoration: none;
    font-weight: 700 !important;
    padding-bottom: .5em;
    padding-left: 0;
  }
  
  .pp-simple-menu .hs-menu-flow-horizontal .hs-menu-depth-1 .hs-menu-children-wrapper .hs-menu-depth-2 a {
    font-weight: 400 !important;
    padding: .5em 1em 0 1em;
  }
  
  .pp-simple-menu .hs-menu-flow-horizontal .hs-menu-depth-1 .hs-menu-children-wrapper .hs-menu-depth-2:last-child a {
    padding-bottom: 2em;
  }
  
  .pp-simple-menu .hs-menu-flow-horizontal .hs-menu-depth-1 a,
  .pp-simple-menu .hs-menu-flow-horizontal .hs-menu-depth-1 .hs-menu-children-wrapper .hs-menu-depth-2 a {
    position: relative; 
  }
  
  .pp-simple-menu .hs-menu-flow-horizontal .hs-menu-depth-1 a:after {
    content: "";
    display: unset;
    position: absolute;
    top: 1em;
    right: 0;
    border-width: medium;
    border-bottom: 2px solid #212139;
    border-left: 0 solid #212139;
    border-right: 2px solid #212139;
    border-top: 0 solid #212139;
    display: block;
    height: 12px;
    margin: auto;
    transform: rotate(45deg) translate(-2px, -2px) scale(.7);
    width: 12px;
  }
  
  .pp-simple-menu .hs-menu-flow-horizontal .hs-menu-depth-1 .hs-menu-children-wrapper .hs-menu-depth-2 a:after {
    display: none;
  }
  
  .pp-simple-menu .hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
    display: block;
    padding-left: 0;
    opacity: 1;
    visibility: unset;
  }
}

@media (max-width: 767px) {
  .pp-simple-menu .hs-menu-wrapper.flyouts.hs-menu-flow-horizontal ul {
    max-width: 475px;
    margin: 0 auto;
  }
  /*
  .pp-simple-menu .hs-menu-flow-horizontal li.hs-menu-item,
  .pp-simple-menu .hs-menu-flow-horizontal li.hs-menu-item a:link {
    text-align: center;
  }
  */  
  .pp-simple-menu .hs-menu-flow-horizontal .hs-menu-depth-1 a,
  .pp-simple-menu .hs-menu-flow-horizontal .hs-menu-depth-1 .hs-menu-children-wrapper .hs-menu-depth-2 a {
    padding: .5em 1em .5em 1em !important;
  }
  
  .pp-simple-menu .hs-menu-flow-horizontal .hs-menu-depth-1 .hs-menu-children-wrapper .hs-menu-depth-2 a {
    margin-left: 1em;
  }
  
  .pp-simple-menu .hs-menu-flow-horizontal .hs-menu-depth-1 a:after {
    display: none;
  }
}

a.pp-simple-menu-anchors {
  display: block;
  margin-top: -8rem;
}

/* END chips styles 12-02-2024 */

html body a.button.button--secondary:hover,
html body button.button--secondary:hover,
html body .button.button--secondary:hover {
  background-color: rgb(var(--color-secondary-hover)) !important;
  border-color: rgb(var(--color-secondary-hover)) !important;
}
a.button.button--secondary:hover,
button.button--secondary:hover,
.button.button--secondary:hover {
  opacity: 1 !important;
}

a.button.button--secondary:hover {
  opacity: 1 !important;
}
/* Force full opacity on buttons only (override generic a:hover opacity:.9) */
a.button:hover,
a.button:focus,
a.button:active,
button.button:hover,
button.button:focus,
button.button:active,
.hs-button:hover,
.hs-button:focus,
.hs-button:active {
  opacity: 1 !important;
}

<style>
:root{
  /* these vars must be comma-separated RGB values (no rgb()) */
  --color-secondary: 246, 156, 25;        /* base (was your normal button bg) */
  --color-secondary-hover: 255, 172, 55;  /* hover (ffac37) */
  --color-secondary-contrast: 33, 33, 57; /* text color (your dark navy) */
}
</style>