/* FARMACIA OROPESA */

:root{
	--green-color: #086E26;
	--orange-color: #FCBB7A;
	--blue-light-color: #01BFD5;
	--red-web-color: #F1405A;
	
	--black-color: #000000;
	--white-color: #ffffff;
	--red-color: #ad1f00;
	
	
	/* Transition */
	--main-image-transition: background-image 0.6s ease-in-out;
	--main-icons-transition: background-image 0.6s ease-in-out;
	
	/* Botónes */
	--btn-border-radius: 6px;
	
	/* Menú box shadow */
	--menu-box-shadow: 0px 3px 6px #00000029;
	
	/* Letters */
	--contact-letter-size: 15px;
	--contact-letter-responsive-size: 13px;
	--footer-letter-size: 15px;
	--footer-letter-responsive-size: 14px;
}





/* GENERALES */
/* CARRITO (el modal que sale al dar click sobre el ícono) */
#blockcart-content .cart-totals {
	font-size: 1.2rem;
}

/* Todos los botones */
.btn{
	border-radius: var(--btn-border-radius);
}














/* HEADER */
#header:not(#index #header){
	box-shadow: 0px 3px 6px #00000029;
	margin-bottom: 20px;
}


/* Top bar */
#header .header-nav .row{
	align-items: center;
}

#header .header-nav .row .left-nav{
	flex: 1 0 80%;
}

#header .header-nav .row .left-nav #iqithtmlandbanners-block-2 .info-farma-top{
	display: flex;
    justify-content: flex-start;
    align-items: center;
	gap: 30px;
}

#header .header-nav .row .left-nav #iqithtmlandbanners-block-2 .info-farma-top .info-2,
#header .header-nav .row .left-nav #iqithtmlandbanners-block-2 .info-farma-top .info-3{
    display: flex;
    gap: 30px;
}

#header .header-nav .row .right-nav{
	flex: 1 0 20%;
}

@media screen and (width < 1194px){
	#header .header-nav .row .left-nav #iqithtmlandbanners-block-2 .info-farma-top .info-3{
		display: none;
	}
}

@media screen and (width < 1021px){
	#header .header-nav .row .left-nav{
		flex: 1 0 70%;
	}
	
	#header .header-nav .row .right-nav{
		flex: 1 0 30%;
	}
}

@media screen and (width < 894px){
	#header .header-nav .row .left-nav{
		flex: 1 0 60%;
	}
	
	#header .header-nav .row .left-nav #iqithtmlandbanners-block-2 .info-farma-top .info-2{
		display: none;
	}
	
	#header .header-nav .row .right-nav{
		flex: 1 0 40%;
		align-items: center;
	}
}


#iqithtmlandbanners-block-3 .top-mobile a{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}




/* Logo */
#desktop_logo{
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 5px;
}

#desktop-header #desktop-header-container > .row{
	justify-content: space-between;
	width: 100%;
}

#desktop-header #desktop-header-container > .row .col-header-center{
	flex: 1 0 auto;
	width: auto;
}

@media screen and (width < 1140px) and (width > 992px){
	#desktop-header #desktop-header-container > .row .col-header-center #search_widget{
		min-width: 80%;
	}
}









/* Iconos */
/* Búsqueda */
#desktop-header #search_widget .form-search-control{
	border-radius: 10px;
}

#desktop-header .search-btn > .fa-search:before,
#mobile-header .m-nav-btn > .fa-search:before {
    content: "" !important;
    background-image: url('/themes/farmaciaoropesa/assets/img/icons/icon-green-search.png');
    background-repeat: no-repeat;
    background-size: 20px;
    display: inline-block;
    width: 20px;
    height: 20px;
    transition: var(--main-image-transition);
}

#desktop-header .search-btn > .fa-search:hover:before,
#mobile-header .m-nav-btn > .fa-search:hover:before {
    content: "" !important;
    background-image: url('/themes/farmaciaoropesa/assets/img/icons/icon-black-search.png');
}

/* Usuario */
#desktop-header .header-btn > .fa-user:before,
#mobile-header .m-nav-btn > .fa-user:before{
	content: "" !important;
	background-image: url('/themes/farmaciaoropesa/assets/img/icons/icon-black-user.png');
	background-repeat: no-repeat;
	background-size: 20px;
	display: inline-block;
	width: 20px;
	height: 20px;
	transition: var(--main-image-transition);
}

#desktop-header .header-btn > .fa-user:hover:before,
#mobile-header .m-nav-btn > .fa-user:hover:before{
	content: "" !important;
	background-image: url('/themes/farmaciaoropesa/assets/img/icons/icon-green-user.png');
}


/* Lista de deseos */
#desktop-header .fa-heart-o:before,
#mobile-header .fa-heart-o:before{
	content: "" !important;
	background-image: url('/themes/farmaciaoropesa/assets/img/icons/icon-black-heart.png');
	background-repeat: no-repeat;
	background-size: 20px;
	display: inline-block;
	width: 20px;
	height: 20px;
	transition: var(--main-image-transition);
}

