/* # FreedomWorks Foundation Theme
Theme Name: FreedomWorks Foundation
Description: Custom theme for the FreedomWorks Foundation
Author: Secondhand Legends
Author URI: https://secondhandlegends.com
Template: genesis  
Template Version: 2.8.1 
*/



/* ## Genesis
--------------------------------------------- */

/* # Global
---------------------------------------------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {
	font-family: proxima-nova, sans-serif;
	font-weight: 400;
	font-style: normal;
}
h3 {
    font-size: 1.2em;
    font-weight: bold;
}
a {
	color: #0088cc;
	text-decoration: none;
}
p a {
	font-size: 18px;
}
p {
	font-size: 18px;
    margin: 0 0 10px;
}
a:hover { 
	color: #005580;
}
body {
	font-size: 14px;
	background: rgba(157, 199, 219, 0.1) url(images/light_toast_blue.png);
}
.site-inner {
    max-width: 100%;
	background: url(images/sidebar-bg-dark-wide.png) top center repeat-y;
	padding-top:0px;
	min-height: 800px;
}
.site-inner .wrap {
    margin: 0 auto;
    max-width: 1400px;
}
div.content-sidebar-wrap {
	max-width: 1400px;
	margin: 0 auto;
}

.column1 {
    width: 67%;
    float: left;
}
.column2 {
    width: 30.65%;
    float: left;
}
main.content {
    width: 67%;
}

div.headers {
	background: #488cb4 url(images/sidebar-bg-dark-wide.png) top center repeat-y;
    position: relative;
    z-index: 5;
    box-shadow: 0 1px 10px rgba(0,0,0,0.4);
}
.wp-block-button__link {
    display: inline-block;
    color: white;
    background: #126d97;
    padding: 10px 15px;
    border-radius: 4px;
    text-transform: uppercase;
	font-size: 14px;
}
.wp-block-button {
    margin: 20px 0 30px 120px;
	text-align: center;
}

/* # Site Header
---------------------------------------------------------------------------------------------------- */
header.site-header {
    background-color: #394450;
	    width: 100%;
    background: #394450;
    height: 75px;
	min-height: 0px;
    border-bottom: 1px solid #2c343e;
    position: fixed;
    z-index: 11;
}
header.site-header .wrap {
	margin: 0px auto;
    padding: 0px;
    text-align: center;
    position: relative;
	    max-width: 1500px;
}
h1.site-title a img, div.title-area a img {
    max-height: 46px;
    width: auto;
}
.header-full-width .title-area {
    width: initial;
    margin: 0 auto;
    display: inline-block;
    float: none;
}
.title-area {
    float: none;
    padding: 10px 0;
    width: 360px;
    margin: 0 auto;
}

section#custom_html-5 {
    position: absolute;
    left: 0;
    width: 200px;
    top: 25px;
}
section#custom_html-7 {
    position: absolute;
    right: 0;
    top: 0;
    max-width: 100px;
    margin: 10px;
}
.site-header .donate {
	text-transform: uppercase;
    color: white;
    background: #b33e2e;
    padding: 8px 13px 7px 13px;
    -webkit-transition: background 0.1s ease-in-out;
    -moz-transition: background 0.1s ease-in-out;
    -ms-transition: background 0.1s ease-in-out;
    -o-transition: background 0.1s ease-in-out;
    transition: background 0.1s ease-in-out;
	font-weight: 500;
    border: none;
    font-size: 0.9em;
    letter-spacing: 0.1em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
	text-decoration: none;
	font-family: 'Proxima Nova', sans-serif;
}
a.donate:hover {
    background: #d74a37;
}

/* ## Widget Area
--------------------------------------------- */

