/*
Theme Name: SLS liftlab
Author: SLS WebTeam
Author URI: https://law.stanford.edu
Text Domain: sls-liftlab
Requires at least: 6.6
Requires PHP: 7.4
Tested up to: 7.0.2
Version: 1.0.1

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* ==========================================================================
   TABLE OF CONTENTS
   --------------------------------------------------------------------------
   1.  Design Tokens (CSS Variables)
   2.  Base / Global (html, body, fonts, motion)
   2.5 HELPER CSS CLASSES
   3.  Links (global content links + headings)
   4.  Buttons (core block buttons + external-link icon)
   5.  Navigation (links, submenus, current item, desktop dropdowns)
   6.  Header & Content Overlap (sticky header, page header)
   7.  Hero (canvas animation + hero title + card number)
   7.1 HOME — FEATURED PROJECTS
   8.  Project Filters (project archive filter UI)
   9.  Post Terms (pillar pills)
   10. Query Loop, Projects & Related Posts (dividers, filters, items, View All)
   11. Team List block
   12. Stanford Global Footer (scoped, self-contained)
   ========================================================================== */


/* ==========================================================================
   1. DESIGN TOKENS
   --------------------------------------------------------------------------
   Local aliases that reference the theme.json palette presets, plus a few
   utility tokens (semi-transparent washes / hairlines) that theme.json
   can't express. Change palette hexes in theme.json; change reused
   transparencies and one-off neutrals here.
   ========================================================================== */
:root {
    /* Palette (mirrors theme.json slugs) */
    --c-base:         var(--wp--preset--color--base);         /* #ffffff */
    --c-base-accent:  var(--wp--preset--color--base-accent);  /* #fff9f7 */
    --c-contrast:     var(--wp--preset--color--contrast);     /* #10211e */
    --c-primary:      var(--wp--preset--color--primary);      /* #F48F77 */
    --c-primary-dark: var(--wp--preset--color--primary-dark); /* #874941 */
    --c-surface:      var(--wp--preset--color--surface);      /* #F4EBE4 */
    --c-neutral:      var(--wp--preset--color--neutral);      /* #f0f0f0 */
    --c-muted-text:   var(--wp--preset--color--muted-text);   /* #554e49 */

    /* Utility transparencies (reused overlays) */
    --wash-light:      rgba(255, 255, 255, 0.2);  /* whitish hover overlay */
    --wash-dark:       rgba(0, 0, 0, 0.05);       /* subtle dark hover bg */
    --overlay-shadow:  rgba(0, 0, 0, 0.12);       /* dropdown shadow */
    --primary-dark-40: rgba(135, 73, 65, 0.5);    /* primary-dark @ ~50% (focus ring) */
    --contrast-40:     rgba(16, 33, 30, 0.4);     /* contrast @ 40% (link underlines) */
    --hairline:        rgba(0, 0, 0, 0.05);       /* faint borders */

    /* One-off neutrals (not brand palette) */
    --divider:         #e0e0e0;   /* project item dividers */
    --divider-warm:    #e0dcd3;   /* card-number hairline */

    /* Layout tokens */
    --admin-bar-offset: 0px;      /* default (logged out) */
}

body.admin-bar { --admin-bar-offset: 32px; }
@media screen and (max-width: 782px) {
    body.admin-bar { --admin-bar-offset: 46px; }
}


/* ==========================================================================
   2. BASE / GLOBAL
   ========================================================================== */
