/*
Theme Name:		 Junior Magazine
Theme URI:		 https://pixelatedorange.com
Description:	 Theme by Pixelated Orange
Author:			 Pixelated Orange
Author URI:		 https://pixelatedorange.com
Template:		 twentyseventeen
Version:		 1.0
Text Domain:	 juniormagazine
-------------------------------------------------------------- */

@import url("https://use.typekit.net/kmm6khv.css");

/* GLOBAL */

body{font-family: lato, sans-serif;}

.wrap{max-width: 1800px!important; padding: 0px 40px!important}

.site-content{padding: 0px!important}

.site-content-contain{padding-top:131px!important}


.test{height: 1000px}

a.cn-revoke-cookie{color: #7c7c7c!important; font-size: 13px!important}

a.cn-revoke-cookie:hover{color: #52aca4!important}


body:not(.logged-in) .admin-only, body.logged-in .visitor-only{display: none}

body:not(.logged-in) .page-header-gr-1{height: calc(100vh - 338px)!important}


.archive-meta .grey, .single-header-title-holder .grey{display: none}


.video{position: relative;padding: 0; border-radius: 0px!important; overflow: hidden!important}

.video iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0px;. overflow: hidden!important}



/* ANIMATE */

a, button, .logo, .logo img, a h2, .gform_footer input.gform_button, .four-posts-carousel .owl-dot span{-webkit-transition: all 0.4s!important; transition: all 0.4s!important;}

a img{box-shadow: none!important}

/* FONTS */

.tal{text-align: left}

.tac{text-align: center}

.tar{text-align: right}

h1{font-size: 2.5rem; line-height: 2.8rem}

h1, h2, h3, h4, h5{color: #333}

.large{font-size: 2rem; line-height: 2.3rem}

.didot{font-family: linotype-didot, serif;}

.italic{font-style: italic}

.regular{font-weight: 400!important}

strong, .bold{font-weight: 700}

.uppercase{text-transform: uppercase}

.f11{font-size: 11px}

.f13{font-size: 13px}

.ls1{letter-spacing: 1px}

p:last-child{margin-bottom:0px}


/* IMAGES */

.lh0, .lh0 img{line-height: 0}

.lh0 img{width: 100%}

.cover{background-size: cover}

.cover-center{background-position: center center}


/* COLOURS */

.black{color: #000000}

.stay-black{color: #000000!important}

.white{color: #ffffff}

.green{color: #52aca4}

.grey{color: #7c7c7c}

.white-bg{background-color: #ffffff}

.black-bg{background-color: #000000}

.grey-bg{background-color: #e5f9f8}


.white-bg-opaque, .inset-archive article .archive-content{background-color: rgba(255, 255, 255, 0.8)}

.black-bg-opaque{background-color: rgba(0, 0, 0, 0.8)}

.grey-bg-opaque{background-color: rgba(229, 249, 248, 0.8)}

.black-bg a{color: #52aca4}

.black-bg a:hover{color: #ffffff}


a:hover, a:hover h2{color: #52aca4}


/* LINES AND BUTTONS */

a{box-shadow: none!important}

.green-underline:after{content: ''; width: 100px; border-bottom: 2px solid #52aca4; display: inline-block}

.green-border{border: 2px solid #52aca4}

.faux-button{padding-bottom:5px; border-bottom: 2px solid #52aca4}


a.square-button, button.square-button{border: 1px solid #52aba5; color: #ffffff; background-color: transparent; padding: 8px 24px; box-shadow: none!important; text-transform: uppercase; letter-spacing: 1px; font-size: 13px; background-color: #52aba5; font-weight: 400}

a.square-button:hover, button.square-button:hover{background-color: #000000; color: #ffffff; border-color: #52aba5}

a.button, button.square-button{text-transform: uppercase; font-size: 13px; letter-spacing: 1px}


.black-bg a.square-button{border-color: #ffffff; background-color: #ffffff}

.black-bg a.square-button:hover{background-color: #000000; color: #ffffff; border-color: #52aca4}


.stamp-border{position: relative}

.stamp-sides {
	position: absolute;
	top: -7px;
	left: -7px;
	right: -7px;
	bottom: -7px;
	pointer-events: none;
	z-index: 10;
	background:
		/* Top */
		radial-gradient(circle, white 40%, transparent 41%) repeat-x,
		/* Bottom */
		radial-gradient(circle, white 40%, transparent 41%) repeat-x,
		/* Left */
		radial-gradient(circle, white 40%, transparent 41%) repeat-y,
		/* Right */
		radial-gradient(circle, white 40%, transparent 41%) repeat-y;
	background-size:
		28px 14px,   /* Top */
		28px 14px,   /* Bottom */
		14px 28px,   /* Left */
		14px 28px;   /* Right */
	background-position:
		top center,      /* Top */
		bottom center,   /* Bottom */
		left center,     /* Left */
		right center;    /* Right */
}


/* POSITIONING */

.wrap.pd80{padding: 80px!important}

.wrap.plr80{padding-left:80px!important; padding-right:80px!important}

.wrap.pd6080{padding: 60px 80px!important}

.wrap.pd80.pb0{padding-bottom:0px!important}

.wrap.pd4080{padding: 40px 80px!important}

.stick{position: sticky; top: 131px}

.icon-mr-10{margin-right:10px}

.mt0{margin-top:0px}

.mb0{margin-bottom:0px}

.mt10{margin-top:10px}

.mb10{margin-bottom:10px}

.mt20{margin-top:20px}

.mb20{margin-bottom:20px}

.mt40{margin-top:40px}

.mb40{margin-bottom:40px}

.mt60{margin-top:60px}

.mb60{margin-bottom:60px}

.mt80{margin-top:80px}

.mla{margin-left:auto}

.mra{margin-right:auto}

.pd80{padding: 80px}

.pd60{padding: 60px}

.pd40{padding: 40px;}

.pd20{padding: 20px}

.pd10{padding: 10px}


.pt0{padding-top:0px}

.wrap.pt0o{padding-top:0px!important}

.pb0{padding-bottom:0px}

.pt20{padding-top:20px}

.pb20{padding-bottom:20px}

.pt40{padding-top:40px}

.pb40{padding-bottom:40px}

.pd4080{padding: 40px 80px}

.plr120{padding-left:120px; padding-right:120px}

.plr80{padding-left:80px; padding-right:80px}

.plr40{padding-left:40px; padding-right:40px}

.plr0{padding-left:0px; padding-right:0px}






.square{aspect-ratio: 1.3 / 1}

.rectangle{aspect-ratio: 2 / 1}


.max-900{width: 100%; max-width: 900px; margin-left:auto; margin-right:auto}

.max-80p{max-width: 80%; width: 100%; margin-left:auto; margin-right:auto}

.tal .max-900{margin-left:0px}

.tar .max-900{margin-right:0px}

.table{display: table; width: 100%; height: 100%}

.table-wrap{max-width: 1800px; margin-left:auto; margin-right:auto}

.cell{display: table-cell}

.vat{vertical-align: top}

.vam{vertical-align: middle}

.vab{vertical-align: bottom}

.ilb{display: inline-block}

.relative{position: relative}

.a-block{display: block}

.absolute{position: absolute}

.absolute-all{top: 0px; bottom: 0px; left: 0px; right: 0px}


.z10{z-index: 10}

.z20{z-index: 20}


/* FLEX */

.flex{display: flex; flex-wrap: wrap}

.flex1{flex: 1}

.full{width: 100%}

.align-top{align-items: flex-start}

.align-center{align-items: center}

.align-bottom{align-items: flex-end}

.align-sticky .half-inner{position: sticky; top: 131px}

.justify-left{justify-content: flex-start}

.justify-center{justify-content: center}

.justify-right{justify-content: flex-end}

.justify-between{justify-content: space-between}

.justify-evenly{justify-content: space-evenly}

.gap10{gap: 10px}

.gap20{gap: 20px}

.gap40{gap: 40px}

.gap60{gap: 60px}

.self-top{align-self: flex-start}

.self-bottom{align-self: flex-end}


.one-third{width: 33.333%}

.two-thirds{width: 66.666%}

.gap60 .one-third{width: calc(33.333% - 40px)}

.gap60 .two-thirds{width: calc(66.666% - 20px)}

.gap60 .half{width: calc(50% - 30px)}

.gap40 .half{width: calc(50% - 20px)}

.video-half{max-width: 33%}


.order2{order: 2}


/* MODAL */

.round-modal{width: 160px; border-radius: 200px; height: 160px; margin-left:-10px; margin-top:-10px; -webkit-box-shadow: 0px 10px 15px -1px rgba(0,0,0,0.52); -moz-box-shadow: 0px 10px 15px -1px rgba(0,0,0,0.52); box-shadow: 0px 10px 15px -1px rgba(0,0,0,0.52); pointer-events: none!important}

.owl-item .round-modal{margin-left:10px; margin-top:10px}

.day{font-size: 30px; padding: 5px 0px}



/* POPUP */

.jquery-modal{z-index: 1000!important; background-color: rgba(0,0,0,0.4)!important}

.popup{z-index: 2000!important; padding: 0px!important; box-shadow: none!important; border-radius: 0px!important}

.jquery-modal.vertical-bottom{background-color: transparent!important; height: auto!important; top: auto!important; bottom: 0px!important}

.jquery-modal.vertical-bottom.horizontal-right{left: auto!important}

.jquery-modal.vertical-bottom.horizontal-right.size-small{max-width: 340px!important;}

.jquery-modal.vertical-bottom.horizontal-right.size-medium{max-width: 840px!important;}

.jquery-modal.vertical-bottom.horizontal-right.size-large{max-width: 1240px!important;}


.horizontal-right{text-align: right!important}

.horizontal-left{text-align: left!important}

.size-small .popup{max-width: 300px!important; width: 100%!important}

.size-medium .popup{max-width: 800px!important; width: 100%!important}

.size-large .popup{max-width: 1200px!important; width: 100%!important}


.popup-image-third{width: 35%}

.popup-image-half{width: 50%}

.popup-image-full{width: 100%}

.popup .black-bg .popup-content, .popup .black-bg .popup-content h2{color: #ffffff}

.popup .black-bg a.square-button{background-color: #000000; border-color: #ffffff; color: #ffffff}

.popup .black-bg a.square-button:hover{background-color: #52aca4; color: #000000; border-color: #52aca4}


.ff-66d5cc824e0b929a62cd9678__title, .ff-66d5cc824e0b929a62cd9678__subtitle{display: none!important}

.ff-66d5d104c10f0367df576125__form{padding-top:0px!important}


/* HEADER */

.site-header{position: fixed; top: 0px; left: 0px; right: 0px; z-index: 100; background-color: #ffffff!important; border-bottom: none!important}

#site-navigation{z-index: 1000!important; position: relative}

.navigation-top{position: relative; border: none!important}

.logo{padding: 30px 20px 10px}

.logo a{padding: 0px!important}

.logo img{width: 160px}

.mega-menu-wrap{margin-right: 40px!important}

.header-second-menu{padding-left:60px}

.header-second-menu a, a.mega-menu-link{text-transform: uppercase; letter-spacing: 1px; font-size: 13px}

.header-second-menu a:hover{color: #52aca4}


.site-header-scrolled .logo{padding: 20px 20px 0px}

.site-header-scrolled .logo img{width: 120px}

.main-navigation{z-index: 1000!important}

.main-navigation ul ul ul{left: 0px; position: relative; border: none; background-color: transparent}

.main-navigation ul ul ul li{background-color: transparent!important}

.main-navigation ul ul ul a{padding: 0px 0px 5px; background-color: transparent!important; text-transform: uppercase; letter-spacing: 1px; font-size: 13px}

.main-navigation ul ul ul a:hover{color: #52aca4}

h4.mega-block-title{font-family: linotype-didot, serif!important}


/* SUB MENUS */

.mega-sub-menu .menu li.current-menu-item a{color: #52aca4}

.mega-sub-menu .menu li.current-menu-item a:hover{color: #000000}

.sub-menu-half .menu{display: flex!important; flex-wrap: wrap}

.sub-menu-half .menu li{width: 50%; padding-right:10px}


/* RESPONSIVE MENU */

.navigation-top{z-index: 1000!important}

.rmp-container{z-index: 999!important}

.rmp-menu a{text-transform: uppercase}

.rmp-menu-additional-content{position: fixed; top: auto; bottom: 0px; left: 0px; right: 0px; padding: 0px 5% 5%!important; text-align: left}

.rmp-menu-additional-content .menu{display: flex; gap: 14px; justify-content: flex-start; list-style: none; margin-bottom:0px}

.rmp-search-box input{border: 0px!important; border-radius: 0px!important; border-bottom: 2px solid #52aca4!important; padding-left:0px!important; padding-right:0px!important}

#rmp-search-box-705 input.rmp-search-box:focus {border-color:#52aca4!important; padding-left:10px!important; padding-right:10px!important}




/* MENU RECENT POSTS WIDGET */

.rpwwt-widget h4.mega-block-title{display: none!important}

.rpwwt-widget ul{display: flex!important; gap: 20px}

.rpwwt-widget li{width: calc(25% - 14px)!important}

.rpwwt-widget li img{width: 100%!important}

.rpwwt-widget li a{padding-bottom:0px!important; display: block!important; width: 100%!important}


/* SEARCH */
.search-container{display: none; background-color: #e5f9f8}


.search-container-inner{max-width: 800px; padding: 20px 40px; margin: 0px auto}

.asp_content{display: flex; gap: 20px; align-items: center}

.asp_content .etc{text-align: left}


/* FOOTER */

.footer-logo img{width: 80px}

.footer-social ul, .footer-menu ul{list-style: none; margin-bottom:0px}

.footer-social li{display: inline-block; margin-right:10px}

.footer-social li a, .rmp-menu-additional-content .menu li a{color: #52aca4; font-size: 24px}

.footer-social li a:hover, .rmp-menu-additional-content .menu li a:hover{color: #000000}

.footer-menu ul{display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 40px}

.footer-menu li{display: inline-block}

.footer-menu li a{text-transform: uppercase; font-size: 13px; letter-spacing: 1px}

.footer-menu li a:hover, .footer-menu li.current-menu-item a{color: #52aca4}


.footer-legal ul{gap: 0px}

.footer-legal li a{color: #7c7c7c; letter-spacing: 1px}

.footer-legal li a:after, a.cn-revoke-cookie:after{content: '/'; margin-left:10px; margin-right:10px}



/* OWL */

.owl-next, .owl-prev{background-color: transparent!important}

.owl-next.disabled, .owl-prev.disabled{opacity: 0.2}

.home-trending-black-feed .single-carousel .owl-nav{position: absolute; top: -60px; left: auto; right: 0px; display: flex}

.home-trending-black-feed .single-carousel .owl-nav .owl-prev{display: none!important}

.three-carousel .owl-prev{display: none!important}

.three-carousel .owl-next, .four-carousel .owl-next, .four-posts-carousel .owl-next{position: absolute; top: 80px; right: -54px}

.three-carousel .owl-next i, .four-carousel .owl-next i, .four-carousel .owl-prev i, .row-5-carousel .owl-prev i, .row-5-carousel .owl-next i, .four-posts-carousel .owl-next i, .four-posts-carousel .owl-prev i{font-size: 30px; font-weight: 300!important}

.four-carousel .owl-next, .four-posts-carousel .owl-next{top: -44px; right: 0px}

.four-carousel .owl-prev, .four-posts-carousel .owl-prev{top: -44px; right: 50px; position: absolute}

.row-5-carousel .owl-prev, .row-5-carousel .owl-next{top: 50%; margin-top:-15px; position: absolute}

.row-5-carousel .owl-prev{left: -32px}

.row-5-carousel .owl-next{right: -32px}


.four-posts-carousel .owl-dots{display: flex; justify-content: center; gap: 5px; padding-right:100px}

.four-posts-carousel .owl-dot span{width: 12px; height: 12px; background: #ffffff; border: 2px solid #000000; display: inline-block; border-radius: 50px}

.four-posts-carousel .owl-dot.active span{background-color: #52aca4; border-color: #52aca4; width: 24px}


/* GRAVITY FORM */

h2.gform_title{font-family: linotype-didot, serif; color: #000000}

.gfield_label{text-transform: uppercase!important; font-size: 12px!important}

.gfield.competition .gfield_label{text-transform: none!important; font-size: 26px!important; font-family: linotype-didot, serif!important; display: block; text-align: center}

.gfield.competition .gfield_description{text-align: center!important; text-transform: uppercase}

.ginput_container input{border: 0px!important; border-bottom: 1px solid #000000!important; border-radius: 0px!important; padding: 0px 0px 5px!important; background-color: transparent!important}

.ginput_container input:focus, .gfield textarea:focus{box-shadow: none!important}

.gfield textarea:focus{border-color: #52aca4!important}


.gfield_radio{display: flex!important; flex-wrap: wrap; gap: 20px; flex-direction: row!important; margin-top:10px!important}

.gfield_radio .gchoice{flex: 1; text-align: center; display: flex!important}

.gfield_radio .gchoice input{display: none!important}

.gfield_radio .gchoice label{padding: 10px!important; width: 100%; margin: 0px!important; display: block!important; border: 1px solid transparent; cursor: pointer}

.gfield_radio .gchoice input:checked + label{border-color: #000000}

input.gfield-choice-input{border: 1px solid #000000!important; padding: 5px!important}

input.gfield-choice-input:checked:before{color: #52aca4!important}

.gfield_checkbox .gchoice label{cursor: pointer!important}


.gform_footer{justify-content: center!important}

.gform_footer input.gform_button{border: 1px solid #000000!important; border-radius: 0px!important; text-transform: uppercase!important; background-color: transparent!important; color: #000000!important; padding-left:30px!important; padding-right:30px!important}

.gform_footer input.gform_button:hover{border-color: #000000!important; background-color: #000000!important; color: #ffffff!important}


.black-bg .ginput_container input{border-color: #ffffff!important; color: #ffffff!important}

.black-bg .gfield_label, .black-bg .gfield_radio .gchoice label, .black-bg .gfield_checkbox label{color: #ffffff!important}

.black-bg .gfield_radio .gchoice input:checked + label{border: 2px solid #ffffff}


.black-bg .gform_footer input.gform_button{border-color: #ffffff!important; color: #52aca4!important}

.black-bg .gform_footer input.gform_button:hover{border-color: #52aca4!important; color: #000000!important}


.ginput_container input::placeholder{color: #52aca4 !important;}

.ginput_container input::-webkit-input-placeholder{color: #52aca4 !important;}

.ginput_container input::-moz-placeholder{color: #52aca4 !important;}

.ginput_container input:-ms-input-placeholder{color: #52aca4 !important;}

.ginput_container input::-ms-input-placeholder{color: #52aca4 !important;}



.gform_validation_errors, .gfield_validation_message, .gform_required_legend{display: none!important}

.gfield_error input{border-color: red!important}



/* HOME PAGE */


/* HOME HEADER */

.home-post{height: 60vh; min-height: 600px}

.home-post-entry-content{left: 80px; right: 80px}

.home-custom-logo img{max-width: 100px}


.header-post-image-half{position: absolute; top: 0px; bottom: 0px;}

.header-post-image-half-first{left: 0px; right: 50%}

.header-post-image-half-last{left: 50%; right: 0px}


.image-position-vab{background-position-y: bottom}

.image-position-vam{background-position-y: center}

.image-position-vat{background-position-y: top}


/* HOME JUNIOR EDIT */

.junior-edit{padding-left:80px}

.junior-edit .year-title{margin-left:10px; top: auto; }

.junior-edit .year-title h2{font-size: 40px}

.five-posts-carousel .owl-stage{width: 100%}

.five-posts-carousel .owl-stage, .five-posts-carousel .owl-item, .five-posts-carousel .product-item, .five-posts-carousel .product-item a{display: flex; flex-wrap: wrap}

.five-posts-carousel .owl-prev{display: none!important}


.junior-edit .five-posts-carousel .owl-next{position: absolute; top: 0px; right: 0px}

.five-posts-carousel .owl-next i{font-size: 30px; font-weight: 300; color: #000000}

/* MID PAGE SECTION */

.mid-page-section{height: 30vh; min-height: 500px}

.mid-page-section h2, .trending-feed .quarter h2, .archive .page-header-text h1, .header-cta h2, .signup h2, .archive .page-header-text h2{font-size: 40px; line-height: 46px}


/* POST FEEDS */

.two-thirds.gap60 article{width: calc(50% - 30px)}

.archive-columns-thirds article{width: calc(33.333% - 40px)}

.post-thumbnail a img{opacity: 1!important}

.archive-content{padding-left:20px; width: 100%}

.archive-content:before{content: ''; position: absolute; left: 0px; top: 6px; bottom: 9px; border-left: 2px solid #52aca4}


.archive-columns article, .final-feed article{display: flex; flex-wrap: wrap; flex-direction: column}

.archive-columns article .post-thumbnail{flex-shrink: 0;}

.archive-columns article .archive-content{ flex-grow: 1; display: flex; }



.archive-meta-categories a, .archive-meta-categories span{padding-right:5px}

.archive-meta-categories a:not(:first-child){padding-left:5px}


/* POST FEED ON BLACK */

.black-bg .archive-content{padding-left:0px}

.black-bg .archive-content:before{display: none}

.black-bg .archive-content h2, .black-bg .archive-meta, .black-bg .archive-meta a{color: #ffffff}

.black-bg .archive-meta a:hover, .black-bg .archive-content a:hover h2{color: #52aca4}


/* POST FEED SIDE LAYOUT */

.third-archive-side article:nth-child(3), .final-feed article{width: 80%; margin: 40px 10% 0px; align-items: center; flex-direction: row}

.third-archive-side article:nth-child(3) .post-thumbnail, .third-archive-side article:nth-child(3) .archive-content,
.final-feed article .post-thumbnail, .final-feed article .archive-content{align-self: center}

.third-archive-side article:nth-child(3) .post-thumbnail, .final-feed article .post-thumbnail{width: calc(50% + 30px); margin-bottom:0px}

.third-archive-side article:nth-child(3) .archive-content, .final-feed article .archive-content{width: calc(50% - 30px)}

.third-archive-side article:nth-child(3) .archive-content:before, .final-feed article .archive-content:before{display: none}
 
.third-archive-side article:nth-child(3) .archive-content, .final-feed article .archive-content{padding: 0px 0px 0px 40px; text-align: center; justify-content: center}


/* SIDE LIST LAYOUT */

.archive-columns-sides article{flex: row; gap: 40px; display: flex; flex-wrap: wrap; align-items: center}

.archive-columns-sides article .post-thumbnail, .archive-columns-sides article .archive-content{width: calc(50% - 20px); align-self: center; margin-bottom:0px!important}

.archive-columns-sides article .archive-content{padding-left:0px}

.archive-columns-sides article .archive-content:before{display: none}


/* POST FEED INSET LAYOUT */

.two-thirds.inset-archive article{width: 50%!important; margin-left:auto; margin-right:auto; position: relative; display: block!important}

.two-thirds.inset-archive-single article{width: 42%!important}

.two-thirds.inset-archive article .archive-content{position: absolute; bottom: 20px; left: 20px; right: 20px}

.inset-archive article .archive-content{padding: 20px; width: calc(100% - 40px); text-align: center}

.inset-archive article .archive-content:before{display: none}


/* TRENDING FEED */

.trending-feed{margin-top:40px}

.trending-feed .quarter{width: 25%}

.trending-feed .three-quarters{width: calc(75% - 60px); margin-top:-80px}

.trending-feed .archive-content{padding-left:0px}

.trending-feed .archive-content:before{display: none!important}


/* FINAL FEED */

.final-feed{width: calc(66.666% - 20px)}

.final-feed article{margin-top:0px}


/* BORDERED FEED */

.bordered-feed article{padding: 20px; background-color: #000000}

.bordered-feed .stay-black{color: #ffffff!important}

.bordered-feed article .post-thumbnail{margin-bottom:0px}

.bordered-feed article .table .white-bg{max-width: 100%; width: 100%; background-color: transparent; text-align: left; padding: 80px 20px 20px!important; background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);}

.bordered-feed article .table .white-bg h2{display: inline-block; padding-right:40%}

.bordered-feed article .table .white-bg h2, .bordered-feed article .table .white-bg .archive-meta, .bordered-feed article .table .white-bg .archive-meta .grey{color: #ffffff!important}


/* YEAR FEED */

.year-section article .archive-content{padding-left:0px; text-align: center}

.year-section article .archive-content:before, .year-section article .archive-content .archive-meta{display: none}

.year-section article .archive-content a{display: block; width: 100%}

.year-section{padding-bottom:60px; border-bottom: 2px solid #52aca4}

.year-section-feed{padding-left:100px}

.year-title{transform-origin: top left; left:0; top:0; transform: rotate(-90deg) translateX(-100%); margin-left:-20px}

.year-title h2{font-size: 60px}


/* ARCHIVES */



.archive .page-header-text, .search-results .page-header-text{width: 100%!important; float: none!important;}

.archive .page-header-text h1, .search-results .page-header-text h1, .single-entry-header h1, .archive .page-header-text h2{background-color: #ffffff; padding-right:20px}

.archive .page-header-text:after, .search-results .page-header-text:after, .single-entry-header .page-header-text:after{content: ''; position: absolute; bottom: 10px; left: 0px; right: 0px; border-bottom: 2px solid #52aca4; z-index: 10}

.archive .page-header-image{height: 40vh; min-height: 500px}

.archive article, .search-results .half article{width: 100%!important; float: none!important}

.archive .archive-columns-thirds article, .column-intro, .search-results article{width: calc(33.333% - 40px)!important}

.column-intro h2{color: #000000; text-transform: uppercase; font-size: 40px; font-family: linotype-didot, serif; line-height: 44px}


.archive .final-feed article{margin-left:0px; margin-right:0px}

.half-half-archive .half .post-thumbnail{margin-bottom:0px}


.page-header-textimage h2.black, .page-header-videoimage h2.black{color: #ffffff}

.page-header-textimage .underlined-1:after, .page-header-videoimage .underlined-1:after{margin-bottom:20px; margin-left:auto; margin-right:auto}

.archive article .absolute-all .archive-meta-categories span:last-child{padding-right:0px}


/* ARCHIVES PAGINATION */

.archive .navigation, .navigation.pagination{width: 100%; border: none!important}

.archive .nav-links, .search .nav-links{display: flex; justify-content: flex-end; align-items: center}

.archive .nav-links .next, .archive .nav-links .prev, .search .nav-links .next, .search .nav-links .prev{background-color: transparent!important; color: #52aca4!important}

.archive .nav-links .current, .search .nav-links .current{position: relative}

.archive .nav-links .current:after, .search .nav-links .current:after{border-bottom: 2px solid #52aca4; position: absolute; bottom: 0px; left: 0.75em; right: 0.75em; content: ''}


/* AUTHOR */

.author-image{max-width: 100px; border-radius: 100px; overflow: hidden; margin-right:20px}


/* SINGLE POST */

/* SINGLE POST SHARE */

.ssba{width: 100%!important; margin-left:0px!important}

.ssbp-list{display: flex!important; justify-content: flex-start; width: 100%; gap: 10px}

.ssbp-list li a{border: none!important; border-radius: 100px!important}

.ssbp-list li a rect{display: none!important}

.ssbp-list li a svg{width: 20px!important; height: 20px!important}


/* SINGLE POST HEADER */

.header-layout-twothirds .single-header-title{width: 25%}

.header-layout-twothirds .single-header-image-holder{width: 75%}

.header-layout-half .single-header-title, .header-layout-half .single-header-image-holder{width: 50%}

.header-layout-third .single-header-image-holder{width: 35%}

.header-layout-third .single-header-title{width: 65%}

.image-position-left .single-header-image-holder{order: 1}

.image-position-left .single-header-title{order: 2}

.single-header .cell.vab .single-header-title-holder{margin-bottom:-2px}


.social-holder{border-bottom: 2px solid #52aca4; margin-right:20px}

.image-position-left .social-holder{margin-right:0px; margin-left:20px}


.single-header-title-holder{padding: 20px; }

.image-position-right .single-header-title-holder{padding-left:0px; padding-right:100px; margin-right: -200px}

.image-position-left .single-header-title-holder{padding-left:40px; padding-right:0px; margin-left: -200px}

.image-position-right .single-header-title-holder.inset-1{margin-right:0px; padding-right:40px}

.image-position-left .single-header-title-holder.inset-1{margin-left:0px; padding-left:20px}


.single-header-title .vab .single-header-title-holder{padding-bottom:0px}

.single-header-title-holder .single-competition-holder{margin-top:20px}


/* SINGLE POST TITLE BLOCK */

.underlined-1{position: relative;}

.underlined-1:after{width: 100px; border-bottom: 2px solid #52aca4; content: ''; display: block; margin-top:30px}

.side-block .underlined-1:after{margin-top:20px}


/* SINGLE POST TEXT BLOCK */

.post-block-text_block .offright, .post-block-text_block .offcenter{padding-right:20%}

.post-block-text_block .offleft, .post-block-text_block .offcenter{padding-left:20%}

.post-block blockquote{margin: 0 0 1.5em; padding-right:5%; padding-left:5%}

.post-block blockquote p{font-family: linotype-didot, serif; font-style: italic; color: #000000; font-size: 24px; line-height: 28px}

.post-block ol{counter-reset: custom-counter; list-style: none; padding: 0;	margin: 0;}

.post-block ol li {counter-increment: custom-counter; margin-bottom: 10px; padding-left: 20px; position: relative; }

.post-block ol li::before {content: counter(custom-counter) "."; position: absolute; left: 0; top: 0; font-family: 'linotype-didot, serif'; font-style: italic; font-size: 1.2em; color: #52aca4}


/* SINGLE POST IMAGE BLOCK */

.image-caption{padding: 5px 0px 5px 20px; margin-top:20px; border-left: 2px solid #52aca4}

.image-caption a{box-shadow: none!important; font-weight: bold; color: #52aca4}

.image-caption a:hover{color: #000000}

.grid .image-caption strong{font-family: linotype-didot, serif; font-weight: 400; font-size: 1.625rem}


/* SINGLE POST RECIPE BLOCK */

.wrap:not(.show-print) .ssbp-li--print{display: none!important}

.recipe-image{max-width: 340px; }

.recipe-info{border: 2px solid #52aca4; }

.warnings{background-color: #52aca4; color: #ffffff}

.recipe-credit a, .post-block-text_block a, .side-block a{color: #52aca4}

.side-block a.square-button{color: #000000}

.side-block a.square-button:hover{color: #ffffff}


/* SINGLE POST DIVIDER */

.divider{border-bottom: 2px solid #e5f9f8}

.divider-green{border-color: #52aca4}

.divider-white{border-color: #ffffff}

.divider-black{border-color: #000000}

.border-green{border: 2px solid #52aca4}

.border-grey{border: 2px solid #7c7c7c}

.border-black{border: 2px solid #000000}

.divider.spacing-small{margin: 20px 0px}

.divider.spacing-medium{margin: 40px 0px}

.divider.spacing-large{margin: 60px 0px}


/* SINGLE PROMOTE IMAGE */

.post-block-promoteimage_block{margin: 120px 10%}

.post-block-promoteimage_block .half:first-child{padding: 40px 0px 40px 40px}

.post-block-promoteimage_block .half:last-child{padding-right: 40px; margin-top:-40px; margin-bottom:-40px; padding-left:40px}


/* SINGLE PROMOTE ARTICLE */

.promoted-article .post{display: flex; flex-wrap: wrap; gap: 40px; align-items: center}

.promoted-article .post .post-thumbnail{max-width: 200px; margin-bottom:0px}

.promoted-article .post .archive-content{flex: 1; align-self: center; padding-left:0px}

.promoted-article .archive-content:before{display: none}


.post-block-promote_content .black-bg, .post-block-promote_content .black-bg h2, .post-block-promote_content .black-bg h3, .post-block-promote_content .black-bg a.button{color: #ffffff}


/* SINGLE POST QUOTE */

.quote p{font-size: 30px; line-height: 36px}

.composition-twothirds .half:first-child .side-block-quote{padding-left:10%; padding-right:10%}


/* SINGLE POST FORM */

.black-bg .gform_title{color: #ffffff!important}

.post-block-form_block .form-holder:not(.white-bg) .gform_wrapper{max-width: 900px; margin-left: auto; margin-right:auto}


/* SINGLE POST HALVES */

.composition-third .half:first-child, .composition-twothirds .half:last-child{width: calc(40% - 30px)}

.composition-third .half:last-child, .composition-twothirds .half:first-child{width: calc(60% - 30px)}

.composition-half .half{width: calc(50% - 30px)}

.gap40.composition-twothirds .half:first-child{width: calc(60% - 20px)}

.gap40.composition-twothirds .half:last-child{width: calc(40% - 20px)}

.gap40.composition-half .half{width: calc(50% - 20px)}




.align-stretch .half, .align-stretch .half-inner{display: flex; flex-wrap: wrap}

.align-stretch .half .side-block{align-self: flex-start}

.align-stretch .half .side-block:last-child{align-self: flex-end}

.half-inner .mb40:last-child{margin-bottom:0px}

.side-block ul{margin-left:20px}


/* SINGLE POST COUNTER ROW */

.counter-block{padding-bottom:10px; }

.counter-number{font-size: 70px; width: 80px; line-height: 46px}

.counter-title{flex: 1; border-bottom: 2px solid #52aca4; padding-bottom:20px}


/* SINGLE POST DESIGN AWARDS */

.desktop-switch- .half:first-child{order: 2}

.desktop-switch- .half:last-child{order: 1}


.post-block-design_awards_block .full .quote:not(:first-child){margin-top:40px}

.post-block-design_awards_block .full .quote p{font-size: 22px; line-height: 28px}


.jda-block h2 span:first-child, .jda-h2-span{width: 110px; display: inline-block; vertical-align: top}

.jda-block h2 span:last-child, .why-inline{width: calc(100% - 110px); display: inline-block; vertical-align: top}



.award-post{flex: 1; }

.award-post a{border: 2px solid #52aca4; padding: 20px; display: block; text-align: center; width: 100%; text-transform: uppercase; height: 100%}

.award-post a:hover{background-color: #52aca4; color: #ffffff}




/* SINGLE POST MASONRY */

.grid{margin-left:-20px; margin-right:-20px; width: calc(100% + 40px)}

.collage-3 .grid-sizer, .collage-3 .grid-item{width: 33.333%; padding: 0px 20px 40px}

.collage-4 .grid-sizer, .collage-4 .grid-item{width: 25%; padding: 0px 20px 40px}

.collage-5 .grid-sizer, .collage-5 .grid-item{width: 20%; padding: 0px 20px 40px}


.side-block .collage-3 .grid-sizer, .side-block .collage-3 .grid-item{width: 50%}

.side-block .collage-4 .grid-sizer, .side-block .collage-4 .grid-item{width: 33.333%}

.side-block .collage-5 .grid-sizer, .side-block .collage-5 .grid-item{width: 25%}




/* SINGLE PAGE */

.single-entry-content ul{margin-left:24px}



/* =IPAD LANDSCAPE
------------------------------------------------------- */
@media only screen and (min-width:911px) and (max-width: 1024px){

/* GLOBAL */

.site-content-contain{padding-top:75px!important}

/* FONTS */

h1{font-size: 2.2rem; line-height: 2.5rem}

.mid-page-section h2, .trending-feed .quarter h2, .archive .page-header-text h1, .header-cta h2, .signup h2{font-size: 32px; line-height: 38px}

/* IMAGES */

/* LINES AND BUTTONS */

/* POSITIONING */

.stick{top: 96px}

.wrap.pd80{padding: 40px!important}

.max-900{max-width: 100%}


.three-carousel .owl-next{right: -44px}

.four-carousel .owl-next{right: 0px}

.mt60{margin-top:40px}



/* FLEX */

.gap60{gap: 40px}

.gap60 .one-third{width: calc(33.333% - 20px)}

.wrap.pd6080{padding: 60px 40px!important}

.pd4080, .wrap.pd4080{padding: 40px 40px!important}

.wrap.plr80{padding-left:40px!important; padding-right:40px!important}

.gap60 .half{width: calc(50% - 20px)}


/* MODAL */

/* POPUP */

/* HEADER */

.logo{padding: 20px 20px 20px!important}

.logo img{width: 120px!important}

.mega-menu-wrap, li.searchLink, .second-menu span.green{display: none!important}

.header-second-menu{position: absolute; right: 20px; top: 16px; padding-left:0px}

#rmp-container-705{padding-top:76px!important}

.rmp-menu li{width: 50%!important; display: inline-block!important; vertical-align: top!important}

.rmp-menu li a{padding-left:40px!important; padding-right:40px!important}

.rmp-search-box{padding: 20px 40px!important}

.rmp-menu-additional-content{padding: 0px 40px 40px!important}


/* MENU RECENT POSTS WIDGET */

/* SEARCH */

/* FOOTER */

/* OWL */

/* HOME PAGE */


/* HOME HEADER */

/* MID PAGE SECTION */

/* POST FEEDS */

/* POST FEED ON BLACK */

/* POST FEED SIDE LAYOUT */

/* SIDE LIST LAYOUT */

/* POST FEED INSET LAYOUT */

/* TRENDING FEED */

/* FINAL FEED */

/* BORDERED FEED */

.bordered-feed article .table .white-bg h2{padding-right:0px}

/* YEAR FEED */

.archive .archive-columns-thirds article, .column-intro, .search-results article{width: calc(33.333% - 27px)!important}

/* ARCHIVES */

.two-thirds.gap60 article{width: calc(50% - 20px)}

.third-archive-side article:nth-child(3), .final-feed article{width: 100%; margin-left:0px; margin-right:0px}

.archive-columns-thirds article{width: calc(33.333% - 27px)}

.final-feed{width: calc(80% - 20px)}


.year-section-feed{padding-left:80px}

/* ARCHIVES PAGINATION */

/* AUTHOR */

/* SINGLE POST */

/* SINGLE POST SHARE */

/* SINGLE POST HEADER */

.image-position-right .single-header-title-holder{padding-right: 60px; margin-right: -80px}

/* SINGLE POST TITLE BLOCK */

/* SINGLE POST TEXT BLOCK */

/* SINGLE POST IMAGE BLOCK */

.plr80{padding-left:40px; padding-right:40px}

/* SINGLE POST RECIPE BLOCK */

/* SINGLE POST DIVIDER */

/* SINGLE PROMOTE IMAGE */

/* SINGLE PROMOTE ARTICLE */

/* SINGLE POST QUOTE */

.quote p{font-size: 24px; line-height: 32px}

/* SINGLE POST HALVES */

/* SINGLE POST COUNTER ROW */

/* SINGLE POST DESIGN AWARDS */
}


/* IPAD PORTRAIT */
@media only screen and (min-width:641px) and (max-width: 910px)  {


/* GLOBAL */

.wrap{padding-left:30px!important; padding-right:30px!important}

.site-content-contain{padding-top:78px!important}

.stick{position: relative; top: 0px}

.post-thumbnail{margin-bottom:20px}

/* FONTS */

/* IMAGES */

/* LINES AND BUTTONS */

/* POSITIONING */

.wrap.pd80, .wrap.pd6080, .pd4080, .wrap.pd4080{padding: 30px!important}

.wrap.plr80, .plr80{padding-left:30px!important; padding-right:30px!important}

.pd40{padding: 30px}

.gap60 .half{width: 100%}

.mb40, .mb60{margin-bottom:30px}

.mt60{margin-top:30px}

.plr120{padding-left:30px; padding-right:30px}

/* FLEX */

.gap60, .gap40{gap: 30px}

.two-thirds, .one-third, .gap60 .two-thirds, .gap60 .one-third{width: 100%; flex: none}

/* MODAL */

/* POPUP */

/* HEADER */

.logo{padding: 20px 0px 20px!important; text-align: left!important}

.logo img{width: 120px!important}

.mega-menu-wrap{display: none!important}

.main-navigation{display: flex; justify-content: space-between; padding-right:20px; position: relative; z-index: 1000!important}

.header-second-menu{padding-left:0px}

#menu-header-second-menu{display: inline-block!important}

li.searchLink, .second-menu span.green{display: none!important}

.main-navigation li{border: none!important}


.rmp-search-box, .rmp-menu-additional-content{padding-left:30px!important; padding-right:30px!important}

ul.rmp-submenu li{width: 49.5%!important; display: inline-block; padding: 0px!important}

ul.rmp-submenu li a{padding: 0px 0px 0px 30px!important}

a.rmp-menu-item-link{padding-left:30px!important; padding-right:30px!important}

/* MENU RECENT POSTS WIDGET */

/* SEARCH */

/* FOOTER */

.footer-left, .footer-right{width: 100%}

.footer-left{display: flex; justify-content: space-between; align-items: center}

.footer-logo{margin-bottom:0px}

.footer-menu ul{justify-content: space-between; margin-top:20px}

.footer-legal{width: 100%}

.footer-legal ul{justify-content: flex-start}

.footer-legal ul li:last-child a:after{display: none}

.copyright{width: 100%; text-align: left}

/* OWL */

.three-carousel .owl-next, .four-carousel .owl-next{top: -60px; right: 30px}

.mobile-carousel .owl-nav{margin-top:20px; display: flex; justify-content: flex-end; gap: 20px}

/* HOME PAGE */

.two-thirds.gap60 article{width: calc(50% - 15px)}

.third-archive-side article:nth-child(3), .final-feed article{width: 80%}

/* HOME HEADER */

/* MID PAGE SECTION */

.mid-page-section{margin-top:0px}

/* POST FEEDS */

.archive-columns-thirds article{width: calc(33.333% - 20px)}

/* POST FEED ON BLACK */

.home-trending-black-feed{margin-left:-30px; margin-right:-30px; width: calc(100% + 60px); padding: 30px!important}

.home-trending-black-feed article{display: flex; gap: 30px; align-items: center}

.home-trending-black-feed article .post-thumbnail{margin-bottom:0px}

.home-trending-black-feed article .post-thumbnail, .home-trending-black-feed article .archive-content{width: calc(50% - 15px); align-self: center}


/* POST FEED SIDE LAYOUT */

.one-third-archives{display: flex!important; gap: 30px!important}

.one-third-archives article{width: calc(50% - 15px)!important}

/* SIDE LIST LAYOUT */

.archive-columns-sides article{gap: 30px}

.archive-columns-sides article .post-thumbnail, .archive-columns-sides article .archive-content{width: calc(50% - 15px)}

/* POST FEED INSET LAYOUT */

.max-80p{max-width: calc(100% - 60px)}

/* TRENDING FEED */

.trending-feed .quarter, .trending-feed .three-quarters{width: 100%}

.trending-feed .quarter h2{margin-bottom:0px}

.trending-feed .three-quarters{margin-top:0px}

.trending-feed .gap60{gap: 20px!important}

.three-carousel{margin-left:-80px; margin-right:-30px; width: calc(100% + 110px)}

/* FINAL FEED */

.final-feed{width: 100%}

/* BORDERED FEED */

/* YEAR FEED */

.archive .archive-columns-thirds article, .search-results article{width: calc(50% - 15px)!important}

.column-intro{width: 100%!important}

.column-intro h2{margin-bottom:0px!important}

.year-section{padding-bottom:30px; padding-top:30px}

.year-section .four-carousel .owl-next{top: -44px; right: 0px}

/* ARCHIVES */

.archive .archive-columns-thirds article{width: calc(50% - 15px)!important}

.page-header-textimage .half, .page-header-videoimage .half{flex: none; width: 100%}

/* ARCHIVES PAGINATION */

.trending-feed{margin-top:0px}

/* AUTHOR */

/* SINGLE POST */

/* SINGLE POST SHARE */

/* SINGLE POST HEADER */

.single-header-title{width: 100%!important; order: 2!important}

.single-header-image-holder{width: 100%!important; order: 1!important}

.single-header-title-holder{margin-left:0px!important; margin-right:0px!important; padding-left:0px!important; padding-right:0px!important}

/* SINGLE POST TITLE BLOCK */

/* SINGLE POST TEXT BLOCK */

/* SINGLE POST IMAGE BLOCK */

/* SINGLE POST RECIPE BLOCK */

/* SINGLE POST DIVIDER */

/* SINGLE PROMOTE IMAGE */

/* SINGLE PROMOTE ARTICLE */

/* SINGLE POST QUOTE */

/* SINGLE POST HALVES */

.post-block-half_half_block .half{width: 100%!important}

/* SINGLE POST COUNTER ROW */

/* SINGLE POST DESIGN AWARDS */
}


/* =IPHONE
------------------------------------------------------- */
@media only screen and (max-width: 640px) {

/* GLOBAL */

body{font-size: 18px!important}

.wrap{padding-left:20px!important; padding-right:20px!important}

.site-content-contain{padding-top:78px!important}

.stick{position: relative; top: 0px}



body:not(.logged-in) .page-header-gr-1{margin-left:-20px; margin-right:-20px; width: calc(100% + 40px); margin-top:0px; height: calc(100vh - 78px)!important}

body:not(.logged-in) .page-header-gr-1 .cell .max-900{margin-left:20px; margin-right:20px; width: calc(100% - 40px)}

/* FONTS */

h1{font-size: 2rem; line-height: 2.3rem}

h2, .home.blog .entry-title, .page .panel-content .recent-posts .entry-title{font-size: 1.6rem; line-height: 1.9rem}

.f13{font-size: 12px}

.mid-page-section h2, .trending-feed .quarter h2, .archive .page-header-text h1, .header-cta h2, .signup h2{font-size: 30px; line-height: 34px}

/* IMAGES */

/* LINES AND BUTTONS */

/* POSITIONING */

.wrap.plr80{padding-left:20px!important; padding-right:20px!important}

.pd40{padding: 20px}

.pb0{padding-bottom:0px}

.wrap.pd80, .wrap.pd6080, .wrap.pd4080{padding: 20px!important}

.gap60, .gap40{gap: 20px}

.pd4080{padding: 20px!important}

.max-80p{max-width: calc(100% - 40px)}

.plr80{padding-left:0px; padding-right:0px}

.mb60{margin-bottom:20px}

.mt60{margin-top:20px}

.mb40{margin-bottom:20px}

.plr120, .plr40{padding-left:0px; padding-right:0px}

article .square{aspect-ratio: 1.3 / 1.8}

.pt40{padding-top:20px}

/* FLEX */

.two-thirds, .one-third, .half{width: 100%!important}

.gap10{gap: 4px}

/* MODAL */

/* POPUP */

.popup-image-half{width: 100%}

/* HEADER */

.logo{padding: 20px 0px 20px!important; text-align: left!important}

.logo img{width: 120px!important}

.mega-menu-wrap{display: none!important}

.main-navigation{display: flex; justify-content: space-between; padding-right:20px; position: relative; z-index: 1000!important}

.header-second-menu{padding-left:0px}

#menu-header-second-menu{display: inline-block!important}

li.searchLink, .second-menu span.green{display: none!important}

.main-navigation li{border: none!important}




ul.rmp-submenu li{width: 49.5%!important; display: inline-block; padding: 0px!important}

ul.rmp-submenu li a{padding: 0px 0px 0px 20px!important}


/* MENU RECENT POSTS WIDGET */

/* SEARCH */

/* FOOTER */

.site-footer{padding-bottom: 20px}

.footer-left{width: 100%; display: flex; gap: 20px; justify-content: space-between; align-items: flex-start; margin-bottom:20px}

.footer-social ul li:last-child{margin-right:0px!important}

.footer-right{display: flex; gap: 20px; align-items: flex-start}

.footer-right .self-top, .footer-right .self-bottom{flex: 1}

.footer-right .self-top .footer-menu ul, .footer-menu ul{gap: 0px; justify-content: flex-start}

#menu-footer-legal a:after, a.cn-revoke-cookie:after{display: none}

.footer-menu li{width: 100%; text-align: left}

.footer-menu li a, .footer-social .uppercase{font-size: 12px}

.footer-legal{width: 100%}

.lom{width: 100%; text-align: left; display: block}

/* OWL */

.three-carousel .owl-next{top: -54px; right: 20px}

.mobile-carousel .owl-nav{margin-top:20px; display: flex; justify-content: flex-end; margin-right:20px; gap: 10px}

.mobile-carousel .owl-nav i{font-size: 20px;}

/* HOME PAGE */

.home-post{height: 45vh; min-height: 400px}

.home-post-entry-content{left: 40px; right: 40px}

.five-posts-carousel{padding-left:50px; padding-right:50px}

/* HOME HEADER */

a.home-post{display: flex; flex-wrap: wrap; height: auto; margin-bottom:20px}

.home-post-entry-content{position: relative; top: 0px; left: 0px; right: 0px; order: 3; width: 100%}

.header-post-image-half{position: relative!important; height: 40vh; width: 50%; top: auto; bottom: auto; left: 0px; right: 0px}

.home-post-single-image{min-height: 500px}

/* MID PAGE SECTION */

.mid-page-section{margin-top:0px!important; height: 20vh; min-height: 450px}

/* POST FEEDS */

.two-thirds.gap60 article{width: calc(50% - 10px);}


.archive-columns-thirds article, .search-results article{width: 100%!important; display: flex; gap: 20px; align-items: stretch; flex-direction: row}

.archive-columns-thirds article .archive-content{align-self: auto; padding-left:0px; padding-top:10px; border-top: 2px solid #52aca4}

.archive-columns-thirds article .archive-content:before{display: none}


.archive .post-thumbnail.rectangle{aspect-ratio: 1 / 1}


/* POST FEED ON BLACK */

/* POST FEED SIDE LAYOUT */

.third-archive-side article:nth-child(3), .final-feed article, .final-feed{width: calc(100% - 40px); margin-left:20px; margin-right:20px}

.third-archive-side article:nth-child(3) .archive-content, .final-feed article .archive-content{padding-left:0px; width: 100%; padding-top:20px}

.third-archive-side article:nth-child(3) .post-thumbnail, .final-feed article .post-thumbnail{width: 100%}

/* SIDE LIST LAYOUT */

/* POST FEED INSET LAYOUT */

/* TRENDING FEED */

.home-trending-black-feed{margin-left:-20px; margin-right:-20px}

.home-trending-black-feed article{display: flex; gap: 20px}

.home-trending-black-feed article .post-thumbnail, .archive-columns-thirds article .post-thumbnail{margin-bottom:0px; width: 45%}

.home-trending-black-feed article .archive-content, .archive-columns-thirds article .archive-content{width: calc(55% - 20px)}

.home-trending-black-feed article h2, .archive-columns-thirds article .archive-content h2{font-size: 18px; line-height: 1.4rem}


.trending-feed .quarter{width: 100%}

.trending-feed .quarter h2{margin-bottom:0px}

.trending-feed .three-quarters{width: calc(100% + 100px); margin-top:0px; margin-left:-80px; margin-right:-20px}

/* FINAL FEED */

.final-feed{margin-top:40px; margin-bottom:40px}

/* BORDERED FEED */


/* ARCHIVES */

.page-header-text{margin-top:20px!important}

.archive .page-header-text h1, .search-results .page-header-text h1{padding-right:10px}

.header-cta .flex1{flex: none; width: 100%}

.header-cta .flex1 .tac{text-align: left}


.half article .post-thumbnail{margin-bottom:0px!important}

.archive .archive-columns-thirds article, .column-intro{width: 100%!important}


.archive-columns-sides article{gap: 20px}

.archive-columns-sides article .archive-content{width: 50%}

.page-header-textimage .half, .page-header-videoimage .half{flex: none; width: 100%}


/* YEAR FEED */

.year-section article.article-category{width: calc(50% - 10px)!important; flex-wrap: wrap!important; gap: 0px!important; }

.year-section article .post-thumbnail, .year-section article .archive-content{width: 100%!important}

.year-section article .archive-content{border-top: 0px!important}

.year-section{padding-bottom:20px; padding-top:40px}

.year-section-feed{padding-left:20px; margin-right:-20px}

.year-section-feed:before{position: absolute; content: ''; left: 0px; top: 0px; bottom: 0px; width: 60px; background-color: #ffffff; z-index: 10}

.year-section .four-carousel .owl-prev{right: 70px}

.year-section .four-carousel .owl-next{right: 20px}

.year-title{z-index: 20}

.four-posts-carousel .owl-prev{right: 70px}

.four-posts-carousel .owl-next{right: 20px}


/* ARCHIVES PAGINATION */

.pagination a.page-numbers{display: inline-block!important}

.pagination .screen-reader-text{display: none!important}

/* AUTHOR */

/* SINGLE POST */



.switch-1 .half:first-child{order: 2}

.switch-1 .half:last-child{order: 1}

.wrap.post-wrap{padding-top:0px!important}

.post-thumbnail .cell.vab .white-bg{margin-bottom:-2px; display: block; padding-left:10px; padding-right:10px}

/* SINGLE POST SHARE */

.social-holder{margin-left:0px!important; margin-right:0px!important}

/* SINGLE POST HEADER */

.single-header-title{order: 2; width: 100%!important}

.single-header-image-holder{order: 1; width: calc(100% + 40px)!important; margin-left:-20px; margin-right:-20px}

.single-header-title-holder{margin-right:0px!important; padding-right:0px!important; margin-left:0px!important; padding-left:0px!important}

/* SINGLE POST TITLE BLOCK */

.post-block-text_block .offcenter{padding-left:0px!important; padding-right:0px!important}

/* SINGLE POST TEXT BLOCK */

.offright{padding-right:0px!important}

/* SINGLE POST IMAGE BLOCK */

.post-block-image_row{margin-left:-20px; margin-right:-20px}

.post-block-image_row .flex1{flex: none; width: 100%}

.single-post .trending-feed .three-carousel .owl-next{top: -88px}

/* SINGLE POST RECIPE BLOCK */

.warnings{width: 100%}

ul.list{margin-bottom:0px}

.list li{margin-left:20px}

.recipe-info{gap: 0px}

.recipe-info .flex{flex: none; width: 100%; font-size: 14px}

/* SINGLE POST DIVIDER */

/* SINGLE PROMOTE IMAGE */

/* SINGLE PROMOTE ARTICLE */

/* SINGLE POST QUOTE */

.quote p, .post-block-design_awards_block .full .quote p{font-size: 26px; line-height: 32px}



/* SINGLE POST HALVES */

.third{flex: none; width: 100%}

/* SINGLE POST COUNTER ROW */

.counter-number{width: 50px}


/* SINGLE POST DESIGN AWARDS */

.desktop-switch- .half:first-child{order: 1}

.desktop-switch- .half:last-child{order: 2}

.desktop-switch- .divider.spacing-medium, .desktop-switch-1 .divider.spacing-medium{margin: 20px 0px}

.jda-block h2 span:first-child, .jda-h2-span, .jda-block h2 span:last-child, .why-inline{width: 100%; display: block; }

.jda-block h2 span:first-child{margin-bottom:20px}

.video-half{max-width: 100%}


/* SINGLE PROMOTE ARTICLE */

.promoted-article .post{gap: 20px}

.promoted-article .post .post-thumbnail{max-width: 100%}

.two-featured-carousel .owl-nav{margin-top:20px}


/* SINGLE POST MASONRY */

.side-block .grid-sizer, .side-block .grid-item{width: 50%!important}

.grid{margin-left:-10px; margin-right:-10px; width: calc(100% + 20px)}

.collage-3 .grid-sizer, .collage-3 .grid-item, .collage-4 .grid-sizer, .collage-4 .grid-item, .collage-5 .grid-sizer, .collage-5 .grid-item{width: 50%; padding: 0px 10px 20px}

.single-mobile-row{width: 100%!important}





.awards-posts{padding-left:20px; padding-right:20px}

.award-post{flex: none; width: 100%}


.post-block-image_row h2.didot{padding-left:20px; padding-right:20px}

}



@media print {

.single-header-image-holder, .trending-feed, .post-block:not(.post-block-recipe_block), .site-footer, .site-header{display: none!important}

.single-header-title-holder, .single-header-title{width: 100%!important; padding: 0px}

.single-header-title .table{display: block!important}

.single-header-title .table .cell{vertical-align: top!important; display: block!important}

.recipe-left, .recipe-right{width: 100%!important}

h1{font-size: 20px!important}


}