@charset "UTF-8";
/* CSS Document */
/*
Theme Name: WABA 2022
Theme URI: http://underscores.me/
Author: Colin Browne
Author URI: http://underscores.me/
Description: A custom theme designed for WABA in 2014.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: waba-2014
Domain Path: /languages/
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 WABA 2014 is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/
/*-------------------------------------------------------------- 1.0 - Reset --------------------------------------------------------------*/
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
     border: 0;
     font-family: inherit;
     font-style: inherit;
     font-weight: inherit;
     margin: 0;
     outline: 0;
     padding: 0 px;
     vertical-align: baseline;
}
 html {
     overflow-y: scroll;
    /* Keeps page centered in all browsers regardless of content height */
     -webkit-text-size-adjust: 100%;
    /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
     -ms-text-size-adjust: 100%;
    /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
 *, *:before, *:after {
    /* apply a natural box layout model to all elements;
     see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
     -moz-box-sizing: border-box;
    /* Still needed for Firefox 28;
     see http://caniuse.com/#search=box-sizing */
     box-sizing: border-box;
}
 body {
     background: #fff;
}
 article, aside, details, figcaption, figure, footer, header, main, nav, section {
     display: block;
}
 ol, ul {
     list-style: none;
     padding: 0px;
}
 table {
    /* tables still need 'cellspacing="0"' in the markup */
     border-collapse: separate;
     border-spacing: 0;
}
 caption, th, td {
     font-weight: normal;
     text-align: left;
}
 blockquote:before, blockquote:after, q:before, q:after {
     content: "";
}
 blockquote, q {
     quotes: "" "";
}
 a:focus {
     outline: thin dotted;
}
 a:hover, a:active {
     outline: 0;
}
 a img {
     border: 0;
}
/*-------------------------------------------------------------- 3.0 Elements --------------------------------------------------------------*/
 hr {
     background-color: #999999;
     border: 0;
     height: 1px;
     margin-bottom: 1.5em;
}
 ul, ol {
     margin: 0 0 .5em 1em;
}
 ul {
     list-style: disc;
}
 ol {
     list-style: decimal;
}
 li > ul, li > ol {
     margin-bottom: 0;
     margin-left: 1.5em;
}
 dt {
     font-weight: bold;
}
 dd {
     margin: 0 1.5em 1.5em;
}
 img {
     height: auto;
    /* Make sure images are scaled correctly. */
     max-width: 100%;
    /* Adhere to container width. */
}
 figure {
     margin: 2em 0px;
}
 table {
     margin: 0 0 1.5em;
     width: 100%;
}
 th {
     font-weight: bold;
}
/*-------------------------------------------------------------- 4.0 Forms --------------------------------------------------------------*/
 button, input, select, textarea {
     font-size: 100%;
    /* Corrects font size not being inherited in all browsers */
     margin: 0;
    /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
     vertical-align: baseline;
    /* Improves appearance and consistency in all browsers */
     *vertical-align: middle;
    /* Improves appearance and consistency in IE6/IE7 */
}
 button, input[type="button"], input[type="reset"], input[type="submit"] {
     /* border: 1px solid #ccc; */
     /* border-color: #ccc #ccc #bbb #ccc; */
     /* border-radius: 3px; */
     /* background: #e6e6e6; */
     /* box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05); */
     /* color: rgba(0, 0, 0, .8); */
     /* cursor: pointer; */
    /* Improves usability and consistency of cursor style between image-type 'input' and others */
     -webkit-appearance: button;
    /* Corrects inability to style clickable 'input' types in iOS */
     /* font-size: 12px; */
     /* font-size: 1.2rem; */
     /* line-height: 1; */
     /*padding: .6em 1em .4em;
    */
     /* text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); */
}
 button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
     border-color: #ccc #bbb #aaa #bbb;
     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}
 button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
     border-color: #aaa #bbb #bbb #bbb;
     box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
 input[type="checkbox"], input[type="radio"] {
     padding: 0;
    /* Addresses excess padding in IE8/9 */
}
 input[type="search"] {
     -webkit-appearance: textfield;
    /* Addresses appearance set to searchfield in S5, Chrome */
     -webkit-box-sizing: content-box;
    /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
     -moz-box-sizing: content-box;
     box-sizing: content-box;
}
 input[type="search"]::-webkit-search-decoration {
    /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
     -webkit-appearance: none;
}
 button::-moz-focus-inner, input::-moz-focus-inner {
    /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
     border: 0;
     padding: 0;
}
 input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
     color: #666;
     border: 1px solid #ebebeb;
     border-radius: 3px;
}
 input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus {
     color: #111;
}
 input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] {
     padding: .6em;
  
}
 textarea {
     overflow: auto;
    /* Removes default vertical scrollbar in IE6/7/8/9 */
     padding-left: 3px;
     vertical-align: top;
    /* Improves readability and alignment in all browsers */
     width: 98%;
}

.email-signup {
 display:flex;
 flex-flow:wrap;
 justify-content:space-evenly;
 column-gap:1em;
 row-gap:.5em;
 
}
.email-signup input, .email-signup a {
 margin:0px;
 flex:1;
 height:auto;
}

