/* Custom style for the static buttons for mobile devices */
.btn-mobile-nav a {
    color: #93c54b;
    border-bottom: none;
}

    .btn-mobile-nav a:hover {
        color: #93c54b;
        border-bottom: none;
    }

    .btn-mobile-nav a:active {
        color: #93c54b;
        border-bottom: none;
    }

.navbar-inverse .navbar-nav > li > a {
    border-bottom: none; /* default style.css has a bottom border, remove it for the navbar */
    cursor:pointer;
}

.navbar-nav .open .dropdown-menu {
    background-color: #222;
}

.navbar-nav > li > .dropdown-menu {
    margin-top: -1px; /* override boostrap PRH */
}

.dropdown-menu > li > a {
    border-bottom: none;
    color: #fff;
}

.navbar {
    margin-bottom: 0; /* override boostrap PRH */
    border-radius: 0; /* override boostrap PRH */
    border: 0 none; /* override boostrap PRH */
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d; /* override boostrap .active dropdown-menu color PRH */
    font-size: 1.2em; /* override boostrap .active dropdown-menu font-size for both mobile and desktop PRH */
}

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
        background-color: #222; /* override boostrap .active dropdown-menu color PRH */
        color: #fff;
    }

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    background-color: #222; /* override boostrap .active top-menu color PRH */
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    background-color: #222; /* override boostrap .active top-nemu color PRH */
}




@media screen and (max-width: 767px) {

    /*
Start Scrollabled fixed header custom code PRH
Note: the body { } needs height:100% for this to work
*/

    .easy-sidebar-fixed-header {
        height: 100%;
        position: absolute;
    }

    .easy-sidebar-scroll {
        position: absolute;
        padding: 0;
        z-index: 2;
        top: 0;
        bottom: 0;
        margin: 0 !important;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        overflow-x: hidden;
        xborder: 1px solid blue; /* debug box */
        width: 235px;
    }

    /*
End Scrollabled fixed header
*/


    html.easy-sidebar-active {
        height: 100%;
        overflow-x: hidden;
        overflow-y: scroll;
        margin: 0;
        padding: 0;
    }

    body.toggled {
        -webkit-transform: translateX(250px);
        transform: translateX(250px);
    }

    .navbar.easy-sidebar {
        transition: 0.2s ease;
        position: absolute;
        width: 250px;
        top: 0;
        left: -250px;
        min-height: 100%;
        border-radius: 0;
        margin: 0;
        z-index: 9999;
    }

        .navbar.easy-sidebar.toggled {
            -webkit-transform: translateX(250px);
            transform: translateX(250px);
        }

    .easy-sidebar .btn {
        width: 100%;
    }

    .navbar.easy-sidebar .navbar-header {
        margin: 0 -15px;
        float: none;
    }

    .navbar.easy-sidebar .navbar-brand {
        margin: 0;
    }

    .navbar.easy-sidebar .navbar-toggle {
        display: inline-block;
    }

        .navbar.easy-sidebar .navbar-toggle span.icon-bar:nth-child(2) {
            -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;
            -webkit-transform: translate(2px, -5px) rotate(45deg);
            transform: translate(2px, -5px) rotate(45deg);
        }

        .navbar.easy-sidebar .navbar-toggle span.icon-bar:nth-child(3) {
            display: none;
        }

        .navbar.easy-sidebar .navbar-toggle span.icon-bar:nth-child(4) {
            -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;
            -webkit-transform: translate(2px, 4.5px) rotate(-45deg);
            transform: translate(2px, 4.5px) rotate(-45deg);
        }

    .navbar.easy-sidebar .nav.navbar-nav {
        margin: 7.5px -15px;
        float: none;
    }

        .navbar.easy-sidebar .nav.navbar-nav > li {
            float: none;
        }

            .navbar.easy-sidebar .nav.navbar-nav > li > a {
                padding: 10px 15px;
            }

    .navbar.easy-sidebar .navbar-nav .open .dropdown-menu .divider {
        box-shadow: 0 1px 0 rgba(255,255,255, 0.1);
    }


    .navbar.easy-sidebar .navbar-form {
        padding: 10px 15px;
        margin: 8px -15px;
        border-top-width: 1px;
        border-top-style: solid;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
    }

        .navbar.easy-sidebar .navbar-form .form-group {
            margin-bottom: 5px;
            display: block;
        }

            .navbar.easy-sidebar .navbar-form .form-group .form-control {
                display: block;
                width: 100%;
            }



    body.toggled {
        position: fixed; /* fixed jumps to the top of page, this was the default setting for the plugin not sure how to fix */
    }
    /* Custom PRH to add padding to header open */
    .padding63 {
        padding-top: 63px;
    }
}


