/*
 Theme Name:   NOAHH
 Description:  NOAHH Bootstrap Child Theme
 Author:       Bent Media | jvp.digital
 Author URI:   http://bentmedia.com | http://jvpdigital.com
 Template:     wordpress-bootstrap-master
 Version:      1.0.0
 Text Domain:  noahh


COLORS

green
color: #54af48;
color: #35712e; hover

brown
color: #be8802; 
color: #9e7302; hover

dark brown
color: #7c7369;

blue
color: #00558b;
color: #00558c hover

dark blue
color: #043a5e;


FONTS

font-family: 'Bitter', serif;
font-family: 'Pacifico', cursive;

*/


#top{
	background: #444;
}

*{
	outline: none !important;
}

body{
	padding-top: 0px;
	color: #666;
	line-height: 26px;
	font-size: 14px;
	background: #fff;
}


a{
	text-decoration: underline;
}

div {
	position: relative;
}

.no-pad {
	padding-left: 0;
	padding-right: 0;
}

.no-margin {
	margin-left: 0;
	margin-right: 0;
}

strong{
	font-family: 'Bitter', serif;
}

small{
	font-size: 70%;
	line-height: 1em;
}

hr{
	margin-top: 35px;
	margin-bottom: 45px;
}

#page-wrapper{
	background: #fff url("images/hdr_default.jpg") center top no-repeat;
	background-size: 250%;
	padding-top: 125px;
}

img.qualify-icon,
img.alignleft{
	float: left;
	margin: 0px 15px 15px 0px;
}

body.page-id-6 #page-wrapper,
body.parent-pageid-6 #page-wrapper,
body.single-success-story #page-wrapper,
body.single-post #page-wrapper,
body.blog #page-wrapper,
body.events-list #page-wrapper,
body.single-tribe_events #page-wrapper{
	background-image: url("/wp-content/uploads/2015/07/hdr_what-we-do.jpg");
}

body.page-id-12 #page-wrapper,
body.parent-pageid-12 #page-wrapper{
	background-image: url("/wp-content/uploads/2015/08/hdr_volunteer.jpg");
}

body.page-id-29 #page-wrapper,
body.parent-pageid-29 #page-wrapper{
	background-image: url("/wp-content/uploads/2015/07/hdr_give.jpg");
}

body.page-id-49 #page-wrapper,
body.parent-pageid-49 #page-wrapper{
	background-image: url("/wp-content/uploads/2015/07/hdr_homes.jpg");
}

body.page-id-68 #page-wrapper,
body.parent-pageid-68 #page-wrapper{
	background-image: url("/wp-content/uploads/2015/08/hdr_restore.jpg");
}

body.page-id-287 #page-wrapper,
body.parent-pageid-287 #page-wrapper{
	background-image: url("/wp-content/uploads/2015/08/hdr_about.jpg");
}


/*		/wp-content/uploads/2015/07/hdr_about.jpg		*/

section.post_content{
	background: #fff;
	/*padding-top: 50px;*/
	min-height: 200px;
}

	
h1, h2, h3, h4{
	font-family: 'Bitter', serif;
}

h1{
	font-size: 22px;
	margin-top: 0px;
	font-family: 'Bitter', serif;
	font-weight: bold;
	color: #89afd2;
}

h2{
	font-size: 20px;
	font-weight: bold;
	color: #be8802; /* brown */
}

h3{
	font-size: 18px;
	font-style: italic;
	color: #00558b; /* brown */
	font-weight: normal;
	line-height: 1.5em;
}

h3.quote{
	margin-bottom: 40px;
}

h4{
	font-size: 16px;
	text-transform: uppercase;
	color: #be8802; /* brown */
	font-weight: bold;
}

h1, h2, h3, h4, ul, p, table{
	margin: 0px 0px 20px;
}

.tags a {
	display: inline-block;
	margin-bottom: 2px;
}

