/* ===== Typography ===== */
h1,
h2,
.h2,
h3,
h4 {
    font-weight: 800;
    text-transform: uppercase !important;
    color: var(--color-white);
    filter: drop-shadow(1px 1px 0px var(--color-black));
}

/* ===== Property details ===== */
.property-details {
    display: flex;
    flex-direction: column;
    gap: 1rem !important;
    max-width: 90%;
}

.property-details-item {
    gap: .5rem !important;
    display: flex;
    flex-direction: row !important;
    align-items: center;
}

.property-details-item>div {
    text-align: start;
}

.property-details-item>div>.second-line {
    font-size: 0.8rem;
    opacity: 0.8;
}

.property-details-item img {
    width: 3rem;
    height: 3rem;
    padding: .5rem;
    border-radius: 50%;
    background-color: var(--color-brand-primary);
}

/* ===== Menu ===== */
.menuBottom {
    display: none;
}

.footerLogoLarge {
    opacity: 0;
    width: unset !important;
    height: 20px;
}

.footerLogoSmall {
    opacity: 0;
    width: unset !important;
    height: 38.67px;
}

.topMenuLogo {
    filter: drop-shadow(.5px .5px .5px #ffffff80)
}

/* ===== Switcher ===== */
.switcher__item {
    text-transform: uppercase !important;
}

/* ===== Popup ===== */
/*
.fancybox__content {
    max-width: 1200px !important;
    width: 100% !important;
    padding: 0 !important;
}

.fancybox__carousel {
    flex: unset !important;
}

.fancybox__container {
    justify-content: center;
}
*/
.fancybox__backdrop {
    background-color: rgba(24, 24, 27, 0.7) !important;
    backdrop-filter: blur(5px) !important;
}

.poi-tooltip {
    max-width: 240px;
}

/* ===== Form ===== */
.acf-field-message,
.acf-field-checkbox,
.acf-field-radio {
    display: none;
}

.enquire-form-submit.buttonPrimary.buttonWithText {
    margin-top: 2rem !important;
}

/* Onboarding Animation */
.hintAnimationStart.mouse.panoStartAnimation {
    position: fixed;
    bottom: 120px;

    img {
        transform: scale(0.8);
        position: absolute;
        bottom: .5rem;
    }
}

/* ===== Layout Mobile ===== */
.page__left-mobile-content>.leftLogo.logo>img {
    max-width: 215px !important;
}

/* 
@media (orientation: landscape) {
    .page__middle {
        padding-left: 2rem;
    }
}
*/