#desktop-header .header-btn .fa-heart-o:hover:before,
#mobile-header .m-nav-btn .fa-heart-o:hover:before{
	content: "" !important;
	background-image: url('/themes/farmaciaoropesa/assets/img/icons/icon-green-heart.png');
}



/* Carrito de compra */
#desktop-header .fa-shopping-bag:before,
#mobile-header .fa-shopping-bag:before{
	content: "" !important;
	background-image: url('/themes/farmaciaoropesa/assets/img/icons/icon-black-cart.png');
	background-repeat: no-repeat;
	background-size: 20px;
	display: inline-block;
	width: 20px;
	height: 20px;
	transition: var(--main-image-transition);
}

#desktop-header .header-btn .fa-shopping-bag:hover:before,
#mobile-header .m-nav-btn .fa-shopping-bag:hover:before{
	content: "" !important;
	background-image: url('/themes/farmaciaoropesa/assets/img/icons/icon-green-cart.png');
}




/* MENÚ PRINCIPAL */
/* Menú */
#iqitmegamenu-horizontal #cbp-hrmenu > ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 45px;
	width: 100%;
}

#iqitmegamenu-horizontal #cbp-hrmenu > ul > li > a .cbp-tab-title{
	text-transform: uppercase;
}

#iqitmegamenu-horizontal #cbp-hrmenu > ul > li .cbp-hrsub,
#iqitmegamenu-horizontal #cbp-hrmenu > ul > li .iqitmegamenu-submenu-container{
	width: 280px !important;
	max-width: 280px !important;
}

/* Submenú */
#iqitmegamenu-horizontal #cbp-hrmenu > ul > li .cbp-hrsub-inner{
	padding: 0;
}

#iqitmegamenu-horizontal #cbp-hrmenu > ul > li .cbp-hrsub-inner .iqitmegamenu-submenu-container .menu_row{
	margin-bottom: 0;
}

#iqitmegamenu-horizontal #cbp-hrmenu > ul > li .cbp-hrsub-inner .iqitmegamenu-submenu-container .cbp-menu-column{
	margin-top: 0;
}

#iqitmegamenu-horizontal #cbp-hrmenu > ul > li .cbp-hrsub-inner .cbp-links{
	width: 100%;
}

#iqitmegamenu-horizontal #cbp-hrmenu > ul > li .cbp-hrsub-inner .cbp-links li{
	margin: 0;
	padding: 0;
	border-bottom: 1px solid var(--white-color);
}

#iqitmegamenu-horizontal #cbp-hrmenu > ul > li .cbp-hrsub-inner .cbp-links li a{
	padding: 10px;
	transition: background-color 0.3s;
	color: var(--black-color) !important;
	width: 280px !important;
	max-width: 280px !important;
	text-transform: uppercase;
}

#iqitmegamenu-horizontal #cbp-hrmenu > ul > li .cbp-hrsub-inner .cbp-links li a:hover{
	background-color: var(--red-web-color);
	color: var(--white-color) !important;
}

#iqitmegamenu-horizontal #cbp-hrmenu > ul > li .cbp-hrsub-inner .cbp-links li a:before{
	display: none;
}

/* Nivel 2 */
#iqitmegamenu-horizontal #cbp-hrmenu > ul > li .cbp-hrsub-inner .cbp-links li.cbp-hrsub-haslevel2  > .cbp-category-link-w > a:after{
	content: "\f054";
	opacity: 1;
	float: right;
}

#iqitmegamenu-horizontal #cbp-hrmenu > ul > li .cbp-hrsub-inner .cbp-links li.cbp-hrsub-haslevel2  > .cbp-category-link-w .cbp-hrsub-level2{
	padding: 0;
	margin-left: 0;
	top: 20px;
	white-space: inherit;
}







/* Menú sticky */
#iqitmegamenu-wrapper.stuck-menu{
	padding-top: 5px;
	padding-bottom: 5px;
	box-shadow: 0px 3px 6px #00000029;
}


#iqitmegamenu-wrapper.stuck-menu #sticky-cart-wrapper{
	margin: 5px 5px 5px 10px;
	/*left: calc(50% + 820px);*/
}


/* Menú secundario */
.secundary-menu{
	display: flex;
	justify-content: end;
	gap: 40px;
	margin-top: 10px;
	margin-bottom: -15px;
}

.secundary-menu a{
	font-size: 16px;
	text-transform: uppercase;
	color: var(--black-color);
}

.secundary-menu a:hover,
.secundary-menu a.is-active{
	color: var(--red-web-color) !important;
}





/* MENÚ MÓVIL */
/*#mobile-header .m-nav-btn > i{
	font-size: 2rem;
}*/

