#susheader 				{ background-color:var(--vert); color:#ffffff; z-index:90; position:relative; margin-bottom:15px; }
#susheader ul 	 		{ padding-left:0px; list-style:none; display:flex; justify-content: end; }
#susheader ul a 		{ padding: 0px 0px 0px 3px; color: var(--beige)!important; text-transform:uppercase; font-size:13px; }
#susheader ul a:hover 	{ color: var(--orange)!important; }

#header 			{ position:sticky; top:0; z-index:95; background-color:#f5ecdd!important; transition:all 0.5s; background-color:var(--beige); }
#header 			{ background-image:url(/wp-content/themes/cbd/img/rayon.svg); background-repeat:no-repeat; background-size:cover; background-position: center 8%;}
#header.bis 		{ box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.1); }
#header .menu-row 	{ margin-bottom:-30px; margin-top:-15px }
#header .logo 			{ max-width:160px; width:100%; margin-bottom:-20px; margin-top:-20px; filter:drop-shadow(0px 0px 5px #00000055); z-index: 99999; }
#header .logo-container	{ color:transparent!important; background:transparent!important; border:none!important; box-shadow:none!important; }
#header .menu-item-left 	{ width:20%!important;} /* x2  */
#header .menu-item-center 	{ width:20%!important;} /* x1  */
#header .menu-item-right 	{ width:20%!important;} /* x2  */
#header .menu-item-right-2 	{ width:14%!important;} /* x1  */

#main-nav						{ width:100%; font-size:1rem; font-weight:400; position: sticky; top:-15px; z-index:99; padding-bottom:5px;}
#main-nav ul 					{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; justify-content:end; align-items:center; }
#main-nav ul li 				{ display: block; }
#main-nav ul li a 				{ display:block; padding:1.2rem 0px; color:var(--vert-f)!important; text-transform:uppercase; font-size:1rem!important; font-weight:700; }
#main-nav ul li a:hover			{ color:var(--orange)!important; }
#main-nav ul li a:not(:only-child):after, #main-nav ul li a:visited:not(:only-child):after { content: ' ▾';}
#main-nav .sub-menu 			{ position: absolute; color:#fff!important; background-color:#f1ecde!important; display:none; min-width: 160px; margin-top: 2px; }
#main-nav .sub-menu li 			{ min-width: 190px; }
#main-nav .sub-menu li a 		{ line-height: 20px; padding:1.2rem 15px!important;}

/* Mobile navigation */
.nav-mobile 		{ display: none; height: 70px; }
#nav-toggle 		{ position: absolute; cursor: pointer; top: 50%; right: 30%; height:40px; }
#nav-toggle span 	{right:50%;}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { cursor:pointer; border-radius:1px; height:5px; width:35px; background:var(--vert-f); position:absolute; display:block; content:''; }
#nav-toggle span:before	 		{ top: -10px; }
#nav-toggle span:after	 		{ bottom: -10px; }
#nav-toggle.active span 		{ background-color: transparent; }
#nav-toggle.active span:before,
#nav-toggle.active span:after 	{ top: 0; }
#nav-toggle.active span:before 	{ transform: rotate(45deg); }
#nav-toggle.active span:after 	{ transform: rotate(-45deg); }

@media (max-width:991px) {
	#header { background-image:url(/wp-content/themes/cbd/img/rayon-mobile.svg); background-repeat:no-repeat; background-size:cover; background-position: 1% 8%;}
	#header .menu-row 	{ margin-bottom:-40px; }
	#header .menu-item 			{ margin-bottom: 10px;}
	#header .menu-item-left 	{ width:100%!important;} /* x3  */
	#header .menu-item-center 	{ width:100%!important;} /* x2  */
	#header .menu-item-right, .menu-item-right-2 select, .menu-item-right-2	{ width:100%!important; text-align:center;} /* x1  */
	#header .logo 				{ max-width:140px; margin-top:-15px; }
    #main-nav ul 				{ margin-bottom:60px!important; padding-top: 7px!important; position:relative; }
    #main-nav .sub-menu 			{ margin-bottom:20px!important; padding-top: 7px!important; position:relative; }
	#main-nav .sub-menu li a 		{ color:var(--vert)!important; line-height: 20px;}
	
}
@media (max-width:591px) {
	.sus-panier { display:none;}
	.sus-logout { display:none;}
	#panier-menu { right:0px!important; padding-top: 30px !important; }
}

