/*!
Theme Name: dubois
Theme URI: http://underscores.me/
Author: Flamingo
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: dubois
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

dubois is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@font-face {
    font-family: 'Syne';
    src: url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/Syne-Regular.eot');
    src: url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/Syne-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/Syne-Regular.woff2') format('woff2'),
        url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/Syne-Regular.woff') format('woff'),
        url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/Syne-Regular.ttf') format('truetype'),
        url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/Syne-Regular.svg#Syne-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Syne';
    src: url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/Syne-Medium.eot');
    src: url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/Syne-Medium.eot?#iefix') format('embedded-opentype'),
        url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/Syne-Medium.woff2') format('woff2'),
        url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/Syne-Medium.woff') format('woff'),
        url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/Syne-Medium.ttf') format('truetype'),
        url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/Syne-Medium.svg#Syne-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Syne';
    src: url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/Syne-Bold.eot');
    src: url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/Syne-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/Syne-Bold.woff2') format('woff2'),
        url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/Syne-Bold.woff') format('woff'),
        url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/Syne-Bold.ttf') format('truetype'),
        url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/Syne-Bold.svg#Syne-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Familjen Grotesk';
    src: url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/FamiljenGrotesk-Regular.eot');
    src: url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/FamiljenGrotesk-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/FamiljenGrotesk-Regular.woff2') format('woff2'),
        url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/FamiljenGrotesk-Regular.woff') format('woff'),
        url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/FamiljenGrotesk-Regular.ttf') format('truetype'),
        url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/FamiljenGrotesk-Regular.svg#FamiljenGrotesk-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Familjen Grotesk';
    src: url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/FamiljenGrotesk-Medium.eot');
    src: url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/FamiljenGrotesk-Medium.eot?#iefix') format('embedded-opentype'),
        url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/FamiljenGrotesk-Medium.woff2') format('woff2'),
        url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/FamiljenGrotesk-Medium.woff') format('woff'),
        url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/FamiljenGrotesk-Medium.ttf') format('truetype'),
        url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/FamiljenGrotesk-Medium.svg#FamiljenGrotesk-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Familjen Grotesk';
    src: url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/FamiljenGrotesk-MediumItalic.eot');
    src: url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/FamiljenGrotesk-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/FamiljenGrotesk-MediumItalic.woff2') format('woff2'),
        url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/FamiljenGrotesk-MediumItalic.woff') format('woff'),
        url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/FamiljenGrotesk-MediumItalic.ttf') format('truetype'),
        url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/FamiljenGrotesk-MediumItalic.svg#FamiljenGrotesk-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Familjen Grotesk';
    src: url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/FamiljenGrotesk-Italic.eot');
    src: url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/FamiljenGrotesk-Italic.eot?#iefix') format('embedded-opentype'),
        url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/FamiljenGrotesk-Italic.woff2') format('woff2'),
        url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/FamiljenGrotesk-Italic.woff') format('woff'),
        url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/FamiljenGrotesk-Italic.ttf') format('truetype'),
        url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/FamiljenGrotesk-Italic.svg#FamiljenGrotesk-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Familjen Grotesk';
    src: url('https://duboisimageries.com/FamiljenGrotesk-BoldItalic.eot');
    src: url('https://duboisimageries.com/FamiljenGrotesk-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('https://duboisimageries.com/FamiljenGrotesk-BoldItalic.woff2') format('woff2'),
        url('https://duboisimageries.com/FamiljenGrotesk-BoldItalic.woff') format('woff'),
        url('https://duboisimageries.com/FamiljenGrotesk-BoldItalic.ttf') format('truetype'),
        url('https://duboisimageries.com/FamiljenGrotesk-BoldItalic.svg#FamiljenGrotesk-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Familjen Grotesk';
    src: url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/FamiljenGrotesk-Bold.eot');
    src: url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/FamiljenGrotesk-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/FamiljenGrotesk-Bold.woff2') format('woff2'),
        url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/FamiljenGrotesk-Bold.woff') format('woff'),
        url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/FamiljenGrotesk-Bold.ttf') format('truetype'),
        url('https://duboisimageries.com/wp-content/themes/dubois/assets/fonts/FamiljenGrotesk-Bold.svg#FamiljenGrotesk-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

:root {
    --primary-font: 'Syne', Arial;
    --secondary-font: 'Familjen Grotesk', Arial;

    --affichage: #10BA6B;
    --plv: #FFA710;
    --decoration: #477BFF;
    --enseigne: #FF3D66;
    --display-event: #9312C2;
    --impression: #FF70E5;

    --blue-900: #001429;
    --blue-800: #002042;
    --blue-700: #003B7A;
    --blue-600: #004FA3;
    --blue-500: #006CE0;
    --blue-400: #0A81FF;
    --blue-300: #47A0FF;
    --blue-200: #70B5FF;
    --blue-100: #ADD5FF;
    --blue-50: #EBF4FF;

    --slate-950: #020617;
    --slate-900: #10182B;
    --slate-800: #1D293D;
    --slate-700: #324155;
    --slate-600: #47566C;
    --slate-500: #637389;
    --slate-400: #92A3BB;
    --slate-300: #CBD5E1;
    --slate-200: #E4E8EF;
    --slate-100: #F0F6FC;
    --slate-50: #F8F8F8;

    --affichage-900: #032616;
    --affichage-800: #074B2B;
    --affichage-700: #0B834B;
    --affichage-600: #10BA6B;
    --affichage-500: #14E181;
    --affichage-400: #43EF9F;
    --affichage-300: #69F2B2;
    --affichage-200: #A1F7CF;
    --affichage-100: #C7FAE2;
    --affichage-50: #ECFDF5;

    --plv-900: #291A00;
    --plv-800: #291A00;
    --plv-700: #8F5A00;
    --plv-600: #B87400;
    --plv-500: #F59B00;
    --plv-400: #FFA710;
    --plv-300: #FFBC47;
    --plv-200: #FFD285;
    --plv-100: #FFE9C2;
    --plv-50: #FFF8EB;

    --decoration-900: #001429;
    --decoration-800: #002042;
    --decoration-700: #003B7A;
    --decoration-600: #004FA3;
    --decoration-500: #006CE0;
    --decoration-400: #0A81FF;
    --decoration-300: #47A0FF;
    --decoration-200: #70B5FF;
    --decoration-100: #ADD5FF;
    --decoration-50: #EBF4FF;

    --enseigne-900: #290009;
    --enseigne-800: #520012;
    --enseigne-700: #8F001F;
    --enseigne-600: #B80028;
    --enseigne-500: #F50035;
    --enseigne-400: #FF1F4F;
    --enseigne-300: #FF3D66;
    --enseigne-200: #FF708F;
    --enseigne-100: #FFADBF;
    --enseigne-50: #FFEBEF;


    --display-event-900: #1C0325;
    --display-event-800: #39074B;
    --display-event-700: #630C83;
    --display-event-600: #7F10A8;
    --display-event-500: #9312C2;
    --display-event-400: #BA32EC;
    --display-event-300: #CD6AF1;
    --display-event-200: #DA8FF5;
    --display-event-100: #ECC7FA;
    --display-event-50: #F9ECFD;

    --impression-900: #290021;
    --impression-800: #520043;
    --impression-700: #8F0075;
    --impression-600: #B80096;
    --impression-500: #F500C8;
    --impression-400: #FF1FD6;
    --impression-300: #FF45DD;
    --impression-200: #FF85E9;
    --impression-100: #FFD6F8;
    --impression-50: #FFEBFB;


    --white: #ffffff;

}

body {
    font-family: var(--secondary-font);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    color: var(--slate-800);
}

h1 {
    font-family: var(--primary-font);
    font: 3.25rem;
    font-weight: 500;
}

h2 {
    font-family: var(--primary-font);
    font-size: 2.5rem;
    font-weight: 500;
}

h3 {
    font-family: var(--primary-font);
    font-size: 1.5rem;
    font-weight: 500;
}


h4 {
    font-family: var(--primary-font);
    font-size: 1.25rem;
    font-weight: 500;
}

@media screen and (max-width:960px) {
    h1 {
        font-family: var(--primary-font);
        font: 2.5rem;
        font-weight: 500;
    }

    h2 {
        font-family: var(--primary-font);
        font-size: 1.75rem;
        font-weight: 500;
    }

    h3 {
        font-family: var(--primary-font);
        font-size: 1.25rem;
        font-weight: 500;
    }


    h4 {
        font-family: var(--primary-font);
        font-size: 1.125rem;
        font-weight: 500;
    }
}

em {
    color: unset;
}

.wp-block-separator {
    border: none;
    border-top: 1px solid var(--slate-300);
}

.uk-button-primary {
    background: var(--blue-800);
    color: var(--white);
    font-family: var(--primary-font);
    font-size: 1rem;
    padding: 0.5rem 1rem;
    line-height: 1.5;
    border-radius: 3rem;
    text-transform: initial;
    font-weight: 500;
    transition: all .3s ease-out;
}

.uk-button-primary:hover {
    background: var(--blue-500);
}

.uk-button-default {
    border-color: var(--blue-600);
    color: var(--blue-600);
    text-transform: initial;
    font-family: var(--primary-font);
    border-radius: 3rem;
    font-weight: 500;
}


.small-badge {
    background-color: var(--white);
    font-family: var(--primary-font);
    font-weight: 500;
    font-size: 1rem;
    color: var(--blue-500);
    letter-spacing: -0.2px;
    padding: 0.5rem 0.75rem;
    border-radius: 1.5rem;
    transform: rotate(-2deg);
    transition: all .3s ease-out;
}


.small-badge:hover {
    background-color: var(--blue-500);
    color: var(--white);
    text-decoration: none;
}

.uk-heading-line>::after,
.uk-heading-line>::before {

    border-bottom: 1px solid var(--blue-100);
}


/*Fil d'arianne*/
#breadcrumbs {
    margin-bottom: 0;
}