.table{
	font-size: 11px;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td{
	padding: 5px;
	vertical-align: middle;
}

.table-striped > tbody > tr:nth-of-type(even) {
	background: rgb(234, 240, 247);
}

.table > thead > tr > th{
	background: #89afd2;
	color: #fff;
}

/*
 _           _   _                  
| |         | | | |                 
| |__  _   _| |_| |_ ___  _ __  ___ 
| '_ \| | | | __| __/ _ \| '_ \/ __|
| |_) | |_| | |_| || (_) | | | \__ \
|_.__/ \__,_|\__|\__\___/|_| |_|___/

*/

a.btn,
button.btn,
.tribe-events-widget-link a{
	font: bold 15px 'Bitter', serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0px 5px 5px 0px;
	padding: 13px 20px;
	border-radius: 4px;
	color: #fff;
	text-decoration: none;
	border-width: 0px;
	-webkit-transition:color 0.25s, background-color 0.25s, -webkit-transform 0.25s;
	transition:color 0.25s, background-color 0.25s, transform 0.25s;
}
button.btn-default,
a.btn-default{
	background: #7c7369;
	text-decoration: none;
}

a.btn-default:active:hover,
a.btn-default:active:focus,
a.btn-default:hover,
button.btn-default:hover,
a.btn-default:focus,
button.btn-default:focus,
a.btn-default:active,
button.btn-default:active{
	color: #fff;
	background: #605851;
}

a.btn-primary,
button.btn-primary,
.tribe-events-widget-link a{
	background: #be8802;
}

a.btn-primary:active:hover,
a.btn-primary:active:focus,
a.btn-primary:hover,
button.btn-primary:hover,
a.btn-primary:focus,
button.btn-primary:focus,
a.btn-primary:active,
button.btn-primary:active,
.tribe-events-widget-link a:hover{
	background: #9e7302;
}

button.btn-info,
a.btn-info{
	background: #89afd3;
}

button.btn-info:hover,
a.btn-info:hover,
a.btn-info:active:hover,
a.btn-info:active:focus,
button.btn-info:active,
a.btn-info:active,
button.btn-info:focus,
a.btn-info:focus{
	background: #00568b;
}

a.btn:after {
	content: "\f04b";
	font: normal normal normal 14px/1 FontAwesome;
	margin-left: 5px;
	margin-right: 4px;
	transition: margin 0.3s ease-in-out;
}

a.btn:hover:after {
	margin-left: 9px;
	margin-right: 0px;
}

a.btn.btn-expand:after{
	content: "\f067";
}

a.btn-search,
button.btn-search{
	color: #fff;
	background-color: #be8802;
	padding: 7px 20px 8px;
}

a.btn-search:hover,
button.btn-search:hover,
a.btn-search:focus,
button.btn-search:focus,
a.btn-search:active,
button.btn-search:active{
	color: #fff;
	background-color: #9e7302;
}


/*
 _                    _                             _                     _                
| |                  | |                           | |                   | |               
| |__   ___  __ _  __| | ___ _ __    __ _ _ __   __| |  _ __   __ ___   _| |__   __ _ _ __ 
| '_ \ / _ \/ _` |/ _` |/ _ \ '__|  / _` | '_ \ / _` | | '_ \ / _` \ \ / / '_ \ / _` | '__|
| | | |  __/ (_| | (_| |  __/ |    | (_| | | | | (_| | | | | | (_| |\ V /| |_) | (_| | |   
|_| |_|\___|\__,_|\__,_|\___|_|     \__,_|_| |_|\__,_| |_| |_|\__,_| \_/ |_.__/ \__,_|_|

*/

header.top{
	background: #043a5e url("images/bg_topbar.gif") center top repeat-x;
}

header.top .donate-bar{
	text-align: center;
	padding: 0px;
	font: 14px normal 'Bitter', serif;
	color: #fff;
}

header.top .donate-bar .row{
	margin: 0px;
}

header.top .donate-bar .btn-primary{
	background: #54af48;
	color: #fff;
	border: none;
	font: bold 12px 'Bitter', serif;
	margin-left: 5px;
	padding: 8px 10px;
	margin-bottom: 0px;
	border-radius: 0px;
}

header.top .donate-bar .btn-primary span{
	padding: 0px 4px;
}

/* mobile nav */

.container > .navbar-header, .container > .navbar-collapse {
	margin: 0px;
}

.navbar{
	background: #fff;
	border-bottom: 2px solid #898989;
	border-radius: 0px;
}

.navbar-header{
	/*width: 100%;*/
	border: none;
}

.navbar-default .navbar-offcanvas {
	background-color: #fff;
	border: none;
	width: 255px;
	max-height: none;
	background: #00558b;
}

.navbar-default .navbar-toggle {
	position: relative;
	float: right;
	padding: 11px 10px;
	margin: 10px -7px 8px 0px;
	border-radius: 4px;
	background: #be8802;
	border: none;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:active,
.navbar-default .navbar-toggle:focus{
	background: #9e7302;
}


.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}


.right-toggle {
	float: right;
	margin-left: 0;
	margin-right: 15px;
}

.navbar > .container .navbar-brand {
	background: url(images/logo.jpg) no-repeat center center;
	background-size: auto 90%;
	text-indent: -9999px;
	text-align: center;
	display: block;
	padding: 15px 30px;
	margin-top: 6px;
	transition: all 0.3s ease-in-out;
}

.navbar > .container .navbar-brand:hover{
	margin-left: -5px; /* from -15px, moves right not left */
}

.navbar.navbar-default{
	margin-bottom: 0px;
}

.navbar-default .navbar-nav li{
	margin-bottom: 15px;
	line-height: 1.5em;
}

.navbar-default .navbar-nav li a {
	color: #fff;
	font-family: 'Bitter', serif;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	padding-top: 0px;
}

.navbar-default .navbar-nav > li > a {
	font-family: 'Bitter', serif;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:active {
	color: #fff;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #89afd3;
  background-color: transparent;
}

.navbar-default .navbar-nav > li > a:after {
	content: "\f0d7";
	font: normal normal normal 14px/1 FontAwesome;
	margin-left: 3px;
}

.sub-menu-container{
	display: none;
	border-top: 1px solid #6FADD5;
	padding-top: 10px;
}

ul.sub-menu {
	list-style: none;
}

.navbar-default .navbar-nav ul.sub-menu a {
	font-family: arial, helvetica, sans-serif;
}

.navmenu-fixed-right {
	left: auto !important;
	overflow-y: scroll !important;
}

.navbar.navbar-default .search {
	background-color: #fff;
	margin: 0px -15px 40px;
	height: 46px;
	padding: 5px;
}

.navbar.navbar-default .btn-search {
	padding: 7px 13px 8px;
	display: block;
}

.navbar .callout{
	display: none;
}

ul.callouts{
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}







label.error {
	color: #ffa500;
}


.main-content{
	overflow: hidden;
	background: #fff;
	padding-top: 40px;
}

.page-header {
	background: url("images/torn-edge.png") center top no-repeat;
	/*background-size: 300%;*/
	height: 100px;
	border-bottom: 0px;
	text-align: center;
	padding-top: 30px;
	margin: -14px 0px 0px;
}

body.home .page-header{
	display: none;
}


.post_content img {
	margin: 0px 0px 20px 0 !important;
	width: auto !important;
	height: auto !important;
	float: none !important;
	display: block;
	max-width: 100% !important;
}

/* override THAT */
.post_content img.alignleft{
	margin: 0px 20px 20px 0 !important;
	float: left !important;
}

.post_content .img-container{
	/*height: 135px;*/
	overflow: hidden;
}

.post_content .more-link {
	display: none;
}





/* SIDEBAR */

.tribe-events-list-widget {
	text-align: center;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	padding: 30px 0px 20px;
	margin-bottom: 20px;
}

.tribe-events-list-widget .widgettitle {
  margin-bottom: 20px;
}

.tribe-events-list-widget ol.hfeed.vcalendar {
	padding: 0px;
}

.tribe-bar-disabled{
	float: none;
	margin-top: 50px;
}

h4.entry-title {
	margin-bottom: 0px;
	text-transform: capitalize;
}

.tribe-events-list-widget .duration {
	font-weight: normal;
	font-size: 15px;
}

.tribe-events-list-widget ol{
	padding-left: 0px;
}

.tribe-events-list-widget ol li {
	margin-bottom: 20px;
}

.tribe-events-list-widget-events:after {
	content: "\f141";
	font: normal normal normal 14px/1 FontAwesome;
	text-align: center;
	display: block;
	margin-top: 10px;
}

.tribe-events-widget-link a{
	/* set above with .btn styles */
}



article footer{
	background: none;
}




/*
           _ _             _       
          | | |           | |      
  ___ __ _| | | ___  _   _| |_ ___ 
 / __/ _` | | |/ _ \| | | | __/ __|
| (_| (_| | | | (_) | |_| | |_\__ \
 \___\__,_|_|_|\___/ \__,_|\__|___/

*/


.callout{
	padding: 25px;
	display: block;
	width: 100%;
	max-width: 360px;
	margin: 0px auto 30px;
	color: #fff;
}


.callout.blueman{
	text-align: center;
	color: #be8802; /* brown */
	font-family: 'Pacifico', cursive;
	font-size: 20px;
	padding: 30px 20px 20px;
	background: url("images/bg_tree-bark.png") center top no-repeat;
	background-size: 100% 100%;	
}

.callout.blueman span.numbers {
  white-space: nowrap;
  font-size: 120%;
}

.callout.ways-to-give,
.callout.success-story{
	background: #005189 url("images/bg_callout_success-story.png");
}

.callout.partner {
	border: 1px solid lightgray;
	border-radius: 2px;
	color: #666;
	box-shadow: inset 0px 0px 6px #eee;
}

.callout.post{
	background: #efe8e3 url("images/bg_callout_blog.png");
	color: #7c7369;
}

.callout h2 ,
.callout h3 {
	color: #fff;
}

.callout.partner h3 {
  color: #00558b;
}

.callout h2 a,
.callout h3 a{
	color: #fff;
	text-decoration: none;
}

h2 a:hover,
h3 a:hover{
	text-decoration: underline !important;
}

.callout.post h2 a,
.callout.post h3 a{
	color: #7c7369;
}

.callout .img-container {
	/*height: 120px;*/
	/*border: 1px solid #fff;*/
	overflow: hidden;
	margin-bottom: 15px;
}

.navbar .callout .img-container {
	height: auto;
}

.callout .img-responsive {
	display: inline-block;
}

.callout .btn-default,
.callout .btn-info{
	margin: 6px 0px 0px;
}


/*
     _ _                         _             _   
    (_) |                       | |           | |  
 ___ _| |_ ___    ___ ___  _ __ | |_ ___ _ __ | |_ 
/ __| | __/ _ \  / __/ _ \| '_ \| __/ _ \ '_ \| __|
\__ \ | ||  __/ | (_| (_) | | | | ||  __/ | | | |_ 
|___/_|\__\___|  \___\___/|_| |_|\__\___|_| |_|\__|

*/


.post_content #PostDate{
	/*display: none;*/
}

.blog-categories.btn-group{
	margin-bottom: 15px;
}

.blog-categories.btn-group h3 a span.fa{
	display: none;	
}
	
.blog-categories.btn-group a.btn:after {
	content: "";
	font: inherit;
	margin: 0;
}


.pagenavi-wrapper{
	text-align: center;
}

.pagination > li > span.current {
	background-color: #dddddd;
}

.pagination > li > span.current:hover {
	color: #337ab7;
}

.pagination > li > span.pages:hover{
	background-color: transparent;
}

ul.pagination .extend,
ul.pagination .pages{
	display: none;
}

.modal-content {
	padding: 10px;
}

.post_content img.qualify-icon{
	float: left !important;
	margin: 0px 15px 15px 0px !important;
}

#tribe-events-pg-template {
	max-width: none;
	padding: 0px;
}

