/* ===========================================================
   AVIVA DEMO PORTAL — Custom.css
   Brand palette: Yellow #FFDD00 | Navy #0A1E3C | Blue #004FB6
   Reusable Power Pages reskin (Customer Self-Service template).
   To re-skin for another customer, change the :root palette only.
   =========================================================== */

:root {
    --aviva-yellow: #FFDD00;
    --aviva-navy:   #0A1E3C;
    --aviva-blue:   #004FB6;
    /* Power Pages theme variables remapped to Aviva */
    --nav-color: var(--aviva-navy);
    --primary-color: var(--aviva-navy);
    --portalThemeColor4: var(--aviva-navy);
    --portalThemeOnColor9: #ffffff;
    --portalThemeOnColor3: var(--aviva-navy); /* header link / icon text */
}

#content_form { margin-bottom: 5px; }

/* ---------- HEADER / NAVBAR : Aviva yellow ---------- */
.navbar.navbar-inverse,
.navbar-inverse {
    background-color: var(--aviva-yellow) !important;
    border-color: var(--aviva-yellow) !important;
    min-height: 84px !important;
}
.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-nav > li > a span,
.navbar-inverse .navbar-text,
.navbar-inverse .username,
.navbar-inverse .drop_language {
    color: var(--aviva-navy) !important;
    font-weight: 600;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    color: var(--aviva-navy) !important;
    background-color: transparent !important;
    border-bottom: 3px solid var(--aviva-navy);
}
.navbar-inverse .glyphicon { color: var(--aviva-navy) !important; }

/* Brand / logo / site title */
.navbar-header { min-height: 84px !important; }
.navbar-brand {
    height: 84px !important;
    padding: 0 8px !important;
    display: flex !important;
    align-items: center !important;
}
.navbar-brand img, .navbar-header img, img.img-responsive {
    height: 44px !important; width: auto !important;
    max-height: none !important; max-width: none !important;
}
.siteTitle {
    color: var(--aviva-navy) !important;
    font-family: "Segoe UI", Arial, sans-serif !important;
    font-weight: 800 !important;
    font-style: italic !important;
    font-size: 2.4rem !important;
    letter-spacing: -.5px;
}
.navbar-nav { margin-top: 18px !important; }

/* Toggle (mobile) */
.navbar-inverse .navbar-toggle {
    background-color: var(--aviva-navy) !important;
    border-color: var(--aviva-navy) !important;
}
.navbar-inverse .navbar-toggle .icon-bar { background-color: var(--aviva-yellow) !important; }

/* ---------- DROPDOWNS ---------- */
.open > .dropdown-menu { background-color: #ffffff; }
.open > .dropdown-menu > li > a { color: var(--aviva-navy); }
.open .dropdown-menu > li > a:hover,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a,
.open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: var(--aviva-navy);
    text-decoration: underline;
}

/* ---------- BUTTONS ---------- */
.btn-primary, .btn-info, .btn-info-home, .btn-info-home0, .btn-info-home2 {
    background-color: var(--aviva-navy) !important;
    border-color: var(--aviva-navy) !important;
    color: #ffffff !important;
}
.btn-primary:hover, .btn-info:hover,
.btn-info-home:hover, .btn-info-home0:hover, .btn-info-home2:hover {
    background-color: #06152b !important;
}
.breadcrumb > li a { color: var(--aviva-blue) !important; }

/* ---------- FOOTER : Aviva navy ---------- */
footer, .footer, #footer, .site-footer {
    background-color: var(--aviva-navy) !important;
    color: #cdd6e4 !important;
}
footer a, .footer a, #footer a, .site-footer a { color: #cdd6e4 !important; }
footer a:hover, .footer a:hover, #footer a:hover { color: #ffffff !important; }