/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
/*SWITCH DARK LIGHT BODY*/
.body-scheme-toggle {
	position: inherit;
	/*top: 200px;
	right: 30px;*/
	z-index: 9;
}

.is-expanded-menu .body-scheme-toggle {
	top: 30px;
}
/*FIN SWITCH DARK LIGHT BODY*/

/*DROPDOWN MENU BLUR*/
:root,
        .not-dark, .dark,
        .is-expanded-menu #header {
			--cnvs-primary-menu-hover-color: var(--cnvs-themecolor);
			--cnvs-primary-menu-submenu-hover-bg: rgba(255, 255, 255, .15);
			--cnvs-primary-menu-submenu-bg: rgba(228, 220, 220, 0.15);
			--cnvs-primary-menu-submenu-hover-color: var(--cnvs-contrast-900);
            --cnvs-primary-menu-submenu-border: 1px solid rgba(var(--cnvs-contrast-rgb), .15);
            --cnvs-primary-menu-submenu-blur: 16px;
		}

		.is-expanded-menu .sub-menu-container,
		.is-expanded-menu .mega-menu-content {
			border-top: var(--cnvs-primary-menu-submenu-border);
			transition: margin 0.25s ease !important;
		}

		.is-expanded-menu .sub-menu-container .sub-menu-container,
		.is-expanded-menu .mega-menu-content .sub-menu-container {
			background-color: transparent;
		}

		.is-expanded-menu .sub-menu-container::before,
		.is-expanded-menu .mega-menu-content::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			width: 100%;
			height: 100%;
			-webkit-backdrop-filter: blur(var(--cnvs-primary-menu-submenu-blur));
			backdrop-filter: blur(var(--cnvs-primary-menu-submenu-blur));
		}

        .is-expanded-menu .sub-menu-container .menu-item > .menu-link,
		.is-expanded-menu .sub-menu-container .menu-item:hover > .menu-link {
			font-weight: 400;
		}

		.is-expanded-menu .sub-menu-container .sub-menu-container,
		.is-expanded-menu .sub-menu-container .mega-menu-content {
			top: -1px !important;
		}
/*FIN DROPDOWN MENU BLUR*/

/* Social Icons - EARON colors
-----------------------------------------------------------------*/
.bg-earon,
.h-bg-earon:hover {
  background-color: var(--bs-bleu-earon) !important;
}
/* blurslider-line - couleurs EARON
-----------------------------------------------------------------*/
.blurslider-line {
	background:-webkit-linear-gradient(left,var(--bs-bleu-earon) 0%,var(--bs-magenta-earon) 50%,var(--bs-jaune-earon) 100%) !important; 
}

.blurslider-line-txt {
	color:-webkit-linear-gradient(left,var(--bs-bleu-earon) 0%,var(--bs-magenta-earon) 50%,var(--bs-jaune-earon) 100%) !important; 
}

/* GOTOTOP bouton - couleurs EARON
-----------------------------------------------------------------*/
#gotoTop {
			--cnvs-gotoTop-stroke-color: var(--cnvs-themecolor);
			--cnvs-gotoTop-stroke-width: 4px;
			--cnvs-gotoTop-scroll: 360;
			background-color: transparent !important;
		}

		#gotoTop::before {
			/* font-icons.css */
			content: "\F286";
			font-family: 'bootstrap-icons';

			position: absolute;
			left: 50%;
			top: 50%;
			width: calc(32px + calc(var(--cnvs-gotoTop-stroke-width) * .5));
			height: calc(32px + calc(var(--cnvs-gotoTop-stroke-width) * .5));
			line-height: calc(32px - 1px);
			font-size: 1rem;
			color: #fff;
			transform: translate(-50%, -50%);
			border: 2px solid var(--bs-jaune-earon-rgba10);
			border-radius: 50%;
			z-index: -1;
		}

		#gotoTop circle {
			stroke: var(--cnvs-gotoTop-stroke-color);
			stroke-width: var(--cnvs-gotoTop-stroke-width);
			transform: rotate(-90deg);
			transform-origin: center;
			stroke-dashoffset: var(--cnvs-gotoTop-scroll);
			stroke-dasharray: 255 255;
			z-index: 1;
		}

/*Font et texte*/

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.text-justify{
	text-align: justify;
}
.text-justify-all{
	text-align: justify-all;
}

.text-shadow {
  text-shadow: var(--bs-text-shadow) !important;
}

.text-shadow-sm {
  text-shadow: var(--bs-text-shadow-sm) !important;
}

