/*
Theme Name: Miweba New
Theme URI: http://teamtreehouse.com/wordpress-bootstrap-theme-tutorial
Description: A demo theme built to accompany the Treehouse blog post <a href="http://teamtreehouse.com/wordpress-bootstrap-theme-tutorial">How to Build a WordPress Theme with Bootstrap</a>.
Author: Zac Gordon
Author URI: http://teamtreehouse.com/
Version: 1.0
Tags: responsive, white, bootstrap

License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
License URI: http://creativecommons.org/licenses/by-sa/3.0/

This simple theme was built using the example Bootstrap theme "Basic marketing site" found on the Bootstrap web site http://twitter.github.com/bootstrap/examples/hero.html
*/

@import url('bootstrap/css/bootstrap.css');
@import url('bootstrap/css/bootstrap-responsive.css');
@import url('bootstrap/css/bootstrap-theme.css');

* {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    /*color: black;*/
}

.block {
    display: none;
    padding-top: 250px;
    margin-top: -250px;
    position: relative;
}



.block:target {
    display: block;
}

.branding{

    width: 265px;
    height: auto;
}


#header {
    height: 140px !important;
    padding: 20px 0 0px 0;
    border: none;
    background: #FFFFFF !important;
    margin-bottom: 50px;
}

#branding {
    clear: both;
    height: 80px;
    /*color: black;*/
    text-shadow: none;
}

#primary_nav {
    clear: both;
    border-top: 2px solid #4496D6;
    width: 100%;
    padding-top: 5px;
}

#primary_nav li {
    padding-right: 5px;
}

#primary_nav li a {
    color: #808080;
    text-shadow: none;
    font-size: 1.2em;
    padding: 5px 20px 5px 20px;
}

#primary_nav li a:active {
    background-color: #4496D6;
}

#primary_nav li:first-child {
    margin-left: 38px;
}


.navbar-default {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    z-index: 20;
}

.navbar-default .navbar-nav > .active > a {
    background: none;
    box-shadow: none;
}

.navbar-collapse {
    padding: 0;
}

.navbar-default .nav .active > a,
.navbar-default .nav .active > a:hover,
.navbar-default .nav .active > a:focus,
.navbar-default .nav .current_page_item a,
.navbar-default .nav .current_page_item a:hover,
.navbar-default .nav .current_page_item a:focus,
.navbar-default .nav .current_page_parent a,
.navbar-default .nav .current_page_parent a:hover,
.navbar-default .nav .current_page_parent a:focus {

    background-color: #4496D6;
    color: white !important;
}


#content {
    /*background-color: #F1F1F0;*/
    margin-top: 20px;
    padding: 30px 30px 30px 38px;
    color: black;

}

.h1_float {

    min-width: 400px;
}

.h1_float, .h2_float, .h2, .h2_nb, .h1 {
    font-size: 1.6em;
    color: #4496d6;
    font-style: italic;
    max-width: 500px;
    line-height: 1.5em;
    border: 1px dashed #8ba0b1;
    border-left: none;
    border-right: none;
    padding: 5px 10px 5px 10px;
    margin-right: 20px;
    float: left;
    font-weight: normal;
}

