/*
Theme Name: Tiger Eye Child
description: Client Theme - Tiger Eye
Template: tiger-eye-parent
Version: 1.0.0
Text Domain: tiger-eye-child
Author: BCW
*/
h1,
h2,
h3,
.tagline {
    font-family: 'Work Sans', sans-serif;
}
.home #background-img-2 .background-img {
    padding-top: 0 !important;
}
.border {
    border: 5px double var(--color-2);
}
.gallery img {
    object-fit: cover;
    width: auto;
    height: 366px;
}
.spacerblock {
    height: 50px;
}
/* Homepage banner: responsive video fills the same box the banner image used to. */
#banner .banner-video-iframe {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 177.78vh !important; /* 16:9 video sized off viewport height, then cropped like object-fit: cover */
    min-width: 100% !important;
    height: 100vh !important;
    min-height: 100% !important;
    max-height: none !important;
    transform: translate(-50%, -50%) !important;
    border: 0 !important;
    z-index: 0;
    pointer-events: none; /* no controls shown, so don't let it block clicks on the logo/caption above it */
}
/* Guard against the theme's legacy iframe script forcing Bootstrap's
   "embed-responsive" aspect-ratio box onto the banner on narrower screens -
   that would collapse #banner's height instead of keeping it. */
#banner .banner-inner.embed-responsive {
    height: 115% !important;
    padding: 0 !important;
}
#banner .banner-inner.embed-responsive::before {
    display: none !important;
}