/*-------------------------------------------------------------- 5.2 Menus --------------------------------------------------------------*/
/*.main-navigation {
     clear: both;
     display: block;
     float: left;
     width: 100%;
}
*/
 .main-navigation ul {
     list-style: none;
     margin: 0;
     padding-left: 0;
}
 .main-navigation li {
     float: left;
     position: relative;
}
 .main-navigation a {
     display: block;
     text-decoration: none;
}
 .main-navigation a:hover {
     color:white;
}
 .main-navigation ul ul {
     box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
     display: none;
     float: left;
     left: 0;
     position: absolute;
    /*top: 1.5em;
    */
     z-index: 99999;
}
 .main-navigation ul ul ul {
     left: 100%;
     top: 0;
}
 .main-navigation ul ul a {
     width: 200px;
}
 .main-navigation ul ul li {
}
 .main-navigation li:hover > a {
}
 .main-navigation ul ul :hover > a {
}
 .main-navigation ul ul a:hover {
}
 .main-navigation ul li:hover > ul {
     display: block;
}
 .main-navigation .current_page_item a, .main-navigation .current-menu-item a {
}
/* Small menu */
 .menu-toggle {
     cursor: pointer;
     display: none;
}
 @media screen and (max-width: 600px) {
     .menu-toggle, .main-navigation.toggled .nav-menu {
         display: block;
    }
     .main-navigation ul {
         display: none;
    }
}
 .site-main .comment-navigation, .site-main .paging-navigation, .site-main .post-navigation {
     margin: 0 0 1.5em;
     overflow: hidden;
}
 .comment-navigation .nav-previous, .paging-navigation .nav-previous, .post-navigation .nav-previous {
     float: left;
     width: 50%;
}
 .comment-navigation .nav-next, .paging-navigation .nav-next, .post-navigation .nav-next {
     float: right;
     text-align: right;
     width: 50%;
}
/*-------------------------------------------------------------- 6.0 Accessibility --------------------------------------------------------------*/
/* Text meant only for screen readers */
 .screen-reader-text {
     clip: rect(1px, 1px, 1px, 1px);
     position: absolute !important;
}
 .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
     background-color: #f1f1f1;
     border-radius: 3px;
     box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
     clip: auto !important;
     color: #21759b;
     display: block;
     font-size: 14px;
     font-weight: bold;
     height: auto;
     left: 5px;
     line-height: normal;
     padding: 15px 23px 14px;
     text-decoration: none;
     top: 5px;
     width: auto;
     z-index: 100000;
    /* Above WP toolbar */
}
/*-------------------------------------------------------------- 7.0 Alignments --------------------------------------------------------------*/
 .alignleft {
     display: inline;
     float: left;
     margin-right: 1.5em;
}
 .alignright {
     display: inline;
     float: right;
     margin-left: 1.5em;
}
 .aligncenter {
     clear: both;
     display: block;
     margin: 0 auto;
}
/*-------------------------------------------------------------- 8.0 Clearings --------------------------------------------------------------*/
 .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after {
     content: '';
     display: table;
}
 .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after {
     clear: both;
}
/*-------------------------------------------------------------- 9.0 Widgets --------------------------------------------------------------*/
 .widget {
    /*margin: 0 0 1.5em;
    */
}
/* Make sure select elements fit in widgets */
 .widget select {
     max-width: 100%;
}
/* Search widget */
 .widget_search .search-submit {
     display: none;
}
/*-------------------------------------------------------------- 10.0 Content --------------------------------------------------------------*/
/*-------------------------------------------------------------- 10.1 Posts and pages --------------------------------------------------------------*/
 .sticky {
}
 .hentry {
     margin: 0 0 1.5em;
}
 .byline, .updated {
     display: none;
}
 .single .byline, .group-blog .byline {
     display: inline;
}
 .page-content, .entry-content, .entry-summary {
     margin: 1.5em 0 0;
}
 .page-links {
     clear: both;
     margin: 0 0 1.5em;
}
 .search .page-content, .error404 .page-content {
     margin: 1.5em 20px 0 70px;
}
/*-------------------------------------------------------------- 10.2 Asides --------------------------------------------------------------*/
 .blog .format-aside .entry-title, .archive .format-aside .entry-title {
     display: none;
}
/*-------------------------------------------------------------- 10.3 Comments --------------------------------------------------------------*/
 .comment-content a {
     word-wrap: break-word;
}
 .bypostauthor {
}
/*-------------------------------------------------------------- 11.0 Infinite scroll --------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
 .infinite-scroll .paging-navigation, 
/* Older / Newer Posts Navigation (always hidden) */
 .infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
     display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
 .infinity-end.neverending .site-footer {
     display: block;
}
/*-------------------------------------------------------------- 12.0 Media --------------------------------------------------------------*/
 .page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley {
     border: none;
     margin-bottom: 0;
     margin-top: 0;
     padding: 0;
}
 .wp-caption {
     margin-bottom: 1.5em;
     max-width: 100%;
}
 .wp-caption img[class*="wp-image-"] {
     display: block;
     margin: 1.2% auto 0;
     max-width: 98%;
}
 .wp-caption-text {
     font-size: .8em;
     font-style: italic;
     text-align: center;
     padding: 3px;
     background: #EEE;
     margin: 1.2% auto 0;
     max-width: 98%;
}
 .site-main .gallery {
     margin-bottom: 1.5em;
}
 .gallery-caption {
}
 .site-main .gallery a img {
     border: none;
     height: auto;
     max-width: 90%;
}
 .site-main .gallery dd, .site-main .gallery figcaption {
     margin: 0;
}
 .site-main .gallery-columns-4 .gallery-item {
}
 .site-main .gallery-columns-4 .gallery-item img {
}
/* Make sure embeds and iframes fit their containers */
 embed, iframe, object {
     max-width: 100%;
}
/* ---------------------------------------------------------- ALL SCREENS -------------------------------------------------------------*/
/* ------------------------------------------------------------ PAGE LAYOUT ------------------------------------------------------------ */
 #main-box-centered {
     width: 100%;
}
 body{
     background:#fefefe;
     font-family: 'Lato', Arial, sans-serif;
     padding-top: 10px;
}
 div#primary {
     max-width:100% 
}
 article {
     padding: 12px 36px;
}
 div.content-block {
     padding:.5em;
}
.large-screens {
    display:none;
}
/* -----------------------------Row styling is down in the LARGE SCREEN SECTION--------------------*/

.embedWrapper {
   overflow:hidden;
   padding-bottom:18px;
}

.tiles, .rows {
    display:flex;
    flex-flow:column nowrap;
    column-gap: 1em;
    row-gap:1em;
    align-items:center; 
}

.tiles a{
    display:flex;
    flex-direction:column;
    justify-content:space-between
 
}

.tiles a, .rows a {
     box-shadow:1px 1px 3px rgba(0,0,0,0.1);
     background-color:#fff;
     max-width:97%;
     min-width:97%;
     border-radius:2px;
}

.tiles a:hover {
    border-bottom:0px;
    box-shadow:1px 1px 3px rgba(0,0,0,0.2);
}

a .block, a .type-box {
    color:#333333;
    font-weight:normal;
}

.block {
    display:flex;
    flex-flow:column nowrap;
    max-width:100%;
    min-width:100%;
    min-height:255px;
   
}

.image-box {
    min-width:100%;
    aspect-ratio:16/9;
    background-size:cover;
    background-position:center;
 

}

.title-box {
    padding:18px 24px 0px;

}

.title-box h2{
    font-size:1em;
    font-weight:bold;
    margin:0px;
}

.title-box p{
    font-size:.8em;
    font-style:italic;
    font-weight:normal;
   
}
.image-box{
    display:flex;
    justify-content:flex-end;
    flex-flow:column nowrap;
    overflow:hidden;  
}

.detail-box-rows, .flag-box-rows, .date-box-rows
{
    display:none;
}

.detail-box-tiles, .flag-box-tiles, .date-box-tiles
{
    display:flex;
}


.tiles .flag-box-rows{
    display:none;
}

.flag-box-tiles {
    padding:12px;
    width:100%;
    text-align:center;
    color:#fff;
    background-color:#ED6A5A;
    flex-grow:2;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0px 1px 3px rgba(0,0,0,.3);    
}

.date-box-tiles-container{
    min-width:100%;
    padding:9px;
 
}
.date-box-tiles {
    background-color:#ebebeb;
    float: right;
    padding:1em;
    text-transform:uppercase;
    text-align:center;
    max-width:54px;
    min-width:54px;
    border-radius:2px;
    text-align:center;
    z-index:999;
    display:flex;
    flex-flow:column nowrap;
    row-gap:2px;
    align-content:center;
    justify-content:center;
    height: 78px;
}


.date-box-tiles #weekday, .date-box-tiles #month{
    font-size:.7em;
    line-height:1;
   
}

.date-box-tiles #day{
    font-weight:bold;
    margin-bottom:1.5px;
    letter-spacing:1px;
  
}

.detail-box-tiles p{
    margin-top:.5em;
    font-style:italic;
    text-align:center;

}

.excerpt-box,  .detail-box-tiles, .type-box{
    padding: 12px 24px 12px;
    font-size:.8em;
}

.type-box {
    background-color:#ebebeb;
    padding:18px;
    text-align:center;
    margin-bottom:0px;
    
}

.type-box p{
    margin-bottom:0px
}

.tiles .squish-box {
    display:none;
}

/*----------- Expander button ----------*/

div.moreButton {
  font-size:.8em;
  background-color:#f7c548;
 
  padding:1em;
  cursor:pointer;
  text-align:center;
  display:inline-block;
  width:100%;
  box-shadow:0px -15px 15px #fcfcfc;

}
div.moreButton:hover {
  background-color:#ebebeb;
  box-shadow:0px -15px 15px #fff;
  
}