@media (min-width:992px) {
	#main-nav .sub-menu  { border-bottom-right-radius: 10px; border-bottom-left-radius:10px; }
}


.dropdown-toggle-split 				{ padding-right: 0.5625rem; padding-left: 0.5625rem;}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after 	{ margin-left: 0; }
.dropleft .dropdown-toggle-split::before 	{ margin-right: 0; }
.menu-msw-primary-menu-photography-container, .menu-menu-container { text-align:left; }


/** Boutons panier et recherche **/
#btn-group .dropdown-toggle::after 		{ display: none; }
#btn-group .dropdown-menu 				{ border: none; background: #fff; box-shadow: 0px 10px 34px -20px rgba(0, 0, 0, 0.41); padding:0; min-width:20rem; margin-top:20px; }
#btn-group .dropdown-menu:after,
.ftco-navbar-light #btn-group .dropdown-menu:before {content:' ';display:block;border-style:solid;border-width:0 .5em .6em .5em;border-color: ransparent;position:absolute;right:12px; z-index:-1;}
#btn-group .dropdown-menu:before 				{ top:-.6em; border-bottom-color:rgba(0, 0, 0, 0.02); }
#btn-group .dropdown-menu:after 				{ top:-.5em; border-bottom-color: #fff; color:transparent; display:none!important; }

/** Panier **/
	#btn-cart 								{ display:inline-block; position: relative; background:transparent!important;border:none!important;color:#000; padding-top:4px; }
	#btn-cart svg							{ width:48px; height:48px; }
	#btn-cart #panierNombreContainer 		{ position: absolute; top:0px; right:0px; height:20px; border-radius:50%; padding:0 5px; background:rgb(183 71 42); }
	#btn-cart #panierNombreContainer small 	{ color: var(--beige); }
	#btn-cart 								{ display: inline-block; position: relative; background:transparent!important;border:none!important; }
	#btn-cart #shopping-bag  				{font-size: 25px; fill:var(--vert-f); transition-duration:0.3s; }
	#btn-cart #shopping-bag:hover  			{font-size: 25px; fill:var(--vert); }

		/* Panier menu */
		#panier-menu 		{ box-shadow:0px 11px 10px 0px rgb(0 0 0 / 40%); border-radius:0px; transform:none!important; margin-top:92px!important;  inset:0px 0px auto auto!important; }
		#panier-menu-list 	{ overflow-y:scroll;	max-height:400px; }
		#panier-menu-list::-webkit-scrollbar 	{ background: #f1ecde; }
		#panier-menu-list::-webkit-scrollbar-thumb, ol#scrolling-list-lfe::-webkit-scrollbar-thumb { background-color: var(--marron);cursor: grab; border-radius:10px; }
		#panier-menu.dropdown-menu 								{ transform:translateY(-100%)!important; background:#f1ecde; border-bottom-left-radius:10px; transition-duration:0.3s; }
		#panier-menu.dropdown-menu.show 						{ transform: translateY(0)!important;} 
		#btn-group #panier-menu .dropdown-item 						{ padding:20px; border-bottom:1px solid rgba(0, 0, 0, 0.05); white-space:normal; transition-duration:0.3s;}
		#btn-group #panier-menu .dropdown-item:hover 				{ background-color:var(--marron)!important; }
		#btn-group #panier-menu .dropdown-item:last-child			{ border: none; }
		#btn-group #panier-menu .nav-produit  					{ display:flex; flex-wrap:nowrap; color:#000000dd; }
		#btn-group #panier-menu .nav-produit .img 				{ width:60px; height:60px; position:relative; border-radius:5px;  }
		#btn-group #panier-menu .nav-produit .text 				{ width: calc(100% - 60px); padding-left:10px; }
		#btn-group #panier-menu .nav-produit .text h4 			{ margin-bottom:0; font-size:15px; font-weight:700; color:var(--vert); }
		#btn-group #panier-menu .nav-produit .text .quantity 		{ color: #00000088; }
		#btn-group #panier-menu .nav-produit.btn-link 			{ text-transform: uppercase; font-size:16px; font-weight: 500;border-bottom-left-radius:10px; }
		#btn-group #panier-menu .nav-produit:hover 				{  }
		#header a.panier 			{color:#000!important; background-color:#f5f4f0!important;}
		#header a.panier:hover 		{color:#fff!important; background-color:var(--vert)!important;}
		#btn-group #panier-menu .dropdown-item:hover .nav-produit				{ color:#fff!important; }
		#btn-group #panier-menu .dropdown-item:hover .nav-produit .quantity		{ color:#fff!important; }
		#btn-group #panier-menu .dropdown-item:hover .nav-produit .text h4 		{ color:#fff!important; }


