/*
Theme Name: SFH
Theme URI: upwardstech.com
Description: A simple responsive theme based on the Bootstrap framework. Includes multiple page templates, two different sidebars and a theme options panel.
Version: 0.1
Author: upwardstech.com
Author URI: http://upwardstech.com
Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options
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
*/

/* HEADS UP: Everything that you will normally find here can be found in the library/less/wp.less */
body{
    padding: 0px;
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    color: #181818;
    /*background: url("images/bg-main.png") bottom center no-repeat;*/
    /*background-size: cover;*/
}
#wrap-container{
    position: relative;
}
#wrap-container:after{
    content: "";
    background: url("images/bg-main2.png") bottom center no-repeat;
    opacity: 0.1;
    bottom: 0;
    position: absolute;
    z-index: -1;
    height: 520px;
    width: 100%;
}
p, article li, article{
    line-height: 1.5;
    font-size: medium;
}
.wp-caption-text{
    font-size: small;
    text-align: center;
}
.wp-caption.alignright{
    float: right;
}

h1{
    color: #01a7e5;
}
#content{
    min-height: 700px;
}
.page-header{
    margin: 0px;
    border: 0px;
}
#top-menu{
    background: #B3B3B3;
    color: #ffffff;
    display: none;
}
.top-nav{
    float: left;
}
.top-nav li{
    float: left;
}
.top-nav li:last-child a{
    padding-right: 0px;
}
.top-nav li:first-child a{
    padding-left: 0px;
}
.top-nav li a{
    padding: 10px 35px;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
}
.top-nav li.active .sub-menu a, .top-nav li.current-menu-ancestor .sub-menu a, .top-nav li.current-menu-parent .sub-menu a{
    color: #666666;
}

.top-nav li.active a, .top-nav li a:hover, .top-nav li.current-menu-ancestor a, .top-nav li.current-menu-parent a, .top-nav .sub-menu li.current_page_item a, .top-nav li .sub-menu a:hover{
    background: transparent;
    color: #01a7e5;
}
.fb-icon{
    background: url(images/fb-icon2.png) center center no-repeat;
    width: 25px;
    height: 25px;
    margin-top: 5px;
    display: block;
}
.top-nav .sub-menu{
    display: none;
    position: absolute;
    z-index: 999999;
    background: #B3B3B3;
    min-width: 240px;
    list-style: none;
    padding: 20px;
}
.top-nav .sub-menu li{
    padding: 5px 0px;
}
.top-nav li.menu-item-has-children:hover  .sub-menu{
    display: block;
}
.top-nav .sub-menu a:hover{
    text-decoration: none;
}
.navbar-default{
    background: #01a7e5 ;
    border: 0px;
    -moz-box-shadow: 0px 3px 10px 0px #888;
    -webkit-box-shadow: 0px 3px 10px 0px #888;
    box-shadow: 0px 3px 10px 0px #888;
    margin-bottom: 0px;
}
.navbar-nav{}
.navbar-default .navbar-nav>li{}
.navbar-default .navbar-nav>li>a{
    color: #ffffff;
    font-weight: bold;
    font-size: 18px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li.current-menu-ancestor>a{
    background: #B3B3B3;
    /*color: #7fd3f2;*/
    color: #01a7e5;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>li.current-menu-ancestor>a{
    background: #FFFFFF;
    color: #01a7e5;
}
.caret{
    color: #ed008c;
}
.membership{

}
.membership a{
    background: #8dc73f;
    text-transform: uppercase;
    padding: 15px 45px !important;
}
.navbar-nav>li>.dropdown-menu{
    border: 0px;
    box-shadow: none;
    padding: 0px;
    min-width: 200px;
}
.dropdown-menu>li>a{
    color: #01a7e5;
    font-weight: bold;
    padding: 10px 20px;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li.current_page_item>a{
    background: #01a7e5;
    color: #ffffff;
}
.widget{}
.widget h1{
    font-size: 30px;
}
#alert{
    background: #ffffff;
    color: #000000;
    padding: 15px;
    border: 5px solid #ed008c;

}
#alert h1{
    margin-top: 0px;
    color: #000000;
}
.top-alert{
    font-size: medium;
    line-height: 1.4;
    margin-bottom: 10px;
}
.alert-title{
    font-size: 30px;
}
#alert a{
    color: #000000;
    text-decoration: underline;
}
#left-widget{
    padding: 20px;
}
#left-widget h1{
    color: #84c837;
    margin-top: 0px;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 35px;
}
#left-widget h4{
    font-weight: bold;
}
.navbar-brand{
    height: auto;
}
.attribution{
    font-weight: bold;
    color: #343433;
    text-align: center;
    margin-bottom: 0px;
}
#footer{
    padding: 45px 0px;
    -moz-box-shadow: inset 0 7px 15px -7px rgba(0,0,0,0.4);
    -webkit-box-shadow: inset 0 7px 15px -7px rgba(0,0,0,0.4);
    box-shadow: inset 0 7px 15px -7px rgba(0,0,0,0.4);
   /* background: url("images/bg-footer.png") center bottom no-repeat;
    background-size: cover;*/
    position: relative;
    height: 150px;
}
#footer:after{
    content: "";
    background: url("images/bg-footer.png") bottom center no-repeat;
    bottom: 0px;
    position: absolute;
    z-index: -1;
    height: 150px;
    width: 100%;
}
#inner-footer{
    padding: 10px 0px;
    background: rgba(255,255,255,0.5);
    -moz-box-shadow: 0 7px 15px -7px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 7px 15px -7px rgba(0,0,0,0.4);
    box-shadow: 0 7px 15px -7px rgba(0,0,0,0.4);
}
#top-image{
    height: 150px;
}
.img-border{
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0,0,0,0.13);
    padding: 1px;
}
/**/
@media (min-width: 768px){
    body{
        min-width: 900px;
    }
    .container{
        width: 900px;
        position: relative;
    }
    #top-menu{
        display: block;
    }
    .navbar-nav>li>a{
        padding: 10px 10px;
    }
    .navbar-nav{
        float: right;
    }
    .navbar-brand{
        float: right;
        margin-right: 93px;
        margin-top: 8px;
        padding: 0px;
    }
    #logo{
        float: left;
        position: absolute;
        left: -338px;
        background: url("images/bg-navbar.png") center center;
        width: 620px;
        height: 145px;
    }
    .navbar-default{
        height: 68px;
        background: #01a7e5 url("images/bg-nav.png") center center;
        margin-bottom: 0px;
    }
    #content{
        margin-top: 50px;
    }
    .navbar-header{

    }
    .navbar-nav>li>a{
        padding-top: 24px;
        padding-bottom: 24px;
    }
    .membership a{
        padding: 24px 45px !important;
    }
    .home #top-image{
        height: 346px;
    }
    #top-image{
        height: 224px;
        -moz-box-shadow: 0px 0px 20px 0px #888;
        -webkit-box-shadow: 0px 0px 20px 0px #888;
        box-shadow: 0px 0px 20px 0px #888;
    }
}
@media (min-width: 1200px){
    .container{
        width: 900px;
        position: relative;
    }
    body{
        min-width: 900px;
    }

}