/*
Theme Name: Leroux Child
Theme URI: https://leroux.qodeinteractive.com
Description: A child theme of Leroux
Author: Elated Themes
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: leroux
Template: leroux
*/

/* Header */
.qodef-header-sticky .qodef-header-navigation ul li.qodef-menu-item--narrow ul {
	background-color: white;
}

.qodef-header-sticky .qodef-header-navigation ul li.qodef-menu-item--narrow .qodef-drop-down-second ul li a {
	color: black;
}

/* Fix height for column elements Leroux widget */
.elementor-widget-leroux_core_icon_with_text,
.elementor-widget-leroux_core_icon_with_text>div,
.elementor-widget-leroux_core_icon_with_text>div>div,
.elementor-widget-leroux_core_icon_with_text>div>div>div:nth-child(2) {
	height: 100%;
}

/* Générez de la valeur avec votre Data page */
/* Fix CTA alignment */
.data-cta-column>div>div:last-child {
	text-align: center;
}

/* Fix width display for accordion items text */
.data-accordion .qodef-m-content-left {
	width: 100%;
	padding: 15px 30px 122px 36px;
}

.data-accordion .qodef-m-content-right {
	width: 0;
	padding: 0;
}

/* Get in touch Form */
.cpp_form.ahb_m {
	font-family: "DM Sans", Sans-serif;
}

.cpp_form.ahb_m,
.cpp_form.ahb_m .ui-datepicker-calendar .ui-state-default.ui-state-active {
	color: white !important;
}

.cpp_form.ahb_m .ui-datepicker-calendar .ui-state-default {
	color: #868686 !important;
	text-shadow: none !important;
}

.cpp_form.ahb_m .slots div {
	margin: 4px !important;
}

.cpp_form.ahb_m .slots div a {
	min-width: 50px;
	text-align: center;
}

.cpp_form.ahb_m .slots div a:hover {
	background: white !important;
}

.cpp_form.ahb_m .fields input,
.cpp_form.ahb_m .fields select {
	color: white;
	border-bottom: 1px solid white;
	padding: 5px 8px;
}

.cpp_form.ahb_m .fields:not(.cff-checkbox-field) label {
	display: none !important;
}

.cpp_form.ahb_m .ui-datepicker-header {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

.cpp_form.ahb_m #fbuilder .ui-datepicker {
	z-index: 10 !important;
}

.cpp_form.ahb_m .ui-datepicker thead th {
	color: white !important;
	text-shadow: none !important;
}

.cpp_form.ahb_m .ui-datepicker th {
	color: #4b4b4b !important;
	text-shadow: none !important;
}

.cpp_form.ahb_m .ui-datepicker-unselectable .ui-state-default {
	color: #4b4b4bdb !important;
	text-shadow: none !important;
}

.cpp_form.ahb_m .fieldCalendarService {
	margin-bottom: 1em;
}

.cpp_form.ahb_m .usedSlots {
	margin-top: 0.5em;
}

.cpp_form.ahb_m .ui-datepicker-prev,
.cpp_form.ahb_m .ui-datepicker-next {
	filter: invert(100%) sepia(0%) saturate(7496%) hue-rotate(274deg) brightness(102%) contrast(101%) !important;
	opacity: 0.25 !important;
}

.cpp_form.ahb_m .pbSubmit {
	background-color: #fff !important;
	color: #223035 !important;
	font-weight: 500;
	margin: 0 0 5em 0 !important;
	font-family: "Dm Sans", sans-serif;
	font-size: 15px;
	line-height: 2em;
	border: 1px solid transparent;
	border-radius: 25px;
	display: flex;
	align-items: center;
	padding: 6px 33px 7px !important;
	position: relative;
}

.cpp_form.ahb_m .pbSubmit::before,
.cpp_form.ahb_m .pbSubmit::after {
	content: '';
	width: 10px;
	height: 10px;
	background-image: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 9.8 9.8"><g><path stroke="currentColor" d="m.4 9.4 9-9"></path><path stroke="currentColor" d="M.4.5h8.9"></path><path stroke="currentColor" d="M9.3 9.4V.5"></path></g><g><path stroke="currentColor" d="m.4 9.4 9-9"></path><path stroke="currentColor" d="M.4.5h8.9"></path><path stroke="currentColor" d="M9.3 9.4V.5"></path></g></svg>');
	background-repeat: no-repeat;
	display: inline-block;
	transition: transform .38s cubic-bezier(.37, .08, .02, .93), opacity .18s ease-out;
}

.cpp_form.ahb_m .pbSubmit::before {
	position: absolute;
	top: 50%;
	left: 73.1%;
	transform: translate(-50%, -50%);
	opacity: 1;
	transition-delay: .15s, .15s;
}

