/*
Theme Name: MIEA
Theme URI: https://demo.studiopress.com/
Description: This is the custom theme created with the Genesis Framework.
Author: StudioPress & Gigi Burkhalter

Version: 2.03
*/

/* -----------------------------------------------------------------------------
   TOKENS
   Define once here. Referenced throughout.
----------------------------------------------------------------------------- */

:root {
	--radius: 14px;
	--btn-radius: 8px;
	--btn-font-size: 20px;
	--btn-font-weight: 600;
	--btn-pad-y: 0.75em;
	--btn-pad-x: 1.5em;
	--btn-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out, border-color 0.2s ease-in-out;

	/* Primary */
	--btn-primary-bg:        var(--wp--preset--color--theme-primary);
	--btn-primary-text:      var(--wp--preset--color--white);
	--btn-primary-hover-shadow: 2px 4px 8px rgba(0, 0, 0, 0.25);

	/* Outline (on light bg) */
	--btn-outline-border:    var(--wp--preset--color--theme-primary);
	--btn-outline-text:      var(--wp--preset--color--theme-primary);
	--btn-outline-hover-bg:  var(--wp--preset--color--theme-primary);
	--btn-outline-hover-text: var(--wp--preset--color--white);

	/* Outline on dark/colored bg */
	--btn-outline-dark-border: var(--wp--preset--color--white);
	--btn-outline-dark-text:   var(--wp--preset--color--white);
	--btn-outline-dark-hover-bg:   var(--wp--preset--color--white);
	--btn-outline-dark-hover-text: var(--wp--preset--color--theme-primary);

	/* Button-link */
	--btn-link-text:  var(--wp--preset--color--theme-primary);
	--btn-link-text-on-dark: var(--wp--preset--color--white);

	/* Disabled */
	--btn-disabled-bg:   var(--wp--preset--color--bgd-gray);
	--btn-disabled-text: var(--wp--preset--color--border);

	/* Box Shadow */
	--shadow-soft:  0 2px 10px 0 rgba(0,60,82,0.12);
	--shadow-hover: 0 8px 20px rgba(0,60,82,0.2);
}

.alignnormal {
	padding-left: clamp(1rem, 5vw, 3rem);
	padding-right: clamp(1rem, 5vw, 3rem);
	box-sizing: border-box;
}

.has-text-color a{
	color: inherit;
}
.has-text-color a:focus,
.has-text-color a:hover {
	color: inherit;
}
.has-white-color figcaption a{
	color: var(--wp--preset--color--white) !important;
}
.strong {
  font-weight: 700;
}
.nowrap{
	text-wrap: nowrap;
}
.label {
	display: inline-block;
	font-size: 11px;
	line-height: 11px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 6px 10px;
	border-radius: 100px;
}

.badge{
	padding: 4px 12px !important;
	border-radius: 20px;
}
.badge a{
	border-bottom: none;
}
.badge a:hover{
	color: var(--wp--preset--color--theme-secondary);
}
.aside{
	font-family: "Bitter", serif;
	line-height: 1.62;
	padding: 22px 26px;
	border-left: 3px solid var(--wp--preset--color--alert);
	border-radius: 0 4px 4px 0;
	margin-top: 28px;
}
.rounded,
.rounded-wrapper div{
	border-radius: var(--radius);
}
.rounded-icon{
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: var(--shadow-soft);
	width: 35px;
	border-radius: 50%;
	height: 35px;
	padding: 17px;
}
.card{
	border-radius: var(--radius);
	border: 1px solid var(--wp--preset--color--border);
	padding: 35px;
	box-shadow: var(--shadow-soft);
	transition: box-shadow 0.3s ease, transform 0.3s ease, filter 0.3s ease;
}

/* A card that's also a Column (equal-height by Gutenberg's default column
   stretch) gets pinned-to-bottom buttons: the column becomes a vertical
   flex container, and .col-bottom pushes itself down via auto margin.
   Scoped to .wp-block-column.card specifically so plain standalone .card
   uses elsewhere aren't affected. Note: .col-bottom's auto margin needs
   nothing else fighting margin-top on that element (e.g. don't combine
   with .mt-* utility classes, which use !important and would win). */
.wp-block-column.card {
	display: flex;
	flex-direction: column;
}
.col-bottom {
	margin-top: auto;
}
.shadow{
	box-shadow: var(--shadow-soft);
}
.border{
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--radius);
}
.border-left{
	border-left: 4px solid var(--wp--preset--color--theme-secondary);
}
.path-steps::before {
	content: '';
	position: absolute;
	top: 260px;
	left: calc(16.67% + 7px);
	right: calc(16.67% + 7px);
	height: 1px;
	background: var(--wp--preset--color--green);
	z-index: -1;
}
@media (min-width: 1136px) {
	.path-steps-vertical {
		position: relative;
	}
	.path-steps-vertical::before {
		content: '';
		position: absolute;
		width: 1px;
		background: var(--wp--preset--color--green);
		z-index: -1;
	}
	.path-steps-vertical.certification-path::before {
		top: 20px;
		bottom: 275px;
		left: 98px;
	}
}
.has-text-align-center.rounded-icon{
	margin: auto;
}

