/*
Theme Name: 	The Greater La Crosse Area Diversity Council
Description: 	Custom theme for use with Beaver Themer
Version: 		1.0
Author: 		   DigiSage
Author URI: 	https://digisage.com
*/

/* ======================= global resets ======================= */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table 					{ border-collapse:collapse; border-spacing:0 }
fieldset, img 			{ border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
caption, th	 			{ text-align:left }
q:before, q:after 	{ content:''}
a img 					{ border:none } /* Gets rid of IE's blue borders */
input[type="submit"]	{ cursor:pointer; -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ }
input[type="submit"]::-moz-focus-inner { border:0; } /* helps with input and submit sizing */
/* html5 reset */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display:block; }
audio,
canvas,
video 					   { display:inline-block; }
audio:not([controls]) 	{ display:none; }
@-ms-viewport			   { width:device-width; }
*,
*:before,
*:after 			{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
:link img 		{ border:none; }
a 					{ outline:none; }
.clearfix:after 				   { visibility:hidden; display:block; font-size:0; content:" "; clear:both;  height:0; }
* html .clearfix             	{ zoom:1; } /* IE6 */
*:first-child+html .clearfix 	{ zoom:1; } /* IE7 */
/* responsive */
img, object, embed 	{ max-width:100%; height:auto; }
object, embed		   { height:100%; }
img				 	   { -ms-interpolation-mode: bicubic; }

html {
	height:100%;
}
body {
	margin:0;
	padding:0;
	background:#fff;
	color:#676a6d;
	font-family:'Open Sans', sans-serif;
	font-size:18px;
	font-weight:400;
	text-align:left;
}

/*======================= Typography ======================= */
/*
   Open Sans:  300r  | 400ri | 700ri     Google
   Abril:      400ri | 700r  | 800r      Adobe
*/
p {
	margin:0 0 15px 0;
	line-height:1.4;
}
ul {
	margin:0 0 15px 0;
	padding:0;
}
ul li {
 	margin:0 0 0 30px;
 	padding:0;
 	list-style:disc;
 	line-height:1.4;
}
ul li ul li	{
	list-style:circle;
}
ol {
	margin:0 0 15px 0;
	padding:0;
}
ol li {
	text-align:left;
	margin:0 0 0 30px;
	padding:0;
	list-style:decimal;
	line-height:1.4;
}
blockquote {
	margin:20px;
	padding:15px 0 15px 30px;
	font-size:26px;
   font-family:abril-display, serif;
   border-left:10px solid #f2f2f2;
}
blockquote p {
	margin:0;
}
small {
	font-size:1.1rem;
}
strong, b {
	font-weight:700;
}
em, i {
	font-style:italic;
}
/* tables */
table {
	border-collapse:collapse;
	border:1px solid #aaa;
	margin:0 0 20px 0;
}
td,th	{
	padding:7px 20px;
	border:1px solid #aaa;
	text-align:center;
}
table tr:nth-child(odd) {
	background:#e7e7e8;
}
table tr:nth-child(even) {
	background:#fff;
}
th {
	background:#333;
	color:#fff;
}
/* headings */
h1,h2,h3,h4,h5,h6 {
	text-align:left;
	font-weight:400;
	color:#3d3d3d;
	line-height:1;
}
h1 {
	font-size:64px;
   font-weight:800;
	margin:0 0 20px 0;
   font-family:abril-display, serif;
}
h2 {
	font-size:48px;
	margin:0 0 15px 0;
   font-style:italic;
   font-family:abril-display, serif;
}
h3 {
	font-size:40px;
	margin:0 0 15px 0;
   font-weight:700;
   font-family:abril-display, serif;
}
h4 {
	font-size:30px;
	margin:0 0 10px 0;
}
h5 {
	font-size:27px;
   font-weight:700;
	margin:0 0 10px 0;
}
h6 {
	font-size:24px;
	margin:0 0 10px 0;
}

/* default links & buttons */
a {
	color:#e74c39;
	text-decoration:none;
   -webkit-transition:  .3s;
   transition:          .3s;
}
a:hover {
	color:#0a5b8a;
	text-decoration:none;
}
/* buttons - standard */
a.fl-button,
.fl-builder-content a.fl-button,
input.gform_button[type="submit"],
a.fl-post-grid-more {
   display:inline-block;
   background:none;
   color:#424648;
   font-size:18px;
   line-height:40px;
   height:44px;
   max-height:44px;
   padding:0 40px;
   text-transform:uppercase;
   border:1px solid #424648;
   -moz-border-radius:     22px;
   -webkit-border-radius:  22px;
   border-radius:          22px;
   -khtml-border-radius:   22px;
   -webkit-transition:  0s;
   transition:          0s;
}
a.fl-button *,
.fl-builder-content a.fl-button * {
   color:#424648;
}
a.fl-button:hover,
.fl-builder-content a.fl-button:hover {
   color:#fff;
   background:#e74c39;
   border-color:#e74c39;
}
a.fl-button:hover *,
.fl-builder-content a.fl-button:hover * {
   color:#fff;
}
/* alternate - white */
a.fl-button.white,
.fl-builder-content a.fl-button.white {
   color:#fff;
   border-color:#fff;
}
a.fl-button.white:hover,
.fl-builder-content a.fl-button.white:hover {
   color:#fff;
   border-color:#e74c39;
}
/* alternate - red */
a.fl-button.red,
.fl-builder-content a.fl-button.red {
   color:#e74c39;
   border-color:#e74c39;
}
a.fl-button.red:hover,
.fl-builder-content a.fl-button.red:hover {
   color:#fff;
   border-color:#e74c39;
}
/* alternate - blue */
a.fl-button.blue,
.fl-builder-content a.fl-button.blue {
   color:#0a5b8a;
   border-color:#0a5b8a;
}
a.fl-button.blue:hover,
.fl-builder-content a.fl-button.blue:hover {
   color:#fff;
   border-color:#0a5b8a;
   background:#0a5b8a;
}
/* alternate - green */
a.fl-button.green,
a.fl-post-grid-more,
.fl-builder-content a.fl-button.green {
   color:#195305;
   border-color:#195305;
}
a.fl-button.green:hover,
a.fl-post-grid-more:hover,
.fl-builder-content a.fl-button.green:hover {
   color:#fff;
   border-color:#195305;
   background:#195305;
}


/* Forms */
label {
	display:block;
	margin:0 0 5px 0;
}
input,
textarea,
select {
	display:block;
	color:#555;
	margin:0 0 15px 0;
	padding:5px;
   font-size:18px;
	border:1px solid #ccc;
	font-family:'Open Sans', sans-serif;
	box-sizing:			   border-box;
	-ms-box-sizing:		border-box;
	-moz-box-sizing:	   border-box;
	-webkit-box-sizing:	border-box;
}
input[type="radio"],
input[type="checkbox"] {
	display:inline-block;
	margin:0 0 5px 0;
}
select {
	line-height:28px; /* this is needed to keep height on select elements in safari */
}
/* placeholder font color */
::-webkit-input-placeholder {
	color:#333;
}
:-moz-placeholder {
	/* Firefox 18- */ color:#333;
}
::-moz-placeholder {
	/* Firefox 19+ */ color:#333;
}
:-ms-input-placeholder {
	color:#333;
}

/* Accessibility */
.skip {
    position:absolute;
    top:-1000px;
    left:-1000px;
    height:1px;
    width:1px;
    text-align:left;
    overflow:hidden;
}
a.skip:active,
a.skip:focus,
a.skip:hover {
    left:0;
    top:0;
    width:auto;
    height:auto;
    overflow:visible;
}
/* Text meant only for screen readers. */
.screen-reader-text {
  	border:0;
  	clip:rect(1px, 1px, 1px, 1px);
  	clip-path:inset(50%);
  	height:1px;
  	margin:-1px;
  	overflow:hidden;
  	padding:0;
  	position:absolute !important;
  	width:1px;
  	word-wrap:normal !important;
}

#page-wrap {
   /*overflow:hidden;*/
   position:relative;
}

