/*
 Theme Name:    FWA Theme 2020
*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
/*# sourceMappingURL=normalize.min.css.map */




/* 
======================================================================== 
OVERALL LAYOUT DEFAULTS 
======================================================================== 
*/
* {
	box-sizing: border-box;
}

/*html.with-featherlight {
	overflow: hidden;
}*/

body {
	font-family: Roboto, sans-serif;
	font-weight: 300;
	line-height: 1.5;
	font-size: 20px; 
}

body.scrolled {
	padding-top: 46px; 
}

img {
	max-width: 100%;
	height: auto;
}

iframe {
	max-width: 100%;
}

a {
	transition: all .3s ease;
	color: #64B5F6;
}

a:hover {
	color: #0464b1;
}

.outer-wrap {
	max-width: 100%;
	margin: auto; 
	overflow:hidden;
}

a.button {
	background: #64B5F6;
	display: inline-block;
	padding: 15px 30px; 
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 15px; 
	font-weight: 700;
}

a.button:hover {
	background: #0464b1;
}

.content-area a.button:active {
	position: relative;
	top:1px; 
}


.fll-accent a.button {
	background: #f44336; 
}

.fll-accent a.button:hover {
	background: #d32f2f;
}

.flljr-accent a.button {
	background: #4CAF50; 
}

.flljr-accent a.button:hover {
	background: #388E3C;
}

.ftc-accent a.button {
	background: #FFA726; 
}

.ftc-accent a.button:hover {
	background: #F57C00;
}

.frc-accent a.button {
	background: #42A5F5; 
}

.frc-accent a.button:hover {
	background: #1976D2;
}

h1 {
	line-height: 1.2;
}

p {
	margin-top: 0; 
}

p:last-child {
/*	margin-bottom: 0; */
}

.alignleft {
	float: left; 
}

.alignright {
	float: right; 
}

.aligncenter {
	display:block;
	margin:0 auto;
}

p .alignleft, 
img.alignleft, 
.wp-caption.alignleft { 
	margin: 0 20px 10px 0;
	padding: 0; 
}

p .alignright, 
img.alignright, 
.wp-caption.alignright {
	margin: 0 0 10px 20px; 
	padding: 0; 
}

.wp-caption {
	max-width: 100%;
}

.wp-caption-text {
	font-size:.8em;
	font-style:italic;
	margin:0 0 1em 0;
}

/* 
======================================================================== 
HEADER
======================================================================== 
*/

.header-area {
	background: url('assets/header-overlay.jpg') no-repeat left top;
	background-size: cover;
	background-position: center center;
}

header {
	display: flex; 
	justify-content: space-between;
	align-items: center;
	padding: 30px; 
	background: rgba(255,255,255, .7);
}

header .logo {
	flex: none;
	max-width: 250px; 
}

header .logo img {
	display: block;
}

.menu-toggle {
	flex: none;
	width: 30px; 
	height: 30px; 
	background: url('assets/hamburger.svg') no-repeat center center;
	cursor: pointer;
	display: none;
}

.mobile-header {
	display: none;
}

.donate-volunteer {
	display: flex; 
}

.donate-volunteer .donate-btn {
	background: #4CAF50;
	color: #fff;
	text-align:center;
	text-decoration: none;
	padding: 5px 25px;
	margin-right: 15px; 
}

.donate-volunteer .donate-btn:hover {
	background: #388E3C;
}

.donate-volunteer .volunteer-btn {
	background: #2196F3;
	color: #fff;
	text-align:center;
	text-decoration: none;
	padding: 5px 25px;
}

.donate-volunteer .volunteer-btn:hover {
	background: #1976D2;
}


/* 
======================================================================== 
NAV
======================================================================== 
*/

.nav-area {
	position: relative;
	z-index: 100; 
}

.nav-area nav {
	display: flex; 
	justify-content: space-between;
	background: #222;
	color: #fff;
}

.nav-area a {
	color: #fff;
	text-decoration: none;
	white-space: nowrap; 
}

.nav-area .subsite-identifier {
	display: flex; 
	position: relative;
	z-index: 1;
}

.nav-area .subsite-identifier > a {
	padding: 8px 30px; 
	font-weight: 700;
	transition: all .3s ease;
}

/*.nav-area .subsite-identifier a span {
	font-size: 12px; 
}*/

.nav-area .subsite-identifier > span {
	padding: 8px 30px; 
	background: #222; 
	font-weight: 700;
	transition: all .3s ease;
}

.fll-accent .nav-area .subsite-identifier a.primary,
.nav-area .subsite-identifier .fll-accent a {
	background: #f44336; 
}

.fll-accent .nav-area .subsite-identifier a.primary:hover,
.nav-area .subsite-identifier .fll-accent a:hover {
	background: #d32f2f;
}

.flljr-accent .nav-area .subsite-identifier a.primary,
.nav-area .subsite-identifier .flljr-accent a {
	background: #4CAF50; 
}

