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

.header__cta:hover a, 
.header__cta a:hover, 
.header--scroll .header__cta:hover a
{
    color: #000 !important;
}

@media (max-width: 1024px) {
  .header__row {
    height: 80px !important;
  }
  .header__navigation.open {
    background-color: rgba(8, 8, 8, .95) !important;
    top: 100px; !important;
  }
}

.hero__banner-text {
    max-width: 1240px !important;
}

.hero__banner-text h1 {
  padding-bottom: 10px;
}

.hero__banner-text .custom-btn {
  padding-top: 10px;
}

.slide-subhead {
    padding-bottom: 10px;
}

.cta__banner-text h2 {
  padding-bottom:10px;
}

.cta__banner-text .custom-btn {
  padding-top:10px;
}

.subpage__banner-text h1 {
    padding-bottom: 5px;
}

 @media screen and (min-width:900px) {
  .hsfc-CheckboxFieldGroup__Options {
    column-count:3;
      }
  .hsfc-RadioFieldGroup__Options {
    column-count:3;
  }
  }
  @media screen and (max-width:899px) {
  .hsfc-CheckboxFieldGroup__Options {
    column-count:2;
      }
  .hsfc-RadioFieldGroup__Options {
    column-count:1;
  }
  }