/* header.css
 * Shared stylesheet for the sitewide header (web/elements/header.php).
 * Extracted verbatim from that file's two inline <style> blocks; the only
 * change is url() paths (the inline PHP portalUrl prefix -> ../, relative to
 * this file's web/assets/css/ location) so they resolve in a static .css.
 */

    .menu-button {

        box-shadow: unset;

        padding-left: 13px;

        padding-right: 13px;

        border-radius: 0px;

        color: white;

    }



    .dropdown-toggle::after {

        display: inline-block;

        margin-left: .230em;

        vertical-align: 0.12em;

        content: "";

        border-top: .4em solid;

        border-right: .3em solid transparent;

        border-bottom: 0;

        border-left: .3em solid transparent;

    }



    .exploreClass {

        background-color: #08087B;

        height: 32px;

        padding: 6px 10px 5px 10px;

        border-radius: 2px;

        width: 166px;

        font-size: 14px;

        height: 34px;

    }



    .searchClass {

        height: 32px;

        width: 298px;

        outline: none;

        border-radius: 2px;

        border: none;

        background-color: #F8F8F8;

        color: #7D7D7D;

        padding: 0px 18px;

    }



    #searchForm {

        margin-left: 50px;

        font-size: 12px;

    }



    .navbar-brand {

        margin-right: 35px;

    }



    .mrleft {

        margin-left: 116px !important;

    }



    .mar_pdClass {

        padding: 0px !important;

        margin-right: 56px;

    }



    .marClassa {

        padding: 0px !important;

        margin-top: 8px;

    }



    .buttonClassnav {

        background-color: #FF9100 !important;

        padding: 3px 20px !important;

        color: white !important;

        border-radius: 2px !important;

    }



    .buttonClassnavatag a:hover {

        color: #ffffff !important;

    }



    .home-hero-banner {

        background-image: url("../img/index/new-slider-img.webp");

        height: 647px;

        background-position: 100%;

        background-repeat: no-repeat;

        background-size: cover;

    }



    .searchClassicon {

        position: absolute;

        font-size: 18px;

        color: #000077;

        right: 13px;

        top: 6px;

    }



    .searchClassicon1 {

        position: absolute;

        font-size: 18px;

        color: #000077;

        right: 13px;

        top: 18px;

    }



    .navbar-light .navbar-toggler-icon {

        background-image: url("../img/index/topnavimh.png");

    }



    .navbar-light .navbar-toggler {

        border: none !important;

    }



    .dropdown-item:hover {

        background-color: #E1E1FF;

        color: #08087B !important;

    }



    .dropdown-item {

        color: #3B3B3B !important;

        font-weight: 100 !important;

        transition: unset !important;

    }



    /* .dropdown-item:hover::after {

        display: inline-block;

        content: "";

        border-top: .5em solid transparent;

        border-right: .0em solid transparent;

        border-bottom: .5em solid transparent;

        border-left: .7em solid;

        color: #08087B;

        margin-left: 2.3em;

        margin-top: 0.3em;

    } */

    .borderClassnew {

        border-top: 1px solid #707070;

    }



    .arrorClass::after {

        content: "";

        background: url('../img/index/rightarrowforres.png') no-repeat;

        color: #707070;

        top: 17px;

        right: 16px;

        position: absolute;

        height: 18px;

        width: 18px;

    }



    .disnonewebnew {

        display: none;

    }



    .loginformClasstop {

        text-align: left;

    }

    .spanClasserrormsg {

        color: red;

        margin-left: 25px;

        position: absolute;

        top: 49px;

        font-size: 13px;

    }



    .spanClasserrormsg1 {

        color: red;

        margin-left: 25px;

        position: absolute;

        top: 24px;

        font-size: 13px;

        left: -24px;

    }



    @media only screen and (device-width: 768px),

    only screen and (max-width: 768px) {

        .navpaddinClass {

            padding: 0px;

        }



        .disnonewebnew {

            display: block;

        }



        .disnoneresnew {

            display: none;

        }



        .newmarginClassforlogin {

            max-width: 100.7%;

        }



        .rowClassmodallogin {

            right: 1px;

        }



        .imgloginClass {

            width: 214px;

            height: 52px;

        }



        .loginhtagClass {

            font-size: 22px;

            padding-top: 28px;

            margin: 0;

            margin-bottom: 7px;

        }



        .loginptagClass {

            font-size: 14px !important;

        }



        .loginformClasstop {

            padding: 0px 20px;

        }



        .mrbottomClasslogin {

            margin-bottom: 4px;

        }



        .loginbuttonClass {

            width: 100% !important;

        }



        .modalcontentClasslogin {

            height: 600px !important;

        }



        .paddingClassmodalogin {

            padding: 0 20px;

        }

    }

    .modalcontentClasslogin {

        height: 465px;

    }



    .zindexClasslogin {

        z-index: 9;

    }



    .rowClassmodallogin {

        position: relative;

        top: -40px;

        right: 1px;

    }



    .loginleftClass {

        width: 300px;

        height: 400px;

        margin: auto;

        text-align: center;

        margin-top: 10%;

    }



    .imgloginClass {

        width: 235px;

    }



    .loginhtagClass {

        font-size: 23px;

        padding-top: 28px;

        margin: 0px;

    }



    .loginptagClass {

        font-size: 16px;

    }



    .loginleftClass input {

        border-width: unset;

    }



    .borderClass {

        border: 1px solid #707070 !important
    }



    .loginbuttonClass {

        width: 300px;

        background: #ff9100 !important;

        height: 44px;

        font-size: 17px;

        margin-top: 14px;

    }



    a:hover {

        color: unset !important;

    }

/* --- Header self-containment (added for the unified-header rollout) ---------
 * header.php's nav show/hide originally leaned on Bootstrap's .d-md-* display
 * utilities, which master.css ships but course-pages.css (the 29 course pages'
 * base stylesheet) does not — so the header rendered at zero height there.
 * These rules pin the two header navs' visibility directly, scoped to the
 * header's own <nav>s (nav.navbar-expand-md = desktop bar, #mobile_res_nav =
 * mobile bar) so page bodies are untouched. Loads after the base stylesheet,
 * so it also wins cleanly on the master.css pages with the same result. */
@media (max-width: 767.98px) {
    nav.navbar-expand-md { display: none !important; }
    #mobile_res_nav { display: block !important; }
}
@media (min-width: 768px) {
    nav.navbar-expand-md { display: block !important; }
    #mobile_res_nav { display: none !important; }
}