/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary variables that control standard elements
in the pages. This is also the file that loads all of the other themed CSS
styleshets into just this one in each of themed templates.
*********************************************************************************
****************************************************************************** */
/* Custom Fonts */

@font-face { font-family: 'servient-icon-font';  src: url('https://info.servient.com/hubfs/PriceKubecka_December2020/fonts/servient-icon-fonts.69fa0059e71b10b13075.eot') format('eot');}












































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

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

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
/* @import url('http://example.com/example_style.css'); */

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

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
/* @import url('http://example.com/example_style.css'); */

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

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
/* @import url('http://example.com/example_style.css'); */

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

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
/* @import url('http://example.com/example_style.css'); */

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

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
/* @import url('http://example.com/example_style.css'); */

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

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
/* @import url('http://example.com/example_style.css'); */

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

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your headers look
when it comes to the logo, search field, language switcher and navigation.
You will also find the mobile menu styles below.
*********************************************************************************
****************************************************************************** */
@media (min-width: 320px) and (max-width:768px) {
    html {
        font-size:12px
    }
}

@media (min-width: 768px){
html {
    font-size: 10px;
}  
  
  .custom_header {
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  opacity: 1;
  z-index: 111111111;
  font-size: 14px;
  width: 100%;
} 

}

@media (min-width:769px){
    .blog-menu-m{display:none}
}


@media (min-width: 992px) {
    html {
        font-size:13px;
    }
}


@media (min-width: 1200px) {
    html {
        font-size:16px;
    }
}


@media (min-width: 2560px) {
    html {
        font-size:24px;
    }
}

@media (min-width: 3840px) {
    html {
        font-size:30px;
    }
}


/*Extra Large screen media queries begin*/

/* 5K screen (5120px and up) */
@media (min-width: 5120px) {
  body {
    font-size: 36px;
  }
}

/* 6K+ screen (6000px and up) */
@media (min-width: 6000px) {
  body {
    font-size: 42px;
  }
}


/*Extra Large screen media queries end*/




.body-wrapper {
  padding-top: 75px;
}

.custom_header {
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  opacity: 1;
  z-index: 111111111;
  font-size: 14px;
  width: 100%;
} 

.mobile-open{overflow:hidden;}


.mobile-open .custom_header {
  box-shadow: 0 2px 3px rgba(0,0,0,.08);
}
 .follow .custom_header {
  transition: opacity .3s ease-in;
  box-shadow: 0 2px 3px rgba(0,0,0,.08);
} 
.hide-nav-bar .custom_header{
  opacity: 0;
}

.header_inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  line-height: 1.5;
  padding: 0;
}

.header_container {
  flex-flow: row;
  padding: 1rem 2rem;
  align-items: center;
  justify-content: space-between;
  display: flex;
/*   width: 100%; */
}
/* 
.custom-menu-primary {
  display: none;
} */
.custom-menu-primary {  
  width: 100%;
  overflow: unset !important;
}

/* .custom-menu-primary > div {
  display: block;
  width: 100%;
} */
.mobile-trigger {
  cursor: pointer;
  color: black;
  padding: 1px 6px;
  z-index: 111;
  font-size: 20px;
  line-height: 1;
/*   display:none; */
}

.blog-menu ul{display:block;}

.mobile-trigger:hover{
  color: black;
}
.mobile-trigger:before {
  content: "";
  font-family: servient-icon-fonts;
}

@media (max-width: 7680px) and (min-width: 768px){
  .header__logo a {
    font-size: 29px;
  }
  .header__logo img {
/*     height: 40px; */
    width: auto !important;
  }
  
  .mobile-trigger{display:none;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
   .mobile-trigger{display:none !important} 
    .blog-menu{display:block}
  .blog-menu-m {display:none}
  .custom-menu-primary{display:block !important;background:none !important;}
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

 .mobile-trigger{display:none !important} 
    .blog-menu{display:block}
  .blog-menu-m {display:none}
  .custom-menu-primary{display:block !important;background:none !important;}

}

/* @media (min-width: 800px){
 .mobile-trigger{display:none !important} 
    .blog-menu{display:block}
  .blog-menu-m {display:none}
  .custom-menu-primary{display:block !important;background:none !important;}
} */





 @media (max-width: 767px){
    .hide-on-mb{display:none}
}
 
@media (max-width: 767px){
/*  .blog-menu {display:none !important;}  */

  .custom-menu-primary{
    order: 2;
    height: 100vh;
    display:none;
        background: #2c4f7c;
  }
  .header_container {
    order: 1;
  }
  
  .custom_header{display:block !important}
  
  .blog-menu {display:none; !important}
  
  .blog-menu-m{
    background: #2c4f7c;
  }
  
  .blog-menu-m ul{
  display:flex !important;
  flex-flow:column !important;
    color:#fff;
    padding:1em 2em !important;
  }
  
  .blog-menu-m ul li{
    color:#fff;
    padding:1em 0 !important;
    border-bottom:1px solid #fff;
  }
  
/*   .blog-menu-m ul li:last-child{border-bottom:none;} */

  
.mobile-trigger{display:block}

  

}

@media only screen and (-webkit-min-device-pixel-ratio: 2), not all, not all, not all, only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){
  .header_container {
    padding: 1.1rem 2rem;
  }
}


.contact-btn{
  width: 7em !important;
  padding: 5px 0px !important;
  font-size: 1rem !important;
  line-height: 1.5em !important;
  margin: 1.5rem !important;
  text-transform:uppercase !important;
}
/* @import url('http://example.com/example_style.css'); */

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

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
/* @import url('http://example.com/example_style.css'); */

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

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles for your blog. The styles included
are for the listing and post templates, featured images and pagination.
Also for the post meta infromation like tags, author and published date
*********************************************************************************
****************************************************************************** */

a {
  text-decoration: none;
}

