/**
**Core Block Style Variants that cannot be output from Styles JSON
**/

/**
**Utilities
**/
html {
    scroll-behavior: smooth;
	position: relative;
}

/*remove unwanted user agent list style*/
body ul {
    display: block;
    list-style-type: none;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}

/*Link (linked Image) or Image followed by Heading block override user agent style*/
a ~ h2, img ~ h2 {
	margin-block-start: 0.4em;
	margin-block-end: 0.4em;
}

.mtop-auto {	
	margin-top: auto !important;
}

.fa-link-simple:hover {
	color: var(--wp--preset--color--contrast-4);
}

/*padding for blog posts or other 800px content width */
@media (max-width:1100px) {	
	.wp-block-group-is-layout-constrained > h2,
	.wp-block-group-is-layout-constrained > p,
	.wp-block-group-is-layout-constrained > ul {
		padding-left: var(--wp--preset--spacing--xxs);
		padding-right: var(--wp--preset--spacing--xxs);
	}
}

/*Hide block is used for blocks that are temporarily displayed
on front-end but saved when not in use. */

/*front-end*/
body .is-layout-flex.hide-block,
.hide-block {
	display: none;
}
/*editor*/
.block-editor-block-list__block.hide-block {display: flex;}

/**
**Layout
**/
body .wp-site-blocks > main {
    margin-block-start: 0px;
}

/* Make content & alignwide area wider on smaller devices */
@media (max-width: 1100px) {
	:where(.wp-block-group.has-background) {
		/* padding: 1.25em 2.375em; */
		padding: 1.25em .25em;
	}

	body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
	body .is-layout-constrained > .alignwide {
		max-width: 98vw !important;
		margin-left: 1vw !important; /* auto */
		margin-right: 1vw !important; /* auto */
	}
}

/* Make content & alignwide area smaller on TV devices */
@media (min-width: 3000px) {
	:where(.wp-block-group.has-background) {
		/* padding: 1.25em 2.375em; */
		padding: 1.25em .25em;
	}

	body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
	body .is-layout-constrained > .alignwide {
		max-width: 60vw !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide)){	
		max-width: 40vw !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

/**
**Header/Footer
**/

#mobile-nav-row {display: none}

@media (min-width: 481px) and (max-width: 1023px) {
	.wp-block-site-logo {
		flex-basis: 50%;		
	}
}

/*==Header Navigation==*/
.wp-block-navigation .wp-block-navigation__submenu-icon {
	margin-left: .2em;
}

/*Position submenu arrow closer to center of main menu item*/
.wp-block-navigation .wp-block-navigation__submenu-icon svg {
    stroke: currentColor;
    display: inline-block;
    height: inherit;    
	margin-top: 0em;/*0.075em;*/
    width: inherit;
}

/*top level menu items*/
.wp-block-navigation ul li {
	padding: .25em .5em;
}

.wp-block-navigation ul li:hover {
	background-color: var(--wp--preset--color--base-2);
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
	background-color: var(--wp--preset--color--base);
	border: 3px solid var(--wp--preset--color--base-2);
	z-index: 30;
}

/*remove wp -1px that shifts submenu slightly to the left*/
.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
	left: 0px;
}

.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container {
	min-width: 220px; /*200px*/
}

/*needed to reduce padding on both li and a (see farther below)*/
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item {
	padding: .5em .5em; /*1em .5em*/
	border-bottom: 3px solid var(--wp--preset--color--base-2);
}

.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item:last-child {
	border-bottom: 0px solid var(--wp--preset--color--base-2);
}

.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item:hover {
	background-image: url("../img/subtle-carbon.png");	
	background-repeat: repeat;
	background-color: var(--wp--preset--color--base-3);
}

:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),
:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)) {
	padding: .5em .5em; /*1em .5em*/
}

/*===========Header Responsive==========*/

/* @media (max-width: 1300px) {
	#site-header .wp-block-site-logo img,
	#site-header .wp-block-image img {
		width: 300px;
	}
} */

@media (max-width: 1000px) {
	#site-header {
		display: none;
	}
	
	#mobile-nav-row {
		display: flex;
		justify-content: space-between;		
		padding: 0em 1em;
		background-color: var(--wp--preset--color--base);
		padding-bottom: .25em;
		margin-top: 1em;
		margin-bottom: 1em;
	}

	#mobile-nav-row nav {
		width: 30%;
	}
	
	/*for replaced wp bars icon*/
	.wp-block-navigation__responsive-container-open i.fa-bars {
		font-size: 26px;
		color: var(--wp--preset--color--accent-3);
	}

	/* Use hover style for menu backgrounds */
	.wp-block-navigation__responsive-container.is-menu-open {
		max-width: 250px !important;	
	}

	.wp-block-navigation__responsive-container-content {
		align-items: flex-start !important;
	}

	.wp-block-navigation__responsive-container-close {
		line-height: 1;
		padding: 6px;
	}

	.wp-block-navigation__responsive-container-close:hover {
		background-color: var(--wp--preset--color--base-3) !important;
	}

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
		font-family: var(--wp--preset--font-family--headings);		
		transition: 0.3s;
		width: 100%;
	}
	
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.mobile-nav-title {
		font-weight: 500;
		color: var(--wp--preset--color--accent-3) !important;		
	}

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:hover:not(.mobile-nav-title) {
		color: var(--wp--preset--color--accent-4) !important;
	}
}

@media (min-width: 1281px) and (max-width: 1700px) {
	#mobile-nav-row nav {
		margin-left: 24px;
	}
}

/*==Footer Style==*/
footer.wp-block-template-part {
	margin-top: 0;
}

.partners-footer {
	text-align: center;
}

.partners-footer a {
	text-decoration: underline;
}

