/*
Theme Name: BlankSlate
Theme URI: https://opencollective.com/blankslate
Author: Web Guy
Author URI: https://opencollective.com/blankslate#section-contributors
Description: Donate: https://opencollective.com/blankslate. Learn: https://blankslate.me/. BlankSlate is the definitive WordPress boilerplate starter theme. I've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability, with no intrusive visual CSS styles added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/webguyio/blankslate/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2026
Requires at least: 5.2
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate WordPress Theme 2011-2026
BlankSlate is distributed under the terms of the GNU GPL
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}


* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent
}

a {
    text-decoration: none;
    color: inherit;
}

@font-face {
    font-family: 'Arial Narrow';
    src: url('library/font/ArialNarrow-Bold.woff2') format('woff2'),
        url('library/font/ArialNarrow-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arial Narrow';
    src: url('library/font/ArialNarrow-BoldItalic.woff2') format('woff2'),
        url('library/font/ArialNarrow-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Arial Narrow';
    src: url('library/font/ArialNarrow-Italic.woff2') format('woff2'),
        url('library/font/ArialNarrow-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Arial Narrow';
    src: url('library/font/ArialNarrow.woff2') format('woff2'),
        url('library/font/ArialNarrow.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'Arial Narrow';
    font-size: 22px;
    padding: 70px 15px 40px 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.15;

}

:root {
    --main-color: #000;
    --residency-color: #008300;
    --residency-color-past: #00830084;
    --agenda-color: #5d7ee0;
    --agenda-color-past: #5d7ee0a8;
    --archive-color: #969696;
    --listen-color: #cc5500;
    --listen-color-dimmed: #cc55007e;
    --projects-color: #000;
}

.small-margin-top {
    margin-top: 5px;
}

em, i {
    font-style: italic;
}

/* COLORS */
.main-color {
    color: var(--main-color);
}

.residency-color {
    color: var(--residency-color);
}

.residency-color .past {
    color: var(--residency-color-past);
}

.agenda-color {
    color: var(--agenda-color);
}

.agenda-color.past {
    color: var(--agenda-color-past);
}

.archive-color {
    color: var(--archive-color);
}

.listen-color {
    color: var(--listen-color);
}

/* HEADER / MENU */
header {
    position: fixed;
    padding: 5px 10px 10px 10px;
    width: 100%;
    left: 0px;
    top: 0px;
    z-index: 20;
    background: linear-gradient(white 85%, transparent);
}

.menu-item:after {
    content: ', ';
    color: black;
}

a:last-child .menu-item:after {
    content: '';
}

.menu-item.active,
.menu-item:hover {
    font-weight: bold;
}

.logo {
    font-size: 3.5rem;
    float: left;
    position: relative;
    line-height: 1;
    top: -4px;
    margin-right: 10px;
    font-weight: bold;
    text-transform: uppercase;
    /* background: -webkit-linear-gradient(0deg, var(--agenda-color), var(--residency-color), var(--listen-color), var(--archive-color));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    color: black;
    display: inline-block;
}

.baseline {
    font-weight: bold;
    text-transform: uppercase;
    background: -webkit-linear-gradient(0deg, var(--agenda-color), var(--residency-color), var(--listen-color), var(--archive-color), var(--main-color));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;

}

.social-logo {
    display: inline-block;
    height: 25px;
    margin-right: 3px;
}

.social-logo.youtube {
    height: 24px;
    position: relative;
    top: 3px;
}

.social-logo.smaller {
    height: 18px;
}

.social-logo.margin-top {
    position: relative;
    top: 3px;
}

.social_links {
    position: relative;
    top: 3px;
    margin-right: 15px;
}

.language-switcher {
    list-style: none;
    padding: 0;
    position: fixed;
    right: 15px;
    top: 5px;
    font-weight: inherit;
    font-size: 0.8em;
}

.language-chooser {
    display: flex;
    text-transform: uppercase;
    display: inline-flex;
}

.language-switcher li {
    list-style: none;
}

.language-switcher li:after {
    content: ' /';
    margin-right: 5px;
    font-weight: normal;
}

.language-switcher li:last-child:after {
    content: '';
    margin-right: 0px;
}

.language-switcher a {
    text-decoration: none;
    /* Remove underline */
}

