/*=============================================*/
/*===== TO DISPLAY DOT MENUBAR as TOP NAV =====*/
/*=============================================*/

#mcgmenu, .DTEmain-header {display: none;}
@media screen and (max-width:991px) {
     .dot-menu-button {display: block;}
}

/*================================*/
/*===== FOR ON-THIS-PAGE NAV =====*/
/*================================*/

@media screen and (max-width:768px) {
    .on-this-page {float: none!important;}
}

/*=============================*/
/*===== FOR PROJECT PAGES =====*/
/*=============================*/

h1 {margin-top: 0;}

.dot-breadcrumbs {margin-bottom: 20px;}

/*=== LINKS ===*/
p > a,
td > a {text-decoration: underline; font-weight: normal;}

.links a {text-decoration: underline;}


/*=== STYLES FOR LISTS ===*/
.ul--no-bullets {list-style:none; padding-left:0;}


ul.sub-nav  {list-style-type:none; padding-left: 0;}

ul.sub-nav li {
    padding: 10px 0 10px 10px;
    border-bottom: 1px solid #ccc;
}
    
@media screen and (max-width:768px) {
    ul.sub-nav li:last-child {
        padding-bottom: 0;
        border-bottom: none;
    }
}

/*=== SECONDARY NAVIGATION - Mobile display accordion ===*/
.accordion__secondary-nav {border: 1px solid #dedede;}
.accordion__secondary-nav .panel-plus-link a {
    margin: 10px 0 10px 5px;
    font-weight: 600!important;
    font-size: 1.1em;
}
/*--- change the accordion open/close from +/- to chevrons ---*/
.panel-group .panel > .panel-heading.panel-plus-link a.collapsed:before {content: "\f078";}
.panel-group .panel > .panel-heading.panel-plus-link a:before {content: "\f077";}

.accordion__secondary-nav .panel-heading.panel-plus-link > a,
.accordion__secondary-nav .panel-heading-link > a {padding-right: 0;}