{
    % import './tools/_macros.css' %
  }

    {
    ## Table of contents 1. Variables 1a. Containers 1b. Colors 1c. Typography 1d. Buttons 1e. Forms 1f. Tables 1g. Site header 1h. Site footer 2. Containers / Grid / DnD Areas 3. Typography 4. Buttons 5. Forms 6. Tables 7. Site header 8. Site footer 9. Blog 10. System pages 11. Modules ##
  }

    {
    ###########################################################################
  }

    {
    ############################ 1. Variables #############################
  }

    {
    ###########################################################################
  }

  /* 1a. Containers */

    {
    % set container_width=theme.spacing.max_width~'vw' %
  }

    {
    % set container_mobile_width=theme.spacing.max_width * 0.8034188034188035~'px' %
  }

    {
    % set dnd_section_padding=theme.spacing.vertical_spacing~'px '~'0px' %
  }

  /* 1b. Colors */

    {
    % set primary_color=theme.global_colors.primary_color.color %
  }

    {
    % set secondary_color=theme.global_colors.secondary_color.color %
  }

  /* 1c. Typography */

    {
    % if theme.typography.primary_font.primary_font_select=="google" %
  }

    {
    % set primary_font_size=theme.typography.primary_font.primary_font.size.value %
  }

    {
    % set primary_font_color=theme.typography.primary_font.primary_font.color %
  }

    {
    % set primary_font_variation=theme.typography.primary_font.primary_font.variation %
  }

    {
    % set primary_font=theme.typography.primary_font.primary_font.font %
  }

    {
    % else %
  }

    {
    % set primary_font_size=theme.typography.primary_font.primary_font_custom_font_size %
  }

    {
    % set primary_font_color=theme.typography.primary_font.primary_font_custom_font_color.color %
  }

    {
    % set primary_font=theme.typography.primary_font.primary_font_custom_font %
  }

    {
    % set primary_font_variation=theme.typography.primary_font.primary_custom_font_weight %
  }

    {
    % endif %
  }

    {
    % if theme.typography.secondary_font.secondary_font_select=="google" %
  }

    {
    % set secondary_font_size=theme.typography.secondary_font.secondary_font.size.value %
  }

    {
    % set secondary_font_color=theme.typography.secondary_font.secondary_font.color %
  }

    {
    % set secondary_font_variation=theme.typography.secondary_font.secondary_font.variation %
  }

    {
    % set secondary_font=theme.typography.secondary_font.secondary_font.font %
  }

    {
    % else %
  }

    {
    % set secondary_font_size=theme.typography.secondary_font.secondary_font_custom_font_size %
  }

    {
    % set secondary_font_color=theme.typography.secondary_font.secondary_font_custom_font_color.color %
  }

    {
    % set secondary_font=theme.typography.secondary_font.secondary_font_custom_font %
  }

    {
    % set secondary_font_variation=theme.typography.secondary_font.secondary_custom_font_weight %
  }

    {
    % endif %
  }


    {
    % if theme.typography.body_text.body_text_select=="google" %
  }

    {
    % set body_size=theme.typography.body_text.body_text.size %
  }

    {
    % set body_color=theme.typography.body_text.body_text.color %
  }

    {
    % set body_color_opacity=100 %
  }

    {
    % set body_variation=theme.typography.body_text.body_text.variant %
  }

    {
    % set body_font=theme.typography.body_text.body_text.font %
  }

    {
    % else %
  }

    {
    % set body_size=theme.typography.body_text.body_font_custom_size %
  }

    {
    % set body_color=theme.typography.body_text.body_font_custom_color.color %
  }

    {
    % set body_color_opacity=theme.typography.body_text.body_font_custom_color.opacity %
  }

    {
    % set body_font=theme.typography.body_text.body_font_custom %
  }

    {
    % set body_variation=theme.typography.body_text.body_custom_font_weight %
  }

    {
    % endif %
  }

    {
    % if theme.typography.h1_font.h1_font_select=="google" %
  }

    {
    % set h1_size=theme.typography.h1_font.h1_font.size %
  }

    {
    % set h1_color=theme.typography.h1_font.h1_font.color %
  }

    {
    % set h1_color_opacity=100 %
  }

    {
    % set h1_variation=theme.typography.h1_font.h1_font.variant %
  }

    {
    % set h1_font=theme.typography.h1_font.h1_font.font %
  }

    {
    % else %
  }

    {
    % set h1_color=theme.typography.h1_font.h1_custom_font_color.color %
  }

    {
    % set h1_color_opacity=theme.typography.h1_font.h1_custom_font_color.opacity %
  }

    {
    % set h1_size=theme.typography.h1_font.h1_custom_font_size %
  }

    {
    % set h1_font=theme.typography.h1_font.h1_custom_font %
  }

    {
    % set h1_variation=theme.typography.h1_font.h1_custom_font_weight %
  }

    {
    % endif %
  }

    {
    % if theme.typography.h2_font.h2_font_select=="google" %
  }

    {
    % set h2_size=theme.typography.h2_font.h2_font.size %
  }

    {
    % set h2_color=theme.typography.h2_font.h2_font.color %
  }

    {
    % set h2_color_opacity=100 %
  }

    {
    % set h2_variation=theme.typography.h2_font.h2_font.variant %
  }

    {
    % set h2_font=theme.typography.h2_font.h2_font.font %
  }

    {
    % else %
  }

    {
    % set h2_color=theme.typography.h2_font.h2_custom_font_color.color %
  }

    {
    % set h2_color_opacity=theme.typography.h2_font.h2_custom_font_color.opacity %
  }

    {
    % set h2_size=theme.typography.h2_font.h2_custom_font_size %
  }

    {
    % set h2_font=theme.typography.h2_font.h2_custom_font %
  }

    {
    % set h2_variation=theme.typography.h2_font.h2_custom_font_weight %
  }

    {
    % endif %
  }

    {
    % if theme.typography.h3_font.h3_font_select=="google" %
  }

    {
    % set h3_size=theme.typography.h3_font.h3_font.size %
  }

    {
    % set h3_color=theme.typography.h3_font.h3_font.color %
  }

    {
    % set h3_color_opacity=100 %
  }

    {
    % set h3_variation=theme.typography.h3_font.h3_font.variant %
  }

    {
    % set h3_font=theme.typography.h3_font.h3_font.font %
  }

    {
    % else %
  }

    {
    % set h3_color=theme.typography.h3_font.h3_custom_font_color.color %
  }

    {
    % set h3_color_opacity=theme.typography.h3_font.h3_custom_font_color.opacity %
  }

    {
    % set h3_size=theme.typography.h3_font.h3_custom_font_size %
  }

    {
    % set h3_font=theme.typography.h3_font.h3_custom_font %
  }

    {
    % set h3_variation=theme.typography.h3_font.h3_custom_font_weight %
  }

    {
    % endif %
  }

    {
    % if theme.typography.h4_font.h4_font_select=="google" %
  }

    {
    % set h4_size=theme.typography.h4_font.h4_font.size %
  }

    {
    % set h4_color=theme.typography.h4_font.h4_font.color %
  }

    {
    % set h4_color_opacity=100 %
  }

    {
    % set h4_variation=theme.typography.h4_font.h4_font.variant %
  }

    {
    % set h4_font=theme.typography.h4_font.h4_font.font %
  }

    {
    % else %
  }

    {
    % set h4_color=theme.typography.h4_font.h4_custom_font_color.color %
  }

    {
    % set h4_color_opacity=theme.typography.h4_font.h4_custom_font_color.opacity %
  }

    {
    % set h4_size=theme.typography.h4_font.h4_custom_font_size %
  }

    {
    % set h4_font=theme.typography.h4_font.h4_custom_font %
  }

    {
    % set h4_variation=theme.typography.h4_font.h4_custom_font_weight %
  }

    {
    % endif %
  }

    {
    % if theme.typography.h5_font.h5_font_select=="google" %
  }

    {
    % set h5_size=theme.typography.h5_font.h5_font.size %
  }

    {
    % set h5_color=theme.typography.h5_font.h5_font.color %
  }

    {
    % set h5_color_opacity=100 %
  }

    {
    % set h5_variation=theme.typography.h5_font.h5_font.variant %
  }

    {
    % set h5_font=theme.typography.h5_font.h5_font.font %
  }

    {
    % else %
  }

    {
    % set h5_color=theme.typography.h5_font.h5_custom_font_color.color %
  }

    {
    % set h5_color_opacity=theme.typography.h5_font.h5_custom_font_color.opacity %
  }

    {
    % set h5_size=theme.typography.h5_font.h5_custom_font_size %
  }

    {
    % set h5_font=theme.typography.h5_font.h5_custom_font %
  }

    {
    % set h5_variation=theme.typography.h5_font.h5_custom_font_weight %
  }

    {
    % endif %
  }

    {
    % if theme.typography.h6_font.h6_font_select=="google" %
  }

    {
    % set h6_size=theme.typography.h6_font.h6_font.size %
  }

    {
    % set h6_color=theme.typography.h6_font.h6_font.color %
  }

    {
    % set h6_color_opacity=100 %
  }

    {
    % set h6_variation=theme.typography.h6_font.h6_font.variant %
  }

    {
    % set h6_font=theme.typography.h6_font.h6_font.font %
  }

    {
    % else %
  }

    {
    % set h6_color=theme.typography.h6_font.h6_custom_font_color.color %
  }

    {
    % set h6_color_opacity=theme.typography.h6_font.h6_custom_font_color.opacity %
  }

    {
    % set h6_size=theme.typography.h6_font.h6_custom_font_size %
  }

    {
    % set h6_font=theme.typography.h6_font.h6_custom_font %
  }

    {
    % set h6_variation=theme.typography.h6_font.h6_custom_font_weight %
  }

    {
    % endif %
  }

    {
    % set anchor_font_color=theme.typography.link_color.color %
  }

    {
    % set anchor_font_hover_color=theme.typography.link_hover_color.color %
  }

  /* 1d. Buttons */

    {
    % set button_bg_color=theme.buttons.background_color.color %
  }

    {
    % set button_bg_opacity=theme.buttons.background_color.opacity %
  }

    {
    % set button_bg_hover_color=theme.buttons.background_hover_color.color %
  }

    {
    % set button_bg_hover_opacity=theme.buttons.background_hover_color.opacity %
  }

    {
    % set button_font_color=theme.buttons.text_color.color %
  }

    {
    % set button_font_hover_color=theme.buttons.text_hover_color.color %
  }

    {
    % set button_border=theme.buttons.border_width~'px solid '~theme.buttons.border_color.color %
  }

    {
    % set button_hover_border=theme.buttons.border_width~'px solid '~theme.buttons.border_hover_color.color %
  }

    {
    % set button_corner_radius=theme.buttons.border_radius~'px' %
  }

    {
    % set button_spacing=theme.buttons.vertical_padding~'px'~' '~theme.buttons.horizontal_padding~'px' %
  }

  /* 1e. Forms */

    {
    % set form_title_bg_color=color(theme.forms.header_background_color) %
  }

    {
    % set form_title_font_color=theme.forms.header_text_color.color %
  }

    {
    % set form_label_font_color=theme.forms.label_color.color %
  }

    {
    % set form_help_text_font_color=theme.forms.help_text_color.color %
  }

    {
    % set form_input_border=theme.forms.field_border_width~'px solid '~theme.forms.field_border_color.color %
  }

    {
    % set form_input_text_color=theme.forms.field_text_color.color %
  }

    {
    % set form_input_focus_border_color=theme.forms.field_focus_border_color.color %
  }

    {
    % set gradient_start_color=theme.forms.field_gradient_start_color.color %
  }

    {
    % set gradient_middle_color=theme.forms.field_gradient_middle_color.color %
  }

    {
    % set gradient_end_color=theme.forms.field_gradient_end_color.color %
  }

  /* 1f. Tables */

    {
    % set table_head_bg_color=color(theme.tables.header_background_color) %
  }

    {
    % set table_head_font_color=theme.tables.header_text_color.color %
  }

    {
    % set table_bg_color=color(theme.tables.body_background_color) %
  }

    {
    % set table_font_color=theme.tables.body_text_color.color %
  }

    {
    % set table_border_color=theme.tables.border_color.color %
  }

    {
    % set table_footer_bg_color=color(theme.tables.footer_background_color) %
  }

    {
    % set table_footer_font_color=theme.tables.footer_text_color.color %
  }

  /* 1g. Site header */

    {
    % set header_bg_color=color(theme.header.background_color) %
  }

    {
    % set header_nav_link_color=theme.header.menu_link_color.color %
  }

    {
    % set header_child_nav_border_color=theme.header.child_menu_border_color.color %
  }

  /* 1h. Site footer */

    {
    % set footer_bg_color=color(theme.footer.background_color) %
  }

    {
    % set footer_font_color=theme.footer.text_color.color %
  }

    {
    ###########################################################################
  }

    {
    ################## 2. Containers / Grid / DnD Areas ###################
  }

    {
    ###########################################################################
  }

  .dnd-section,
  .content-wrapper--vertical-spacing {
    padding: {
        {
        dnd_section_padding
      }
    }

    ;
  }

  .page-center,
  .content-wrapper,
  .dnd-section>.row-fluid,
  .container {
    padding: 0 {
        {
        container_width
      }
    }

    ;
    margin: 0 auto;
  }

    {
    ###########################################################################
  }

    {
    ########################### 3. Typography #############################
  }

    {
    ###########################################################################
  }

  body {
    font-size: {
        {
        body_size
      }
    }

    px;

    color: rgba({
        {
        body_color|convert_rgb
      }
    }

    , {
      {
      body_color_opacity * 0.01
    }
  });

font-weight: {
    {
    body_variation
  }
}

;

font-family: {
    {
    body_font
  }
}

;
}

