/* ======== RESPONSIVE CSS ========= */


/* ===================================================
		MIN WIDTH 
=================================================== */
/* ------------------------------ 
	1600px EXTRA LARGE
------------------------------ */
@media (min-width: 1600px) {}




/* ------------------------------ 
	1200px LARGE
------------------------------ */
@media (min-width: 1200px) {}




/* ------------------------------ 
	992px MEDIUM
------------------------------ */
@media (min-width: 992px) {}




/* ------------------------------ 
	768px SMALL
------------------------------ */
@media (min-width: 768px) {
	.hide-mobile {
		display: block;
	}

	.show-mobile {
		display: none;
	}
}




@media (min-width: 576px) {}




/* ===================================================
		MIN - MAX WIDTH 
=================================================== */
/* ------------------------------ 
	1109px LARGE
------------------------------ */
@media (min-width: 1110px) {
	.text-overlay.industry .img-side {
		height: 440px;
		overflow: hidden;
	}
}


/* ------------------------------ 
	992px - 1199px LARGE
------------------------------ */
@media (min-width: 992px) and (max-width: 1199px) {}



/* ------------------------------ 
	868px - 1109px CUSTOM
------------------------------ */
@media (min-width: 978px) and (max-width: 1109px) {
	.text-overlay.industry .img-side {
		height: 566px;
		overflow: hidden;
	}
}

@media (min-width: 867px) and (max-width: 977px) {
	.text-overlay.industry .img-side {
		height: 500px;
		overflow: hidden;
	}
}

@media (min-width: 760px) and (max-width: 866px) {
	.text-overlay.industry .img-side {
		height: 435px;
		overflow: hidden;
	}
}

@media (min-width: 660px) and (max-width: 759px) {
	.text-overlay.industry .img-side {
		height: 390px;
		overflow: hidden;
	}
}



/* ------------------------------ 
	768px - 1122px MEDIUM
------------------------------ */
@media (min-width: 768px) and (max-width: 1122px) {}




/* ------------------------------ 
	769px - 1099px MEDIUM
------------------------------ */
@media (min-width: 769px) and (max-width: 1099px) {
	.horizontal-card h2 {
		font-size: .65em !important;
	}
}



/* ------------------------------ 
	768px - 991px MEDIUM
------------------------------ */
@media (min-width: 768px) and (max-width: 991px) {}




/* ------------------------------ 
	414px - 767px SMALL iPhone 6/7/8 Plus
------------------------------ */
@media (min-width: 414px) and (max-width: 767px) {
	body {
		font-size: 14px;
	}

	h1,
	.h1 {
		font-size: 3em;
		line-height: 50px;
	}

	h2,
	.h2 {
		font-size: 2.25em;
		line-height: 45px;
	}

	h3,
	.h3 {
		font-size: 1.7em;
	}

}




/* ------------------------------ 
	375px - 413px X-SMALL iPhone 6/7/8
------------------------------ */
@media (min-width: 375px) and (max-width: 413px) {
	body {
		font-size: 12px;
	}

	h1,
	.h1 {
		font-size: 3em;
		line-height: 50px;
	}

	h2,
	.h2 {
		font-size: 2.25em;
		line-height: 45px;
	}

	h3,
	.h3 {
		font-size: 1.7em;
	}

}




/* ------------------------------ 
	280px - 374px XX-SMALL iPhone 5
------------------------------ */
@media (min-width: 280px) and (max-width: 374px) {
	body {
		font-size: 12px;
	}

	h1,
	.h1 {
		font-size: 3em;
		line-height: 50px;
	}

	h2,
	.h2 {
		font-size: 2.25em;
		line-height: 45px;
	}

	h3,
	.h3 {
		font-size: 1.7em;
	}

}




/* ===================================================
		MAX WIDTH 
=================================================== */
/* ------------------------------ 
	1399px EXTRA LARGE
------------------------------ */
@media (max-width: 1399px) {

	/* Learn More - Text overlay */
	.text-overlay.globe .img-side img {
		margin-left: 0;
	}

	.text-overlay.globe .content-side {
		display: block;
		width: auto;
	}

}



