/*
 * Theme Name: My Timber Starter Theme
 * Description: Starter Theme to use with Timber
 * Author: Upstatement and YOU!
*/

/* lato-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/lato-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* lato-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/lato-v24-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* lato-900 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    src: url('fonts/lato-v24-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {
    font-family: "Lato", sans-serif;
}

.container {
    --bs-gutter-x: 4rem;
}

h1, h2, h4, h5, h6 {
    font-weight: 900;
}

.article-h1 {
    padding-top: 40px;
}

h1 {
    padding-bottom: 24px;
    font-size: 48px;
}

.light-h1 {
    font-weight: 400;
}

.light-h1-small {
    font-size: 32px;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 24px;
}

h2.wp-block-heading {
    font-size: 2rem;
}

h2.news-title {
    font-size: 1.5rem;
    font-weight: 900;

    a {
        color: #000;
    }
}

h2 {
    font-size: 48px;
    margin-bottom: 1.5rem;
    @media (max-width: 786px) {
        font-size: 32px;
    }
}

h3 {
    font-size: 16px;
    font-weight: 700;
}

h3.wp-block-heading {
    font-size: 24px;
    padding: 16px 0;
}

h4 {
    margin-bottom: 1.5rem;
    line-height: 1.5;
}

.services h4 {
    margin-bottom: 0.5rem;
}

h5 {
    font-size: 16px;
}

.services h5 {
    margin-bottom: 1.5rem;
}

p {
    font-size: 14px;
}

a {
    text-decoration: none;
    color: #b8093d;
}

.page-link.active, .active > .page-link {
    background-color: #b8093d;
    border-color: #b8093d;
}

.page-link {
    color: #000;
}

.page-link:hover {
    color: #b8093d;
}

.button {
    background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 6px, transparent 6px) 0% 0%/8px 8px no-repeat,
    radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 6px, transparent 6px) 100% 0%/8px 8px no-repeat,
    radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 6px, transparent 6px) 0% 100%/8px 8px no-repeat,
    radial-gradient(circle at 0 0, #ffffff 0, #ffffff 6px, transparent 6px) 100% 100%/8px 8px no-repeat,
    linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 4px) calc(100% - 16px) no-repeat,
    linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 16px) calc(100% - 4px) no-repeat,
    linear-gradient(90deg, #000000 0%, #B61E3F 50%, #ffcb00 100%);
    border-radius: 8px;
    padding: 12px 32px;
    box-sizing: border-box;
    color: #000000;
    transition: all 300ms ease-in-out;
    cursor: pointer;
    display: inline-block;

    &:hover {
        background: #b8093d;
        color: #ffffff;
    }
}

header {
    .menu-item:last-child a {
        padding-right: 0 !important;
    }

    a {
        color: #000000;
    }

    .nav-header-link {
        font-size: 18px;
    }

    .menu-item:hover > .nav-drop {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .menu-item-has-children .nav-header-link:after {
        content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-caret-down" viewBox="0 0 16 16"><path d="M3.204 5h9.592L8 10.481zm-.753.659 4.796 5.48a1 1 0 0 0 1.506 0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 0 0-.753 1.659"/></svg>');
        padding-left: 4px;
        position: relative;
        top: 2px;
    }

    .nav-drop {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        display: flex;
        position: absolute;
        z-index: 1;
        flex-direction: column;
        transition: all .2s;
        border-bottom: 1px solid;
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
    }

    .nav-drop-item a {
        background: #ffffff;
        font-size: 14px;
        transition: all ease-in-out 150ms;
        display: block;

        &:hover {
            background: #EFEFEF;
        }
    }

    .offcanvas-header {
        background: #EFEFEF;
    }

    .offcanvas-title {
        font-size: 32px
    }

    .nav-offcanvas-link {
        font-size: 24px;
        font-weight: 900;
        display: block;
    }

    .dropdown-menu.show {
        position: relative;
        border: 0;
        width: 100%;
    }

    .dropdown-item {
        padding-left: 2rem;
    }
}

.tour-box {
    position: relative;
    text-align: left;

    canvas {
        display: inline-block;
        vertical-align: baseline;
    }
}

.hrt-icon {
    margin-right: 24px;

    &.menu-item-has-children:after {
        content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-caret-down" viewBox="0 0 16 16"><path d="M3.204 5h9.592L8 10.481zm-.753.659 4.796 5.48a1 1 0 0 0 1.506 0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 0 0-.753 1.659"/></svg>');
        padding-left: 4px;
        position: relative;
        top: 2px;
    }

    > a {
        text-indent: -9999px;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="68" height="26" viewBox="0 0 68 26" fill="none"><path d="M67.0643 21.4805C66.8296 21.4614 66.6176 21.4327 66.4622 21.4084C66.4616 21.2119 66.4497 20.9694 66.4015 20.8199C66.3865 20.7736 66.3698 20.7312 66.3521 20.6927C66.3735 20.6145 66.3633 20.5302 66.3221 20.458C66.3179 20.4507 65.8991 19.7099 65.9105 19.1041C65.9134 18.9554 65.9186 18.7763 65.9244 18.5807C65.9465 17.8223 65.974 16.8784 65.9078 16.3879C65.8324 15.8285 65.3722 14.5506 64.8934 14.0324L64.9511 12.9879C65.041 12.9607 65.1152 12.8962 65.1528 12.8103C65.1976 12.7078 65.1836 12.5898 65.1159 12.4998C65.0036 12.3508 62.325 8.84302 58.7292 8.15299C55.4028 7.51465 52.6303 7.38922 52.3413 7.37766C52.0607 7.32775 49.3762 6.86125 46.7552 6.77729C46.827 6.60652 46.8006 6.50897 46.7893 6.46796C46.7869 6.45941 46.4719 5.59987 46.0721 5.52475C45.9308 5.49819 45.43 5.50611 45.0757 5.51574C43.5013 4.3115 41.1762 2.64975 39.6829 2.11133C37.6141 1.36559 35.011 0.658679 30.0149 0.537329C25.4221 0.425996 23.1758 0.559981 20.9292 1.08868L20.4303 0.740503C20.3684 0.697202 20.2925 0.676708 20.2168 0.682409L17.8762 0.858693C17.7894 0.865242 17.7089 0.905538 17.653 0.970566C17.597 1.03552 17.5703 1.11973 17.5788 1.20417L17.621 1.62346L10.0177 1.54804L8.75634 0.568919C8.69118 0.518298 8.6085 0.493412 8.52546 0.501502L6.27796 0.69882C6.10141 0.714307 5.97045 0.865088 5.98405 1.03729L6.01909 1.48108L3.38844 1.46814C3.36202 1.38084 3.31754 1.29085 3.24388 1.21511C3.13234 1.10039 2.97595 1.04168 2.80308 1.05046C2.4728 1.06672 1.2435 1.25888 1.09941 1.3085C0.974468 1.35156 0.905905 1.44102 0.860552 1.50019C0.815872 1.55844 0.803852 1.57415 0.747981 1.58378C0.461908 1.63302 0.255508 1.6821 0.246848 1.68418C0.0931161 1.72085 -0.0108747 1.86038 0.000908315 2.01417C0.144479 3.88942 0.20545 4.02587 0.228423 4.07727C0.383934 4.42529 1.78785 4.97671 1.84609 4.99012L1.88824 5.00021C2.03086 5.03535 2.22607 5.08327 2.52448 4.98041C2.55434 4.97017 2.58818 4.96061 2.62397 4.95036C2.85824 4.88318 3.40686 4.72593 3.40686 4.12211V3.81423L9.75789 3.84404L10.9689 5.15862C10.4701 5.49362 9.42983 6.15662 8.617 6.43668C7.95102 6.66621 6.87363 6.88679 5.41479 7.0922C5.34841 7.10152 5.30163 7.10815 5.2783 7.11193C5.27276 7.11281 5.26694 7.11494 5.26134 7.11607C5.25337 7.11776 5.24555 7.11957 5.23783 7.12183C4.87889 7.21459 4.41756 7.78551 4.46603 8.21124C4.48999 8.42204 4.5786 8.70981 4.63585 8.88055C4.08272 9.82699 3.79586 10.4022 3.78277 10.5912C3.76478 10.8516 3.8596 13.1667 3.94971 13.9407C3.93283 14.0539 3.89056 14.3596 3.89056 14.5867C3.89056 14.7686 4.09688 16.9348 4.21123 17.1949C4.24262 17.2664 4.2743 17.3411 4.30047 17.4039L3.97023 17.8948L3.32569 18.028C3.17278 18.0596 3.06484 18.1932 3.06915 18.3454C3.07346 18.4977 3.1888 18.6252 3.34328 18.6486L5.77863 19.0167C6.29697 20.0268 7.00258 20.5832 7.76732 20.5832C7.95247 20.5832 8.11529 20.5737 8.26154 20.5587C8.53779 20.6303 8.89309 20.6916 9.33994 20.7151C10.6951 20.7862 10.6928 20.5007 12.1051 20.7704C13.5174 21.0401 26.0932 23.3001 27.3886 23.4303C28.465 23.5385 30.6332 23.6402 31.3359 23.6715C32.0216 24.5731 32.8023 25.0251 33.7063 25.0472C33.7244 25.0476 33.7428 25.0478 33.7617 25.0478C34.1042 25.0478 34.5716 24.975 35.0051 24.8499C35.493 24.8826 36.015 24.9055 36.3931 24.8905C37.3287 24.8533 38.189 24.7036 39.4516 25.03C40.4829 25.2966 41.2259 25.5189 45.3513 25.4987C49.4767 25.4785 51.4123 24.9082 54.9707 24.4657C58.5291 24.0231 64.0622 23.5177 64.8833 23.3964C65.7045 23.2752 66.7798 23.3762 67.034 23.356C67.1215 23.3491 67.207 23.2766 67.2818 23.1853C67.4794 23.1511 67.6549 23.086 67.7847 22.9706C67.9255 22.8454 68 22.6768 68 22.4829C68 21.7992 67.7552 21.5369 67.0643 21.4805ZM5.74653 16.3371C5.72147 16.1659 5.70372 15.9989 5.69695 15.8425L5.67667 15.5275C5.66595 15.3611 5.5244 15.2316 5.35339 15.2316H5.31713C5.32071 15.0977 5.32678 14.9251 5.33658 14.7254C5.36322 14.3148 5.41324 13.825 5.50735 13.4592C5.70332 12.6973 5.85428 11.5713 6.69193 10.7469C7.23899 10.2086 7.68167 10.0126 8.15152 10.0755C9.07875 10.5429 9.81717 12.0431 10.2237 14.3408C10.3016 14.7808 10.3608 15.168 10.406 15.5086C10.37 16.1727 10.2972 16.9062 10.1509 17.3727C9.946 18.0258 9.51653 19.1188 8.85508 19.7549C8.8017 19.7906 8.51889 19.952 7.76732 19.952C7.27185 19.952 6.76288 19.5145 6.36702 18.7514C6.36886 18.7114 6.36295 18.6708 6.34877 18.6319C6.34532 18.6224 6.14918 18.0795 5.97245 17.4071L5.74653 16.3371ZM45.8886 6.14044C45.8927 6.14555 45.8973 6.15227 45.9016 6.15806C45.894 6.15205 45.8866 6.1462 45.8789 6.14013C45.8821 6.14023 45.8857 6.14032 45.8886 6.14044ZM12.7829 3.84666H13.304C13.1932 3.90435 13.0854 3.96091 12.9809 4.01611L12.7829 3.84666ZM21.2778 14.7565C21.2778 14.7565 21.2019 15.9954 22.5684 16.1618C22.5684 16.1618 21.5246 17.1973 20.6895 17.1048C19.8544 17.0124 19.5586 15.5223 18.488 15.5331C17.4174 15.5439 17.2544 15.7735 17.2544 15.7735C17.2544 15.7735 18.7347 13.5361 19.9873 13.758C19.9873 13.758 24.2575 11.835 25.8707 9.63457C25.8707 9.63457 23.7641 15.0893 21.2778 14.7565ZM18.0704 9.24625C18.7916 9.59759 19.0763 10.3927 19.1522 11.3172C19.2281 12.2418 19.7785 13.0369 19.7785 13.0369C19.7785 13.0369 19.2851 12.9814 18.8486 13.1848C18.4121 13.3882 18.0704 14.2942 18.0704 14.2942C18.0704 14.2942 17.8617 11.9089 18.0704 11.1693C18.2792 10.4297 18.0704 9.24625 18.0704 9.24625ZM22.9229 7.73075L22.8309 7.51657C22.8309 7.51657 24.6426 7.33877 24.7759 7.33877C24.9092 7.33877 25.1165 6.93279 25.1165 6.87679C25.1165 6.82078 24.5884 6.20481 24.4395 6.14882C24.2905 6.09282 22.0293 6.09282 21.6366 6.06481C21.2439 6.03683 21.2439 6.21881 21.2033 6.28881C21.1627 6.35881 21.2168 6.91879 21.2168 7.22677C21.2168 7.53476 21.5418 7.39477 21.5418 7.39477L21.5689 7.71675C21.5689 7.71675 16.4776 7.50676 16.3151 7.49276C16.1527 7.47877 14.3924 6.5548 13.8643 6.31682C13.3362 6.07882 13.2956 5.88283 13.2956 5.70083V5.09157C13.2956 5.09157 15.7735 3.40493 17.8994 2.71896C20.0253 2.03298 21.2033 2.29898 22.9229 2.71896C24.6426 3.13894 27.0393 7.88475 27.0393 7.88475L22.9229 7.73075ZM37.4121 20.7725C37.0369 22.1936 36.4048 23.2505 35.659 23.9137C35.6015 23.9161 35.5438 23.9325 35.4926 23.9662C35.0909 24.2297 34.1962 24.4321 33.7226 24.4162C32.852 24.3949 32.1016 23.8156 31.4283 22.6452C31.4267 22.6424 31.4245 22.6403 31.4228 22.6375C31.4188 22.631 31.4153 22.6243 31.4108 22.6181C31.4 22.603 30.3244 21.079 30.3119 18.8214C30.3114 18.7293 30.2748 18.6465 30.2028 18.5869C30.2002 18.5846 30.0931 18.4835 29.9905 18.2466C30.0107 17.6134 30.0906 16.4257 30.3997 15.5864C30.8398 14.3914 31.6387 12.34 33.3827 12.0117C34.5425 11.7933 35.4874 12.3534 36.1349 13.0739C36.3773 13.4545 36.5962 13.9023 36.7922 14.4195C37.1573 15.3829 37.4333 16.5798 37.6199 18.0002C37.6531 18.3123 37.6812 18.6213 37.7053 18.9239C37.6686 19.5062 37.5809 20.133 37.4121 20.7725ZM40.8872 6.82529L35.2712 7.2243L34.18 7.78842C34.18 7.78842 33.4081 7.74714 32.6096 7.7609C31.8112 7.77467 29.1363 7.91225 29.1363 7.91225H28.1781C27.7522 6.97665 24.9842 3.01407 24.7846 2.68386C24.5849 2.35364 27.8587 2.07847 32.1172 1.88584C36.3758 1.69321 39.1153 2.47268 39.4632 2.56003C39.5671 2.5861 40.0222 2.68386 40.0222 2.68386C41.8986 3.53691 46.5456 7.08679 46.5456 7.08679L40.8872 6.82529ZM61.5933 21.5995L54.1929 22.45L53.3452 21.7729L51.4489 21.9539C51.4489 21.9539 51.5989 21.5028 51.89 20.6464C52.181 19.79 53.1377 18.6109 53.1377 18.6109L53.8895 18.4831L62.3313 17.7229L62.8082 17.6827C62.8082 17.6827 62.9395 17.7349 63.0233 17.7969C63.1071 17.8588 63.2762 19.4473 63.3088 19.9731C63.3413 20.4988 63.1155 20.5517 62.9829 20.6246C62.8503 20.6976 61.8642 20.8674 61.8642 20.8674L61.5933 21.5995Z" fill="%23B61E3F"/></svg>');
        background-repeat: no-repeat;
        background-size: cover;
        width: 68px;
        height: 26px;
        display: inline-block;
        padding: 0 !important;
    }
}

.hero-banner {
    position: relative;
    overflow-x: hidden;
    padding-bottom: 0 !important;
}

.bubbles {
    position: absolute;
    left: -65px;
    top: 20px;
    transform: scaleX(-1);
    z-index: -1;
}

.plane {
    position: absolute;
    left: 50%;
    top: -45px;
    width: 1400px;
    margin-left: -260px;
    animation-name: plane;
    animation-duration: 1.5s;
}

@keyframes plane {
    0% {
        opacity: 0;
        left: 60%;
    }
    100% {
        opacity: 1;
        left: 50%;
    }
}

.fact-number {
    color: #C8C4C3;
    font-size: 64px;
    font-weight: 900;
    line-height: normal;
}

.fact-text {
    font-size: 24px;
    font-weight: 900;
    line-height: normal;
}

.button-banner {
    color: #fff;
    padding: 8px 12px;
    border: 1px solid #fff;
    border-radius: 8px;
    display: inline-block;
}

.hrt-banner {
    display: flex;
    align-items: center;
    background: #efefef;
    margin: 20px 0 40px;
    background-image: url("images/hrt-background-2.webp");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;

    .hrt-banner-track-svg {
        padding-right: 40px;

        img {
            width: 230px;
        }
    }

    .hrt-banner-content {
        padding: 40px;
        color: #fff;

        h3 {
            font-size: 2.25rem;
            white-space: nowrap;

            .redx {
                color: #B61E3F;
            }
        }

        .next-race {
            padding-top: 16px;
            font-size: 1.5rem;
        }

        .race-date {
            font-size: 2rem;
            font-weight: 900;
        }

        .race-track {
            padding-top: 16px;
            font-size: 1.25rem;
            font-weight: 900;
        }
    }

    .hrt-banner-images {
        align-self: stretch;

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
}

.services-teaser {
    max-width: 730px;
    font-size: 18px;
}

.services {
    background: #efefef;
    height: 100%;
}

.ref-slider {
    overflow: hidden;
}

.ref-slider {
    position: relative;
}

.divider {
    background-image: url("images/airplane-parallax.png");
    min-height: 355px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: inset 0 0 20px 10px rgba(0, 0, 0, 0.3);
}

.divider-charter {
    background-image: url("https://germanairways.com/wp-content/uploads/2025/03/charter.png");
    min-height: 420px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@supports (-webkit-overflow-scrolling: touch) {
    .divider, .divider-charter {
        background-attachment: initial;
    }
}

.careere {
    width: 100%;
}

footer {
    background: #EFEFEF;
}

.nav-footer-link {
    color: #000000;
    font-size: 14px;
}

.menu-item-object-language_switcher {
    padding-right: 0;
    color: #C8C4C3;

    a {
        color: #C8C4C3;
    }

    &:last-child {
        padding-left: 2px;

        &:before {
            content: "| ";
        }
    }
}

.current-language-menu-item a {
    font-weight: 900;
}

.about-intro-content p, .career-intro-content p, .intro-content p {
    font-size: 18px;
    line-height: 150%;
}

video {
    width: 100%;
    height: 100%;
}

.about-promises-intro p, .career-why-intro p, .career-values-intro p {
    font-size: 18px;
    line-height: 150%;
}

.about-promises-content, .career-promises-content, .career-why-content, .career-values-content, .benefits-content, .charter-services-content {
    gap: 5rem;
}

.about-promises-content-item, .career-promises-content-item, .career-why-content-item, .career-values-content-item, .benefits-content-item, .charter-services-content-item, .grey-content-item {
    background: #EFEFEF;
    border-radius: 8px;
    position: relative;
}

.about-promises-content-item:after, .career-promises-content-item:after, .career-why-content-item:after, .career-values-content-item:after, .benefits-content-item:after, .charter-services-content-item:after, .grey-content-item:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(182, 30, 63, 1) 50%, rgba(255, 203, 0, 1) 100%);
    border-radius: 0 0 8px 8px;
    transition: all 200ms ease-in-out;
}

.about-promises-content-item:hover:after, .career-promises-content-item:hover:after, .career-why-content-item:hover:after, .about-values-content-item:hover:after, .benefits-content-item:hover:after, .charter-services-content-item:hover:after, .grey-content-item:hover:after {
    height: 5px;
}

.history-intro p {
    font-size: 18px;
}

h4.year {
    font-size: 96px;
}

.timeline-item {
    padding-bottom: 40px;
    opacity: 0;
    transform: translateX(-50px); /* Animate into view from the left */
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.timeline-item img {
    padding-bottom: 16px;
}

