body {
  color: {
      {
      body_color
    }
  }

  ;

  font-family: {
      {
      body_font
    }
  }

  ;

  font-size: {
      {
      body_size
    }
  }

    {
    % if theme.typography.body_font.uints && theme.typography.body_font.body_text_select=="google" %
  }

  %
}

  {
    {
    theme.typography.body_font.body_font.units
  }
}

  {
  % else %
}

px {
  % endif %
}

;

font-weight: {
    {
    theme.typography.body_font.body_font_weight
  }
}

;
}

p {}

@media (max-width: 991px) {

  body,
  html {
    font-size: 14px;
    line-height: 1.8;
  }
}

@media (min-width: 576px) and (max-width: 1199.98px) {

  body,
  html {
    font-size: 16px;
    line-height: 2;
  }
}

.body-container-wrapper .hs_cos_wrapper_type_rich_text ul,
.body-container-wrapper .hs_cos_wrapper_type_rich_text ol {}



a:hover,
a:focus {
  color: rgba({
      {
      theme.typography.link_hover_color.color|convert_rgb
    }
  }

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

a:active {
  color: rgba({
      {
      color_variant(theme.typography.link_color.color, 40)|convert_rgb
    }
  }

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

h1 {
  color: {
      {
      h1_color
    }
  }

  ;

  font-family: {
      {
      h1_font
    }
  }

  ;

  font-size: {
      {
      h1_size
    }
  }

  px;

  font-weight: {
      {
      theme.typography.h1_font.h1_font_weight
    }
  }

  ;
}

h2 {
  color: {
      {
      h2_color
    }
  }

  ;

  font-family: {
      {
      h2_font
    }
  }

  ;

  font-size: {
      {
      h2_size
    }
  }

  px;

  font-weight: {
      {
      theme.typography.h2_font.h2_font_weight
    }
  }

  ;
}

h3 {
  color: {
      {
      h3_color
    }
  }

  ;

  font-family: {
      {
      h3_font
    }
  }

  ;

  font-size: {
      {
      h3_size
    }
  }

  px;

  font-weight: {
      {
      theme.typography.h3_font.h3_font_weight
    }
  }

  ;
}

h4 {
  color: {
      {
      h4_color
    }
  }

  ;

  font-family: {
      {
      h4_font
    }
  }

  ;

  font-size: {
      {
      h4_size
    }
  }

  px;

  font-weight: {
      {
      theme.typography.h4_font.h4_font_weight
    }
  }

  ;
}

h5 {
  color: {
      {
      h5_color
    }
  }

  ;

  font-family: {
      {
      h5_font
    }
  }

  ;

  font-size: {
      {
      h5_size
    }
  }

  px;

  font-weight: {
      {
      theme.typography.h5_font.h5_font_weight
    }
  }

  ;
}

h6 {
  color: {
      {
      h6_color
    }
  }

  ;

  font-family: {
      {
      h6_font
    }
  }

  ;

  font-size: {
      {
      h6_size
    }
  }

  px;

  font-weight: {
      {
      theme.typography.h6_font.h6_font_weight
    }
  }

  ;
}

blockquote {
  border-left: 10px solid #d6d6d6;
  ;
}


.content-wrapper {
  max-width: {
      {
      theme.spacing.max_width
    }
  }

  px;
}

.blog-post__date {
  border-color: {
      {
      body_color
    }
  }

  ;
}

.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: {
      {
      color_variant(body_color, -40)
    }
  }

  ;
}

.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: {
      {
      color_variant(body_color, 40)
    }
  }

  ;
}

.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: {
      {
      h2_color
    }
  }

  ;

  font-family: {
      {
      h2_font
    }
  }

  ;

  font-size: {
      {
      h2_size
    }
  }

  px;

  font-weight: {
      {
      theme.typography.h2_font_weight
    }
  }

  ;
}

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

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

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

  ;
}

.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-post__tag-link:hover {
  color: {
      {
      theme.typography.link_hover_color.color
    }
  }

  ;
}

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

  ;
}

.blog-post__read-more a:hover svg {
  fill: {
      {
      theme.typography.link_hover_color.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-sidebar a:hover {
  color: {
      {
      theme.typography.link_hover_color.color
    }
  }

  ;
}

.blog__subscription-block {
  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__body,
.blog-post__tags a {
  color: {
      {
      body_color
    }
  }

  ;
}

.blog-post__meta a:hover {
  color: {
      {
      theme.typography.link_hover_color.color
    }
  }
}

.blog-post__links {
  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:hover {
  color: {
      {
      theme.typography.link_hover_color.color
    }
  }

  ;
}

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

  ;
}

a.blog-post__back-to-blog:hover svg {
  fill: {
      {
      theme.typography.link_hover_color.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
    }
  });
}

.comment.depth-1 {
  border-left: 2px solid 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
    }
  });
}

body .icon svg {
  fill: {
      {
      theme.global_colors.primary_color.color
    }
  }

  ;
}

body .tns-nav button.tns-nav-active {
  background-color: {
      {
      theme.global_colors.primary_color.color
    }
  }

  ;
}

body .tns-nav button:hover,
body .tns-nav button:focus {
  background-color: {
      {
      theme.global_colors.primary_color.color
    }
  }

  ;
}

body .social-links__icon {
  background-color: {
      {
      theme.global_colors.primary_color.color
    }
  }

  ;
}

body .social-links__icon:hover svg,
body .social-links__icon:focus svg {
  fill: rgba({
      {
      color_variant(theme.typography.color, -40)|convert_rgb
    }
  }

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

body .social-links__icon:active svg {
  fill: rgba({
      {
      color_variant(theme.typography.color, 40)|convert_rgb
    }
  }

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

body .team-member__description {
  background-color: {
      {
      theme.global_colors.secondary_color.color
    }
  }

  ;
}


.page-center,
.content-wrapper,
.dnd-section>.row-fluid,
.container {
  padding-right: 15px;

  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {

  .page-center,
  .content-wrapper,
  .dnd-section>.row-fluid,
  .container {
    max-width: 540px;
    width: 80%;
  }
}

@media (min-width: 768px) {

  .page-center,
  .content-wrapper,
  .dnd-section>.row-fluid,
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {

  .page-center,
  .content-wrapper,
  .dnd-section>.row-fluid,
  .container {
    max-width: 1170px;
  }
}