/*
Theme Name: David Bohnett Foundation bizwrap
Theme URI: 
Description: A simple responsive theme based on the Bootstrap framework. Includes multiple page templates, two different sidebars and a theme options panel.
Version: 1.0
Author: Webschool
Author URI: 
Template: bizwrap
Tags: black, green, white, light, dark,one-column, two-columns, full-width-template,left-sidebar, right-sidebar, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
*/

/* slider style overrides */

/* Table of Contents
1) Master Typography
2) Layout
*/


/* 1) Master Typography ======================================================================================= */
/* Raleway Font
Thin 100
Extra-Light 200
Light 300
Normal 400
Medium 500
Semi-Bold 600
Bold 700
Extra-Bold 800
Ultra-Bold 900
*/
@font-face {
    font-family: 'raleway';
    src: url('/font/raleway-lightitalic-webfont.eot');
    src: url('/font/raleway-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/raleway-lightitalic-webfont.woff2') format('woff2'),
         url('/font/raleway-lightitalic-webfont.woff') format('woff'),
         url('/font/raleway-lightitalic-webfont.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;

}

@font-face {
    font-family: 'raleway';
    src: url('/font/raleway-medium-webfont.eot');
    src: url('/font/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/raleway-medium-webfont.woff2') format('woff2'),
         url('/font/raleway-medium-webfont.woff') format('woff'),
         url('/font/raleway-medium-webfont.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;

}

@font-face {
    font-family: 'raleway';
    src: url('/font/raleway-light-webfont.eot');
    src: url('/font/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/raleway-light-webfont.woff2') format('woff2'),
         url('/font/raleway-light-webfont.woff') format('woff'),
         url('/font/raleway-light-webfont.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;

}

@font-face {
    font-family: 'raleway';
    src: url('/font/raleway-bold-webfont.eot');
    src: url('/font/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/raleway-bold-webfont.woff2') format('woff2'),
         url('/font/raleway-bold-webfont.woff') format('woff'),
         url('/font/raleway-bold-webfont.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;

}
/*
colors:
#b48500 - Hyperlinked Headlines
#F04036 - Bohnett Red
#e8d59c - Beige Buttons
#7a7a7a - Grey Body Type
#1a1a1a - Off Black Heads

*/

/* Basic Styles
================================================== */
body{ 
    font-family: 'raleway', sans-serif !important;
    background: #fff;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;	
    cursor:default;
    font-size: 18px;
    line-height: 1.8em;
    font-weight: 300;
    color:#333;
}

a {
    text-decoration: none;
    color:#b48500;
}
a:hover{
    text-decoration: none;
	color: #f04036;
}
a.hover-color{
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in; 
}
a.hover-color:hover{
    color:#F04036 !important;
}

/* Enable custom submit button styling in Safari mobile */
input[type='submit']
{
    -webkit-appearance: none; 
}

::-moz-selection {
    color: #fff;
    text-shadow:none;
    background-color: #e8d59c;
}

::selection {
    color: #fff;
    text-shadow:none;
    background-color: #e8d59c;
}

/* Typography
================================================== */

p {
font-size: 1em; line-height: 1.8em;
}


h1, h2, h3, h4, h5, h6 {
    margin-top: 0; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 46px; line-height: 50px; margin-bottom: 20px;}
h2 { font-size: 1.3em; margin-bottom: .75em; text-transform: uppercase; }
h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
h5 { font-size: 17px; line-height: 24px; }
h6 { font-size: 14px; line-height: 21px; }

em { font-style: italic; }
strong { font-weight: 700; }
small { font-size: 80%; }
h3.subtitle{
    font-weight: 700;
    font-size: 1em;
    color:#b3b3b3;
    font-family: Raleway, 'Helvetica Neue', Helvetica, sans-serif;
    font-style: italic;
}
h4.heading-mini{
    font-weight: 700;
    font-size: 1.5em;
    color:#1a1a1a;
    margin-bottom: 30px;
    text-transform: uppercase;
}
h3.heading-sec{
    font-weight: 700;
    display: block;
    margin-bottom: 25px;
    color:#000;
    font-size: 23px;
}
h3.heading-sec:first-letter{
    border-bottom: 0px;
}

.header-main{
    width:100%;
}


/* End Master Typography ======================================================================================= */
/* ============================================================================================================= */


/****************navbar override*********************************************/
.navbar-default {
    background-color: #fff;
    border-color: #eeeeee;
    -webkit-box-shadow: 0 5px 6px -6px #ccc;
    -moz-box-shadow: 0 5px 6px -6px #ccc;
    box-shadow: 0 5px 6px -6px #ccc;
}
.navbar{
    border-radius: 0;
    margin-bottom: 0px;
}
.navbar-brand{
    color:#555 !important;
    font-weight: 700;
    font-size: 25px;
    text-transform: uppercase;
    height: auto;
    padding-top: 0;
}

.navbar-header { min-height: 74px; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #F04036;
    background-color: #fff;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    background-color: #fff;
    color: #F04036;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #F04036;
    background-color: transparent;
}
.navbar-default .navbar-nav>li>a {
    color: #000;
    font-size: 13px;
    font-weight: 700;
}

/*============================*/
/*======dropdowm menu=========*/
/*============================*/
.navbar .dropdown-menu {
    padding: 0;
    margin: 0;
    min-width: 190px;
    background-color: #fff;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;

    border-top: 2px solid #F04036; !important;
}
.navbar .dropdown-menu li a{
    color:#444;
    padding: 9px 20px;
    border-bottom: 1px solid #e7e7e7;
    font-weight: 400;
    font-size: 14px;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}
.navbar .dropdown-menu li:last-child a{
    border-bottom: none;
}
.navbar .dropdown-menu li a:hover{
    background: #F04036;;
    color:#fff;
}

/****************breadcrumbs override*********************************************/
h3.page-tree-text{
    text-align: center;
    font-family: Raleway, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: 300;
    font-style: normal;
    color:#fff;
    margin:0px;
}

/***********************bootstrap pagination override***************************/
.pagination li a{
    color:#999;
}
.pagination li a:hover{
    color:#fff;
    background-color: #F04036;
    border-color: #F04036;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    background-color: #F04036;
    border-color: #F04036;
    cursor: default;
}

/*============================*/
/*======dropdowm menu=========*/
/*============================*/
.navbar .dropdown-menu {
    padding: 0;
    margin: 0;
    min-width: 190px;
    background-color: #fff;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;

    border-top: 2px solid #F04036 !important;
}
.navbar .dropdown-menu li a{
    color:#444;
    padding: 9px 20px;
    border-bottom: 1px solid #e7e7e7;
    font-weight: 300;
    font-size: 14px;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}
.navbar .dropdown-menu li:last-child a{
    border-bottom: none;
}
.navbar .dropdown-menu li a:hover{
    background: #F04036;
    color:#fff;
}



.slider-overlay{background: rgba(99,0,0,.4); height: 400px; background-repeat: repeat; position: absolute; top: 20%;
    left: 0; bottom: 20%; right: 70%; }

/*flex slider*/
.slider-reg{ width:100%; }

.main-flex-slider{ position: relative; }

.main-flex-slider .flex-control-nav {
    bottom: 30px; margin: 0; height: 14px; z-index: 10;
}
.main-flex-slider .flex-control-paging li a{
    background-color: #fff !important;
}
.main-flex-slider .flex-control-paging li a.flex-active{
    background-color: #F04036 !important;
}

.slider-overlay{
	background: rgba(99,0,0,.0);
}

.slider-text{
    text-align: left;
}

.slider-text h1{
    color:#fff;
    margin-top: 50px;
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 5px;
    margin-left: 100px;
    text-transform: none;
    text-align: left;
}



.slider-text p{ color:#fff; font-family: Raleway, sans-serif; font-style: italic;
    font-size: 20px;
}

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

.navbar-brand {}

.navbar-brand * img { }

.page-tree-bg {
background: url('/wp-content/uploads/2015/02/tree_header_02.jpg') top center scroll; background-repeat: repeat-x; background-color: #ca1311; background-size: 100% 100%;
}

h3.page-tree-text {
    font-style: normal; font-family: Raleway, sans-serif;
	
	
}

.blog-post-header h2 {text-transform: capitalize; margin-bottom: 6px; padding-bottom: 0; }


/* homepage program touts */
.portfolio-post-title { text-transform: uppercase; font-size: 1.1em; }
.portfolio-desc p {font-size: .8em; margin-left: 15%; margin-right: 15%; line-height: 1.2em; min-height: 50px; }

/* buttons */
.theme-btn-default { border: 1px solid #cccccc; font-size: .7em; text-align: center; 
text-transform: uppercase; background-color: #e8d69d; color: #ffffff;  }
.theme-btn-default:hover { border: 1px solid #a0a0a0; background-color: #a13624; }

.heading-sec { text-transform: uppercase; }

.news-sec { background: #f8edd6;}

h3.widgettitle { font-size: 1em; font-weight: 700; color: #8c8777; }
h3.widgettitle:first-letter { border-bottom: 0px; }

.blog-post-section { border-bottom: 1px solid #eeeeee; }

#footer { background-color: #f8f3e6; }