p{margin-bottom:1.86rem !important}


/* TODO: Find a better place for this */
.content-wrapper {
  padding-left: 15px;
  padding-right: 15px; 
  margin: 0 auto;
}

.blog-header {
background:transparent !important;
  text-align: left !important;
}

.blog-header__inner {
  max-width:58.33333333%;
 padding-left: 6.1vw; 
    margin-top: 10vw;
}

@media (min-width: 360px) and (max-width: 768px) {
  .blog-header__inner {
    margin-top:20vw;
  }
  
  .blog-index__post {
    padding: 1rem 0 !important;
}
}


.blog-header__title {
/*   font-size: 2rem; */
  font-family: poppins, helvetica,sans-serif!important;
  max-width: 46.25rem;
  border: 0 dashed #000;
}
.blog-header__subtitle {
/*   margin: 1rem 0 2rem; */
  font-size: 1.563rem!important;
    line-height: 2.625rem!important;
    letter-spacing: 0!important;
    margin-top: 2.125rem;
    margin-bottom: .813rem;
}

.blog-header__form {
  margin: 0 1rem;
}

@media screen and (min-width: 768px) {
  .blog-header__form {
    width: 500px;
    margin: 0 auto;
  }
}

.blog-index {
  display: flex;
  flex-wrap: wrap;
  padding: 3.3rem 0;
}
.blog-index:after {
  content: "";
  flex: auto;
}
.blog-index__tag-header {
  flex: 1 0 100%;
  padding: 1rem;
}
.blog-index__tag-subtitle {
  font-size: 1.16rem;
  line-height: 1.1;
}
.blog-index__tag-heading {
  padding-bottom: 1rem;
  border-bottom: 3px solid #D1D6DC;
}
.blog-index__post {
  flex:  0 0 100%;
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  .blog-index__post {
    flex: 0 0 50%;
  }
}
@media screen and (min-width: 1000px) {
  .blog-index__post {
    flex: 0 0 30%;
  }
}
@media screen and (min-width: 768px) {
  .blog-index__post--large {
    flex: 1 0 100%;
    display: flex;
    justify-items: space-between;
  }
}
.blog-post img {
  max-width: 100%;
}
.blog-index__post-image {
  display: block;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-bottom: 63%;
  background-image: url('./images/grayscale-mountain.png');
    }
@media screen and (min-width: 768px) {
  .blog-index__post-image--large {
    flex: 1 1 100%;
    padding-bottom: 0;
  }
  .blog-index__post-content--large {
    flex: 1 1 100%;
    padding-left: 2rem;
  }
  .blog-index__post-image--large {
    flex: 1 1 48%;
  }
  .blog-index__post-content--large {
    flex: 1 1 48%;
    padding-left: 2rem;
  }
}
.blog-index__post-content h2 {
  margin:.5rem 0 1.313rem 0;
}
.blog-index__post-content--small h2 {
  font-size: 1.25rem;
}
.blog-index__post-content p {
};
}
.blog-index__post-content a,
.blog-index__post-content a:hover{
  color: #333;
}
.blog-index__post img {
  max-width: 100%;
  height: auto;
}

.blog-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: Lato, sans-serif;
  margin-bottom: 3.3rem;
}
.blog-pagination__link {
  display: inline-flex;
  padding: .25rem .4rem;
  margin: 0 .1rem;
  color: #494a52;
  text-decoration: none;
  border: 2px solid transparent;
  line-height: 1;
  border-radius: 7px;
}
.blog-pagination__link--active {
  border: 2px solid #B0C1D4;
}
.blog-pagination__link:hover,
.blog-pagination__link:focus {
  text-decoration: none;
}
.blog-pagination__prev-link,
.blog-pagination__next-link {
  display: inline-flex;
  align-items: center;
}
.blog-pagination__prev-link {
  text-align: right;
  margin-right: .25rem;
}
.blog-pagination__next-link {
  text-align: left;
  margin-left: .25rem;
}
.blog-pagination__prev-link--disabled,
.blog-pagination__next-link--disabled {
  color: #B0C1D4;
  pointer-events: none;
  cursor: default;
}
.blog-pagination__prev-link svg,
.blog-pagination__next-link svg {
  fill: #494a52;
  margin: 0 5px;
}
.blog-pagination__prev-link--disabled svg,
.blog-pagination__next-link--disabled svg {
  fill: #B0C1D4;
}
.blog-pagination__number-link:hover,
.blog-pagination__number-link:focus {
  border: 2px solid #B0C1D4;
}

.blog-header__author-avatar {
  height: 200px;
  width: 200px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 50%;
  box-shadow: 0 0 12px 0 rgba(0,0,0,0.15);
  margin: 0 auto 1.5rem;
}
.blog-header__author-social-links a {
  display: inline-block;
  position: relative;
  background-color: #000;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin: 0 5px;
}
.blog-header__author-social-links a:hover {
  background-color: #494a52;
}
.blog-header__author-social-links svg {
  fill: #fff;
  height: 15px;
  width: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* .blog-post {
  max-width:1024px;
  margin: 0 auto;
  padding: 3.3rem 0;
} */
.blog-post h1 {
  font-size: 2.25rem;
  line-height:4.063rem !important;
}
.blog-post__meta {
  margin:1rem 0 4rem 0;
  color:#aaa;
}
.blog-post__meta a {
  color:#aaa !important;
  text-decoration: underline;
}

.blog-post__tags {
  font-family: Lato, sans-serif;
  color: #000;
}
.blog-post__tags svg {
  width: 15px;
  height: auto;
  margin-right: 10px;
}
.blog-post__tag-link {
  font-size: .8rem;
  color: #000;
}

.blog-recent-posts {
  margin-top: 3rem;
  background-color: transparent;
  padding: 2rem 0;
}
.blog-recent-posts h2 {
  text-align: center;
}
.blog-recent-posts__list {
  display: flex;
}
.blog-recent-posts__post {
  display: block;
  flex:  0 0 100%;
  color: #494a52;
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  .blog-recent-posts__post {
    flex:  0 0 calc(100%/2);
  }
}
@media screen and (min-width: 1000px) {
  .blog-recent-posts__post {
    flex:  0 0 calc(100%/3);
  }
}
.blog-recent-posts__post:hover {
  text-decoration: none;
}
.blog-recent-posts__image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-bottom: 63%;
}
.blog-recent-posts__title {
  margin: 1rem 0 .5rem;
}