div.moreButton p {
  margin-bottom:0px;
}
.hidden {
	display: none;
}

/* ------------------------------ TYPOGRAPHY ------------------------------ */
 body, button, input, select, textarea {
     color: #333333;
     font-family: 'Lato', sans-serif;
     font-weight: 400;
}
 h1, h2, h3, h4, h5, h6 {
     clear: both;
}
 p, ul li, ol li {
     margin-bottom: .85em;
     line-height: 1.5em;
}
 b, strong {
     font-weight: bold;
}
 dfn, cite, em, i {
     font-style: italic;
}
 blockquote {
     margin: 0 1.5em;
}
 address {
     margin: 0 0 1.5em;
}
 pre {
     background: #eee;
     font-family: "Courier 10 Pitch", Courier, monospace;
     font-size: 15px;
     font-size: 1.5rem;
     line-height: 1.6;
     margin-bottom: 1.6em;
     max-width: 100%;
     overflow: auto;
     padding: 1.6em;
}
 code, kbd, tt, var {
     font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
 abbr, acronym {
     border-bottom: 1px dotted #666;
     cursor: help;
}
 mark, ins {
     background: #fff9c0;
     text-decoration: none;
}
 sup, sub {
     font-size: 75%;
     height: 0;
     line-height: 0;
     position: relative;
     vertical-align: baseline;
}
 sup {
     bottom: 1ex;
}
 sub {
     top: .5ex;
}
 small {
     font-size: 75%;
}
 big {
     font-size: 125%;
}
/*------------Links---------------*/
 a {
     color: #0072b8;
     text-decoration: none;
     font-weight:bold;
}
 a:hover, a:focus, a:active {
     color:#f04e98;
     text-decoration: none;
     border-bottom: 4px solid #eee;
     border-radius:1px;
}
/*------------Headings---------------*/
 h1.entry-title {
     padding-bottom:.5em;
     border-bottom:1px solid #ebebeb;
     text-align:center;
}
 h1 {
     margin: 2em 0 2em 0;
     text-transform: uppercase;
     font-size: 2em;
     font-weight: bold;
     letter-spacing:.5px text-wrap:balanced;
}
 h2 {
     margin: 2em 0 1.5em 0;
     font-size: 1.6em;
     font-weight: bold;
     line-height:1.5;
     margin-right-right:2em;
     padding-bottom:.2em;
     border-bottom:.5px solid #eeeeee;
     text-align:center;
     text-wrap:balanced;
}
 h3 {
     font-size: 1 em;
     text-transform: uppercase;
     letter-spacing:.25px;
     font-weight: bold;
     margin:1.5em 0 1em;
}
/*------------Block Quotes---------------*/
 blockquote {
     border-color: #e1e1e1;
     border-style: solid;
     border-width: 1px 0;
     text-align: left;
     font-style: italic;
     font-size: 18px;
     color: #57665c;
     padding: 24px 0;
     margin-bottom: 8px;
}
/*------------Lists---------------*/
  ul, ol {
     padding-left: .5em;
}
 .site-content .entry-content ul {
     list-style: square;
}
/*-----------BUTTONS---------------------*/

div.wp-block-buttons {
     margin:1em 0px;
     column-gap:1em;
     width:100%;
     justify-content:center;
     align-content:stretch;
     align-items: stretch;
     flex-grow:1;
     flex-direction: row;
     row-gap:0px;
 
}

div.wp-block-buttons.gaps {
    gap:3px;
}

.wp-block-buttons .wp-block-button{
     margin-bottom:0px;
     flex-grow:1;
}
.wp-block-buttons .wp-block-button:hover{
     opacity:90%;
     border-bottom:0px;
}
.wp-block-button__link {
     border-radius:0px;
     width:100%;
     font-size:1em;}

a.wp-block-button__link:hover, a.wp-block-button__link:active{
     border-bottom:0px;
}
.blue-button {
     background-color: #0072b8;
     color: #ffffff;
     text-transform: uppercase;
     font-size: 14px;
     line-height: 14px;
     text-align: center;
     vertical-align: middle;
     text-decoration: none;
     font-weight: normal;
     height: 37px;
     padding: 10px 24px;
     display: inline-block;
     margin: 4px 7px;
     border-radius:1px;
     border:0px;
}
 .blue-button:hover, .blue-button:active {
     background-color: #f04e98;
     text-decoration: none;
     color:#fff;
     border:0px;
}

    div.button-block {
         width:100%;
         display:flex;
         flex-wrap:wrap;
         justify-content:space-between;
         align-content:center;
         margin-bottom:2em;
    }
     .button-block p{
         width:100%;
    }

    
	.button-block a.blue-button {
         background-color:#FFF;
         border:1px solid #0072b8;
         color:#0072b8;
         font-weight:200;
         padding-bottom:30px;
         width:30%;
         margin-left:0px;
    }
   
	.button-block a.blue-button:hover {
         color:#fff;
         background-color:#0072b8;
	}


		
    /*IMAGE CAPTIONS*/
     figcaption {
         padding:12px 24px;
         font-size:.8em;
         font-style:italic;
         text-align:center;
         line-height:1.6em;
         background-color:#ebebeb;}
		
/*------------------------------ HOMEPAGE HERO WIDGETS ------------------------------ */
 div#mobile-front{
}
 .hero-overlay{
     background-color:#0072b8;
     margin:0px 1.5em;
     position:relative;
     top:-25px;
     box-shadow:rgba(0,0,0,.2) 1px 3px 5px;
     padding:1.6em;
     border-radius:2px;
}
 .hero-overlay h2{
     font-weight:400;
     margin:0px 0px 0px 0px;
     border-bottom:0px;
     color:#ffffff;
     line-height:1.4;   
     font-size: 1.3em;
     letter-spacing:.2px;
     text-align:left;
}

.hero-overlay p{
     color:#ffffff;
     line-height:1.2;
     
     margin:0px 0px 0px 0px;
}

.hero-overlay a:hover {
    border:0px;
}
 .hero-overlay .wp-block-image figure{
     margin-bottom:0px;
}
 
}
.hero .wp-block-image{
     margin-bottom:0px;
     overflow:hidden;
}
.hero .wp-block-image img {
     width:102%;
     height:102%;
     margin-bottom:0px;
}

.no-bump{top:0px!important}

/*------------------------------ HOMEPAGE BLOCKS ------------------------------ */
 .home-three-block{
    display:none;
}
/*------------------------------ HOMEPAGE AGGREGATORS (Events and Blog Posts) ------------------------------ */
 #home-bottom .home-bottom-col-left, #home-bottom .home-bottom-col-right {
     float:none;
     clear:both;
     width:100%;
     padding: 18px;
}
 #home-bottom .home-bottom-col-left a.column-header {
     background-image: url(images/homepage_icon_calendar.png);
}
 #home-bottom .home-bottom-col-right a.column-header {
     background-image: url(images/homepage_icon_blog_posts.png);
}
 div#home-bottom a {
     font-weight:400;
     color:#333333;
}
 #home-bottom .home-bottom-col a.column-header {
     display: block;
     margin: auto;
     text-decoration: none;
     text-transform: uppercase;
     text-align: center;
     font-weight: bold;
     color: #333333;
     padding: 4em 0px 1em;
     background-repeat: no-repeat;
     background-position: 50% 0px;
}
 #home-bottom .home-bottom-col a.column-header:hover {
     opacity: .9;
}
 .read-more {
     color: #0072b8;
     text-transform: uppercase;
     display: inline-block;
     padding: 0 15px 0 3px;
     background-image: url(images/blue_arrow_sm.png);
     background-repeat: no-repeat;
     background-position: 100% 50%;
     text-decoration: none;
     font-weight: normal;
     font-size: .7em;
     padding-bottom:.5em;
}
 #home-bottom a:hover {
     text-decoration: none;
     border-bottom:none;
}
 #home-bottom h3 {
     text-transform:none;
     margin-top:.5em;
}
/*------------------------------ FOOTER ------------------------------ */
 #footer {
     max-width:100%;
     padding:15px;
}
 #footer .footer-box {
     display:block;
     max-width:100%;
     float:none;
     clear:both;
     margin:24px auto;
     text-align:center;
}