/* Navigation
--------------------------------------------- */
body.admin-bar nav.nav-primary {
	top:32px;
}
nav.nav-primary {
    background-color: #394450;
	height: 50px;
	margin-top: 75px;
	border-top: 1px solid #445260;
	border-bottom: 0px;
	box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.4);
    z-index: 9;
	position:fixed;
	width: 100%;
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
	top:0px;
}
nav.nav-primary.hide, body.admin-bar nav.nav-primary.hide {
	top: -50px;
}
nav.nav-primary a {
    color: #9eabb1;
    font-family: 'Proxima Nova', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.1em;
	padding: 18px 17px 17px 16px;
}
ul#menu-main-nav {
    text-align: center;
}
ul#menu-main-nav li a:hover {
    background: url(images/light_toast.png);
    color: #333;
    padding: 18px 17px 17px 16px;
	text-decoration: none;
	cursor: pointer;
}
ul#menu-main-nav ul.sub-menu li a:hover {
    background: url(images/light_toast.png);
    color: #333;
    padding: 20px;
	text-decoration: none;
	cursor: pointer;
}
.genesis-nav-menu .sub-menu {
    border-top: 0px;
}
.genesis-nav-menu .sub-menu a {
	color: #333;
}
.genesis-nav-menu a:focus, .genesis-nav-menu .current-menu-item > a, .genesis-nav-menu .sub-menu .current-menu-item > a:hover, .genesis-nav-menu .sub-menu .current-menu-item > a:focus {
    color: #F0c325;
    text-decoration: none;
    cursor: pointer;
}
ul#menu-main-nav .hover > a {
	background: url(images/light_toast.png);
    color: #333;
}
ul#menu-main-nav ul.sub-menu li a {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
/* --------------------------------------------- 
--------------------------------------------- 
Front Page Styles
--------------------------------------------- 
--------------------------------------------- */

