/*************************

Theme Name: DEBACTEUR
Description: Theme enfant de GeneratePress. Vous pouvez maintenant effectuer vos modifications en toute sécurité.
Author: Florian | Progressio Web
Author URI: https://progressio-web.fr
Template: generatepress
Version: 1.0

*************************/

:root {
    --jaune: #FFCD00;
    --noir: #2E2E2B
}

html,
body {
    overflow-x: clip;
}

body::-webkit-scrollbar {
    width: 10px;
    background-color: #ffffff;
}

body::-webkit-scrollbar-thumb {
    background-color: var(--e-global-color-primary);
    border-radius: 999px;
}

.swiper-wrapper {
    transition-timing-function: linear !important;
}

.swiper-container {
    overflow: hidden;
}

.cover {
    background-size: cover !important;
}

.fixed {
    background-attachment: fixed;
}

.one-container.archive .post:not(:last-child):not(.is-loop-template-item),
.one-container.blog .post:not(:last-child):not(.is-loop-template-item) {
    padding-bottom: 0px;
}

a.elementor-button:hover span.elementor-button-icon svg path {
    fill: inherit;
}

div.wpforms-container-full input[type=checkbox]:before,
div.wpforms-container-full input[type=radio]:before {
    border-radius: 999px !important;
    width: 20px;
    height: 20px;
}

/*********************************************/
/************** CUSTOM CONTENT ***************/
/*********************************************/

.content_custom *,
.elementor-widget-text-editor * {
    margin-bottom: 30px !important;
}

.content_custom *:first-child,
.elementor-widget-text-editor *:first-child {
    margin-top: 0px !important;
}

.content_custom h2,
.elementor-widget-text-editor h2 {
    margin-top: 50px;
}

.content_custom *:last-child,
.elementor-widget-text-editor *:last-child {
    margin-bottom: 0px !important;
}

.content_custom li,
.elementor-widget-text-editor li {
    margin-bottom: 10px !important;
}

.content_custom ul,
.elementor-widget-text-editor ul {
    margin-left: 30px;
}

.strong {
    color: var(--e-global-color-accent);
}

.content_custom a {
    text-decoration: underline !important;
    font-weight: 600 !important;
}

/*********************************************/
/***************** GENERAL *******************/
/*********************************************/

.page-numbers.prev,
.page-numbers.next {
    background: var(--e-global-color-primary);
    color: white !important;
    padding: 15px;
    border-radius: 9999px;
    transition: all 0.3s ease-out;
}

.page-numbers.prev:hover,
.page-numbers.next:hover {
    background: var(--e-global-color-secondary);
    transition: all 0.3s ease-out;
}

.page-numbers.prev {
    margin-right: 20px !important;
}

.page-numbers.next {
    margin-left: 20px !important;
}

a.page-numbers,
span.page-numbers.current {
    background: var(--e-global-color-primary);
    color: white !important;
    width: 35px;
    height: 35px;
    border-radius: 999px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

span.page-numbers.current {
    background: var(--e-global-color-secondary);
}

#bouton_fixe_droit {
    position: fixed;
    bottom: -4px;
    right: -4px;
    z-index: 10;
    background: url(/wp-content/uploads/2026/04/trace-113.png);
    width: 185px;
    color: var(--noir);
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    height: 125px;
    padding: 0 !important;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
}

#bouton_fixe_droit a {
    color: var(--noir);
    font-weight: 700;
    height: 125px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 10px;
    left: 5px;
    transition: all 0.3s;
}

#bouton_fixe_droit:hover {
    background: url(/wp-content/uploads/2026/04/trace_114.png);
    transition: all 0.3s;
}

#bouton_fixe_droit:hover a {
    color: #fff;
    transition: all 0.3s;
}

#header_nav .menu-item-70:last-child a {
    background: var(--jaune);
    color: var(--noir);
    padding: 15px 30px;
    border-radius: 8px;
    box-shadow: var(--noir) -6px -6px 0 0;
    transition: all 0.3s;
}

#header_nav .menu-item-70:last-child:hover a {
    color: var(--jaune);
    background: var(--noir);
    box-shadow: var(--noir) 0 0 0 0;
    transition: all 0.3s;
}

/***** CONTACT *****/
#form-contact input,
#form-contact textarea,
#form-contact .choices__inner {
    box-shadow: black -7px -7px 0px;
    transition: all 0.3s;
    border-radius: 7px!important;
}

#form-contact input:hover,
#form-contact textarea:hover,
#form-contact .choices__inner:hover  {
    box-shadow: black 0px 0px 0px;
    transition: all 0.3s;
}


#form-contact input[type=checkbox] {
    box-shadow: black 0px 0px 0px;
}

#slider-partenaires-footer img {
    filter: grayscale(1);
    transition: all .3s ease-in;
}

#slider-partenaires-footer img:hover {
    filter: grayscale(0);
    transition: all .3s ease-in;
}

#form-contact div#wpforms-234-field_6-container * {
    color: white !important;
}

#form-contact .wpforms-submit {
    font-family: "FV Almelo", Sans-serif!important;
}

.progressio-spotify-embed {
    width: 100%;
    max-width: 100%;
}

.progressio-spotify-embed iframe {
    display: block;
    width: 100% !important;
    max-width: 100%;
    min-height: 352px;
    border: 0;
}


/*********************************************/
/**************** RESPONSIVE *****************/
/*********************************************/

@media screen and (min-width:1201px) {
    .no_desk {
        display: none !important;
    }
}


/*********************************************/
/***************** TABLETTE ******************/
/*********************************************/

@media screen and (max-width:1024px) {
    .no_mob {
        display: none !important;
    }
    #filter_ctn {
        width: 100%!important;
    }
    #header_nav .menu-item-70:last-child a {
        background: var(--noir);
        color: var(--jaune);
        border-radius: 0;
        box-shadow: none;
        padding: 25px 30px;
    }
}



/*********************************************/
/****************** MOBILE *******************/
/*********************************************/

@media screen and (max-width:768px) {
    #bouton_fixe_droit {
        width: 140px;
        background-size: contain;
        background-position: bottom;
    }
}