#footer .footer-box aside{
    font-size:.8em;
    line-height:1.6;
}
 #footer a#btn-become-a-member.blue-box-link, #footer a#btn-donate.blue-box-link {
     float:none;
     clear:both;
     display:block;
     width:100%;
     margin-top:6px;
     margin-bottom:12px;
     margin-left:auto;
     margin-right:auto;
}

#footer .mobile-only {
    font-style:normal;
    /* border-top:1px solid #666666; */
}

#footer .mobile-only .menu{
    display:flex;
    flex-flow:row wrap; 
    justify-content:flex-start;
    min-width:100%;
    align-items:flex-start;
    row-gap:1.5em;
   
   
}

#footer .mobile-only .sub-menu{
    flex-flow:column wrap; 
}

#footer .mobile-only .menu, #footer .mobile-only .sub-menu {
    display:flex;
    margin-left:0px;
   
    list-style:none;
    text-align:left;
}
#footer .mobile-only .menu-item{
    margin-left:0px;
    list-style:none;
    padding:.5em 0px 0px 0px;
    font-weight:400;
    color: #666;
    margin:0px 1em;
}

#footer .mobile-only .sub-menu a{
    font-weight:400;
    color: #666;
}

#footer div.menu-top-nav-lower-container {
    width:100%;
    display:flex;
    flex-direction:row;
}

#footer #menu-footer-links {
    display:flex;
    flex-flow:column nowrap;
    row-gap:0px;
    width: 100%;
}
/*------------------------------ HEADER ------------------------------ */
 #header {
     height:95px;
     padding: 12px 0px;
}
 #header a#header-logo {
     margin-top:1px;
}
 #header-logo {
     background-image: url(/wp-content/uploads/2017/10/waba-logo-web-retina-2017.png);
     text-indent: -99999px;
     display: block;
     background-repeat: no-repeat;
     background-size:contain;
     width: 213px;
     height:114px;
     float: left;
}

#header a:hover{
    border-bottom:0px;
}

 #header a{
     font-weight:400;
}
 #header #menu-top-nav-upper a{
     font-weight:bold;
}
 #header #menu-top-nav-upper .sub-menu a {
     font-weight:400;
}
 #header #menu-top-nav-upper .sub-menu li {
     margin-bottom:0px;
     line-height:1;
}


/*----------------------------- CONTENT PAGES & POSTS ----------------------------------*/
.content-page-background {display:none;}
.content-page-foreground .flag-box-tiles {
    opacity:90%;
}

.content-page-foreground .title-box{
    background-color:#fff;
    padding:2em;
    text-align:center;
}
.content-page-foreground .title-box h1{
    margin:0px;
}

.content-page-foreground .detail-box {
    margin:1em 2em;
    background-color:#ebebeb;
    padding:1.5em 2em .8em;
}

.content-page-foreground .detail-box p{
    margin-bottom:.5em;
    font-size:.8em;
    text-align:center;
}

.content-page-foreground .detail-box p.date{
    font-weight:bold;
}

.content-page-foreground .detail-box p.location{
    font-style:italic;
}


.content-page-foreground .content-box {
    padding:1em 2em;
}

.content-page-foreground .content-footer {
    background-color:#ebebeb;
    padding: 1.2em 2em 1em;
    font-size
}

.content-page-foreground .content-meta-box {
    padding:1em 2em;
    font-size:.8em;
    font-weight:200;
    text-align:center;
    color:#666;
}

div.sharedaddy {display:none;}


.contactus {
  font-weight:300;
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
  padding:.8em 1.6em;
  background-color:#faf6b9;
  position:fixed;
  bottom:-12px;
  left:0px;
  min-width:100%;
  text-align:center;
  font-size:.8em;
  z-index:99;
  box-shadow:0px 0px 10px rgba(0,0,0,.4);
  
}

    /*--------------------- ALERTS---------------------------*/
     div.archive-notice {
         background-color:#ebebeb;
         padding:1.6em 2em;
         margin-bottom:1em;
    }
     div.archive-notice p{
         margin-bottom:0px;
         font-weight:bold;
    }

 /*----------------------------- BIG SEARCH BOXES ------------------------*/
     div.big-search-box-wrapper{
         width:100%;
         aspect-ratio:2/1;
         background-color:#ebebeb;
         background-image:url('http://test.waba.org/wp-content/uploads/2017/12/Katie-Harris-and-lesly-Jones-cropped.jpg');
         background-size:cover;
         background-position:center;
         display:flex;
         justify-content:center;
         align-items:flex-end;
    }
     div.big-search-box {
        display:flex;
        
         min-width:120px;
         margin-bottom:1em;
    }
     div.big-search-box input[type="submit"]{
         display:none;
    }
     div.big-search-box form, div.big-search-box label{
         width:100%;
    }
     div.big-search-box input[type="text"]{
         width:100%;
         padding:1em;
         font-weight:300;
    }
     div.big-search-box input[type="text"]:focus {
         color:#000000;
    }
     body div.is-ajax-search-result{
         background:none;
         width:600px;
         max-width:90%;
         font-weight:300;
    }
     body div.mCSB_1_scrollbar {
         display:none!important;
    }
     body .is-ajax-search-items .is-ajax-search-post:hover{
         background-color:#fbfbfb;
    }
     body div.is-ajax-search-result a {
         font-weight:bold;
    }
     body div.is-ajax-search-result a:hover {
         text-decoration:none;
         font-weight:bold;
         background-color:#f1f1f1;
    }

     /*----------------------- PHONE to ACTION EMBEDS ------------------------------*/
     div.advocacy-actionwidget {
         border:none!important;
         border-radius:0px!important;
         box-shadow: 2px 2px 6px #ebebeb!important;
         min-height:600px;
         margin-bottom:2em;
    }
 

     /*---------------------- TABLES -------------------------------------*/
     .entry-content td {
         padding: 15px;
         border-bottom: 1px solid #ddd;
         border-right: 1px solid #ddd;
         vertical-align: middle;
         border-collapse: collapse;
    }

     .entry-content table{
         border-top:1px solid #ddd;
         border-left:1px solid #ddd;
    }



     /*------------------- COLLAPSE-O-MATIC PLUGIN -----------------------*/
     .collapseomatic .blue-button a {
         cursor: pointer !important;
    }
     .site-content .entry-content .collapseomatic .colomatbasic {
         background: none;
         color: #777;
         font-size: .8em;
    }
     .site-content .entry-content .collapseomatic .colomat-hover .colomatbasic {
         background: none;
         color: #999;
         text-decoration: none !important;
    }
     #home-bottom > div.home-bottom-col.home-bottom-col-left > div > p {
         display:none;
    }
     .colomat-hover{
         text-decoration:none!important;
    }

        /*----------------------RESPONSIVE MENU PLUGIN--------------------------*/
     html {
         padding-top:0px!important;
    }
     #wprmenu_bar {
         padding:12px;
         position:fixed;
         z-index:12;
         height:30px;
         width:100%;
         overflow:hidden;
         margin:0px 0px;
         border:0px;
         background:rgba(60,60,60,.7);
    }
     #wprmenu_bar .wprmenu_icon span {
         margin-bottom:3px;
         margin:auto;
         width:100%;
         height:2px;
         text-align:center;
         overflow:hidden;
         background-color:#DDD;
         border-radius:3px;
         box-sizing:border-box;
    }
    .wprmenu_bar span.hamburger-inner, .wprmenu_bar span.hamburger-inner::before, .wprmenu_bar span.hamburger-inner::after {
        background-color:#ebebeb;
        color:#ebebeb;
        height:3px;
    }
    .wprmenu_bar span.hamburger-inner::before{
        top:8px;
    }
    .wprmenu_bar span.hamburger-inner::after {
        top:16px;
    }
    #header {margin-top:15px}
