/*Presets*/
*{box-sizing:border-box;}
img{max-width:100%;vertical-align:middle;height:auto;}
.full-width-image img { width: 100%;}

/*Sections*/
section{background-size:cover;background-position:center;}
section.full-width .container { max-width: 100%; width: 100%; padding-left: 3rem; padding-right: 3rem; }
.container .container { padding: 0; width: 100%; max-width: 100%;}
section:after{content: ""; display: block; }

/*Grid*/
.container{ position: relative; width: 100%; max-width: 117rem; margin: 0 auto; padding: 0 1.5rem;}
.grid { display: grid;}
.vertical-middle, .vertical-middle .grid{vertical-align:middle;align-items:center;}

/*Single-post*/
.blog-grid { display: grid; grid-template-columns: 4fr 25rem; margin-bottom: 5rem;}

/*Alignment*/
.align-right{text-align:right;}
.align-center{text-align:center;}

/* Captions */
.wp-caption{position: relative; width: fit-content !important; max-width: 100% !important;}
.wp-caption .wp-caption-text{background: rgba(33,33,33,0.9); padding: 1rem; box-sizing: border-box; display: inline-block; margin: 0; color: #fff; width: 100%; position: absolute; bottom: 0; left: 0;}

/* Blockquote */
section blockquote.wp-block-quote{position: relative; padding: 0 7rem; border-left: 0;}
section blockquote.wp-block-quote p{font-size: 2rem;}
section blockquote.wp-block-quote::before{content: '“'; position: absolute; top: -1.5rem; left: 0; display: block; font-size: 10rem; font-family: 'Messina Modern', serif; color: var(--brand-4); line-height: 1;}
section blockquote.wp-block-quote::after{content: '”'; position: absolute; top: -1.5rem; right: 0; display: block; font-size: 10rem; font-family: 'Messina Modern', serif; color: var(--brand-4); line-height: 1;}

@media(max-width: 1024px){
	.wp-caption .wp-caption-text{position: static;}
}

@media(max-width: 768px){
	section blockquote.wp-block-quote{padding: 0 3rem;}
	section blockquote.wp-block-quote::before{left: -2rem;}
	section blockquote.wp-block-quote::after{right: -2rem;}
} 

/*Grid Gaps*/
.grid, .blog-grid { grid-gap:4rem; word-wrap: break-word; /* or overflow-wrap: break-word; */ hyphens: auto; /* Helps to hyphenate words when breaking */ }
.grid.blog { grid-template-columns: 1fr 20rem; }
.grid-2 { grid-template-columns: repeat(2, 1fr); }
.grid-3 { grid-template-columns: repeat(3, 1fr); }
.grid-4 { grid-template-columns: repeat(4, 1fr); }
.grid-5 { grid-template-columns: repeat(5, 1fr); }
.grid-6 { grid-template-columns: repeat(6, 1fr); }

/* Sitemap lists */
ul.sitemap-list { list-style: none; padding: 0; margin: 0;}
ul.sitemap-list li { margin: 0; }
ul.sitemap-list li a { display: block; border-bottom: 1px solid var(--brand-3); padding: .25rem 0; color: var(--brand-1); }
ul.sitemap-list li a:hover { color: var(--brand-2); }

@media (min-width: 1200px) {
	.container{ max-width: 90%; width: 140rem;}
	.wp-admin .container { max-width: 99%; width: 99%; }
}

@media (min-width: 992px) {
	.container{ max-width: 80%; }
	.wp-admin .container { max-width: 99%; }
}

@media (max-width: 992px) {
	.container{ max-width: 80%; }
	.wp-admin .container { max-width: 99%; }
}

@media (max-width: 768px) {
	.container{ max-width: 90%; }
	.wp-admin .container { max-width: 99%; }
	.grid-4 { grid-template-columns: repeat(2, 1fr); }
	.grid-5 { grid-template-columns: repeat(2, 1fr); }
	.grid-6 { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 767px) {
	.blog-grid { display: grid; grid-template-columns: 1fr;}
	.grid { grid-template-columns: 1fr !important; }
	.grid-2 { grid-template-columns: repeat(1, 1fr); }
	.grid-3 { grid-template-columns: repeat(1, 1fr); }
	.grid-4 { grid-template-columns: repeat(1, 1fr); }
	.grid-5 { grid-template-columns: repeat(1, 1fr); }
	.grid-6 { grid-template-columns: repeat(1, 1fr); }
	.container{ max-width: 90%; }
}

/*@media (max-width: 576px) {
	.blog-grid { display: grid; grid-template-columns: 1fr;}
	.grid { grid-template-columns: 1fr !important; }
	.container{ max-width: 90%; }
}*/