@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
/* Define the custom font */
@font-face {
    font-family: 'Circular';
    src: url('https://www.diot-siaci.com/wp-content/themes/diotsiaci/assets/fonts/circularstd-book.woff2') format('woff2'),
        url('https://www.diot-siaci.com/wp-content/themes/diotsiaci/assets/fonts/circularstd-book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* Apply the custom font to the body */
body {
    font-family: 'Circular', Arial, sans-serif;  
}
/* Background color & fonts */
body,
body.theme-lumapps {
    font-family: 'Circular', Arial, sans-serif !important;
    background-color:#FFFFFF !important;
}

/* Centering Main Navigation */
.main-nav__wrapper {
    text-align: center;
}
.main-nav__root {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0;
}
.main-nav-item {
    margin: 0 4px;
}

/* Weather */
.widget--shared-a-weather .extension-component > div > div > div:last-child {
    display: none;
}

/* Widget Dark Large title */
.widget--shared-a-widget-fonce-titre-grand .widget-header__title {
    color: #FFFFFF;
    font-size: 32px;
    font-weight: 700;
    position: relative;
}
.widget--shared-a-widget-fonce-titre-grand  .widget-header__title::after {
    content: '';
    display: block;
    width: 185px; /* Adjust as per your design */
    height: 2px; /* Adjust as per your design */
    background-color: #FFFFFF; /* White */
    margin-top: 4px; /* Adjust spacing between text and underline */
}

/* Widget Page Title */
.widget--shared-a-titre-page-fonce  .widget-title__title,
.widget--shared-a-titre-page-fonce .block-title,
.widget--shared-a-titre-page-clair  .widget-title__title,
.widget--shared-a-titre-page-clair  .block-title {
    font-size: 40px !important;
    text-transform: uppercase !important;
}
.widget--shared-a-titre-page-clair .widget-title__title,
.widget--shared-a-titre-page-clair .block-title {
    color: #004687 !important;
}

/* Style for the folder icon button */
.widget--shared-widget-fonce .lumx-button--variant-icon {
    height: 28px;
    width: 28px;
    padding: 0;
}
/* Styles for the icon inside the button */
.widget--shared-widget-fonce .lumx-icon {
    color: #FFFFFF;
    font-size: 20px;
}

/* Text Gradients */
.gradient-text,
.gradient-text-lowercase {
    display: inline-block;
    /* Ensures the gradient applies correctly */
    font-size: 35px;
    /* Adjusted font size to 35px */
    font-weight: bold;
    /* Text made bold */
    text-transform: uppercase;
    /* Convert text to uppercase */
    background: linear-gradient(to right, #002f5a, #004687 50%, #d84e38);
    /* Gradient stops adjusted */
    -webkit-background-clip: text;
    /* Apply gradient as text fill */
    -webkit-text-fill-color: transparent;
    /* Hide original text color */
}
.gradient-text-lowercase {
    text-transform: none;
    font-style: italic;
    text-align: center;
}

/* Custom Buttons */
.widget--shared-a-bouton-bleu .custom-button {
    display: inline-block;
    text-decoration: none;
    background-color: #004687;
    color: #FFFFFF;
    padding: 30px 20px;
    border: none;
    transition: background-color 0.3s, border-color 0.3s;
    position: relative;
    width: 100%;
    }
    
.widget--shared-a-bouton-bleu .custom-button img {
    width: 85px;
    height: 20px;
    filter: brightness(0) invert(1);
    display: block;
    margin: 0 auto !important;
    margin-bottom: 6px !important;
}
.widget--shared-a-bouton-bleu .custom-button span {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #FFFFFF;
    padding: 4px 0;
}
.widget--shared-a-bouton-bleu  .custom-button:hover {
    background-color: #FFFFFF;
}
.widget--shared-a-bouton-bleu  .custom-button:hover img {
    filter: none;
}
.widget--shared-a-bouton-bleu  .custom-button:hover span {
    color: #004687;
}

/* Custom Social Buttons */
.social-button {
    display: inline-block;
    text-align: center;
    padding: 10px;
    background-color: transparent;
    transition: background-color 0.3s ease;
    width: 100%;
}
.social-button a {
    text-decoration: none;
    color: #fff;
}
.social-button img {
    vertical-align: middle;
    margin: 0 auto 8px !important;
}
.social-button span {
    margin-left: 6px;
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
}
.social-button:hover {
    background-color: #002F5A;
}
.social-button:hover span, 
.social-button:hover a {
    color: #fff;
}

/* Chiffres Cles Tables */
.widget--share-a-widget-clair table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 8px;
    margin-bottom: 16px;
    }
    
.widget--share-a-widget-clair table td {
    text-align: center;
    padding: 20px;
    border: 1px solid #ccc;
}

/* Bullet Points orange */
.widget--shared-a-widget-clair .block-html ul,
.widget--shared-a-widget-fonce .block-html ul,
.widget--shared-a-widget-faq-fonce .block-html ul{
    list-style: none;
    padding-left: 20px;
}
.widget--shared-a-widget-clair .block-html ul li,
.widget--shared-a-widget-fonce .block-html ul li,
.widget--shared-a-widget-faq-fonce .block-html ul li{
    position: relative;
    padding-left: 14px;
}
.widget--shared-a-widget-clair .block-html ul li::before,
.widget--shared-a-widget-fonce .block-html ul li::before,
.widget--shared-a-widget-faq-fonce .block-html ul li::before{
    content: '\2022';
    color: #f07d00;
    position: absolute;
    left: 0;
}
.widget--shared-a-widget-clair .block-html ::marker,
.widget--shared-a-widget-fonce .block-html ::marker,
.widget--shared-a-widget-faq-fonce .block-html ::marker {
    color: #f07d00;
    font-weight: bold;
}

/* Removing Bookmark App Icon */
.header-top__bookmarked-apps {
    display: none;
}

/* New Welcome Message */
.widget--shared-a-banner-transparent-fonce .widget-welcome {
    font-size: 32px !important;
}