/* Default colors */
:root {
	/* background */
	--fc-site-main: #009DC5;
	--fc-site-secondary: #F1F8FF;
	--fc-site-pink: #f4a7c1;
	--fc-site-pink-secondary: #fde7ed;
	--fc-white: #fff;
	--fc-site-mint: #DFF0D8;
}

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

/* Width */

.min-w-290px {
	min-width: 290px;
}

.w-200px {
	width: 200px;
}

.w-185px {
	width: 185px;
}

.w-90 {
	width: 90%;
}

/* height */

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

.h-400px {
	height: 400px;
}

.h-410px {
	height: 410px;
}

.h-420px {
	height: 420px;
}

.h-500px {
	height: 500px;
}

.h-550px {
	height: 550px;
}

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

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

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

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

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

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

/* height % */
.h-20 {
	height: 20%;
}

.h-30 {
	height: 30%;
}

.h-40 {
	height: 40%;
}

.h-60 {
	height: 60%;
}

.h-80 {
	height: 80%;
}

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

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

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

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


/* position % */
.top-20 {
	top: 20%;
}

.top-30 {
	top: 30%;
}

.top-40px {
	top: 40px;
}

.top-175px {
	top: 175px;
}

.left-50 {
	left: 50%;
}

.right-0 {
	right: 0;
}

.right-3 {
	right: 3%;
}

.right-15px {
	right: 15px;
}

.bottom-10 {
	bottom: 10%;
}

.bottom-20 {
	bottom: 20%;
}

.bottom-30 {
	bottom: 30%;
}

.bottom-20px {
	bottom: 20px;
}

.bottom-50px {
	bottom: 50px;
}

.bottom-60px {
	bottom: 60px;
}

/* font size */
.fs-7 {
	font-size: 0.750rem!important;
}

.badge-custom {
	background-color: #1a1a40;
	color: #fff;
	padding: 0.3rem 0.75rem;
	border-radius: 1rem;
	font-size: 0.8rem;
}
.scroll-container {
	display: flex;
	overflow-x: auto;
	gap: 1rem;
	padding: 1rem;
	scroll-snap-type: x mandatory;
}

.btn-site-danger, .btn-site-danger:hover {
	border: 1px solid red;
	background-color: #fff;
	color: red;
}

.red-price {
	font-size: 34px;
	font-weight: bold;
	color: #db3030 !important;
}

.bg-site-pink {
	background-color: var(--fc-site-pink) !important;
}

.bg-site-mint {
	background-color: var(--fc-site-mint) !important;
}

.bg-site-pink-secondary {
	background-color: var(--fc-site-pink-secondary) !important;
}

.main-bg {
	background: var(--fc-site-secondary) !important;
}

.text-site {
	color: var(--fc-site-main) !important;
}

.bg-site {
	background: var(--fc-site-main) !important;
}

.fill-site {
	fill: var(--fc-site-main) !important;
}

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

.bg-site-pink {
	background-color: var(--fc-site-pink);
}

.border-bottom-site {
	border-color: var(--fc-site-main) !important;
}

.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 .search-box {
width: 70%;
}

.search-input::-moz-placeholder {
	color: var(--fc-site-main) !important;
	opacity: 1 !important;
}

.search-input::placeholder {
	color: var(--fc-site-main) !important;
	opacity: 1 !important;
}

.btn-google {
	border: 1px solid #4faa53 !important;
	color: #4faa53;
}

#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 {
	background: var(--fc-site-secondary) !important;
	color: black !important;
	/* min-height: 38px; */
}

#top-mini .dropdown-toggle { color: black !important; }

.logo-pharmacy-info {
color: var(--fc-site-main) !important;
}

.text-reset:hover {
	color: var(--fc-site-secondary) !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:''; }
#header-main-menu.navbar .nav-pills  .nav-link {
	text-align: center;
	background:transparent;
	color:#333;
	font-size: 13px;
	font-weight: 700;
}