/*--------------------------------- COLOR PALETTE ---------------------------------*/
.has-black-color {color:#000000}
.has-black-background-color {background-color:#000000}
.has-dark-gray-color {color:#666666}
.has-dark-gray-background-color {background-color:#666666}
.has-light-gray-color {color:#ebebeb}
.has-light-gray-background-color {background-color:#ebebeb}
.has-logo-blue-color {color:#0072b8}
.has-logo-blue-background-color {background-color:#0072b8}
.has-logo-orange-color {color:#e87722}
.has-logo-orange-background-color {background-color:#e87722}
.has-link-pink-color {color:#f04e98}
.has-link-pink-background-color {background-color:#f04e98}
.has-button-green-color {color:#7fb285}
.has-button-green-background-color {background-color:#7fb285}
.has-button-yellow-color {color:#f7c548}
.has-button-yellow-background-color {background-color:#f7c548}
.has-button-orange-color {color:#ED6A5A}
.has-button-orange-background-color {background-color:#ED6A5A}
.has-button-purple-color {color:#502F4C}
.has-button-purple-background-color {background-color:#502F4C}
.has-hot-rose-color {color:#901941}
.has-hot-rose-background-color {background-color:#901941}
.has-trail-ranger-green-color {color:#255D39}
.has-trail-ranger-green-background-color {background-color:#255D39}
.has-trail-ranger-yellow-color {color:#F5F0A0}
.has-trail-ranger-yellow-background-color {background-color:#F5F0A0}
.has-ctc-green-color {color:#009877}
.has-ctc-green-background-color {background-color:#009877}
.has-ctc-orange-color {color:#e57319}
.has-ctc-orange-background-color {background-color:#e57319}








/* -------------------------------- LARGER SCREENS -----------------------------------*/
 

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

 .mobile-only{display:none;}
 .large-screens{display:revert;}
	 

	 
	 
	 
	 
 /*------------------------------ NAVIGATION: Large Screens ------------------------------ */
     nav.navigation {
         padding: 2px 30px 5px 70px;
    }
     .nav-links > div > a {
         display: block;
         width: 290px;
         height: 65px;
         border: 1px solid #c2d8e7;
         font-size: 14px;
         padding: 5px 15px;
    }
     .nav-links .nav-next a {
         float: right;
    }
     .nav-links > div > a:hover {
         border-color: #0072b8;
         background-color: #ffffff;
         text-decoration: none;
    }
     .nav-links > div > a > span {
         display: block;
         background-repeat: no-repeat;
         text-transform: uppercase;
         background-position: 0 4px;
         font-weight: normal;
    }
     .nav-links .nav-previous span {
         padding-left: 13px;
         background-image: url(images/blue_arrow_sm_left.png);
    }
     .nav-links .nav-next span {
         padding-right: 14px;
         background-image: url(images/blue_arrow_sm.png);
         background-position: 248px 4px;
    }
     #header {
         height:125px;
    }
     #header .main-navigation .sub-menu li.menu-item {
         padding: 15px 4px 15px 9px;
         margin-right:0px;
         font-weight:400;
    }
     #header #menu-top-nav-lower .sub-menu li {
         margin-right:0px;
    }
      .menu-top-nav-upper-container li {
         position:relative;
    }
     .menu-top-nav-upper-container ul ul.sub-menu {
         box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
         display: none;
         float: left;
         left:0;
         position: absolute;
        /*top: 1.5em;
        */
         z-index: 99999;
         background-color: rgba(217, 229, 238,0.95);
         margin-bottom:0px;
         margin-left:0px;
         margin-right:0px;
         min-width:200px;
    }
     .menu-top-nav-upper-container ul li:hover > ul {
         display: block;
    }
     .menu-top-nav-upper-container ul ul a {
         width:200px;
         margin-right: 0px;
         font-weight: 400;
         font-size:.7em;
         clear:both;
         text-transform:none;
         letter-spacing:0px;
    }
     .menu-top-nav-upper-container ul ul li {
         display:block;
         float:left;
         padding: 7px 4px 7px 9px;
         clear:both;
    }


/*-------------------------------------- PAGE LAYOUT: Large Screens ------------------------------ */
    body {
        background: linear-gradient(to bottom, #ecf2f7 200px,#234562 200px);
    }
    body.search #content #primary, body.page #content #primary {
         background-color: #ffffff;
         min-height: 700px;
    }
     body.home #content #primary {
         width: 100%;
         padding-bottom: 0;
    }
     #content #primary {
         width: 100%;
         padding-bottom: 20px;
         background-color: #ffffff;
         float: none;
         margin:auto;

    }
     
    #content #primary {
         overflow:hidden;
         
    }

     #content #secondary {
        /*background-color: #ebebeb;
         border-left: 1px solid #d7d7d7;
        */
         float: left;
         width: 299px;
         padding: 0 20px;
    }

	 #main-box-centered {
         width: 1040px;
         max-width:100%;
         margin: auto;
    }
	 
	

/*------------------------------ CONTENT POST& PAGE LAYOUT: Large Screens ------------------------------*/

      .content-page-background {
        display:block;
        background-position:center;
        background-size:cover;
        width:120%;
        transform:translateX(-10%);
        aspect-ratio:16/9;
        filter:blur(15px);
        opacity:75%;
    }


    .content-page-foreground{
        width:700px;
        margin:auto;
        transform:translateY(-540px);
        background-color:#fff;
        box-shadow:1px 1px 5px rgba(0,0,0,.1);

    }

 
 .content-page-foreground .title-box {
   
     padding-bottom:1em;
 }

.content-page-foreground .detail-box, .content-page-foreground .content-box, .content-page-foreground .title-box .content-meta-box{
    padding:1em 4em;
}
  .content-page-foreground .title-box h1{
   text-align:center;
 }

   .content-page-foreground .date-box-tiles {
       margin:2em;
   }

     .site-content {
         padding: 0;
    }
     .site-content article {
         adding: 20px 29px 0px 70px;
         margin-bottom: 0px;
    }
     .site-content article footer.entry-footer {
         border-bottom: 1px solid #d7d7d7;
         padding-bottom: 20px;
         font-size: .9em;
    }
     body.single-post .site-content article footer.entry-footer {
         border-bottom: 0px;
    }
     .site-content article .entry-meta {
         font-size: .8em;
    }
     h1.entry-title, h1, h2 {
         text-align: left;
    }
 
	 
/*----------------------FORMS: Large Screens -----------------------------*/
     .site-content .entry-content #signup-form-email {
         border: 0;
         height: 37px;
         font-family: 'Lato', Helvetica, sans-serif;
         padding: 0 10px;
         color: #888;
         font-size: 12px;
         width:100%;
         margin-bottom:3px;
         border-radius: 0;
    }
     .site-content .entry-content #signup-form-zip{
         border: 0;
         height: 37px;
         font-family: 'Lato', Helvetica, sans-serif;
         padding: 0 10px;
         color: #888;
         font-size: 12px;
         margin-bottom:3px;
         margin-right:3px;
         border-radius: 0;
         width: 61%;
    }
    /* .site-content .entry-content button, input[type="button"], */
     input[type="reset"], input[type="submit"] {
         height:37px;
         width:38%;
         border: none;
         padding: 0px 18px;
         border-radius: 0px;
         box-shadow: none;
         text-shadow:none;
         font-size: 14px;
         float:right;
         font-weight: normal;
         text-transform: uppercase;
         color: #FFFFFF;
         background-color:#0072b8;
         cursor: pointer;
        /* Improves usability and consistency of cursor style between image-type 'input' and others */
         -webkit-appearance: button;
        /* Corrects inability to style clickable 'input' types in iOS */
        /*line-height: 1;
        */
        /*padding: .6em 1em .4em;
        */
         margin-bottom:3px;
    }
     .site-content .entry-content button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
         background-color: #0484d3;
         box-shadow:none;
    }
  
	 

	 
/*---------------------------- SEARCH BAR: Large Screens -----------------------------*/
	 
     #header-search-area {
         float: right;
         position: relative;
         top: -30px;
    }
     #header-search-area input {
         border: 0;
         margin-top: 10px;
         width: 165px;
         background-color: rgba(59,117,166 ,0.2);
         background-image: url(images/search-icon.png);
         background-size:contain;
         background-position: 138px 0px;
         border-radius: 1px;
         height: 20px;
         padding: 2px 25px 2px 11px;
         color: #666666;
         font-family: 'Lato',Helvetica, Arial, sans-serif;
         font-weight: 400;
         font-size:.8em;
         background-repeat: no-repeat;
    }
	 

/*---------------------------------HEADER: Large SCreens----------------------------*/	 
     #header {
         height: 95px;
         font-weight: normal;
    }
     #header ul#menu-top-nav-lower {
    }
     #header ul {
         Padding:0px;
    }
     #header ul li {
         display: inline;
         font-family: 'Lato', sans-serif;
         text-transform: uppercase;
    }
     #header ul li a {
         color: #333;
         text-decoration: none;
    }
     #header ul li a:hover {
         color:#3b75a6;
    }
     #header #menu-top-nav-upper {
         margin-top: 32px!important;
         float: left;
         width: 810px;
         margin-left: 0;
    }
     #header #menu-top-nav-upper li {
         font-size: 22px;
         margin-right: 30px;
         letter-spacing: 1px;
         font-weight: bold;
    }
     #header #menu-top-nav-lower {
         float: left;
        
         display: block;
    }
     #header #menu-top-nav-lower li {
         margin-right: 20px;
    }
     #header .main-navigation ul ul {
         background-color: rgba(217, 229, 238,0.95);
    }
     #header .main-navigation ul ul li {
         padding: 7px 8px;
         text-transform: none;
    }
    /*#header .main-navigation ul ul li a:hover {
         background-color: rgb(25, 55, 66);
         border-radius: 3px;
    }
    */
     #content-container {
         clear: both;
         margin-top: 35px;
    }

/* ----------------------------------------FOOTER: Large Screens --------------------------------*/

#footer ul{
    list-style:none;
    display:flex;
    flex-flow:row wrap;
    column-gap:2em;
}

#footer ul li a{
    color:#ebebeb;
}

 /*------------------------------------ EMBED WIDGETS: Large Screens ------------------------------------*/
    .tiles {
        flex-flow:row wrap;
        justify-content:flex-start;
        align-items:stretch;

    }

    .tiles a {
        max-width:32%;
        min-width:32%;
        max-height:unset;
    }

  .default-layout .tiles {
justify-content:space-between;
   
  }
  .default-layout .tiles a{
   min-width:47%;
   max-width:47%;
  }
	 
div.tiles.homepage a{
    max-width:31%;
    min-width:31%;
    
}

div.tiles.homepage {
    justify-content:center
}

.detail-box-tiles p{
    margin-bottom:0px;
}
.rows .date-box-tiles, .rows .flag-box-tiles, .rows .detail-box-tiles {
    display:none;
}

.rows .detail-box-rows, .rows .flag-box-rows, .rows .date-box-rows
{
    display:revert;
}




.rows {
    flex-flow:column;
    align-items:start;
    row-gap:0px;}
.rows a {
    min-width:99%;
    max-width:99%;
    border-bottom:1px solid #ebebeb;
    box-shadow:none;
}
.rows a:hover {
   background-color:#fcfcfc;
   
}
.rows .block {
    flex-flow:row nowrap;
    max-width:100%;
    min-height:unset;
    align-items:center}

.flag-box-rows{
    background-color:#f7c548;
    color:#000;
    padding:.5em .2em .7em;
    width:100%;
    text-align:center;
}

.rows .block .image-box{
    max-width:80px;
    min-width:80px;
    aspect-ratio:1;
    margin:18px
}

.rows .title-box {
    min-width:35%;
    max-width:35%;
}

.detail-box-rows {
    font-size:.8em;
    min-width:23%;
}

.detail-box-rows p{
    margin-bottom:.2em;
}

.detail-box-rows p.date {
    font-weight:bold;
}
.rows .title-box, rows .excerpt-box {
    padding:0px 18px; 
}

.detail-box-rows p.location {
    font-style:italic;
}

.rows .block .title-box h2{
    margin-bottom:0px;
    border-bottom:0px;
}

.rows .block .title-box p, .rows .block .excerpt-box p{
    margin-bottom:0px;
    border-bottom:0px;
}

.rows .type-box{
    display:none;
}

/*------------------------------------ HOMEPAGE: Large Screens ------------------------------------*/
     div#mobile-front{
        display:none;
    }

   .hero-overlay{
    top:-75px;
   }
    div.home-three-block {display:block;}
     body.home #content {
         background-color: #f2f2f2;
    }
     .site-content {
         background-color: #ebebeb;
    }
     #home-banner {
         width: 1040px;
         height: 500px;
    }
    
