/*
 Theme Name: MyCavi Theme
 Theme URI: http://wwww.telaio.com.mx
 Author: Telaio Networks
 Author URI: https://telaio.com.mx/
 Version: 2.0
 Description: Es un tema creado para poder conectar con el Web Services de Innovation.
 Tags: telaio, mycavi,Innovation
 */
* { margin: 0; padding: 0; }
.wp-block-image img{height: auto; }
a, a:hover{text-decoration: none; color: inherit;}
.w-100{height:auto;}
.transition-ease, body,header{
	-webkit-transition: all 0.2s ease-in-out;
  	-moz-transition: all 0.2s ease-in-out;
   	-o-transition: all 0.2s ease-in-out; 
   	transition: all 0.2s ease-in-out;
}
.section__page{min-height: 84.5vh; padding-top: 20px}
/*GENERAL*/
.txt__info{color: #686868; }
.main_title--mb{margin-bottom: 15px;}
.btn__delete{color: #d20707 !important; border: 1px solid #d20707; font-size: 13px; padding: 3px 9px;}
header{
	padding: 9px 0px;
	position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
}
header.scroll{
  box-shadow: 0px 2px 8px 1px rgba(0,0,0,0.1);
}
#menu-box ul{margin: 0; list-style: none; text-align: center;}
#menu-box {visibility: hidden; transform: translateY(-40rem); height: 0; }
#menu-box.active {
  -webkit-transition:all .8s ease-in-out;
  transition:all .8s ease-in-out;
  height: calc(100vh - 63px);
  visibility: visible;
  transform: translateY(0rem);
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 2rem 0px;
}
#menu-box.active ul>li{padding: 7px; animation: showItems 0.5s ease forwards; }
#menu-box>ul>li{ transform: translateX(60rem); }
@keyframes showItems {0%{ transform: translateX(60rem); } 100%{ transform: translateX(0rem); } }
#menu-box>ul>li>a{ font-size: 14px; text-transform: uppercase; position: relative; display: block; }
#menu-box .menu-item-has-children { position: relative; margin-right: 19px !important; }
.menu-item-has-children > a::after { position: absolute; content: '\f107'; font-family: 'fontAwesome';margin-left: 4px;}
.sub-menu {display: none;width: 100%;padding: 10px 0;}
.menu-item-has-children .sub-menu.active  { display: block; }
.sub-menu li a{font-size: 14px; padding: 0 14px; display: block; text-transform: initial;font-weight: 400;}
/*sub sub menu*/
#menu-box ul ul li{ width: 100%;display: block; margin: 2px 0px; }
#menu-box .sub-menu .sub-menu {top: 0; left: 164px; }
.item__social{
	display: inline-block;
	padding: 1px 5px;
    font-size: 16px;
    margin: 0;
    border-right: 1px solid rgba(41,41,41,0.09);
}
.item__social:last-child{
	border-right: 1px solid rgba(41,41,41,0);
}
.menu-item > a{
	display: block;
	padding: 5px 8px;
	text-decoration: none;
	font-size: 14px;
	text-transform: uppercase;
}
.current_page_item a{
	font-weight: 700;
}
.btn_cart{
  position: relative;
  margin-right: 27px;
}
.cart_count{
    position: absolute;
    padding: 0px 6px;
    border-radius: 50%;
    font-size: 13px;
}
/*ICON HAMBURGER*/
#hamburger{
  cursor: pointer;
  width: 50px;
  display: inline-flex;
  align-items: center;
}
#hamburger .hamburger-text{
  display: inline-block;
  width: 25px;
  font-size: 9px;
  font-weight: bold;
}
#hamburger .hamburger-icon{
  display: inline-block;
  width: 25px;
  padding-left: 7px;
}
#hamburger span{
    display: block;
    height: 2px;
    width: 100%;
    margin: 3px 0px;
    border-radius: 5px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease; 
    transition: all 0.2s ease;
}
#hamburger span:nth-child(2){width: 75%; }
#hamburger:hover span:nth-child(2){width: 100%; }