.hover-highlight-wrapper > div:hover, .hover-highlight:hover {
	transform: translateY(-4px);
	filter: saturate(1.2);
	box-shadow: var(--shadow-hover);
}
.rotate-right img{
	transform: rotate(5deg);
}
.rotate img{
	transform: rotate(-5deg);
	transition: transform 0.3s ease-in-out;
}
.rotate img:hover{
	transform: rotate(-6deg);
	transition: transform 0.3s ease-in-out;
}
.book img{
	box-shadow: var(--shadow-soft);
	border: 5px solid var(--wp--preset--color--white);
}
.float-top{
	margin-top: -15%!important;
	z-index: 1;
	position: relative;
}
.img-overlap {
	margin-left: -60px !important;
	position: relative;
	z-index: 2;
}
.pl-0, .pl-0 a{
	padding-left: 0!important;
}
.p-0{
	padding: 0!important;
}
.p-1{
	padding: .5rem!important;
}
.p-2{
	padding: 1rem!important;
}
.p-3{
	padding: 1.5rem!important;
}
.p-5{
	padding: 5%!important;
}
.pl-1{
	padding-left: .5rem;
}
.pr-1{
	padding-right: .5rem;
}
.pr-3{
	padding-right: 3rem;
}
.pl-3{
	padding-left: 3rem;
}
.ml-1{
	margin-left: .5rem;
}
.mr-1{
	margin-right: .5rem;
}
.mb-0{
	margin-bottom: 0!important;
}
.mb-1{
	margin-bottom: .5rem!important;
}
.mb-2{
	margin-bottom: 1rem!important;
}
.mb-3{
	margin-bottom: 1.5rem!important;
}
.mb-4{
	margin-bottom: 2rem!important;
}
.mt-0, .mt-0 > p{
	margin-top: 0!important;
}
.mt-1{
	margin-top: .5rem!important;
}
.mt-2{
	margin-top: 1rem!important;
}
.mt-3{
	margin-top: 1.5rem!important;
}
.text-decoration-none a{
	text-decoration: none;
}
.display-flex, .d-flex{
	display: flex;
}
.v-a-m,
.v-a-m table td{
	vertical-align: middle;
}

.d-none{
	display: none;
}

.hide-page-title h1.entry-title, .hide-breadcrumb .breadcrumb, .hide-menu .top-bar, .hide-menu .nav-primary, .hide-menu .menu-toggle{
	display: none;
}
.single-miea_event div.breadcrumb {
	display: none;
}
@media only screen and (max-width: 600px){
	.hide-on-mobile{display: none;}
	.align-center-on-mobile{text-align: center;}
	.align-center-on-mobile-block{text-align: center; display: block!important;}
	.align-center-on-mobile.wp-block-buttons.is-layout-flex{display: flex; align-items: center;}
	img.align-center-on-mobile{display: block; margin: auto;}
	.wp-block-buttons.align-center-on-mobile > .wp-block-button{margin: 0 auto;}
	.wp-block-buttons.is-layout-flex.align-center-on-mobile{display: inline-flex;}
	body .is-layout-flex.align-center-on-mobile{display: inline-block;}

	.show-on-mobile{display:auto;}

	.mt-0-mobile{margin-top:0!important;}

	h1, h2, h3, h4, h5{ margin: 3% 0;}

	.footer-widgets{text-align: center;}
}
@media only screen and (max-width: 800px){
	.hide-on-tablet{display: none;}
	.align-center-on-tablet{text-align: center;margin-left: auto; margin-right: auto;}
	.align-center-on-tablet-block{text-align: center; display: block!important;}
	img.align-center-on-tablet{display: block; margin: auto;}
	.wp-block-buttons.align-center-on-tablet > .wp-block-button{margin: 0 auto;}
	.wp-block-buttons.is-layout-flex.align-center-on-tablet{display: inline-flex;}
	body .align-center-on-tablet .is-layout-flex{display: inline-block;}
	.align-center-on-tablet .badge{display: inline; margin: auto;}
}
@media only screen and (min-width: 800px){
	.show-on-tablet{display: none;}
}
@media only screen and (min-width: 600px){
	.show-on-mobile{display:none;}
}
.small{
	font-size: 80%;
	line-height: 1.2;
}
.text-center{
	text-align: center;
}
.opacity-35{
	opacity:.35;
}
.opacity-50{
	opacity: .5;
}
.opacity-75{
	opacity: .7;
}
.saturate{
	filter: saturate(4);
	opacity: .7;
}

/* adding background textures to sections */
.grid-section {
	position: relative;
	overflow: hidden;
}
.grid-section:before,
.gb-has-background-dim.grid-section:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(255,255,255,.07) 1px, transparent 1px);
  background-size: 26px 26px;
  pointer-events: none;
  z-index: 1;
}
div.cta-section {
	overflow: hidden!important;
	position: relative;
}
.cta-section:before,
.gb-has-background-dim.cta-section:before {
	content: "";
	position: absolute;
	top: -80px;
	right: -80px;
	left: inherit;
	width: 360px;
	height: 360px;
	border-radius: 50%;
	background: var(--wp--preset--color--bright-blue);
	opacity: .3;
	pointer-events: none;
}
.cta-section:after,
.gb-has-background-dim.cta-section:after {
	content: "";
	position: absolute;
	bottom: -100px;
	left: -60px;
	right: inherit;
	width: 300px;
	height: 300px;
	border-radius: 50%;
	background: var(--wp--preset--color--green) ;
	opacity: .2;
	pointer-events: none;
}



/* fancy list styles */

.miea ol.gpb-number-list,
.editor-styles-wrapper ol.gpb-number-list,
ol.number-list,
.editor-styles-wrapper ol.number-list {
	counter-reset: gpb-list-counter var(--list-start, 0)!important; /* Dynamic start */
}
ol.gpb-number-list li,
.editor-styles-wrapper ol.gpb-number-list li,
ol.number-list li,
.editor-styles-wrapper ol.number-list li{
	list-style-type: none;
	padding-left: 65px;
}
ol.gpb-number-list li::before,
ol.number-list li::before {
	background-color: var(--wp--preset--color--green) !important;
	font-weight: 800 !important;
	top: 0;
	content: counter(gpb-list-counter) "";
	color: #fff;
	position: absolute;
	left: 0;
	text-align: center;
	border-radius: 100px;
	height: 42px;
	width: 42px;
	line-height: 41px;
}



