/* BLOG LISTING */

.blog .blog-listing-wrapper{
  padding-top: 40px;
  margin:0 auto;
  max-width:1080px;
  display:block;
}
.blog .blog-listing-wrapper h1 {
/* 	 font-size: 36px;
	 font-weight: 600;
	 color: #24282b; */
   margin: 0px 0px 30px;
   display:block;
}

.blog-overlay {
  background-color: rgba(5,67,114,.9);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all .3s ease-in-out;
  z-index: 99;
}

.blog .blog-listing .post-wrapper:hover .blog-overlay,
.post-wrapper:hover .blog-overlay{
  opacity:1;
}

.blog-overlay .btn {
  margin-top:0;
  color:#fff;
}

.recommended-guide {
  text-align:center;
}


 @media (max-width: 1024px) {
	 .blog .blog-listing-wrapper h1 {
		 margin: 30px 0px;
	}
}
 .blog .body-container {
	 position: relative;
}
 .blog .body-container > div {
	 position: relative;
	 z-index: 3;
	 top: 5;
}

.blog .featured-posts {
	 display: flex;
	 justify-content: space-between;
	 height: 500px;
	 margin-bottom: 20px;
}
 @media (max-width: 1024px) {
	 .blog .featured-posts {
		 flex-wrap: wrap;
		 height: auto;
	}
}
.blog  a {
text-decoration: none;
}
 .blog .featured-posts > a {
   height: 100%;
   text-decoration: none;
}
 .blog .featured-posts > a:first-child {
	 max-width: 625px;
	 width: 100%;
	 margin-right: 40px;
}
 @media (max-width: 1024px) {
	 .blog .featured-posts > a:first-child {
		 max-width: 100%;
		 margin-right: 0px;
		 margin-bottom: 40px;
		 padding: 25px 20px;
	}
}
 .blog .featured-posts > div {
	 max-width: 435px;
	 width: 100%;
}
 @media (max-width: 1024px) {
	 .blog .featured-posts > div {
		 max-width: 100%;
	}
}
 .blog .featured-posts > div > a.thumb {
	 height: calc(50% - 20px);
	 padding: 25px 20px;
}
 .blog .featured-posts > div > a.thumb:first-child {
	 margin-bottom: 40px;
}
 .blog .featured-posts > div > a.thumb h2 {
	 font-size: 18px;
	 color: #fff;
}
 .blog .featured-posts .thumb {
	 border-radius: 5px;
	 display: block;
	 padding: 45px 40px;
	 color: #fff;
	 background-size: cover;
	 background-position: center center;
	 transition: 0.3s all;
	 display: flex;
	 align-items: flex-end;
	 position: relative;
}
 .blog .featured-posts .thumb:before {
	 content: '';
	 display: block;
	 width: 100%;
	 height: 100%;
	 position: absolute;
	 top: 0px;
	 left: 0px;
	 opacity: 0.69;
	 z-index: 2;
	 border-radius: 5px;
	 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);
}
 .blog .featured-posts .thumb:hover {
	 box-shadow: 0 2px 35px 0 rgba(0, 0, 0, 0.5);
}
 .blog .featured-posts .thumb > div {
	 position: relative;
   z-index: 3;
   width:100%;
}
 .blog .featured-posts .thumb .topics span {
	 display: inline-block;
	 padding: 10px 18px;
	 border-radius: 5px;
	 background-color: rgba(255, 216, 219, .8);
	 font-size: 14px;
	 font-weight: 600;
	 color: #346df1;
}
 .blog .featured-posts .thumb h2 {
	 display: block;
/* 	 font-size: 27px; */
	 color: #fff;
	 line-height: normal;
	 border-bottom: rgba(255, 255, 255, 0.33) 1px solid;
	 padding-bottom: 15px;
}
 @media (max-width: 1024px) {
	 .blog .featured-posts .thumb h2 {
/* 		 font-size: 18px; */
	}
}
 .blog .featured-posts .thumb .detalis {
	 display: flex;
	 justify-content: space-between;
}
 .blog .featured-posts .thumb .detalis span {
	 font-size: 16px;
}
 .blog .blog-tags {
	 margin-bottom: 50px;
}
 .blog .blog-tags h3 {
	 font-size: 24px;
}
 .blog .blog-tags ul {
	 display: flex;
	 flex-wrap: wrap;
	 list-style: none;
   margin-bottom: 35px;
   padding:0px;
   gap: 15px;
}
 .blog .blog-tags ul li {
	 display: block;
}
 .blog .blog-tags ul li a {
	 border-radius: 5px;
	 background-color: #e1e1e1;
	 color: #6e6e6e;
	 font-weight: 600;
	 font-size: 14px;
   text-decoration: none;
	 padding: 10px 35px;
/* 	 margin: 0px 35px 35px 0px; */
	 display: block;
	 transition: 0.3s all;
}
 .blog .blog-tags ul li a:hover,
 .blog .blog-tags ul li a.active {
	 background-color: #0b548d;
	 color: #fff;
}
 .blog .blog-listing {
	 display: flex;
	 flex-wrap: wrap;
    gap: 30px;
	 transition: 0.3s all;
}
  .blog .blog-listing.loading .post-wrapper > div,
 .blog .blog-listing.loading .post-item > div {
	 position: relative;
	 overflow: hidden;
}
  .blog .blog-listing.loading .post-wrapper > div:after,
 .blog .blog-listing.loading .post-item > div:after {
	 content: '';
	 display: block;
	 position: absolute;
	 top: 0px;
	 left: 0px;
	 width: 100%;
	 height: 100%;
	 background-color: rgba(255, 255, 255, 0.8);
}