.timeline-item.in-view {
    opacity: 1;
    transform: translateX(0);
}

.timeline-item:after {
    content: "";
    height: 2px;
    width: 100%;
    display: block;
    background: linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 4px) calc(100% - 4px) no-repeat,
    linear-gradient(90deg, #000000 0%, #b61e3f 50%, #ffcb00 100%);
}

.timeline-item p {
    font-size: 18px;
}

.history-plane {
    position: relative;
}

.history-plane .plane-img {
    position: relative; /* Keep the plane fixed on the screen */
    top: 20%; /* Center the plane vertically */
    transform: translateY(-20%); /* Center vertically */
    z-index: 10; /* Ensure the plane stays on top */
}

.history-timeline {
    padding-bottom: 120px;
}

.career-intro-video {
    position: relative;

    .bubbles {
        left: -65px;
        top: -100px;
        transform: initial;
    }
}

.background-grey {
    background: #EFEFEF;
}

.career-why-content-item, .benefits-content-item, .charter-services-content-item {
    background: #fff !important;
}

.career-jobs h4 {
    font-size: 32px;
    margin-bottom: 0;
    margin-top: 32px;
}

.career-jobs-posting {
    padding: 1.5rem 0;
    border-bottom: 1px solid #000;

    &.no-border {
        border: none;
    }
}