ul.checkmark-list{
	padding-left: 15px;
}
ul.checkmark-list li,
.editor-styles-wrapper ul.checkmark-list li {
	list-style: none !important;
	position: relative;
	padding-left: 24px;
	margin-bottom: 1.2em;
}
ul.checkmark-list li::before,
.editor-styles-wrapper  ul.checkmark-list li::before{
	content: "\f00c"; /* Font Awesome checkmark */
	font-family: "Font Awesome 5 Free";
	font-size: 10px;
	font-weight: 900;
	color: white;
	background-color: var(--wp--preset--color--green);
	border-radius: 50%;
	text-align: center;
	line-height: 18px;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 9%;
	left: 0px;
}
.entry-content ul.emphasis ::marker{
	color: var(--wp--preset--color--green);
}
.circle-number{
	background-color: var(--wp--preset--color--green) !important;
	font-weight: 800 !important;
	color: var(--wp--preset--color--white);
	border-radius: 50%;
	height: 42px;
	width: 42px;
	line-height: 41px;
	text-align: center;
}
p.has-text-align-center.circle-number{
	margin: 0 auto;
}
.column-right-arrow{
	position: relative;
}
.column-right-arrow::after {
	content: "";
	position: absolute;
	top: 30%;
	left: 100%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-top: 35px solid transparent;
	border-bottom: 35px solid transparent;
	border-left: 25px solid var(--wp--preset--color--light-blue);
}
.TM figure:after{
	content: "TM";
	display: inline;
	font-size: .6em;
	float: right;
	margin-top: 15px;
}

/* top bar widget */
.top-bar.widget-area .widget{
	margin-bottom: 0;
}
.top-bar {
	position: relative;
	background: var(--wp--preset--color--theme-secondary);
	color: var(--wp--preset--color--white);
	font-size: 12px;
}
.top-bar a.button-link{
	color: var(--wp--preset--color--white);
}
.site-container .top-bar .wp-block-button.button-link .wp-block-button__link:hover{
	border-bottom: none;
}
.top-bar .is-layout-flex{
	justify-content: flex-end;
}
.top-bar .wrap {
	padding: 14px 30px;
}
.top-bar p {
	margin: 0;
}


/* Team Layout */
.gb-layout-team-1 .gb-block-layout-column-inner:hover{
	cursor: pointer;
}

/* mailchimp signup area in blog sidebar */
	#custom_html-2 {
		background-color: var(--wp--preset--color--bgd-gray);
		padding: 20px 30px;
	}
	.button.subscribe{
		display: block;
		margin: 10px auto;
	}
	.button.subscribe:hover{
		background-color: var(--wp--preset--color--theme-primary);
	}
/**/


/* Landing Pages */
.saw-landing-page .title-area{
	float: none;
	margin: 0 auto;
}

/* Gravity forms
--------------------------------------------- */
.single-event .gform_wrapper p:empty{
	display: none;
}

.inline  label, .inline input, .inline .ginput_container.ginput_container_total{
	display: inline;
	width: auto;
}
.gpi-available-inventory-message{
	font-style: italic;
	font-weight: bold;
	padding: 8px !important;
	background-color: #FDECBA;
	display: inline-block;
	margin-top: 10px;
}
.gform_wrapper.gravity-theme .ginput_container{
	margin-bottom:15px;
}
.gform_wrapper.gravity-theme .gfield_header_item,
.gform_wrapper.gravity-theme .gform_fileupload_rules,
.gform_wrapper.gravity-theme .ginput_complex label,
.gform_wrapper.gravity-theme .gfield_description,
.gform_wrapper.gravity-theme .field_sublabel_above .description,
.gform_wrapper.gravity-theme .field_sublabel_above .gfield_description,
.gform_wrapper.gravity-theme .field_sublabel_above .gsection_description{
	font-size: 14px;
	line-height: 1.35;
}
.gform_wrapper.gravity-theme .gfield_description{
	padding-top: 0; /* this is to remove padding on contact form as there is no description but padding is being generated */
}
.gform_wrapper.gravity-theme .gfield input.medium, .gform_wrapper.gravity-theme .gfield select.medium{
	width: 100%!important;
}
.gform_wrapper.gravity-theme select{
	font-size: 15px;
}
h3.gsection_title{
	font-family: 'Nunito Sans Condensed', 'Nunito Sans', sans-serif;
	font-size: 16px;
	color: var(--wp--preset--color--dark-green);
	line-height: 1.2;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 0;
}
.gform_wrapper.gravity-theme .field_sublabel_above .gsection_description{
	color: #43652f;
	margin-top: 0px;
}
.gform_wrapper.gravity-theme .gsection{
	margin-top: 20px;
	border-top: 1px solid var(--wp--preset--color--border);
	border-bottom: 0;
}
.gform_wrapper.gravity-theme .field_sublabel_above .description, .gform_wrapper.gravity-theme .field_sublabel_above .gfield_description{
	margin-top: 0;
	padding-bottom: 0;
}
.gform_wrapper.gravity-theme .field_description_above .description, .gform_wrapper.gravity-theme .field_description_above .gfield_description{
	padding-bottom: 10px;
}

.gform_wrapper.gravity-theme .gfield_label,
.gform_wrapper.gravity-theme input[type="color"], .gform_wrapper.gravity-theme input[type="date"], .gform_wrapper.gravity-theme input[type="datetime-local"], .gform_wrapper.gravity-theme input[type="datetime"], .gform_wrapper.gravity-theme input[type="email"], .gform_wrapper.gravity-theme input[type="month"], .gform_wrapper.gravity-theme input[type="number"], .gform_wrapper.gravity-theme input[type="password"], .gform_wrapper.gravity-theme input[type="search"], .gform_wrapper.gravity-theme input[type="tel"], .gform_wrapper.gravity-theme input[type="text"], .gform_wrapper.gravity-theme input[type="time"], .gform_wrapper.gravity-theme input[type="url"], .gform_wrapper.gravity-theme input[type="week"], .gform_wrapper.gravity-theme textarea{
	font-size: 18px;
	line-height: 1.35;
}