#iqitmegamenu-mobile > .mobile-menu__content ul.mm-panel__scroller{
	padding: 0 !important;
}

#iqitmegamenu-mobile > .mobile-menu__content ul.mm-panel__scroller .mobile-menu__tab{
	padding: 0 10px;
}

#iqitmegamenu-mobile > .mobile-menu__content ul.mobile-menu__scroller > .mobile-menu__tab:nth-last-child(-n + 4){
	background-color: var(--red-web-color);
}

#iqitmegamenu-mobile > .mobile-menu__content ul.mobile-menu__scroller > .mobile-menu__tab:nth-last-child(-n + 4) > a{
	color: var(--white-color) !important;
}

#iqitmegamenu-mobile > .mobile-menu__content ul.mm-panel__scroller >.mobile-menu__tab:hover{
	background-color: var(--red-web-color);
}

#iqitmegamenu-mobile > .mobile-menu__content ul.mm-panel__scroller .mobile-menu__tab > a{
	text-transform: uppercase;
}

#iqitmegamenu-mobile > .mobile-menu__content ul.mm-panel__scroller .mobile-menu__tab:hover > a,
#iqitmegamenu-mobile > .mobile-menu__content ul.mm-panel__scroller .mobile-menu__tab:hover > span i{
	color: var(--white-color) !important;
}

/* SUBMENÚ MÓVIL */
#iqitmegamenu-mobile > .mobile-menu__content .mobile-menu__submenu{
	padding: 0 !important;
}

#iqitmegamenu-mobile > .mobile-menu__content .mobile-menu__submenu .mobile-menu__links-list{
	border-bottom: 1px solid #ebebeb;
}

#iqitmegamenu-mobile > .mobile-menu__content .mobile-menu__submenu .mobile-menu__links-list .cbp-category-link-w{
	padding: 10px;
}

#iqitmegamenu-mobile > .mobile-menu__content .mobile-menu__submenu .mobile-menu__links-list .cbp-category-link-w a{
	text-transform: uppercase;
}

/* SUBMENÚ MÓVIL */
#iqitmegamenu-mobile > .mobile-menu__content .mobile-menu__submenu li.mobile-menu__links-list:hover{
	background-color: var(--red-web-color);
	color: var(--white-color);
}























/* BODY */
/* Sección del slider */
.slider-section .elementor-container .elementor-row .elementor-column .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-inner img{
	width: 100%;
}




/* Sección de las categorías */
.categories-section .elementor-container .elementor-row{
	gap:15px;
}

@media screen and (width > 767px) and (width < 1024px){
	.categories-section .elementor-container .elementor-row{
		flex-direction: column;
	}
	
	.categories-section .elementor-container .elementor-row .elementor-column{
		width: 100%;
	}
}

.categories-section .elementor-container .elementor-row .elementor-column .elementor-image-box-wrapper .elementor-image-box-img img{
	width: 100%;
}

.categories-section .elementor-container .elementor-row .elementor-column .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-title{
	padding: 15px;
    display: inline-block;
    border-radius: 10px;
    margin-top: -20px;
	width: 70%;
	margin-bottom: 0;
}

@media screen and (width > 992px) and (width < 1139px){
	.categories-section .elementor-container .elementor-row .elementor-column .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-title{
		font-size: 16px;
	}
}

.categories-section .elementor-container .elementor-row .elementor-column:first-child .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-title{
	background-color: var(--green-color);
}

.categories-section .elementor-container .elementor-row .elementor-column:nth-child(2) .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-title{
	background-color: var(--orange-color);
}

.categories-section .elementor-container .elementor-row .elementor-column:nth-child(3) .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-title{
	background-color: var(--blue-light-color);
}



/* Carrusel de productos */
.products .product-miniature{
	overflow: hidden;
	border-radius: 10px;
}

.products .product-miniature .product-description .product-add-cart{
	margin: 10px 0 0 0;
}

.products .product-miniature .product-description .product-add-cart .btn{
	width: 90%;
	font-size: 18px;
	text-transform: uppercase;
	padding: 5px 10px;
	border-radius: var(--btn-border-radius);
}

.products .product-miniature .product-description .product-add-cart .btn i.fa-shopping-bag{
	display: flex;
	justify-content: center;
	align-items: center;
	order: 1;
}

.products .product-miniature .product-description .product-add-cart .btn i.fa-shopping-bag:before{
	content: "" !important;
	background-image: url('/themes/farmaciaoropesa/assets/img/icons/icon-white-product-cart.png');
	background-repeat: no-repeat;
	background-size: 15px;
	display: inline-block;
	width: 15px;
	height: 15px;
}

.products .product-miniature .product-description .product-add-cart .btn.add-to-cart{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	padding: 5px 10px;
	border-radius: var(--btn-border-radius);
}

/* Precio tachado cuando el producto tiene descuento */
.products .product-miniature .product-description .regular-price{
	color: var(--red-color) !important;
}