.custom-tab,
.appointment-wrapper .btn-success {
background-color: #61C0EE;
}

.custom-tab,
.appointment-wrapper .btn-success, 
#header-main-menu.navbar .nav-pills .nav-link, 
.navbar .bg-color-1, 
.navbar .bg-color-2, 
.navbar .bg-color-3 {
	color: #ffffff !important;
}

.bg-color-1, .bg-color-2, .bg-color-3 {
	background: var(--fc-site-main) !important;
}

.bg-color-1.active, .bg-color-2.active, .bg-color-3.active {
	background:var(--fc-site-main) !important;
	color:#fff;
}

#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: 200px !important;
	}
}

#header-main-menu.navbar .nav-pills  .nav-link:hover, #header-main-menu.navbar .nav-pills  .nav-link.active {
	background:var(--fc-site-main) !important;
	color:#fff !important;
}

#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); }

#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 var(--fc-site-secondary); 
}

#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; }

.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-site-main) !important;
	border-bottom: 3px solid var(--fc-site-main) !important;
	border-radius: 12px 12px 0 0 !important;
	background: var(--fc-site-main) !important;
	color: #fff;
}

.product .tabs .nav-tabs .nav-item a:hover{
	color: unset !important;
}

.product .img-container .item-description .tags a:hover {
	background: var(--fc-site-main) !important;
}
.product .img-container .item-description .info-free-shipping > li svg, .product .img-container .item-description .block-need-help a svg {
	fill: var(--fc-site-main) !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-site-main) !important;
}

#promotion-slider { 
	background:var(--fc-site-secondary); 
	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-site-main); 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-site-main); 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;
}

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

.footer-reassurance {
	background: var(--fc-site-secondary) !important;
}

.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;
}

.logo-pharmacy-label {
	color: var(--fc-site-main) !important;
}

.section-title-color strong, .site-text-color {
	color: var(--fc-site-main);
}

.site-text-color:hover {
	color: var(--fc-site-main);
}

.section-title-color span, .site-text-second-color {
	color: var(--fc-site-main);
}

.btn-site-pink {
	background-color: var(--fc-site-pink) !important;
	color: #fff !important;
}

.btn-primary, 
.btn-danger.app-option-btn, 
.btn-soft-primary, .slick-prev, 
.slick-next, 
#auth form .input-group-prepend .input-group-text, 
.vos_ordonnances .link-ordonnances, 
#ordonnance #prescription_submit, 
#ordonnance .add-files .drop-area .circled.gradiant {
	background-color: var(--fc-site-main) !important;
	border: transparent;
}

.btn-bg-text, 
.txt-green, 
#auth a, 
.btn-link, 
.price, 
.strike-price, 
.list-inline-item .text-success, 
.new-tabs a .card:hover h5, 
.who-are-we h1, 
.swiper-button-prev, 
.swiper-button-next, 
#show-more-slot, 
#hide-slot, 
#header-main-menu.navbar .nav-pills .nav-item .dropdown-menu h6 a {
	color: #61C0EE !important;
}


.btn-primary,
.btn-soft-primary,
.slick-prev, .slick-next {
	color: #fff !important;
	/* color: #f4f0f0 !important; */
}

.custom-btn {
	background-color: #61C0EE;
	color: #ffffff;
}
.custom-btn-border {
	border: 1.5px solid #61C0EE;
}

