/* 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. */

html, body {
    background-color: lightgray;
    padding: 0;
    margin-bottom: 0;
}

.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;
}
.container-footer {
    padding: 0;
    position: relative;
}


/*Branding*/

.comptroller-logo {
    width: 25%;
    height: 4.7em;
    max-width: 250px;
}

.row-title-header {
    margin: auto;
    height: 6em;
    display: flex;
}

.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: #1b6ec2;
    border-color: #1861ac;
}

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: #2d3192;
        box-shadow: 0px 2px 7px rgba(0,0,0,.2);
    }

.blue-header {
    padding: 0;
    position: relative;
    background-color: #0099ff;
    height: 9.5em;
}

.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;
}

.purple-header {
    background-color: #2d3192;
    height: 2rem;
}

.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;
    }



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




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



.site-services-info {
    background-color: gainsboro;
    text-align: center;
    padding: 0.3em 1em 0.3em 1em;
}

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


/*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;
    }
}