/*
Theme Name:		EmployIndy
Author:			801red
Author URI: 	http://www.801red.com
Version: 		1.0
Text Domain: 	employindy
*/

/* IMPORTS */
@import url(assets/css/reset.css);

/* Improved Animations Stylesheet from https://element.how/elementor-improve-entrance-animations/ , works for the 'fade' animations */
@keyframes fadeDown {from {opacity: 0;transform: translate3d(0,-30px,0) }to {opacity: 1;transform: none }}.elementor-element.fadeInDown {animation-name: fadeDown }@keyframes fadeLeft {from {opacity: 0;transform: translate3d(-30px,0,0) }to {opacity: 1;transform: none }}.elementor-element.fadeInLeft {animation-name: fadeLeft }@keyframes fadeRight {from {opacity: 0;transform: translate3d(30px,0,0) }to {opacity: 1;transform: none }}.elementor-element.fadeInRight {animation-name: fadeRight }@keyframes fadeUp {from {opacity: 0;transform: translate3d(0,30px,0) }to {opacity: 1;transform: none }}.elementor-element.fadeInUp {animation-name: fadeUp }


/* Kylan asked to hide the menu on the Event submission page 9/17/25
"I'm fine if we just hide the fucking menu"
*/
.tribe_community_edit #megamenu {
	display: none;
}
.tribe_community_edit #search {
	margin-left: auto;
}


/**
 * 1.0 Global
 * ----------------------------------------------------------------------------- */
 
/* INNER BOX PADDING FOR RESPONSIVE COLUMNS */
* {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */	
}


/* BASIC SETUP */
body {
	font-size:14px;
}
body:not(.elementor-editor-active) .elementor-menu-anchor:before {
    content: "";
    display:block;
    height: 96px; /* fixed header height*/
    margin: -96px 0 0; /* negative fixed header height */
    visibility: hidden;
    pointer-events: none;
}

/* TYPOGRAPHY */

/* Headings */
h1, h2, h3, h4, h5, h6, p {
	margin:0 0 12px;
	padding:0;
}
h1, h1 a {
}
h2, h2 a {
}
h3 {
}
h4 {
}
h5 {
}
h6 {
}

/* Text elements */
p {
}
p, li {
}
strong, .bold { font-weight:700; }
em { font-style:italic; }
p:last-child { margin-bottom:0; }
a,
a:focus {
	outline:none;
}
a:hover {
}
a[href^="tel:"] {
}
ul, ol {
	margin: 0 0 1.5em 3em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}
blockquote p:before { content: open-quote; }
blockquote p:after { content: close-quote; }
blockquote {
}



