/*------------------------------------*\
		TABLE OF CONTENTS
		-typography
		-main
		-forms
		-Splash page
		-homepage
		-pages
		-images
		-responsive
		-misc
		-wordpress core
\*------------------------------------*/
/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/
body{
	font-family: "Montserrat", sans-serif;
	font-weight: 300;
	font-size: 18px;
	line-height: 30px;
	color: #2c3f5e;
}
h1, h2{
	font-family: "Roboto Slab", serif;
	font-weight: 700;
}
h1{
	font-size: 59px;
	text-transform: uppercase;
}
h2{
	font-size: 48px;
	line-height: 58px;
	text-align: center;
	color: #ffffff;
	text-transform: uppercase;
}
h3{
	text-align: center;
	color: #ffffff;
	font-family: "Montserrat", sans-serif;
	font-weight: 300;
	font-size: 30px;
}
h4{
	font-size: 24px;
	line-height: 36px;
	font-weight: 300;
}
/*------------------------------------*\
		MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before{
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

/* clear */
.clear:before,
.clear:after{
		content:' ';
		display:table;
}
.clear:after{
		clear:both;
}
.clear{
		*zoom:1;
}
.transition{
	transition: all ease .5s;
}
img{
	max-width:100%;
}
a{
	color:#ffffff;
	text-decoration:none;
}
.interior a{
	color: #b3393b;
}
a:hover{
	color:#ffffff;
}
.interior a:hover{
	color: #2c3f5e;
	transition: all ease .5s;
}
a:focus{
	outline:0;
}
a:hover,
a:active{
	outline:0;
}
.interior li{
	padding: 10px 0;
}
.interior ul{
	padding: 15px 40px;
	margin: 0;
}
.interior ul.grid{
	padding: 0px;
	margin: 0px auto;
}

.interior p{
	padding: 15px 0;
	margin: 0;
}
main{
	background-color: #ffffff;
}

.color-overlay{
	position: absolute;
	overflow: hidden;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	background-color: rgba(0,16,41,.7);

}
/*------------------------------------*\
	  FORMS
\*------------------------------------*/
input:focus, select:focus, textarea:focus{
	outline:0;
	border: none;
}
label {
  display: inline-block;
  color: #2c3f5e;
  cursor: pointer;
  position: relative;
	margin: 20px 5px 10px;
	max-width: 270px;
	width: 100%;
	font-size: 16px;
}
label span {
  display: inline-block;
  position: relative;
  background-color: #eaeaea;
  width: 25px;
  height: 25px;
  transform-origin: center;
  border: 2px solid #ffffff;
  border-radius: 50%;
  vertical-align: -6px;
  margin-right: 10px;
  transition: background-color 150ms 200ms, transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
}
label span:before {
  content: "";
  width: 0px;
  height: 2px;
  border-radius: 2px;
  background: #000;
  position: absolute;
  transform: rotate(45deg);
  top: 10px;
  left: 7px;
  transition: width 50ms ease 50ms;
  transform-origin: 0% 0%;
}
label span:after {
  content: "";
  width: 0;
  height: 2px;
  border-radius: 2px;
  background: #000;
  position: absolute;
  transform: rotate(305deg);
  top: 14px;
  left: 8px;
  transition: width 50ms ease;
  transform-origin: 0% 0%;
}
label:hover span:before {
  width: 5px;
  transition: width 300ms ease;
}
label:hover span:after {
  width: 10px;
  transition: width 150ms ease 300ms;
}