.flljr-accent .nav-area .subsite-identifier a.primary:hover,
.nav-area .subsite-identifier .flljr-accent a:hover {
	background: #388E3C;
}

.ftc-accent .nav-area .subsite-identifier a.primary,
.nav-area .subsite-identifier .ftc-accent a {
	background: #FFA726; 
}

.ftc-accent .nav-area .subsite-identifier a.primary:hover,
.nav-area .subsite-identifier .ftc-accent a:hover {
	background: #F57C00;
}

.frc-accent .nav-area .subsite-identifier a.primary,
.nav-area .subsite-identifier .frc-accent a {
	background: #42A5F5; 
}

.frc-accent .nav-area .subsite-identifier a.primary:hover,
.nav-area .subsite-identifier .frc-accent a:hover {
	background: #1976D2;
}

.nav-area .subsite-switch {
	cursor: pointer;
	display: flex; 
	justify-content: center;
	align-items: center;
	padding: 0 15px;
	background: #333; 
}

.nav-area .subsites {
	display: none;
	position: absolute;
	top: 100%;
	right: 0; 
	left: 0; 
	margin: 0; 
	padding: 0; 
	list-style: none;
	background: #333;
}

.jc-open .subsites {
	display: block;
}

.nav-area .subsites a {
	display: block;
	font-size: .8em;
	padding: 8px 30px;
	white-space: nowrap;
}

.nav-area .menu {
	display: flex; 
	margin: 0; 
	padding: 0 15px 0 0; 
	list-style: none;
}

.nav-area .menu > li {
	position: relative; 
	z-index: 1;
	padding: 5px 30px 8px 20px;
	border-top: solid 3px transparent;
	transition: all .3s ease;
}

.nav-area .menu > li:hover,
.nav-area .menu .current-menu-item,
.nav-area .menu .current-menu-parent {
	border-top-color: #fff;
	background: #333;
}

.fll-accent .nav-area .menu > li:hover,
.fll-accent .nav-area .menu .current-menu-item,
.fll-accent .nav-area .menu .current-menu-parent {
	border-top-color: #f44336;
	background: #333;
}

.flljr-accent .nav-area .menu > li:hover,
.flljr-accent .nav-area .menu .current-menu-item,
.flljr-accent .nav-area .menu .current-menu-parent {
	border-top-color: #4CAF50;
	background: #333;
}

.ftc-accent .nav-area .menu > li:hover,
.ftc-accent .nav-area .menu .current-menu-item,
.ftc-accent .nav-area .menu .current-menu-parent {
	border-top-color: #FFA726;
	background: #333;
}

.frc-accent .nav-area .menu > li:hover,
.frc-accent .nav-area .menu .current-menu-item,
.frc-accent .nav-area .menu .current-menu-parent {
	border-top-color: #42A5F5;
	background: #333;
}

.nav-area .menu > li.jc-open {
	background: #333;
}

.menu-item-has-children:after {
	content: '▾';
	display: block;
	position: absolute;
	top: 8px;
	right: 13px;
	color: #fff;
	font-size: .8em;
	pointer-events: none;
}

.nav-area .menu > li:last-child {
	//padding-right: 15px; 
}

.nav-area .menu > li ul {
	display: none;
	background: #333;
	margin: 0; 
	padding: 10px 0; 
	list-style: none;
	position: absolute; 
	z-index: 2;
	top: 100%;
	left: 0; 
	width: 250px; 
	font-size: .8em;
}

.nav-area .menu > li ul li {
	padding: 3px 15px;
}

.nav-area .menu > li.jc-open ul {
	display: block;
}

.nav-area .menu > li ul li a {
	display: block;
}

.nav-area .menu > li ul li a:hover {
	color: #64B5F6;
}

.fll-accent .nav-area .menu > li ul li a:hover {
	color: #f44336;
}

.flljr-accent .nav-area .menu > li ul li a:hover {
	color: #4CAF50;
}

.ftc-accent .nav-area .menu > li ul li a:hover {
	color: #FFA726;
}

.frc-accent .nav-area .menu > li ul li a:hover {
	color: #42A5F5;
}

.scrolled .nav-area {
	position: fixed;
	z-index: 100;
	top: 0; 
	right: 0; 
	left: 0; 
}



/* 
======================================================================== 
HERO-AREA
======================================================================== 
*/

.hero-area {
	/*background: url('assets/bg-gray.jpg') no-repeat bottom center;*/
	background-size: cover;
	padding: 100px; 
	display: flex; 
	align-items: center;
	justify-content: center;
	position: relative; 
	z-index: 1;
}

.hero-area:before {
	content: "";
	display: block; 
	position: absolute; 
	z-index: 2;
	top: 0; 
	right: 0; 
	bottom: 0; 
	left: 0; 
	background: rgba(0,0,0,.5);
}