/* TABLES */
table { width:100%; }
tr { height:40; }
th { vertical-align:middle; text-align:right; padding:0 10; }
td { padding:6px; }
table.lined td { border-bottom:1px dotted #ddd; }	



/* FORMS */
input:not([type=checkbox]):not([type=radio]), textarea {
	border:solid 1px #999;;
	width:100%;
	padding:6px;
}
input.radio { width:auto; }


/* Ninja Forms */

.nf-after-field {
	margin-top: 20px;
}
.nf-response-msg {
	text-align: center;
}


/* Custom Forms */
.custom-form input:not([type=checkbox]):not([type=radio]),
.custom-form select,
.custom-form textarea {
    padding: 16px 17px;
    border-radius: var(--radius-small, 8px);
    border: none;
    background: var(--Blue-Background, #F7F9FC);
}
.custom-form ::placeholder,
.custom-form ::-webkit-input-placeholder,
.custom-form input[placeholder],
.custom-form select,
.custom-form textarea {
    color: var(--blue-half-tone, #767B82);
    font-family: var(--text-small-font-family, Inter);
    font-size: var(--text-small-font-size, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 128.571% */
    letter-spacing: var(--text-small-letter-spacing, 0px);
    opacity: .8;
}
.custom-form input[type=submit] {
    border-radius: var(--radius-round, 99999px) !important;
    border: var(--border-width-main, 1.5px) solid var( --e-global-color-accent ) !important;
    background: var( --e-global-color-accent ) !important;
    padding: var(--size-05, 8px) var(--size-15, 24px) !important;
    color: var(--button-primary-text, #0E2749) !important;
    font-family: var(--text-main-font-family, Inter) !important;
    font-size: var(--text-main-font-size, 16px) !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: var(--text-main-line-height, 24px) !important; /* 150% */
    letter-spacing: var(--text-main-letter-spacing, 0px);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.custom-form input[type=submit]:hover {
    color: #FFF !important;
    border-color: #0E2749 !important;
    background-color: #0E2749 !important;
}
/* TAGS */
.overlay { position:relative; }
.overlay > div { position:relative; z-index:9; }
.overlay::after {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
	content:'';
	background-color:rgba(0,0,0,.4);
}
.blue-yellow-gradient::before,
.blue-yellow-gradient::after,
.board-member .elementor-cta__bg.elementor-bg::before,
.board-member .elementor-cta__bg.elementor-bg::after {
    position: absolute;
    top: 0;
    width: 50% !important;
    height: 100%;
    content: '' !important;
    z-index: 9;
    opacity: .5;
}
.board-member .elementor-cta__bg.elementor-bg::before,
.blue-yellow-gradient::before {
    background: -o-linear-gradient(45deg,  rgba(14,39,73,1) 0%,rgba(14,39,73,0) 50%);
    background: linear-gradient(45deg,  rgba(14,39,73,1) 0%,rgba(14,39,73,0) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    left: 0;
}
.board-member .elementor-cta__bg.elementor-bg::after,
.blue-yellow-gradient::after {
    background: -o-linear-gradient(45deg,  rgba(251,223,68,0) 50%,rgba(251,223,68,1) 100%);
    background: linear-gradient(45deg,  rgba(251,223,68,0) 50%,rgba(251,223,68,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    right: 0;
}
.blue-yellow-gradient.dark::before,
.blue-yellow-gradient.dark::after {
    opacity: 1;
    width: 100% !important;
    border-radius: 16px;
}
.blue-yellow-gradient.dark::before {
    background: -o-linear-gradient(45deg,  rgba(14,39,73,1) 0%,rgba(14,39,73,0) 100%);
    background: linear-gradient(45deg,  rgba(14,39,73,1) 0%,rgba(14,39,73,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    left: 0;
}
.blue-yellow-gradient.dark::after {
    background: -o-linear-gradient(45deg,  rgba(251,223,68,0) 50%,rgba(251,223,68,1) 100%);
    background: linear-gradient(45deg,  rgba(251,223,68,0) 50%,rgba(251,223,68,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    right: 0;
    opacity: .5;
}
.blue-radial::before {
	position:absolute !important;
	top: calc(-100% - 4em) !important;
    left:0 !important;
	width:100% !important;
	height: 800px !important;
	content:'' !important;
    background: radial-gradient(32.82% 28.59% at 50% 50%, rgba(14, 39, 73, 0.75) 0%, rgba(14, 39, 73, 0.00) 100%);
}
.blue-radial > div {
    z-index: 9;
}
.yellow-gradient > div::after {
    position: absolute;
    top: 0;
    width: 100% !important;
    height: 100%;
    content: '' !important;
    z-index: 9;
    border-radius: 16px;
}
.yellow-gradient > div::after {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fbdf44+0,fbdf44+100&0+0,1+100 */
    background: linear-gradient(45deg,  rgba(251,223,68,0) 0%,rgba(251,223,68,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    top: 0;
    right: 0;
}
.yellow-gradient > div::after {
    opacity: .3;
}

.success-stories-gradient::before {
	position:absolute !important;
	top:0 !important; left:0 !important;
	width:100% !important;
	height:100% !important;
	content:'' !important;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0e2749+28,fbdf44+100&0.66+0,0.25+100 */
    background: linear-gradient(45deg,  rgba(14,39,73,0.66) 0%,rgba(14,39,73,0.55) 28%,rgba(251,223,68,0.25) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.success-stories-gradient.home::before {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0e2749+60,fbdf44+100&0.75+0,0.05+100 */
    background: linear-gradient(45deg,  rgba(14,39,73,0.75) 0%,rgba(14,39,73,0.33) 60%,rgba(251,223,68,0.05) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 
}



/**
 * 2.0 Layout
 * ----------------------------------------------------------------------------- */

.flex-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.flex-container.justify {
	-webkit-box-pack:justify;
	    -ms-flex-pack:justify;
	        justify-content:space-between;
}
.flex-container.justify-left {
	-webkit-box-pack:start;
	    -ms-flex-pack:start;
	        justify-content:flex-start;
}
.flex-container.justify-center {
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
}
.flex-container.justify-right {
	-webkit-box-pack:end;
	    -ms-flex-pack:end;
	        justify-content:flex-end;
}
.flex-container.align-top {
	-webkit-box-align:start;
	    -ms-flex-align:start;
	        align-items:flex-start;
}
.flex-container.align-center {
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
}
.flex-container.align-bottom {
	-webkit-box-align:end;
		-ms-flex-align:end;
			align-items:flex-end;
}
.flex-container.wrap {
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
}
.flex-container.column {
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
}
.grid {
	max-width:1200px;
	margin:auto;
}
.elementor-icon-wrapper {
	line-height: 0 !important;
}







/**
 * 3.0 Header
 * ----------------------------------------------------------------------------- */

/**
 * 4.0 Navigation
 * ----------------------------------------------------------------------------- */

.jet-mega-menu-mega-container__inner {
	padding: 0 !important;
    margin-top: 12px !important;
}
#megamenu nav > ul > li {
    padding: 8px !important;
    display: flex;
}
#megamenu nav > ul > li div[aria-expanded='true'] .jet-mega-menu-item__title,
#megamenu nav > ul > li div[aria-expanded='true'] .jet-mega-menu-item__dropdown {
    color: #004FE1 !important;
}
#megamenu .jet-mega-menu-mega-container,
#megamenu nav > ul > li i {
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#megamenu .menu-box.overflow svg {
    overflow: visible;
}
#megamenu .menu-box svg .cls-4 {
	clip-path: border-box !important;
}
#megamenu .menu-box svg .none {
    fill: none;
}
#megamenu .menu-box svg .blue {
    fill: #0e2749;
}
#megamenu .menu-box svg .teal {
    fill: #3bbdb2;
}
#megamenu .menu-box svg * {
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#megamenu .menu-box .fade {
	opacity: 0;
}
#megamenu .menu-box:hover .fade {
    opacity: 0;
    animation-name: showstar;
    animation-duration: 0.8s;
    animation-delay: .1s;
    animation-fill-mode: forwards;
}
#megamenu .menu-box:hover .fade.two {
    animation-delay: .5s;
}
#megamenu .menu-box:hover .fade.three {
    animation-delay: .75s;
}

@keyframes showstar {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
#megamenu .menu-box.rotate:hover a  {
    transform: rotate(180deg);
    transform-origin: center;
}
#megamenu .menu-box:hover .fadeout {
	opacity: 1;
    animation-name: fadeout;
    animation-duration: 3s;
    animation-delay: .1s;
    animation-fill-mode: forwards;
}
@keyframes fadeout {
    0% {
        opacity: 1;
    }
    20% {
        opacity: 0;
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
#megamenu .menu-box:hover .rotate-move {
    animation-name: rotateMove;
    animation-duration: 2s;
    animation-delay: .2s;
    animation-fill-mode: forwards;
}
@keyframes rotateMove {
    0% {
        transform: rotate(0deg) translateX(0px);
    }
    50% {
        transform: rotate(0deg) translateY(-10px);
    }
    100% {
        transform: rotate(0deg) translateX(0px);
    }
}



.menu-box a:after { content: ''; display: block !IMPORTANT; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } 



#search {
	position: relative;
    left: 0;
	z-index: 99;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#search.active {
	left: 30px;
}
#search.active .elementor-icon {
    font-size: 16px;
}
#searchbox input {
	max-width: 0;
	padding: 0;
    opacity: 0;
	border: solid 1px rgba(14,39,73,0) !important;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#searchbox.active input {
	max-width: 250px;
    opacity: 1;
	padding: 10px 12px 10px 35px;
	border: solid 1px rgba(14,39,73,1) !important;
}




/* FAQs */
.faq-header {
    cursor: pointer;
}
.faq-header i {
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.faq-header.active i {
    color: var( --e-global-color-accent );
}
 /* NEW FAQ BLOCK */
.faq-block summary {
	display: flex !important;
	justify-content: space-between !important;
}
.faq-block details {
    border-bottom: solid 1px rgb(118, 123, 130);
}


/* MAIN NAVIGATION */


/* WIDGETS */
 





/**
 * 6.0 Content
 * ----------------------------------------------------------------------------- */

/*=========================
	HOME PAGE
=========================*/

.tab-buttons {
	border: solid 1px #FFF;
	border-radius: 50px !important;
	width: auto !important;
	display: flex !important;
	align-self: center !important;
}
div[id^="lock-section-"] {
    z-index: 99;
}
.arch-bg::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(83deg, #0E2749 7.78%, rgba(14, 39, 73, 0.00) 94.29%);
}
.card h5 {
    margin-bottom: 0;
}
.card .jet-listing-dynamic-field__inline-wrap {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse;
}
.card .jet-listing-dynamic-field__icon {
	margin: 0 10px;
}
.card {
    z-index: 99;
}
.card .icon {
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.card:hover .icon {
    opacity: 1;
}
.success-stories-carousel .jet-slick-dots {
	position: absolute;
	z-index: 99;
	bottom: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: auto;
	height: auto;
	padding: 17px 21px;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
    border-radius: var(--radius-round, 99999px);
    background: #FFF;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(167, 198, 228, 0.45);
            box-shadow: 0px 0px 20px 0px rgba(167, 198, 228, 0.45);
    margin: 0 !important;
}
.success-stories-carousel .jet-slick-dots li {
	width: 6px !important;
	height: 6px !important;
	background-color: rgba(53, 50, 51, 0.10) !important;
    margin: 4px !important;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border-radius: 30px;
}
.success-stories-carousel .jet-slick-dots li.slick-active {
	width: 23px !important;
	height: 6px !important;
	background-color: rgba(167, 198, 228, 1) !important;
}


#our-impact::after {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100% !important;
    height: 10%;
    content: '' !important;
    z-index: 9;
}
.impact-card .icon .elementor-icon {
	border: solid 14px white !important;
	border-radius: 100%;
	background: #FFF;
	box-shadow: 0px 0px 25px 10px rgba(167, 198, 228, 0.50);
    height: 43px;
    width: 43px;
}
.impact-card .icon .elementor-icon:hover,
.impact-card.active .icon .elementor-icon {
	border: solid 9.5px white !important;
}
.impact-card .icon .elementor-icon svg {
    transform-origin: center;
}
.impact-card .icon .elementor-icon:hover svg,
.impact-card.active .icon .elementor-icon svg {
    height: 24px !important;
    width: 24px;
}
body:not(.elementor-editor-active) .impact-card .card {
    opacity: 0;
    top: -10px;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
body:not(.elementor-editor-active) .impact-card.active .card {
    opacity: 1;
    top: 0;
}
#events .hosted-by .jet-listing-dynamic-field__content {
	display: flex;
	max-width: 100%;
}
#events .host-images .jet-listing-grid__item:not(:first-child) {
	margin-left: -10px;
}
#events .hosted-by .jet-listing-dynamic-field__content a {
    color: #767B82;
}
#events .featured-event .hosted-by .jet-listing-dynamic-field__content a {
    color: #FFF;
}


/*===============================
	BOARD OF DIRECTORS PAGE
===============================*/

.board-member .elementor-cta__bg.elementor-bg {
	border-radius: 16px;
	margin-bottom: 16px;
}
.board-member .elementor-cta__bg.elementor-bg::before {
    border-radius: 16px 0 0 16px;
}
.board-member .elementor-cta__bg.elementor-bg::after {
    border-radius: 0 16px 16px 0;
}



/*=========================
	SERVICES PAGE
=========================*/

.services-filter fieldset,
.goals-tabs .e-n-tabs-heading {
	display: flex;
	padding: 5px 10px 8px 6px !important;
	background-color: #FFF;
	border-radius: 50px;
	border: 1px solid var(--blue-light, #A7C6E4) !important;
	box-shadow: 0px 0px 30px 0px rgba(167, 198, 228, 0.20);
}
.services-filter .jet-radio-list__row.jet-filter-row {
	margin-bottom: 0 !important;
	flex: 2 1 auto;
}
.services-filter .jet-radio-list__button {
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
#services-grid .jet-listing-grid__item {
    position: relative;
}
#services-grid .jet-listing-grid__item:nth-of-type(odd)::after {
	position: absolute;
    content: '';
	height: 100%;
	right: 0;
	top: 0;
	width: 1px;
	z-index: 9;
    opacity: .5;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#225daf+0,225daf+50,225daf+100&0+0,1+50,0+100 */
    background: linear-gradient(to bottom,  rgba(34,93,175,0) 0%,rgba(34,93,175,1) 50%,rgba(34,93,175,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#services-grid .jet-listing-grid__items > div:not(:nth-last-child(-n+2)) {
	border-bottom: solid 1px #5A8AB6;
}


#map-wrapper {
	height: 1000px !important;
}
#map-wrapper .results {
    overflow: scroll;
}


/* Service Cards */
.employer-resource .jet-listing-grid__items,
.service-card .jet-listing.jet-listing-dynamic-terms {
	flex-wrap: nowrap !important;
	display: flex;
    overflow-y: scroll;
}
.employer-resource .jet-listing-grid__items::after,
.service-card .jet-listing.jet-listing-dynamic-terms::after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 100%;
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
}
.service-card .jet-listing-dynamic-terms__link {
	display: flex;
	white-space: pre;
}
.service-card-title .elementor-button-text span {
	white-space: nowrap;
}
.service-card-title .elementor-button-text span::after {
	font-family: 'Font Awesome 6 Pro';
	content: '\f08e';
	font-weight: 900;
	display: inline-block;
    color: #004FE1;
    font-size: 16px;
    margin-left: 10px;
}
.service-card .hidden-map-link {
	background-color: transparent;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	height: 100%;
	border-radius: 16px;
}



/*=========================
	RECENT NEWS
=========================*/

.search-posts .jet-search-filter {
	position: relative;
}
.search-posts .jet-search-filter__submit.apply-filters__button {
	position: absolute;
	top: 50%;
	right: 12px;
	margin: 0;
	transform: translateY(-50%);
	border: none;
	background-color: #FBDF44;
	padding: 2px;
	border-radius: 100%;
	width: 30px;
	height: 30px;
}


/*=============================
	SINGLE POST TEMPLATE
=============================*/

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h5,
.post-content p {
    margin-bottom: 48px !important;
}




/*=========================
	FUNDERS
=========================*/

.funders-grid .gallery {
	border-radius: 16px;
    padding: 0 !important;
}
.funders-grid .gallery .gallery-item {
	border: solid 1px #A7C6E4;
    height: 300px;
	margin: 0 !important;
}
.funders-grid .gallery .gallery-item:first-child {
	border-radius: 15px 0 0 0;
}
.funders-grid .gallery .gallery-item:nth-child(4) {
	border-radius: 0 15px 0 0;
}
.funders-grid .gallery .gallery-item:nth-last-child(4) {
	border-radius: 0 0 15px 0;
}
.funders-grid .gallery .gallery-item:nth-last-child(2) {
	border-radius: 0 0 0 15px;
}

.funders-grid .gallery .gallery-icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
    height: 100%;
}
.funders-grid .gallery img {
	border: none !important;
	max-width: 234px;
	max-height: 234px;
}