.language-switcher .active,
.language-switcher a:hover {
    font-weight: bold;
}

.flex {
    display: flex;
    align-items: flex-start;
}

.flex-start {
    align-self: flex-start;
}

img {
    max-width: 100%;
}

.margin-bottom {
    margin-bottom: 1rem;
}

.view-all {
    text-transform: lowercase;
    float: left;
    clear: both;
}

.view-all:hover {
    font-weight: 600;
}

.section-label {
    text-transform: uppercase;
    font-size: 0.8em;
    display: inline-block;
}

.stuck {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: white;
}



/* TYPO */
h2 {
    text-transform: uppercase;
    margin-bottom: 1rem;
    display: inline-block;
}

.col h3,
.col h2 {
    width: 100%;
    float: left;
    clear: both;
}

.gradient-background {
    -webkit-text-fill-color: transparent;
    color: inherit;
}

.small-type {
    font-size: 0.8em;
}

/* .single .info {
font-weight: bold;
} */
.single-header {
    font-weight: bold;
}

.collapsible-btn {
    position: relative;
    cursor: pointer;
}

.collapsible-btn.closed {
    margin-bottom: 1.5rem !important;
}

.collapsible-btn.closed:after {
    content: '';
    position: absolute;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid var(--main-color);
    top: 6px;
    margin-left: 5px;
}

.collapsible-btn.open:after {
    content: '';
    position: absolute;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid var(--main-color);
    top: 5px;
    margin-left: 5px;
}

.collapse-content {
    display: none;
}

.text-wrap+.subtitle {
    margin-bottom: 0.75rem;
    margin-top: 1.5rem;
}

b,
strong,
.bold {
    font-weight: bold;
}

.text-wrap {
    float: left;
    width: 100%;
}

.team-item,
.text-wrap p {
    margin-bottom: 0.75rem;
}

.text-wrap ul {
    list-style-position: inside;
    padding-left: 1em;
    text-indent: -1em;
    margin-bottom: 0.75rem;
}


/* MAIN */
.no-indent {
    padding-left: 0px !important;
    text-indent: 0px !important;
}

.indent-1 {
    padding-left: 0px;
}

.indent-2 {
    padding-left: 20px;
}

.indent-3 {
    padding-left: 40px;
}

.indent-4 {
    padding-left: 60px !important;
}

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

.wrapper {
    /* align-items: flex-start; */
    align-items: stretch;
}

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

.col {
    position: relative;
    width: calc(33.3% - 10px);
    /* height: calc(100vh - 50px); */
    margin-right: 20px;
}

.col.first {
    width: calc((100% / 8) * 3);
    align-self: flex-start;
}

.stick {
    position: sticky;
    top: 70px;
}

.col.wide {
    width: 100%;
}

.col.padding {
    padding-bottom: 50px;
}

.col.single {
    width: calc((100% / 8) * 5);
    height: auto;
    margin-right: 20px;
}

.page-template-page-umland-v2-php .col.single {
    width: calc(20px + ((100% / 8) * 5));
    margin-right: 0px;
}

.col-half.images {
    width: calc((100% / 5) * 2);
}

.col-half.info {
    flex-grow: 1;
}

.col .inner-scroll {
    position: absolute;
    width: 100%;
    max-height: 100%;
    top: 0px;
    left: 0px;
    overflow: auto;
    padding-bottom: 50px;
    background-color: aqua;
}

.col:last-child {
    margin-right: 0px;
}

.col-half {
    padding-right: 20px;
    width: 50%;
}

.col-half+.col-half {
    padding-right: 0px;
}

.item.archive+.item.agenda-color {
    margin-top: 0.5em;
}

.item {
    padding-bottom: 0.5rem;
    padding-right: 27px;
    position: relative;
    display: inline-block;
    float: left;
    clear: both;

}

.page-template-page-archive .item {
    display: none;
}

.img-wrap {
    flex-shrink: 1;
    flex-grow: 1;
    min-height: 10px;
    width: calc(100% - 10px);
    vertical-align: bottom;
    display: flex;
    align-content: start;
    justify-content: start;
    margin-bottom: 15px;
}