/* ======================= Masthead ====================== */
#masthead {
	position:fixed;
   width:100%;
   height:150px;
   background:#f2f2f2;
	margin:0;
	padding:0;
	z-index:1000;
}
#masthead .pagewidth-1500 {
   position:relative;
}
#masthead .logo {
   width:400px;
   padding-top:30px;
   float:left;
}
#masthead .top-row {
   position:absolute;
   top:0;
   right:0;
   width:780px;
   text-align:right;
}
#masthead .top-row .searchform {
   display:block;
   position:relative;
   float:left;
   width:400px;
}
#masthead .top-row .searchform input.search-text {
   margin:0 30px 0 0;
   padding:10px 40px 5px 0;
   display:block;
   width:calc(100% - 30px);
   border:none;
   text-transform:uppercase;
   text-align:right;
   background:#f2f2f2;
}
#masthead .top-row .searchform button.searchsubmit {
   cursor:pointer;
   display:block;
   position:absolute;
   width:30px;
   height:100%;
   top:2px;
   right:30px;
   border:none;
   background:none;
}
#masthead .top-row .searchform button.searchsubmit i {
   font-size:18px;
   color:#08354e;
}
#masthead .top-row .buttons {
   width:380px;
   display:block;
   float:right;
}
#masthead .top-row .buttons a {
   display:block;
   font-size:20px;
   width:calc(50% - 1px);
   padding:20px 0 9px 0;
   color:#fff;
   position:relative;
   top:-12px;
   text-transform:uppercase;
   text-align:center;
   -webkit-transition:  .3s;
   transition:          .3s;
}
#masthead .top-row .buttons a:hover {
   top:0;
}
#masthead .top-row .buttons a:nth-child(1) {
   float:left;
   background:#e74c39;
   moz-border-radius:      0 0 0 20px;
   -webkit-border-radius:  0 0 0 20px;
   border-radius:          0 0 0 20px;
   -khtml-border-radius:   0 0 0 20px;
}
#masthead .top-row .buttons a:nth-child(2) {
   float:right;
   background:#0a5b8a;
   moz-border-radius:      0 0 20px 0;
   -webkit-border-radius:  0 0 20px 0;
   border-radius:          0 0 20px 0;
   -khtml-border-radius:   0 0 20px 0;
}
#masthead #site-navigation {
   width:calc(100% - 400px);
   float:right;
   position:relative;
   margin:83px 0 0 0;
}
#masthead ul#nav {
   margin:0;
   padding:0 40px 0 0;
   float:right;
}
#masthead ul#nav li {
   list-style:none;
   position:relative;
   display:block;
   float:left;
   margin:0;
   padding:0;
}
#masthead ul#nav > li::after {
   content:'';
   display:block;
   position:absolute;
   top:10px;
   right:0;
   width:1px;
   height:22px;
   background:#cccccc;
}
#masthead ul#nav li:hover::after,
#masthead ul#nav li:last-child::after {
   display:none;
}
#masthead ul#nav > li > a {
   margin:0;
   padding:12px 15px;
   font-size:18px;
   letter-spacing:.5px;
   line-height:18px;
   display:block;
   text-transform:uppercase;
   color:#08354e;
   text-decoration:none;
   -moz-border-radius:     8px;
   -webkit-border-radius:  8px;
   border-radius:          8px;
   -khtml-border-radius:   8px;
}
#masthead ul#nav > li.menu-item-has-children > a {
   -moz-border-radius:     8px 8px 0 0;
   -webkit-border-radius:  8px 8px 0 0;
   border-radius:          8px 8px 0 0;
   -khtml-border-radius:   8px 8px 0 0;
}
#masthead ul#nav > li > a:hover {
   text-decoration:none;
   color:#fff;
   background:#0a5b8a;
}
#masthead ul#nav > li.active > a {
   color:#fff;
   background:#0a5b8a;
}
#masthead ul#nav li ul.sub-menu {
   display:none;
   background:#0a5b8a;
   position:absolute;
   width:350px;
   left:0;
   top:100%;
   margin:0;
   padding:40px 0px 15px 0px;
   border:none;
}
#masthead ul#nav li ul.sub-menu li {
   float:none;
   margin:0;
}
#masthead ul#nav li ul.sub-menu li a {
   float:none;
   line-height:1;
   display:block;
   color:#fff;
   padding:20px 15px;
   background:none;
   text-align:left;
   text-transform:uppercase;
   font-size:18px;
   -webkit-transition:  .3s;
   transition:          .3s;
}
#masthead ul#nav li ul.sub-menu li:last-child a {
   border-bottom:none;
}
#masthead ul#nav li ul.sub-menu li a:hover {
   text-decoration:none;
   color:#000;
   background:#c8e2f1;
}
#masthead ul#nav li ul.sub-menu li ul {
   left:100%;
   top:0;
}
/* dead links */
#masthead li.nolink > a {
   cursor:default;
   text-decoration:none;
}
#masthead li.nolink > a:hover {
   cursor:default;
   text-decoration:none;
}

/* social & menu bars */
a.social-icon {
   display:block;
   width:35px;
   height:35px;
   line-height:35px;
   text-align:center;
   color:#fff;
   background:#0a5b8a;
   -moz-border-radius:     50%;
   -webkit-border-radius:  50%;
   border-radius:          50%;
   -khtml-border-radius:   50%;
}
a.social-icon:hover {
   background:#e74c39;
}
#masthead a.social-icon {
   position:absolute;
   right:0px;
   top:86px;
}
#masthead a.flyout-toggle {
   display:none;
   position:absolute;
   width:40px;
   right:60px;
   top:83px;
   color:#0a5b8a;
   font-size:30px;
}

