@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');







/* 1a. Containers */




/* 1b. Breakpoints */






/* 1c. Colors */








/* 1d. Typography */










/* 1e. Border */


/* 1f. Corner Radius */


/* 1g. Lists */





/* 1h. Horizontal Rule */


/* 1i. Blockquote */



/* 1j. Buttons */







































/* 1k. Forms */













































/* 1l. Tables */










/* 1m. Site Header */










/* 1n. Site Footer */











/* 1o. Blog */










.content-wrapper {
  max-width: 1300px;
}

@media screen and (min-width: 1380px) {
  .content-wrapper {
    padding: 0;
  }
}

.content-wrapper--narrow {
  max-width: 760px;
}

@media screen and (min-width: 800px) {
  .content-wrapper--narrow {
    padding: 0;
  }
}

.dnd-section,
.content-wrapper--blog-index,
.content-wrapper--blog-post {
  padding: 80px 20px;
}

.dnd-section > .row-fluid {
  max-width: 1300px;
}





html {
  font-size: 16px;
}

body {
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  background-color: #FFFFFF;
  color: #00326D;
  font-size: 16px;
}

/* Paragraphs */
p {
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
}

p.lead,
p.intro {
  font-size: 1.25rem;
}

/* Anchors */
a {
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  color: #00C6AB;
}

a:hover, a:focus {
  color: #009E83;
}

a:active {
  color: #50eed3;
}

a.button:disabled {
  background-color: #f1f1f1;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: 'DM Sans', sans-serif;
  font-weight: 700;
  color: #00326D;
  text-transform: none;
}


  h1 {
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
    color: #00326D;
    font-size: 62px;
    letter-spacing: 0px;
    text-transform: none;
  }
  h2 {
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
    color: #00326D;
    font-size: 42px;
    letter-spacing: 0px;
    text-transform: none;
  }
  h3 {
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
    color: #00326D;
    font-size: 32px;
    letter-spacing: 0px;
    text-transform: none;
  }
  h4 {
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
    color: #00326D;
    font-size: 20px;
    letter-spacing: 1.18px;
    text-transform: none;
  }
  h5 {
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
    color: #00326D;
    font-size: 20px;
    letter-spacing: 1.18px;
    text-transform: none;
  }
  h6 {
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
    color: #00326D;
    font-size: 18px;
    letter-spacing: 1.06px;
    text-transform: none;
  }


/* Lists */
ul, ol {
  margin: 1.5rem 0;
  padding-left: 1.5rem;
}

ul li, ol li {
  margin: 0.7rem;
}

ul ul, ol ul, ul ol, ol ol {
  margin: 1.5rem;
}

/* Blockquote */
blockquote {
  border-left: 10px solid #FFF9E3;
  padding-left: 1.5rem;
}

/* Horizontal Rules */
hr {
  background-color: #d0d0d0;
  color: #d0d0d0;
}





/* Primary Button */
button, .button {
  font-family: 'DM Sans', sans-serif;
  font-weight: 700;
  background-color: 

  
  
    
  


  rgba(0, 198, 171, 1.0)

;
  border: 1px solid #00C6AB;
  border-radius: 50px;
  color: #FFFFFF;
  fill: #FFFFFF;
  font-size: 16px;
  padding: 12px 44px;
  text-transform: none;
}

button:disabled, .button:disabled {
  background-color: #d0d0d0;
  color: #f1f1f1;
}

button:hover, button:focus, .button:hover, .button:focus, button:active, .button:active {
  font-family: 'DM Sans', sans-serif;
  font-weight: 700;
  background-color: 

  
  
    
  


  rgba(0, 158, 131, 1.0)

;
  border: 1px solid #009E83;
  color: #FFFFFF;
}

button:active, .button:active {
  font-family: 'DM Sans', sans-serif;
  font-weight: 700;
  background-color: rgba(80, 238, 211, 100);
  background-color: #50eed3;
  border: 1px solid #009E83;
  border-color: #50eed3;
}

/* Secondary Button */
.button.button--secondary {
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
  border: 1px solid #00C6AB;
  border-radius: 50px;
  color: #00C6AB;
  fill: #00C6AB;
  padding: 12px 44px;
  text-transform: none;
}

.button.button--secondary:hover, .button.button--secondary:focus, .button.button--secondary:active {
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
  border: 1px solid #009E83;
  color: #009E83;
  fill: #009E83;
}