/*.fll-accent .hero-area {
	background: url('assets/bg-red.jpg') no-repeat bottom center;
}

.flljr-accent .hero-area {
	background: url('assets/bg-green.jpg') no-repeat bottom center;
}

.ftc-accent .hero-area {
	background: url('assets/bg-yellow.jpg') no-repeat bottom center;
}

.frc-accent .hero-area {
	background: url('assets/bg-blue.jpg') no-repeat bottom center;
}*/

.hero-content {
	display: flex; 
	align-items: center;
	justify-content: center;
	position: relative; 
	z-index: 3;
}

.hero-content .leftcol {
	flex: none;
	width: 400px; 
	text-align:center;
	margin-right: 30px; 
}

/*.hero-area .button {
	position: relative; 
	z-index: 1;
	top: -80px; 
}*/

.hero-area .button,
.hero-area .button:hover {
	background: #fff!important;
}

.flljr-accent .hero-area .button {
	color: #4CAF50;
}

.fll-accent .hero-area .button {
	color: #f44336;
}

.ftc-accent .hero-area .button {
	color: #FFA726;
}

.frc-accent .hero-area .button {
	color:  #42A5F5;
}

.hero-title h1 {
	font-weight: 700; 
	font-size: 3em;
	text-transform: uppercase;
	color: #fff;
	text-shadow: 0 0 5px black;
	margin: 0; 
}

.breadcrumb-area {
	position: relative; 
	z-index: 10;
}

.breadcrumb-area > div {
/*	background: rgba(255,255,255,.75);*/
	position: absolute;
	z-index: 11;
	bottom: 0; 
	left: 0; 
	right: 0;
	padding: 5px; 
	font-size: .7em;
	color: #fff;
}

.breadcrumb-area .sep {
	color: #bbb;
}

.breadcrumb-area a {
	color: #bbb;
}

.breadcrumb-area a:hover {
	color: #fff;
}


/* 
======================================================================== 
CAROUSEL-AREA
======================================================================== 
*/
.overhead-content-area {
	text-align:center;
	padding: 5px;
}

.overhead-content-area p {
	margin: 0; 
}

.carousel-area {
	background: #222;
}

.slick-slide {
/*	filter: grayscale(1);*/
	opacity: .8;
	transition:all .3s ease;
}

.slick-slide.slick-current {
	opacity: 1;
/*	filter: grayscale(0);*/
}

.slick-slide a {
	outline: none;
}

.slick-slide.car-slide {
	position: relative; 
	z-index: 1;
}

.slick-slide.car-slide .overlay {
	position: absolute; 
	z-index: 2;
	top: 0;
	right:0; 
	bottom: 0; 
	left: 0;
	background: linear-gradient(
	    to bottom,
	    rgba(0, 0, 0, 0),
	    rgba(0, 0, 0, .8)
	  );
	display: flex; 
	flex-direction: column;
	justify-content: flex-end;
	padding: 30px; 
}

.slick-slide.car-slide .overlay p,
.slick-slide.car-slide .overlay h2 {
	margin: 0; 
	padding: 0; 
	color: #fff;
	text-shadow: 1px 1px 0 #333;
}

.slick-slide.car-slide .overlay h2 {
	text-transform: uppercase;
	font-size: 1.2em;
}

.slick-slide.car-slide .overlay p {
	font-size: .9em;
}

/* 
======================================================================== 
CONTENT-AREA
======================================================================== 
*/

.center iframe {
	width: 100%;
}

.column-wrap {
	display: flex; 
}

.column-wrap .col-a {
	flex: none;
	width: 33.333%; 
	display: flex; 
	align-items: center;
	justify-content: center;
	padding: 150px; 
	background: url('assets/lego-robot.jpg');
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: cover;
	position: relative; 
	z-index: 1;
}

.column-wrap .col-a:after {
	content: "";
	display: block;
	position: absolute; 
	z-index: 1;
	top: 0; 
	right: 0; 
	bottom: 0; 
	left: 0; 
	background: rgba(255,255,255,.75);
}

.column-wrap .col-b {
	flex: none;
	width: 66.666%; 
	padding: 150px; 
/*	background: url('assets/right-arrow.png') no-repeat left -40px center;
	background-size: 150px 150px;*/
	background-color: #999;
	color: #fff;
}

.fll-accent .column-wrap .col-b {
	background-color: #f44336;
}

.flljr-accent .column-wrap .col-b {
	background: #4CAF50; 
}

.ftc-accent .column-wrap .col-b {
	background: #FFA726; 
}

.frc-accent .column-wrap .col-b {
	background: #42A5F5; 
}

.column-wrap .col-a h1 {
	color: #555;
	font-size: 3em;
	font-weight: 700; 
	line-height: 1;
	position: relative; 
	z-index: 3;
	text-transform: uppercase;
}

.fll-accent .column-wrap .col-a h1 {
	color: #f44336;
}

