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

/* section with dark bg, change the inputs, select and textarea of form to white */
#hs_cos_wrapper_module_1714817207757 form input:not(.dark-bg input.hs-button.primary), 
#hs_cos_wrapper_module_1714817207757 form select,
#hs_cos_wrapper_module_1714817207757 form textarea{color:white !important;}
#hs_cos_wrapper_module_1714817207757 form select{background-color: #232222;}

.cta-secondary:hover {background-color: #3c3c3c; color:#FFF !important;}
input.hs-button {cursor:pointer;}

.dark-bg .cta-primary,
.dark-bg input.hs-button.primary {background-color: #FFF; color:#801515 !important; cursor:pointer}
.dark-bg .cta-primary:hover,
.dark-bg input.hs-button.primary:hover {background-color: #e0e0d6 !important;}
.dark-bg .cta-secondary {border-color: #FFF; color:#FFF !important;}
.dark-bg .cta-secondary:hover {background-color: #FFF !important; color:#e0e0d6!important;}
.dark-bg label {color:#FFF !important;}

@media (max-width: 767px) {
  li { font-size: 16px;} 
}


.hhs-card-flip-mod .tile .contents {padding: 2em 1.5em 0 !important;}
.hhs-card-flip-mod .plus-minus {right: 15px;top: 10px !important;}
.hhs-card-flip-mod .tile a {cursor: cell;}

form .hs_submit.hs-submit {padding-bottom:1.5em;}

@media (max-width: 575px){
  .hhs-hero-slider .flickity-prev-next-button {display: block !important;}
}

@media (max-width: 430px){
  .flickity-prev-next-button .flickity-button-icon {top:130%;}
}




.blog-index__post-author img,
.blog-index__post-author-image {max-width: 16px; margin-right: 6px; position: relative; top: -7px;}
p.reading-minutes {color: #989898 !important;}
h1.blog-post__title {text-transform: unset;}
.blog-index__post--large h4.card_post_title a,
.blog-index__post-content--small h4.card_post_title a {color:#000 !important;}
.blog-index__post--large h4.card_post_title a:hover,
.blog-index__post-content--small h4.card_post_title a:hover {color:#801515 !important;}
.hhs-blog-grid-cards {padding:3em 0;}
.post-page-full{background:#FFF !important;}

.hhs-blog-grid-cards .blog-index__post-tag:hover, .hhs-blog-grid-cards .blog-index__post-tag:focus {background: #6eacbf !important;}
.blog-post__tag-link {color: #FFF;background-color: #6eacbf;}
a.blog-index__post-button::after {content:'>'; margin-left:5px;position: relative;  0 top: 1px;}
a.blog-index__post-button:hover {color: #003e52!important;}

.blog-post h1, h1.blog-post__title {
  color: #801515;
  font-family: Crimson Pro;
  font-size: 50px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0px;
  line-height: 1.1em;
}

.blog-post h2 {
  color: #801515;
  font-family: Crimson Pro;
  font-size: 39px;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0px;
  line-height: 1.1em;
}
.blog-post h3 {
  color: #801515;
  font-family: Crimson Pro;
  font-size: 37px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0px;
  line-height: 1.1em;
}
.blog-post h4 {
  color: #801515;
  font-family: Crimson Pro;
  font-size: 25px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0px;
  line-height: 1.2em;
}
.blog-post h5 {
  color: #801515;
  font-family: Crimson Pro;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0px;
  line-height: 1.3em;
}
.blog-post h6 {
  color: #801515;
  font-family: Crimson Pro;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0px;
  line-height: 1.3em;
}

@media(max-width: 767px) {
  .blog-post h1, h1.blog-post__title {font-size: 35px;}  
  .blog-post h2 {font-size: 24px;}
  .blog-post h3 {font-size: 22px;}
  .blog-post h4 {font-size: 14px;}
  .blog-post h5 {font-size: px;}
  .blog-post h5 {font-size: px;}  
}

.hs-search-field.is-open .hs-search-field__bar {
    left: auto !important;
    max-width: 15vw !important;
    right: 0px;
}

@media (max-width: 991px) {
    .hs-search-field.is-open .hs-search-field__bar {
        max-width: 30vw !important;
    }
}

@media (max-width: 767px) {
    .hs-search-field.is-open .hs-search-field__bar {
        max-width: 50vw !important;
    }
}

@media (max-width: 575px) {
    .hs-search-field.is-open .hs-search-field__bar {
        max-width: 70vw !important; 
    }
}