/* Default colors */
:root {
	/* background */
	--fc-giropharm: #4A3041;
	--fc-giro-green: #97D700;
	--fc-lightcream: #FAF5F2;
	--fc-cream: #F1E9E3;
	--fc-maximumred: #dc0c15;
	--fc-medium-aquamarine: #74CFA3;
	--fc-pastel-pink: #D49E9C;
	--fc-white: #fff;
}

body {
	font-family: "Inter", sans-serif !important;
}

.home-bg {
	/* background-color: var(--fc-white);
	background-image: url(/themes/EiffelCommerce/images/jo.webp); */
}

.red-price {
	font-size: 34px;
	font-weight: bold;
	color: var(--fc-maximumred) !important;
}

/* sizing css  */
 .max-w-75 {
	 max-width: 75%;
 }

 .min-h-75px {
	min-height: 75px;
}

.min-h-60px {
	min-height: 60px;
}
/* end sizing css  */

	.cart-modal .modal-dialog .modal-content .modal-header {
		background: var(--fc-giro-green) !important;
	}
	.cart-modal .modal-dialog .modal-content .modal-header .modal-title {
		color: var(--fc-giropharm) !important;
	}
	.product .tabs .nav-tabs .nav-item a:hover {
		color: var(--fc-giro-green) !important;
	}

/* Typo and colors css  */
	a, a:hover {
		color: var(--fc-giropharm);
	}

	.main-bg {
		background: var(--fc-giropharm);
	}

	.text-medium-aquamarine {
		color: var(--fc-medium-aquamarine);
	}

	.text-pastel-pink {
		color: var(--fc-pastel-pink);
	}

	.newsletter-section-title {
		color: var(--fc-pastel-pink);
	}

	.bg-lightcream {
		background: var(--fc-lightcream);
	}

	.bg-cream {
		background: var(--fc-cream);
	}

	.text-theme {
		color: var(--fc-giropharm);
	}

	.text-theme-1 {
		color: var(--fc-giro-green);
	}

	.fs-8px {
			font-size: 8px;
	}

	a.text-theme:hover {
			color: var(--fc-giro-green);
	}

	a.text-theme-1:hover {
			color: var(--fc-giropharm);
	}

	.btn {
			border: 2px solid transparent;
			border-radius: 30px;
			padding: 10px 15px;
	}

	.btn-primary {
			background: var(--fc-giropharm);
			color: #fff;
			border-color: transparent;
	}

	.btn-primary:hover {
			background: var(--fc-giro-green);
			color: var(--fc-giropharm);
			border-color: transparent;
	}

	.btn-green, .btn-soft-green {
		background: var(--fc-giro-green);
		color: var(--fc-giropharm);
		border-color: transparent;
	}

	.btn-green:hover {
			background: var(--fc-giropharm);
			color: var(--fc-white);
			border-color: transparent;
	}

	.btn-soft-green:hover {
		background: var(--fc-white);
		color: var(--fc-giropharm);
		border-color: transparent;
	}

	.btn-white:hover {
		color: #fff;
		background: var(--fc-giropharm);
		border-color: transparent;
	}

	.btn-white-green {
		background-color: var(--fc-white);
		color: var(--fc-giropharm);
		border-color: transparent;
	}

	.btn-white-green:hover {
		background-color: var(--fc-giro-green);
		color: var(--fc-giropharm);
		border-color: transparent;
	}

	.btn-danger {
			background: #fff;
			color: var(--fc-maximumred);
			border-color: transparent;
	}

	.btn-danger:hover {
			background: var(--fc-maximumred);
			color: #fff;
			border-color: transparent;
	}
	
	.btn-social {
		padding: 0 !important;
	}

	.btn-social:hover {
		border: 1px solid var(--fc-white);
    	color: var(--fc-white);
	}

	.btn-google {
        border: 1px solid #4faa53 !important;
        color: #4faa53;
    }
	
	.card-product:hover {
		border: 1px solid var(--fc-giropharm);
	}

	.login-btn svg path {
		fill : var(--fc-giropharm);
	}