.breadcrumb-home-icon {
    background: var(--white);
    padding: 0.5rem;
    border-radius: 0.5rem;
    display: flex;
    height: 1rem;
    width: 1rem;
}


.breadcrumb-container .uk-icon {
    color: var(--blue-500);
}


.breadcrumb-container .home-link {
    background-color: var(--white);
    padding: 0.25rem;
    background-color: var(--blue-50);
    display: inline-flex;
    border-radius: 0.25rem;
}

.breadcrumb-container p,
.breadcrumb-container span {
    font-size: 0.825rem;
    display: flex;
    gap: 0.25rem;
}

.breadcrumb-container .home-link svg {
    stroke: var(--blue-500) !important;
}

/*CARD ARTICLE*/

.item-article .post-thumbnail {
    width: 100%;
    height: auto;

}

.item-article .entry-meta {
    color: var(--slate-700);
}

.item-article .post-thumbnail img {
    aspect-ratio: 3 / 2;
    mask-image: url(https://duboisimageries.com/wp-content/uploads/2025/07/masque-image.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url(https://duboisimageries.com/wp-content/uploads/2025/07/masque-image.svg);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    object-fit: cover;
    width: 100%;
}

.item-article h3 {
    font-size: 1.5rem;
    color: var(--blue-800);
    font-weight: 500;
    margin-top: 1rem;
}

.item-article p {
    color: var(--slate-700);
}

.search-container {
    margin: 0;
    margin-right: 0.75rem;
}

#search-trigger {
    width: 1.25rem;
    height: 1.25rem;
    padding: 0.75rem;
    display: flex;
    background: transparent;
    display: contents;
    margin-right: 0.5rem;
}