/* mobile flyout menu */
#menu-flyout {
   position:fixed;
   z-index:9999;
   width:400px;
   max-width:100%;
   height:100%;
   top:0;
   right:-400px;
   background:#0a5b8a;
}
#menu-flyout .inner {
   position:absolute;
   top:0;
   left:0;
   width:100%;
   height:100%;
   padding:70px 0 0 0;
   overflow-y:auto;
   /* Optional but highly reccomended: enables momentum scrolling on iOS */
   -webkit-overflow-scrolling:touch;
}
#menu-flyout a.close-flyout {
   display:block;
   position:absolute;
   z-index:100;
   top:20px;
   right:20px;
   width:30px;
   height:30px;
}
#menu-flyout a.close-flyout svg > path {
   fill:transparent;
   stroke:#fff;
   stroke-width:2;
   stroke-linejoin:round;
}
/* drop down */
#menu-flyout ul {
   margin:0;
   padding:0;
   border-top:1px solid rgba(255,255,255,0.2);
}
#menu-flyout ul li {
   margin:0;
   padding:0;
   list-style:none;
   position:relative;
}
#menu-flyout ul li span.drop-button {
   display:none;
}
#menu-flyout ul li.menu-item-has-children span.drop-button {
   display:block;
   width:50px;
   height:50px;
   position:absolute;
   top:0;
   right:0;
   border-left:1px solid rgba(255,255,255,0.2);
   cursor:pointer;
}
#menu-flyout ul li.menu-item-has-children span.drop-button::after {
   display:block;
   content:'';
   width:0;
   height:0;
   position:absolute;
   top:20px;
   left:20px;
   border-left:5px solid transparent;
   border-right:5px solid transparent;
   border-top:10px solid #fff;
}
#menu-flyout ul li.menu-item-has-children span.drop-button.open::after {
   border-left:5px solid transparent;
   border-right:5px solid transparent;
   border-bottom:10px solid #fff;
   border-top:none;
}
#menu-flyout ul li.menu-item-has-children span.drop-button:hover {
   background:rgba(255,255,255,0.1);
}
#menu-flyout ul li.menu-item-home {
   display:none;
}
#menu-flyout ul li a {
   display:block;
   height:50px;
   font-size:18px;
   line-height:50px;
   margin:0;
   padding:0 50px 0 20px;
   color:#fff;
   border-bottom:1px solid rgba(255,255,255,0.2);
}
#menu-flyout ul li a:hover {
   text-decoration:underline;
}
#menu-flyout ul li ul {
   display:none;
   border-top:none;
}
#menu-flyout ul li ul li a {
   height:auto;
   line-height:1.2;
   padding:12px 10px 12px 40px;
   font-weight:400;
}
#menu-flyout ul li ul li span.drop-button {
   display:none !important;
}
#menu-flyout ul li ul li ul {
   display:none;
}
/* flyout search */
#menu-flyout form {
   display:none;
   position:relative;
}
#menu-flyout input.search-text {
   width:100%;
   background:rgba(255,255,255,0.05);
   border:none;
   font-style:italic;
   font-size:18px;
   margin:0;
   padding:12px 40px 12px 20px;
   border-bottom:1px solid rgba(255,255,255,0.2);
   color:#fff;
}
#menu-flyout button {
   display:block;
   position:absolute;
   width:50px;
   height:100%;
   top:0px;
   right:0px;
   border:none;
   background:none;
   cursor:pointer;
   color:#fff;
   font-size:23px;
}
#menu-flyout button:hover {
   opacity:0.8;
}

/* page set up (cancels out .pagewidth for BB use) */
body.fl-builder > .pagewidth {
   width:100%;
}
.page-top-breaker {
   height:140px;
   background:url(assets/images/page-top-breaker.jpg) no-repeat center center;
   -webkit-background-size:  cover;
   -moz-background-size:     cover;
   -o-background-size:       cover;
   background-size:          cover;
}

#breadcrumbs {
   color:#616161;
   padding-top:7px;
   padding-bottom:7px;
   font-size:17px;
}
#breadcrumbs a {
   color:#616161;
}
#breadcrumbs a:hover {
   color:#e74c39;
}
#breadcrumbs span.sep {
   display:inline-block;
   padding:0 3px;
}
#breadcrumbs strong {
   font-weight:600;
}
#breadcrumbs .breadcrumbs_last {
   color:#000;
}

.pagewidth {
   width:1200px;
   margin:0 auto;
   position:relative;
}
.pagewidth-1500 {
   width:1500px;
   margin:0 auto;
   position:relative;
}
.pagewidth-850 {
   width:850px;
   margin:0 auto;
   position:relative;
}

/* ======================= page/post styling ======================= */
#content-wrap {
   overflow:hidden;
   padding:150px 0 80px 0;
}
#content-wrap .fl-post-grid-post,
#content-wrap .fl-post-feed-post {
   overflow:visible;
}
h1.page-title {
   margin:-20px 0 40px 20px;
   font-size:64px;
   line-height:1;
   font-weight:400;
   font-style:italic;
   text-transform:uppercase;
   color:#0a5b8a;
}
#primary h2 {
   margin-bottom:5px;
}
#primary h3 {
   margin-bottom:5px;
}
#primary p + h2,
#primary ul + h2 {
   padding-top:20px;
}
#primary p + h3,
#primary ul + h3 {
   padding-top:20px;
}
#primary p {
   margin:0 0 20px 0;
}
#primary blockquote p {
   margin:0;
}
#primary blockquote {
   font-size:20px;
   font-weight:600;
}
#primary blockquote em {
   font-size:26px;
}
.tablepress tfoot th,
.tablepress thead th {
   background:#333 !important;
   color:#fff;
   text-align:center;
}
.tablepress tbody td {
   border:1px solid #ddd;
   text-align:center;
   vertical-align:middle !important;
}
/* caption fix */
.wp-caption {
   width:auto !important;
}
span.fl-post-info-date {
   font-style:italic;
}
/* post navigation */
.nav-links a {
   color:#0a5b8a;
   font-size:18px;
}
span.arrow-button {
   display:inline-block;
   position:relative;
   top:11px;
   border:none;
   width:35px;
   height:35px;
   overflow:hidden;
   background:#0a5b8a;
   text-indent:-9999px;
   -moz-border-radius:     50%;
   -webkit-border-radius:  50%;
   border-radius:          50%;
   -khtml-border-radius:   50%;
   -webkit-transition:  .3s;
   transition:          .3s;
}
span.arrow-button.left {
   margin-right:8px;
}
span.arrow-button.left::after {
   content:'';
   display:block;
   transform: rotate(135deg);
   position:absolute;
   top:10px;
   left:12px;
   width:15px;
   height:15px;
   border-right:1px solid #fff;
   border-bottom:1px solid #fff;
}
span.arrow-button.right {
   margin-left:8px;
}
span.arrow-button.right::after {
   content:'';
   display:block;
   transform: rotate(-45deg);
   position:absolute;
   top:10px;
   left:6px;
   width:15px;
   height:15px;
   border-right:1px solid #fff;
   border-bottom:1px solid #fff;
}
.nav-links a:hover:not(span) {
   color:#e74c39;
}
.nav-links a:hover span.arrow-button {
   background:#e74c39;
}

/* archive.php */
.fl-post-feed-post {
   padding-bottom:50px;
}

/* search.php */
.search .searchform input.search-text {
   display:inline-block;
}
.search .searchform button {
   display:inline-block;
   position:relative;
   top:2px;
   font-size:24px;
   padding:5px;
   background:none;
   border:none;
   cursor:pointer;
   color:#333;
}
.search .searchform button:hover {
   color:#0a5b8a;
}