.events-list.tribe-bar-is-disabled #tribe-events-content-wrapper {
	max-width: none;
	margin: 0 auto;
}

.type-tribe_events {
	margin-bottom: 50px;
}

.tribe-events-event-meta dt{
	margin-top: 10px;
}



body.home header .btn-primary {
    background: #aa0000;
    border: 2px solid #fff;
}


/*
  __            _            
 / _|          | |           
| |_ ___   ___ | |_ ___ _ __ 
|  _/ _ \ / _ \| __/ _ \ '__|
| || (_) | (_) | ||  __/ |   
|_| \___/ \___/ \__\___|_|

*/



footer{
	background: #fff;
	padding: 80px 0px 50px;
}

.footer-links,
.footer-links .menu li {
	float: none;
	margin-left: 0px;
}

.footer-links {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	margin-top: 20px;
	padding-top: 20px;
	padding-bottom: 5px;
}

.footer-links .menu{
	padding: 0px;
	list-style: none;
}

footer .footer-links ul li{
	margin-bottom: 0px;
}

footer span.fa {
	float: left;
	font-size: 30px;
	height: 45px;
	width: 50px;
	text-align: center;
	margin-right: 10px;
}



footer ul.social{
	margin: 30px 0px;
	padding: 0px;
}

footer ul.social li {
	list-style: none;
	float: left;
}

