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

hr {background:transparent;}
.cta-tertiary {border:1px solid #003E52;}
.dnd_area-row-1-padding {margin-top:70px;}

.dark-bg .cta-primary {background-color: #98c93c; color:#003E52 !important;}
.dark-bg .cta-primary:hover {background-color: #73AF20 !important; color:#FFF!important;}

/*.pack-price {display:none;}*/


/* Blog */

.blog-index__post--large h4.card_post_title a,
.blog-index__post-content--small h4.card_post_title a,
.blog-index__post--large p {color:#003e52 !important;}

.blog-index__post img,
.blog-index__post-author-image { margin-right: 6px; position: relative; top: -5px;}

h1.blog-post__title {text-transform: unset;}

.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 {color: #39afc7!important; font-weight: bold;}
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 h2 {
  color: #003e52;
  font-family: Roboto;
  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: #003e52;
  font-family: Roboto;
  font-size: 31px;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0px;
  line-height: 1.1em;
}
.blog-post h4 {
  color: #003e52;
  font-family: Roboto;
  font-size: 25px;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0px;
  line-height: 1.2em;
}
.blog-post h5 {
  color: #003e52;
  font-family: Roboto;
  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: #003e52;
  font-family: Roboto;
  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 h2 {font-size: 31px;}
  .blog-post h3 {font-size: 25px;}
  .blog-post h4 {font-size: 20px;}
  .blog-post h5 {font-size: px;}
  .blog-post h5 {font-size: px;}  
}