/*
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{
text-align: center;
    color: #242424;
    padding: 1% 2%;
line-height: 1.4;
	margin: 0 auto;
}

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: 800;
}

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


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: 800;
}

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

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

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: 800;
}


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: 15px;
    font-weight: 800;
}

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: flex;
align-items: center;
}

ul.post-side-by li .favorite-post_img{
width: 40%;
}

ul.post-side-by li .favorite-post_content{
	width: 60%;
	padding: 0 2%;
}

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


.featured-posts-block ul li:hover a,
.featured-pages-block li:hover a,
.archive .content .entry:hover a,
.search .content .entry:hover a,
.blog .content .entry:hover a,
.circle-categories-block ul li:hover a,
.large-featured-posts-block ul li:hover a{
text-decoration: underline;
}


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

.section-title h2{
font-size: 30px;
    margin: 0;
}

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

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

.section-excerpt p{
	margin-bottom: 15px;
}

.section-button{
text-align: right;
}


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

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


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

.featured-posts-block.featured-hero .wrap{
padding: 15px 2% 0;
}

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

.featured-posts-block.featured-hero h3{
position: relative;
	margin: 0 auto;
}


.featured-posts-block.featured-hero h3:before{
content: 'Featured';
background: #fff;
display: block;
padding: 5px 10px;
text-transform: uppercase;
letter-spacing: 2px;
Font-weight: 800;
font-size: 14px;
color: #034f4f;
	width: 100%;
	max-width: 110px;
margin: -25px auto 0;
}

.featured-posts-block .section-button{
margin-bottom: 15px;
}

/* Search Block
------------------------------------------------------ */

.search-block{
position: relative;
}


.search-block .small-title{
color: #2f2f2f;
margin: 0 auto 5px;
}

.search-block .wrap{
width: 100%;
max-width: 700px;
margin: 0 auto;
}

.search-block .search-block_fields{
    display: grid;
    grid-column-gap: 20px;
    grid-template-columns: repeat(2, 1fr);
}

.search-block .search-form,
.search-block .button{
width: 100%;
max-width: 100%;
text-align: center;
}

.search-block .search-form{
border: none;
background: #fff;
padding: 4px;
}


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

.latest-block ul li{
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-bottom: 0;
}

.latest-block .favorite-post_img{
width: 55%;
}

.latest-block .favorite-post_content{
width: 55%;
	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%);
	position: relative;
margin: 0 0 0 -150px;
padding: 60px 8%;
text-align: center;
}

.latest-block .favorite-post_content h3,
.latest-block .favorite-post_content h3 a{
    font-weight: 800;
font-size: 30px;
line-height: 1.25;
}



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

.about-block{
	margin-bottom: 0 !important;
}

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

.about-row_img{
	width: 35%;
position: relative;
	padding: 0 0 0 4%;
}

.about-row_img:before{
content: '';
background: url(/wp-content/plugins/PMD-Site-Functionality/images/submark.svg) center no-repeat;
background-size: contain;
width: 125px;
height: 125px;
display: block;
position: absolute;
top: 25%;
left: -20px;
	transform: rotate(-25deg);
}

.about-row_img img{
	border: 10px solid #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%);
}

.about-row_content{
	width: 65%;
	padding: 0 4%;
}

.about-row_content .social{
	margin: 0;
}

.about-row_content .social{
width: 200px;
height: 42px;
}

.about-row_content .social span{
	width: 42px;
height: 42px;
}

.about-row_content .social a{
height: 42px;
}

.about-row_content_social{
display: flex;
justify-content: flex-start;
align-items: center;
}

.about-row_content_social .social{
	margin-right: 15px;
}

.about-row_content_social .button{
background: #E37999;
color: #242424;
}

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

.newsletter-block{
padding: 0;
	margin-bottom: 10px;
}

.newsletter-block .wrap{
display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 30px 2%;
}

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

.newsletter-block_row:first-of-type{
width: 40%;
}

.newsletter-block h3,
.newsletter-block h4{
margin-bottom: 0;
	position: relative;
	font-size: 26px;
	text-transform: uppercase;
letter-spacing: 2px;
	font-weight: 700;
}

.newsletter-block h3:before{
content:  '';
background: url(/wp-content/themes/pmd-onesweet/images/news-ico.svg) center no-repeat;
background-size: contain;
width: 40px;
height: 40px;
display: inline-block;
vertical-align: middle;
margin-right: 8px;
	margin-top: -10px;
}

.newsletter-block p{
margin-bottom: 0;
}