section#hero {
    background: url(images/Adam_Brandon_Banner.jpg);
    height: 700px;
    background-size: cover;
    max-width: 100%;
    background-position-y: 50%;
	position: relative;
	margin-top: 125px;
}
div#bannerText {
    position: absolute;
    top: 50%;
    color: #fff;
    font-size: 44px;
    text-transform: uppercase;
    font-family: 'Proxima Nova', sans-serif;
    font-weight: 700;
    max-width: 742px;
    transform: translateY(-50%);
    left: 100px;
}
div.headers div.wrap {
	min-height: 46px;
}
div.headers h2 {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
	font-size: 1.1em;
	margin: 0;
	padding-left: 30px;
}
div.column1, div.column2 {
    padding: 11px;
}
div.headers div.column2 h2 {
	padding-left: 30px;
}
.programHighlight {
    height: 350px;
    padding: 40px;
	margin-bottom: 40px;
}
div.programHighlight h3 {
    font-family: 'proxima-nova',sans-serif;
    font-weight: bold;
    font-size: 40px;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 1px 1px 6px #333;
}
.program.rac {
    background: url(images/rac.jpg);
	background-size: cover;
}
.program.cef {
    background: url(images/cef.jpg);
	background-size: cover;
}
.programHighlight {
    background: rgba(0,0,0,0.5);
    position: relative;
}
div.program .divider {
    border: 2px solid #4b8cb0;
}
.program p {
    color: #fff;
    font-size: 17px;
    line-height: 36px;
    letter-spacing: 0.05em;
}
a.learnMore {
    color: #fff;
    background-color: #4b8cb0;
    padding: 5px 15px;
    position: absolute;
    bottom: 20px;
    right: 60px;
    border-radius: 10px;
}
a.learnMore:hover {
	background-color: #508fb1;
}
/* --------------------------------------------- 
--------------------------------------------- 
Single Page Styles
--------------------------------------------- 
--------------------------------------------- */
body.page-template, body.single {
	background: none;
}
body.page-template-board .site-inner, body.page-template-staff .site-inner, body.single .site-inner, .error404 .site-inner, body.page-template-default .site-inner {
    margin-top: 125px;
}
.error404 div#pageTitle h1 {
    margin: 20px 0 30px;
    font-weight: bold;
    font-size: 36px;
}
body.page-template-cef {
	background: rgba(157, 199, 219, 0.1) url(images/light_toast_blue.png);
}
div#titleBanner {
    background-color: #488cb4;
    position: relative;
    z-index: 5;
    color: #fff;
    box-shadow: 0 1px 10px rgba(0,0,0,0.4);
    text-align: center;
    padding: 50px;
	margin-top: 125px;
}
div#titleBanner h1 {
    font-family: 'Proxima Nova';
    font-weight: 900;
    color: #e7e7e7;
    text-transform: uppercase;
    text-align: center;
    font-size: 3.0em;
    line-height: 0.7em;
    text-shadow: 0 1px 1px #000;
    letter-spacing: 0.02em;
    margin-left: 2px;
    padding-top: 10px;
    padding-bottom: 10px;
}
main.content {
    padding: 30px 80px 0 30px;
}
img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    width: 100%;
    max-width: 100%;
}
article.post {
	background: #fafafa;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
    position: relative;
    overflow: hidden;
    padding: 30px;
    margin-bottom: 30px;
}
.source {
    display: inline-block;
    padding: .5em;
    border: 2px solid #ddd;
}
article.post h3 {
	font-weight: bold;
	
}
article.post h3 a {
	text-decoration: none;
	color: #333333;
}
article.post p {
    font-family: 'oxygen';
    line-height: 1.6em;
    color: #777777;
    letter-spacing: 0.04em;
    font-size: 14px;
}
div#pageTitle h1 {
    margin: 20px 1.5% 30px;
    font-weight: bold;
    font-size: 36px;
}
body.single-board div.metaData, body.single-staff div.metaData {
    display: none;
}
h1.entry-title {
    margin: 20px 0% 30px;
    font-weight: bold;
    font-size: 36px;
}
.staffSingle {
    width: 27%;
    float: left;
    margin: 0 2.5%;
    text-align: center;
    min-height: 340px;
}
div.staffSingle img {
    width: 80%;
    border-radius: 150px;
}
div.staffSingle a {
    text-decoration: none;
}
div.staffSingle h2 {
    font-weight: bold;
    color: #333;
    font-size: 22px;
    margin: 10px 0 4px;
}
div.staffSingle p {
    color: #333;
    font-size: 17px;
}
body.single-staff main.content img, body.single-board main.content img {
    max-width: 22%;
    border-radius: 150px;
    float: left;
    margin: 0 4.5% 10px 1%;
}
body.single-staff p, body.single-board p {
    font-family: 'oxygen', sans-serif;
    font-size: 15px;
    color: #555;
}
div#respond {
    display: none;
}
.page-template-cef img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    max-height: 200px;
    width: initial;
    float: left;
    margin-right: 30px;
}
a.readMore {
    background-color: #ffcc00;
    border-radius: 3px;
    padding: 0 15px;
    line-height: 24px;
    height: 24px;
    font-size: 14px;
    color: #333;
    font-weight: bold;
    margin-top: 10px;
    display: inline-block;
}
a.readMore:hover {
    background-color: #ffde00;
}
.single img {
    float: left;
    max-width: 400px;
    margin: 0 4.5% 20px 0;
}
.metaData {
    margin-bottom: 10px;
    font-size: 15px;
}
.single-board header.site-header img, .single-staff header.site-header img {
    float: none;
}
.quote {
	font-style: italic;
}
/* --------------------------------------------- 
--------------------------------------------- 
About Page Styles
--------------------------------------------- 
--------------------------------------------- */
.page-template-about .site-inner {
    background: rgba(157, 199, 219, 0.1) url(images/light_toast_blue.png);
	min-height: 0px;
}
.page-template-about div#titleBanner {
	padding: 100px;
	background: rgba(72, 140, 180, 0.8);
	font-size: 72px;
}
.page-template-about div#titleBanner h1 {
	font-size: 72px;
}
div#cover {
    background: url(images/about-1.jpg);
    background-size: cover;
    background-position-y: -85%;
}
div#titleBanner span {
    display: block;
    line-height: 2em;
    color: #ffcc00;
    font-size: 72px;
}
.page-template-about div.content-sidebar-wrap {
    max-width: 100%;
}
.page-template-about main.content {
    padding: 0px;
}
.aboutHeader p {
    text-align: center;
    font-size: 24px;
    max-width: 1000px;
    margin: 60px auto;
    text-shadow: 1px 2px 1px #ffffff;
    font-weight: bold;
}
.aboutOverlay1 {
    background: url(images/about-2.jpg);
    min-height: 500px;
	height: 500px;
}
.aboutOverlay2 {
    background: url(images/about-3.jpg);
	min-height: 500px;
	height: 500px;
}
.overlay {
    position: relative;
    background-size: cover;
    background-position-y: 9%;
}
.overlay .text {
    color: #fff;
    font-weight: 300;
    font-size: 1.2em;
    line-height: 1.2;
    padding: 24px;
    background: rgba(194,42,49,0.7);
    max-width: 700px;
    margin: 0 auto;
    position: relative;
    top: 50%;
	transform: translateY(-50%);
    font-family: 'proxima-nova',sans-serif;
}
.overlay .text p {
    font-size: 19px;
    line-height: 26px;
    font-weight: 300;
}
div#millions .wrap {
    max-width: 1000px;
	padding-bottom: 2em;
}
div#millions h3 {
    margin: 35px 0 10px;
    font-size: 2em;
	text-align: center;
}
div.divider {
	border: 19px solid rgba(194,70,74,1);
	margin: 0 0 15px 0;
}
.page-template-about p {
	font-family: 'proxima-nova', sans-serif;
}
/* --------------------------------------------- 
--------------------------------------------- 
Join Page Styles
--------------------------------------------- 
--------------------------------------------- */
.page-id-169 .site-inner, .page-id-179 .site-inner {
    background: initial;
}
.advocacy-actionwidget {
    margin-top: 60px;
}
div.advocacy-actionwidget iframe {
    min-height: 600px !important;
}
.p2a-widget.p2a-container {
    margin: 3em;
}
/* Responsive Menu
--------------------------------------------- */