.img-wrap img {
    max-height: 100%;
    max-width: 100%;
    align-self: start;
}

.item-info {
    flex-shrink: 0;
}

.triangle {
    display: none;
    width: 10px;
    height: 10px;
}

.img-umland-wrap.publication .triangle,
.item.umland[data-filter="publication"] .triangle {
    display: block;
}

.triangle-top {
    position: absolute;
    top: 0px;
    z-index: 2;
    right: -15px;
    border: 7px solid transparent;
    border-top-color: black;
    border-right-color: black;
}

.triangle-bottom {
    position: absolute;
    bottom: -14px;
    z-index: 2;
    left: -1px;
    border: 7px solid transparent;
    border-bottom-color: black;
    border-left-color: black;
}

.grid-sizer {
    width: 33.3%;
}

.item.umland {
    padding-right: 0px;
    /* padding-bottom: 100%; */
    width: 33.3%;
    position: relative;
    margin-bottom: 20px;
    clear: none;
    padding-right: 22px;
}

.single-umland-editions .item.umland {
    width: calc((100% / 9) * 5);
}

.item.umland .img-wrap {
    position: relative;
}

.item.umland .img-wrap img {
    z-index: 1;
}

.item.umland[data-filter="publication"] .img-wrap {
    margin-bottom: 20px;
}

.img-umland-wrap.publication {
    position: relative;
    width: calc(100% - 13px);
}

.img-umland-wrap.publication:after,
.item.umland[data-filter="publication"] .img-wrap:after {
    content: ' ';
    position: absolute;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border: 10px solid transparent;
    border-image: url(border.png) 30 round;
    right: -12px;
    top: 0px;
    border-left: 0px;
    border-top: 0px;
}

.img-umland-wrap.publication:after {
    height: calc(100% - 3px);
}

.link-umland {
    text-transform: uppercase;
    margin-bottom: 1rem;
    font-weight: 600;
    display: block;
}

.inner-square {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

.col.wide .item {
    max-width: 50%;
}

.news-item {
    padding-bottom: 1em;
    /* font-weight: bold; */
}

.read-more-btn {
    cursor: pointer;
    display: inline-block;
    font-size: 0.8em;
}

.read-less-btn {
    margin-top: 1em;
    display: none;
    cursor: pointer;
    font-size: 0.8em;
}

.open .read-more-btn {
    display: none;
}

.open .read-less-btn {
    display: inline-block;
}

.read-less-btn:hover,
.read-more-btn:hover {
    font-weight: 600;
}

.read-more-content {
    margin-top: 1em;
    display: none;
}

.open .read-more-content {
    display: block;
}

.item:hover {
    font-weight: bold;
}

.item.umland:hover {
    letter-spacing: -0.7px;
}

.item.listen,
.item.archive {
    padding-bottom: 0px;
}

.page-template-page-project .item.agenda-color {
    color: var(--projects-color);
}

.image-holder {
    position: sticky;
    width: 100%;
    height: 0px;
    top: 70px;
    width: 100%;
    text-align: left;
    pointer-events: none;
    z-index: 10;
}

.col.wide .image-holder {
    width: calc((33.3% - 10px) / 2);
    width: calc(25% - 25px);
    right: inherit;
    /* left: calc((33.3% - 10px) / 2); */
    left: calc((37.5% + 12px));

}

.images.grid {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 20px;
    width: 100%;
}

.grid-2 {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 20px;
    width: 100%;
}

.images.grid-3 {
    display: block;
    /* grid-template-columns: auto auto auto;
    grid-gap: 20px; */
    /* width: 33.3%; */
}

.grid-2 .umland img {
    max-width: 100%;
    max-height: 100%;
    align-self: start;
}


.page-template-page-umland .image-holder,
.page-template-page-project .image-holder {
    width: calc(33.3% - 6.5px);
}

.col.wide .image-holder img {
    width: 100%;
}

.image-holder img {
    width: 100%;
    display: none;
}

.image-holder.visible img {
    display: inline-block;
}

.image-wrap {
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: block;
}

.image-wrap img {
    display: block;
}

.image-wrap.smaller {
    width: 50%;
}

.logo-item {
    display: block;
    margin-bottom: 0.25rem;
}

.logo-item img {
    max-height: 50px;
}

.extra-info {
    margin-bottom: 0.5rem;
}

.agenda-item-link,
.team-item a,
.text-wrap a {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;
}

.agenda-item-link:hover,
.team-item a:hover,
.text-wrap a:hover {
    text-decoration: none;
}

p a {
    font-weight: 800;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;
}

p a:hover {
    text-decoration: none;
}

.more-info-url {
    font-weight: bold;
    white-space: nowrap;
    text-underline-offset: 3px;
    text-decoration: underline;
}

.more-info-url:hover {
    text-decoration: none;
}

.mc-field-group {
    display: flex;
    flex-wrap: wrap;
}

.mc-field-group input {
    flex-grow: 1;
    border: 0px;
    border-bottom: 1px solid black;
}

#mc-embedded-subscribe {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;
    font-weight: bold;
    text-transform: lowercase;
    padding: 0px;
    margin: 0px;
    appearance: none;
    font-size: inherit;
    background-color: transparent;
    border: 0px;
    outline: 0px;
    font-family: 'Arial Narrow';
    cursor: pointer;
}