.flljr-accent .column-wrap .col-a h1 {
	color: #4CAF50;
}

.ftc-accent .column-wrap .col-a h1 {
	color: #FFA726;
}

.frc-accent .column-wrap .col-a h1 {
	color: #42A5F5;
}

.demo-intro {
	text-align:center;
	padding: 50px; 
	max-width: 900px; 
	margin: auto; 
}

.demo-columns {
	margin-top: 100px; 
	display: flex; 
}

.demo-columns > div {
	flex: none;
	width: 33.333%; 
	position: relative; 
	z-index: 1;
}

.demo-columns .animated-line {
	content: "";
	display: block;
	position: absolute; 
	z-index: 2;
	top: 0; 
	left: 0; 
	height: 10px; 
	width: 0;
	transition: all .9s ease;
}

.demo-columns .animated-line.line-view {
	width: 100%;
}

.demo-columns > div:nth-child(1) {
	background: #eee;
}

.demo-columns > div:nth-child(2) {
	background: #ddd;
}

.demo-columns > div:nth-child(3) {
	background: #ccc;
}

.fll-accent .demo-columns > div:nth-child(1) .animated-line {
	background: #f44336;
}

.fll-accent .demo-columns > div:nth-child(2) .animated-line {
	background: #d32f2f;
}

.fll-accent .demo-columns > div:nth-child(3) .animated-line {
	background: #b71c1c;
}

.flljr-accent .demo-columns > div:nth-child(1) .animated-line {
	background: #4CAF50;
}

.flljr-accent .demo-columns > div:nth-child(2) .animated-line {
	background: #388E3C;
}

.flljr-accent .demo-columns > div:nth-child(3) .animated-line {
	background: #1B5E20;
}

.ftc-accent .demo-columns > div:nth-child(1) .animated-line {
	background: #FFA726;
}

.ftc-accent .demo-columns > div:nth-child(2) .animated-line {
	background: #FFA000;
}

.ftc-accent .demo-columns > div:nth-child(3) .animated-line {
	background: #FF8F00;
}

.frc-accent .demo-columns > div:nth-child(1) .animated-line {
	background: #42A5F5;
}

.frc-accent .demo-columns > div:nth-child(2) .animated-line {
	background: #1976D2;
}

.frc-accent .demo-columns > div:nth-child(3) .animated-line{
	background: #0D47A1;
}

.demo-columns .text {
	padding: 75px 50px 50px; 
	text-align:center;
}

.demo-columns .icon {
	position: absolute; 
	z-index: 2;
	top: 0; 
	right: 0; 
	left: 0; 
}

.demo-columns .icon img {
	display: block;
	margin: -75px auto; 
	width: 150px; 
	height: 150px; 
	border: solid 10px #444;
	border-radius: 50%;  
	overflow: hidden;
	background: #fff;
}


.programs {
	display: flex;
}

.programs > div {
	flex: none;
	width: 25%; 
	padding: 50px; 
	font-size: .8em;
	color: #fff;
}

.programs h3 {
	font-size: 1.5em;
	line-height: 1.1;
}

.programs .flljr-program {
	background: #4CAF50;
}

.programs .fll-program {
	background: #f44336;
}

.programs .ftc-program {
	background: #FFA726;
}

.programs .frc-program {
	background: #42A5F5;
}

.programs .button,
.programs .button:hover {
	background: #fff;
}

.programs .flljr-program .button {
	color: #4CAF50;
}

.programs .fll-program .button {
	color: #f44336;
}

.programs .ftc-program .button {
	color: #FFA726;
}

.programs .frc-program .button {
	color:  #42A5F5;
}

/* 
======================================================================== 
SIDEBARS-AREA
======================================================================== 
*/
.sidebars {
	display: flex; 
}

.sidebars .left,
.sidebars .right {
	flex: none;
	width: 400px; 
	background: #555;
	padding: 30px 30px 30px; 
	font-size: .8em;
	color: #fff;
}

.sidebars .center {
	flex: 1 0 0%;
	padding: 75px 150px; 
	overflow: hidden;
}

.sidebars .widget {
	margin-bottom: 25px; 
	border-bottom: solid 1px #999;
	padding-bottom: 25px; 
}

.sidebars .widget:last-child {
	border:none;
}

.sidebars .widget ul {
	margin: 0;
	padding: 0 20px;  
}

.sidebars .widget li {
	margin-bottom: 5px; 
}

.sidebars .widget .title {
	font-weight:700;
	font-size: 1.5em;
	margin: 15px 0; 
	text-transform: uppercase;
}

.sidebars .widget a:hover {
	color: #fff;
}




/* 
======================================================================== 
BLOGROLL-AREA
======================================================================== 
*/
.blogroll article {
	display: flex; 
	margin-bottom: 30px; 
	border-bottom: solid 1px #eee;
	padding-bottom: 30px; 
}

.blogroll article .featured-image {
	flex: none;
	width: 150px; 
	margin-right: 30px; 
}