.jobs-posting-headline {
    font-size: 1.5rem;
    font-weight: 700;
    padding-bottom: 0.5rem;
}

.jobs-posting-tag {
    padding: 0.25rem 0.5rem;
    background: #EFEFEF;
    border-radius: 8px;
    font-size: 0.875rem;
    margin-left: 1rem;
    font-weight: 400;
}

.jobs-posting-location {
    background-image: url('data:image/svg+xml,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 12.0935C11.8384 12.0935 13.3334 10.5985 13.3334 8.76017C13.3334 6.92184 11.8384 5.42684 10 5.42684C8.16171 5.42684 6.66671 6.92184 6.66671 8.76017C6.66671 10.5985 8.16171 12.0935 10 12.0935ZM10 7.09351C10.9192 7.09351 11.6667 7.84101 11.6667 8.76017C11.6667 9.67934 10.9192 10.4268 10 10.4268C9.08088 10.4268 8.33338 9.67934 8.33338 8.76017C8.33338 7.84101 9.08088 7.09351 10 7.09351Z" fill="black"/><path d="M9.51674 18.6052C9.65777 18.7059 9.82676 18.76 10.0001 18.76C10.1734 18.76 10.3424 18.7059 10.4834 18.6052C10.7367 18.426 16.6909 14.1268 16.6667 8.76017C16.6667 5.08434 13.6759 2.09351 10.0001 2.09351C6.32424 2.09351 3.3334 5.08434 3.3334 8.75601C3.30923 14.1268 9.2634 18.426 9.51674 18.6052ZM10.0001 3.76017C12.7576 3.76017 15.0001 6.00267 15.0001 8.76434C15.0176 12.4627 11.3434 15.7835 10.0001 16.8727C8.65757 15.7827 4.98257 12.461 5.00007 8.76017C5.00007 6.00267 7.24257 3.76017 10.0001 3.76017Z" fill="black"/></svg>');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 32px;
    margin-right: 24px;
}