/* paging */
.fl-builder-pagination ul {
   font-size:0;
}
.fl-builder-pagination ul li .page-numbers,
.fl-builder-pagination ul li .page-numbers.dots,
.fl-builder-pagination ul li .page-numbers.current {
   border:none;
   font-size:18px;
   border-right:1px solid #3c97cb;
   background:none;
   color:#959ca0 !important;
}
.fl-builder-pagination ul li a.page-numbers.prev,
.fl-builder-pagination ul li a.page-numbers.next {
   border:none;
   position:relative;
   top:17px;
   width:35px;
   height:35px;
   overflow:hidden;
   background:#0a5b8a;
   text-indent:-9999px;
   -moz-border-radius:     50%;
   -webkit-border-radius:  50%;
   border-radius:          50%;
   -khtml-border-radius:   50%;
}
.fl-builder-pagination ul li a.page-numbers.prev::after,
.fl-builder-pagination ul li a.page-numbers.next::after {
   content:'';
   display:block;
   width:15px;
   height:15px;
   position:absolute;
   border-right:1px solid #fff;
   border-bottom:1px solid #fff;
}
.fl-builder-pagination ul li a.page-numbers.prev::after {
   transform:rotate(135deg);
   top:10px;
   left:13px;
}
.fl-builder-pagination ul li a.page-numbers.next::after {
   transform:rotate(-45deg);
   top:10px;
   left:6px;
}
.fl-builder-pagination ul li a.page-numbers.prev:hover,
.fl-builder-pagination ul li a.page-numbers.next:hover {
   background:#e74c39;
}
.fl-builder-pagination ul li a.page-numbers.prev {
   margin-right:15px;
}
.fl-builder-pagination ul li a.page-numbers.next {
   margin-left:15px;
}
.fl-builder-pagination ul li:nth-last-child(2) .page-numbers {
   border-right:none;
}
body.last-of-paged .fl-builder-pagination ul li:last-child .page-numbers {
   border-right:none;
}
body.last-of-paged .fl-builder-pagination ul li:nth-last-child(2) .page-numbers {
   border-right:1px solid #3c97cb;
}
.fl-builder-pagination ul li .page-numbers.current {
   font-weight:700;
   text-decoration:underline;
   color:#434749 !important;
}
.fl-builder-pagination ul li .page-numbers:not(.dots):hover {
   background:none;
   text-decoration:underline;
   color:#434749 !important;
}

.results-search {
   padding-bottom:40px;
}

/* ======================= footer.php ======================= */
#callouts-row {
   display:flex;
   border-bottom:2px solid #3b5a99;
}
#callouts-row h2 {
   font-style:normal;
   font-weight:800;
   line-height:1;
   font-size:48px;
   text-transform:uppercase;
}
#callouts-row .col-1 {
   width:50%;
}
/* house ad (if no event) */
#callouts-row .col-1.house-ad-left {
   background:#e74c39 url(assets/images/paper-people.jpg) no-repeat top left;
   background-size:auto 100%;
}
#callouts-row .col-1.house-ad-left .inner {
   width:520px;
   float:right;
   padding:65px 40px 65px 0;
}
#callouts-row .col-1.house-ad-left .inner h2 {
   color:#fff;
   margin:0 0 70px 0;
}
#callouts-row .col-1.house-ad-left .inner a.fl-button {
   float:right;
}
#callouts-row .col-1.house-ad-left .inner a.fl-button:hover {
   color:#e74c39;
   background:#fff;
}
/* event (if upcoming) */
#callouts-row .col-1.event {
   background:#ecf3ee linear-gradient(#fff 30px, #ecf3ee 30px 100%);
}
#callouts-row .col-1.event .inner {
   width:800px;
   max-width:100%;
   float:right;
   padding:0px 40px 45px 0;
   text-align:center;
}
#callouts-row .col-1.event .inner h2 {
   color:#8b7c7b;
   text-align:center;
   margin-bottom:60px;
}
#callouts-row .col-1.event .inner h3 {
   font-size:28px;
   text-align:center;
   font-family:'Open Sans', sans-serif;
}
#callouts-row .col-1.event .inner h3 a {
   color:#424648;
}
#callouts-row .col-1.event .inner h3 a:hover {
   color:#e74c39;
}

#callouts-row .col-2 {
   width:50%;
   background:url(assets/images/all-hands.jpg) no-repeat 0 0;
   background-size:auto 100%;
}
#callouts-row .col-2 .inner {
   width:800px;
   max-width:100%;
   float:left;
   padding:65px 0px 65px 360px;
}
#callouts-row .col-2 .inner h2 {
   color:#0a5b8a;
}
#callouts-row .col-2 .inner .excerpt p {
   color:#0a5b8a;
}
#callouts-row .col-2 .inner a.fl-button {
   float:right;
}

#footer {
   background:#f3f2f2;
   padding:50px 0 35px 0;
}
#footer .gform_wrapper {
   margin:0;
}
#footer .footer-logo {
   width:35%;
   float:left;
}
#footer .footer-logo img {
   width:390px;
   max-width:100%;
}
#footer h3 {
   font-size:24px;
   color:#424648;
   font-style:italic;
   text-transform:uppercase;
}
#footer .social-links {
   width:15%;
   float:left;
}
#footer .quick-links {
   width:15%;
   float:left;
}
#footer .quick-links ul {
   margin:0;
   padding:0;
}
#footer .quick-links ul li {
   margin:0;
   padding:0;
   list-style:none;
}
#footer .quick-links ul li a {
   display:block;
   padding:5px 0;
   color:#424648;
   text-transform:uppercase;
}
#footer .quick-links ul li a:hover {
   color:#e74c39;
}
#footer .newsletter {
   width:35%;
   float:left;
}
#footer .gform_wrapper ul li.gfield:first-child {
   margin-top:0;
}
#footer .newsletter form {
   overflow:hidden;
}
#footer .newsletter label {
   display:none;
}
#footer .newsletter input:not(.gform_button) {
   margin-bottom:0;
   padding:10px;
   border:none;
   font-size:18px;
}
#footer .newsletter input.gform_button {
   color:#0a5b8a;
   border-color:#0a5b8a;
   float:right;
}
#footer .newsletter input.gform_button:hover {
   color:#fff;
   border-color:#0a5b8a;
   background:#0a5b8a;
}
#footer .gform_wrapper .top_label input.medium {
   width:100% !important;
}
#footer .gform_wrapper .gform_footer {
   margin-top:10px;
}

#copyright {
   background:#eae5e5;
   text-align:center;
   color:rgba(0,0,0,0.4);
   padding:7px 0;
   font-size:16px;
}

/* ======================= Page Templates ======================= */
/* blog archive posts */
.fl-node-5f65299f9c6b4 .fl-post-grid-post {
   padding-bottom:40px;
}
.result-post .fl-post-grid-meta::after {
   content:'';
   display:block;
   clear:both;
}
.result-post h2 {
   margin:0 0 20px 0;
}
.result-post .fl-post-grid-image img {
   width:auto !important;
}
.result-post .fl-post-grid-meta span.fl-post-grid-date {
   display:block;
   float:left;
   font-style:italic;
   color:#195305;
   border-bottom:1px solid #ccc;
   margin:0 0 15px 0;
   padding:0 0 15px 0;
}