.loyalty-section {
	overflow: hidden;
	background: var(--fc-site-secondary);
	/* 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;
}

.card-product:hover {
	border-color: var(--fc-site-main);
}

.border-site {
	border: 2px solid var(--fc-site-main);
}

.btn-social {
	border: unset;
}

.btn-social:hover {
    border: unset;
}

.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-site-secondary);
}

.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; */
		height: 500px !important;
	}
}
@media (max-width: 1440px) {
	.carousel-images, .carousel-pharmacy-image {
		min-height: 400px !important;
	}

	.carousel-img {
		/* height: 420px !important; */
		height: 500px !important;
	}
	/* .carousel-pharmacy-image img {
	} */
}
@media (max-width: 1300px) {
	.carousel-images, .carousel-pharmacy-image {
		min-height: 350px !important;
	}
	/* .carousel-img {
		height: 420px !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;
	}

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

@media (max-width: 525px) {
	.carousel-images, .carousel-pharmacy-image {
		min-height: 250px !important;
	}
	.carousel-img {
		/* height: 420px !important; */
		height: 300px !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 {
/* height: 40px;  */
width: auto;
margin: auto;
color:red;
}
.footer-reassurance .footer-reassurance-item .icon .icon-bg {
	padding: 10px 15px;
	/* background: var(--fc-site-main); */
	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: #61C0EE !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: #61C0EE !important;
	border-bottom: 2px solid #61C0EE !important;
}

.new-tabs .nav .nav-item button:hover {
	color: #61C0EE !important;
	border-bottom: 2px solid #61C0EE !important;
}

.promo-condition {
	color: #61C0EE !important;
	border-color: #61C0EE !important;
}

.services .big-icon svg {
height: 250px;
width: 250px;
margin: auto;
color:red;
}
.services .big-icon .icon-bg svg{
	padding: 10px 15px;
	background: #61C0EE;
	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, 
.who-are-we svg,
.service-svg svg rect {
	fill : var(--fc-site-main) !important;
}


.service-svg svg g path, .service-svg svg path,
.footer-reassurance-item svg g path, .footer-reassurance-item svg path {
	stroke :  var(--fc-site-main);
	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: #61C0EE !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: #61C0EE;
}
.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: #61C0EE !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 */

/* large screen */
@media (min-width: 992px) {
	.w-lg-60 {
		width: 60% !important;
	}

	.w-lg-40 {
		width: 40% !important;
	}

	.w-lg-200 {
		width: 200px !important;
	}

	.position-lg-absolute {
		position: absolute !important;
	}
}
/* medium screen */

@media (max-width: 600px) {
	.carousel {
		display: unset;
	}
}

.opacity-60 {
opacity: 0.6;
}

.opacity-70 {
opacity: 0.7;
}

.opacity-80 {
opacity: 0.8;
}

.opacity-90 {
opacity: 0.9;
}


.card-400x250 {
	height: 400px;
	width: 250px;
}

.card-400x225 {
	height: 400px;
	width: 225px;
}

.card-400x250 .card-container {
	border: 2px solid #009dc5;
}

.card-300x250 {
	min-height: 300px;
	min-width: 250px;
}

.card-min-400x250 {
	min-height: 400px;
	min-width: 250px;
}


.custom-shape-divider-top-1746504610 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	line-height: 0;
	transform: rotate(180deg);
}

.custom-shape-divider-top-1746504610 svg {
	position: relative;
	display: block;
	width: calc(128% + 1.3px);
	height: 25px;
}

.custom-shape-divider-top-1746504610 .shape-fill {
	fill: #FFFFFF;
}

.custom-shape-divider-bottom-1746504809 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	line-height: 0;
}

.custom-shape-divider-bottom-1746504809 svg {
	position: relative;
	display: block;
	width: calc(128% + 1.3px);
	height: 25px;
}

.custom-shape-divider-bottom-1746504809 .shape-fill {
	fill: #FFFFFF;
}

  /** For mobile devices **/
  @media (max-width: 767px) {
	.custom-shape-divider-top-1746504610 svg {
		width: calc(158% + 1.3px);
		height: 21px;
	}

	.custom-shape-divider-bottom-1746504809 svg {
		width: calc(158% + 1.3px);
		height: 20px;
	}
}

  /** For extra small devices **/
  @media (max-width: 424px) {
	.xs-fs-7 {
		font-size: 0.750rem!important;
	}
}

/* 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 -----------------------------------------------------------------*/