/*
Feature Section Posts
---------------------------------------------------------------------------------------------------- */

ul.section-posts-one-half,
ul.section-posts-one-third,
ul.section-posts-one-fourth,
ul.section-posts-one-fifth,
ul.section-posts-one-sixth,
ul.section-posts-one-seventh,
ul.section-posts-one-eighth{
margin: 0 auto;
    display: grid;
    grid-column-gap: 20px;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
    padding-left:  0;
    margin-left:  0;
    padding-left:  0;
}

ul.section-posts-one-half li,
ul.section-posts-one-third li,
ul.section-posts-one-fourth li,
ul.section-posts-one-fifth li,
ul.section-posts-one-sixth li,
ul.section-posts-one-seventh li,
ul.section-posts-one-eighth li{
	background: #fff;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,.10);
    -moz-box-shadow: 0 3px 6px 0 rgba(0,0,0,.10);
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.10);
list-style-type: none;
margin: 0 auto 25px;
}

ul.section-posts-one-half h3,
ul.section-posts-one-third h3,
ul.section-posts-one-fourth h3,
ul.section-posts-one-fifth h3,
ul.section-posts-one-sixth h3,
ul.section-posts-one-seventh h3,
ul.section-posts-one-eighth h3{
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
text-align: center;
    color: #323232;
    padding: 1% 2%;
line-height: 1.4;
}

ul.section-posts-one-half h3,
ul.section-posts-one-half h3 a,
ul.section-posts-one-third h3,
ul.section-posts-one-third h3 a{
font-size: 22px;
    font-weight: 700;
}

ul.section-posts-one-half.post-side-by h3,
ul.section-posts-one-half.post-side-by h3 a{
font-size: 20px;
    font-weight: 700;
}


ul.section-posts-one-third.post-side-by h3,
ul.section-posts-one-third.post-side-by h3 a,
ul.section-posts-one-third.post-side-by .article-title{
font-size: 18px;
    font-weight: 700;
}

ul.section-posts-one-fourth h3,
ul.section-posts-one-fourth h3 a{
font-size: 18px;
    font-weight: 700;
}

ul.section-posts-one-fourth.post-side-by h3,
ul.section-posts-one-fourth.post-side-by h3 a{
font-size: 14px;
    font-weight: 700;
}

ul.section-posts-one-fifth h3,
ul.section-posts-one-fifth h3 a,
ul.section-posts-one-sixth h3,
ul.section-posts-one-sixth h3 a{
font-size: 16px;
    font-weight: 700;
}


ul.section-posts-one-seventh h3,
ul.section-posts-one-seventh h3 a,
ul.section-posts-one-eighth h3,
ul.section-posts-one-eighth h3 a{
font-size: 16px;
    font-weight: 700;
}

ul.section-posts-one-half{
    grid-template-columns: repeat(2, 1fr);
}

ul.section-posts-one-third{
    grid-template-columns: repeat(3, 1fr);
}

ul.section-posts-one-fourth{
    grid-template-columns: repeat(4, 1fr);
}

ul.section-posts-one-fifth{
    grid-template-columns: repeat(5, 1fr);
}

ul.section-posts-one-sixth{
    grid-template-columns: repeat(6, 1fr);
}

ul.section-posts-one-seventh{
    grid-template-columns: repeat(7, 1fr);
}

ul.section-posts-one-eighth{
    grid-template-columns: repeat(8, 1fr);
}

ul.post-side-by li{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
}

ul.post-side-by li img{
display: block;
margin: 0;
}

ul.post-side-by li h3{
text-align: left;
    padding: 2%;
}


ul.post-side-by .favorite-post_content{
text-align: left;
    padding: 2% 4%;
}

ul.post-stacked .wprm-recipe-meta-container .wprm-block-text-normal{
text-align: center;
color: #018577;
	font-size: 14px;
font-weight: 600;
}


.latest-about_latest ul .wprm-recipe-meta-container .wprm-block-text-normal,
ul.post-side-by .wprm-recipe-meta-container .wprm-block-text-normal{
text-align: left;
color: #018577;
	font-size: 14px;
font-weight: 600;
}

.featured-posts-block ul li img,
.featured-pages-block img,
.featured-pages-circle-block img,
.archive .content .entry img,
.search .content .entry img,
.blog .content .entry img{
transition: .5s;
}