.responsive-menu-icon {
	cursor: pointer;
	display: none;
	margin-bottom: -1px;
	text-align: center;
}

.responsive-menu-icon::before {
	content: "\f333";
	display: inline-block;
	font: normal 20px/1 'dashicons';
	margin: 0 auto;
	/*padding: 10px;*/
	padding: 10px 5px 10px 10px;
}
.nav-primary .responsive-menu-icon::before {
	color: #fff;
}

.menu-text {
	color: #fff;
	line-height: 1;
	vertical-align: top;
	margin-top: 11px;
	display: inline-block;
}

/* To avoid noticeable vertical movement for hover state of Soliloquy's Control Nav (typically circles) and bxSlider's left and right arrows */

.soliloquy-container .soliloquy-control-nav li a,
.soliloquy-theme-classic .soliloquy-pager-link,
.bx-wrapper .bx-controls-direction a {
	-webkit-transition: none;
	-moz-transition:    none;
	-ms-transition:     none;
	-o-transition:      none;
	transition:         none;
}

/* To remove bottom border for Soliloquy controls */

.entry-content .soliloquy-controls-direction a, .entry-content a.soliloquy-pager-link {
	border-bottom: none;
}
/* # Sidebar Styles
---------------------------------------------------------------------------------------------------- */
.sidebar-primary {
    padding: 30px 0 30px 50px;
	position: relative;
    background: url(images/starcheck-background-large.png) no-repeat 50% -140px;
	width: 33%;
}
h4.widget-title.widgettitle {
    display: none;
}