@media screen and (width < 1059.98px){
	.products .btn{
		width: 80%;
		font-size: 13px;
	}
}



/* sección del mapa */
.map-home-section .elementor-container .elementor-row .elementor-column .contact-info > .info{
	display: flex;
    gap: 10px;
    align-items: center;
}

.map-home-section .contact-info > .info:not(:last-child){
	margin-bottom: 20px;
}

.map-home-section .contact-info > .info .info-grid{
	display: grid;
    grid-template-columns: 150px 1fr;
    gap: 5px;
}

.map-home-section .contact-info > .info .info-grid p:nth-child(3){
    grid-column: 2 / 2;
}

.map-home-section .contact-info > .info .info-grid p{
	margin-bottom: 0;
}







/* Sección del Instagram */
.instagram-home-section .elementor-container .elementor-row .elementor-column .elementor-icon-box-wrapper{
    justify-content: center;
    align-items: center;
	gap: 10px;
}

.instagram-home-section .elementor-container .elementor-row .elementor-column .elementor-icon-box-wrapper .elementor-icon-box-title{
	margin-bottom: 0;
}

























/* FOOTER */
/* Logo*/
#footer-container-main #iqithtmlandbanners-block-4 .block-title{
	display: none;
}

/* Menús */
#footer-container-main .block-iqitlinksmanager .block-content > ul li{
	list-style: disc;
	list-style-position: inside;
}

#footer-container-main .block-iqitlinksmanager .block-content > ul li a{
	padding-left: 0;
	font-size: var(--footer-letter-size);
}

#footer-container-main .block-iqitlinksmanager .block-content > ul li a:before{
	content: '';
}

#footer-container-main a.active{
	color: var(--red-web-color) !important;
}


/* Reajuste de los contenedores en móvil */
@media screen and (width < 756px){
	#footer #footer-container-main .container .row:nth-child(2){
	    display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
}

@media screen and (width < 540px){
	#footer #footer-container-main .container .row:nth-child(2){
		grid-template-columns: 1fr;
	}
	
	#footer #footer-container-main .container .row:nth-child(2) #iqithtmlandbanners-block-2 .block-content{
		text-align: center;
	}
	
	#footer #footer-container-main .container .row:nth-child(2) .block-iqitlinksmanager{
	    margin-left: 20px;
		margin-right: 20px;
	}
}


/* Copyright */
#footer-copyrights .copy{
	display: flex;
	justify-content: space-between;
	gap: 10px;
	align-items: center;
}

#footer-copyrights .copy p{
	color: var(--white-color);
	font-size: 14px;
	margin-bottom: 0;
}

#footer-copyrights .copy a{
	color: var(--white-color) !important;
}

#footer-copyrights .copy a:hover{
	color: var(--red-web-color) !important;
}






































/* BOTÓN DE WHATSAPP */
#whatsapp-bottom {
    position: fixed;
    right: 0;
    bottom: 40px;
    margin: 14px;
    z-index: 1000000;
}

#whatsapp-bottom a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 15px;
    background-color: #075E54;
    border: 1px solid var(--white-color);
    transition: border 0.3s;
    color:var(--white-color);
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    transition: background-color 0.3s;
    border-radius: 10px;
    overflow: hidden;
}

#whatsapp-bottom a:hover {
    background-color: #00a884CC;
}

#whatsapp-bottom i {
    margin: 0 10px 0 0;
    font-size: 23px;
}

@media (max-width: 767.98px) {
    #whatsapp-bottom i {
        font-size: 28px;
        margin-right: 0;
    }

    #whatsapp-bottom a {
	width: 50px;
	height: 50px;
	border-radius: 50%;
    }

    #whatsapp-bottom span {
        display: none;
    }
}










/* TEXTOS LEGALES */
.texto-legal .link-text{
	text-decoration: underline;
}

.texto-legal .link-text:hover{
	font-weight: bold;
}

.texto-legal h2 {
	font-size: 20px;
}

.texto-legal ul li,
.texto-legal #condiciones-venta ul li {
    font-weight: 400;
	list-style: disc;
	margin-left: 30px;
}

.texto-legal #condiciones-venta h2 {
	font-size: 20px !important;
	margin-bottom: 30px !important;
}

.texto-legal #condiciones-venta h3 {
	margin-top: 40px !important;
	margin-bottom: 0px !important;
	font-size: 18px !important;
}

.texto-legal #condiciones-venta .small-text {
	font-size: 11px;
	margin-top: 30px;
}

.texto-legal #condiciones-venta .metodo-envio .tabla-precios{
    margin-top: 20px;
}

.texto-legal #condiciones-venta .metodo-envio .tabla-precios,
.texto-legal #condiciones-venta .metodo-envio .tabla-precios tr,
.texto-legal #condiciones-venta .metodo-envio .tabla-precios td,
.texto-legal #condiciones-venta .metodo-envio .tabla-precios th {
	border: 1px solid #777;
	text-align: center;
}

