/* theme: Classique version: 1 font: default */
:root {
    --primary: #002e5b;
    --secondary: #2375ff;
    --accent: #5ec8ff;
    --footer-bg: #001529;
    --footer-fg: #e8eef5;
    --theme: #002e5b;
    --theme2: #002e5b;
    --navy: var(--primary);
    --navy-dark: #001b35;
    --navy-grad: radial-gradient(900px 380px at 8% 0%, rgba(35, 117, 255, .28), transparent 58%), radial-gradient(720px 340px at 100% 100%, rgba(94, 200, 255, .16), transparent 55%), linear-gradient(155deg, #001b35 0%, #002e5b 42%, #2375ff 100%);
    --navy-grad-btn: linear-gradient(135deg, #001b35 0%, #002e5b 48%, #2375ff 100%);
    --navy-grad-hover: linear-gradient(135deg, #002e5b 0%, #2375ff 100%);
    --blue: var(--secondary);
    --paper: #edf0f4;
    --line: #e0e6eb;
    --radius: 16px;
    --shadow: 0 18px 50px rgba(0, 46, 91, .12);
    --container: 1180px;
    --header-h: 84px;
}
body.theme-sungo,
body.theme-vrtua {
    --primary: #002e5b;
    --secondary: #2375ff;
    --accent: #5ec8ff;
    --footer-bg: #001529;
    --footer-fg: #e8eef5;
    --theme: #002e5b;
    --theme2: #002e5b;
    --navy: #002e5b;
    --navy-dark: #001b35;
    --navy-grad: radial-gradient(900px 380px at 8% 0%, rgba(35, 117, 255, .28), transparent 58%), radial-gradient(720px 340px at 100% 100%, rgba(94, 200, 255, .16), transparent 55%), linear-gradient(155deg, #001b35 0%, #002e5b 42%, #2375ff 100%);
    --navy-grad-btn: linear-gradient(135deg, #001b35 0%, #002e5b 48%, #2375ff 100%);
    --navy-grad-hover: linear-gradient(135deg, #002e5b 0%, #2375ff 100%);
    --blue: #2375ff;
    --paper: #edf0f4;
    --line: #e0e6eb;
    --radius: 16px;
}
body.theme-sungo .theme-btn,
body.theme-sungo .theme-btn-2 { background: linear-gradient(135deg, #001b35 0%, #002e5b 48%, #2375ff 100%); background-color: #002e5b; }
body.theme-vrtua .p1-bg,
body.theme-vrtua .common-btn.p1-bg { background: linear-gradient(135deg, #001b35 0%, #002e5b 48%, #2375ff 100%); background-color: #002e5b; }
body.theme-sungo .theme-btn:hover { background: linear-gradient(135deg, #002e5b 0%, #2375ff 100%); }
body.theme-vrtua .p1-clr { color: #2375ff; }
body.theme-vrtua .p2-clr { color: #5ec8ff; }
body.theme-sungo .sungo-brand__name,
body.theme-sungo .header-1.sticky .sungo-brand__name,
body.theme-sungo .header-1.is-sticky .sungo-brand__name {
    color: #2375ff !important;
}
body.theme-sungo .sungo-brand__tag { color: #5ec8ff !important; }
body.theme-sungo .sungo-brand:hover .sungo-brand__name { color: #002e5b !important; }
body.theme-sungo #main .sungo-hero .hero-image::before,
body.theme-sungo .hero-1 .hero-image::before,
body.theme-sungo .hero-3 .hero-image::before {
    background: linear-gradient(90deg, color-mix(in srgb, #001b35 90%, #000) 0%, color-mix(in srgb, #001b35 52%, transparent) 52%, color-mix(in srgb, #002e5b 22%, transparent) 100%) !important;
}
body.theme-sungo .breadcrumb-wrapper .border-shape,
body.theme-sungo .breadcrumb-wrapper .line-shape {
    display: none !important;
}
body.theme-sungo .breadcrumb-wrapper::before {
    background: linear-gradient(90deg, color-mix(in srgb, #001b35 82%, transparent) 0%, color-mix(in srgb, #001b35 55%, transparent) 55%, color-mix(in srgb, #002e5b 38%, transparent) 100%) !important;
    background-image: linear-gradient(90deg, color-mix(in srgb, #001b35 82%, transparent) 0%, color-mix(in srgb, #001b35 55%, transparent) 55%, color-mix(in srgb, #002e5b 38%, transparent) 100%) !important;
    opacity: 0.92 !important;
}
.hero__overlay {
    background: linear-gradient(90deg, color-mix(in srgb, #001b35 72%, transparent) 0%, color-mix(in srgb, #002e5b 32%, transparent) 48%, color-mix(in srgb, #001b35 14%, transparent) 100%), linear-gradient(180deg, color-mix(in srgb, #001b35 28%, transparent) 0%, transparent 36%, transparent 62%, color-mix(in srgb, #001b35 42%, transparent) 100%) !important;
}
.page-hero::before {
    background: linear-gradient(180deg, color-mix(in srgb, #002e5b 10%, transparent) 0%, color-mix(in srgb, #002e5b 18%, transparent) 42%, color-mix(in srgb, #001b35 58%, transparent) 100%) !important;
}
.site-footer,
footer.site-footer,
footer.footer,
#footer.footer,
.footer-section.footer-bg,
.footer-section.blackbg,
body.theme-sungo .footer-section,
body.theme-vrtua .footer-section,
body.theme-ligne .ligne-footer,
body.theme-siege .siege-footer,
body.theme-atelier .atelier-footer {
    background-color: var(--footer-bg) !important;
    background-image: none !important;
    color: var(--footer-fg);
}
body.theme-vrtua .footer-section .footer-top {
    background-color: var(--footer-bg) !important;
    background-image: none !important;
}
footer.footer,
#footer.footer {
    --background-color: var(--footer-bg);
    --default-color: var(--footer-fg);
    --heading-color: var(--footer-fg);
}