/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */


/* Couleurs */
:root {

	--color-gris: #555555; /*#878787*/		/* Deuterium group */
	--color-bleu: #009fe3;		/* Deuterium */
	--color-vert: #95c11f;		/* Hydronium */
	--color-orange: #f39200;	/* Deuteo */
	--color-violet: #7c6eb0;	/* Eurydis */
	--color-rouge: #e50046;		/* Isotopik */
	--color-jaune: #ffcc00;
	--color-marron: #845311;
	--color-noir: #1d1d1b;
	--color-turquoise: #00a19a;
	--color-blanc: #ffffff;

	--ax-form-btn-width: 0;
	--ax-form-btn-rd: 8px;

	--color-title: var(--color-blanc);

}

/* Google Recaptcha */
.grecaptcha-badge {
	visibility: hidden;
}

/* En-tête */
body[data-elementor-device-mode=desktop] #header {
	margin-bottom: 30px;
}
body[data-elementor-device-mode=desktop]#index #header {
	margin-bottom: 40px;
}

main {
	background: transparent;
}

p {
	margin-top: 10px;
}

#footer {
	background: var(--color-blanc);
}

body[data-elementor-device-mode=desktop] #wrapper {
	padding-top: 10px;
}

body[data-elementor-device-mode=desktop] #left-content, body[data-elementor-device-mode=desktop] #right-content, body[data-elementor-device-mode=desktop] #main-content {
	margin-top: 20px;
}

.page-title {
	margin-bottom: 20px;
}

.btn {
	text-transform: none;
}

.btn-primary-r, .btn-primary-r:hover {
	background-color: transparent;
	border-color: var(--color-blanc);
}

/* Menu */
.elementor-2 .elementor-element.elementor-element-5c76f90 .menu-horizontal .item-level-0 > a, .elementor-2 .elementor-element.elementor-element-5c76f90 .menu-vertical .item-level-0 > a {
	border-radius: var(--ax-form-btn-rd) var(--ax-form-btn-rd) 0 0;
}

/* Sous-menu */
.nrt_mega_menu .menu_sub {
	box-shadow: 1px 1px silver;
	border: 1px solid var(--color-blanc);
	font-size: 13px;
	font-weight: normal;
}

.nrt_mega_menu .style_wide .element_a_depth_1 {
	text-transform: none;
}

.nrtmenu_multi_level {
	border-radius: 0 var(--ax-form-btn-rd) var(--ax-form-btn-rd) var(--ax-form-btn-rd);
	padding-top: 6px;
	padding-bottom: 6px;
	left: -1px;
}

.menu_a_wrap {
	white-space: nowrap;
}

.nrt_mega_menu .nrtmenu_multi_level li a {
	padding: 6px 15px;
	border-bottom: none;
}

.menu-horizontal a {
	color: white;
}

.menu-horizontal li.item-level-0.dropdown-is-mega {
	border: 1px solid transparent;
	border-radius: var(--ax-form-btn-rd);
}

.menu-horizontal li.item-level-0.dropdown-is-mega:hover {
	border: 1px solid var(--color-blanc);
	background: white;
}

.menu-horizontal li.item-level-0.is_parent {
	border: 1px solid transparent;
	border-radius: var(--ax-form-btn-rd) var(--ax-form-btn-rd) 0 0;
}

.menu-horizontal li.item-level-0.is_parent:hover {
	border: 1px solid var(--color-blanc);
	background: white;
}

/* Menu latéral */
.wrapper-menu-mobile .menu_a_wrap .icon-opener {
	border-left: none;
}

.wrapper-menu-mobile li a {
	border-bottom: none;
}

/* Titre */
.page-title.title-text-color-dark {
	background-color: transparent;
	color: var(--color-blanc);
	/*border-top: 1px dotted #FFFFFF01;*/
}
.page-title-layout-2.page-title .h1 {
	font-size: 20px;
}
.page-title-layout-2.page-title {
	padding-top: 15px;
	padding-bottom: 15px;
}

/* Fil d'ariane */
.axps-breadcrumb a:not(:last-child)::after {
	content: "·";
}
.page-title .axps-breadcrumb {
	font-size: 12px;
	cursor: default;
	display: none;
}

/* Pied-de-page : "Nos marques" */
.linklist-menu>a svg {
	vertical-align: middle;
}
#legal, #filiale {
	margin-bottom: 5px;
}

/* Menu latéral */
#canvas-menu-mobile .social-list {
	display: none;
}
.canvas-widget-top .title-canvas-widget {
	text-transform: none;
	border-bottom: none;
}

