/*
Theme Name: Wired IT Theme
Author: Wired IT
Author URI: https://www.wiredit.mx/
Description: Template Wired IT
Version: 1.0
*/

/* Fonts */
/*
@font-face{font-family: 'Nombre_Font';src: url('../fonts/Nombre_Font.eot');src: url('../fonts/Nombre_Font.eot?#iefix') format('embedded-opentype'),url('../fonts/Nombre_Font.woff2') format('woff2'),url('../fonts/Nombre_Font.woff') format('woff'),url('../fonts/Nombre_Font.ttf') format('truetype'),url('../fonts/Nombre_Font.svg#Nombre_Font') format('svg');font-weight: normal;font-style: normal;}
*/

/* Generic */
:root {
	--main-color: #1e85be;
	--second-color: #f9f9f9;
}
body{font-size: 1rem;}
.h1, h1{font-size: 2rem;}
.h2, h2{font-size: 1.5rem;}
.h3, h3{font-size: 1.25rem;}
.h4, h4{font-size: .75rem;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-bottom: .5rem;}
a, a:hover{text-decoration:none;}
address{margin-bottom: .5rem;}
dl, ol, ul {margin-bottom: 0;}
.main-color{color: var(--main-color);}
.second-color{color: var(--second-color);}
.generic-border{border-radius: 3px 3px 3px 3px;-moz-border-radius: 3px 3px 3px 3px;-webkit-border-radius: 3px 3px 3px 3px;}
.btn-main{background:var(--main-color);color:white !important;border-radius: 0;padding:10px 15px;font-weight:700;font-size: 17px;line-height: 1;}
.section{padding-top:50px;padding-bottom:50px;}
.text-justify{text-align: justify;}

/* Header */

/* Footer */
footer #footer-top{background: #fbfbfb;padding: 1.5rem;}
footer #footer-bottom{background-color:#000;color:#fff;padding-top: 10px;padding-bottom: 10px;}
footer #footer-bottom span,
footer #footer-bottom a:hover,
footer #footer-bottom a,
footer #footer-bottom p{color:white;}

/* Menu */

/* Slider o Banner Principal  */
#home{position: relative;}
#home #prev,
#home #next{position: absolute;top: 0;bottom: 0;display: flex;align-items: center;justify-content: center;background: transparent;border: unset;}
#home #prev{left:2%;}
#home #next{right:2%;}

/* Banners */

/* Breadcrumb */
#breadcrumb{background: #fbfbfb;}