footer a.fa {
	color: #666;
	border: 2px solid #666;
	font-size: 27px;
	border-radius: 50%;
	text-align: center;
	padding: 10px 3px 10px 10px;
	margin-right: 10px;
	width: 52px;
	height: 52px;
	text-decoration: none;
	transition: all 0.6s ease-out;
}

footer a.fa:hover {
	color: #337ab7;
	border: 2px solid #337ab7;
}

footer .attribution{
	margin-top: 30px;
}



/* FEATURED SPONSORS */

section#featured-sponsors {
	background: url("images/torn-edge.png") center top no-repeat;
	padding: 90px 0px 0px;
	margin: 0px;
	position: relative;
}

section#featured-sponsors .sponsor-wrapper{
	background: #eaf0f7;
	padding-bottom: 90px;
}

section#featured-sponsors h3, section#featured-sponsors p {
	font-weight: normal;
	margin-bottom: 6px;
}

section#featured-sponsors .align-mid{
	display: inline-block;
	vertical-align: middle;
}

section#featured-sponsors .footer-sponsor-post{
	margin-bottom: 30px;
}

section#featured-sponsors .img-container{
	width: 128px;
	height: 128px;
	background: #fff;
	float: left;
	padding: 4px;
	margin: 0 15px 15px 0;
}


/* INSTAGRAM */

section#instagram{
	text-align: center;
	background: #043a5e url("images/bg_instagram.jpg") center top no-repeat;
	background-size: auto 100%;
	padding: 92px 15px;
}

section#instagram h2{
	color: #fff;
}

section#instagram ul{
	padding: 0px;
	margin: 0px;
}

section#instagram li.il-item {
	width: 50%;
	list-style: none;
	float: left;
	padding: 0px 5px;
	margin-bottom: 15px;
}

section#instagram img.il-photo__img {
	max-width: 100%;
	border: 2px solid #fff;
}