.home-three-container{
    display:flex;
    align-items:top;
    justify-content:space-between

}
     .home-three-block {
         width: 345px;
         float: left;
         clear:none;
    }
     .home-three-block a:hover {
         border:0px;
    
    }
     .home-three-block {

       
         padding-top:18px;
         text-align: center;
         padding: 0 10px 25px 10px;
    }
     div.home-three-block h2 {
         font-weight:400;
         margin-bottom:12px;
         letter-spacing:.5px;
         margin: 0 0 5px 0;
         text-transform: uppercase;
         font-size: 20px;
         border:0px;
    }
     div.home-three-block p {
         font-size:.9em;
         line-height:1.5;
         margin-bottom:24px;
    }
     div.home-three-block .blue-button {
         width:240px;
    }
     a.social-link {
         margin-top:0px;
         height:37px;
         background-size:contain;
    }
     .social-link {
         width: 40px;
         height: 40px;
         text-indent: -999999px;
         display: inline-block;
         margin-top: 7px;
    }
     .social-link.social-fb {
         background-image: url(images/social_lg_facebook.png);
    }
     .social-link.social-twitter {
         background-image: url(images/social_lg_twitter.png);
    }
     .social-link.social-flickr {
         background-image: url(images/social_lg_flickr.png);
    }
     .social-link.social-rss {
         background-image: url(images/social_lg_rss.png);
    }
     .social-link.social-insta {
         background-image: url(https://www.waba.org/wp-content/uploads/2014/10/social_lg_instagram.png);
    }
     .social-link:hover {
         opacity: .8;
    }
     div.home-three-block h2 {
         text-align:center;
    }
   /*  #home-bottom .home-bottom-col-left, #home-bottom .home-bottom-col-right {
         float:left;
         clear:none;
    }*/
     #home-bottom {
         background-color: #ebebeb;
         border-top: 1px solid #d7d7d7;
         clear: both;
    }
     #home-bottom .home-bottom-col {
         width: 100%;
         clear:both;
         border-bottom: 1px solid #ddd
    }
     #home-bottom .home-bottom-col a.column-header {
         display: block;
         margin: auto;
         text-decoration: none;
         text-transform: uppercase;
         text-align: center;
         font-weight: bold;
         color: #333333;
         padding: 81px 0 20px 0;
         background-repeat: no-repeat;
         background-position: 50% 27px;
    }



 /*--------------------------------------------------- FOOTER - Large Screens ----------------------------------*/   
     #footer #menu-footer-links {
         margin: 0;
         list-style: none;
         text-transform: uppercase;
         height: 180px;
         width: 350px;
         float: left;
         font-weight: normal;
         margin-top: 23px;
    }
     #footer ul, ol {
         padding:0px 
    }
     #footer #menu-footer-links li {
         margin: 5px;
         width: 160px;
         display: block;
         float: left;
    }
     #footer #menu-footer-links li a {
         text-decoration: none;
         color: #e4ffee;
        ;
         font-size: 14px;
    }
     #footer #menu-footer-links li a:hover {
         text-decoration: underline;
    }
     #footer .footer-box {
         width: 330px;
         float: left;
         margin-top: 32px;
    }
     #footer .footer-box h2 {
         text-transform: uppercase;
         color: #e4ffee;
        ;
         text-align: center;
         font-size: 14px;
         font-weight: normal;
         margin-bottom: 10px;
    }
     #footer .footer-box .blue-box-link {
         float: left;
    }
     #footer .footer-box #btn-become-a-member {
         width: 160px;
    }
     #footer .footer-box #btn-donate {
         width: 150px;
         margin-left: 10px;
    }
     #footer {
         padding-left: 20px;
    }
     #footer #footer-text {
         clear: both;
         color: #cccccc;
         font-size: 12px;
         margin-bottom: 30px;
         padding-top: 30px;
         line-height: 1.5em;
    }
     #footer #footer-text a {
         color: #ffffff;
         text-decoration: none;
    }
     #footer #footer-text a:hover {
         text-decoration: underline;
    }
     #footer .footer-box #signup-form-email {
         border: 0;
         height: 37px;
         font-family: 'Lato', Helvetica, sans-serif;
         padding: 0 10px;
         color: #444;
         font-size: 12px;
         width: 61%;
         margin: 0 0 0 10px;
         border-radius: 0;
    }
     #footer .footer-box #signup-form-submit {
         border: 0;
         float:none;
         margin-top:1px;
         height: 37px;
         width: 30%;
         font-family: 'Lato', Helvetica, Arial, sans-serif;
         border-radius: 0;
         text-shadow: none;
         font-weight: normal;
         box-shadow: none;
         padding: 0px;
    }
     #footer .footer-box #signup-form-submit button, input[type="button"], input[type="reset"], input[type="submit"] {
         height: 37px;
         border: none;
         padding: 0px 18px;
         border-radius: 0px;
         box-shadow: none;
         text-shadow:none;
         font-size: 14px;
         font-weight: normal;
         text-transform: uppercase;
         color: #FFFFFF;
         background-color: #0072b8;
         cursor: pointer;
        /* Improves usability and consistency of cursor style between image-type 'input' and others */
         -webkit-appearance: button;
        /* Corrects inability to style clickable 'input' types in iOS */
        /*line-height: 1;
        */
        /*padding: .6em 1em .4em;
        */
    }
     .footer-box #signup-form-submit button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover{
         background-color: #0484d3;
         box-shadow:none;
         text-decoration:none;
    }

   body #footer div.footer-box {
         min-width:720px;
         float:none;
         clear:right;
         margin:auto;
    }
     #footer {
         padding:3em 3em;
         background-color:#234562;
    }
     #footer form{
         width:100%;
         clear:none;
         text-align:center;
    }
     #footer div.footer-box input[type="submit"]{
         float:none;
         width:initial;
         margin-left: 0px 
    }
     #footer div.footer-box input[type="text"]{
         margin-right:0px;
         font-weight:300;
         font-size:.8em;
         height:37px;
         width:240px;
    }
     #footer div.footer-box ul#menu-footer-links {
         width:100%;
         columns: 3;
         margin:auto;
         padding:0px em;
    }
     #footer div.footer-box ul#menu-footer-links li {
         clear:both;
         width:100%;
    }