.blog .blog-listing .post-wrapper,
 .blog .blog-listing .post-item {
	 width: calc(33.3333% - 20px);;
	
   
   
}
 @media (max-width: 1024px) {
   .blog .blog-listing .post-wrapper,
	 .blog .blog-listing .post-item {
		 width: calc(50% - 20px);
	}
}
 @media (max-width: 640px) {
  .blog .blog-listing .post-wrapper,
	 .blog .blog-listing .post-item {
		 width: 100%;
	}
}



 .blog .blog-listing .post-item > div {
	 border-radius: 5px;
	 background-color: #fff;
   border: solid 1px #c1c1c1;
   height: 100%;
   display: flex;
   flex-direction: column;
   padding-bottom: 25px;
}
 .blog .blog-listing .post-item .thumb {
	 background-size: cover;
	 background-position: center center;
	 width: 100%;
	 height: 300px;
	 display: block;
	 border-radius: 5px 5px 0px 0px;
	 margin-bottom: 15px;
	 transition: 0.3s all;
}
 .blog .blog-listing .post-item .thumb:hover {
	 opacity: 0.7;
}
 .blog .blog-listing .post-item .date {
/* 	 color: #9d9d9d; */
	 font-size: 16px;
	 font-weight: 400;
	 padding: 0 25px;
   margin-top: 5px;
   margin-bottom: 5px;
}
 .blog .blog-listing .post-item h3,
 .blog .blog-listing .post-item h4,
 .blog .blog-listing .post-item h5 {
	 padding: 0 25px;
}
 .blog .blog-listing .post-item h3 a,
 .blog .blog-listing .post-item h4 a,
 .blog .blog-listing .post-item h5 a {
	 text-decoration: none;
}
 .blog .blog-listing .post-item p {
/* 	 color: #9d9d9d; */
	 font-size: 16px;
	 font-weight: 400;
	 padding: 0 25px;
	 line-height: 1.88;
}
 .blog .blog-listing .post-item a.more-link {
	 padding: 0 25px;
   margin-top: auto;
	 margin-bottom: 0px;
	 display: inline-block;
}
 .blog .blog-listing .post-item a.more-link svg {
	 transition: 0.3s all;
}
 .blog .blog-listing .post-item a.more-link:hover svg {
	 margin-left: 5px;
}
 .blog .blog-pagination {
	 text-align: center;
	 margin: 65px auto;
}
 @media (max-width: 1024px) {
	 .blog .blog-pagination {
		 margin: 50px 0px 50px;
	}
}
 .blog .blog-pagination .next-posts-link {
	 display: inline-block;
	 margin: 0px auto;
	 max-width: 180px;
	 width: 100%;
}
.blog .featured-posts.iq-blogposts__featured {
display: flex;
flex-wrap: wrap;
height: auto;
}