/*=========================
	ABOUT EMPLOYINDY
=========================*/

.external-link-list .elementor-icon-list-item a {
	flex-direction: row-reverse;
	justify-content: space-between !important;
	display: flex;
}
.external-link-list .elementor-icon-list-item a:hover .elementor-icon-list-icon {
    transform: translateY(-10px);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.external-link-list .elementor-icon-list-item a:hover .elementor-icon-list-icon path {
    fill: #3BBDB2;
}
.external-link-list .elementor-icon-list-item .elementor-icon-list-icon + .elementor-icon-list-text {
	align-self: flex-start;
	padding-inline-start: 0;
}


/*=========================
	EVENTS & PARTNERS
=========================*/

#events #break_months h4.jet-engine-break-listing {
	color: var(--blue-half-tone, #767B82);
	font-family: var(--h6-font-family, Inter);
	font-size: var(--h6-font-size, 16px);
	font-style: normal;
	font-weight: 500;
	line-height: var(--h6-line-height, 20px);
	text-transform: capitalize;
	margin: 24px 0;
	position: relative;
}
#events #break_months h4.jet-engine-break-listing::after {
	content: '';
	background-color: #3532331A;
	height: 1px;
	position: absolute;
	width: calc(100% - 170px);
	top: 50%;
	display: block;
	margin-left: 120px;
}


