@charset "utf-8";

/*
Theme Name: VTX Shop 21
Theme URI: http://www.prismasg.com
Author: Enrique V. García (PrismaSG)
Author URI: http://www.prismasg.com
Description: Tema compatible con Woocommerce
Version: 1.0
Text Domain: vtxshop21
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: e-commerce, custom-menu, custom-logo, featured-images, footer-widgets, theme-options, translation-ready, blog, right-sidebar, sticky-post, threaded-comments
*/

/***********************COLOR THEME***********************/
/*
	color: #004e70; AZUL MARINO - NAVY BLUE
	color: #54565a; GRIS PLOMO - LEAD GREY
	color: #00b2ff; AZUL CELESTE - SKY BLUE
*/

/***********************GENERAL STYLES***********************/

body {
	background-color: #ffffff;
	background-image: url('img/camacho-watermark.png');
	background-repeat: no-repeat;
	background-position: bottom 50px right -300px;
	background-attachment: fixed;
	color: #555555;
}

ul {list-style: none;}
	ul li {display: inline-block;}

img {max-width:100%; height:auto;}

/***********************TEXT STYLES***********************/

/* * {
	letter-spacing: -0.5px;
	font-family: 'Roboto', sans-serif !important;
	font-weight: 300;
} */

p {
	font-family: 'Roboto', sans-serif !important;
	letter-spacing: -0.5px;
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 140%;
}

p a {font-weight: 400; color: #b10325; text-decoration: underline;}
p a:hover {color: #4a7389;}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif !important;
	margin: 15px 0;
	line-height: 100%;
	color: #4a7389;
}

h1 {letter-spacing: -2.5px !important;}
h2 {letter-spacing: -2px !important;}
h3 {letter-spacing: -1.5px !important;}
h4 {letter-spacing: -1px !important;}
h5 {letter-spacing: -0.5px !important;}
h6 {letter-spacing: 0 !important;}

/* --- */

.sky-pill {
	display: inline-block;
	padding: 5px 15px;
	border-radius: 5px;
	background-color: #bf002a;
	color: #ffffff;	
	text-decoration: none;
}

.sky-pill:hover {
	background-color: #004e70;
	color: #ffffff;
	text-decoration: none;	
}

.white-pill {
	display: inline-block;
	padding: 5px 15px;
	border-radius: 5px;
	background-color: #ffffff;	
	color: #004e70;	
	text-decoration: none;
}

/* --- */

.pulse-button {
	transform: scale(1);
	box-shadow: 0 0 0 0 rgba(0, 178, 255, 1);	
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 178, 255, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 178, 255, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 178, 255, 0);
	}
}

/* --- */

ul.listado {
	font-family: 'Roboto', sans-serif !important;
    padding: 0;
    margin: 0 0 15px 0;
    list-style: none;
}
	ul.listado>li {
		width: 100%;
		background-image: url('img/red-sqr.png');
		background-repeat: no-repeat;
		background-position: 0 12px;
		margin-bottom:2px;
		padding: 5px 0;
		padding-left: 16px;
		line-height: 100%;
		text-align: left;
		font-size: 1.2rem;
		font-weight: 400;
		letter-spacing: 0;
	}
		ul.listado>li a {
			line-height: 100%;
			color: #b10325;
		}
			ul.listado>li a:hover {
				color: #4a7389 !important;
				text-decoration: none !important;
			}

/* --- */

ol {
	font-family: 'Roboto', sans-serif !important;
    counter-reset: section;
    list-style-type: none;
	padding: 0;
	margin: 0 0 15px 0;
}
	ol li {
		position: relative;
		padding-left: 35px;
		margin: 0;
	}
	ol li:before {
		position: absolute;
		top: 2px;
		left: 0px;
		counter-increment: section;
		content: counters(section, ".");
		font-weight: 600;
		color: #4a7389;
	}

/***********************OTHER STYLES***********************/

.padding-60 {padding: 60px 0;}

.padding-90 {padding: 90px 0;}

.padding-120 {padding: 120px 0;}

/* --- */

.canvas {padding: 15px; margin-bottom: 60px;  border-radius: 5px;}

/* --- */

.stitch-blue {
	background-image: url('img/stitch-blue.png'), url('img/stitch-blue.png');
	background-position-y: top 15px, bottom 15px;
	background-repeat: repeat-x, repeat-x;
}