/** recherche **/
	.btn-search 						{ display: inline-block; position: relative; background:transparent!important;border:none!important;color:#000; padding-top:4px; }
	.btn-search svg						{ width:22px; height:22px; fill: var(--vert-f); transition-duration:0.3s; }
	.btn-search:hover svg				{ fill: var(--vert); }
	.modal-content 						{ margin-top:183px; border-radius: 0px;}
	.recherche_desktop button 			{ padding-right: 10px; background:transparent!important;border:none!important;  }
	.recherche_desktop button svg		{ width:22px; height:22px; margin-top:3px; }
	#recherche svg 						{ fill: var(--vert-f); }
	#formulaire_recherche form 			{ position:relative; }
	.submit_recherche 					{ position:absolute; right:0px;}
	#main-nav .recherche_mobile 						{ padding: 10px; line-height: 20px; position:relative; width:100%; }
	#main-nav .recherche_mobile input 					{ height:40px; width:100%; border-radius:20px; padding: 5px 20px; }
	#main-nav .recherche_mobile input::placeholder 		{   }
	#main-nav .recherche_mobile button 					{ padding-right: 24px; background:transparent!important;border:none!important;  }
	#main-nav .recherche_mobile button svg				{ width:25px; height:25px; margin-top:6px; }


/* hero */
.hero 						{ width: 100%; background-size: cover; background-repeat: no-repeat; background-position: top center; position: relative; z-index: 0; height: 550px; }
.hero-2 					{ height: 400px; }
.hero-3 					{ height: 200px; }
.hero 						{ background-image: url(/wp-content/uploads/2023/08/background-cbd.jpg);  background-position: 50% 50%;   background-attachment:fixed; }
.hero 						{ background-image: url(/wp-content/uploads/2023/09/background_cbd_fleur_occitane_darker.jpg);  background-position: 50% 50%;   background-attachment:fixed; }
.hero 						{ background-image: url(/wp-content/uploads/2023/10/background-hero-la-fleur-occitane.jpg); }
.page-id-542 .hero 			{ background-image: url(/wp-content/uploads/2023/10/bg_CBD_05.jpg); }
.page-id-303 .hero 			{ background-image: url(/wp-content/uploads/2023/08/background-cbd.jpg); }
.page-id-405 .hero 			{ background-image: url(/wp-content/uploads/2023/09/background_cbd_fleur_occitane_darker.jpg); height:400px; }
.page-template-page-nos-fleurs-de-cbd .hero { background-image: url(/wp-content/uploads/2023/10/background-itk-la-fleur-occitane.jpg); height:400px; }
.home .hero { background-position-y: 0px;}