/*==General Modifications for Core Blocks Default==*/
/*var(--wp--preset--font-family--futurastd-light);
 *var(--wp--preset--font-size--xx-large);
 *var(--wp--preset--color--white);
 *var(--wp--custom--layout--wide-size);
 *var(--wp--custom--layout--content-size);
 *max-width: var(--wp--style--global--wide-size);
 */

 /*Spacer Block*/
 .is-style-spacer-orange-textured-bg {
	background-image: url("../img/subtle-carbon.png");	
	background-repeat: repeat;
	background-color: var(--wp--preset--color--medium-orange);
	height: 24px !important;
 }

 .is-style-spacer-dark-grey-textured-bg {
	background-image: url("../img/subtle-carbon.png");	
	background-repeat: repeat;
	background-color: var(--wp--preset--color--dark-grey);
	height: 24px !important;
 }

/*Quote Block*/
 .wp-block-quote.is-style-quote-border-orange {
    border-left: 5px solid var(--wp--preset--color--medium-orange);
    margin: 24px 0 1.75em;
    padding-left: 1em;
}

.wp-block-quote.is-style-quote-border-orange p {
	font-size: var(--wp--preset--font-size--medium-x-large);
}

.wp-block-quote.is-style-quote-border-orange cite {
	font-size: var(--wp--preset--font-size--small);
    font-style: italic;
}

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

/*Media Text Block*/
@media (max-width: 800px) {
	/*Overrides default max-width 600 for all media-text blocks*/
	.wp-block-media-text.is-stacked-on-mobile {
		grid-template-columns:100% !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;
	}	
}

@media (max-width: 768px) {
	body .is-layout-constrained >.wp-block-media-text .wp-block-media-text__content {
		padding: 0 0vw var(--wp--preset--spacing--60);	
	}
	
	body .is-layout-flow > .wp-block-media-text .wp-block-media-text__content {
		padding: 0 8vw var(--wp--preset--spacing--60);	
	}

	.wp-block-media-text .wp-block-media-text__content a.wp-block-button__link.wp-element-button {
		width: 220px;
	}
}

/*Categories List Block*/

/*==Registered Styles for Multiple Blocks==*/
.is-style-border-left-orange {
	border-left: 5px solid var(--wp--preset--color--medium-orange);
	padding-left: 2%;
}

.is-style-dark-sc-bg {
	background-color: var(--wp--preset--color--dark-grey);
	background-image: url("../../assets/img/subtle-carbon.png");	
	background-repeat: repeat;	
}

.is-style-dark-grey-textured-bg {
	background-color: var(--wp--preset--color--dark-grey);
	background-image: url("../../assets/img/subtle-carbon.png");	
	background-repeat: repeat;	
}

.is-style-medium-blue-textured-bg {
	background-color: var(--wp--preset--color--medium-blue);
	background-image: url("../../assets/img/subtle-carbon.png");	
	background-repeat: repeat;	
}

/*Group Styles - Key Features*/
.wp-block-group.is-style-border-rbl-green {
	margin-top: -20px !important;
	border-top: 0;
	border-right: 10px solid var(--wp--preset--color--logo-lighter-green);
	border-left: 10px solid var(--wp--preset--color--logo-lighter-green);
	border-bottom: 10px solid var(--wp--preset--color--logo-lighter-green);	
}

@media (max-width: 767px) {
	.wp-block-group.is-style-border-rbl-green {
		padding-left: var(--wp--preset--spacing--50) !important;
		padding-right: var(--wp--preset--spacing--50) !important;
	}		
}

/*==HR Separator Classes==*/
/*for either side of heading must use with is-style-wide
**cannot create style due to core wp css for wp-block-separator
**/

hr.wp-block-separator.mps-separator {
	background-color: var(--wp--preset--color--logo-lighter-green);
	height: 10px;
	border: none;
}

 hr.wp-block-separator.mps-separator-long {
	flex: 10 3 auto;
}

hr.wp-block-separator.mps-separator-short {
	flex: 2 1 auto;
}

.mps-separator-even {
background-color: var(--wp--preset--color--logo-lighter-green);
	height: 10px;
	border: none;
	flex: 6 2 auto;
}

@media (max-width: 480px) {
	hr.wp-block-separator.mps-separator-long {
		flex: 3 3 auto;	
	}
	
	hr.wp-block-separator.mps-separator-short {
		flex: 3 3 auto;
	}
}

