.page-id-95 #building-blurb {
    display: none;
}

#secondary iframe {
    height: auto;
    width: 100%;
    aspect-ratio: 560 / 314;
}

.bio-squares {
    &.contact-squares {
        --contact-icon-width: 30px;

        grid-template-columns: var(--contact-icon-width) auto;
        gap: 2em 1em;

        img {
            height: auto;
            width: var(--contact-icon-width);
        }
    }

    &:not(.contact-squares) {
        width: fit-content !important;
        gap: 0;
        grid-template-columns: 50% 50% !important;
        margin: auto;

        img {
            /* fixes odd bg color behavior on iOS */
            transform: translateZ(0);
        }

        * {
            background: var(--header-link-color);
        }

        & > *:first-child {
            border-radius: 50% 0 0 50%;
        }

        & > *:last-child {
            border-radius: 0 50% 50% 0;
            display: flex;
            align-items: center;
            padding-left: 0.3em;
        }
    }

    img {
        border-radius: 50% !important;
    }
}

#sb_instagram {
    .sbi_header_text {
        width: fit-content;
        margin: auto;

        .sbi_feedtheme_header_text {
            color: #fff !important;
            opacity: 1;
            transition: opacity 0.5s;

            &:hover {
                opacity: 0.7;
            }
        }
    }

    #sbi_images {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;

        .sbi_item {
            height: clamp(150px, 20dvw, 200px) !important;
            width: clamp(150px, 20dvw, 200px) !important;
            margin: auto;
            object-fit: cover;
        }
    }
}

/* EVENTS WIDGET */
.tribe-common {
    a {
        color: var(--body-link-color) !important;

        &:hover {
            color: var(--heading-text-color) !important;
        }
    }

    button {
        &:hover {
            background-color: transparent !important;
        }
    }

    /*
        prevent sticky header hiding scroll-into-view events
        in month-grid view
    */
    .tribe-events-c-day-marker.tribe-events-calendar-month-mobile-events__day-marker,
    .tribe-events-header__messages.tribe-events-c-messages.tribe-common-b2.tribe-events-header__messages--mobile.tribe-events-header__messages--day {
        padding-top: 100px;
    }

    .tribe-events-c-top-bar__datepicker-container .dropdown-menu {
        width: fit-content !important;
    }
}
