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

/* Halvar Black*/
@font-face { 
  font-family: 'Halvar Black';
  src: url('/hubfs/25868881/Global/fonts/halvar-black-webfont.eot') format('eot'), url('/hubfs/25868881/Global/fonts/halvar-black-webfont.woff') format('woff'), url('/hubfs/25868881/Global/fonts/halvar-black-webfont.ttf') format('truetype');
  font-weight: 900;
  font-display: swap;
}

/* Halvar Bold*/
@font-face { 
  font-family: 'Halvar Bold'; 
  src: url('/hubfs/25868881/Global/fonts/halvar-bold-webfont.eot') format('eot'), url('/hubfs/25868881/Global/fonts/halvar-bold-webfont.woff') format('woff'), url('/hubfs/25868881/Global/fonts/halvar-bold-webfont.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
}

/* Maax Regular */  
@font-face {
   font-family: 'Maax Regular';
  src: url('/hubfs/25868881/Global/fonts/maax-regular.eot') format('eot'), url('/hubfs/25868881/Global/fonts/maax-regular.woff') format('woff'), url('/hubfs/25868881/Global/fonts/maax-regular.otf') format('truetype');
   font-weight: 400;
  font-display: swap;
}

/* Maax Bold */  
@font-face {
   font-family: 'Maax Bold'; 
  src: url('/hubfs/25868881/Global/fonts/maax-bold.eot') format('eot'), url('/hubfs/25868881/Global/fonts/maax-bold.woff') format('woff'), url('/hubfs/25868881/Global/fonts/maax-bold.otf') format('truetype');
   font-weight: 600;
  font-display: swap;
}

/******  WEBSITE HEADINGS ******/
h1 {font-family: 'Halvar Black', sans-serif !important;}
h2 {font-family: 'Halvar Bold', sans-serif !important;}
h3 {font-family: 'Halvar Bold', sans-serif !important;}
h4 {font-family: 'Halvar Bold', sans-serif !important;}
h5 {font-family: 'Maax Bold', sans-serif !important;}
h6 {font-family: 'Maax Bold', sans-serif !important;}

/****** PARAGRAPHS AND LISTS ******/

p {font-family: 'Maax Regular', sans-serif !important;}
li, ol {font-family: 'Maax Regular', sans-serif !important;}
blockquote {font-family: 'Maax Regular', sans-serif !important;}


/******  BLOG HEADINGS ******/
h1.blog-post__title {font-family: 'Halvar Black', sans-serif !important;}
.blog-post h2 {font-family: 'Halvar Bold', sans-serif !important;}
.blog-post h3 {font-family: 'Halvar Bold', sans-serif !important;}
.blog-post h4 {font-family: 'Halvar Bold', sans-serif !important;}
.blog-post h5 {font-family: 'Maax Bold', sans-serif !important;}
.blog-post h6 {font-family: 'Maax Bold', sans-serif !important;}


.blog-index__post-content--large h2.card_post_title a {font-family: 'Halvar Bold', sans-serif !important;}
.blog-index__post-content--small h4.card_post_title a {font-family: 'Halvar Bold', sans-serif !important;}

/****** BLOG PARAGRAPHS AND LISTS ******/

#comments-listing .comment-body p,
.blog-post p,
.blog-post span {font-family: 'Maax Regular', sans-serif !important;}
.blog-post li, .blog-post ol {font-family: 'Maax Regular', sans-serif !important;}


/****** CALLS TO ACTION ******/

.cta-primary,
.cta-primary:active,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary,
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary 
  {font-family: 'Maax Bold', sans-serif !important;}

.cta-secondary,
.cta-secondary:active,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary,
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary
  {font-family: 'Maax Bold', sans-serif !important;}

.cta-tertiary,
.cta-tertiary:active,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary,
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary
  {font-family: 'Maax Bold', sans-serif !important;}

.cta-four,
.cta-four:active,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-four,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-four,
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-four
  {font-family: 'Maax Bold', sans-serif !important;}

.cta-five,
.cta-five:active,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-five,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-five,
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-five
  {font-family: 'Maax Bold', sans-serif !important;}


/****** FORM ELEMENTS ******/

.hs-button,
.button--primary {font-family: 'Maax Bold', sans-serif !important;}

.submit-alt .hs-button,
.submit-alt .button--primary {font-family: 'Maax Bold', sans-serif !important;}

/* INPUT TEXT FIELD */

form,
.submitted-message,
select,
.hs-input {font-family: 'Maax Regular', sans-serif !important;}

/* FORM LABEL */

.hs-fieldtype-checkbox > label,
.hs-form label {font-family: 'Maax Bold', sans-serif !important;}

/* CHECKBOX AND RADIO BUTTONS */

.hs_radio_buttons .hs-form-radio label,
.hs_single_checkbox label,
.hs-form label.hs-form-radio-display span,
.hs-fieldtype-checkbox .hs-form-checkbox label,
.hs-form-booleancheckbox label 
  {font-family: 'Maax Bold', sans-serif !important;}

/* HELP TEXT */

.hs-form legend {font-family: 'Maax Regular', sans-serif !important;}

/* GDPR TEXT */

.legal-consent-container,
.legal-consent-container p {font-family: 'Maax Regular', sans-serif !important;}

/* ERROR MESSAGE */

.hs-error-msgs label {font-family: 'Maax Regular', sans-serif !important;}


/* HEADER */

.hhs-lang-switch .lang_list_class li a,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
  font-family: 'Maax Bold', sans-serif !important;
}