/* Circle Categories Block
------------------------------------------------------ */
.circle-categories-block{
	margin-bottom: 15px;
}

.circle-categories-block ul{
    border-bottom: 6px double #a1cec3;
}

.circle-categories-block.no-border ul{
border: none;
}

.circle-categories-block .wrap .section-title{
text-align: center;
	margin: 0 auto 25px;
}

.circle-categories-block ul{
    grid-column-gap: 40px;
}

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

.circle-categories-block ul li img{
	border-radius: 50%;
display: block;
	margin: 0 auto 10px;
    border: 4px solid #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%);
}

.circle-categories-block .category-title{
display: block;
text-align: center;
font-size: 18px;
	line-height: 1.25;
}

.circle-categories-block ul li img{
transition: .5s;
}

.circle-categories-block ul li img:hover{
  transform: rotate(10deg);
}


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

.large-featured-posts-block .wrap{
display: flex;
	justify-content: space-between;
}

.large-featured-posts-block .large-section_headline{
	width: 55%;
	margin-right: 2%;
}

.large-section_headline .large-section_headline_content{
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%);
width: 100%;
max-width: 95%;
margin: -110px auto 0;
	position: relative;
	padding: 25px;
text-align: center;
}

.large-section_headline .large-section_headline_content .section-title{
	margin: 0 auto 15px;
}

.large-section_content{
	width: 45%;
}

.large-section_content ul{
margin-left: 0;
}

.large-section_content li{
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%);
width: 100%;
	display:flex;
margin: 0 auto 10px;
}

.large-section_content li h3,
.large-section_content li h3 a{
font-size: 20px;
}



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

.callout-block{
padding: 0;
	margin-top: 15px;
}

.callout-block .wrap{
display: flex;
justify-content: center;
align-items: center;
	padding: 25px 4% 15px;
}

.callout-block .callout-row_images{
width: 35%;
	display: flex;
justify-content: center;
	margin: -45px auto 0;
}

.callout-block .callout-row_images img{
	border: 5px solid #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%);
}

.callout-row_images_back{
width: 50%;
	transform: rotate(-5deg);
margin: 0 -30px 0 0;
	position:relative;
z-index: 97;
}


.callout-row_images_front{
width: 50%;
	position:relative;
z-index: 98;
margin: 0 0 0 -30px;
}

.callout-block .callout-row_content{
	width: 65%;
padding: 0 2%;
text-align: center;
}

.callout-block .wp-block-button__link{
	margin-bottom: 0;
}


/* Featured Pages Blocks
------------------------------------------------------ */

.featured-pages-block .section-title{
	text-align: center;
display:block;
margin: 0 auto 15px;
}

.featured-pages-block ul li{
	box-shadow: none;
	position: relative;
}

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

.featured-pages-block ul li h2{
position: absolute;
bottom: 0;
	background: #fff;
padding: 5px 10px;
	margin-bottom: 0;
	left: 0;
font-size: 18px;
text-transform: uppercase;
Letter-spacing: 2px;
}

.featured-pages-block ul li:hover h2{
background: #a1cec3;
}

.featured-pages-block.has-dark-green-background-color .section-title h2,
.featured-pages-block.has-dark-green-background-color .section-title .small-title{
	color: #fff;
}


/* Recipe Index Blocks
------------------------------------------------------ */

.no-margin{
margin-bottom: 0;
}

.recipe-index-intro .wp-block-group__inner-container{
	padding: 2%;
	width: 100%;
	max-width: 800px !important;
margin: 0 auto;
}

.wp-block-search__inside-wrapper {
	background: #fff;
border: none !important;
padding: 8px 15px !Important;
}

.wp-block-search__button{
background: #f3a19c;
border: none !important;
border-radius: 50% !Important;
width: 44px;
	height: 44px;
}

.trending-posts{
text-align: center;
}

.trending-posts .section-title{
text-align: center;
}

.trending-posts ul li h3:before{
	content: '';
	background: #cd9834 url(/wp-content/themes/pmd-onesweet/images/heart.svg) center no-repeat;
background-size: 14px 14px;
width: 24px;
height: 24px;
display: block;
margin: -20px auto 0;
	border-radius: 50%;
	position: relative;
}


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

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

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

.outline-box{
border: 4px solid #a1cec3;
	border-radius: 10px;
text-align: center;
font-weight: 600;
font-style: italic;
}

.pin-block{
	padding: 5px 2%;
background: #f3a19c;
text-align: center;
}