.stitch-blue-top {
	background-image: url('img/stitch-blue.png');
	background-position-y: top 15px;
	background-repeat: repeat-x;
}

.stitch-blue-bottom {
	background-image: url('img/stitch-blue.png');
	background-position-y: bottom 15px;
	background-repeat: repeat-x;
}

/* --- */

.fw-banner {
	position: relative;
	width: 100%;
	background-color: #000000;
	background-size: cover;
	background-position: center center;
}
	.fw-banner .container  {
		height: 100%;
	}
		.fw-banner .container .banner-content  {
			max-width: 480px;
			position: absolute;
			bottom: 60px;
			right: 15%;
			color: #FFFFFF;
		}
			.fw-banner .container .banner-content h3 {
				font-size: 2rem;
				font-weight: 300;
				color: #FFFFFF;
				line-height: 120%;
			}
				.fw-banner .container .banner-content h3 span {
					font-size: 2.5rem;
					font-weight: 500;
				}
			.fw-banner .container .banner-content a {
				font-size: 2rem;
				font-weight: 300;
				color: #FFFFFF;
				line-height: 120%;
			}							

/***********************/
/****GENERAL LAYOUT*****/
/***********************/

/*******************SOCIAL SIDEBAR*******************/

.contact-social-bar {
	position: fixed;
	right: 0;
	top: 20%;
	z-index: 2;
	width: 48PX;
}
	.contact-social-bar a {
		display: inline-block;
	}
	.contact-social-bar a:hover img {
		/* opacity: 0.5; */
		filter: brightness(3);
	}	

/***********************HEADER***********************/

#uppertop {width: 100%; background-color: #4a7389; color: #ffffff;}
	#uppertop p {text-align: center; margin: 0; padding: 5px 0;}

#topmain {
	width: 100%;
	/* height: 80px; 
	overflow: visible; */
	padding: 10px 0;
	background-color: #b10325;
	color: #ffffff;
}
	#topmain p {}
	#topmain h1 {margin: 0;}
	#topmain h1 a {}
	#topmain h1 a img  {}

@media all and (max-width:991px) {
	#topmain {height: auto; overflow: hidden;}
}	

/*****/

.cft-topmain-left {}
	.cft-topmain-left h1 {display: inline-block; margin: -10px 0 0;}
	.cft-topmain-left .textwidget {display: inline-block; margin: 0;}

@media all and (max-width:991px) {
	.cft-topmain-left {text-align: center;}
}

.cft-topmain-left .phone-white-pill {
	margin-left: 10px;
	padding-left: 46px;
	font-size: 1.60rem;
	letter-spacing: -1.5px;
	font-weight: 500;
	color: #b10325;
	background-image: url('img/ico-phone-red.png');
	background-position: 12px 10px;
	background-repeat: no-repeat;
	margin-top: 15px;
}

@media all and (max-width:1199px) {
	.cft-topmain-left .phone-white-pill {
		font-size: 1.20rem;
		letter-spacing: -1px;		
	}
}

@media all and (max-width:991px) {
	.cft-topmain-left {padding-bottom: 10px;}
	.cft-topmain-left .phone-white-pill {
		font-size: 1.60rem;
		letter-spacing: -1.5px;		
	}
}

/*****/

.cft-topmain-right {text-align: center;}

	.cft-topmain-right .user-white-pill {
		font-size: 1.70rem;
		letter-spacing: -1.5px;
		font-weight: 500;
		color: #004e70;		
		background-image: url('img/ico-user-red.png');
		background-position: 6px 6px;
		background-repeat: no-repeat;
	}

	.cft-topmain-right .minicart-white-pill {
		padding-left: 50px;
		font-size: 1.70rem;
		letter-spacing: -1.5px;
		font-weight: 500;
		color: #004e70;		
		background-image: url('img/ico-cart-red.png');
		background-position: 6px 6px;
		background-repeat: no-repeat;
	}

/*---*/

.menu-principal-container {
	padding: 0 !important;
	margin: 0 !important;
	height: 80px;
	overflow: visible !important;
	justify-content: flex-end !important;
}
.menu-principal-container .navbar-collapse {
    flex-grow: inherit;
}

@media all and (max-width:991px) {
	.menu-principal-container {
		height: auto !important;
		padding-bottom: 10px !important;
	}	
	.menu-principal-container .navbar-collapse {
		margin: auto;
	}	
} 