/* home */
body.home h2 {
   position:relative;
   font-style:normal;
   font-weight:800;
   line-height:1;
   text-transform:uppercase;
}
h2.after-bar {
   margin:0 0 40px 0;
   padding:0 0 40px 0;
}
h2.after-bar::after {
   content:'';
   display:block;
   position:absolute;
   left:0;
   bottom:0;
   width:130px;
   height:1px;
   background:#0a5b8a;
}
.image-col {
   background-repeat:        no-repeat;
   background-position:      center center;
   -webkit-background-size:  cover;
   -moz-background-size:     cover;
   -o-background-size:       cover;
   background-size:          cover;
}

.default-row {
   margin: 0 0 70px 0;
}

#hero {
   height:990px;
   position:relative;
   background:url(assets/images/hero-bridge.jpg) no-repeat center center;
   -webkit-background-size:  cover;
   -moz-background-size:     cover;
   -o-background-size:       cover;
   background-size:          cover;
}
#hero .caption .pagewidth {
   position:relative;
}
#hero .caption {
   width:100%;
   position:absolute;
   bottom:0;
   left:0;
   padding:40px 0;
   color:#fff;
   background:rgba(19,33,51,0.9);
}
#hero .caption .content {
   width:850px;
   max-width:100%;
}
#hero .caption .content h2 span {
   opacity:0;
}
#hero .caption .content h2:nth-child(1) {
   color:#e74c39;
   margin:0;
}
#hero .caption .content h2:nth-child(2) {
   color:#fff;
}
#hero .caption .content p {
   font-size:22px;
   color:#c4d6c8;
   opacity:0;
}
#hero .caption p,
#hero .caption a.fl-button {
   transition: opacity 0.90s;
}
#hero .caption a.fl-button.white {
   position:absolute;
   right:0;
   bottom:0;
   opacity:0;
}
#hero .caption h2 span.fade-1,
#hero .caption h2 span.fade-2,
#hero .caption h2 span.fade-3 {
   transition: opacity 0.70s;
}
#hero .caption p, #hero .caption a.fl-button {
   transition: opacity 0.90s;
}

#about {
   display:flex;
   overflow:hidden;
   padding:55px 0 90px 0;
}
#about .content-col {
   margin-left:-50%;
   opacity:0;
   width:calc(50% - 50px);
}
#about .content-col .inner {
   width:550px;
   max-width:100%;
   float:right;
   padding:60px 90px 0 0;
}
#about .content-col .inner h2 {
   color:#0a5b8a;
}
#about .content-col .inner a {
   position:relative;
   display:block;
   font-size:22px;
   padding:40px 60px 40px 30px;
   color:#434749;
}
#about .content-col.items-4 .inner a {
   padding-top:25px;
   padding-bottom:25px;
}
#about .content-col.items-5 .inner a {
   padding-top:15px;
   padding-bottom:15px;
}
#about .content-col .inner a::after {
   content:'';
   display:block;
   position:absolute;
   left:0;
   bottom:0;
   width:130px;
   height:1px;
   background:#0a5b8a;
}
#about .content-col .inner a:last-child::after {
   display:none;
}
#about .content-col .inner a span {
   display:block;
   position:absolute;
   top:50%;
   margin-top:-17px;
   right:0;
   width:35px;
   height:35px;
   overflow:hidden;
   background:#0a5b8a;
   color:#fff;
   -moz-border-radius:     50%;
   -webkit-border-radius:  50%;
   border-radius:          50%;
   -khtml-border-radius:   50%;
   -webkit-transition:  .3s;
   transition:          .3s;
}
#about .content-col .inner a span::after {
   content:'';
   display:block;
   transform: rotate(-45deg);
   position:absolute;
   top:10px;
   left:6px;
   width:15px;
   height:15px;
   border-right:1px solid #fff;
   border-bottom:1px solid #fff;
}
#about .content-col .inner a:hover {
   color:#e74c39;
}
#about .content-col .inner a:hover span {
   background:#e74c39;
}
#about .image-col {
   opacity:0;
   position:relative;
   left:calc(100% + 50px);
   width:calc(50% + 50px);
}

#events {
   text-align:center;
   background:#f3f2f2;
   padding:0 0 35px 0;
}
#events .pagewidth {
   width:850px;
}
#events h2 {
   text-align:center;
   color:#8b7c7b;
   margin:0 0 5px 0;
   position:relative;
   top:-15px;
}
#events h3 {
   text-align:center;
   color:#424648;
   font-size:30px;
   font-weight:700;
   font-family:'Open Sans', sans-serif;
}
#events h3 a {
   color:#424648;
}
#events h3 a:hover {
   color:#e74c39;
}
#events p {
   font-size:20px;
   line-height:40px;
}
#events a.fl-button {
   display:inline-block;
   margin:20px 0 0 0;
}

#community {
   padding:45px 0;
   background:#e0e8e2;
   display:flex;
}
#community .content-col {
   width:calc(50% - 100px);
}
#community .content-col .inner {
   width:500px;
   max-width:100%;
   float:right;
   padding:100px 50px 120px 0;
}
#community .content-col .inner h2 {
   color:#195305;
   margin:0 0 30px 0;
   padding:0 0 30px 0;
}
#community .content-col .inner .content p {
   line-height:2;
}
#community .content-col .inner h2::after {
   content:'';
   display:block;
   position:absolute;
   left:0;
   bottom:0;
   width:130px;
   height:1px;
   background:#195305;
}
#community .events-col {
   width:calc(50% + 100px);
   background:#fff;
   padding:50px 20px 30px 30px;
}
#community .events-col .inner {
   width:700px;
   max-width:100%;
}
#community .events-col .inner h2 {
   font-size:24px;
   color:#195305;
   margin:0 0 30px 0;
}
#community .events-col .inner ul {
   margin:0;
   padding:0;
}
#community .events-col .inner ul li {
   position:relative;
   margin:0 0 30px 0;
   padding:0;
   list-style:none;
   padding-left:80px;
}
#community .events-col .inner ul li .date-block {
   position:absolute;
   top:5px;
   left:0;
   width:60px;
   text-align:center;
   line-height:1;
}
#community .events-col .inner ul li .date-block span {
   display:block;
}
#community .events-col .inner ul li .date-block .day-name {
   font-size:12px;
   text-transform:uppercase;
}
#community .events-col .inner ul li .date-block .day-number {
   font-size:26px;
}
#community .events-col .inner ul li .date {
   font-size:16px;
   font-style:italic;
}
#community .events-col .inner ul li h3 {
   font-size:24px;
   margin:0 0 5px 0;
   font-family:'Open Sans', sans-serif;
}
#community .events-col .inner ul li h3 a {
   color:#195305;
}
#community .events-col .inner ul li h3 a:hover {
   color:#e74c39;
}
#community .events-col .inner ul li .excerpt p {
   font-size:16px;
   line-height:1.6;
   margin:0;
}
#community .events-col .inner .view-all {
   padding:15px 0 0 0;
   text-align:center;
}