.featured-posts-block ul li:hover img,
.featured-pages-block li:hover img,
.featured-pages-circle-block li:hover img,
.archive .content .entry:hover img,
.search .content .entry:hover img,
.blog .content .entry:hover img{
opacity: .8;
}


/*
Custom Blocks
---------------------------------------------------------------------------------------------------- */

.page-template-block-page .site-inner,
.page-template-full-width .site-inner{
padding: 0;
}

.section-headline{
width: 100%;
clear: both;
margin: 0 auto 15px;
display: flex;
flex-direction: row;
justify-content: space-between;
    align-items: flex-end;
}

.reader-fav .section-headline{
	display: block;
}

.section-title h2{
font-size: 32px;
    margin: 0;
	letter-spacing: -.5px;
}

.featured-pages-block .section-title h2,
.featured-pages-circle-block .section-title h2{
margin-bottom: 15px;
}

.section-headline .section-title{
width: 65%;
text-align: left;
}

.reader-fav .section-headline .section-title{
width: 100%;
text-align: center;
}


.section-headline .section-button{
    width: 35%;
text-align: right;
}

.section-excerpt{
width: 100%;
clear: both;
}

.see-more{
	background: #e01f4d;
padding: 12px 15px;
color: #fff;
font-weight: 700;
    font-size: 14px;
    position: relative;
text-transform: uppercase;
letter-spacing: 1px;
}

.see-more:hover{
background: #b4d66f;
color: #fff;
}

.see-more:after{
	content: '';
	background: url(/wp-content/plugins/PMD-Site-Functionality/images/arrow.svg) center no-repeat;
background-size: contain;
width: 18px;
height: 18px;
display: inline-block;
	vertical-align: middle;
margin-left: 10px;
	margin-top: -4px;
    filter: brightness(0) invert(1);
	transform: rotate(90deg);
}


.about-block .wrap,
.newsletter-block .wrap,
.featured-posts-block .wrap,
.callout-block .wrap,
.latest-about-block .wrap,
.featured-pages-block .wrap,
.featured-pages-circle-block .wrap{
    width:  100%;
    max-width:  1240px;
    margin:  0 auto;
    padding: 45px 2%;
}


.newsletter-block a,
.featured-posts-block a,
.callout-block a,
.latest-about-block a,
.featured-pages-block a,
.featured-pages-circle-block a{
    background-image: none !important;
}

.yes-marble{
background: url(/wp-content/themes/pmd-daysofbaking/images/marble-bkg.webp) center no-repeat;
background-size: cover;
}


/* Featured Pages Block
------------------------------------------------------ */

.featured-pages-block .wrap{
padding: 2% 2% 0;
}

.featured-pages-circle-block .wrap{
padding: 0 2% 2%;
}

.featured-pages-block .section-title h2{
    font-size: 32px;
    letter-spacing: -.5px;
margin-bottom: 15px;
}

.featured-pages-block li{
	position: relative;
}

.featured-pages-block li img{
display: block;
margin: 0 auto;
}

.featured-pages-block h3{
	font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif !important;
	font-weight: 600;
text-align: center;
	margin: 0 auto;
}

.featured-pages-block ul.section-posts-one-fourth h3{
padding: 5px 5px 10px;
    line-height: 1.2;
}

.featured-pages-block ul.section-posts-one-fourth h3,
.featured-pages-block ul.section-posts-one-fourth h3 a{
font-size: 28px;
}

.featured-pages-circle-block ul li{
	box-shadow: none;
text-align: center;
}

.featured-pages-circle-block ul li img{
	border-radius: 50%;
	display: block;
margin: 0 auto 10px;
}

.featured-pages-circle-block ul li .icon-title,
.featured-pages-circle-block ul li .icon-title a{
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 700;
color: #242424;
	font-size: 15px;
}


/* Newsletter Block
------------------------------------------------------ */

.newsletter-block {
background: url(/wp-content/themes/pmd-daysofbaking/images/marble-bkg.webp) center no-repeat;
background-size: cover;
}

.newsletter-block .wrap{
display: flex;
justify-content: space-between;
align-items: center;
}

.newsletter-block_content{
	width: 40%;
	padding: 0 2%;
}