button.navbar-toggler {
	display: block;
	line-height: 25px;
	background-color: #ffffff;
	color: #444444;
	border-radius: 3px;
	margin-right: 2px;
}

.menu-principal-container .navbar-toggler-icon {
	width: 25px;
	height: 25px;
	background-image: url('img/hamburger-menu.svg');
}

	ul.mainmenu {padding: 0 !important; margin: 0 !important;}
		ul.mainmenu li {padding: 0 !important; margin: 0 10px !important;}
			ul.mainmenu li a {padding: 0 !important; margin: 0 !important; color: #ffffff; text-decoration: none; font-size: 1.4rem; letter-spacing: -1.5px; text-transform: uppercase;}
			ul.mainmenu li a:hover, ul.mainmenu li.current-menu-item a {border-bottom: 2px solid #ffffff;}

.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}

@media all and (max-width:1199px) {
	ul.mainmenu li {padding: 0;  margin: 0 5px !important}
	ul.mainmenu li a {font-size: 1.2rem; letter-spacing: -1px;}
}

@media all and (max-width:991px) {
	ul.mainmenu li {padding: 0 !important; margin: 0 10px !important;}
	ul.mainmenu li a {font-size: 1.4rem; letter-spacing: -1.5px;}
}

	ul.dropdown-menu {}
		ul.dropdown-menu li {width: 100%;}
			ul.dropdown-menu li a {color: #444444;}
			ul.dropdown-menu li a:hover {color: #004e70;}

/*******************PÁGINAS****************/

#title-header {}
	#title-header h2 {text-align: center; font-weight: 300; color: #ffffff;}

#page-contents {padding: 60px 0;}

/***********************/
/*******HOME PAGE*******/
/***********************/

/*******************UNIFORMES BANNER****************/

#uniformes-banner {}

/*******************CONFIANZA 01********************/

#confianza-01 {}

	.wpls-logo-slider .slick-dots {display: none !important;}

/******CALZADOS BANNER******/

#calzados-banner {}

/******CONFIANZA 02******/

#confianza-02 {}

/***********************FOOTER***********************/

footer {}

/******NEWSLETTER******/

#newsletter-form {background-color: #bf002a; color: #ffffff; padding: 15px 0;}
	#newsletter-form .nl-col-left {text-align: right;}
		#newsletter-form .nl-col-left h3, #newsletter-form .nl-col-left p {color: #ffffff; margin: 0;}
		#newsletter-form .nl-col-right input {border: none;}
		#newsletter-form .nl-col-right .btn-primary {background-color: #4a7389; color:#ffffff; border: none;}
		#newsletter-form .nl-col-right .btn-primary:hover {background-color: #ffffff; color: #4a7389}

/*---*/

.mailerlite-form-field {display: inline-block !important;}
	.mailerlite-form-field label {display: none !important;}
	.mailerlite-form-field input {padding: 5px 5px;}

.mailerlite-subscribe-button-container {display: inline-block !important;}
	.mailerlite-subscribe-button-container input {padding: 5px 10px; border-radius: 5px; background-color: #4a7389; color:#ffffff; border: none; font-weight: 600;}
	.mailerlite-subscribe-button-container input:hover {background-color: #ffffff; color:#4a7389;}

/******LOGO CAMACHO******/

#cft-camacho-logo-pos {padding: 60px 0 30px;}

/******MAIN ZONE******/

.cft-contacto {}
	.cft-contacto a {color: #54565a;}
	.cft-contacto a:hover {color: #004e70;}

/*****/

.cft-social-footer a:hover {opacity: 0.5;}

/*****/

.certi-calidad {}

/*****/

.footermenu-cont {}
	.footermenu-cont h5 {margin:0 0 15px; border-bottom: 1px  solid #54565a}

	 ul.footermenu {padding: 0;}
		ul.footermenu li {display: block;}
			ul.footermenu li a {color: #54565a; text-decoration: none;}
			ul.footermenu li a:hover {color: #004e70;}
				ul.footermenu li a span {font-size: 1.2rem;}

/******MEDIOS PAGO FOOTER******/



/******COPYRIGHT******/

#cft-copyright {padding: 30px 0;}

/******PRISMA******/

#cft-bottom {
	color: #444444;	
	background-color: #FFFFFF;
}
	#cft-bottom a {
		color: #004e70;
	}
	#cft-bottom a:hover {
		color: #54565a;
	}

	#cft-bottom .prismalogo {
		width: 100%;
		height: 31px;
		position: relative;
		background-image: url('img/grey-line-12px.png');
		background-position: bottom;
		background-repeat: repeat-x;
	}
		#cft-bottom .prismalogo a {
			display: inline-block;
			position: absolute;
			bottom: 8px;
			right: 15px;
		}

/***********************/
/******TESTIMONIALS*****/
/***********************/

#sp-testimonial-free-wrapper-1624 .sp-testimonial-free-section .slick-prev, #sp-testimonial-free-wrapper-1624 .sp-testimonial-free-section .slick-next {
  background: transparent;
  border: none !important;
  color: #777777;
}

#sp-testimonial-free-wrapper-1624 .sp-testimonial-free-section .slick-prev:hover, #sp-testimonial-free-wrapper-1624 .sp-testimonial-free-section .slick-next:hover {
  background: #004e70 !important;
  border-color: #004e70 !important;
  color: #ffffff;
}

/***********************/
/******WOOCOMMERCE******/
/***********************/

.woocommerce {}

/*--- Párrafo advertencia ---*/

.font-150 {font-size: 150%; letter-spacing: normal;}

/*--- Migas de pan ---*/
.woocommerce .woocommerce-breadcrumb {
	border-bottom: 1px solid #767676;
}

/*--- Categorías productos en listados ---*/
h2.wc-nested-category-layout-category-title {width:100%; clear: both; border-bottom: 1px solid #4a7389;}
	h2.wc-nested-category-layout-category-title a {color: #4a7389; font-weight: 300;}

/*--- Título producto en listados ---*/
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
	height: 85px;
	overflow: hidden;
    padding: .5em 0;
    margin: 0;
    font-size: 1.5em;
	font-weight: 400;
	letter-spacing: -.5px;
}

/*--- Precio en listados ---*/
.woocommerce ul.products li.product .price {
	height: 40px;
	overflow: hidden;
    color: #444444;
    display: block;
    font-weight: 400;
    margin-bottom: .5em;
    /* font-size: .857em; */
	font-size: 1.2em;
	line-height: 18px;
}

/*--- CTA en listados ---*/
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    width: 100%;
	text-align: center;
    background-color: #b10325;
	color: #ffffff;
}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
    background-color: #4a7389;
	color: #ffffff;
}

/*--- Precio en ficha producto ---*/
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #444444;
	font-weight: 500;
    font-size: 2em;
}

/*--- CTA en ficha producto ---*/
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	margin-top: 10px;
    background-color: #b10325;
    color: #fff;
    -webkit-font-smoothing: antialiased;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #4a7389;
    color: #fff;
}