.jobs-posting-time {
    background-image: url('data:image/svg+xml,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 2.09351C5.40502 2.09351 1.66669 5.83184 1.66669 10.4268C1.66669 15.0218 5.40502 18.7602 10 18.7602C14.595 18.7602 18.3334 15.0218 18.3334 10.4268C18.3334 5.83184 14.595 2.09351 10 2.09351ZM10 17.0935C6.32419 17.0935 3.33335 14.1027 3.33335 10.4268C3.33335 6.75101 6.32419 3.76017 10 3.76017C13.6759 3.76017 16.6667 6.75101 16.6667 10.4268C16.6667 14.1027 13.6759 17.0935 10 17.0935Z" fill="black"/><path d="M10.8334 6.26017H9.16669V10.7718L11.9109 13.516L13.0892 12.3377L10.8334 10.0818V6.26017Z" fill="black"/></svg>');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 32px;
}

.page-template-safety-podcast {
    h2 {
        font-size: 3rem;
    }
}

.video-iframe {
    position: relative;

    &:before {
        padding-top: 56.25%;
        content: "";
        display: block;
    }

    iframe {
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
    }
}

.contact-info {
    h5 {
        font-size: 1.25rem;
    }

    a {
        color: #212529;
        text-decoration: underline;
    }
}

