:root {
  --vad-design-active-button: #ffcc009c;
  --vad-design-hover-button: #DDD;
}

.variations_form_design > .single_variation_wrap > .woocommerce-variation > .woocommerce-variation-price{
	display:none;
}
.vad-product-design-gallery{
	position:relative;	
	margin-bottom:3em
}
.vad-product-design-gallery figure{
	margin:0
}
.vad-product-design-gallery .vad-product-design-gallery__image:nth-child(n+2){
	width:25%;display:inline-block
	}
.vad-product-design-gallery .flex-control-thumbs{
	padding-top:2em;margin:0
	}
.vad-product-design-gallery .flex-control-thumbs li{
	list-style:none;float:left;cursor:pointer
	}
.vad-product-design-gallery .flex-control-thumbs img{	
	opacity:1;	
	visibility: hidden;
	display:none !important;
	max-height: 200px;
	}
.vad-product-design-gallery .flex-control-thumbs img.flex-active,.vad-product-design-gallery .flex-control-thumbs img:hover{
	opacity:1;
	/*visibility: visible;*/
	display:block !important;
	}
.vad-product-design-gallery .flex-control-thumbs li:last-child img{
	visibility: visible;
	display:block !important;
}
/*.vad-product-design-gallery .flex-control-thumbs li:nth-last-child(2) img{
	visibility: visible;
	display:block !important;
} */
.vad-product-design-gallery .flex-control-thumbs img.keep-visible{
	visibility: visible;
	display:block !important;
}
.vad-product-design-gallery .flex-control-thumbs img.always-visible{
	visibility: visible;
	display:block !important;
}
.vad-product-design-gallery__image {
	/*border:1px solid #B3B3B3 !important;
	border-top:none !important;
	border-left:none !important;
	border-right:none !important;*/	
}
/*.flex-active-slide{
	display:block !important;	
}*/

.vad-product-design-gallery img{
	display:block !important;
}
	
.vad-product-design-gallery--columns-3 .flex-control-thumbs li{
	width:33.3333%
	}
.vad-product-design-gallery--columns-4 .flex-control-thumbs li{
	width:25%
	}
.vad-product-design-gallery--columns-5 .flex-control-thumbs li{
	width:20%
	}	
.vad-product-design-gallery__trigger{
	position:absolute;top:1em;right:1em;z-index:99
	}
a.vad-product-design-gallery__trigger{
	text-decoration:none
	}

/*animation fade*/	
/*ol.flex-control-thumbs {clear: both;}
.flex-control-nav{
    z-index:500;
}*/	
	
.single-product div.product .vad-product-design-gallery .vad-product-design-gallery__trigger
{
	position:absolute;
	top:.875em;
	right:.875em;
	display:block;
	height:2em;
	width:2em;
	border-radius:3px;
	z-index:99;
	text-align:center;
	text-indent:-999px;
	overflow:hidden;
	background-color:#169fda;
	color:#fff
}
.single-product div.product .vad-product-design-gallery .vad-product-design-gallery__trigger:hover
{
	background-color:#1781ae;
	border-color:#1781ae;
	color:#fff
}
.single-product div.product .vad-product-design-gallery .vad-product-design-gallery__trigger:before
{
	/*font:normal normal normal 1em/1 FontAwesome;*/
	font-family: 'Font Awesome 5 Free';
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	display:block;
	content:"\f00e";
	line-height:2;
	text-indent:0
}

.vad-product-design-gallery-zoom-pc3d{
	cursor:pointer;
	/*width:90px;
	height: auto;
	padding:.5em;*/
}


.vad-product-design-gallery-zoom-pc3d:hover{
	opacity:0.8 !important;
}

.single-product div.product .vad-product-design-gallery .flex-control-thumbs {
	display: block !important;
    width: 100%;
    padding-top:0;
    border-top: 1px solid rgba(0,0,0,.05);
    
}  
/*.single-product div.product .vad-product-design-galleryy .flex-control-thumbs li img {
    width: 90%;
    float: none;
    margin: 0 0 10% 10%;
}*/

/*THUMBS VERTICAL*/ 
/*
.single-product div.product .vad-product-design-gallery .flex-viewport {
    width: 75%;
    float: right;
}
.single-product div.product .vad-product-design-gallery .flex-control-thumbs {
    width: 25%;
    float: left;
}  
.single-product div.product .vad-product-design-galleryy .flex-control-thumbs li img {
    width: 90%;
    float: none;
    margin: 0 0 10% 10%;
}*/
/*FILTRO*/
.widget_product_categories .vad-design-filter-active::before {
    content: "\f00d" !important;
    color: #e2401c !important;
    opacity: 1 !important;
}
.vad-design-filter{
	font-size: 1em !important;
}

/*SWIPER SLIDER*/