.texto-legal #condiciones-venta .metodo-envio .tabla-precios tr p {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.texto-legal #condiciones-venta .metodo-envio thead {
	background-color: var(--red-web-color);
}

.texto-legal #condiciones-venta .metodo-envio thead th,
.texto-legal #condiciones-venta .metodo-envio tr td{
	padding: 10px !important;
}

.texto-legal #condiciones-venta .metodo-envio thead strong{
	color: var(--white-color) !important;
}

.texto-legal #condiciones-venta .no-envios-a{
	margin-top: 20px;
}







/* PÁGINA DE CONTACTO */
/*  Mapa  */
#contact #iqitcontactpage-map iframe{
	border: 2px solid var(--red-web-color) !important;
	border-radius: 10px;
}

/* Sección de información de la farmacia */
#contact .page-content .contact-page-info{
	padding: 20px;
}

#contact .page-content .contact-page-info .contact-rich > hr:first-child{
	display: none;
}

#contact .page-content .contact-page-info .contact-rich strong{
	display: none;
}

#contact .page-content .contact-page-info .contact-rich .part{
	display: flex;
	align-items: center;
	gap: 10px;
}

#contact .page-content .contact-page-info .contact-rich .part .icon{
	flex: 0 0 30px;
	color: var(--red-web-color);
}

#contact .page-content .contact-page-info .contact-rich .part .data{
	font-size: var(--footer-letter-size);
}

#contact .page-content .contact-page-info .contact-rich .part .data a{
	font-size: var(--footer-letter-size);
}

#contact .page-content .contact-page-info .contact-rich .part .data a:hover{
	color: var(--black-color);
	font-weight: bold;
}

#contact .page-content .contact-page-info > .part{
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: var(--footer-letter-size);
}

#contact .page-content .contact-page-info > .part br{
	display: none;
}

#contact .page-content .contact-page-info > .part > div{
	line-height: 24px;
}

#contact .page-content .contact-page-info > .part p{
	margin-bottom: 0;
}

#contact .page-content div.col-sm-8{
	padding: 20px;
}

#contact .page-content .contact-page-info > .part{
	display: none;
}

/* Título del formulario */
#contact .page-content .contact-form .form-group h4{
	text-transform: uppercase;
}

@media screen and (width < 640px){
	#contact .page-content .contact-page-info .part .data{
		font-size: var(--footer-letter-responsive-size);
	}
	
	#contact .page-content .contact-page-info .part .data a{
		font-size: var(--footer-letter-responsive-size);
	}

	#contact .page-content .contact-page-info > .part{
		font-size: var(--footer-letter-responsive-size);
	}
}




















/* PÁGINA DE LAS CATEGORÍAS */
/*  Category tree y Sección de facets  */
#category #wrapper{
	margin-top: 40px;
}

#category #content-wrapper .page-title{
	text-transform: lowercase;
}

#category #content-wrapper .page-title:first-letter{
	text-transform: uppercase;
}

#category #left-column .block-categories{
	border: 1px solid var(--red-web-color);
	margin-bottom: 20px;
	padding-top: 0;
	border-radius: 9px;
}

#category #left-column .block-categories .block-title{
	margin-bottom: 0;
	padding: 12px;
	background-color: var(--red-web-color);
	font-size: 1.1rem;
	border-bottom: unset;
	text-transform: lowercase;
	
	border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

#category #left-column .block-categories .block-title:first-letter{
	text-transform: uppercase;
}

#category #left-column .block-categories .block-title a{
	color: var(--white-color) !important;
	font-weight: 400;
}

#category #left-column .category-sub-menu li:not(:last-child){
	border-bottom: 1px solid var(--black-color);
}

#category #left-column .category-sub-menu li .collapse-icons{
	display: grid;
	height: 43px;
	width: 30px;
	align-content: center;
	justify-content: center;
}

#category #left-column .category-sub-menu li .collapse-icons .fa{
	font-weight: 600;
	color: var(--black-color);
	font-size: 1.4em;
}


#category #left-column .block-categories .category-top-menu ul > li[data-depth="0"].opened .collapse-icons .fa,
#category #left-column .block-categories .category-top-menu ul > li[data-depth="0"]:hover .collapse-icons .fa{
	color: var(--white-color);
}

#category #left-column .block-categories li ul{
	margin-left: 20px;
}

#category #left-column .category-sub-menu li a{
	width: 100%;
	padding: 12px;
	color: var(--black-color);
	margin-bottom: 4px;
	font-weight: 600;
	font-size: 1em;
	text-transform: lowercase;
	transition: background-color 0.3s;
}

#category #left-column .category-sub-menu li:last-child a{
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

#category #left-column .category-sub-menu li a:first-letter{
	text-transform: uppercase;
}

#category #left-column .block-categories .category-top-menu ul > li[data-depth="0"] a:before{
	content: '';
}