/* Typo and colors css  */

/* Header css  */
	#header-main-menu.navbar .nav-pills  .nav-link {
			text-align: center;
			background:transparent;
			color: var(--fc-giropharm);
			font-size: 14px;
			font-weight: 500;
			border-radius: 0px;
	}

	#header-main-menu.navbar .nav-pills  .nav-link:hover {
		border-bottom: 4px solid var(--fc-giropharm);
		color: var(--fc-giropharm);
		transition: ease .1s;
		background-color: var(--fc-giro-green);
	}
	#header-main-menu.navbar .nav-pills  .nav-link.active {
		border-bottom: 4px solid var(--fc-giropharm);
		color: var(--fc-giropharm);
		transition: ease .1s;
	}
	#header-main-menu.navbar .dropdown-fullwidth .dropdown-menu {
		width:calc(100% - 20px);
		max-height: 500px;
		overflow: hidden;overflow-y: auto;
		padding: 20px;
		/* border: 2px solid #088a08;  */
	}
	#header-main-menu.navbar .category  {
		padding-bottom:20px;
	}
	#header-main-menu.navbar .category .optional2 {
		display:none;
	}
	#header-main-menu.navbar .category.expanded .optional2 {
		display:block;
	}
/* End Header css  */

#search-products {
	top: auto;
}

#search-products .prod-items {
	max-height: 500px;
	overflow-y: auto;
}

#search-products .prod-items .items .img-items {
	min-height: 200px;
	width: 100%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

@media screen and (max-width: 992px) {
	#search-products {
		top: 75px !important;
	}

	#search-products .prod-items {
		max-height: 400px;
	}

	#headerMenus {
		position: sticky;
		top: 0;
		z-index: 2;
	}

	.offcanvas.offcanvas-start {
		top: 100px;
	}
}

.vos_ordonnances .link-ordonnances {
    background: var(--fc-giropharm) !important;
}

#ordonnance #prescription_submit {
    background-color: var(--fc-giropharm) !important;
}

.services-info svg {
	fill: var(--fc-giropharm);
}

.article-description {
	font-size: 16px;
}

#products-nav .nav-item .nav-link {
	color: #003435;
	font-size: 16px;
	font-weight: 600;
	margin: 0;
	padding: 16px 10px;
	transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89);
	position: relative;
	justify-content: center;
	display: flex;
	align-items: center;
	white-space: normal;
}

#products-nav .nav-item .nav-link:hover,
#products-nav .nav-item .nav-link.active {
	background: var(--fc-giropharm) !important;
	color: #fff;
}

.post-card {
    border-radius: 8px;
    transition: background-color .4s, box-shadow .4s, transform .4s;
}
.post-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 24px -6px rgba(48, 54, 77, .16);
}

.min-height-250 {
	min-height: 250px;
}

.max-height-600 {
	max-height: 600px;
}

.sec-footer-bg {
	background: #D4F2E4;
}

.bg-lightgray {
	background: #d3d3d3;
}

.bg-smoke {
	background: #f8f8f8;
}

#headerMenus .header-logo-lg {
		padding: 0 0 0 50px;
}

#headerMenus .header-menu-lg {
		padding: 0 50px 0 0;
}

.header-search-box input {
		border:50px;
		width: 100%;
		height: 50px;
		padding: 5px 5px 5px 15px;
		border: 1px solid #dedede;
		border-radius: 35px !important;
		box-shadow: none;
		background-color: #f6f6f6;
}
.header-search-box button {
		border-radius: 35px !important;
}

#top-mini { 
	min-height: 38px;
}
#top-mini .dropdown-toggle { color:#fff !important; }

.header-search-box button {
	padding:0px 16px;
	border-radius: 35px !important;
}

#icon-eye button { padding:0px 17px; }

#header-main-menu.navbar .dropdown .dropdown-toggle:after { content:''; }


