/*  stj_post_thumb  */
.stj_post_thumb .post_thumb_wrp{width:100%;padding-top:62%;position:relative;}
.stj_post_thumb .post_thumb_wrp img{position:absolute;top:0px;left:0px;width:100%;height:100%;object-fit:cover;}
.stj_post_thumb .post_thumb_wrp a{position:absolute;z-index:5;top:0px;left:0px;width:100%;height:100%;}
.stj_post_thumb .post_thumb_wrp{margin-bottom:24px;}
.stj_post_thumb .post_meta{display: flex;flex-wrap: wrap;margin-bottom:16px;align-items: center;}
.stj_post_thumb .post_cat span, .stj_post_thumb .post_cat a, .stj_post_term .post_cat a{display:inline-block;padding:4px 12px;font-family: 'Lab Grotesque';font-style: normal;font-weight: 500;font-size: 16px;line-height: 150%;color:#425A55;text-transform:capitalize;background: #F8F7F5;border-radius: 5px;margin-right:16px;margin-bottom:10px;text-decoration: none !important;transition: all ease 0.3s;}
.stj_post_term .post_cat a:hover, .stj_post_thumb .post_cat a:hover{background:var(--c_red);color:#FFF;}
.stj_post_thumb .post_thumb_date, .stj_post_date{font-family: 'Lab Grotesque';font-style: normal;font-weight: 300;font-size: 12.8px;line-height: 150%;display: flex;align-items: center;color: #404040;}
/*.stj_post_thumb .post_thumb_title{font-style: normal;px;line-height: 120%;display: flex;align-items: center;color: #090909;margin-bottom:16px;}*/
.stj_post_thumb{padding-bottom:40px;}
.stj_post_thumb .post_thumb_inn{position:relative;padding-bottom:96px;height:100%;background: #FEFEFE;border: 1px solid #E8E5DE;border-radius: 8px;overflow:hidden;transition: all ease 0.3s;}
.stj_post_thumb .post_thumb_inn:hover{box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.04), 0px 20px 25px 0px rgba(0, 0, 0, 0.10);}
.stj_post_thumb .post_thumb_text_inner{padding:0px 24px;}
.post_thumb_excerpt{font-weight: 300;font-size: 16px;line-height: 140%;display: flex;align-items: center;letter-spacing: 0.008em;color: #404040;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;line-clamp: 4;-webkit-box-orient: vertical;}
.stj_post_thumb_btn{position:absolute;bottom:24px;left:24px;}
.stj_post_thumb_btn a{padding: 12px 20px 10px;background: #FEFEFE;border: 2px solid var(--c_red);border-radius: 6px;font-weight: 500;font-size: 12.8px;line-height: 110%;text-align: center;transition:all ease 0.3s;display:inline-block;outline: none !important;text-decoration:none !important;}
.stj_post_thumb_btn a span{color: var(--c_red);transition:all ease 0.3s;line-height:1;font-weight: 500;}
.stj_post_thumb_btn a:hover{background:var(--c_red);}
.stj_post_thumb_btn a:hover span{color:#FFF;}
/*  stj_post_thumb end  */

/* .stj_post_car  */
.stj_post_car .fl-post-carousel-navigation{position:absolute !important;top:-70px;right:0px;left:auto;}
.stj_post_car .fl-post-carousel-navigation a{position:static;}
.stj_post_car .fl-post-carousel{padding-left:0px;padding-right:0px;}
.stj_post_carousel .cars_content{margin-left:-16px;margin-right:-16px;display:flex;}
.stj_post_carousel .stj_post_thumb{width:33.33%;flex: 0 0 auto;padding-left:20px;padding-right:20px;}
/*.stj_post_carousel{overflow:hidden;}*/
.stj_post_carousel .slick-initialized .slick-track{display: flex !important;}
.stj_post_carousel .slick-initialized .slick-slide{height: inherit !important;}
/* .stj_post_car end  */



.layout_blog_01 {
  width:100% !Important;
  max-width:100% !Important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.layout_blog_01 .ctmpl-filter-form .ctmpl_filter_taxs{
  display:flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.ctmpl_field_wrapper{
  border:0px;
  padding:0px;
  margin-bottom:0px;
}
.ctmpl_field_wrapper.post_sorting{
  width:200px;
}
.ctmpl_field_wrapper.search_title{
  width:calc(100% - 200px);
  padding-left:25px;
  display:flex;
  position:Relative;
}
.ctmpl_field_wrapper.search_title:before{
  content:'\e940';
  font-family:'Ultimate-Icons' !important;
  position:absolute;
  top:50%;
  left:35px;
  font-size:25px;
  transform:translateY(-50%);
  color:#616161;
}
.ctmpl_field_wrapper input[name="search_title"] {
  border-radius: 8px 0px 0px 8px;
  border: 1px solid #EDEDED;
  background: transparent;
  border-right: 0px;
  padding-left: 40px;
  color: #616161;
  font-size: 16px;
  padding-top: 10px;
  padding-bottom: 6px;
  line-height: 2.1;
}
.ctmpl_field_wrapper input[name="search_title"]::placeholder{
  color:#616161;
}
.ctmpl_field_wrapper.search_title .ctmpl_field_label{
  display:none;
}
.ctmpl_field_wrapper .ctmpl_field_button{
  padding: 13px 30px 10px;
  justify-content: center;
  align-items: center;  
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  border-radius:0px 8px 8px 0px;
  background:var(--c_red);
  color:#fff;
  cursor:pointer;
  border: 2px solid var(--c_red);
  transition:all ease 0.3s;
}
.ctmpl_field_wrapper .ctmpl_field_button:hover{
  background:#fff;
  color:var(--c_red);
}
.ctmpl_field_wrapper.post_tag{
  width:100%;
  display:flex;
  align-items: flex-start;
  padding-top:70px;
  padding-bottom:50px;
}
.ctmpl_submit_wrapper{
  display:none;
}
.ctmpl_field_wrapper.post_tag .ctmpl_field_label{
  font-weight: 700;
  line-height: 140%;
  padding-top: 4px;
}
.ctmpl_checkbox_filter.post_tag{
  display:flex;
  flex-wrap: wrap;
}
.ctmpl_checkbox_filter.post_tag .checkbox-wrapper{
  margin-left:16px;  
  position:relative;
  margin-bottom: 10px;
}
.ctmpl_checkbox_filter.post_tag .checkbox-wrapper input{
  position:absolute;
  width:100%;
  height:100%;
  margin:0px;
  top:0px;
  left:0px;
  opacity:0;
  cursor:pointer;
}
.ctmpl_checkbox_filter.post_tag .checkbox-wrapper label{
  margin-bottom:0px;
  padding: 4px 16px;
  align-items: center;
  text-transform:capitalize;
  color:#425A55;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  background:#F8F7F5;
  border-radius:6px;
  transition:all ease 0.3s;
  
}
.ctmpl_checkbox_filter.post_tag .checkbox-wrapper:hover label,
.ctmpl_checkbox_filter.post_tag .checkbox-wrapper input:checked + label{
  background:var(--c_red);
  color:#FFF;
}


.ctmpl_clear_wrapper{
  margin-top: 70px;
  line-height: 40px;
  text-align: right;
  width: 120px;
  padding-left: 36px;
  padding-right: 20px;
  position: Relative;
  cursor: pointer;
  border-radius: 8px;
  transition: all ease 0.3s;
  visibility: hidden;
}
.ctmpl_clear_wrapper.show_btn{
  visibility:visible;
}
.ctmpl_clear_wrapper svg {
  position: absolute;
  left: 15px;
  top: 10px;
}
.ctmpl_clear_wrapper span{
  color: var(--c_red);
  font-size: 16px;
  font-weight: 700;  
  display:inline-block;
}
.ctmpl_field_wrapper.post_tag{
  width:calc(100% - 120px);
}
.ctmpl_clear_wrapper:hover{
  background:var(--c_red);
}
.ctmpl_clear_wrapper:hover span{
  color:#FFF;
}
.ctmpl_clear_wrapper:hover svg path{
  stroke:#FFF;
}


.stj_post_carousel.show_nav_desktop .cars_content{
  padding-bottom:50px;
}

.stj_post_carousel .slick-prev,
.stj_post_carousel .slick-next{
  position:absolute;
  bottom:0px;
  left:50%;
  transform:translateX(-50%);
  line-height: 0;
  width: 48px !important;
  height: 48px !Important;
  margin-left: 0px;
  margin-right: 0px;
  border-radius: 50%;
  background: transparent;
  border: 2px solid var(--c_red);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all ease 0.3s;
  font-size:0;
}
.stj_post_carousel .slick-prev{
  margin-left:-39px;
  transform:translateX(-50%) rotate(180deg);
}
.stj_post_carousel .slick-next{
  margin-left:39px; 
}

.stj_post_carousel .slick-arrow{cursor:pointer;}
.stj_post_carousel .slick-arrow path{stroke:var(--c_red);transition:all ease 0.3s;}
.stj_post_carousel .slick-arrow:hover{background:var(--c_red);}
.stj_post_carousel .slick-arrow:hover path{stroke:#FFF;}

/*.stj_post_carousel .slick-prev:hover,
.stj_post_carousel .slick-next:hover{
  background-color:var(--c_red);
}

.stj_post_carousel .slick-prev:before,
.stj_post_carousel .slick-next:before{
  content: "\e952";
  font-family: 'Ultimate-Icons' !important;
  speak: none;
  color: var(--c_red);
  font-size: 20px;
}
.stj_post_carousel .slick-prev:hover:before,
.stj_post_carousel .slick-next:hover:before{
  color:#FFF;
}*/

.layout_blog_01 .ctmpl-post-list{
    display: flex;
    flex-wrap: wrap;
    margin-left: -16px;
    margin-right: -16px; 
}
.layout_blog_01 .ctmpl-post-list .stj_post_thumb{
    width: calc(33.33% - 32px);
    margin-left: 16px;
    margin-right: 16px;
    padding-bottom: 32px;
}


.ctmpl_field_wrapper.post_sorting .select2-selection__rendered{
  padding-left:0px;
  padding-right:0px;
}

.ctmpl_field_wrapper.search_title:before {
    content: 'C';
    font-family: 'St John Icons' !important;
    position: absolute;
    top: 50%;
    left: 40px;
    font-size: 18px;
    transform: translateY(-50%);
    color: #616161;
}

/*-- .ctmpl-pagination --*/
.ctmpl-pagination{position:relative;text-align:center;line-height:1;margin-top:24px }
.ctmpl-pagination:before{content:'';position:absolute;display:inline-block;width:100%;height:0px;border-top:1px solid #E8E5DE;top:50%;left:0px;z-index:1;}
.ctmpl-pagination ul {display:inline-flex;margin-left:auto;margin-right:auto;width:auto;background:#FFF;position:relative;z-index:2;margin-bottom:0px;padding-left:23px;padding-right:23px;}
.ctmpl-pagination ul li{width:36px;height:36px;background:transparent;position:relative;margin-left:9px;margin-right:9px;}
.ctmpl-pagination ul li a{position:absolute;display:block;top:0px;left:0px;width:100%;height:100%;background:transparent;border-radius:50%;line-height:35px;border:1px solid #E8E8E8;border-radius:50%;color:var(--c_black2);transition:all ease 0.3s;cursor:pointer;text-decoration:none !important;}
.ctmpl-pagination ul li a.active, .ctmpl-pagination ul li a:hover{background:transparent;border:1px solid var(--c_darkgreen);color:var(--c_black2);}
.ctmpl-pagination{}
.ctmpl-pagination a.button-pagination.prev, .ctmpl-pagination a.button-pagination.next{background:var(--c_darkgreen);border-color:var(--c_darkgreen);transform:rotate(90deg)}
.ctmpl-pagination a.button-pagination.next{transform:rotate(-90deg)}
.ctmpl-pagination a.button-pagination.prev:before, .ctmpl-pagination a.button-pagination.next:before{content:'B';font-family: 'St John Icons' !important;color:#FFF;}
.ctmpl-pagination a.button-pagination.next:before{content:'B';}
.ctmpl-pagination a.button-pagination.prev:hover, .ctmpl-pagination a.button-pagination.next:hover{background:var(--c_green);border-color:var(--c_green);}
/*-- .ctmpl-pagination end --*/

@media(max-width:860px){
  .stj_post_carousel .cars_content{
    padding-bottom:50px;
  }
  
}


@media(max-width:600px){
  .layout_blog_01 .ctmpl-post-list .stj_post_thumb{
    width:100% !important;
  }
  .ctmpl_field_wrapper.post_sorting{
    width:100%;
    margin-bottom:20px;
  }
  .ctmpl_field_wrapper.search_title{
    padding-left:0px;
    margin-bottom:30px;
    width:100%;;
  }
  .ctmpl_field_wrapper.search_title:before{
    left:10px;
  }
  .ctmpl_field_wrapper.post_tag{
    width:100%;
    padding-top:0px;
    padding-bottom:20px;
  }
  .ctmpl_clear_wrapper{
    display:none;
    margin-top:0px;
    margin-bottom:10px;
  }
  .ctmpl_clear_wrapper.show_btn{
    display:block;
  }
  .ctmpl-pagination ul{
    padding-left:10px !important;
    padding-right:10px !important;
  }
  .ctmpl-pagination ul li{
    margin-left:5px !important;
    margin-right:5px !important;
  }
}
@media(max-width:400px){
  .ctmpl-pagination ul{
    padding-left:10px !important;
    padding-right:10px !important;
  }
  .ctmpl-pagination{
    margin-left:-10px !important;
    margin-right:-10px !important;
  }
  .ctmpl-pagination ul li{
    height:30px !important;
    width:30px !important;
    
  }
  .ctmpl-pagination ul li a{
    line-height:30px !important;
  }
}













