/* Non-critical general CSS */

#top_bar *, #header *, #footer * {
	font-family: var(--wp--preset--font-family--sans-serif) !important;
}

#header .sub-menu a {
	font-weight: 600 !important;
}

#top_bar { position: absolute; top: 0; right: 0; text-transform: uppercase; width: auto; }

#header { border-bottom: 5px solid var(--wp--preset--color--primary-alt); box-sizing: border-box; }

.wp-site-blocks, main { min-height: calc(100vh - 500px); }

a { text-decoration: none !important; } /* Override Slate embeds */

a:where(:not(.wp-element-button)) { text-decoration: none; }

/* Offsite link indicator */
body:not(.wp-admin) a[target='_blank']:not(.wp-block-social-link-anchor):not(.button):not(:has(button)):not(:has(img)):not(.wp-block-button__link):not(.cta):not(.cta-link)::after {
	background: transparent url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggZD0iTTM1MiAwYy0xMi45IDAtMjQuNiA3LjgtMjkuNiAxOS44cy0yLjIgMjUuNyA2LjkgMzQuOUwzNzAuNyA5NiAyMDEuNCAyNjUuNGMtMTIuNSAxMi41LTEyLjUgMzIuOCAwIDQ1LjNzMzIuOCAxMi41IDQ1LjMgMEw0MTYgMTQxLjNsNDEuNCA0MS40YzkuMiA5LjIgMjIuOSAxMS45IDM0LjkgNi45czE5LjgtMTYuNiAxOS44LTI5LjZWMzJjMC0xNy43LTE0LjMtMzItMzItMzJIMzUyek04MCAzMkMzNS44IDMyIDAgNjcuOCAwIDExMlY0MzJjMCA0NC4yIDM1LjggODAgODAgODBINDAwYzQ0LjIgMCA4MC0zNS44IDgwLTgwVjMyMGMwLTE3LjctMTQuMy0zMi0zMi0zMnMtMzIgMTQuMy0zMiAzMlY0MzJjMCA4LjgtNy4yIDE2LTE2IDE2SDgwYy04LjggMC0xNi03LjItMTYtMTZWMTEyYzAtOC44IDcuMi0xNiAxNi0xNkgxOTJjMTcuNyAwIDMyLTE0LjMgMzItMzJzLTE0LjMtMzItMzItMzJIODB6IiBmaWxsPSIjNDQyZDdkIi8+PC9zdmc+') center center no-repeat;
	background-size: contain;
	content: '';
	display: inline-block;
	height: 9px;
	margin-left: 0.25rem;
	margin-right: 0.125rem;
	vertical-align: middle;
	width: 9px;
}

button:not(.components-button):not([role=presentation]):not(.slick-arrow), input, select, textarea, a.button { font-family: var(--wp--preset--font-family--sans-serif); }

.has-background-color.has-text-color, .wp-block-cover__inner-container { font-weight: 500; }

body main .is-layout-flex { gap: calc(2 * var(--wp--style--block-gap)); }

mark { background-color: transparent; }

ul { padding-left: 1.25rem; }

