/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
/*----------------------------------------GENERAL STYLES AND CLASSES----------------------------------------*/
html,
body {
    overflow-x: hidden !important;
}

.elementor-widget-image a img[src$=".svg"] {
    width: inherit !important;
}

/*DISABLE OUTLINE*/
a:focus-visible {
    outline: none !important;
}

.overflow-hidden,
.overflow-hidden .elementor-widget-container {
    overflow: hidden !important;
}

.height100,
.height100 .elementor-widget-container {
    height: 100% !important;
}

.width100,
.width100 .elementor-widget-container {
    width: 100% !important;
}

.cta a::before {
    /*THIS EXTENDS THE LINK TO THE ENTIRE WIDGET BLOCK*/
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.cta{
	backdrop-filter: blur(2px);
}
.pointer:hover {
    cursor: pointer;
}

.pointer-none {
    pointer-events: none;
}

/* TEXT IN FRONT OF STROKE */
* {
    paint-order: stroke;
}

/*SEPARATOR*/
.vertical-separator {
    display: flex;
    height: 100%;
    width: 1px;
    background-color: #fff;
}

@media (max-width: 767px) {
    .sm-overflow-x-scroll {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        flex-wrap: nowrap;

        >.e-con.e-flex {
            --flex-shrink: 0;
        }
    }
    .nobr br{
        display: none !important;
    }
}

@media (max-width: 1024px) {
    .md-overflow-x-scroll {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        flex-wrap: nowrap;

        >.e-con.e-flex {
            --flex-shrink: 0;
        }
    }
}

/*CAROUSEL GRADIENT*/
.opacity-carousel {
    position: relative;
    -webkit-mask-image: linear-gradient(to right, transparent, black 20%, black 80%, transparent);
    mask-image: linear-gradient(to right, transparent, black 20%, black 80%, transparent);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
.opacity-carousel .swiper-wrapper{
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}
/*TEXT UTILITY CLASSES*/
.text-primary {
    color: var(--e-global-color-primary);
}

.text-secondary {
    color: var(--e-global-color-secondary);
}

.text-accent {
    color: var(--e-global-color-accent);
}
b, strong{
	font-weight:800!important;
}
/*FIX DEFAULT LINK COLOR ELEMENTOR*/
.inherit a {
    color: inherit !important;
}

.underline a {
    text-decoration: underline !important;
}

/*BLUR UTILITY CLASSES*/
.backdrop-blur-1 {
    backdrop-filter: blur(1px);
}
.backdrop-blur-5 {
    backdrop-filter: blur(5px);
}

.backdrop-blur-10 {
    backdrop-filter: blur(10px);
}

.backdrop-blur-15 {
    backdrop-filter: blur(15px);
}

.backdrop-blur-20 {
    backdrop-filter: blur(20px);
}
/* .overlay{
    width: 100%;
    height: 100%;
    background-color: #19191980;
    mix-blend-mode: multiply;
    pointer-events: none;
} */
/*----------------------------------------RECAPTCHA----------------------------------------*/
.grecaptcha-badge,
.grecaptcha-badge * {
    display: none !important;
}
/*----------------------------------------HEADER CUSTOM----------------------------------------*/

header{
    position: absolute;
    width: 100%;
    z-index: 99;
}
.stickyheadersection {
    transition: background-color .4s ease;
}

.elementor-sticky--effects.stickyheadersection {
    background-color: transparent!important; /* Background color when sticky */
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
}
@media (min-width:768px){
    .stickyheadersection .logo img{
        --logo-width: 244px; /* This should be the original logo height *before* being shrunk */
        --logo-shrink-to: 0.80; /* Shrinks logo to 80%, values: 0.10 to 1.00, where 1.00, as in 100%, won't shrink the logo */
        width: var(--logo-width);
        --transition-timing: .45s cubic-bezier(.4, 0, .2, 1);
        transition: width var(--transition-timing);
    }
    .stickyheadersection.elementor-sticky--effects .logo img{
        width: calc(var(--logo-width) * var(--logo-shrink-to));
    }
}
/*---------------------------------------LOADER----------------------------------------*/
.red-mask{
    width: 100%;
    height: 100%;
    background-color: var(--e-global-color-secondary);
    position: absolute;
    top: 0;
    left: 0;
}
#loader, #loader *{
    pointer-events: none;
}
/*----------------------------------------HOMEPAGE----------------------------------------*/

.overlay{
	background: linear-gradient(180deg, #0F0E0E 4.21%, rgba(0, 0, 0, 0.00) 31.83%), linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #0F0E0E 90%), linear-gradient(0deg, rgba(15, 14, 14, 0.77) 0%, rgba(15, 14, 14, 0.77) 100%);
	background-blend-mode: normal, normal, lighten;
	width:100%;
	height:100%
}
.hero-section .elementor-background-video-container{
	mix-blend-mode: luminosity;
}
.arrows{
	opacity: 0.77;
    mix-blend-mode: soft-light;
}
.lighten{
    mix-blend-mode: lighten;
}
.opacity-col{
    position: relative;
    -webkit-mask-image: linear-gradient(to bottom, transparent, black 20%, black 80%, transparent);
    mask-image: linear-gradient(to bottom, transparent, black 20%, black 80%, transparent);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
.accordion-services summary[aria-expanded=true] .e-n-accordion-item-title-text{
    font-weight: 700;
}
.accordion-services .elementor-icon-box-title a {
    text-decoration-thickness: from-font !important;
    text-underline-offset: 3px;
}
.tabs-loc button[aria-selected="true"] .e-n-tab-title-text{
    font-weight: 800 !important;
}
.arrows-red{
    position: relative;
    -webkit-mask-image: linear-gradient(to top, transparent, black 30%, black 100%, transparent);
    mask-image: linear-gradient(to top, transparent, black 30%, black 100%, transparent);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
.clip-bg p{
    color: transparent !important;
    background: linear-gradient(180deg, rgba(255, 252, 251, 0.0) 0%, rgba(255, 252, 251, 0.15) 100%);
    background-clip: text !important;
    -webkit-background-clip: text;
}
.vehicule .img-principale{
    transition: opacity 0.6s ease;
    opacity: 1;
}
.vehicule:hover .img-principale{
    opacity: 0;
    transition: opacity 0.6s ease;
}
.vehicule{
    transition: transform 0.6s ease;
}
.vehicule:hover{
    transition: transform 0.6s ease;
    transform: scale(1.04);
}
.carousel-vehicules{
    -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    @media(max-width: 767px){
        -webkit-mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);
        mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);
    }
}
.carousel-vehicules .slick-list{
    overflow: visible;
}
.carousel-vehicules li{
    transition: all 0.6s ease;
    border-radius: 10px !important
}
.carousel-vehicules li.slick-active{
    transition: all 0.6s ease;
    width: 25px !important;
    border-radius: 10px !important
}

/*----------------------------------------PAGE VEHICULE----------------------------------------*/
.infos-paddock ul {
    padding-inline-start: 14px !important;
}
.form-paddock input,.form-paddock textarea{
    padding-left: 0px !important;
}
.form-paddock #form-field-besoin option{
    color: #191919;
}
/*----------------------------------------MENTIONS LEGALES----------------------------------------*/
.mentions-legales h2{
    font-size: 22px !important;
    font-weight: 700 !important;
}
*:focus {
    outline: none !important;
}
/*----------------------------------------SCROLLBAR CUSTOM----------------------------------------*/
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    background-color: var(--e-global-color-accent);
    border-radius: 20px;
    border: 3px solid var(--e-global-color-accent);
}