/**
**Group Block Styles
**/
@media (max-width: 480px) {
	:where(.wp-block-group.has-background) {
		padding-left: 0px !important;
		padding-right: 0px !important;		
	}
}

.is-style-section-bg-dk-texture {
	padding-top: var(--wp--preset--spacing--lg);
	padding-bottom: var(--wp--preset--spacing--lg);
	background-color: var(--wp--preset--color--contrast-2);
	background-image: url("../img/subtle-carbon.png");	
	background-repeat: repeat;
}

.is-style-bg-dk-texture {	
	background-color: var(--wp--preset--color--contrast-2);
	background-image: url("../img/subtle-carbon.png");	
	background-repeat: repeat;
}

/**
**Columns Block
**/

/*==Columns General==*/
.wp-block-columns .wp-block-column,
.wp-block-columns .wp-block-column.has-background {
padding: calc(8px + 0.78125vw);
}

/*==Column Adjustments Note: cannot adjust WP default breakpoints for .is-stacked-on-mobile==*/
/*(goes up to 781px) or is-not-stacked-on-mobile */
/*display in two columns instead of one full-width column*/
@media (min-width: 480px) and (max-width:781px) {
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
		flex-basis:40% !important;		
	}
}

@media (max-width: 1440px) {
	.wp-block-columns.alignwide {
		max-width: 90vw;
	}
}

@media (max-width: 480px) {
	.wp-block-columns {
		padding-left: 8px !important;
		padding-right: 8px !important;		
	}
}

/**
**Grids Block
**/

.wp-block-group-is-layout-grid :where(.wp-block-group.has-background) {
    padding: 1.25rem 1rem; /* padding: 1.25em 2.375em; */
}

@media (max-width: 1600px) {
	.wp-block-group.is-layout-grid p {
		max-width: 90%;
	}
}

@media (min-width: 481px) and (max-width:1600px) {
	.wp-block-group.is-layout-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 480px) {
	.wp-block-group.is-layout-grid {
		padding-left: 8px !important;
		padding-right: 8px !important;
		grid-template-columns: 1fr;		
	}
}

/**
**Media/Text Block
**/

.wp-block-media-text.alignwide {
	padding-left: 24px;
	padding-right: 24px;
}

/*Native WP style except it extends default max-width 600 to 960 for all media-text blocks*/
@media (max-width: 960px) {	
	.wp-block-media-text.is-stacked-on-mobile {
		grid-template-columns:100% !important;		
		padding-bottom: 0 !important;
	}

	.wp-block-media-text.alignwide.is-stacked-on-mobile {
		max-width: 100vw;
	}

	body .is-layout-constrained >.wp-block-media-text {
		margin-left: 0px !important; 
		margin-right: 0px !important; 
	}
	
	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
		grid-column:1;
		grid-row:1;		
	}

	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
		grid-column:1;
		grid-row:2;
	}
	
	body .is-layout-flow > .wp-block-media-text .wp-block-media-text__content,
	body .is-layout-constrained >.wp-block-media-text .wp-block-media-text__content {		
		padding: 0px;	
	}		
}

/*Cover Block*//* not sure I need or maybe could put in styles */
/* .wp-block-columns.lp-split-intro .wp-block-cover {
    justify-content: flex-start;
} */

/* .wp-block-cover.cover-contain .wp-block-cover__image-background {
	object-fit: contain;
} */

/* .wp-block-columns .wp-block-cover .wp-block-cover__inner-container {
    max-width: 60% !important;
    padding-left: 10%;
} */

/**
**Images-Captions
**/

.wp-element-caption {
    color: var(--wp--preset--color--contrast);
    font-size: var(--wp--preset--font-size--x-sm);
    font-style: italic;
    text-align: left;
    margin-bottom: 0px;
}

/**
**List Block Styles
**/

.wp-block-list.has-white-color a:hover {
	color: var(--wp--preset--color--contrast-4);
}

/*Green Block*/
ul.is-style-list-block {
	padding-left: .5rem;
	padding-right: .5rem;
}

ul.is-style-list-block li{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex: 1;
	line-height: 1.3rem;
	margin-bottom: .5em;	
}

ul.is-style-list-block li::before {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font: var(--fa-font-sharp-solid);
	content: "\f0c8"; 
	color: var(--wp--preset--color--accent-1);
	font-size: .75em;
	padding-top: .25em;
	margin-right:.5em;
	height: 1.3rem;	
}

/*Orange Block*/
ul.is-style-list-block-accent {
	padding-left: .5rem;
	padding-right: .5rem;
}

ul.is-style-list-block-accent li{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex: 1;
	line-height: 1.3rem;
	margin-bottom: .5em;	
}

ul.is-style-list-block-accent li::before {	
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font: var(--fa-font-sharp-solid);
	content: "\f0c8"; 
	color: var(--wp--preset--color--accent-4);
	font-size: .8em;
	padding-top: .4em;
	margin-right:.5em;
}


/*Green Checklist-needs work*/
ul.is-style-list-check {
	padding-left: .25em;
}

ul.is-style-list-check li{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex: 1;
	line-height: 1.3rem;
	margin-bottom: .5em;	
}

ul.is-style-list-check li::before {	
	display: flex;
	justify-content: center;
	align-items: flex-start;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font: var(--fa-font-sharp-solid);
	content: "\f14a"; 
	color: var(--wp--preset--color--accent-1);
	font-size: .75em;
	padding-top: .25em;
	margin-right:.5em;
	height: 1.3rem;	
}

.copyright-simple-white {	
	color: #ffffff;
	display: flex;
	flex-direction: row;
	justify-content: center;
	column-gap: .25em;	
	font-size: var(--wp--preset--font-size--x-sm);
}