/*==Button Styles==*/
/*set border-radius for buttons - cannot set in theme.json yet default font is Roboto like body text*/
.wp-element-button,
.wp-block-button__link,
:where(.wp-block-button__link) {
	border-radius: 0;
    box-shadow: none;
    padding: calc(0.667em + 2px) calc(0.667em + 2px) !important;
    text-decoration: none;
}

/*new button styles - hover & after styles do not work in editor without .editor-styles-wrapper*/
/* Green CTA */
.editor-styles-wrapper .is-style-green-cta .wp-element-button,
.editor-styles-wrapper .is-style-green-cta .wp-block-button__link,
.is-style-green-cta .wp-element-button,
.is-style-green-cta .wp-block-button__link {
	background-color: var(--wp--preset--color--medium-green);
	color: var(--wp--preset--color--white);
	border: 0px;
	border-radius: 0px;
	font-family: var(--wp--preset--font-family--oswald);
	text-transform: uppercase;
	transition: 0.3s;	
}

.editor-styles-wrapper .is-style-green-cta-fixed-width .wp-element-button,
.editor-styles-wrapper .is-style-green-cta-fixed-width .wp-block-button__link,
.is-style-green-cta-fixed-width .wp-element-button,
.is-style-green-cta-fixed-width .wp-block-button__link {
	background-color: var(--wp--preset--color--medium-green);
	color: var(--wp--preset--color--white);
	border: 0px;
	border-radius: 0px;
	font-family: var(--wp--preset--font-family--oswald);
	text-transform: uppercase;
	transition: 0.3s;
	width: 200px;
}

.editor-styles-wrapper .is-style-green-cta .wp-element-button:hover,
.editor-styles-wrapper .is-style-green-cta .wp-block-button__link:hover,
.editor-styles-wrapper .is-style-green-cta-fixed-width .wp-element-button:hover,
.editor-styles-wrapper .is-style-green-cta-fixed-width .wp-block-button__link:hover,
.is-style-green-cta .wp-element-button:hover,
.is-style-green-cta .wp-block-button__link:hover,
.is-style-green-cta-fixed-width .wp-element-button:hover,
.is-style-green-cta-fixed-width .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--medium-green-alpha-6);	
}

/* Orange BG Arrow */
.editor-styles-wrapper .is-style-orange-bg-arrow .wp-element-button,
.editor-styles-wrapper .is-style-orange-bg-arrow .wp-block-button__link,
.is-style-orange-bg-arrow .wp-element-button,
.is-style-orange-bg-arrow .wp-block-button__link {
	background-color: var(--wp--preset--color--medium-orange);
	color: var(--wp--preset--color--white);
	border: 0px;
	border-radius: 0px;
	font-family: var(--wp--preset--font-family--oswald);
	text-transform: uppercase;
	transition: 0.3s;
}

.is-style-orange-bg-arrow .wp-element-button:hover,
.is-style-orange-bg-arrow .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--medium-orange-half);	
}


.is-style-orange-bg-arrow .wp-element-button::after,
.is-style-orange-bg-arrow .wp-block-button__link::after {
	display: inline-block;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font: var(--fa-font-sharp-light);
	margin-left: .5em;
	content: "\f178";
	color: var(--wp--preset--color--white);
}

.editor-styles-wrapper .is-style-orange-bg-arrow.has-medium-font-size .wp-element-button,
.editor-styles-wrapper .is-style-orange-bg-arrow.has-medium-font-size .wp-block-button__link,
.is-style-orange-bg-arrow.has-medium-font-size .wp-element-button,
.is-style-orange-bg-arrow.has-medium-font-size .wp-block-button__link {
	padding: calc(0.667em + 2px) calc(1.333em + 2px) !important;
}

.editor-styles-wrapper .is-style-green-outline .wp-element-button,
.editor-styles-wrapper .is-style-green-outline .wp-block-button__link,
.is-style-green-outline .wp-element-button,
.is-style-green-outline .wp-block-button__link {
	background-color: transparent;
	border: 2px solid var(--wp--preset--color--medium-green);
	color: var(--wp--preset--color--medium-green);
	font-family: var(--wp--preset--font-family--oswald);
	text-transform: uppercase;
	transition: 0.3s;	
}

.is-style-green-outline .wp-element-button:hover,
.is-style-green-outline .wp-block-button__link:hover {
	border: 2px solid var(--wp--preset--color--medium-green-alpha-6);
	color: var(--wp--preset--color--medium-green-alpha-6);
}