/* Formulaire */
.elementor-field-label {
	color: var(--color-blanc) !important;
}
.elementor-field {
	border-radius: var(--ax-form-btn-rd) !important;
	border-width: var(--ax-form-btn-width) !important;
	border: var(--ax-form-btn-width) solid transparent !important;
	box-shadow: none !important;
	background-color: #FFFFFF30 !important;
	color: var(--color-blanc) !important;
	padding: 5px 10px !important;
	font-size: 13px !important;
	resize: none;
}
input[type=file] {
	padding: 8px 10px !important;
}
.elementor-button {
	border-width: 1px !important;
	border: 1px solid var(--color-blanc) !important;
	border-radius: var(--ax-form-btn-rd) !important;
	background-color: transparent !important;
}
.elementor-field-group .elementor-select-wrapper:before {
	color: var(--color-blanc) !important;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f107";
}
.form-control {
	border-radius: var(--ax-form-btn-rd) !important;
	border-width: var(--ax-form-btn-width) !important;
	border: 1px solid var(--color-gris) !important;
	box-shadow: none !important;
	xcolor: #FFFFFF30 !important;
	background-color: var(--color-blanc) !important;
	padding: 5px 10px !important;
	font-size: 13px !important;
	resize: none;
}

.page-authentication #content, .page-password #content, .page-registration #content {
	border: none;
	background: var(--color-blanc);
	border-radius: var(--ax-form-btn-rd);
}

.no-account {
	text-transform: none;
}

.no-picto {
	cursor: pointer !important;
	color: inherit !important;
}

#cms .page-content ol, #cms .page-content ul {
	list-style: disc;
	padding-left: 20px;
}

.cookielaw-content p {
	margin-top: 0;
}


/* DEUTERIUM GROUP ************************************************************************************************************************************ */

body.dtg-deuteriumgroup {
	cursor: default;
	background: var(--color-gris);
}

body.dtg-deuteriumgroup #content a:not([href*="deuterium.group"],[href*="tel:"],[href*="mailto:"],.elementor-icon):after {
	content: "\f35d";
	font-family: "Font Awesome 5 Free";
	margin-left: 6px;
}

body.dtg-deuteriumgroup #header {
	background: var(--color-gris);
}

body.dtg-deuteriumgroup #header-sticky {
	background: var(--color-gris);
	box-shadow: none;
}

body.dtg-deuteriumgroup .btn-primary {
	background-color: #878787;
	border-color: #878787;
}

/* Titre */
body.dtg-deuteriumgroup .page-title.title-text-color-dark {
	background-image: linear-gradient(180deg, var(--color-gris) 0%, rgba(255,255,255,0.1) 100%);
}

body.dtg-deuteriumgroup .canvas-widget-top .title-canvas-widget {
	color: var(--color-gris);
}

body.dtg-deuteriumgroup #canvas-menu-mobile a:hover, body.dtg-deuteriumgroup #footer a:hover {
	color: var(--color-gris);
}

/* Corps de page */
body.dtg-deuteriumgroup #wrapper {
	background: var(--color-gris);
}

body.dtg-deuteriumgroup .wrapper-menu-mobile li.active > .menu_a_wrap .icon-opener {
	color: var(--color-gris);
	background-color: transparent;
}

body.dtg-deuteriumgroup #back-top {
	background-color: var(--color-gris);
	color: var(--color-blanc) !important;
}

/* Menu */
body.dtg-deuteriumgroup .nrt_mega_menu .menu_sub a:hover {
	color: var(--color-gris);
}

body.dtg-deuteriumgroup .nrt_mega_menu .element_li_depth_0:hover > a {
	color: var(--color-gris);
}


/* DEUTERIUM 4.0 ************************************************************************************************************************************ */

body.dtr-deuterium {
	cursor: default;
	background: var(--color-bleu);
}

body.dtr-deuterium #content a:not([href*="deuterium.fr"],[href*="tel:"],[href*="mailto:"],.elementor-icon):after {
	content: "\f35d";
	font-family: "Font Awesome 5 Free";
	margin-left: 6px;
}

body.dtr-deuterium #header {
	background: var(--color-bleu);
}

body.dtr-deuterium #header-sticky {
	background: var(--color-bleu);
	box-shadow: none;
}

/* Titre */
body.dtr-deuterium .page-title.title-text-color-dark {
	background-image: linear-gradient(180deg, var(--color-bleu) 0%, rgba(255,255,255,0.1) 100%);
}

body.dtr-deuterium .canvas-widget-top .title-canvas-widget {
	color: var(--color-bleu);
}

