/*
 * These styles are outputted both of the frontend and backend of the site
 * Please note any changes you do make may also make changes to the WP backend default styles.
 * Edit with caution
 */

/* Anchor positioning */
a.anchor { display: block; position: relative; top: -50px; visibility: hidden; height: 50px; }

/*Do not remove the styles below*/
.wp-block{max-width:none;}
.admin-toast-support a, .admin-toast-support:hover a{background:#ff8f2b !important;color:#ffffff !important;font-weight:bold !important;}
.admin-css-file a, .admin-css-file:hover a{background:#0c4e56 !important;color:#ffffff !important;font-weight:bold !important;}


section{background-size:cover;background-position:center;position:relative;}
.wrapper{background-position:center;background-size:cover;}
img{max-width:100%;vertical-align:middle;height:auto;}
.align-right{text-align:right}
.align-center{text-align:center;}
.table{display:table;width:100%;table-layout:fixed;}
.table .left-side, .table .right-side, .table .table-item{display:table-cell;vertical-align:middle;}
.flex-center{display:flex;align-items:center;}
.section-title{text-transform:uppercase;color:#000;margin-bottom:3rem;}
blockquote{font-size:5.5rem;font-weight:700;text-transform:uppercase;line-height:0.9;margin:0;padding:10rem 0 7rem 10rem;position: relative;}
blockquote .branding-quote{color:inherit;opacity:0.2;position:absolute;top:7rem;left:0;font-size:40rem;}
blockquote strong{color:#000;text-transform:none;margin-top:2rem;font-size:3rem;font-weight:600;}
.thin-container .container, .container.thin-container{max-width:1024px;}


/**Article Listings**/
.article-listings{grid-template-columns:1fr 1fr 1fr;}
.article-listing{color:inherit;background:var(--brand-grey);}
.article-listing img{width:100%;}
.article-listing .article-listing-content{padding:3rem;}
.article-listing .article-listing-content h3{color:#000;font-size:2rem;text-align:center;  line-height: 1.3;}
.article-listing .article-listing-content h3 strong {  font-weight: 700;}

@media(max-width:820px){
    .article-listings{grid-template-columns:1fr;}
}

/*Block Branding*/
.block-branding-area{position:absolute;top:0;right:0;height:100%;width:100%;overflow:hidden;}
.block-branding{position:absolute;transform:translate(-50%, -50%);pointer-events:none;}
.block-branding path{fill:var(--brand-orange);}
.block-branding .brand-circle{width:575px;}
.block-branding .brand-exclamation{width:90px;}
.block-branding .brand-bars{width:300px;}

/**CSM Dropdown (<select>)**/
.csm-dropdown{position:relative;background:#ffffff;display:inline-block;color:#000;cursor:pointer;width:350px;}
.csm-dropdown .csm-option-active{padding:1.75rem 2rem 1.25rem;text-transform:uppercase;font-weight:bold;  font-size: 16px;}
.csm-dropdown .csm-options{position:relative;bottom:0;left:0;width:100%;display:none;background:var(--brand-orange);z-index:99;max-height:200px;overflow-y:auto;}
.csm-dropdown .csm-options::-webkit-scrollbar {width:10px;}
.csm-dropdown .csm-options::-webkit-scrollbar-track {background-color:var(--brand-orange);}
.csm-dropdown .csm-options::-webkit-scrollbar-thumb {background:#000;border-radius:25px;margin-left:2px;}
.csm-dropdown.active .csm-options{display:block;}
.csm-dropdown .csm-options .csm-option{color:#ffffff;padding:1rem 2rem .5rem;}
.csm-dropdown.active:after {
    content: '';
    width: 15px;
    height: 15px;
    background: var(--brand-orange);
    display: block;
    position: absolute;
    top: 40px;
    left: 30px;
    transform: translate(-50%, 50%) rotate(45deg);
}

/**Pagination**/
.page-navigation{text-align:center;margin-top:3rem;}
.page-navigation span, .page-navigation a{display:inline-block;padding:1rem 1rem .35rem;background:#000;color:#ffffff;text-transform:uppercase;font-weight:bold;}
.page-navigation .current{background:var(--brand-orange);}

/* Margin and Padding Styles */
.padding-bottom{padding-bottom:7.5rem;}
.padding-top{padding-top:7.5rem;}
.padding-both{padding-bottom:7.5rem;padding-top:7.5rem;}

.margin-bottom{margin-bottom:5rem;}
.margin-top{margin-top:5rem;}
.margin-both{margin-bottom:5rem;margin-top:5rem;}

/* Grid */
.container, .with-sidebar { position: relative; width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; clear: both; }
.column, .columns, .flex .col{ width: 100%;box-sizing: border-box; }

/* New Grid. */
.grid { display: grid; grid-gap: 30px; box-sizing: border-box; align-content: stretch; justify-content: center;	}
.grid .col > *:last-child{margin-bottom:0;}

@media (min-width: 768px) {
	.container, .with-sidebar { width:100%;}
	.column, .columns { margin-left: 4%;display:inline-block;vertical-align:top;box-sizing:border-box;}
	.vertical-middle .column, .vertical-middle .columns{vertical-align:middle;}
	.column:first-child, .columns:first-child { margin-left: 0; }
	
}

@media(max-width:1024px){
	blockquote{padding:0;font-size:3rem;}
	blockquote .branding-quote{font-size:20rem;top:-7rem;}
}

@media(max-width:768px){
	.block-branding .brand-exclamation{display:none;}
}