/* ----------------------------------------------------------------
    Custom CSS

    Add all your Variant Styled CSS here for New Styles or
    Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
:root {
    --tw-body-font: 'Kollektif', sans-serif;
    --tw-primary-font: 'Kollektif', sans-serif;
    --tw-secondary-font: 'Kollektif', sans-serif;
    --tw-body-color: #000;
    --tw-body-font-size: 1rem;
    --tw-themecolor: #0966C4;
    --tw-secondary-color: #FFD55A;
}
body {
    font-family: var(--tw-body-font);
    color: var(--tw-body-color);
}
/* blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre, a {
    color: var(--tw-body-color);
} */
.text-gray-500 {
    color: var(--tw-body-color) !important;
}
.text-gray-500 , .text-sm, .text-base {
    font-size: var(--tw-body-font-size) !important;
}
header li a, footer li a {
    color: var(--tw-body-color);
}

.logo-default a span {
    color: var(--tw-themecolor);
    font-size: 28px;
    font-weight: 700;
}
.bg-gray-50 {
    background: var(--tw-themecolor) !important;
}

.bg-gray-100 {
    background: var(--tw-secondary-color) !important;
}
.bg-gray-50 .text-sm {
    color: #fff;
}
.bg-primary-700.hover\:bg-primary-800 {
    border-radius: 10px;
    background: var(--tw-themecolor) !important;
    box-shadow: 0px 1px 3px 0px rgba(30, 142, 255, 0.20), 0px -3.2px 0px 0px #1E8EFF inset;
}

.bg-gray-100.w-full, figure.bg-gray-100,
.bg-gray-100.rounded-lg, .accordion-button {
    border-radius: 10px;
    border: 4px solid var(--Contour-Jaune, #FFE587);
    background: var(--Dgrad, linear-gradient(0deg, #FFD55A 0%, #FFD55A 100%));
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}

.text-primary-600.text-sm {
    color: var(--tw-themecolor) !important;
}
.text-yellow-300.text-sm {
    color: var(--tw-secondary-color) !important;
}
.bg-primary-50.text-gray-800, .bg-blue-50.text-gray-800 {
    border-radius: 35px;
    border: 2px dashed var(--tw-themecolor) !important;;
    background: #FFF;
}
li::marker {
    font-size: 30px;
    color: var(--tw-secondary-color) !important;
}
footer .bg-gray-50 .text-gray-500 {
    color: #fff !important;
}

span.text-primary-600 {
    color: var(--tw-body-color);
}

[data-id="layout_header-with-top-bar"] #countdown {
    color: #fff!important;
}
[data-id="layout_footer-with-email-sign-up-cta"] #email-subscribe {
    width:300px;
    border-radius:10px;
    margin-right:10px;
    padding-left: 15px;
}

[data-id="layout_footer-with-email-sign-up-cta"] button[type=submit] {
    width:200px;
    border-radius: 10px;
    background: var(--tw-themecolor) !important;
    box-shadow: 0px 1px 3px 0px rgba(30, 142, 255, 0.20), 0px -3.2px 0px 0px #1E8EFF inset;
    position: relative;
}
a.text-white.hover\:bg-blue-700{
    background: var(--tw-themecolor) !important;
    box-shadow: 0px 1px 3px 0px rgba(30, 142, 255, 0.20), 0px -3.2px 0px 0px #1E8EFF inset;
}

#countdown {
    color: #fff;
}
.fa-arrow-right:before {
    content: "";
    background: url('/images/arrow-right-icon.svg') no-repeat;
    width: 12px;
    height: 12px;
    margin-right: 5px;
}
.ellipse-border {
    background-color: #FFD55A !important;
    background-image: repeating-radial-gradient(circle, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2) 4px, transparent 0px, transparent 75px) !important;
}

.ellipse-border .text-gray-900 h3:after {
    content: "";
    background: url(/images/ellipse-border.svg) no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    top: auto;
    right: 0;
    left: 20.15%;
    transform: translate(-50%, -50%);
    margin-top: 50px;
}
.ellipse-border .text-gray-500 p:after {
    content: "";
    background: url(/images/ellipse-border.svg) no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    top: auto;
    right: 0;
    left: 67.5%;
    transform: translate(-50%, -50%);
    margin-top: 50px;
}

.ellipse-border .bg-primary-700:after {
    content: "";
    background: url(/images/ellipse-border.svg) no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    top: auto;
    right: 136px;
    left: auto;
    transform: translate(-50%, -50%);
    margin-top: 50px;
}

@media (max-width : 991px) {
    [data-toolbar-full] h1 {
        font-size: 35px;
    }
    [data-toolbar-full] h2, #content h2 {
        font-size: 30px;
    }

    [data-id="layout_banner-section-centered-1"] {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    [data-id="layout_banner-section-centered-1"] .bg-primary-700.hover\:bg-primary-800,
    a.text-white.hover\:bg-blue-700 {
        margin-bottom: 30px;
    }

    #content input#member_submit {
        margin: 0!important;
    }

    img.rounded-lg.w-full.h-auto.max-w-sm{
        max-width: 100%;
    }
    #logo img {
        width: 130px;
    }
    #content .bg-primary-700.hover\:bg-primary-800 {
        width: 300px;
        text-align: center;
        margin: 0 auto 30px auto !important;
        display: block;
    }

    #content input[type=submit] {
        margin: auto !important;
    }

    [data-collapse-toggle="mobile-menu-2"] {
        border: 2px solid var(--tw-themecolor) !important;
        border-radius: 10px !important;
    }
    #mobile-menu-2 .bg-primary-700 {
        background: var(--tw-themecolor) !important;
    }
    .justify-left.md\:items-start .bg-primary-50.text-gray-800 {
        display: block;
        width: 150px;
        text-align: center;
        margin: 0 auto 20px auto;
    }
    #accordion-flush button span {
        font-size: 16px;
    }
    [data-id="layout_footer-with-email-sign-up-cta"] #email-subscribe,
    [data-id="layout_footer-with-email-sign-up-cta"] button[type=submit] {
        width: 250px;
    }
}

@media (max-width : 640px) {
    section.dark\:bg-gray-900.bg-\[\#0966c4\]
    .flex.justify-between.items-center {
        flex-direction: column;
        flex-wrap: wrap;
        gap: 16px;
    }

    [data-id="layout_footer-with-email-sign-up-cta"] form {
        display: block;
    }
    [data-id="layout_footer-with-email-sign-up-cta"] form div {
        margin-bottom: 15px;
    }

    [data-id="layout_footer-with-email-sign-up-cta"] .bg-gray-50 .flex.flex-wrap.justify-center.items-center.gap-8 {
        flex-direction: column;
        gap: 0;
    }
}

@media (max-width : 480px) {
    #logo img, #content .bg-primary-700.hover\:bg-primary-800 {
        width:auto !important;
        display: block;
        margin: auto;
    }
    #logo {
        display: block;
        margin: auto;
        width: 365px;
    }
    footer.bg-white.dark\:bg-gray-800 p,
    .bg-gray-100.w-full, figure.bg-gray-100 {
        text-align: center;
    }
}