/* Paragraphs */

/* Anchors */

a {
  color: {
      {
      anchor_font_color
    }
  }

  ;
}

a:hover,
a:focus,
a:active {
  color: {
      {
      anchor_font_hover_color
    }
  }

  ;
}

/* Headings */

h1 {
  font-family: {
      {
      h1_font
    }
  }

  ;

  font-size: {
      {
      h1_size
    }
  }

  px;

  color: rgba({
      {
      h1_color|convert_rgb
    }
  }

  , {
    {
    h1_color_opacity * 0.01
  }
});

font-weight: {
    {
    h1_variation
  }
}

;
}

h2 {
  font-family: {
      {
      h2_font
    }
  }

  ;

  font-size: {
      {
      h2_size
    }
  }

  px;

  color: rgba({
      {
      h2_color|convert_rgb
    }
  }

  , {
    {
    h2_color_opacity * 0.01
  }
});

font-weight: {
    {
    h2_variation
  }
}

;
}

h3 {
  font-family: {
      {
      h3_font
    }
  }

  ;

  font-size: {
      {
      h3_size
    }
  }

  px;

  color: rgba({
      {
      h3_color|convert_rgb
    }
  }

  , {
    {
    h3_color_opacity * 0.01
  }
});

font-weight: {
    {
    h3_variation
  }
}

;
}