.blog .featured-posts.iq-blogposts__featured .iq-blogpost__featured {
width: 100%;
max-width: unset;
margin: 0 0 2rem 0;
min-height: 280px;
padding: 1rem 0;

}
.blog .featured-posts.iq-blogposts__featured > div > a.thumb {
height: 100%;
padding: 1rem;
}

.blog .featured-posts.iq-blogposts__featured .inner-wrapper .topics {
display:none
}

@media only screen and (min-width: 720px) {
  .blog .featured-posts.iq-blogposts__featured .iq-blogpost__featured {
   width: calc(50% - 15px);
}
}
#ajax-container{
	position: relative;
}
.lds-ring-wrapper{
	  position: absolute;
    z-index: 100;
    left: 50%;
    top: 200px;
    transform: translateX(-50%);
  display:none;
}
.lds-ring.loading{
	display: block;
}
.lds-ring {
  display: none;
  width: 40px;
  height: 40px;
}
.lds-ring:after {
  content: " ";
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 4px solid #fff;
  border-color: #7aa745 transparent #7aa745 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


/* BLOG POST */



.body-container--blog-post .main-wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
    padding-top: 80px;
/*     color: #9d9d9d; */
  
}
@media (max-width: 767px) {
    .body-container--blog-post .main-wrapper {
        flex-wrap: wrap;
   }
}
.body-container--blog-post .main-wrapper > div:first-child {
    width: calc(67% - 25px);
    padding-top: 5px;
}
.body-container--blog-post .main-wrapper > div:last-child {
   width: calc(33% - 25px);
}
@media (max-width: 767px) {
  .body-container--blog-post .main-wrapper > div:first-child,
  .body-container--blog-post .main-wrapper > div:last-child {
        max-width: 100%;
        width: 100%;
   }
}

.body-container--blog-post .sidebar {
   will-change: min-height;
}
.body-container--blog-post .sidebar .wrapper{
    transform: translate(0, 0); /* For browsers don't support translate3d. */
    transform: translate3d(0, 0, 0);
    will-change: position, transform;
}
.body-container--blog-post .sidebar .about {
    padding-bottom: 5px;
}
.body-container--blog-post .sidebar .about .hs-cta-wrapper a {
    margin-top: 10px;
}
.body-container--blog-post .sidebar .subscribe-blog {
    margin-bottom: 40px;
}

.sidebar .wrapper {
   background-color: #eef0f3;
  padding:20px;
}
.body-container--blog-post .sidebar  h3 {
margin-bottom: 20px;
   
}

.body-container--blog-post .sidebar .subscribe-blog form .legal-consent-container {
    font-size: 11px;
}

.body-container--blog-post .sidebar .subscribe-blog form .hs-form-field > label {
  display: block;
}
.body-container--blog-post .sidebar .subscribe-blog form .legal-consent-container .hs-richtext p, .body-container--blog-post .sidebar .subscribe-blog form .legal-consent-container .hs-richtext span {
    font-size: 11px;
}
.body-container--blog-post .sidebar .subscribe-blog form span.hs-form-required {
    color: #346df1;
}
.body-container--blog-post .sidebar .subscribe-blog form .hs-form-field {
  margin-bottom: 20px;
}