html {
    scroll-behavior: smooth;
}
@media screen and (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

/* Form controls inherit the document font (theme.json sets Source Sans 3) */
button, input, select, textarea {
    font-family: inherit;
}

/* ==========================================================================
   2.5 HELPER CSS CLASSES
   ========================================================================== */

.accent-border-left {
    border-left: 2px solid var(--c-primary) !important;
}

.arrow-link a {
    text-decoration: none !important;
    font-weight: 600;
    color: var(--wp--preset--color--primary-dark) !important;
    display: inline-block;
    transition: transform 0.2s ease !important;
}

.arrow-link a:hover {
    transform: translateX(4px);
}

/* ==========================================================================
   3. LINKS
   ========================================================================== */

/* Resting state for content links */
.wp-site-blocks a:not(.wp-block-button__link):not(.wp-block-navigation-item__content) {
    color: inherit;
    text-decoration: underline;
    text-decoration-color: var(--contrast-40);
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    transition: text-decoration-color 0.2s ease-out, text-decoration-thickness 0.2s ease-out, color 0.2s ease-out;
}

/* Remove underlines from buttons and heading links */
.wp-block-button__link,
.wp-site-blocks :is(h1, h2, h3, h4, h5, h6) a {
    text-decoration: none !important;
}

/* Hover / focus */
.wp-site-blocks a:not(.wp-block-button__link):not(.wp-block-navigation-item__content):is(:hover, :focus-visible) {
    color: var(--c-primary-dark);
    text-decoration-color: var(--c-primary-dark);
    text-decoration-thickness: 2px;
}

/* Active (click) */
.wp-site-blocks a:not(.wp-block-button__link):not(.wp-block-navigation-item__content):active {
    transform: translateY(1px);
}

/* Keyboard focus outline */
.wp-site-blocks a:focus-visible {
    outline: 2px solid var(--primary-dark-40);
    outline-offset: 4px;
    border-radius: 2px;
}

/* Heading-link hover (no underline, so use color + brightness) */
.wp-site-blocks :is(h1, h2, h3, h4, h5, h6) a:hover {
    color: var(--c-primary-dark);
    filter: brightness(1.1);
    transition: filter 0.2s ease-out, color 0.2s ease-out;
}


/* ==========================================================================
   4. BUTTONS
   --------------------------------------------------------------------------
   Base button appearance (color, pill shape, padding, outline variation)
   lives in theme.json. Here we add: the whitish overlay hover on filled
   buttons, and the auto external-link icon.
   ========================================================================== */

/* Whitish overlay on filled-button hover (flat, true overlay) */
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:focus-visible {
    box-shadow: inset 0 0 0 999px var(--wash-light);
}

/* Auto external-link icon on new-tab buttons */
.wp-block-button__link[target="_blank"]::after {
    content: "";
    display: inline-block;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 stroke=%27currentColor%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272.5%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6M15 3h6v6M10 14 21 3%27/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    width: 0.8em;
    height: 0.8em;
    margin-left: 0.5em;
    margin-bottom: 0.2em;
    vertical-align: middle;
    opacity: 0.7;
    transition: opacity 0.2s ease-out;
}
.wp-block-button__link[target="_blank"]:hover::after {
    opacity: 1;
}


/* ==========================================================================
   5. NAVIGATION
   ========================================================================== */

/* Base nav links: no underline, underline on hover */
.wp-block-navigation-item a,
.wp-block-navigation__container a {
    text-decoration: none;
}
.wp-block-navigation-item a:hover {
    text-decoration: underline;
}

/* Submenu container (base) */
.wp-block-navigation__submenu-container {
    border-radius: 20px;
    overflow: hidden !important;
    padding: 0.3em !important;
}
.wp-block-navigation__submenu-container a {
    font-size: 1.2rem;
}

/* Highlight current menu item */
.current-menu-item > a,
.current-menu-parent > a,
.current-menu-ancestor > a {
    font-weight: 600;
}

/* External nav link indicator (links set to open in new tab) */
.wp-block-navigation-item a[target="_blank"] .wp-block-navigation-item__label::after {
    content: "";
    display: inline-block;
    width: 0.75em;
    height: 0.75em;
    margin-left: 0.3em;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-width=%272.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 d=%27M7 17 17 7M8 7h9v9%27/%3E%3C/svg%3E") no-repeat center / contain;
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-width=%272.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 d=%27M7 17 17 7M8 7h9v9%27/%3E%3C/svg%3E") no-repeat center / contain;
    vertical-align: baseline;
    opacity: 0.7;
}

/* Desktop nav & dropdowns */
@media (min-width: 600px) {

    /* Top-level items */
    .wp-block-navigation > .wp-block-navigation-item > a {
        display: block;
        padding: 0.5rem 1rem;
        border-radius: 8px;
        text-decoration: none !important;
        transition: background-color 0.2s ease-in-out;
    }
    .wp-block-navigation > .wp-block-navigation-item > a:hover,
    .wp-block-navigation > .wp-block-navigation-item > a:focus-visible {
        background-color: var(--wash-light);
    }
    .wp-block-navigation > .current-menu-item > a,
    .wp-block-navigation > .current-menu-ancestor > a {
        background-color: var(--wash-dark);
    }

    /* Dropdown container */
    .wp-block-navigation__submenu-container {
        border-radius: 16px;
        box-shadow: 0 8px 24px var(--overlay-shadow);
        padding: 0.5rem 0;
        border: 1px solid var(--hairline);
    }

    /* Dropdown items */
    .wp-block-navigation__submenu-container .wp-block-navigation-item > a {
        display: block;
        padding: 0.6rem 1.5rem;
        text-decoration: none;
        border-radius: 8px;
        margin: 0 0.5rem;
        transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    }
    .wp-block-navigation__submenu-container .wp-block-navigation-item > a:hover,
    .wp-block-navigation__submenu-container .wp-block-navigation-item > a:focus-visible {
        background-color: var(--wash-light);
        color: inherit;
    }
    .wp-block-navigation__submenu-container .current-menu-item > a {
        font-weight: 600;
        background-color: var(--wash-dark);
    }

    /* Dropdown arrow animation */
    .wp-block-navigation-submenu__toggle {
        transition: transform 0.2s ease-out;
    }
    .wp-block-navigation-submenu.is-menu-open > .wp-block-navigation-submenu__toggle {
        transform: rotate(180deg);
    }
}


/* ==========================================================================
   6. HEADER & CONTENT OVERLAP
   ========================================================================== */
header.site-header {
    position: sticky;
    top: var(--admin-bar-offset);
    z-index: 1000;
}
header.site-header > .wp-block-group {
    padding: 12px 15px !important;
}

/* Main content overlaps the page header */
main.wp-block-group {
    margin-top: -85px;
}
.page-header-container {
    padding-top: 110px !important;
}
.page-header-small {
    min-height: 350px;
}

@media (max-width: 1200px) {
    .page-header-container.alignwide {
        margin-right: calc(var(--wp--style--root--padding-right) * -1) !important;
        margin-left: calc(var(--wp--style--root--padding-left) * -1) !important;

        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }
}


/* ==========================================================================
   7. HERO (Homepage canvas animation + title)
   ========================================================================== */
.hero-canvas-container {
    position: relative;
    overflow: hidden;
    padding-top: 50px !important;
    padding-bottom: 0 !important;
    display: flex;
    align-items: center;
    min-height: 95vh;
}

#net {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0.8;
}