.blog-comments {
  max-width: 680px;
  margin: 0 auto;
}
.blog-comments form {
  max-width: 100%;
}
.blog-comments .hs-submit {
  text-align: center;
}
.blog-comments .hs-button {


}
.blog-comments .hs-button:hover {

}
.blog-comments .comment-reply-to {
  border: 0 none;
}
.blog-comments .comment-reply-to:hover {
  background-color: transparent;
  text-decoration: underline;
  color: #494A52;
}

/*             Blog Listing with Sidebar            */

.post-item .page-center{
  display: -webkit-flex; /* Safari */
  display: flex; /* Standard syntax */
  margin-bottom: 20px;
}
.post-item .page-center .span4, .post-item .page-center .span8 {
  -webkit-flex: 1; /* Safari */
  -ms-flex: 1; /* IE 10 */
  flex: 1; /* Standard syntax */
}
.post-item .page-center .span8 {
  flex-basis: 31.914893614%;

}
img.featured-image {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover;
}
@media(max-width: 480px){
  .blog-post img {
    width: 100% !important;
    float: none !important;
  }
}

/*             Blog Grid Listing            */

.blog-index__post.blog-index__post--small {
  display: flex;
}

.blog-index__post-inner-card {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  border-radius: 5px;
  background: #fff;
}

.blog-index__post-image {
  border-radius: 5px 5px 0 0;
}

.blog-index__post-inner-card .blog-index__post-content {
  display: flex;
  flex-direction: column;
  padding: 24px 30px 30px 30px;
  height: 100%;
}

.blog-post__tag-link,
.blog-post__tags {
  font-size: 12px;
  font-weight: 200;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.01rem;
}

.blog-post__tag-link:hover{
  text-decoration: none;
}

.blog-index__post-content--small h2 {
  font-size: 18px;
  line-height: 26px;
}
.blog-index__post-content--small h2 a{
  color: #333;
}
.blog-index__post-content--small h2 a:hover {
  text-decoration: none;
  transition: all .5s;
  color: #333;
}

.blog-post__meta-section {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: auto;
  padding-top: 30px;
  font-size: 14px;
}

.blog-post__read-more a:hover {
  text-decoration: none;
}

.read-more__arrow {
  position: relative;
  top: 3px;
  padding-left: 10px;
}

.blog-post__read-more svg {
  width: 15px;
  height: auto;
}

