/*BLOG PAGE CUSTOM CSS*/
/*article before - must be removed*/
.blog_grid .vc-gitem-zone-height-mode-auto:before {
    display: none;
}

.blog_grid .vc_grid-item.vc_clearfix.vc_col-sm-4 {
    padding: 15px !important;
}

body .blog_grid .vc_gitem-zone-mini div {
    position: static;
    transform: none;
    margin-bottom: 0;
}

/* article style */
.blog_grid .vc_grid-item-mini.vc_clearfix {
    box-shadow: 0px 4px 57px 0px #00000029;
}

.blog_grid .vc_gitem_row .vc_gitem-col {
    padding: 0px;
}

    
/* Blog Post Title style*/
.blog_grid .post_title h2 {
    color: #FFF;
    background: #353433 ;
    padding: 30px 70px 30px 30px !important;
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: flex;
    align-items: center;
    
    margin-bottom: 30px; 
}

.blog_grid .post_title h2:after {
    content: url(/wp-content/uploads/2023/10/GasTech-blog-title.svg);
    right: 3%;
    transform: scale(0.9);
    z-index: -1;
    position: absolute;
    mix-blend-mode: luminosity;
}


/*Blog Post title Link style*/
body .blog_grid .post_title a {
   /* font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;*/
    font-size: 24px !important;
    font-weight: 700 !important;
    text-shadow: 2px 2px 10px #353433;
    line-height: 30px !important;
    display: block;
    text-transform: none;
    letter-spacing: normal;
    
}


/*Blog Post title Link hover style*/
body .blog_grid .post_title a:hover {
   color: var(--the7-accent-color);
}

/*Blog post Date Style */
body .blog_grid .post_date div {
    /*font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;*/
    color: #9C7B5B;
    padding-bottom: 10px;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0.02em;

}


/* Blog post content style */
body .blog_grid  div.post_excerpt  {
 /* min-height: 131px; */
  height: auto !important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 400;
  line-height: 25.2px;
  text-align: center;
  position: static;
  padding: 0px 50px !important;
 /* font-family: 'Source Sans Pro', sans-serif !important;*/
  color: #635F5B;
    }

/*Blog Post Content Paragraph Style*/
body .blog_grid .post_excerpt p {
    display: block;
    font-weight: 400;
    line-height: 23.63px;
    margin: 0;
    }

/* Blog Post Button Container Style*/
body .blog_grid div.post_button  {
    padding: 20px 0 30px;
    }
    
    
/* Blog Post Button Style*/
body .blog_grid .post_button a {
    color: #FFFFFF !important;
    /* font-family: 'Poppins', sans-serif !important; */
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: bold !important;
    background: linear-gradient(270deg, #00ACFE 0%, #FF1B00 100%) !important;
    letter-spacing: 0;
    padding: 12px 14px !important;
    border-radius: 0;
}
    
    /* Blog Post Button Hover*/
body .blog_grid .post_button a:hover {
   background: linear-gradient(270deg, #444050 0%, #444050 100%) !important
    }
    
    
/*  RESPONSIVE  */
    
@media (max-width: 1300px) {
body .blog_grid div.post_excerpt  {
    padding: 0px 35px !important;
}    
.blog_grid .vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper {
    margin: 0 30px;
    margin-top: 30px;
}
}
    
@media (max-width: 1200px) {
.blog_grid .vc_grid-item.vc_clearfix.vc_col-sm-4 {
    width: 50%;
}
.blog_grid .post_date div {
    padding-top: 0;
}
.blog_grid .post_title a {
    font-size: 22px !important;
}
.blog_grid .post_title h2:after {
    transform: scale(0.8);
}
}

@media (max-width: 768px) {
.blog_grid .post_title h2 { 
    padding: 20px 40px 20px 20px !important;
}
.blog_grid .post_title h2:after { 
    right: -3%;
    transform: scale(0.55);
}

body .blog_grid .post_title a {
    font-size: 18px !important;
    line-height: 22px !important;
}

body .blog_grid .post_date div {
    font-size: 19px; 
}

body .blog_grid .post_button a { 
    padding: 12px 45px;
}

body .blog_grid div.post_button {
    padding: 13px 0 19px;
}
/*grid margin*/
.blog_grid .vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper {
    margin: 0;
}
}

@media (max-width: 767px) {
.blog_grid  .vc_grid-item.vc_clearfix.vc_col-sm-4 {
    width: 100%;
}
.blog_grid .post_title h2 {  
    padding: 20px !important;
}
}

@media (max-width: 400px) {
.blog_grid .vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper {
    margin: 0 10px;
}
}
/*BLOG PAGE CUSTOM CSS END*/


/*post page custom css*/

.single-post .page-title.solid-bg {
    margin-bottom: 35px;
}

.single-post .post .post-thumbnail {
    margin-top: 0;
}

.single-post .header-space.sticky-space-off {
    min-height: 210.4px;
}

.single-post .page-title > .wf-wrap{
    padding: 0px;
    padding-bottom: 30px;
}
.single-post .page-title h1 {
    color: #FFF !important;
    text-shadow: 2px 2px 10px #353433;
}

.single-post .page-title.solid-bg {
    background: #353433;
    position: relative;
    z-index: 1;
    overflow: visible;
}

.single-post .page-title.solid-bg:after {
    content: url(/wp-content/uploads/2023/10/GasTech-blog-title.svg);
    right: 5%;
    top: 15%;
    transform: scale(0.9);
    z-index: -1;
    position: absolute;
    mix-blend-mode: luminosity;
}

.single-post .fancy-header .hgroup, .page-title .hgroup {
    overflow: visible !important;
}


@media (max-width: 1200px) {
.single-post .page-title h1 {
    padding-right: 140px;
}
.single-post .page-title > .wf-wrap {
    padding: 0px;
}
.single-post #page  .page-title .entry-title {
    padding-right: 0;
    font: normal 400 30px / 36px "Marko One", Helvetica, Arial, Verdana, sans-serif !important;
    font-size: 40px !important;
}
}

@media (max-width: 1000px) {
.single-post #page   .page-title .entry-title {
    padding: 45px !important;
    font-size: 35px !important;
}
.single-post .page-title.solid-bg:after {
    right: 0%;
    top: 7%;
    transform: scale(0.7);
}

}

@media (max-width: 767px) {
.single-post #page  .page-title-responsive-enabled.page-title .entry-title {
   /* font-size: 35px !important;*/
    padding-right: 0;
    padding: 33px !important;
}

.single-post .page-title.solid-bg:after {
    right: 0%;
    top: 19%;
    transform: scale(1);
}
}
/*post pages custom css- end*/