@charset "utf-8";
/* CSS Document - Custom styles that overwrite the template CSS code*/
    /* Top Banner */
    .header-large-banner {
    width: 100%;
    height: 12vh !important;
    overflow: hidden;
    background-position: center !important;
    background-size: cover !important;
    display: block;
    min-width: 100%;
    position: relative;
    margin-top: -20px;
}

/* Tokens */
/* Breadcrumbs */

/*remove underline*/
.breadcrumb a:not(.btn) {
    background-image: none !important;
}
/* Breadcrumbs style*/
/* Tokens */
/* Breadcrumbs */
.breadcrumbMain {
    /* padding: 0 10px;*/
    margin-top: 30px; /* Olena - added it back on 7-21-23*/
    margin-bottom: 0px; /* Olena - changed from 20px to 0 on 7-21-23*/
    font-size: 0;
}
    .breadcrumbMain > a.breadcrumbHome {
        /* padding: 0 15px 0 0;* can be removed*/
        margin: 0 15px 0 0;
        display: inline-block;
        height: 29px;
        /*    	line-height: 1px;*/
        font-size: 1rem;
    }

    .breadcrumbMain > span > a:last-of-type {
        padding: 0 0 0 15px;
        color: #333;
        text-decoration: none !important;
        pointer-events: none;
        cursor: pointer;
    }


    .breadcrumbMain > span[itemprop="breadcrumb"] > span > span {
        border-left: 1px dotted #777;
        padding: 0 15px;
        margin: 8px 0;
        display: inline-block;
        /*height: 20px;
        line-height: 24px;*/
        height: 10px; /* Olena - changed to 10px on 7-21-23*/
        line-height: 10px; /* Olena - changed to 10px on 7-21-23*/
    }

        .breadcrumbMain > span[itemprop="breadcrumb"] > span > span > a {
            padding: 0;
            margin: 0;
        }

        .breadcrumbMain > span[itemprop="breadcrumb"] > span > span:last-of-type > a {
            color: #333;
            text-decoration: none !important;
            pointer-events: none;
            cursor: pointer;
            background: none;
        }


/*end of breadcrumb style*/



/* Custom header-organization-banner width. Set to match the size of the logo used. */
.fixed.compact .header-organization-banner a {
    max-width: 155px;
}
/* Header banner height */
.header-large-banner.compact-banner {
    height: 8vh !important;
}

/* Fix for alert-banner preventing clicking header links when the page is scrolled down */
.global-header.compact .alert-banner {
    z-index: -1;
}

.global-footer .copyright {
        text-align: center;
    }

.section-bottom-links {
    color: #fff;
    margin: 0em auto 0;
    max-width: 1280px;
    padding: 15px 15px 2.8em;
}

    .section-bottom-links h2,
    .section-bottom-links a,
    .section-bottom-links a:active,
    .section-bottom-links a:focus,
    .section-bottom-links a:hover {
        color: #fff;
    }

        .section-bottom-links a:active,
        .section-bottom-links a:focus,
        .section-bottom-links a:hover {
            text-decoration: underline;
        }

    .section-bottom-links .help-icon {
        color: #0061a0;
        font-size: 2em;
        line-height: 3.92857rem;
    }
    /* Header styles for footer section */
    .section-bottom-links h2 {
        margin: 15px 0;
    }

    .section-bottom-links h3 {
        margin-bottom: 1em;
        color: #ffffff;        
        padding-top: 1em;
        font-size: 1.4em;        
        font-weight: bold
    } 
    

/* Custom language settings bar that derives from the .site-settings class */

.language-settings button.close span {
        top: 0;
    }

/* Fix for popover titles */
.popover-header {
    margin-top: 0;
}

/* Custom pagination classes */
.main-content .dmhc-pagination a:not(.btn),
.main-content .dmhc-pagination a:not(.btn):hover {
    background-image: none;
}

@media (min-width: 768px) {
    /* Keep open menu's background color */
    .nav-item a.open {
        background-color: #F5F9FB;
    }
        /* Keep open menu icon color */
        .nav-item a.open > span[class^="ca-gov-icon"] {
            color: #046B99;
        }
}

@media (min-width: 575px) and (max-width: 767px) {
    /* Fix for visible-xs and hidden-xs classes on very small screens */
.visible-xs {
    display: block !important;
  }

.hidden-xs {
    display: none !important;
  }
}
/*end of manuel*/


/* remove all .dropdown from menu*/
/* .dropdown.dmhc-nav:not(.collapse):not(.collapsing) .nav-item .first-level-link .link-text {
    flex: 1;
    /* padding-right: 1em; */
  /*  white-space: normal;
} */

/* Align drop down menus. First menu will align to the left, last menu will align to the right, and the remaining will align in the center */
/* .dropdown.dmhc-nav .nav-item:nth-child(n+2) .sub-nav {
    left: 50%;
    margin-left: -225px;
} */

/* .dropdown.dmhc-nav .nav-item:last-child .sub-nav {
    left: initial;
    right: 0;
} */
  

/* .dropdown.dmhc-nav:not(.collapse):not(.collapsing) .nav-item .first-level-link .link-text {
        flex: 1;
        padding-right: 1em;
        white-space: normal;
    } */
	
	
	
/* .fixed.compact .dropdown.dmhc-nav:not(.collapse):not(.collapsing) .nav-item .first-level-link {
    align-content: flex-end;
} */

@media (max-width: 767px) {
    /* Remove width property on smaller displays */
  /*   .dropdown.dmhc-nav .nav-item:nth-child(n+2) .sub-nav {
        left: initial;
        margin-left: 0;
    } */

  /*   .dropdown.dmhc-nav .nav-item:last-child .sub-nav {
        right: initial;
	right: 0;
    } */

    /* .dropdown.dmhc-nav .sub-nav {
        min-width: auto;
        max-width: 100%;
    } */
}