/*
Theme Name: ClearGov Theme
Theme URI: 
Author: Mark Benati
Author URI: https://cleargov.com
Description: The ClearGov website theme.
Requires at least: 5.8
Tested up to: 5.9
Requires PHP: 5.7
Version: 0.0.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: 
Text Domain: cleargov
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, rtl-language-support, theme-options, threaded-comments, translation-ready, wide-blocks
*/

body {
	--global--admin-bar--height: var(--wp-admin--admin-bar--height, 0px);
	--responsive--aligndefault-width: var(--wp--style--global--content-size);
	
	--blue-05: #F7FBFF; /*New: blue-05*/ /*Old: #F1F7FF;*/
	--blue-07: #E7F3FF;
	--blue-10: #D0E6FF;
	--blue-15: #BDDAFD; /*New: blue-15*/ /*Old: #BDDAFF;*/
	--blue-30: #9CC6FB; /*New: blue-30*/ /*Old: #A8CBFF;*/
	--blue-40: #67A6F6; /*New: blue-40*/ /*Old: #7EAEFD;*/
	--blue-50: #4D96F4; /*New: blue-50*/ /*Old: #4D96F4;*/ /* No color change */
	--blue-60: #3E79D5;
	--blue-70: #2F5CB6; /*New: blue-70*/ /*Old: #1F48B3;*/
	--blue-80: #013183; /*New: blue-80*/ /*Old: #013183;*/ /* No color change */
	--blue-90: #010658; /*New: blue-90*/ /*Old: #010658;*/ /* No color change */
	
	--green-03: #EEF8EB; /*New: green-03*/ /*Old: #EBF7E7;*/
	--green-60: #57BC34; /*New: green-60*/ /*Old: #57BC35;*/
	--green-70: #3EA21B;
	--green-75: #248901;
	
	--teal-10: #EAFFFC;
	--teal-30: #B9EDE5; /*New: teal-30*/ /*Old: #CBF1EC;*/
	--teal-40: #97E3D9;
	--teal-60: #51D1BF; /*New: teal-60*/ /*Old: #51D1BF;*/ /* No color change */
	--teal-70: #41A799;
	
	--yellow-05: #FFFCF5; /*New: yellow-05*/ /*Old: #FFF9E8;*/
	--yellow-60: #FBD055; /*New: yellow-60*/ /*Old: #FBD055;*/ /* No color change */
	
	--orange-30: #FF9854; /*New: orange-30*/ /*Old: #FFA642;*/
	--orange-70: #C95100;
	
	--red-05: #FDE8E8; /*New: red-05*/ /*Old: #FEE7E9;*/
	--red-40: #F55E5E; /*New: red-40*/ /*Old: #FB5E6A;*/
	
	--purple-05: #F5ECFF;
	--purple-20: #D9BDF5; /*New: purple-20*/ /*Old: #E1D0F4;*/
	--purple-50: #A567E8; /*New: purple-50*/ /*Old: #9C62DA;*/
	--purple-60: #8853C0;
	
	--gray-05: #F6F6F6; /*New: gray-05*/ /*Old: #F1F3F4;*/
	--gray-15: #ECECEC;
	--gray-20: #E0E0E0; /*New: gray-20*/ /*Old: #DFE0E1;*/
	--gray-30: #C6C6C6; /*New: gray-30*/ /*Old: #D0D5DD;*/
	--gray-40: #A8A8A8; /*New: gray-40*/ /*Old: #9FA1A4;*/
	--gray-60: #6F6F6F;
	--gray-70: #595959; /*New: gray-70*/ /*Old: #5F6368;*/
	--gray-75: #434343; /*New: gray-75*/ /*Old: #3D3D3D;*/
	--gray-80: #2C2C2C; /*New: gray-80*/ /*Old: #252525;*/
	--gray-90: #090909; /*New: gray-90*/ /*Old: #0D0D0D;*/
}

a:where(:not(.wp-element-button)):focus {
	outline: 1px solid var(--blue-70);
	outline-offset: .125em;
	z-index: 1;
}

.wp-element-button {
	display: inline-block;
}