h4 {
  font-family: {
      {
      h4_font
    }
  }

  ;

  font-size: {
      {
      h4_size
    }
  }

  px;

  color: rgba({
      {
      h4_color|convert_rgb
    }
  }

  , {
    {
    h4_color_opacity * 0.01
  }
});

font-weight: {
    {
    h4_variation
  }
}

;
}

h5 {
  font-family: {
      {
      h5_font
    }
  }

  ;

  font-size: {
      {
      h5_size
    }
  }

  px;

  color: rgba({
      {
      h5_color|convert_rgb
    }
  }

  , {
    {
    h5_color_opacity * 0.01
  }
});

font-weight: {
    {
    h5_variation
  }
}

;
}

h6 {
  font-family: {
      {
      h6_font
    }
  }

  ;

  font-size: {
      {
      h6_size
    }
  }

  px;

  color: rgba({
      {
      h6_color|convert_rgb
    }
  }

  , {
    {
    h6_color_opacity * 0.01
  }
});

font-weight: {
    {
    h6_variation
  }
}

;
}

/* Blockquote */

blockquote {
  border-left-color: {
      {
      secondary_color
    }
  }

  ;
}

  {
  ###########################################################################
}

  {
  ############################ 4. Buttons ###############################
}

  {
  ###########################################################################
}