.pin-block .button{
background: none;
color: #2f2f2f;
padding: 5px 15px;
font-size: 16px;
	background: none !Important;
}

.pin-block .button:before{
	content: '';
	background: #034f4f url(/wp-content/themes/pmd-onesweet/images/pinterest.svg) center no-repeat;
background-size: 18px 18px;
width: 34px;
height: 34px;
display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
	border-radius: 50%;
}


.note-block{
	background: #e8f3f0;
	position: relative;
padding: 30px 25px 15px;
width: 100%;
clear: both;
margin: 35px auto 25px;
}

.note-block:before{
	content: '';
	background: #e8f3f0 url(/wp-content/plugins/PMD-Site-Functionality/images/submark.svg) center no-repeat;
	background-size: 80px 80px;
width: 90px;
height:90px;
display: block;
	position: absolute;
top: -35px;
right: -15px;
	border-radius: 50%;
z-index: 99;
}


@media only screen and (max-width: 767px) {
    
    .featured-posts-block{
text-align: center;
}
    
    .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,
ul.section-posts-one-sixth{
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10px;
    }
	
	ul.section-posts-one-seventh,
	ul.section-posts-one-eighth{
    grid-template-columns: repeat(3, 1fr);
    }
    
    .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-block ul li,
.search-block .search-block_fields,
	.about-block .wrap,
	.newsletter-block .wrap,
	.large-featured-posts-block .wrap,
	.callout-block .wrap{
display: block;
text-align: center;
}
	
	.latest-block .favorite-post_img,
.latest-block .favorite-post_content,
	.about-row_img,
	.about-row_content,
	.newsletter-block_row,
	.newsletter-block_row:first-of-type,
	.large-featured-posts-block .large-section_headline,
	.large-featured-posts-block .large-section_content,
	.callout-block .callout-row_images,
	.callout-block .callout-row_content{
width: 100%;
}
	
	.search-block_fields_search,
	.newsletter-block_row:first-of-type,
		.large-featured-posts-block .large-section_headline,
		.callout-block .callout-row_images{
margin: 0 auto 15px;
}
	
	.latest-block .favorite-post_content{
margin: -55px auto 0;
		width: 100%;
		max-width: 95%;
}
	
	.featured-posts-block .section-button{
		text-align: center;
	}
	
	.featured-posts-block .section-button .button{
display: block;
padding: 15px 5px;
}
	
	.about-row_img:before{
left: 10px;
}
	
	.about-block .social{
		margin: 0 auto;
	}
	
	.circle-categories-block ul.section-posts-one-sixth{
    grid-template-columns: repeat(3, 1fr);
}
	
	.callout-block .callout-row_images{
max-width: 450px;
}
	
	.latest-block .favorite-post_content h3, .latest-block .favorite-post_content h3 a{
font-size: 26px;
}
	
	.newsletter-block h3:before{
display:block;
margin: 0 auto 10px;
}
	
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,
	.large-section_content ul{
		padding-left: 2%;
		padding-right: 2%;
	}
	
	.note-block:before{
		right: 5px;
	}
	
	.featured-posts-block.featured-hero ul li{
width: 100%;
}

	.featured-posts-block.featured-hero ul li img{
width: 100%;
	height: 240px;
object-fit: cover;
}
	
	.about-row_content_social{
flex-wrap: wrap;
		display: Block;
justify-content: space-between;
text-align: center;
}
	
	.about-row_content_social .social{
margin: 0 auto 10px;
}
    
}



@media only screen and (max-width: 580px) {
    
    .featured-pages-block h2{
        font-size: 20px;
line-height: 1.2;
    }
    
    .latest-block ul li{
display: block;
}
    
	.latest-block ul li .favorite-post_content,
	.large-section_headline .large-section_headline_content{
padding: 4%;
}
	
    .latest-block ul li h3 a{
text-align: center;
}
    
    .section-headline h2{
font-size: 28px;
}

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{
font-size: 16px;
}
	
	.latest-block .favorite-post_content h3, .latest-block .favorite-post_content h3 a,
	.newsletter-block h3, .newsletter-block h4{
		font-size: 22px;
	}
	
	.circle-categories-block .category-title{
font-size: 14px;
line-height: 1.4;
}
	
	.large-section_content li h3, .large-section_content li h3 a{
		font-size: 16px;
	}
	
	.featured-pages-block ul li h2{
		font-size: 15px;
	}
	
	.featured-posts-block.featured-hero h3:before{
		font-size: 12px;
	}
	
		.featured-posts-block.featured-hero ul li img{
	height: 180px;
}
	
	
}