/* Paginator */
.wp-pagenavi{margin-top: 40px;}
.wp-pagenavi span,
.wp-pagenavi a{padding: 5px 14px;border: solid 1px #eee;margin-right: 10px;display: inline-block;background: #eee;transition:.5s all;}
.wp-pagenavi span:hover,
.wp-pagenavi a:hover,
.wp-pagenavi span.current{background: var(--main-color);color: white;}

/* Form */
/* Visualmente si funciona pero no se va con el formato en el form, esto en JQuery y POST
.wpcf7-form-control-wrap input[type="text"]{text-transform: capitalize;}
.wpcf7-form-control-wrap input[type="email"]{text-transform:lowercase;}
*/
::-webkit-input-placeholder { /* WebKit browsers */text-transform:none;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */text-transform:none;}
::-moz-placeholder { /* Mozilla Firefox 19+ */text-transform:none;}
:-ms-input-placeholder { /* Internet Explorer 10+ */text-transform:none;}
::placeholder { /* Recent browsers */text-transform:none;}
.sendmail_form span{color:red;}
.sendmail_form .sendmail_legend{font-size:.8rem;}
.sendmail_form .sendmail_ajax_loader{display:none;}
.sendmail_form .sendmail_result{display:none;margin-bottom:0px}

/* Newsletter */
#newsletter{background-image:url('/wp-content/themes/wiredit/images/section/home/newsletter/fondo.jpg');background-repeat:no-repeat;margin: 50px 0px;padding: 100px 0px;background-position: center;background-attachment: fixed;background-size: cover;}
#newsletter .is-invalid~.invalid-feedback,
#newsletter .is-invalid~.invalid-tooltip,
#newsletter .was-validated :invalid~.invalid-feedback,
#newsletter .was-validated :invalid~.invalid-tooltip{border: none;display:inline-block !important;margin:0 5px;width: auto;}
#newsletter span.wpcf7-not-valid-tip{display: inline-block;margin:0 5px;}
#newsletter .sendmail_form .sendmail_result{margin-top: 10px;}

/* Social Media */
#redes-sociales ul{list-style:none;padding-left:0px;margin-bottom:0px;}
#redes-sociales li{display:inline;}

/* Chat */
.chat-whatsapp{position:fixed; width:60px; height:60px; bottom:40px; right:40px; color:#FFF; border-radius:50px; text-align:center; z-index:999;}
.chat-facebook{position:fixed; width:60px; height:60px; bottom:123px; right:40px; color:#FFF; border-radius:50px; text-align:center; z-index:999;}
.chat-whatsapp img,
.chat-facebook img{max-width: unset !important;}
.my-chat{margin-top:22px; }


/* Woocommerce */
.product_title{font-size: 2rem !important;}
.woocommerce div.product p.price, .woocommerce div.product span.price{font-size: 1.5em;}
.search-field{border-radius: 0rem !important;width:73% !important;}
.woocommerce form .form-row .optional{display:none;}
.search-btn{border-radius: 0rem !important;background-color: var(--main-color);border-color: var(--main-color);}
.widget_product_categories .cat-item a{color: var(--main-color) !important;}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range{background-color:#1e85be !important;}
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{width:150px !important;}
.woocommerce-billing-fields .form-row, .woocommerce-shipping-fields .form-row,.woocommerce form .form-row {display: block;}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2, .woocommerce .woocommerce-MyAccount-content .col-1 {max-width: unset !important;}
#add_payment_method #payment .payment_method_paypal img, .woocommerce-cart #payment .payment_method_paypal img, .woocommerce-checkout #payment .payment_method_paypal img{max-height: 38px !important;}
.woocommerce form .show-password-input, .woocommerce-page form .show-password-input{top: 0.2em !important;}
.shop_table thead{background-color:var(--main-color);}
.shop_table thead th{color:#fff;}
.woocommerce .quantity .qty{height: 35px;min-width: 4.5rem;}
.woocommerce .woocommerce-customer-details, .woocommerce .woocommerce-order-details, .woocommerce .woocommerce-order-downloads{text-align: left;}
.woocommerce table.shop_table{border-collapse: collapse;border: 1px solid #eee;}
.woocommerce table.my_account_orders td a{padding: 10px;min-height: auto;margin-right: 3px;}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{min-height: 40px;background-color:var(--main-color) !important;color:white !important;border-radius:0 !important;}
/* -- Tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs {padding: 0 0 0 0em !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {background-color: #fff !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {color: var(--main-color) !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li {background-color: var(--main-color) !important;width: 49% !important;text-align: center !important;margin: 0 0px !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {color: #fff !important;}
/* -- My Account */
.woocommerce-MyAccount-content a{color:var(--main-color);}
.woocommerce-MyAccount-navigation ul{list-style: none !important;padding-left: 0 !important;}
.woocommerce-MyAccount-navigation ul li a{display: block;padding:12px 10px;font-weight: 600;color: black;border-bottom: solid 1px #eee;transition: .5s all;}
.woocommerce-MyAccount-navigation ul li:last-child a{border-bottom:none;}
.woocommerce-account .woocommerce-MyAccount-content{padding: 40px;border: solid 1px #eee;}
.woocommerce-account .woocommerce-MyAccount-navigation{width: 32% !important;border: solid 1px #eee;}
.woocommerce-MyAccount-navigation ul li.is-active a, .woocommerce-MyAccount-navigation ul li a:hover{background:var(--main-color);color:white;}
/* -- Address */
.woocommerce-account .addresses .title h3{font-size: 1.2rem;font-weight: 600;text-transform: uppercase;margin-bottom: 20px;}
.woocommerce .woocommerce-customer-details .woocommerce-column__title{font-size: 1.5rem;font-weight: 600;}

/* Home */

/* About us */

/* Services */

/* Contact */

/* Captcha */
.grecaptcha-badge { visibility: hidden!important; }

/* Carousel infinity */
.carousel-infinity{transition-timing-function: linear;}

/* Filter */
.filter-section .gallery-filter{list-style: none;padding: 0;margin-bottom: 30px;margin-top: 20px;}
.filter-section .gallery-filter li{display: inline-block;margin: 8px 3px;}
.filter-section .gallery-filter li button{position: relative;color: white;border-radius: 20px;padding: 8px 20px;background: #aeaeae;text-transform: capitalize;border: none;}
.filter-section .gallery-filter li button.active{background: var(--main-color);}
.filter-section .gallery-filter li button.active:after {border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 15px solid var(--main-color);bottom: -10px;content: "";height: 10px;left: 50%;margin-left: -15px;position: absolute;width: 2px;}
.filter-section .gallery-container.columns-3 .gallery-selector{width: 32%;}
.filter-section .gallery-container.columns-4 .gallery-selector{width: 25%;}
.filter-section .gallery-container .gallery-selector{padding: 5px;}
.filter-section .gallery-container .gallery-selector img{width:100%;height:auto;}

/*REFERENCIA PARA LAS MEDIDAS https://css-tricks.com/snippets/css/media-queries-for-standard-devices/ */
/*MEDIA QUERY GENERICO QUE PUEDE APLICAR PARA TODOS LOS CELULARES*/
@media screen and (max-width: 1399px){

}
@media screen and (max-width: 1199px){

}
@media screen and (max-width: 991px){
	.navbar-collapse{position: absolute;top: 50px;z-index: 3;padding: 10px;position: absolute;top: 50px;z-index: 3;background: white;padding: 10px;}
}
@media screen and (max-width: 768px){

    /* Woocommerce */
    /* -- My account */
    .woocommerce-account .woocommerce-MyAccount-navigation{width: 100% !important;margin-bottom: 30px;}
}
@media screen and (max-width: 767px){

	/* Woocommerce */
	.search-field{width: 85% !important;}
	.woocommerce form.woocommerce-checkout h3, .woocommerce .woocommerce-MyAccount-content h3{font-size:1.3rem !important;}
	.woocommerce form .form-row label{font-size:.8rem;}
	/* -- Checkout */
	.woocommerce-checkout #payment ul.payment_methods li label[for="payment_method_paypal"] a{float: unset;display: inline-block;line-height: 20px;}
	.woocommerce-checkout #payment ul.payment_methods li label[for="payment_method_paypal"] img:first-child{width: 130px;}
	.woocommerce-checkout #payment ul.payment_methods li label[for="payment_method_paypal"] img:nth-child(2){width: 155px;}
	.woocommerce-checkout #payment ul.payment_methods li label{font-size:.8rem;}
	.woocommerce button.button{font-size:.9rem !important;}
}
@media screen and (max-width: 575px){

}