/**
* Fuel Theme
* Version 5.0.0
**/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Hero
# Upcoming Events
# About the Organization
# Educational Resources
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Hero
--------------------------------------------------------------*/
.home-hero.wp-block-cover {padding-top: clamp(1.6rem,6.6vw,3.6rem);padding-right: 1.3rem;padding-bottom: clamp(22.1rem,121vw,31.7rem);padding-left: 1.3rem;overflow: visible;align-items: flex-start;}
.home-hero-text.wp-block-fuel-wrapper-block {max-width: 40rem;margin-left: 0 !important;}
.home-hero-top-text-container {margin-bottom: clamp(1.7rem,6.2vw,3.4rem);position: relative;}
.home-hero-top-text {font-size: clamp(1rem,2.8vw,1.5rem);font-style: normal;font-weight: 400;line-height: 1.4;position: relative;}
.home-hero-title.wp-block-heading {font-size: clamp(1.4rem,4.4vw,2.4rem);margin-left: 0 !important;max-width: 40rem;margin: 0;}
.home-hero-collage {width: clamp(18rem,28.8vw,27rem);position: absolute;/* position: relative; */right: 0;bottom: 0;left: 0;z-index: -1;margin: auto;width: 100%;text-align: center;}
.home-hero-collage p {margin: 0;}

@media (min-width: 53.5em) { /* 856px */
	.home-hero.wp-block-cover { padding-right: 0; padding-left: var(--contain-padding); }
}

@media (min-width: 68.5em) {
	.home-hero.wp-block-cover {min-height: 35.6rem;padding-bottom: 17.75rem;}
	.home-hero-text.wp-block-fuel-wrapper-block {max-width: 55%;}
	.home-hero-collage {width: calc(50% - var(--contain-padding));max-width: 27rem !important;top: 0;left: auto;text-align: right;}
}

@media (min-width: 92em) { /* 1472px */
	.home-hero-text.wp-block-fuel-wrapper-block {max-width: 40rem;}
}


