/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

@import url ("../fonts/centurygothic.css");
@import url ("../fonts/didot.css");

body { font-family: 'Century Gothic', CenturyGothic, Futura, AppleGothic, sans-serif; }

.h1, .h2, .h3, .h4, .h5, .h6, .h7,
h1, h2, h3, h4, h5, h6 { font-family: 'Didot', serif; }

h2.elementor-heading-title::before { content: "[ " }
h2.elementor-heading-title::after { content: " ]" }


.elementor-button-link {
	-moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;
}


#back-to-top {
	display: block;
	overflow: hidden;
	border: 1px solid rgba(255,255,255,0.67);
	-moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;
}



/* HEADER
------------------------------------------------------------------------*/
header .header-nav a { font-weight:bold; }

header .header-nav .block-iqitlinksmanager-2 ul li:first-child a { font-size:15px; text-shadow: 0 0 4px #600; }
@media only screen and (max-width:479px) {
	header .header-nav .block-iqitlinksmanager-2 ul li:first-child a { font-size:13px; }
}

.ps-shoppingcart span.cart-products-count-btn {
	color: #FFF;
	border: 1px solid #FFF;
	font-family: "Century Gothic", sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 11px;
}

header .fullwidthbanner-container { overflow:visible; } /* Con esto el menú no se corta */

header #desktop_logo {
	max-width: 258px;
}

@media only screen and (max-width:479px) {
	header .header-nav .col { margin:0 auto; width:100%; text-align:center !important; }
}




/* SLIDER
------------------------------------------------------------------------*/
.mySlider .homeslider-container {
	
}
.mySlider .homeslider-container .homeslider .caption {
	transition: 0.3s all;
	display: table;
	top: 33%;
	width: auto;
	max-width: 80%;
	margin: 0 auto;
	padding: 20px 50px;
	color: #FFF;
	text-align: center;
	background-color: rgba(237,0,33,0.9);
}
.mySlider .homeslider-container .homeslider .caption:hover { opacity:0.7; }
.mySlider .homeslider-container .homeslider .caption h2 { font-size:60px; }
.mySlider .homeslider-container .homeslider .caption p { font-size:18px; }


/* botones */
.mySlider .homeslider-container a.homeslider_nav {
	width: 40px;
	height: 40px;
	opacity: 0.3;
	-moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;
}
.mySlider .homeslider-container .homeslider_nav.prev:hover,
.mySlider .homeslider-container .homeslider_nav.next:hover { opacity: 0.6; }
.mySlider .homeslider-container a.homeslider_nav.prev { left: 25px; background-position: left center; }
.mySlider .homeslider-container a.homeslider_nav.next { right: 25px; background-position: right center; }


@media only screen and (max-width:959px) {
	.mySlider .homeslider-container .homeslider .caption     { top:17%; }
	.mySlider .homeslider-container .homeslider .caption h2  { font-size:40px; line-height:normal; }
	.mySlider .homeslider-container .homeslider .caption p   { font-size:14px; line-height:normal; }
}
@media only screen and (max-width:767px) {
	.mySlider .homeslider-container .homeslider .caption     { top:15%; }
	.mySlider .homeslider-container .homeslider .caption h2  { font-size:32px; line-height:normal; }
	.mySlider .homeslider-container .homeslider .caption p   { font-size:12px; line-height:normal; }
	
	.mySlider .homeslider-container a.homeslider_nav { width:30px; height:30px; }
	.mySlider .homeslider-container a.homeslider_nav.prev { background-position-x:-5px; }
	.mySlider .homeslider-container a.homeslider_nav.next { background-position-x:-43px; }
}
@media only screen and (max-width:479px) {
	.mySlider .homeslider-container .homeslider .caption { max-width: 96%; padding: 10px 25px; }
	.mySlider .homeslider-container .homeslider .caption h2  { font-size:18px; line-height:24px; margin: 0; }
	.mySlider .homeslider-container .homeslider .caption p   { font-size:10px; line-height:normal; margin-bottom: 5px; }
	
	.mySlider .homeslider-container a.homeslider_nav { top:70%; width:30px; height:30px; }
	.mySlider .homeslider-container a.homeslider_nav.prev { left:10px; background-position-x:-5px; }
	.mySlider .homeslider-container a.homeslider_nav.next { right:10px; background-position-x:-43px; }
}




