/*BLOG PAGE CUSTOM CSS*/
.blog-firtsrow > .l-section-h > .vc_row .vc_column_container .vc_column-inner {
    position: relative;
}

.blog-firtsrow > .l-section-h > .vc_row .vc_column_container .vc_column-inner:after {
    content: ' ';
    display: block;
    position: absolute;
    background: url(/wp-content/uploads/2024/01/jennings-blog-heading.svg) no-repeat right 33% / 113%;
    mix-blend-mode: multiply;
    width: 43%;
    height: 100%;
    right: -2.5rem;
    opacity: 0.8;
}

.blog_grid .w-grid-list {
    margin-top: 1.5rem !important;
}

/* shadow */
.blog_grid div.w-grid-item-h {
 box-shadow: 0px 4px 57px 0px #00000029;

}

/* Article style */
.blog_grid article.post {
    padding: 15px !important;
}

/* Blog Post Title style*/
.blog_grid .w-grid-list .w-grid-item-h h2.post_title {
    color: #FFFFFF;
    text-align: left;
    line-height: 28.8px !important;
    background: #2E1A47 url(/wp-content/uploads/2024/01/jennings-blog-title.svg) no-repeat 136%/70%;
    padding: 40px 100px 40px 40px;
    text-shadow: 2px 2px 10px #2E1A47;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-blend-mode: multiply;
}

/*Blog Post title Link style*/
body .blog_grid .w-grid-list .w-grid-item-h h2.post_title a {
    font-size: 24px;
    font-weight: 700;
    display: inline-block;
    letter-spacing: normal;
}


/*Blog post Date Style */
body .blog_grid .blog_time {
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    color: #2E1A47;
    text-align: center;
    padding-top: 20px;
    width: 100%;
    font-family: 'Jost';
}


/* Blog post content style */
body .blog_grid .w-grid-item-h .blog_content  {
  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.6px;
  text-align: center;
  position: static;
  padding: 0px 50px;
  color: #000000;
  font-family: 'Jost';
    }

/*Blog Post Content Paragraph Style*/
body .blog_grid .w-grid-item-h .blog_content p {
    display: block;
    }

/* Button Wrapper style*/
body .blog_grid div.button_wrapper {
    justify-content: center;
    }


/* Blog Button Style*/
body .blog_grid .post_button {
    
    margin-top: 25px;
    padding: 11px 36px;
    background: #2E1A47;
    color: #FFFFFF !important;
    display: inline-flex;
    
    font-size: 15px;
    line-height: 17px !important;
    font-weight: 400;
    font-family: 'Jost';
    border-radius: 0;
	margin-bottom: 15px;
    }
    
    /* Post Button Hover*/
body .blog_grid .post_button:hover {
    
    }
    
    
    /*  RESPONSIVE */

@media (max-width: 1300px) {

body .blog_grid .blog_time {
    padding-top: 15px;
    }
body .blog_grid .w-grid-item-h .blog_content {
    padding: 0px 35px;
    }
body .blog_grid .w-grid-list .w-grid-item-h h2.post_title {
    padding: 30px;
}
body .blog_grid .w-grid-list .w-grid-item-h h2.post_title a {
    margin: 0;
}
body .blog_grid .post_button {
    margin-top: 20px;
}


}
@media (max-width: 1100px) {

.blog_page_title.mml_h1row1_inner.mml_h1row2 p {
    padding: 30px 0;
    }
body .blog_grid .w-grid-list .w-grid-item-h h2.post_title a {
    font-size: 20px;
    }

}
@media (max-width: 768px) {

body .blog_grid .post_button {
    margin-top: 15px;
    }
body .blog_grid .w-grid-list .w-grid-item-h h2.post_title a {
    font-size: 20px;
    }
body .blog_grid .blog_time {
    font-size: 17px;
    }
body .blog_grid .w-grid-list .w-grid-item-h h2.post_title {
    padding: 20px;
    }
}

@media (max-width: 767px) {

.blog_grid .w-grid-list {
    margin: 0 -1.5rem !important;
}
body .blog_grid .w-grid-list .w-grid-item-h h2.post_title {
    padding: 20px;
}
body .l-main section.mml_inner1.blog_page_title {
    background-image: url(/wp-content/uploads/2023/02/mccolloch-roofing-cta.png) !important;
}
.blog_grid article.w-grid-item {
    margin: 0 !important;
    padding: 15px 2.5rem !important;
}
}



@media (max-width: 400px) {
.blog_page_title.mml_h1row1_inner.mml_h1row2 p {
    padding: 10px 0;
    text-align: left !important;
}
}


/*BLOG PAGE CUSTOM CSS - END*/



/*POST PAGE CUSTOM CSS */

.single-post .inner-title-row .has_bg_color > .vc_column-inner {
    background-position: center right!important;
}

.single-post .inner-title-row .title-container {
    padding: 0 120px;
}

.single-post .no-img > .l-section-h > .vc_row {
    min-height: 300px !important;
}

.single-post .post-container-row {
    padding: 50px 20px;
}

@media (max-width: 1600px) {
.single-post .inner-title-row .title-container {
    padding: 0 90px;
}
}

@media (max-width: 1500px) {
.single-post .inner-title-row .title-container {
    padding: 0 40px;
}
}

@media (max-width: 1400px) {
.single-post .inner-title-row .title-container {
    padding: 0;
}
}

@media (max-width: 767px) {
    
.single-post .no-img > .l-section-h > .vc_row {
    min-height: 170px !important;
}    

.single-post .inner-title-row .title-container {
    padding: 0 20px;
}
}
/*POST PAGE CUSTOM CSS - END*/