/* ======== 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) {
	.page-template-page-andriola .panel {
		height: 700px;
	}

	.page-template-page-andriola .panel-1 {
		background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%), url('/wp-content/uploads/2024/03/1_body_1.jpg');
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}

	.page-template-page-andriola .panel-2 {
		background-image: linear-gradient(270deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%), url('/wp-content/uploads/2024/03/1_body_2.jpg');
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}

	.page-template-page-andriola .panel-3 {
		background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 50%), url('/wp-content/uploads/2024/03/1_body_3.jpg');
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}

	/* buck lp */
	.page-template-page-buck .cutout {
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translate(-10%);
		max-width: 900px;
		width: 59vw;
	}


}




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




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




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




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




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




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




/* ------------------------------ 
	1199px LARGE
------------------------------ */
@media (max-width: 1199px) {
	.page-template-page-andriola h1 {
		font-size: 110px;
	}

	.page-template-page-andriola h2 {
		font-size: 50px;
	}

	.page-template-page-andriola h4,
	.page-template-page-andriola .h4 {
		font-size: 17px;
	}

	.andriola-cards .card-title {
		font-size: 30px;
	}
}




/* ------------------------------ 
	991px MEDIUM
------------------------------ */
@media (max-width: 991px) {
	header .brand-logo img {
		max-width: 200px;
		width: 100%;
	}

	.privacy-policy-intro {
		min-height: 280px;
	}

	.news-hero {
		min-height: 360px;
	}

	.single-post .news-hero {
		min-height: 150px;
	}

	.stripes-container {
		top: 40%;
	}

	.page-template-page-andriola h1 {
		font-size: 80px;
	}

	.page-template-page-andriola h2 {
		font-size: 35px;
	}

	.page-template-page-andriola h3 {
		font-size: 20px;
	}

	.panel.border-top-gold,
	.panel.border-top-gold {
		border: 0
	}

	.page-template-page-buck p,
	.page-template-page-buck .p {
		font-family: "proxima-nova", sans-serif;
		font-size: 18px;
	}
}




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

	h1,
	.h1,
	.news-hero h1 {
		font-size: 45px;
		line-height: 45px;
	}

	h2,
	.h2 {
		font-size: 30px;
		line-height: 32px;
	}

	.andriola-endorsement-icon {
		width: 300%;
	}
}




/* ------------------------------ 
	640px - EXTRA SMALL
------------------------------ */
@media (max-width: 640px) {
	.form .gform_wrapper.gravity-theme .gform_fields {
		grid-row-gap: 8px;
	}

	.form .gform_wrapper.gravity-theme #field_1_2,
	.form .gform_wrapper.gravity-theme #field_1_4 {
		position: relative;
		bottom: 8px;
	}

	.form .gform_wrapper.gravity-theme .gform_footer {
		padding-top: 0;
	}
}




/* ------------------------------ 
	575px - CUSTOM SIZE
------------------------------ */
@media (max-width: 575px) {
	.page-template-page-andriola h1 {
		font-size: 50px;
	}

	.page-template-page-andriola h2 {
		font-size: 28px;
	}

	.page-template-page-andriola h3 {
		font-size: 16px;
		line-height: 1.2;
	}

	.page-template-page-andriola h4,
	.page-template-page-andriola .h4 {
		font-size: 14px;
	}

	.page-template-page-andriola p {
		font-size: 16px;
	}

	.andriola-cards .card-title {
		font-size: 27px;
	}

	.page-template-page-buck .logo-buck .h1 {
		font-size: 80px;
	}

	.page-template-page-buck .h2 {
		font-size: 28px;
	}

	.page-template-page-buck .logo-buck .tagline-container {
		max-width: 240px;
	}

	.page-template-page-buck .donate-btn-buck {
		font-size: 25px;
		height: 40px;
		width: 160px;
	}
}




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




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