/* header */

/* .hs-blog-post header .header-section .top-header {
background-color: transparent;
}
.hs-blog-post .header-section .top-header .top-link>a, 
.hs-blog-post .header-section .top-header a.header-num span {
color: #002952;
} */


/* 1. Typography */

/* h1 */






/* h2 */






/* h3 */






/* h4 */






/* h5 */






/* body one */






/* link */






/* Quote */





/* mobile typograpy */

/* h1 */






/* h2 */






/* h3 */







/* h4 */






/* h5  */






/* list */



/* paragaph */






/* link */






/* quote */




@media(min-width:768px){
  /* Headings */
  .blog h1,
  .blog .h1{
    font-weight: 700; text-decoration: none; font-family: proxima-nova, sans-serif; font-style: normal;
    color: #1A4B7E;
    text-transform: none;
    line-height:1.2;
    letter-spacing:0;
    font-size:40px;
  }

  .blog h2,
  .blog .h2 {
    font-weight: 700; text-decoration: none; font-family: proxima-nova, sans-serif; font-style: normal;
    color: #00376F;
    text-transform: none;
    line-height:1.35; 
    letter-spacing:0;
    font-size:32px;
  }

  .blog h3,
  .blog .h3 {
    font-weight: 700; text-decoration: none; font-family: proxima-nova, sans-serif; font-style: normal;
    color: #1A4B7E;
    text-transform: none;
    line-height:1.52;
    letter-spacing:0;
    font-size:24px;
  }

  .blog h4,
  .blog .h4 {
    font-weight: 700; text-decoration: none; font-family: proxima-nova, sans-serif; font-style: normal;
    color: #1A4B7E;
    text-transform: none;
    line-height:2;
    letter-spacing:0;
    font-size:20px;
  }

  .blog h5,
  .blog .h5 {
    font-weight: 700; text-decoration: none; font-family: stevie-sans, sans-serif; font-style: normal;
    color: #1A4B7E;
    text-transform: none;
    line-height:1.8;
    letter-spacing:0;
    font-size:16px;
  }


  .blog p,
  .blog .p{
    font-weight: 400; text-decoration: none; font-family: stevie-sans, sans-serif; font-style: normal;
    color: #1A4B7E;
    line-height:1.64;
    letter-spacing:0;
    font-size:18px;
  }

  .body-container-wrapper.blog a,
  .body-container-wrapper.blog .a {
    {font=stevie-sans, font_set=DEFAULT, styles={font-weight=400, text-decoration=underline, font-family=stevie-sans, sans-serif, font-style=normal}, size=18, size_unit=px, color=#2563EB, variant=400, fallback=sans-serif, style=font-weight: 400; text-decoration: underline; font-family: stevie-sans, sans-serif; font-style: normal, css=color: #2563EB;font-size: 18px;font-weight: 400; text-decoration: underline; font-family: stevie-sans, sans-serif;};
    color: #2563EB;
    line-height:1.6;
    letter-spacing:0;
    font-size:18px;
    text-decoration-line: none;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    font-weight: 400;
    font-family: var(--secondary_font);
  }

  /* Blockquote */

  .blog blockquote {
    font-weight: normal; text-decoration: none; font-family: stevie-sans, sans-serif; font-style: normal;
    font-size: 18px;
    color:#00376F;
    line-height:1.47;
    font-style: italic;
    font-weight: 350;
    letter-spacing: -0.17px;
    margin-bottom:62px;
    margin-top:40px;
  }
}
@media(min-width:768px) and (max-width:1024px){
  .blog h1,
  .blog .h1{
    font-size:36px;
  }
  .blog h2,
  .blog .h2{
    font-size:28px;
  }
  .blog h3,
  .blog .h3{
    font-size:20px;
  }
  .blog h4,
  .blog .h4{
    font-size:18px;
  }
  .blog h5,
  .blog .h5{
    font-size:14px;
  }
}
@media(max-width:767px){
  .blog p,
  .blog .p{
    {font=stevie-sans, font_set=DEFAULT, styles={font-weight=400, text-decoration=none, font-family=stevie-sans, sans-serif, font-style=normal}, size=17, size_unit=px, color=#1A4B7E, variant=400, fallback=sans-serif, style=font-weight: 400; text-decoration: none; font-family: stevie-sans, sans-serif; font-style: normal, css=color: #1A4B7E;font-size: 17px;font-weight: 400; font-family: stevie-sans, sans-serif;};
    color: #1A4B7E;
    line-height:1.64;
    letter-spacing:0;
    font-size:17px;
  }

  .blog h1,
  .blog .h1{
    font-size:29px;
    font-weight: 700; text-decoration: none; font-family: proxima-nova, sans-serif; font-style: normal;
    color: #1A4B7E;
    text-transform: none;
    line-height:1.2;
    letter-spacing:0;
    font-size:29px;
  }

  .blog h2,
  .blog .h2 {
    font-weight: 700; text-decoration: none; font-family: proxima-nova, sans-serif; font-style: normal;
    color: #00376F;
    text-transform: none;
    line-height:1.34; 
    letter-spacing:0;
    font-size:24px;
  }
  .blog h3,
  .blog .h3 {
    font-weight: 700; text-decoration: none; font-family: proxima-nova, sans-serif; font-style: normal;
    color: #00376F;
    text-transform: none;
    line-height:1.4;
    letter-spacing:0;
    font-size:20px;
  }
  .blog h4,
  .blog .h4 {
    font-weight: 700; text-decoration: none; font-family: proxima-nova, sans-serif; font-style: normal;
    color: #00376F;
    text-transform: none;
    line-height:;
    letter-spacing:0;
    font-size:18px;
  }

  .blog h5,
  .blog .h5 {
    font-weight: 700; text-decoration: none; font-family: stevie-sans, sans-serif; font-style: normal;
    color: #1A4B7E;
    text-transform: none;
    line-height:1.6;
    letter-spacing:0;
    font-size:17px;
  }

  .body-container-wrapper.blog a,
  .body-container-wrapper.blog .a {
    {font=stevie-sans, font_set=DEFAULT, styles={font-weight=400, text-decoration=underline, font-family=stevie-sans, sans-serif, font-style=normal}, size=17, size_unit=px, color=#2563EB, variant=400, fallback=sans-serif, style=font-weight: 400; text-decoration: underline; font-family: stevie-sans, sans-serif; font-style: normal, css=color: #2563EB;font-size: 17px;font-weight: 400; text-decoration: underline; font-family: stevie-sans, sans-serif;};
    color: #2563EB;
    line-height:1.6;
    letter-spacing:0;
    font-size:17px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
  }
  /* Blockquote */
  .blog blockquote {
    font-weight: normal; text-decoration: none; font-family: proxima-nova, sans-serif; font-style: normal;
    font-size: 17px;
    color:var(--body_color,#00376F);
    line-height:1.64;
    font-weight:350;
    letter-spacing: -0.27px;
    font-style: italic;
    font-weight: 350;
    margin-bottom:40px;
    margin-top:32px;
  }
}
.blog blockquote{
  padding-left:32px;
}
.blog blockquote:after{
  width:2px;
  height:100%;
}
.blog blockquote strong{
  font-weight:700;
}
.body-container-wrapper.blog  li{
  font-weight: normal; text-decoration: none; font-family: stevie-sans, sans-serif; font-style: normal;
  font-size: 18px;
  color:#00376f;
  line-height:1.6;
  position:relative;
  padding-left: 15px;
}
.blog h6{
  color:var(--secondary_color);
}
.body-container-wrapper.blog a:hover, .body-container-wrapper.blog .a:hover{
  color: #2563EB;
  text-decoration-line: underline;
}
.hs-blog-post .header-section .top-header .th-container{
  border-bottom-color:transparent;
}
.hs-blog-post header .number-link:after {
  background-color: #e9f0f9;
}
.header-section .top-header .th-container{
  border-bottom:1px solid #e9f0f9;
}
.hs-blog-post header .header-section svg path {
  fill: #00376f;
}
/* Blog Audio */
section.temp-blog-table.blog-norration-main .intro-audio {
  opacity: 0;
  height:90px;
}
.temp-blog-table.opacity-element .post-audio{
  opacity:0;
}
.temp-blog-table.blog-norration-main .blog-post-main-container {
  position: relative;
}
.temp-blog-table  .hs-audio-player__title {
  font-size: 14px;
  font-weight: 500;
  padding-left: 10px;
  padding-right: 15px;
  flex: 1;
}
.blog-post-main-container .post-audio {
  position: absolute;
  top: 0;
  right: 0;
  width: 68%;
  margin-bottom: 32px;
  z-index: 1;
}
.temp-blog-table .blog-post-main-container .hs-audio-player {
  border-radius: 20px;
  padding: 12px 44px 12px 12px;
  height: auto !important;!i;!;
}
.temp-blog-table .blog-post-main-container .hs-audio-player__play-pause-button {
  background-color: var(--secondary_color) !important;!i;!;
  height: 48px;
  width: 48px;
}
.temp-blog-table .blog-post-main-container .hs-audio-player__play-pause-button svg {
  fill: #fff;
}
.temp-blog-table .blog-post-main-container .hs-audio-player__controls {
  align-items: center;
}

@media (max-width: 991px) {
  .blog-post-main-container .post-audio {
    width: 100%;
  }
  .table-main .intro-audio.narrion-audio {
    margin-bottom: 15px;
    height: 90px;
  }
}

/* END */
/* Blog post */

.blog-post {
  margin: 0 auto;
  max-width: 960px;
}
.blog-post__meta {
  margin-bottom: 1.4rem;
}

.blog-post__meta a {
  text-decoration: underline;
}

.blog-post__timestamp {
  display: block;
}

.blog-post__tags svg {
  height: auto;
  margin-right: 0.35rem;
  width: 15px;
}

.blog-post__tag-link {
  font-size: 0.875rem;
}

/* Blog related posts */

.blog-related-posts {
  background-color: #F8FAFC;
}

.blog-related-posts h2 {
  text-align: center;
}

.blog-related-posts__list {
  display: flex;
  flex-wrap: wrap;
}

.blog-related-posts__post {
  flex: 0 0 100%;
  padding: 1rem;
}

@media screen and (min-width: 768px) {
  .blog-related-posts__post {
    flex: 0 0 calc(100% / 2);
  }
}

@media screen and (min-width: 1000px) {
  .blog-related-posts__post {
    flex: 0 0 calc(100% / 3);
  }
}

.blog-related-posts__image {
  height: auto;
  max-width: 100%;
}

.blog-related-posts__title {
  margin: 0.7rem 0;
}

/* Blog comments */

.blog-comments {
  margin: 0 auto;
  max-width: 680px;
}

.blog-comments .hs-submit {
  text-align: center;
}

.blog-comments .comment-reply-to {
  border: 0 none;
}

.blog-comments .comment-reply-to:hover,
.blog-comments .comment-reply-to:focus {
  background-color: transparent;
  text-decoration: underline;
}
.blog .all-text-white, 
.blog .all-text-white a,
.blog .all-text-white h1,
.blog .all-text-white h2, 
.blog .all-text-white h3, 
.blog .all-text-white h4, 
.blog .all-text-white h5, 
.blog .all-text-white h6, 
.blog .all-text-white p,
.blog .all-text-white span, 
.blog .body-container-wrapper .all-text-white a, 
.blog .body-container-wrapper .all-text-white li {
  color: #fff;
}
.blog .all-text-black,
.blog .all-text-black h1,
.blog .all-text-black h2,
.blog .all-text-black h3,
.blog .all-text-black h4,
.blog .all-text-black h5,
.blog .all-text-black h6,
.blog .all-text-black p,
.blog .body-container-wrapper .all-text-black li,
.blog .all-text-black span,
.blog .body-container-wrapper .all-text-black a,
.blog .all-text-black a{
  color:#000000;
}
.blog .all-text-primary,
.blog .all-text-primary h1,
.blog .all-text-primary h2,
.blog .all-text-primary h3,
.blog .all-text-primary h4,
.blog .all-text-primary h5,
.blog .all-text-primary h6,
.blog .all-text-primary p,
.blog .all-text-primary h6 small,
.blog .all-text-primary p small,
.blog .body-container-wrapper .all-text-primary li,
.blog .all-text-primary span,
.blog .all-text-primary a{
  color:var(--primary_color);
}
.blog .all-text-secondary,
.blog .all-text-secondary h1,
.blog .all-text-secondary h2,
.blog .all-text-secondary h3,
.blog .all-text-secondary h4,
.blog .all-text-secondary h5,
.blog .all-text-secondary h6,
.blog .all-text-secondary p,
.blog .all-text-secondary h6 small,
.blog .all-text-secondary p small,
.blog .body-container-wrapper .all-text-secondary li,
.blog .all-text-secondary span,
.blog .body-container-wrapper .all-text-secondary a,
.blog .all-text-secondary a{
  color:var(--secondary_color);
}