.bg-color-1 {
	background: #0aaa0a !important;
	color:#fff !important;
}
.bg-color-2 {
		background: #F1F8FF !important;
		color: black;
}
.bg-color-3 {
		background: #D4F2E4 !important;
		color: black;
}

.bg-color-1.active, .bg-color-2.active, .bg-color-3.active {
	background:#4c8854 !important;
	color:#fff;
}

#user-menu .user-menu-items  { margin-top:10px; }
#user-menu .user-menu-items .icon { font-size:18px; }

#user-cart-overlay { display:none; }
#user-cart-overlay.show { display:block; }

/* .dropdown-toggle:after { content:''; } */

.home-service-slider .card-body .icon  { text-align:center; }
.home-service-slider .card-body .icon img { margin:0px auto; width:calc(100% - 20px); }

.product-promotion-item.hidden { display:none; }
.product-promotion-item .product-image-wrapper { height: 170px; width: 100%; overflow: hidden; display: block; margin-bottom:5px; }
.product-promotion-item .product-image-wrapper img { -o-object-position: center; object-position: center; -o-object-fit: contain; object-fit: contain; width: 100%; height: 100%;}
.product-promotion-item .product-name { height:33px; }

.product .tabs .nav-tabs .nav-item .nav-link.active {
		border: 2px solid var(--fc-giropharm) !important;
		border-bottom: 3px solid var(--fc-giropharm) !important;
		border-radius: 12px 12px 0 0 !important;
		background: var(--fc-giropharm) !important;
		color: #fff;
}

.product .img-container .item-description .tags a:hover {
		background: var(--fc-giropharm) !important;
}
.product .img-container .item-description .info-free-shipping > li svg, .product .img-container .item-description .block-need-help a svg {
		fill: var(--fc-giro-green) !important;
}

.product .img-container .item-description .product-price .in-stock,
.product .img-container .item-description .product-price .new-price,
.product .featured-categories .tab-content .item-box .price ,
.who-are-we h1 {
	color: var(--fc-giropharm) !important;
}

#promotion-slider {
	background: var(--fc-white);
	border: 1px solid var(--fc-giropharm);
	border-radius:8px;
	position:relative;
	padding:25px 50px;
}

#promotion-slider .slick-prev  {
	all:unset;
	position:absolute;
	top:50%;
	left:-70px;
	cursor:pointer;
	width:40px;
	height:40px;
	line-height:40px;
	background:var(--fc-giropharm);
	border-radius:50%;
	text-align:center;
	font-size:20px;
	color:#fff;
}
#promotion-slider .slick-next  {
	all:unset;
	position:absolute;
	top:50%;
	right:-70px;
	cursor:pointer;
	width:40px;
	height:40px;
	line-height:40px;
	background:var(--fc-giropharm);
	border-radius:50%;
	text-align:center;
	font-size:20px;
	color:#fff;
}
#promotion-slider .slick-prev:hover,
#promotion-slider .slick-next:hover {
	opacity:0.9;
}


#promotions .active-category {
		background: #1fa952 !important; color:#fff !important;
}

#promotions .tags-links  .category { font-size: 12px;  font-weight: 600;  color: #333; padding: 6px 20px; border-radius: 50px; transition: 100ms all ease-out;  background: #CCCC; border: none; }
#promotions .tags-links  .category:hover { background: #1fa952; color:#fff; }

.discount-badge {
	position: absolute;
	right: 5px;
	padding:10px;
	color: red;
}

.prod-items .sub-categories {
	top: 10px !important;
}

.offcanvas-body .cart-summary {
		border-radius: 4px;
		border: 1px solid rgba(0, 0, 0, 0.05);
}
.offcanvas-body .total {
		border: 1px solid rgba(0, 0, 0, 0.05);
}

.slick-slider .slick-list {
		margin-left: 0 !important;
		margin-right: 0 !important;
}

.section-title {
		padding: 0 0 25px 0;
		font-size: 43px;
		font-weight: 1000;
		font-family: 'Montserrat', sans-serif !important;
}

