/* Blog post */

.blog-post {
	margin: 0 auto;
	max-width: 960px;
}
.blog-post__meta {
	margin-bottom: 1.4rem;
}
.blog-post__meta a {
	text-decoration: underline;
}
.featured-image img{
	width: 100%;
}
.blog-index__post-button-wrapper{
	display: inline-block;
}
.blog-search .hs-search-field__button:hover{
	background: #000;
	border: 1px solid #000;
} 
.blog-sidebar .blog-search .hs-search-field__button{
	margin-left: 0 !important;
}
.blog-post__timestamp {
	display: block;
}
.blog-post__tags svg {
	height: auto;
	margin-right: 0.35rem;
	width: 15px;
}
.blog-post-wrapper .post-title h2{
	margin-bottom: 0;
}
h2 .blog-index__post-title-link, .post-title h2{
	font-weight: 700;
}
h2 .blog-index__post-title-link{
	color: #D1Af22;
}
.blog-listing .blog-index__post-image{
	min-height: 300px;
	max-height: 300px;
	object-fit: cover;
	width: 100%;
}
.body-container--blog-post{
  padding-bottom:80px;
}
.body-container--blog-post ul{
	padding-left: 20px;
}

.blog-featured-image img{
	width: 100%;
}
.blog-post__tag-link {
	font-size: 0.875rem;
}

/* Blog related posts */
.blog-related-posts {
	background-color: #F8FAFC;
}
.blog-related-posts h2 {
	text-align: center;
}
.blog-related-posts__list {
	display: flex;
	flex-wrap: wrap;
}
.blog-related-posts__post {
	flex: 0 0 100%;
	padding: 1rem;
}
.blog-related-posts__image {
	height: auto;
	max-width: 100%;
}
.blog-related-posts__title {
	margin: 0.7rem 0;
}

/* Blog comments */
.blog-comments {
	margin: 0 auto;
	max-width: 680px;
}
.blog-comments .hs-submit {
	text-align: center;
}
.blog-comments .comment-reply-to {
	border: 0 none;
}
.blog-comments .comment-reply-to:hover,
.blog-comments .comment-reply-to:focus {
	background-color: transparent;
	text-decoration: underline;
}

/* Blog listing page */

.blog-listing .blog-featured-image img, .blog-list .blog-index__post-image-wrapper img{
	width: 100%;
}
.latest-blog-post-header .post-title h2{
	margin-top: 10px;
}
.latest-blog-post-header .post-title h2 a:hover, h2.blog-index__post-title a:hover{
	color: #13284C;
	font-weight: 700;
}
/* .blog-post-content h2, .blog-index__post-content h2{
margin-bottom: 0;
} */
.blog-listing .pagination{
	margin-top: 30px;
}
.blog-listing .pagination__link-icon svg{
	margin: -4px 0.3rem;
}
.blog-listing .blog-index{
	margin: 0 -1rem;
}
.blog-post .post-title h1{
	color: #D1Af22;
	margin-bottom: 10px;
	font-size: 30px;
}
.blog-listing .date, .blog-post__meta .date {
	color: rgba(0,44,108,.5);
	font-size: 16px;
	margin-bottom: 10px;
}
h2.blog-index__post-title, .blog-post .post-title h2{
/* 	font-size: 26px; */
  font-size:32px;
}

/* Blog Sidebar */

.blog-sidebar{
	background: #13284C;
	padding:20px;  
  border-radius:6px;
}
.blog-sidebar .social-icons-list{
  display: flex;
}f
.blog-sidebar .social-icons-list a{
  width: 25px;
  color: #13284C;
  display: inline-block;
  height: 25px;
  background: #fff;
  line-height: 25px;
  text-align: center;
}
.blog-sidebar .social-icons-list a:hover{
  color: #D1Af22;
}
.blog-sidebar .social-icons-list .social-icon-item{
  padding-right: 10px;
}
.blog-sidebar form,
.blog-sidebar .form-title{
  background-color:transparent;
  padding:0;
  font-family: Work Sans,sans-serif !important;
}
.blog-sidebar .blog-subscription label span:first-child, .blog-sidebar .hs-search-field__suggestions #results-for{
	color: #fff;
}
.blog-sidebar .hs-search-field__suggestions{
	padding: 10px;
}
.post-topics ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
.body-container--blog-post .blog-sidebar ul li{
  margin:auto !important;
}
.blog-search .hs-search-field__button {
	border-radius: 0;
}
.blog-sidebar .blog-search .hs-search-field__button {
	background-color: #FF6600;
	border: 1px solid #FF6600;
}
.blog-sidebar .blog-subscription .hs-button{
	margin-bottom: 30px;
	background-color: #FF6600;
	border: 1px solid #FF6600;	
	color: #fff;
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	padding: 13px 22px;
	text-align: center;
	white-space: nowrap;
}
.blog-sidebar .blog-subscription .hs-button:hover{
	background: #fff;
	color: #FF6600;
	border: 1px solid #FF6600;
	font-weight: 600;
}
.blog-sidebar .blog-subscription form .hs_submit{
	text-align:left
}
.blog-sidebar h3{
/*   font-size: 30px;   */
  font-size:22px;
  font-weight: 600;
	color: #fff;
	margin-top: 30px;
	margin-bottom: 10px;
	background: transparent;
}
.blog-sidebar a{
	color:#fff;
}
.blog-sidebar .hs-input, .blog-sidebar .hs-search-field__input{
	border-radius: 0;  
	-webkit-appearance: none;
	border: none;
}
/* .blog-sidebar .hs-search-field__suggestions .results-for,  */
.blog-sidebar .hs-search-field__suggestions a{
	color:#fff;
}
.sidebar-articles .blog-articles{
	margin-bottom: 20px;
}
.sidebar-articles .article-post-title a{
	color: #fff;
}
.blog-index .blog-index__post{
	display: flex;
	flex-direction: column;
}
.blog-index .blog-index__post-content{
	display: flex;
	height: 100%;
	flex-direction: column;
}
.blog-index .blog-index__post-content .blog-index__post-button-wrapper{
	margin-top: auto;
}
.blog-sidebar a:hover,
.sidebar-articles .article-post-title a:hover{
	opacity:.5;
	color:#fff;
}
.blog-listing .blog-index__post-button {
	margin-top: 20px;
}