input[type="checkbox"] {
  display: none;
}
input[type="checkbox"]:checked + label span:after {
  width: 10px;
  background: #b3393b;
  transition: width 150ms ease 300ms;
}
input[type="checkbox"]:checked + label span:before {
  width: 5px;
  background: #b3393b;
  transition: width 150ms ease 300ms;
}
input[type="checkbox"]:checked + label:hover span:after {
  width: 10px;
  background: #b3393b;
  transition: width 150ms ease 300ms;
}
input[type="checkbox"]:checked + label:hover span:before {
  width: 5px;
  background: #b3393b;
  transition: width 150ms ease 300ms;
}
select{
	height: 39px;
	color: #2c3f5e;
}
input[type="date"]{
	padding: 9px 14px;
	color: #2c3f5e;
}
input[type="date"]:before {
  content: attr(placeholder) !important;
  color: #2c3f5e;
  margin-right: 10px;
}
input[type="date"]:focus:before,
input[type="date"]:valid:before {
  content: "";
}
/*------------------------------------*\
		Splash page
\*------------------------------------*/
.splashPage span#disclaimer {
    color: #e1e1e1;
    border: 1px solid #e1e1e1;
    text-align: center;
    position: absolute;
    bottom: 4%;
    display: block;
    font-size: 16px;
    line-height: 20px;
    left: 50%;
	transform: translateX(-50%);
	min-width: 300px;
}
.splashlogo.mobile {
    padding: 30px;
    display: none;
}
.splash body{
	line-height: 0px;
	font-size: 0px;
	position: relative;
}
.splashPage{
	background-image: url(/wp-content/themes/html5blank-cruz/img/cruzNflag.png);
		background-size: cover;
		background-position: center center;
		height: 100vh;
}
.splashPage.victory{
	background-image: url(/wp-content/themes/html5blank-cruz/img/cruzNflag.png);
	background-size: cover;
	background-position: center center;
	height: 100vh;
}
#splash-form #email,#splash-form #zip,#splash-form input{
	max-width: none;
    width: 48%;
	margin: 10px 0px;
    font-size: 16px;
}
#splash-form #submit{
	width: 100%;
}
.splashContainer{
	position: absolute;
    top: 50%;
    transform: translate(-14%, -50%);
    padding: 0px 30px;
    font-size: 18px;
    line-height: 24px;
    width: 100%;
    max-width: 500px;
    left: 14%;
}
.splash img#logo {
    max-width: 100%;
}
.splashContainer h1{
	color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
	font-size: 30px;
	line-height: 38px;
}
.splashVote{
	font-weight: 600;
    font-size: 18px;
    padding: 9px 10px;
    border-radius: 5px;
    background: #b3393b;
    border-radius: 4px;
    max-width: 100%;
    width: 100%;
    display: block;
    text-align: center;
	margin: 22px 0px;
}
#splash-form input#email {
    margin-right: 1.5%;
}
.splashVote:hover {
	background-color: #802829;
    color: #ffffff;
	transition: all ease .5s;
	transform: scale(.9);
    -ms-transform: scale(.9);
    -webkit-transform: scale(.9);
}
.splashDonate{
	font-weight: 600;
    font-size: 18px;
    padding: 9px 10px;
    background: #289e0c;
    border-radius: 4px;
    max-width: 100%;
    width: 100%;
    display: block;
    text-align: center;
	margin: 16px 0px;
}
.splashDonate:hover {
	background-color: #1f7709;
    color: #ffffff;
	transition: all ease .5s;
	transform: scale(.9);
    -ms-transform: scale(.9);
    -webkit-transform: scale(.9);
}
.splashBack{
	font-weight: 600;
    font-size: 18px;
    padding: 0px;
    border-radius: 5px;
	border-radius: 4px;
	text-transform: uppercase;
}
.splashBack:hover{
	transition: all ease .5s;
	color: #802829;
}
/*------------------------------------*\
		Anedote Splash
\*------------------------------------*/
.anedote-splash{
	display: flex;
}
.anedote-splash iframe{
	min-height: 1534px;
}
.col-wrap{
	padding: 50px 75px;
}
.col1 {
	position: relative;
	/* width: 70%; */
	width: 65%
}
.col1 .divider{
	color: #2c3f5e;
  font-size: 40px;
	line-height: 1em;
  position: relative;
  margin: 0 20px;
	margin: 0 2%;
	font-size: 2.3vw;
	line-height: 108px;
	vertical-align: middle;
}
#splash-logo{
	width: 200px;
	line-height: 108px;
	vertical-align: middle;
}
.hashtag{
	text-transform: uppercase;
	font-size: 40px;
	line-height: 1em;
	color: #2c3f5e;
	line-height: 108px;
	vertical-align: middle;
  font-size: 2.3vw;
}
.col1 h1{
	line-height: 1em;
	margin: 0;
	font-size: 3vw;
}
.col1 h2 {
  line-height: 1em;
  margin: 0;
  font-size: 3vw;
  color: #2c3f5e;
  text-align: left;
}
.col1 .text-wrap{
	position: relative;
}
.col1 h3{
	text-align: left;
	line-height: 1.3em;
	color: #b3393b;
	font-weight: 100;
	position: relative;
  margin: 10px 0 30px;
	font-size: 1.8vw;
}
.splash-footer {
  padding: 15px 30px;
  background-color: #003276;
  position: fixed;
  /* width: 70%; */
	width: 65%;
  bottom: 0;
  text-align: center;
}
.continue{
	font-weight: 600;
  font-size: 18px;
	line-height: 18px;
  padding: 0px;
  text-transform: uppercase;
  position: relative;
  display: block;
}
.continue:hover{
	color: #b3393b;
	transition: all ease .3s;
}
.continue:hover .arrow{
	position: relative;
	right: -4px;
}
.col2 {
  background-color: rgba(0, 16, 41, 0.9);
	position: relative;
  overflow: auto;
	text-align: center;
	flex: 1;
	background-image: url(/wp-content/uploads/2019/01/splash-flag.jpg);
	background-size: cover;
	padding: 10px;
}
.col2 h3{
	line-height: 1.3em;
  padding: 15px 30px 0;
  color: #fff;
  position: relative;
  font-size: 24px;
}
.col2 .continue{
	display: none;
}

.iframe-wrap{
	max-width: 430px;
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.col2 #disclaimer {
  display: inline-block;
  padding: 10px 15px;
  border: 1px solid #fff;
  font-size: 14px;
  color: #fff;
  margin: 30px;
  line-height: 1em;
	position: relative;
}

.anedote-splash h5, .anedote-splash h4{
	font-size: 20px;
	line-height: 1em;
	color: #b3393b;
	margin: 0;
}
.anedote-splash ul{
  padding: 10px 30px;
  margin: 0;
	display: block;
	position: relative;
	line-height: 1em;
	list-style-type: disc;
	list-style-position: inside;
	font-size: 16px;
	text-align: left;
}
.anedote-splash ul li{
	line-height: 1.5em;
  padding: 10px 0;
  position: relative;
  font-size: 16px;
  list-style-type: disc;
  color: #2c3f5e;
  padding-left: 30px;
  text-indent: -23px;
}
.col1.mobile, .mobile-logo{
	display: none;
}
@media (max-width: 1200px) {
	.col1{
		width: 55%;
	}
	.col2{
		width: 45%;
		padding: 0 10px;
	}
	.col-wrap{
		padding: 30px 30px 50px;
	}
	#splash-logo{
		max-width: 200px;
		width: 25%;
	}
	.col1 h1, col1 h2{
		font-size: 36px;
	}
	.col1 h3{
		font-size: 20px;
	}
	.splash-footer{
		width: 55%;
	}
}

