/*
Theme Name: Barrett Foundation, Inc
Theme URI: 
Description: Custom Design
Version: 1.0
Author: ProjectBox Media
Author URI: http://projectboxmedia.com/
Tags: custom

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* Possible to Remove */
ul.social-links { float: left; width: 100%; margin: 0; padding: 0; text-align: left;}
.social-links a {width: 30px; height:20px; display: block; float: left; color: #29736b; text-align: center; margin: 0 10px 10px 0; padding: 10px 2px 2px 2px; /* border: 2px solid #7f7f7f; -moz-border-radius: 99px; -webkit-border-radius: 99px; border-radius: 99px; */}
.social-links a:hover { color: white;}
a.btn {padding:5px 10px 5px 25px; border: 1px solid #89898d; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #7b999a; background-image: url(images/boxed-caret.png); background-repeat: no-repeat; background-position: 5px 8px; color:white;}
a.btn:hover {background-color:#d8b85a }
/* End Possible to Remove */


body { font-family: Open Sans, sans-serif; font-weight: normal; font-size: 18px; color: #646464; margin:0; padding:0; background-color: #494949; }
h1 { font-weight: bold; font-size: 30px; font-family: Open Sans Condensed, sans-serif; color: #960c2d; padding: 10px 0 10px 0; margin: 0; }
h2 { font-family: Open Sans Condensed, sans-serif; font-weight: bold; color: #960c2d; margin:30px 0 0 0; padding:0; }
h3 { font-family: Open Sans Condensed, sans-serif; color: black; margin:20px 0 0 0; padding:10px 0 0 0; border-top: 1px solid #a9bebf; }
.section {width: 1000px; margin: auto;}
.content {}
p {margin: 0 0 20px 0;} 
#page { float:left; width: 100%; background-color: white; background-image: url(images/bg-page.png); background-repeat: repeat-x; padding: 20px 0 0 0; }
.row { width: 1000px; float: left; }
.page-top {border-top: 20px solid #a9bebf; }
.column-2 { width: 320px; float: left; margin: 15px 5px 5px 0;  }
.column-3 { width: 350px; float: left; margin: 10px 0 0 0; }
.column-4 { width: 350px; float: left; margin: 0;  }
.column-5 { width: 350px; float: left; margin: 0;  }
.column-6 { width: 350px; float: left; margin: 0;  }
.column-7 { width: 350px; float: left; margin: 0; }
.column-8 { width: 350px; float: left; margin: 0; }
.column-9 { width: 645px; float: left; margin: 0 30px 0 0; }
.column-10 { width: 350px; float: left; margin: 0; }
.column-11 { width: 350px; float: left; margin: 0; }
.column-12 { width: 100%; float: left; }
.textwidget p {margin: 0 0 10px 0; padding: 0; line-height: 20px;} 
#header {	float:left; width: 100%; /* height: 209px;  */background-image: url(images/bg-header.png); /* background-repeat: repeat-x;  */}
#headercontent { text-align: left; margin: 20px 20px 0 0; float: right; width: 70%; }
#headercontent strong {font-size: 18px;}
#headercontent .textwidget {float: right;}
#headercontent span {color: #cba245; padding: 0 30px 0 0;}

.nav-contact, .nav-youtube, .nav-donate, .nav-newsletter, .nav-newsroom {width: 80px; /* float: left; */ height: 68px; text-indent: -9999px;}
.nav-contact {background: url(images/top-nav.png) 0px 0px; }
.nav-youtube {background: url(images/top-nav.png) -80px 0px; }
.nav-donate {background: url(images/top-nav.png) -160px 0px; }
.nav-newsletter {background: url(images/top-nav.png) -240px 0px; }
.nav-newsroom {background: url(images/top-nav.png) -320px 0px; }

hr { height: 1px; width: 100%; background: #333333; border: 1px; color: #333333; }

#footer {width: 100%; float: left; padding: 40px 0 40px 0; margin: 10px 0 0 0; color: #b2b2b2;}
#footer .textwidget { float: left;}
.footercol {width: 75%; float: left; }
#copyright {float: left; color: #8d8d8d; font-size: 13px;}
#designby {float: left; color: #b2b2b2; margin: 6px 0 0 0; font-size: 13px;}
#designby a {color: #b2b2b2; text-decoration: none; margin: 0 0 0 20px;}
#companylogo { margin: 10px 0 10px 20px; float: left; }
#companylogo p { margin:0; padding:0; }

.entry a {color: #931332;}
.entry a:hover {color: black;}

/*Main Nav Settings*/
.navigation {width: 100%; float:left;}
.nav-section { background-color: white; float: left; width: 100%; }
#navcontainer {float: left; width:1090px; padding: 10px 0 10px 0; }
/* #navhome {float: left; background: url(images/nav-home.png) no-repeat; width: 20px; height: 20px; margin: 15px 0 0 30px; cursor: pointer;} */
#nav {margin: 10px 0 0 0; }
#nav ul { list-style-type: none; margin: 0; padding:0; /* text-align: center; */}
#nav li { margin: 0; padding: 0px; display: inline-block; }
#nav a { font-size: 20px; display: block; font-family: Open Sans Condensed, sans-serif; font-weight: bold;  color: black; text-decoration: none; padding: 0px 15px 0px 15px; margin: 0 0 10px 0; }
#nav a:hover { color: #971836; display: block;  }
#nav ul ul li a { font-size: 18px; color: black; display: block; height: 20px; padding: 10px 20px 5px 10px; margin: 0 0 0 10px; text-align: left}
#nav ul ul li a:hover { color: #971836;}
#nav .children .children, #nav .sub-menu .sub-menu { margin-left: 12px; }
#nav ul ul { display: none; position: absolute; width: 95px; z-index: 9999; }
#nav ul ul li { margin: 0; background: white; height:40px; border-right:1px solid #777777; border-bottom:1px solid #777777; border-left:1px solid #777777;padding: 0 0 5px 0;  }
#nav ul ul ul li {background: white; }
#nav ul ul ul ul li {background: white; }
#nav ul ul ul { left: 180px; top: -30px; position: relative; border-top:1px solid #777777; }
#nav ul ul a { display: block; width: 250px; border-right:0px; }
#nav ul li:hover > ul { display: block; }

#secondary-nav { width: 100%; float: left;  margin: 20px 0 20px 0;}
#secondary-nav ul { list-style-type: none; margin: 0; padding:0; float: right;}
#secondary-nav li { margin: 0 0 10px 0; padding: 0px; display: inline-block; }
#secondary-nav a { display: block; text-indent: -9999; margin: 0 0 10px 0; width: 80px; height: 68px; }
#secondary-nav a:hover { display: block;  }


.menu-footer-menu-container ul { list-style-type: none; margin: 0; padding:0; float: left; }
.menu-footer-menu-container li { margin: 0; padding: 0; display: block; float: left; }
.menu-footer-menu-container a { display: block; font-family: Open Sans, sans-serif; font-size: 13px; margin: 0 20px 0 0; color: white; text-decoration: none; }
.menu-footer-menu-container a:hover { color: #971836; display: block;  }

/* Sidebar */
.donate-sidebar {width: 265px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; background-color: #931433; font-family: 'Yanone Kaffeesatz', sans-serif; font-style: normal; letter-spacing: 0.4pt; text-align: center; padding: 60px 30px 30px 30px; color: white; background-image: url(images/bg-donate-sidebar.png); background-position: center 20px; background-repeat: no-repeat;}
.donate-sidebar a {
	background-color: white; 
	color: #8b1c36; 
	display: block; 
	text-decoration: none; 
	padding: 5px 0 5px 0; 
	font-family: Open Sans Condensed, sans-serif; 
	font-weight: bold; 
	font-size: 30px; 
	background-image: url(images/arrow.png); 
	background-repeat: no-repeat; 
	background-position: 180px center;
	margin: 10px 0 0 0;
}
.donate-sidebar a:hover {background-color: #eb97ac; }
.sidebar-content {margin: 0 0 15px 0; float: left;}

/* Home Page Settings */
.page-home h1 {display: none;}
.intro {font-family: Open Sans Condensed, sans-serif; font-weight: bold; }

/* Mobile Nav */
nav:not(.mm-menu)
{
	display: none;
}
#mobile-nav {display: none;}
#mobile-nav a {color: #595959; font-size: 1.25em; padding: 18px 0 15px 0; margin: 0 0 0 20px; font-weight: 800; text-decoration: none; display: block}
#nav a.close {margin: 20px 0 0 0; float: left; display: block; padding: 10px 0 10px 20px; color: white; background: #ea852d; width: 214px;}
#nav a.close:hover {background: #7f7f7f}



/*Global Settings*/

/*
#searchcontainer { width:200px; color: #838888;	position: absolute;	z-index: 1000;	outline:none; margin: 150px 0 0 740px;	display:none; }
#searchcontainer #s { width:170px; }
#searchcontainer input { font: normal 12px/11px  arial, verdana, microsoft sans-serif, sans-serif;	color: #838888;	border:0;	background: none;	outline:0; }
#searchsubmit { font: normal 12px/11px  arial, verdana, microsoft sans-serif, sans-serif;	color:white;	background:black;	border:0;	padding:3px; }
#formSubmit {	width:132px; height:27px;	background:url(images/btnSubmit.png); }
#formSubmit input {	font: bold 12px/12px Trebuchet MS, Arial, Helvetica, sans-serif; color: #5f5f5f; padding:5px 0 0 30px; border:0; background:none;	text-transform:lowercase; }
#contactForm { width:200px; }
.wpcf7-form p {	text-align:left; margin:0; }
#photoGallery { background:#e7e2cd; padding:20px 0 20px 0; }
#sidebarTwo li { padding:0;	margin:0;	list-style:none; }
#sidebar { margin:30px 0 0 20px; }
#sidebar h2 { margin: 5px 0 0; padding: 0; font-family: 'Lucida Grande', Verdana, Sans-Serif; font-size: 1.2em;	}
#sidebar ul ul li, #sidebar ul ol li { color: #777; }
#sidebar ul ul li:before {}
#sidebar ul, #sidebar ul ol {	margin: 0; padding: 0; }
#sidebar ul li {	list-style-type: none;	list-style-image: none;	margin-bottom: 15px; }
#sidebar ul p, #sidebar ul select { margin: 5px 0 8px 0; }
#sidebar ul ul, #sidebar ul ol {	margin: 5px 0 0 0px; }
#sidebar ul ul ul, #sidebar ul ol {	margin: 0 0 0 10px; }
ol li, #sidebar ul ol li { list-style: decimal outside; }
#sidebar ul ul li, #sidebar ul ol li { margin: 3px 0 0;	padding: 0; }
#sidebar #searchform #s { width: 128px;	padding: 2px; }
#sidebar #searchsubmit { padding: 5px;	background: #73bbcf; }
*/

/*Blog Settings*/
/*
.blogpost {margin: 0 0 40px 0; border-bottom: 1px solid #9e9fa0; }
#postcontent {float: left; border-bottom: 1px solid #286752; margin: 0 0 20px 0;}
#postentry {float: right; width: 600px; }
#calendarpost {border: 1px solid black; width: 50px; height: 50px; float: left; margin: 0 20px 20px 0;}
#calendarmonth {font: normal 10px/12px Brawler, Georgia, Times, serif;  color: white; background: black; padding: 4px 2px 4px 2px; text-align: center;}
#calendarday {font: bold 20px/22px Brawler, Georgia, Times, serif; color: black; text-align: center; padding: 5px 0 0 0; }
*/


/* Begin Images */
img.centered {	display: block;	margin-left: auto;	margin-right: auto; }
img.alignright {	padding: 4px;	margin: 0 0 2px 7px; display: inline;	}
img.alignleft {padding: 4px;	margin: 0 7px 2px 0; display: inline; 	}
.alignright {float: right;}
.alignleft {	float: left;	}
/* End Images */

.entry form { text-align:center;	}
select {	width: 130px;}
#commentform input {	width: 170px;	padding: 2px;	margin: 5px 5px 1px 0;	}
#commentform {	margin: 5px 10px 0 0;	}
#commentform textarea { width: 100%;	padding: 2px;	}
#respond:after {	content: ".";     display: block;   height: 0;  clear: both;  visibility: hidden;	}
#commentform #submit {margin: 0 0 5px auto;float: right;	}
/* End Form Elements */

/* Begin Comments*/
.alt {	margin: 0; padding: 10px;	}
.commentlist {	padding: 0;	text-align: justify;	}
.commentlist li {	margin: 15px 0 10px;	padding: 5px 5px 10px 10px;	list-style: none; }
.commentlist li ul li { margin-right: -5px; margin-left: 10px; }
.commentlist p {	margin: 10px 5px 10px 0;}
/*.children { padding: 0; }*/
#commentform p {margin: 5px 0;	}
.nocomments {text-align: center; 	margin: 0;	padding: 0;	}
.commentmetadata {margin: 0; display: block;	}
/* End Comments */


/* Captions */
.aligncenter, div.aligncenter {	display: block;	margin-left: auto;	margin-right: auto;}
.wp-caption {border: 1px solid #ddd;	text-align: center;	background-color: #f3f3f3;	padding-top: 4px;	margin: 10px;	-moz-border-radius: 3px; 	-khtml-border-radius: 3px;	-webkit-border-radius: 3px; 	border-radius: 3px; }
.wp-caption img {	margin: 0;	padding: 0;	border: 0 none;}
.wp-caption p.wp-caption-text {	font-size: 11px;	line-height: 17px; 	padding: 0 4px 5px; 	margin: 0;}
/* End captions */


/* Responsive Layout */

@media (max-width: 960px) {
	#maincontainer {	width:100%;}
	.section { width: 100%;}
	.row { width: 100%;}
	.column-9 { width: 60%; margin: 0 10px 0 20px; }
	#navcontainer {float: left; width:100%; padding: 10px 0 10px 0; }
	.footercol {width: 75%; float: left; margin: 0 0 0 10px; }
	.menu-footer-menu-container a {margin: 0 10px 0 0;}
	#nav a { font-size: 20px;  padding: 0px 10px 0px 10px; margin: 0 0 10px 0; }
}
@media (max-width: 767px) {
	.menu-footer-menu-container ul { width: 100%;}
	#secondary-nav { margin: 0px 0 20px 0;}
	#secondary-nav ul {float: none;}
	#companylogo { width:100%; margin: 10px 0 0 0; float: left; text-align: center; }
	#headercontent { text-align: center; float: left; width: 100%; }
	.column-9 { width: 50%; margin: 0 10px 0 20px; }
	.page-home .entry img {width: 100%; height: auto;}
	#footer {padding: 10px 0 40px 0; }
	.footercol {width: 100%; float: left; margin: 0 0 0 10px; }
	.menu-footer-menu-container li {width: 100%;}
	.menu-footer-menu-container a { width:100%; text-align: center; margin: 0 0 10px 0;}
	#copyright {width: 100%; text-align: center;}
	#footer .textwidget { float: none;}
	/* Mobile Nav */
	#navcontainer { display: none}
	.display-mobile-nav {display: inline; background: #310902; width: 100%; float: left;}
	nav:not(.mm-menu)
	{
		display: none;
	}
	
	.mobile-nav
	{
		float: left;
		font-size: 16px;
		font-weight: bold;
		color: #fff;
		line-height: 40px;
	
		-moz-box-sizing: border-box;
		box-sizing: border-box;	
		width: 100%;
		padding: 0 50px;
	}
	
	.mobile-nav a
	{
		background: center center no-repeat transparent;
		background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
	
		display: block;
		width: 40px;
		height: 40px;
		margin: auto;
	}
/* End mobile nav */
}

@media (max-width: 760px) and (min-width: 641px) {

}

@media (max-width: 640px) {
	html {width: 100%; height: 100%; overflow-x: hidden;}
	.column-2 { width: 320px; float: none; margin: auto;  }
	.column-9 { width: 90%; margin: 0 10px 0 20px; }
}

@media (max-width: 320px) {

}