.text-shadow-lg {
  text-shadow: var(--bs-text-shadow-lg) !important;
}

.text-shadow-none {
  text-shadow: none !important;
}

/*Border radius supplementaire*/

.rounded-10 {
  border-radius: 1rem !important;
}
.rounded-15 {
  border-radius: 1.5rem !important;
}
.rounded-20 {
  border-radius: 2rem !important;
}
.rounded-25 {
  border-radius: 2.5rem !important;
}
.rounded-30 {
  border-radius: 3rem !important;
}

.bg-gray600{
	background-color: var(--bs-gray-600) !important;
	color: white;
}

.bg-gray700{
	background-color: var(--bs-gray-700) !important;
	color: white;
}

.bg-gray800{
	background-color: var(--bs-gray-800) !important;
	color: white;
}

/* dropdown-filter */
		#dropdown-filter .button {
			min-width: 170px;
			background-color: var(--bs-gray-100);
			text-align: center;
		}

		#dropdown-filter .dropdown-menu {
			width: 100%;
		}

		#dropdown-filter .dropdown-item {
			padding: 0 !important;
			background-color: inherit !important;
			color:#111;
		}

		#dropdown-filter .dropdown-item.active,
		#dropdown-filter .dropdown-item:active,
		#dropdown-filter .dropdown-item:hover {
			background-color: var(--bs-gray-200) !important;
		}

		#dropdown-filter .dropdown-item span {
			display: block;
			padding: 10px 20px;
			border-bottom: 1px solid var(--bs-gray-200);
			font-size: .925rem;
			text-align: center;
		}

		#dropdown-filter .dropdown-toggle::after {
			content: "\F282";
			font-family: "bootstrap-icons";
			border: 0;
			vertical-align: middle;
			margin: 0 0 0 6px;
		}
/* Overlay svg - EARON
-----------------------------------------------------------------*/
.overlay-trigger-svg.size-sm {
  width: 50px;
 
  margin: 0 0.5rem;
  font-size: 0.875rem; }

.overlay-trigger-svg.size-lg {
  width: 90px;
  
  margin: 0 0.5rem;
  font-size: 1.5rem; }
.overlay-trigger-svg.size-xl {
  width: 150px;
  
  margin: 0 0.5rem;
  font-size: 2.5rem; }

.bg-bleu-earon{
	background-color: var(--bs-bleu-earon);
}

/*Step vertical*/

.feature-box-border-vertical .feature-box { position: relative; }

		.feature-box-border-vertical .feature-box:not(.noborder)::before,
		.feature-box-border-vertical .fbox-active.feature-box:not(.noborder)::after {
			content: "";
			position: absolute;
			top: 0;
			left: 35px;
			width: 3px;
			height: 100%;
			background-color: var(--bs-gray-200);
		}

		.feature-box-border-vertical .fbox-icon i,
		.feature-box-border-vertical .fbox-border.fbox-light .fbox-icon i {
            position: relative;
			z-index: 5;
			text-align: center;
            box-shadow: 0 0 0 6px #FFF;
			border: 1px solid #EEE;
            background-color: #FFF !important;
		}

        .feature-box-border-vertical .fbox-active.feature-box .fbox-icon i,
		.feature-box-border-vertical .fbox-active.feature-box .fbox-border.fbox-light .fbox-icon i,
        .feature-box-border-vertical .fbox-active.feature-box:not(.noborder)::after {
            background-color: var(--bs-primary) !important;
			border-color: transparent !important;
			color:#FFF;
        }


		.dark .feature-box-border-vertical .feature-box:not(.noborder)::before,
		.dark .feature-box-border-vertical .fbox-active.feature-box:not(.noborder)::after {
			background-color: var(--bs-gray-600);
		}

		.dark .feature-box-border-vertical .fbox-icon i,
		.dark .feature-box-border-vertical .fbox-border.fbox-light .fbox-icon i {
            box-shadow: 0 0 0 6px var(--bs-dark);
            background-color: var(--bs-dark) !important;
			color: var(--bs-gray-600);
			border-color: var(--bs-gray-600);
		}

        .dark .feature-box-border-vertical .fbox-active.feature-box .fbox-icon i,
		.dark .feature-box-border-vertical .fbox-active.feature-box .fbox-border.fbox-light .fbox-icon i,
        .dark .feature-box-border-vertical .fbox-active.feature-box:not(.noborder)::after {
            background-color: var(--bs-warning) !important;
            color:var(--bs-dark);
        }