.blog-listing .date{
	padding-bottom:20px;
}
.blog-sidebar .blog-subscription .legal-consent-container p,
.blog-sidebar .blog-subscription  .submitted-message{
	color:#fff;	
}
/* 3px 1px rgba(var(--shc-mutated-brightness,var(--color_0,color_0)),var(--alpha-shc-mutated-brightness,1)),3px 3px rgba(var(--shc-mutated-brightness,var(--color_0,color_0)),var(--alpha-shc-mutated-brightness,1)),5px 5px rgba(var(--shc-mutated-brightness,var(--color_0,color_0)),var(--alpha-shc-mutated-brightness,1)),7px 7px rgba(var(--shc-mutated-brightness,var(--color_0,color_0)),var(--alpha-shc-mutated-brightness,1)),9px 9px rgba(var(--shc-mutated-brightness,var(--color_0,color_0)),var(--alpha-shc-mutated-brightness,1)) */
.blog-listing-page-wrapper .theme-btn,
.blog-sidebar form .hs-button{
  box-shadow: 3px 1px rgba(0,41,74), 3px 3px rgba(0,41,74), 5px 5px rgba(0,41,74), 7px 7px rgba(0,41,74), 9px 9px rgba(0,41,74);
  transition: all 0.12s ease 0s;
  background-color: #FF6600;
  border: 1px solid #FF6600;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 30px;
  padding: 9px 22px;
  text-align: center;
  white-space: nowrap;
  border-radius:20px;
}
.blog-listing-page-wrapper .theme-btn:hover,
.blog-sidebar form .hs-button:hover{
  box-shadow: 0 0 rgba(0,41,74);
  transform: translate(9px, 9px);
}
.blog-listing .blog-listing-page-wrapper .theme-btn:hover{
  /*   background: #fff;
  border: 1px solid #d1af22;
  color: #d1af22; */
  font-weight: 600;
  border-radius:20px;
}
.blog-listing .blog-listing-page-wrapper .theme-btn:hover,
.body-container--blog-post .theme-btn:hover, 
.body-container--blog-post .hs-button:hover {
  background: #005194 !important;
  border: 1px solid #005194;
  color: #fff;
}

/* .two-column-image-text-layout, footer .footer__row-1{
  display:none;
} */

/* Blog share widget */
.blog__share-widget .hs_cos_wrapper_type_social_sharing{
  display:flex;
}
.blog__share-widget .hs_cos_wrapper_type_social_sharing > div{
  padding:0 10px;
}
.blog__share-widget .hs_cos_wrapper_type_social_sharing i {
  font-size: 18px;
}

.blog-post-main-section-wrapper{
	padding-top:40px;
}

/* Media Query */

@media(max-width: 1024px){
  #main-content .body-container--blog-post .blog-post{  
    padding: 60px 20px;
  }
}

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

@media(max-width: 991px){
	.blog-sidebar h3{
		font-size: 21px;
	}
	.blog-sidebar input[type="search"] {
    -webkit-appearance: none;
  }
  .recent-posts-widget .recent__post-list .card_item{
    flex-basis:50%;
  }
}

@media(min-width: 768px){
  .blog-listing .blog-sidebar{
/*     margin-top:80px; */
  }
  .body-container--blog-post .blog-sidebar  {
/* 		margin-bottom:80px; */
/* 		margin-top:80px; */
	}
	.blog-related-posts__post {
		flex: 0 0 calc(100% / 2);
	}
}

@media(max-width: 767px){
	.blog-listing .pagination{
		margin-bottom: 30px;
	}
	.blog-sidebar {
		margin-bottom: 70px;
	}
	.blog-listing .blog-sidebar {
		margin:0 15px;    
		margin-bottom:70px;
	}  
	.body-container--blog-post .blog-sidebar{
		margin-top: 0px;
	} 
  .recent-posts-widget .recent__post-list .card_item{
    flex-basis:100%; 
	}
}
  }
}