/*
Theme Name: Nature 360 Productions
Description: A custom theme for Nature 360 Productions
Author: Yukon Cloud
Author URI: https://yukoncloud.ca
Author Email: noreply@yukoncloud.ca
Version: 1.0.0
Text Domain: hello-elementor-child
Template: hello-elementor
*/


/* Logo gallery mobile overlap fix.
   .gallery-container marks the reusable Elementor logo gallery template.
   This CSS targets any page container that embeds that template, not just the homepage. */
@media (max-width: 767px) {
  /* Fix the outer Elementor container that directly holds the Template widget. */
  body .e-con:has(> .elementor-widget-template .gallery-container) {
    --display: block !important;
    display: block !important;
    height: auto !important;
    overflow: visible;
  }

  /* Let the Elementor Template widget grow to the full height of the logo gallery. */
  body .elementor-widget-template:has(.gallery-container) {
    height: auto !important;
    min-height: 0 !important;
  }

  /* Reset nested wrappers so the gallery content defines the real height. */
  body .elementor-widget-template:has(.gallery-container) > .elementor-widget-container,
  body .elementor-widget-template:has(.gallery-container) .elementor-template,
  body .elementor-widget-template:has(.gallery-container) .elementor-518 {
    height: auto !important;
  }
}


.prod-loop-item{
    aspect-ratio: 1.2;
    object-fit: cover;
}
@media (max-width: 767px) {
    .prod-loop-item{
        aspect-ratio: 0.8;
    }   
}