/*--------------------------------------------------------------
# Upcoming Events
--------------------------------------------------------------*/
.events-section { padding: 0 0.6rem; }
.events-section-container {background: #E2C8A8;padding: 1rem 1rem 0rem;border-radius: 4px;margin-top: -16.65rem;z-index: 1;position: relative;}
.events-section-title {font-size: clamp(1.3rem,3.7vw,2rem);margin: 0 auto 1.8rem;max-width: 32rem;}
.events-section-title.title-underline-diamond:before {content: url(../images/blue-diamond-icon.svg);}
.events-section-title.title-underline-diamond:after {background: #014D6D;right: 0;}
.event-box {display: block;border-radius: 4px;background: #fff;padding: 0.3rem 0.8rem;margin: 0 auto 0.8rem;width: 100%;max-width: 32rem;overflow: hidden;} 
.event-image { display: none; } 
.event-title {font-size: clamp(0.9rem,2.6vw,1.6rem);margin-bottom: 1rem;line-height: 1.17;}
.event-title.title-underline-diamond:before {content: url(../images/blue-diamond-icon.svg);height: 1rem;}
.event-title.title-underline-diamond:after {background: var(--webinar-blue);z-index: 0;right: 0;bottom: calc((1rem / -2) - 1px);transform: scale(1,1);}
.event-date-container { line-height: 1.17; padding-right: 1.5em; }

.event-date {font-size: clamp(0.7rem,1.9vw,1rem);color: var(--primary-color);}
.event-calendar-icon {width: clamp(0.6rem,1.7vw,0.9rem);vertical-align: -0.1rem;}
.events-section-view-all-container { padding: 0.2rem 0 1.1rem; text-align: center; }
.events-section-view-all {font-size: clamp(1rem,2.2vw,1.2rem);color: var(--primary-color);display: block;}
.events-section-view-all:first-of-type {margin: 0 0 0.5rem;}
.events-section-view-all:hover { color: var(--accent-color); text-decoration: underline; }
.view-all-icon {/* width: clamp(0.8rem,1.7vw,0.9rem); */vertical-align: -0.1rem;margin-left: 0.4rem;}
.view-all-icon path { transition: 300ms ease; }
.events-section-view-all:hover .view-all-icon path {stroke: var(--accent-color);}

/* Annual Event */
.annual-event-box {padding: 0;position: relative;min-height: 10rem;height: 55.5vw;max-height: 21.3rem;}
.annual-event-box .event-image {display: block;background-image: url(../images/annual-event-placeholder-img.jpg);background-repeat: no-repeat;background-position: center 25%;/* background-size: contain; */background-color: #bbdfff;height: 100%;}
.annual-event-box .event-image img {height: 55.5vw;max-height: 21.3rem;max-width: none;}
.annual-event-box .event-info {display: flex;/* align-items: center; */position: absolute;/* top: 60%; */right: 0;bottom: 0;left: 0;background: rgba(255,255,255,0.85);width: 100%;/* height: 40%; */min-height: 4rem;}
.annual-event-box .event-title-container {order: 2;/* width: 72%; */height: 100%;min-height: 4rem;display: flex;align-items: center;padding: 0.75rem;}
.annual-event-box .event-title { margin: 0; font-size: clamp(1.1rem,3vw,1.6rem); }
.annual-event-box .event-title.title-underline-diamond:before, .annual-event-box .event-title.title-underline-diamond:after { display: none; }
.annual-event-box .event-date-container {background: #fff;width: 28%;min-height: 4rem;display: flex;justify-content: center;align-items: center;padding: 1em 0;}
.annual-event-box .event-date {text-align: center;position: relative;}
.annual-event-box .event-date:before {content: url(../images/blue-diamond-icon.svg);position: absolute;top: -10px;right: 0;left: 0;height: 100%;display: flex;justify-content: center;align-items: center;margin: auto;z-index: 1;line-height: 0;}
.annual-event-box .event-date:after {content: '';height: 2px;background: var(--webinar-blue);position: absolute;top: -22px;right: 0;bottom: 0;left: 0;margin: auto;z-index: 0;}
.annual-event-box .event-date div { height: 1.2rem; }
.annual-event-box .event-calendar-icon { display: none; }

@media (min-width: 38.5em) {
	.events-section { padding-right: 3rem; padding-left: 3rem; }
}

@media (min-width: 58.5em) {
	.events-section-container {padding: 1.2rem 2rem 2rem;}
	.events-section-title {width: 100%;max-width: none;}
	.event-box-container {display: grid;grid-template-areas:'left top-right''left middle-right''left bottom-right';gap: 1.2rem 2rem;}
	.event-box {padding: 0 0 0;margin: 0;position: relative;display: flex;transition: 500ms ease;max-width: none;}
	.event-box:nth-child(3) {grid-area: top-right;}
	.event-box:nth-child(4) {grid-area: middle-right;}
	.event-box:nth-child(5) { grid-area: bottom-right; }
	.event-box:hover {transform: translateY(-0.5rem);box-shadow: 0px 0.2rem 0.2rem rgba(0,0,0,0.5);}	
	.event-box:hover .event-info {background: var(--btn-blue);background: #B3DAFF;}
	.event-image {display: block;min-width: 6rem;background-image: url(../images/event-placeholder-img.jpg);background-repeat: no-repeat;background-position: center;background-size: contain;background-color: #bbdfff;}
	.event-image img {width: 100%;max-width: 8rem;min-height: 100%;}
	.event-info {padding: 0.75rem 0.8rem 1rem;} 
	.event-info:after {content: url(../images/annual-event-info-right-caret.svg);position: absolute;top: 0;right: 0;bottom: 0;left: calc(100% - 2rem);width: 2rem;margin: auto;display: flex;justify-content: center;align-items: center;background: #B3DAFF;transition: 500ms ease;opacity: 0;}
	.event-box:hover .event-info:after {opacity: 1;}
	.event-title {margin-bottom: 0.9rem;display: inline-block;}
	.event-title.title-underline-diamond:before { height: 0.9rem; }
	.event-title.title-underline-diamond:after {bottom: calc((0.9rem / -2) - 1px);}
	.event-title-height-limiter {}
	.right-side-events-home { padding-right: 1em;}
	
	/* Annual Event */
	.annual-event-box {grid-area: left;margin: 0;height: auto;max-height: none;}
	.annual-event-box .event-image {width: 38.4rem;min-width: 16.2rem;max-width: 100%;}
	.annual-event-box .event-info {padding: 0 0 0;min-height: 6.5rem;top: auto;transition: 500ms ease;}
	.annual-event-box .event-title-container { min-height: 6.5rem; }
	.annual-event-box .event-title-height-limiter { max-height: none; overflow: visible; }
	.annual-event-box .event-date-container {min-height: 6.5rem;width: 100%;max-width: 6.5rem;transition: 500ms ease;}
	.annual-event-box:hover .event-date-container {background: #B3DAFF;}
	.events-section-view-all-container {position: absolute;top: 1.8rem;right: 2rem;padding: 0;line-height: 1;display: flex;}	
	.events-section-view-all {display: inline-block;}
	.events-section-view-all:first-of-type {margin: 0 1.5rem 0 0;position: relative;}
	.events-section-view-all:first-of-type:after {content: '';position: absolute;top: 0;right: -0.75rem;bottom: 0;width: 1px;background: var(--primary-color);height: 1.6rem;margin: auto;}
}

@media (min-width: 68.5em) {
	.events-section-title {margin-bottom: 2.4rem;}
	.events-section-title.title-underline-diamond:before { height: 2.4rem; }
	.events-section-title.title-underline-diamond:after {bottom: calc((2.4rem / -2) - 1px);}
}

@media (min-width: 75em) {
	.events-section {padding-right: var(--contain-padding);padding-left: var(--contain-padding);}
	.event-image {min-width: 8rem;}
}

@media (min-width: 82.5em) {
	.events-section-view-all { margin: 0 3.2rem 0 0; }
	.events-section-view-all:after { right: -1.6rem; }
}

@media (min-width: 112.5em) {
	.events-section { padding-right: calc(50% - 42.5rem); padding-left: calc(50% - 42.5rem); }
}


/*--------------------------------------------------------------
# About the Organization
--------------------------------------------------------------*/
.about-the-org-section { max-width: 52rem;margin-top: clamp(1.6rem,4.2vw,2.4rem);margin-right: clamp(1.5rem,6vw,3rem);margin-bottom: clamp(2rem,6.9vw,4.6rem);margin-left: clamp(1.5rem,6vw,3rem);}
.about-the-org-img { text-align: center; }
.about-the-org-img-btn {justify-content: center;margin-top: clamp(1rem,2.3vw,1.3rem);}

@media (min-width: 68.5em) {
	.about-the-org-section { display: flex; }
	.about-the-org-text-col {width: 73%;max-width: 38rem;padding-top: 1.6rem;padding-right: 1.7rem;}
	.about-the-org-img-col { width: 27%; max-width: 14rem; }
	.about-the-org-img-btn .wp-block-button__link {white-space: nowrap;}
}

@media (min-width: 72.5em) { /* 1160px */
	.about-the-org-section {margin-right: auto;margin-left: auto;}
}


/*--------------------------------------------------------------
# Educational Resources
--------------------------------------------------------------*/
:root { 
	--icons-container-height: clamp(2.9rem,6.8vw,3.7rem);
	--icons-container-width: clamp(3rem,6.8vw,3.8rem);
}

.edu-res-section.wp-block-cover { align-items: flex-start; padding-top: clamp(1.6rem,8.2vw,4.5rem); padding-right: clamp(1.2rem,5.5vw,3rem); padding-bottom: clamp(3.25rem,18.1vw,9.9rem); padding-left: clamp(1.2rem,5.5vw,3rem); }
.edu-res-title.wp-block-heading {font-size: clamp(1.3rem,6vw,2rem) !important;}
.edu-res-text {max-width: 35rem !important;margin: 0 auto clamp(2.5rem,9.1vw,5rem);text-align: center;}
.edu-res-bg-icon-top {position: absolute;top: 0;left: 0;width: clamp(8.4rem,30.3vw,20rem);margin: 0;z-index: 0;} 
.edu-res-bg-icon-bottom {position: absolute;bottom: 0;right: 0;width: clamp(8.4rem,30.3vw,20rem);margin: 0;z-index: 0;}
.edu-res-link-box-container {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 2.5rem 0;max-width: 66.4rem;margin: auto;}
.edu-res-link-box {display: flex;justify-content: center;align-items: center;z-index: 1;width: 100%;border-radius: 4px;position: relative;min-height: clamp(8rem,21.9vw,12rem);max-width: 21rem;margin: 0 auto;}
.edu-res-link-box.courses-link-box {background: rgba(0, 142, 60, 0.70);outline-color: var(--course-green);outline-width: 1px;outline-offset: 0;} 
.edu-res-link-box.webinars-link-box {background: rgba(0, 114, 163, 0.70);outline-color: var(--webinar-blue);outline-width: 1px;outline-offset: 0;} 
.edu-res-link-box.scholarships-link-box {background: rgba(128, 40, 114, 0.70);outline-color: var(--scholar-pink);outline-width: 1px;outline-offset: 0;}
.edu-res-link-box-title {font-size: clamp(1.3rem,3.4vw,2rem);margin: 0;}
.edu-res-link-box-title svg {margin-left: clamp(0.4rem,1.1vw,0.6rem);height: clamp(0.8rem,1.8vw,1rem);}
.edu-res-link-box-icons-container {display: flex;justify-content: flex-start;align-items: center;gap: 0 0.75rem;position: absolute;top: calc( ((var(--icons-container-height)) / -2) - 0.1rem );left: 1.2rem;padding-right: clamp(0.6rem,1.8vw,1.2rem);}
.edu-res-link-box-icons-container:after {content: '';position: absolute;right: 0;bottom: calc( ((var(--icons-container-height)) / 2) - 0.15rem );left: 0;height: 2px;z-index: 0;}
.courses-link-box .edu-res-link-box-icons-container:after {background: rgba(0, 142, 60, 0.75);}
.webinars-link-box .edu-res-link-box-icons-container:after {background: rgba(0, 114, 163, 0.6);}
.scholarships-link-box .edu-res-link-box-icons-container:after {background: rgba(128, 40, 114, 1);}
.edu-res-link-box-diamond-icon {margin: 0;line-height: 1;z-index: 1;}
.edu-res-link-box-icon {margin: 0;z-index: 1; }
.edu-res-link-box-icon svg {height: var(--icons-container-height);/* width: var(--icons-container-width); */}

@media (min-width: 58.5em) {
	.edu-res-link-box-container { gap: 0 clamp(1rem,4vw,3.2rem); flex-wrap: nowrap; }
	.edu-res-link-box { width: calc(100% / 3); }
}

@media (min-width: 68.5em) {
	.edu-res-link-box.courses-link-box:hover {background: rgba(0, 142, 60, 1);}
	.courses-link-box .edu-res-link-box-icons-container:hover:after { background: rgba(0, 142, 60, 1); }
	.edu-res-link-box.webinars-link-box:hover {background: rgba(0, 114, 163, 1);}
	.webinars-link-box .edu-res-link-box-icons-container:hover:after { background: rgba(0, 114, 163, 1); }
	.edu-res-link-box.scholarships-link-box:hover {background: rgba(128, 40, 114, 1);}
	.edu-res-link-box-icon svg { transition: 300ms ease; }
	.edu-res-link-box:hover .edu-res-link-box-icon svg {transform: scale(1.2);transition: 300ms ease; }
	.edu-res-link-box-title svg { transition: 300ms ease; }
	.edu-res-link-box:hover .edu-res-link-box-title svg {transform: translateX(10px);}
}

@media (min-width: 92em) { /* 1472px */
	.edu-res-section.wp-block-cover { padding-right: calc(50% - 33.2rem); padding-left: calc(50% - 33.2rem); }
}








/**
 * NOTE: If map and/or contact form styling appears on secondary pages, place styles in style.css
 */