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

#hhs-main-nav{
  background: #203561;
}

.hhs-header-logo{
  display: none!important;
}

/*-Header text white-*/
.hhs-inner-con .container .row.inner .hhs-col-inner h4,
.hhs-inner-con .container .row.inner .hhs-col-inner p{
  color: #fff!important;
}

.module-to-hide { display: none;!important }

/* --- CTA Slider button ---*/
.cta-header-button{
  background-color: #7ba5c0;
  color: #fff;
  font-family: Montserrat, arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  border-radius: 10px;
  padding: 8px 10px;
  text-transform: uppercase;
  text-wrap: no-wrap;
}

.cta-header-button:hover{
  filter: brightness(80%);
  color: #203561!important;
}

@media only screen and (max-width: 600px){
  a.cta-header-button{
    display:flex!important;
    justify-content: center;
  }
  
  .flickity-page-dots, /*-hide blue lines in hero slider-*/
  .social-links         /*-hide social icons in secondary nav bar-*/
  {
    display: none;
  }
}

@media (max-width: 767px) {
  /* Only constrain TEXT elements inside HubSpot rich text modules */
  .dnd-section .hs_cos_wrapper_type_rich_text h1,
  .dnd-section .hs_cos_wrapper_type_rich_text h2,
  .dnd-section .hs_cos_wrapper_type_rich_text h3,
  .dnd-section .hs_cos_wrapper_type_rich_text h4,
  .dnd-section .hs_cos_wrapper_type_rich_text h5,
  .dnd-section .hs_cos_wrapper_type_rich_text h6,
  .dnd-section .hs_cos_wrapper_type_rich_text p,
  .dnd-section .hs_cos_wrapper_type_rich_text ul,
  .dnd-section .hs_cos_wrapper_type_rich_text ol,
  .dnd-section .hs_cos_wrapper_type_rich_text blockquote {
    width: 80% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  
  #hamburger-icon .line-1,
  #hamburger-icon .line-2,
  #hamburger-icon .line-3{
    background-color: #eaeaea;
  }
}

/* --- Header Gradient --- */
.carousel-cell::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;

  background: linear-gradient(
    to right,
    #203561 0%,
    #203561 30%,
    rgba(32, 53, 97, 0.0) 60%
  );

  z-index: 2;
}


/* --- Header left white line --- */
.carousel-cell .hhs-inner-con .container .c1 .hhs-col-inner{
  border-left: 10px solid white;
  padding-left: 20px;
}


/* ----------------------------- Buttons -----------------------------*/
.lt-blue-btn{
  text-align: center!important;
  background-color: #7ba5c0;
  color: #fff!important;
  font-family: Montserrat, arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  border-radius: 10px;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: 1s;
}

.lt-blue-btn:hover{
  color: #213562!important;
}


.yellow-btn{
    text-align: center!important;
  background-color: #ffd100;
  color: #000!important;
  font-family: Montserrat, arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  border-radius: 10px;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: 1s;
}


.yellow-btn:hover{
  color: #fff!important;
}

.grey-btn{
  text-align: center!important;
  background-color: #7e8187;
  color: #fff!important;
  font-family: Montserrat, arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  border-radius: 10px;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: 1s;
}


.grey-btn:hover{
  color: #000!important;
}


/* ---- Blog module H4 heading bold --- */
.hhs-blog-post-mod .row .hhs-blog-post-card .hhs-post-content h4,
.hhs-blog-grid-cards.listing-page .row .hhs-blog-card-inner .card_post_title{
font-weight: 600;
}

/*--- Center Align Blue Card Text ---*/
.contents.c-align-center{
  display: flex;
  justify-content: center; /* centers horizontally */
  align-items: center;     /* centers vertically */
  gap: 10px;               /* space between text and icon */
}