/** Shopify CDN: Minification failed

Line 49:10 Expected identifier but found whitespace
Line 49:12 Unexpected "{"
Line 49:21 Expected ":"
Line 60:10 Expected identifier but found whitespace
Line 60:11 Unexpected "0"
Line 60:14 Unexpected "{"
Line 60:23 Expected ":"
Line 60:58 Expected ":"
Line 88:12 Expected identifier but found whitespace
Line 88:14 Unexpected "{"
... and 61 more hidden warnings

**/


/* CSS from section stylesheet tags */
.banner-video {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.banner-video__media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.banner-video__media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner-video__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  z-index: 1;
  opacity: {{ section.settings.overlay_opacity | divided_by: 100.0 }};
}

.banner-video__content {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  padding: 0 {{ section.settings.desktop_side_padding }}px;
}

.banner-video__content .content-container {
  width: 100%;
  margin: 0 auto;
  max-width: 1200px;
}

.banner-video__content.align-left .content-container {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

.banner-video__content.align-center .content-container {
  margin: 0 auto;
  text-align: center;
}

.banner-video__content.align-right .content-container {
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}

/* Typography Controls */
.banner-video__heading {
  font-size: {{ section.settings.desktop_heading_size }}px;
  line-height: {{ section.settings.desktop_heading_line_height }};
  color: {{ section.settings.heading_color }};
  margin-bottom: {{ section.settings.heading_margin_bottom }}px;
}

.banner-video__subtext {
  font-size: {{ section.settings.desktop_subtext_size }}px;
  line-height: {{ section.settings.desktop_subtext_line_height }};
  color: {{ section.settings.subtext_color }};
  margin-bottom: {{ section.settings.subtext_margin_bottom }}px;
}

.banner-video__buttons .button {
  display: inline-block;
  margin-top: {{ section.settings.button_margin_top }}px;
  text-decoration: none;
  border-radius: 0; /* squared */
  padding: {{ section.settings.button_padding_vertical }}px {{ section.settings.button_padding_horizontal }}px;
  background: {{ section.settings.button_bg_color }};
  color: {{ section.settings.button_text_color }};
}

/* Mobile Styles */
@media screen and (max-width: 749px) {
  .banner-video__content {
    padding: 0 {{ section.settings.mobile_side_padding }}px;
  }
  .banner-video__heading {
    font-size: {{ section.settings.mobile_heading_size }}px;
    line-height: {{ section.settings.mobile_heading_line_height }};
  }
  .banner-video__subtext {
    font-size: {{ section.settings.mobile_subtext_size }}px;
    line-height: {{ section.settings.mobile_subtext_line_height }};
  }
}
.video-hero {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.video-hero__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

/* Content container */
.video-hero__content {
  position: absolute;
  z-index: 2;
  max-width: 600px;
  margin: 0 5%;
  color: #111;
}

/* Vertical positioning */
.video-hero__content--top    { top: 15%; transform: translateY(0); }
.video-hero__content--middle { top: 50%; transform: translateY(-50%); }
.video-hero__content--bottom { bottom: 15%; transform: translateY(0); }

/* Text alignment */
.video-hero__content.left   { text-align: left; }
.video-hero__content.center { text-align: center; left: 50%; transform: translate(-50%, -50%); }
.video-hero__content.right  { text-align: right; right: 5%; }

/* Text styling */
.video-hero__heading {
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.video-hero__subheading {
  margin-bottom: 1.5rem;
}

/* Button */
.video-hero__btn {
  display: inline-block;
  border: 2px solid #111;
  background: transparent;
  color: #111;
  text-decoration: none;
  font-weight: bold;
  border-radius: 0; /* square */
  transition: background 0.3s ease, color 0.3s ease;
}

.video-hero__btn:hover {
  background: #111;
  color: #fff;
}