.blog-post__read-more a svg {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

@media screen and (max-width: 767px) {
  .blog-index.sidebar {
    padding: 1rem 0;
    padding-bottom: 3.3rem;
  }
}

/*             Blog Grid Listing with Sidebar            */

.blog-index.sidebar {
  display:flex;
}

@media screen and (min-width: 1000px) {
  .blog-index.sidebar .blog-index__post {
    flex: 0 0 calc(100%/2);
  }
}

@media screen and (max-width: 999px) {
  .blog-index.sidebar .blog-index__post {
    flex: 0 0 calc(100%/1);
  }
}

.blog-sidebar {
  padding-top: 3.9rem;
}

@media screen and (max-width: 767px) {
  .blog-sidebar {
    padding: 2rem 1rem;
    padding-bottom: 0;
  }
}

.blog-sidebar h3 {
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: 600;
  line-height: 37px;
}

.blog-sidebar ul {
  padding: 30px;
  margin: 0 0 40px 0;
  list-style: none;
  border-radius: 5px;
  background: #fff;
}

.blog-sidebar ul li {
  padding: 10px 0;
  border-top: 1px solid #dfddd9;
  font-weight: 600;
}

.blog-sidebar ul li:first-child {
  border-top-color: transparent;
}

.blog-sidebar a {
  text-decoration: none;
}

.blog-sidebar a:hover {
  text-decoration: none;
}

.blog-sidebar .filter-link-count {
  display: none;
}

.blog-sidebar .filter-expand-link {
  position: relative;
  top: -15px;
  display: block;
  margin-bottom: 25px;
  text-transform: capitalize;
  text-align: center;
}

.blog-sidebar-post-listing ul li {
  padding-left: 2.3em;
  line-height: 24px;
  text-indent: -2.3em;
}

.blog-sidebar-post-listing li:before {
  position: relative;
  width: 22px;
  float: left;
  content: counter(list-item);
  margin-right: 25px;
  font-size: 36px;
  font-weight: 600;
}

.blog-sidebar-post-listing li a {
  position: relative;
  top: -3px;
}

.blog-pagination.span12 {
  display: flex;
  margin-left: 0;
}

/* Mobile Blog Sidebar */

@media(max-width: 767px) {
  .hs-blog-listing .content-wrapper > .row-fluid {
    display: flex;
    flex-direction: column;
  }

  .hs-blog-listing .span3 {
    order: 1;
  }

  .hs-blog-listing .span9 {
    order: 2;
  }

  .hs-blog-listing .blog-pagination {
    order: 3;
  }

  .blog-sidebar.mobile .blog-sidebar-topic-filter ul,
  .blog-sidebar.mobile .blog-sidebar-post-listing ul {
    visibility: hidden;
    opacity: 0;
    transition: all 5s;
    display: none;
  }

  .blog-sidebar.mobile .blog-sidebar-topic-filter h3,
  .blog-sidebar.mobile .blog-sidebar-post-listing h3 {
    cursor: pointer;
  }
  .blog-sidebar.mobile .blog-sidebar-topic-filter h3:after,
  .blog-sidebar.mobile .blog-sidebar-post-listing h3:after {
    content: "+";
    padding-left: 6px;
  }

  .blog-sidebar.mobile .blog-sidebar-topic-filter.clicked h3:after,
  .blog-sidebar.mobile .blog-sidebar-post-listing.clicked h3:after {
    content: "-";
    padding-left: 7px;
  }

  .blog-sidebar.mobile .clicked ul {
    display: block;
    visibility: visible;
    transition: all 1s;
    opacity: 1;
  }
}

/* Blog Subscription Section */

.subscription-form {
  display: block;
  margin: 0 auto;
  padding: 60px 0;
  width: 40%;
  text-align: center;
}

@media (max-width: 767px) {
  .subscription-form {
    width: 85%;
  }
}
@media (max-width: 767px) {

  .hs_recaptcha {
    margin: 15px 0;
    overflow-y: auto;
    width: auto;
    min-height: 80px;
  }
} 
.subscription-form label {
  text-align: center;
}

/*             Blog Post Layout          */

.post-featured-image {
  margin-bottom: -110px;
  margin-left: -30px;
  margin-right: -30px;
  min-height: 300px;
  background-size: cover;
  border-radius: 5px;
  margin-top: 40px;
  background-position: center center;
}

.blog-post {
  display:flex;
  position: relative;
  width: 90%;
  margin: 0 auto;
/*   padding: 84px 40px 80px 50px;  */
     padding: 84px 5% 80px 5%; 
  background: #fff;
/*   border-radius: 5px; */
}

@media (max-width: 768px){
.blog-post {
  display:flex;
  flex-flow:column;
  }
  
  .post-card{margin:0 !important;padding:0}
  
}

.blog-post__body{
  line-height:2.125rem !important;
}

.blog-post.no-image {
  margin-top: 50px;
}

.blog-post__title {
 font-size:2.563rem!important;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing:0 !important;
}

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

.blog-post__links {
  display: block;
  padding: 26px 0;
  margin-top: 20px;
}

.blog-post__back-to-blog {
  text-decoration: none;
}

.blog-post__back-to-blog svg {
  position: relative;
  top: 6px;
  margin-right: 10px;
  width: 20px;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

@media (max-width: 767px) {
  .blog-post {
    width: 100%;
    padding: 30px;flex-flow:column;
  }
}

/* Blog Comments */

.blog-comments {
  max-width: 100%;
}

.comment.depth-0:first-child {
  margin-top: 2em;
}

.comment.depth-1 {
  padding-left: 2em;
  padding-top: 1em;
  margin-top: 1em;
}

.blog-comments form {
  margin-top: 2em;
  padding-top: 2em;
}

/* Related Articles */

.blog-recent-posts__list {
  flex-wrap: wrap;
}

.blog-recent-posts .blog-index__post-content h2 {
  text-align: left;
}

.blog-recent-posts .blog-post__meta-section {
  justify-content: flex-end;
}


.blog-index__post-content--small h2{
  font-size: 1.5rem!important;
  line-height: 2.10rem;
  font-weight:400 !important;
}

.blog-index__post-content--small{
font-size:1.12rem !important;
}

.subscription-form .hs-field-desc{margin: 0px 0px 6px;
    font-size: 14px;}

.subscription-form {border-color: rgba(51,51,51,1.0);
    color: rgba(51,51,51,1.0);
    border-radius: 3px;
}

.subscription-form .hs-button{
  background-color: rgba(73,74,82,1.0);
    border-color: rgba(73,74,82,1.0);
    border-radius: 6px;
    border-width: 1px;
    color: rgba(255,255,255,1.0);
  margin:10px 0;
    
}
/* @import url('http://example.com/example_style.css'); */

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

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

html, body{margin:0 !important}

.header_container{
    flex-flow: row;
    padding:0.7rem 0.5rem 1rem 0.5em;
    align-items: center;
    justify-content: space-between;
    display: flex;   
}


.blog-menu ul li a{
    margin: 1rem 1.5rem;
    transition: .5s;
    cursor: pointer;
    outline: none;
    display: inline-flex;
    float: right;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 2.125rem;
    letter-spacing: .009rem;  color:#000; text-decoration:none;  
  font-family:Roboto,helvetica,sans-serif;
}

/* .blog-menu ul li:last-child a{color:#fff;background:#5F6B8E;padding:0.3em 0.5em;border-radius:5px} */

.blog-menu ul{
      visibility: visible;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    min-height: 5rem
}


.blog-menu ul li{list-style-type:none}

.header__logo img{
height:50px !important;width:auto !important;}



/** Footer  **/

/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
footer looks when it comes to spacing and other general styles.
*********************************************************************************
****************************************************************************** */


.footer {
  padding-top: 1.5rem;
  padding-bottom: 1rem;
  width: 100%;
  display: block;
  font-size: 14px;
}
.footer_logo img {
  width: 8rem !important;
  height: auto;
/*   margin: 0 0 0 2vw; */
}
.footer  .line {
  border: 0;
  box-sizing: content-box;
  height: 0;
  border-top: 1px solid #eee;
  margin: 1.5rem 2vw 0;
}
.footer_menu div >  ul {
  display: table;
  width: 100%;
}

.footer_menu div > ul> li:nth-last-child(2) ul{
/*   margin-top:2em;*/margin-left:-8em !important; 
}


@media only screen 
and (min-device-width : 768px) 
  and (max-device-width : 1024px) {
    .footer_menu div > ul> li:nth-last-child(2) ul{
      margin-top:1.25em !important;
    } 
    
    .header__logo img{width:auto !important;}
}
  

@media (max-width: 767px){
      .header__logo img{width:auto !important;}

  .footer_menu div>ul>li:nth-last-child(2) ul li{
border-bottom:0 !important;
}
  
  .footer_menu div > ul{
    display:flex;flex-direction:column;
  }  

.footer_menu div>ul>li:last-child ul{
margin-left:0 !important;}

.footer_menu div>ul>li:nth-last-child(2) ul{
margin-left: 0  !important; margin-top:0 !important;
}
  
  .footer_menu div > ul> li:last-child ul{
    margin-left:0;
  }
}

.footer_menu div > ul > li:last-child {
  display:inline-flex;
  vertical-align: top;
  width:20%;
}
.footer_menu div > ul > li > a {
  display: none;
}
.footer_menu ul ul {
  display: inline-block;
  text-align: left;
  width:100%;
}

.footer_menu ul ul > li {
  font-family: Roboto\, helvetica,sans-serif;
  max-width: 46.25rem;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.75rem;
  letter-spacing: .031rem;
  margin: 0 0 0 2vw;
  margin-top: .3rem;
  display: flex;
}

.footer_menu ul ul > li:first-child {
  margin-top: 1.5rem;
  border-bottom:1px solid #fff;
}
.footer_menu ul ul > li:first-child > a {
  font-weight: 700;
}

.footer .bottom_section {
  display: table;
  width: 100%;
  margin-top: 1rem;
}

.footer .bottom_section > div {
  display: table-cell;
  vertical-align: top;
  width: 41.66666667%;
}

.footer .bottom_section > div.social_container {
  width: 16.66666667%;
}


  
.copyright .inner {
  margin: 0 0 0 2vw;
  margin-top: .3rem;
  display: flex;
  font-family: Roboto\, helvetica,sans-serif;
  max-width: 46.25rem;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.75rem;
  letter-spacing: .031rem;
}
.policy_links .inner {
  margin: 0 0 0 2vw;
  margin-top: .3rem;
  display: flex;
  font-family: Roboto\, helvetica,sans-serif;
  max-width: 46.25rem;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.75rem;
  letter-spacing: .031rem;
}
.social_box {
  text-align: right;
}

.social_inner {
  max-width: 46.25rem;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.75rem;
  letter-spacing: .031rem;
  margin: 0 0 0 2vw;
  margin-top: .3rem;
  display: flex;
}
.social_inner img {
  width: 1.5rem !important;
  height: auto;
}
.copyright a {
  display: flex;
  align-items: center;
  position: relative;
}
.policy_links .inner  div {
  display: flex;
}

.policy_links .inner span {
  display: flex;
}
.policy_links a {
  display: flex;
  align-items: center;
  position: relative;
  text-decoration:none;
}
.linked-in, .twitter {
  margin-left: 0.5rem;
}

@media (max-width: 767px){
  .footer_logo img {
    margin-left: 5vw;
    margin-right: 5vw;
}

.footer .line {
    margin-left: 5vw;
    margin-right: 5vw;
}

.footer_menu div>ul>li {
    display: block !important;
    position: relative;
    width: 100% !important;
}

.footer_menu ul ul>li {
    margin-left: 5vw;
    margin-right: 5vw;
}
.footer .bottom_section>div {
  display: block;
  position: relative;
  width: 100% !important;
}

.copyright .inner {
  margin-left: 5vw;
  margin-right: 5vw;
}

.policy_links .inner {
  margin-left: 5vw;
  margin-right: 5vw;
}

.social_inner {
  margin-left: 5vw;
  margin-right: 5vw;
}
}
#back-to-top {
  cursor: pointer;
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  font-size: 2rem;
  text-align: center;
  outline: none;
  z-index: 999999999999999;
  border-radius: 50%;
  height: 3.5rem;
  width: 3.5rem;
  border: 1px solid #999;
  color: #ccc;
  opacity: .5;
  background-color: rgb(239, 239, 239);
}
#back-to-top:hover{
  opacity: 1;
    box-shadow: 0 0 12px -4px rgba(0,0,0,.75);
    transition: 1s;
}