@media (max-width: 800px) {
	.anedote-splash{
		display: block;
	}
	.col1, .col2{
		width: 100%;
		display: block;
	}
	.col1{
		display: none;
	}
	.col1.mobile{
		display: block;
	}
	.col1{
		position: relative;
		height: 200px;
		display: none;
	}

	.col1 h1, .col1 h2{display: none;}
	.col1 .text-wrap{
		position: relative;
	}
	.col2{
		margin: 0;
		overflow: auto;
		height: auto;
    padding: 0 30px 50px;
	}
	.col2 .mobile-title{
		display: block;
		color: #fff;
		line-height: 1em;
		font-size: 30px;
		font-weight: 300;
		position: relative;
		padding: 0;
		margin: 0 0 30px;
	}
	.mobile-logo{
		display: block;
    width: 185px;
    position: relative;
    margin: 30px auto 15px;
	}
	.col2 h3{
		display: none;
	}
	.col2 #disclaimer{
		display: none;
	}
	#levels-link {
		position: relative;
    font-size: 16px;
    background-color: #b3393b;
    padding: 17px;
    border-radius: 4px;
    display: block;
    max-width: 263px;
    width: 100%;
    clear: both;
    text-align: center;
    margin: 25px auto;
	}
	.disclaimer-wrap{
		text-align: center;
	}
	.col1 #disclaimer{
		font-size: 16px;
		padding: 12px 15px;
		line-height: 1.2em;
		margin: 30px 0;
	}
	.splash-footer{
		width: 100%;
	}
}
@media (max-width: 500px){
	.col2 .mobile-title{
		padding: 0 20px;
    margin: 0 0 30px;
		font-size: 20px;
	}
	.mobile-logo{
		width: 148px;
	}
}
@media (max-width: 350px){
	.col2 {
		padding: 0;
		overflow:scroll;
		-webkit-overflow-scrolling: touch;
	}
}
/*------------------------------------*\
		HOMEPAGE
\*------------------------------------*/

/* nav */
.codrops-top{
	max-width: 1340px;
	padding: 0 30px;
	width: 100%;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 0 32px;
	z-index: 10000;
}
	.top-wrapper{
		position: relative;
	}

		#logo{
			max-width: 200px;
		}
		.logo{
			position: absolute;
			left: 0;
			top: 17px;
			padding-left: 15px;
		}

	.social-nav{
		position: absolute;
		right: 0;
	}
		.social-nav a i{
			padding-top: 17px;
			font-size: 20px;
			padding: 17px 7px 0;
		}
	button.search-submit{
		border: none;
		background: transparent;
		color: #2c3f5e;
	}
	form.search.transition{
		display: inline-block;
	}
	form.search:hover .search-input{
		padding: 4px 11px;
		margin: 10px 5px;
		width: 150px;
	}
	input.search-input, .contact input.search-input{
		display: inline-block;
		padding: 5px 10px;
		border-radius: 4px;
		border: none;
		background-color: #e8e8e8;
		font-size: 14px;
		font-family: Montserrat;
		font-weight: 300;
		padding: 0px;
		margin: 0px;
		width: 0;
		transition: all ease .5s;
	}
	i.fa.fa-search{
		padding-right: 11px;
		color: #ffffff;
	}
	.social-nav .es, li.lang-item a{
		padding: 9.5px;
		background-color: #ffffff;
		position: relative;
		right: 0;
		top: -12px;
		font-weight: bold;
		color: #2c3f5e;
	}
	.lang-switch.english .lang-item-en,
	.lang-switch.spanish .lang-item-es{
		display: none;
	}
	.lang-switch, .interior .lang-switch{
		display: inline-block;
		list-style-type: none;
		padding: 0;
		margin: 0;
	}

.codrops-top a{
	font-size: 16px;
	color: #ffffff;
	text-decoration: none;
	transition: all ease .5s;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
}
	.interior .codrops-top a{
		color: #2c3f5e;
	}
	.codrops-top a:hover{
		color:  #b3393b;
	}
nav{
	position: absolute;
	right: 0;
	top: 31px;
}
	.desktop.nav ul{
		padding-right: 0;
	}
		nav ul li, .interior nav ul li{
			display: inline-block;
			padding: 0 8px;
			position: relative;
		}
			nav li.home{
				display: none;
			}
			.nav li.donate{
				padding-right: 0;
			}
				.nav .donate a{
					font-weight: 600;
			    font-size: 18px;
			    padding: 5px 10px;
			    border-radius: 5px;
			    background: #b3393b;
			    border-radius: 4px;

				}
				.nav .donate a::selection {
				    background: #b3393b;
				    color: #fff;
				    text-shadow: none;
				}
				.nav .donate a:hover {
				    background-color: #802829;
				    color: #ffffff;
						transition: all ease .3s;
				}
				.interior .nav .donate a{
					/* color: #b3393b; */
					padding: 5px 10px;
			    border-radius: 5px;
			    background: #b3393b;
			    border-radius: 4px;
					color: #ffffff;
				}
					.interior .nav .donate a:hover{
						/* color: #2c3f5e; */
						background-color: #802829;
				    color: #ffffff;
					}
			nav.nav ul li ul{
				display: none;
				text-align: left;
				position: absolute;
				padding: 0px;
				margin: 0px;
				width: 9em;
				background-color: rgba(255,255,255,0.2);
			}
				nav.nav ul li.menu-item-has-children:hover ul{
					display: block;
				}
				nav.nav ul li ul li{
					display: block;
					padding: 10px 10px;
					line-height: 20px;
				}
				.home nav.nav ul li ul li:hover{
					background-color: rgba(0, 9, 24, .8);
				}
					nav.nav ul li ul li a{
						display: block;
						width: 100%;
						transform: translateY(0px);
						-webkit-transform: translateY(0px);
					}
	.mobile-nav-wrap{
		display: none;
		position: absolute;
		height: 48px;
		width: 48px;
		color: #ffffff;
	}
		.mobile-nav select{
			top: 1px;
			height: 44px;
			width: 44px;
			margin: 0px auto;
			position: relative;
			border: none;
			outline: none;
			color: #999999;
		}
		.mobile-nav-wrap:after{
			pointer-events:none;
			content: '≡';
			display: block;
			top: 0px;
			left: 0px;
			height: 48px;
			width: 48px;
			line-height: 48px;
			font-size: 28px;
			font-family: arial, helvetica, sans-serif;
			margin: 0px auto;
			position: absolute;
			background-color: #b3393b;
			color: #ffffff;
			border: none;
			outline: none;
			border-radius: 4px;
			z-index: 200;
		}