@media screen and (min-width: 1025px) {

	#top_bar { padding-right: 1.5rem; }

	#header { border-bottom: 5px solid var(--wp--preset--color--primary-alt); }
	
	#header > .is-layout-flex { align-items: flex-end !important; }
	
	#header .wp-block-site-logo { padding: 1rem 0 1rem 1.5rem; }
		
	#header .wp-block-site-logo + * { flex-grow: 1; }
	
	body.locking-header.scrolled #header .wp-block-site-logo, body.locking-header.scrolled #header .wp-block-site-logo img {
		height: auto !important;
	}
	
	footer.site-footer {
			margin-block-start: 0 !important;
	}
				
	#footer {
		background-color: var(--wp--preset--color--neutral-light);
		background-image: url('../images/loras-footer-map.png'), linear-gradient(100deg, transparent 90%, #ffffff 100%), linear-gradient(180deg, transparent 60%, #ffffff 100%);
		background-position: center right, center center, center center;
		background-repeat: no-repeat;
		background-size: auto 600px, cover, cover;
		clip-path: polygon(0% 45px, calc(100vw - 500px) 45px, calc(calc(100vw - 500px) + calc(45px * var(--wp--custom--loras--angle-pct))) 0%, 100% 0%, 100% 100%, 0% 100%);
		margin-top: -3rem !important;
		margin-bottom: 10px !important;
		padding-bottom: var(--wp--style--block-gap);
		position: relative;
	}
	
		#footer * { font-weight: 400; }
		#footer a { font-weight: bold; }
		
		#footer > .wp-block-group:first-child > * {
			max-width: 37.5vw;
		}

		#footer > .wp-block-group:not(:last-child) {
			margin-block-start: 0;
			margin-bottom: 0;
		}
	
		#footer .r3423-contact-info { display: block; text-align: right; }

		#footer .r3423-contact-info-logo { display: inline-block; margin-bottom: 0.5rem; max-height: 100px; max-width: 100px; }

		#footer .r3423-contact-info-logo img { display: block; max-height: 100px; max-width: 100px; }
	
		#footer .r3423-contact-info .contact_organization_name { font-weight: 800; text-transform: uppercase; }
	
		#footer #footer-1 .widget {
			margin-top: 55px;
		}
	
		#footer #footer-3 {
			justify-content: flex-start !important;
			margin-right: 20rem;
		}
	
}


@media screen and (min-width: 1025px) {

	#header { border-bottom-width: 10px; }

	/*body.locking-header.scrolled #header { border-bottom-width: 5px; }*/

	#header .wp-block-site-logo { padding: 1.5rem 0 1.5rem 3rem; }
	/*body.locking-header.scrolled #header .wp-block-site-logo { padding: 1em 0 1em 3rem; }*/
	
}

@media screen and (max-width: 1024px) {

	body.nav-open #top_bar {
		background: var(--wp--preset--color--primary);
		border-top: 10px solid var(--wp--preset--color--primary-alt);
	}
	
	body.nav-open #top_bar .r3423-nav-menu a,
	body.nav-open #top_bar .r3423-nav-menu a:visited {
		padding-left: 0;
		padding-right: var(--wp--style--block-gap);
	}
	
	body.nav-open #top_bar select.gt_selector,
	body.nav-open #top_bar .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
		background-position: left center;
		margin-left: 0;
		padding-right: var(--wp--style--block-gap);
		padding-left: 0;
	}
		
	body.nav-open #primary_navigation { padding-bottom: 180px; }

	body.nav-open #footer-cta { display: none; }

	.wp-block-post-content > *:first-child { padding-top: 0 !important; }

	footer.site-footer { margin-block-start: 0 !important; }

	#footer {
		background-color: var(--wp--preset--color--neutral-light);
		background-image: url('../images/loras-footer-map.png'), linear-gradient(100deg, transparent 90%, #ffffff 100%), linear-gradient(180deg, transparent 60%, #ffffff 100%);
		background-position: center right, center center, center center;
		background-repeat: no-repeat;
		background-size: auto 600px, cover, cover;
		clip-path: polygon(0% 45px, 60vw 45px, calc(60vw + calc(45px * var(--wp--custom--loras--angle-pct))) 0%, 100% 0%, 100% 100%, 0% 100%);
		margin-top: -3rem !important;
		position: relative;
	}
	
		#footer * { font-weight: 400; }
		#footer a { font-weight: bold; }
		
		#footer > .wp-block-group:first-child > * {
			max-width: 37.5vw;
		}

		#footer > .wp-block-group:not(:last-child) {
			margin-block-start: 0;
			margin-bottom: 0;
		}
	
		#footer .r3423-contact-info { display: block; text-align: right; }

		#footer .r3423-contact-info-logo { display: inline-block; margin-bottom: 0.5rem; max-height: 100px; max-width: 100px; }

		#footer .r3423-contact-info-logo img { display: block; max-height: 100px; max-width: 100px; }
	
		#footer .r3423-contact-info .contact_organization_name { font-weight: 800; text-transform: uppercase; }
			
		#footer #footer-1 .widget {
			margin-top: 55px;
		}
	
		#footer #footer-3 {
			justify-content: flex-start !important;
			margin-right: 20rem;
		}
	
}