.editor-styles-wrapper .is-style-white-outline .wp-element-button,
.editor-styles-wrapper .is-style-white-outline .wp-block-button__link,
.is-style-white-outline .wp-element-button,
.is-style-white-outline .wp-block-button__link {
	background-color: transparent;
	border: 2px solid var(--wp--preset--color--white);
	color: var(--wp--preset--color--white);
	font-family: var(--wp--preset--font-family--oswald);
	text-transform: uppercase;
	transition: 0.3s;		
}

.is-style-white-outline .wp-element-button:hover,
.is-style-white-outline .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--medium-grey);
	border: 2px solid var(--wp--preset--color--medium-grey);
	/* color: var(--wp--preset--color--light-grey); */
}

.wp-block-buttons>.wp-block-button.is-style-no-bg-oswald {
    display: flex;
	align-items: center;
    margin: 0;	
}

.is-style-no-bg-oswald .wp-element-button,
.is-style-no-bg-oswald .wp-block-button__link, :where(.wp-block-button__link) {
	padding-left: 0 !important;
}

.is-style-no-bg-icon {
	display: flex;
	align-items: center;
    margin: 0;
}

.is-style-no-bg-icon a.wp-block-button__link.wp-element-button {
	background-color: var(--wp--preset--color--white);
	padding: 0 !important;
}

.is-style-black-white {
	font-family: var(--wp--preset--font-family--oswald);
	font-size: var(--wp--preset--font-size--small);
	background-color: var(--wp--preset--color--black);
	color: var(--wp--preset--color--white);
	transition: 0.3s;
}

.is-style-black-white a:hover {
	color: var(--wp--preset--color--medium-orange); 
}

.is-style-post-filters {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	font-family: var(--wp--preset--font-family--oswald);
	text-transform: uppercase;
}

.is-style-post-filters li {
	padding: .25em .75em;
	margin: .5em;
	background-color: var(--wp--preset--color--black);
	transition: 0.3s;
	letter-spacing: .02em;
}

.is-style-post-filters a:hover {
	color: var(--wp--preset--color--white);
}

/*Hide General Contractors/Construction - cannot alter Categories List Output*/
.is-style-post-filters .cat-item.cat-item-11 {
	display: none;
}

/*Used when button has hidden content trigger that applies ::after classes with js*/
.editor-styles-wrapper .is-style-no-bg-oswald .wp-element-button,
.editor-styles-wrapper .is-style-no-bg-oswald .wp-block-button__link,
.is-style-no-bg-oswald .wp-element-button,
.is-style-no-bg-oswald .wp-block-button__link {
	background-color: transparent;
	border-width: 0;
	color: var(--wp--preset--color--medium-orange);
	font-family: var(--wp--preset--font-family--oswald);
	font-size: var(--wp--preset--font-size--small);
	line-height: inherit;
	text-transform: uppercase;
	padding: 0;
	text-decoration: none;
	display: flex;
	align-items: center;
}

.editor-styles-wrapper .is-style-no-bg-oswald-arrow-right .wp-element-button,
.editor-styles-wrapper .is-style-no-bg-oswald-arrow-right .wp-block-button__link,
.is-style-no-bg-oswald-arrow-right .wp-element-button,
.is-style-no-bg-oswald-arrow-right .wp-block-button__link {
	background-color: transparent;
	border-width: 0;
	color: var(--wp--preset--color--medium-orange);
	font-family: var(--wp--preset--font-family--oswald);
	font-size: var(--wp--preset--font-size--small);
	line-height: inherit;
	text-transform: uppercase;
	padding: 0;
	text-decoration: none;
	vertical-align: middle !important;
}

p.is-style-no-bg-oswald-arrow-right::after,
.is-style-no-bg-oswald-arrow-right .wp-element-button::after,
.is-style-no-bg-oswald-arrow-right .wp-block-button__link::after {
	display: inline-block;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font: var(--fa-font-sharp-light);
	margin-left: .5em;
	content: "\f178";
	color: var(--wp--preset--color--medium-orange);
}

p.is-style-no-bg-oswald-arrow-right:hover::after,
.is-style-no-bg-oswald .wp-element-button:hover,
.is-style-no-bg-oswald .wp-block-button__link:hover,
.is-style-no-bg-oswald-arrow-right .wp-element-button:hover,
.is-style-no-bg-oswald-arrow-right .wp-block-button__link:hover,
.is-style-no-bg-oswald-arrow-right .wp-element-button:hover::after,
.is-style-no-bg-oswald-arrow-right .wp-block-button__link:hover::after {
	color: var(--wp--preset--color--medium-orange-half);
}

