/*  Theme Name:  excBENCOUL
Theme URI:    https://azulii.com
Description:  excBENCOUL
Author:       AZULII GESTION DE L'IMAGE
Author URI:   https://azulii.com
Template:     Divi  
Version:      1.01 */


:root {
	--primaryColor:#ff0000;
	--medgray:#888888;
	--secColor:#c80000;
}

::-moz-selection{color:#fff;background:var(--primaryColor);}
::selection{color:#fff;background:var(--primaryColor);}

.rank-math-breadcrumb {
	text-transform:uppercase!important;
}

@media all and (max-width:980px) {
	body #et-main-area {
		margin-top:96px;
	}
}
/*----HEADER----*/
header .et_builder_inner_content {
	z-index:999!important;
}

header .header-general {
    transition: all 0.3s ease-in-out!important;
    background-color: transparent!important;
}

body #et-boc header.et-l .header-general.scrolled {
    background-color: white!important;
    transition:all 0.3s ease-in-out;
	border-bottom:1px solid var(--primaryColor);
}

body #et-boc header.et-l .header-general.scrolled .et_pb_menu__menu ul li a, body #et-boc header.et-l .header-general.scrolled .et_pb_menu__menu ul li.current-menu-item a {
    color: black!important;
    transition: all 0.3s ease-in-out;
}

body #et-boc header.et-l .header-general .menu-principal .et-menu-nav .et-menu.nav>li {
	margin: 0;
    height: 90px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

body #et-boc header.et-l .header-general .menu-principal .et-menu-nav li>a {padding:0!important;}

body #et-boc header.et-l .header-general .menu-principal .et-menu-nav li.menu-item-has-children>a {
	padding-right:15px!important;
}

body #et-boc header.et-l .header-general .menu-principal .et-menu-nav .uline>a:hover:before {
    transform: scaleX(1);
    transform-origin: left;
}

body #et-boc header.et-l .header-general .menu-principal .et-menu-nav .uline>a {
    display: inline-flex;
    white-space: nowrap;
}

body #et-boc header.et-l .header-general .menu-principal .et-menu-nav .uline>a:before {
    background-color: currentColor;
    bottom: 25px;
    content: "";
    height: 1.5px;
    left: 0;
    position: absolute;
    right: 0;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .75s cubic-bezier(.19,1,.22,1);
}


/*-----DROPDOWN MENU------*/
body #et-boc header.et-l .header-general li.menu-item-has-children ul.sub-menu {
	border:none;
	background-color:#eeeeee!important;
	width:fit-content;
	padding:0;
	left:calc(100% - 225px);
}
body #et-boc header.et-l .header-general li.menu-item-has-children ul.sub-menu:before {
	content: "";
    position: absolute;
    top: -10px;
    left: calc(50% - 10px);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #eeeeee;
}

body #et-boc header.et-l .header-general li.menu-item-has-children ul.sub-menu li {
	padding:0 10px;
	background-color:transparent;
	transition: all .2s ease-in-out;
	width:350px;
}
body #et-boc header.et-l .header-general li.menu-item-has-children ul.sub-menu li:hover {
	padding:0 10px;
	background-color:rgba(0,0,0,0.05);
	transition: all .2s ease-in-out;
}
body #et-boc header.et-l .header-general li.menu-item-has-children ul.sub-menu li a {
	padding: 10px 0 !important;
    border-bottom: 1px solid #888888;
    width: 100%;
    color: black;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: bold;
    font-size: 18px;
    text-transform: inherit;
    line-height: 1;
}

body #et-boc header.et-l .header-general li.menu-item-has-children ul.sub-menu li:last-child a {
	border:none;
}
body #et-boc header.et-l .header-general li.menu-item-has-children ul.sub-menu li a:hover {
	background-color:transparent!important;
}



/*---MENU HAMBURGER---*/
#th_mobile-menu {
	position:fixed;
	top:96px;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateX(28px);
	transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.3s ease, visibility 0.3s ease;
	will-change: transform, opacity;
	overflow-y: scroll!important;
	z-index: 40;
}
body.et-fb #th_mobile-menu {
	position:relative;
	top:inherit;
	display:flex;
	opacity:1;
	visibility:visible;
	pointer-events:auto;
	transform: translateX(0px);
}
#th_mobile-menu.is-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateX(0);
}
body.no-scroll {overflow:hidden;}
header .header-general span.bar:before {height:3px;background:white!important}


@media all and (min-width:980.01px) {
	.hamburger-menu {
		display:none;
	}
}
@media all and (max-width:980px) {
	header .header-general .menu-principal .et_pb_menu__wrap {
		display:none;
	}
	header .header-general .col-menu {
		display:flex;
		justify-content:space-between;
	}
	body #et-boc header.et-l .header-general.scrolled {
		border-bottom:none;
	}
	body #et-boc header.et-l .header-general .col-menu {
		display:none;
	}
}

#mobile-menu .et_pb_toggle .et_pb_toggle_title:before {
	right:0!important;
}