.blogroll article .featured-image img {
	object-fit: cover;
	width: 100%;
	height: 100%; 
}

.blogroll article h2 {
	font-size: 1.2em;
	line-height: 1.2;
	margin: 0 0 15px 0; 
	margin: 0 0 0 0; 
}

.blogroll article h2 a {
	text-decoration: none;
}

.blogroll article .meta {
	font-size: .7em;
	color: #777;
}

.blogroll article p {
	font-size: .8em;
	margin: 0 0 15px 0; 
}

.post-pagination,
.post-navigation {
	display: flex; 
	justify-content: space-between;
}

.post-navigation {
	margin: 30px 0 0 0;
	border-top: solid 1px #eee;
	padding-top: 15px; 
	font-size: .8em;
}

.post-navigation .prev {
	flex: none;
	width: 50%; 
	padding-right: 30px; 
}

.post-navigation .next {
	flex: none;
	width: 50%; 
	padding-left: 30px; 
	text-align:right;
}

/* 
======================================================================== 
FAQ-AREA
======================================================================== 
*/
.faq-item {
	margin-bottom: 30px; 
}

.faq-title {
	font-weight: 700; 
	text-transform: uppercase;
	color: inherit;
	text-decoration: none;
}

.faq-item p:last-child {
	margin-bottom: 0; 
}

.faq-excerpt {
	font-size: .8em;
}

.faq-all {
	display: none;
}

.featherlight-content {
	overflow: auto!important;
}

.featherlight:last-of-type {
    background: rgba(0,0,0,1)!important;
}

.faq-all.featherlight-inner {
	background: #fff;
	padding: 50px; 
	max-width: 800px; 
	margin: auto; 
}

.faq-all.featherlight-inner a {
	color: #64B5F6!important;
}

.faq-all.featherlight-inner a:hover {
	color: #0464b1!important;
}

.faq-full {
	font-size: .9em;
	margin: 30px 0 0 0;
}


/* 
======================================================================== 
RESOURCES-AREA
======================================================================== 
*/
/*.resources {
	display: flex; 
	flex-wrap: wrap; 
}

.resources > div {
	flex: none;
	width: 50%;
}*/
.resources .published {
	font-size: .7em;
	color: #777;
	text-transform: none;
}

.resources .resource {
	font-size: .8em;
}

/* 
======================================================================== 
STEPS-AREA
======================================================================== 
*/
.center.steps-area {
	padding: 0; 
}

.sign-up-step {
	padding: 50px 50px 50px 30px;  
	display: flex; 
	border-bottom: solid 1px #eee;
}

.sign-up-step .content {
	flex: 1 1 0%;
}

/*.sign-up-step:nth-child(1){
	background: #eee;
}

.sign-up-step:nth-child(2){
	background: #e9e9e9;
}

.sign-up-step:nth-child(3){
	background: #ddd;
}

.sign-up-step:nth-child(4){
	background: #d9d9d9;
}*/

.sign-up-step .icon span {
	display: flex;
	align-items: center;
	justify-content: center; 
	width: 100px; 
	height: 100px; 
	background: #fff;
	border-radius: 50%; 
	border: solid 7px #555;
	font-size: 50px; 
	margin-right: 30px; 
	font-weight: bold; 
}

.flljr-accent .sign-up-step .icon span {
	color: #4caf50;
	border-color: #4caf50;
}

.fll-accent .sign-up-step .icon span {
	color: #f44336;
	border-color: #f44336;
}

.ftc-accent .sign-up-step .icon span {
	color: #ffa726;
	border-color: #ffa726;
}

.frc-accent .sign-up-step .icon span {
	color: #42a5f5;
	border-color: #42a5f5;
}


/* 
======================================================================== 
GRAVITY FORM DEFAULTS
======================================================================== 
*/
#jc .content-area .gform_wrapper {
	width: 100%;
}

#jc .content-area .gform_wrapper form {
	width: 100%;
}

#jc .content-area .gform_wrapper input.button, 
#jc .content-area .gform_wrapper input[type=submit] {
	background: #64B5F6;
	display: inline-block;
	padding: 15px 30px; 
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 15px; 
	font-weight: 700;
	border: none;
	outline: none;
	transition: all .3s ease;
}

#jc .content-area .gform_wrapper input.button:hover, 
#jc .content-area .gform_wrapper input[type=submit]:hover {
	background: #0464b1;
}


#jc .fll-accent .content-area .gform_wrapper input.button, 
#jc .fll-accent .content-area .gform_wrapper input[type=submit] {
	background: #f44336; 
}

#jc .fll-accent .content-area .gform_wrapper input.button:hover, 
#jc .fll-accent .content-area .gform_wrapper input[type=submit]:hover {
	background: #d32f2f;
}

#jc .flljr-accent .content-area .gform_wrapper input.button, 
#jc .flljr-accent .content-area .gform_wrapper input[type=submit] {
	background: #4CAF50; 
}