.body-container--blog-post .sidebar .blog-cat {
    border-top: solid 1px rgba(151, 151, 151, 0.3);
}
.body-container--blog-post .releted-posts {
    margin-bottom: 100px;
}
.body-container--blog-post  .hero-banner-blog{
    min-height: 400px;
  }
.body-container--blog-post .main-wrapper {
      flex-wrap: wrap;
  
  }
  
.body-container--blog-post .top-header {
        width: 100%;
   }
 .body-container--blog-post .top-header .topic-wrapper{
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
   margin-bottom: 15px;
}
    .body-container--blog-post .top-header .topic-wrapper a {
      font-size: 16px;
   }
    .body-container--blog-post .top-header h1 {
        margin:0 0 15px 0;
      font-size: 1.894736842105263rem
   }
    .body-container--blog-post .top-header .author-wrapper {
        display: flex;
        align-items: center;
        margin-bottom: 40px;
   }
    .body-container--blog-post .top-header .author-wrapper .avatar {
        min-width: 50px;
        width: 50px;
        height: 50px;
        background-position: center center;
        background-size: cover;
        border-radius: 50%;
   }
    .body-container--blog-post .top-header .author-wrapper span {
        font-size: 16px;
        font-weight: 300;
   }
    .body-container--blog-post .top-header .author-wrapper span a, 
    .body-container--blog-post .top-header .author-wrapper span small {
        display: inline-block;
        font-size: 16px;
        font-weight: 300;
        padding: 5px 15px;
        border-right: 1px solid #000;
   }
    .body-container--blog-post .top-header .author-wrapper span small {
        border-right: none;
        color: #000;
   }
.body-container--blog-post .top-header .thumb{
  margin-bottom:40px; 
}
    .body-container--blog-post .top-header .thumb img {
        width: 100% !important;
      
   }
    .body-container--blog-post .social {
        margin: 0 0 0 auto;
        display: flex;
      gap: 5px;
   }
 

    .body-container--blog-post .main-wrapper {
        padding-top: 0px;
        margin-top: 20px;
   }

 
  
    
   .body-container--blog-post .blog-categories h3{

    margin: 20px 0px;
   }
   .body-container--blog-post .blog-categories ul {
    list-style: none;
    padding-left: 0px;
}
.body-container--blog-post .blog-categories ul li {
    display: block;
    position: relative;
    margin-bottom: 10px;
}

select#cat-select {
    border: 1px solid #ccc;
  max-width:350px;
}


/* RELATED POST */

.body-container--blog-post .releted-posts {

    margin: 0 auto 100px;
}
.body-container--blog-post .releted-posts h3 {
    margin-bottom: 30px;
}
.body-container--blog-post .releted-posts .post-inner-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
   gap: 30px;
}
.body-container--blog-post .releted-posts .post-inner-wrapper > div {
  width: calc(33% - 20px);
}
@media (max-width: 767px) {
    .body-container--blog-post .releted-posts .post-inner-wrapper > div  {
       width: 100%;
   }
}