.newsletter-block_form{
	width: 60%;
	padding: 0 2%;
}

.newsletter-block h4{
    font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
    font-weight: 600;
    font-size: 38px;
    margin: 0 auto;
	position: relative;
}


.newsletter-block h4:before{
content: '';
background: url(/wp-content/plugins/PMD-Site-Functionality/images/cupcake.svg) center no-repeat;
background-size: contain;
width: 40px;
height: 40px;
display: inline-block;
vertical-align: middle;
margin: -12px 5px 0 0;
}

.newsletter-block .italic-title {
    font-style: italic;
    font-weight: 400;
    font-size: 28px;
}

.newsletter-block p {
    font-weight: 400;
    letter-spacing: .5px;
    margin: 0 0 0 5px;
	font-size: 16px;
}

/* Callout Block
------------------------------------------------------ */

.callout-block{
background: url(/wp-content/themes/pmd-daysofbaking/images/marble-bkg.webp) center no-repeat;
background-size: cover;
}

.callout-block .wrap{
display: flex;
	width: 100%;
	max-width: 1100px;
}

.callout-block_img{
width: 50%;
}

.callout-block_img img{
width: 100%;
object-fit: cover;
height: 450px;
}

.callout-block_content{
width: 65%;
    background: #fff;
    -webkit-box-shadow: 0 3px 6px 0 rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 3px 6px 0 rgba(0,0,0,.10);
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 10%);
padding: 5%;
align-self: center;
	margin: 0 0 0 -100px;
	position: relative;
}

.callout-block_content:before{
content: '';
background: url(/wp-content/plugins/PMD-Site-Functionality/images/submark-fav.svg) center no-repeat;
background-size: contain;
width: 115px;
height: 115px;
display:block;
position: absolute;
top: -25px;
right: 15px;
}

.callout-block_content h2:before,
.callout-block_content h3:before{
	content: '';
background: #f3cf6f;
	height: 3px;
width: 25%;
display: block;
	margin: 0 0 10px 0;
}

/* Latest About Block
------------------------------------------------------ */

.latest-about-block .latest-about_inner{
	display: flex;
justify-content: space-between;
}

.latest-about_about{
	width: 70%;
    background: #fff;
    -webkit-box-shadow: 0 3px 6px 0 rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 3px 6px 0 rgba(0,0,0,.10);
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 10%);
	margin-right: 20px;
	display: Flex;
}

.latest-about_about_img{
	width: 40%;
}

.latest-about_about_img img{
display: block;
margin: 0;
}

.latest-about_about_content{
	width: 60%;
padding: 2%;
	align-self: center;
}

.latest-about_about_content:before{
content: '';
background: url(/wp-content/plugins/PMD-Site-Functionality/images/txt-hey.svg) center no-repeat;
background-size: contain;
width: 85px;
height: 29px;
display: block;
margin: 0 0 5px;
}

.latest-about_latest{
	width: 30%;
}

.latest-about_latest ul{
margin: 0 auto;
}

.latest-about_latest ul li{
list-style-type: none;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
grid-column-gap: 10px;
    background: #fff;
    -webkit-box-shadow: 0 3px 6px 0 rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 3px 6px 0 rgba(0,0,0,.10);
margin: 0 auto 15px;
}

.latest-about_latest ul li:last-of-type{
margin: 0 auto;
}

.latest-about_latest ul li img{
display: block;
margin: 0;
}

.latest-about_latest ul li h3{
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    color: #323232;
    padding: 1% 2%;
line-height: 1.4;
	font-size: 15px;
	text-align: left;
}

.latest-about_latest ul li h3:after{
	content: '';
	background: #b4d66f;
width: 60%;
height: 2px;
display: block;
margin: 10px 0 0;
}

.latest-about_latest ul li h3 a{
    color: #323232;	
}

.latest-about_search{
width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
	grid-column-gap: 20px;
margin: 15px auto 0;
}

.latest-about-search_search .search-form{
	width: 100%;
	max-width: 100%;
	padding: 8px;
}

.latest-about-search_buttons{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
	grid-column-gap: 10px;
}

.latest-about-search_buttons .button{
padding: 15px;
text-align: center;
width: 100%;
font-size: 16px;
}