#jc .flljr-accent .content-area .gform_wrapper input.button:hover, 
#jc .flljr-accent .content-area .gform_wrapper input[type=submit]:hover {
	background: #388E3C;
}

#jc .ftc-accent .content-area .gform_wrapper input.button, 
#jc .ftc-accent .content-area .gform_wrapper input[type=submit] {
	background: #FFA726; 
}

#jc .ftc-accent .content-area .gform_wrapper input.button:hover, 
#jc .ftc-accent .content-area .gform_wrapper input[type=submit]:hover {
	background: #F57C00;
}

#jc .frc-accent .content-area .gform_wrapper input.button, 
#jc .frc-accent .content-area .gform_wrapper input[type=submit] {
	background: #42A5F5; 
}

#jc .frc-accent .content-area .gform_wrapper input.button:hover, 
#jc .frc-accent .content-area .gform_wrapper input[type=submit]:hover {
	background: #1976D2;
}


/* 
======================================================================== 
TEAMS-AREA
======================================================================== 
*/

.center.teams-wrapper {
	padding: 0; 
}

.teams-area {
	display: flex; 
	flex-wrap: wrap; 
}

.teams-area .team {
	border: solid 1px #eee;
	padding: 30px; 
	flex: none;
	width: 33.333%;
	font-size: .9em;
	position: relative; 
	z-index: 1;
}

.team-message,
.district-message {
	display: none;
	padding: 30px; 
}

.reset-button {
	display: inline-block;
	margin-top: 15px; 
}

.team .team-title {
	font-weight: bold; 
}

.team .team-program {
	position: absolute;
	z-index: 2;
	top: 0; 
	right: 0; 
	font-size: .8em;
	background: #777;
	color: #fff;
	display: inline-block; 
	line-height: 1;
	padding: 2px 5px; 
}

.team .team-program.program-FLL {
	background: #f44336;
}

.team .team-program.program-FLLJr {
	background: #4caf50;
}

.team .team-program.program-FTC {
	background: #ffa726;
}

.team .team-program.program-FRC {
	background: #42a5f5;
}

.hideThisLine {
	display: none;
}

.team-search {
	display: flex; 
	width: 100%;
}

.team-search input {
	flex: 1 1 0%;
}

#district-filter select,
#city-filter select {
	width: 100%;
}


/* 
======================================================================== 
BIOS-AREA
======================================================================== 
*/

.sidebars .center.leadership-wrapper {
	padding: 30px; 
}

.bio-wrapper {
	display: flex; 
	flex-wrap: wrap;
}

.bio-item {
	flex: none;
	width: 300px; 
	padding: 25px; 
	text-align:center;
}

.bio-item a {
	color: inherit;
	text-decoration: none;
}

.bio-item h3 {
	margin: 0; 
	padding: 0; 
	font-size: 1em;
}

.bio-item p {
	margin: 0; 
	font-size: .8em;
	font-style:italic;
	color: #999;
}

.bio-image img {
	max-width: 200px; 
}

.bio-all {
	display: none;
}

.featherlight-content {
	overflow: auto!important;
}

.featherlight:last-of-type {
    background: rgba(0,0,0,1)!important;
}

.bio-all.featherlight-inner {
	background: #fff;
	padding: 50px; 
	max-width: 800px; 
	margin: auto; 
}

.bio-all.featherlight-inner a {
	color: #64B5F6!important;
}

.bio-all.featherlight-inner a:hover {
	color: #0464b1!important;
}

.bio-full {
	font-size: .9em;
	margin: 30px 0 0 0;
}




/* 
======================================================================== 
DONOR HONOR ROLL
======================================================================== 
*/

.h-r-gallery {
	display: flex; 
	flex-wrap: wrap; 
	align-items: center;
	margin-bottom: 50px;
}

.honor-roll-wrapper h2 {
	margin-bottom: 0; 
	border-bottom: solid 1px #ccc;
}

.h-r-gallery > div {
	max-width: 200px; 
	padding: 25px; 
}




/* 
======================================================================== 
NEWSLETTER-AREA
======================================================================== 
*/
.newsletter-area {
	background: url('assets/newsletter-bg.jpg') no-repeat center center;
	background-size: cover;
	color: #fff;
	position: relative;
	z-index: 1;
	padding: 100px; 
	display: flex; 
	align-items: center;
	justify-content: center;
}

.newsletter-area:before {
	content: "";
	display: block;
	position: absolute; 
	z-index: 2;
	top: 0;
	right: 0; 
	bottom: 0; 
	left: 0; 
	pointer-events: none;
	background: rgba(0,0,0,.75);
}

.newsletter-area .newsletter {
	position: relative;
	z-index: 3;
	text-align:center;
}

.newsletter-area .newsletter > div {
	max-width: 650px; 
	margin: auto; 
}