.blog-listing .post-wrapper, .releted-posts .post-wrapper {
	 position: relative;
	 background-color: #fff;
      box-shadow: 15px 25px 60px 0px rgb(0 0 0 / 10%);
	 overflow: hidden;
}
 .blog-listing .post-wrapper .author, .releted-posts .post-wrapper .author {
	 font-size: 16px;
   text-align:left;
}
 .blog-listing .post-wrapper .author-title, .releted-posts .post-wrapper .author-title {
	 color: #575a5f;
	 font-size: 14px;
	 display: block;
}
 .blog-listing .post-wrapper .author-info, .releted-posts .post-wrapper .author-info {
	 display: flex;
	 flex-wrap: wrap;
	 align-items: flex-start;
	 line-height: 1.1;
	 margin-top: 1rem;
}
 .blog-listing .post-wrapper .blog-details, .releted-posts .post-wrapper .blog-details {
	 font-size: 14px;
	 margin-top: 1rem;
}
 .blog-listing .post-wrapper .blog-link, .releted-posts .post-wrapper .blog-link {
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 z-index: 5;
}
 .blog-listing .post-wrapper .author-name, .releted-posts .post-wrapper .author-name {
	 display: block;
}
 .blog-listing .post-wrapper .blog-content, .releted-posts .post-wrapper .blog-content {
	 padding: 0 25px 50px 25px;
}
 .blog-listing .post-wrapper .recent-blog-post, .releted-posts .post-wrapper .recent-blog-post {
	 position: relative;
}
 .blog-listing .post-wrapper .post-name, .releted-posts .post-wrapper .post-name {
	 margin-top: 1rem;
}
 .blog-listing .post-wrapperpost-name h5 a, .releted-posts .post-wrapperpost-name h5 a {
	 color: #575a5f;
	 text-decoration: none;
}
 .blog-listing .post-wrapper a, .releted-posts .post-wrapper a {

	 text-decoration: none;
}
 .blog-listing .post-wrapper .post-name h5 a:hover, .releted-posts .post-wrapper .post-name h5 a:hover, .blog-listing .post-wrapper a:hover, .releted-posts .post-wrapper a:hover {
	 color: #262628;
}
 .blog-listing .post-wrapper .author-info img, .releted-posts .post-wrapper .author-info img {
	 max-width: 40px;
	 border-radius: 50%;
	 margin-right: 1rem;
}
 .blog-listing .post-wrapper .blog-by-tags, .releted-posts .post-wrapper .blog-by-tags {
	 display: flex;
	 align-items: flex-start;
	 flex-wrap: wrap;
}
 .blog-listing .post-wrapper .feat-image, .releted-posts .post-wrapper .feat-image {
	 padding-bottom: 50%;
	 width: 100%;
	 background-size: cover !important;
   position:relative;
   overflow:hidden;
}
 
 .blog-listing .post-wrapper .feat-image img{
   position:absolute;
   object-fit:cover;
   
}

.blog .blog-listing {
  padding-bottom:50px;
}

.blog select {
font-family: Ubuntu,sans-serif;
    font-size: 16px;
    -moz-text-align-last: initial;
    text-align-last: auto;
    background-color: transparent;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 2px;
    padding: 12px 40px 12px 25px;
    background-color: #fafafa;
    height: 45px;
    border: 1px solid #ccc;
}

/** Inside Hero **/

.module-container-wrapper {
background-size: cover;
  background-repeat: no-repeat;
  background-position:center!important;
}

.module-container {

}

.hero-banner h1{
  margin-bottom: 0px;
  margin-top:0px;
  font-size:48px;
  line-height:1.3;
  text-align:center;
  color: #fff;
  text-shadow: 1px 3px 7px rgba(0,0,0,0.25);
}

.blog-hero-banner h1 {
    margin-bottom: 0px;
  margin-top:0px;
  font-size:48px;
  line-height:1.3;
  text-align:left;
  color: #fff;
  text-shadow: 1px 3px 7px rgba(0,0,0,0.25);
}

.hero-content-wrapper {
 display: flex; 
}


.hero-content {
  position: relative;
  width:100%;
}

/* MOBILE QUERIES */

@media (max-width: 1080px) {

  .hero-content-wrapper {
   display: block; 
  }
  
  .hero-content:after {
    content: '';
  }
  
  
  .hero-content p {
   margin: 30px auto; 
  }
  
  .hero-content-image {
   min-height: 200px !important; 
  }
  
  .hero-content-image,
  .hero-content {
   width: 100%; 
  }
  
  .hero-content-image img {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto auto 0;
  }
  
}

.span12.widget-span.widget-type-raw_html.back-to-top {
  min-height:0;
}

.post-body img:first-child {
  margin-bottom:20px;
}

@media (max-width:767px) {
  .responsive-padding.module-container-wrapper.hero-banner {
    padding-top:75px!Important;
    padding-bottom:75px!Important;
  }

@media (max-width:479px) {
  .hero-banner h1 {
    font-size:36px;
  }
  
}