/*csslint text-indent:false*/

/* Header */
.contain-to-grid {
    background: repeating-linear-gradient( #0057b7, #0057b7 50%, #ffd700 50%, #ffd700);
}
.top-bar,
.top-bar-section ul,
.top-bar-section li a:not(.button),
.top-bar-section .dropdown li label {
    background-color: #322525; /* menu section label */
}
.top-bar-section ul li:hover > a,
.top-bar-section li.hover > a:not(.button),
.top-bar-section li a:not(.button):hover,
.no-js .top-bar-section ul li:hover > a,
.no-js .top-bar-section ul li:active > a {
    background-color: #3a2f2f;
}

.top-bar-section .dropdown li label {
    color: #5f5555;
}

/* divider */
.top-bar-section .divider,
.top-bar-section [role="separator"] {
    border-top: solid 1px #423535;
}

/* mobile menu toggle button */
.top-bar:not(.expanded) .toggle-topbar.menu-icon a span::after {
    background-color: #fff;
    height: 0.1px;
}
.top-bar .toggle-topbar.menu-icon a span:not(.show-for-sr)::after {
    background-color: #888;
    height: 0.1px;
}

/* expanded menu on mobile phone */
.top-bar.expanded .title-area {
    background-color: #3a2f2f;
}

.top-bar-section li:not(.has-form) a:not(.button) {
    background-color: #322525;
}

.top-bar-section li:not(.has-form) a:hover:not(.button) {
    background-color: #3a2f2f;
}

/* Medium and large screens */
@media only screen and (min-width: 40.063em) {
    .top-bar-section .left {
        margin-left: 18%;
    }
}

/* Top menu items */
.top-bar-section ul li > a {
    font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.8rem;
    color: #e2dddd;
}

/* Dropdown menu items*/
.top-bar-section .dropdown li a {
    font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #e2dddd;
    font-size: 0.8rem;
    text-transform: none;
    padding-right: 70px;
}

/* Logo */
.top-bar .name a {
    display: inline-block;
    padding: 8px 15px 0 15px;
}

.top-bar .name a svg {
    display: inline-block;
    vertical-align: middle;
    width: 126px;
    height: 23px;
}