/* # Footer Styles
---------------------------------------------------------------------------------------------------- */
.footer-widgets .wrap {
    max-width: 100%;
}
.widget-area.footer-widgets-1.footer-widget-area {
    background-color: #394450;
	box-shadow: 0 1px 10px rgba(0,0,0,0.4);
	position: relative;
	z-index: 5;
}
.widget-area.footer-widgets-2.footer-widget-area {
    background-color: #394450;
}
.footer-widgets {
    text-align: center;
    color: #fff;
    font-size: 0.8em;
}
.footer-widgets .textwidget.custom-html-widget img {
    max-width: 300px;
    padding: 10px 0;
	float: none;
}
section#custom_html-4 {
    padding: 8px 0;
}
/* # Media Queries
---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1400px) {
	.site-inner {
		background: url(images/sidebar-bg-light-67.png) 67% 0 repeat-y;
	}
	div.headers {
		background: #488cb4 url(images/sidebar-bg-dark-67.png) 67% 0 repeat-y;
	}
	.sidebar-primary {
		padding: 30px 2% 30px;
	}
	div#cover {
    background-position-y: initial;
	}
}
@media only screen and (max-width: 1280px) {
	nav.nav-primary div.wrap {
		max-width: 1200px;
	}
}
@media only screen and (max-width: 1200px) {
	section#hero {
		background-position-x: 30%;
	}
	nav.nav-primary div.wrap {
		max-width: 1200px;
	}
}
@media only screen and (max-width: 1106px) {
nav.nav-primary a {
    font-size: 12px;
}
}
@media only screen and (max-width: 1052px) {
	div#titleBanner h1 {
		line-height: 1.1em;
	}
}
@media only screen and (max-width: 1020px) {
	.site-inner, .wrap {
		max-width: 100%;
	}
	.programHighlight {
		height: 400px;
	}
	div#millions .wrap {
		max-width: 1000px;
		padding: 2em 5%;
	}
}
@media only screen and (max-width: 980px) {
	nav.nav-primary a {
		font-size: 14px;
	}
	nav.nav-primary {
		height: 100px;
	}
	div#titleBanner, body.single .site-inner, body.page-template-board .site-inner, body.page-template-staff .site-inner {
		margin-top: 175px;
	}
		.page-template-about div#titleBanner {
		padding: 100px 5%;
	}
	nav.nav-primary.hide {
		top: -119px;
	}
	nav.nav-primary div.wrap {
		max-width: 900px;
	}
	nav.nav-primary {
    margin-top: 130px;
	}
	header.site-header {
    height: 130px;
	}
	.title-area {
    padding: 35px 0;
	}
	section#custom_html-5 {
    top: 50px;
	}
	.page-id-169 main.content {
    padding: 0px;
	}
	.page-id-169 .advocacy-actionwidget {
    margin-top: 137px;
	}
	.page-id-169 main.content {
    padding: 0 0 60px 0;
	}
}
@media only screen and (max-width: 910px) {
	.programHighlight {
		height: 450px;
	}
}
@media only screen and (max-width: 880px) {
	
	section#hero {
		background-position-x: 20%;
		height: 500px;
	}
	div#bannerText {
		font-size: 36px;
		padding: 10%;
		left: 0;
	}
	.site-inner, .wrap {
		padding-left: 0;
		padding-right: 0;
	}
	
}
@media (min-width: 769px) {
.p2a-body, .p2a-container {
		margin-left: 0px !important;
	}
}
@media only screen and (max-width: 768px) {
	nav.nav-primary {
		height: 42px;
	}
	section#hero, div#titleBanner, body.single .site-inner, body.page-template-board .site-inner, body.page-template-staff .site-inner {
		margin-top: 117px;
	}
	ul#menu-main-nav {
		background-color: #394450;
	}
	nav.nav-primary .wrap {
		background-color: #394450;
	}
	.site-header .widget-area {
		text-align: left;
		left: 5%;
	}
	.programHighlight {
		height: 500px;
	}
	div#titleBanner {
		margin-top: 117px;
	}
	main.content {
		padding: 30px 30px 0 30px;
	}
}
@media only screen and (max-width: 725px) {
	.column2 {
		display: none;
	}
	div.headers {
		background: #488cb4;
	}
	main.content {
		width: 100%;
		padding: 5%;
	}
	.site-inner {
		background: none;
	}
	.sidebar-primary {
		padding: 0 5%;
		width: 100%;
		background: none;
		text-align: center;
	}
	.programHighlight {
		height: 400px;
	}
}
@media only screen and (max-width: 700px) {
	.page-template-about div#titleBanner h1 {
		font-size: 60px;
	}
}
@media only screen and (max-width: 580px) {
	.page-template-about div#titleBanner h1 {
			font-size: 40px;
		}
	div#titleBanner span {
		font-size: 42px;
	}
}
@media only screen and (max-width: 550px) {
	.programHighlight {
		height: 500px;
	}
}
@media only screen and (max-width: 461px) {
	.widget-area.header-widget-area {
		display: none;
	}
	a.learnMore {
		position: relative;
		bottom: initial;
		right: initial;
	}
	.programHighlight {
		min-height: 500px;
		height: initial;
	}
	section#hero {
    background-position-x: 20%;
    height: 700px;
	}
}
@media only screen and (max-width: 384px) {
	.page-template-about div#titleBanner h1 {
		font-size: 24px;
		}
	div#titleBanner span {
		font-size: 24px;
	}
}
/* Menu Responsiveness */