.hs-button,
.button--primary {
  background-color: {
      {
      button_bg_color
    }
  }

  ;

  border: {
      {
      button_border
    }
  }

  ;

  border-radius: {
      {
      button_corner_radius
    }
  }

  ;

  color: {
      {
      button_font_color
    }
  }

  ;

  padding: {
      {
      button_spacing
    }
  }

  ;
}

.hs-button:hover,
.hs-button:focus,
.button--primary:hover,
.button--primary:focus {
  background-color: rgba({
      {
      color_variant(theme.buttons.background_color.color, -40)|convert_rgb
    }
  }

  , {
    {
    theme.buttons.background_color.opacity / 100
  }
});

border-color: {
    {
    color_variant(theme.buttons.border_color.color, -40)
  }
}

;

color: {
    {
    button_font_color
  }
}

;
}

.hs-button:active,
.button--primary:active {
  background-color: rgba({
      {
      color_variant(theme.buttons.background_color.color, 40)|convert_rgb
    }
  }

  , {
    {
    theme.buttons.background_color.opacity / 100
  }
});

border-color: {
    {
    color_variant(theme.buttons.border_color.color, 40)
  }
}

;

color: {
    {
    button_font_color
  }
}

;
}

  {
  ###########################################################################
}

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

  {
  ###########################################################################
}

form,
.submitted-message {
  background-color: rgba({
      {
      theme.forms.background_color.color|convert_rgb
    }
  }

  , {
    {
    theme.forms.background_color.opacity * 0.01
  }
});
}

/* Form title */

.form-title {
  background-color: {
      {
      form_title_bg_color
    }
  }

  ;

  color: {
      {
      form_title_font_color
    }
  }

  ;
}

/* Form label */

form label {
  color: {
      {
      form_label_font_color
    }
  }

  ;
}

/* Form help text */

form legend {
  color: {
      {
      form_help_text_font_color
    }
  }

  ;
}

/* Form inputs */

form input:not(.hs-button),
form select,
form textarea,
.hs-input,
.hs-search-field__input,
form input[type="password"] {
  border: {
      {
      form_input_border
    }
  }

  ;

  color: {
      {
      form_input_text_color
    }
  }

  ;

  background: -webkit-linear-gradient(top, {
      {
      gradient_start_color
    }
  }

  0%, #{{ gradient_middle_color }
}

34%, {
  {
  gradient_end_color
}
}

100%);

background: -o-linear-gradient(top, {
    {
    gradient_start_color
  }
}

0%, {
  {
  gradient_middle_color
}
}

34%, {
  {
  gradient_end_color
}
}

100%);

background: -ms-linear-gradient(top, {
    {
    gradient_start_color
  }
}

0%, {
  {
  gradient_middle_color
}
}

34%, {
  {
  gradient_end_color
}
}

100%);

background: linear-gradient(to bottom, {
    {
    gradient_start_color
  }
}

0%, {
  {
  gradient_middle_color
}
}

34%, {
  {
  gradient_end_color
}
}

100%);

background-color: rgba({
    {
    theme.forms.field_background_color.color|convert_rgb
  }
}

, {
  {
  theme.forms.field_background_color.opacity * 0.01
}
});
}

form input:focus,
form select:focus,
form textarea:focus,
.hs-input:focus,
.hs-search-field__input:focus,
form input[type="password"]:focus {
  border-color: {
      {
      form_input_focus_border_color
    }
  }

  ;
}

/* Form placeholder text */

::-webkit-input-placeholder {
  color: {
      {
      body_color
    }
  }

  ;
}

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder,
.hs-fieldtype-date .input .hs-dateinput:before {
  color: {
      {
      body_color
    }
  }

  ;
}