.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover {
    background-color: #4a7389;
	opacity: 0.5;
    color: #fff;
}

/*--- Carrito de la compra ---*/

.coupon #coupon_code {width: 150px;}

.coupon button {width: 150px !important;}

.woocommerce-cart-form__contents button[name="update_cart"] {width: auto;}

/*--- Sistema de columnas en la página del checkout ---*/

.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2{
    flex: 0 0 50%;
    max-width: 50%;
}

@media all and (max-width: 767px) {
    .woocommerce .col2-set .col-1,
    .woocommerce .col2-set .col-2{
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/*--- Checkout ---*/
.woocommerce form .form-row {
    display: block;
}
.woocommerce-checkout #customer_details{
    margin-bottom: 20px;
}
.woocommerce table.shop_table{
    border-collapse: collapse;
}
.woocommerce table.shop_table thead{
    background-color: #b10325;
    color: #fff;
}


.woocommerce form .form-row label {
    line-height: 1.5;
}
.woocommerce form .form-row label, .woocommerce-page form .form-row label {
    display: block;
}
label {
    display: inline-block;
    margin-bottom: .1rem;
	font-weight: 400;
}


.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
	border-radius: 5px;
	padding: 0 5px;
	line-height: 40px;
	border: 1px solid #54565a;
	box-shadow: 4px 4px 10px rgba(0,0,0,0.2);
}
.woocommerce form .form-row textarea {
	line-height: 120%;
}


.select2-container {
	display: block;
	border-radius: 5px;
	padding: 5px 0;
	border: 1px solid #54565a;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    /* border: 1px solid #aaa; */
	border: none;
    border-radius: 4px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
	display: block;
	border-radius: 5px;
	padding: 5px 0;
	/* border: 1px solid #54565a; */
	border: none;
}