form{
	text-align: center;
}
	#submit, #email, #zip,#hero-donate-btn, input, select, textarea{
		padding: 11px 14px;
		border-radius: 4px;
		border: none;
		font-size: 14px;
		font-family: Montserrat;
		font-weight: 300;
	}
	#email, #zip, input, select, textarea{
		max-width: 270px;
		width: 100%;
		margin: 10px 5px;
		background-color: #eaeaea;
	}
	.interests select.interests, .interests input[type="date"] {
		width: 98%;
	}
	.contact textarea{
		width: 97%;
		max-width: none;
	}
	.contact #email {
		max-width: none;
		width: 97%;
	}
	.contact #zip, .contact input, .contact select {
		width: 48%;
		max-width: none;
	}
	#submit, #hero-donate-btn{
		display: block;
		margin: 10px auto;
		max-width: 556px;
		width: 100%;
		background-color: #b3393b;
		color: #fff;
	}
	/*gravit forms variant*/
		#signup-form{
			text-align: center;
		}
		#signup-form .gform_wrapper{
			margin: 0px auto;
		}
			.interior .gform_wrapper form{
				text-align: center;
				font-size: 0px;
			}
		.gform_wrapper .gform_body{
			text-align: center;
			display: inline-block;
			vertical-align: top;
		}
			.interior .gform_wrapper .gform_body{
				max-width: 560px;
			}
		.gform_wrapper ul.gform_fields{
			display: inline-block;
		}
		#signup-form .gform_wrapper .gform_footer{
			padding: 0px;
			margin: 0px auto;
		}
			.interior #signup-form .gform_wrapper .gform_footer{
				display: inline-block;
				vertical-align: top;
				width: 280px;
			}
		#signup-form .gform_wrapper .ginput_complex.ginput_container{
			margin: 0px auto;
		}
		#signup-form .gform_wrapper .top_label div.ginput_container, #signup-form .gform_wrapper .ginput_complex.ginput_container_address .ginput_right{
			margin: 0px auto;
			padding: 0px;
			min-height: auto;
		}
		#signup-form .gform_wrapper div.validation_error{
			font-size: 16px;
			line-height: 30px;
			color: #d66868;
			border: none;
			margin: 0px auto;
		}
		#signup-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description{
			display: none;
		}
		#signup-form .gform_wrapper li.gfield.gfield_error, #signup-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{
			border-top: none;
			padding-bottom: 3px;
			background: transparent;
		}
		#input_4_1, #input_4_2_5, #gform_submit_button_4{
			padding: 11px 14px;
			border-radius: 4px;
			border: none;
			font-size: 14px;
			font-family: Montserrat;
			font-weight: 300;
			margin: 0px auto;
			width: 100%;
		}
		
		#field_4_1, #field_4_2{
			max-width: 270px !important;
			width: 100%;
			margin: 10px 5px !important;
			padding: 0px;
			display: inline-block;
			vertical-align: middle;
		}
		.home .grecaptcha-badge{
			position: relative !important;
			right: -165% !important;
			bottom: -263px !important;
			opacity: 0;
		}
		.home .grecaptcha-badge:hover{
			right: calc(-165% + 200px)!important;
		}
		#field_4_3{
			height: 0px;
			margin: 0px auto;
			padding: 0px;
		}
			#input_4_2_5_container{
				margin: 0px auto;
				width: 100%;
			}
			#input_4_1, #input_4_2_5{
				background-color: #eaeaea;
			}
		#gform_submit_button_4{
			display: block;
			margin: 10px auto;
			max-width: 556px;
			width: 100%;
			background-color: #b3393b;
			color: #fff;
		}
	#submit:hover, #gform_submit_button_4:hover{
		background-color: #802829;
		transition: all ease .5s;
		transform: scale(.9);
		-ms-transform: scale(.9); /* IE 9 */
		-webkit-transform: scale(.9); /* Chrome, Safari, Opera */
	}
	#hero-donate-btn{
		background-color: #289e0c;
    padding: 21px 14px;
		margin: 20px auto;
	}
	#hero-donate-btn:hover{
		background-color: #1f7709;
		transition: all ease .5s;
		transform: scale(.9);
		-ms-transform: scale(.9); /* IE 9 */
		-webkit-transform: scale(.9); /* Chrome, Safari, Opera */
	}
/*------------------------------------*\
		HOME VIDEO
\*------------------------------------*/
.video-section{
	position: relative;
	max-width: 1600px;
	width: 100%;
	padding: 90px 0;
	margin: 0 auto;
	clear: both;
}
	.video-left{
		float: left;
		max-width: 317px;
		width: 100%;
		width: 19.9%;
	}
	.video-right{
		float: left;
		max-width: 322px;
		width: 100%;
		/*width: 19.8%;*/
		width: 20.1%;
	}
	.video-wrapper{
		float: left;
		/*margin: -30px 37px 30px;*/
		margin: -30px 2.3% 42px;
		max-width: 887px;
		width: 100%;
		position: relative;
		padding-bottom: 27.9%;
		padding-top:30px;
		height:0;
		overflow:hidden;
		width: 55.4%;
	}
		.video-wrapper iframe{
			position: absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
		}
	.more-videos-btn{
		background-color: #b3393b;
		padding: 5px;
		border-radius: 4px;
		display: block;
		max-width: 263px;
		width: 100%;
		clear: both;
		text-align: center;
		margin: 0 auto;
	}
	.more-videos-btn:hover{
		background-color: #802829;
		transition: all ease .5s;
		transform: scale(.9);
		-ms-transform: scale(.9); /* IE 9 */
		-webkit-transform: scale(.9); /* Chrome, Safari, Opera */
	}