/* https://scotch.io/quick-tips/default-sizes-for-twitter-bootstraps-media-queries */

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
         .nav > li > a {
        padding: 15px 10px;
    }
}

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


}

/*https://css-tricks.com/forums/topic/bootstrap-full-width-navbar-with-centered-menu-items/ */


/* Small Devices, Tablets */
@media only screen and (min-width : 767px) {

    #header {
        text-align: center;
    }

    .navbar-inverse .navbar-nav > .active::before { /* custom code - create diamond on .active PRH */
        background-color: #93c54b;
        bottom: -0.3em; /* -0.5em; */
        content: "";
        display: block;
        height: 0.6em;
        left: 50%;
        margin-left: -0.375em;
        position: absolute;
        transform: rotateZ(45deg);
        -webkit-transform: rotate(-45deg);
        width: 0.6em;
        z-index: 99;
    }


    .navbar::after {
        background-color: #93c54b;
        background-image: url("../../Content/css/images/bg01.png");
        content: "";
        display: block;
        height: 0.4em;
        width: 100%;
    }

    .center {
        margin-left: auto;
        margin-right: auto;
    }

        .center.navbar .nav,
        .center.navbar .nav > li {
            float: none;
            display: inline-block;
            *display: inline; /* ie7 fix */
            *zoom: 1; /* hasLayout ie7 trigger */
            vertical-align: top;
        }

        .center.navbar-inner {
            text-align: center;
        }

        .center .dropdown-menu {
            text-align: left;
        }

    .navbar-inner {
        margin: 0 auto;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    #header {
        text-align: center;
    }

    .navbar-inverse .navbar-nav > .active::before { /* custom code - create diamond on .active PRH */
        background-color: #93c54b;
        bottom: -0.3em; /* -0.5em; */
        content: "";
        display: block;
        height: 0.6em;
        left: 50%;
        margin-left: -0.375em;
        position: absolute;
        transform: rotateZ(45deg);
        -webkit-transform: rotate(-45deg);
        width: 0.6em;
        z-index: 99;
    }

    .navbar-nav > li > a {
        padding-top: 10px !important;
        padding-bottom: 15px !important;
    }

    .navbar {
        min-height: 40px !important;
    }

    .navbar-nav > li > a {
        line-height: 40px;
    }

    .navbar::after {
        background-color: #93c54b;
        background-image: url("../../Content/css/images/bg01.png");
        content: "";
        display: block;
        height: 0.4em;
        width: 100%;
    }

    .center {
        margin-left: auto;
        margin-right: auto;
    }

        .center.navbar .nav,
        .center.navbar .nav > li {
            float: none;
            display: inline-block;
            *display: inline; /* ie7 fix */
            *zoom: 1; /* hasLayout ie7 trigger */
            vertical-align: top;
        }

        .center.navbar-inner {
            text-align: center;
        }

        .center .dropdown-menu {
            text-align: left;
        }

    .navbar-inner {
        margin: 0 auto;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    #header {
        text-align: center;
    }

    .navbar-inverse .navbar-nav > .active::before { /* custom code - create diamond on .active PRH */
        background-color: #93c54b;
        bottom: -0.3em; /* -0.5em; */
        content: "";
        display: block;
        height: 0.6em;
        left: 50%;
        margin-left: -0.375em;
        position: absolute;
        transform: rotateZ(45deg);
        -webkit-transform: rotate(-45deg);
        width: 0.6em;
        z-index: 99;
    }

    .navbar-nav > li > a {
        padding-top: 10px !important;
        padding-bottom: 15px !important;
    }

    .navbar {
        min-height: 40px !important;
    }

    .navbar-nav > li > a {
        line-height: 40px;
    }

    .navbar::after {
        background-color: #93c54b;
        background-image: url("../../Content/css/images/bg01.png");
        content: "";
        display: block;
        height: 0.4em;
        width: 100%;
    }

    .center {
        margin-left: auto;
        margin-right: auto;
    }

        .center.navbar .nav,
        .center.navbar .nav > li {
            float: none;
            display: inline-block;
            *display: inline; /* ie7 fix */
            *zoom: 1; /* hasLayout ie7 trigger */
            vertical-align: top;
            margin-top: 5px; /* Custom - Make toolbar taller PRH */
        }

        .center.navbar-inner {
            text-align: center;
        }

        .center .dropdown-menu {
            text-align: left;
        }

    .navbar-inner {
        margin: 0 auto;
    }
}