/* Progress Bar */
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_spring{
	background: linear-gradient(270deg,#68c0df 0,#c9e19e 100%);
}
.gform_wrapper.gravity-theme .gf_progressbar_title{
	color: #6e797a;
}
.gform_wrapper.gravity-theme .gf_progressbar_spring {
	background: var(--wp--preset--color--border);
}


/*registration form on event page*/
	.is-layout-flex > :is(*, div).floating-form{
		background-color: var(--wp--preset--color--bgd-gray);
		margin-top: -80px!important;
		border-radius: var(--radius);
		border: 1px solid var(--wp--preset--color--border);
		padding: 35px;
		box-shadow: var(--shadow-soft);
		transition: box-shadow 0.3s ease, transform 0.3s ease, filter 0.3s ease;
		z-index: 2;
	}
	.floating-form input:focus,
	.miea .StripeElement--focus{
		background-color: var(--wp--preset--color--white);
	}
	.floating-form .gform_wrapper input#gf_coupon_button.button{
		background-color: var(--wp--preset--color--border);
		color: var(--wp--preset--color--white);
	}
	.floating-form .gform_wrapper input#gf_coupon_button.button:disabled{
		background-color: #f7f9f9;
		color: #b1b6b7;
	}
	.floating-form .gform_wrapper.gravity-theme .gfield.large div.gchoice{
		background-color: rgba(255, 255, 255, 0.8);
	}

	@media only screen and (min-width: 600px){
		.floating-form{
			margin-top: -110px!important;
			padding: 35px;
		}
	}

#gf_coupon_info tbody{
	border-bottom: none;
}
.gform_wrapper.gravity-theme .gfield input.large,
.gform_wrapper.gravity-theme .gfield select.large{
	padding: .6em 1.25em;
	margin: 0;
	font-size: 20px;
}

.gform_wrapper.gravity-theme #field_submit input,
.gform_wrapper.gravity-theme .gform_footer input{
	margin-bottom: 15px;
}

/* Add style of large to radial or checkbox choices and sets in grey box */
.gform_wrapper.gravity-theme .gfield.large div.gchoice{
	margin-bottom: 7px;
	background-color: #f7f9f9;
	padding: 6px 13px;
	border-radius: var(--btn-radius);
}

.gform_wrapper.gravity-theme #gform_2 .gform_footer{
	margin: 0;
}
.gform_wrapper.gravity-theme #gform_2 .gfield{
	margin-bottom: 0!important;
}
.gform_wrapper.gravity-theme .gfield_required{
	color: var(--wp--preset--color--muted-gray);
}
.ginput_container.ginput_container_gps_slider{
	max-width: 90%;
	margin: auto;
}
.gps-slider__handle{
	border-color: var(--wp--preset--color--green);
}
.gps-slider__fill{
	background-color: var(--wp--preset--color--green);
}
/* Product $$ Customizations */
.gform_wrapper.gravity-theme .ginput_product_price,
.gform_wrapper.gravity-theme .ginput_total{
	color: var(--wp--preset--color--green);
	font-weight: 700;
}

/* Customizing Forms gathering email only */
.gform_wrapper.gravity-theme .email-only .gform_footer{
	margin: 0;
	padding: 0;
	display: inherit;
	text-align: center;
}
/* Customizing home page newsletter form */
.gform_wrapper.gravity-theme #gform_42 #field_submit input{

}

/* customize TMM registration forms */
/* hide event date dropdown on actual event page */
.event_category-tmm div#field_46_39 {
	display: none;
}

/* customize ID 30 Find Your Path Quiz on popup */
.sgpb-content form#gform_30 .gf_page_steps{display: none}


/* customize ID 5 Foundations */
/* #gfield_description_5_14{margin-top: -22px!important;} */

/* Validation Errors */
	.gform_wrapper.gravity-theme .gform_validation_errors,
	.gform_wrapper.gform_validation_error.gravity-theme{
		border: none;
		background-color: transparent;
		box-shadow: none;
	}
	.gform_wrapper.gravity-theme .gfield_validation_message,
	.gform_wrapper.gravity-theme .validation_message{
		padding: 0;
		border: none;
		background-color: transparent;
	}
	.gform_wrapper.gravity-theme form.inline-block .gfield_validation_message,
	.gform_wrapper.gravity-theme form.inline-block .validation_message{
		display: none;
	}
	.gform_wrapper.gravity-theme .gform_validation_errors > h2{
		font-size: 20px;
		line-height: 1.2;
	}
	.gform_wrapper .gform_validation_errors > ol a,
	.gform_wrapper .gform_validation_errors > ol li{
		font-size: 16px;
		line-height: 1.2;
	}
	.gform_wrapper .gfield_validation_message,
	.gform_wrapper .validation_message{
		border: 0px;
		background: transparent;
		padding: 0;
	}
	.gform_wrapper.gravity-theme .field_sublabel_above .gfield_description .validation_message{
		padding-top: 0px;
	}
/**/


.gfield_radio div.gchoice input:disabled{
	display: none;
}


/* add icons to appropriate fields by adding classes ".i-envelope" ".i-phone" */
	.i-envelope .ginput_container_email input{
		background: #f7f9f9 url("data:image/svg+xml,%3Csvg style='color: rgb(178  178  178)%3B' xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-envelope-fill' viewBox='0 0 16 16'%3E%3Cpath d='M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z' fill='%23b2b2b2'%3E%3C/path%3E%3C/svg%3E") no-repeat scroll 10px;
		background-size: 20px;
		padding-left: 40px !important;
	}
	.i-phone .ginput_container_phone input{
		background: #f7f9f9 url("data:image/svg+xml,%3Csvg style='color: rgb(178  178  178)%3B' xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-telephone-fill' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z' fill='%23b2b2b2'%3E%3C/path%3E%3C/svg%3E") no-repeat scroll 10px;
		background-size: 20px;
		padding-left: 40px !important;
	}

	/* expand width on medium sized fields in split columns by adding class of .wide to fields */
	.gform_wrapper.gravity-theme .gfield--width-half.wide input.medium{
		width: 100%;
	}