/*------------------------------------*\
		HOME EVENTS
\*------------------------------------*/

.events{
	position: relative;
	max-width: 1340px;
	margin: 0 auto;
}
	.event-wrapper{
		max-width: 1340px;
		padding: 46px 30px 20px;
		margin: 0 30px;
		background-image: url(/wp-content/themes/html5blank-cruz/img/event_bg2.jpg);
		background-size: cover;
		background-position: center center;
		text-align: center;
		color: #ffffff;
	}
	.events .color-overlay{
		margin: 0 30px;
		background-color: rgba(44, 63, 94, .7);
	}
	.event-content{
		position: relative;
	}
	.events h2{
		margin: 0;
	}
	.events h2:hover{
		color: #b3393b;
		transition: all ease .5s;
	}
	.events h3{
		margin: 0;
		padding-left: 20px;
	}
	.event-date{
		padding: 20px 0;
	}
	.event-date h3{
		text-transform: lowercase;
	}
	.event-excerpt{
			max-width: 599px;
			margin: 0 auto 15px;
	}
	.event-link-wrapper{
		display: flex;
		max-width: 465px;
		margin: 0 auto;
		padding: 30px;
}
	.link-border{
		width: 56px;
		border: 1px solid #fff;
	}
	.left.link-border{
		border-right: none;
		margin-right: 15px;
	}
	.right.link-border{
		border-left: none;
		margin-left: 15px;
	}
	.event-links{
		width: 263px;
	}
	.event-rsvp{
		background-color: #b3393b;
		padding: 5px;
		border-radius: 4px;
		display: block;
		margin-top: -20px;
		max-width: 263px;
		width: 100%;
		margin-bottom: 28px;
	}
	.event-rsvp:hover{
		background-color: #802829;
		transition: all ease .5s;
		transform: scale(.9);
		-ms-transform: scale(.9); /* IE 9 */
		-webkit-transform: scale(.9); /* Chrome, Safari, Opera */
	}
	.more-events{
		margin-bottom: -20px;
		padding: 5px;
		border: 1px solid #ffffff;
		display: block;
		border-radius: 4px;
	}
	.more-events:hover{
		background-color: #ffffff;
		color: #2c3f5e;
		transition: all ease .5s;
		transform: scale(.9);
		-ms-transform: scale(.9); /* IE 9 */
		-webkit-transform: scale(.9); /* Chrome, Safari, Opera */
	}
/*------------------------------------*\
		HOME NEWS
\*------------------------------------*/
.home-news{
	position: relative;
}
	.home-news .inner-wrapper{
		display: flex;
		flex-direction: row;
		padding: 107px 30px 106px;
	}

		.home-news article{
			flex: 1;
			-webkit-align-content: space-between;
			align-content: space-between;
		}
		.home-news article:nth-child(2){
			margin: 0 10px 0 20px;
		}

		.home-news article:nth-child(3){
			margin: 0 20px 0 10px;
		}
			.home-news .news-img{
				background-size: cover;
				background-position: center center;
				max-width: 305px;
				width: 100%;
				height: 152px;
				margin-bottom: 10px;
			}
			.img-overlay{
				width: 100%;
				min-height: 152px;
				height: 100%;
				background-color: rgba(0,16,41,.7);
				position: relative;
				transition: all ease .5s;
			}
				.img-overlay:hover{
					background-color: rgba(0,16,41,.5);
				}
			.no-thumbnail{
				position: relative;
				height: 152px;
				margin-bottom: 10px;
			}
			.cat-icon{
				position: relative;
				top: 50%;
				transform: translateY(-50%);
				margin: 0 auto;
				display: block;
				text-align: center;
				font-size: 42px;
				color: #ffffff;
				opacity: 1;
			}
			span.category-date{
				font-size: 14px;
			}
				/*category link*/
				.category-date a{
					color: #b3393b;
					margin-right: 8px;
				}
				.separator{
					color: #b3393b;
					margin-right: 8px;
				}
			.home-news h4{
				margin: 4px 0px 2px;
			}
				.home-news h4 a{
					color: #2c3f5e;
					transition: all ease .5s;
				}
				.home-news h4 a:hover{
					color: #b3393b;
				}
			.home-news p{
				margin: 0;
			}
				/*read more*/
				.view-article{
					display: block;
					color: #b3393b;
					margin: 10px 0;
				}
					.view-article:hover{
						color: #802829;
					}

/*------------------------------------*\
	FOOTER
\*------------------------------------*/
footer{
	position: relative;
}
.footer-featured{
	position: relative;
	margin: 62px auto;
	border-left: 97px solid #e8e8e8;
	border-right: 97px solid #e8e8e8;
	text-align: center;
	background-color: #e8e8e8;
	font-size: 0px;
	line-height: 0px;
}
.button-wrapper{
	background-color: #ffffff;
	max-width: 1408px;
	margin: 0 auto;
}

/*footer*/
footer .featured-btns{
	/*width: 27.5%;
	margin: 0px 2%;*/
	/*for three buttons*/
	width: 40%;
	margin: 0px 3%;
	opacity: 1;
	display: inline-block;
}
	.featured-btns .color-overlay{
		transition: all ease .5s;
	}
	.featured-btns:hover .color-overlay{
		background-color: rgba(0,16,41,0.5);
	}
/*homepage header*/
.featured-btns{
	display: inline-block;
	width: 48%;
	padding: 40px 0;
	position: relative;
	margin: 50px 2% 0px 0px;
	background-position: center center;
	background-size: cover;
	vertical-align: middle;
}