.job-info svg {
    margin-right: 8px;
}

.intro-image img {
    width: 100%;
}

.job-single p {
    font-size: 18px;
    line-height: 150%;
}

.line-base-intro-image img {
    width: 100%;
}

/* Downloads */
.downloads {
    list-style: none;
    padding-left: 0;
    margin: 0;

    li {
        position: relative;
        padding-left: calc(21px + 0.5rem); /* SVG width + gap */
        margin-bottom: 0.5rem;
        margin-bottom: 1.3rem;

        &:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 21px;
            height: 21px;
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none"><path d="M5.19613 9.14125C5.49767 8.84236 5.98326 8.84236 6.28392 9.14125L9.86816 12.7246V0.769601C9.86816 0.344488 10.2127 0 10.6378 0C11.062 0 11.4065 0.344488 11.4065 0.769601V12.7255L14.9898 9.14215V9.14128C15.2914 8.84151 15.7787 8.84151 16.0785 9.14215C16.3792 9.44279 16.3792 9.93015 16.0785 10.2308L11.2881 15.0194C10.9288 15.377 10.3467 15.377 9.98736 15.0194L5.19611 10.2308C4.89546 9.93018 4.89549 9.44279 5.19613 9.14125ZM0.763455 19.4992H20.2628C20.6722 19.5062 21 19.8402 21 20.2496C21 20.6589 20.6722 20.9929 20.2628 20.9999H0.763455C0.562728 21.0034 0.36814 20.9254 0.224394 20.7843C0.0815178 20.644 0 20.4512 0 20.2496C0 20.0488 0.0815178 19.856 0.224394 19.7149C0.368145 19.5738 0.562735 19.4957 0.763455 19.4992Z" fill="black"/></svg>');
            background-repeat: no-repeat;
            background-size: contain;
        }

        a {
            color: #000;
            font-size: 1.125rem;
        }
    }
}