#category #left-column .category-top-menu li.opened>a,
#category #left-column .category-top-menu li:hover>a{
	color: var(--white-color);
	background-color: var(--red-web-color) !important;
}

#category #left-column .category-top-menu li.opened li > a{
	color: var(--white-color);
	background-color: var(--red-web-color);
}


#category #left-column #facets_search_wrapper .block-facets .facet{
	border: 1px solid var(--red-web-color);
	margin-bottom: 20px;
	padding-top: 0;
	
	border-radius: 9px;
}

#category #left-column #facets_search_wrapper .block-facets .facet:last-child{
	margin-bottom: 0;
}

#category #left-column #facets_search_wrapper .block-facets .facet .facet-title{
	padding: 12px;
	text-transform: capitalize;
	font-size: 1.1rem;
	font-weight: normal;
	background-color: var(--red-web-color);
	color: var(--white-color);
	
	border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

#category #left-column #facets_search_wrapper .block-facets .facet .facet-type-checkbox{
	padding: 0 12px 12px 12px;
}

#category #left-column #facets_search_wrapper .block-facets .facet .facet-type-checkbox .facet-label a{
	text-transform: uppercase;
}

#category #left-column #facets_search_wrapper .block-facets .facet .faceted-slider{
	padding: 0 12px 12px 12px;
}

#category #left-column #facets_search_wrapper .block-facets #search_filters .noUi-connect{
	background-color: var(--black-color);
}





/* Categorías y filtros móvil */
#search_filter_controls .btn{
	background-color: var(--red-web-color);
	color: var(--white-color);
	padding: 10px;
	border: none;
	font-size: 12px;
	text-transform: uppercase;
	border: 1px solid var(-red-web-color);
}

#search_filter_controls .btn:hover{
	background-color: var(--black-color);
	border: 1px solid var(--white-color);
}

#search_filter_controls .btn i{
	margin-right: 10px !important;
}

#search_filter_controls .btn{
	padding: 1rem 1.5rem;
	font-size: 1rem;
}

#search_filter_controls .js-search-filters-clear-all .fa-times{
	margin-right: 10px !important;
}

#search_filter_toggler,
.btn-show-categories-mobile{
	display: none;
	padding: 0.5rem 1rem;
}

@media (max-width: 767.98px) {
	.category-id-2 .page-title{
		display: inherit;
	}

	.category-id-parent-1 .block-categories{
		margin-top: 0px;
	}

	.category-id-parent-1 .block-categories .block-title{
		display: none;
	}

	#left-column .block-categories{
		margin-bottom: 0px;
	}

	#search_filter_toggler,
	.btn-show-categories-mobile{
		display: inherit;
		margin-top: 30px;
	}

	#left-column .category-top-menu>.category-sub-menu{
		position: absolute;
		top: 100px;
		left: 0px;
		height: 0px;
		padding: 0px;
		overflow: hidden;
		background: white;
		width: 100%;
		z-index: 100;
		opacity: 0;
		box-shadow: 0px 5px 3px #80808036;
		border-radius: var(--btn-border-radius);
		transition: opacity 0.3s;
	}

	#left-column .category-top-menu>.category-sub-menu.show{
		opacity: 1;
		padding: 15px;
		height: auto;
	}
}





/* PÁGINA DE LAS OFERTAS (prices-drop) */
/*  Category tree y Sección de facets  */
#prices-drop #content-wrapper .page-title{
	text-transform: lowercase;
}

#prices-drop #content-wrapper .page-title:first-letter{
	text-transform: uppercase;
}

#prices-drop #left-column .block-categories .block-title{
	margin-bottom: 0;
	padding: 12px;
	background-color: var(--red-web-color);
	font-size: 1.1rem;
	border-bottom: unset;
	text-transform: lowercase;
	
	border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

#prices-drop #left-column .block-categories .block-title:first-letter{
	text-transform: uppercase;
}

#prices-drop #left-column .block-categories .block-title a{
	color: var(--white-color) !important;
	font-weight: 400;
}

#prices-drop #left-column .category-sub-menu li .collapse-icons {
	display: grid;
	height: 43px;
	width: 30px;
	align-content: center;
	justify-content: center;
}

#prices-drop #left-column .category-sub-menu li .collapse-icons .fa {
	font-weight: 600;
	color: var(--black-color);
	font-size: 1.4em;
}


#prices-drop #left-column .block-categories .category-top-menu ul>li[data-depth="0"].opened .collapse-icons .fa,
#prices-drop #left-column .block-categories .category-top-menu ul>li[data-depth="0"]:hover .collapse-icons .fa {
	color: var(--white-color);
}

#prices-drop #left-column .block-categories li ul {
	margin-left: 20px;
}