/*preview product*/
.pvw_product__box{
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 0 15px;
}
.pvw_product__name{
	font-size: 18px;
	font-weight: bold;
  margin-bottom: 0;
}
.pvw_product__description p,.pvw_product__price{font-size: 14px; white-space:initial;}
.pvw_product__btn{
	width: 100%;
	border-radius: 25px;
}
/*Single product*/
.breadcrumbs {
    border-bottom: 1px solid rgba(0,0,0,.1);
    margin-bottom: 15px;
    padding: 12px 0;
    align-items: center;
}
.breadcrumbs_links a:after{
    content: '/';
    color: rgba(0,0,0,.1);
    padding: 0 6px;
}

.breadcrumbs_links a:last-child:after{
    content: '';
    padding: 0;
}
.detail_images_box{
  margin-bottom: 30px;
}
.detail_images_main {
  border: 1px solid rgba(0,0,0,.1);
}
.detail_images_main:hover img{
  opacity: 0.8;
  cursor: pointer;
}
.detail_images_options{  
  overflow-y: hidden;
  margin: 15px 0 0 0;
}    
.option_item{
  margin: 5px 5px 0 0;
  border: 1px solid rgba(0,0,0,.1);
  display: inline-block;
  width: 50px;
}
.cart__detail_item{margin-bottom: 10px;}
.cart__detail_box{display: inline-flex; align-items: center; }
.cart__detail_item{margin-bottom: 0px; margin-right: 10px; width: calc(100% / 4); }
.glide__arrow{
  position: absolute;
    top: calc(50% - 15px);
    z-index: 2;
    height: 30px;
    width: 30px;
    cursor: pointer;
    color: white;
    font-size: 0;
    border: none;
    border-radius: 50%;
}
.glide__arrow--left{left: 0%; }
.glide__arrow--right{right: 0%;}
.glide__arrow--left i:before{content: '\f053'; }
.glide__arrow--right i:before{content: '\f054'; }
.glide__arrow i:before{font-size: 15px; font-family:'fontAwesome'; line-height: 1; opacity: .75; }
table.responsive-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  display: block;
  position: relative;
  white-space: nowrap;
  margin: 0;
}
table.responsive-table tbody {
  display: block;
  width: auto;
  position: relative;
  overflow-x: auto;
  white-space: nowrap
}
.table td ,.table th{
  border: 2px solid #E6E6E6;
  text-align: center;
  vertical-align: middle;
}
.table th{background-color: #989898; color: #FFFFFF; }
.table tr{background-color: #FFFFFF; }
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #EEEEEE;
}
.color_box {
    border-radius: 50%;
    border: 1px solid lightgrey;
    cursor: pointer;
}
.color_box--detail {
    width: 25px;
    height: 25px;
    margin: 0px 2px;
}
.color_box.amarillo{ background-color:  #F9F50C;}
.color_box.azul{ background-color:  #006CBA ;}
.color_box.beige{ background-color:  #ECE4B0}
.color_box.blanco{ background-color:  #FFFFFF}
.color_box.cafe, .color_box.carton{ background-color: #9B4A04 }
.color_box.dorado{ background-color:  #C8A22F}
.color_box.gris{ background-color:  #B0AFAD ;}
.color_box.gris-obscuro{ background-color:  #808080 ;}
.color_box.plata{ background-color:  #A6A9AA;}
.color_box.madera{ background-color:  #CB914A;}
.color_box.morado{ background-color:  #A148A0 ;}
.color_box.naranja{ background-color:  #F88323;}
.color_box.negro{ background-color:  #000000;}
.color_box.rojo{ background-color:  #F21823;}
.color_box.rosa{ background-color:  #FCAEC9;}
.color_box.transparente{ background-color:  #FFFFFF;}
.color_box.verde{ background-color:  #24B900;}
.color_box.vino{ background-color:  #900404;}
.color_box.coral{ background-color:  #FF7062;}

/*Filters*/
.filter__box{
  margin-bottom: 10px;
  border-bottom: 1px solid #f3f3f3;
  padding-bottom: 15px;
}

.sidebar_categories li {
    display: block;
    margin-bottom: 5px;
    padding: 5px 0;
    border-bottom: 1px solid rgba(41,41,41,0.09);
    font-weight: 500;
}
.sidebar_categories li a{
  color: #000000;
  font-weight: 400;
}
.sidebar__title, .mb_page{
  padding-bottom: 1rem;
}
.sidebar__item{
  display: block;
  margin-bottom: 5px;
  padding: 5px 0;
  border-bottom: 1px solid rgba(41,41,41,0.09);
}
.page-numbers{
    padding: 3px 9px;
    font-size: 13px;
    margin: 0 3px;
    border-radius: 6px;
}
.page-numbers.current{
  background-color: #686868;
}
/*CART*/
.cart__box{
  border-bottom: 1px solid rgba(41,41,41,0.09);
  padding: 1rem 0;
}
.cart_quantity__box{
  position: relative;
}
.cart__input_detail {
  width: calc(100% - 54px);
  padding: 4px 2px;
  text-align: center;
  display: inline-table;
  border-radius: 10px 0 0 10px;
}
.quantity_nav{
  width: 50px;
  display: inline-table;
  position: absolute;
  bottom: 0px;
  right: 5px;
}
.quantity-button{
  cursor: pointer;
  width: 25px;
  display: table-cell;
  text-align: center;
  height: 39px;
  vertical-align: middle;;
}
.quantity-down{border-radius: 0 10px 10px 0; }
.cart__input_detail[type=number]::-webkit-inner-spin-button,
.cart__input_detail[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.cart__input_detail[type=number] {
  -moz-appearance: textfield;
  text-align: center;
}
/*CHECKOUT*/
.product_checkout{
  border-bottom: 1px solid rgba(41,41,41,0.09);
  padding: 0.5rem 0;
}
.form-load{
  position: absolute;
   z-index: 1;
   font-weight: 700;
   background: rgb(255,255,255,0.7);
   width: 100%;
   height: 100%;
}
/*GO TO TOP*/
#totop{
  visibility: hidden;
  opacity: 0;
  position: fixed;
  bottom: 9%;
  right: 0;
  transform: translateX(35px);
  padding: 15px;
  border-radius: 10px 0 0 10px;
  box-shadow: rgba(49, 48, 47, 0.188235) 0px 2px 5px 0px;
  -webkit-transition:all .3s ease-in-out;
  transition:all .3s ease-in-out;
  z-index: 10;
}
#totop.active{visibility: visible; opacity: 1; transform: translateX(0); cursor: pointer; }
#totop .fa{color: #FFFFFF; }
 .wsapp{
   position: fixed;
   bottom: 19%;
   right: 0%;
   z-index: 10;
   height: 66px;
   width: 260px;
   padding: 0px 20px 0px 38px;
   border-radius: 52px 0 0 52px;
   color: #FFFFFF;
   align-items: center;
   background: #508D3A 0% 0% no-repeat padding-box;
   overflow: hidden;
 }
 .wsapp__icon{font-size: 32px; line-height: 0;margin-right: 20px; width: 32px;}
 .wsapp__txt{width: calc(100% - 52px);}
 .wsapp.hide {width: 75px;padding: 0px 20px 0px 25px;}
 .wsapp.hide .wsapp__txt{display: none;}
 .wsapp:hover {width: 260px; padding: 0px 20px 0px 38px;color: #FFFFFF !important;}
 .wsapp:hover .wsapp__txt{display: initial;}
@media screen and (min-width: 992px){
  #menu-box {height: auto; display: block; visibility: visible; transform: translateX(0rem); }
  #menu-box ul li{transform: translateX(0rem);}
  #menu-box ul > li {display: inline-block; margin: 0px 1px;}
  #search-box{max-width: 46px;}
  #social-box{max-width: 20%;flex: 0 0 20%;}
  .sub-menu { position: absolute; width: 450px; columns: 2;left: -72%;top: 43px;}
  table.responsive-table, table.responsive-table tbody{display: revert;}
}
@media screen and (max-width: 992px){#header-logo{width:180px !important; height:auto !important}}
@media screen and (min-width: 1200px){
  .item__social{padding: 1px 8px;}
}