/* 
https://getbootstrap.com/docs/5.0/layout/breakpoints/

X-Small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap

MIN-WIDHT

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

// XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 1400px) { ... } 

MAX-WIDTH

// X-Small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) { ... }

// Small devices (landscape phones, less than 768px)
@media (max-width: 767.98px) { ... }

// Medium devices (tablets, less than 992px)
@media (max-width: 991.98px) { ... }

// Large devices (desktops, less than 1200px)
@media (max-width: 1199.98px) { ... }

// X-Large devices (large desktops, less than 1400px)
@media (max-width: 1399.98px) { ... }

// XX-Large devices (larger desktops)
// No media query since the xxl breakpoint has no upper bound on its width
*/


:root {

	--fontsize-normal:1rem;
	--fontsize-s:0.8rem;
	--fontsize-xs:0.64rem;
	--fontsize-m:1.25rem;
	--fontsize-l:1.563rem;
	--fontsize-xl:1.953rem;
	--h1:#;
} 

/*------TAMAÑO LETRA------*/

.fontsize-s {font-size:var(--fontsize-s); line-height:1rem;}

h1.h1.page-title {
    font-weight: 500 !important;
}

div#product-description-short-21 {
    font-size: 18px; !important
}

/*------TOP BAR------*/

@media (max-width: 991.98px) { 
	#header .header-nav {font-size:0.95rem;}
}
#header .header-top {font-size:0.8rem;}
#header .header-btn-w .header-btn .title {margin-top:0rem;}

/*Ocultamos Favoritos en móvil */
@media (max-width: 767.98px) {
	#header .header-nav .right-nav .d-inline-block {display:none !important;}
}

/*------LOGOS TAMAÑO------*/

.logo {
    width: 120px;
}

.mobile-header-style-3 .logo {
        width: 200px;
    }

/*------CARRITO TIENDA------*/

.ps-shoppingcart.dropdown #blockcart-content{
    z-index: 1000;
}
#blockcart-content .cart-totals {font-size:1.2rem;}

#index #wrapper {padding-top:0rem;}

/*-----FOTO HOME TIENDA-----*/

.bottommargin {
    margin-bottom: 50px !important;
}

.topmargin {
    margin-top:50px !important;
}

/*-----ATENCIÓN AL CLIENTE-----*/

.elementor-displayNav2 {display:inline-block;}
.elementor-displayNav2 .elementor-toggle .elementor-toggle-title {padding:0px;}
.elementor-displayNav2 .elementor-toggle-content {
    position: absolute;
    width: 450px;
    right: -10px;
    padding-top:15px;
    margin-top:6px;
    background-color: #555;
    z-index: 9;
}

@media (max-width: 991.98px){
	.elementor-displayNav2 .elementor-toggle-content {
		width: 100vw;
		right: -15px;
	}
}

/* BUSCADOR IQIT SEARCH Ocultar "Product" */
#search-widget-mobile .autocomplete-suggestions .col-shop {display:none;}

.mobile-menu__arrow {cursor:pointer;}

/*------TIPOGRAFÍA------*/

::selection {
    background-color: #e2c5c7;
    color: #7d3332;
}

/*------BOTONES BUTTONS------*/
.btn-primary,
.btn-secondary {
	-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
line-height:2rem;
}
button#iqit-wishlist-product-btn,
.col-product-info .btn-iqitwishlist-add,
.cart-buttons .btn-secondary {background-color:#e5cccd !important;}
.cart-buttons .btn-secondary {color:#7e3333;}
.btn-iqitwishlist-add .not-added,
.btn-iqitwishlist-add.iqitwishlist-added .added:before {color:#7e3333;}



/*------TITULOS------*/

#content-wrapper .product_header_container .page-title {
    font-size: 45px !important;
}

span #content-wrapper .page-title {
    display:none;
}
.page-header{
    display:none;
}

/*------ALINEAR PAGOS------*/

.pago{
  position: absolute;
  bottom: 0;
  right: 10;
  margin-left: 80px;
  margin-bottom: 15px;
}

/*-----WHATSAPP-----*/

.whatsapp span {
    border-radius: 100%;
    background: #25D366;
    color: #25D366 !important;
    font-size: 5px;
    padding: 15px 15px;
    display: inline-block;
    outline: none;
    cursor: pointer;
    margin-left: 20px;
}

.whatsapp.bottom-right {
    right: -8px;
    margin-bottom: 100px;
}

/*-----COOKIES-----*/

#iqitcookielaw.iqitcookielaw-showed {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0);
    width: 58%;
}