.masque-2-3 {
    width: 100%;
    height: auto;
    mask-image: url('https://duboisimageries.com/wp-content/uploads/2025/07/masque-image.svg');
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url('https://duboisimageries.com/wp-content/uploads/2025/07/masque-image.svg');
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}

/*animation*/

@keyframes scaleUp {
    0% {
        transform: scale(0);
        transform-origin: bottom right;
    }

    100% {
        transform: scale(1.05);
        transform-origin: bottom right;
    }
}

.scale-up {
    animation: scaleUp 0.7s ease-out forwards;
}


/*HEADER*/

header {
    position: relative;
    z-index: 12;
}

header .sub-nav .uk-navbar-container {
    background: var(--blue-800);
}

header .sub-nav .uk-navbar {
    padding: 0 2rem;
}

header .sub-nav .uk-navbar-right {
    gap: 0.75rem;
}

header .sub-nav .uk-navbar-container .uk-list {
    gap: 1rem;
}

header .sub-nav .uk-navbar-container .sub-menu-item a {
    gap: 0.25rem;
    color: var(--white);
    padding: 0.5rem 0;
    font-family: var(--primary-font);
}

header .sub-nav .uk-navbar-container .sub-menu-item a svg {
    margin-top: 1px;
}


header .sub-nav .search-container {
    height: 1rem;
}

