/*
Welcome to Custom CSS!

CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.

By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you dont need to copy all
your themes stylesheet content.
*/



/*POSTS and PAGES*/

.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;
}

.site-content .entry-content a {
	text-decoration: none;

	font-weight:400;
	color: #0072b8;

}

.site-content .entry-content a:hover {
	text-decoration: none;
	border-bottom: 8px solid #eee;
	border-radius:1px;

}

#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;	
}

/*BUTTONS*/

.blue-button, 
.red-button, 
.yellow-button, 
.clear-button {
    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 12px;
    border-radius: 1px;
    display: inline-block;
	letter-spacing:.5px;
}

.blue-button, 
.widget a.blue-button {
	color:#fff;
	background-color:#0072b8;
}

.blue-button:hover,
.widget a.blue-button:hover {
	background-color:#F04E98;
	text-decoration:none;
	border-bottom:0px;
}

.red-button {
	color:#FFF;
	background-color:#F00;
}

.red-button:hover  {
	background-color:#F33;
		text-decoration:none;
}

.yellow-button {
	color:#444;
	background-color:#FF0;
	
}

.yellow-button:hover  {
	background-color:#FF9;
	text-decoration:none;
}

.clear-button {
	color:#444;
	background-color:	rgba(255,255,255,.1);
	border:1px solid #444;
}

.clear-button:hover {
		background-color:	rgba(255,255,255,.4);
		text-decoration:none;
		}

.site-content .entry-content .bigger-button {
	display:block;
	height:auto;
	width:100%;
	padding:.6em;
	font-size:1.6em;
	font-weight:bold;
	margin-top:24px;
	margin-bottom:24px;
	border: 1px solid #444;
	border-radius:3px;
	cursor:pointer;
}

body .site-content .entry-content .bigger-button:hover {
	border-bottom: 1px solid #444;
	border-radius:3px;
}
.page-id-14310 #round-button {
	position: absolute;
	right: 50px;
	bottom: 25px;
	z-index: 4;
	width: 150px;
	height: 150px;
	color:#FFF;
	background-color:#0072b8;
	border:5px solid #FFF;
	border-radius: 50%;
	text-decoration: none;
	-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);
}

.page-id-14310 #round-button:hover {
	height: 158px;
	width: 158px;
	right: 46px;
	bottom: 21px;
	text-decoration: none !important;
}

.site-content .entry-content .blue-button:hover, 
.site-content .entry-content .red-button:hover, 
.site-content .entry-content .yellow-button:hover {
	border-bottom:0px;
}

.site-content .entry-content .blue-button, 
.site-content .entry-content .red-button, 
.site-content .entry-content .yellow-button {
	line-height:1.25;
}

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 COLOR TAKEOVER*/
/*
body.page-id-14310 {
	background: linear-gradient(to bottom, #ecf2f7 200px,#151515 200px);
}

.page-id-14310 div#home-banner {
	background-color:#000;
} 
*/
/*HOMEPAGE BANNER*/

.page-id-14310 #home-banner {
	background-size: contain;
	vertical-align: bottom;
	position: relative;
	height:585px;
	
}

.page-id-14310 #home-banner #banner-teaser {
	width:100%;
	color:#fff;
	font-weight:bold;
	font-size:.9em;
	background-color: rgba(43,17,38,0.6	);
	position:relative;
	margin: 0px 0px 0px 0px;
	padding: 18px;
	bottom:-400px;
	float:right;	
	height:185px;
	}


.page-id-14310 #home-banner #banner-teaser p {
	text-align:left;	
}

.page-id-14310 #home-banner #banner-teaser p.banner-button {
	text-align:center;	
}

.page-id-14310 #home-banner #banner-teaser .blue-button {

		display:inline-block;
		clear:none;
}

.page-id-14310 #home-banner #banner-teaser .yellow-button {
	width:100%;
	font-size:1.3em;
	height:48px;
	line-height:1.5em;
	font-weight:600;
	margin:18px 0px 0px;
	padding-left:0px;
	padding-right:0px;
	background-color:rgba(255,255,0,.95);
}

.page-id-14310 #home-banner #banner-teaser .yellow-button:hover {
	background-color:rgba(255,255,100,1);
	
}

div.button-box {
	float:left;
	text-align:center;
	width:40%;
	padding-top:65px;
}

/*Ap18Q4 Animations*/

