/*
Theme Name: Florida Competes
Theme URI: http://www.floridacompetes.org

Version: 2.0
Description: Original responsive design for Florida Competes.

Author: Olive Digital
Author URI: http://www.olive.digital

*************************************************************************************/

html {
    -webkit-text-size-adjust: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	transition:
		color 0.5s ease,
		border-bottom 0.25s ease,
		background-color 0.5s ease,
		background-size 0.5s ease,
		opacity 0.5s ease,
		box-shadow .5s ease,
		padding .5s ease,
		margin .5s ease,
		height .5s ease,
		top .5s ease,
		left .5s ease,
		width .5s ease;
	-webkit-transition:
		color 0.5s ease,
		border-bottom 0.25s ease,
		background-color 0.5s ease,
		background-size 0.5s ease,
		opacity 0.5s ease,
		box-shadow .5s ease,
		padding .5s ease,
		margin .5s ease,
		height .5s ease,
		top .5s ease,
		left .5s ease,
		width .5s ease;
	-moz-transition:
		color 0.5s ease,
		border-bottom 0.25s ease,
		background-color 0.5s ease,
		background-size 0.5s ease,
		opacity 0.5s ease,
		box-shadow .5s ease,
		padding .5s ease,
		margin .5s ease,
		height .5s ease,
		top .5s ease,
		left .5s ease,
		width .5s ease;
	-ms-transition:
		color 0.5s ease,
		border-bottom 0.25s ease,
		background-color 0.5s ease,
		background-size 0.5s ease,
		opacity 0.5s ease,
		box-shadow .5s ease,
		padding .5s ease,
		margin .5s ease,
		height .5s ease,
		top .5s ease,
		left .5s ease,
		width .5s ease;
}

body {
	padding: 0 0 0 0;
	margin: 0 auto -1px;
	font-family: "soleil";
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	font-size: 1em;
	color: #333;
}

body * {
	font-family: "soleil" !important;
}

.preload *:not(.fade) {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
}

b, strong { font-weight: bold }

::-moz-selection {
	background-color: #ffcb05;
	color: #000;
}

