:root {
    --nav-bar-spacer-height: calc(var(--logo-height) + 2 * var(--nav-bar-logo-spacing));
}

/* GLOBAL */

.desktop-only {
    display: none;
}

.mobile-only {
    display: block;
}

.site-logo-container {
    max-width: var(--wp--style--global--wide-size);
    margin-inline: var(--section-spacing-sm);
}

.cols-2 {
    grid-template-columns: 1fr;
    column-gap: 0;
    row-gap: var(--wp--preset--spacing--8);
}

.page-with-col-content {
    flex-direction: column;
}

/* NAVIGATION / MENU */

.admin-bar header {
    position: fixed;
    top: calc(var(--body-spacing) + var(--nav-bar-logo-spacing) + var(--wp-admin--admin-bar--height));
    bottom: var(--wp--preset--spacing--8);
    left: calc(var(--body-spacing) + var(--section-spacing-sm));
    right: 0;
    width: fit-content;
    height: fit-content;
}

header {
    position: fixed;
    top: calc(var(--body-spacing) + var(--nav-bar-logo-spacing));
    bottom: var(--wp--preset--spacing--8);
    left: calc(var(--body-spacing) + var(--section-spacing-sm));
    right: 0;
    width: fit-content;
    height: fit-content;
}

.main-navigation {
    background-color: transparent;
    box-shadow: none;
    padding: 0;
    height: auto;
}

.main-navigation .main-menu.menu--desktop {
    display: none;
}

.main-navigation .main-navigation__burger-btn {
    display: grid;
}

.main-navigation .mobile-navigation-dialog.open {
    display: flex;
}

/* HOME PAGE */

.landing-section__scroll-btn {
    display: none;
}

.landing-section__body {
    align-items: flex-start;
}

.landing-section__illustration {
    height: 280px;
    max-width: 50%;
    left: 50%;
    transform: translate(-50%, 40%);
}

.landing-section__bottom-spacer {
    height: 200px;
}

.landing-section__text-container {
    margin-inline-start: auto;
    margin-inline-end: auto;
}

/* RESOURCES */
.single-resource .resource__cards .card-block {
    max-width: initial;
}