section#instagram a.instafollow{
	color: #fff;
	float: right;
	margin-right: 20px;
	text-decoration: none;
}

section#instagram a.instafollow:hover{
	color: #89afd2;
}


/* TAKE ACTION & SHARE / ADDTHIS */

.footer.btn-toolbar{
	position: fixed;
	z-index: 2000;
	bottom: 0;
	width: 100%;
	height: 40px;
	background-color: rgba(255,255,255,0.9);
	border-top: 2px solid #898989;
	margin: 0px;
}

.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group{
	margin: 0px;
}

.btn.btn-action {
	background-color: #54af48;
	border: none;
	height: 40px;
	padding: 10px 20px;
	margin: 0px 1px 0px 0px;
	border-radius: 0px;
}

.btn.btn-action:focus,
.btn.btn-action:active,
.btn.btn-action:hover{
	background: #00558b;
	color: #fff;
}

.take-action .dropdown-menu,
.sharing .dropdown-menu {
	background: rgba(0,85,140,0.95);
	width: 260px;
	color: #fff;
	padding: 20px;
	border-radius: 0px;
	border: none;
	font-family: 'Bitter', serif;
	transition: all 0.5s ease-out;
}

.sharing .dropdown-menu {
	right: 0px;
	left: auto;
}

.sharing .dropdown-menu h3{
	color: #fff;
}

.take-action .dropdown-menu h4{
	margin-bottom: 0px;
}

.take-action .dropdown-menu h4 a{
	color: #fff;
	text-decoration: none;
}

.at-share-tbx-element.addthis_32x32_style .at-share-btn,
.at-share-tbx-element.addthis_32x32_white_style .at-share-btn {
	max-width: 40px !important;
	max-height: 40px !important;
	border: 1px solid #fff;
}

.addthis_32x32_style .at4-icon,
.addthis_32x32_white_style .at4-icon,
.at-32x32 {
	/* ironic, i know */
	width: 40px !important;
	height: 40px !important;
}

body.tag article,
body.search article{
	margin: 50px 0px;
}

body.tag article h3,
body.search article h3{
	margin-bottom: 5px;
}

body.search .form-inline .btn-default{
	padding: 6px 20px 5px;
	font-size: 14px;
}

body.home h1{
	color: #fff;
	text-shadow: 0px 0px 20px #666;
}
  

/*
                              _         _           
                             | |       | |          
 _ __   __ _  __ _  ___   ___| |_ _   _| | ___  ___ 
| '_ \ / _` |/ _` |/ _ \ / __| __| | | | |/ _ \/ __|
| |_) | (_| | (_| |  __/ \__ \ |_| |_| | |  __/\__ \
| .__/ \__,_|\__, |\___| |___/\__|\__, |_|\___||___/
| |           __/ |                __/ |            
|_|          |___/                |___/             

*/



section.white,
section.blue-house,
section.brown-solid,
section.brown-texture{
	padding: 40px 0px 20px;
}

section#programs,
section#homes-blueman-intro{
	padding: 0px 0px 40px;
}
section.brown-solid,
section.blue-house{
	background: #005189;
	color: #fff;
}

section.brown-solid{
	background: #7C7469;
}

section.blue-house h2,
section.blue-house p,
section.blue-house a,
section.brown-solid h2,
section.brown-solid p,
section.brown-solid a{
	color: #fff;
}

section.blue-house h3{
	margin-bottom: 0px;
}

section.blue-house h3 a{
	text-decoration: none;
}

section.blue-house .img-container{
	/*border: 1px solid #fff;*/
}

section.blue-house .btn-default{
	background: #89afd2;
	border-color: #00558c;
}


section.brown-texture{
	background: #efe8e3;
}


section.brown-texture h2{
	color: #7c7369;
	margin-bottom: 30px;
}

section.brown-texture h3{
	margin-bottom: 10px;
}

section.brown-texture h3 a{
	color: #343434;
	text-decoration: none;
}

.callout.post .img-container{
	max-height: 168px;
}

section#blog-posts .img-container{
	height: 205px;
	margin-bottom: 15px;
}

section#success-story .img-container{
	max-height: 205px;
	margin-bottom: 15px;
	overflow: hidden;
}

section#events{
	padding: 90px 0px 0px;
}

section#events h2{
	margin-bottom: 30px;
}

section#events h3 a{
	color: #343434;
	text-decoration: none;
}

section#events .row {
	margin: 30px 0px;
}

section#how-to-qualify li{
	margin-bottom: 0px;
}

section#advocacy-efforts {
	padding-bottom: 0px;
}

.carousel-control{
	font-size: 40px;
}

.carousel-control.left,
.carousel-control.right {
	background: none;
}

body.single-success-story .carousel-inner > .item > img,
body.single-success-story .carousel-inner > .item > a > img {
	line-height: 1;
	width: 100% !important;
}

