/*
Theme Name:   Child Theme
Theme URI:    https://bagochile.cl
Description:  Un tema para la web bago chile
Author:       Sebastian Silva
Author URI:   https://gpm.group
Template:     Divi
Version:      1.0
*/

/*Set product details to flex*/
.woocommerce ul.products li.product a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}


/*Product image*/
.woocommerce ul.products li.product a .et_shop_image {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
}

/*Product subtitle (custom field)*/

.woocommerce ul.products li.product a .bb-product-subtitle {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  font-size: 16px;
  font-family :'Nunito Sans',Helvetica,Arial,Lucida,sans-serif;
  color:black;
  padding-bottom:3px;
}

/*Product Marca (custom field )*/

.woocommerce ul.products li.product a .bb-product-marca {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  font-size: 20px;
  font-weight: bold;
  font-family :'Nunito Sans',Helvetica,Arial,Lucida,sans-serif;
  color:black;
}


/*Product title*/

.woocommerce ul.products li.product a .woocommerce-loop-product__title {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  padding-bottom:10px;
  font-size: 16px;
  font-family :'Nunito Sans',Helvetica,Arial,Lucida,sans-serif;
  color:black;
}

/*Product rating*/

.woocommerce ul.products li.product a .star-rating {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}

/*Product price*/

.woocommerce ul.products li.product a .price {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
}

/*Estilos Categorias*/
section.item-categories {
 	-webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
    display: flex;
    width: 40px;
	height:40px;
}
/*COLOR de botones de paginacion*/
.woocommerce nav.woocommerce-pagination ul li a{
	color:#a3007c !important;
}
section.item-categories img{
    margin-right:10px !important;
}

.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin: 0 5px 9px !important;
}

.posted_in img {
  display: inline-block;
  width: 40px;
  height: auto;
  padding-right:5px;
}

et_pb_image img {
    position: relative;
    cursor: pointer;
}

/*esto es para el zoom de la imagen del producto*/
.woocommerce-product-gallery__wrapper .zoomImg {
    max-width: 175% !important;
    max-height: 175% !important;
	cursor:zoom-in;
}
.da-close {
	content:"";
	top:auto !important;
    bottom: 55px !important;
    left: 80px !important;
    color: #fff;
	z-index:-999;
	font-size: 16px;
  font-family :'Nunito Sans',Helvetica,Arial,Lucida,sans-serif;
}

.da-close::after {
	content:"Aceptar";
	background-color: #a3007c;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    font-size: 16px;
	font-family :'Nunito Sans',Helvetica,Arial,Lucida,sans-serif;
    cursor: pointer;
}

#et-boc .area-outer-wrap[data-da-color=light] .da-close {
    color: #fff !important;
}

/*Esto es para que quede todo del mismo alto en la tarjeta producto*/
.woocommerce-loop-product__title{
	min-height:50px;
	display:flex;
	align-items:top;
}
/*Esto es para que los iconos anterior y siguiente del slider*/
.vic-blog-carrusel .slick-next {
    right: -25px !important;
	background-color: #a3007c !important;
}
.vic-blog-carrusel .slick-prev {
    left: -25px !important;
   background-color: #a3007c !important;
}

/*Cambiar icono testimonio*/
.et_pb_testimonial:before {
    left: initial;
    top: 22px!important;
    right: 20px;
}

/*Cambiar colores de los bullets*/
.swiper-pagination-bullet{
  background-color: #a3007c!important;
  opacity: 1;
}

.swiper-pagination-bullet-active{
  background-color: #a3007c!important;
}

@media (min-width: 981px) {
  /*tarjetas activas*/
  .ui-testimonio.swiper-slide-active  {
transform:  scale(1.1)!important;
transition: transform .4s ease;
opacity: 1!important;
}

/*tarjetas no activas*/
.ui-testimonio.swiper-slide {
opacity: 0.5;
transition: all 0.4s ease;
}
}

.toggle-ancho-completo .et_pb_toggle_content {
  width: 100% !important;
}