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


/*** CUSTOM UPLOADED FONTS 
  * Remove the @font-face block below if you're loading Adobe Type Kit.
***/




  /*** FONTS FOR EASY COPY & PASTE 
   * 
   * Add Name of Your Fonts Here
   * 
   * ***/

 @import url("https://use.typekit.net/vey5pfl.css");

/******  WEBSITE HEADINGS ******/
h1 {font-family: 'articulat-cf', sans-serif !important;}
h2 {font-family: 'articulat-cf', sans-serif !important;}
h3 {font-family: 'articulat-cf', sans-serif !important;}
h4 {font-family: 'articulat-cf', sans-serif !important;}
h5 {font-family: 'articulat-cf', sans-serif !important;}
h6 {font-family: 'articulat-cf', sans-serif !important;}

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

p {font-family: 'argent-cf', serif; !important;}
li, ol {font-family: 'argent-cf', sans-serif !important;}
blockquote {font-family: 'articulat-cf', sans-serif !important;}


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

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

#comments-listing .comment-body p,
.blog-post p,
.blog-post span {font-family: 'Font-Name', sans-serif !important;}
.blog-post li, .blog-post ol {font-family: 'Font-Name', 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: 'articulat-cf', 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: 'articulat-cf', 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: 'articulat-cf', 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: 'articulat-cf', 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: 'articulat-cf', sans-serif !important;}


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

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

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

/* INPUT TEXT FIELD */

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

/* FORM LABEL */

.hs-fieldtype-checkbox > label,
.hs-form label {font-family: 'articulat-cf', 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: 'articulat-cf', sans-serif !important;}

/* HELP TEXT */

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

/* GDPR TEXT */

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

/* ERROR MESSAGE */

.hs-error-msgs label {font-family: 'articulat-cf', 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: 'articulat-cf', sans-serif !important;
  
}

/* FOOTER  */

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

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

/* Knowledge Base  */
.hs-kb-home-list__text h3 {font-family: 'articulat-cf', sans-serif !important;}

/* Mobile Navigation CTA HACK  */
.interactive-button-wrapper {
 display: none !important; 
}

.col3-footer-hack {
 display: none; 
}

@media only screen and (max-width: 600px) {
  
  .col3-footer-hack {
 display: block !important; 
}

.nav-col-4 {
  display: none !important;
  }
  
  .hhs-social-con {
    margin-top: 20px !important;
  }
  
}