/*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: #FF4500 url(/wp-content/uploads/2023/10/RoofRescue-blog-title.svg) no-repeat 96%/ 40% !important;
    padding: 30px 70px 30px 30px !important;
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: flex;
    align-items: center;
    
    margin-bottom: 15px;
}


/*Blog Post title Link style*/
body .blog_grid .post_title a {
   /* font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;*/
    font-size: 22px !important;
    font-weight: 700 !important;
    text-shadow: 2px 2px 10px #FF4500;
    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: #312b2c;
    
}

/*Blog post Date Style */
body .blog_grid .post_date div {
    /*font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;*/
    color: #005E9D;
    padding-bottom: 10px;
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0.02em;
    font-style: italic;
}


/* 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: #2B2B2B;
    }

/*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: 700 !important;
    background: #241F20 !important;
    letter-spacing: 0;
    padding: 14px 23px !important;
    border-radius: 0;
    border: none;
}
    
    /* Blog Post Button Hover*/
body .blog_grid .post_button a:hover {
        opacity: 0.8;
        border: none;
    }
    
    
/*  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%;
}
body .blog_grid .post_date div {
    padding-top: 0;
}
body .blog_grid .post_title a {
    font-size: 22px !important;
}
.blog_grid .blog_grid .post_title h2 { 
    background-size: 31% !important;
}
}

@media (max-width: 768px) {
.blog_grid .blog_grid .post_title h2 { 
    padding: 20px 40px 20px 20px !important;
    background-size: 28% !important;
}
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;
}



}

@media (max-width: 767px) {
.blog_grid  .vc_grid-item.vc_clearfix.vc_col-sm-4 {
    width: 100%;
}
/*paddings for grid*/
.blog_grid .vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper {
    margin: 0 20px;
}
.blog_grid .post_title h2 {  
    padding: 20px !important;
    background-size: 21% !important;
}
}

/*Post page custom css*/

body.single-post .page-top .page-title {
    font-size: 3.2em;
}

body.single-post .page-top {
    padding: 78px 0;
}