/*
Theme Name: Yarmouth Airport
Description: Theme for Yarmouth Airport
Author: Webbuilders Group
Author URI: https://webbuildersgroup.com/
Template: hello-elementor
*/

body:not(.elementor-editor-active) #site-header {
    position: fixed;
    top: 0;
    left: 0;

    width: 100%;

    z-index: 9999;
}

#site-header {
    background: rgba(255, 255, 255, 0.5);

    padding: 29px 0 32px;
}

#site-header .header-inner {
    align-items: flex-end;
}

#site-header .site-navigation ul.menu li a {
    padding-bottom: 0;
}

#site-header .site-logo {
    margin-bottom: 3px;
}

body.admin-bar:not(.elementor-editor-active) #site-header {
    top: 32px;
}

.services-grid .eael-elements-flip-box-padding {
    padding-left: 0;
    padding-right: 0;
}

.services-grid .eael-elements-flip-box-content li + li {
    margin-top: 0.25rem;
}

.video-holder {
    position: relative;

    min-height: 100dvh !important;
}

.video-holder .elementor-widget-video .elementor-wrapper {
    aspect-ratio: auto !important;
}

.video-holder video {
    height: 100vh !important;
    height: 100dvh !important;
}

.video-holder--overlay::before {
    background: rgba(255, 255, 255, 0.2);

    display: block;

    content: "";

    width: 100%;
    height: 100%;

    z-index: 1;
}

.video-holder__text {
    position: absolute;
    bottom: 206px;
    bottom: 20.82vh;
    bottom: 20.82dvh;
    left: 50%;

    max-width: 90vw;
    max-width: 90dvw;

    transform: translateX(-50%);

    z-index: 10;
}