.featured-btns h4{
	text-align: center;
	color: #ffffff;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: relative;
}
#events-btn{
	background-image: url(/wp-content/themes/html5blank-cruz/img/events_btn2.jpg);
}
#store-btn{
	background-image: url(/wp-content/themes/html5blank-cruz/img/store_btn.jpg);
}
#donate-btn{
	background-image: url(/wp-content/themes/html5blank-cruz/img/donate_button2.png);
}
footer .donate{
	background-image: url(/wp-content/themes/html5blank-cruz/img/donate_bg2.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}
footer .donate .color-overlay{
	background-color: rgba(0, 9, 24, .8);
}
footer .donate .inner-wrapper{
		padding: 87px 30px 110px;
		position: relative;
}
footer .donate h2{
	text-transform: uppercase;
	margin: 0 auto;
}
.donate h3{
		margin: 18px 0 40px;
}
footer .donate .sub1{
	margin-bottom: 18px;
}
.donation-amounts{
	text-align: center;
}
.amount-btn{
	background-color: #289e0c;
	padding: 5px 15px;
	border-radius: 4px;
	max-width: 102px;
	width: 100%;
	display: inline-block;
	margin: 0 8px;
}
a.amount-btn{
	color: #ffffff;
}
a.amount-btn:hover{
	color: #ffffff;
}
.amount-btn:hover{
	background-color: #b3393b;
	transform: scale(1.1);
	-ms-transform: scale(1.1); /* IE 9 */
	-webkit-transform: scale(1.1); /* Chrome, Safari, Opera */
	transition: all ease .3s;
}
footer .bottom{
	position: relative;
	text-align: center;
	background-color: #fff;
	padding: 0 0 39px;
}
.video-block{
	position: absolute;
	overflow: hidden;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.video-block .color-overlay{
	background-color: rgba(0, 16, 41, .9);
}
#footer-video{
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto;
	min-width: 1600px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.bottom .inner-wrapper{
	padding: 60px 30px 300px;
	position: relative;
}
.footer-logo img{
	transition: all ease .5s;
}
.footer-logo img:hover{
	transform: scale(1.1);
	-ms-transform: scale(1.1); /* IE 9 */
	-webkit-transform: scale(1.1); /* Chrome, Safari, Opera */
}
.footer-social i{
	color: #ffffff;
	font-size: 41px;
	margin: 34px 15px 55px;
	transition: all ease .5s;
}
.footer-social i:hover{
	color: #b3393b;
	transform: scale(1.1);
	-ms-transform: scale(1.1); /* IE 9 */
	-webkit-transform: scale(1.1); /* Chrome, Safari, Opera */
}
#disclaimer{
		display: inline-block;
		padding: 12px 15px;
		border: 1px solid #2c3f5e;
}
.footer-menu{
		margin-top: 75px;
}
.footer-menu a, .footer-menu span{
		margin: 0 10px;
		padding: 0px;
		color: #2c3f5e;
		white-space: nowrap;
}
.footer-menu a:hover{
	color: #ffffff;
	transition: all ease .5s;
}
/* wrapper */
.inner-wrapper, .interior main{
	max-width:1340px;
	padding: 0 30px;
	width:100%;
	margin:0 auto;
	/*position:relative;*/
}

/*------------------------------------*\
		INTERIOR PAGES
\*------------------------------------*/
.interior .wrapper{
	padding-top: 50px;
}
.page-title{
	position: relative;
	background-image: url(/wp-content/themes/html5blank-cruz/img/interior_header_tall.jpg);
	background-size: cover;
	background-position: center 25%;
}
	.page-title a{
		color: #ffffff;
	}
	.page-title a:hover{
		color: #ffffff;
	}
.page-title h2{
	position: relative;
	padding: 50px 0px 48px;
	margin: 39px auto 36px;
}
.interior-signup{
	margin: 0px auto 20px;
	text-align: center;
}
.interior-signup h3{
	color: #b3393b;
	margin: 0px auto 26px;
}
.interior-signup #email,
.interior-signup #zip{
	margin: 10px 5px;
}
.interior-signup #submit, .interior-signup #gform_submit_button_4{
	display: inline-block;
	max-width: 270px;
	width: 100%;
	margin: 10px 5px;
}