/* Date picker */

.fn-date-picker td.is-selected .pika-button {
  background: {
      {
      primary_color
    }
  }

  ;
}

.fn-date-picker td .pika-button:hover {
  background-color: {
      {
      primary_color
    }
  }

  !important;
}

.fn-date-picker td.is-today .pika-button {
  color: {
      {
      primary_color
    }
  }

  ;
}

/* Submit button */

form input[type=submit],
form .hs-button,
.button {
  background-color: rgba({
      {
      button_bg_color|convert_rgb
    }
  }

  , {
    {
    button_bg_opacity * 0.01
  }
});

border: {
    {
    button_border
  }
}

;

border-radius: {
    {
    button_corner_radius
  }
}

;

color: {
    {
    button_font_color
  }
}

;

padding: {
    {
    button_spacing
  }
}

;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus,
.button:hover,
.button:focus {
  background-color: rgba({
      {
      button_bg_hover_color|convert_rgb
    }
  }

  , {
    {
    button_bg_hover_opacity * 0.01
  }
});

color: {
    {
    button_font_hover_color
  }
}

;

border: {
    {
    button_hover_border
  }
}

;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: rgba({
      {
      color_variant(theme.buttons.background_color.color, 40)|convert_rgb
    }
  }

  , {
    {
    theme.buttons.background_color.opacity / 100
  }
});

border-color: {
    {
    color_variant(theme.buttons.border_color.color, 40)
  }
}

;

color: {
    {
    button_font_color
  }
}

;
}

  {
  ###########################################################################
}

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

  {
  ###########################################################################
}

table {
  background-color: {
      {
      table_bg_color
    }
  }

  ;

  border-color: {
      {
      table_border_color
    }
  }

  ;
}

th,
td {
  border-color: {
      {
      table_border_color
    }
  }

  ;

  color: {
      {
      table_font_color
    }
  }

  ;
}

thead th,
thead td {
  background-color: {
      {
      table_head_bg_color
    }
  }

  ;

  border-bottom-color: {
      {
      table_border_color
    }
  }

  ;

  color: {
      {
      table_head_font_color
    }
  }

  ;
}

tfoot td {
  background-color: {
      {
      table_footer_bg_color
    }
  }

  ;

  color: {
      {
      table_footer_font_color
    }
  }

  ;
}

  {
  ###########################################################################
}

  {
  ########################### 7. Site header ############################
}

  {
  ###########################################################################
}

header.header {
  background-color: rgba({
      {
      theme.header.background_color.color|convert_rgb
    }
  }

  , {
    {
    theme.header.background_color.opacity * 0.01
  }
});
}

.head_right>.hidden-xs a {
  color: rgba({
      {
      theme.header.search.icon_color.color|convert_rgb
    }
  }

  , {
    {
    theme.header.search.icon_color.opacity * 0.01
  }
});
}

.head_right>.hidden-xs a:focus,
.head_right>.hidden-xs a:hover {
  color: rgba({
      {
      theme.header.search.icon_hover_color.color|convert_rgb
    }
  }

  , {
    {
    theme.header.search.icon_hover_color.opacity * 0.01
  }
});
}

.header-search {
  background-color: rgba({
      {
      theme.header.search.background_color.color|convert_rgb
    }
  }

  , {
    {
    theme.header.search.background_color.opacity * 0.01
  }
});
}

.header-search form .hs-search-field__input {
  color: rgba({
      {
      theme.header.search.field_text_color.color|convert_rgb
    }
  }

  , {
    {
    theme.header.search.field_text_color.opacity * 0.01
  }
});

border-color: rgba({
    {
    theme.header.search.field_border_color.color|convert_rgb
  }
}

, {
  {
  theme.header.search.field_border_color.opacity * 0.01
}
});

background-color: rgba({
    {
    theme.header.search.field_background_color.color|convert_rgb
  }
}

, {
  {
  theme.header.search.field_background_color.opacity * 0.01
}
});
}

.header-search form .hs-search-field__input::placeholder {
  color: rgba({
      {
      theme.header.search.field_placeholder_color.color|convert_rgb
    }
  }

  , {
    {
    theme.header.search.field_placeholder_color.opacity * 0.01
  }
});
}

.cta_wrap a {
  color: rgba({
      {
      theme.header.search.button.button_color.color|convert_rgb
    }
  }

  , {
    {
    theme.header.search.button.button_color.opacity * 0.01
  }
});

background-color: rgba({
    {
    theme.header.search.button.button_background_color.color|convert_rgb
  }
}

, {
  {
  theme.header.search.button.button_background_color.opacity * 0.01
}
});

border-color: rgba({
    {
    theme.header.search.button.button_border_color.color|convert_rgb
  }
}

, {
  {
  theme.header.search.button.button_border_color.opacity * 0.01
}
});
}

.custom-menu-primary .hs-menu-wrapper>ul>li>a {
  color: rgba({
      {
      theme.header.menu_link_color.color|convert_rgb
    }
  }

  , {
    {
    theme.header.menu_link_color.opacity * 0.01
  }
});
}

.custom-menu-primary .hs-menu-wrapper>ul>li.active-branch {
  background-color: rgba({
      {
      theme.header.active_menu_link_background_color.color|convert_rgb
    }
  }

  , {
    {
    theme.header.active_menu_link_background_color.opacity * 0.01
  }
});
}

.custom-menu-primary .hs-menu-wrapper>ul>li.active-branch>a {
  color: rgba({
      {
      theme.header.active_menu_link_color.color|convert_rgb
    }
  }

  , {
    {
    theme.header.active_menu_link_color.opacity * 0.01
  }
});
}

.custom-menu-primary .hs-menu-wrapper>ul>li:hover>a {
  color: rgba({
      {
      theme.header.menu_link_hover_color.color|convert_rgb
    }
  }

  , {
    {
    theme.header.menu_link_hover_color.opacity * 0.01
  }
});

background-color: rgba({
    {
    theme.header.menu_link_hover_background_color.color|convert_rgb
  }
}

, {
  {
  theme.header.menu_link_hover_background_color.opacity * 0.01
}
});
}

.custom-menu-primary .hs-menu-wrapper>ul>li.clicked>a {
  color: rgba({
      {
      theme.header.active_menu_link_color.color|convert_rgb
    }
  }

  , {
    {
    theme.header.active_menu_link_color.opacity * 0.01
  }
});

background-color: rgba({
    {
    theme.header.active_menu_link_background_color.color|convert_rgb
  }
}

, {
  {
  theme.header.active_menu_link_background_color.opacity * 0.01
}
});
}

.custom-menu-primary .hs-menu-wrapper>ul>li>a:hover:before {
  background-color: rgba({
      {
      theme.header.menu_link_hover_border_color.color|convert_rgb
    }
  }

  , {
    {
    theme.header.menu_link_hover_border_color.opacity * 0.01
  }
});
}

.custom-menu-primary .hs-menu-wrapper>ul ul li a:not(:hover) i {
  color: rgba({
      {
      theme.header.child_menu_link_icon_color.color|convert_rgb
    }
  }

  , {
    {
    theme.header.child_menu_link_icon_color.opacity * 0.01
  }
});
}

@media (min-width: 992px) {
  .custom-menu-primary .hs-menu-wrapper>ul ul {
    background-color: rgba({
        {
        theme.header.child_menu_background_color.color|convert_rgb
      }
    }

    , {
      {
      theme.header.child_menu_background_color.opacity * 0.01
    }
  });
}

.custom-menu-primary .hs-menu-wrapper>ul ul>li>a {
  color: rgba({
      {
      theme.header.child_menu_link_color.color|convert_rgb
    }
  }

  , {
    {
    theme.header.child_menu_link_color.opacity * 0.01
  }
});
}

.custom-menu-primary .hs-menu-wrapper>ul ul>li>a:hover {
  background-color: rgba({
      {
      theme.header.child_menu_link_hover_background_color.color|convert_rgb
    }
  }

  , {
    {
    theme.header.child_menu_link_hover_background_color.opacity * 0.01
  }
});

color: rgba({
    {
    theme.header.child_menu_link_hover_color.color|convert_rgb
  }
}

, {
  {
  theme.header.child_menu_link_hover_color.opacity * 0.01
}
});
}

.custom-menu-primary .hs-menu-wrapper>ul ul>li.active-branch {
  background-color: rgba({
      {
      theme.header.active_child_menu_link_background_color.color|convert_rgb
    }
  }

  , {
    {
    theme.header.active_child_menu_link_background_color.opacity * 0.01
  }
});
}

.custom-menu-primary .hs-menu-wrapper>ul ul>li.active-branch>a {
  color: rgba({
      {
      theme.header.active_child_menu_link_color.color|convert_rgb
    }
  }

  , {
    {
    theme.header.active_child_menu_link_color.opacity * 0.01
  }
});
}
}

.head_right .hs-menu-wrapper>ul>li>a {
  color: rgba({
      {
      theme.header.menu_right.menu_link_color.color|convert_rgb
    }
  }

  , {
    {
    theme.header.menu_right.menu_link_color.opacity * 0.01
  }
});

background-color: rgba({
    {
    theme.header.menu_right.menu_link_background_color.color|convert_rgb
  }
}

, {
  {
  theme.header.menu_right.menu_link_background_color.opacity * 0.01
}
});
}

.head_right .hs-menu-wrapper>ul>li>a:hover {
  color: rgba({
      {
      theme.header.menu_right.menu_link_hover_color.color|convert_rgb
    }
  }

  , {
    {
    theme.header.menu_right.menu_link_hover_color.opacity * 0.01
  }
});

background-color: rgba({
    {
    theme.header.menu_right.menu_link_hover_background_color.color|convert_rgb
  }
}

, {
  {
  theme.header.menu_right.menu_link_hover_background_color.opacity * 0.01
}
});
}

.head_right .hs-menu-wrapper>ul ul {
  background-color: rgba({
      {
      theme.header.menu_right.child_menu_background_color.color|convert_rgb
    }
  }

  , {
    {
    theme.header.menu_right.child_menu_background_color.opacity * 0.01
  }
});
}

.head_right .hs-menu-wrapper>ul ul>li>a {
  color: rgba({
      {
      theme.header.menu_right.child_menu_link_color.color|convert_rgb
    }
  }

  , {
    {
    theme.header.menu_right.child_menu_link_color.opacity * 0.01
  }
});
}

.head_right .hs-menu-wrapper>ul ul>li>a:hover {
  background-color: rgba({
      {
      theme.header.menu_right.child_menu_link_hover_background_color.color|convert_rgb
    }
  }

  , {
    {
    theme.header.menu_right.child_menu_link_hover_background_color.opacity * 0.01
  }
});

color: rgba({
    {
    theme.header.menu_right.child_menu_link_hover_color.color|convert_rgb
  }
}

, {
  {
  theme.header.menu_right.child_menu_link_hover_color.opacity * 0.01
}
});
}

  {
  ###########################################################################
}

  {
  ########################### 8. Site footer ############################
}

  {
  ###########################################################################
}

.ftr_top {
  background-color: rgba({
      {
      theme.footer.footer_top.background_color.color|convert_rgb
    }
  }

  , {
    {
    theme.footer.footer_top.background_color.opacity * 0.01
  }
});

color: rgba({
    {
    theme.footer.footer_top.text_color.color|convert_rgb
  }
}

, {
  {
  theme.footer.footer_top.text_color.opacity * 0.01
}
});
}

.ftr_address h3 {
  color: rgba({
      {
      theme.footer.footer_top.title_color.color|convert_rgb
    }
  }

  , {
    {
    theme.footer.footer_top.title_color.opacity * 0.01
  }
});
}

.ftr_spacer div {
  background-color: rgba({
      {
      theme.footer.footer_top.divider_color.color|convert_rgb
    }
  }

  , {
    {
    theme.footer.footer_top.divider_color.opacity * 0.01
  }
});
}

.social-links a i {
  color: rgba({
      {
      theme.footer.footer_top.social_icons_color.color|convert_rgb
    }
  }

  , {
    {
    theme.footer.footer_top.social_icons_color.opacity * 0.01
  }
});
}

.social-links a:hover i {
  color: rgba({
      {
      theme.footer.footer_top.social_icons_hover_color.color|convert_rgb
    }
  }

  , {
    {
    theme.footer.footer_top.social_icons_hover_color.opacity * 0.01
  }
});
}

.ftr_bottom {
  color: rgba({
      {
      theme.footer.footer_bottom.copyright_text_color.color|convert_rgb
    }
  }

  , {
    {
    theme.footer.footer_bottom.copyright_text_color.opacity * 0.01
  }
});

background-color: rgba({
    {
    theme.footer.footer_bottom.background_color.color|convert_rgb
  }
}

, {
  {
  theme.footer.footer_bottom.background_color.opacity * 0.01
}
});
}

.ftr_bottom a {
  color: rgba({
      {
      theme.footer.footer_bottom.link_color.color|convert_rgb
    }
  }

  , {
    {
    theme.footer.footer_bottom.link_color.opacity * 0.01
  }
});
}

.ftr_bottom a:hover {
  color: rgba({
      {
      theme.footer.footer_bottom.link_hover_color.color|convert_rgb
    }
  }

  , {
    {
    theme.footer.footer_bottom.link_hover_color.opacity * 0.01
  }
});
}

  {
  ###########################################################################
}

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

  {
  ###########################################################################
}

/* Blog Header */

.blog-header {
  background-color: rgb({
      {
      color_variant(theme.blog_settings.blog_colors.background_color.color, -10)|convert_rgb
    }
  });
}

/* Blog Listing */

.blog-index__post-inner-card {
  box-shadow: -5px 0px 20px 0px rgba({
      {
      color_variant(theme.blog_settings.blog_colors.secondary_color.color, -175)|convert_rgb
    }
  }

  , 0.10);
}

.blog-tag-filter__menu-link,
.blog-post__tag-link,
.blog-card__tag-link,
.blog-post__author-name,
.blog-card__title a {
  color: {
      {
      body_color
    }
  }

  ;
}

.blog-card__tag-link:hover,
.blog-card__title a:hover,
.blog-tag-filter__menu-link:hover,
.blog-post__tag-link:hover,
.blog-post__author-name:hover,
.blog-card__tag-link:focus,
.blog-card__title a:focus,
.blog-tag-filter__menu-link:focus,
.blog-post__tag-link:focus,
.blog-post__author-name:focus {
  color: {
      {
      anchor_font_hover_color
    }
  }

  ;
}

.blog-card__tag-link:active,
.blog-card__title a:active,
.blog-tag-filter__menu-link:active,
.blog-post__tag-link:active,
.blog-post__author-name:active {
  color: {
      {
      anchor_font_hover_color
    }
  }

  ;
}

.blog-tag-filter__menu-link--active-item:after {
  background-color: {
      {
      theme.global_colors.primary_color.color
    }
  }

  ;
}

.blog-pagination__link {
  color: {
      {
      body_color
    }
  }

  ;
}

.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after {
  background-color: {
      {
      theme.global_colors.primary_color.color
    }
  }

  ;
}

.blog-post__title {
  color: {
      {
      h1_color
    }
  }

  ;

  font-family: {
      {
      h1_font
    }
  }

  ;

  font-size: {
      {
      h1_size
    }
  }

  px;

  font-weight: {
      {
      h1_variation
    }
  }

  ;
}

.blog-post__author {
  background-color: {
      {
      theme.global_colors.secondary_color.color
    }
  }

  ;
}

#comments-listing .comment-reply-to {
  color: rgba({
      {
      theme.typography.color|convert_rgb
    }
  }

  , {
    {
    theme.typography.opacity * 0.01
  }
});
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: rgba({
      {
      color_variant(theme.typography.color, -40)|convert_rgb
    }
  }

  , {
    {
    theme.typography.opacity * 0.01
  }
});
}