#restore-posts h2{
	color: #7c7369;
}

#restore-instagram{
	display: none;
	width: auto;
}

#restore-instagram ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#restore-instagram ul .il-item{
	padding: 0px 30px 30px 0px;
}

.abwk-income-chart{
	width: 100%;
}

.abwk-income-chart th{
	background: #89afd2;
	color: #fff;
	padding: 3px 10px;
	
}

.abwk-income-chart td{
	padding: 3px 10px;
}

.abwk-income-chart tr.even td{
	background: rgb(234, 240, 247);
}

p.fairhousing{
	color: #0B3C7F;
	font-size: 15px;
}



/*
        ______ __   ___  
   ____|____  / /  / _ \ 
  / __ \   / / /_ | (_) |
 / / _` | / / '_ \ > _ < 
| | (_| |/ /| (_) | (_) |
 \ \__,_/_/  \___/ \___/ 
  \____/ 

*/

@media (min-width: 768px) {
	
	
	body{
		font-size: 15px;
		line-height: 27px;
	}

	h1{
		font-size: 32px;
	}
	
	h2{
		font-size: 24px;
	}
	
	h3{
		font-size: 22px;
	}
	
	h4{
		font-size: 18px;
	}
	

	.table{
		font-size: 14px;
	}
	
	.table > thead > tr > th,
	.table > tbody > tr > th,
	.table > tfoot > tr > th,
	.table > thead > tr > td,
	.table > tbody > tr > td,
	.table > tfoot > tr > td{
		padding: 10px;
	}
	
	.navbar-offcanvas .navbar-nav {
		float: right;
		margin-right: 10px;
	}

	header.top .donate-bar{
		text-align: right;
		padding-right: 30px;
		font-size: 16px;
	}

	header.top .donate-bar .btn-primary{
		margin-left: 15px;
		padding: 8px 20px;
		font-size: 16px;
	}

	.navbar-default .navbar-offcanvas {
		width: auto;
		background: #fff;
	}
	
	.navbar > .container .navbar-brand {
		width: 165px;
		height: 80px;
		position: relative;
		background-position: left center;
		background-size: contain;
		margin-top: 0px;
	}
	
	.navbar-default .navbar-nav > li {
		padding: 15px 3px 0px;
		margin-bottom: 0px;
	}
	
	
	/*
	.navbar-default .navbar-nav li{
		margin-bottom: 15px;
	}
	*/
	.navbar-default .navbar-nav > li > a {
		padding: 12px 3px 25px;
		border-bottom: 8px solid #fff;
		text-decoration: none;
		font-size: 14px;
		font-weight: bold;
		color: #00558b;
		transition: all 0.3s ease-in-out;
		border-bottom: 1px solid #fff;
	}
	
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-nav > li.active > a,
	.navbar-default .navbar-nav > li.active > a:hover,
	.navbar-default .navbar-nav > li.active > a:focus,
	.navbar-default .navbar-nav > li.current-page-parent > a,
	body.single-post .navbar-default .navbar-nav > li.menu-item-696 > a,
	body.single-success-story .navbar-default .navbar-nav > li.menu-item-696 > a,
	body.events-list .navbar-default .navbar-nav > li.menu-item-696 > a,
	body.single-tribe_events .navbar-default .navbar-nav > li.menu-item-696 > a,
	body.single-sponsors .navbar-default .navbar-nav > li.menu-item-656 > a{
		color: #be8802;
		background-color: #fff;
		border-bottom: 8px solid #be8802;
	}
	
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li.active > a:hover{
		padding-top: 15px;
		padding-bottom:  22px;
	}

	.logo-lg {
		background: url(images/logo.jpg) no-repeat left center;
		position: absolute;
		width: 330px;
		height: 80px;
		left: 30px;
		text-indent: -9999px;
		visibility: hidden;
		transform-origin: 0px 0px;
		-webkit-transform-origin: 0px 0px;
		-ms-transform-origin: 0px 0px;
	}
	
	
	
	.navbar-collapse.collapse.contact-responsive-collapse,
	div.navbar-collapse.contact-responsive-collapse.in.contact-responsive-collapse {
		display: none !important;
	}
	


	.sub-menu-container{
		display: none;
		position: absolute;
		top: 80px;
		z-index: 10000;
		background: rgba(255,255,255,0.9);
		border: 1px solid #ccc;
		border-top: 2px solid #898989;
		width: 490px;
		left: 0px;
		padding-top: 20px;
	}
	
	.menu-item-677 .sub-menu-container{
		left: -110px;
	}
	
	
	.menu-item-656 .sub-menu-container{
		left: -202px;
	}
	
	
	.menu-item-663 .sub-menu-container{
		left: -257px;
	}
	
	
	.menu-item-670 .sub-menu-container{
		left: -402px;
	}

	.navbar.navbar-default .search {
		position: absolute;
		padding: 0px;
		right: 0px;
		top: 20px;
		background-color: #fff;
		margin: 0px;
		left: auto;
		width: 41px;
		height: 50px;
		overflow: hidden;
		z-index: 1000;
		transition: all 0.25s ease-out;
	}
	
	.navbar.navbar-default .search:hover{
		width: 250px;
		-webkit-box-shadow: -16px 2px 20px #fff;
		box-shadow: -16px 2px 20px #fff;
	}
	
	.navbar.navbar-default .search form{
		float: right;
	}
	
	.navbar.navbar-default .search .btn-search{
		background: #fff;
		padding: 6px 10px;
		color: #00558b;
		border-left: 1px solid #00558b;
		font-size: 15px;
	}
	
	.navbar.navbar-default .search .form-control{
		border-color: #00558b;
		outline: 0;
		-webkit-box-shadow: inset 0px 0px 9px rgba(0, 0, 0, 0.075);
		box-shadow: inset 0px 0px 9px rgba(0, 0, 0, 0.075);
	}
	
	.navbar.navbar-default .search .form-control:focus {
		-webkit-box-shadow: inset 0px 0px 9px rgba(0, 0, 0, 0.075), 0px 0px 8px rgba(102, 175, 233, 0.6);
		box-shadow: inset 0px 0px 9px rgba(0, 0, 0, 0.075), 0px 0px 8px rgba(102, 175, 233, 0.6);
	}
	
	ul.sub-menu li{
		margin-bottom: 10px;
	}
	
	.navbar-default .navbar-nav ul.sub-menu li a{ 	/* be specific to override other styles */
		color: #00558b;
	}
	
	.navbar-default .navbar-nav ul.sub-menu li a:hover{ 	/* be specific to override other styles */
		color: #be8802;
	}
	
	.navbar-default .navbar-nav li a {
		padding-top: 13px;
	}

	.navbar .callout{
		display: block;
		width: 210px;
		float: right;
		margin: 0px 20px 30px;
	}
	
	.main-content .callout.post{
		/*height: 490px;*/
	}
	
	
	#page-wrapper{
		padding: 230px 0 100px;
		background-size: 160%;
		/*width: 750px;*/
		margin: 0px auto;
	}
	
	body.home #page-wrapper {
		padding: 160px 0 100px;
	}

	
	section.white,
	section.blue-house,
	section.brown-solid,
	section.brown-texture{
		padding: 90px 0px;
	}
	
	section.post_content{
		background: #fff;
		/*padding-top: 92px;*/
	}
	
	section#home-faqs,
	section#restore-posts,
	section#give-resources-and-faqs,
	section#homes-resources-and-tools,
	section#give-sponsors{
		padding: 90px 0px 0px;
	}
	
	section#programs,
	section#homes-blueman-intro,
	section#dropbox-assets{
		padding: 0px 0px 90px;
	}

	.callout.post .img-container{
		max-height: 128px;
	}
	section#blog-posts .img-container{
		/* we want a 4:3 ratio. width is 220px in layout */
		height: 165px;
	}	

	section#success-story .img-container{
		/* 4:3 ratio */
		max-height: 260px;
	}

	.page-header {
		background-size: auto;
		height: 150px;
		border-bottom: 0px;
		text-align: center;
		padding-top: 50px;
		margin-top: 0px;
		margin-bottom: 90px;
	}
	/* blog page */
	.blog-categories.btn-group{
		left: 600px;
		transition: left 0.5s ease-in-out;
		margin-bottom: 15px;
	}
	
	.btn-group-sm > .btn {
		padding: 5px 4px;
		font-size: 11px;
	}
	
	.btn.btn-action {
		padding: 10px 32px;
	}
	
	.blog-categories.btn-group.open{
		left: 0px;
	}
	
	.blog-categories.btn-group h3{
		margin-right: 15px;
		float: left;
	}
	
	.blog-categories.btn-group h3 a{
		text-decoration: none;
	}
	
	.blog-categories.btn-group h3 a span.fa{
		display: inline-block;	
	}
	
	.blog-categories.btn-group h3 a span.fa-caret-left{
		margin-right: 3px;
	}
	
	section.blue-house {
		background: #005189 url("images/bg_bluehouse_2.jpg") center top no-repeat;
		background-size: 100% 100%;
	}
	
	section .img-container{
		/*height: 210px;*/
	}
	
	section.brown-texture {
		background: #EFE8E3 url("images/bg_callout_blog.png") left top;
	}

	#staff-contacts p{
		width: 50%;
		float: left;
		margin-bottom: 30px;
	}
	

	section#instagram li.il-item {
		width: 25%;
		padding: 0px 20px;
	}
	

	.footer-links {
		border-top: none;
		border-bottom: none;
		padding: 0;
		margin: 0;
	}
	
	#sidebar1 a.btn, button.btn,
	#sidebar1 .tribe-events-widget-link a {
		font-size: 11px;
	}
	
	.main-content input#search,
	.main-content .btn-search{
		height: 40px;
		font-size: 15px;
	}
	
	
	
	
	body.home .page-header{
		z-index: 1000;
		margin-bottom: 0px;
		height: 75px;
		display: block;
		background: url("images/torn-edge-narrow.png") center top no-repeat;
	}

	
	body.home .main-content{
		margin-top: -30px;
		padding-top: 50px;
	}
	
	body.home #home_site-sections{
		padding: 45px 0px 90px;
	}
	
	body.home #home_site-sections .callout{
		height: 301px;
	}

	body.home section#home_what-we-do .post_content{
		padding: 0px 60px;
	}
	
	body.home section#home_what-we-do .post_content .img-container{
		max-height: 190px;
		margin-bottom: 20px;
	}
	
	body.home section#events .row {
		display: flex;
		justify-content: center;
		text-align: center;
	}
}



