/*
Theme Name: BABUF - Bay Area Black United Fund
Theme URI:  http://themeforest.net/user/DanyDuchaine/portfolio
Version: 2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: MissionWP24
Text Domain: fit
*/


@import url("../MissionWP24/style.css");
body.login #login h1 a {
    background: url("/wp-content/uploads/2014/12/login-logo.png") no-repeat scroll center top transparent !important;
}
body{padding-top: 130px !important;}

/*Layout*/
.home_column{ width: 60% !important; float: left !important;}
.home_sidebar{width: 30% !important; float: right !important; margin-top: 0 !important;}
.sidebar{margin-top: 30px !important;}

/*Header*/
#topbar{ height: 144px !important;}
#logo{ margin: 16px 0 0 0;}
a.donateBtn, .donate {
    background: none repeat scroll 0% 0% #d27341;
    color: #FFF;
}
.mainNav{border-top: solid 1px #999 !important;}
.sub-menu  a:hover{
    color: #FFF;
	background-color: #ef7800;
}
/*Carosel*/
.carouselWrapper {display: none !important; }


.flex-caption h1 {
    margin: 50px 0 0 0 !important;
    font-size: 36px !important;
}

/*Icons*/
.top-icon .aio-icon-header h3.aio-icon-title {
    margin: 10px 0px 15px !important;
}
.textwidget h3.aio-icon-title{ border: none !important; font-size: 15px !important; text-transform: none !important;}
.textwidget a:hover h3.aio-icon-title{ color: #d27341 !important;}

/*Widget & Sidebar*/
h1, h2, h3, h4, h5, h6{font-family: "Open Sans","Helvetica Neue",Helvetica,sans-serif !important;}
.widget h3 {
    font: 600 18px "Open Sans","Helvetica Neue",Helvetica,sans-serif !important;
    color: #404040;
    border-bottom: 2px solid #E3E3E3;
    padding-bottom: 9px;
    margin: 0px 0px 25px;
	text-transform: uppercase;
}

#youtube-sidebar-widget ul {margin: 10px 0 !important;}
#youtube-sidebar-widget ul li{list-style: none !important;}
#youtube-sidebar-widget img{margin: 0 0 15px 0 !important;}

.sidebar_program{margin: 0 0 20px 0; display: block; height: 50px;}
.sidebar_program a{display: block; height: 50px; text-decoration: none;}
.sidebar_program a:hover p{ color: #d27341 !important; text-decoration: underline;}
.sidebar_program img{ width: 50px; height: 50px; float: left; margin: 0 15px 0 0;}
.sidebar_program p{font-size: 16px; line-height: 18px !important; padding: 5px 0 0 0;}

.dd_news h1, .dd_news_post h1 {
    font-size: 34px !important;
	line-height: 40px !important;
}
.widget_twitter ul{margin-left: 0 !important;}
.poweredby{display: none !important;}
/*RSS Feed*/
.news-contents .news{margin: 0 0 20px 0 !important;}
.rssmi_title_class{font-size: 16px; font-weight: bold;}
.textwidget ul.rss-aggregator{ margin-left: 0 !important; padding-left: 0 !important;}


/*Footer*/
footer { background-color: #111111;}
footer .one-third {
    border-top: none !important;
	color: #fff !important;
}
footer a{display: block;}

.smallFooter{display: none !important;}
.clear {
    clear:both;
	margin: 0;
	padding: 0;
    height:0;
    font-size: 1px;
    line-height: 0px;
} 

.mobile{ display: none !important;}

/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
	.flex-caption h1 {
    margin: 30px 0 0 50px !important;
    font-size: 30px !important;
}	

.home_column{ width: 60% !important; float: left !important;}
.home_sidebar{width: 30% !important; float: right !important; margin: 0 30px 0 0 !important;}
.mobile{ display: none !important;}
	}
	
	/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
	.home_column{ width: 100% !important; float: none !important;}
.home_sidebar{width: 100% !important; float: none !important; margin: 80px 0 0 0 !important;}
.mobile{ display: block !important;}
	}
	
	/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
		.mobile{ display: block !important;}
	}