/*lunchbox*/
.lunchbox-design {
   position: relative;
   display:none;
}
@media (min-width: 37.5em) {
   .lunchbox-design  {
      margin-left: auto;
      margin-right: auto;
      width: 92%;
      /* make room for arrows */
      padding-left: 2em;
      padding-right: 2em;
   }
}
@media (min-width: 43.75em) {
   .lunchbox-design  {
      width: 95%;
   }
}

.swiper-wrapper {
   /* now pagination is below slides */
   margin-bottom: 3em;
   /* just enough width so slides handing off screen are partially visible */
   width: 73.8%;
}
@media (min-width: 37.5em) {
   .swiper-wrapper {
      width: 100%;
   }
}

.swiper-button-design {	
	opacity: 0.9 !important;
	background-image: none !important;
	margin-top:-50px !important;	
	color: var(--svg-color) !important;
	background-size: 20px 44px !important;

}

.swiper-design {
    /*box-shadow: 0 11px 16px -16px rgb(7 10 25 / 25%);*/
    background-color: #ffffff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

.swiper-design:hover {
  opacity: 0.9;
}

.swiper-design h3{
    line-height: normal;
    margin: 10px 0;
    padding:0;
    font-size: 15px;
    text-align: center;
}

.swiper-design h4{
    line-height: normal;
    margin: 10px 0;
    padding:0;
    font-size: 15px;
    text-align: center;
}

/*lunchbox*/

/*
.swiper-lazy-preloader:after {
	background-image: url(../images/loader1.svg) !important;
}*/

/*.swiper-button-prev, .swiper-button-next{
	opacity: 0.7 !important;
}*/

/*.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
    opacity: 0.3 !important;    
}*/

.swiper-container{
    cursor: pointer;    
}
.swiper-container h3 {
    font-size: 1rem;
    font-weight: 400;
    /*margin-bottom: 3em;*/
    text-align:center;
    /*cursor: pointer; */ 
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #000 !important;
}

.vad_design_related_products h2{
	text-align: center;
}

.vad_design_related_products h2 a{
	font-size: 20px;
}

.vad_design_cat_container{
	display: flex;
}

.vad_design_cat_container_1{
	width: 50%;	
}

.vad_design_cat_container_2{
	width: 50%;
	padding-left:10px;
}

.vad_design_blank_title {   
    font-weight: 400;
    font-size: 1.5em;
    line-height: 1.4;    
    margin-bottom: 0.5rem;
}

.vad_design_select_title{	
    font-family: inherit;
    font-weight: 600;
    font-size: 1.20rem;
    line-height: 1.4;    
    margin-bottom: 0.5rem;
}
.product_design_content{
	position: relative;
    /*top: 20px;*/	
}

.vad-design-h4 {   
    font-weight: 400;
    font-size: 1.5em;
    line-height: 1.4;
    letter-spacing: -0.02em;
    margin-bottom: 1.4rem;
}

.vad-design-select2-container{
	outline: none;
	margin-bottom:10px;
}   

.vad-design-select2-container.select2-selection--single{height: 40px !important;}

.vad-design-select2-container.select2-selection--single .select2-selection__arrow {top: 8px !important;}
.vad-design-select2-container.select2-selection--single .select2-selection__arrow::after {content: none;}

.vad-design-select2-container.select2-selection--single .select2-selection__rendered {
    line-height: 38px !important; 
   
}

/*.vad-design-select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 52px !important;
    display: inline-flex !important;
    width: 100%;
    font-size: 15px;
    padding: 0 !important;
}*/

.vad-design-select2-results .select2-results >.select2-results__options {
    max-height: 333px !important;
}

.vad-design-select2-results > .select2-results > .select2-results__options >.select2-results__option {
    display: inline-flex;
    width: 100%;    
}

.vad-design-select2-results > .select2-results > .select2-results__options >.select2-results__option--highlighted {
    background-color: var(--vad-design-hover-button);
}
.vad-design-select2-results > .select2-results > .select2-results__options >.select2-results__option[aria-selected=true] {
    background-color: var(--vad-design-active-button);
}


.vad-design-select2-container-product{
	outline: none;
	margin-bottom:10px;
}   

.vad-design-select2-container-product.select2-selection--single{height: 60px !important;}

.vad-design-select2-container-product.select2-selection--single .select2-selection__arrow {top: 14px !important;}
.vad-design-select2-container-product.select2-selection--single .select2-selection__arrow::after {content: none;}

.vad-design-select2-container-product.select2-selection--single .select2-selection__rendered {
    
    /* line-height: 52px !important;*/
    display: inline-flex !important;
    width: 100%;
    font-size: 15px;
    padding: 0 !important;   
}

.vad-design-select2-container-product .select2-selection--single .select2-selection__rendered {
    /*line-height: 52px !important;*/
    display: inline-flex !important;
    width: 100%;
    font-size: 15px;
    padding: 0 !important;
}

.vad-design-select2-results-product .select2-results >.select2-results__options {
    max-height: 333px !important;    
}

.vad-design-select2-results-product > .select2-results > .select2-results__options >.select2-results__option {
    display: inline-flex;
    /*line-height: 52px !important;*/
    width: 100%;    
}

.vad-design-select2-results-product > .select2-results > .select2-results__options >.select2-results__option--highlighted {
    background-color: var(--vad-design-hover-button);
}
.vad-design-select2-results-product > .select2-results > .select2-results__options >.select2-results__option[aria-selected=true] {
    background-color: var(--vad-design-active-button);
}


.vad-design-select2-results-product > .select2-results > .select2-results__options >.select2-results__option > div > .select2-img-results {
    height: 55px !important;
    margin: auto;
    max-width: 100%;
    object-fit: contain;
    vertical-align: unset;
}


.vad-design-select2-container-product.select2-selection--single .select2-selection__rendered > div >.select2-img-selection {
    height: 55px !important;
    margin: auto;
    margin-top: 3px;
    object-fit: contain;
    max-width: 100%;
    vertical-align: unset;
}

.vd-col-5{
	position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    
   -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.vd-col-7{
	position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    
    margin-top:15px;
    
   -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
    
}

.vd-col-12{
	position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    
    margin-top:15px;    
    
     -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}
/*TAGS*/

.vad-tag{
    position: relative;
    display: inline-block;
    border: 1px solid #d6dadf;
    background-color: #f2f2f6;
    padding: .4rem .4rem;
    text-decoration: none;
    border-radius: 3px;
    color: #4b4f59;
    font-size: 1em;
    margin: 0 0px 0;
    /*transition: background-color 0.2s ease-out, border 0.2s ease-out, padding 0.2s ease-out;*/
}
.vad-tag:hover {
    /*border: 1px solid #8c95a5;
    background-color: #e3e3ec;*/
}


/*swatches*/

.woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item{
	
}
ul[data-attribute_name="attribute_pa_mol_pod"] li{
	width:90px !important;
	height:90px !important;
}
ul[data-attribute_name="attribute_pa_pas_pod"] li{	
	width:90px !important;
	height:90px !important;
}


/* NAVEGACION  PRINCIPAL*/


.pc3d_tab_related {  
  z-index:2;  
  text-align:center;  
  margin-bottom: 20px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  
}


.pc3d_tab_related button {
  background-color: inherit;
  
  border: none !important; 
  outline: none !important; 
  cursor: pointer !important; 
  padding: 12px 12px !important; 
  transition: 0.3s !important; 
  color: #585858 !important;
 
  border: 1px solid #ccc !important;  
  border-radius: var(--button-border-radius);
   
  margin-right: 8px !important;
   
  min-width:70px;
  
  line-height:25px !important;
  
  font-style: normal;
  letter-spacing: 0px;
  font-weight: 600;
  display: inline-block;
  vertical-align: baseline;
}

.pc3d_tab_related button:hover {
  border: 1px solid #ccc !important;
}

.pc3d_tab_related button.active {
  background-color: var(--active-button);
  border: 1px solid var(--active-button);
  
}

.pc3d_tab_related button.right{
	position:absolute;
	right:0;
	/*margin-right: 5px !important;*/
}

.pc3d_tablinks_related {
  font-size: 19pt !important;  
}
.pc3d_tablink_related_text {
  font-size: 11pt !important;  
  position: relative;
 
  top: -8px;
  margin-bottom: -15px;  
  text-transform: uppercase;
}

.pc3d_tablinks_related.disabled {
  cursor: not-allowed !important;  
}

.pc3d_tabcontent_related > h5{
	text-align:center;	
}

.w-grid-item > .w-grid-item-h > .vad-design-original{
	display:none;
}

.w-grid-item:hover > .w-grid-item-h > .vad-design-original{
	display:block;
}

.w-grid-item > .w-grid-item-h > .vad-design-mockup{
	display:block;
}

.w-grid-item:hover > .w-grid-item-h > .vad-design-mockup{
	display:none;
}

/*.vad-design-mockup a img{
	object-fit: contain;
}*/
@media screen and (max-width: 768px) {
	/*movil*/
	.vad_design_select_title{
		text-align:center;	
	}	
	
	.vad_design_related_products{
		margin-top: 20px;
	}
	
	.vad_design_cat_container{
	display: block;
	}
	.vad_design_cat_container_1{
		width: 100%;	
	}
	
	.vad_design_cat_container_2{
		width: 100%;
		padding-left: 0px;
	}
	
	.swiper-button-design{
		display: none !important;
	}
}

@media screen and (min-width: 1025px) {
	/*Desktop*/
	
	.pc3d_tab_related button:hover {
	  background-color: var(--hover-button);    
	}
}