.button.button--secondary:active {
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  background-color: rgba(255, 255, 255, {{ theme.global.buttons истории: "theme.global.buttons.secondary.hover.bg_color.opacity }});
  border: {{ button_secondary_border_hover }};
  border-color: {{ color_variant(theme.global.buttons.secondary.hover.border.color.color, 80) }};
  color: {{ color_variant(button_secondary_font_hover.color, 80) }};
  fill: {{ color_variant(button_secondary_font_hover.color, 80) }};
}

/* Simple Button */
.button.button--simple {
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  color: {{ button_simple_font.color }};
  fill: {{ button_simple_font.color }};
  text-transform: {{ button_simple_text_transform }};
}

{% if button_simple_underline.add_underline == 'true' %}
  .button.button--simple:after {
    background-color: {{ button_simple_underline.color.color }};
    bottom: -{{ button_simple_underline.width + 1 ~ 'px' }};
    content: '';
    height: {{ button_simple_underline.width ~ 'px' }};
  }
{% else %}
  .button.button--simple:after {
    content: none;
  }
{% endif %}

.button.button--simple:hover, .button.button--simple:focus {
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  border: none;
  color: {{ button_simple_font_hover.color }};
  fill: {{ button_simple_font_hover.color }};
}

{% if button_simple_underline_hover.add_underline == 'true' %}
  .button.button--simple:hover:after, .button.button--simple:focus:after, .button.button--simple:active:after {
    background-color: {{ button_simple_underline_hover.color.color }};
    bottom: -{{ button_simple_underline.width + 1 ~ 'px' }};
    content: '';
    height: {{ button_simple_underline_hover.width ~ 'px' }};
  }
{% else %}
  .button.button--simple:hover:after, .button.button--simple:focus:after, .button.button--simple:active:after {
    content: none;
  }
{% endif %}

.button.button--simple:active {
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  border: none;
  color: {{ color_variant(button_simple_font_hover.color, 80) }};
  fill: {{ color_variant(button_simple_font_hover.color, 80) }};
}

/* Button Sizing */
.button.button--small {
  font-size: {{ button_small_font_size }};
  padding: {{ button_small_spacing }};
}

.button.button--large {
  font-size: {{ button_large_font_size }};
  padding: {{ button_large_spacing }};
}

{# ######################################################################### #}
{# #############################   5. Forms   ############################## #}
{# ######################################################################### #}

form {
  background-color: {{ form_bg_color }};
  border: {{ form_border }};
  border-radius: {{ form_corner_radius }};
  padding: {{ form_padding }};
}

.hs-form-field {
  margin-bottom: {{ form_field_spacing }};
}

/* Form Title */
.form-title {
  font-family: 'DM Sans', sans-serif;
  font-weight: 700;
  background-color: {{ form_title_bg_color }};
  border: {{ form_title_border }};
  border-top-left-radius: {{ form_title_corner_radius }};
  border-top-right-radius: {{ form_title_corner_radius }};
  color: {{ form_title_font.color }};
  font-size: {{ form_title_font.size ~ form_title_font.size_unit }};
  padding: {{ form_title_padding }};
  text-transform: {{ form_title_text_transform }};
}

/* Labels */
.hs-form-field > label {
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  color: {{ form_label_font.color }};
  font-size: {{ form_label_font.size ~ form_label_font.size_unit }};
  padding: {{ form_label_padding }};
}

/* Help Text - Legends */
.hs-form-field legend {
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  color: {{ form_help_text_font.color }};
  font-size: {{ form_help_text_font.size ~ form_help_text_font.size_unit }};
}

/* Form Rich Text */
form .hs-richtext,
form .hs-richtext *,
form .hs-richtext p,
form .hs-richtext h1,
form .hs-richtext h2,
form .hs-richtext h3,
form .hs-richtext h4,
form .hs-richtext h5,
form .hs-richtext h6 {
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  color: {{ form_rich_text_font.color }};
}

/* GDPR Text */
form .legal-consent-container,
form .legal-consent-container .hs-richtext,
form .legal-consent-container .hs-richtext p {
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  color: {{ form_gdpr_text_font.color }};
  font-size: {{ form_gdpr_text_font.size ~ form_gdpr_text_font.size_unit }};
}

/* Inputs */
input[type='text'],
input[type='email'],
input[type='password'],
input[type='tel'],
input[type='number'],
select,
textarea {
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  background-color: {{ form_input_bg_color }};
  border: {{ form_input_border }};
  border-radius: {{ form_input_corner_radius }};
  color: {{ form_input_font.color }};
  font-size: {{ form_input_font.size ~ form_input_font.size_unit }};
  padding: {{ form_input_padding }};
}

::-webkit-input-placeholder { color: {{ form_input_placeholder_color }}; }
::-moz-placeholder { color: {{ form_input_placeholder_color }}; }
:-ms-input-placeholder { color: {{ form_input_placeholder_color }}; }
:-moz-placeholder { color: {{ form_input_placeholder_color }}; }
::placeholder { color: {{ form_input_placeholder_color }}; }

/* Inputs - Checkbox/Radio */
form .inputs-list:not(.no-list) label,
form .inputs-list:not(.no-list) label > span,
form .inputs-list:not(.no-list) label > span p {
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  color: {{ form_checkbox_radio_font.color }};
  font-size: {{ form_checkbox_radio_font.size ~ form_checkbox_radio_font.size_unit }};
}

/* Inputs - Datepicker */
.hs-datepicker .is-selected button.pika-button {
  background-color: {{ secondary_color }};
}

.hs-datepicker button.pika-button:hover {
  background-color: {{ primary_color }} !important;
}

/* Validation */
.hs-input.invalid.error {
  border-color: {{ error }};
}

.hs-error-msg {
  color: {{ error }};
}

/* Submit */
{% if form_submit_style == 'primary' %}
  form input[type='submit'],
  form .hs-button {
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
    background-color: {{ button_primary_bg_color }};
    border: {{ button_primary_border }};
    border-radius: {{ button_primary_corner_radius }};
    color: {{ button_primary_font.color }};
    fill: {{ button_primary_font.color }};
    padding: {{ button_regular_spacing }};
    text-transform: {{ button_primary_text_transform }};
  }

  form input[type='submit']:hover,
  form input[type='submit']:focus,
  form .hs-button:hover,
  form .hs-button:focus {
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
    background-color: {{ button_primary_bg_color_hover }};
    border: {{ button_primary_border_hover }};
    color: {{ button_primary_font_hover.color }};
  }

  form input[type='submit']:active,
  form .hs-button:active {
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
    background-color: rgba({{ color_variant(theme.global.buttons.primary.hover.bg_color.color, 80)|convert_rgb }}, {{ theme.global.buttons.primary.hover.bg_color.opacity }});
    border: {{ button_primary_border_hover }};
    border-color: {{ color_variant(theme.global.buttons.primary.hover.border.color.color, 80) }};
  }
{% elif form_submit_style == 'secondary' %}
  form input[type='submit'],
  form .hs-button {
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    background-color: {{ button_secondary_bg_color }};
    border: {{ button_secondary_border }};
    border-radius: {{ button_secondary_corner_radius }};
    color: {{ button_secondary_font.color }};
    fill: {{ button_secondary_font.color }};
    padding: {{ button_regular_spacing }};
    text-transform: {{ button_secondary_text_transform }};
  }

  form input[type='submit']:hover,
  form input[type='submit']:focus,
  form .hs-button:hover,
  form .hs-button:focus {
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    background-color: {{ button_secondary_bg_color_hover }};
    border: {{ button_secondary_border_hover }};
    color: {{ button_secondary_font_hover.color }};
    fill: {{ button_secondary_font_hover.color }};
  }

  form input[type='submit']:active,
  form .hs-button:active {
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    background-color: rgba({{ color_variant(theme.global.buttons.secondary.hover.bg_color.color, 80)|convert_rgb }}, {{ theme.global.buttons.secondary.hover.bg_color.opacity }});
    border: {{ button_secondary_border_hover }};
    border-color: {{ color_variant(theme.global.buttons.secondary.hover.border.color.color, 80) }};
    color: {{ color_variant(button_secondary_font_hover.color, 80) }};
    fill: {{ color_variant(button_secondary_font_hover.color, 80) }};
  }
{% elif form_submit_style == 'simple' %}
  form input[type='submit'],
  form .hs-button {
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    background-color: transparent;
    border: none;
    border-radius: 0;
    color: {{ button_simple_font.color }};
    fill: {{ button_simple_font.color }};
    padding: 0;
    text-transform: {{ button_simple_text_transform }};
  }

  {% if button_simple_underline.add_underline == 'true' %}
    form input[type='submit']:after,
    form .hs-button:after {
      background-color: {{ button_simple_underline.color.color }};
      bottom: -{{ button_simple_underline.width + 1 ~ 'px' }};
      content: '';
      height: {{ button_simple_underline.width ~ 'px' }};
    }
  {% else %}
    form input[type='submit']:after,
    form .hs-button:after {
      content: none;
    }
  {% endif %}

  form input[type='submit']:hover,
  form input[type='submit']:focus,
  form .hs-button:hover,
  form .hs-button:focus {
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    background-color: transparent;
    border: none;
    color: {{ button_simple_font_hover.color }};
    fill: {{ button_simple_font_hover.color }};
  }

  {% if button_simple_underline_hover.add_underline == 'true' %}
    form input[type='submit']:hover:after,
    form input[type='submit']:focus:after,
    form input[type='submit']:active:after,
    form .hs-button:hover:after,
    form .hs-button:focus:after,
    form .hs-button:active:after {
      background-color: {{ button_simple_underline_hover.color.color }};
      bottom: -{{ button_simple_underline.width + 1 ~ 'px' }};
      content: '';
      height: {{ button_simple_underline_hover.width ~ 'px' }};
    }
  {% else %}
    form input[type='submit']:hover:after,
    form input[type='submit']:focus:after,
    form input[type='submit']:active:after,
    form .hs-button:hover:after,
    form .hs-button:focus:after,
    form .hs-button:active:after {
      content: none;
    }
  {% endif %}

  form input[type='submit']:active,
  form .hs-button:active {
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    background-color: transparent;
    border: none;
    color: {{ color_variant(button_simple_font_hover.color, 80) }};
    fill: {{ color_variant(button_simple_font_hover.color, 80) }};
  }
{% endif %}

{% if form_submit_size == 'small' %}
  form input[type='submit'],
  form .hs-button {
    font-size: {{ button_small_font_size }};
    padding: {{ button_small_spacing }};
  }
{% elif form_submit_size == 'regular' %}
  form input[type='submit'],
  form .hs-button {
    font-size: {{ button_regular_font_size }};
    padding: {{ button_regular_spacing }};
  }
{% elif form_submit_size == 'large' %}
  form input[type='submit'],
  form .hs-button {
    font-size: {{ button_large_font_size }};
    padding: {{ button_large_spacing }};
  }
{% endif %}

{# ######################################################################### #}
{# ############################   6. Tables   ############################## #}
{# ######################################################################### #}

table {
  background-color: {{ table_bg_color }};
  border: {{ table_border }};
}

th, td {
  border: {{ table_border }};
  color: {{ table_font_color }};
  padding: {{ table_padding }};
}

thead th, thead td {
  background-color: {{ table_head_bg_color }};
  border-bottom: {{ table_head_border }};
  color: {{ table_head_font_color }};
}

tbody + tbody {
  border-top: {{ table_head_border }};
}

{# ######################################################################### #}
{# ##########################   7. Site Header   ########################### #}
{# ######################################################################### #}

.header {
  background-color: {{ header_bg_color }};
  border-bottom: {{ header_border }};
}

.header__container {
  max-width: {{ container_width }};
}

/* Logo */
.header__logo .logo-company-name {
  font-family: 'DM Sans', sans-serif;
  font-weight: 700;
  color: {{ body_font.color }};
}

/* Navigation Menu */
.navigation-primary .menu-item a {
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  color: {{ header_primary_nav_font.color }};
  font-size: {{ header_primary_nav_font.size ~ header_primary_nav_font.size_unit }};
  text-transform: {{ header_primary_nav_text_transform }};
}

.navigation-primary .menu-item a:hover,
.navigation-primary .menu-item a:focus {
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  color: {{ header_primary_nav_font_hover.color }};
}

.navigation-primary .menu-item a:active {
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  color: {{ header_primary_nav_font_active.color }};
}

.navigation-primary .submenu:not(.level-1) {
  background-color: {{ header_bg_color }};
}

.navigation-primary .submenu:not(.level-1) .menu-item .menu-link:hover,
.navigation-primary .submenu:not(.level-1) .menu-item .menu-link:focus {
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  background-color: {{ header_primary_nav_bg_color_hover }};
  color: {{ header_primary_nav_font_hover.color }};
}

.navigation-primary .submenu:not(.level-1) .menu-item .menu-link:active {
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  background-color: {{ header_primary_nav_bg_color_active }};
  color: {{ header_primary_nav_font_active.color }};
}

@media (min-width: {{ bp_small }}) {
  .navigation-primary .submenu:not(.level-1) {
    border: {{ global_border }};
  }
}

@media (max-width: {{ bp_small }}) {
  .header__navigation {
    background-color: {{ header_bg_color }};
  }

  .header__menu .header__mobile-menu-icon,
  .header__menu .header__mobile-menu-icon:after,
  .header__menu .header__mobile-menu-icon:before,
  .header__menu .menu-arrow-icon,
  .header__menu .menu-arrow-icon:after {
    background-color: {{ header_primary_nav_font.color }};
  }

  .navigation-primary .submenu.level-1 .menu-item .menu-link:hover,
  .navigation-primary .submenu.level-1 .menu-item .menu-link:focus {
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    background-color: {{ header_primary_nav_bg_color_hover }};
    color: {{ header_primary_nav_font_hover.color }};
  }

  .navigation-primary .submenu.level-1 .menu-item .menu-link:active {
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    background-color: {{ header_primary_nav_bg_color_active }};
    color: {{ header_primary_nav_font_active.color }};
  }
}

/* Language Switcher */
.header__language-switcher .lang_list_class {
  background-color: {{ header_bg_color }};
  border: {{ global_border }};
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  color: {{ header_primary_nav_font.color }};
  font-size: {{ header_primary_nav_font.size ~ header_primary_nav_font.size_unit }};
  text-transform: {{ header_primary_nav_text_transform }};
}

.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li:focus a {
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  color: {{ header_primary_nav_font_hover.color }};
}

.header__language-switcher .lang_list_class li:hover {
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  background-color: {{ header_primary_nav_bg_color_hover }};
  color: {{ header_primary_nav_font_hover.color }};
}

/* Menu - Site Header */
@media screen and (max-width: 767px) {
  body .header__navigation-toggle svg,
  body .menu-arrow svg {
    fill: {{ header_primary_nav_font.color }};
  }
}

{# ######################################################################### #}
{# ##########################   8. Site Footer   ########################### #}
{# ######################################################################### #}

.footer {
  background-color: {{ footer_bg_color }};
  border-top: {{ footer_border }};
}

.footer__container {
  max-width: {{ container_width }};
}

.footer__bottom-section {
  border-color: {{ footer_content_color }};
  border-top: {{ global_border }};
}

/* Footer Content */
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6, .footer p, .footer a, .footer div, .footer span {
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  color: {{ footer_content_color }};
}

{% if custom_heading_styles %}
  .footer h4 {
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
    color: {{ footer_content_color }};
    font-size: {{ theme.global.typography.h6.font.size ~ theme.global.typography.h6.font.size_unit }};
    letter-spacing: {{ theme.global.typography.h6.letter_spacing ~ 'px' }};
    text-transform: {{ theme.global.typography.h6.text_transform }};
  }
{% endif %}

/* Footer Menu */
.footer__navigation a {
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  color: {{ footer_primary_nav_font.color }};
  font-size: {{ footer_primary_nav_font.size ~ footer_primary_nav_font.size_unit }};
  text-transform: {{ footer_primary_nav_text_transform }};
}

.footer__navigation a:hover, .footer__navigation a:focus {
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  color: {{ footer_primary_nav_font_hover.color }};
}

.footer__navigation a:active {
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  color: {{ footer_primary_nav_font_active.color }};
}

{# ######################################################################### #}
{# #############################   9. Blog   ############################### #}
{# ######################################################################### #}

/* Blog Meta - Author */
.blog-card__author-name, .blog-post__author-name {
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  color: {{ body_font.color }};
}

.blog-post__author-links svg {
  fill: {{ body_font.color }};
}

.blog-post__author-links a:hover svg {
  fill: {{ anchor_font.color }};
}

/* Tags */
.blog-card__tag-link, .blog-post__tag-link {
  background-color: {{ blog_tag_bg_color }};
  color: {{ blog_tag_color }};
}

.blog-card__tags svg, .blog-post__tags svg {
  fill: {{ secondary_color }};
}

/* Blog Listing */
.blog-header {
  background: {{ blog_listing_bg_color }} {% if blog_banner_bg == 'image' %}url('{{ blog_listing_bg_image }}'){% endif %} no-repeat center center;
  background-size: cover;
}

.blog-subheader__author-links a {
  background-color: {{ anchor_font.color }};
}

.blog-subheader__author-links a:hover {
  background-color: {{ anchor_font_hover.color }};
}

/* Blog Pagination */
.blog-pagination__link {
  color: {{ anchor_font.color }};
}

.blog-pagination__link:hover {
  color: {{ anchor_font_hover.color }};
}

.blog-pagination__link:hover svg, .blog-pagination__link:focus svg {
  fill: {{ anchor_font_hover.color }};
}

.blog-pagination__link:active {
  color: {{ color_variant(anchor_font_hover.color, 80) }};
}

.blog-pagination__link:active svg {
  fill: {{ color_variant(anchor_font_hover.color, 80) }};
}

.blog-pagination__prev-link--disabled, .blog-pagination__next-link--disabled {
  color: {{ gray }};
}

.blog-pagination__prev-link--disabled svg, .blog-pagination__next-link--disabled svg {
  fill: {{ gray }};
}

.blog-pagination__link--active {
  background-color: {{ primary_color }};
  color: #fff;
}

.blog-pagination__link--active:hover {
  color: #fff;
}

/* Blog Post */
.blog-post__image {
  border-radius: {{ corner_radius }};
}

{# ######################################################################### #}
{# #########################   10. System Pages   ########################## #}
{# ######################################################################### #}

/* Error Pages - Global */
.error-page:before {
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
}

/* System Pages - Global */
.hs-search-results__title {
  font-family: 'DM Sans', sans-serif;
  font-weight: 700;
  color: {{ headings_font.color }};
}

.hs-search-results__title:hover {
  font-family: 'DM Sans', sans-serif;
  font-weight: 700;
}

/* Forms in System Pages */
#email-prefs-form h3 {
  font-family: 'DM Sans', sans-serif;
  font-weight: 700;
  color: {{ form_label_font.color }};
  font-size: {{ form_label_font.size ~ form_label_font.size_unit }};
  padding: {{ form_label_padding }};
}

#email-prefs-form, #email-prefs-form h1, #email-prefs-form h2 {
  font-family: 'DM Sans', sans-serif;
  font-weight: 700;
  color: {{ form_label_font.color }};
}

/* Password Prompt */
.password-prompt input[type='password'] {
  margin-bottom: {{ form_field_spacing }};
}

/* Backup Unsubscribe */
.backup-unsubscribe input[type='email'] {
  margin-bottom: {{ form_field_spacing }};
  padding: {{ form_input_padding }} !important;
}

{# ######################################################################### #}
{# ###########################   11. Modules   ############################# #}
{# ######################################################################### #}

body .blog-card__title a, body .blog-card__author-name {
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  color: {{ body_font.color }};
}

/* Icon */
body .icon svg {
  fill: {{ secondary_color }};
}

/* Pricing Table */
body .price-block__header {
  background-color: {{ secondary_color }};
}

body .billing-selectors__pricing-option input[type='radio']:checked + label:before {
  border-color: {{ secondary_color }};
}

/* Image Module */
img {
  max-width: 100%;
}

/* Social Follow */
body .social-links__icon svg {
  fill: {{ body_font.color }};
}

body .social-links__icon:hover svg {
  fill: {{ body_font.color }};
}

body .social-links__icon:hover {
  background-color: transparent;
}

/* Statistic */
body .statistic__circle {
  background-color: {{ gray }};
}

body .statistic__info {
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  color: {{ body_font.color }};
}

body .statistic__bar, body .statistic__fill {
  border-color: {{ secondary_color }};
}

body .statistic__circle:after {
  background-color: {{ body_color }};
}

/* Testimonial Slider */
body .tns-nav button {
  background-color: {{ gray }};
}

body .tns-nav .tns-nav-active {
  background-color: {{ secondary_color }};
}

/* Global Override for Inline Styles */
body, p, h1, h2, h3, h4, h5, h6, a, .hs-richtext, .hs-main-font-element, [style*="font-family"] {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 500 !important;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: 700 !important;
}