/*

         ___   ___   ___  
   ____ / _ \ / _ \ / _ \ 
  / __ \ (_) | (_) | | | |
 / / _` \__, |\__, | | | |
| | (_| | / /   / /| |_| |
 \ \__,_|/_/   /_/  \___/ 
  \____/
  
*/


@media (min-width: 992px) {
	
	body{
		font-size: 16px;
		line-height: 27px;
	}

	h1{
		font-size: 38px;
	}
	
	h2{
		font-size: 28px;
	}
	
	h3{
		font-size: 22px;
	}
	
	h4{
		font-size: 18px;
	}
	
	header.top .donate-bar{
		padding-right: 40px;
	}
	
	.navbar-default .navbar-nav > li{
		padding: 15px 9px 0px;
	}
	
	.navbar-default .navbar-nav > li > a {
		padding: 12px 10px 25px;
		font-size: 16px;
	}
	
	.sub-menu-container{
		width: 580px;
	}
	
	.menu-item-677 .sub-menu-container{
		left: -133px;
	}
	
	
	.menu-item-656 .sub-menu-container{
		left: -244px;
	}
	
	
	.menu-item-663 .sub-menu-container{
		left: -316px;
	}
	
	
	.menu-item-670 .sub-menu-container{
		left: -479px;
	}
	
	.navbar .callout{
		width: 250px;
	}
	

	a.btn,
	button.btn,
	.tribe-events-widget-link a{
		font-size: 16px;
	}

	a.btn:after {
		margin-left: 10px;
	}
	
	a.btn:hover:after {
		margin-left: 14px;
	}
	
	#page-wrapper{
		/*width: 970px;*/
		background-size: 120%;
	}
	
	
	.main-content .callout.post{
		/*height: 600px;*/
	}

	.blog-categories.btn-group{
		left: 820px;
	}
	
	.post_content .img-container{
		/*height: 180px;*/
	}
	
	.btn-group-sm > .btn {
		padding: 5px 10px;
		font-size: 12px;
	}
	
	#sidebar1 a.btn, button.btn,
	#sidebar1 .tribe-events-widget-link a {
		font-size: 16px;
	}

	.callout.post .img-container{
		max-height: 182px;
	}
	section#blog-posts .img-container{
		/* we want a 4:3 ratio. width is 293px in layout */
		height: 220px;
	}

	section#success-story .img-container{
		/* 4:3 ratio */
		max-height: 340px;
	}

	
	body.home #page-wrapper{
		background-size: 125%;
	}
	
	body.home #home_site-sections .callout{
		height: 283px;
	}
	
	body.home section#home_what-we-do .post_content .img-container{
		max-height: 270px;
	}
}


/*
        __ ___   ___   ___  
   ____/_ |__ \ / _ \ / _ \ 
  / __ \| |  ) | | | | | | |
 / / _` | | / /| | | | | | |
| | (_| | |/ /_| |_| | |_| |
 \ \__,_|_|____|\___/ \___/ 
  \____/  

*/

@media (min-width: 1200px) {
	
	#page-wrapper{
		/*width: 1170px;*/
		background-size: 100%;
	}
	
	.main-content .callout.post{
		/*height: 570px;*/
	}

	
	.blog-categories.btn-group{
		left: 1021px;
	}
	
	section#instagram{
		background-size: 100% 100%;
	}
	
	.callout.post .img-container{
		max-height: 232px;
	}
	section#blog-posts .img-container{
		/* we want a 4:3 ratio. width is 360px in layout */
		height: 270px;
	}

	section#success-story .img-container{
		/* 4:3 ratio */
		max-height: 416px;
	}
	
	body.home section#home_what-we-do .post_content .img-container{
		max-height: 300px;
	}
}

@media (min-width: 1600px) {
	#page-wrapper{
		padding-top: 310px;
	}
}