/* Containers */
	.wrapper{margin:0 auto;width:940px;position:relative;}
	.row{margin-left:-32px;*zoom:1;}
	.row.nomar{margin:0 !important;}
	.row:before,
	.row:after{display:table;content:"";}
	.row:after{clear:both;}
	*[class*="span"]{float:left;margin-left:32px;}
	*[class*="span"].fcenter{float:none;margin:0 auto;}
	.span12 {width: 940px;}
	.span11 {width: 859px;}
	.span10 {width: 778px;}
	.span9 {width: 697px;}
	.span8 {width: 616px;}
	.span7 {width: 535px;}
	.span6 {width: 454px;}
	.span5 {width: 373px;}
	.span4 {width: 292px;}
	.span3 {width: 211px;}
	.span2 {width: 130px;}
	.span1 {width: 49px;}
	
	.placeholder{min-height:1px;}
	
	/*100% height ensures full-height works */
	.container{height:100%;margin:0 auto;max-width:1440px;background-color:#fff;}
	
/* General */
	*{line-height:180%}
	br{line-height:100%}
	html, body{color:#000;font-size:100%;margin:0;padding:0;height:100%;}
	img.alignright {float:right; margin:0 0 1em 1em}
	img.alignleft {float:left; margin:0 1em 1em 0}
	img.aligncenter {display: block; margin-left: auto; margin-right: auto}
	.alignright {float:right; }
	.alignleft {float:left; }
	.aligncenter {display: block; margin-left: auto; margin-right: auto}
	
	.center{text-align:center;}
	.right{text-align:right;}
	
	.fleft{float:left;}
	.fright{float:right!important;}
	.fcenter{float:none;margin:0 auto;}
	
	
	hr{background-color:#999999;border:none;height:1px;margin:2em 0;}

	h1,h2,h3,h4,h5,h6{font-weight:normal;line-height:120%;margin:1rem 0;}
	h1{font-size:56px;margin:2rem 0;}
	h2{font-size:48px;margin:2rem 0;}
	h3{font-size:32px;}
	h4{font-size:24px;}
	h5{font-size:18px;}
	h6{font-size:16px;}
	
	a{text-decoration:none;transition:0.2s all;}
	
	.play-icon{background-color:rgba(0,0,0,0.5);border:1px solid #fff;border-radius:100px;display:block;height:100px;line-height:0;margin:0 auto;position:relative;text-align:center;width:100px;transition:0.2s all;}
	.play-icon:hover{background-color:rgba(0,0,0,0.7);}
	.play-icon:before{border:solid transparent;border-left-color:#fff;border-width:20px 40px;content:'';display:block;left:35px;position:absolute;top:30px;}
	.video-popup + .social{display:none;}
	.mfp-content .social{position:absolute;}
	
	a.video-popup{display:block;position:relative;}
	a.video-popup img{display:block;}
	a.video-popup .play-icon{position:absolute;left:50%;margin-left:-50px;margin-top:-50px;top:50%;}
	
	a.btn{border:1px solid;border-radius:4px;padding:6px 1rem 4px;text-decoration:none !important;opacity:0.9;transition:0.2s all;display:inline-block;}
	a.btn:hover{opacity:1.0;}
	a.btn:before{vertical-align:middle;margin-right:0.5rem;}
	a.btn + a.btn{margin-left:1rem;}
	
	.embed-container{float:none;position: relative;padding-bottom: 56.25%; /* 16/9 ratio */padding-top: 30px; /* IE6 workaround*/height: 0;margin-bottom:1em;overflow: hidden;}
	.embed-container iframe,
	.embed-container object,
	.embed-container embed{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index:0;}
	
	button, input[type="text"], input[type="password"], input[type="number"], input[type="email"], input[type="submit"], textarea{border-radius:4px;color:#777777 !important;-webkit-appearance: none;}
	button, input[type="submit"]{border:none;border-radius:4px;color:#fff !important;cursor:pointer;padding:0.5rem 2rem;opacity:0.9;transition:0.2s all;}
	button:hover, input[type="submit"]:hover{cursor:pointer;opacity:1.0;}
	input:focus{outline:none;}
	input, textarea{border:1px solid #b3b3b3;text-indent:0.5rem;}
	
	.mfp-content .social{display:block;text-align:center;padding-top:1rem;width:100%;}
	.mfp-content .social a{color:#fff;}
	.mfp-ready .mfp-content .social a{opacity:1;transition:2s opacity;}
	
/* Animations */
	/*
	.animated:not(.none){opacity:0;}
	.visibleness .visible .animated:not(.none){opacity:1;transition:2s opacity;}
	.visibleness .visible .animated + .animated{-webkit-animation-delay: 0.2s;animation-delay: 0.2s;-webkit-transition-delay: 0.2s; transition-delay: 0.2s;}
	.visibleness .visible .animated + .animated + .animated{-webkit-animation-delay: 0.4s;animation-delay: 0.4s;-webkit-transition-delay: 0.4s; transition-delay: 0.4s;}
	
	.visibleness .animated .animated{-webkit-animation-delay: 1s;animation-delay: 1s;}
	.visibleness .visible .animated .animated{opacity:1;transition:2s opacity;}
	.visibleness .visible .animated .animated + .animated{-webkit-animation-delay: 1.2s;animation-delay: 1.2s;-webkit-transition-delay: 1.2s; transition-delay: 1.2s;}
	.visibleness .visible .animated .animated + .animated + .animated{-webkit-animation-delay: 1.4s;animation-delay: 1.4s;-webkit-transition-delay: 1.4s; transition-delay: 1.4s;}
	*/
	/* set a delay when animations are not siblings */
	.visibleness .visible .animatedelay1 .animated{-webkit-animation-delay: 0.2s;animation-delay: 0.2s;-webkit-transition-delay: 0.2s; transition-delay: 0.2s;}
	.visibleness .visible .animatedelay2 .animated{-webkit-animation-delay: 0.4s;animation-delay: 0.4s;-webkit-transition-delay: 0.4s; transition-delay: 0.4s;}
	
	/* For Video */
	.animateIn.mfp-bg{opacity: 0;-webkit-transition: all 1s; transition: all 1s; }
	.animateIn.mfp-ready.mfp-bg{opacity: 0.8;-webkit-transition: all 0.2s; transition: all 0.2s; }
	.animateIn.mfp-removing.mfp-bg{opacity: 0;-webkit-transition: all 0.2s; transition: all 0.2s; }
	.animateIn .mfp-content{opacity: 0;-webkit-transition: all 1s; transition: all 1s; -webkit-transform: scale(0.8) translateY(-20px) perspective( 600px ) rotateX( 10deg ); transform: scale(0.8) translateY(-20px) perspective( 600px ) rotateX( 10deg ); }
	.animateIn.mfp-ready .mfp-content{opacity: 1;-webkit-transition: all 0.2s; transition: all 0.2s; -webkit-transform: scale(1) translateY(0px) perspective( 600px ) rotateX( 0deg ); transform: scale(1) translateY(0px) perspective( 600px ) rotateX( 0deg ); }
	.animateIn.mfp-removing .mfp-content{opacity: 0;-webkit-transition: all 0.2s; transition: all 0.2s; -webkit-transform: scale(0.8) translateY(-20px) perspective( 600px ) rotateX( 10deg ); transform: scale(0.8) translateY(-20px) perspective( 600px ) rotateX( 10deg ); }

/* Header */
	#header{font-size:24px;height:60px;padding:10px 0;position:relative;z-index:10;}
	#header.white{background-color:#fff;}
	#header.transparent + .block{margin-top:-80px;padding-top:280px;}
	
	#logo{float:left;margin:0;}
	#logo a, #logo a img{display:block;}
	
	#links{float:right;}
	#links a + a{margin-left:1.5em;}
	#links a.ss-icon{display:inline-block;margin-top:3px;vertical-align:middle;}
	#links #donate{background-color:#fff;border-radius:4px;border:1px solid;display:inline-block;margin-left:1.5em;line-height:58px;padding:0 2rem;text-align: center;}
	#header.transparent #donate{border-color:#fff;}
	
	/*dont align links with logo on transparent header*/
	#header.transparent #links{height:60px;line-height:60px;}
	
/* Footer */
	#footer{font-size:12px;text-align:center;padding:3rem 0;}
	#footer *{opacity:0.8;}
	
	#footer.text-white *{color:#fff;}
	#footer.text-white a{color:#fff;text-decoration:underline;}
	
	#footer .box{border:1px solid;border-radius:6px;margin:0 auto 2rem;max-width:370px;padding:1rem;}
	
/* Blocks */
	.block.full-height{box-sizing:border-box;min-height:100%;}
	
	.block{background-color:#fff;background-position:50% 50%;background-size:cover;min-height:20px;padding:4rem 0;position:relative;}
	.block.fix_background{background-attachment:fixed;}
	.block.samesies{padding-top:0;}
	.block img{display:block;height:auto;max-width:100%;margin:0 auto;}
	.block .copy{padding:1rem 2rem 0;}
	
	.block .center h2{margin-bottom:0;}
	
	.block.text-black{}
	.block.text-white *{color:#fff;}
	.block.text-white a{color:#fff;text-decoration:underline;outline:none;}
	.block.copy-white p{color:#fff;}
	.block.copy-black p{color:#fff;}
	
	/* Block types */
	
	.block .left .play-icon{margin-left:0;}
	.block .right .play-icon{margin-right:0;}
	
	.block.hero{padding:200px 0;}
	.block.hero.video-player-page{padding:100px 0;}
	
	.block.subtitle h3{text-align:center;}
	.block.subtitle h3.left{text-align:left;}
	.block.subtitle h3.right{text-align:right;}
	
	.block.photo_with_content .span6{display: inline-block !important;float:none;margin-right:-0.25rem;vertical-align: middle;}
	.block.photo_with_content .span6 .copy{padding-top:0;}
	.block.photo_with_content .span12 .copy{padding-top:0;}
	
	.block.photo_full_with_copy{padding:200px 0;}
	.block.photo_full_with_copy .copy{padding:1rem 2rem;}
	
	.block .mopho{display:none;}
	
	.block.social h3{margin-top:0;margin-bottom:2rem;}
	
/* Video Shortcode */
	.wp-video{width:100%!important;}
	
	.bgvid-container{position: absolute;top: 0;bottom: 0;width: 100%;height: 100%; overflow: hidden;}
	.bgvid{ min-width: 100%; min-height: 100%; width: auto; height: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
	
/* Form Overlay */
	form .overlay.active{bottom:-2em;left:-2em;top:-2em;right:-2em;}
	
/* Media Queries */
	.visible-phone {display: none !important;}
	.visible-tablet {display: none !important;}
	.hidden-desktop {display: none !important;}
	@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-resolution: 320dpi){
	}
	@media (min-width: 1260px) {
		.wrapper{margin:0 auto;width:1200px;position:relative;}
		.row {margin-left: -48px;*zoom: 1;}
		.row:before,
		.row:after {display: table;content: "";}
		.row:after {clear: both;}
		[class*="span"] {float: left;margin-left: 48px;}
		[class*="span"].fcenter{float:none;margin:0 auto;}
		.span12 {width: 1200px;}
		.span11 {width: 1096px;}
		.span10 {width: 992px;}
		.span9 {width: 888px;}
		.span8 {width: 784px;}
		.span7 {width: 680px;}
		.span6 {width: 576px;}
		.span5 {width: 472px;}
		.span4 {width: 368px;}
		.span3 {width: 264px;}
		.span2 {width: 160px;}
		.span1 {width: 56px;}
	}
	@media (min-width: 768px) and (max-width: 979px) {
		.visible-tablet {display: inherit !important;}
		.hidden-tablet {display: none !important;}
		.hidden-desktop {display: inherit !important;}
		.visible-desktop {display: none !important ;}
		.wrapper{width:720px;}
		.row {margin-left: -24px;*zoom: 1;}
		.row:before,
		.row:after {display: table;content: "";}
		.row:after {clear: both;}
		[class*="span"] {float: left;margin-left: 24px;}
		[class*="span"].fcenter{float:none;margin:0 auto;}
		.span12 {width: 720px;}
		.span11 {width: 658px;}
		.span10 {width: 596px;}
		.span9 {width: 534px;}
		.span8 {width: 472px;}
		.span7 {width: 410px;}
		.span6 {width: 348px;}
		.span5 {width: 286px;}
		.span4 {width: 224px;}
		.span3 {width: 162px;}
		.span2 {width: 100px;}
		.span1 {width: 38px;}
		
		.block .copy{padding:0 0 1rem;}
		.block.subtitle h3{padding-left:15%;padding-right:15%;}
	}
	@media (max-width: 979px) {
		
	}
	@media (max-width: 767px) {
		.visible-phone {display: inherit !important;}
		.hidden-phone {display: none !important;}
		.hidden-desktop {display: inherit !important;}
		.visible-desktop {display: none !important;}
		.wrapper{width:96%;padding:0 2%}
		.row{margin-left: 0;}
		[class*="span"]{display: block;float: none !important;width: auto;margin: 0 auto;max-width:576px;}
		.block.photo_with_content .span6{display:block !important;margin: 0 auto;}
	}
	@media (max-width: 480px) {
		#logo{width:50%;}
		#logo img{height:auto;max-width:100%;}
		#header.transparent + .block{padding-bottom:50px;}
		#header #links a#donate{display:block;float:none;margin:0;}
		#header #links a.ss-icon + a{margin-right:1.5em;}
		.block{padding:2rem 0;}
		.block img{width:100%;}
		.block.subtitle h3{padding-left:15%;padding-right:15%;}
		.block .copy{padding:0 1rem 1rem;}
		.block.photo_full_with_copy{padding:100px 0;}
		.block.mobile-photo{background-image:none !important;}
		.block .mopho{display:block;margin:1rem 0;}
		
		.bgvid-container{display:none;}
		#footer{padding:2rem 1rem;}
		.social a.btn{display:block;}
		.social a.btn + a.btn{margin:1em 0 0 0;}
		h1{font-size:40px;}
		h2{font-size:32px;}
		h3{font-size:24px;}
		h4{font-size:18px;}
		h5{font-size:14px;}
		h6{font-size:12px;}
	}
    
.gform_wrapper .gform_footer {
    padding-right: 16px !important;
}

@media only screen and (max-width: 641px) {
    .gform_wrapper .gform_footer {
        padding-right: 0px !important;
    }
}

.error-message-404 {
    text-align: center;
    font-size: 36px;
    padding-top: 100px;
    padding-bottom: 100px;
}

.error-message-404 a {
    text-decoration: underline;
}

/* Flip Clock */
.flip-clock-wrapper {
   	margin: auto;
    display: table;
	width: inherit;
}

/* ~FlipClock */

@media only screen and (max-width: 500px) {
	.flip-clock-wrapper * {
		line-height: 80%;
	}
}

.flip-clock-wrapper * {
	line-height: 120%;
}
	
@media only screen and (max-width: 500px) {
	.flip-clock-wrapper ul {
	  width: 20px;
	  height: 30px;
	  margin: 0 4px;
	  border-radius: 10px;
	}
}

.flip-clock-wrapper ul li {
  line-height: 84px;
}

@media only screen and (max-width: 500px) {
	.flip-clock-wrapper ul li a div div.inn {
	  font-size: 12px;
	  border-radius: 10px;
	}
}
.flip-clock-wrapper ul li a div.down {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.flip-clock-wrapper ul li a div.up:after {
  top: 41px;
}
/*
.flip-clock-wrapper ul.flip:nth-child(4),
.flip-clock-wrapper ul.flip:nth-child(5),
.flip-clock-wrapper ul.flip:nth-child(6),
.flip-clock-wrapper ul.flip:nth-child(7),
.flip-clock-wrapper ul.flip:nth-child(8),
.flip-clock-wrapper ul.flip:nth-child(10),
.flip-clock-wrapper ul.flip:nth-child(11) {
  display: none;
}
*/
.flip-clock-dot {
  width: 6px;
  height: 6px;
  left: 6px;
}

@media only screen and (max-width: 500px) {
	.flip-clock-dot.top {
	  top: 20px;
	}
	.flip-clock-dot.bottom {
	  top: 30px;
	}
}
.flip-clock-divider {
  width: 18px;
}
/*
.flip-clock-divider.days,
.flip-clock-divider.hours,
.flip-clock-divider.minutes {
  display: none;
}
*/

.flip-clock-wrapper ul li a div.down {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.flip-clock-wrapper ul li {
    line-height: 84px;
}

@media only screen and (max-width: 500px) {
	.flip {
		padding: 5px 15px;
	}
}

/* custom clock */
.countup {
	display: table;
    margin: auto;
}
.countup .section {
	display: inline-block;
    padding: 20px;
    text-align: center;
}

.countup .time {
	font-size: 75px;
}

@media only screen and (max-width: 1000px) {
	.countup .time {
		font-size: 60px;
	}
}

@media only screen and (max-width: 500px) {
	.countup .time {
		font-size: 24px;
	}
}

.countup .label {
	color: rgba(255, 255, 255, .5);
}
