/*

 * Custom code goes here.

 * A template should always ship with an empty custom.css

 */
h2.display-1.text-uppercase {
	background-color: red;
	font-size: 20px
}

#header {
	color: #000 !important
}

#footer {
	background-color: #adadad
}

.footer-container li a {
	color: #000
}

.links .row {
	display: flex !important
}

.links p.h3 {
	color: #fff !important
}

.logo {
	max-width: 340px !important
}

@media (min-width:1200px) {

	.block_newsletter,
	.links {
		width: 100% !important
	}

	.links {
		padding: 35px !important
	}

	#header {
		text-align: center
	}

	.header-top .container .row {
		display: flex
	}

	.header-top .container .row .col-md-2 {
		width: 340px !important
	}

	.header-top .container .row .col-md-10 {
		display: flex;
		justify-content: space-evenly;
		align-items: center
	}

	.category a {
		color: #232323;
		border-bottom: 3px solid #e8e8e8;
		border-right: 1px solid #e8e8e8;
		padding: 17px !important
	}

	.category:last-of-type a {
		border-right-width: 0
	}

	.category a:hover,
	.category.current {
		border-bottom-color: #ce2434 !important;
		color: #fff !important;
		background-color: #ea1c22
	}

	.current .dropdown-submenu {
		color: #ea1c22
	}

	.sub-menu .top-menu .category {
		margin: 0 !important
	}

	.sub-menu .top-menu {
		justify-content: flex-start !important
	}

	#_desktop_cart {
		padding: 9px 35px;
		padding: unset;
		background-color: unset;
		border-radius: unset
	}

	#_desktop_cart a {
		color: #fff !important
	}

	#_desktop_cart a:hover {
		color: #000 !important
	}

	header .container {
		width: 60vw
	}

	section>.container {
		margin: 0 auto;
		min-height: 470px
	}
}

#carousel {
	box-shadow: unset;
	padding: 10px;
	background-color: #fff;
	width: 100vw;
	position: absolute;
	left: 0
}

.carousel .carousel-inner {
	height: 400px
}

#header .header-nav .blockcart {
	background: unset;
	height: unset;
	padding: unset;
	margin-left: unset
}

.featured-products {
	padding-top: 470px
}

#wrapper {
	padding-top: 10px
}

#search_widget {
	width: 100%;
	margin-bottom: 15px
}

.top-menu .sub-menu {
	min-width: unset;
	width: fit-content
}

li.category:has(div) {
	position: relative
}

li.category>div {
	top: 100% !important;
	left: -26px
}

.block-category .block-category-inner .category-cover img {
	height: unset
}

.block-category {
	min-height: unset
}

.deliveryPhoneTip {
    color: #f00;
    margin: -.5rem auto 1rem 26%;
}

/*
=================================================
 CORRECTION HEADER MOBILE - SOPLA (Version finale v2)
=================================================
*/

#header .header-nav {
  border-bottom: none !important;
  height: auto !important;
  max-height: none !important; 
}

body #header .mobile {
  background-color: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 10px 5px !important; 
  height: auto !important;
}

body #header .mobile > div {
  float: none !important;
}

body #_mobile_logo img.logo {
  max-height: 55px !important; 
  width: auto !important;
}

body #header .mobile #menu-icon { order: 1 !important; }
body #header .mobile #_mobile_logo { order: 2 !important; flex-grow: 1; text-align: center; }
body #header .mobile #_mobile_user_info { order: 3 !important; }
body #header .mobile #_mobile_cart { order: 4 !important; }

body #header .mobile #_mobile_user_info,
body #header .mobile #_mobile_cart {
  margin: 0 5px;
}

@media (max-width: 765px) {

  body #_mobile_logo img.logo {
    max-height: 40px !important;
    width: auto !important;
  }

  .container {
    width: 100%; 
    max-width: 100%;
  }

}