/*
Theme Name: Hello Elementor Child
Author: 
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

.grecaptcha-badge {
	display: none !important;
}


/* DESKTOP */
.woocommerce .flex-control-thumbs {
    margin: 10px 0px 10px -5px !important; /* Thumbnails separation top and bottom */
    width: 100% !important; /* Controls width of thumbnails container on desktop - Horizontally */
	display: flex;
}
/* Controls thumbnails width on desktop - vertically
 * Enable this ONLY for VERTICAL display
 */ 
ol.flex-control-nav.flex-control-thumbs li {
	width: 15% !important; 
}
/* Enable this ONLY for HORIZONTAL display */
/*ol.flex-control-nav.flex-control-thumbs li {
	width: 18% !important; 
}*/

/* PHONES */
@media (max-width:414px){
	ol.flex-control-nav.flex-control-thumbs li {
		width: 18% !important; /* Controls thumbnails width on mobile - Horizontally */
	}
}

/* TABLETS */
@media (min-width:568px) and (max-width:768px){
	/* Controls thumbnails container width on tablet - vertically
	 * Enable this ONLY for VERTICAL display */
	.woocommerce .flex-control-thumbs {
    	margin: 10px 0px 10px -5px !important; 
    	width: 15% !important;
	}
	/* Controls width of thumbnails container on tablet - horizontally
	 * Enable this ONLY for HORIZONTAL display */
	/*.woocommerce .flex-control-thumbs {
    	width: 70% !important; 
	}*/
	ol.flex-control-nav.flex-control-thumbs li {
		width: 90% !important; /* Controls thumbnails image width on tablet - vertically */
	}
}
@media (min-width:769px) and (max-width:1024px){
	/* Controls thumbnails container width on tablet - vertically
	 * Enable this ONLY for VERTICAL display */
	.woocommerce .flex-control-thumbs {
    	margin: 10px 0px 10px -5px !important; 
    	width: 12% !important;
	}
	/* Controls width of thumbnails container on tablet - horizontally
	 * Enable this ONLY for HORIZONTAL display */
	/*.woocommerce .flex-control-thumbs {
    	width: 70% !important; 
	}*/
	ol.flex-control-nav.flex-control-thumbs li {
		width: 100% !important; /* Controls thumbnails image width on tablet - vertically */
	}
}

/* Functionality: Product page image thumbnails on left side
 * Date:  2021-03-10
 * Author: Rafael Azuaje
 * Disable this segment if you want to display horizontally
 */
@media (min-width:568px) {
	.woocommerce .flex-control-nav { 
		position: absolute; 
		top:-10px; 
		left: 0px;
	}
	.flex-control-thumbs {
		display: flex;
		flex-direction: column;
	}
}
@media (min-width:568px) and (max-width:768px){
	.woocommerce .flex-viewport {
		width: 86.5% !important;
		left: 100px !important;
	}
}
@media (min-width:769px) and (max-width:1024px){
	.woocommerce .flex-viewport {
		width: 87% !important;
		left: 95px !important;
	}
}
@media (min-width:1025px){
	.woocommerce .flex-viewport {
		width: 85% !important;
		left: 85px !important;
	}	
}

@media (max-width:1025px) {
	.custom-gallery .flex-control-nav li {
		margin-left: 5px!important;
	}
	.custom-gallery .flex-control-nav li:first-child {
		margin-left: 0px!important;
	}
	.woocommerce .flex-control-thumbs {
		justify-content: space-around;
		margin: 10px 0px 10px 0px !important;
	}
}


.custom-gallery .woocommerce-product-gallery__trigger {
	display: none !important;
}

.custom-gallery .flex-viewport {
	pointer-events: none !important;
}

.custom-gallery .flex-control-nav li {
	margin-bottom: 10px!important;
}

.custom-add-to-cart .single_variation_wrap {
	display: none !important;
}

.custom-add-to-cart table th,
.custom-add-to-cart table td,
.custom-add-to-cart table th:hover,
.custom-add-to-cart table td:hover {
	background-color: transparent !important;
	padding: 0 !important;
}

.custom-add-to-cart .color-variable-item,
.custom-add-to-cart .image-variable-item{
	border-radius: 50% !important;
	border: 1px solid #fff !important;
	box-shadow: none !important;
	margin: 0 !important;
}

.custom-add-to-cart .color-variable-item:hover,
.custom-add-to-cart .image-variable-item:hover {
	border: 1px solid #000 !important;
}

.custom-add-to-cart .color-variable-item span,
.custom-add-to-cart .image-variable-item img {
	border-radius: 50% !important;	
}

.custom-add-to-cart .reset_variations {
	display: none !important;
}

.variations {
	margin-bottom: 0 !important;
}

.variations th {
	margin-top: 10px;
}

.elementor-product-simple { 
	display: none !important;
}

.send .wpcf7-response-output {
	color: #fff !important;
}