/* Posts */
.archive .entry-footer, .blog .entry-footer{
	display: none;
}
.archive article, .blog article{
	border-bottom: 1px solid var(--wp--preset--color--border);
}

/* Popup Customizations */
 /* hide overlay on blueprint popup */
.sgpb-theme-3-overlay.sgpb-popup-overlay-5649.sgpb-popup-overlay {
	display: none;
}
.miea .sgpb-theme-6-content {
  box-shadow: #000 0 0 8px 3px !important;
}
.miea .sgpb-theme-3-content {
	border-top: var(--wp--preset--color--green) 10px solid !important;
}

/* Popup Builder -- standardize to match */
.sgpb-theme-3-content .wp-block-button__link,
.sgpb-theme-6-content .wp-block-button__link {
	border-radius: var(--btn-radius);
}



/* Utility: "Stack on tablet" for core/columns — add class "stack-tablet"
   to the outer Columns block (not the individual Column blocks inside). */
@media (max-width: 1024px) {
	.wp-block-columns.stack-tablet {
		flex-wrap: wrap;
	}
	.wp-block-columns.stack-tablet > .wp-block-column {
		flex-basis: 100% !important;
	}
}

/* Fix G Blocks */

.is-testimonial{
	border-radius: var(--radius);
	padding: 1rem;
	margin-top: 8px;
	box-shadow: var(--shadow-soft);
}
.testimonial h3 em{
	opacity: 1;
}
.gb-block-testimonial,
.testimonial-text{
	font-family: "Bitter", serif;
	letter-spacing: -.01em;
	font-kerning:normal;
	font-weight: normal;
}
.testimonial-name{
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.testimonial-info{
	opacity: .8;
	font-size: 80%;
	line-height: 1.4;
	margin: 0;
	padding: 0;
}
.is-testimonial .testimonial-img img{
	border-radius: 50%;
}
.testimonial .wp-block-image img{
	max-width: 250px;
}

.gb-block-testimonial .gb-testimonial-name,
.gb-block-testimonial .gb-testimonial-title {
	font-family: 'Nunito Sans', 'Helvetica', sans-serif;
	margin: 0;
}
.wp-block-genesis-blocks-gb-testimonial.gb-block-testimonial,
.is-testimonial {
	position: relative;
}
.wp-block-genesis-blocks-gb-testimonial.gb-block-testimonial::before,
.is-testimonial::before{
	content: "";
	position: absolute;
	top: -8px;
	left: 26px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: var(--wp--preset--color--alert);
	opacity: .5;
}

.gb-block-testimonial .gb-testimonial-info {
  display: block;
  position: relative;
  min-height: 55px;
  padding-left: 69px;
  padding-top: 0;
}

.gb-block-testimonial .gb-testimonial-info .gb-testimonial-avatar-wrap {
  position: absolute;
  left: 0;
  top: 0;
}

.gb-block-testimonial .gb-testimonial-avatar-wrap+.gb-testimonial-name,
.gb-block-testimonial .gb-testimonial-avatar-wrap+.gb-testimonial-name+.gb-testimonial-title,
.gb-block-testimonial .gb-testimonial-avatar-wrap+.gb-testimonial-title {
  margin-left: 0 !important;
}

.gb-block-testimonial .gb-testimonial-avatar-wrap+.gb-testimonial-name+p .gb-testimonial-title {
  margin-left: 0 !important;
}


.gb-block-profile .gb-profile-image-wrap{
	background: transparent!important;
}
hr.is-style-thick{
	border-bottom-width: 10px;
}

@media only screen and (max-width: 800px){
	.wp-block-media-text .wp-block-media-text__content{padding: 0 5%;	}
}
.wp-block-image.has-transparency img{
	--dominant-color: none;
	background-color: transparent;
}
.gb-notice-title p{
	margin-top: 0;
}

/* tables */
.wp-block-table{
	border-radius: var(--radius);
}
.wp-block-table thead {
	border-bottom: 0;
	background: var(--wp--preset--color--border);
	font-size: 14px;
}
.wp-block-table td, .wp-block-table th{
	border-width: 0px 0px 1px 0;
	border-color: var(--wp--preset--color--border);
	padding: 16px;
}
th{
	vertical-align: bottom;
}
th.highlight{
	color: var(--wp--preset--color--white);
	background-color: #43652F;
}
td.highlight{
	color: var(--wp--preset--color--white);
	background-color: var(--wp--preset--color--green);
}


/* columns */

@media only screen and (max-width: 900px) {
	.gb-layout-columns-3.mobile-shift-800>.gb-layout-column-wrap.gb-is-responsive-column {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		grid-template-areas:
		"col1"
		"col2"
		"col3";
	}
}

figure.wp-block-gallery.extra-padding figure.wp-block-image {
	padding: 4%;
}

/* "has-nested-images" galleries (the current Gallery block format) don't
   reduce column count at narrower widths on their own — core just gives
   each image a fixed percentage from whatever "columns" setting was
   chosen, with no responsive step-down. Add it here instead. */
.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
	min-width: 0;
}
@media (max-width: 980px) {
	.wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image),
	.wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image),
	.wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image),
	.wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image),
	.wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image) {
		width: calc(33.333% - var(--wp--style--unstable-gallery-gap, 16px) * .66667) !important;
	}
}
@media (max-width: 600px) {
	.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
		width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px) * .5) !important;
	}
}
.wp-block-gallery {
	--wp--style--gallery-gap-default: 2em;
}
/* Gutenberg's "Row" block variation (a Group set to horizontal layout)
   defaults to flex-wrap: nowrap — that's what makes it a Row instead of a
   Stack — but it never relaxes to wrap on its own at narrower widths.
   Without this, content that doesn't fit on one line overlaps instead of
   dropping to a new line. Applies to every Row block on the site. */
@media (max-width: 980px) {
	.is-nowrap {
		flex-wrap: wrap !important;
	}
}

