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


}




/* ===================================================
		MIN - MAX WIDTH 
=================================================== */
/* ------------------------------ 
	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) {

	/*** HERO & HERO DROPDOWN ***/
	.hero .row,
	.hero-dropdown .row {
		min-height: 25vh;
	}


	/*** Platform Bylaws Partial ***/
	.platform-bylaws .left,
	.platform-bylaws .right {
		min-height: 65vh;
	}
}




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




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

	.show-mobile {
		display: block;
	}

	/*** TYPOGRAPHY ***/

	.font-script {
		/* Cursive-Style Font */
		font-size: 8em;
	}

	h1,
	.h1 {
		font-size: 2.9em;
	}

	h2,
	.h2 {
		font-size: 2.5em;
	}

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

	h4,
	.h4 {
		font-size: 1.725em;
	}

	h5,
	.h5 {
		font-size: 1.25em;
	}

	h6,
	.h6 {
		font-size: 0.9375em;
	}


	/*** HERO  ***/

	section.hero {
		background-size: cover !important;
	}


	/*** HERO HUB ***/


	.hero-hub-nav li,
	.hero-hub-nav li a {
		line-height: 1.1em;
		margin-bottom: 15px;
	}



	/*** CO GOP Officers Custom Post Type ***/

	.cogop_officers .bio-card-heading .img-container {
		display: block;
		margin: 1.5rem auto .5rem;
	}

	.cogop_officers .bio-card-heading {
		text-align: center;
	}


	/*** ABOUT PAGE FORM — Contact Form ***/

	.about-form {
		padding: 3rem;
	}



}




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



	/*** TYPOGRAPHY ***/

	h1,
	.h1 {
		font-size: 1.5em;
	}





	/*** Home Page Hero ***/
	#home #cycle {
		/* Cursive-Style Font */
		font-size: 6em;
		line-height: .8em;
		text-align: center;
	}

	/*** Home Page  ***/

	.content-video .row,
	.content-image .row {
		min-height: 100%;
		padding: 3rem .25rem;
	}

	.red-border {
		padding: 2rem 1rem !important;
	}

	.video-heading,
	.image-heading {
		margin: 0 auto -.75rem;
		padding: 0 1rem;
		font-size: calc(1vw + 1vh + .5vmin);
	}


	/*** HERO HUB ***/

	.hero-hub .row {
		min-height: 50vh;
	}

	.hero-hub-nav {
		border-left: none;
	}

	.hero-hub-nav ul {
		text-align: center;
	}

	.hero-hub-nav li a {
		text-transform: uppercase;
		color: #fff;
		letter-spacing: 0.01em;
		font-weight: 700;
	}



	/*** BIO CARD HEADING — For Officers & Staff CPT Partials ***/

	.bio-card {
		padding: 1rem 2rem;
	}

	.bio-card-heading .img-container {
		max-width: 150px;
	}

	.bio-card-heading .img-container img {
		width: 150px;
		height: 150px;
		display: block;
		margin: auto;
	}


	/*** Platform Bylaws Partial ***/
	.platform-bylaws .content {
		padding: 3rem;
	}

	/*** ABOUT PAGE FORM — Contact Form ***/

	.about-form {
		padding: 3rem 1.5rem 6rem 1.5rem;
	}

	.about-form .form-container {
		background-color: rgba(34, 42, 69, 0.75);
		padding: 3rem 1.5rem .5rem;
	}

	.about-form .form-container .gform_footer .gform_button {
		/*Overrides the default GForm Button Styling*/
		float: none;
		/* margin-bottom: -6rem; */
	}



	/*** CO GOP Officials [FEDERAL, STATEWIDE, AND 
STATE LEGISLATIVE OFFICIALS] Custom Post Type Partial Block ***/


	.cogop_officials .txt-container {
		margin: 1rem auto;
		text-align: center;
	}


	/************************* BEGIN CTF TWEETS **************************/


	.follow-info li {
		line-height: 1.25em;
	}

	#ctf .slick-slider {
		margin: auto !important;
		padding: 3rem;
	}



	/* BEGIN - HEADER SECTION */

	#ctf .ctf-no-bio {
		display: none;
	}

	/* END - HEADER SECTION */

	/* BEGIN - BODY SECTION */
	#ctf .ctf-author-box {
		margin: .5rem !important;
		word-wrap: break-word;
	}


	#ctf .ctf-tweet-content {
		margin-left: .5rem !important;
		margin-top: 3px;
		padding: 0 !important;
		word-wrap: break-word;
	}

	#ctf p.ctf-tweet-text {
		padding: 0 1rem !important;
		word-wrap: break-word !important;
	}

	/* END - BODY SECTION */

	/* BEGIN - FOOTER SECTION */
	#ctf.ctf-narrow .ctf-tweet-actions {
		float: none !important;
		display: flex;
		justify-content: center;
		margin: 3rem auto .5rem !important;
	}

	/* END - FOOTER SECTION */


	/************************* END CTF TWEETS **************************/




}




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




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




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


/* ------------------------------ 
	320px - CUSTOM SIZE [iPhone 5s]
------------------------------ */
@media (max-width: 320px) {

	/*** Home Page Hero ***/
	#home #cycle {
		/* Cursive-Style Font */
		font-size: 4.5em;
		line-height: .8em;
		text-align: center;
	}


	/*** HERO HUB ***/

	.hero-hub .row {
		min-height: 85vh;
	}


	/*** Platform Bylaws Partial ***/
	.platform-bylaws .left,
	.platform-bylaws .right {
		min-height: 100vh !important;
	}

	.platform-bylaws .content {
		padding: 3rem 1.5rem;
	}
}