#mc-embedded-subscribe:hover {
    text-decoration: none;
}

.col #mc_embed_signup div.mce_inline_error {
    margin: 0 0 1em 0;
    padding: 5px 10px;
    background-color: transparent;
    font-weight: normal;
    padding: 0px;
    font-size: 0.7em;
    z-index: 1;
    color: red;
    width: 100%;
}

/* LISTEN */
.item.playing {
    font-weight: bold;
}

.currentduration,
.duration {
    font-size: 0.75rem;
}

.play-button {
    background: transparent;
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    margin-right: 0px;
    padding: 0px;
    border: solid 1px;
    border-radius: 100px;
    border-color: var(--listen-color-dimmed);
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: pointer;
}

.play-button .play-icon {
    width: 20px;
    height: 20px;
    padding: 3.5px;
    padding-left: 6px;
}

.play-button .pause-icon {
    width: 20px;
    height: 20px;
    padding: 3.5px;
    padding-left: 4px;
}

.play-button:hover,
.playing .play-button {
    border-color: var(--listen-color);
}

.play-icon polygon,
.play-icon {
    fill: var(--listen-color-dimmed);
}

.play-button:hover .play-icon polygon,
.playing .play-icon polygon {
    fill: var(--listen-color);
}

.pause-icon rect,
.pause-icon {
    fill: var(--listen-color-dimmed);
}

.play-button:hover .pause-icon rect,
.playing .pause-icon rect {
    fill: var(--listen-color);
}

/* Transition for audio status and gradient */
.item.listen {
    color: var(--listen-color-dimmed);
}

.title-listen {
    display: inline;
}

/* audio 

/* Wrap for WP audio (mejs) */
.media-audio-wrap {
    width: 100%;
}

/* ---------- MEDIAELEMENT.JS AUDIO STYLING ---------- */

/* 

/* UMLAND */
.umland-image {
    max-width: 100%;
    /* max-height: 25vh;
    margin-bottom: 5px; */
    display: block;
}

/* FILTERS */
.filter-link:hover {
    font-weight: bold;
}

#search {
    border: 0px;
    outline: 0px;
    font-size: inherit;
    font-family: inherit;
    color: inherit;
    margin-bottom: 1em;
}

.filter-list {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 1em;
    max-width: 50%;
}

ul.filter-list.nomargin {
    margin-bottom: 0px;
}

ul.filter-list li {
    display: inline-block;
    margin-bottom: 0px;
    cursor: pointer;
}

ul.filter-list li:hover,
ul.filter-list li.active {
    font-weight: bold;
}

/* ul.filter-list li.sub-filter {
display: none;
} */

/* Base style for the circle (Inactive state) */
.status-circle {
    display: inline-block;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: 1px solid;
    /* Solid 1px circle */
    background-color: transparent;
    margin-right: 5px;
    /* Space between circle and text */
    flex-shrink: 0;
    /* Prevents circle from squishing */
    transition: background-color 0.3s ease;
    /* Smooth transition */
}

