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


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




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




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




/* ------------------------------ 
	992px MEDIUM
------------------------------ */
@media (min-width: 992px) {
	/* --- Text-align --- */
	.text-overlay .copy {
		padding-top: 90px !important;
		padding-bottom: 90px !important;
	}
}




/* ------------------------------ 
	768px SMALL
------------------------------ */
@media (min-width: 768px) {
	#itemDonate {
		position: absolute;
		right: 30px;
	}

	#itemDonate a {
		background-color: #fff;
		font-weight: 900;
		line-height: 1;
		border: none;
		padding-top: 13px;
	}
	
	#itemDonate a:hover {
		background-color: var(--darkGray);
	}
}




/* ------------------------------ 
	640px SMALL
------------------------------ */
@media (min-width: 640px) {}




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




/* ------------------------------ 
	541px SMALL
------------------------------ */
@media (min-width: 541px) {}




/* ===================================================
		MIN - MAX WIDTH 
=================================================== */
/* ------------------------------ 
	2001px - 2200px LARGE
------------------------------ */
@media (min-width: 2001px) and (max-width: 2200px) {}




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




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




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




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




/* ------------------------------ 
	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) {}




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




/* ------------------------------ 
	321px - 374px XX-SMALL iPhone 5
------------------------------ */
@media (min-width: 321px) and (max-width: 374px) {}




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




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




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

	#landing-page .main-content {
		margin-top: auto;
	}


	/* ---- Home ---- */
	#home .main-content {
		margin-top: 0;
	}

	.news .container {
		max-width: 720px;
	}
}




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

	body {
		font-size: 13px;
	}

	#landing-page .donate-btn {
		position: absolute;
		top: 40px;
		right: auto;
		width: 100%;
		text-align: center;
	}

	/* ---- About  ---- */
	#about .intro, #about .fullwidth-txt {
		padding: 50px 0;
	}


	/* ---- Events  ---- */
	#events .events .container {
		padding-top: 45px;
	}

	#events .event .event-img {
		min-width: auto;
		margin-right: 0 ;
	}

	/* ---- Issues ---- */
	#issues .hero {
		padding-bottom: 0;
	}
	#issues .fullwidth-txt {
		padding: 50px 0;
	}

	/* ---- Home ---- */
	#home .news .container {
		max-width: 540px;
	}

	#home .news {
		padding: 0 0 50px;
	}

	#home .feeds {
		margin: 0 0 90px;
	}

}




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




/* ------------------------------ 
	575px - CUSTOM SIZE
------------------------------ */
@media (max-width: 575px) {
	/*---- Hero ----*/
	.hero .large {
		font-size: 4.63em;
	}

	.hero .medium {
		font-size: 1.75em;
	}

	/* ---- About  ---- */
	#about .hero p {
		font-size: 1.75em;
	}

	#about .hero .medium {
		max-width: 300px;
	}

	/* ---- Issues ---- */
	#issues .issue .icon {
		margin: 0 auto;
	}

	#issues .issue .title, #issues .issue .description, #issues .fullwidth-txt {
		text-align: center;
	}
}




/* ------------------------------ 
	540px - CUSTOM SIZE
------------------------------ */
@media (max-width: 540px) {
	.footer .donate-btn {
		margin: 15px 0;
	}
	
	.footer .disclaimer {
		margin: 15px 0;
	}

	.privacy-policy-intro h1 {
		font-size: 3em;
	}
}




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

	/* ---- Volunteer ----- */
	#volunteer #field_2_1,
	#volunteer #field_2_3 {
		width: 100%;
	}

	#volunteer .address_city {
		width: 100%;
	}

	#volunteer .address_state {
		width: 60%;
	}

	#volunteer .address_zip {
		width: 40%;
	}

	#volunteer #field_2_10 .gfield_checkbox .gchoice {
		width: 100%;
	}

}




/* ------------------------------ 
	379px - CUSTOM SIZE
------------------------------ */
@media (max-width: 379px) {
	/*---- Hero ----*/
	.hero .large {
		font-size: 3cqb;
	}

	.hero .medium {
		font-size: 1.25em;
	}

	/* ---- About  ---- */
	#about .hero p {
		font-size: 1.45em;
	}

	#about .hero .medium {
		max-width: 100%;
		text-align: center !important;
	}
}




/* ------------------------------ 
	320px - CUSTOM SIZE - iPhone 5 & under
------------------------------ */
@media (max-width: 320px) {
	/* ---- Volunteer ----- */
	#volunteer .address_state {
		width: 100%;
	}

	#volunteer .address_zip {
		width: 100%;
	}
}