/*BLOG PAGE CUSTOM CSS*/


.page-id-2518 header#fancy-header {
    background: url(/wp-content/uploads/2021/02/CP-Panelcraft-home-hd-bg.jpg) no-repeat center / cover;
    min-height: 380px;
}

.page-id-2518 .wf-wrap {
    display: flex;
    align-content: flex-start;
}

.page-id-2518  h1.fancy-title.entry-title {
    margin-left: 40px;
	margin-top: 200px;
}

.page-id-2518  h1 span {
    font-size: 48px;
}

.vc_basic_grid.vc_basic_grid.blog_grid {
    margin: 70px 20px !important;
}

/*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;
	background: #1E1E1E;
}

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

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

.blog_grid .post_title h2:after { 
	content: ' ';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/wp-content/uploads/2024/04/CP-Panelcraft-logo.png) right / auto no-repeat;
    opacity: 0.5;
}

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

/*Blog post Date Style */
body .blog_grid .post_date div {
    color: #FFFFFF;
    padding-bottom: 10px;
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0.02em;
    font-style: italic;
}


/* Blog post content style */
body .blog_grid  div.post_excerpt  {
  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: #FFFFFF;
    }

/*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: 700 !important;
    background: #ED1C24 !important;
    letter-spacing: 0;
    padding: 15px 35px !important;
    border-radius: 0;
    border: none !important;
	text-transform: uppercase;
}
    
    /* Blog Post Button Hover*/
body .blog_grid .post_button a:hover {
	border: none !important;
	background-color: #faa61a !important;
}
    
    
/*  RESPONSIVE  */
    
@media (max-width: 1600px) {

}

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

.page-id-2518  h1.fancy-title.entry-title {
    margin-left: 60px;
}
}
    
@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;
}

}

@media (max-width: 1000px) {
.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;
}
	
/*grid margin*/
.blog_grid .vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper {
    margin: 0;
}
	
.page-id-2518 h1.fancy-title.entry-title {
    margin-left: 30px;
}	
	
}

@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 .post-meta {
    margin-bottom: 20px;
}
.single-post .post-meta .entry-meta a.data-link time {
    color: var(--the7-title-color);
}

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

.single-post div#content {
    margin: 60px 0 !important;
}

.single-post header#fancy-header {
    background: #181818 url(/wp-content/uploads/2024/04/candppanelcraft-post-heading.svg) no-repeat 95% / auto
}

.single-post h1 span {
    margin-right: 170px;
    text-align: left;
}

.single-post .wf-wrap {
    margin: 50px auto;
}

.single-post .fancy-header h1.fancy-title  {
	font-size: 48px;
	line-height: 54px;
}

.single-post .fancy-header h1.fancy-title span {
	font-size: 48px;
	line-height: 54px;
}
.single-post h2 {
	font-size: 42px;
	line-height: 48px;
}
.single-post h3 {
	font-size: 36px;
	line-height: 42px;
}


        /* RESPONSIVE */

@media (max-width: 1600px) {
.single-post .page-title.solid-bg:after {
    background-position: 95% 74%;
    background-size: 6%;
}
}

@media (max-width: 1300px) {
.single-post  .page-title.solid-bg:after {
    background-position: 95% 50%;
    background-size: 10%;
}
}

@media (max-width: 1000px) {
.single-post .fancy-header h1.fancy-title span {
    font-size: 42px;
    line-height: 48px;
}
.single-post h2 {
    font-size: 36px;
    line-height: 42px;
}
.single-post h3 {
    font-size: 30px;
    line-height: 36px;
}
.single-post header#fancy-header {
    background-size: 35%;
}

.single-post h1 span {
    margin-top: 0;
}

.single-post h1 span {
    margin-right: 0;
}

}

/*POST PAGE CUSTOM CSS - END*/