.cpp_form.ahb_m .pbSubmit::after {
	margin-left: 7px;
	transform: translateX(calc(-1 * 110%)) translateY(100%);
	opacity: 0;
	transition-delay: 0s, 0s;
}

.cpp_form.ahb_m .pbSubmit:hover::before {
	transform: translateX(110%) translateY(calc(-1 * 100%));
	opacity: 0;
	transition-delay: 0s, 0s;
}

.cpp_form.ahb_m .pbSubmit:hover::after {
	transform: translateX(0) translateY(0);
	opacity: 1;
	transition-delay: .15s, .15s;
}

.cpp_form.ahb_m .dfield div.cpefb_error {
	color: #f00 !important;
	background: none !important;
	margin: 7px 0 20px 0 !important;
}

.cpp_form.ahb_m .dfield div.cpefb_error::after {
	background: none !important;
}

.dfield input[name="hdcaptcha_cp_appbooking_post"]+div.cpefb_error {
	top: 0 !important;
	position: unset !important;
}

.dfield input[name="hdcaptcha_cp_appbooking_post"] {
	color: white;
	border-bottom: 1px solid white;
	padding: 5px 8px;
}

.qodef-blog-item .qodef-e-info a:hover,
.qodef-blog-item a.qodef-e-title-link:hover {
	text-decoration: underline;
}

.wpcf7-form-control-wrap[data-name^="hcap-cf7"],
.wpcf7-form-control-wrap[data-name^="terms_and_conditions"] {
	margin-top: 2em !important;
}

.wpcf7-form-control-wrap[data-name^="terms_and_conditions"] .wpcf7-list-item {
	margin: 0;
}

.qodef-cf7-skin--light .wpcf7-form-control-wrap[data-name^="terms_and_conditions"] .wpcf7-list-item-label,
.qodef-cf7-skin--light .wpcf7-form-control-wrap[data-name^="terms_and_conditions"] .wpcf7-list-item-label a {
	color: white;
}

.qodef-newsletter label > .wpcf7-form-control-wrap {
	display: flex;
	flex-direction: column;
}

.qodef-newsletter label > .wpcf7-form-control-wrap .wpcf7-form-control-wrap[data-name^="hcap-cf7"] {
	order: 2;
}

.qodef-qi-swiper-container .swiper-slide img {
	object-fit: contain;
}

footer .qodef-block-container .qi-block-single-image img,
footer .qodef-block-container .qi-block-single-image svg {
  width: 50%;
  max-width: 50%;
}

/* TARTEAUCITRON */
/* Icon - Management panel */
.tarteaucitronSelfLink {
	display: none !important;
}

#tarteaucitronRoot * {
	font-family: "Roboto", Sans-serif !important;
}

#tarteaucitronRoot .tarteaucitronH1 {
	font-family: "DM Sans", Sans-serif !important;
}

#tarteaucitronRoot .tarteaucitronIsAllowed .tarteaucitronAllow .tarteaucitronCheck::before,
#tarteaucitronRoot .tarteaucitronIsDenied .tarteaucitronAllow .tarteaucitronCheck::before,
#tarteaucitronRoot .tarteaucitronAllow .tarteaucitronCheck::before {
	content: '\2713' !important;
}

#tarteaucitronRoot .tarteaucitronIsDenied .tarteaucitronDeny .tarteaucitronCross::before,
#tarteaucitronRoot .tarteaucitronIsAllowed .tarteaucitronDeny .tarteaucitronCross::before,
#tarteaucitronRoot .tarteaucitronDeny .tarteaucitronCross::before {
	content: '\2717' !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
	background: #19272b !important;
	border-color: #19272b !important;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie,
#tarteaucitron #tarteaucitronClosePanel {
	background: #19272b !important;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle button,
#tarteaucitron #tarteaucitronInfo,
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails,
#tarteaucitronRoot .asCatToggleBtn {
	background: #19272b !important;
}

#tarteaucitronRoot div#tarteaucitronSave {
	background: #19272b !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronTitle+[id^="tarteaucitronDetails"] {
	color: white !important;
}

#tarteaucitronIcon #tarteaucitronManager img {
	width: 50% !important;
}

#tarteaucitronIcon #tarteaucitronManager {
	background-color: #19272b !important;
	height: 50px !important;
	width: 50px !important;
	transform: translate(1vw, 12px) !important;
	padding: 0 !important;
}

/* Fix title and link responsive for laptops - Main Home slider */
@media (min-width: 1007px) and (max-width: 1600px) {
	#main_home_slider rs-slides rs-layer-wrap.slide-description {
		top: 150px !important;
	}

	#main_home_slider rs-slides rs-layer-wrap.slide-link {
		top: 450px !important;
	}
}