.article-title{
	text-align: left;
	margin: 36px auto 10px;
}
.interior-shares-header-link{
	position: absolute;
	z-index: 100;
	right: 70px;
	bottom: -28px;
}
	.interior .interior-shares-header-icon{
		color: #ffffff;
		line-height: 51px;
		font-size: 28px;
		width: 56px;
		height: 51px;
		background-color: #b3393b;
		border-radius: 5px;
		text-align: center;
		position: relative;
		z-index: 150;
	}
	.interior-shares-header-link:hover .interior-shares-header-icon{
		transition: all ease .5s;
		transform: scale(.9);
		-ms-transform: scale(.9);
		-webkit-transform: scale(.9);
	}

	.interior-shares-header-twitter i, .interior-shares-header-facebook i, .interior-shares-header-google i, .interior-shares-header-email i{
		color: #ffffff;
		width: 30px;
		height: 30px;
		line-height: 28px;
		font-size: 16px;
		background-color: #b3393b;
		border-radius: 5px;
		text-align: center;
		transition: all ease .5s;
	}
	.interior-shares-header-twitter i:hover, .interior-shares-header-facebook i:hover, .interior-shares-header-google i:hover, .interior-shares-header-email i:hover{
		background-color: #802829;
	}

	.interior-shares-header-twitter{
		transition: all ease .5s;
		z-index: 50;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	.interior-shares-header-link:hover .interior-shares-header-twitter{
		left: -38px;
		top: -10px;
	}
	.interior-shares-header-facebook{
		transition: all ease .5s;
		z-index: 50;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	.interior-shares-header-link:hover .interior-shares-header-facebook{
		left: -6px;
		top: -35px;
	}
	.interior-shares-header-google{
		transition: all ease .5s;
		z-index: 50;
		position: absolute;
		top: 0px;
		right: 0px;
	}
	.interior-shares-header-link:hover .interior-shares-header-google{
		right: -6px;
		top: -35px;
	}
	.interior-shares-header-email{
		transition: all ease .5s;
		z-index: 50;
		position: absolute;
		top: 0px;
		right: 0px;
	}
	.interior-shares-header-link:hover .interior-shares-header-email{
		right: -38px;
		top: -10px;
	}

#interior-shares-footer{
	margin: 0px auto 80px;
}
	a.interior-shares-footer-link{
		color: #2c3f5e;
	}
		a.interior-shares-footer-link:hover{
			color: #b3393b;
		}
	.interior-shares-footer-link i{
		font-size: 24px;
		line-height: 30px;
		margin: 0px 5px;
	}
	.interior-tags-list{
		display: inline-block;
		color: #00b4da;
		font-size: 14px;
		line-height: 30px;
	}
	.interior-tags-list a{
		color: #00b4da;
		font-style: italic;
	}
.search-results{

}
	.search-results article{
		clear: both;
		margin: 0px auto 20px;
		padding: 0px 0px 20px;
	}
	.search-results .wp-post-image{
		float: left;
		margin: 8px 20px 20px 0px;
	}

/*interior forms*/
form.info {
    background-color: #eaeaea;
    padding: 30px;
}

form.info input,
form.info select,
form.info textarea,
form.info #zip,
form.info #email,
form.info label span {
    background-color: #ffffff;
}
#Campaign_ID, #campaign_label{
	display: none;
}
.volunteer-form, .interests-form {
	font-size: 0;
}
.interior-signup.volunteer-form input,
.interior-signup.volunteer-form #zip{
	max-width: none;
	width: 48%;
	margin: 10px 1%;
}
.interior-signup.volunteer-form #email{
	max-width: none;
	width: 98%;
	margin: 10px 1%;
}
.check-group{
	margin: 30px;
	text-align: left;
}
.check-group label {
    max-width: none;
    width: 32%;
    text-align: left;
		line-height: 32px;
}
.interests-form label {
    max-width: none;
		width: 31%;
    margin: 10px 1%;
    text-align: left;
}
.interests-form #email,
.interests-form #zip,
.interests-form input{
	max-width: 32%;
}
/*------------------------------------*\
		IMAGES
\*------------------------------------*/
.interior .content img{
	max-width: 42%;
	width: 100%;
	float: left;
	margin: 23px 20px 20px 0;
}