/*==Heading Styles Theme Default is Oswald 400 & 1.2==*/
.wp-block-heading.is-style-raleway-med-lg {
font-family: var(--wp--preset--font-family--raleway);
font-weight: 300;
font-size: var(--wp--preset--font-size--medium-large); 	
}

.wp-block-heading.is-style-roboto-med-lg {
font-family: var(--wp--preset--font-family--roboto);
font-weight: 400;
font-size: var(--wp--preset--font-size--medium-large); 
}

/*==Card Style Columns & Groups Top: Group (Header/Paragraph) Bottom: Button or Slider==*/
.wp-block-columns.is-style-card .wp-block-column,
.wp-block-group.is-style-card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	padding: calc(8px + 0.78125vw);
}

.wp-block-group.is-style-card-header-centered {
	display: flex;
	flex-direction: column;
	align-self: center;
	align-items: center;
	width: 100%;	
}

.wp-block-group.is-style-card-header-centered p {
	max-width: 80%;
}

@media (max-width: 480px) {
	.wp-block-group.is-style-card-header-centered p {
		max-width: 90%;
	}
}

@media (min-width: 480px) and (max-width:781px) {
	.wp-block-group.is-style-card-header-centered p {
		max-width: 95%;
	}
}

.wp-block-columns.is-style-card .wp-block-column .wp-block-button a {
	width: 190px;		
}


/*==CTA Columns Group > Columns Style Card Border==DONE KEEP*/
/*==Its Easy to Connect Pattern normal is 3, add cta-4 class for 4 columns==*/
.wp-block-columns.is-style-card-border,
.wp-block-columns.is-style-card-centered {
	gap: 40px;
}

.wp-block-columns.is-style-card-border.cta-4,
.wp-block-columns.is-style-card-centered.cta-4 {
	gap: 20px;
}

.wp-block-columns.is-style-card-border .wp-block-column,
.wp-block-columns.is-style-card-centered .wp-block-column {
	display: flex;
	flex-direction: column;	
	justify-content: space-between;
	align-items: center;	
	padding: 35px;
}

.wp-block-columns.is-style-card-border .wp-block-column {
	border: 3px solid var(--wp--preset--color--logo-lighter-green);
}

@media (max-width: 799px) {
	.wp-block-group.cta-columns-group {
		padding-top: var(--wp--preset--spacing--60) !important;		
	}	
	
	.wp-block-columns.is-style-card-border,
	.wp-block-columns.is-style-card-centered {
		column-gap: 20px !important;
	}

	.wp-block-columns.is-style-card-border .wp-block-column,
	.wp-block-columns.is-style-card-centered .wp-block-column {
		flex-grow: 0 !important;
		padding: 20px;
		max-width: 80vw !important;
		margin-left: auto;
		margin-right: auto;			
	}		
}

/*For 3 columns*/
@media (min-width:800px) and (max-width:1440px) {
	.wp-block-columns.is-style-card-border {
		column-gap: 20px !important;
	}

	.wp-block-columns.is-style-card-border .wp-block-column,
	.wp-block-columns.is-style-card-centered .wp-block-column {
		padding: 20px 0px;
		max-width: 33vw !important;
		margin-left: auto;
		margin-right: auto;			
	}		
}

/*For 4 columns up 1400 - 1440 layout is okay*/
@media (min-width:782px) and (max-width:1100px) {
	.wp-block-columns.is-style-card-border.cta-4 {
		flex-wrap: wrap !important;
		gap: 40px;
	}
	
	.wp-block-columns.is-style-card-border.cta-4 .wp-block-column,
	.wp-block-columns.is-style-card-centered.cta-4 .wp-block-column {
		flex-basis: 48%;
		padding: 40px;
		margin-left: auto;
		margin-right: auto;			
	}		
}

@media (min-width:1101px) and (max-width:1400px) {
	.wp-block-columns.is-style-card-border.cta-4 {
		flex-wrap: wrap !important;
		gap: 40px;
	}
	
	.wp-block-columns.is-style-card-border.cta-4 .wp-block-column,
	.wp-block-columns.is-style-card-centered.cta-4 {
		flex-basis: 40%;
		padding: 40px;
		margin-left: auto;
		margin-right: auto;			
	}		
}
/*====*/

/*==Home Page Features Columns==DONE KEEP*/
.wp-block-columns.features-columns .wp-block-column {
	padding-top: var(--wp--preset--spacing--60);
	padding-bottom: var(--wp--preset--spacing--60);	
}