.wp-block-button .wp-block-button__link.is-style-outline,
.wp-block-button.is-style-outline>.wp-block-button__link {
	padding: .533em 1.2em;
	border: .134em solid var(--blue-80);
}

.wp-block-button .wp-block-button__link.is-style-outline:hover,
.wp-block-button.is-style-outline>.wp-block-button__link:hover {
	background: var(--blue-80);
	color: #fff;
}

.wp-block-button .wp-block-button__link.is-style-outline:focus,
.wp-block-button.is-style-outline>.wp-block-button__link:focus,
.wp-block-button .wp-block-button__link.is-style-outline:active,
.wp-block-button.is-style-outline>.wp-block-button__link:active {
	border-color: var(--blue-70);
	background: none;
	color: var(--blue-80);
}

li {
	margin: .5em 0;
}

img {
	max-width: 100%;
	vertical-align: middle;
}

strong {
	font-weight: 700;
}

/* Minimum page height */
body, .wp-site-blocks, main {
	display: flex;
	flex-direction: column;
}

.wp-site-blocks {
	flex-grow: 1;
}

main {
	flex-grow: 1;
	flex-direction: column;
	justify-content: center;
	min-height: calc(100vh - 23.125em);
}

@media all and (min-width: 48em) {
	:where(body .is-layout-constrained) > * + * {
		margin-block-start: 5em;
	}
}

.vidyard-player-container,
.vidyard-player-container>div>div {
	max-width: 100% !important;
	max-height: none !important;
}

.wp-block-embed-vidyard img {
    aspect-ratio: 16/9;
}

.wp-block-embed-vimeo iframe {
	width: 100%;
    height: auto;
    aspect-ratio: 16/9;
}


/**************************/
/*** Extra Font Styling ***/
/**************************/
.has-h-1-font-size {
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -.03em;
}

.has-h-2-font-size {
	font-weight: 700;
	line-height: 1.1;
}

.has-h-3-font-size {
	font-weight: 700;
	line-height: 1.1;
}

.has-h-4-font-size {
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: 0;
}

.has-h-5-font-size {
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: 0;
}

.has-h-6-font-size {
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0;
}

.has-x-large-font-size {
	font-weight: 500;
}

.has-large-font-size {
	font-weight: 500;
}

.has-medium-font-size {
	
}

.has-small-font-size {
	letter-spacing: 0;
}

.has-quote-x-large-font-size {
	font-weight: 500;
	line-height: 1.3;
}

.has-quote-large-font-size {
	font-weight: 500;
	line-height: 1.4;
}

@media all and (min-width: 48em) {
	h1, .has-h-1-font-size {
		font-size: 3.875em !important;
	}
	
	h2, .has-h-2-font-size {
		font-size: 3.25em !important;
	}
	
	h3, .has-h-3-font-size {
		font-size: 2.625em !important;
	}
	
	h4, .has-h-4-font-size {
		font-size: 2.25em !important;
	}
	
	h5, .has-h-5-font-size {
		font-size: 1.875em !important;
	}
	
	h6, .has-h-6-font-size {
		font-size: 1.5em !important;
	}
	
	.has-x-large-font-size {
		font-size: 1.375em !important;
	}

	.has-large-font-size {
		font-size: 1.125em !important;
	}
	
	p {
		font-size: 1em;
	}

	.has-medium-font-size {
		font-size: 1em !important;
	}

	.has-small-font-size {
		font-size: .875em !important;
	}

	.has-quote-x-large-font-size {
		font-size: 1.875em !important;
	}

	.has-quote-large-font-size {
		font-size: 1.75em !important;
		line-height: 1.3;
	}
}


/*********************/
/*** Print Styling ***/
/*********************/

.entry-content>* {
	page-break-inside: avoid;
}

@media print {
	header, footer {
		display: none;
	}
	
	body {
		padding-top: 0;
		font-size: 1.47vw;
	}
	
	main {
		justify-content: flex-start;
	}
}

@media print and (color) {
	* {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}
}

@page {
	margin: 0;
	size: letter portrait;
}