@media only screen and (max-width: 768px) {

	.genesis-nav-menu.responsive-menu > .menu-item > .sub-menu,
	.genesis-nav-menu.responsive-menu {
		display: none;
	}

	.genesis-nav-menu.responsive-menu .menu-item,
	.responsive-menu-icon {
		display: block;
	}

	.genesis-nav-menu.responsive-menu .menu-item {
		margin: 0;
	}

	.genesis-nav-menu.responsive-menu .menu-item:hover {
		position: static;
	}

	.genesis-nav-menu.responsive-menu .current-menu-item > a,
	.genesis-nav-menu.responsive-menu .sub-menu .current-menu-item > a:hover,
	.genesis-nav-menu.responsive-menu a,
	.genesis-nav-menu.responsive-menu a:hover {
		background: none;
		line-height: 1;
		padding: 16px 20px;
	}
	.nav-primary .genesis-nav-menu.responsive-menu .current-menu-item > a,
	.nav-primary .genesis-nav-menu.responsive-menu .sub-menu .current-menu-item > a:hover,
	.nav-primary .genesis-nav-menu.responsive-menu a,
	.nav-primary .genesis-nav-menu.responsive-menu a:hover {
		color: #fff;
	}

	.genesis-nav-menu.responsive-menu .menu-item-has-children {
		cursor: pointer;
	}

	.genesis-nav-menu.responsive-menu .menu-item-has-children > a {
		margin-right: 60px;
	}

	.genesis-nav-menu.responsive-menu > .menu-item-has-children:before {
		content: "\f347";
		float: right;
		font: normal 16px/1 'dashicons';
		height: 16px;
		padding: 16px 20px;
		right: 0;
		text-align: right;
		z-index: 9999;
	}
	.nav-primary .genesis-nav-menu.responsive-menu > .menu-item-has-children:before {
		color: #fff;
	}

	.genesis-nav-menu.responsive-menu .menu-open.menu-item-has-children:before {
		content: "\f343";
	}

	.genesis-nav-menu.responsive-menu .sub-menu {
		border: none;
		left: auto;
		opacity: 1;
		padding-left: 25px;
		position: relative;
		-moz-transition:    opacity .4s ease-in-out;
		-ms-transition:     opacity .4s ease-in-out;
		-o-transition:      opacity .4s ease-in-out;
		-webkit-transition: opacity .4s ease-in-out;
		transition:         opacity .4s ease-in-out;
		width: 100%;
		z-index: 99;
	}

	.genesis-nav-menu.responsive-menu .sub-menu .sub-menu {
		margin: 0;
	}

	.genesis-nav-menu.responsive-menu .sub-menu .current-menu-item > a:hover,
	.genesis-nav-menu.responsive-menu .sub-menu li a,
	.genesis-nav-menu.responsive-menu .sub-menu li a:hover {
		background: none;
		border: none;
		padding: 12px 20px;
		position: relative;
		width: 100%;
	}
}
@media only screen and (max-width: 568px) {

	.comment-respond input[type="email"],
	.comment-respond input[type="text"],
	.comment-respond input[type="url"] {
		width: 100%;
	}
}