.footer {
	background: var(--fc-giropharm);
}

.footer-reassurance-item .section-title-color {
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 900;
}
.services .section-title-color {
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 1000;
}

.section-title-color {
		color: var(--fc-giropharm);
}

#footerServicesCarousel {
	background: var(--fc-white);
}

.loyalty-section {
		overflow: hidden;
		background: #F1F8FF;
		/* background: url(/themes/FreshCart/images/slider/hero-img-slider-2.jpg); */
		background-size: auto;
}

.loyalty-section .section-title {
	font-size: 50px !important;
	line-height: 60px;
}

.loyalty-section .section-title, .newsletter-section .section-title {
		font-family: 'Montserrat', sans-serif !important;
		font-weight: 1000 !important;
}


.home-service-slider .card:hover {
		box-shadow: 1px 1px 15px lightgray;
}

#newsletter-input input {
		border:50px;
		width: 100%;
		height: 50px;
		padding: 5px 5px 5px 15px;
		border: 1px solid #dedede;
		border-radius: 35px !important;
		box-shadow: none;
		background-color: #f6f6f6;
}

.newsletter-section {
	overflow: hidden;
	background: var(--fc-giropharm);
}

.newsletter-section .section-title {
		font-size: 60px;
		line-height: 55px;
}

.brand-section {
	max-height: 400px;
	overflow: auto;
}

.sub-categories.loading-opacity {
	opacity: 0.8;
}

#sidebar-loader {
	top: 50%;
	right: 50%;
	color: #4faa53;
}

.clear {
		background: green;
		color: white;
		border-radius: 7px;
		padding: 2px 5px;
}

.clear:hover {
	cursor: pointer;
}

.carousel-images {
	background-size: cover !important;
	background-position: center !important;
	margin:0 !important;
}

.carousel-img {
	height: 540px !important;
}

.carousel-pharmacy-image {
	min-height: 540px !important;
	width: 95%;
}
.carousel-pharmacy-image img {
		width: 40%;
}

@media (min-width: 2200px) {
		.carousel-images, .carousel-pharmacy-image {
			min-height: 680px !important;
		}

		.carousel-img {
			height: 680px !important;
		}
}

@media (max-width: 1650px) {
		.carousel-images, .carousel-pharmacy-image {
			min-height: 450px !important;
		}

		.carousel-img {
			height: 450px !important;
		}
}
@media (max-width: 1440px) {
		.carousel-images, .carousel-pharmacy-image {
			min-height: 400px !important;
		}

		.carousel-img {
			height: 400px !important;
		}
		/* .carousel-pharmacy-image img {
		} */
}
@media (max-width: 1300px) {
		.carousel-images, .carousel-pharmacy-image {
			min-height: 350px !important;
		}
		.carousel-img {
			height: 350px !important;
		}
}

@media (max-width: 1100px) {
		.carousel-images {
			/* background-size: contain !important; */
		}
		.carousel-images, .carousel-pharmacy-image {
			/* min-height: 300px !important; */
		}

}

@media (max-width: 769px) {
		.product-image-wrapper { height: auto; width: 100%; overflow: hidden; display: block; margin-bottom:5px; }
		.carousel-images {
			background-size: contain !important;
		}
		.carousel-pharmacy-image img {
			margin-right: unset;
		}
}

@media (max-width: 525px) {
		.carousel-images, .carousel-pharmacy-image {
			min-height: 250px !important;
		}
		.carousel-img {
			height: 250px !important;
		}
		.carousel-pharmacy-image img {
		}

		.service-img.carousel-images {
			min-height: 100px !important;
		}
		.section-title {
				font-size: 27px;
		}

		.loyalty-section {
				line-height: 33px;
		}

		.newsletter-section .section-title, .loyalty-section .section-title {
				font-size: 35px !important;
				line-height: 33px;
		}
}


/* footer css */
/* .footer h4 {
		font-size: 18px;
} */

.fs-17 {
	font-size: 16px !important;
}

.footer-details { margin-bottom:20px; }
.footer-details p { margin-bottom:0px; }


