/********************   adjustment to typography   *********************/
.hero-brow {color: #ffffff; font-family: "Plus Jakarta Sans", sans-serif; font-weight: 300; font-size: 22px; text-align: center; }
.hero-title {color: #ffffff; font-family: "Quattrocento", serif; font-weight: 400; font-size: 42px; text-align: center; }
.h2-quote {font-size: 24px; text-align: center; font-family: Quattrocento; line-height: 1.5; color: #ffffff; letter-spacing: 1px;}
.testimonial {font-size: 20px; text-align: center; font-style: italic; font-weight: 200;}



/********************   adjustment to menu bar outside padding   *********************/
 @media (min-width: 1000px) { 
.hhs-nav-grid  {
    padding-right: 85px !important;
}
   /*********** gradient menu bar  **********/
.hhs-top-bar {
  background: linear-gradient(to bottom, 
    rgba(0, 0, 0, 0.7) 0%, 
    rgba(0, 0, 0, 0.0) 100%
  );
}

   
/********************   adjustment to greens bottom border testimonial row   *********************/   
.widget_1741817408273-flexbox-positioning {
  position: relative; /* Ensures child elements position relative to this module */
}

.widget_1741817408273-flexbox-positioning > div::after {   
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%; /* Now relative to the module, not the page */
  background: linear-gradient(to top,  
    rgba(0, 0, 0, 0.7) 0%,  /* Solid black at the bottom */
    rgba(0, 0, 0, 0.0) 100% /* Fully transparent at the top */
  );
  z-index: 2; /* Ensures it's in front of the image */
  pointer-events: none; /* Ensures interactions with content are not blocked */
}

   /*********************************   footer  **********************/
.hhs-footer-mod { border-top: 3px solid #C5B358;}
.hhs-foot-break-line {display: none !important;}

/*****************  cta styling ************************/

.cta-primary 
{border: 2px solid #C5B358 !important;}
.cta-primary:hover 
{border: 2px solid #C5B358 !important;}

.cta-secondary
{border: 2px solid #214b30 !important;}
.cta-secondary:hover 
{border: 2px solid #214b30 !important;}

.cta-tertiary
{border: 2px solid #214b30 !important;}
.cta-tertiary:hover 
{border: 2px solid #214b30 !important;}

.cta-five
{border: 2px solid #ffffff !important;}
.cta-five:hover 
{border: 2px solid #ffffff !important;}

.hs-button
{border: 2px solid #C5B358 !important;}
.hs-button:hover 
{border: 2px solid #C5B358 !important;}
   
/********************   to remove extra space in ctas so they match form buttons  *********************/
.cta-primary, .cta-secondary, .cta-tertiary, .cta-four, .cta-five {line-height: 1.0em;}
   
   

 /**************************** hubspot button style  **********************/
.hs-form__actions__submit {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-weight: 400  !important;
  letter-spacing: 1px !important;
}

 /**************************** link styles  **********************/
.white-link {color: #ffffff;}
.white-link:hover  {color: #cccccc;}

   li {margin-bottom: 0px;}