/*----------------------------- CONTENT PAGES & POSTS: Large Screens ------------------------------*/


#primary{
    margin:auto;
    float:none;
}


div.big-search-box-wrapper{
    aspect-ratio:3/1;
}

 div.big-search-box {
        display:flex;
        width:60%;
        min-width:120px;
        margin-bottom:4em;
    }



     article {
         background-color:#ffffff;
    }
     .entry-header h1.entry-title {
         margin-bottom: .62em;
    }
     .site-content article {
         padding-right:48px;
    }
     img.size-large {
         margin-top:16px;
    }
     .site-content iframe {
         margin-top:16px;
    }
     .site-content .entry-content h2 {
         margin-bottom:.62em;
         color:#333;
    }
     #content #secondary {
         padding: 24px 20px;
         margin-left:18px 
    }
     #content li {
         margin-top:.6em;
         margin-bottom:.6em;
    }
     #content li > ul {
         margin-left:2em;
         margin-right:2em;
         margin-bottom:1em;
    }
     #content hr {
         color:#ebebeb;
         background-color:#ebebeb;
    }
     .site-content li {
         line-height:1.5;
    }
     .site-content .entry-content p.blue-button {
         background-color:#FFF;
         color:#000;
         padding:6px 0px;
         text-transform:none;
         font-size: 1em;
         margin:0px!important;
         height:auto;
    }
     .site-content .entry-content p.blue-button:hover{
         background-color:#ebebeb;
    }
     .event-container h2 {
         margin-top:2em;
         margin-bottom:1em;
    }

     #footer ul#menu-footer-links.menu {
        /*height: 240px;
         */
    }
   
  
     .site-content .entry-content div.sharedaddy h3, div.sharedaddy h3.sd-title:before {
         border:0px;
    }
   
     button, input, select, textarea {
         font-size: 100%;
        /* Corrects font size not being inherited in all browsers */
         margin: 0;
        /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
         vertical-align: baseline;
        /* Improves appearance and consistency in all browsers */
         *vertical-align: middle;
        /* Improves appearance and consistency in IE6/IE7 */
    }
     button, input[type="button"], input[type="reset"], input[type="submit"] {
         text-transform: uppercase;
         font-size: 14px;
         text-align: center;
         vertical-align: baseline;
         text-decoration: none;
         font-weight: normal;
         height: 37px;
         padding: 10px 24px;
         margin: 0 0 0 2px;
         border-radius: 1px;
         display: inline-block;
         letter-spacing:.5px;
         color:#fff;
         background-color:#0072b8;
         border: 0px;
         box-shadow:none;
         text-shadow:none;
    }
     .site-content .entry-content button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
         background-color:#F04E98;
         text-decoration:none;
         border-bottom:0px;
    }
  
    /*---------------------------- HOMEPAGE TAKEOVER POPUP----------------------------------------*/
     .sg-popup-overlay div {
    }
     #sg-popup-dialog-main-div-theme-wrapper div,#sgpb-popup-dialog-main-div-wrapper {
         color:#ebebeb;
         font-family:Lato, sans-serif;
         border-radius:0px;
         color:#000000;
         font-weight:300;
    }
     #sg-popup-content-wrapper-41745 {
         padding:3em;
         max-width:600px;
    }
     .sgpb-popup-dialog-main-div-theme-wrapper-2{
         margin-top:24px;
         box-shadow: 5px 5px 10px #999!important;
    }
     .sg-popup-content-light-mode {
         max-height:80vh;
         overflow:scrollbar;
    }
     body .colorbox3 #sgcboxLoadedContent div {
         border:0px solid;
    }
    /*HOMEPAGE LOWER BLOCK*/
    /*#home-bottom .home-bottom-col > a {
         padding: 81px 0 32px 0;
    }
    */
  

   

    /*------------------------FORMASSEMBLY STYLING----------------------------*/
    /* ---------------------- Clean up in Phase 2 -------------------------- */
     .site-content .entry-content h3.wFormTitle{
         border-top:0px!important;
    }
     body .wFormContainer {
         margin-top:1em;
    }
     body .wFormContainer .wFormHeader {
         display:none;
    }
     body .wFormContainer .wForm {
         padding:0px;
    }
     div.graybox {
         padding:2em;
         background:#ebebeb;
         text-align:left;
         margin-bottom:1.6em;
         font-size:.85em;
    }
     div.graybox h2{
         margin-top:0px;
         font-weight:700;
    }
     div.graybox label {
         font-weight:200;
         font-size:.8em;
    }
     div.graybox .oneField, div.graybox .htmlContent {
         margin-top:1em;
         margin-bottom:1em;
    }
     div.graybox input {
         margin-top:.6em;
         margin-left:auto;
         margin-right:auto;
         width:100%;
         padding:.5em;
    }
 

   
   
     div#footer input[type="text"] {
         padding:9px 12px;
         border-radius:0px;
         border:0px;
         font-family:'Lato'
    }