/*------------------------------------*\
		RESPONSIVE
\*------------------------------------*/
@media only screen and (max-width:1100px){
	.home .grecaptcha-badge{
		right: -168% !important;
	}
	.home .grecaptcha-badge:hover{
		right: calc(-168% + 200px) !important;
	}
	.splashContainer {
		position: absolute;
		top: 55%;
		transform: translateY(-55%);
		font-size: 18px;
		line-height: 24px;
		width: 50%;
		max-width: inherit;
		left: inherit;
	}
	#logo{
		margin-top: -5px;
		max-width: 120px;
	}
	.desktop.nav{
		right: 0;
		left: 0;
		text-align: center;
	}
		#hero-form, #signup-form{
			padding: 0px 20px;
		}
		.interior #signup-form{
			max-width: 600px;
			width: 100%;
		}
		.interior-signup h3{
			margin: 0px auto;
		}
		.interior .gform_wrapper .gform_body{
			width: 100%;
		}
			#signup-form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]){
				min-height: auto;
				line-height: normal;
			}
			#email, #zip, input{
				max-width: none;
				width: 48%;
				margin: 20px 1% 10px;
			}
			#field_4_1, #field_4_2{
				max-width: none !important;
				width: 48%;
				margin: 20px 1% 10px !important;
			}
			.interior #field_4_1, #field_4_2{
				
			}
			#submit, #hero-donate-btn, #gform_submit_button_4, .interior-signup #gform_submit_button_4{
				display: inline-block;
				max-width: none;
				width: 98%;
				margin: 10px 1%;
			}
			.interior #signup-form .gform_wrapper .gform_footer{
				width: 100%;
			}
			.featured-btns{
				margin: 20px 2% 0px 0px;
			}
	.home-news .inner-wrapper{
		display: block;
		-webkit-columns: 2; /* Chrome, Safari, Opera */
		-moz-columns: 2; /* Firefox */
		columns: 2;
		column-gap: 0;
	}
	.home-news article{
		display: block;
		-webkit-column-break-inside: avoid;
		page-break-inside: avoid; /* Firefox is dumb */
		break-inside: avoid;
		padding: 30px;
	}
	.home-news article:nth-child(2){
			margin: 0 0 0 0;
	}
	.home-news article:nth-child(3){
			margin: 0 0 0 0;
	}
	.home-news .news-img{
		max-width: none;
	}
	.interior-signup #email,
	.interior-signup #zip,
	.interior-signup #submit,
	.interior-signup label,
	.interior-signup input,
	.interior-signup select{
		margin: 10px 2px;
		max-width: none;
		width: 32%;
	}
	.contact #email{
		max-width: none;
		width: 97%;
	}
	.contact input,
	.contact select,
	.contact #zip{
		width: 48%;
	}
	.check-group label {
	    max-width: none;
	    width: 49%;
	}
	.footer-featured{
		border-left: 20px solid #e8e8e8;
		border-right: 20px solid #e8e8e8;
	}
	footer .donate h2{
		font-size: 40px;
		line-height: 48px;
	}
}
@media only screen and (max-width:980px){
	.home .grecaptcha-badge{
		opacity: 0;
	}
}
@media only screen and (max-width:780px){
	.splash img#logo {
		max-width: 300px;
		width: 100%;
	}
	.logo{
		padding-left: 0px;
	}
	.desktop.nav ul{
		display: none;
	}
	.mobile-nav-wrap{
		display: block;
	}
	form.search.transition{
		display: none;
	}
	.desktop.nav{
		position: relative;
		right: auto;
		left: auto;
		top: auto;
		bottom: -134px;
	}
	.home .desktop.nav{
		bottom: -48px;
	}
	.home .grid-wrap{
		background-image: none;
	}
	.interior-shares-header-link{
		right: 40px;
	}
	.video-left, .video-right {
		display: none;
	}
	.video-wrapper{
		margin: 0px 0 30px;
		width: 100%;
		padding-bottom: 50%;
	}
	.event-wrapper{
		margin: 0 0;
	}
	.events .color-overlay{
		margin: 0 0;
	}
	.home-news .inner-wrapper{
		display: block;
		-webkit-columns: initial; /* Chrome, Safari, Opera */
		-moz-columns: initial; /* Firefox */
		columns: initial;
		column-gap: 0;
	}
	.home-news article{
		display: block;
		padding: 15px 0;
	}
	.home-news .news-img{
		height: 250px;
	}
	.footer-featured{
		border-left: none;
		border-right: none;
	}
	footer .featured-btns{
		padding: 20px 0;
		width: 80%;
		margin: 10px 3%;
	}
	footer .donate{
		background-position: center center;
	}
	footer .donate .inner-wrapper{
			padding: 30px;
	}
	footer .donate h2{
		max-width: 760px;
		text-transform: uppercase;
		font-size: 30px;
		line-height: 38px;
	}
	footer h3{
		font-size: 24px;
	}
	.amount-btn{
		max-width: 40%;
		margin: 15px 4%;
	}
	.inner-wrapper, .interior main{
		padding: 0px;
	}
	.interior main .page, .interior main .post{
		padding: 0px 20px;
	}
		.page-title h2{
			padding: 30px 0px;
			margin: 0px auto 28px;
		}
		.interior-signup h3{
			font-size: 20px;
			line-height: 32px;
			margin: 30px auto 0px;
		}
		.interior-signup{
			margin: 0px auto 20px;
			font-size: 0px;
			line-height: 0px;
			padding: 1px 10px;
		}
		.interior-signup #submit,
		.interior-signup #zip,
		.interior-signup label,
		.interior-signup input,
		.interior-signup select{
			width: 48%;
			margin: 5px 1%;
		}
		.interior-signup #email{
			width: 98%;
			margin: 5px 1%;
		}
		.interior-signup.volunteer-form input{
			width: 48%;
		}
		.volunteer-form label, .interests-form label{
			display: block;
			width: 100%;
			margin: 15px auto;
		}
		.volunteer-form #email{
			width: 98%;
		}
		.contact #email, .contact textarea{
			width: 98%;
		}
		/*for iOS*/
		.interests input[type="date"]{
			min-width: 75%;
		}
		.interior .tweet-wrapper{
			box-shadow: none;
			border-right: 5px solid #d1d1d1;
			border-bottom: 5px solid #d1d1d1;
		}
		.interior .tw-img{
			height: 150px;
		}
		.interior .grid h3 {
	    text-align: left;
		}
		.interior .grid h3{
			margin: 20px 0;
		}
		.interior .tw-content, .interior .grid h3 {
	    padding: 0 15px 0 0;
		}
	footer .bottom{
		padding: 0px;
	}
		.bottom .inner-wrapper{
			background-color: rgb(16,31,55);
		}
		.video-block{
			display: none;
		}
}
@media only screen and (max-width:740px){
	.splashDonate{
		margin-bottom: 0px;
	}
	.splashPage {
		background-position: 63% 100%;
	}
	.splashPage.victory{
		background-position: 63% 100%;
	}
	.splashBack {
		font-weight: 600;
		font-size: 18px;
		padding: 20px 0px;
		border-radius: 5px;
		border-radius: 4px;
		display: block;
	}
	.splashlogo.desktop {
		display: none;
	}
	.splashlogo.mobile {
		display: block;
	}
	.splashContainer {
		position: absolute;
		top: 88%;
		transform: translateY(-100%);
		padding-left: 30px;
		font-size: 18px;
		line-height: 24px;
		width: 100%;
		max-width: inherit;
		left: inherit;
	}
	.splashContainer h1 {
		color: #ffffff;
		font-family: "Montserrat", sans-serif;
		/* font-weight: 600; */
		font-size: 20px;
		line-height: 30px;
	}
	.codrops-top{
		padding: 0px 20px;
	}
	h2{
		font-size: 36px;
		line-height: 46px;
	}
	.video-section{
		padding: 60px 0px;
	}
	.home-news .inner-wrapper{
		padding: 60px 30px 30px;
	}
	.footer-menu{
		margin-top: 30px;
	}
	.bottom .inner-wrapper{
		padding: 60px 30px 180px;
	}
}
/*------------------------------------*\
		MISC
\*------------------------------------*/
.clearfix:after{
	content: "";
	display: table;
	clear: both;
}
::selection{
	background:#2c3f5e;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection{
	background:#2c3f5e;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection{
	background:#2c3f5e;
	color:#FFF;
	text-shadow:none;
}
::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
	color: #2c3f5e;
}
::-moz-placeholder{ /* Firefox 19+ */
	color: #2c3f5e;
}
:-ms-input-placeholder{ /* IE 10+ */
	color: #2c3f5e;
}
:-moz-placeholder{ /* Firefox 18- */
	color: #2c3f5e;
}

/*------------------------------------*\
		WORDPRESS CORE
\*------------------------------------*/

.alignnone{
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter{
	display:block;
	margin:5px auto 5px auto;
}
.alignright{
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft{
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright{
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone{
	margin:5px 20px 20px 0;
}
a img.alignleft{
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter{
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption{
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone{
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft{
	margin:5px 20px 20px 0;
}
.wp-caption.alignright{
	margin:5px 0 20px 20px;
}
.wp-caption img{
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption{
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.pagination{
	display: block;
	text-align: center;
}

/*------------------------------------*\
		Misc Edit
\*------------------------------------*/
.intro-effect-side.modify nav .donate a {
		color: #ffffff;
}