/* ENTRADILLAS
------------------------------------------------------------------------*/
.myEntries .elementor-iqit-banner {
	border: 1px solid #e0e0e0;
}

.myEntries .elementor-iqit-banner .elementor-iqit-banner-content { padding: 25px 10px !important; }

.myEntries .elementor-iqit-banner .elementor-iqit-banner-content h2.elementor-iqit-banner-title { margin: 5px 0 0 0; font-size: 30px; }




/* NEWSLETTER
------------------------------------------------------------------------*/
.myNewsletter .elementor-element .elementor-newsletter-input {
	text-align: left !important;
	-moz-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; -ms-border-radius:5px 0 0 5px; -o-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px;
}
.myNewsletter .elementor-element .elementor-newsletter-btn {
	-moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; -ms-border-radius:0 5px 5px 0; -o-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0;
}




/* PANEL INFORMATIVO
------------------------------------------------------------------------*/
.myInfopanel .elementor-image-box-img {
	/*float: left;*/
	margin: 0 !important;
	width: 90px !important;
	
}
.myInfopanel .elementor-image-box-description p {
	/*float: left;*/
	font-size: 16px;
	margin: 0 0 10px 0;
}
.myInfopanel .elementor-image-box-description strong {
	/*display: block;*/
	/*font-size: 24px;*/
	color: #ed0021;
}




/* BLOQUES DE PRODUCTOS
------------------------------------------------------------------------*/
article .product-title a {
	font-size: 16px;
	color: #000;
}
article .product-title a:hover { color:#ed0021; }




/* FOOTER
------------------------------------------------------------------------*/
#footer-copyrights { border-top:1px solid #fff; }
#footer-copyrights .copyright-img img { max-width:258px; height:auto; }
#footer-copyrights .copyright-txt { color:#fff; font-size:12px; }




/* #iqitcookielaw
------------------------------------------------------------------------*/
body #iqitcookielaw {
	bottom: 0px;
	left: 0px;
	padding: 2rem !important;
	text-align: center;
	background-color: rgba(0,0,0,0.8);
}
body #iqitcookielaw p a { color:#f44; }
body #iqitcookielaw button { -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; }




/* PAGINAS TEXTO
------------------------------------------------------------------------*/
section.page-cms article h2 {
	margin: 50px 0 50px 0;
	font-size: 36px;
	color: #333;
	text-align: center;
}
section.page-cms article h2::before { content: "[ " }
section.page-cms article h2::after { content: " ]" }

section.page-cms article h3, /*quienes somos / otras */
section.page-cms h2 {
	font-size: 20px;
	color: #333;
}

section.page-cms p { color:#555; }
section.page-cms p a:link:not(.nav-link):not(.btn) { color:#900; }
section.page-cms p a:link:not(.nav-link):not(.btn):hover { color:#ed0021; }


section.page-cms article .row > div {
	margin-bottom: 2rem;
}
section.page-cms article .cms-cuad {
	text-align: center;
}


/* Submenu */
section.page-cms .cms-submenu { margin-bottom:25px; }
section.page-cms .cms-submenu li {
	list-style: none;
	font-family: 'Didot', serif;
	font-size: 22px;
	text-align: center;
	line-height: 32px;
}
section.page-cms .cms-submenu li a { padding:10px; }
section.page-cms .cms-submenu li a::before { content: "[ " }
section.page-cms .cms-submenu li a::after { content: " ]" }




/* PAGINA DE PRODUCTO
------------------------------------------------------------------------*/
.product-cover .expander span {
	display: block;
	width: 20px;
	height: 20px;
	text-align: center;
}
.product-variants .color,
.product-variants .input-color {
	width: 3rem;
	height: 3rem;
	line-height: 3rem;
}

.product-variants .input-color:checked + span {
	border: 2px solid #000;
	box-shadow: 0px 0px 5px #FFF inset;
}




/* CONTACTO
------------------------------------------------------------------------*/
#contact .contact-page-info .contact-rich > strong,
#contact .contact-form h4 {
	font-family: 'Didot', serif;
	font-size: 18px;
	color: #000;
}

#contact .contact-form select,
#contact .contact-form textarea,
#contact .contact-form input {
	-moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;
}