header .sub-nav #search-trigger {
    line-height: 1 !important;
    display: block;
}

header .sub-nav .uk-navbar-container .rs {
    gap: 0.5rem;
}

header .sub-nav .uk-navbar-container .sub-menu-item a.phone {
    font-family: var(--secondary-font);
}

header .sub-nav .uk-navbar-container .rs:before {
    content: "";
    display: block;
    height: 0.75rem;
    width: 1px;
    background-color: var(--blue-100);
}

header .sub-nav .rs a,
header .sub-nav .rs a svg {
    display: block;
    height: 1rem;
}

header .fix-logo {
    margin-left: -0.5rem;
}

header .dubois-menu,
header .print-caraibes-menu {
    gap: 1.5rem;
}

header #menu-menu-dubois-imageries,
header #menu-menu-print-caraibes {
    gap: 1.25rem
}

header .primary-nav {
    z-index: 99999 !important;
}


header .primary-nav .uk-navbar {
    padding: 0.75rem 1.5rem;
    margin-top: 0.5rem;
    border-radius: 1rem;
    box-shadow: 0 4px 16px #00204216;
    background-color: var(--white);
}

header .primary-nav .uk-navbar-left {
    gap: 1.5rem;
}

header .primary-nav .logo-header {
    transition: all .3s ease-out;
    height: 3rem;
    width: auto;
}

header .primary-nav.uk-sticky-below .logo-header {
    height: 2.5rem;
    width: auto;
}

/*DropDOwn*/

header .uk-navbar-dropdown {
    border-radius: 1rem;
    padding: 0;
}

header .col-image .overlay {
    padding: 1rem;
    height: 100%;
    display: flex;
    align-items: end;
}