#prices-drop #left-column .category-sub-menu li a {
	width: 100%;
	padding: 12px;
	color: var(--black-color);
	margin-bottom: 4px;
	font-weight: 600;
	font-size: 1em;
	text-transform: lowercase;
	transition: background-color 0.3s;
	box-shadow: var(--menu-box-shadow);
}

#prices-drop #left-column .category-sub-menu li a:first-letter {
	text-transform: uppercase;
}

#prices-drop #left-column .block-categories .category-top-menu ul>li[data-depth="0"] a:before {
	content: '';
}

#prices-drop #left-column .category-top-menu li.opened>a,
#prices-drop #left-column .category-top-menu li:hover>a {
	color: var(--white-color);
	background-color: var(--red-web-color) !important;
}

#prices-drop #left-column .category-top-menu li.opened li>a {
	color: var(--white-color);
	background-color: var(--red-web-color);
}


#prices-drop #left-column #facets_search_wrapper .block-facets .facet{
	border: 1px solid var(--red-web-color);
	margin-bottom: 20px;
	padding-top: 0;
	border-radius: 9px;
}

#prices-drop #left-column #facets_search_wrapper .block-facets .facet:last-child{
	margin-bottom: 0;
}

#prices-drop #left-column #facets_search_wrapper .block-facets .facet .facet-title{
	padding: 12px;
	text-transform: capitalize;
	font-size: 1.1rem;
	font-weight: normal;
	background-color: var(--red-web-color);
	color: var(--white-color);
	
	border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

#prices-drop #left-column #facets_search_wrapper .block-facets .facet .facet-type-checkbox{
	padding: 0 12px 12px 12px;
}

#prices-drop #left-column #facets_search_wrapper .block-facets .facet .facet-type-checkbox .facet-label a{
	text-transform: uppercase;
}

#prices-drop #left-column #facets_search_wrapper .block-facets .facet .faceted-slider{
	padding: 0 12px 12px 12px;
}

#prices-drop #left-column #facets_search_wrapper .block-facets #search_filters .noUi-connect {
	background-color: var(--black-color);
}








/* MODAL QUICKVIEW */
#quickview-modal .quickview-info .product-discount .regular-price{
	color: var(--red-color);
}

#quickview-modal .quickview-info .product-price{
	font-size: 25px;
}

#quickview-modal .quickview-info .product-actions .product-add-to-cart .input-group.form-control{
	text-align: center;
}

#quickview-modal .quickview-info .product-actions .product-add-to-cart .col-add-btn .btn{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	text-transform: uppercase;
	border-radius: var(--btn-border-radius);
}

#quickview-modal .quickview-info .product-actions .product-add-to-cart .col-add-btn .btn i.fa-shopping-bag{
	display: flex;
	justify-content: center;
	align-items: center;
	order: 1;
}

#quickview-modal .quickview-info .product-actions .product-add-to-cart .col-add-btn .btn i.fa-shopping-bag:before{
	content: "" !important;
	background-image: url('/themes/farmaciaoropesa/assets/img/icons/icon-white-product-cart.png');
	background-repeat: no-repeat;
	background-size: 15px;
	display: inline-block;
	width: 15px;
	height: 15px;
}

#quickview-modal .quickview-info .product-actions .product-add-to-cart .col-add-wishlist .btn{
	border-radius: var(--btn-border-radius);
}






/* PÁGINA DE CHECKOUT */
/* Carrito */
#checkout #cart-summary-product-list{
	margin-top: 20px;
}

#checkout #cart-summary-product-list .cart-summary-product{
	font-weight: 500;
	border: none !important;
	background-color: #fafafa;
	margin-bottom: 10px;
	padding: 10px !important;
}

#checkout #cart-summary-product-list .cart-summary-product .media-body{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#checkout #cart-summary-product-list .cart-summary-product .media-body a{
	display: inline-block;
	color: var(--web-red-color);
	text-transform: lowercase;
}

#checkout #cart-summary-product-list .cart-summary-product .media-body:first-letter{
	text-transform: uppercase;
}

#checkout #cart-summary-product-list .cart-summary-product .media-body .pull-right{
	display: flex;
	gap: 10px;
	align-items: center;
}

/* Steps */
#checkout .checkout-step{
	margin-bottom: 10px;
	border-radius: 5px;
	position: relative;
}

#checkout .checkout-step .step-title{
	font-size: 1.3rem;
}

#checkout .checkout-step .fa.done{
	display: none;
	position: absolute;
	top: 0px;
	left: -3px;
	width: 20px;
	height: 20px;
	float: left;
	margin-top: -3px;
	margin-right: 15px;
	align-items: center;
	font-size: 13px;
	justify-content: center;
	color: white;
	border-radius: 20px;
	background-color: green;
}

#checkout .checkout-step.-complete .fa.done{
	display: inline-flex !important;
}

#checkout .checkout-step .step-number{
	display: inline-flex !important;
	width: 30px;
	height: 30px;
	align-items: center;
	margin-right: 10px;
	background-color: var(--red-web-color);
	color: var(--white-color);
	border-radius: 30px;
	justify-content: center;
}