/*=========================
	SINGLE EVENT
=========================*/

.norsvp .left-column, .virtual .left-column {
	padding-right: 140px;
}


/*=========================
	EVENT SUBMISSION
=========================*/

#tribe-events-pg-template {
	padding: 4em 2em;
}
#tribe-community-events {
    display: flex;
    max-width: 750px;
    padding: 80px 64px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0 0 30px 0 rgba(167, 198, 228, 0.20);
    margin: auto;
    border: none !important;
}
#tribe-community-events .my-events-header {
	width: 100%;
}
#tribe-community-events .tribe-community-events .tribe-section {
	border-radius: 12px !important;
}
#tribe-community-events input:not([type="submit"]),
#tribe-community-events .select2-container--default .select2-selection--multiple,
#tribe-community-events .select2-container--default .select2-selection--single,
#tribe-community-events textarea {
    border-radius: var(--radius-small, 8px);
    background: var(--Blue-Background, #F7F9FC);
}
#tribe-community-events input[type="submit"] {
	display: flex;
	padding: 16px 131px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	border-radius: var(--radius-small, 8px);
	background: var(--brand, #FBDF44);
	margin: 0;
	width: 100%;
	border: none;
    color: var(--theme-text, #0E2749);
    font-family: var(--text-main-font-family, Inter);
    font-size: var(--text-main-font-size, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--text-main-line-height, 24px); /* 150% */
    letter-spacing: var(--text-main-letter-spacing, 0);
    text-transform: capitalize;
}
#tribe-community-events .button {
	border: none;
}
#tribe-community-events h2 {
    color: var(--theme-text, #0E2749);
    font-family: var(--h4-font-family, Inter);
    font-size: var(--h4-font-size, 32px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--h4-line-height, 40px); /* 125% */
    letter-spacing: var(--h4-letter-spacing, -1.5px);
}
#tribe-community-events h3,
#tribe-community-events label {
    color: var(--blue-half-tone, #767B82);
    font-family: var(--h6-font-family, Inter);
    font-size: var(--h6-font-size, 16px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--h6-line-height, 20px); /* 125% */
    text-transform: capitalize;
    letter-spacing: normal;
}