.hero-canvas-container > .wp-block-group {
    position: relative;
    z-index: 1;
    width: 100%;
}

.hero-title {
    position: relative;
    font-size: 3.25rem;
    line-height: 1.15;
    font-weight: 700;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
    padding-left: 1.5rem;
}
.hero-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.1em;
    bottom: 0.1em;
    width: 4px;
    border-radius: 2px;
    background-color: var(--c-primary);
}
.hero-title .line {
    display: block;
}

.card-number {
    display: flex;
    align-items: center;
    gap: 12px;
}
.card-number::after {
    content: "";
    flex: 1;
    height: 1px;
    background-color: var(--divider-warm);
}

/* ==========================================================================
   7.1 HOME — FEATURED PROJECTS
   ========================================================================== */

/* Column must allow the card to stretch full height */
.featured-project-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: var(--c-base);
    border: 1px solid var(--c-surface);   /* subtle border */
    border-radius: 16px;
    overflow: hidden;    
}

/* Inner content gets padding (image stays flush) */
.featured-project-card > :not(.featured-project-card__image) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

/* Tags */
.featured-project-card__tags {
    gap: 0.5em;
    margin-top: 1em;
}
.featured-project-card__tag {
    margin: 0;
    background-color: var(--c-base);
    color: var(--c-primary);
    border: 1px solid var(--c-primary);
    padding: 0.1em 0.8em;
    border-radius: 999px;
    font-size: 0.8rem;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.8;
}