.h1 {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

.h2, .h2_float, .h2_nb  {
    font-size: 1.3em;
    line-height: 1em;
    margin-top: 10px;
}

.h2, .h2_nb, .h1  {
    float: none;
}

.h2_nb {
    border: none;
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 0.5em;
    margin: 0px;
}



.figure_box {
    float: right;
    max-width: 500px;
    max-height: 100%;
    padding-left: 30px;
}

.figure {
    max-width: 100%;
    padding-bottom: 10px;
}

h3 {
    font-size: 1.5em;
}

.logo_box {
    width: 100%;
    height: 70px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.h2_partners {
    font-size: 1.2em;
    color: #4496d6;
    font-weight: bold;
}

.logo {
    max-width: 100%;
    max-height: 70px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    padding-left: 50px;
    padding-right: 50px;

}

.justify {
    text-align: justify;
}

.content_box img {
    float: right;
    max-width: 500px;
    margin-left: 30px;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-toggle:hover {
    cursor: default;
}

.dropdown-menu {
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: none;
}

.dropdown-menu li {
    margin-left: 0px !important;

}

.dropdown-menu li a{
    background-color: #a1caea;
    margin-top: 5px;
    padding: 5px !important;
    color: white !important;

}

/*.dropdown-menu li:first-child:before {*/
    /*content: '';*/
    /*width: 0;*/
    /*height: 0;*/
    /*vertical-align: middle;*/
    /*border-bottom: 4px solid #a1caea;*/
    /*border-top: 0px;*/
    /*border-right: 4px solid transparent;*/
    /*border-left: 4px solid transparent;*/
    /*margin-left: 45%;*/
    /*line-height: 0px;*/

/*}*/

.dropdown-menu li:first-child a {
    margin-top: 2px;
}

.caret {
    clear: both !important;
    float: none;
    display: block;
    position: absolute;
    margin-left: 25%;
    margin-top: 5px;
}

.navbar-default .navbar-nav .open .caret, .navbar-default .navbar-nav .active .caret, .navbar-default .navbar-nav li > a:hover .caret  {
    border-top-color: #4496d6;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background: none;
}


.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  {
    background: #4496d6;
    color: white !important;
}


.row {
    padding-left: 30px;
}


.box_partners .row{

    padding-left: 0;
    margin-left: 15px;
    border-top:2px solid #c1d8e9;
    position: relative;
    left: -15px;
}

.box_partners .row:first-child {
    border-top: none;
}

.box_partners .row div[class*=col]{
    padding: 20px 50px 20px 50px;
    height: 450px;
    overflow: hidden;
}

.box_partners .row:first-child div[class*=col]{
    padding: 0px 50px 20px 50px;
}

.box_partners .row:last-child div[class*=col]{
    padding: 20px 50px 0px 50px;
}

.box_partners .row div[class*=col]:nth-child(1n){
    padding-left: 35px;
}
.box_partners .row div[class*=col]:nth-child(2n){

    border:2px solid #c1d8e9;
    border-top: none;
    border-bottom: none;

}

.box_partners .row div[class*=col]:nth-child(3n){
    padding-right: 35px;
}


.box_partners {
    /*padding: 0 0 0 0;*/
}

.col_news_text {
    padding-top: 10px;
    margin-bottom: 20px;
    /*margin-left: 60px;*/
}

.row_news_title {
    margin-bottom: 30px;
}


@media (max-width: 767px) {

    .logo {
        max-height: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    .col_news_text {
        padding-top: 10px;
        margin-bottom: 20px;
        margin-left: 0;
    }

    .row_news_title {
        margin-bottom: 30px;
    }

    .caret, .navbar-default .navbar-nav .open .caret, .navbar-default .navbar-nav .active .caret, .navbar-default .navbar-nav .caret  {
        border-top-color: #4496d6 !important;
        z-index: 1000;
        margin-top: 5px;
        margin-left: 40%;
    }

     .navbar-default .navbar-nav .active .caret, .navbar-default .navbar-nav .caret  {
        margin-top: 5px;
    }


    .navbar-header {

        border-bottom: 5px solid #4496d6;
        height: 100px;
    }


    #header {
        margin-bottom: 0;

        height: auto !important;

    }


    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border: none;
        padding-top: 5px;
        /*z-index: 999;*/
        /*position: relative;*/
        width: 100%;
    }

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

    .navbar-default li {
        border-top: 5px solid white;
    }

    .navbar-toggle {
        border: none;
        background: none;
        position: relative;
        margin-top: 50px;
        margin-right: 0;
        padding-right: 0;

    }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background: none;
    }

    .navbar-toggle .icon-bar {
        background-color: #4aa2e6 !important;
    }


    .row {
        padding-left: 0px;
    }

    .row_partners {
        padding-bottom: 0px;
    }

    #content {
        padding: 15px;
    }

    #primary_nav {
        border: none;
        margin-top: 0;
        width: 100%;
    }

    #primary_nav li:first-child {
        margin-left: 0;
    }

    #primary_nav li {
        /*background-color: #4496d6;*/
    }

    #primary_nav li a{
        color: white;
        padding: 5px 30px 5px 30px;
        background-color: #4496d6;
    }

    #primary_nav li ul {
        padding-left: 15px;
        padding-bottom: 0;
        width: 100% !important;
        margin-left: 0px;
    }

    #primary_nav li ul li {
        border-left: 5px solid white;
        border-right: none;
        padding-right: 0;
    }

    #primary_nav li ul li a {
        margin-top: 0px;
        background-color: #a1caea;
    }

    .content_box img, .figure_box img, .figure {
        max-width: 100%;
        min-width: 50%;
        margin-left: 0;
        float: none;
        max-height: 100%;
        padding-bottom: 10px;
    }
    .content_box img {
        height: 100%;
    }

    .logo_box img, .logo {
        max-height: 70px;
        max-width: 90%;
        position: static;
    }

    .logo_box {
        height: auto;
        margin-bottom: 10px;
    }

    .content_box, .figure_box {
        width: 100%;
        float: none;
        padding-left: 0;
    }
    .h1_float {
        min-width: 100%;
    }

    .col-md-12 {
        padding-left: 0;
    }



    #primary_nav > li > ul {
        display: block;
        position: static;
        padding-left: 0;
        border-bottom: 5px solid white;
    }

    #primary_nav > li > ul > li {
        display: block;
        position: relative;
        z-index: 50;
        border-left: none;
    }

    .dropdown-menu li a{
        padding: 5px 30px 5px 30px !important;
    }

    #primary_nav > li > ul > li:last-child {

        border-bottom: 5px solid white;
    }

    #primary_nav {
        display: none;
        padding-left: 15px;
    }

}

@media (max-width: 337px) {


    img.branding {
        max-width: 240px;
        height: auto;
    }

    .navbar-header {
        height: 90px;
        border: none;
    }

    .navbar-toggle {
        margin-top: 58px;
    }
}
@media (max-width: 991px)  {
    .box_partners .row div[class*=col] {
        border: none !important;
        height: auto;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .box_partners .row {
        border: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px)  {

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        font-size: 0.8em;
    }
    #primary_nav li a{

        padding: 5px 15px 5px 15px;
    }


    ul.nav li.dropdown:hover ul.dropdown-menu{
        display: block;
        margin-top:0px
    }
}

@media (min-width: 992px)  {

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        font-size: 0.9em;
    }
}

@media (min-width: 768px)  {

    ul.nav li.dropdown:hover ul.dropdown-menu{
        display: block;
        margin-top:0px
    }
}