@import url("./fonts/fonts.css");
@import url("/resources/fonts/fonts.css");




/****MAIN-NAV****/
.navbar-inverse
{
    background-color: #FFF !important;
    border-radius: 0 !important;
    border-color: #FFF !important;
    transition: background-color 0.2s !important;
    width: 100vw !important;
}


.navbar-brand img
{
    height: 35px;
    margin-top: -7.5px;
    margin-left: 25%;
    transition: opacity 0.2s;
}

.navbar-brand img:hover
{
    opacity: .65;
}


.navbar-brand:link,
.navbar-brand:visited
{
    font-family: "Zapfino", serif !important;
    color: black !important;
    margin-top: 15px !important;
    letter-spacing: 7.5px !important;
    transition: color 0.2s !important;
}

.navbar-brand:hover,
.navbar-brand:active
{
/*    color: #0D6797 !important; #CA3538*/
}


.navbar ul li a
{
    font-family: "oswaldregular-italic", sans-serif !important;
    font-size: 20px;
    letter-spacing: 1px !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
    margin-top: 10px !important;
}

.navbar ul li a:link,
.navbar ul li a:visited
{
    color: black !important;
    transition: color 0.2s !important;
}

.navbar ul li a:hover,
.navbar ul li a:active
{
    color: #CA3538 !important;
}


.navbar ul li a.current-page:link,
.navbar ul li a.current-page:visited
{
    color: #0D6797 !important;
    transition: color 0.2s !important;
}

.navbar ul li a.current-page:hover,
.navbar ul li a.current-page:active
{
    color: #CA3538 !important;
}


.navbar-nav > li > a, .navbar-brand {
    padding-top:10px !important; padding-bottom:0 !important;
    height: 50px;
}
.navbar {min-height:50px !important;}
/****************/



@media (max-width: 805px) and (max-width:768px)
{
    /*Hail Marry To Remove That Little White Line*/
    .navbar.navbar-inverse
    {
        background-color: #0D6797 !important;
        padding: 0px 0 !important;
        border: none !important;
/*        border-bottom: 5px solid #0D6797 !important;*/
    }
    .navbar-header
    {
/*        border-bottom: 5px solid #0D6797 !important;*/
    }
    .navbar.navbar-inverse .navbar-nav > li > a,
    .navbar.navbar-inverse .navbar-brand
    {
      color: white !important;
    }
    .navbar.navbar-inverse .navbar-collapse
    {
      border: none !important;
      box-shadow: none !important;
    }
    .navbar-inverse
    {
        border: 0px !important;
    }

    /*Actual Styling of Mobile Nav*/
    .navbar-inverse.active
    {
        background-color: #CA3538 !important;
    }
    .navbar-inverse.active .navbar-header
    {
        border-bottom: none !important;
    }
    .navbar-brand
    {
        font-size: 100% !important;
        z-index: 2 !important;
        position: absolute !important;
        width: 100% !important;
        left: 0 !important;
        top: -5px !important;
        text-align: center !important;
        margin: auto !important;
    }

    .navbar-brand img
    {
        height: 35px !important;
        width: auto !important;
        margin: auto !important;
        margin-top: -5px !important;
    }


    .navbar-toggle
    {
        padding-top: 12.5px !important;
        transition: all 0.2s ease-in-out;
    }

    .navbar-toggle:hover
    {
        opacity: .65;
    }


    .navbar-toggle.active
    {
        transform: rotate(45deg);
    }


    .navbar-toggle .icon-bar
    {
        height: 1px;
        width: 17px;
        transition: opacity 0.2s;
    }


    .navbar-toggle .icon-bar:nth-of-type(2)
    {
        top: 2px;
    }

    .navbar-toggle .icon-bar
    {
        position: relative;
        transition: all 0.2s ease-in-out;
    }

    .navbar-toggle.active .icon-bar:nth-of-type(1)
    {
        top: 2.5px;
        transform: rotate(90deg);
    }

    .navbar-toggle.active .icon-bar:nth-of-type(2)
    {
        top: -2.5px;
    }


    .navbar-toggle
    {
        z-index: 3;
    }


    .navbar-header
    {
        float: none;
    }


    .navbar-left,.navbar-right
    {
        float: none !important;
    }


    .navbar-toggle
    {
        display: block;
    }


    .navbar-header::after
    {
        padding-top: -50px !important;
    }


    .navbar-collapse ul
    {
        margin-top: -12px;
    }

    .navbar ul li a.current-page:link,
    .navbar ul li a.current-page:visited,
    .navbar ul li a.current-page:hover,
    .navbar ul li a.current-page:active
    {
        color: white !important;
    }

    .navbar-collapse ul li
    {
        opacity: 0;
        transform: scale(1.1) translateY(-24px);
        border-bottom: 1px solid white;
        height: 47px !important;
        line-height: 47px;
        margin-top: 20px;
        margin-left: 50px;
        margin-right: 50px;
        transition: opacity 0.35s ease-out, transform 0.35s ease-out;
    }
    .navbar-collapse.in ul .item1
    {
        transition-delay: 50ms;
    }
    .navbar-collapse.in ul .item2
    {
        transition-delay: 100ms;
    }
    .navbar-collapse.in ul .item3
    {
        transition-delay: 150ms;
    }
    .navbar-collapse.in ul .item4
    {
        transition-delay: 200ms;
    }
    .navbar-collapse.in ul .item5
    {
        transition-delay: 250ms;
    }
    .navbar-collapse.in ul .item6
    {
        transition-delay: 300ms;
    }

    .navbar-collapse.in ul li
    {
        transform: scale(1.0) translateY(24px);
        opacity: 1;
    }


    .navbar-collapse.in ul li a
    {
        font-size: 17.5px;
        margin-left: -25px !important;
    }


    .navbar-fixed-top
    {
        top: 0;
        border-width: 0 0 1px;
    }


    .navbar-collapse.collapse
    {
        display: none!important;
    }


    .navbar-nav
    {
        float: none!important;
        margin-top: 7.5px;
    }


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

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


    .collapse.in
    {
        display:block !important;
    }


    .navbar-nav > li > a, .navbar-brand
    {
        padding-top:10px !important; padding-bottom:0 !important;
        height: 52.5px;
    }

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

    .navbar-collapse
    {
        border-top:0px !important;
    }

    .navbar-collapse ul
    {
        height: 100vh !important;
        overflow: auto;
        border-bottom: 47px solid black;
    }


    html.noscroll, body.noscroll
    {
        margin: 0;
        height: 100%;
        overflow: hidden;
    }
}