/* FOOTER  */

.hhs-foot-rss h5, .hhs-foot-nav-col h5 {
  font-family: 'Maax Regular', sans-serif !important;
}

.hhs-foot-nav-col .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
  font-family: 'Maax Regular', sans-serif !important;
}

a {
  font-weight: 600;
   font-family: 'Maax Regular';
}

@media (max-width: 850px)
.container {
    padding-top: 5px;
    padding-bottom: 5px;
}

.hhs-foot-base-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li {
    margin-bottom: 20px;
}

@media (min-width: 576px)
.container {
    max-width: 640px;
}



.blog-post__tag-link {
  font-size: 1rem;
  padding: 5px 10px;
  text-transform: uppercase;
}

.blog-pagination__link {
    display: inline-flex;
    padding: 0.55rem 0.8rem;
    margin: 0 0.3rem;
}

.blog-post__title h1{
line-height: .75em !important;
  text-shadow: none !important;
}
  
/* Tung's helping with the image height bug on safari */
@media (max-width: 768px) {
  div.hhs-bg-image img.hhs-reg-image {
    height: unset !important;
  }
}


.blog-index__post-tag {
    margin: 0 15px 15px 0;

}
  
  .hhs-blog-grid-cards .blog-index__post-tag {
      margin: 0 15px 15px 0;
}

}


.hhs-text-mod .col-inner-round {
   border-radius: 8px; 
  }   
.c1 .col-inner {
    border-radius: 8px;
}

/*   JENNI TESTING 13102021
.hhs-social-share-mod h6,
.hhs-social-share-mod .hhs-share-icon {
  display: inline-block; 
} */

.hhs-social-share-mod .hhs-share-icon {
 margin-right: 10px; 
}

.hhs-social-share-mod h6 {
 font-size: 16px;
  vertical-align: -webkit-baseline-middle;
  margin-right: 10px;
}

.hhs-share-icon i {
      color: #ffffff !important;
      background-color: #7a17f8!important;
          padding: 0;
    line-height: 48px!important;
    height: 48px;
    min-width: 48px;
      border-radius: 8px;
          box-shadow: 0 5px 8px 0 rgb(0 0 0 / 25%);
}

.hhs-share-icon i: hover {
    background-color: #39006c !important;
  padding: 0;
    line-height: 48px!important;
    height: 48px;
    min-width: 48px;
      border-radius: 8px;
          box-shadow: 0 5px 8px 0 rgb(0 0 0 / 25%);

} 



.hhs-flexi-card .hhs-card-content {
    padding-top: 20px !important;
}