/*----MENU MOBILE MENU AND SUB MENU----*/
#mobile-menu .mobile-menu .et-menu.nav>li {
	width:90vw;
}
#mobile-menu .mobile-menu .et-menu.nav>li a{
	width:100%;
	border-bottom:1px solid var(--medgray);
}
body #et-boc header.et-l .header-general #mobile-menu .mobile-menu .et-menu.nav li a {
	color:white!important;
}

#mobile-menu .mobile-menu .et-menu.nav>li:last-child a {
	border-bottom:none;
	margin-bottom:25px;
}
#mobile-menu .mobile-menu .et-menu.nav>li.menu-item-has-children {
	cursor:pointer;
}

#mobile-menu .mobile-menu .et-menu.nav>li.menu-item-has-children>a:after {
	content: "$";
    font-size: 0.75em;
    top: 0.1em;
}

#mobile-menu .mobile-menu .et-menu.nav>li.menu-item-has-children ul.sub-menu {
	position:fixed;
	top:0;
	left:inherit;
	right:0;
	width:70vw;
	display:block;
	background-color:#888888!important;
	min-height:100vh;
	padding-top:100px;
	cursor:default;
}
#mobile-menu .mobile-menu li.menu-item-has-children>ul.sub-menu {
  transform: translateX(100%);
  transition: transform 0.3s ease;
  position: relative;
}

#mobile-menu .mobile-menu li.menu-item-has-children.open > ul.sub-menu {
  transform: translateX(0);
}

#mobile-menu .mobile-menu li.menu-item-has-children.open > ul.sub-menu li.close-sub-menu {
	position: absolute;
    top: 30px;
    left: 0;
	width:fit-content;
}
#mobile-menu .mobile-menu li.menu-item-has-children.open > ul.sub-menu li.close-sub-menu:hover {
	background-color:transparent!important;
}

.close-sub-menu-btn {
  position: relative;
    background: none;
    border: none;
    cursor: pointer;
    font-family: 'ETmodules';
    font-size: 50px;
    color: white;
    padding: 0;
    margin: 0;
}

.close-sub-menu-btn::before {
  content: "#";
}


/*-----GALERIE DIAPO HERO-----*/
.galerie-hero-diapo {
	
}
.galerie-hero-diapo .et-pb-slider-arrows, .galerie-hero-diapo .et-pb-controllers {
	display:none;
}

.galerie-hero-diapo .et_pb_gallery_item a {
  pointer-events: none;
}

.galerie-hero-diapo .et_pb_gallery_item a img {
	height: 100vh;
	max-height:900px;
    object-fit: cover;
}

.galerie-hero-diapo .et_overlay {
  display: none !important;
}

@media all and (max-width:768px) {
	.galerie-hero-diapo .et_pb_gallery_item a img {
		height:400px
	}
}

/*----FORMULAIRE DE CONTACT-----*/
.form-container p {
	padding-bottom:0!important;
}


.form-container, .form-container .has-sub-section {
    display: flex;
    gap: 3%;
    padding:0;
    border-radius: 0;
}

.form-container .form-section, .form-container .has-sub-section .sub-section {
    flex: 1;
}

.form-container label {
	font-weight:bold;
	font-size:16px;
}
.form-container .form-section label {
	display:inline-block;
	margin-top:15px;
}

.form-container input, .form-container select, .form-container textarea {
    width: 100%;
    padding: 15px!important;
    background-color: #eeeeee;
    border: none!important;
    border-radius:0;
	font-size:16px;
	margin-top:10px;
}
.form-container .wpcf7-acceptance .wpcf7-list-item {
	margin-left:0;
}
.form-container .wpcf7-acceptance input {
	width:auto;
}

.form-container .form-footer {
    text-align: center;
    margin-top: 20px;
}

.form-container input.wpcf7-submit {
    background-color: var(--primaryColor);
    color: white;
    border: none;
    padding: 10px 25px!important;
    border-radius: 0;
    cursor: pointer;
	width:auto;
	font-weight:bold;
	font-size:18px;
	transition:all 0.2s ease-in-out;
	margin-top:25px;
}

.form-container input.wpcf7-submit:disabled {
	color:#ffafaf;
    transition:all 0.2s ease-in-out;
}

.form-container input.wpcf7-submit:hover {
	background-color: var(--secColor);
	transition:all 0.2s ease-in-out;
}
.form-container .wpcf7-spinner {
	margin:0 12px;
}
.form-container .wpcf7-not-valid-tip {
	display:inline!important;
}

.temoignage-client .et_pb_testimonial_description:before {
	content: '';
	display: inline-block;
	width: 200px;
	height: 25px;
	background-image: url(../../../wp-content/uploads/2025/04/avis-client-etoiles.svg);
	background-size: contain;
	background-repeat: no-repeat;
	margin-bottom:15px;
}

.temoignage-client .et_pb_testimonial_author {
	padding-top:10px;
	margin:0;
	border-top:1px solid #888888;
}