/*==============================
	SINGLE SUCCESS STORY
==============================*/

#breadcrumbs > span {
	gap: 20px;
	display: flex;
	align-items: flex-start;
}
#breadcrumbs > span span:first-child,
#breadcrumbs > span i:nth-child(2) {
    display: none;
}


/*=========================
	EMPLOYER RESOURCES
=========================*/

.resource-tag {
	width: fit-content;
	margin: 0;
}
.resource-category-grid .jet-listing-grid__items {
	display: flex !important;
}
.employer-resource .jet-listing-grid__items {
	column-count: revert !important;
	--columns: revert !important;
}
.employer-resource .jet-listing-grid__items::after {
	right: -6px;
}
.employer-resource .jet-listing-grid__item {
	max-width: 100% !important;
	width: 100%;
	min-width: max-content !important;
}
.employer-resource .jet-listing-grid__item .elementor-widget-jet-listing-dynamic-image {
	flex: 0 0 25px;
}

/*====================================
	CONTRACT OPPORTUNITIES PAGE
====================================*/

.contract-wrapper .Open svg {
	fill: green !important;
}
.contract-wrapper .Closed svg {
	fill: red !important;
}
.contract-filter {
	width: auto;
	display: inline-flex;
	margin: auto !important;
}
.contract-filter .jet-radio-list-wrapper {
	border-radius: var(--radius-round, 99999px);
	border: 1px solid var(--blue-light, #A7C6E4);
	background: #FFF;
	box-shadow: 0 0 30px 0 rgba(167, 198, 228, 0.20);
	padding: 5px 10px 5px 6px;
}
.contract-filter .jet-radio-list__row {
    margin: 0 !important;
    padding: 0 !important;
}
.table-wrapper {
	width: 100%;
	padding: 32px 24px 64px;
	background-color: #FFF;
	border-radius: 16px;
	margin-bottom: 32px;
	margin-top: 64px;
	position: relative;
}
.table-wrapper .jet-engine-break-listing {
	position: absolute;
	top: -60px;
	font-size: 48px;
}
.table-wrapper .jet-listing-grid__item:not(:last-of-type) {
    border-bottom: solid 1px #F7F9FC;
}

/*============================================
	Strategic Goals & Initiatives Page
============================================*/


.goals-tabs .e-n-tabs-heading {
	width: fit-content;
	margin: auto;
}


/* WORDPRESS */
.widgets, .widget ul { list-style: none; margin: 0; padding: 0; }
.alignleft { float: left; margin: 0 20px 0 0; }
.alignright { float: right; margin: 0 0 0 20px; }
.aligncenter { display: block; margin: 0 auto; }
p.postmetadata {}
.byline {}


/* SOCIAL ICONS */

/* BUTTONS */


.invisible-button, .invisible-button div, .invisible-button a {
	position: absolute !important;
	width: 100% !important;
	height: 100% !important;
	z-index: 9 !important;
    text-indent: -9999px !important;
    left: 0;
    top: 0;
}

.gradient-hover a {
	padding: 16px 0;
	display: inline-flex;
	width: 100%;
	justify-content: flex-start;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.gradient-hover a * {
    position: relative;
    z-index: 9;
}
.gradient-hover a::before {
	background-image: linear-gradient(to right, rgba(251,223,68,1) 0%,rgba(251,223,68,0) 100%);
	background-size: 0 100%;
	background-repeat: no-repeat;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border-radius: 0 0 16px 16px;
	position: absolute !important;
	width: calc(100% + 48px) !important;
	height: calc(100% + 16px) !important;
	z-index: 9 !important;
	text-indent: -9999px !important;
	left: -24px;
	top: 0;
	content: '';
	bottom: 0;
}
.gradient-hover a:hover::before {
	padding: 0;
	background-size: 100% 100%;
}
.Pending > div > div:last-child,
.Closed > div > div:last-child {
	opacity: .5;
	pointer-events: none;
}


/**
 * 7.0 Footer
 * ----------------------------------------------------------------------------- */

/* FOOTER */

.newsletter .nf-form-fields-required {
    display: none;
}
.newsletter.standard nf-rows-wrap {
	display: flex;
}
.newsletter input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]) {
	border-radius: var(--radius-main, 16px);
	border: 0.75px solid var(--blue-light, #A7C6E4) !important;
	display: flex;
	width: 325px;
	height: 50px;
	padding: 8px 17px;
	align-items: center;
	gap: 10px;
	background-color: #FFF;
	max-width: 425px;
}
.newsletter.footer input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]) {
	background-color: transparent;
    color: #FFF;
}
.newsletter input::placeholder {
    color: var(--blue-half-tone, #767B82);
    font-family: var(--text-small-font-family, Inter);
    font-size: var(--text-small-font-size, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 128.571% */
    letter-spacing: var(--text-small-letter-spacing, 0);
}
.newsletter input[type="submit"] {
	font-family: "Inter", Sans-serif;
	font-size: 16px;
	font-weight: 500;
	fill: var( --e-global-color-primary );
	color: var( --e-global-color-primary );
	background-color: var( --e-global-color-accent );
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: var( --e-global-color-accent );
	border-radius: 30px 30px 30px 30px;
	padding: 14px 24px 14px 24px;
}
.newsletter.standard input[type="submit"] {
	background-color: var( --e-global-color-primary );
    color: #FFF;
}
.newsletter input[type="submit"]:hover {
	background-color: #FFF;
	color: var( --e-global-color-primary );
	border-color: #FFF;
}
.newsletter .nf-response-msg {
	color: #FFF;
	margin-top: 40px;
	text-align: left;
}



/* COLOPHON */

/**
 * 8.0 Responsive
 * ----------------------------------------------------------------------------- */

@media all and (max-width: 1060) {
}
@media all and (max-width: 767px) {
    .custom-form input[type="submit"] {
        width: 100%;
    }    
    .gradient-hover a::before {
        left: -16px;
    }
    .impact-card {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
    }
    body:not(.elementor-editor-active) .impact-card .card {
        opacity: 1;
    }
    .mobile-filters {
        position: relative !important;
        height: 70px !important;
        width: 100% !important;
    }
    .mobile-filters::after {
        content: '' !important;
        position: absolute!important;
        width: 30% !important;
        height: inherit !important;
        z-index: 99 !important;
        background: linear-gradient(45deg, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        right: 0;
    }
    .norsvp .left-column, .virtual .left-column {
        padding-right: 0;
    }
    .table-wrapper {
        padding: 0;
        background-color: transparent;
    }
    #breadcrumbs > span i {
        line-height: 48px;
    }
    
}
@media all and (max-width: 568px) {
}
@media all and (max-width: 340px) {
}

/*****
Mobile Menu
*****/

@keyframes fadein{
    0% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes fadein{
    0% { opacity:0; }
    100% { opacity:1; }
} 

@media screen and (max-width: 768px){
    
    .popup-wrapper .dialog-message::before,
    .jet-mobile-menu__container-inner::before {
        position: absolute;
        left: 0;
        content: '';
        width: 10vw;
        height: 20vw;
        background-image: url("assets/images/FA-Navigation-Blob.svg");
        background-position: bottom right;
        background-size: 400%;
        z-index: 1;
        background-repeat: no-repeat;
    }
    .mobile-menu .popup-wrapper:not(.iam) .dialog-message::after,
    .mobile-menu .popup-wrapper.iam .jet-custom-nav__mega-sub::after,
    .mobile-menu .jet-mobile-menu__container-inner::after {
        position: absolute;
        bottom: 0;
        right: 0;
        content: '';
        width: 10vw;
        height: 20vw;
        background-image: url("assets/images/FA-Navigation-Blob.svg");
        background-position: top left;
        background-size: 400%;
        z-index: 1;
        background-repeat: no-repeat;
    }
    .mobile-menu .jet-mobile-menu__container-inner::before {
        width: 40vw;
        height: 30vw;
        left: 0;
        top: 0;
    }
    .mobile-menu .jet-mobile-menu__container-inner::after {
        width: 50vw;
        height: 50vw;
        bottom: 0;
        right: 0;
        position: fixed;
        content: none;
    }
    .mobile-menu .jet-mobile-menu__body {
        z-index: 99;
    }
    .mobile-menu .popup-wrapper .dialog-message > div,
    .mobile-menu .popup-wrapper:not(.iam) .dialog-message > div,
    .mobile-menu .popup-wrapper.iam .jet-custom-nav__mega-sub > div,
    .mobile-menu .jet-mobile-menu__container > div {
        position: relative;
        z-index: 9;
    }
    .mobile-menu .jet-mobile-menu__controls {
        z-index: 999;
        padding: 0px 0px 140px 0px !important;
    }
    .mobile-menu .mobile-link.mobile-sub-level-link span {
        font-size: 18px !important;
        line-height: 25px;
        font-weight: 400 !important;
    }
    .mobile-menu .breadcrumb-label {
        position: absolute;
        top: 120px;
        font-size: 28px;
        font-family: "Avenir", Sans serif;
        line-height: 38px;
        font-weight: 700;
        -webkit-animation: .5s ease 0s normal forwards 1 fadein;
        animation: .5s ease 0s normal forwards 1 fadein;
    }
    .mobile-menu .jet-mobile-menu__back {
        position: absolute;
        left: 0;
        padding: 24px;
        margin-top: 30px;
    }
    .mobile-menu .jet-mobile-menu__back i {
        font-size: 30px;
    }
    .mobile-menu .jet-mobile-menu__before-template {
        position: absolute;
        left: 50%;
        top: 0;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        width: 150px;
        z-index: 99;
    }
    .mobile-menu .jet-menu-body-blocker {
        overflow: hidden;
        max-height: 80vh;
        -ms-scroll-chaining: none;
            overscroll-behavior: none;
    }
    .mobile-menu .jet-mobile-menu__container-inner,
    .mobile-menu jet-mobile-menu-cover,
    .mobile-menu .jet-mobile-menu__instance--slide-out-layout .jet-mobile-menu__container {
        height: 100vh !important;
        height: 100dvh;
        min-height: -webkit-fill-available;
        transform: translate3d(0,0,0);
    }
    .mobile-menu.jet-mobile-menu__breadcrumbs .jet-mobile-menu__breadcrumb:not(:last-child) {
      display: none;
    }

    .mobile-menu span.jet-menu-label {}

    .mobile-menu span.jet-menu-label {
        font-size: 28px;
        line-height: 1.5em;
        font-weight: 500;
        color: var(--e-global-color-primary) !important;
    }

    .mobile-menu .jet-mobile-menu__item-inner {
        justify-content: flex-start;
        gap: 5px;
    }

    .mobile-menu .jet-mobile-menu__back {
        top: 10%;
        margin-top: 15px;
        left: 0;
    }

    .mobile-menu .elementor-widget-icon-box.elementor-mobile-position-left .elementor-icon-box-wrapper {
        flex-direction: column;
        margin-left: 16px;
    }

    .mobile-menu .jet-mobile-menu__before-template {
        width: 100%;
    }

    .mobile-menu .jet-mobile-menu__back[aria-label="Close Menu"] {
        position: absolute;
        top: 12px;
        margin-top: 0;
        right: 8px;
        left: 0;
        justify-content: end;
        padding: 16px;
    }

    .mobile-menu .menu-contact-us .jet-mobile-menu__item-inner {
        justify-content: center;
        font-size: 16px !important;
    }

    .mobile-menu .menu-contact-us .jet-mobile-menu__item-inner a {
        font-family: "Inter", Sans-serif;
        font-size: 16px;
        font-weight: 500;
        fill: var(--e-global-color-primary);
        color: var(--e-global-color-primary);
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-color: var(--e-global-color-accent);
        border-radius: 30px 30px 30px 30px;
        padding: 14px 24px 14px 24px;
        width: 100%;
        text-align: center;
        margin-top: 80px;
        background: var(--e-global-color-accent);;
    }

    .mobile-menu .menu-contact-us .jet-mobile-menu__item-inner a > div > div > span {
        font-size: 16px !important;
    }

    .jet-mobile-menu__item.menu-contact-us .jet-menu-item-wrapper {
        justify-content: center;
    }
    .email-container {
        margin-bottom: 20px !important;
    }
    #colophon.hidden { display: none; }
    #colophon { margin-top: 80px; }
}


/* 801red - Add Caret icon to sub-submenus on mobile */

.mobile-wrapper .elementor-icon-box-wrapper::after {
    font-family: "Font Awesome 6 Pro"; /* Or 'Font Awesome 5 Free' depending on your setup */
    content: "\f105"; /* Unicode for angle-right */
    font-weight: 300; /* 'fal' = light; use 400 for regular, 900 for solid */
    font-size: 20px;
    position: absolute;
    right: 5px;
    top: 40%;
    transform: translateY(-40%);
    color: #3a3a3a; /* Adjust color if needed */
    line-height: 1;
}
.mobile-wrapper .elementor-widget-icon-box a:after { content: ""; display: block !IMPORTANT; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } 
/* Let taps on the SVG/icon bubble to the parent toggle */
.jet-mobile-menu__toggle-icon { pointer-events: none; }


/* 801red - MCF Section Mobile */

/* ================================
   SECTION BACKGROUND + OVERLAY
   ================================ */
.mcf-section-tabs-mobile {
  position: relative;
  /* Controlled via JS when tabs switch */
  --mcf-bg: url('https://employindy2025.wpenginepowered.com/wp-content/uploads/2025/08/Home-Slider-Background-1-1-scaled.jpg');

  /* Background = gradient overlay + dynamic image */
  background-image:
    linear-gradient(180deg, rgba(14,39,73,0.65) 0%, rgba(14,39,73,0.25) 100%),
    var(--mcf-bg);
  background-size: cover; /* Always cover */
  background-position: center center;
  background-repeat: no-repeat;

  min-height: 520px; /* Adjust per design */
  padding: 16px; /* Mobile-first padding */
  display: flex;
  flex-direction: column;
}

/* ================================
   TABS BAR CONTAINER
   ================================ */
.mcf-section-tabs-mobile .mcf-tabsbar {
  overflow: hidden; /* Prevent accidental horizontal bleed */
}

.mcf-section-tabs-mobile .mcf-tabs {
  display: flex;
  gap: 1.5em; /* Spacing between tabs */
  overflow-x: auto; /* Enable horizontal scroll on mobile */
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; /* Hide Firefox scrollbar */
  padding-bottom: 6px;
}

.mcf-section-tabs-mobile .mcf-tabs::-webkit-scrollbar {
  display: none; /* Hide WebKit scrollbars */
}

/* ================================
   TABS STYLING (FIGMA-SPEC)
   ================================ */
.mcf-section-tabs-mobile .mcf-tab {
  appearance: none;
  background: none;
  border: none;
  padding: 0; /* Figma: no padding */
  border-radius: 0; /* Figma: no radius */
  padding-bottom: 8px;
  /* Typography per Figma, using Elementor globals */
  color: var(--e-global-color-92b20c6, #F7F9FC); /* Figma: blue-quarter-tone */
  font-family: var(--e-global-typography-primary-font-family, Inter), sans-serif;
  font-size: 14px; /* Figma: text-small */
  line-height: 18px; /* 128.571% */
  letter-spacing: 0;
  font-weight: 400; /* Figma: inactive weight */

  /* Bottom border = transparent until active */
  border-bottom: 1px solid transparent;

  white-space: nowrap;
  cursor: pointer;
  transition: border-color 0.25s ease, color 0.25s ease, font-weight 0.25s ease;
}

/* Active / selected tab */
.mcf-section-tabs-mobile .mcf-tab.is-active,
.mcf-section-tabs-mobile .mcf-tab[aria-selected="true"] {
  font-weight: 600; /* Figma: active weight */
  border-bottom-color: var(--e-global-color-f633882, #3BBDB2); /* Figma: teal stroke */
}

/* Hover state: optional underline reveal */
.mcf-section-tabs-mobile .mcf-tab:hover {
  border-bottom-color: var(--e-global-color-f633882, #3BBDB2);
  color: var(--e-global-color-92b20c6, #F7F9FC);
}

/* Accessibility focus ring */
.mcf-section-tabs-mobile .mcf-tab:focus-visible {
  outline: 2px solid var(--e-global-color-accent, #FBDF44);
  outline-offset: 2px;
  border-radius: 0;
}

/* ================================
   PANELS CONTAINER + CONTENT
   ================================ */
.mcf-section-tabs-mobile .mcf-tabpanels {
  margin-top: 24px;
}

.mcf-section-tabs-mobile .mcf-panel {
  display: none;
  animation: fadeIn 0.35s ease forwards;
}

.mcf-section-tabs-mobile .mcf-panel.is-active {
  display: flex;
}

/* Optional: smooth fade-in for panel transitions */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

/* ================================
   RESPONSIVE ADJUSTMENTS
   ================================ */
@media (min-width: 768px) {
  .mcf-section-tabs-mobile {
    min-height: 600px;
    padding: 24px;
  }

  .mcf-section-tabs-mobile .mcf-tabs {
    gap: 24px;
  }

  .mcf-section-tabs-mobile .mcf-tab {
    font-size: 15px;
    line-height: 20px;
  }
}

/* Cross-fade background layers for .mcf-section-tabs-mobile */
.mcf-section-tabs-mobile{
  position: relative;
  overflow: hidden; /* prevents scroll bleed on fade */
}

.mcf-section-tabs-mobile .mcf-bg,
.mcf-section-tabs-mobile .mcf-bg-next{
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  transition: opacity 280ms cubic-bezier(.2,.7,0,1);
  pointer-events: none; /* bg layers shouldn’t capture taps */
  z-index: 0;
}

/* base layer starts visible */
.mcf-section-tabs-mobile .mcf-bg{ opacity: 1; }

/* next layer starts hidden; we fade it in for the swap */
.mcf-section-tabs-mobile .mcf-bg-next{ opacity: 0; }

/* put the real content above the backgrounds */
.mcf-section-tabs-mobile > *:not(.mcf-bg):not(.mcf-bg-next){
  position: relative;
  z-index: 1;
}

/*****
Mobile search bar functionality
*****/

.search-window-mobile {
  position: absolute !important;
  top: 70px;           /* fixed offset below header */
  left: 0;
  right: 0;
  height: 126px;        /* panel height */
  z-index: 999;
  background: #ffffff;

  /* Hidden state: collapsed & slightly above */
  transform-origin: top center;
  transform: scaleY(0) translateY(-20px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  /* Smooth close (delay visibility until collapsed) */
  transition: transform 0.35s ease, opacity 0.35s ease, visibility 0s linear 0.35s;
}

.search-window-mobile.is-open {
  /* Open state: expand down & fade in */
  transform: scaleY(1) translateY(0);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;

  /* No delay on open */
  transition: transform 0.35s ease, opacity 0.35s ease;
}

/* Trigger icon active state */
#open-search-mobile.active a.elementor-icon { color: #5A8AB6; }
#open-search-mobile.active {
  fill: #5A8AB6;        /* for inline SVGs */
  border-radius: 999px;
  background: #F7F9FC;
}

.search-window-mobile input[type="search"] {
  font-size: 16px;
  transform: scale(0.9);
  transform-origin: left center;
}