.newsletter h2 {
	color: #64B5F6;
	margin: 0; 
	padding: 0; 
	text-transform: uppercase; 
	font-size: 3.5em;
	font-weight: 400; 
}

.newsletter p {
	font-size: 1.2em;
	margin: 0 0 30px 0; 
}

.newsletter a {
	color: #fff;
}

.newsletter .gfield_required {
	display: none;
}

.newsletter .gform_wrapper {
	margin: 0; 
	position: relative; 
	z-index: 1;
}

.newsletter .gform_wrapper .gfield {
	margin: 0!important; 
	padding: 0!important; 
}

.newsletter .gform_wrapper .ginput_container {
	margin: 0!important; 
}

.newsletter .gform_wrapper .ginput_container input[type="text"] {
	display: block!important;
	width: 100%!important;
	margin: 0 !important;
	padding: 10px!important; 
	height: 50px; 
}

.newsletter .gform_wrapper .gfield_label {
	display: none!important;
}

.newsletter .gform_wrapper .gfield_checkbox {
	margin: 0!important;
	padding: 0!important;
}

.newsletter .gform_wrapper .fwa-checkbox-inline {
	display: inline-block!important;
/*	text-align:center;
	width: 50%;*/
	padding-top: 15px!important;
	font-size: 16px; 
}

.newsletter .gform_wrapper .ginput_container input[type="checkbox"] {
	margin: 0 5px 0 0!important;
	position: relative; 
	top: -3px;
}

.newsletter .gform_wrapper input[type="submit"] {
/*	position: absolute;
	z-index: 5;
	top:0; 
	right: -16px; */
	height: 50px; 
	border: none;
	background: #64B5F6;
	color: #fff;
	padding: 0 30px; 
}

.newsletter .gform_wrapper .gform_footer {
	margin: 0!important;
	padding: 0!important; 
}

.newsletter .gform_wrapper div.validation_error,
.newsletter .gform_wrapper div.validation_message {
	display: none!important;
}

.newsletter .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), 
.newsletter .gform_wrapper li.gfield_error textarea {
	border: none!important;
	outline: solid 5px red;
}

.newsletter #gform_wrapper_1.gform_wrapper li.gfield.gfield_error {
	border: none!important;
	background: transparent!important;
	margin: 0!important;
	padding: 0!important;
	max-width: 50%!important;
}

.newsletter #gform_wrapper_1.gform_wrapper li.gfield.gfield_error#field_1_1 {
	max-width: 100%!important;
}

.newsletter .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label, 
.newsletter .gform_wrapper li.gfield_error ul.gfield_checkbox, 
.newsletter .gform_wrapper li.gfield_error ul.gfield_radio,
.newsletter .gform_wrapper li.gfield_error a {
	color: red!important;
}



/* 
======================================================================== 
FOOTER-AREA
======================================================================== 
*/

.footer-area {
	background: url('assets/header-overlay.jpg') no-repeat;
	background-size: cover;
	background-position: center bottom;
}

footer {
	display: flex; 
	justify-content: space-between;
	align-items: center;
	padding: 30px; 
	background: rgba(255,255,255, .7);
}

footer .logo {
	flex: none;
	max-width: 250px; 
	margin-bottom: 10px; 
}

footer .logo img {
	display: block;
}

footer .copyrights {
	font-size: .6em;
	margin-bottom: 10px; 
}

footer .socials a {
	margin-right: 8px; 
}

footer .socials {
	margin-bottom: -5px;
}


/* 
======================================================================== 
MEDIA QUERIES
======================================================================== 
*/

@media (max-width: 1600px) {
	.sidebars .left, 
	.sidebars .right {
		width: 350px; 
	}

	.sidebars .center {
		padding: 75px;
	}

	.center.steps-area {
		padding: 0; 
	}
}

@media (max-width: 1500px) {
	.column-wrap .col-a {
		padding: 50px; 
		width: 40%;
	}
	.column-wrap .col-b {
		padding: 100px; 
		width: 60%;
	}
}

@media (max-width: 1500px) {
	.sidebars .left, 
	.sidebars .right {
		width: 300px; 
	}
}



@media (max-width: 1200px) {
	.nav-area .menu > li {
		padding: 5px 15px 8px 15px
	}

	.menu-item-has-children:after {
		right: 2px;
	}


	.sidebars {
		flex-wrap: wrap;
	}

	.sidebars .center {
		flex: none;
		width: 100%;
		order: 1;
	}

	.sidebars .left {
		flex: none;
		width: 50%;
		order: 2;
	}

	.sidebars .right {
		flex: none;
		width: 50%;
		order: 3;
	}

	.page-template-_templ-team-location .sidebars .center,
	.page-template-_templ-FAQ .sidebars .center,
	.page-template-_templ-resources .sidebars .center {
		order: 2;
	}

	.page-template-_templ-team-location .sidebars .left,
	.page-template-_templ-FAQ .sidebars .left,
	.page-template-_templ-resources .sidebars .left {
		order: 1;
		width: 100%;
	}

	.page-template-_templ-team-location .sidebars .right,
	.page-template-_templ-FAQ .sidebars .right,
	.page-template-_templ-resources .sidebars .right {
		order: 3;
		width: 100%;
	}

	.hero-title h1 {
		font-size: 2.3em;
	}
}