/* ------------------------------ 
	1240px MEDIUM
------------------------------ */
@media (max-width: 1240px) {
	.post-template-default .news .container {
		padding: 0 65px;
	}
}



/* ------------------------------ 
	1109px CUSTOM
------------------------------ */
@media (max-width: 1109px) {
	.container {
		padding: 0 15px !important;
	}

	.hero .form form .gform_body #gform_fields_1 {
		flex-wrap: wrap;
	}

	.hero .form form .gform_body #gform_fields_1 .gfield {
		width: 49%;
	}

	.hero .form form .gform_body {
		max-width: 100%;
	}

	.hero .form .gform_wrapper.gravity-theme .gform_footer {
		justify-content: center;
		position: relative;
		margin: 20px 0 20px 0;
	}	
	

	/* Learn More */
	.text-overlay.globe .img-side {
		width: 100%;
		max-width: 100%;
		text-align: center;
		overflow: hidden;
	}

	.text-overlay.globe .img-side img {
		width: 100%;
		max-width: 508px;
		margin: 0 auto;
	}

	.text-overlay.globe .content-side {
		width: 100%;
	}

	.text-overlay.globe .content-side .overlay-info {
		width: 100%;
	}

	#learn-more .text-overlay.globe .img-side {
		height: auto;
	}

	#learn-more .text-overlay .row {
		padding: 0 15px !important;
	}

	.text-overlay.industry .overlay-info {
		max-width: 100%;
	}

	.text-overlay.industry .overlay-info img {
		margin-top: 0;
	}

	.text-overlay.map .img-side {
		max-width: 100%;
		height: auto;
	}

	.text-overlay.map .img-side img {
		margin: 0 0 30px;
		max-width: 338px;
	}

	.text-overlay.map .overlay-info {
		max-width: 100%;
	}

	.text-overlay.industry .img-side {
		max-width: 100%;
		position: relative;
		right: auto;
		order: 0;
		margin-bottom: 100px;
	}

}




/* ------------------------------ 
	991px MEDIUM
------------------------------ */
@media (max-width: 991px) {

	.main-menu-item a,
	.desktop-navigation .main-menu-item span {
		padding: 0 20px;
	}

	.hero h1 {
		font-size: .7em;
	}

	.hero .img img {
		min-width: 404px;
		margin: 0 0 -150px -70px;
	}

	/* Horizontal Card */
	.horizontal-card h2 {
		font-size: .7em;
	}

	/* Text Overlay */
	.text-overlay {
		margin-top: 50px;
	}


	/* News */
	.news {
		margin-top: 50px;
	}

	/* Home */
	.opportunity h2 {
		font-size: 3em;
	}

	/* Involved */
	#involved .form-overlay .row {
		justify-content: center;
	}

	#involved .form-overlay .img-side {
		display: none;
	}
}


@media (max-width: 768px) {

	/* Horizontal Card */
	.horizontal-card h2 {
		font-size: 1em;
	}

	/* Text Overlay */
	.text-overlay .img-side {
		height: auto;
	}

	.text-overlay.left .overlay-info,
	.text-overlay.right .overlay-info {
		margin: 0;
	}

	.text-overlay .content-side {
		padding-top: 25px;
		padding-bottom: 25px;
	}

}




/* ------------------------------ 
	767px - SMALL
------------------------------ */
@media (max-width: 767px) {

	#masthead #logo_full_color,
	#masthead .brand-logo img {
		max-width: 160px;
		width: 100%;
		padding: 15px 0;
	}
	
	.nav-wrap {
		padding: 0 15px !important;
	}

	/* footer */
	.footer-links {
		position: relative;
		top: auto;
		right: auto;
		margin: 0 auto;
	}


	.footer-links ul li {
		margin-top: 30px;
		list-style-type: none;
	}


	/* Form Overlay */
	.form-overlay .overlay-info .gform_title {
		font-size: 1.6em;
		text-align: center;
	}

	.form-overlay .img-side {
		height: auto;
	}

	.form-overlay.left .overlay-info,
	.form-overlay.right .overlay-info {
		margin: 0;
	}

	.form-overlay .content-side {
		padding-top: 75px;
		padding-bottom: 25px;
	}

	.form-overlay .overlay-info {
		padding: 25px;
	}

	/* Home: Events and News */
	.news .news-date::after {
		display: none;

	}

	.text-overlay.industry .img-side {
		margin-bottom: 0;
	}
	
	


	.footer-bottom img {
		margin: -10px 0 -40px;
	}
	
	#learn-more .animate-img {
		display: none;
	}

}




