/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
.navbar-links ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #F0F0F0;
}

.navbar-links ul li {
    float: left;
}
 ul li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

ul li a:hover {
    background-color: #232A48;
}
html, body {
    background-color: lightgray;
    padding: 0;
    margin-bottom: 0;
}

.navbar-links {
    display: flex;
    height: 44px;
    align-items: center;
    align-self: stretch;
}

.container {
    background-color: white;
    /*width: 60em;*/
}

.container-header {
    background-color: white;
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
}




/*Branding*/

.top-bar {
    gap: 10px;
    opacity: 1;
    padding-top: 10px;
    padding-right: 20px;
    padding-left: 20px;
    background: #232A48;
}

.logo-and-header-bar {
    gap: 24px;
    opacity: 1;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-family: "Nunito Sans", sans-serif;
}

.logo-and-header-text {
    font-family: "Nunito Sans", sans-serif;
    font-weight: 700;
    font-style: Bold;
    font-size: 36px;
    leading-trim: NONE;
    line-height: 58px;
    letter-spacing: -2%;
    text-align: right;
}

.logo-padding {
    padding-top: 20px;
}

.top-bar-text {
    font-family: "Nunito Sans", sans-serif;
    color: white;
}

.nav-bar-header {
    opacity: 1;
    height: 44px;
    angle: 0 deg;
    opacity: 1;
    background-color: #F0F0F0;
}

.nav-bar-text {
    font-family: "Nunito Sans", sans-serif;
    color: #232A48;
    text-decoration: none;
}



.banner-environment-title {
    font-family: Century Gothic, Helvetica, Arial, sans-serif;
    font-size: 1em;
}

.banner-application-title {
    font-family: Century Gothic, Helvetica, Arial, sans-serif;
}


/* Nav styles
-------------------------------------------------- */
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #232A48;
    border-color: #232A48;
}

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

.navbar, .navbar-nav, .nav-item, .nav-link {
    padding: 0;
}


.nav-link {
    color: aliceblue !important;
}

.navbar li.nav-item.header-menu-item:hover {
    background-color: #232A48;
    color: #F0F0F0;
    height: 44px;
    align-content: center;
    align-items: center;
}

.navbar li.nav-item.header-menu-item {
    height: 44px;
    align-content: center;
    align-items: center;
}

li.nav-item.header-menu-item:hover > a {
    color: #F0F0F0;
}

li.nav-item.header-menu-item > a:hover {
    color: #F0F0F0;
}



/*.header-menu-toggler {
    font-size: 0.5em;
}

    .header-menu-toggler::after {
        content: "Menu";
        color: white;
        font-weight: bold;
        font-size: 1.5em;
        padding-left: 2em;
    }*/
/*
.navbar-toggler:focus, .navbar-toggler:active {
    outline: none;
    box-shadow: none;
}*/

.underline-on-hover li:hover {
    text-decoration: underline;
}




.col-title {
    padding: 0;
    margin: 0;
}


/* Side Bar Nav styles
-------------------------------------------------- */
.side-menu-header {
    font-weight: bold;
    font-size: 1.25em;
}

.side-menu-navbar {
    width: 100%;
    margin-top: 0.5em;
    background: #2d3192;
    color: whitesmoke;
    padding: 0.3em;
}

    .side-menu-navbar:hover .fa-angle-double-right {
        transition: all 0.4s;
        transform: rotate(90deg);
    }

    .side-menu-navbar:hover {
        background: #252870;
        color: whitesmoke;
    }

        .side-menu-navbar:hover .navbar-toggler-icon {
            background-color: #252870;
        }

    .side-menu-navbar:before #MarylandTaxesMenu, #AlcoholEFileMenu, #bServicesMenu {
        padding: 1em;
    }



/*Footer*/
.purple-footer {
    background-color: #2d3192;
    padding-bottom: 0.5em;
}

.container-footer {
    padding: 0;
    position: relative;
}

.footer-bar {
    justify-content: space-between;
    padding-top: 12px;
    padding-right: 20px;
    padding-bottom: 12px;
    padding-left: 20px;
    opacity: 1;
    background-color: #232A48;
}



/*Font Awesome*/
.fa-icon {
    color: black;
}

#fa-icons-youTube:hover {
    color: #c4302b;
}

#fa-icons-twitter:hover {
    color: #0099ff;
}

#fa-icons-facebook:hover {
    color: #3b5998;
}

.fa-stack-1x {
    color: white;
}

    .fa-stack-1x:hover {
        color: white;
    }

.fa-angle-right.nav-symbol {
    color: #C20A0A;
    font-size: 1.2em;
    vertical-align: central;
}

#fa-Angle-Double {
    font-size: 1.4em;
    padding-right: 0.5px;
}

/*Media Queries*/

@media only screen and (max-width : 992px) {
    .navbar-collapse.header-menu-navbar {
        background: #2d3192;
        position: relative;
        top: -6em;
        z-index: 99999;
    }

        .navbar-collapse.header-menu-navbar ul li a {
            text-align: left;
        }

        .navbar-collapse.header-menu-navbar ul li {
            padding-left: 0.5em;
        }

        .navbar-collapse.header-menu-navbar a:hover {
            background-color: white;
        }

        .navbar-collapse.header-menu-navbar .nav-item:hover .nav-link {
            color: #2d3192;
        }


    .container {
        max-width: 100%;
        padding: 1.5em;
    }

    .container-header {
        max-width: 100%;
        padding: 0em 1.5em 1.5em 0em !important;
    }

    .banner-application-title {
        font-size: 1.5em;
    }

    .underline-on-hover {
        display: inline-block;
        max-width: 15em;
    }

    .comptroller-logo {
        min-width: 12em;
    }

    .navbar-toggler {
        margin-left: 1em;
    }
}

@media screen and (min-width: 991px) {
    .banner-application-title {
        font-size: 2em;
    }
}

@media only screen and (max-width : 767px) {
    .navbar-collapse.side-menu-navbar {
        position: absolute;
    }
}