/* Shared styles previously inlined on every page */

.st1 {
    fill: none;
    stroke: #303030;
    stroke-width: 0.7;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}
.st2 { fill: #303030; }

#block-search,
#block-search * { box-sizing: border-box; }
#block-search { background: rgba(255, 255, 255, 0.9); }
#block-search.block-search--mobile {
    background: #fff;
    max-width: 340px;
}
.tl-container { padding: 0 30px; }

a.menu-accent {
    color: #13a900;
    font-weight: 700;
}

@font-face {
    font-family: 'EB Garamond';
    font-style: italic;
    font-display: swap;
    font-weight: 400;
    src: local('EB Garamond Italic'), local('EBGaramond-Italic'), url(../fonts/SlGWmQSNjdsmc35JDF1K5GRweDs1Zw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
#popLayer {
		       position: fixed;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		    z-index: 3;
		    display: flex;
    justify-content: center;
    align-items: center;
		}
		
		
		#popLayer.hidden {
			display:none;
		}
		
		#popBack {
		    position: absolute;
		    width: 100%;
		    height: 100%;
		    top: 0;
		    left: 0;
		    background: #000000;
		    opacity: 0.4;
		}
		
		#popBack.hidden {
			transform:scale(0.98);
			opacity:0 !important;
		}
		
		#popContent {
		    position: relative;
    height: 90%;
	    max-width: 1024px;
    max-height: 768px;
		}
		
		#popContent.hidden {
			transform:scale(0.99);
			opacity:0 !important;
		}
		
		#popContent img {
			    height: 100%;
    margin: auto;
		}
		
		#popClose {
		position: absolute;
    top: 5px;
    right: 5px;
    }
	
	#popClose .menuCloseLine {
		background:#000000;
	}
	
	
	@media (max-width: 960px){
	.mobile_hidden {
	display:none;
	}
	
	#popContent {
	    background: none;
	}
	
	#popContent img {
	width: 100%;
    margin: auto;
    height: auto;
    margin-left: 0;
		}
	}
	
	
		@font-face {
		  font-family: 'Nunito';
		  font-style: normal;
		  font-display: swap;
		  font-weight: 400;
		  src: local('Nunito Regular'), local('Nunito-Regular'), url(https://fonts.gstatic.com/s/nunito/v9/XRXV3I6Li01BKofINeaB.woff2) format('woff2');
		  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
		}
		@font-face {
		  font-family: 'Nunito';
		  font-style: normal;
		  font-display: swap;
		  font-weight: 300;
		  src: local('Nunito Light'), local('Nunito-Light'), url(https://fonts.gstatic.com/s/nunito/v10/XRXW3I6Li01BKofAnsSUYevI.woff2) format('woff2');
		  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
		}
		@font-face {
		  font-family: 'Nunito';
		  font-style: normal;
		  font-display: swap;
		  font-weight: 600;
		  src: local('Nunito SemiBold'), local('Nunito-SemiBold'), url(https://fonts.gstatic.com/s/nunito/v10/XRXW3I6Li01BKofA6sKUYevI.woff2) format('woff2');
		  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
		}

/* Journal on the homepage and article pages */
#journal {
    background: #f6f3ee;
    padding: 72px 6vw 84px;
}
#journal .sectionMainTitle {
    width: auto;
    padding: 0 0 8px;
}
#journal .sectionMainTitle h2 {
    font-family: "EB Garamond", Garamond, serif;
    font-weight: 400;
    font-size: 52px;
    letter-spacing: 4px;
    color: #31313F;
    text-transform: uppercase;
}
.journal-lead {
    max-width: 680px;
    margin: 0 0 36px;
    font-family: Nunito, sans-serif;
    font-size: 18px;
    line-height: 1.6;
    color: #4a4a4a;
}
.journal-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px;
}
.journal-card {
    display: flex;
    flex-direction: column;
    background: #fff;
    color: inherit;
    text-decoration: none;
    min-height: 100%;
    border-top: 2px solid #C49F59;
}
.journal-card img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    display: block;
}
.journal-card-body {
    padding: 26px 28px 30px;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.journal-kicker {
    color: #C49F59;
    letter-spacing: 3px;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-family: Nunito, sans-serif;
}
.journal-card h3 {
    font-family: "EB Garamond", Garamond, serif;
    font-weight: 400;
    font-size: 32px;
    line-height: 1.15;
    color: #31313F;
    margin-bottom: 12px;
}
.journal-card .journal-excerpt {
    font-family: Nunito, sans-serif;
    font-size: 16px;
    line-height: 1.55;
    color: #555;
}
.journal-more {
    margin-top: auto;
    padding-top: 18px;
    color: #C49F59;
    letter-spacing: 2px;
    font-size: 13px;
    text-transform: uppercase;
    font-family: Nunito, sans-serif;
}
.journal-card:hover h3 { color: #C49F59; }

body.article-page #sectionTitle { max-width: 760px; }
body.article-page #sectionName {
    font-size: 42px;
    line-height: 1.15;
    letter-spacing: -0.5px;
    overflow: visible;
    height: auto;
    max-width: 680px;
}
body.article-page #sectionTitlePay { max-width: 460px; }
.article-section { background: #f6f3ee; }
.article-wrap { padding: 4vw 6vw 72px; }
.article-body { max-width: 820px; }
.article-body p { margin-bottom: 18px; }
.article-body a {
    color: #9a7a3c;
    text-decoration: none;
    border-bottom: 1px solid rgba(196, 159, 89, 0.55);
}
.article-body a:hover { color: #C49F59; }
.article-note {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #e4d7bc;
}

@media (max-width: 960px) {
    .journal-grid { grid-template-columns: 1fr; }
    #journal { padding: 48px 20px 56px; }
    #journal .sectionMainTitle h2 { font-size: 32px; letter-spacing: 1px; }
    .journal-card img { height: 200px; }
    body.article-page #sectionName {
        font-size: 28px;
        line-height: 1.2;
        letter-spacing: 0;
        max-width: none;
    }
    body.article-page #main_scroller > .article-section {
        opacity: 1;
        transform: none;
    }
}