header .col-image .overlay-affichage {
    background: #10BA6B;
    background: -webkit-linear-gradient(180deg, rgba(16, 186, 107, 0) 50%, rgba(16, 186, 107, 1) 100%);
    background: -moz-linear-gradient(180deg, rgba(16, 186, 107, 0) 50%, rgba(16, 186, 107, 1) 100%);
    background: linear-gradient(180deg, rgba(16, 186, 107, 0) 50%, rgba(16, 186, 107, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#10BA6B", endColorstr="#10BA6B", GradientType=0);
}

header .col-image .overlay-plv {
    background: #FFA710;
    background: -webkit-linear-gradient(180deg, rgba(255, 167, 16, 0) 50%, rgba(255, 167, 16, 1) 100%);
    background: -moz-linear-gradient(180deg, rgba(255, 167, 16, 0) 50%, rgba(255, 167, 16, 1) 100%);
    background: linear-gradient(180deg, rgba(255, 167, 16, 0) 50%, rgba(255, 167, 16, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFA710", endColorstr="#FFA710", GradientType=0);
}

header .col-image .overlay-decoration {
    background: #477BFF;
    background: -webkit-linear-gradient(180deg, rgba(71, 123, 255, 0) 50%, rgba(71, 123, 255, 1) 100%);
    background: -moz-linear-gradient(180deg, rgba(71, 123, 255, 0) 50%, rgba(71, 123, 255, 1) 100%);
    background: linear-gradient(180deg, rgba(71, 123, 255, 0) 50%, rgba(71, 123, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#477BFF", endColorstr="#477BFF", GradientType=0);
}

header .col-image .overlay-enseigne {
    background: #FF3D66;
    background: -webkit-linear-gradient(180deg, rgba(255, 61, 102, 0) 50%, rgba(255, 61, 102, 1) 100%);
    background: -moz-linear-gradient(180deg, rgba(255, 61, 102, 0) 50%, rgba(255, 61, 102, 1) 100%);
    background: linear-gradient(180deg, rgba(255, 61, 102, 0) 50%, rgba(255, 61, 102, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF3D66", endColorstr="#FF3D66", GradientType=0);
}

header .col-image .overlay-display-event {
    background: #9312C2;
    background: -webkit-linear-gradient(180deg, rgba(147, 18, 194, 0) 50%, rgba(147, 18, 194, 1) 100%);
    background: -moz-linear-gradient(180deg, rgba(147, 18, 194, 0) 50%, rgba(147, 18, 194, 1) 100%);
    background: linear-gradient(180deg, rgba(147, 18, 194, 0) 50%, rgba(147, 18, 194, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9312C2", endColorstr="#9312C2", GradientType=0);
}

header .col-image .overlay-print {
    background: #FF45DD;
    background: -webkit-linear-gradient(180deg, rgba(255, 69, 221, 0) 50%, rgba(255, 69, 221, 1) 100%);
    background: -moz-linear-gradient(180deg, rgba(255, 69, 221, 0) 50%, rgba(255, 69, 221, 1) 100%);
    background: linear-gradient(180deg, rgba(255, 69, 221, 0) 50%, rgba(255, 69, 221, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF45DD", endColorstr="#FF45DD", GradientType=0);
}

header .col-image .overlay {
    color: var(--white);
    font-family: var(--primary-font);
}

header .col-image .padding-image {
    padding: 1.25rem;
}

header .col-produit .padding-produit {
    padding: 2rem 1.25rem;
}

header .col-produit .padding-special {
    padding: 2rem 1.25rem;
    background-color: var(--blue-50);
}

header .col-produit .padding-special a {
    padding: 0;
}

header .uk-navbar-dropdown .col-image .uk-inline-clip {
    border-radius: 0.5rem;
}


header .uk-navbar-nav>li>a {
    font-family: var(--secondary-font);
    font-size: 1rem;
    font-weight: 400;
    color: var(--blue-900);
    text-transform: initial;
    min-height: initial;
    padding: 1.25rem 0px;
    line-height: 1;
}

header .col-produit a {
    color: var(--blue-900);
    font-family: var(--primary-font);
    font-size: 1rem;
    font-weight: 500;
}

header .uk-parent.affichage svg path {
    fill: var(--affichage);
}

header .uk-parent.plv svg path {
    fill: var(--plv);
}

header .uk-parent.decoration svg path {
    fill: var(--decoration);
}

header .uk-parent.enseigne svg path {
    fill: var(--enseigne);
}

header .uk-parent.display-event svg path {
    fill: var(--display-event);
}

header .uk-parent.print svg path {
    fill: var(--impression);
}

header .affichage .col-produit a svg path {
    fill: none;
    stroke: var(--affichage);
}

header .plv .col-produit a svg path {
    fill: none;
    stroke: var(--plv);
}

header .decoration .col-produit a svg path {
    fill: none;
    stroke: var(--decoration);
}

header .enseigne .col-produit a svg path {
    fill: none;
    stroke: var(--enseigne);
}

header .display-event .col-produit a svg path {
    fill: none;
    stroke: var(--display-event);
}

header .print .col-produit a svg path {
    fill: none;
    stroke: var(--impression);
}

@media screen and (min-width:960px) and (max-width:1360px) {
    header .primary-nav .logo-header {
        height: 2rem;
    }

    header #menu-menu-dubois-imageries,
    header #menu-menu-print-caraibes {
        gap: 0.75rem;
    }

    header .uk-navbar-nav>li>a {
        font-size: 0.875rem;
    }

    header .primary-nav .uk-navbar-left {
        gap: 1rem;
    }

    header .dubois-menu,
    header .print-caraibes-menu {
        gap: 0.75rem;
    }

}

@media screen and (max-width:960px) {

    .mobile-nav .uk-navbar-container {
        background-color: var(--white);

    }

    .mobile-nav .fix-logo img {
        height: 2.5rem;
        width: auto;
    }

    .mobile-nav .uk-navbar-nav>li>a,
    .uk-navbar-toggle {
        min-height: 2rem;
        background-color: var(--blue-50);
        color: var(--blue-500);
        padding: 0.75rem;
        margin-block: 0.5rem;
        border-radius: 0.5rem;
    }
}

#modal-full .uk-modal-dialog {
    background-color: var(--blue-500);
    background-image: url(https://duboisimageries.com/wp-content/uploads/2025/06/background-hero-scaled.webp);
    background-size: cover;
    background-position: center;
}

#menu-menu-mobile .uk-navbar-dropdown-nav>li>a {
    color: var(--white);
}

#menu-menu-mobile li {
    border-color: var(--blue-600) !important;
}

#menu-menu-mobile .uk-navbar-dropdown-nav>li>a {
    color: var(--white);
    font-size: 1rem;

}

.uk-navbar-dropdown-nav>li.uk-active>a {
    color: var(--blue-50);
    font-weight: 500;
}

.uk-modal-close-full {
    top: 2rem;
    right: 2rem;
    background-color: transparent;
    color: var(--white);
}

#modal-full .uk-navbar-dropdown-nav .uk-nav-sub a {
    color: var(--white);
}

#modal-full .uk-navbar-dropdown-nav>li>a {
    color: var(--white);
    font-size: 1.125rem;
}

#modal-full .other-items .sub-menu-item a {
    background-color: var(--blue-500);
    color: var(--white);
    padding: 0.75rem 0.75rem;
    border-radius: 50px;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
}

#modal-full .other-items .sub-menu-item a svg {
    margin-right: 0.25rem;
}


/*CTA*/


.cta .background {
    padding: 6rem 0;
    background-image: url('https://duboisimageries.com/wp-content/uploads/2025/07/background-parallax.webp');
}

.cta h2 {
    color: var(--white);
}

/*foooter*/

footer {
    background: var(--blue-800);
    padding-block: 2.5rem;
    border-radius: 2rem 2rem 0 0;
}

footer .logo-dubois {
    max-height: 3.5rem;
    width: auto;
}

footer * {
    color: var(--white);
}

footer .coordonnees .uk-flex {
    gap: 0.25rem;
    align-items: baseline;
}

footer .sib-email-area {
    margin-top: .5rem;
    border-radius: .5rem;
}

footer .sib-default-btn {
    background-color: var(--blue-500) !important;
}

footer .sib-default-btn:hover {
    background-color: var(--blue-900) !important;
}



/*ITEM PRODUIT*/

.item-produit {
    box-shadow: none;
    border-radius: 1.5rem;
    border: solid 1px var(--blue-100);
    overflow: hidden;
    display: block;
    transition: all .2s ease-out;
}

.item-produit:hover {
    text-decoration: none;
    transform: scale(1.02);
}

.item-produit .uk-card {
    transition: all .3s ease-out;
}

.item-produit .uk-card-media-top img {
    aspect-ratio: 3/2;
    object-fit: cover;
    width: 100%;
}


.item-produit h3.badge-title {
    border-radius: 2rem;
    padding: 0.5rem 1rem;
    background-color: var(--affichage);
    color: var(--white);
    font-weight: 500;
    position: absolute;
    top: -2rem;
    left: 2rem;
    transform: rotate(-3deg);
    margin-bottom: 0;
}

.item-produit .uk-card-body {
    padding: 2.5rem;
}


.item-produit p {
    margin-top: 0;
    margin-bottom: 1rem;
    color: var(--slate-800);
}

.item-produit p.fake-button {
    font-size: 1.125rem;
    font-family: var(--primary-font);
    text-transform: initial;
    color: var(--blue-900);
    padding: 1rem 2.5rem 2rem 2.5rem;
}

.icon {
    background-color: var(--blue-50);
    top: 2rem;
    display: block;
    left: 2rem;
    padding: 0.5rem;
    border-radius: 0.5rem;
}

/*graident*/

.item-produit .icon {
    background: #0CA55E;
    background: -webkit-linear-gradient(0deg, rgba(12, 165, 94, 1) 0%, rgba(16, 186, 107, 1) 100%);
    background: -moz-linear-gradient(0deg, rgba(12, 165, 94, 1) 0%, rgba(16, 186, 107, 1) 100%);
    background: linear-gradient(0deg, rgba(12, 165, 94, 1) 0%, rgba(16, 186, 107, 1) 100%);
}

.item-produit h3.badge-title {
    background: #0CA55E;
    background: -webkit-linear-gradient(45deg, rgba(12, 165, 94, 1) 0%, rgba(16, 186, 107, 1) 100%);
    background: -moz-linear-gradient(45deg, rgba(12, 165, 94, 1) 0%, rgba(16, 186, 107, 1) 100%);
    background: linear-gradient(45deg, rgba(12, 165, 94, 1) 0%, rgba(16, 186, 107, 1) 100%);
}

.item-produit:hover {
    border-color: var(--affichage);

}

.item-produit .icon {
    background: #FFB940;
    background: -webkit-linear-gradient(0deg, rgba(255, 185, 64, 1) 0%, rgba(255, 167, 16, 1) 100%);
    background: -moz-linear-gradient(0deg, rgba(255, 185, 64, 1) 0%, rgba(255, 167, 16, 1) 100%);
    background: linear-gradient(0deg, rgba(255, 185, 64, 1) 0%, rgba(255, 167, 16, 1) 100%);
}

.item-produit h3.badge-title {
    background: #FFB940;
    background: -webkit-linear-gradient(0deg, rgba(255, 185, 64, 1) 0%, rgba(255, 167, 16, 1) 100%);
    background: -moz-linear-gradient(0deg, rgba(255, 185, 64, 1) 0%, rgba(255, 167, 16, 1) 100%);
    background: linear-gradient(0deg, rgba(255, 185, 64, 1) 0%, rgba(255, 167, 16, 1) 100%);
}

/*ITEM PRODUIT*/

.item-realisation {
    box-shadow: none;
    border-radius: 1.5rem;
    border: solid 1px var(--blue-100);
    overflow: hidden;
    display: block;
    transition: all .2s ease-out;
}

.item-realisation:hover {
    text-decoration: none;
    transform: scale(1.02);
}

.item-realisation .uk-card {
    transition: all .3s ease-out;
}

.item-realisation .uk-card-media-top img {
    object-fit: cover;
    aspect-ratio: 3 / 2;
}

.item-realisation p {
    margin-top: 0;
    margin-bottom: 1rem;
}

.item-realisation p.fake-button {
    font-size: 1.125rem;
    font-family: var(--primary-font);
    text-transform: initial;
    color: var(--blue-900);
}

.item-realisation:hover {
    border-color: var(--affichage);
}

.pagination {
    gap: 0.5rem;
}

.pagination .page-numbers {
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px var(--slate-500);
    color: var(--slate-700);
    line-height: 1;
    border-radius: 0.25rem
}

.pagination .page-numbers.current {
    color: var(--blue-500);
    border-color: var(--blue-500);
}