footer {
    background-color: #e0e1e3;
}

footer .footer-brands > a:nth-child(2) > img {
    max-height: 42px;
}

.navbar-header {
	display: flex;
}

.brand-title-primary-part {
	padding-left: 6px;
	margin-bottom: 10px;
}

.modal-backdrop {
	z-index: 1050;
}
.modal {
	z-index: 1051;
}

/* libya-fixes */
/* Legacy parity. The new platform loads default-theme.css, which the legacy site did not have.
   Each value was measured on ejraat.gov.ly on 2026-10-30. */
.brand-title-primary-part, .navbar-brand { color: rgb(15, 65, 110); }
.menu-bar .left-nav > li > a.menu { font-size: 13px !important; font-weight: 600 !important; text-transform: uppercase; letter-spacing: 1px; }
.top-bar a.lang, .inquiry-modal-trigger { font-size: 12px !important; font-weight: 500 !important; }
/* Colours read the variables of the redesign block (instances/libya/custom-css-block.css). The second
   value is the legacy colour, used only when the block is absent. The legacy 75% white links fail
   contrast on the panel (2.98:1), so the links use --procedures-panel-link-text. */
.cd-panel .cd-panel-container { background: var(--procedures-panel-background, rgb(70, 132, 180)) !important; }
.bigmenu .side-menu-title, .bigmenu .side-menu-close, .bigmenu .side-menu-close i { color: var(--procedures-panel-heading-text, #fff) !important; }
.side-menu-close { font-size: 32px; }
.bigmenu .side-menu-link { color: var(--procedures-panel-heading-text, #fff) !important; font-size: 19px !important; font-weight: 300 !important; text-transform: uppercase; }
.bigmenu .sub-menu span { color: var(--procedures-panel-link-text, rgba(255, 255, 255, .75)) !important; font-size: 14px !important; line-height: 20px; border-bottom-color: rgba(255, 255, 255, .3) !important; }
.bigmenu .sub-menu a, .bigmenu .sub-menu a.side-menu-link { color: var(--procedures-panel-link-text, rgba(255, 255, 255, .75)) !important; font-size: 14px !important; font-weight: 400 !important; text-transform: none; border-bottom-color: rgba(255, 255, 255, .5) !important; text-decoration: none; }
/* Platform bug: common.css uses inset-inline-start for .from-left, which means the right side in RTL.
   The drawer belongs on the physical left in Arabic, as on the legacy site. Remove after the platform fix. */
.cd-panel.from-left .cd-panel-container { inset-inline-start: auto; left: 0; right: auto; }
/* Drawer geometry, measured on the legacy site. */
.bigmenu .cd-panel-content { padding-top: 0 !important; padding-bottom: 0 !important; padding-inline-end: 0 !important; }
.bigmenu .cd-panel-content > div { padding: 0 15px !important; }
.bigmenu .side-menu-title { padding-inline-start: 12px !important; }
.bigmenu .side-menu-section-link, .bigmenu .side-menu-link-container > .side-menu-link { margin-inline-start: 12px !important; }
.bigmenu .sub-menu { padding: 0 !important; border-radius: 0 !important; }
.bigmenu .sub-menu.active { border-bottom: 1px solid rgba(255, 255, 255, .5); }
.bigmenu .sub-menu > li > span { padding-block: 6px !important; padding-inline: 12px 34px !important; }
.bigmenu .sub-menu ul { margin-bottom: 12px !important; }
.bigmenu .sub-menu ul a { margin: 0 17px !important; }
/* Droid Kufi is wider than the legacy fallback font. At 20px the arrow of a long title moves to a second line. */
html[dir="rtl"] .link-footer-item-title { font-size: 18px; }
/* Drawer states, measured with real mouse events. */
.bigmenu .side-menu-link:hover, .bigmenu .side-menu-link:focus { color: #fff !important; }
.bigmenu .sub-menu span:hover { color: #fff !important; border-bottom-color: #fff !important; }
.bigmenu .sub-menu.active, .bigmenu .sub-menu.active > li { background: var(--procedures-panel-active-background, rgb(59, 120, 167)) !important; }
.bigmenu .sub-menu.active span, .bigmenu .sub-menu.active span i { color: #fff !important; background: transparent !important; border-bottom-color: #fff !important; }
.bigmenu .sub-menu.active a, .bigmenu .sub-menu.active a.side-menu-link { color: #fff !important; font-weight: 300 !important; background: transparent !important; border-bottom: 1px dotted rgba(255, 255, 255, .5) !important; }
.bigmenu .sub-menu.active a:hover, .bigmenu .sub-menu.active a.side-menu-link:hover { color: #fff !important; border-bottom: 1px solid #fff !important; }
.bigmenu .side-menu-close, .bigmenu .side-menu-close:hover, .bigmenu .side-menu-close:focus { background: transparent !important; font-size: 32px !important; }
.menu-bar .left-nav > li > a.menu:hover { color: var(--header-menu-bar-hover-text, #000) !important; }
.diaporama, .diaporama > .container { height: 402px !important; min-height: 402px !important; }
body:has(.homepage-pushes) .menu-bar .left-nav > li:first-child > a.menu { color: var(--header-menu-bar-text, rgb(70, 132, 180)) !important; border-bottom: 3px solid var(--header-menu-bar-text, rgb(70, 132, 180)); }
/* The homepage band has no rule here: the product paints it (white on the legacy rgb(70, 132, 180) is 4.02:1). */
.menu-bar .left-nav > li.active > a.menu { color: var(--header-menu-bar-text, rgb(70, 132, 180)) !important; }
.page-content, .page-content div, .page-content a { font-size: 14px !important; font-weight: 300; }
#menuTexts #mainMenu .page-content .team-member-info, #menuTexts #mainMenu .page-content .team-member-info * { font-size: 17.33px !important; }
.page-content .team-member-info p { font-weight: 300; }
#menuTexts #mainMenu .page-content .list-group-title-container h2 { font-size: 22px !important; font-weight: 700 !important; color: rgb(0, 55, 82) !important; }
.item a.content h4 { font-size: 15px !important; color: rgb(1, 148, 218) !important; }
.item a.content p { font-size: 14px !important; }
.btn-primary { background-color: rgb(56, 152, 210); border-color: rgb(56, 152, 210); }
/* The logo file is 916x415. The legacy site showed it 42px high. */
.navbar-brand img { height: 42px; width: auto; max-width: none; }
.navbar-header .navbar-brand { margin-inline-end: 10px; }
/* Hero text. The platform makes .slider-text a flex container, which puts each paragraph in its own column.
   The size follows the screen, and the text starts inside the hero at each width. */
.diaporama .diaporama-slides .slider-text.active,
.diaporama .diaporama-slides .slider-text.active[style],
.diaporama .diaporama-slides .slider-text[style*="display: block;"] {
    display: block !important;
    top: 60px;
    height: auto;
    width: min(1140px, calc(100vw - 32px)) !important;
    max-width: none !important;
    inset-inline-start: max(16px, calc((100vw - 1140px) / 2)) !important;
    inset-inline-end: auto !important;
    transform: none;
    text-align: start !important;
    font-size: clamp(22px, 5.5vw, 32px) !important;
    line-height: 1.43 !important;
    text-transform: uppercase;
}
.diaporama .diaporama-slides .slider-text p { text-align: start !important; margin-bottom: 8px; }
/* The arrow of a collapsible title stays on the first line of the title at each width. */
.link-footer-item-header { display: flex !important; justify-content: space-between; align-items: flex-start; gap: 8px; }
.link-footer-item-header i { flex: none; }
.link-footer-item-header .link-footer-item-title { flex: 1 1 auto; min-width: 0; text-align: start; }
/* ==========================================================================
   Redesign variables. Everything above is unchanged.
   Today's site reads none of these names and has no [data-steps-design="2"]
   element, so this block changes nothing until the redesign is deployed.
   After that deploy, the rules above that these replace can be removed.
   ========================================================================== */
:root {
    /* Brand colour: every shade of the redesign's scale follows it (.btn-primary filled rgb(56, 152, 210)). */
    --primary-seed: #3898d2;
}

/* Surface variables. Each holds the colour this instance shows today, except where a comment
   below gives a darker colour for contrast. A rule above still wins while it applies; remove
   such a rule and its variable takes over. Variables not listed keep the product default. */
:root {
    /* Homepage band: the product's fill paints it (white on #4684b4 is 4.02:1, under 4.5:1) */
    --homepage-pushes-hover-background: #3b78a7;
    /* Header: #3b78a7, not the live #4684b4 (about 4:1), so the text reaches 4.5:1 on the light bar */
    --header-menu-bar-text: #3b78a7;
    --header-menu-bar-hover-text: #3b78a7;
    /* Procedures panel: darker than the live #4684b4, so white text passes (4.74:1, active 6.58:1) */
    --procedures-panel-background: #3b78a7;
    --procedures-panel-heading-text: #ffffff;
    --procedures-panel-link-text: #ffffff;
    --procedures-panel-active-background: #2f6189;
}
/* libya-fixes: user menu, background only on hover or when open, 8px corners (2026-11-12).
   The text colour goes through --button-current-color because buttons.css sets color from it with !important. */
.new-header .menu-bar .container .content .logged-dropdown > a.dropdown-toggle.btn-logged { --button-current-color: #3b78a7; background: transparent; border: 0; border-radius: 8px; box-shadow: none; transition: background-color .15s, color .15s; }
.new-header .menu-bar .container .content .logged-dropdown > a.dropdown-toggle.btn-logged:hover, .new-header .menu-bar .container .content .logged-dropdown.open > a.dropdown-toggle.btn-logged { --button-current-color: #ffffff; background: #5b95c2; }