/* Tooltips */
.custom-tooltip.icon {
//	color: #C88CB6;
	vertical-align: super;
	border-bottom: none;
}
.custom-tooltip {
	position: relative;
	cursor: pointer;
	border-bottom: 1px dotted var(--wp--preset--color--muted-gray);
	color: var(--wp--preset--color--muted-gray);
}
.custom-tooltip::after {
	content: attr(data-tooltip);
	position: absolute;
	top: 160%;
	left: 50%;
	transform: translateX(-50%);
	background: var(--wp--preset--color--theme-secondary);
	color: var(--wp--preset--color--white);
	padding: 10px;
	border-radius: 5px;
	z-index: 1000;
	width: 400px;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s;
	font-size: 14px;
	text-transform: none;
	box-shadow: var(--shadow-soft);
	border: 1px solid var(--wp--preset--color--border);
}
.custom-tooltip:hover::before {
	content: '';
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translateX(-50%);
	border-width: 15px;
	border-style: solid;
	border-color: transparent transparent var(--wp--preset--color--theme-secondary) transparent; /* Tooltip arrow */
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s;
}
.custom-tooltip:hover::after,
.custom-tooltip:hover::before {
	opacity: 1;
	visibility: visible;
}
/* Light style for the tooltip box */
.custom-tooltip.custom-tooltip-light:hover::after {
	background-color: var(--wp--preset--color--bgd-gray);
	color: var(--wp--preset--color--theme-secondary);
}
.custom-tooltip.custom-tooltip-light:hover::before {
	border-color: transparent transparent var(--wp--preset--color--bgd-gray) transparent; /* Adjust arrow color */
}
.wp-block-genesis-blocks-gb-container.alignfull.gb-block-container.sticky {  /* Add sticky styling to class of .sticky */
	position: sticky;
	top: 95px;
	z-index: 999;
}

/* Accordion styles */

/* Remove default marker (the browser triangle) */
.gb-block-accordion details summary::-webkit-details-marker { display: none; }
.gb-block-accordion details summary::marker { display: none; }

/* Reset plugin default background */
.gb-block-accordion .gb-accordion-title {
  background: transparent;
  padding: 20px 0;
  border-bottom: 1px solid #C8CCCA;
  border-top: none;
  font-family: 'Bitter', serif;
  font-size: 17px;
  font-weight: 400;
  color: var(--wp--preset--color--theme-secondary);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  letter-spacing: -.01em;
  transition: color .15s;
  list-style: none;
}

.gb-block-accordion .gb-accordion-title:hover {
  color: var(--wp--preset--color--theme-primary);
}

/* Plus/minus indicator */
.gb-block-accordion .gb-accordion-title::after {
  content: "+";
  font-family: 'Nunito Sans', sans-serif;
  font-size: 22px;
  font-weight: 600;
  color: var(--wp--preset--color--bright-blue);
  flex-shrink: 0;
  margin-left: 16px;
  transition: transform .3s cubic-bezier(.16,1,.3,1), color .2s;
  display: inline-block;
  line-height: 1;
}

/* Rotate to × when open */
.gb-block-accordion details[open] .gb-accordion-title::after {
  transform: rotate(45deg);
  color: var(--wp--preset--color--theme-primary);
}

/* Answer text */
.gb-block-accordion .gb-accordion-text {
  padding: 4px 0 22px;
  border-bottom: 1px solid #C8CCCA;
}

.gb-block-accordion .gb-accordion-text {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 15px;
  color: var(--wp--preset--color--theme-secondary);
  line-height: 1.78;
  font-weight: 400;
  margin: 0 0 1rem 0;
}

/* Remove the negative margin stacking — we're using border-bottom instead */
.gb-block-accordion + .gb-block-accordion {
  margin-top: 0;
  margin-bottom: 0;
}

.gb-block-accordion {
  margin-bottom: 0;
}

/* First item gets a top border */
.gb-block-accordion:first-of-type .gb-accordion-title {
  border-top: 1px solid var(--wp--preset--color--border);
}
.gb-block-accordion details[open] .gb-accordion-title {
  border-bottom: none;
}

.gb-block-accordion .gb-accordion-title:focus, .gb-block-accordion .gb-accordion-title:focus-visible {
  outline: 2px solid var(--wp--preset--color--theme-primary);
  outline-offset: 3px;
  border-radius: 2px;
}

.gb-block-accordion .gb-accordion-title:focus:not(:focus-visible) {
  outline: none;
}

/*  grid layout  */
.wp-block-group.extra-padding.is-layout-grid{
	gap: 3em;
}

/* Responsive grid layout  */
@media (max-width: 768px) {
	.wp-block-group.is-layout-grid {
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}
}
@media (max-width: 480px) {
	.wp-block-group.is-layout-grid {
		gap: 1rem;
	}
}


/* =============================================================================
   BUTTON SYSTEM
   Consolidated in styles-miea.css. Overrides:
   - style.css base rules
   - lib/gutenberg/front-end.css
   - Genesis Blocks .gb-button defaults
   - WP core :where(.wp-block-button__link) defaults
============================================================================= */




/* -----------------------------------------------------------------------------
   1. KILL PILL DEFAULTS
   GB sets border-radius: 50px on .gb-button and style-editor.css sets 100px.
   Force 8px everywhere.
----------------------------------------------------------------------------- */

.gb-button,
.site-container .wp-block-button .wp-block-button__link,
.site-container .wp-block-button.is-style-outline .wp-block-button__link,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
	border-radius: var(--btn-radius);
}




/* -----------------------------------------------------------------------------
   2. BASE BUTTON SHARED PROPERTIES
   style.css provides the base (font-size, font-weight, font-family, padding,
   line-height, text-align, text-decoration, white-space, width, cursor, border).
   Add only what style.css doesn't: display, transition, and padding override.
   .gb-button is not covered by style.css so gets all properties here.
----------------------------------------------------------------------------- */

input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.site-container .wp-block-button .wp-block-button__link {
	display: inline-block;
	transition: var(--btn-transition);
	padding: var(--btn-pad-y) var(--btn-pad-x);
}

