.sidebar__col { margin-bottom: $element-reduced-spacer-y; margin-top: $element-reduced-spacer-y; position: relative; } .content-holder__sidebar { > .container { padding: 0; } } #SiteWideMessage { text-align: center; .alert { margin-bottom: 0; .btn-close { float: right; margin-top: -0.5rem; } } } #Header { background-color: $header-bg; color: $header-color; a { color: $header-link; } .nav-container { align-items: flex-end; display: flex; justify-content: flex-end; position: static; } .logo { filter: invert(100%); } .tagline { display: inline-block; font-size: 1.2rem; margin-left: 2em; } } #Navigation { background: $header-bg; font-size: 1.5rem; letter-spacing: 0.25rem; text-transform: uppercase; width: 100%; .navbar-toggler { color: $main-nav-link-color; font-size: $main-nav-toggler-size; } .nav-item, .nav-link { flex-direction: column; /*@media (min-width: $full-body-min-width) { align-items: center; justify-content: center; text-align: center; }*/ } .nav-link { background: $main-nav-link-bg; color: $main-nav-link-color; &:focus, &:hover, &.active { background: $main-nav-link-hover-bg; color: $main-nav-link-hover-color; } } .active { > .nav-link { background: $main-nav-link-hover-bg; color: $main-nav-link-hover-color; } } .nav-item .nav-dropdown { .fa-chevron-right //&:after { display: none; } } .dropdown-menu { background: $main-nav-dropdown-bg; border-color: $main-nav-dropdown-bg; border-top: 0; margin-top: 0; min-width: 100%; .nav-item-link { color: $main-nav-dropdown-color; } } .dropdown-item { &.active, &:active, &:focus, &:hover { background: $main-nav-dropdown-hover-bg; .nav-item-link { color: $main-nav-dropdown-hover-color; } } .nav-item-link { align-items: flex-start; justify-content: flex-start; width: 100%; } } @media (min-width: $full-body-min-width) { .navbar-nav > .nav-item { padding-left: 2rem; padding-right: 2rem; } .dropdown-item .nav-item-link { padding-left: 1rem; padding-right: 1rem; } } } /*#MainContent { padding-top: 2 * $element-reduced-spacer-y; padding-bottom: 2 * $element-reduced-spacer-y; }*/ #PageBreadcumbs { position: relative; z-index: 2; } #Footer { background-color: $footer-bg; color: $footer-color; display: flex; flex-direction: column; > .wrapper { padding-bottom: $element-reduced-spacer-y; padding-top: $element-reduced-spacer-y; } a, .a { color: $footer-link; } .footer { background-color: $footer-footer-bg; padding-bottom: $element-reduced-spacer-y; padding-top: $element-reduced-spacer-y; .copyright { padding-right: 0.5rem; } li { padding: 0 0.5rem; } } }