/**

 * Bootstrap + Tailwind bridge for LOOKME Technology.

 * Loaded after Bootstrap, before style.css.

 */



:root {

    --bs-primary: #f36f21;

    --bs-primary-rgb: 243, 111, 33;

    --bs-secondary: #12325c;

    --bs-secondary-rgb: 18, 50, 92;

    --bs-success: #1e7d3b;

    --bs-body-font-family: "Noto Sans", "Inter", "Segoe UI", Arial, sans-serif;

    --bs-body-font-size: 1rem;

    --bs-body-line-height: 1.6;

    --bs-body-color: #1a120c;

    --bs-link-color: #c45110;

    --bs-link-hover-color: #12325c;

    --bs-border-radius: 6px;

    --bs-border-radius-lg: 10px;

}



body {

    font-family: var(--bs-body-font-family);

    font-size: var(--bs-body-font-size);

    line-height: var(--bs-body-line-height);

    color: var(--bs-body-color);

}



/* LOOKME container width over Bootstrap breakpoints */

.container {

    width: min(calc(100% - 32px), 1180px) !important;

    max-width: 1180px !important;

}



/* LOOKME button theme over Bootstrap defaults */

.btn.btn-primary,

a.btn.btn-primary {

    --bs-btn-color: #fff;

    --bs-btn-bg: #12325c;

    --bs-btn-border-color: #12325c;

    --bs-btn-hover-color: #fff;

    --bs-btn-hover-bg: #0c2342;

    --bs-btn-hover-border-color: #0c2342;

    --bs-btn-focus-shadow-rgb: 18, 50, 92;

    border-radius: 12px;

    font-weight: 700;

    font-size: 1rem;

}



.btn.btn-secondary,

a.btn.btn-secondary {

    --bs-btn-color: #12325c;

    --bs-btn-bg: #fff;

    --bs-btn-border-color: #12325c;

    --bs-btn-hover-color: #fff;

    --bs-btn-hover-bg: #12325c;

    --bs-btn-hover-border-color: #12325c;

    border-radius: 12px;

    font-weight: 700;

    font-size: 1rem;

}



.btn.btn-nav {

    --bs-btn-color: #fff;

    --bs-btn-bg: #12325c;

    --bs-btn-border-color: #12325c;

    --bs-btn-hover-color: #fff;

    --bs-btn-hover-bg: #0c2342;

    --bs-btn-hover-border-color: #0c2342;

    border-radius: 3px;

    font-weight: 700;

    font-size: 0.933rem;

    white-space: nowrap;

}



.site-header.navbar {

    background: var(--saffron-dark, #c45110);

    padding-top: 0;

    padding-bottom: 0;

}



.site-header .navbar-nav .nav-link {

    color: #fff;

    font-weight: 600;

    font-size: 1rem;

    padding: 0.7rem 0.85rem;

}



.site-header .navbar-nav .nav-link:hover,

.site-header .navbar-nav .nav-link:focus,

.site-header .navbar-nav .nav-link.is-active,

.site-header .navbar-nav .nav-link.active {

    color: #fff;

    opacity: 0.92;

}



.site-header .navbar-toggler {

    border-color: rgba(255, 255, 255, 0.45);

}



.site-header .navbar-toggler:focus {

    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);

}



.site-header .dropdown-menu {

    border: 1px solid #e4d5c8;

    border-radius: 12px;

    box-shadow: 0 8px 20px rgba(90, 40, 10, 0.12);

    padding: 0.5rem;

    min-width: 260px;

}



.site-header .dropdown-item {

    border-radius: 8px;

    font-weight: 600;

    font-size: 0.933rem;

    color: #3f342e;

    padding: 0.5rem 0.75rem;

}



.site-header .dropdown-item:hover,

.site-header .dropdown-item:focus {

    background: #fff7f0;

    color: #c45110;

}



.btn.btn-outline-primary,

a.btn.btn-outline-primary {

    --bs-btn-color: #c45110;

    --bs-btn-border-color: #c45110;

    --bs-btn-hover-color: #fff;

    --bs-btn-hover-bg: #c45110;

    --bs-btn-hover-border-color: #c45110;

    --bs-btn-active-color: #fff;

    --bs-btn-active-bg: #a8440c;

    --bs-btn-active-border-color: #a8440c;

    border-radius: 12px;

    font-weight: 700;

    font-size: 1rem;

    border-width: 2px;

}



.page-home-modern .home-hero .lead {

    margin-bottom: 0;

}