div.bounding-container{
		max-width:600px;
		padding: 24px;
		text-align: left;
		float:left;
		width:60%;
		
	}
	div.graph-container{
		--PROGRESS:99%; /*EDIT THE PROGRESS VARIABLE HERE*/
		width: 100%;
		border:1px solid #ddd;
		height:50px;
		border-radius:1px;
		box-sizing: border-box;
		background-color:rgba(255,255,255,.5);
	}
	
/*webkit animation syntax8*/
	@-webkit-keyframes slideout {
		0% {width: 5%;}
		100% {width: var(--PROGRESS);}
    
  
}

/* Standard syntax */
@keyframes slideout {
		0% {width: 5%;}
		100% {width: var(--PROGRESS);}
}
	
	div.graph {
		box-sizing: content-box;
		background-color:#ffc415;
		height:100%;
		float:left;
		display: block;
		clear:none;
		border-top-left-radius: 1px;
		border-bottom-left-radius: 1px;
		animation-name: slideout;
    	animation-duration: .75s;
		animation-delay: 0s;
		animation-iteration-count: 1;
		animation-fill-mode: forwards;
		-webkit-animation-name: slideout;
    	-webkit-animation-duration: .5s;
		-webkit-animation-delay: 1s;
		-webkit-animation-iteration-count: 1;
		
		-webkit-animation-fill-mode: forwards;
		transition:border .2s;
	}
	
	div.graph:hover{
		border-right:4px #ffc415 solid;
	}
	.tick-container{
		height:20px;
	}
	.tick {
		box-sizing:border-box;
		border-right: 1px solid #ddd;
		height: 100%;
		float:left;
		display:block;
		width:20%;
		box-sizing: content-box;
		text-align: right;
		margin-bottom:2px;
		color:#ddd;
		padding-top:9px;
		padding-right:5px;
		font: .8em Lato, sans-serif;
		text-align:right;
		}
		
		.tick:nth-child(1) {
			border-left:1px solid #ddd;
			border-top-left-radius: 1px
		}
		.tick:nth-child(5) {
			position:relative;
			border-top-right-radius:1px;
			width:10%;
			float:right;
			margin-right:0px;
		}
	


#lower-urgent {
	display:none;
	max-width:101%;
	font-weight:300;
	width:1040px;
	text-align:left;
	margin-top:0px;
	padding:1.6em 8em .6em;
	background-color:#ebebeb;
	color:#000;
	border-bottom:1px solid #ebebeb;
}

/*HOMEPAGE MIDDLE BLOCK*/

div.home-three-block {
	padding-top:18px;	
}

div.home-three-block h2 {
	font-weight:400;
	margin-bottom:12px;
	letter-spacing:.5px;
}

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;
}


/*HOMEPAGE TAKEOVER POPUP*/

.sg-popup-overlay div {
	
}

.sg-popup-content div {
	color:#fff;
	font-family:Lato, sans-serif;
	border-radius:0px;
	max-width: 720px;

}

body .colorbox3 #sgcboxLoadedContent div {
	border:0px solid;

}

/*HOMEPAGE LOWER BLOCK*/


#home-bottom .home-bottom-col > a {
	  padding: 81px 0 32px 0;
}

div.home-bottom-col-left {
		padding-left:48px;
		padding-right:48px;
		border-right: 1px solid #ddd;
}

div.home-bottom-col-right {
		padding-left:48px;
		padding-right:48px;
}

#home-bottom a.read-more {
	font-size:.9em;
	letter-spacing:.5px;
}

#home-bottom .home-page-item span.home-page-title,
#home-bottom .home-page-item a.home-page-title,
#home-bottom .home-page-item p.home-page-title{
	font-size:24px;	
	line-height:1.3;
}

#home-bottom .home-page-item   {
	line-height: 1.5;
	margin-top: 18px;
	font-size: .8em;
	display: inline-block;
}

#home-bottom .home-page-item .home-page-title {
	line-height: 1.2;
	margin-bottom: 12px;
}

.page-id-14310 hr {
	margin-top: 18px;
	margin-bottom: 0;
}

#home-bottom > div.home-bottom-col.home-bottom-col-left > div > div > div.simcal-events-list-container > div.simcal-weekday-1.simcal-past.simcal-day.simcal-day-has-events.simcal-day-has-1-events.simcal-events-calendar-17990 > ul > li {
margin-top:0px;	
}

div.simcal-event-description > a  {     			color: #0072bc;
        text-transform: uppercase;
        display:inline-block;
        padding:0px 15px 0 0;
        background-image: url(/wp-content/themes/waba-2014/images/blue_arrow_sm.png);
        background-repeat: no-repeat;
        background-position: 100% 50%;
        text-decoration: none;
        font-weight: normal;
        font-size: 12px;
      }