/* ---------------------- SINGLE PAGE EDITS -------------------------- */
/* ---------------------- Clean up in Phase 2 -------------------------- */
  
     body.page-id-26045 {
         background-image: url(http://test.waba.org/wp-content/uploads/2016/07/unitedoutside-background.jpg);
         background-attachment: fixed;
         background-size: cover;
         background-position: right bottom;
         background-repeat: none;
    }
     .page-id-26045 #content.site-content {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ebebeb+0,ebebeb+100&1+0,0+100 */
         background: -moz-linear-gradient(top,rgba(235,235,235,1) 0%,rgba(235,235,235,0) 25%);
        /* FF3.6-15 */
         background: -webkit-linear-gradient(top,rgba(235,235,235,1) 0%,rgba(235,235,235,0) 25%);
        /* Chrome10-25,Safari5.1-6 */
         background: linear-gradient(to bottom,rgba(235,235,235,1) 0%,rgba(235,235,235,0) 25%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }
     .page-id-26045 .site-header {
         background-color: rgba(0,0,0,0.078);
    }
     .imgshadow {
         -webkit-box-shadow: 5px 5px 7px 0 rgba(0,0,0,0.5);
         -moz-box-shadow: 5px 5px 7px 0 rgba(0,0,0,0.5);
         box-shadow: 5px 5px 7px 0 rgba(0,0,0,0.5);
    }
     .imgshadow:hover {
         opacity: .8;
    }
     .page-id-14398 .entry-title {
         display:none;
    }
     .page-id-19837 #primary.content-area {
         background-color: rgba(255,255,255,0.9) !important;
         color: #222;
         border-right-style: none !important;
         float: none !important;
         margin: 0 auto !important;
         position: relative;
         z-index: 1;
    }
     .page-id-19837 .site-content article {
         position: relative;
         padding-left: 50px;
         padding-right: 50px;
         z-index: 1;
    }
     .page-id-19837 .site-content article {
         position: relative;
         padding-left: 50px;
         padding-right: 50px;
         z-index: 1;
    }
     main.page-id-19837 {
         position: relative;
         z-index: 1;
    }
     .page-id-19837 #secondary {
         display: none;
    }
     .page-id-19837 #content {
         background-color: rgba(0,0,0,0);
    }
     .page-id-19837 .entry-title {
         display: none;
    }
     .page-id-25265 img.alignnone {
         vertical-align: text-bottom !important;
    }
     .page-id-25265 .site-content .entry-content .blue-button {
         background-color: #FFF;
         border: 1px solid #555;
         color: #555;
         text-transform: uppercase;
         font-size: 14px;
         text-align: center;
         vertical-align: top;
         text-decoration: none;
         font-weight: normal;
         height: 37px;
         padding: 10px 24px;
         margin: 0 0 0 12px;
        /* cursor: default;
         */
         border-radius: 1px;
         display: block;
         float: right;
         position: relative;
         top: -12px;
    }
     .page-id-25265 .site-content .entry-content .blue-button:hover {
         border: 1px solid #f04e98;
         color: #f04e98;
         background-color: #FEFEFE;
    }
     .page-id-25265 .site-content .entry-content hr {
         clear: both;
    }
     .page-id-29014 header h1 {
         display:none;
    }
     .page-id-29014 .site-content #primary h1 {
         overflow: hidden;
         text-align: center;
         color:#666;
         margin-bottom:-.6em;
         margin-top:1.2em;
    }
     .page-id-29014 #primary h1:before, .page-id-29014 #primary h1:after {
         background-color: #ebebeb;
         content: "";
         display: inline-block;
         height: 1px;
         position: relative;
         vertical-align: middle;
         width: 50%;
    }
     .page-id-29014 #primary h1:before {
         right: 1em;
         margin-left: -50%;
    }
     .page-id-29014 #primary h1:after {
         left: 1em;
         margin-right:-50%;
    }
     .page-id-29014 .site-content h2 {
         margin-top:2.4em;
    }
     .page-id-29014 .entry-content img {
         margin-bottom:48px;
    }
    /** full page maps**/
     div.map-legend{
         max-width:240px;
         background-color:#fff;
         box-shadow: 2px 2px 7px rgba(0,0,0,.2);
         position:absolute;
         right:2em;
         top:240px;
         z-index:999;
         padding:2em;
         font-weight:200;
    }
     div.sub-content {
         width:1024px;
         max-width:62%;
         position:relative;
         margin:auto;
         padding:2em 4em;
         background-color:#ffffff;
         min-height:120px;
         top:-300px;
         box-shadow:2px 2px 7px rgba(0,0,0,0.25);
    }
 
    /** EMBED STYLES **/
     body.embed{
         background-image:none;
         background-color:none;
         line-height:1.6;
         font-family:'Open Sans',sans-serif;
    }
     body.embed div.sharedaddy {
         display:none;
    }
   
    /**Full width pages**/
     div.FW-text-block {
         margin:auto;
         max-width:600px;
    }

    }