@charset "utf-8";
/* Custom CSS by PRP */



/*
===============================================================
===============================================================
!!!!!!!!!!!!!  CUSTOM BLOG !!!!!!!!!!!!! 
*/

.post-template-blog-template-single h2 {
	font-family: "Archer", "serif";
	font-weight: 500;
    font-size: 35px;
    line-height: 40px;
    letter-spacing: 0.48px;
	margin-bottom:15px;
}

.post-template-blog-template-single .elementor-text-editor {
	font-family: "futura-pt", "sans-serif";
    font-weight: 400;
    font-size: 20px;
	display:block;
    letter-spacing: 0.25px;
    line-height: 26px;
} 


.prp-wrapper {

   margin: 0 auto;
   width:100%;
	
}

.prp-container {

   max-width: 1175px;
   margin: 0 auto;
   padding:0 5px;
	
}

.page-template-blog-template-blogroll .top-of-page-logo {
	display:block;
	width:100%;
	text-align:center;
}

.page-template-blog-template-blogroll .top-of-page-logo img {
   width:25%;	
   max-width:75px;
   margin: 0 auto;
}

.post-template-blog-template-single .hero-text .title {
  margin: 8px 0;	
}

.post-template-blog-template-single .storefront-breadcrumb {
   padding-bottom:0px;	
   margin-bottom:0px;
   
}

.post-template-blog-template-single .hero.text-only {
	padding-top:24px;
}

.post-template-blog-template-single hr {
   margin-bottom:5px;
}

.back-to-blog-button {
	font-weight:500;
	display:block;
	width:100%;
	text-align:right;
}

.single-post-featured-image {
	position: relative;
    height: auto;
    overflow: hidden;
    background-position: 50% 50%;
    background-size: cover;
	
    padding-top:35%;	   
}

.single-post-featured-image img {
    right: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    top: 0;
    position: absolute;
    object-position: 50% 50%;
    object-fit: cover;
  
}


.gap-30 {
   position:relative;
   display:block;
   width:100%;
   height:30px;	
}


/*
======================================

Specific Blog Roll Settings For Display Posts Plugin

======================================
*/


/* Grid style */
.display-posts-listing.grid {
	display: grid;
	grid-gap: 16px;
}

.display-posts-listing.grid .title {
	display: block;
}

.display-posts-listing.grid img { 
	display: block; 
	max-width: 100%; 
	height: auto; 
}

.display-posts-listing.grid .listing-item {
	padding:5px;
	padding-bottom:10px;
	box-shadow: 4px 4px 9px 0 rgb(77 77 77 / 14%);
    -webkit-box-shadow: 4px 4px 9px 0 rgb(77 77 77 / 14%);
    -moz-box-shadow: 4px 4px 9px 0 rgb(77 77 77 / 14%);
}

.display-posts-listing.grid .listing-item .image {
	position: relative;
	display:block;
    height: auto;
    overflow: hidden;
    background-position: 50% 50%;
    background-size: cover;
    padding-top:75%;	   
}

.display-posts-listing.grid .listing-item img,
.display-posts-listing-featured-image .listing-item img {
    right: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    top: 0;
    position: absolute;
    object-position: 50% 50%;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}

.display-posts-listing.grid .listing-item .title {
	font-family: "Archer", "serif";
	font-weight: 500;
    font-size: 24px;
    line-height: 32px;
	margin:15px 0px 5px 0px;
}
	

.display-posts-listing.grid .listing-item .excerpt {	
	font-family: "futura-pt", "sans-serif";
    font-weight: 400;
    font-size: 17px;
	display:block;
    letter-spacing: 0.16px;
    line-height: 22px;
    color: #1D1A12;
	padding:0px 20px;
}
	
.display-posts-listing.grid .listing-item .excerpt-date {
	display:block;
	margin-bottom:5px;
}

.display-posts-listing.grid .listing-item hr {
   background-color:#CCC;
   margin:2px 0px 10px 0px;	
}

.display-posts-listing.grid .listing-item .excerpt-more {
	display:inline-block;
	width:auto;
	margin-right:51%;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.49px;
    line-height: 16px;
    text-transform: uppercase;
	padding: 2px 0;
}

.display-posts-listing-featured .listing-item .title {
	font-family: "Archer", "serif";
	font-weight: 500;
    font-size: 36px;
    line-height: 40px;
	margin:15px 0px 5px 0px;
}



.display-posts-listing-featured-image .listing-item .title {
	display:none;
}

.display-posts-listing-featured .listing-item .excerpt {	
	font-family: "futura-pt", "sans-serif";
    font-weight: 400;
    font-size: 20px;
	display:block;
    letter-spacing: 0.24px;
    line-height: 32px;
    color: #1D1A12;
	padding:0px 0px;
	margin-top:15px;
}

.display-posts-listing-featured-image .listing-item .image {
	position: relative;
	display:block;
    height: auto;
    overflow: hidden;
    background-position: 50% 50%;
    background-size: cover;
    padding-top:100%;	   
}


@media (min-width: 600px) {
	.display-posts-listing.grid {
		grid-template-columns: repeat( 2, 1fr );
	}
}

@media (min-width: 1024px) {
	.display-posts-listing.grid {
		grid-template-columns: repeat( 3, 1fr );
	}
}



/*
!!!!!!!!!!!!!  END CUSTOM BLOG !!!!!!!!!!!!! 
===============================================================
===============================================================
*/
