/*BLOG PAGE CUSTOM CSS*/

.blog_grid .vc_grid.vc_row.vc_grid-gutter-30px {
    margin-bottom: 0;
}

.blog_grid .vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper {
    margin-right: 0;
}

.page-id-1764 header#fancy-header {
    /* background: #646464 url(/wp-content/uploads/2024/05/proactive-post-heading.svg) no-repeat 95% / contain !important; */
    background: #646464 !important;
}

.page-id-1764 header#fancy-header h1 {
	font-family: 'Croissant One', cursive;
	font-size: 60px;
    line-height: 65px;
	font-weight: 400;
    text-transform: uppercase;
}

/*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;
}

body .blog_grid {
    margin: 70px 0 !important;
}

    
/* Blog Post Title style*/
.blog_grid .post_title h2 {
    color: #fff;
    background: #77bebb !important;
    /* background: #0EB3E2 url(/wp-content/uploads/2024/05/proactive-blog-title.svg) no-repeat 90% / auto !important; */
    padding: 30px 70px 30px 30px !important;
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}



/*Blog Post title Link style*/
body .blog_grid .post_title a {
    font-size: 24px !important;
    font-weight: 400 !important;
    text-shadow: 2px 2px 10px #77bebb;
    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: #000;
    
}

/*Blog post Date Style */
body .blog_grid .post_date div {
    color: #77bebb;
    padding-bottom: 10px;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0.02em;
	font-family: 'Croissant One', cursive;

}


/* 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;
  color: #383838;
    }

/*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: #fff !important;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 400 !important;
	background: linear-gradient(180deg, rgba(167, 227, 249, 1) 0%, #53ada9 50%, #479793 75%, #28afa9 95%, #53ada9 100%);
    letter-spacing: 0;
    padding: 12px 40px !important;
    border-radius: 0;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	font-family: 'Poppins', sans-serif;
	border-bottom: 2px solid #002138;
}
    
    /* Blog Post Button Hover*/
body .blog_grid .post_button a:hover {
	border-bottom-color: #002138 !important;
    background: linear-gradient(180deg, rgba(167, 227, 249, 1) 0%, #53ada9 50%, #28afa9 75%, #479793 95%, #53ada9 100%) !important;
    transition: all ease .1s !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;
}

}
    
@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;
}
.page-id-1764 header#fancy-header h1 {
	font-size: 50px;
    line-height: 55px;
}

}

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

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

.page-id-1764 header#fancy-header h1 {
	font-size: 35px !important;
    line-height: 40px !important;
}

}

/*BLOG PAGE CUSTOM CSS - END*/


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

body.single-post .post-meta {
    margin-bottom: 15px;
}

.single-post .share-link-description {
    font-size: 16px;
    line-height: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
}

.single-post .entry-meta a.data-link time {
    font-size: 16px;
    line-height: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
	color: #000;
}

.single-post .entry-meta a.data-link {
    pointer-events: none;
}

.single-post header#fancy-header {
    background: #646464 url(/wp-content/uploads/2024/05/proactive-post-heading.svg) no-repeat 95% / contain !important;
}

.single-post header#fancy-header h1 {
	font-family: 'Croissant One', cursive;
	font-size: 60px;
    line-height: 65px;
	text-transform: uppercase;
	font-weight: 400;
}
/*
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:1200px) {
	.single-post header#fancy-header h1 {
		font-size: 50px;
		line-height: 55px;
}
}

@media(max-width:767px) {
	.single-post header#fancy-header h1 {
		font-size: 35px;
		line-height: 40px;
}
}



/**POST PAGES CUSTOM CSS - END/