#back-to-top i {
  margin: auto;
  justify-content: center;
  align-items: center;
  display: flex;
  height: 100%;
}

.ser-icon-iconfinder_arrow-up-01_186407:before {
  content: "\e949";
  color: #515151;
}

[class*=" ser-icon-"], [class^=ser-icon-] {
  font-family: servient-icon-fonts!important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}




/* Footer CSS */

/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
footer looks when it comes to spacing and other general styles.
*********************************************************************************
****************************************************************************** */

.footer {
     background-color: rgba(27,39,53,1.0);
    color: rgba(255,255,255,1.0);
  padding-top: 1.5rem;
  padding-bottom: 1rem;
  width: 100%;
  display: block;
  font-size: 14px;
  font-family:Roboto\, helvetica,sans-serif;
}


.footer a {
 color:#D9DAF1;
}

.footer a:hover {
 color:#D9DAF1;
}

.footer .line {
    border-color: rgba(238,238,238,1.0)
}

.footer_logo img {
  width: 8rem !important;
  height: auto;
/*   margin: 0 0 0 2vw; */
}
.footer  .line {
  border: 0;
  box-sizing: content-box;
  height: 0;
  border-top: 1px solid #eee;
  margin: 1.5rem 2vw 0;
}
.footer_menu div >  ul {
  display: flex;
  width: 100%;
  justify-content:space-between;
}

.footer_menu div > ul > li {
  display: inline-flex;
  vertical-align: top;
  width:20%;
}

.footer_menu div > ul > li:first-child {
  display: inline-flex;
  vertical-align: top;
  width: 20%;
}

.footer_menu div > ul> li:last-child ul{
  margin-left:-2em;
}


.footer_menu div > ul > li > a {
  display: none;
}
.footer_menu   ul ul {
  display: inline-block;
  text-align: left;
  width:100%;
}