#comments-listing .comment-reply-to:active {
  color: rgba({
      {
      color_variant(theme.typography.color, 40)|convert_rgb
    }
  }

  , {
    {
    theme.typography.opacity * 0.01
  }
});
}

/*             Blog Grid Listing and Post styles            */

.hs-blog-listing,
.hs-blog-post {
  background-color: {
      {
      theme.blog_settings.blog_colors.background_color.color
    }
  }

  ;
}

.blog-index__post-content a:hover,
.blog-sidebar a:hover,
.blog-post__meta a:hover,
.blog-post__back-to-blog:hover {
  color: {
      {
      anchor_font_hover_color
    }
  }

  ;
}

.blog-post__read-more a:hover svg,
a.blog-post__back-to-blog:hover svg {
  fill: {
      {
      anchor_font_hover_color
    }
  }

  ;
}

.blog-index__post-content--small h2 {
  font-size: {
      {
      h3_size
    }
  }

  px;
}

.blog-index__post-content a {
  color: {
      {
      body_color
    }
  }

  ;
}

.blog-post__read-more svg {
  fill: {
      {
      body_color
    }
  }

  ;
}

.blog-sidebar ul {
  box-shadow: -5px 0px 20px 0px rgba({
      {
      color_variant(theme.blog_settings.blog_colors.secondary_color.color, -175)|convert_rgb
    }
  }

  , 0.10);
}