@media (max-width: 767.98px) {
	#product .whatsapp span {
		margin-bottom: 5.5rem;
	}
}

.whatsapp-icon {
    position: relative;
    background-image: url(/modules/whatsappchat/views/img/whatsapp.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    width: 30px;
    /* margin-right: 4px; */
    /* top: -1px; */
    vertical-align: middle;
    background-size: 30px;
}

i.fa.fa-whatsapp {
    margin-left: 6px;
}

.part {
    display: flex;
    align-items: center;
}

.icon {
    margin-right: 10px;
}

/*------FICHA PRODUCTO------*/

.product_p_price_container {border-top:none;}

#wrapper .block-title {
    font-weight: normal !important;
}

div#block-reassurance {
    display: none;
} */

/* Para que en mobile se vean formas de pago del footer tapadas por el boton flotante */
@media (max-width: 767.98px) {
	#product #main-page-content {padding-bottom: 6em !important;}
}

.mb-5, .my-5 {
    margin-bottom: 3rem !important;
    display: none;
}

#content-wrapper .product_header_container .page-title {
    font-size: 35px !important;
}

.product_header_container {
    padding-bottom: 0rem;
    margin-bottom: 0rem;
    border-bottom: 0px;
}

/*-----ICONOS PRODUCTO-----*/

#iqithtmlandbanners-block-9 .rte-content p img {
  transition: transform 0.3s, filter 0.3s;
}

#iqithtmlandbanners-block-9 .rte-content p img:hover {
  transform: scale(1.3);
}

/*-----reaseguros producto-----*/

#product #iqitadditionaltabs-accordion .card .title a:before{
	font-family: 'M-reaseguros';
	font-size: 1.6rem;
	margin-right: 0.5em;
}

.product-additional-info {
    border-top: 1px solid #fff;
    padding-top: 1rem;
}

  /* Atención */
#product #iqitadditionaltabs-accordion .card:nth-child(1) .title a:before {
    content: "\e900";
}

  /* Envios */
#product #iqitadditionaltabs-accordion .card:nth-child(2) .title a:before {
    content: "\e902";
}

  /* Pago */
#product #iqitadditionaltabs-accordion .card:nth-child(3) .title a:before {
    content: "\e901";
}

  /* Mimo */
#product #iqitadditionaltabs-accordion .card:nth-child(4) .title a:before {
	content: "\e903";
}

#product #iqitadditionaltabs-accordion .card .title a:before {
    font-size: 30px;
}
div#iqitadditionaltabs-accordion {
    margin-top: 30px;
}

.product-customization-item .clearfix.mt-3 {
	color: green;
    background: #e4ffe4;
    padding: 1em 1em 0em 1em;}

/*------FOOTER------*/


#footer-copyrights {
    border-top: none 1px;
    background: #fbf7f7;
    padding-top: 1rem;
    padding-bottom: 2rem;
}

p.footer-logo {
    line-height: 20px;
    font-size: 14px;
}

#footer .footer-logo img {
    width: 350px;
    margin: -30px 0px;
    /* mix-blend-mode: multiply; */
}

/*--div#iqithtmlandbanners-block-3 {
    margin-bottom: -60px;
}---*/

#footer-container-main, 
#checkout-footer {padding-top: 0rem;}
@media (min-width: 1080px){
	#footer {font-size:var(--fontsize-s); line-height:1rem;}
}


