﻿/*----- Nav overrides -----*/

.navbar.navbar-static-top
{
    background: #e0e0e0;
}
.navbar-left
{
    max-height: inherit;
    height: auto;
}
.navbar-brand
{
    padding: 15px 0;
}
.full-width .navbar-nav.userMenu
{
    top: 50%;
    margin-top: -15px;
}
footer .container.whiteBg,
#footer .container.whiteBg
{
    color: #fff;
    border: none;
    background-color: transparent !important;
}





/*----- Wizard Overrides -----*/

.wizardNav + .wizard
{
    padding-left: 0;
}
.wizard .signin-container
{
    margin-bottom: 45px;
}
.lt-ie9 #leftPane .accordion-toggle ~ .pmtMethodAmt
{
    color: #BDC0DB;
}

.credits, .wizard ~ .credits {
    background: #10167F;
    padding: 5px 0;
}

body .btn,
body #stepButtons .btn,
body .btn.opt-out-btn {
    white-space: normal;
}

.wizard > .row.aside-container .asideSecond > div {
    padding-bottom: 9999px;
    margin-bottom: -9969px;
/*    height: 100vh;*/
}


/*----- Responsive Overrides -----*/

@media (min-width: 768px)
{
    .full-width .navbar-static-top .mainMenu .navbar-nav > li > a:not(:hover)
    {
        color: #fff;
    }
}

@media (max-width: 767px) {

    .wizardNav .navbar-nav.menu-main-menu {
        float: none;
        position: static;
        margin: 0 auto;
        display: block;
    }

    .wizardNav .mainMenu .navbar-nav > li > a {
        text-transform: uppercase;
        font-weight: bold;
        color: #555;
    }

    .no-touch .wizardNav .mainMenu .navbar-nav > li > a:not(:hover) {
        background: none;
    }

    .no-touch .wizardNav .mainMenu .navbar-nav > li > a:hover {
        color: #fff;
        background: #7c81b8;
    }

    .navbar-nav:not(.userMenu) {
        -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.25);
        -moz-box-shadow: 0 3px 10px rgba(0,0,0,.25);
        box-shadow: 0 3px 10px rgba(0,0,0,.25);
    }

    body.thank-you {
        overflow-x: hidden;
        width: calc(100vw - 15px);
        box-sizing: border-box;
    }

    body.thank-you .wizard > .row.aside-container .asideSecond > div {
        padding-top: 60px;
    }

    body.thank-you footer {
        width: 100vw;
    }

    body.thank-you .wizardNav + .container .asideSecond #impersonate > div {
        margin: 0 0;
    }


    body.thank-you .wizardNav + .container .asideSecond {
        width: 100vw;
    }

    body.thank-you .asideSecond:before,
    body.thank-you .asideSecond:after {
        font-family: 'FontAwesome';
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        display: inline-block;
        font-weight: bold;
        font-size: 23px;
    }

    body.thank-you .asideSecond:before {
        content: '\f104';
        left: 2px;
    }

    body.thank-you .asideSecond:after {
        content: '\f105';
        right: 2px;
        display: none;
    }

    body.thank-you .asideSecond.open-sidebar:before {
        display: none;
    }

    body.thank-you .asideSecond.open-sidebar:after {
        display: inline-block;
    }
}

@media (max-width: 767px) and (min-width: 480px)
{
    .full-width .navbar-toggle
    {
        margin-top: -17px;
        position: absolute;
        right: 0px;
        top: 50%;
    }
}

@media (max-width: 479px)
{
    .navbar-brand
    {
        padding: 0;
    }
    .navbar-nav.menu-main-menu > li
    {
        background: #fff;
    }
    .no-touch .full-width .navbar-static-top .mainMenu .navbar-nav > li > a:not(:hover)
    {
        color: #555;
    }
    .full-width .navbar-static-top .mainMenu .navbar-nav > li.active > a, .no-touch .full-width .navbar-static-top .mainMenu .navbar-nav > li.active > a
    {
        color: #fff;
    }
    .carousel h1.xbold.xxxl    {
        padding: 0 10px;
    }
    .carousel .btn
    {
        font-size: 25px;
        font-size: 1.666666666667rem;
        padding: 5px 10px 0 10px;
        letter-spacing: .025em;
    }
    .carousel .item .container + div .btn:not(:first-child)
    {
        margin-left: 5px;
    }
    .carousel .item .container + .blackBgTrans p
    {
        margin-bottom: 0;
    }

}