#checkout .checkout-step.js-current-step{
	border: 1px solid #b5b5b5;
	box-shadow: 0px 0px 6px #ddd;
}
			
#checkout .checkout-step.js-current-step .fa.done{
	display: none !important;
}

#checkout .checkout-step.-reachable.-complete h1 .step-edit{
	font-size: 1.1rem;
	margin-top: 6px;
}

#checkout .checkout-step .delivery-option{
	border-radius: 5px;
	background: #fafafa;
}

#checkout .checkout-step .delivery-option img{
	height: 50px;
	width: auto;
}

#checkout .checkout-step .delivery-option .row .carrier-hasLogo *{
	width: unset;
}

@media screen and (width < 768px){
	#checkout .checkout-step.-reachable.-complete h1 .step-edit{
		float: right !important;
	}
}

#checkout #checkout-delivery-step .delivery-options-list .delivery-option img{
	max-width: 80px;
}


/* Ajuste de los transportistas en el checkout */
#checkout #checkout-delivery-step .delivery-options-list .delivery-options .delivery-option label .row div[class^="col-sm"]:first-child{
	width: 50%;
}

#checkout #checkout-delivery-step .delivery-options-list .delivery-options .delivery-option label .row div[class^="col-sm"]:nth-child(2){
	width: 25%;
}

@media screen and (width < 1421px){
	#checkout #checkout-delivery-step .delivery-options-list .delivery-options .delivery-option label .row div[class^="col-sm"]:first-child{
		width: unset;
	}

	#checkout #checkout-delivery-step .delivery-options-list .delivery-options .delivery-option label .row div[class^="col-sm"]:nth-child(2){
		width: unset;
	}
}



/* MÓDULO REDSYS (EN CASO DE ERROR DE PAGO) */
#module-redsys-errorpayment .redsys_ko p{
	margin-top: 20px;
}

#module-redsys-errorpayment .redsys_ko p .btn-primary{
	padding: 5px 10px;
	color: var(--white-color);
}



/* Logo del Bizum */
#payment-option-2-container img{
	max-width: 80px;
}






















/* FICHA DEL PRODUCTO */
#product .nav-tabs .nav-link{
	border-color: var(--red-web-color);
}

#product .nav-tabs .nav-link:hover{
	border-color: var(--black-color);
}

/* Botón */
#product .product-actions .product-add-to-cart .input-group.form-control{
	text-align: center;
}

#product .product-actions .product-add-to-cart .add .btn{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	text-transform: uppercase;
	border-radius: var(--btn-border-radius);
}

#product .product-actions .product-add-to-cart .add .btn i.fa-shopping-bag{
	display: flex;
	justify-content: center;
	align-items: center;
	order: 1;
}

#product .product-actions .product-add-to-cart .add .btn i.fa-shopping-bag:before{
	content: "" !important;
	background-image: url('/themes/farmaciaoropesa/assets/img/icons/icon-white-product-cart.png');
	background-repeat: no-repeat;
	background-size: 15px;
	display: inline-block;
	width: 15px;
	height: 15px;
}

#product .product-actions .product-add-to-cart .btn-iqitwishlist-add{
	border-radius: var(--btn-border-radius);
}

/* Información adicional en la ficha del producto */
#iqithtmlandbanners-block-5{
	padding: 0;
}
	
#iqithtmlandbanners-block-5 .block-title{
	display: none;
}

#iqithtmlandbanners-block-5 .block-content{
	max-width: 300px;
}

#iqithtmlandbanners-block-5 .block-content .product-info{
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 20px;
}

#iqithtmlandbanners-block-5 .block-content .product-info div{
	display: flex;
	align-items: center;
	line-height: 40px;
	gap: 20px;
	background-color: #f2f2f2;
	padding: 10px;
	border-radius: 4px;
}

#iqithtmlandbanners-block-5 .block-content .product-info div i{
	color: var(--red-web-color);
	font-size: 20px;
	width: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#iqithtmlandbanners-block-5 .block-content .product-info div p{
	line-height: 1.3;
	font-size: 13px;
}










/* Página de los servicios */
.services-section .elementor-container .elementor-row{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.services-section .elementor-container .elementor-row .elementor-column{
	width: 100%;
}

.services-section .elementor-container .elementor-row .elementor-column .elementor-widget-wrap .elementor-image-box-wrapper .elementor-image-box-content{
	padding: 0 14px;
}

@media screen and (width > 690px) and (width < 1321px){
	.services-section .elementor-container .elementor-row{
		grid-template-columns: repeat(3, 1fr);
	}
	
	.services-section .elementor-container .elementor-row .elementor-column{
		width: 100% !important;
	}
}

@media screen and (width < 690px){
	.services-section .elementor-container .elementor-row{
		grid-template-columns: repeat(2, 1fr);
	}
}