#main-content.main-content > .container.p-t-md:first-child { padding-top:5px !important;}

.etools_header { 
    margin-top:5px; 
    margin-bottom:15px; 
}

/* nav > .breadcrumb { display:none; } */

nav > .breadcrumb { width: 210px; }

nav > .breadcrumb > li:first-child,
nav > .breadcrumb > li:nth-child(4),
nav > .breadcrumb > li:nth-child(3)::after { 
    display:none; 
}

nav.side-navigation {
    background-color:#f3fbfd;
    display:none;
}
nav#side-navigation.sticky {
    position: sticky;
    top: 25px;
}
.side-navigation ul {
    margin-left: 0;
    margin-top:10px;
    padding-left: 0;
}

.side-navigation ul li {
    list-style: none;
    margin: 0;
    font-size: 16px;
    padding-left: 0;
    padding-right:5px;
}
.side-navigation ul li a.landing {
    font-weight:600;
}


.side-navigation ul li:first-child a { border-top: 1px solid #dfe1e2; }

.side-navigation ul li a {
    position: relative;
    display: block;
    text-decoration: none !important;
    color: #4a4958;
    padding-bottom: .2rem;
    padding-top: .2rem;
    padding-left: .9rem;
    border-bottom: 1px solid #dfe1e2;
}


.side-navigation ul li a.active {
    /* color: #4a4958; */
    color: #004e87;
    text-decoration: none;
    background-color: transparent;
    font-weight:600;
}


.side-navigation ul li a.active:hover  {
    text-decoration: none;
    background-color: #ededef;
}

.side-navigation ul li a.active::before {
    content: "";
    border-left: 5px solid #2c608a;
    position: absolute;
    top: .25rem;
    bottom:.25rem;
    left: 0;
    width: 3px;
    border-radius: 99rem;
}

.side-navigation li.has-submenu { position:relative; }
.side-navigation li.has-submenu > a::after {
    position:absolute;
    right:7px;
    top:13px;
/*    content:"\25B6"; */
    content:"";
    color:#004e87;
    font-size:14px;
}
.side-navigation li.has-submenu > a.active {
    padding-right:18px;
}
.side-navigation li.has-submenu > a.active::after {
    content:"\25BC";
}


.side-navigation ul.sideSubMenu { display:none; }
.side-navigation ul.sideSubMenu[aria-expanded=true] { display:block; }

.side-navigation ul.sideSubMenu li a.active::before {
    border-left:none;
}

.side-navigation ul li a:hover {
    text-decoration: none;
    /* background-color: #fff9de; */
    /* background-color: #fdf6da; */
    background-color: #f0f0f0;
    color:#2378c3;
}

.side-navigation ul li a:focus {
    outline: solid 2px #2ea3f2 !important;
    outline-offset: -2px;
}

.side-navigation ul li ul {
    padding-left: 0;
}

.side-navigation ul li ul li {
    margin: 0;
}

.side-navigation ul li ul li a {
    padding-left: 2.5rem;
}

/* ========================================= */
/* == begin Multi-level Side Menu Styles  == */
/* ========================================= */

.side-navigation .sideSubMenu { margin-top:0; }

.side-navigation h3.active-heading::before {
    position: absolute;
    border-left: solid 5px #2c608a;
    content:"";
    top: .25rem;
    left: 0;
    height:50px;
    border-radius: 99rem;
}

/* ========================================= */
/* ==  end Multi-level Side Menu Styles   == */
/* ========================================= */


@media (min-width:481px) {
    .etools_header { margin-bottom:0; }
}

@media (min-width:581px) {
    .etools_header { margin-bottom:0; }
}

@media (min-width:768px) {
    #main-content.main-content > .container.p-t-md:first-child { padding-top:1.5rem !important; }
    nav.side-navigation { display:block; }
    .etools_header { margin-bottom:22px; }

    nav.side-navigation { background-color:transparent; }

    .side-navigation ul li a {
        padding-bottom: .7rem;
        padding-top: .7rem;
    }
    .side-navigation ul li a.landing {
        background-color:#f9f9f9;
    }
    
}

/* === begin Mobile Side Navigation === */

.sidenav-mobile-btn {
    display: block;
    padding: .5rem 0 0 0;
    margin-top:-48px;
 /*   border-bottom: 1px solid #d4d4d7 */
}
.sidenav-mobile-btn button.sidenav-toggle span.button-text {
	color:#006998;
	border-bottom:  dotted 1px rgba(4, 107, 153, 0.5);
	background-image:none;
}
.sidenav-mobile-btn button.sidenav-toggle:hover span.button-text { border-bottom:  solid 1px rgba(4, 107, 153, 0.5); }

.sidenav-mobile-btn .container {
    display: flex;
    justify-content: flex-end;
    /* background-color:#d5e3ff; */
    background-color: #dbf0f9;
}

.sidenav-toggle {
    border: none;
    background: none;
    font-weight: 500;
    position: relative;
    right: 0;
    padding-right: 2.3rem;
    min-width:155px;
}

.sidenav-toggle .ca-gov-icon-caret-down {
    font-size: 2rem;
    position: absolute;
    top: .3rem;
    right: .2rem;
    line-height: 1rem;
    transition: all .3s ease;
	color:#006998;
}

.sidenav-toggle[aria-expanded=true] .ca-gov-icon-caret-down {
    transform: rotate(180deg);
    top: .6rem
}

a.sidenav {
    font-size: calc(1rem + .1vw);
    margin: 0;
    display: block;
    padding-top: .7rem;
    padding-bottom: .7rem;
    padding-left: 1rem;
    position: relative;
    text-decoration: none !important;
    color: #5e5e6a;
    border-bottom: 1px solid #ededef;
    background-color: #fff
}

a.sidenav:hover,
a.sidenav:focus {
    text-decoration: none;
    background-color: #fafafa;
    color: #000
}

a.sidenav:focus {
    outline-offset: -2px
}

a.sidenav.active {
    color: #5e5e6a;
    text-decoration: none;
    background-color: #f3f3f4
}

a.sidenav.active:hover,
a.sidenav.active:focus {
    text-decoration: none !important;
    color: #000;
    background-color: #ededef
}

a.sidenav.active::before {
    content: "";
    border-left: 3px solid;
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    border-radius: 0
}

a.sidenav.landing {
    font-weight: 700
}

a.sidenav.subnav {
    padding-left: 2.5rem
}

a.sidenav.back {
    padding-left: 1.5rem
}

a.sidenav.back::after {
    content: "";
    position: absolute;
    font-family: "CaGov";
    left: 0;
    top: .65rem
}

@media(min-width:400px) {
    nav > .breadcrumb { width:auto; }
    .sidenav-mobile-btn { margin-top: -17px; }
}

@media(min-width: 768px) {
    nav > .breadcrumb > li:first-child,
    nav > .breadcrumb > li:nth-child(4) { 
        display:list-item; 
    }
    nav > .breadcrumb > li:nth-child(3)::after { display:block; }
    
    .sidenav-mobile-btn { display:none }
    .mobile-sidenav { display:none; }
}

@media(max-width: 991px) {
    .mobile-sidenav {
        display:block;
        max-height:0;
        overflow: hidden;
        transition: max-height .15s ease-out;
    }

    .mobile-sidenav.visible {
        max-height: 1600px;
        transition: max-height .25s ease-in;
    }

    .mobile-sidenav nav.side-navigation {
        display: flex;
        flex-direction: column;
        padding: 0 0 3px 0;
        margin-top:0px;
        background-color: #035376;
        /* background-color: #f5f2f2; */
    }
    .mobile-sidenav nav.side-navigation li a {
        border-bottom: 1px dotted #f5f5f580;
        /* color:#006998; */
        color:#f5f5f5;
        font-size: 97%;
        padding-top:6px;
        padding-bottom: 6px;
    }
    .mobile-sidenav nav.side-navigation li a:hover {
        background-color:#0074a7;
    }
    .side-navigation ul li a.active::before {
        content: "";
        border-left: 4px solid #ebf5fd;
        position: absolute;
        top: .25rem;
        bottom: .25rem;
        left: 4px;
        width: 3px;
        border-radius: 99rem;
    }

    .mobile-sidenav nav.side-navigation.sticky-6 {
        top: 0;
        position: relative;
    }

    .mobile-sidenav nav.side-navigation ul {
        margin-top: 0;
        margin-bottom: 0;
    }
}

/* === end Mobile Side Navigation === */