/* Push the CTA to the bottom so buttons align across cards */
.featured-project-card .wp-block-buttons {
    margin-top: auto;
    padding-bottom: 1.5rem;
}

/* ==========================================================================
   8. PROJECT FILTERS
   --------------------------------------------------------------------------
   Filter UI on the projects archive. Raw <button> elements (not WP button
   blocks), styled to match the theme's small-outline button look. Inactive
   = gray outline pill; active (JS-toggled .is-active) = solid salmon.
   ========================================================================== */

.project-filter-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 1em;
    margin-top: 3em;
    margin-bottom: 3em;
}
.project-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
    padding: 0;
}

/* Inactive filter = gray outline pill */
.project-filters button {
    border-radius: 999px;
    font-size: 0.95rem;
    padding: 0.3em 1.2em;
    cursor: pointer;
    background-color: transparent;
    color: var(--c-muted-text);
    border: 1px solid var(--c-muted-text);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.project-filters button:hover,
.project-filters button:focus-visible {
    background-color: var(--c-neutral);
    color: var(--c-muted-text);
}

/* Active filter = solid salmon */
.project-filters button.is-active {
    background-color: var(--c-primary);
    color: var(--c-contrast);
    border-color: var(--c-primary);
}
.project-filters button.is-active:hover {
    box-shadow: inset 0 0 0 999px var(--wash-light);
}

/* ==========================================================================
   9. POST TERMS (Pillar pills)
   ========================================================================== */
.wp-block-post-terms.taxonomy-pillar {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
    margin-top: 1em;
}
.wp-block-post-terms.taxonomy-pillar span:not(.wp-block-post-terms__separator) {
    background-color: var(--c-base);
    color: var(--c-primary);
    border: 1px solid var(--c-primary);
    padding: 0.1em 0.8em;
    border-radius: 999px;
    font-size: 0.8rem;
    text-transform: uppercase;
    font-weight: 600;
}
.wp-block-post-terms.taxonomy-pillar .wp-block-post-terms__separator {
    display: none;
}

/* ==========================================================================
   10. QUERY LOOP, PROJECTS & RELATED POSTS
   --------------------------------------------------------------------------
   Project query-loop dividers, plus everything from the related-posts custom
   block: filter buttons, the "View All" button (styled as small-outline with
   external arrow), and related-publication list items.
   ========================================================================== */

/* --- Project query-loop dividers --- */
.wp-block-post-template > .wp-block-post:not(:last-child) {
    border-bottom: 1px solid var(--divider);
    margin-bottom: 2em;
}

/* --- Related-posts filter buttons (small-outline look, salmon active) --- */
.wp-block-institution-starter-related-posts .related-posts-filter-nav .filter-btn,
.wp-block-sls-subsite-data-blocks-sls-related-posts .related-posts-filter-nav .filter-btn {
    border-radius: 999px;
    padding: 0.3em 1.2em;
}
.wp-block-institution-starter-related-posts .related-posts-filter-nav .filter-btn.is-active,
.wp-block-sls-subsite-data-blocks-sls-related-posts .related-posts-filter-nav .filter-btn.is-active {
    background-color: var(--c-primary);
    border-color: var(--c-primary);
    color: var(--c-contrast);
}

/* --- "View All" button (small-outline style) --- */
.related-posts__view-all-button {
    display: inline-block;
    border-radius: 999px;
    font-size: 0.95rem;
    font-weight: 500;
    padding: 0.3em 1.2em;
    text-decoration: none !important;
    cursor: pointer;
    background-color: transparent;
    color: var(--c-muted-text);
    border: 1px solid var(--c-muted-text);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.related-posts__view-all-button:hover,
.related-posts__view-all-button:focus {
    background-color: var(--c-neutral) !important;
    color: var(--c-muted-text) !important;
}
/* External diagonal-arrow indicator (matches nav external links) */
.related-posts__view-all-button[target="_blank"]::after {
    content: "";
    display: inline-block;
    width: 0.75em;
    height: 0.75em;
    margin-left: 0.4em;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-width=%272.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 d=%27M7 17 17 7M8 7h9v9%27/%3E%3C/svg%3E") no-repeat center / contain;
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-width=%272.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 d=%27M7 17 17 7M8 7h9v9%27/%3E%3C/svg%3E") no-repeat center / contain;
    vertical-align: baseline;
    opacity: 0.7;
}
.related-posts__view-all-button[target="_blank"]:hover::after {
    opacity: 1;
}

/* --- Related-publication list items --- */
.liftlab-project-pubs .related-posts-list__item {
    background-color: var(--c-base-accent);
    padding: 15px;
    border-radius: 25px;
    border-bottom: none !important;
    border-left: 2px solid var(--c-primary) !important;
}

.related-posts-list__title a:hover,
.related-posts-list__title a:focus {
    text-decoration-thickness: 2px !important;
}

.related-posts-list__title a:hover::after,
.related-posts-list__title a:focus::after {
    filter: invert(34%) sepia(11%) saturate(2164%) hue-rotate(318deg) brightness(92%) contrast(90%);
}

/* ==========================================================================
   11. TEAM LIST BLOCK
   ========================================================================== */

/* Card container (positioning frame) */
.wp-block-institution-starter-team-list.is-layout-grid > li,
.wp-block-sls-subsite-data-blocks-sls-team-list.is-layout-grid > li {
    background: transparent;
    border-radius: 24px;
    padding: 0;
    box-sizing: border-box;
    display: block;
}

/* Image */
.wp-block-institution-starter-team-list .person-image img,
.wp-block-sls-subsite-data-blocks-sls-team-list .person-image img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 24px;
    border: 2px solid var(--wp--preset--color--surface);
}
.wp-block-institution-starter-team-list.is-layout-list .person-image img,
.wp-block-sls-subsite-data-blocks-sls-team-list.is-layout-list .person-image img {
    border-radius: 20px;
}

/* Details plaque */
.wp-block-institution-starter-team-list.is-layout-grid .person-details,
.wp-block-sls-subsite-data-blocks-sls-team-list.is-layout-grid .person-details {
    text-align: center;
    margin-top: 1rem;
}

/* Names & titles */
.wp-block-institution-starter-team-list .person-name,
.wp-block-sls-subsite-data-blocks-sls-team-list .person-name {
    color: var(--c-contrast);
}
.wp-block-institution-starter-team-list.is-layout-grid .person-name,
.wp-block-sls-subsite-data-blocks-sls-team-list.is-layout-grid .person-name {
    margin: 0;
    font-size: 1.2rem;
    line-height: 1.3;
    font-weight: 600;
    color: var(--c-contrast);
}
.wp-block-institution-starter-team-list.is-layout-grid .person-titles,
.wp-block-institution-starter-team-list.is-layout-grid .person-title,
.wp-block-sls-subsite-data-blocks-sls-team-list.is-layout-grid .person-titles,
.wp-block-sls-subsite-data-blocks-sls-team-list.is-layout-grid .person-title {
    margin: 0.25rem 0 0;
    font-size: 0.9rem;
    color: var(--c-muted-text);
}

/* Linked names */
.wp-block-institution-starter-team-list .person-name a,
.wp-block-sls-subsite-data-blocks-sls-team-list .person-name a {
    color: inherit;
    text-decoration: underline;
    text-decoration-color: var(--contrast-40);
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    transition: text-decoration-color 0.2s ease-out, color 0.2s ease-out;
}
.wp-block-institution-starter-team-list .person-name a:is(:hover, :focus-visible),
.wp-block-sls-subsite-data-blocks-sls-team-list .person-name a:is(:hover, :focus-visible) {
    text-decoration-color: var(--c-contrast);
    text-decoration-thickness: 2px;
}
.wp-block-institution-starter-team-list .person-name a:active,
.wp-block-sls-subsite-data-blocks-sls-team-list .person-name a:active {
    color: var(--c-contrast);
}
.wp-block-institution-starter-team-list .person-name a:focus-visible,
.wp-block-sls-subsite-data-blocks-sls-team-list .person-name a:focus-visible {
    outline: 2px solid var(--c-primary);
    outline-offset: 4px;
    border-radius: 2px;
}

/* ==========================================================================
   12. STANFORD GLOBAL FOOTER (Scoped, self-contained Stanford branding)
   --------------------------------------------------------------------------
   Intentionally uses its own hardcoded colors — do not tie to theme palette.
   ========================================================================== */

@font-face {
    font-family: 'Source Sans 3';
    src: url('assets/fonts/source-sans-3-400.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Source Sans 3';
    src: url('assets/fonts/source-sans-3-600.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Stanford';
    src: url('https://www-media.stanford.edu/assets/fonts/stanford.woff') format('woff'),
         url('https://www-media.stanford.edu/assets/fonts/stanford.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

.liftlab-global-footer-wrapper {
    box-sizing: border-box;
    font-family: "Source Sans 3", Helvetica, Arial, sans-serif;
}
.liftlab-global-footer-wrapper *,
.liftlab-global-footer-wrapper *:before,
.liftlab-global-footer-wrapper *:after {
    box-sizing: inherit;
}

.liftlab-global-footer-wrapper .su-global-footer {
    background-color: #2e2d29;
    color: #fff;
    padding: 25px 0;
    width: 100%;
}
.liftlab-global-footer-wrapper .su-global-footer-inner-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}
.liftlab-global-footer-wrapper .logo {
    font-family: "Stanford", "Source Serif Pro", Georgia, serif;
    font-weight: 300;
    font-size: 32px;
    line-height: 0.9;
    text-align: center;
    margin-bottom: 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
}
.liftlab-global-footer-wrapper a.logo {
    text-decoration: none;
}
.liftlab-global-footer-wrapper .footer-content-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
.liftlab-global-footer-wrapper .footer-content-block ul {
    line-height: 1;
}
.liftlab-global-footer-wrapper nav {
    display: flex;
    gap: 20px;
    text-align: left;
}
.liftlab-global-footer-wrapper nav ul {
    list-style: none;
    margin: 0 0 0;
    padding: 0;
}
.liftlab-global-footer-wrapper nav ul li {
    display: block;
    padding: 5px 0;
}
.liftlab-global-footer-wrapper nav ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
}
.liftlab-global-footer-wrapper nav a:hover {
    text-decoration: underline;
}
.liftlab-global-footer-wrapper .copyright-text {
    font-size: 14px;
    text-align: center;
    margin: 10px;
}

@media (min-width: 768px) {
    .liftlab-global-footer-wrapper nav {
        display: block;
        width: auto;
        text-align: center;
    }
    .liftlab-global-footer-wrapper nav ul li {
        display: inline-block;
        margin: 0 10px;
        padding: 0;
    }
    .liftlab-global-footer-wrapper nav ul:first-of-type a {
        font-weight: 600;
    }
    .liftlab-global-footer-wrapper nav ul:last-of-type a {
        font-weight: 400;
    }
    .liftlab-global-footer-wrapper .footer-content-block ul {
        line-height: 1.7;
    }
}

@media (min-width: 992px) {
    .liftlab-global-footer-wrapper .su-global-footer-inner-container {
        flex-direction: row;
        align-items: flex-start;
    }
    .liftlab-global-footer-wrapper .logo {
        text-align: left;
        margin-bottom: 0;
        margin-right: 60px;
        margin-top: 10px;
    }
    .liftlab-global-footer-wrapper .footer-content-block,
    .liftlab-global-footer-wrapper nav,
    .liftlab-global-footer-wrapper .copyright-text {
        text-align: left;
        align-items: flex-start;
    }
}