.footer_menu ul ul > li {
  font-family: Roboto\, helvetica,sans-serif;
  max-width: 46.25rem;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.75rem;
  letter-spacing: .031rem;
  margin: 0 0 0 2vw;
  margin-top: .3rem;
  display: flex;
}

.footer_menu ul ul > li:first-child {
  margin-top: 1.5rem;
}
.footer_menu ul ul > li:first-child > a {
  font-weight: 700;
}

.footer_menu ul ul > li:first-child {
  color:#fff;
}

.footer .bottom_section {
  display: table;
  width: 100%;
  margin-top: 1rem;
}

.footer .bottom_section > div {
  display: table-cell;
  vertical-align: top;
  width: 41.66666667%;
}

.footer .bottom_section > div.social_container {
  width: 16.66666667%;
}
.copyright .inner {
  margin: 0 0 0 2vw;
  margin-top: .3rem;
  display: flex;
  font-family: Roboto\, helvetica,sans-serif;
  max-width: 46.25rem;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.75rem;
  letter-spacing: .031rem;
}
.policy_links .inner {
  margin: 0 0 0 2vw;
  margin-top: .3rem;
  display: flex;
  font-family: Roboto\, helvetica,sans-serif;
  max-width: 46.25rem;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.75rem;
  letter-spacing: .031rem;
}
.social_box {
  text-align: right;
}

.social_inner {
  max-width: 46.25rem;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.75rem;
  letter-spacing: .031rem;
  margin: 0 0 0 2vw;
  margin-top: .3rem;
  display: flex;  
}
.social_inner img {
  width: 1.5rem !important;
  height: auto;
}
.copyright a {
  display: flex;
  align-items: center;
  position: relative;
}
.policy_links .inner  div {
  display: flex;
}

.policy_links .inner span {
  display: flex;
}
.policy_links a {
  display: flex;
  align-items: center;
  position: relative;
}
.linked-in, .twitter {
  margin-left: 0.5rem;
}

@media (max-width: 767px){
  .footer_logo img {
    margin-left: 5vw;
    margin-right: 5vw;
}

.footer .line {
    margin-left: 5vw;
    margin-right: 5vw;
}

.footer_menu div>ul>li {
    display: block !important;
    position: relative;
    width: 100% !important;
}

.footer_menu ul ul>li {
    margin-left: 5vw;
    margin-right: 5vw;
}
.footer .bottom_section>div {
  display: block;
  position: relative;
  width: 100% !important;
}

.copyright .inner {
  margin-left: 5vw;
  margin-right: 5vw;
}

.policy_links .inner {
  margin-left: 5vw;
  margin-right: 5vw;
}

.social_inner {
  margin-left: 5vw;
  margin-right: 5vw;
}
}


  
#back-to-top {
  cursor: pointer;
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  font-size: 2rem;
  text-align: center;
  outline: none;
  z-index: 999999999999999;
  border-radius: 50%;
  height: 3.5rem;
  width: 3.5rem;
  border: 1px solid #999;
  color: #ccc;
  opacity: .5;
  background-color: rgb(239, 239, 239);
}
#back-to-top:hover{
  opacity: 1;
    box-shadow: 0 0 12px -4px rgba(0,0,0,.75);
    transition: 1s;
}

#back-to-top i {
  margin: auto;
  justify-content: center;
  align-items: center;
  display: flex;
  height: 100%;
}

.ser-icon-iconfinder_arrow-up-01_186407:before {
  content: "\e949";
  color: #515151;
}

[class*=" ser-icon-"], [class^=ser-icon-] {
  font-family: servient-icon-fonts!important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.hs-menu-wrapper ul {
    padding: 0;
    margin: 0;
    list-style: none
}


.hs-menu-item a {
    text-decoration: none
}

.hs-menu-item:hover a,.hs-menu-item:focus a {
    text-decoration: none
}

.flag{display:flex;margin-right:1em}
/* .f-us{background:green url("images/us.png");}
.f-uk{background:green url("images/uk.png");} */

.ser-icon-iconfinder_arrow-up-01_186407:before {
    content: "\e949";
    color: #515151;
}

.wpThumbBox{
    margin-left:5rem; height:342px;
}

.wpThumbBox #cta-thumb{
     margin-top:5rem;margin-left:auto;
  position:sticky;top:8rem;
    margin-right: 5px;
    transition: box-shadow .3s ease-in-out;
    box-shadow: 2px 3px 10px 0 rgba(31,32,68,.39);
    border: 1px solid #ccc;
    border-radius: 6%;
    overflow: hidden;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;  max-width: 26%;
}

.post-card{
  margin-left:5rem; position:sticky;top:1rem;height:800px;
}

.post-card img{
  margin-top:5rem;margin-left:auto;
  position:sticky;top:8rem;
    margin-right: 5px;
    transition: box-shadow .3s ease-in-out;
    box-shadow: 2px 3px 10px 0 rgba(31,32,68,.39);
    border: 1px solid #ccc;
    border-radius: 6%;
    overflow: hidden;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;  max-width: 26%; 
}

@media (max-width: 768px){
.post-card img{
    min-width: 165px!important;
    max-width: 165px!important;
    min-height: 200px!important;
    max-height: 200px!important;

  }
}

@media (min-width: 1280px){
.post-card img{
    min-width: 280px!important;
    max-width: 280px!important;
    min-height: 340px!important;
    max-height: 340px!important;

  }
}


@media (min-width: 992px) {
.post-card img{
    min-width: 214px!important;
    max-width: 214px!important;
    min-height: 260px!important;
    max-height: 260px!important;
}
}

@media (min-width: 1024px){
.post-card img{    
    min-width: 227px!important;
    min-height: 276px!important;
    max-height: 276px!important;
  }
}

@media (min-width: 1200px){
.post-card img{    
    min-width: 264px!important;
    max-width: 264px!important;
    min-height: 342px!important;
    max-height: 342px!important;
    
}
}