.footer-services { margin-bottom:20px; }

.form-input-newsletter { position:relative; max-width:500px; }
.form-input-newsletter input { width:100%; height:35px; border:none; padding:0px 10px; padding-right:90px; border-top-right-radius:12px; border-bottom-right-radius:12px; }
.form-input-newsletter button { background:#1fa952; height:35px; padding:0px; width:80px;  text-align:center; position:absolute; top:0px; right:0px; border-radius:0px; border-top-right-radius:12px; border-bottom-right-radius:12px; }

.form-input-newsletter button svg {
		width: 20px;
		height: 35px;
		line-height:35px;
		fill: #FFF;
		transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89);
}

.form-input-newsletter-note { max-width:500px;  color:#777; font-size:11px; margin-top:10px; }
.footer-services ul  { padding-left:18px; }
.footer-services ul li { list-style-type: disc; }

.footer-reassurance {
		padding: 50px 0px;
}
.footer-reassurance .footer-reassurance-item { text-align:center; }
.footer-reassurance .footer-reassurance-item .icon { height: 50px; flex: 0 0 100%; margin: auto; }
.footer-reassurance .footer-reassurance-item .icon svg {
	width: auto;
	margin: auto;
	color:red;
}
.footer-reassurance .footer-reassurance-item .icon .icon-bg {
		padding: 10px 15px;
		/* background: var(--fc-giropharm); */
		border-radius: 15px;
		/* top: -27%;
		left: 37%; */
}

.footer-reassurance .footer-reassurance-item p {
		font-size: 12px !important;
		color: rgba(92,108,117,.75) !important;
}

.footer-reassurance a:hover .footer-reassurance-item p {
		color: var(--fc-giropharm) !important;
}

.footer-reassurance .footer-reassurance-item .icon {
		position: relative;
}

.footer-reassurance .footer-reassurance-item .icon-position {
	position: absolute;
	top: -80%;
	/* left: 37%; */
}

.footer-reassurance .footer-reassurance-item .img-position {
	position: absolute;
	top: -90%;
	left: 40%;
}

.new-tabs .nav .nav-item button {
		font-size: 16px;
}

.new-tabs .nav .nav-item button.active {
		background: transparent;
		color: var(--fc-giropharm) !important;
		border-bottom: 2px solid var(--fc-giropharm) !important;
}

.services .big-icon svg {
	height: 250px;
	width: 250px;
	margin: auto;
	color:red;
}
.services .big-icon .icon-bg svg{
		padding: 10px 15px;
		background: var(--fc-giro-green);
		border-radius: 15px;
}

/* .header-svg-icons svg path, */
.new-tabs .card svg g path, .new-tabs .card svg path,
.footer-reassurance-item svg g path, .footer-reassurance-item svg path,
.service-svg svg g path, .service-svg svg path {
		fill : var(--fc-giro-green);
}

.service-svg svg g path, .service-svg svg path,
.footer-reassurance-item svg g path, .footer-reassurance-item svg path {
		stroke :  var(--fc-giro-green);
		stroke-width:2px;
}

.footer-reassurance-item svg,
.service-svg svg {
		background: #fff !important;
		border-radius: 50%;
}

.new-tabs .card {
		box-shadow: -1px 27px 33px rgba(109, 109, 109, 0.0180827), 0px 12.4829px 15.2569px rgba(109, 109, 109, 0.0261253), 0px 7.14244px 8.72965px rgba(109, 109, 109, 0.0322036), 0px 4.33541px 5.29883px rgba(109, 109, 109, 0.0377964), 0px 2.61228px 3.19278px rgba(109, 109, 109, 0.0438747), 0px 1.45468px 1.77795px rgba(109, 109, 109, 0.0519173), 0px 0.62565px 0.764683px rgba(109, 109, 109, 0.07);
		border: 0;
}
.new-tabs a .card:hover h5 {
	color: var(--fc-giropharm) !important;
	transition: 0.3s all ease;
}

.new-tabs .card .icon {
		height: 60px;
		width: 60px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex: 0 0 100%;
		margin: auto;
		border-radius: 29px;
		background: var(--fc-giropharm);
}
.new-tabs .card .icon svg {
		height: 40px;
		width: 40px;
		margin: auto;
		color:red;
}

.new-tabs .card img {
		height: 60px;
		width: 60px;
}

.new-tabs .card .card-title {
	font-size: 16px;
	text-transform: uppercase;
}

.new-tabs .card .card-subtitle {
	font-size: 12px;
	color: rgba(92,108,117,.75);
}

#auth form .input-group-prepend .input-group-text {
	background-color: var(--fc-giropharm) !important;
}