.latest-about-search_buttons .button:nth-of-type(1){
background: #b4d66f;
color: #343434;
}



/* Featured Posts Block
------------------------------------------------------ */

.featured-posts-block ul{
margin: 0 auto;
    width: 100%;
    flex-flow: column nowrap;
    overflow: visible;
}

.featured-posts-block ul li{
list-style-type: none;
    margin: 0 auto 25px;
}

.featured-posts-block ul li h3{
    color: #2f2f2f;
}

.featured-posts-block ul li h3 a{
color: #2f2f2f;
}

/* In Post Blocks
------------------------------------------------------ */

.note-block,
.solid-box,
.outline-box,
.pin-block{
padding: 2%;
width: 100%;
clear: both;
margin: 0 auto 25px;
}

.solid-box{
padding: 25px 4% !important;
}

.solid-box p:last-of-type,
.outline-box p:last-of-type{
    margin-bottom:  0;
}

.pin-block{
background: #e01f4d;
color: #fff;
width: 100%;
clear: both;
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 5px 4%;
	position: relative;
}

.pin-block_row{
margin: 0 10px;
}


.pin-block .button{
padding: 4px 25px;
	display: block;
	width: 100%;
	background: none;
font-size: 24px;
	font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
text-transform: none;
letter-spacing: 0;
font-weight: 600;
	letter-spacing: .5px;
	position: relative;
	background: none !Important;
	border: none !Important;
}

.pin-block .button:before{
    content: '';
    background: #fff url(/wp-content/plugins/PMD-Site-Functionality/images/pinterest.svg) center no-repeat;
    background-size: 18px 18px;
    width: 35px;
    height: 35px;
    display: inline-block;
	vertical-align: middle;
margin-right: 10px;
	margin-top: -4px;
	border-radius: 50%;
}

.pin-block .button:after{
	display: none;
}

.outline-box{
border: 3px solid #038577;
	position: relative;
	padding: 20px 4% 15px;
	margin-top: 35px;
	border-radius: 15px;
}

.outline-box:before{
content: '';
    background: #fff url(/wp-content/plugins/PMD-Site-Functionality/images/cupcake.svg) center no-repeat;
background-size: 40px 40px;
width: 45px;
height: 45px;
display: block;
	position: absolute;
top: -25px;
right: -5px;
}

.note-block{
background: url(/wp-content/themes/pmd-daysofbaking/images/marble-bkg.webp) center no-repeat;
background-size: cover;
	padding: 4% 6%;
	position: relative;
	font-size: 16px;
font-style: italic;
}

.note-block h2:before{
content: '';
background: url(/wp-content/plugins/PMD-Site-Functionality/images/cupcake.svg) center no-repeat;
background-size: contain;
width: 35px;
height: 35px;
display: inline-block;
	vertical-align: middle;
margin: -10px 5px 0 0;
}

.note-block h2{
	position: relative;
text-align: left;
margin-bottom: 15px;
padding: 5px 0;
	font-style: normal;
font-size: 32px;
}


