/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add threm above this section                 */
/***********************************************/

/*****************************************/
/* Fonts Basics Querys */
/*****************************************/


@import url('//fonts.googleapis.com/css?family=Lato:400,700,900|Merriweather:700i');



/**** Responsiv Font ****/





 

 
 
 
 
 


 

 
  
 
 

html {
  font-size: 20px;
  line-height:  1.6rem;
}

p, p > *{  font-size:  1rem;   }
a , a > *, .hs-button, .hs-button *{  font-size:  1rem;   }

/* h1, h1 *, .h1, .h1 * { font-size:  5rem  }
h2, h2 *, .h2, .h2 * { font-size:  2.3rem }
h3, h3 *, .h3, .h3  *{ font-size:  1.8rem}
h4, h4 *, .h4, .h4  *{  font-size:  1.4rem }
h5, h5 *, .h5, .h5  *{  font-size:  1.1rem;  padding-bottom: 4px; margin-bottom:0;}
 */



@media screen  and (max-width: 760px) {
  html {
    font-size: 17.8px;
  }

/*   h1,h1 *, .h1, .h1 *{ font-size:  2.5rem }
  h2, h2 *, .h2, .h2 * { font-size:  2.1rem } */
}


@media  (max-width: 350px) {
  html {
    font-size: 17.8px;
  }

/*   h1,h1 *, .h1, .h1 *{ font-size:  2.2rem } */
}


@media screen and (min-width: 760px) and (max-width: 1050px) {
  html {
    font-size: 18.0px;
  }

  h1,h1 *, .h1, .h1 *{ font-size:  4.3rem }
}

@media screen and (min-width: 1050px) {
  html {
    font-size: 20px;
  }
}

@media screen and (min-width: 1920px) {
  html { font-size: 20px; }
}

@media screen and (min-width: 2800px) {
  html {  font-size: 26.0px;}
/*   h1,h1 *, .h1, .h1 *{ font-size:  5.5rem } */
  a , a > *{  font-size:  18px   }
}


/**** Basics ****/
p, p *{ font-weight: 400;  }
p strong {
  font-weight: 900;
}
a, a *, , .hs-button, .hs-button *{ font-weight: 400;  color: inherit;}

 a:not(.btn-link, .button) {
    color: #4cb5c5;
} 

a:not(.btn-link, .button):hover{ text-decoration: underline;}

.app-list-inner a {color: #231f20;}

.app-list-inner a:hover {
    text-decoration: none;
}
.hs_submit .actions .hs-button:hover {
    background-color: transparent;
    color: #231f20;
}


.titleContent a, .bannerWpLeftInner .content a,  .bannerV2WpLeftInner .content a, .titleContent a, .titleHead a{ color:#446891;}


/* a:hover{text-decoration:none; color: #446891;}
.one-col-content a:hover { color:#4cb5c5; } */



*{font-family: Lato, sans-serif; letter-spacing: 0.04em;}

/* h1, h1 *, .h1, .h1 *,
h2, h2 *, .h2, .h2 *,
h3, h3 *, .h3, .h3 *,
h4, h4 *, .h4, .h4 *,
h5, h5 *, .h5, .h5 *{
  font-weight: 800; letter-spacing: 0.12em ;     text-transform: uppercase; line-height: 1.13;
} */
.blog-post__body h2,
.merry, .merry * { font-family: Merriweather, "Merriweather" ,serif; font-weight: 800; font-style: italic; letter-spacing: 0.01em;  text-transform: inherit;}

@media(min-width:1050px){
 
}
@media screen and (min-width: 760px) and (max-width: 1050px){
/*   h2.h1, h2.h1 *, h2.h1, h2 {
    font-size: 3.3rem;
  }
} */
@media screen and (max-width: 760px){
/*   h2.h1, h2.h1 *, h2.h1, h2 {
    font-size: 2rem;
  }
} */
@media screen and (max-width: 350px){
/*   h2, h2.h1, h2.h1 * {
    font-size: 1.8rem;
  } */
}
/**** Links Reset&Hover ****/

.author a ,
.hs_cos_wrapper_type_rich_text a, .hs_cos_wrapper_type_rich_text a *,
.hs_cos_wrapper_type_inline_rich_text a, .hs_cos_wrapper_type_inline_rich_text a *,
.blog-index__post-post-summary a, .blog-index__post-post-summary a *,
.hover{ font-size: inherit; color: inherit; position:relative;}

.hs_cos_wrapper_type_rich_text a:not(footer *, .header-navigation *, .cta_button), .hs_cos_wrapper_type_inline_rich_text a , .blog-index__post-post-summary a , .hover{
    box-shadow: inset 0 -2px 0 0 #d86f45;
    transition: all .7s ease-in-out;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 2px;
}
.hs_cos_wrapper_type_rich_text a:not(.cta_button):hover, .hs_cos_wrapper_type_inline_rich_text a:hover , .blog-index__post-post-summary a:hover , .hover:hover{
   box-shadow: inset 0 calc( -1rem - 8px) 0 0 #d86f45;
   color: black;
}

/*
.hs_cos_wrapper_type_rich_text a:after,.hs_cos_wrapper_type_inline_rich_text a:after, .blog-index__post-post-summary a:after, .hover:after {
    content: '';
    position: absolute;
    height: 0;
    width: calc( 100% + 6px);
    bottom: -2px;
    left: -3px;
    background: WHITE;
    z-index: 1;
    transition: all .4s ease-in-out;
    mix-blend-mode: difference;
    opacity: 0;
} 
.hover.black{
  background: black;
}

.hs_cos_wrapper_type_rich_text a:hover::after, .hs_cos_wrapper_type_inline_rich_text a:hover::after ,.blog-index__post-post-summary a:hover::after, .hover:hover::after {
    height: calc(100% + 4px );
    opacity: 1;

} */