body.dtr-deuterium #canvas-menu-mobile a:hover, body.dtr-deuterium #footer a:hover {
	color: var(--color-bleu);
}

/* Corps de page */
body.dtr-deuterium #wrapper {
	background: var(--color-bleu);
}

body.dtr-deuterium .wrapper-menu-mobile li.active > .menu_a_wrap .icon-opener {
	color: var(--color-bleu);
	background-color: transparent;
}

body.dtr-deuterium #back-top {
	background-color: var(--color-bleu);
	color: var(--color-blanc) !important;
}

/* Menu */
body.dtr-deuterium .nrt_mega_menu .menu_sub a:hover {
	color: var(--color-bleu);
}

body.dtr-deuterium .nrt_mega_menu .element_li_depth_0:hover > a {
	color: var(--color-bleu);
}


/* ISOTOPIK ************************************************************************************************************************************ */

body.iso-isotopik {
	cursor: default;
	background: var(--color-rouge);
}

body.iso-isotopik #content a:not([href*="isotopik.fr"],[href*="tel:"],[href*="mailto:"],.elementor-icon,.no-picto):after {
	content: "\f35d";
	font-family: "Font Awesome 5 Free";
	margin-left: 6px;
}

body.iso-isotopik #main-content a, body.iso-isotopik #main-content a:hover {
	color: var(--color-rouge);
}

body.iso-isotopik #header {
	background: var(--color-rouge);
}

body.iso-isotopik #header-sticky {
	background: var(--color-rouge);
	box-shadow: none;
}

/* Titre */
body.iso-isotopik .page-title.title-text-color-dark {
	background-image: linear-gradient(180deg, var(--color-rouge) 0%, rgba(255,255,255,0.1) 100%);
}

body.iso-isotopik .canvas-widget-top .title-canvas-widget {
	color: var(--color-rouge);
}

body.iso-isotopik #canvas-menu-mobile a:hover, body.iso-isotopik #footer a:hover {
	color: var(--color-rouge);
}

/* Corps de page */
body.iso-isotopik #wrapper {
	background: var(--color-rouge);
}

body.iso-isotopik .wrapper-menu-mobile li.active > .menu_a_wrap .icon-opener {
	color: var(--color-rouge);
	background-color: transparent;
}

body.iso-isotopik #back-top {
	background-color: var(--color-rouge);
	color: var(--color-blanc) !important;
}

/* Menu */
body.iso-isotopik .nrt_mega_menu .menu_sub a:hover {
	color: var(--color-rouge);
}

body.iso-isotopik .nrt_mega_menu .element_li_depth_0:hover > a {
	color: var(--color-rouge);
}

body.iso-isotopik .btn-primary {
	background-color: var(--color-rouge);
	border-color: var(--color-rouge);
}

body.iso-isotopik[data-elementor-device-mode=desktop] #iso_frame {
	border-radius: 8px;
	height: 596px;
}

body.iso-isotopik[data-elementor-device-mode=mobile] #iso_frame {
	border-radius: 8px;
	height: 300px;
}

body.iso-isotopik[data-elementor-device-mode=desktop] .iso_card {
	font-size: 13px;
	min-height: 308px;
}

body.iso-isotopik[data-elementor-device-mode=desktop] .iso_card2 {
	font-size: 13px;
}

body.iso-isotopik[data-elementor-device-mode=desktop] .iso_card3 {
	font-size: 13px;
}

body.iso-isotopik[data-elementor-device-mode=desktop] .iso_card4 {
	font-size: 13px;
	min-height: 80px;
}

body.iso-isotopik[data-elementor-device-mode=desktop] .iso_card5 {
	font-size: 13px;
	min-height: 80px;
}

body.iso-isotopik.cms-id-4 #content {
	color: white;
}

body.iso-isotopik.cms-id-4 #content a {
	color: white;
}

body.iso-isotopik .iso_box  {
	box-shadow: 0 0 5px rgba(0,0,0,.17);
	border-radius: 20px;
}

body.iso-isotopik .iso_box a {
	color: var(--color-blanc) !important;
	background-color: var(--color-rouge) !important;
	border-color: var(--color-rouge) !important;
}

body.iso-isotopik .iso_box a:hover {
	color: var(--color-rouge) !important;
	background-color: var(--color-blanc) !important;
	border-color: var(--color-rouge) !important;
}

body.iso-isotopik .iso_box .elementor-cta__bg {
	background-position: top;
	background-color: var(--color-blanc);
	opacity: 1.0;
	filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

body.iso-isotopik .iso_ibox .elementor-cta__bg {
	background-position: top;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: var(--color-blanc);
	opacity: 1.0;
	filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
}