/*----GÉNÉRAL----*/
/*
.vertical-align {
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.bottom-align {
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
}
.between-align {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}*/
.open-mobile-menu .et_pb_menu__menu .et-menu.nav {
	display:block;margin:0;
}
.open-mobile-menu .et_pb_menu__menu .et-menu.nav li {
	padding:0;margin:0;
}

.svg-convert.logo-full-white path {fill:white!important;}


p sup {
	font-size:0.5em;
}

@media all and (max-width: 980px) {
    .open-mobile-menu .et_pb_menu__menu {
        display: flex !important;
    }
	.open-mobile-menu .et_pb_menu_inner_container .et_pb_menu__wrap {
		justify-content:flex-start!important;
	}

    .open-mobile-menu .et_mobile_nav_menu {
        display: none !important;
    }
}

/* 2 Columns Mobile */
@media all and (max-width: 767px) {
    html .et-db .two-col-mob .et_pb_column {
        width:47.25% !important;
    }
    
html .et-db .two-col-mob .et_pb_column:nth-last-child(-n+2) {
        margin-bottom:0;
    }
    html .et-db .two-col-mob .et_pb_column:not(:nth-child(2n)) {
            margin-right:5.5% !important;
    }
}
/* 3 Columns Mobile */
@media all and (max-width: 767px) {
    html .et-db .three-col-mob .et_pb_column {
        width:29.6667% !important;
    }
    html .et-db .three-col-mob .et_pb_column:nth-last-child(-n+3) {
        margin-bottom:0;
    }
    html .et-db .three-col-mob .et_pb_column:not(:nth-child(3n)) {
        margin-right:5.5% !important;
    }
}
/* 4 Columns Mobile */
@media all and (max-width: 767px) {
    html .et-db .four-col-mob .et_pb_column {
        width:20.875% !important;
    }
html .et-db .four-col-mob .et_pb_column:nth-last-child(-n+4) {
        margin-bottom:0;
    }
    html .et-db .four-col-mob .et_pb_column:not(:nth-child(4n)) {
        margin-right:5.5% !important;
    }
}
/* 5 Columns Mobile */
@media all and (max-width: 767px) {
    html .et-db .five-col-mob .et_pb_column {
        width:15.6% !important;
    }
    html .et-db .five-col-mob .et_pb_column:nth-last-child(-n+5) {
        margin-bottom:0;
    }
    html .et-db .five-col-mob .et_pb_column:not(:nth-child(5n)) {
        margin-right:5.5% !important;
    }
}
/* 6 Columns Mobile */
@media all and (max-width: 767px) {
    html .et-db .six-col-mob .et_pb_column {
        width:12.083% !important;
    }
    html .et-db .six-col-mob .et_pb_column:nth-last-child(-n+6) {
        margin-bottom:0;
    }
    html .et-db .six-col-mob .et_pb_column:not(:nth-child(6n)) {
        margin-right:5.5% !important;
    }
}
/*** Change Tablet Columns By VictorDuse.com.com ***/
/* 1 Column Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .one-col-tab .et_pb_column {
        margin-right:0 !important;
        width:100% !important;
    }
    
        html .et-db .one-col-tab .et_pb_column:not(:last-child) {
        margin-bottom:30px !important;
    }
}
/* 2 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .two-col-tab .et_pb_column {
        width:47.25% !important;
    }
.two-col-tab .et_pb_column:nth-last-child(-n+2) {
        margin-bottom:0;
    }
    html .et-db .two-col-tab .et_pb_column:not(:nth-child(2n)) {
        margin-right:5.5% !important;
    }
}
/* 3 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .three-col-tab .et_pb_column {
        width:29.6667% !important;
    }
html .et-db .three-col-tab .et_pb_column:nth-last-child(-n+3) {
        margin-bottom:0;
    }
    html .et-db .three-col-tab .et_pb_column:not(:nth-child(3n)) {
        margin-right:5.5% !important;
    }
}
/* 4 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .four-col-tab .et_pb_column {
        width:20.875% !important;
    }
html .et-db .four-col-tab .et_pb_column:nth-last-child(-n+4) {
        margin-bottom:0;
    }
    html .et-db .four-col-tab .et_pb_column:not(:nth-child(4n)) {
        margin-right:5.5% !important;
    }
}
/* 5 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .five-col-tab .et_pb_column {
        width:15.6% !important;
    }
.five-col-tab .et_pb_column:nth-last-child(-n+5) {
        margin-bottom:0;
    }
    
    html .et-db .five-col-tab .et_pb_column:not(:nth-child(5n)) {
        margin-right:5.5% !important;
    }
}
/* 6 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .six-col-tab .et_pb_column {
        width:12.083% !important;
    }
    html .et-db .six-col-tab .et_pb_column:nth-last-child(-n+6) {
        margin-bottom:0;
    }
    html .et-db .six-col-tab .et_pb_column:not(:nth-child(6n)) {
        margin-right:5.5% !important;
    }
}