/* POPUP */
/* Popup Overlay */
.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.popup-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* Popup Container */
.popup-container {
    background: #000;
    border-radius: 12px;
    padding: 0;
    position: relative;
    max-width: 70vw;
    max-height: 70vh;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    transform: scale(0.8);
    transition: transform 0.3s ease;
    overflow: hidden;
}

.popup-overlay.active .popup-container {
    transform: scale(1);
}

/* Popup Headline */
.popup-headline {
    padding: 40px 20px 15px 20px;
    margin: 0;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    color: #fff;
}

/* Close Button */
.close-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    border: none;
    border-radius: 50%;
    font-size: 20px;
    cursor: pointer;
    z-index: 1001;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.close-btn:hover {
    background: rgba(0, 0, 0, 0.9);
    transform: scale(1.1);
}

/* Video Styling */
.popup-video {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 12px;
}


/* Shop */
.woocommerce {
    div.product {
        display: flex;
        flex-wrap: wrap;
    }

    .woocommerce-tabs {
        display: none !important;
    }
    .wc-tabs-wrapper {
        display: none !important;
    }

    .related.products {
        clear: both;
    }

    .article-h1 {
        display: none;
    }

    .article-body {
        margin-top: 40px;
    }

    .custom-product-description p {
        font-size: 16px;
    }

    .product-purchase-wrapper {
        background: #efefef;
        padding: 24px;
        border-radius: 8px;

        .price {
            color: #b8093d !important;
            font-size: 32px !important;
            font-weight: 800 !important;
            margin-bottom: 0;
        }

        .tax-info {
            margin-bottom: 24px;
            display:block;
        }

        .quantity .qty {
            height: 40px;
            border: #000 2px solid;
            border-radius: 8px;
        }

        .posted_in {
            display: none;
        }

        .button {
            background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 6px, transparent 6px) 0% 0%/8px 8px no-repeat,
            radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 6px, transparent 6px) 100% 0%/8px 8px no-repeat,
            radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 6px, transparent 6px) 0% 100%/8px 8px no-repeat,
            radial-gradient(circle at 0 0, #ffffff 0, #ffffff 6px, transparent 6px) 100% 100%/8px 8px no-repeat,
            linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 4px) calc(100% - 16px) no-repeat,
            linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 16px) calc(100% - 4px) no-repeat,
            linear-gradient(90deg, #000000 0%, #B61E3F 50%, #ffcb00 100%) !important;
            border-radius: 8px !important;
            padding: 12px 32px !important;
            color: #000000 !important;
            transition: all 300ms ease-in-out !important;
            cursor: pointer !important;
            display: inline-block !important;

            &:hover {
                background: #b8093d !important;
                color: #ffffff !important;
            }
        }
    }
}
.product-image-wrapper {
    background: #efefef;
    border-radius: 8px 8px 0 0;
    font-size: 0;
}