#blog {
   padding:100px 0;
}
#blog h2 {
   text-align:center;
   color:#0a5b8a;
   margin:0 0 50px 0;
   font-style:italic;
   font-weight:400;
   text-transform:uppercase;
}
#blog .featured-post .image {
   width:50%;
   float:left;
   padding:5px 0 0 0;
}
#blog .featured-post .post-preview {
   width:50%;
   float:left;
   padding:0 0 0 40px;
}
#blog .featured-post .post-preview h3 {
   font-size:24px;
   margin:0 0 20px 0;
   font-family:'Open Sans', sans-serif;
}
#blog .featured-post .post-preview h3 a {
   color:#000;
}
#blog .featured-post .post-preview h3 a:hover {
   color:#e74c39;
}
#blog .featured-post .post-preview .date {
   font-style:italic;
   margin:0 0 20px 0;
}
#blog .featured-post .post-preview .excerpt {
   margin:0 0 50px 0;
}
#blog .featured-post .post-preview a.fl-button {
   display:block;
   width:200px;
   text-align:center;
}
#blog .featured-post .post-preview a.fl-button.view-all {
   margin-top:50px;
}

#join {
   display:flex;
   background:#e74c39;
   overflow:hidden;
}
#join .content-col {
   margin-left:-50%;
   opacity:0;
   width:50%;
}
#join .content-col .inner {
   width:600px;
   max-width:100%;
   float:right;
   padding:60px 40px 60px 0;
   color:#fff;
}
#join .content-col .inner h2 {
   color:#fff;
}
#join .content-col .inner h2::after {
   background:#fff;
}
#join .content-col .inner ul {
   margin:0 0 70px 40px;
}
#join .content-col .inner ul li {
   margin:0 0 25px 0;
   font-size:20px;
}
#join .content-col .inner a.fl-button.white:hover {
   border-color:#fff;
   background:#fff;
   color:#e74c39;
}
#join .images-col {
   width:50%;
   position:relative;
   left:100%;
   opacity:0;
}
#join .images-col .image {
   height:50%;
   position:relative;
   background-repeat:        no-repeat;
   background-position:      center center;
   -webkit-background-size:  cover;
   -moz-background-size:     cover;
   -o-background-size:       cover;
   background-size:          cover;
}
#join .images-col .image span {
   position:absolute;
   display:block;
   width:100%;
   left:0;
   bottom:0;
   color:#fff;
   padding:0 0 10px 10px;
}

#members {
   padding:90px 0;
   text-align:center;
}
#members h2 {
   text-align:center;
   font-style:italic;
   font-weight:400;
   color:#e74c39;
   margin:0 0 45px 0;
}
#members #members-slider {
   margin-bottom:60px;
}
/* slider */
.pp-image-carousel {
   overflow:visible;
}
.fl-node-5f6503c03522b .pp-image-carousel .pp-swiper-button {
   opacity:0;
   padding:0;
   width:35px;
   height:35px;
   overflow:hidden;
   -moz-border-radius:     50%;
   -webkit-border-radius:  50%;
   border-radius:          50%;
   -khtml-border-radius:   50%;
   -webkit-transition:  .3s;
   transition:          .3s;
}
.fl-node-5f6503c03522b .pp-image-carousel:hover .pp-swiper-button {
   opacity:1;
}
.fl-node-5f6503c03522b .pp-image-carousel .pp-swiper-button span.fa::before {
   display:none;
}
.fl-node-5f6503c03522b .pp-image-carousel .pp-swiper-button span.fa {
   display:block;
   position:relative;
}
.fl-node-5f6503c03522b .pp-image-carousel .pp-swiper-button span.fa.fa-angle-right::after {
   content:'';
   display:block;
   transform: rotate(-45deg);
   position:absolute;
   top:5px;
   left:-6px;
   width:15px;
   height:15px;
   border-right:1px solid #fff;
   border-bottom:1px solid #fff;
}
.fl-node-5f6503c03522b .pp-image-carousel .pp-swiper-button span.fa.fa-angle-left::after {
   content:'';
   display:block;
   transform: rotate(135deg);
   position:absolute;
   top:5px;
   left:0px;
   width:15px;
   height:15px;
   border-right:1px solid #fff;
   border-bottom:1px solid #fff;
}

#resources {
   display:flex;
   color:#0a5b8a;
}
#resources .image-col {
   width:50%;
   background-repeat:        no-repeat;
   background-position:      center center;
   -webkit-background-size:  cover;
   -moz-background-size:     cover;
   -o-background-size:       cover;
   background-size:          cover;
}
#resources .content-col {
   width:50%;
}
#resources .content-col .inner {
   width:600px;
   max-width:100%;
   float:left;
   padding:60px 0 60px 50px;
}
#resources .content-col .inner h2 {
   color:#0a5b8a;
}
#resources .content-col .inner p {
   color:#0a5b8a;
   margin:0 0 80px 0;
   font-size:20px;
   line-height:1.5;
}

/* events (calendar) */

/* events page */
.diversity-event {
   margin:0 0 40px 0;
   padding:0 0 40px 0;
   border-bottom:1px solid #ccc;
}
.diversity-event:last-of-type {
   border:none;
   margin-bottom:0;
   padding-bottom:0;
}
.diversity-event h3 {
   font-size:24px;
   padding:0 !important;
   font-weight:600;
   font-family:'Open Sans', sans-serif;
}
.diversity-event h3 a {
   color:#141827;
}
.diversity-event h3 a:hover {
   text-decoration:underline;
}
.diversity-event p.date {
   margin:0 0 10px 0 !important;
   font-size:14px;
}

/* calendar page */
.pagewidth.calendar {
   max-width:1200px;
   margin:0 auto;
   padding:0 20px;
}
.pagewidth.calendar.after {
   margin-top:30px;
}
.tribe-common--breakpoint-medium.tribe-common .tribe-common-l-container {
   padding-left:50px;
   padding-right:50px;
}
/* force site font */
.tribe-common-l-container * {
   font-family:'Open Sans', sans-serif !important;
}
ul.tribe-events-c-view-selector__list li,
ul.tribe-events-c-top-bar__nav-list li,
ul.tribe-events-c-messages__message-list li {
   list-style:none;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
   padding-top:20px;
   padding-bottom:0;
}
.tribe-events-calendar-list__event-description p {
   font-size:18px;
}
/* current day */
.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date,
.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link {
   color:#e74c39;
}
.datepicker-months th {
   background:#fff;
}
/* date picker popup */
.tribe-events .datepicker .datepicker-months .datepicker-switch,
.tribe-events .datepicker .datepicker-months .next,
.tribe-events .datepicker .datepicker-months .prev,
.tribe-events .datepicker .datepicker-years .datepicker-switch,
.tribe-events .datepicker .datepicker-years .next,
.tribe-events .datepicker .datepicker-years .prev {
   padding:5px 0;
}
.tribe-events .datepicker .day
.tribe-events .datepicker .month
.tribe-events .datepicker .year {
   background:#e74c39 !important;
}
button.tribe-common-c-btn {
   background:#0a5b8a !important;
}
button.tribe-common-c-btn:hover {
   background:#e74c39 !important;
}
/* days above calendar */
span.tribe-events-calendar-month__header-column-title-desktop {
   font-size:15px;
}
/* no results message banner */
.tribe-common .tribe-common-anchor-thin-alt {
   border-color:#0a5b8a;
}
.tribe-common .tribe-common-anchor-thin-alt:hover {
   color:#0a5b8a;
   border-color:#0a5b8a;
}
/* hiding little calendar icon since it was SVG */
.tribe-events .tribe-events-c-messages__message--notice::before {
   display:none;
}
/* export events button */
.tribe-events .tribe-events-c-ical__link {
   border-color:#0a5b8a;
   color:#0a5b8a;
}
.tribe-events .tribe-events-c-ical__link::before {
   display:none;
}
.tribe-events .tribe-events-c-ical__link:hover {
   color:#fff;
   background:#0a5b8a;
}
/* small bullet on minified mobile calendar */
.tribe-events .tribe-events-calendar-month__mobile-events-icon--event {
   background-color:#e74c39;
}
/* remove dots under word thanks to tribe using <abbr> tag for venue location */
#tribe-events-content .tribe-events-abbr {
   text-decoration:none;
}