.gb-button {
	font-size: var(--btn-font-size);
	font-family: inherit;
	font-weight: var(--btn-font-weight);
	padding: var(--btn-pad-y) var(--btn-pad-x);
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	white-space: normal;
	width: auto;
	cursor: pointer;
	display: inline-block;
	transition: var(--btn-transition);
	border: 2px solid transparent;
}
.wp-block-buttons.is-content-justification-center{
	text-align: center;
}

/* -----------------------------------------------------------------------------
   3. PRIMARY BUTTON
   Default filled style. Purple bg, white text.
----------------------------------------------------------------------------- */

input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.gb-button,
.site-container .wp-block-button .wp-block-button__link {
	background-color: var(--btn-primary-bg);
	color: var(--btn-primary-text);
	border-color: transparent;
}

/* Hover / focus: lift + shadow.  */
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.button:hover,
.button:focus,
.gb-button:hover,
.gb-button:focus,
.site-container .wp-block-button .wp-block-button__link:hover,
.site-container .wp-block-button .wp-block-button__link:focus{
	background-color: var(--btn-primary-bg);
	color: var(--btn-primary-text);
	box-shadow: var(--btn-primary-hover-shadow);
	transform: translateY(-3px);
	text-decoration: none;
}
/* Hover / focus on buttons with light backgrounds */

.has-dark-blue-background-color .wp-block-button .wp-block-button__link.has-light-blue-background-color:hover,
.has-dark-blue-background-color .wp-block-button .wp-block-button__link.has-light-blue-background-color:focus {
	background-color: var(--wp--preset--color--white);
}

/* -----------------------------------------------------------------------------
   4. OUTLINE BUTTON (on light / neutral backgrounds)
   Class: .is-style-outline on the wp-block-button wrapper.
   Default: purple border + text, transparent bg.
   Hover: fill to purple, text flips white.
----------------------------------------------------------------------------- */

.site-container .wp-block-button.is-style-outline .wp-block-button__link {
	background-color: transparent;
	border: 2px solid currentColor;
}


/* Default outline hover -- works on light backgrounds */
.site-container .wp-block-button.is-style-outline .wp-block-button__link:hover,
.site-container .wp-block-button.is-style-outline .wp-block-button__link:focus {
	filter: brightness(0.85);
	box-shadow: var(--btn-primary-hover-shadow);
	transform: translateY(-3px);
}

/* Outline hover on dark backgrounds -- fill white, text flips */
.has-dark-blue-background-color .wp-block-button.is-style-outline .wp-block-button__link:hover,
.has-dark-blue-background-color .wp-block-button.is-style-outline .wp-block-button__link:focus,
.has-theme-secondary-background-color .wp-block-button.is-style-outline .wp-block-button__link:hover,
.has-theme-secondary-background-color .wp-block-button.is-style-outline .wp-block-button__link:focus,
.has-bright-blue-background-color .wp-block-button.is-style-outline .wp-block-button__link:hover,
.has-bright-blue-background-color .wp-block-button.is-style-outline .wp-block-button__link:focus,
.has-theme-primary-background-color .wp-block-button.is-style-outline .wp-block-button__link:hover,
.has-theme-primary-background-color .wp-block-button.is-style-outline .wp-block-button__link:focus {
	filter: none;
	background-color: var(--wp--preset--color--white);
	color: var(--wp--preset--color--dark-blue) !important;
	border-color: var(--wp--preset--color--white);
	box-shadow: var(--btn-primary-hover-shadow);
	transform: translateY(-3px);
}
.gform_wrapper.gravity-theme .is-style-outline #field_submit input{
	background-color: transparent;
	border: 2px solid #fff;
	max-height: 52px;
	line-height: 20px;
}



/* -----------------------------------------------------------------------------
   6. BUTTON-LINK
   Class: .button-link on the wp-block-button wrapper, or a.button-link.
   No background or border. Purple text. Arrow via ::after.
   Hover: underline + arrow nudges right.
----------------------------------------------------------------------------- */

.site-container .wp-block-button.button-link .wp-block-button__link,
a.button-link,
.button-link a {
	background-color: transparent ;
	border-color: transparent ;
	border-radius: 0 ;
	box-shadow: none ;
	padding: 1px 0 0 0;
	color: var(--btn-link-text) ;
	text-decoration: none;
	transform: none ;
	display: inline-flex;
	align-items: center;
	gap: 0;
}

/* Arrow */
.site-container .wp-block-button.button-link .wp-block-button__link::after,
a.button-link::after,
.button-link a::after,
.button-link .gb-button::after {
	font-family: "Font Awesome 5 Free";
	content: "\f30b";
	font-weight: 900;
	padding-left: 5px;
	vertical-align: middle;
	display: inline-block;
	transition: transform 0.2s ease-in-out;
}

/* Hover: underline + arrow nudges right */
.site-container .wp-block-button.button-link .wp-block-button__link:hover,
.site-container .wp-block-button.button-link .wp-block-button__link:focus,
a.button-link:hover,
a.button-link:focus,
.button-link a:hover,
.button-link a:focus {
	background-color: transparent ;
	box-shadow: none ;
	transform: none ;
	color: var(--btn-link-text) ;
	opacity: 1;
	border-bottom: 1px solid var(--btn-link-text) ;
}

.site-container .wp-block-button.button-link .wp-block-button__link:hover::after,
.site-container .wp-block-button.button-link .wp-block-button__link:focus::after,
a.button-link:hover::after,
a.button-link:focus::after,
.button-link a:hover::after,
.button-link a:focus::after {
	transform: translateX(3px);
}

/* White variant (button-link on dark backgrounds) */
.site-container .wp-block-button.button-link .wp-block-button__link.has-white-color,
.top-bar a.button-link {
	color: var(--btn-link-text-on-dark) !important;
}