.product-title-price-wrapper {
    padding: 16px;
    background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 6px, transparent 6px) 0% 0% / 8px 8px no-repeat, radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 6px, transparent 6px) 100% 0% / 8px 8px no-repeat, radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 6px, transparent 6px) 0% 100% / 8px 8px no-repeat, radial-gradient(circle at 0 0, #ffffff 0, #ffffff 6px, transparent 6px) 100% 100% / 8px 8px no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50% / calc(100% - 4px) calc(100% - 16px) no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50% / calc(100% - 16px) calc(100% - 4px) no-repeat, linear-gradient(90deg, #000000 0%, #B61E3F 50%, #ffcb00 100%);
    border-radius: 8px;
    min-height: 110px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.woo-product__title {
    font-size: 18px;
    padding: 0;
    margin: 0;
    color: #000;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
    color: #000;
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 8px;
}

.shop-category {
    border-radius: 8px;
    position: relative;
    height: 350px;
    background-repeat: no-repeat !important;
    background-size: cover !important;


    .category-info {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 32px;
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center;


        h2 {
            color: #fff;
            font-size: 32px;
            margin: 0;
        }
    }
}


@media (max-width: 992px) {
    h1 {
        font-size: 36px;
        padding-top: 50px;
    }

    .bubbles {
        left: 40%;
        width: 700px;
    }

    .plane {
        width: 900px;
    }

    .hrt-banner {
        flex-wrap: wrap;

        .hrt-banner-track-svg {
            width: 100%;
            text-align: center;
            padding-bottom: 20px;
        }

        .hrt-banner-content {
            text-align: center;
            width: 100%;

            h3 {
                font-size: 1.75rem;
            }
        }
    }

    .podcast-row {
        flex-direction: column-reverse;
    }
}

@media (max-width: 768px) {
    .popup-container {
        max-width: 95vw;
        margin: 20px;
    }

    .popup-headline {
        font-size: 1.2rem;
        padding: 15px 15px 12px 15px;
    }

    h1 {
        position: relative;
        z-index: 1;
    }

    .bubbles {
        top: 20%;
        width: 660px;
        left: -65px;
    }

    .plane {
        width: 600px;
        top: 0;
        margin-left: -145px;
    }

    .hero-banner {
        padding-bottom: 0 !important;
    }

    .divider {
        background-position: 65%;
    }

    .history-plane {
        display: none;
    }

    .timeline-item img {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .about-promises-content-item, .career-promises-content-item, .career-why-content-item, .career-values-content-item, .benefits-content-item, .charter-services-content-item, .left-row {
        flex: 1;
    }

    .ref-slider:before,
    .ref-slider:after {
        content: "";
        position: absolute;
        z-index: 1;
        width: 200px;
        top: 0;
        height: 100%;
        pointer-events: none; /*makes the linkes behind clickable*/
    }

    .ref-slider:before {
        left: 0;
        background: linear-gradient(to right, rgba(255, 255, 255, 1) 40px, rgba(255, 255, 255, 0));
    }

    .ref-slider:after {
        right: 0;
        background: linear-gradient(to left, rgba(255, 255, 255, 1) 40px, rgba(255, 255, 255, 0));
    }
}

@media (min-width: 1200px) {
    .hero-banner {
        padding-bottom: 180px !important;
    }
}

/*DARKSITE*/

.site-main.ds .row{
    flex-grow: 1;
    display: flex;
}
.col.main{
    flex-basis: 100%;
    width: 100%;
}
.col.sidebar{
    padding: 0 1rem 0 3rem;
    flex-basis: 100%;
    width: 100%;
}
.ds-news .news-title{
    font-weight: bold;
}

.ds-news{
    border-bottom: 1px solid #000;
    margin-bottom:2rem;
}
.ds-news span {
    font-weight: bold;
    display: inline-block;
    border-left: 10px solid #000;
    line-height: 1;
    padding-left: 1rem;
    margin-bottom: 1.5rem;
}