/* events single view */
.single-tribe_events #tribe-events-content h2 {
   font-size:24px;
   margin:0 0 5px 0;
}
.single-tribe_events #tribe-events-content p {
   margin-bottom:25px;
}
h2.tribe-events-single-section-title {
   font-size:24px !important;
}
.tribe-events-meta-group {
   font-size:18px !important;
}

/* gravity form submit event */
.gform_wrapper .gfield_time_hour i {
   margin-top:-2px !important;
}
.ui-datepicker-title select {
   display:inline-block;
   font-size:16px !important;
}

/* ======================= Theme helpers ======================= */
.hidden {
	display:none;
}
br.clear {
	clear:both;
	display:block;
	height:1px;
	margin:-1px 0 0 0
}
.dont-break-out {
	/* this will contain long strings (like URLs) from exiting their container */
  	overflow-wrap: break-word;
  	word-wrap: break-word;
  	-ms-word-break: break-all;
  	/* Instead use this non-standard one: */
  	word-break: break-word;
  	/* Adds a hyphen where the word breaks, if supported (No Blink) */
  	-ms-hyphens: auto;
  	-moz-hyphens: auto;
  	-webkit-hyphens: auto;
  	hyphens: auto;
}

/* ======================= Presentational classes generated by WordPress ======================= */
.aligncenter {
	display:block;
	margin:0 auto;
}
.alignleft {
	float:left;
}
.alignright {
	float:right;
}
img.alignright {
	margin:0 0 10px 20px;
}
img.alignleft {
	margin:0 20px 10px 0;
}
/* WP captions */
.wp-caption	{
	margin:0 0 20px 0;
}
.wp-caption.alignleft {
	margin-right:20px;
}
.wp-caption.alignright {
	margin-left:20px;
}
p.wp-caption-text {
	margin:5px 0 0 0;
	font-style:italic;
	font-size:14px;
}

/* ======================= Theme custom short codes ======================= */
/* horizontal rule */
div.hr, hr {
	width:100%;
	height:1px;
	clear:both;
	margin:20px 0;
	background:#ccc;
}

/* ======================= Responsive ======================= */
@media (max-width: 1650px) {
   #hero {
      height:800px;
   }
   #callouts-row .col-1.event .inner {
      padding-left:20px;
      padding-right:20px;
   }
   #callouts-row .col-2 {
      background-position:-150px 0;
   }
   #callouts-row .col-2 .inner {
      padding:65px 20px 65px 200px;
   }
}

@media (max-width: 1550px) {
   .pagewidth-1500 {
      width:100%;
      padding:0 20px;
   }
   #masthead .top-row {
      right:20px;
   }
   #masthead a.social-icon {
      right:20px;
   }
}

@media (max-width: 1500px) {
   #masthead ul#nav > li > a {
      font-size:16px;
   }
}

@media (max-width: 1400px) {
   #masthead .logo {
      width:300px;
      position:absolute;
      float:none;
      top:18px;
      left:20px;
      padding:0;
   }
   #masthead #site-navigation {
      width:100%;
      margin-top:90px;
   }
}

@media (max-width: 1350px) {
   h1.page-title {
      margin-left:0;
   }
   #community .content-col .inner {
      padding-left:20px;
      padding-right:20px;
   }
   #join .content-col .inner {
      padding:60px 20px;
   }
   #callouts-row .col-1.event .inner .excerpt p {
      line-height:1.4;
   }
   #callouts-row .col-2 {
      background-position:-190px 0;
   }
   #callouts-row h2 {
      font-size:40px;
   }
   #callouts-row .col-2 .inner h2,
   #callouts-row .col-2 .inner p {
      text-align:right;
   }
   #callouts-row .col-1.event .inner .excerpt p,
   #callouts-row .col-2 .inner .excerpt p {
      font-size:18px;
   }
   #footer .footer-logo {
      width:25%;
      padding-right:25px;
   }
   #footer .social-links {
      width:15%;
      padding-right:20px;
   }
   #footer .quick-links {
      width:20%;
      padding-right:20px;
   }
   #footer .newsletter {
      width:40%;
   }
}

@media (max-width: 1220px) {
   #hero .caption .content {
      width:calc(100% - 250px);
   }
   #hero .caption a.fl-button.white {
      right:20px;
   }
   #about .content-col .inner {
      padding-left:20px;
      padding-right:20px;
   }
   #resources .content-col .inner {
      padding-right:20px;
      padding-left:20px;
   }
   #callouts-row .col-2 .inner {
      padding-top:90px;
      padding-left:120px;
   }
   .pagewidth {
      width:100%;
      padding:0 20px;
   }
}

@media (max-width: 1100px) {
   #hero {
      height:700px;
   }
}

@media (max-width: 1023px) {
   #masthead .logo {
      position:static;
      padding-top:30px;
      float:left;
   }
   #masthead ul#nav {
      display:none;
   }
   #masthead a.flyout-toggle {
      display:block;
   }
}

@media (max-width: 1000px) {
   #masthead .logo {
      padding-top:55px;
      width:350px;
   }
   #masthead #site-navigation {
      width:calc(100% - 350px);
   }
   h1,
   h1.page-title {
      font-size:50px !important;
   }
   .fl-node-5f6a162fc641b > .fl-module-content {
      margin-top:-20px !important;
   }
   #hero .caption .content p {
      font-size:18px;
   }
   #about .content-col {
      width:60%;
   }
   #about .image-col {
      width:40%;
   }
   #about .content-col .inner a {
      font-size:20px;
   }
   #blog .featured-post .post-preview {
      padding-left:20px;
   }
   #blog .featured-post .post-preview .excerpt {
      margin-bottom:20px;
   }
   #blog .featured-post .post-preview a.fl-button.view-all {
      margin-top:20px;
   }
   #join .content-col .inner {
      padding-top:30px;
      padding-bottom:30px;
   }
   #join .content-col .inner ul {
      margin:0 0 30px 30px;
   }
   #join .content-col .inner ul li {
      margin:0 0 15px 0;
      font-size:18px;
   }
   #join .images-col .image span {
      font-size:16px;
   }
   #resources .content-col .inner {
      padding:30px 20px;
   }
   #resources .content-col .inner p {
      margin-bottom:20px;
   }
   #footer .footer-logo {
      width:100%;
      padding-right:20;
      padding-bottom:30px;
      float:none;
      text-align:center;
   }
   #footer .social-links {
      width:20%;
      clear:both;
   }
   #footer .quick-links {
      width:30%;
      padding-right:20px;
   }
   #footer .newsletter {
      width:50%;
   }
}