.wp-block-columns.features-columns .wp-block-column.mpstatus-feature:hover {
	/* border: 2px solid var(--wp--preset--color--light-grey); */
	background-color:var(--wp--preset--color--logo-systems-grey) !important;
}

.wp-block-columns.features-columns .wp-block-column.mpstatus-feature .mpstatus-learn-more{
	display:none;	
}

.wp-block-columns.features-columns .wp-block-column.mpstatus-feature:hover .mpstatus-learn-more {
	display: block;
}

@media (min-width:782px) and (max-width:1100px) {
	.wp-block-columns.features-columns {
		flex-wrap: wrap !important;
	}	
}

@media (max-width: 1100px) {
	.wp-block-columns.features-columns .wp-block-column {		
		min-width: 40vw;
	}	
}
/*====*/

/*==Card Styles*/
.wp-block-group.is-style-card-centered {
	display: flex;
	flex-direction: column;	
	justify-content: space-between;
	align-items: flex-start;
}

@media (min-width: 1100px) {
	.product-specs .wp-block-columns {
		padding-left: var(--wp--preset--spacing--60) !important;
	}
}

/*==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;		
	}
}

/*Block Variation Styles wp adds is-style- to variation name*/

/*==No Bullet Lists to use for compact text such as address listings=*/
ul.is-style-list-no-bullets {
	list-style-type: none;
	/* padding-inline-start: 0px !important; */
	padding-left: 0px;
}

ul.is-style-list-no-bullets-centered {
	list-style-type: none;	
	padding-left: 0px;
	text-align: center;
}

/*==Orange Bullet Lists to use in general text items when not styled by the section==*/
ul.is-style-orange-block-list {
	padding-left: .25em;
}

.is-mia-header-style ul.is-style-orange-block-list {
	padding-left: 1.5em;
}

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

ul.is-style-orange-block-list li::before {
	/* display: inline-block; */
	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--medium-orange);
	font-size: .75em;
	padding-top: .25em;
	margin-right:.5em;
	height: 1.3rem;	
}

/*==Green Bullet Lists to use in general text items when not styled by the section==*/
ul.is-style-green-block-list {
	padding-left: .25em;
}

.is-mia-header-style ul.is-style-green-block-list {
	padding-left: 1.5em;
}

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

ul.is-style-green-block-list li::before {
	/* display: inline-block; */
	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--dark-green);
	font-size: .75em;
	padding-top: .25em;
	margin-right:.5em;
	height: 1.3rem;	
}

/*==Green Check Lists used in News Posts==*/
/*Work on this style*/
ul.is-style-green-checklist {
	padding-left: .25em;
}

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

/* ul.is-style-green-checklist li {
	position: relative;
	line-height: 1.5;
	margin-bottom: .5em;
	vertical-align: middle;	
} */

ul.is-style-green-checklist li::before {
	/* display: inline-block; */
	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--dark-green);
	font-size: .75em;
	padding-top: .25em;
	margin-right:.5em;
	height: 1.3rem;	
}

/* ul.is-style-green-checklist li::before {
position: absolute;
	left: -1.25em;
	font: var(--fa-font-sharp-solid);
	content: "\f14a";
	color: var(--wp--preset--color--dark-green);
	vertical-align: inherit;
} */

/*==Overflow Design Style==*/
/* .wp-block-cover.is-style-overflow-allowed,
.wp-block-group.is-style-overflow-allowed {
	position: relative;
	overflow: visible;
} */

.wp-block-cover.is-style-relative-visible,
.wp-block-cover.is-style-overflow-allowed,
.wp-block-group.is-style-relative-visible,
.wp-block-group.is-style-overflow-allowed {
	position: relative;
	overflow: visible;
}

.wp-block-group.boxed-form-overflow,
.wp-block-group.is-style-overflow-item {
	z-index: 1000;
	position: absolute;
	top: 50%;
	left: 60%;	
}

@media (max-width:800px) {
	.wp-block-cover.is-style-overflow-allowed,
	.wp-block-group.is-style-overflow-allowed {
	position: relative;
	overflow: visible;
}

	/* static prevents top/bottom position effects */	
	.wp-block-group.boxed-form-overflow,
	.wp-block-group.is-style-overflow-item {
		z-index: auto;
		position: static;			
	}
}

/*==Image & Featured Image Caption Style==*/
.wp-element-caption {
	color: var(--wp--preset--color--black); 
	font-size: var(--wp--preset--font-size--x-small);
    font-style: italic;
	text-align: left;
	margin-bottom: 0px;
}

.mps-post-featured-image .wp-element-caption {
	text-align: center;
}