@media (max-width: 1200px) {

}
@media (max-width: 991px) {

}
@media (max-width: 768px) {
		/* img.logo {
			width: 125px !important;
		} */
}

@media (min-width: 400px) and (max-width: 475px) {

}

@media (max-width: 400px) {

}

@media (max-width: 600px) {
		#footerServicesCarousel.carousel {
			display: block !important;
		}
}
/* footer css end*/

/* products page css */

@media (max-width: 1800px) {
		.sub-categories {
			padding: 0 60px !important;
		}
}
@media (max-width: 1558px) {
		.sub-categories {
			padding: 0 40px !important;
		}
}
@media (max-width: 1400px) {
		.sub-categories {
			padding: 0 20px !important;
		}
}

@media (min-width: 991px) and (max-width: 1400px) {
		.sub-categories {
			padding: 0 10px 0 10px !important;
		}
		.prod-items .items {
			width: 30% !important;
		}
}
/* products page css end */

.opacity-60 {
	opacity: 0.6;
}

.opacity-70 {
	opacity: 0.7;
}

.opacity-80 {
	opacity: 0.8;
}

.opacity-90 {
	opacity: 0.9;
}


/* Widget Filter Links -----------------------------------------------------------------*/

.widget-filter-links ul {
	list-style: none;
	margin-bottom: 0;
}

.widget-filter-links .widget-filter-reset {
	position: absolute;
	top: 67px;
	left: auto;
	right: 0;
	font-size: 12px;
	line-height: 22px;
}

.widget:not(:first-child) .widget-filter-reset { top: 50px; }

.widget-filter-links .widget-filter-reset a { color: red; }

.widget-filter-links .widget-filter-reset.active-filter { display: none; }

.widget-filter-links li,
.widget-filter-links details {
	position: relative;
	font-size: 15px;
	line-height: 24px;
}

.widget-filter-links li:not(:first-child),
.widget-filter-links details:not(:first-child) {margin-top: 10px;}

.widget-filter-links li a,
.widget-filter-links details summary {
	display: block;
	color: #444;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
}

.widget-filter-links li span,
.widget-filter-links details span {
	position: absolute;
	top: 1px;
	left: auto;
	right: 0;
	font-size: 11px;
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	color: #777;
	background-color: #EEE;
	border-radius: 50%;
}

.widget-filter-links li:hover > a,
.widget-filter-links details:hover > summary > a {
	color: #777; 
}

.widget-filter-links li.active-filter > a,
.widget-filter-links details.active-filter > summary > a {font-weight: 700;}

.widget-filter-links li.active-filter span,
.widget-filter-links details.active-filter span {
	color: #FFF;
	background-color: #1ABC9C;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

/* Fallback for multilevel menu*/
summary::-webkit-details-marker {
	display: none
}
summary:after {
	content: "";
	display: inline-block;
	width: 9px;
	height: 9px;
	transform: rotate(-45deg);
	border: 2px solid;
	border-width: 0 0 2px 2px;
	color: #abadad;
	margin-top: -6px;
	margin-left: 0.3em;
	vertical-align: 0.2em;

}
details[open] summary:after {
	content: "";
}

.category-filter {
	max-height: 500px;
	overflow-x: hidden;
}
/* End Widget Filter Links -----------------------------------------------------------------*/