@media (max-width: 1100px) {

	header {
		justify-content: flex-end;
	}

	header .logo {
		margin-right: auto;
	}

	header .donate-volunteer {
		margin-right: 25px; 
	}

	.header-area {
		position: fixed; 
		z-index: 100;
		top:0; 
		right: 0; 
		left: 0; 
		height: 110px;
	}

	body {
		padding-top: 110px; 
	}
	.menu-toggle{
		display: block;
	}

	.mobile-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		background: #eee;
		padding: 10px 15px;
	}

	.menu-close {
		flex: none;
		width: 30px; 
		height: 30px; 
		background: url('assets/close.svg') no-repeat center center;
		cursor: pointer;
	}

	.mobile-logo {
		max-width: 250px; 
	}

	.nav-area {
		position: fixed; 
		top: 0; 
		right: 0; 
		bottom: 0; 
		left: 0; 
		overflow: scroll;
		z-index: 200; 
		background: #333; 
		transition: all .3s ease;
		opacity: 0;
		pointer-events: none;
		transform: translateY(-200px);
	}

	.open-nav .nav-area {
		opacity: 1;
		pointer-events: all;
		transform: translateY(0);
	}

	.nav-area nav {
		display: block;
/*		max-width: 320px; 
		margin: auto; */
	}

	.nav-area .menu {
		display: block;
		padding: 0; 
	}

	.nav-area .menu a {
		display: block;
	}

	.nav-area .subsite-switch {
		flex: none;
	}


	.nav-area .subsite-identifier {
		flex-wrap: wrap; 
	}

	.nav-area .subsites {
		flex: none;
		width: 100%; 
		position: static;
	}

	.nav-area .subsite-identifier > a,
	.nav-area .subsite-identifier > span {
		flex: 1 1 0%;
		padding: 8px 5px 8px 10px;
	}

	.menu-item-has-children:after {
	    right: 15px;
	}

	.nav-area .menu > li ul {
		position: static;
	}

	.hero-area {
		padding: 60px; 
	}

	.hero-area .button {
		position: static;
		white-space: nowrap; 
		font-size: .9em;
	}

	.hero-content {
	}

	.hero-content .leftcol {
		width: 50%;
		flex: none;
	}

	.hero-content .rightcol {
		width: 50%;
		flex: none;
	}

	.column-wrap {
		flex-wrap: wrap;
	}

	.column-wrap .col-a {
		width: 100%;
		padding: 60px; 
	}

	.column-wrap .col-b {
		width: 100%;
		padding: 60px; 
	}

	.demo-columns {
		flex-wrap: wrap;
	}

	.demo-columns > div {
		width: 100%;
	}

	.demo-columns .text {
		padding: 75px 50px 100px;
	}

	.column-wrap .col-a h1 {
		font-size: 2.5em;
		text-align:center;
	}

	.programs {
		flex-wrap: wrap;
	}

	.programs > div {
		width: 50%;
	}
}


@media (max-width: 700px) {
	.donate-volunteer a {
		font-size: .8em;
		padding: 3px 10px!important; 
	}

}


@media (max-width: 600px) {
	body {
		font-size: 16px; 
	}

	.column-wrap .col-a {
		padding: 25px; 
	}

	.column-wrap .col-b {
	    padding: 25px;
	}

	.programs > div {
		padding: 25px; 
		width: 100%;
	}

	.newsletter-area {
		padding: 25px; 
	}

	footer {
		display: block; 
		padding: 25px; 
		text-align:center;
	}

	footer .logo {
		margin: 0 auto 15px auto;
	}

	header .logo {
		max-width: 200px; 
	}

	.sidebars .center {
		padding: 25px; 
	}

	.bio-item {
		width: 33%;
	}

	.bio-image img {
		max-width: 100%;
	}

	.h-r-gallery > div {
		max-width: 33%;
	}

	.sidebars .left,
	.sidebars .right {
		width: 100%;
	}

	.sign-up-step {
		padding: 0; 
	}

	.sign-up-step .icon span {
		width: 50px;
		height:50px;
		border-width: 2px;
		font-size: 30px;
		margin-top: 25px;
	}
	header {
		padding: 15px;
	}

	.header-area {
		height: 70px; 
	}

	body {
		padding-top: 70px; 
	}
}


@media (max-width: 450px) {
	header .logo {
	    max-width: 130px;
	}

	header .donate-volunteer {
		margin-right: 10px; 
	}

	.donate-volunteer .donate-btn {
		margin-right: 10px; 
	}
}