div.simcal-event-description > a:hover, a.read-more:hover {
	text-decoration:none;
	font-weight:bold;
}      

div#home-bottom p.simcal-align-right	 {
	display:none;
}

div#home-bottom li.simcal-event {
	margin-top:0px;
}
/*MENUS*/

#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;
}









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





/*SIMPLE CALENDAR PLUGIN*/
.simcal-day-label {
	display: none;
}

.simcal-event-details {
	line-height: 1.3;
}

.simcal-default-calendar-list .simcal-event-details {
	font-size: 1em;
}

.simcal-default-calendar-list {
	padding-top: 0;
}

.simcal-default-calendar-list ul.simcal-events {
	margin-top: 0;
}


.simcal-default-calendar-list ul.simcal-events {
	margin-left: 0;
	margin-right: 0;
}


/*FORMASSEMBLY STYLING*/

.wForm fieldset.section {
	border:0px;
	border-radius:0px;
	background-color:#ebebeb;
	margin-left:0px;
	
}

body .wFormContainer .wForm {
	padding:0px;
}

.wForm legend {
	display:block;
	width:100%;
	margin:2em 0px;
	clear:right;
	float:left;


}

/*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;
}




/****RESPONSIVE DESIGN****/

@media all and (max-width:1039px) {
	#main-box-centered {
		width: 100%;
	}
	
.page-id-14310 #home-banner {
		width:100%;
		height: auto;
		padding-top:48%;
		background-size: cover;
		background-position: center;
	}
	#lower-urgent .blue-button {
		margin-top:12px;
	}
.page-id-14310	#home-banner #banner-teaser {
		position: static;
		top: auto;
		margin-top: auto;
		margin-bottom: auto;
		width: 100%;
		height: auto;
		padding-top: 27px;
		text-align:center;
		background-color: rgb(46,75,86);
	}
	
	div.bounding-container{
		width:100%;
		max-width:2000px;
		clear:both;
	}
	div.button-box {
		width:100%;
		clear:both;
		padding-top:18px;
	}
	
	div.tick{
		width:18%;
	}
	
	#lower-urgent {
	max-width:101%;
	font-weight:300;
	width:1040px;
	text-align:left;
	margin-top:0px;
	padding:1.6em 1em .6em;
	/*background-color:#21623A;
	color:#fff;*/
		border-bottom:1px solid #72A549;}
	
		#lower-urgent .blue-button{
			display:block;
			height:100%;
			
		}
		
	 .home-three-block {
		float: none;
		clear:both;
		margin-left: auto;
		margin-right: auto;
	}
	
	#header {
		padding: 12px 0px;
	}
	
div.home-three-block {
max-width:100%;	
}
	#home-bottom .home-bottom-col-left,
#home-bottom .home-bottom-col-right {
	float:none;
	clear:both;
	width:100%;
	padding: 18px;
}

#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 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;
}

#header {
	height:95px;

}

#header a#header-logo {
 margin-top:1px;
}

div#primary {
	max-width:100%	
}

.site-content article {
padding: 12px 36px;	
}

.entry-header h1.entry-title {
	font-size:24px;
	margin-bottom:16px;
	padding-bottom:16px; 
	letter-spacing:.5px;
	text-align:center;
	border-bottom:1px solid #ddd;
}


}

/*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:transparent;
}

#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;
	
}






/* SINGLE PAGE EDITS */

/*.page-id-18853 .entry-title {
	display: none;
}*/

.page-id-25265 h1 {
	font-size: 1em;
}

/*body.page-id-18853 {
	background-image: url(http://www.waba.org/wp-content/uploads/2017/01/Awards-2016_0024-small.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-repeat: repeat-y;
}

.page-id-18853 #primary {
	background-color: rgba(48,48,48,0.9) !important;
	color: #DDD;
	border-right-style: none !important;
	float: none !important;
	margin: 0 auto !important;
}

.page-id-18853 #content {
	background-color: rgba(0,0,0,0);
}

.page-id-18853 .site-content .entry-content .light-link {
	color: #2e9fe5;
	text-decoration: none;
}

.page-id-18853 .site-content .entry-content .light-link:hover {
	text-decoration: underline;
}

.page-id-18853 .site-content .entry-content {
	margin-top: 0;
}

.page-id-18853 .site-content article {
	padding-right: 70px;
}

.page-id-18853 #secondary {
	display: none;
}*/

body.page-id-26045 {
	background-image: url(http://www.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;}