.blog-sidebar a {
  color: {
      {
      body_color
    }
  }

  ;
}

.blog__subscription-block,
.blog-related-posts {
  background-color: rgb({
      {
      color_variant(theme.blog_settings.blog_colors.background_color.color, -10)|convert_rgb
    }
  });
}

.post-featured-image {
  max-height: {
      {
      theme.blog_settings.blog_featured_image_max_height.number_field
    }
  }

  px;
}

.blog-post {
  box-shadow: -5px 0px 20px 0px rgba({
      {
      color_variant(theme.blog_settings.blog_colors.secondary_color.color, -175)|convert_rgb
    }
  }

  , 0.10);
}

.blog-post__meta a {
  color: {
      {
      body_color
    }
  }

  ;
}

.blog-post__meta a:hover {
  color: {
      {
      anchor_font_hover_color
    }
  }

  ;
}

.blog-post__links-container {
  border-top: 2px solid rgb({
      {
      color_variant(theme.blog_settings.blog_colors.secondary_color.color, -20)|convert_rgb
    }
  });
}

.blog-post__back-to-blog {
  color: {
      {
      body_color
    }
  }

  ;
}

.blog-post__back-to-blog svg {
  fill: {
      {
      body_color
    }
  }

  ;
}

.comment.depth-0,
.blog-comments form {
  border-top: 2px solid rgb({
      {
      color_variant(theme.blog_settings.blog_colors.secondary_color.color, -20)|convert_rgb
    }
  }) !important;
}

.comment.depth-1 {
  border-left: 2px solid rgb({
      {
      color_variant(theme.blog_settings.blog_colors.secondary_color.color, -20)|convert_rgb
    }
  });
}

.section.post-footer .hs-input {
  border-color: rgb({
      {
      color_variant(theme.blog_settings.blog_colors.secondary_color.color, -20)|convert_rgb
    }
  });
}

.blog-recent-posts {
  background-color: rgb({
      {
      color_variant(theme.blog_settings.blog_colors.background_color.color, -10)|convert_rgb
    }
  });
}

  {
  ###########################################################################
}

  {
  ########################## 10. System pages ###########################
}

  {
  ###########################################################################
}



  {
  ###########################################################################
}

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

  {
  ###########################################################################
}

.card__price {
  font-family: {
      {
      h3_font
    }
  }

  ;

  font-size: {
      {
      h3_size
    }
  }

  px;

  color: {
      {
      h3_color
    }
  }

  ;

  font-weight: {
      {
      h3_variation
    }
  }
}

.navbar-default {
  border: none;
  border-radius: 0;
}
/* 
.fa-fw {
  width: 2.5em;
} */

.navbar-default .navbar-nav>li>a, .navbar-default .navbar-text {
  color: #fff;
}