/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

/* LandHigh — consistent image sizing across sections */

/* Logo */
#header .logo img.avia-standard-logo,
#header .logo img.alternate {
  height: 70px !important;
  width: auto !important;
  max-width: 220px;
  object-fit: contain;
}

/* Hero — single background video, no controls */
#top .avia-slideshow.av_slideshow_full .avia-slideshow-arrows,
#top .avia-slideshow.av_slideshow_full .avia-slideshow-dots,
#top .avia-slideshow.av_slideshow_full .mejs-controls,
#top .avia-slideshow.av_slideshow_full .mejs-overlay,
#top .avia-slideshow.av_slideshow_full .mejs-overlay-button,
#top .avia-slideshow.av_slideshow_full .mejs-overlay-play,
#top .avia-slideshow.av_slideshow_full .mejs-button,
#top .avia-slideshow.av_slideshow_full .mejs-container,
#top .avia-slideshow.av_slideshow_full .av-click-overlay,
#top .avia-slideshow.av_slideshow_full .av-click-to-play-overlay,
#top .avia-slideshow.av_slideshow_full .avia_playpause_icon,
#top .avia-slideshow.av_slideshow_full .avia_playpause_icon.av-play,
#top .avia-slideshow.av_slideshow_full .avia_playpause_icon.av-pause,
#top .avia-slideshow.av_slideshow_full .avia_playpause_icon:before,
#top .avia-slideshow.av_slideshow_full video.avia_video,
html #top .avia-slideshow.av_slideshow_full .avia_playpause_icon.av-play {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  z-index: -1 !important;
  animation: none !important;
}

#top .avia-slideshow.av_slideshow_full video.landhigh-hero-native-video {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 1 !important;
}

#top .home .avia-slideshow.av_slideshow_full .avia-slideshow-inner,
#top .page-id-19 .avia-slideshow.av_slideshow_full .avia-slideshow-inner,
#top .avia-slideshow.av_slideshow_full.avia-slideshow-featured_large .avia-slideshow-inner {
  padding-bottom: 42% !important; /* 16:9 hero */
  height: 0 !important;
}

#top .avia-slideshow.av_slideshow_full .avia-slideshow-slide,
#top .avia-slideshow.av_slideshow_full .avia-slide-wrap {
  position: absolute !important;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
}

#top .avia-slideshow.av_slideshow_full .avia-html5-video,
#top .avia-slideshow.av_slideshow_full .avia-html5-video video,
#top .avia-slideshow.av_slideshow_full .mejs-video video,
#top .avia-slideshow.av_slideshow_full video.avia_video {
  position: absolute !important;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}

/* Mobile — keep video visible (Enfold replaces it with a fallback image) */
@media only screen and (max-width: 767px) {
  #top .avia-slideshow.av_slideshow_full .avia-slideshow-inner {
    padding-bottom: 56% !important;
  }

  #top .avia-slideshow.av_slideshow_full .avia-slide-wrap {
    background-image: none !important;
  }

  #top .avia-slideshow.av_slideshow_full .avia-slide-wrap > img,
  #top .avia-slideshow.av_slideshow_full .avia-slide-wrap > a > img,
  #top .avia-slideshow.av_slideshow_full .av-fallback-message {
    display: none !important;
  }

  #top .avia-slideshow.av_slideshow_full video.avia_video {
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 1;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  #top .avia-slideshow.av_slideshow_full .avia-slideshow-slide iframe,
  #top .avia-slideshow.av_slideshow_full .avia-slideshow-slide embed,
  #top .avia-slideshow.av_slideshow_full .avia-slideshow-slide object {
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
  }
}

/* Service grid cards — uniform 16:9 thumbnails */
#top .av_one_third .avia-image-container-inner {
  overflow: hidden;
  aspect-ratio: 16 / 9;
  line-height: 0;
}
#top .av_one_third .avia-image-container img.avia_image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* Featured Work masonry — equal tile height, cover crop */
#top .av-masonry.av-fixed-size .av-masonry-entry .av-inner-masonry-sizer,
#top .av-masonry.av-fixed-size .av-masonry-entry.av-portrait-img .av-inner-masonry-sizer,
#top .av-masonry.av-fixed-size .av-masonry-entry.av-landscape-img .av-inner-masonry-sizer {
  padding-bottom: 75% !important;
}
#top .av-masonry-image-container {
  background-size: cover !important;
  background-position: center center !important;
}

/* Portfolio / page hero parallax sections */
#top .av-minimum-height.av-height-50.av-parallax-section {
  max-height: 480px;
  overflow: hidden;
}
#top .av-minimum-height.av-height-50 .av-parallax-inner {
  background-size: cover !important;
  background-position: center center !important;
}

/* Footer Latest Projects thumbnails */
#footer .news-wrap .news-thumb img {
  width: 64px !important;
  height: 64px !important;
  object-fit: cover;
  object-position: center;
}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

}