.ser-icon-iconfinder_arrow-up-01_186407:before {
    content: "\e949";
    color: #515151;
}


/* Hamburger Mneu */

@media screen and (min-width:481px){
.mobile{
display:none;
}
.desktop{
display:block;
}
}

@media screen and (max-width:480px){
.mobile{
display:block;
}
.desktop{
display:none;}
}


.custom_header{z-index:1}


#hs_cos_wrapper_header_logo{padding-left: 24px !important}

.hs-audio-player{z-index:0 !important}
/* ******************************************************************************
*********************************************************************************
Use this file to override any of the CSS styles preset in the themed
stylesheets or you can add your own custom styles.
*********************************************************************************
****************************************************************************** */

/* Test */
















.dnd-section > .row-fluid {
  max-width: 100%;
}

.dnd-section {
  padding-bottom: 40px;
  padding-top: 40px;
}

.body-container__homepage .dnd-section:nth-child(odd) {
  background-color: #F8FAFC;
}
.page-center {
  max-width: 100%;
}






body {
  color: #333;
  font-family: Roboto\, helvetica,sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
}

body {
  
  color: #333;
  
}


a {
  color: rgba(51, 122, 183, 1.0);
}

a:hover,
a:focus {
  color: rgba(35, 82, 124, 1.0);
}



h1 {
  color: #333;
  font-family: poppins\, helvetica,sans-serif;
  font-size: 3.25rem;
  font-weight: 300;
}

h1 {
  
  color: #333;
  
}


h2 {
  color: #333;
  font-family: poppins\, helvetica,sans-serif;
  font-size: 2.563rem;
  font-weight: 400;
}

h2 {
  
  color: #333;
  
}

h3 {
  color: #333;
  font-family: poppins\, helvetica,sans-serif;
  font-size: 1.7rem;
  font-weight: 400;
}

h3 {
  
  color: #333;
  
}

h4 {
  color: #333;
  font-family: poppins\, helvetica,sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
}

h4 {
  
  color: #333;
  
}

h5 {
  color: #333;
  font-family: poppins\, helvetica,sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
}
h5 {
  
  color: #333;
  
}

h6 {
  color: #333;
  font-family: poppins\, helvetica,sans-serif;
  font-size: 1rem;
  font-weight: 400;
}
h6 {
  
  color: #333;
  
}







form,
.submitted-message {
  border-color: rgba(#null, 0.0) ;
  font-family: Roboto, Helvetica,Arial,sans-serif;
}

h3.form-title {
  background-color: rgba(255, 255, 255, 0.0);
  color: rgba(51, 51, 51, 1.0);
}

.hs-button,
.button--primary {
  background-color: rgba(73, 74, 82, 1.0);
  border-color: rgba(73, 74, 82, 1.0);
  border-radius: 6px;
  border-width: 1px;
  color: rgba(255, 255, 255, 1.0);
  padding-left: 53px;
  padding-right: 53px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.hs-button:hover,
.hs-button:focus,
.button--primary:hover,
.button--primary:focus {
  background-color: rgba(0, 0, 0, 1.0);
  border-color: rgba(0, 0, 0, 1.0);
  color: rgba(255, 255, 255, 1.0);
}



.hs-form label {
  color: rgba(51, 51, 51, 1.0);
}

.hs-form legend {
  color: rgba(51, 51, 51, 1.0);
}

form input,
form select,
form textarea,
.hs-input {
/*   border-color: rgba(51, 51, 51, 1.0); */
  color: rgba(51, 51, 51, 1.0);
  border-radius: 3px;
}

form input:focus,
form select:focus,
form textarea:focus,
.hs-input:focus {
/*   border-color: rgba(51, 51, 51, 1.0); */
}

.fn-date-picker .pika-table thead th {
  color: rgba(255, 255, 255, 0.0);
}

.hs-input:-moz-placeholder,
.hs-input::-webkit-input-placeholder,
.hs-field-desc,
.hs-dateinput:before,
.hs-richtext {
  color: #333;
}

.hs-richtext {
  font-size: 1.25;
}

.hs-default-font-element,
.hs-main-font-element {
  font-family: Roboto;
}

.fn-date-picker td.is-today .pika-button {
  color: #494a52;
}

.fn-date-picker td.is-selected .pika-button {
  background: #494a52;
}

.fn-date-picker td .pika-button:hover {
  background-color: #F8FAFC !important;
}





th,
td {
  background-color: rgba(255, 255, 255, 1.0);
  border: 1px solid rgba(119, 119, 119, 1.0);
  color: rgba(119, 119, 119, 1.0);
}

thead th,
thead td {
  background-color: rgba(73, 74, 82, 1.0);
  color: rgba(255, 255, 255, 1.0);
}

tfoot td {
  background-color: rgba(255, 255, 255, 1.0);
  color: rgba(119, 119, 119, 1.0);
}

table,
tbody + tbody {
  border-color: rgba(119, 119, 119, 1.0);
}

.custom_header {
   background-color: rgba(255, 255, 255, 1.0); 
}
.custom_header .custom-menu-primary{
/*   background-color: rgba(44, 79, 124, 1.0); */
}
.custom_header .mobile-trigger {
  color: rgba(0, 0, 0, 1.0);
}

body .custom-menu-primary a,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: rgba(255, 255, 255, 1.0);
}

body .custom-menu-primary .submenu.level-1 > li:hover > a,
body .custom-menu-primary .submenu.level-1 > li:focus > a,
.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 a:focus {
  color: rgba(255, 255, 255, 1.0);
}


body .custom-menu-primary a.active-branch,
body .header__language-switcher-label-current:active,
body .header__language-switcher .lang_list_class li a:active {
  color: rgba(255, 255, 255, 1.0);
}
body .custom-menu-primary .submenu.level-1 > li.active-branch,
body .header__language-switcher-label-current:active,
body .header__language-switcher .lang_list_class li:active {
  background-color: rgba(255, 255, 255, 0.0);
}
body .custom-menu-primary .submenu.level-1 > li {
  background-color: rgba(#null, 0.0);
}
body .custom-menu-primary .submenu.level-1 > li:hover,
body .custom-menu-primary .submenu.level-1 > li:focus {
  background-color: rgba(255, 255, 255, 0.0);
}
body .custom-menu-primary .submenu.level-1 > li > a.active-branch {
  color: rgba(255, 255, 255, 1.0);
}

body .custom-menu-primary .submenu.level-1 > li > a.active-branch:after {
  color: rgba(255, 255, 255, 1.0);
}
body .custom-menu-primary .submenu.level-2 > li > a {
  color: rgba(255, 255, 255, 1.0);;
}
body .custom-menu-primary .submenu.level-2{
  background-color: rgba(44, 79, 124, 1.0);;
}
body .custom-menu-primary .submenu.level-2 .triangle-container .triangle {
  background-color: rgba(44, 79, 124, 1.0);
}

body .custom-menu-primary .submenu.level-2 .menu-item .menu-link:hover,
body .custom-menu-primary .submenu.level-2 .menu-item .menu-link:focus,
body .header__language-switcher .lang_list_class li:hover,
body .custom-menu-primary .submenu.level-2 .triangle-container.level-2.hover .triangle {
  background-color: rgba(255, 255, 255, 0.0);
  color: rgba(255, 255, 255, 1.0)
}
body .custom-menu-primary .submenu.level-2 .menu-item .menu-link.active-branch {
  color: rgba(255, 255, 255, 1.0);
  background-color: rgba(255, 255, 255, 0.0);
}


.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: Roboto;
}

.header__language-switcher-label-current:after {
  border-top-color: rgba(255, 255, 255, 1.0);
}

@media(max-width: 767px) {
  .header__navigation {
    background-color: rgba(255, 255, 255, 1.0);
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: rgba(255, 255, 255, 1.0);
  }
}





.footer {
  background-color: rgba(27, 39, 53, 1.0);
  color: rgba(255, 255, 255, 1.0);
}
.footer a{
  color: rgba(255, 255, 255, 1.0);
}
.footer a:hover{
  color: rgba(255, 255, 255, 1.0);
}
.footer .line{
  border-color:  rgba(238, 238, 238, 1.0);
}





.content-wrapper {
  max-width: 100%;
}

.blog-post__date {
  border-color: #333;
}

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

.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: #0b0b0b;
}