/* Active state styles */
/* .archive-color ul.filter-list li:hover .status-circle, */
.archive-color ul.filter-list li.active .status-circle,
ul.filter-list.archive-color li.active .status-circle {
    background-color: var(--archive-color);
    border-color: var(--archive-color);
}

/* .agenda-color ul.filter-list li:hover .status-circle, */
.agenda-color ul.filter-list li.active .status-circle,
ul.filter-list.agenda-color li.active .status-circle {
    background-color: var(--agenda-color);
    border-color: var(--agenda-color);
}

.residency-color ul.filter-list li.active .status-circle,
ul.filter-list.residency-color li.active .status-circle {
    background-color: var(--residency-color);
    border-color: var(--residency-color);
}

.main-color ul.filter-list li.active .status-circle,
ul.filter-list.main-color li.active .status-circle {
    background-color: var(--main-color);
    border-color: var(--main-color);
}


ul.filter-list li.active a {
    font-weight: bold;
    /* Make active text bold */
}

.reset-year {
    vertical-align: middle;
    cursor: pointer;
    opacity: 0.75;
    display: none;
}

.reset-year:hover {
    opacity: 1;
}

/* ITEMS */
.title {
    padding-left: 20px;
    display: inline-block;
}

.listen .title {
    margin-left: 25px;
    cursor: col-resize;
}

.label {
    padding-left: 40px;
    display: block;
    width: 100%;
}

@media (max-width: 850px) {
    .logo {
        font-size: 12vw;
        margin-right: 5px;
        line-height: 0.85;
    }

    .scrolled .logo {
        line-height: inherit;
        top: 2px;
        margin-right: 1.1vw;
        font-size: 5.8vw;
        display: inline;
    }

    .baseline {
        max-width: calc(100% - 28vw);
        font-size: 4.55vw;
        line-height: 1.2;
        letter-spacing: -0.3px;
        position: relative;
        top: -5px;

    }

    .scrolled .baseline {
        max-width: calc(100% - 8vw);
        font-size: 5.8vw;
        display: inline;
        top: 2px;
    }

    .scrolled .menu-item {
        display: none;
    }

    .scrolled .menu-item.active {
        display: inline-block;
    }

    .scrolled .menu-item.active:after {
        content: '';
    }

    .menu {
        font-size: 3.5vw;
        line-height: 1.2;
    }

    body {
        padding: 0px;
        padding-top: 0px;
        font-size: 20px;
    }

    header {
        position: sticky;
        top: 0px;
        padding-top: 5px;
        padding-right: 0px;
    }

    .language-switcher {
        position: fixed;
        bottom: 10px;
        top: auto;
        right: 10px;
        height: 20px;
    }


    .wrapper {
        width: 100%;
        flex-wrap: wrap;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 2rem;
        padding-top: 10px;
    }

    .col,
    .col-half {
        width: 100% !important;
        flex-wrap: wrap;
        margin-bottom: 1.5rem;
    }

    .image-holder {
        display: none;
    }

    .stick {
        position: relative !important;
        top: 0px !important;
    }

    .mob-order-1 {
        order: 1;
    }

    .mob-order-2 {
        order: 2;
    }

    .col-half {
        padding-right: 0px;
    }

    .col.mob-order-2,
    .col-half.mob-order-2 {
        margin-bottom: 0px;
    }

    .filter-list {
        max-width: 100%;
    }

    .col.wide .item {
        max-width: 100%;
    }

    .images.grid {
        grid-template-columns: auto auto;
    }

    .news-item img {
        max-width: 50%;
    }

    .grid-sizer {
        width: 50%;
    }

    .item.umland {
        width: 50%;
        padding-right: 10px;
    }

}


@media (max-width: 650px) {

    .logo {
        font-size: 20vw;
        margin-right: 5px;
        float: none;
    }

    .baseline {
        max-width: calc(100% - 43vw);
        font-size: 5.8vw;
        line-height: 1;
        letter-spacing: -0.3px;
        position: relative;
        top: 2px;
    }

    .menu {
        font-size: 5.8vw;
    }
}