::selection {
	background-color: #ffcb05;
	color: #000;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=url],
input[type=search],
input[type=submit] {
	font-family: "soleil";
	font-style: normal;
	display: block;
	width: 100%;
	font-size: 1em;
	padding: .5em .5em;
	border: 0;
	font-weight: normal;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.clear { clear: both }

.show { display: none !important }

/** ASSETS **/

.button {
	display: inline-block;
	padding: 1em 1.2em;
	text-transform: uppercase;
	color: #000 !important;
	font-weight: bold;
	font-size: 1em;
	background-color: #ffcb05;
	line-height: 1;	
	text-decoration: none;
	border: 2px solid #ffcb05;
}

.button:hover { background-color: #fff }

.center {
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center;
}

.black {
	background-color: #000;
	color: #fff;
	border: 2px solid #000;
}

.black:hover {
	background-color: #fff;
	color: #000;
	border: 2px solid #000;
}

blockquote {
	width: -moz-calc(100% - 4em);
	width: -webkit-calc(100% - 4em);
	width: calc(100% - 4em);
	padding: .5em 1em;
	margin: 2em auto;
	border-left: 2px solid #ffcb05;
	font-style: italic;
	display: block;
	overflow: visible;
	clear: both;
}

blockquote p {
	padding: 0 0 0 1em;
	margin: 0 !important;
	color: #000
}

.page .container .text img {
	display: block;
	padding: 0;
	margin: 1.5em;
	max-width: 80%;
	height: auto !important;
	border: 1px solid #eee;
}

.page .container .text img.alignnone {
	margin: 0px auto;
	display: block;
}

.page .container .text .alignleft,
.page .container .text img.alignleft {
	margin-top: 0;
	margin-left: 0;
	display: inline;
	float: left;
}

.page .container .text img.alignleft {
	margin-right: 2em;
}

.page .container .text .alignright,
.page .container .text img.alignright {
	margin-top: 0;
	margin-right: 0;
	display: inline;
	float: right;
}
.page .container .text img.alignright {
	margin-left: 2em;
}

.page .container .text .aligncenter,
.page .container .text img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.page .container .text .aligncenter img,
.page .container .text .alignright img,
.page .container .text .alignleft img {
	margin: 1.5em auto;
}

.page .container .text img.alignleft,
.page .container .text img.alignright {
	max-width: 40%;
	margin-bottom: 1.5em;
}

.page .container .text .attachment img {
	display: block;
	margin: 0 auto;
}

/** HEADER **/


header {
	position: fixed;
	top: 0;
	width: 100%;
	padding: 2em;
	background-color: #fff;
	margin: 0 auto;
	z-index: 1000;
}

header.header_home {
	box-shadow: 0 0 2em rgba(0,0,0,.25);	
}

header .container {
	margin: 0 auto;
	max-width: 1600px;
	position: relative;
}

.logo_container {
	display: block;
	width: 15em;
	height: auto;
	position: relative;
}

.logo_container:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.logo_container img {
	display: block;
}

header nav .nav_menu {
	display: table;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

header nav .nav_menu div.nav_item {
	display: table-cell;
	vertical-align: middle;
	position: relative;
}

header nav .nav_menu div.nav_item a {
	display: block;
	text-decoration: none;
	color: #000;
	padding: .75em 1.25em;
	font-weight: bold;
	position: relative;
}

header nav .nav_menu div.nav_item.social a img {
	display: block;
	height: 1.25em;
	width: 1.5em;
}

header nav .nav_menu div.nav_item.callout a {
	background-color: #ffcb05;
	color: #000 !important;
	text-transform: uppercase;
	margin-left: 1em;
	border: 2px solid #ffcb05;
}

header nav .nav_menu div.nav_item.callout:hover a {
	background-color: #fff;
}

header nav .nav_menu div.nav_item .line {
	position: absolute;
	width: 0;
	height: 2px;
	background-color: #ffcb05;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

header nav .nav_menu div.nav_item:hover .line {
	width: 55%;
}

header nav .nav_menu div.nav_drop {
	position: absolute;
	background-color: #ffcb05;
	padding: .75em 0;
	opacity: 0;
	pointer-events: none;
	border-top: .75em solid #fff;
	transform: translatex(-50%);
	left: 50%;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

header nav .nav_menu div.nav_item:hover div.nav_drop {
	opacity: 1;
	pointer-events: inherit
}

header nav .nav_menu div.nav_drop a {
	display: block;
	white-space: nowrap;
	font-weight: normal;
	text-align: center
}

/** STICKY HEADER **/

header.offset {
	visibility: hidden;
	position: relative;
}

header.stick {
	top: 0;
	padding: 1.5em 2em;
	box-shadow: 0 0 2em rgba(0,0,0,.25);	
}

header.stick .logo_container {
	width: 10em;
}


/** FOOTER **/

footer {
	background-color: #333;
	box-shadow: inset 0 0 5em #111;
	text-align: center;
	padding: 4em;
	position: relative;
	color: #fff;
}

footer .logo_container {
	margin: 0 auto;
}

footer a {
	color: #ffcb05;
	text-decoration: none;
}

footer a:hover {
	color: #fff;
}

footer .text {
	display: block;
	line-height: 1.6;
	margin: 1em auto 0;
	width: 75%;
	text-align: center;
}

footer .bullet {
	display: inline-block;
	padding: 0 1em;
}

footer .bullet:last-child {
	display: none
}

footer nav {
	display: table;
	margin: 2em auto;
	padding: .75em 1.5em;
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
}

footer nav div {
	display: table-cell;
	vertical-align: middle;
}

footer nav div a {
	display: block;
	text-decoration: none;
	color: #fff;
	padding: .75em 1.25em;
	font-weight: bold;
	position: relative;
}

footer nav div a:hover {
	color: #999
}

footer nav div.social a img {
	display: block;
	height: 1.25em;
	width: 1.5em;
}

footer nav div:last-child a {
	background-color: #ffcb05;
	color: #000 !important;
	text-transform: uppercase;
	margin-left: 1em;
	border: 2px solid #ffcb05;
}

footer nav div:last-child:hover a {
	background-color: transparent;
	color: #fff !important
}

/** FEATURE **/

.feature {
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	background-color: #333;
	box-shadow: inset 0 0 5em #111;
}

.feature .background {
	max-width: 1600px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	box-shadow: 0 0 5em #111;
	overflow: auto;
}

.feature .slider {
	position: relative;
	z-index: 1;
}

.feature .slider * { transition: none }

.feature .cover {
	width: 50%;
	margin: 0 auto;
	display: block;
	position: absolute;
	z-index: 4;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.feature .arrow {
	position: absolute;
	width: 3em;
	height: auto;
	bottom: 2em;
	left: 50%;
	transform: translatex(-50%);
	z-index: 5;
	transition: all .5s ease;
	-ms-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-webkit-animation: bounce 4s infinite ease;
	-moz-animation: bounce 4s infinite ease;
	-o-animation: bounce 4s infinite ease;
	animation: bounce 4s infinite ease;
}

@-webkit-keyframes bounce {
    40%   { bottom: 2em }
    50%   { bottom: 3.5em }
    60% { bottom: 2em }
}

@-moz-keyframes bounce {
    40%   { bottom: 2em }
    50%   { bottom: 3.5em }
    60% { bottom: 2em }
}

@-o-keyframes bounce {
    40%   { bottom: 2em }
    50%   { bottom: 3.5em }
    60% { bottom: 2em }
}

@keyframes bounce {
    40%   { bottom: 2em }
    50%   { bottom: 3.5em }
    60% { bottom: 2em }
}

.feature .overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	background-color: rgba(0,0,0,.5);
	width: 100%;
	height: 100%;
}

.feature .overlay2 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(255,203,5,0.4);
	background: -moz-linear-gradient(45deg, rgba(255,203,5,0.4) 0%, rgba(255,203,5,0) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255,203,5,0.4)), color-stop(100%, rgba(255,203,5,0)));
	background: -webkit-linear-gradient(45deg, rgba(255,203,5,0.4) 0%, rgba(255,203,5,0) 100%);
	background: -o-linear-gradient(45deg, rgba(255,203,5,0.4) 0%, rgba(255,203,5,0) 100%);
	background: -ms-linear-gradient(45deg, rgba(255,203,5,0.4) 0%, rgba(255,203,5,0) 100%);
	background: linear-gradient(45deg, rgba(255,203,5,0.4) 0%, rgba(255,203,5,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcb05', endColorstr='#ffcb05', GradientType=1 );
}

.feature .video_container {
	width: 100%;
	padding-top: 42%;
	position: relative;
	overflow: hidden;
}

.feature video {
	position: absolute;
	top: 0;
	width: auto;
	margin: 0 auto;
	width: 100%;
}

/** HOME **/

.home .title {
	font-size: 2em;
	color: #000;
	font-weight: bold;
	display: block;
	line-height: 1.4;
}

.home .text {
	font-size: 1.4em;
	color: #777;
	display: block;
	line-height: 1.6;
	margin: 1.5em 0;
	max-width: 1100px;
}

.home .container {
	margin: 0 auto;
	max-width: 1600px;
	position: relative;	
}

.home u {
	text-decoration: none;
	border-bottom: solid 2px #ffcb05;
	white-space: nowrap;
}

.home .icon {
    display: block;
    height: 8em;
    margin: 0 auto 1.5em;
}


/** ABOUT **/

.about {
	overflow: hidden;
	padding: 6em;
	position: relative;	
	background: #eeeeee;
	background: -moz-linear-gradient(-45deg, #ffffff 0%, #eeeeee 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
	background: -webkit-linear-gradient(-45deg, #ffffff 0%, #eeeeee 100%);
	background: -o-linear-gradient(-45deg, #ffffff 0%, #eeeeee 100%);
	background: -ms-linear-gradient(-45deg, #ffffff 0%, #eeeeee 100%);
	background: linear-gradient(135deg, #ffffff 0%, #eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=1 );
	border-bottom: 1px solid #eee
}

.about .sun {
	position: absolute;
	display: block;
	bottom: -6em;
	right: -6em;
	width: 50%;
	max-width: 800px;
	height: auto;
	transform: translate(50%,50%);
	z-index: 5
}

.about .sun img {
	display: block;
	-webkit-animation: spin 100s infinite linear;
	-moz-animation: spin 100s infinite linear;
	-o-animation: spin 100s infinite linear;
	animation: spin 100s infinite linear;
}

@-webkit-keyframes spin {
    0%  {
			-webkit-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			transform: rotate(0deg);
		}
    100% {
			-webkit-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			transform: rotate(360deg);
		}
}

@-moz-keyframes spin {
    0%  {
			-webkit-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			transform: rotate(0deg);
		}
    100% {
			-webkit-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			transform: rotate(360deg);
		}
}

@-o-keyframes spin {
    0%  {
			-webkit-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			transform: rotate(0deg);
		}
    100% {
			-webkit-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			transform: rotate(360deg);
		}
}

@keyframes spin {
    0%  {
			-webkit-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			transform: rotate(0deg);
		}
    100% {
			-webkit-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			transform: rotate(360deg);
		}
}


.about .cloud img {
	display: block;
}

.about .cloud1 {
	position: absolute;
	display: block;
	width: 50%;
	bottom: -6em;
	-webkit-animation: cloud1 30s infinite linear;
	-moz-animation: cloud1 30s infinite linear;
	-o-animation: cloud1 30s infinite linear;
	animation: cloud1 30s infinite linear;
	z-index: 1;
}

@-webkit-keyframes cloud1 {
    0%	{
		    left: 80%;
		    opacity: 0 
	    }
    25%	{
	    	opacity: .75
	    }
    100% {
	    	left: 50%;
	    	opacity: 0
		}
}

@-moz-keyframes cloud1 {
    0%	{
		    left: 80%;
		    opacity: 0 
	    }
    25%	{
	    	opacity: .75
	    }
    100% {
	    	left: 50%;
	    	opacity: 0
		}
}

@-o-keyframes cloud1 {
    0%	{
		    left: 80%;
		    opacity: 0 
	    }
    25%	{
	    	opacity: .75
	    }
    100% {
	    	left: 50%;
	    	opacity: 0
		}
}

@keyframes cloud1 {
    0%	{
		    left: 80%;
		    opacity: 0 
	    }
    25%	{
	    	opacity: .75
	    }
    100% {
	    	left: 50%;
	    	opacity: 0
		}
}

.about .cloud2 {
	position: absolute;
	display: block;
	width: 20%;
	bottom: -3em;
	-webkit-animation: cloud2 20s infinite linear;
	-moz-animation: cloud2 20s infinite linear;
	-o-animation: cloud2 20s infinite linear;
	animation: cloud2 20s infinite linear;
	z-index: 6;
}

@-webkit-keyframes cloud2 {
    0%	{
	    	left: 100%;
	    	opacity: 0
	    }
    10%	{
	    	opacity: 1
	    }
    50%	{
	    	opacity: 1
	    }
    100% {
		    left: 60%;
		    opacity: 0
		}
}

@-moz-keyframes cloud2 {
    0%	{
	    	left: 100%;
	    	opacity: 0
	    }
    10%	{
	    	opacity: 1
	    }
    50%	{
	    	opacity: 1
	    }
    100% {
		    left: 60%;
		    opacity: 0
		}
}

@-o-keyframes cloud2 {
    0%	{
	    	left: 100%;
	    	opacity: 0
	    }
    10%	{
	    	opacity: 1
	    }
    50%	{
	    	opacity: 1
	    }
    100% {
		    left: 60%;
		    opacity: 0
		}
}

@keyframes cloud2 {
    0%	{
	    	left: 100%;
	    	opacity: 0
	    }
    10%	{
	    	opacity: 1
	    }
    50%	{
	    	opacity: 1
	    }
    100% {
		    left: 60%;
		    opacity: 0
		}
}

.about .indent {
	border-left: solid .3em #ffcb05;
	padding-left: 2em;
	position: relative;
	z-index: 10;
}

.about .text {
	width: 75%;
}

/** BUSINESS **/

.business {

	padding: 6em;
	position: relative;
	background: #fff;
}

.business .title,
.business .text {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.coalition_gallery {
	margin: 4em 0;	
	text-align: center;
}

.coalition_gallery img {
	display: inline-block;
	width: 19%;
	height: auto;
	padding: .5em 1em;
	transition: all .5s ease;
	-ms-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
}

.coalition_gallery.small img {
	width: 13%;
	padding: .5em 1em;
}

.endorse.inside {
	background: #eeeeee;
	background: -moz-linear-gradient(-45deg, #ffffff 0%, #eeeeee 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
	background: -webkit-linear-gradient(-45deg, #ffffff 0%, #eeeeee 100%);
	background: -o-linear-gradient(-45deg, #ffffff 0%, #eeeeee 100%);
	background: -ms-linear-gradient(-45deg, #ffffff 0%, #eeeeee 100%);
	background: linear-gradient(135deg, #ffffff 0%, #eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=1 );
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	margin: 0 auto 3em;
}

.columns {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 2em;
    -moz-column-gap: 2em;
    column-gap: 2em;
    margin: 0;
    padding: 0 4em;
    font-size: .8em;
}

.columns p {
	margin: 0;
}

.columns ul {
	margin: 0 0 2em;
	padding: 0;
	display: block;
}
	
.columns ul li {
	display: block;
	padding: 0;
	margin: .5em 0;
	line-height: 1.6;
	break-inside: avoid;
	page-break-inside: avoid;
	-webkit-column-break-inside: avoid;
}

.columns b,
.columns strong {
	display: block;
    padding: 0 .5em .5em 0;
    text-transform: uppercase;
    display: inline-block;
    border-bottom: 2px solid #ffcb05;
}

.coalition_form {
	margin: 3em auto 0;
	padding: 4em;
	background: #eee;
	border-top: 1px solid #ddd;
}

.coalition_form h2 {
	text-align: center;
	margin: 0 auto 2em;
	max-width: 1600px;
	color: #000;
	font-size: 1.8em;
	line-height: 1.4
}

.form_columns {
	display: table;
	width: 100%;
	table-layout: fixed;
	max-width: 1600px;
	margin: 0 auto;
}

.form_column_1 {
	display: table-cell;
	vertical-align: top;
	width: 50% !important;
	padding: 0 4em 0 0;
	border-right: 2px solid #ffcb05;
}

.form_column_split {
	display: table;
	width: 100%;
}

	.form_column_split .form_column_split1 {
		display: table-cell;
		width: 25%;
	}

	.form_column_split .form_column_split2 {
		display: table-cell;
		width: 75%;
		padding-left: 1em;
	}

.form_column_2 {
	display: table-cell;
	vertical-align: top;
	width: 50%;
	padding: 0 0 0 4em;
}


.coalition_form .clear {
	clear: both
}

/** JOIN **/

.join {
	padding: 6em;
	background-image: url('/images/owner2.jpg');
	background-size: cover;
	background-position: center center;
	position: relative;
	background-color: #000;
}

.join .gradient {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgba(0,0,0,0.75);
	background: -moz-linear-gradient(45deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.75) 45%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(0,0,0,0.75)), color-stop(45%, rgba(0,0,0,0.75)), color-stop(70%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0)));
	background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.75) 45%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(45deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.75) 45%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(45deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.75) 45%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%);
	background: linear-gradient(45deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.75) 45%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
}

.join .half_container {
	width: 55%;
	position: relative;
	z-index: 2
	
}

.join .title {
	line-height: 1;
}

.join .title,
.join .text,
.join u {
	color: #fff;
	text-shadow: 0 0 1em #000, 1px 1px 0 rgba(0,0,0,.25);
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.join .button:hover {
	background-color: transparent;
	color: #fff !important;
}

/** FACTS **/

.facts {
	background-color: #ffcb05;
	padding: 4em 0;
}

.facts .title {
	text-align: center;
}

.facts .container {
	margin: 0 auto;
	max-width: 1600px;
	position: relative;
	display: table;
}

.facts .fact {
	display: table-cell;
	width: 33.33% !important;
	padding: 0 4em;
	vertical-align: top;
	border-right: 1px solid #fff;
	text-align: center;
}

.facts .fact .scale {
	transition: all .5s ease;
	-ms-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
}

.facts .fact:hover .scale {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.facts .fact:last-child {
	border-right: 0;
}

.facts .fact .fact_image {
	display: block;
	margin: 0 auto 1em;
	width: 60%;
	height: auto;
}

.facts .fact .title {
	font-size: 1.4em;
	margin: 0;
	text-transform: uppercase;
	text-align: center;
}

.facts .fact .text {
	width: 100%;
	margin: 0;
	text-align: center;
	font-size: 1.2em;
	color: #000
}

/** ENDORSEMENTS **/

.endorse {
	padding: 6em 2em;
	position: relative;
	background-color: #fff;
}

.endorse .endorse_container {
	margin: 0 auto;
	max-width: 1600px;
	position: relative;
	overflow: hidden;
}

.endorsement {
	width: 100%;
	float: left;
	display: table;
	padding: 0 6em;
	position: relative;
}

.endorsement:focus {
	outline: none !important
}

.endorse_photo {
	width: 20%;
	vertical-align: middle;
	display: table-cell;
}

.endorse_photo .photo {
	width: 100%;
	padding-top: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	background-color: #eee;
	background-size: cover;
}

.endorse_quote {
	width: 80%;
	padding-left: 4em;
	display: table-cell;
	position: relative;
	vertical-align: middle;
}

.endorse .text {
	margin: 0 0 1em 0;
	font-size: 1.6em;
	max-width: 100% !important;
}

.endorse .title {
	margin: 0;
	font-size: 1.4em;
}

/** VOICES **/

.voices {
	overflow: hidden;
	padding: 6em 0;
	position: relative;
}

.voices .title,
.voices .text {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.voices .button {
	display: inline-block;
	text-align: center;
	margin: 0 .5em;
}

.voices .container {
	margin: 0 auto;
	max-width: 1600px;
	position: relative;
	width: 100%;
	padding: 0 6em;
}

.voices .container:nth-child(2) {
	padding: 0 2em;
}

.voices .voices_container {
	border: 0;
	overflow: auto;
	padding: 0 3.5em;
	margin: 4em 0 0;
	position: relative;
}

.slick-list {
	overflow: hidden;
}

.voices .voice {
	display: block;
	float: left;
	padding: 0 1em;
	vertical-align: top;
	text-align: center;
	position: relative;
	text-decoration: none;
	color: inherit
}

.voices.category_voices {
	padding: 0;
}

.voices.category_voices .container {
	padding: 0 2em;
}

.voices.category_voices .voice {
	width: 33.33%;
	padding: 2em;
}

.voices.category_voices .voice:nth-child(3n+1) {
	clear: left;
}

.voices.category_voices .voices_container {
	overflow: auto;
	padding: 0;
	margin: 0;
}

.voices .voice .thumb {
	width: 100%;
	padding-top: 75%;
	position: relative;
	border: 1px solid #eee;
	overflow: hidden;
	background-color: #555
}

.voices .voice .thumb .thumb_bg {
	background-size: cover;
	background-position: center center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.voices .voice .thumb .overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background-color: rgba(0,0,0,0);
	width: 100%;
	height: 100%;
}

.voices .voice:hover .thumb .overlay {
	background-color: rgba(0,0,0,.5);
}

.voices .voice .thumb .button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	z-index: 2;
}

.voices .voice:hover .thumb .button {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.voices .voice:hover .thumb .button:hover {
	background-color: transparent !important;
	color: #fff !important
}

.voices .voice:hover .thumb .button:hover + .overlay {
	background-color: rgba(0,0,0,.75);
}

.voices .voice .title {
	font-size: 1.4em;
	margin: 1em 0 0 0;
	text-align: center;
}

.voices .voice .text {
	width: 100%;
	text-align: center;
	font-size: 1.2em;
	margin: 0
}

.voices .voice .line {
	margin: 1em auto;
	width: 25%;
	height: 2px !important;
	background-color: #ffcb05;
}

.voices .voice:hover .line {
	width: 80%;
}

.slick-arrow {
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 0;
	padding: 0;
	margin: 0;
	border: 0;
	font-size: 1em;
	width: 2.5em;
	height: 2.5em;
	visibility: hidden;
	transform: translateY(-50%);
}

.slick-next {
	right: 0;
	left: auto;
}

.slick-arrow::before {
	content: "";
	display: block;
	visibility: visible;
	background-color: #ffcb05;
	width: 2.5em;
	height: 2.5em;
	cursor: pointer;
	background-image: url('https://www.freedomforallamericans.org/images/slider_arrow_left.png');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

.slick-next.slick-arrow::before {
	background-image: url('https://www.freedomforallamericans.org/images/slider_arrow_right.png');
}

.slick_arrow:hover:before {
	background-color: #ffcb05 !important
}

/** NEWS & TWITTER **/

.news {
	overflow: hidden;
	padding: 3em 0;
	position: relative;	
	background: #eee;
}

.news .container {
	margin: 0 auto;
	width: 100%;
	max-width: 1600px;
	position: relative;
	display: table;
}

.news .container .column {
	display: table-cell;
	width: 33.33%;
	border-right: 1px solid #ccc;
	padding: 0 3em;
	vertical-align: top;
}

.news .container .column:last-child {
	border-right: none
}

.news .container .twitter_story .title a {
	color: #000;
	text-decoration: none
}

.news .container .twitter_story .title a {
	color: #000;
	border-bottom: 2px solid #ffcb05;
	text-decoration: none
}

.news .container .twitter_story .title a:hover {
	color: #000;
	text-decoration: none;
	background-color: #ffcb05
}

.news .news_story {
	display: block;
	padding: 2em 0;
	position: relative;
	text-decoration: none;
	color: inherit;
	border-bottom: 1px solid #ccc;
}

.news .news_story:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.news .news_story .thumb {
	width: 100%;
	padding-top: 75%;
	position: relative;
	border: 1px solid #ccc;
	margin-bottom: 1em;
	overflow: hidden;
	background-color: #555;
}

.news .news_story .thumb .thumb_bg {
	background-size: cover;
	background-position: center center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.news .news_story .thumb .overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background-color: rgba(0,0,0,0);
	width: 100%;
	height: 100%;
}

.news .news_story:hover .thumb .overlay {
	background-color: rgba(0,0,0,.5);
}

.news .news_story .thumb .button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	z-index: 2;
}

.news .news_story:hover .thumb .button {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.news .news_story:hover .thumb .button:hover {
	background-color: transparent !important;
	color: #fff !important
}

.news .news_story:hover .thumb .button:hover + .overlay {
	background-color: rgba(0,0,0,.75);
}

.news .news_story .title {
	font-size: 1.2em;
	margin: 0;
	font-weight: normal;
}

.news .news_story .text {
	width: 100%;
	color: #000;
	font-size: 1em;
	font-weight: bold;
	margin: .5em 0 0 0;
	text-transform: uppercase
}

.news .news_story p {
	margin: 0
}

/** PAGE AND SINGLE **/

.page {
	margin: 0 auto;
	padding: 0;
}

.page .container {
	margin: 0 auto;
	max-width: 1000px;
	position: relative;
	background-color: #fff;
}

.inside.business {
	padding-top: 0;
	padding-bottom: 0;
}

.inside .coalition_gallery {
	margin: 0;
}

.buffer {
	margin: 3em 0;
}

hr {
	width: 90%;
	max-width: 900px;
	height: 2px;
	background-color: #ffcb05;
	border: 0;
	margin: 3em auto;
}

.page .title {
	font-size: 2em;
	color: #000;
	font-weight: bold;
	display: block;
	line-height: 1.4;
	text-align: center
}

.page span.text {
	font-size: 1.4em;
	color: #777;
	display: block;
	line-height: 1.6;
	margin: 1.5em 0;
	text-align: justify;
}

.page span.text .button {
	font-size: .8em;
}

.page h1 {
	font-size: 1.4em;
	color: #000;
	font-weight: bold;
	display: block;
	line-height: 1.4;
	text-align: left;
}

.page h2 {
	font-size: 1.4em;
	color: #000;
	font-weight: bold;
	display: block;
	line-height: 1.4;
	text-align: left;
}

.page h3 {
	font-size: 1.2em;
	color: #000;
	font-weight: bold;
	display: block;
	line-height: 1.4;
	text-align: left;
}

.page h4 {
	font-size: 1.2em;
	color: #000;
	font-weight: bold;
	display: block;
	line-height: 1.4;
	text-align: left;
}

.page span.text p {
	text-align: justify !important
}

.page ul {
    list-style-type: square;
    margin: 1.5em 0;
}

.page ul li {
    margin-bottom: 1em;
}

.page ul li:last-child {
    margin-bottom: 0;
}

.page span.text a {
	color: #000;
	text-decoration: none
}

.page span.text p {
	margin: 1.5em 0;
}

.page span.text p a {
	color: #000;
	border-bottom: 2px solid #ffcb05;
	text-decoration: none;
}

.page span.text p a:hover {
	color: #000;
	text-decoration: none;
	background-color: #ffcb05
}

.page span.text twitterwidget {
	margin: 1.5em auto;
	max-width: 75% !important;
}

.arve-wrapper {
	margin: 0 !important;
	padding: 0;
}

.share {
	text-align: center
}

.share b {
	display: block;
	font-size: 1.4em;
	margin-bottom: 1em;
}

.share a img {
	display: inline-block;
	height: 3em !important;
	width: auto !important;
	position: relative;
	padding: 0 !important;
	margin: 0 1em !important;
	max-width: 100% !important;
}

.share a:hover {	
	background-color: #fff;
}

/** CATEGORY **/

.category_nav {
	text-align: center;
	line-height: 1;
}

.prev,.next,.page-numbers {
	display: inline-block;
	font-size: 1em;
	width: auto;
	font-weight: bold;
	padding: 1em 1.2em;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #ffcb05;
	border: 2px solid #ffcb05;
}

.category_nav .page-numbers.current {
	background-color: #000 !important;
	border: 2px solid #000;
	color: #fff !important;
	cursor: default
}

.prev:hover,.next:hover,.page-numbers:hover:not(.dots) {
	background-color: #fff;
	color: #000
}

.category .bullet {
	display: inline-block;
	padding: 0 1em;
	color: #ffcb05
}

/** NEWS CATEGORY **/

.cat_news .news_story {
	display: block;
	padding: 2em;
	text-decoration: inherit;
	color: inherit;
	overflow: auto;
}

.cat_news .news_story:nth-child(2n-1) {
	background-color: #f0f0f0;
}

.cat_news .news_story .thumb {
	width: 25%;
	padding-top: 18.75%;
	position: relative;
	border: 1px solid #ccc;
	overflow: hidden;
	background-color: #555;
	float: left;
}

.cat_news .news_story .thumb .thumb_bg {
	background-size: cover;
	background-position: center center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.cat_news .news_story .thumb .overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background-color: rgba(0,0,0,0);
	width: 100%;
	height: 100%;
}

.cat_news .news_story:hover .thumb .overlay {
	background-color: rgba(0,0,0,.5);
}

.cat_news .news_story .cat_side {
	overflow: auto;
	float: left;
	padding-left: 2em;
	width: 75%;
}

.cat_news .news_story .title {
	font-size: 1.4em;
	margin: 0;
	font-weight: normal;
	text-align: left;
}

.cat_news .news_story .text {
	width: auto;
	color: #000;
	font-size: 1em;
	font-weight: bold;
	margin: 1em 0 0 0;
	padding: 1em 1em 0 0;
	text-transform: uppercase;
	display: inline-block;
	border-top: 2px solid #ffcb05;
}

.cat_news .news_story p {
	margin: 0
}

/** OUR COALITION **/

.list {
	margin: 1.5em auto;
	border-top: 2px solid #ffcb05;
	border-bottom: 2px solid #ffcb05;
}

.list .list_item {
	display: table;
	margin: 0 auto;
	width: 100%;
	padding: 2em;
	background-color: #eee;
}

.list .list_item:nth-child(2n) {
	background-color: #fafafa;
}

.list .list_item span:first-child {
	width: 15%;
	display: table-cell;
	vertical-align: middle;
}

.list .list_item span:last-child {
	width: 85%;
	padding-left: 2em;
	display: table-cell;
	vertical-align: middle;
}

.list .list_item span:first-child img {
	display: block;
    padding: 0;
    margin: 0;
    max-width: 100%;
    height: auto !important;
    border: none;
}

/* everyaction styles */

.coalition_form h2 {
	margin-bottom: 20px;
}

:root {
		--background-image: url();
		--background-color: #eee;
		--font-color: #000;
		--font-color-inverse: #fff;
		--secondary-font-color: #000;
		--primary-button: #000;
		--primary-button-hover: #222;
}

header.at-title,
header.at-markup.HeaderHtml {
	display: none !important;
}

.at header.at-title,
.thankYou h2 {
    margin-top: 0;
    color: var(--secondary-font-color) !important;
    font-family: commuters-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
	font-size: 32px;
	line-height: 1.1;
}

body .at label small {
    color: var(--secondary-font-color);
}

body .at header.at-markup.HeaderHtml p {
    margin-top: 0;
    margin-bottom: 1rem;
}

.at .thankYou a {
    color: var(--font-color);
    text-decoration: underline;
}

@media (max-width: 767px) {
    .at header.at-title,
    .thankYou h2 {
        font-size: 28px;
    }
}

.ngp-form {
    margin: 0 auto;
    font-size: 18px;
}

@media (max-width: 767px) {
    .ngp-form {
        font-size: 16px;
    }
}

body .at .error small.error {
    padding: 0;
    font-weight: 600;
}

body .at,
body .at p,
body .at h1,
body .at h2,
body .at h3,
body .at h4,
body .at h5,
body .at h6 {
    color: var(--font-color);
    font-family: commuters-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
}

body .at .FastAction,
body .at .at-steps {
    margin: 0 1.25rem !important;
    border-radius: 0;
}

.at .FastAction .fastAction {
    padding: .5rem 1.25rem;
}

body .at input[type="text"],
body .at input[type="password"],
body .at input[type="date"],
body .at input[type="datetime"],
body .at input[type="datetime-local"],
body .at input[type="month"],
body .at input[type="week"],
body .at input[type="email"],
body .at input[type="number"],
body .at input[type="search"],
body .at input[type="tel"],
body .at input[type="time"],
body .at input[type="url"],
body .at input[type="color"],
body .at textarea,
body .at select {
    font-family: commuters-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    border-width: 2px !important;
    border-color: var(--font-color) !important;
    color: black;
    font-size: 1.1rem;
    margin: 0 0 1rem 0;
    padding: .5rem;
    height: 3rem;
    border-radius: 0 !important;
}

body .at textarea {
    height: 150px;
    line-height: 1.2;
}

body .at .at-form .select2-container--default .select2-selection--multiple {
    font-family: commuters-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    border-width: 2px;
    border-color: var(--font-color);
    color: black;
    font-size: 1.1rem;
    margin: 0 0 1rem 0;
    padding: .5rem;
    min-height: 3rem;
    border-radius: 0;
    line-height: 1;
    border: 0;
}

ul li.select2-results__option {
    font-family: commuters-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif !important;
    font-size: 14px !important;
}

body .at .at-inner {
    background: none !important;
}

.at-form {
    background-color: var(--background-color) !important;
    margin: 0 10px;
    color: var(--font-color);
    padding: 30px;
}

@media (max-width: 767px) {
    .at-form {
        padding: 0;
    }
}

body .at fieldset legend {
    color: var(--font-color);
    font-family: commuters-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    padding-top: 0px;
    font-size: 1.25rem;
}

body .at label {
    color: var(--font-color) !important;
    font-weight: 700;
    letter-spacing: 0.02em;
}

body .at-form-submit {
    padding: 0.625rem 1.25rem;
    text-align: center;
}

body .at-form-submit .at-submit {
    float: none;
    display: block;
    margin: 0 auto;
}

body .at .btn-at-primary {
    background: var(--primary-button);
}

body .at .btn-at-link {
    color: var(--font-color);
    max-width: 320px;
}

body .at .btn-at-link:hover,
body .at .btn-at-link:focus {
    color: var(--font-color);
    text-decoration: none;
}

body .at .btn-at {
    font-family: commuters-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    text-transform: uppercase;
    border-radius: 0;
    font-size: 1.1rem;
    font-weight: 700;
    height: 3rem;
    transition: 0.3s;
}

body .at .btn-at-primary:hover,
body .at .btn-at-primary:focus {
    background: var(--primary-button-hover);
}

.page__footer {
    margin: 75px auto;
    padding: 0 20px;
    max-width: 800px;
    color: var(--font-color);
    text-align: center;
    font-size: 14px;
}

.page__footer a {
    color: var(--font-color);
    text-decoration: none;
}

.page__footer span {
    margin: 0 10px;
}

.page__footer a:hover,
.page__footer a:focus {
    text-decoration: underline;
}

.at-targets-head {
    color: #000;
}

body .SmsLegalDisclaimer {
    color: var(--font-color);
}

.at .at-row .radios label {
    font-weight: 500;
}

body .fa-modal-wrapper,
body .fa-modal-wrapper p,
body .fa-modal-wrapper h1,
body .fa-modal-wrapper h2,
body .fa-modal-wrapper h3,
body .fa-modal-wrapper h4,
body .fa-modal-wrapper h5,
body .fa-modal-wrapper h6 {
    color: #000;
}

/* Donation page styles */
body .at form .label-amount {
    color: #fff !important;
    font-weight: 700;
}

.at form .label-amount.label-otheramount input {
  border: 4px solid var(--primary-button) !important;
  background: transparent;
}

.at form .label-amount.label-otheramount input:required {
  border: 4px solid var(--primary-button) !important;
  background: var(--primary-button);
}

.at form .label-amount.label-otheramount input:required::-webkit-input-placeholder,
.at form .label-amount.label-otheramount input:required ::-moz-placeholder,
.at form .label-amount.label-otheramount input:required :-ms-input-placeholder,
.at form .label-amount.label-otheramount input:required :-moz-placeholder {
  color: #fff;
}

body .at form .label-amount>a {
    border: 4px solid var(--primary-button) !important;
    background: transparent;
    border-radius: 0;
}

body .at form .label-amount:hover>a {
    border-color: #d75b68 !important;
    background-color: var(--primary-button);
}

body .at form .label-amount input[type="radio"]:checked+a {
    background: #ac2a38;
}

body .at .at-markup.FooterHtml {
    font-size: 14px;
}

body .at .at-markup.FooterHtml a {
    color: var(--font-color);
    text-decoration: underline;
}

/* Checkboxes */
body .at input[type="checkbox"] + span:before {
	border-color: var(--font-color);
}

body .at input[type="checkbox"]:checked + span:before,
body .at input[type="checkbox"]:active + span:before {
    background:var(--font-color);
}

body .at input[type="checkbox"]:checked + span:after,
body .at input[type="checkbox"]:active + span:after {
    color: var(--font-color-inverse);
}


body .at input[type="checkbox"]:hover + span:before,
body .at input[type="checkbox"]:focus + span:before {
    border-color: var(--font-color);
    box-shadow:   0px 0px 10px 0px var(--font-color);
}

body .at .checkbox-list-label,
body .at .form-unit-radio > label{
    font-size: 1rem;
    font-weight: 700;
}

body .at-row .at-check {
    font-weight: 500;
    letter-spacing: 0;
    font-size: .9rem;
}

body .at-row .at-check {
    padding-left: 10px;
}

body .at .form-unit-radio > label {
    margin-bottom: 10px;
}

body .at .at-row .radios label {
    padding-left: 10px;
    word-wrap: break-word;
    font-size: .9rem;
    margin-bottom: 1rem;
}

body .at input[type="radio"] {
    margin-bottom: 0;
    margin-right: 5px !important;
}

/* Two column settings */
@media (min-width: 1000px) {
    body.layout_two_column .ngp-form {
        max-width: 950px;
    }
    body.layout_two_column .at-inner {
        display: flex;
        flex-wrap: wrap;
    }
    body.layout_two_column .at-inner header.at-title {
        width: 100%;
    }
    body.layout_two_column .at-inner header.at-markup.HeaderHtml {
        width: 50%;
    }
    body.layout_two_column .at-inner form {
        width: 50%;
    }
}