/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.contact-accordion details {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 11.51px 34.52px 0px;
    border-radius: 12px;
}

.elementor-shortcode .top-links{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px !important;
  margin:20px 0 !important;
}

.elementor-shortcode .top-links .top-link{
  display:inline-flex !important;
  align-items:center !important;
  padding:10px 14px !important;
  border:1px solid rgba(0,0,0,.2) !important;
  border-radius:999px !important;
  text-decoration:none !important;
  line-height:1 !important;
  font-size:14px !important;
  color:inherit !important;
  background:transparent !important;
}

.elementor-shortcode .top-links .top-link:hover{
  border-color: rgba(0,0,0,.5) !important;
}



/* Product image gallery styles */
.woocommerce div.product div.images.woocommerce-product-gallery{
  display:grid;
  grid-template-columns: 1fr var(--thumb-w,84px);
  column-gap:16px;
  align-items:start;          
}

.woocommerce div.product div.images .flex-viewport,
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper,
.woocommerce div.product div.images .woocommerce-product-gallery__image a,
.woocommerce div.product div.images .woocommerce-product-gallery__image img{
  width:100%;
  height:auto;           
  aspect-ratio:auto !important;
  object-fit:contain;
}


.woocommerce div.product div.images ol.flex-control-thumbs{
  display:grid;
  grid-auto-rows: auto;
  grid-template-columns: 1fr 1fr;  
  gap:5px;
  margin:0;
  padding:0;
  overflow:visible;            
}

.woocommerce div.product div.images ol.flex-control-thumbs li{
  width: var(--thumb-w,84px);
  max-width:100%;
  list-style:none;
}
.woocommerce div.product div.images ol.flex-control-thumbs img{
  width:100%;
  height:auto;
  display:block;
  border-radius:8px;
  opacity:0.9;
  transition:opacity .15s ease, transform .15s ease;
}
.woocommerce div.product div.images ol.flex-control-thumbs img:hover,
.woocommerce div.product div.images ol.flex-control-thumbs img.flex-active{
  opacity:1;
  transform:translateY(-1px);
}


@media (min-width: 992px){
  .woocommerce div.product div.images.woocommerce-product-gallery{
    --thumb-w: 72px;          
  }
}


.woocommerce div.product div.images .woocommerce-product-gallery__trigger{
  right: 3.5em
}

@media (max-width: 768px){
  .woocommerce div.product div.images.woocommerce-product-gallery{ display:block; }
  .woocommerce div.product div.images ol.flex-control-thumbs{
    display:flex; gap:8px; overflow-x:auto;   
  }
  .woocommerce div.product div.images ol.flex-control-thumbs li{ width:72px; flex:0 0 auto; padding-bottom: 5px !important;}
	
	.woocommerce div.product div.images .woocommerce-product-gallery__trigger{
  right: .5em
}
}