/**
 * Add any custom CSS here.
 *
 * This file will be loaded after all other theme stylesheets.
 */
 
 @media (min-width: 768px) {
  .single-product.left-sidebar .content-area, .single-product.right-sidebar .content-area { width:100%; float:left;}
}

@media screen and (min-width: 768px) {
	#masthead /*.home .site-header*/ {margin-bottom:0.2em !important; padding-bottom:15px !important;}
	.deli-primary-navigation{width:100% !important; padding:0 10px; margin:0 !important; margin-bottom: 2.618em;}
}

.site{padding:0 !important;}
.woocommerce-active .site-header .main-navigation {margin: 0 2% !important;}

/* MetaSlider home */
.metaslider .caption-wrap {bottom:20% !important; left:5% !important; background:none !important; color:#fff; width:30% !important;}
.metaslider .caption-wrap .caption h2 {text-transform:uppercase !important; font-size:2.5em !important; color:#fff !important;}
.metaslider .caption-wrap .caption h3 {text-transform:uppercase !important; color:#fff !important;}

/****** Cajitas para colores del producto *****/
.inner_product {background-color:#fafafa !important;}
.entry-content-wrapper ul.products {display:-webkit-flex !important; display:flex !important; -webkit-flex-wrap:wrap !important; flex-wrap:wrap !important;}
.entry-content-wrapper ul.products li {display:-webkit-flex; display:flex;}
#colores-disponibles-home {display:inline-block; list-style:none; margin:0; padding:0 10px; float:right; width:100%;}
#colores-disponibles-home li { display:inline-block; width:10px; height:10px; content:" "; margin-left:2px; margin-bottom:10px; border:1px solid #999; background-color:#fff; background-repeat:no-repeat; background-position:center center;}

/************** SLIDER THUMBNAILS PRODUCTO ************/
a.venobox{margin-left:19px; margin-right:19px;}

.wpgs-for .slick-arrow {margin-left: 5px !important; margin-right: 5px !important; display:none !important;}
.wpgs-nav .slick-prev {margin-left: 10px !important;}
.slick-next {right: 0 !important;}

/*.max-thumb {border: 1px solid #ccc;}*/
.max-image .code_color_thumb, .max-thumb .code_color_thumb {display:block; text-align:center;margin:-10px 0 0;}

div.color-button { /*width:30px; height:30px; border:3px solid transparent;*/ padding:2px; cursor:help; float:left; margin:0 6px 5px;}
div.color-button-color { content:" "; width:22px; height:22px; border:1px solid #808080 !important; border-radius:1px;}
span.color-button-label { content:"" !important; border:none !important; width:100%; margin-top:5px; display:block; text-align:center;font:400 11px/100%;}