/* Common website chrome, independent of each page's Bootstrap version. */
:is(.website-header, #mobile__menu, .footer-section) {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #000;
}
:is(.website-header, #mobile__menu) { background: #faf7f4 !important; }
.website-header { padding: 8px 0; transition: top .1s ease-in-out; }
.website-header:hover { background: #fff !important; box-shadow: 0 1px 2px #3c40434d, 0 2px 6px #3c404326; }
.website-header .navbar-brand { font-size: 2.7rem; font-weight: 800; }
.website-header .navbar-brand img { width: 150px; height: auto; }
.website-header .navbar-nav { margin-left: auto; }
:is(.website-header, #mobile__menu) .nav-link {
    color: #383838 !important;
    font-weight: 600;
    padding: 3px 4px;
    text-transform: uppercase;
    text-decoration: none;
}
.website-header .top__header .nav-link { font-size: 13px; }
:is(.website-header, #mobile__menu) .bottom__header .nav-link { font-size: 15px; }
:is(.website-header, #mobile__menu) .nav-link:hover { color: #b61032 !important; }
:is(.website-header, #mobile__menu) .login__icon {
    display: inline-flex; align-items: center; justify-content: center;
    width: 30px; height: 30px; margin-right: 5px; padding: 2px 6px;
    border: 1px solid #000; border-radius: 50%;
}
.website-header .mr-1 { margin-right: 4px; }
#mobile__menu { position: relative; z-index: 1040; }
#mobile__menu #offcanvas {
    position: fixed; top: 73px; bottom: 0; left: -100%; right: auto;
    width: 100%; height: calc(100dvh - 73px); background: #f8f9fa;
    z-index: 1040; overflow-y: auto; visibility: hidden;
    transform: none; transition: left .3s ease, visibility .3s;
}
#mobile__menu #offcanvas.show { left: 0; visibility: visible; transform: none; }
#mobile__menu .navbar-nav { list-style: none; margin: 0; }
.footer-section {
    position: relative; overflow: hidden; z-index: 9;
    background: transparent url('../image/bg/footer-bg.webp') center / cover no-repeat;
}
.footer-section a { color: #6f6f6f; text-decoration: none; }
.footer-section a:hover { color: #b61032; }
.footer-section ul { margin: 0; padding: 0; list-style: none; }
.footer-section img { max-width: 100%; height: auto; }
.footer-section img[src*="bhurr-logo.png"] { width: 150px; }
.footer-section .widget-title { font-size: 20px; font-weight: 500; line-height: 1.2; margin-bottom: 8px; text-transform: capitalize; }
.footer-section .courses-link-list li + li { margin-top: 6px; }
.footer-section .courses-link-list a { font-weight: 500; text-transform: capitalize; transition: .3s ease-out; }
.footer-section .courses-link-list a:hover { padding-left: 5px; }
.footer-section .social__icon__list { display: flex; gap: 7px; margin: 20px 10px; }
.footer-section .social__icon__list i { font-size: 18px; padding: 10px; border: 1px solid #b61032; color: #b61032; }
.footer-section .social__icon__list i:hover { background: #da0e29; color: #faf7f4; }
.footer-section .footer-bottom { padding: 13px 0; border-top: 1px solid #ffffff26; }
.footer-section .justify-content-md-left { justify-content: flex-start; }
@media (min-width: 1200px) {
    :is(.website-header, #mobile__menu, .footer-section) > .container { max-width: 1140px; }
}
@media (max-width: 767px) {
    #mobile__menu, .footer-section { font-size: 15px; }
    .footer-section .widget-title { font-size: 18px; font-weight: 600; }
}