@media (min-width: 1470px) {
    .hero-bento {
        .flex-reach-content {
            flex: 0 0 calc((100vw - 1200px - 2rem) / 2) !important;
        }

        .flex-1 {
            flex: 1;
        }

        .flex-2 {
            flex: 2;
        }

        .flex-3 {
            flex: 3;
        }

        .flex-4 {
            flex: 4;
        }

        .small-hero-title {
            margin-left: calc((100vw - 1200px - 6rem) / 2);
        }
    }
}

.stack {
    display: flex;
    flex-direction: column;

    .flex-1 {
        flex: 1;
    }

    .flex-2 {
        flex: 2;
    }
}

.quote-marks {
    position: relative;

    &::before {
        content: "";
        height: 3rem;
        width: 3rem;
        background-image: url(../icons/start-quote.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        top: 0;
        left: 3rem;
    }

    &::after {
        content: "";
        height: 3rem;
        width: 3rem;
        background-image: url(../icons/end-quote.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        bottom: 0;
        right: 3rem;
    }
}

.bold-highlight strong {
    color: var(--wp--preset--color--accent-2);
    font-size: var(--wp--preset--font-size--large) !important;
}

.bold-highlight-alt strong {
    font-size: var(--wp--preset--font-size--large) !important;
}

.gold-highlight-bold strong {
    color: var(--wp--preset--color--accent-2);
}

header {
    position: sticky;
    top: 0;
    z-index: 99;
}

.height-max {
    height: 100%;
}

.gform_button {
    background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
    color: var(--wp--preset--color--accent-1) !important;
    font-size: var(--wp--preset--font-size--small) !important;
    font-style: normal !important;
    font-weight: 600 !important;
    padding-top: 14px !important;
    padding-right: 28px !important;
    padding-bottom: 14px !important;
    padding-left: 28px !important;
    border-radius: 9999px !important;
}

.gfield_label {
    font-weight: 300 !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.hidden {
    display: none !important;
}

header .wp-block-navigation-item {
    padding: 8px 15px !important;
    border-radius: 9999px;

    ul {
        border-radius: 10px;
        background: 
            radial-gradient(circle at top left,     rgba(255,255,255,0.1), transparent 30%),
            radial-gradient(circle at top right,    rgba(255,255,255,0.1), transparent 30%),
            radial-gradient(circle at bottom left,  rgba(255,255,255,0.1), transparent 30%),
            radial-gradient(circle at bottom right, rgba(255,255,255,0.1), transparent 30%),
            var(--wp--preset--color--accent-3) !important;
        color: white !important;
        border: 0;

        .wp-block-navigation-item {
            padding: 0 !important;
            background: none !important;
        }
    }
}

header .current-menu-item {
    background: 
        radial-gradient(circle at top left,     rgba(255,255,255,0.1), transparent 30%),
        radial-gradient(circle at top right,    rgba(255,255,255,0.1), transparent 30%),
        radial-gradient(circle at bottom left,  rgba(255,255,255,0.1), transparent 30%),
        radial-gradient(circle at bottom right, rgba(255,255,255,0.1), transparent 30%),
        var(--wp--preset--color--accent-3);
}

@media (max-width: 1300px) and (min-width: 1024px) {
    .content-section {
        width: 100% !important;
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
}

.flex-wrap {
    flex-wrap: wrap !important;
}