/*--- Tablas ---*/
.woocommerce table.shop_table thead {
    background-color: #54565a;
    color: #fff;
}

/*--- Mi cuenta ---*/
nav.woocommerce-MyAccount-navigation {}
	nav.woocommerce-MyAccount-navigation ul {width: 100%; margin: 0; padding: 0; border-top: 1px solid #54565a;}
		nav.woocommerce-MyAccount-navigation ul li {width: 100%;}
			nav.woocommerce-MyAccount-navigation ul li a {font-size: 1.2rem; color: #54565a; font-weight: 400;}
			nav.woocommerce-MyAccount-navigation ul li a:hover {color: #b10325;}
			nav.woocommerce-MyAccount-navigation ul li.is-active a {font-weight: 600; color: #b10325;}

/*--- Mini cart ---*/

.mini-cart{
	display: inline-block;
	background-color: #ffffff;
	color: #444444;
	margin-top:4px;
	padding: 5px 10px;
	border-radius: 3px;
}
	.mini-cart .mini-cart-icon {
		display: block;
		float: left;
		background: url('img/cart.svg');
		color: #ffffff;
		height: 25px;
		width: 25px;
		background-repeat: no-repeat;
		vertical-align: bottom; 
	}
	.mini-cart .mini-cart-items-num {
		display: block;
		float: left;
		background-color: #b10325;
		color: #ffffff;		
		min-width: 15px;
		height: 15px;
		border-radius: 50%;
		text-align: center;
		font-size: 0.7rem;
		font-weight: 500;
	}
	.mini-cart .mini-cart-items-total {
		display: inline-block;
		float: left;
		padding: 2px 0;
		color: #444444;		
		font-size: 1.5rem;
		font-weight: 400;
		line-height: 22px;
	}

/*--- Proceso de pago ---*/

label[for="payment_method_paytpv"] {font-size:1.2rem; font-weight: 600 !important;}

#form_paytpv {text-align: center !important;}

#ifr-paytpv-container {margin-right: 5px !important;}

#ifr-paytpv-container p a.paycomet_pay {background-color: #b10325 !important; font-weight: 500 !important;}
	#ifr-paytpv-container p a.paycomet_pay:hover {background-color: #4a7389!important;}

p#paycomet-cancel a.cancel {font-weight: 300 !important;}

#ifr-paytpv-container p a.paycomet_pay,
p#paycomet-cancel a.cancel {
	padding: 15px !important;
	font-size: 1.25rem !important;
	text-shadow: none !important;
}

/*--- User menu ---*/

.user-menu{display: inline-block; height:35px; margin-top:4px;}

	.user-menu a{
		display: inline-block;
		line-height: 40px;
		background-color: #ffffff;
		color: #444444;
		padding: 5px 10px;
		border-radius: 3px;
		margin-right: 2px;
	}
		.user-menu a .login-icon {
			display: block;
			background: url('img/login.svg');
			color: #ffffff;
			height: 25px;
			width: 25px;
			line-height: 40px;
			background-repeat: no-repeat;
			vertical-align: bottom; 
		}
		.user-menu a .user-icon {
			display: block;
			background: url('img/user.svg');
			color: #ffffff;
			height: 25px;
			width: 25px;
			line-height: 40px;
			background-repeat: no-repeat;
			vertical-align: bottom; 
		}
		.user-menu a .logout-icon {
			display: block;
			background: url('img/logout.svg');
			color: #ffffff;
			height: 25px;
			width: 25px;
			line-height: 40px;
			background-repeat: no-repeat;
			vertical-align: bottom; 
		}

/*--- Plugin traducciones ---*/

.user-lng {display: inline-block; height:35px; margin-top:8px;}

.user-lng .glink {margin-right: 4px;}

@media all and (max-width:991px) {
	.user-lng{margin-bottom: 10px;}	
}

/*--- Plugin Complianz ---*/

#cmplz-document {
	width: 100%;
	margin: 0 auto;
    font-size: 18px;
    margin-top: 0;
    max-width: 100%;	
}

#cmplz-document h2 {letter-spacing: 0.5px;}

/*--- Plugin Nested Categories ---*/

.wc-nested-category-layout-category-title {display: none;}

/*--- Plugin Envira Gallery ---*/

.envira-gallery-image {box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2) !important;}