/*
Theme Name: Chrysalis
Theme URI: https://github.com/elementor/hello-theme/
Description: Thème enfant de Hello Elementor par IPSO
Author: IPSO
Author URI: https://www.studioipso.fr
Template: hello-elementor
Version: 1.0
Text Domain: hello-elementor-child
*/


/* Header */
.header {
    padding: 0;
}

body:is(.scroll-down, .scroll-up) .header {
    background: rgba(47,47,47,1) !important;
}

.header .elementor-menu-toggle {
    padding: 0;
}

.header .elementor-menu-toggle > span {
    height: 30px;
}

.header ul.elementor-nav-menu--dropdown a, 
.header ul.elementor-nav-menu--dropdown a:focus, 
.header ul.elementor-nav-menu--dropdown a:hover {
    border-inline-start: 0;
}

@media screen and (max-width: 1024px) {
    .header .elementor-nav-menu .sub-arrow svg {
        fill: #fff;
    }

    .header .elementor-nav-menu a:hover .sub-arrow svg,
    .header .elementor-nav-menu a.highlighted .sub-arrow svg {
        fill: var( --e-global-color-secondary );
    }
}



/* Scroll indicator */
.scroll-indicator {
    animation: 1.5s ease-in-out infinite alternate scroll;
}

@keyframes scroll {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(15px);
    }
}


/* Item Réalisation */
.item-realisation .overlay {
    opacity: .5;
    transition: .3s ease;
}

.item-realisation:hover .overlay {
    opacity: .25;
}

/* Slider Logos */
.slider-logos .swiper-wrapper {
    align-items: center;
}
.slider-logos .swiper-slide .swiper-slide-image {
    max-height: 80px;
    max-width: 120px;
    filter: brightness(0) saturate(100%) invert(15%) sepia(4%) saturate(113%) hue-rotate(341deg) brightness(95%) contrast(89%);
}

.elementor-element.elementor-pagination-position-outside .swiper {
    padding-bottom: 50px;
}

/* Breadcrumb */
.rank-math-breadcrumb,
.rank-math-breadcrumb a {
   color: #fff; 
}

.rank-math-breadcrumb p {
    margin-bottom: 0;
    font-size: 14px;
}

/* WP Forms */
.wpforms-container .wpforms-field {
    padding-top: 20px !important;
}

.wpforms-container .wpforms-field-label {
    margin-bottom: .5em;
    color: var(--e-global-color-primary);
    font-size: 24px;
    font-weight: 900 !important;
    font-family: "Teko", Sans-serif;
    text-transform: uppercase;
}

@media screen and (max-width: 767px) {
    .wpforms-container .wpforms-field-label {
        font-size: 18px;
    }
}

.wpforms-container .wpforms-required-label {
    color: var(--e-global-color-primary) !important;
}

/* Input, Textarea */
.wpforms-container input,
.wpforms-container textarea {
    padding: 0.6em 1em;
    max-width: 100% !important;
    border: 2px solid var(--e-global-color-primary);
    border-radius: unset;
    background: transparent;
}

.wpforms-container input::placeholder,
.wpforms-container textarea::placeholder {
    opacity: .3;
}

.wpforms-container input:focus,
.wpforms-container textarea:focus {
    outline: 1px solid var(--e-global-color-primary) !important;
    border-color: var(--e-global-color-primary) !important;
}

/* Checkbox */
.wpforms-container .wpforms-field-checkbox ul,
.wpforms-container .wpforms-field-gdpr-checkbox ul {
    display: flex;
    flex-direction: column;
    gap: .8em;
    padding-left: 0;
    list-style: none;
}

.wpforms-container .wpforms-field-checkbox ul li,
.wpforms-container .wpforms-field-gdpr-checkbox ul li {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.wpforms-container .wpforms-field-checkbox ul li input[type="checkbox"],
.wpforms-container .wpforms-field-gdpr-checkbox ul li input[type="checkbox"] {
    align-self: flex-start;
    margin: 0 8px 0 0;
    height: 20px;
    width: 20px;
    min-height: 20px;
    min-width: 20px;
}

.wpforms-container .wpforms-field-checkbox ul li input[type="checkbox"]:focus,
.wpforms-container .wpforms-field-gdpr-checkbox ul li input[type="checkbox"]:focus {
    outline: unset !important;
}

.wpforms-container .wpforms-field-checkbox ul li label,
.wpforms-container .wpforms-field-gdpr-checkbox ul li label {
    line-height: 1.2;
}

/* File upload */
.wpforms-container .wpforms-field-file-upload .wpforms-uploader {
    background: #fff;
    border: 1px dashed var(--e-global-color-secondary);
    border-radius: unset;
}

.wpforms-container .wpforms-field-file-upload .wpforms-uploader .dz-message svg {
    fill: var(--e-global-color-secondary);
}

.wpforms-container div.wpforms-uploader .dz-preview .dz-progress .dz-upload {
    background-color: var(--e-global-color-secondary) !important;
}

/* Erreur */
.wpforms-container .wpforms-field em.wpforms-error {
    color: #bf1a1b !important;
    font-size: 0.8em !important;
}

/* Submit */
.wpforms-container .wpforms-submit-container {
    margin-top: 25px;
}

/* h2 */
.h2 h1.elementor-heading-title {
    color: var( --e-global-color-secondary );
    font-family: "Teko", Sans-serif;
    font-size: 42px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2em;
}

@media screen and (max-width: 767px) {
    .h2 h1.elementor-heading-title {
        font-size: 31px;
    }
}

.btn-play-video {
    animation: 1.5s ease-in-out infinite alternate playVideo;
    -webkit-animation: 1.5s ease-in-out infinite alternate playVideo;
}

@keyframes playVideo {
    from {
        transform: scale(.9);
    }
    to {
        transform: scale(1.1);
    }
}