#footer-container-main.footer-style-1 .ps-emailsubscription-block .gdpr_module,
#footer-container-main.footer-style-1 .ps-emailsubscription-block .ps-emailsubscription-conditions {
    max-width: 350px;
}
 
#iqithtmlandbanners-block-2 .block-title,
#iqithtmlandbanners-block-3 .block-title,
#iqithtmlandbanners-block-5 .block-title,
#iqithtmlandbanners-block-11 .block-title {display:none;}

#iqithtmlandbanners-block-3 {padding-top:2rem;}

/*---- PÁGINA DE COONTACTO ----*/
body#contact .contact-rich div.part.contact-email {display:none;}
.block-iqitcontactpage .part .icon {width:10%;}
.block-iqitcontactpage .part .data {width:85%;}

#footer-copyrights img {width:420px;}

#footer p.company {display:none !important;}

/*----ICONOS REASEGUROS----*/

ul#reaseguros.reaseguros-footer li {
    font-size: 14px;
    list-style: none;
    margin: 0rem auto 3rem;
    text-align: left;
    line-height: normal;
    opacity: 1;
    transition: all .2s ease-in-out;
    display: inline-block;
    width: 24%;
    padding: 0 0.25rem;
    vertical-align: text-top;
}

ul#reaseguros.reaseguros-footer img:hover {
  transition: transform 0.3s, filter 0.3s; 
    transform: scale(1.3);
}

ul#reaseguros.reaseguros-footer {
    margin: 3rem 1rem 1rem 1rem;
    width: 100%;
}

ul#reaseguros.reaseguros-footer li img {
    max-width: 50px;
    height: auto;
    margin-bottom: 0.8rem;
    margin-right: 1rem;
    float: left;
}

ul#reaseguros.reaseguros-footer li span {
    margin-bottom: 0.8rem;
}

ul#reaseguros.reaseguros-footer:after {
	content:"";
	width: 20%;
	border-bottom: 3px solid #7d33325e !important;
	position: absolute;
	left: 35%;
	margin-top: 5.75rem;
}

/*----- CARRITO ------*/
.cart-summary-line.cart-total {font-size:1.25rem;}

/*-----FOOTER CONTACTO-----*/

footer hr {
    display:none;
}

 div .part{
    margin-bottom:5px;
}
/* Mostrar contenido bloques footer en mobile  */
@media (max-width: 767px){
	#footer #iqithtmlandbanners-block-2 .block-content,
	#footer #iqithtmlandbanners-block-3 .block-content {
		display: block !important;
	}
}

/*-----MEDIA QUERYS-----*/

@media (max-width: 1080px) and (max-height: 2340px) and (max-resolution: 395dpi) {
	.col-md-6.col-product-image {
	}
	
	p.footer-logo {
    display: none;
    }
    
    div#lgcookieslaw_fixed_button {
    margin-bottom: 100px;
    }

	ul#reaseguros.reaseguros-footer li {
		margin-left:-25px;
		margin-bottom: 25px;
		font-size: 12px; 
		width: 100%; 
		display: flex;
		align-items: center; 
	}

	ul#reaseguros.reaseguros-footer li img {
		max-width: 40px; 
		float: none; 
	}

	ul#reaseguros.reaseguros-footer:after {
		display: none;
	}
	  
	.pago {
		margin-left: -20px;
		margin-bottom: 30px;
	}

	.hide-mobile {
		display:none;
	}

	.center-nav {
		display:none;
	}

	.right-nav i {
		/*display:none;*/
	}

	.block-title{
		
	}

	#footer-container-main.footer-style-1 .ps-emailsubscription-block .gdpr_module,
	#footer-container-main.footer-style-1 .ps-emailsubscription-block .ps-emailsubscription-conditions {
		max-width: 100%;
	}
	
	.logo {
    width: 100px;
}

#mobile-header .m-nav-btn {
    color: #7e3333;
    padding: 0px 20px 0px;
}

#mobile-header .m-nav-btn>i {
    font-size: 2rem ;
}

}