@media (max-width: 900px) {
   #masthead .top-row {
      width:calc(100% - 40px);
   }
   #masthead .top-row .searchform {
      width:calc(100% - 380px);
   }
   h2 {
      font-size:38px;
   }
   h3 {
      font-size:32px;
   }
   h4 {
      font-size:32px;
   }
   h5 {
      font-size:28px;
   }
   h6 {
      font-size:24px;
   }
   #community {
      display:block;
   }
   #community .content-col {
      width:100%;
      height:auto;
      padding:30px 20px;
   }
   #community .content-col .inner {
      width:100%;
      float:none;
      padding:0;
      text-align:center;
   }
   #community .content-col .inner h2 {
      text-align:center;
   }
   #community .content-col .inner h2::after {
      left:50%;
      margin-left:-65px;
   }
   #community .content-col .inner .content p {
      line-height:1.4;
   }
   #community .events-col {
      width:calc(100% - 40px);
      margin:0 auto;
      float:none;
      height:auto;
      overflow:hidden;
   }
   #community .events-col .inner h2 {
      text-align:center;
   }
   #community .events-col .inner ul li {
      padding-left:60px;
   }
   #community .events-col .inner ul li .date-block {
      width:40px;
   }
   #callouts-row .col-2 {
      background-position:-250px 0;
   }
   .pagewidth-850 {
      width:100%;
      padding-right:20px;
      padding-left:20px;
   }
}

@media (max-width: 820px) {
   #callouts-row .col-2 {
      background-position:-270px 0;
   }
}

@media (max-width: 767px) {
   #masthead .top-row .searchform {
      width:calc(100% - 300px);
   }
   #masthead .top-row .buttons {
      width:300px;
   }
   #masthead .top-row .buttons a {
      padding:17px 0px 5px 0px;
      font-size:18px;
   }
   .fl-module-heading .fl-heading, /* events single title */
   body.blog h1.fl-heading {
      margin-top:-40px !important;
   }
   .result-post .fl-post-grid-meta span.fl-post-grid-date {
      margin:0;
      border:none;
   }
   .result-post .fl-post-grid-meta {
      padding:0;
   }
   .result-post h2 {
      font-size:26px !important;
   }
   #hero {
      height:550px;
   }
   #hero .caption {
      padding:20px 0;
   }
   #hero .caption .content {
      width:100%;
   }
   #hero .caption .content h2:nth-child(2) {
      margin-bottom:0px;
   }
   #hero .caption .content p {
      margin-bottom:15px;
   }
   #hero .caption a.fl-button.white {
      position:static;
   }
   #about {
      display:block;
   }
   #about .content-col {
      width:100%;
      height:auto;
      overflow:hidden;
   }
   #about .content-col .inner {
      width:100%;
      padding:20px;
   }
   #about .image-col {
      width:100%;
      height:350px;
   }
   #blog {
      padding:65px 0;
   }
   #blog .featured-post .image {
      width:100%;
      float:none;
      margin:0 0 20px 0;
   }
   #blog .featured-post .post-preview {
      width:100%;
      float:none;
      padding-left:0;
   }
   #join {
      display:block;
   }
   #join .content-col {
      width:100%;
      height:auto;
   }
   #join .content-col .inner {
      width:100%;
      padding:30px 20px;
   }
   #join .images-col {
      width:100%;
      height:700px;
   }
   #members h2 {
      margin-bottom:15px;
   }
   #members #members-slider {
      margin-bottom:15px;
   }
   #callouts-row {
      display:block;
   }
   #callouts-row .col-1,
   #callouts-row .col-2 {
      width:100%;
      overflow:hidden;
   }
   #callouts-row .col-2 {
      background-position:-70px 0;
   }
   #callouts-row .col-2 .inner {
      padding:40px 20px 40px 100px;
   }
   /* post navigation on single blog */
   .fl-module-fl-post-navigation .nav-links .nav-previous {
      width:50%;
      float:left;
   }
   .fl-module-fl-post-navigation .nav-links .nav-next {
      width:50%;
      float:left;
      text-align:right;
   }
   #footer h3 {
      text-align:center;
   }
   #footer .footer-logo {
      width:100%;
      padding-right:0;
      padding-bottom:20px;
   }
   #footer .social-links {
      width:100%;
      float:none;
      text-align:center;
      padding-bottom:40px;
   }
   #footer .social-links a.social-icon {
      display:inline-block;
   }
   #footer .quick-links {
      width:100%;
      padding-right:0px;
      float:none;
      text-align:center;
      padding-bottom:40px;
   }
   #footer .newsletter {
      width:100%;
      float:none;
      text-align:center;
   }
   #footer .newsletter input {
      margin-bottom:15px !important;
   }
}

@media (max-width: 700px) {
   #resources {
      display:block;
   }
   #resources .image-col {
      width:100%;
      height:250px;
   }
   #resources .content-col {
      width:100%;
      height:auto;
   }
   #resources .content-col .inner {
      width:100%;
      padding-bottom:0;
   }
}

@media (max-width: 600px) {
   #join .images-col {
      height:600px;
   }
}

@media (max-width: 550px) {
   #masthead {
      height:110px;
   }
   #content-wrap {
      padding-top:110px;
   }
   #callouts-row .col-2 {
      background-position:-170px 0;
   }
   #masthead .top-row .searchform {
      display:none;
   }
   #menu-flyout form {
      display:block;
   }
   #masthead .top-row .buttons {
      width:100%;
      float:none;
   }
   #masthead .logo {
      padding-top:36px;
      width:270px;
   }
   #masthead a.flyout-toggle {
      top:48px;
   }
   #masthead a.social-icon {
      top:55px;
   }
   #hero .caption {
      background:rgba(19,33,51,0.75);
   }
   #about .image-col {
      height:250px;
   }
   #community .events-col {
      padding-left:20px;
   }
   #community .events-col .inner ul li {
      padding-left:50px;
   }
   #events h3 {
      font-size:26px;
   }
   #events .excerpt {
      font-size:18px;
   }
   #join .images-col {
      height:550px;
   }
   a.fl-button,
   .fl-builder-content a.fl-button,
   input.gform_button[type="submit"],
   a.fl-post-grid-more {
      font-size:18px;
      line-height:32px !important;
      height:34px !important;
      max-height:34px !important;
      padding:0 30px !important;
      -moz-border-radius:     17px !important;
      -webkit-border-radius:  17px !important;
      border-radius:          17px !important;
      -khtml-border-radius:   17px !important;
   }
}

@media (max-width: 450px) {
   #masthead a.flyout-toggle {
      right:10px;
   }
   #masthead a.social-icon {
      display:none;
   }
   #masthead .top-row .buttons a {
      font-size:17px;
   }
   #callouts-row .col-2 {
      background-position:-200px 0;
   }
   h1,
   h1.page-title {
      font-size:40px !important;
   }
   h2 {
      font-size:33px;
   }
   h3 {
      font-size:28px;
   }
   h4 {
      font-size:24px;
   }
   h5 {
      font-size:20px;
   }
   h6 {
      font-weight:700;
      font-size:18px;
   }
}

@media (max-width: 400px) {
   #masthead .logo {
      width:calc(100% - 40px);
   }
   #masthead {
      height:100px;
   }
   #content-wrap {
      padding-top:100px;
   }
   #join .images-col {
      height:400px;
   }
}