.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: #5b5b5b;
}

.blog-tag-filter__menu-link--active-item:after {
  background-color: #494a52;
}

.blog-pagination__link {
  color: #333;
}

.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after {
  background-color: #494a52;
}

.blog-post__title {
  color: #333;
  font-family:poppins;
  font-size: 2.563px;
  font-weight: ;
}

.blog-post__author {
  background-color: #F8FAFC;
}

#comments-listing .comment-reply-to {
  color: rgba(#null, 0.0);
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: rgba(#null, 0.0);
}

#comments-listing .comment-reply-to:active {
  color: rgba(#null, 0.0);
}

/*             Blog Grid Listing and Post styles            */

.blog-header {
  background-color: rgb(245, 245, 245);
}

.hs-blog-listing,
.hs-blog-post {
  background-color: #FFF;
}

.blog-index__post-inner-card {
  box-shadow: -5px 0px 20px 0px rgba(73, 75, 77, 0.10);
}

.blog-post__tag-link:hover{
  color: #23527c;
}

.blog-post__read-more svg {
  fill: #333;
}

.blog-post__read-more a:hover svg {
  fill: #23527c;
}

.blog-sidebar ul {
  box-shadow: -5px 0px 20px 0px rgba(73, 75, 77, 0.10);
}

.blog-sidebar a {
  color: #333;
}

.blog-sidebar a:hover {
  color: #23527c;
}

.blog__subscription-block {
  background-color: rgb(245, 245, 245);
}

.post-featured-image {
  max-height: 600px;
}


.blog-post__meta a {
  color: #333;
}

.blog-post__body, .blog-post__tags a {
  color: #333;
}

.blog-post__meta a:hover {
  color: #23527c
}

.blog-post__links {
  border-top:  2px solid rgb(228, 230, 232);
}

.blog-post__back-to-blog {
  color: #333;
}

.blog-post__back-to-blog:hover {
  color: #23527c;
}

.blog-post__back-to-blog svg {
  fill: #333;
}

a.blog-post__back-to-blog:hover svg {
  fill: #23527c;
}

.comment.depth-0,
.blog-comments form {
  border-top: 2px solid rgb(228, 230, 232);
}

.comment.depth-1 {
  border-left: 2px solid rgb(228, 230, 232);
}

.section.post-footer .hs-input {
  border-color: rgb(228, 230, 232);
}

.blog-recent-posts {
  background-color: rgb(245, 245, 245);
}










body .icon svg {
  fill: #494a52;
}

body .tns-nav button.tns-nav-active {
  background-color: #494a52;
}

body .tns-nav button:hover,
body .tns-nav button:focus {
  background-color: #494a52;
}

body .social-links__icon {
  background-color: #494a52;
}

body .social-links__icon:hover svg,
body .social-links__icon:focus svg {
  fill: rgba(#null, 0.0);
}

body .social-links__icon:active svg {
  fill: rgba(#null, 0.0);
}

body .team-member__description {
  background-color: #F8FAFC;
}

.page-center {
  max-width: 100%;
  margin: 0 auto;
}




.body-container__website .dnd-section:nth-child(odd) {
  background-color: {typography=, tables=, buttons=, spacing=, footer=, global_colors=, blog_settings=, header=, forms=}
}