/*
Theme Name: Wired IT Theme
Author: Wired IT
Author URI: https://www.wiredit.mx/
Description: Template Wired IT 2022
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: #0d6efd;
  --second-color: #0d6efd;
  --template-color:#153956;
}
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;}
.text-justify{text-align: justify;}
.btn-red{background-color: #d22c29;}
.btn-red:hover{background-color: #143958!important; color:white;}

/* Header */
header .navbar{    margin-top: 14px;}

/* Footer */

/* Menu */
header .navbar li a{font-family: Arial; font-weight: 400; font-size: 14px;}
header .navbar .btn-menu{font-size:14px;}

/* Slider o Banner Principal  */

/* Banners */

/* Breadcrumb */
#breadcrumb{background: #fbfbfb;}
#breadcrumb h1{color:white;}

/* 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 */
.news-letter{background-image:url('/wp-content/themes/wiredit/images/section/home/nosotros/home-tienes-alguna-duda.jpg');background-repeat:no-repeat;background-position: center;background-attachment: fixed;background-size: cover;}

/* 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;}

/* Home */
.arrival-block .item img{max-width: 100%; width:auto;}
.arrival-block{border-top:0; border-left: 0;}
.arrival-block .item{border-right:0; border-bottom: 0; text-align: center;}
.arrival-block .item img{width:80%;}
.arrival-block .item-name{left:0;}

/* Home - Products */
#gallery-products .card-project .item-name{font-size: 18px; font-weight: bold; letter-spacing: 3px; color: #153956;}
#gallery-products .card-project img{max-width: 100%; width: auto; max-height: 150px;}
#gallery-products.filter-section .gallery-filter li button.active{background: var(--template-color)!important;}
#gallery-products.filter-section .gallery-filter li button.active:after{border-top: 15px solid var(--template-color)!important;}

/* Home - Slider */
#mainCarousel .caption{position: absolute; top: 50%; left: 4%; transform: translate(0, -50%); max-width: 50%;}
#mainCarousel .caption .captionInner{ padding: 15px;}
#mainCarousel .caption .captionInner .btn-area{margin-top:15px;}
#mainCarousel .caption .captionInner h2:first-of-type{margin-top: 0 !important;}
#mainCarousel .caption .captionInner h2{font-size: 50px;}
#mainCarousel .caption .captionInner h2, #mainCarousel .caption .captionInner h3{text-shadow: 2px 2px 5px black; color:white; font-family: Arial;}

/* Home about us */
.aboutus-bullets li img{width: 9px; position: relative; top: -2px;}
.home-aboutus .main-img{border-radius: 10px;}

/* About us */
.aboutus-clients .position-center-center{width: 100%;}
.aboutus-featured-img, .aboutus-clients article{border-radius: 10px;}

/* Faqs */
.faqs-section img{border-radius: 10px!important;}

/* Contact */
.contact-form span{padding: 0;}
.contact p{letter-spacing: 0;}

/* 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;}
.filter-section .gallery-container .home-product img{border-radius: 7px;}
.filter-section .gallery-container .home-product .btn{padding: 6px 41px; font-size: 16px; line-height: inherit; border-radius: 4px; margin-top: 10px;}
.filter-section .gallery-container .home-product .item-name{margin-top:10px;}

/* Products */
.papular-block .item{text-align: center;}
.papular-block .item img{max-width: 100%; width:auto; max-height: 160px; margin:0 auto; border-radius: 7px;}
.papular-block .item .btn{padding: 6px 41px; font-size: 16px; line-height: inherit; border-radius: 4px; margin-top: 10px;}
.papular-block .item .item-name{margin-top:10px;}
.wp-pagenavi a:hover, .wp-pagenavi span.current{background: var(--template-color);}
.shop-side-banner .position-center-center{top: 16%;}
.shop-side-banner .bnr-text a{text-shadow: 2px 2px 5px black; color: white;}
.shop-side-banner .bnr-text a:hover{color:white;}

/* Product detail */
.shop-detail .item-owner p{font-family: Arial; font-weight: 400;}
.related-products{background: #f7f7f7;}
.related-products .item img{box-shadow: 0px 0px 4px 1px #cecaca;}
.related-products .item{padding-top: 10px;}

/*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;}
  .filter-section .gallery-container .gallery-selector{width: 33.33% !important;}
  .contact-info{margin-top:15px;}
}
@media screen and (max-width: 767px){
    #mainCarousel .caption{display: none;}
    .arrival-block .item{width: 50% !important;}
}
@media screen and (max-width: 575px){
  .filter-section .gallery-container .gallery-selector{width: 50% !important;}
}