.site-container .wp-block-button.button-link .wp-block-button__link.has-white-color:hover,
.site-container .wp-block-button.button-link .wp-block-button__link.has-white-color:focus,
.top-bar a.button-link:hover,
.top-bar a.button-link:focus {
	color: var(--btn-link-text-on-dark) !important;
}


/* -----------------------------------------------------------------------------
   7. DISABLED STATE
----------------------------------------------------------------------------- */

.site-container button:disabled,
.site-container button:disabled:hover,
.site-container button:disabled:focus,
.site-container input:disabled,
.site-container input:disabled:hover,
.site-container input:disabled:focus,
.site-container input[type="button"]:disabled,
.site-container input[type="button"]:disabled:hover,
.site-container input[type="reset"]:disabled,
.site-container input[type="reset"]:disabled:hover,
.site-container input[type="submit"]:disabled,
.site-container input[type="submit"]:disabled:hover {
	background-color: var(--btn-disabled-bg);
	color: var(--btn-disabled-text);
	border-color: transparent;
	box-shadow: none;
	transform: none;
	cursor: not-allowed;
	filter: none;
}



/* -----------------------------------------------------------------------------
   9. GRAVITY FORMS BUTTONS
----------------------------------------------------------------------------- */

/* Primary submit -- inherits base button styles */
.gform_wrapper.gravity-theme .gform_next_button,
.gform_wrapper.gravity-theme #field_submit input,
.gform_wrapper.gravity-theme .gform_footer input,
input[type="submit"].gform_button {
	background-color: var(--btn-primary-bg);
	color: var(--btn-primary-text);
	border: 0;
	border-radius: var(--btn-radius);
}

.gform_wrapper.gravity-theme .gform_next_button:hover,
.gform_wrapper.gravity-theme .gform_next_button:focus,
.gform_wrapper.gravity-theme #field_submit input:hover,
.gform_wrapper.gravity-theme #field_submit input:focus,
.gform_wrapper.gravity-theme .gform_footer input:hover,
.gform_wrapper.gravity-theme .gform_footer input:focus,
input[type="submit"].gform_button:hover,
input[type="submit"].gform_button:focus {
	background-color: var(--btn-primary-bg);
	color: var(--btn-primary-text);
	box-shadow: var(--btn-primary-hover-shadow);
	transform: translateY(-3px);
}

/* Inline coupon button */
.gform_wrapper input#gf_coupon_button.button {
	min-height: 32px;
	box-shadow: none;
	border-radius: 0 var(--btn-radius) var(--btn-radius) 0 !important;
	margin-left: -10px !important;
	color: var(--wp--preset--color--theme-secondary);
	background-color: #c8cccb;
	font-size: 15px;
	transform: none;
	border-width: 1px;
}

@media only screen and (min-width: 641px) {
	.gform_wrapper input#gf_coupon_button.button {
		line-height: inherit;
		padding: 10px 1em 8px;
	}
}

.gform_wrapper input#gf_coupon_button.button:hover,
.gform_wrapper input#gf_coupon_button.button:focus {
	box-shadow: inset 0 0 200px rgba(54, 65, 65, 0.2);
	transform: none;
}

.gform_wrapper input#gf_coupon_button.button:disabled {
	border-width: 1px;
}

.gform_wrapper input#gf_coupon_button.button:disabled:hover {
	background-color: var(--wp--preset--color--bgd-gray);
	box-shadow: none;
	border-color: #ddd;
}

/* Floating form coupon button override */
.floating-form .gform_wrapper input#gf_coupon_button.button {
	background-color: var(--wp--preset--color--border);
	color: var(--wp--preset--color--white);
}

.floating-form .gform_wrapper input#gf_coupon_button.button:disabled {
	background-color: var(--wp--preset--color--border);
	color: #b1b6b7;
}

/* Inline submit layout -- form #8 (get chapter form) */
#gform_wrapper_8 .gform_required_legend {
	display: none;
}

@media (min-width: 640px) {
	.gform_wrapper.gravity-theme .span8 .i-envelope.gfield.gfield--width-half {
		grid-column: span 8;
	}

	.gform_wrapper.gravity-theme .span8 #field_submit.gfield.gfield--width-half {
		grid-column: span 4;
		min-width: 163px;
	}

	.gform_wrapper.gravity-theme .span8 .gfield--width-half input.gform-button {
		margin-left: -20px;
		border-radius: 0 var(--btn-radius) var(--btn-radius) 0 !important;
		align-self: normal !important;
	}
}

@media (max-width: 600px) {
	.gform_wrapper.gravity-theme .gfield--width-half input.gform-button {
		margin-left: 15px;
	}
}


/* -----------------------------------------------------------------------------
   13. MOBILE
----------------------------------------------------------------------------- */

@media (max-width: 655px) {
	.wp-block-buttons.is-layout-flex {
		display: grid;
	}
}

/* =============================================================================
   END BUTTON SYSTEM
============================================================================= */

/* =============================================================================
   SCROLL-TRIGGERED FADE/SLIDE-IN
============================================================================= */

.animate-slidein {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.6s ease, transform 0.6s ease;
}

.animate-slidein.is-visible {
	opacity: 1;
	transform: translateY(0);
}

/* =============================================================================
   Make a link stretched to expand to fill the parent
   .has-stretched-link class goes in parent element you want clickable
   .stretched-link class is for the actual linked item
============================================================================= */

.has-stretched-link {
  position: relative;
  transition: filter 0.2s ease-in-out, transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.has-stretched-link .stretched-link{
  border-bottom: none;
}

.has-stretched-link .stretched-link::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}
.has-stretched-link .wp-font-awesome-icon svg {
  transition: transform 0.25s ease;
}

.has-stretched-link:hover .wp-font-awesome-icon svg,
.has-stretched-link:focus-within .wp-font-awesome-icon svg {
  transform: translateX(8px);
}

.has-stretched-link:hover,
.has-stretched-link:focus-within {
  filter: brightness(1.2);
  box-shadow: 0 6px 0 rgba(0, 0, 0, .8);
  transform: translateY(-3px);
}