@media only screen and (max-width: 767px) {
    
    .featured-posts-block{
text-align: center;
}
	
	.newsletter-block .wrap,
	.callout-block .wrap,
	.latest-about_inner,
	.latest-about_about{
flex-wrap: wrap;
}
	
	.newsletter-block_content,
	.newsletter-block_form,
	.callout-block_img,
	.callout-block_content,
	.latest-about_about,
	.latest-about_latest,
	.latest-about_about_img,
	.latest-about_about_content{
		width: 100%;
text-align: center;
margin: 10px auto;
	}
    
    .section-headline{
display: block;
text-align: center;
}
    
    .section-headline .section-title,
    .section-headline .section-button{
width: 100%;
float: none;
margin: 0 auto;
    text-align: center;
}
    
    .section-headline .section-button{
margin: 15px auto 0;
}
    
    ul.section-posts-one-half,
ul.section-posts-one-third,
ul.section-posts-one-fourth,
ul.section-posts-one-fifth{
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10px;
    }
	
	ul.section-posts-one-sixth,
	ul.section-posts-one-seventh,
	ul.section-posts-one-eighth{
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 10px;
    }
	
    
    .featured-posts-block ul.post-side-by{
display: block;
}
    
    ul.post-side-by li{
display: flex;
flex-direction: row;
justify-content: space-evenly;
align-items: center;
}
    
.featured-posts-block ul.post-side-by .favorite-post_img{
width: 40%;
}
    
.featured-posts-block ul.post-side-by .favorite-post_content{
width: 60%;
        padding: 0 2%;
}
    
	.latest-about_about_img img{
		width: 250px;
height: 250px;
object-fit: cover;
border-radius: 50%;
margin: 0 auto;
	}
	
	.latest-about-block .wp-block-buttons,
	.callout-block .wp-block-buttons{
		justify-content: center;
	}
	
	.section-headline{
		margin: 0 auto 25px;
	}
	
	.callout-block_content h2:before, .callout-block_content h3:before{
margin: 0 auto 10px;
}
	
	.callout-block_content:before{
display: none;
}
	
	.callout-block_img{
position: relative;
}
	
	.callout-block_img:before{
content: '';
background: url(/wp-content/plugins/PMD-Site-Functionality/images/submark-fav.svg) center no-repeat;
background-size: contain;
width: 115px;
height: 115px;
display:block;
position: absolute;
top: -25px;
right: 15px;
}
	
	.latest-about_latest ul li h3{
		font-size: 20px;
	}
	
	.latest-about_search{
		display: block;
flex-wrap: wrap;
}
	
	.latest-about-search_search,
	.latest-about-search_buttons{
width: 100%;
		margin: 10px auto;
}
	
	
	.callout-block_img img{
		height: auto;
	}
	
	.callout-block_content{
width: 100%;
	max-width: 90%;
margin: -80px auto 0;
}
	
	.latest-about_about_content:before{
margin: 0 auto 5px;
}
	
	.section-title h2{
		font-size: 32px;
		}
	
	.featured-pages-block ul.section-posts-one-fourth h3{
    width: 100%;
    max-width: 95%;
    background: #fff;
    margin: -50px auto 0;
    position: relative;
	}
	
	.featured-pages-block ul.section-posts-one-fourth h3,
	.featured-pages-block ul.section-posts-one-fourth h3 a{
		font-size: 22px;
	}
	
    
	
}



@media only screen and (max-width: 580px) {
    
    .featured-pages-block h3{
        font-size: 20px;
line-height: 1.2;
    }
	
	.featured-pages-circle-block ul li {
line-height: 1.2;
}
	
	.featured-pages-circle-block ul li .icon-title, .featured-pages-circle-block ul li .icon-title a{
font-size: 14px;
}
    
    
    .latest-block ul li .favorite-post_img,
    .latest-block ul li .favorite-post_content{
width: 100%;
    padding: 2%;
        text-align: center;
    }
    
    .latest-block ul li h3, .latest-block ul li h3 a{
text-align: center;
}
    

ul.section-posts-one-half h3,
ul.section-posts-one-half h3 a,
ul.section-posts-one-third h3,
ul.section-posts-one-third h3 a,
ul.section-posts-one-fourth h3,
ul.section-posts-one-fourth h3 a,
ul.section-posts-one-fifth h3,
ul.section-posts-one-fifth h3 a,
ul.section-posts-one-sixth h3,
ul.section-posts-one-sixth h3 a,
ul.section-posts-one-half.post-side-by h3, ul.section-posts-one-half.post-side-by h3 a,
	.latest-about_latest ul li h3{
font-size: 16px;
}
	
	.newsletter-block h4:before{
		display: block;
margin: 0 auto 5px;
	}
	
	.latest-about-search_buttons{
		display: block;
	}
	
	.latest-about-search_buttons .button{
margin: 5px auto;
}
	
	.newsletter-block h4{
font-size: 28px;
}
	
	.featured-first ul.section-posts-one-fourth{ 
	grid-template-columns: repeat(2, 1fr);
}

.featured-first ul.section-posts-one-fourth li{
	width: 100%;
	margin: 0 auto 15px;
}

.featured-first ul.section-posts-one-fourth li:first-of-type,
.featured-first ul.section-posts-one-fourth li:last-of-type{    width: 100%;
    grid-column: 1 / -1;
}

.featured-first ul.section-posts-one-fourth li img{
width: 100%;
height: 160px;
object-fit: cover;
}
	

}