/* ------------------------------ 
	675px - EXTRA SMALL
------------------------------ */







/* ------------------------------ 
	640px - EXTRA SMALL
------------------------------ */
@media (max-width: 640px) {

	.hero .form .gform_wrapper.gravity-theme .gform_footer input {
		padding: 5px 25px;
	}

	/* Horizontal Card, Events, & News */
	.horizontal-card,
	.news {
		margin-top: 75px;
	}

	/* Text-overlay */
	.text-overlay .overlay-info {
		padding: 0 15px;
	}

}




/* ------------------------------ 
	575px - CUSTOM SIZE
------------------------------ */
@media (max-width: 575px) {
	.hero .form .gform_title {
		text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); 
		text-align: center;
	}

	.hero .form form .gform_body #gform_fields_1 .gfield {
		width: 100%;
	}

	/* Horizontal Card */
	.horizontal-card h2 {
		font-size: .7em;
		padding: 0 20px;

	}

	.horizontal-card h2 .part-one {
		margin: 0;
	}

	.horizontal-card .desc {
		padding: 0 20px;
	}

	/* Text Overlay */
	.text-overlay h2 {
		line-height: 1.5;
	}

	/* Single News Post */
	.single-post-news {
		margin-top: 50px;
	}

	.single-post-news .news-content {
		padding: 45px;
	}

	.post-template-default .news .container {
		padding: 0;
	}

	#volunteer .form-overlay form .gfield_checkbox#input_2_8 .gchoice {
		width: 100%;
	}

	.footer-bottom img {
		margin: 0;
	}

	#what-is-css h2 {
		color: var(--prime);
		font-size: 2.88em;
		font-weight: 500;
	}
}




/* ------------------------------ 
	414px - CUSTOM SIZE
------------------------------ */
@media (max-width: 414px) {
	.hero .form {
		background: none;
		max-width: 100%;
		padding: 0;
	}

	.hero .form form {
		width: 100%;
	}

	.hero .form .gform_wrapper.gravity-theme .gform_footer {
		position: relative;
		right: auto;
		bottom: auto;
		min-width: auto;
		width: 100%;
		margin-top: 10px;
		justify-content: center;
	}

	.hero .form .gform_wrapper.gravity-theme .gform_footer input {
		font-size: 15px;
	}

	.hero .form .gform_wrapper #field_1_3 {
		width: 100%;
	}

	.hero .form p {
		text-align: center;
		line-height: 1;
		margin-bottom: 10px;
	}

	/* Horizontal Card */
	.horizontal-card {
		margin-top: 100;
	}

	.horizontal-card h2 {
		font-size: .65em;
		padding: 0 10px;

	}

	.horizontal-card h2 .part-one {
		display: block;
		margin-bottom: 10px;
	}

	.horizontal-card h2 .part-four {
		margin-top: 10px;
	}

	.horizontal-card .desc {
		padding: 0 10px;
	}

	.horizontal-card .content-side {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}




/* ------------------------------ 
	375px - CUSTOM SIZE
------------------------------ */
@media (max-width: 375px) {
	.text-overlay .overlay-info {
		padding: 20px;
	}
	
	.btn-theme-primary {
		padding: 15px 10px;
	}
}




/* ------------------------------ 
	320px - CUSTOM SIZE
------------------------------ */
@media (max-width: 320px) {

	.single-post-news .news-content {
		padding: 25px;
	}
}