/* eRegulations Baghdad — instance stylesheet.
   Cleaned 2026-09-27 for the 7.x product. Removed, because they match nothing on the 7.x pages
   (checked on the rendered home, procedure, step and objective pages, en and ar): the legacy header
   and nav rules (#Menu, header.navbar, .second-nav, #main-nav, .header-login-submenu, navbar-toggle
   icon bars, dropdown .btn), the Google Translate widget rules and the Open Sans import they used,
   .diaporama img, .procedure-button, .homepage-push(es), .link-footer-item.separator, .btn-contrib.
   Also removed: `.navbar-nav > li > a { margin-top ... (important) }`, which pushed the 7.x drawer
   links 6px down. Every rule below still applies to the 7.x pages. */

body {
    font-weight: 300;
}
footer {
    background-color: #e0e1e3;
}
.diaporama .diaporama-slides .slider-text.active {
    font-weight: 700;
    text-transform: uppercase;
}
.cd-panel .cd-panel-container {
    background: #e24a4a;
}
body a:hover {
    color: #e24a4a !important;
}
.bigmenu a:hover, .bigmenu a:active, .bigmenu a:focus {
    color: #fff !important;
}
/* the product's rule is a.transparent-bordered-button (0,1,1); the same selector wins here, last */
a.transparent-bordered-button {
    border: 1px solid #e34b4a;
}
.bigmenu .sub-menu.active {
    background-color: #ce3e3e !important;
}
.panel-top > div:first-child {
    flex: 1;
}

/* Procedures side panel and top menu, as on the legacy Baghdad site (measured 2026-09-27).
   The product's own rules use an id or four classes, so each selector here matches or beats
   them; this sheet loads last, so equal specificity is enough. */
.bigmenu #big-menu-container {
    background-color: #e24a4a;
}
.bigmenu .side-menu-title,
.bigmenu .side-menu-title .side-menu-close {
    color: #fff;
}
.bigmenu .side-menu-title {
    padding-inline-start: 12px;   /* logical, so Arabic (rtl) indents from the right */
}
.bigmenu .side-menu-section-link {
    color: #fff;
    font-size: 19px;
    font-weight: 300;
    text-transform: uppercase;
    margin-inline-start: 12px;
}
.bigmenu .sub-menu > li .side-menu-link-container .side-menu-link {
    color: rgba(255, 255, 255, 0.75);
    border-bottom-color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
}
.new-header .menu-bar .container .left-nav > li > a {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* Hover in the Procedures panel, as on the legacy Baghdad site (its filters.css, read 2026-10-08):
   white text and a white 1px underline. The 7.x product turns the section titles and the procedure
   links black with !important on three or four classes, so the first selectors repeat its selectors
   exactly; this sheet loads last, so the tie goes to it. The underline selector matches the base rule
   above plus :hover, which it must beat. */
.bigmenu .side-menu-section-link:hover,
.bigmenu .sub-menu .side-menu-link:hover {
    color: #fff !important;
}
.bigmenu .sub-menu span:hover,
.bigmenu .sub-menu > .side-menu-list-nochildren .side-menu-link:hover {
    color: #fff;
    border-bottom: 1px solid #fff;
}
.bigmenu .sub-menu > li .side-menu-link-container .side-menu-link:hover {
    border-bottom-color: #fff;
}