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; }
.cd-panel .cd-panel-container { background: rgb(70, 132, 180) !important; }
.bigmenu .side-menu-title, .bigmenu .side-menu-close, .bigmenu .side-menu-close i { color: #fff !important; }
.side-menu-close { font-size: 32px; }
.bigmenu .side-menu-link { color: #fff !important; font-size: 19px !important; font-weight: 300 !important; text-transform: uppercase; }
.bigmenu .sub-menu span { color: 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: 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: 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: #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: rgb(70, 132, 180) !important; border-bottom: 3px solid rgb(70, 132, 180); }
.homepage-pushes { background: rgb(70, 132, 180) !important; }
.homepage-push:not(.video) { background-image: none !important; background-color: rgb(70, 132, 180) !important; }
.homepage-push:not(.video):hover { background-color: rgb(59, 120, 167) !important; }
.menu-bar .left-nav > li.active > a.menu { color: 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; }