/*BLOG PAGE CUSTOM CSS*/

.page-id-1706 .page-title.solid-bg {
    background: #F7F7F7 url(/wp-content/uploads/2024/04/Rouse-post-heading.svg) no-repeat right / contain !important;
}

.page-id-1706 .page-title h1 {
	font-size: 34px;
	line-height: normal;
}

/*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_grid {
    margin: 70px 0 !important;
}

    
/* Blog Post Title style*/
.blog_grid .post_title h2 {
    color: #000000;
    background: #F7F7F7 url(/wp-content/uploads/2024/04/Rouse-blog-title.svg) no-repeat -20px / auto !important;
    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 {
    position: absolute;
    content: ' ';
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 0;
    background: linear-gradient(90deg, #F7F7F7 50%, rgba(217, 217, 217, 0) 100%);

}

/*Blog Post title Link style*/
body .blog_grid .post_title a {
    font-size: 24px !important;
    font-weight: 400 !important;
    text-shadow: 2px 2px 10px #F7F7F7;
    line-height: 30px !important;
    display: block;
    text-transform: uppercase;
    letter-spacing: normal;
    z-index: 2;
}


/*Blog Post title Link hover style*/
body .blog_grid .post_title a:hover {
    color: #cda536;
    
}

/*Blog post Date Style */
body .blog_grid .post_date div {
    color: #000000;
    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: #000000;
    }

/*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: #000000 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    /*font-weight: 700 !important;*/
    background: linear-gradient(to right, rgba(236, 203, 116, 1) 0%, rgba(251, 240, 192, 1) 100%);
    letter-spacing: 0;
    padding: 12px 40px !important;
    border-radius: 0;
	border: none !important;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}
    
    /* Blog Post Button Hover*/
body .blog_grid .post_button a:hover {
    background-position: 170px;
    }
    
    
/*  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;
}

.blog_grid .post_title h2 {
        background-position: -205px !important;
        background-size: 155% !important;
    }
}
    
@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 .post_title h2 {
	background-position: 68px !important;
	background-size: 81% !important;
}


}

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

@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;
}
}

/*BLOG PAGE CUSTOM CSS - END*/


/*POST PAGES CUSTOM CSS*/
/* header space height*/



body.single-post .page-title.solid-bg {
background: #F7F7F7 url(/wp-content/uploads/2024/04/Rouse-post-heading.svg) no-repeat right / contain !important;
}

body.single-post h1.entry-title {
	text-shadow: 2px 2px 10px #F7F7F7;
	font-size: 34px !important;
    line-height: normal !important;
}

body.single-post h2{
	font-size: 28px;
	line-height: 34px;
}

body.single-post h3{
	font-size: 24px;
	line-height: 30px;
}

.single-post div#content {
    margin: 50px 0;
}

@media(max-width:1000px) {
	
body.single-post .page-title.solid-bg h1 {
		padding: 50px 20px;
	}
body.single-post .page-title.solid-bg {
    background-blend-mode: color-burn;
}
}


/**POST PAGES CUSTOM CSS - END/