/*
Theme Name: Ars Nova Workshop - 2021 - v2.2
Author: Equivocal LLC
Author URI: https://equivocal.studio/
Description: Custom WordPress Theme by Equivocal LLC and Hanna Karraby for Ars Nova Workshop
Version: 2.2
*/

/**
 *
 *  1- SETTINGS & CLASSES - PAGE STRUCTURE
 *  2- SETTINGS & CLASSES - DISPLAY & TYPOGRAPHY
 *    2.1- COLORS
 *    2.2- GENERAL TYPE STYLES
 *    2.3- TYPOGRAPHY SCALE
 *  3- NAVIGATION MENU / UI ELEMENTS
 *  4- HEADER
 *  5- FOOTER
 *  6- HOMEPAGE
 *  7- PAGE CONTENT STYLES
 *    7.1- ARCHIVE PAGES 
 *    7.2- SINGLE PAGES 
 *    7.3- ARCHIVE INVERTED COLOR STYLES
 *  8- IMAGES / GALLERIES / MEDIA
 *  9- EFFECTS / TRANSITIONS
 *  10- DEV
 *     
**/

html,
.root {
    font-size: 22px;
}

body {
    font-family: 'Helvetica Neue', 'Inter', sans-serif;
    font-size: 1em;
    font-weight: 500;
    line-height: 1.5em;
    color: #000000;
    background-color: #fdfdfd;
    overflow-y: scroll;
}

h1,
h2,
h3,
h4,
h4 {
    color: #2e2e2e;
}

/* LA NORD FONT LOAD-IN */
@import url('https://fonts.cdnfonts.com/css/helvetica-neue-9');

@font-face {
    font-family: 'la_nord_v2.1';
    src: url('fonts/lanordv2.1-medium-webfont.woff2') format('woff2'),
        url('fonts/lanordv2.1-medium-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'la_nord_v2.1';
    src: url('fonts/lanordv2.1-regular-webfont.woff2') format('woff2'),
        url('fonts/lanordv2.1-regular-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'la_nord_v2.1';
    src: url('fonts/lanordv2.1-regularitalic-webfont.woff2') format('woff2'),
        url('fonts/lanordv2.1-regularitalic-webfont.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'la_nord_v2.1';
    src: url('fonts/lanordv2.1-semilight-webfont.woff2') format('woff2'),
        url('fonts/lanordv2.1-semilight-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'la_nord_v2.1';
    src: url('fonts/lanord-semilightitalic-webfont.woff2') format('woff2'),
        url('fonts/lanord-semilightitalic-webfont.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

/* INTER ITALIC FONT LOAD-IN */

@font-face {
    font-family: 'Inter';
    font-display: swap;
    src: url('fonts/Inter-LightItalic.woff2?v=3.13') format('woff2'),
        url('fonts/Inter-LightItalic.woff?v=3.13') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    font-display: swap;
    src: url('fonts/Inter-MediumItalic.woff2?v=3.13') format('woff2'),
        url('fonts/Inter-MediumItalic.woff?v=3.13') format('woff');
    font-weight: 500;
    font-style: italic;
}

/* INTER ELEMENTS */

.font-inter,
.inter-condensed-letter-space,
.page .flex-content,
.single .flex-content {
    font-family: 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif;
    letter-spacing: -0.027em;
}

/* LA NORD ELEMENTS */

header,
footer,
#menu-overlay,
.page-title,
.page .flex-sidebar,
blockquote,
h1,
h2,
h3,
h4,
h5,
.button-link,
.font-lanord {
    font-family: 'la_nord_v2.1', 'Inter', sans-serif;
    letter-spacing: normal;
}

/* SPECIAL - LA NORD TITLE LETTER SPACING */

.lanord-title-letter-space {
    letter-spacing: 0.0125em;
}

/* =============================================================================
    1- SETTINGS & CLASSES - PAGE STRUCTURE
   ========================================================================== */

.content-wrap {
    position: relative;
    width: 100%;
    max-width: calc(1920px);
    margin: 0 auto;
    padding: 0 4%;
    /*overflow: hidden;*/
}
/* ABOVE 1920PX WIDTH *********************************************************/
@media handheld, only screen and (min-width: 1920px) {
    .content-wrap {
        padding: 0 60px;
    }
}

/* FLEX STYLES */

.flex-grid-wrap,
.title-block-content-row.second-row,
.info-block-content-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
.grid-list-wrap.flex-grid-wrap {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
}
.flex-1-1 {
    width: 100%;
}
.flex-4-5 {
    width: 80%;
}
.flex-3-4 {
    width: 75%;
}
.flex-2-3 {
    width: 66.67%;
}
.flex-1-2 {
    width: 50%;
}
.flex-1-3 {
    width: 33.33%;
}
.flex-1-4 {
    width: 25%;
}
.flex-1-5 {
    width: 20%;
}

/* FLEX WIDTH ADJUSTMENTS */

.flex-1-5.archive-grid-navigation-wrap {
    width: 22%;
}
.flex-4-5.archive-grid-wrap {
    width: 78%;
}

/* PAGE TEMPLATE CONTENT / SIDEBAR WIDTHS */

.page .flex-1-2.flex-content {
    width: 53.33%;
    max-width: 920px;
    margin-right: 6.5%;
}
.page .flex-1-2.flex-sidebar {
    width: calc(46.67% - 6.5%);
    max-width: 640px;
}

/* HEADER */

header {
    position: fixed;
    width: 100%;
    border-bottom: 1px solid;
    overflow: hidden;
    z-index: 100;
}

/* SECTIONS */

header + section:first-of-type {
    padding-top: calc(3.875em + 2.5em);
}
.single-news header + section:first-of-type {
    padding-top: calc(3.875em + 5em);
}
/* ABOVE 1920PX WIDTH *********************************************************/
@media handheld, only screen and (max-width: 1920px) {
    header + section:first-of-type {
        padding-top: calc(3.875em + 4%);
    }
}
/* BELOW 700PX WIDTH (MOBILE) *************************************************/
@media handheld, only screen and (max-width: 699px) {
    header.menu-open + section:first-of-type {
        padding-top: calc(5.125rem + 4%);
    }
    header:not(.menu-open) + section:first-of-type {
        padding-top: 1.5rem;
    }
}
.page-wrap,
.single .post-content-wrap:last-of-type {
    margin-bottom: 192px;
    margin-bottom: 192px;
    margin-bottom: 12rem;
}

/* ============================================================================= 
    2- SETTINGS & CLASSES - DISPLAY & TYPOGRAPHY
   ========================================================================== */

/* GENERAL SETTINGS */

.mobile-hide {
    display: block;
}
.mobile-hide.inline {
    display: inline;
}
.mobile-show,
.flex-sidebar .grid-link-block.mobile-show {
    display: none;
}
.position-relative {
    position: relative;
}
.position-absolute {
    /* position: absolute; */
}
.position-fixed {
    position: fixed;
}
.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.no-border {
    border: 0 none;
    text-decoration: none;
}
.border-top {
    border-top: 1px solid;
}
.border-bottom {
    border-bottom: 1px solid;
}
.no-padding {
    padding: 0;
}
.no-margin {
    margin: 0;
}
.no-wrap {
    white-space: nowrap;
}

/* 2.1- COLORS
============================================================================= */

.black,
li.black a {
    /*color: #2e2e2e;*/
    color: #000000;
}
.white,
li.white a {
    color: #fdfdfd;
}
.medium-gray {
    color: #979797;
}
.black-bg {
    background-color: #2e2e2e;
}
.white-bg {
    background-color: #fdfdfd;
}
.medium-gray-bg {
    background-color: #979797;
}
.gray-trans-placeholder-bg {
    background-color: rgba(200, 200, 200, 0.1);
}

/* HOVER STATE GRAY */

.hover-gold:hover,
.hover-gold a:hover,
header a:hover,
body.post-type-archive-events header a:hover,
body.archive-invert header a:hover,
footer p a:hover,
body.post-type-archive-events footer p a:hover,
body.archive-invert footer p a:hover,
body.post-type-archive-events .large-link-panel a:hover,
body.archive-invert .large-link-panel a:hover {
    color: #ababab;
}
main a:hover,
a.black:hover {
    color: #ababab;
    -webkit-text-decoration-color: #ababab;
    text-decoration-color: #ababab;
}
header a:hover .button_container span,
body.post-type-archive-events header a:hover .button_container span,
body.archive-invert header a:hover .button_container span {
    background-color: #ababab;
}

/* INLINE SVG */

svg .st0 {
    /*-webkit-transition: all .1s;*/
    /*transition: all .1s;*/
}
svg.black .st0 {
    fill: #2e2e2e;
}

svg.white .st0,
a.button-link:hover svg.black .st0 {
    fill: #fdfdfd;
}

header.menu-open a:hover svg.black .st0,
a:not(.button-link):hover svg.black .st0 {
    fill: #ababab;
}
a:hover svg.white .st0 {
    fill: #ababab;
}

/* SELECTION COLOR */

::-moz-selection {
    color: #2e2e2e;
    color: #fdfdfd;
    background-color: #dda200;
    background-color: #2e2e2e;
}
::selection {
    color: #2e2e2e;
    color: #fdfdfd;
    background-color: #dda200;
    background-color: #2e2e2e;
}
.archive-invert::-moz-selection {
    color: #2e2e2e;
    background-color: #fdfdfd;
}
.archive-invert::selection {
    color: #2e2e2e;
    background-color: #fdfdfd;
}

/* 2.2- GENERAL TYPE STYLES
============================================================================= */

a {
    text-decoration: none;
}
.light {
    font-weight: 300;
}
.medium {
    font-weight: 500;
}
.bold {
    font-weight: 700;
}
.all-caps {
    text-transform: uppercase;
}
.letter-case {
    text-transform: none;
}
.text-align-center {
    text-align: center;
}
.text-align-right {
    text-align: right;
}
.no-break {
    white-space: nowrap;
}

/* HTML TYPE STYLES */

.event-content-wrap h2 {
    margin-top: 1.5em;
}
p,
ul,
ol {
    margin: 0 0 1.5em 0;
}
ul,
ol {
    margin-left: 1.5em;
}
ul li,
ol li {
    /*margin-bottom: .625em;*/
    /*margin-bottom: .3125em;*/
}
em,
i {
    font-style: italic;
}
strong,
b {
    font-weight: 700;
}

/* REDUCED TYPE SIZE FOR SIDEBAR */

.sidebar-reduced-size {
    display: block;
    font-size: 0.9225em;
    line-height: 1.33125em;
}

/* BLOCKQUOTE */

blockquote {
    width: 80%;
    margin: 1.625em 0 1.625em 7.5%;
    font-size: 1.18375em;
    letter-spacing: 0;
}
blockquote.tagline,
blockquote.mission {
    width: 100%;
    margin-top: 0;
    margin-right: 3vw;
}
blockquote p,
.event-content-wrap blockquote p {
    margin-bottom: 0;
}
blockquote cite {
    display: inline-block;
    /*margin-top: 1.25em;*/
    margin-top: 0.525em;
    margin-left: 0.25em;
    font-family: 'Helvetica Neue', 'Inter', sans-serif;
    font-size: 0.845em;
    letter-spacing: -0.03em;
    /*line-height: 0;*/
}

/* BUTTON LINKS */

input[type='submit'] {
    -webkit-appearance: none;
}
.button-link,
.archive-links a {
    display: inline-block;
    margin: 0.5em 0;
    padding: 1.5em 1em;
    border: 2px solid;
    border-radius: 0;
    font-weight: 700;
    line-height: 0;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: all 0.1s ease-in-out 0s;
    transition: all 0.1s ease-in-out 0s;
    cursor: pointer;
}

body.archive-invert .button-link {
    border-width: 1px;
}

.button-link:hover,
.button-link.black:hover,
.button-link.red:hover,
.archive-links .current-menu-item a {
    color: #fdfdfd;
}
.button-link.no-hover {
    cursor: default;
}
.button-link.black:hover,
.archive-links .current-menu-item a {
    background-color: #171717;
    border-color: #171717;
}
.button-link:hover {
    background-color: #171717;
    border-color: #171717;
    /*background-color: #ABABAB;*/
    /*border-color: #ABABAB;*/
    /*color: #FDFDFD;*/
}

/* DONATE BUTTON LINK */

.button-link.donate-button {
    margin: 0 1em 0.75em 0;
    font-size: 1.25em;
}
.flex-sidebar .button-link.donate-button {
    display: block;
    margin-right: 0;
    padding: 1.5em 0;
    text-align: center;
    font-size: 1.5em;
}
.donate-button-paypal-notice {
    display: inline-block;
    margin-bottom: -1em;
    font-size: 0.75em;
    white-space: nowrap;
}
a.donate-button + span.donate-button-paypal-notice {
    margin-bottom: 1em;
}

/* 404 PAGE BUTTON LINK -- DRAFT DEFAULT NO BORDER BUTTON LINK */

.error404 .button-link,
.draft-page-template-default .button-link {
    margin: 1em 0;
    padding: 0;
    border: 0 none;
    font-size: 1.14375em;
    font-weight: 500;
    line-height: 1.35;
}
.error404 .button-link:hover,
.draft-page-template-default .button-link:hover {
    color: #ababab;
    background-color: #fdfdfd;
}
.error404 .button-link:hover svg.black .st0,
.draft-page-template-default .button-link:hover svg.black .st0 {
    fill: #ababab;
}

/* DRAFT - CONTENT BUTTON LINK STYLE WITH SVG ICON */

main .flex-content a.button-link,
main .primary-content-block a.button-link,
main .full-width-content-wrap a.button-link {
    margin: 1.25em 0;
    padding-right: 1.5em;
    font-size: 1.14375em;
    line-height: 1.15;
    -webkit-transition: all 0.075s ease-in-out 0s;
    transition: all 0.075s ease-in-out 0s;
}
main .flex-content a.button-link:after,
main .primary-content-block a.button-link:after,
main .full-width-content-wrap a.button-link:after {
    display: inline-block;
    content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0' y='0' viewBox='-1 -0.7 500 358' xml:space='preserve'><polygon fill='%232e2e2e' points='322.9 0 302.5 20 443.9 164.2 0 164.2 0 192.8 443.9 192.8 302.5 336.9 322.9 357 498 178.5'></polygon></svg>");
    width: 1.125em;
    margin-left: 0.25em;
}
main .flex-content a.button-link:hover:after,
main .primary-content-block a.button-link:hover:after,
main .full-width-content-wrap a.button-link:hover:after,
body.archive-invert main .flex-content a.button-link:after,
body.archive-invert main .primary-content-block a.button-link:after,
body.archive-invert main .full-width-content-wrap a.button-link:after {
    content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0' y='0' viewBox='-1 -0.7 500 358' xml:space='preserve'><polygon fill='%23fdfdfd' points='322.9 0 302.5 20 443.9 164.2 0 164.2 0 192.8 443.9 192.8 302.5 336.9 322.9 357 498 178.5'></polygon></svg>");
}

/* DRAFT - PAGE TEMPLATE DEFAULT STYLES */

.draft-page-template-default > * {
    max-width: 43.5em;
}

/* 2.3- TYPOGRAPHY SCALE
============================================================================= */

h1,
.h1,
h2,
.h2 {
    margin-bottom: 0.375em;
    font-size: 1.625em;
    line-height: 1.2;
    text-transform: uppercase;
}
h3,
.h3 {
    font-size: 1.18375em;
    line-height: 1.25em;
    margin-top: 1.5em;
    margin-bottom: 0.75em;
}
h4,
.h4 {
    font-size: 1em;
    margin-top: 1.375em;
    margin-bottom: 0.25em;
}
h5,
.h5 {
    font-size: 1em;
    line-height: 1.4;
    margin-top: 1.4em;
    margin-bottom: 0em;
}
h1:not(.page-title),
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4 {
    font-weight: 700;
}
p,
ul,
ol,
pre,
table {
    margin-top: 0em;
    margin-bottom: 1em;
}
ul ul,
ol ol,
ul ol,
ol ul {
    margin-top: 0em;
    margin-bottom: 0em;
}
hr,
.hr {
    height: 1px;
    margin: 2.8rem 0 calc(2.8rem - 1px);
    border: 0 none;
    color: #171717;
    background-color: #171717;
}
body.archive-invert hr {
    color: #fdfdfd;
    background-color: #fdfdfd;
}
a,
b,
i,
strong,
em,
small,
code {
    line-height: 0;
}
sub,
sup {
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}

/* =============================================================================
    3- NAVIGATION MENU / UI ELEMENTS
   ========================================================================== */

/* GENERAL SITE MENUS */

.header-menu,
.footer-menu,
.sidebar-page-menu,
.archive-links {
    margin-left: 0;
    list-style: none;
}

/* PAGE NAVIGATION MENU PRE-CONTENT */

nav.section-links {
    position: relative;
    margin-bottom: 2.4em;
    border-bottom: 1px solid;
}
nav.section-links li {
    display: inline;
    margin-right: 1.875em;
}
nav.section-links a {
    text-decoration: none;
    font-weight: 00;
}
nav.section-links li.current-menu-item a,
nav.section-links li a:hover {
    font-style: italic;
}
nav.section-links ul {
    margin-bottom: 0.5em;
}

/* LINK ARROW ICON/SVG */

span.link-icon-arrow svg {
    height: 0.8875em;
    margin-bottom: -1px;
    margin-left: 0.25em;
}
.large-link-panel span.link-icon-arrow svg {
    height: 0.725em;
    margin-bottom: 0;
    margin-left: 0.2em;
}
span.link-icon-arrow svg.align-middle {
    vertical-align: middle;
}

/* =============================================================================
    4- HEADER
   ========================================================================== */

header {
    font-size: 1.09375em;
}
header .content-wrap {
    width: 100%;
    padding-top: 1.125em;
    padding-bottom: 1.125em;
}
header #menu-toggle {
    cursor: pointer;
}
#menu-toggle .mobile-hide {
    display: inline;
}
#menu-toggle .mobile-show {
    display: none;
}
#menu-toggle span.menu-open-text,
#menu-toggle.active span.menu-close-text {
    display: inline-block;
    line-height: 1.375;
}
#menu-toggle.active span.menu-open-text,
#menu-toggle span.menu-close-text,
#menu-toggle.active + .breadcrumb-wrap {
    display: none;
}
header .breadcrumb-wrap {
    display: inline;
}

/* HEADER LOGO */

.header-logo-link {
    display: inline-block;
    height: calc(100% - 1em);
    width: 3.125em;
}
.header-logo-link svg.logo-circle {
    height: 100%;
}

/* HEADER BUTTON LINKS */

.header-button-links-wrap {
    float: right;
}

/* =============================================================================
    5- FOOTER
   ========================================================================== */

/* GENERAL */

footer {
    font-family: 'la_nord_v2.1', 'Inter', sans-serif;
}
footer section.footer-panel-3 {
    padding-top: 3em;
}
.footer-panel-1 p {
    margin-bottom: 0.8em;
}
.footer-panel-3 {
    font-size: 0.9375em;
    line-height: 1.4;
}
.footer-panel-3 .content-wrap {
    padding-bottom: 6.875em;
}
.footer-panel-3 .flex-1-X:nth-child(1) {
    -ms-flex-preferred-size: 72%;
    flex-basis: 72%;
}
.footer-panel-3 .flex-1-X:nth-child(2) {
    -ms-flex-preferred-size: 28%;
    flex-basis: 28%;
}

/* LARGE LINK PANEL */

.large-link-panel {
    padding: 0.3125em 0 0.95em;
}
.large-link-panel,
.font-size-xl {
    font-size: 14.75vw;
    line-height: 0.9;
    letter-spacing: -0.013125em;
}
/* ABOVE 1920PX WIDTH *********************************************************/
@media handheld, only screen and (min-width: 1920px) {
    .large-link-panel,
    .font-size-xl {
        font-size: 288px;
    }
}
.footer-panel-2.large-link-panel a,
.footer-panel-2.large-link-panel a svg.black .st0 {
    color: #2e2e2e;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
}
.footer-panel-2.large-link-panel a:hover {
    color: #ababab;
}
.footer-panel-2.large-link-panel a:hover svg.black .st0 {
    fill: #ababab;
}

/* FOOTER LOGO */

.footer-logo-link {
    display: block;
    margin-right: 1.5em;
}
.footer-logo-link svg.logo-circle {
    height: 5.25em;
}
.footer-text-wrap {
    padding-left: 1em;
    -ms-flex-preferred-size: 45vw;
    flex-basis: 45vw;
    max-width: 26.5em;
    padding-top: 0.1875em;
}

/* FOOTER MENUS */

.footer-menu {
    list-style: none;
    line-height: 1.8375;
    position: relative;
}
.footer-menu:nth-of-type(1) {
    width: 6em;
}
.footer-menu:nth-of-type(2) {
    margin-left: 2.5em;
}
.footer-menu li {
    margin-bottom: 0;
}
.footer-menu a,
nav .footer-menu a,
nav .footer-menu a:hover {
    padding: 0;
}

/* COPYRIGHT */

#copyright {
    position: absolute;
    bottom: 2em;
    font-size: 0.75em;
}

/* =============================================================================
    6- HOMEPAGE
   ========================================================================== */

/* GENERAL */

.home section[class*='-wrap'] .content-wrap {
    margin-bottom: 240px;
    margin-bottom: 15rem;
}
section.large-link-panel .content-wrap,
.home section.home-title-feature-wrap .content-wrap,
.home section.footer-panel-2 .content-wrap,
.home section.footer-panel-3 .content-wrap {
    margin-bottom: 0;
}
h2.home-section-title {
    font-size: 4.94375em;
    line-height: 0.925;
    margin-top: 0.4375em;
    margin-bottom: 1.625em;
}

/* TITLE BLOCK / FEATURED CONTENT SLIDE */

.home-title-feature-wrap .title-block-post-slide,
.home-title-feature-wrap .title-block-pre-slide-container,
.home-title-feature-wrap .flex-featured-image-panel-wrap {
    position: relative;
    display: block;
    margin: 0 auto 3.125em;
}
/* ABOVE 1920PX WIDTH *********************************************************/
@media handheld, only screen and (max-width: 1920px) {
    .home-title-feature-wrap .title-block-post-slide,
    .home-title-feature-wrap .title-block-pre-slide-container,
    .home-title-feature-wrap .flex-featured-image-panel-wrap {
        margin-bottom: 4.25vw;
    }
}
.home-title-feature-wrap .title-block-pre-slide-container {
    position: relative;
    height: 0;
    padding-bottom: 33.6875%;
}
.home-title-feature-wrap .title-block-pre-slide {
    position: absolute;
    height: 100%;
}
.home-title-feature-wrap
    .flex-featured-image-panel-wrap
    .featured-image-panel-caption {
    position: absolute;
    right: 20%;
    bottom: 2%;
    left: 1.25%;
    font-size: 0.725em;
    line-height: 1.23125;
    text-shadow: 0 0 0.75em rgb(130 130 130);
}
.home-title-feature-wrap
    .flex-featured-image-panel-wrap
    .featured-image-panel-caption.black {
    text-shadow: 0 0 0.01953125em rgb(255 255 255 / 50%);
}
.home-title-feature-wrap
    .flex-featured-image-panel-wrap
    .featured-image-panel-caption
    p {
    margin-bottom: 0;
}

/* FEATURED TEXT PANEL */

.home-featured-text-wrap blockquote {
    width: 100%;
    margin: -0.125em auto 0.9375em;
    font-size: 1.975em;
    line-height: 0.925;
    line-height: 1.3;
}
.home-featured-text-wrap blockquote.reduced-width {
    max-width: 71.5%;
}
.home-featured-text-wrap p {
    font-size: 1.09375em;
}

/* FEATURED GRID-LIST GRID-STYLE */

.featured-grid-item .grid-list-item.flex-grid-wrap {
    padding-left: 0;
}
.featured-grid-item .grid-list-item-flex a + p {
    padding: 0 10%;
}
.home-current-upcoming-wrap .grid-list-wrap.grid-style.featured-grid-item,
.home-current-upcoming-wrap
    .grid-list-wrap.grid-style:last-child
    .grid-list-item {
    -ms-flex-line-pack: baseline;
    align-content: baseline;
}
.home-current-upcoming-wrap
    .grid-list-wrap:last-child
    .grid-list-item.flex-1-2 {
    margin-bottom: 3em;
    font-size: 0.875em;
}
.home-current-upcoming-wrap
    .grid-list-wrap.grid-style
    .grid-list-item.flex-1-2:last-child {
    margin-bottom: 0;
}

/* FEATURED ITEM POSITION STICKY */

.home-current-upcoming-wrap .grid-list-wrap.grid-style.featured-grid-item {
    -ms-flex-item-align: self-end;
    align-self: self-end;
    position: -webkit-sticky;
    position: sticky;
    bottom: 3.6875em;
}

/* SHOP PANEL */

.home section.home-shop-featured-wrap .flex-grid-wrap {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.home .shop-featured-grid-wrap.flex-grid-wrap {
    padding: 0 2em;
}
.home .shop-featured-grid-item {
    width: 30%;
}
.shop-featured-grid-item-image-wrap {
    margin-bottom: 1em;
}
.shop-featured-grid-item-text-wrap {
    margin: 0 0;
    text-align: center;
}
.flex-1-2 .shop-featured-grid-item-text-wrap p,
.flex-1-3 .shop-featured-grid-item-text-wrap p {
    font-size: 1em;
}
.shop-featured-grid-item-text-wrap h3 {
    margin-top: 0;
    margin-bottom: 0.3em;
    font-size: 2.636em;
    line-height: 1;
}
.flex-1-3 .shop-featured-grid-item-text-wrap h3 {
    margin-bottom: 0.6875em;
    font-size: 2.182em;
}
/* PRICE TEXT */
.shop-featured-grid-item .flex-grid-wrap .flex-1-2:first-child {
    font-size: 1.45em;
    line-height: 1;
}
/* LINK TEXT */
.shop-featured-grid-item .flex-grid-wrap .flex-1-2:last-child {
    font-size: 1.09125em;
    line-height: 1.66875;
}

/* =============================================================================
    7 - PAGE CONTENT STYLES
   ========================================================================== */

/* LINK STYLES */

main a,
.event-details a h3,
.event-details h3 a {
    color: #000;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-color: #000;
    text-decoration-color: #000;
    text-decoration-thickness: 0.091em;
    text-underline-position: auto;
    text-underline-offset: 0.1em;
}
a.grid-list-item-link:hover {
    color: #2e2e2e;
}
main h1 a,
main h2 a,
a.hover-scale,
a.upcoming-event-img-wrap,
a.featured-content-img-wrap,
.event-title a,
.grid-link-block a {
    text-decoration: none;
    border: 0 none;
}

/* PAGES */

.page .flex-sidebar,
.single .flex-sidebar,
.lanord-font-sizing {
    font-size: 1.18375em;
    line-height: 1.3;
}
/* BELOW 900PX WIDTH *********************************************************/
@media handheld, only screen and (max-width: 899px) {
    .page .flex-sidebar {
        font-size: 1.125em;
    }
}
.page .flex-sidebar p {
    padding-right: 10%;
}

/* PAGE TITLES */

.page-title-wrap {
    margin-bottom: 5em;
    border-bottom: 1px solid;
}
section[class*='-wrap'] .page-title-wrap .content-wrap,
section.page .page-title-wrap .content-wrap {
    overflow: visible;
    margin-bottom: 0;
}
h1.page-title.font-size-xl {
    margin: 0;
    margin-top: 0.6875em;
    margin-bottom: 0.125em;
    line-height: 0.8;
    text-transform: none;
}
h1.page-title.font-size-normal {
    margin-top: 1.5em;
    font-size: 2.625em;
    font-weight: 700;
    line-height: 1;
}
h1.post-title {
    font-size: 3.1375em;
}

/* PAGE TEMPLATE BLOCKQUOTE */

blockquote.tagline,
blockquote.mission {
    width: 100%;
    margin: 0.75em auto 3.5em;
    text-align: center;
    line-height: 1.2;
    max-width: 80%;
    font-size: 2.1875em;
}

/* SUBSCRIBE/404 ALT PAGE TEMPLATE */

h1.page-title.font-size-normal + p {
    max-width: 45em;
    font-size: 1.25em;
    line-height: 1.35;
}

/* LANDING PAGE - LINKS */

.landing-page-links-wrap.page-wrap {
    margin-bottom: 128px;
    margin-bottom: 8rem;
}
.landing-page-links-wrap h1.page-title.font-size-normal + p {
    max-width: 100%;
    margin-top: 2em;
    font-size: 1em;
    line-height: inherit;
}
.landing-page-links-wrap a {
    display: block;
    text-align: center;
    max-width: 45em;
    margin-left: auto;
    margin-right: auto;
    padding: 1.375em 3.5em;
    border: 0.091em solid;
    text-decoration: none;
    font-family: 'la_nord_v2.1';
    font-size: 1.125em;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
}

/* ABOUT PAGE PDF DOWNLOAD ICON */

.flex-sidebar .figure-download-link {
    margin: -0.75em 0 0.5em;
}
.figure-download-link {
    max-width: 90%;
}
.figure-download-link a {
    -webkit-transition: opacity 0.1s;
    transition: opacity 0.1s;
}
.figure-download-link a:hover {
    opacity: 0.6;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
    filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
}

/* ABOUT PAGE BOARD & STAFF CONTENT - REPLACE DEFAULT FONT - LIMIT PARAGRAPH WIDTH */

.page-id-2020 .flex-1-2.letter-space-inter {
    font-family: 'la_nord_v2.1', 'Inter', sans-serif;
    font-size: 1.3625em;
    line-height: 1.2875;
}
.page-id-2020 .flex-1-2.letter-space-inter strong {
    font-size: 1.06875em;
    line-height: 1.35;
}
.page-id-2020 .flex-1-2.letter-space-inter p {
    max-width: 24em;
}

/* SINGLE NEWS */

.post-date {
    font-size: 1.2125em;
    margin-bottom: 0.625em;
}
.single-news .flex-1-2.flex-content {
    width: 100%;
}
.single-news .flex-content p,
.single-news .flex-content ul,
.single-news .flex-content ol,
.single-news .flex-content hr,
.single-news main figcaption {
    max-width: 43.5em;
}
.single-news .flex-content blockquote p {
    max-width: 1200px;
}
.post-tag {
    font-size: 0.6875em;
}
.tag-date-separator {
    margin: 0 0.25em;
}
.post-tag {
    border: 0 none;
    text-decoration: none;
}

/* 7.1- ARCHIVE PAGES
============================================================================= */

/* ARCHIVE PAGE STYLES */

.archive-page-sub-title {
    display: inline-block;
    margin-left: 2.5em;
    font-size: 15.49px;
    font-size: 15.49px;
    font-size: 0.968125rem;
}
.archive-page-sub-title .line-2 {
    display: inline-block;
    margin-top: 7.5%;
    font-size: 34.92px;
    font-size: 34.92px;
    font-size: 2.1825rem;
}

/* ARCHIVE GRID NAVIGATION */

h2.archive-grid-navigation-heading {
    margin-bottom: 24px;
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    font-size: 17.47px;
    font-size: 17.47px;
    font-size: 1.091875rem;
}
ul.archive-grid-navigation-links {
    list-style: none;
    margin: 0 2em 1.5em 0;
    font-size: 15.49px;
    font-size: 15.49px;
    font-size: 0.968125rem;
}
ul.archive-grid-navigation-links li {
    position: relative;
    margin-bottom: 0.75em;
}
ul.archive-grid-navigation-links a {
    border-bottom: 0 none;
    text-decoration: none;
}
ul.archive-grid-navigation-links .current-menu-item a {
    margin-left: 1.625em;
}
ul.archive-grid-navigation-links .current-menu-item a:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0.25em;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0' y='0' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cpolygon fill='%23ffffff' points='22.5 24.5 11.8 13.7 1.5 24 0 22.5 10.3 12.2 0 1.9 1.5 0.5 11.8 10.8 22.5 0 24 1.5 13.2 12.2 24 23 '/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.75em;
}
.archive-grid-navigation-wrap p {
    max-width: 80%;
}
.archive-grid-navigation-wrap p,
.grid-list-navigation-wrap p {
    font-size: 0.84375em;
    line-height: 1.5;
}

/* GRID-LIST ARCHIVE GRIDS */

.grid-list-item-image-wrap,
.archive-grid-item-image-wrap,
.news-archive-grid-item-image-wrap {
    overflow: hidden;
}
.grid-list-item a.grid-list-item-link,
.archive-grid-item a.archive-grid-item-link,
.news-archive-grid-item a.archive-grid-item-link {
    display: block;
    line-height: inherit;
}

/* BASIC STRUCTURE */

.grid-list-item.flex-grid-wrap {
    margin-bottom: 4.5em;
    padding-left: 6%;
}
.grid-list-item:last-child {
    margin-bottom: 0;
}
.grid-list-item-image-wrap {
    margin-bottom: 1em;
}

/* TYPOGRAPHY CLASSES */

.grid-list-item-date-wrap {
    text-align: left;
}
.grid-list-item-text-wrap {
    text-align: center;
}
.grid-list-item-date {
    display: -ms-inline-grid;
    display: inline-grid;
    font-size: 0.9125em;
    line-height: 1.125;
}
.grid-list-item-text-link-wrap {
    text-align: right;
}
.grid-list-item .ticket-link {
    display: inline-block;
    font-size: 0.975em;
    line-height: 0.75;
}
.grid-list-item h2,
.archive-grid-item-text-wrap h3 {
    line-height: 1;
}
.grid-list-item h2 {
    padding: 0 0.375em;
    margin-bottom: 0.6875em;
    font-size: 1.9375em;
}
.grid-list-item a:hover h2,
.grid-list-item a:hover h3,
.archive-grid-item a:hover h3,
.news-archive-grid-item a:hover h2,
.shop-featured-grid-item a:hover h3 {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-color: #2e2e2e;
    text-decoration-color: #2e2e2e;
    text-decoration-thickness: 0.05625em;
    text-underline-position: auto;
    text-underline-offset: 0.0775em;
}
.grid-list-item-flex a + p {
    margin-bottom: 0;
    line-height: 1.35;
}

/* GRID/LIST GRID STYLE */

.grid-list-wrap.grid-style .grid-list-item-date-wrap.flex-1-2 {
    width: 55%;
}
.grid-list-wrap.grid-style .grid-list-item-text-link-wrap.flex-1-2 {
    width: 45%;
}

/* RELATED PROGRAM GRID LIST */

.related-program-content-wrap a.grid-list-item-link.mobile-show {
    display: none;
}
.related-program-content-wrap .grid-list-item-flex a + p {
    font-size: 0.95em;
    line-height: 1.4375;
}

/* GRID/LIST LIST STYLES */

.grid-list-wrap.list-style .grid-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
}
.grid-list-wrap.list-style .grid-list-item.flex-1-2,
.grid-list-wrap.list-style .grid-list-item-flex:nth-child(2) .flex-1-2 {
    width: 100%;
}
.grid-list-wrap.list-style .grid-list-item-flex.flex-1-1 {
    width: 33.33%;
}

/* FIRST COLUMN - FEATURED IMAGE */

.grid-list-wrap.list-style .grid-list-item-flex:nth-child(1) {
    width: 21.5%;
}
.grid-list-wrap.list-style .grid-list-item-image-wrap {
    margin-bottom: 0;
}

/* SECOND COLUMN - CATEGORY LIST, TITLE, AND EXCERPT */

.grid-list-wrap.list-style .grid-list-item-flex:nth-child(3) {
    width: 63%;
    padding: 0 9%;
}
.grid-list-wrap.list-style .grid-list-item-flex:nth-child(3) h3 {
    margin-top: 0;
    font-size: 2.175em;
    line-height: 1;
}

/* THIRD COLUMN - DATE AND TEXT LINK */

.grid-list-wrap.list-style .grid-list-item-flex:nth-child(2) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    width: 15.5%;
    text-align: right;
}
.grid-list-wrap.list-style .grid-list-item-date-wrap {
    text-align: right;
}
.grid-list-wrap.list-style
    .grid-list-item-flex:nth-child(2)
    .grid-list-item-date-wrap {
    height: calc(100% - 2em);
}
.grid-list-wrap.list-style
    .grid-list-item-flex:nth-child(2)
    .grid-list-item-date-wrap
    span {
    max-width: 290px;
}

/* GRID/LIST PROGRAM STYLES */

.grid-list-wrap.program-style .grid-list-item.flex-grid-wrap {
    margin-bottom: 6.5em;
    padding-left: 0;
}
.grid-list-wrap.program-style .grid-list-item.flex-grid-wrap:last-child {
    margin-bottom: 0;
}
.grid-list-wrap.program-style
    .grid-list-item
    .grid-list-item-flex
    .flex-1-3:nth-child(1),
.grid-list-wrap.program-style
    .grid-list-item
    .grid-list-item-flex
    .flex-1-3:nth-child(3) {
    width: 30%;
    padding-top: 31px;
    padding-top: 31px;
    padding-top: 31px;
    padding-top: 31px;
    padding-top: 1.9375rem;
}
.grid-list-wrap.program-style
    .grid-list-item
    .grid-list-item-flex
    .flex-1-3:nth-child(2) {
    width: 40%;
}
.grid-list-wrap.program-style .grid-list-item-date {
    font-size: 1.18375em;
}
.grid-list-wrap.program-style .grid-list-item .ticket-link {
    font-size: 1.25em;
    line-height: 1.0625;
}

/* PROGRAM ARCHIVES */

.archive-grid-wrap hr {
    width: 100%;
    margin: 0 0 calc(4.875% - 1px);
}
.archive-grid-item {
    width: 29%;
    margin-right: 6.5%;
    margin-bottom: 4.875%;
}
.archive-grid-item:nth-of-type(3n) {
    margin-right: 0;
}
.archive-grid-item-text-wrap {
    margin-top: 0.54625em;
}
.archive-grid-item-text-wrap h3 {
    line-height: 1.05;
}
.archive-grid-item-text-wrap p {
    float: left;
    max-width: 50%;
    margin-bottom: 1.5em;
    font-size: 0.84375em;
    line-height: 1.15;
}
.archive-grid-item-text-wrap ul {
    float: right;
    max-width: 50%;
    margin: 0;
    font-size: 0.775em;
    line-height: 1.125;
    text-align: right;
}
.archive-grid-item-text-wrap ul li {
    margin-bottom: 0.175em;
}
.archive-grid-item-text-wrap h3 {
    clear: both;
    margin: 0;
    text-align: center;
    font-size: 1.21375em;
    line-height: 1.05;
}

/* NEWS ARCHIVES */

.news-archive-grid-item {
    margin-right: 5%;
    margin-bottom: 10%;
}
.news-archive-grid-item.flex-1-2 {
    width: 45%;
}

/* HOME - RECENT NEWS */

.home section.home-recent-news-wrap .content-wrap {
    margin-bottom: calc(15rem - 6em);
}
.home section.home-recent-news-wrap .flex-grid-wrap {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.home .news-archive-grid-item {
    width: 31%;
    margin: 0 0 6em;
    padding: 0 0.5em 0 2em;
}
.news-archive-grid-item-image-wrap {
    margin-bottom: 1.45625em;
}
.news-archive-grid-item-text-wrap {
    margin: 0 0;
}
.news-archive-grid-date {
    display: block;
    margin-bottom: 1em;
    font-size: 0.909375em;
    line-height: 1.2;
}
.news-archive-grid-item-text-wrap p {
    max-width: 40em;
    margin-bottom: 0.625em;
    font-size: 1.318em;
    line-height: 1.35;
}
.flex-1-2 .news-archive-grid-item-text-wrap p,
.flex-1-3 .news-archive-grid-item-text-wrap p {
    font-size: 1em;
}
.news-archive-grid-item-text-wrap h2 {
    margin-bottom: 0.3em;
    font-size: 2.636em;
    line-height: 1;
}
.flex-1-2 .news-archive-grid-item-text-wrap h2,
.flex-1-3 .news-archive-grid-item-text-wrap h2 {
    font-size: 2.182em;
}
.news-archive-grid-item a:last-child {
    font-size: 1.09125em;
    line-height: 1.66875;
}

/* PREVIOUS/NEXT NAVIGATION */

.page-navigation-wrap {
    width: 100%;
    margin: 4em 0 0;
    font-size: 1.332em;
    line-height: 1.2;
    text-align: center;
}

/* 7.2- SINGLE PAGES
============================================================================= */

/* STRUCTURE */

.post-content-wrap .flex-1-2.featured-image-block,
.post-content-wrap .flex-1-2.primary-content-block {
    width: 53.33%;
}
.post-content-wrap .flex-1-2.title-block,
.post-content-wrap .flex-1-2.info-block {
    width: 46.67%;
}
/* BELOW 1200PX WIDTH *********************************************************/
@media handheld, only screen and (max-width: 1199px) {
    .post-content-wrap .flex-1-2.featured-image-block,
    .post-content-wrap .flex-1-2.primary-content-block {
        width: 48%;
    }
    .post-content-wrap .flex-1-2.title-block,
    .post-content-wrap .flex-1-2.info-block {
        width: 52%;
    }
}
.page .post-content-wrap .featured-image-block .img-bg-container {
    padding-bottom: 128%;
}
.post-content-wrap.grid-second-row {
    margin-top: 2.75em;
}
.featured-image-panel > a,
.featured-image-block > a {
    display: block;
    line-height: inherit;
}

/* TITLE BLOCK */

.title-block-content-wrap {
    padding: 0 0 0 3.34375em;
    text-align: center;
}
/* BELOW 1920PX WIDTH *********************************************************/
@media handheld, only screen and (max-width: 1920px) {
    .title-block-content-wrap {
        padding-left: 3.875vw;
    }
}
.title-block-content-row.first-row {
    margin-bottom: 3em;
}
.title-block-content-wrap ul.category-list {
    margin-bottom: 1em;
}
p.program-title-link-label,
a.parent-program-title-link {
    display: inline-block;
    max-width: 66.67%;
    margin: 0 0 0.875em;
}
p.program-title-link-label,
a.parent-program-title-link,
p.post-subtitle {
    padding: 0 1em;
    font-size: 1.091875em;
    line-height: 1.225;
}
h1.post-title {
    margin: 0 0 0.5em;
    font-size: 2.54375em;
    line-height: 1;
}
.title-block .post-title {
    max-width: 80%;
    margin-right: auto;
    margin-left: auto;
}
.title-block-date-wrap p {
    font-size: 1.31875em;
    line-height: 1.103125;
    text-align: left;
}
.title-block-date-wrap.flex-1-1 p {
    text-align: center;
}
.title-block-date-wrap.flex-1-2 {
    width: 60%;
}
.title-block-link-wrap.flex-1-2 {
    width: 40%;
}
.title-block-link-wrap {
    text-align: right;
}
.title-block-link-wrap > * {
    font-size: 1.45em;
    font-weight: 700;
    line-height: 0.75;
}

/* PARENT PROGRAM TITLE BLOCK */

.parent-program-title-block .title-block-content-wrap {
    padding: 2em 0 3.5em;
}
.parent-program-title-block .title-block-content-row.first-row {
    margin-bottom: 1.5em;
}
.parent-program-title-block h1 {
    max-width: 60%;
    margin: 0 auto;
    font-size: 4.37em;
    line-height: 0.9;
}

/* INFO BLOCK */

.info-block-content-column {
    padding: 0 0 0 2.825em;
    font-size: 1.18375em;
}
.info-block-content-column.second-column {
    padding-left: 1.825em;
}
/* BELOW 1920PX WIDTH *********************************************************/
@media handheld, only screen and (max-width: 1920px) {
    .info-block-content-column {
        padding-left: 3.875vw;
    }
    .info-block-content-column.second-column {
        padding-left: 2.375vw;
    }
}
.info-block-content-column.first-column.flex-1-2 {
    width: 52.33%;
}
.info-block-content-column.second-column.flex-1-2 {
    width: 47.67%;
}
.info-block-content-section-wrap {
    line-height: 1.30625;
}
.info-block-content-section-wrap {
    margin-bottom: 3.25em;
}
.info-block-content-section-wrap:last-child {
    margin-bottom: 0;
}
.info-block h2 {
    margin-bottom: 0.6875em;
    font-size: 1em;
    font-weight: 700;
    text-transform: uppercase;
}
.info-block h2:not(:first-child) {
    margin-top: 3.25em;
}
.info-block h3 {
    margin-top: 0;
    margin-bottom: 0.4375em;
    font-size: 1em;
    font-weight: 500;
    line-height: 1.30625;
}
.info-block ul {
    margin-bottom: 1em;
    margin-left: 0;
    list-style: none;
    font-family: 'Helvetica Neue', 'Inter', sans-serif;
    font-size: 0.81875em;
    letter-spacing: -0.027em;
    line-height: 1.30625;
}
.info-block ul li,
.info-block ul li h3 {
    margin-bottom: 0.28125em;
}

/* FEATURED LISTS  - NO BULLETS */

.info-block h3 + ul {
    margin-bottom: 1em;
    margin-left: 0;
}
.info-block h3 + ul li:before,
.info-block ul.logo-list-grid li:before {
    content: '';
}

.info-block p {
    margin-bottom: 0.625em;
}

/* INFO BLOCK IMG / LOGO GRIDS */

.info-block figure {
    margin: 1.5em 0;
}
.info-block figure:last-child {
    margin-bottom: 0;
}
.info-block h2 + .logo-list-grid {
    margin-top: 0.8375em;
}
.info-block .logo-list-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /*margin: 1.25em 0;*/
    margin: 0 0 1.25em;
}
.info-block .logo-list-grid .logo-grid-1-1 {
    width: 90%;
}
.info-block .logo-list-grid .logo-grid-2-3 {
    width: 60%;
}
.info-block .logo-list-grid .logo-grid-1-2 {
    width: 45%;
}
.info-block .logo-list-grid .logo-grid-1-3 {
    width: 30%;
}
.info-block .logo-list-grid li {
    margin: 5% 0;
}
.info-block .logo-list-grid li.add-margin-top {
    margin-top: 10%;
}
.info-block .logo-list-grid li.add-margin-bottom {
    margin-bottom: 7.5%;
}
.info-block .logo-list-grid a {
    display: block;
    -webkit-transition: opacity 0.1s;
    transition: opacity 0.1s;
}
.info-block .logo-list-grid a:hover {
    opacity: 0.4375;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=44)';
    filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=44)';
}

/* BELOW 900PX WIDTH *********************************************************/
@media handheld, only screen and (max-width: 899px) {
    .info-block .logo-list-grid li {
        margin: 5% auto 5% 0;
    }
    .info-block .logo-list-grid .logo-grid-1-2 {
        width: 60%;
    }
    .info-block .logo-list-grid .logo-grid-1-3 {
        width: 45%;
    }
}

/* CATEGORY AND BULLETED/LANORD LIST STYLES */

ul.category-list,
.info-block ul:not(.category-list) li,
.primary-content-block ul li,
.full-width-content-wrap ul li,
.flex-content ul li {
    position: relative;
}
ul.category-list {
    margin: 0;
}
ul.category-list.category-list-centered {
    display: inline-block;
}
.info-block ul.category-list {
    margin-top: 0.96875em;
    margin-bottom: 1.5em;
    margin-left: 0.625em;
}
.grid-list-item ul.category-list {
    display: inline-block;
    margin: 0.375em 0 0.3125em;
    font-size: 0.9125em;
}
ul.category-list li {
    display: inline;
    line-height: 1.5;
}
.archive-grid-item-text-wrap ul.category-list li {
    line-height: 1;
}
ul.category-list li:not(:first-child):before {
    display: inline;
    content: '\002C\0020';
}
.primary-content-block ul,
.full-width-content-wrap ul,
.flex-content ul {
    margin-bottom: 1.25em;
    margin-left: 0.5em;
    list-style: none;
}
.primary-content-block ul,
.full-width-content-wrap ul,
.flex-content ul {
    margin-left: 0.875em;
}
.primary-content-block ul ul,
.full-width-content-wrap ul ul,
.flex-content ul ul,
.primary-content-block ol ol,
.full-width-content-wrap ol ol,
.flex-content ol ol,
.primary-content-block ul ol,
.full-width-content-wrap ul ol,
.flex-content ul ol,
.primary-content-block ol ul,
.full-width-content-wrap ol ul,
.flex-content ol ul {
    margin-top: 0.625em;
    margin-bottom: 0.8375em;
    margin-left: 1.75em;
}
ul.category-list:before,
.info-block ul.bulleted-list li:before,
.primary-content-block ul li:before,
.full-width-content-wrap ul li:before,
.flex-content ul li:before {
    content: '\2022';
    font-size: 0.6875em;
    position: absolute;
    left: -0.9375em;
    top: 0.4375em;
}
.info-block ul.bulleted-list li {
    margin-left: 0.625em;
}

.primary-content-block ol > li:before,
.full-width-content-wrap ol > li:before,
.flex-content ol > li:before {
    content: '';
}
ul.category-list.category-list-centered:before,
.grid-list-item ul.category-list:before,
.primary-content-block ul li:before,
.full-width-content-wrap ul li:before,
.flex-content ul li:before {
    top: 0;
}
.info-block ul:not(.category-list) li:before {
    top: 0.25em;
}
.info-block .info-block-content-column ul.lanord-list li:before {
    top: 0.1875em;
    left: -0.75em;
    font-size: 0.75em;
}
.info-block ul.lanord-list {
    font-family: 'la_nord_v2.1';
    font-size: 1em;
    letter-spacing: normal;
    line-height: 1.30625;
}
.info-block ul.lanord-list li {
    margin-bottom: 0.625em;
}

/* SPECIAL TEMP MUSICIANS LIST ITALICS FIX */

.info-block ul li em {
    font-style: normal;
}

/* POST CONTENT */

hr.post-section-divider {
    width: 4.5em;
    margin: 4.4375rem 0 calc(1.55rem - 1px);
}
.primary-content-block h2,
.single-news .flex-content h2,
.page .flex-content h2 {
    margin: 3.25em 0 0.875em;
    font-size: 1.18375em;
    font-weight: 700;
    line-height: 1.075;
}
.primary-content-block h2:first-child,
.page .flex-content h2:first-child {
    margin-top: 0;
}
.primary-content-block blockquote:first-child,
.single-news .flex-content blockquote:first-child,
.page .flex-content blockquote:first-child {
    margin-top: 0.875em;
}
.primary-content-block strong,
.flex-content strong,
.full-width-content-wrap strong {
    font-family: 'la_nord_v2.1';
    font-size: 1.0125em;
    line-height: 0.975;
    letter-spacing: -0.0135em;
}

/* FULL-WIDTH POST CONTENT */

.single .post-content-wrap.full-width-content-wrap {
    margin-top: 160px;
    margin-top: 160px;
    margin-top: 10rem;
}
.post-content-wrap.full-width-content-wrap h2:not(:first-child) {
    margin-top: 176px;
    margin-top: 176px;
    margin-top: 11rem;
}
.post-content-wrap.full-width-content-wrap h2 {
    margin-bottom: 0.875em;
    font-size: 1.18375em;
    font-weight: 700;
    line-height: 1.075;
    text-transform: uppercase;
}
.full-width-content-wrap p,
.full-width-content-wrap h2,
.full-width-content-wrap h3,
.full-width-content-wrap h4,
.full-width-content-wrap ul {
    max-width: 43.64em;
}

/* RELATED PROGRAM CONTENT */

.related-program-content-wrap {
    margin-bottom: 192px;
    margin-bottom: 192px;
    margin-bottom: 12rem;
}
.related-program-content-wrap .related-program-heading {
    margin-top: 176px;
    margin-top: 176px;
    margin-top: 11rem;
    font-size: 2.175em;
}
.related-program-content-wrap hr {
    margin: 2.0625em 0 calc(2.0625em - 1px);
}
.related-program-content-wrap .related-program-heading + hr {
    margin: 1.25em 0 calc(3.125em - 1px);
}

/* SINGLE POST NAVIGATION (PREVIOUS/NEXT) */

.post-navigation-grid {
    margin-bottom: 4em;
}
.post-navigation-previous {
    padding-right: 1em;
}
.post-navigation-next {
    padding-left: 1em;
    text-align: right;
}
[class^='post-navigation-'] a {
    border: 0 none;
}
.post-navigation-title {
    display: block;
    margin-top: 0.125em;
    font-size: 1.25em;
    line-height: 1.25;
}

/* 7.3- ARCHIVE INVERTED STYLES - DRAFT
============================================================================= */

body.archive-invert > *,
body.archive-invert #copyright.medium,
body.archive-invert .info-block h3 {
    font-weight: 300;
}
body.archive-invert .primary-content-block h3,
body.archive-invert .primary-content-block h4,
body.archive-invert .primary-content-block h5,
body.archive-invert main figcaption,
body.archive-invert .archive-grid-item h3,
body.archive-invert h1,
body.archive-invert .post-content-wrap.full-width-content-wrap h3,
body.archive-invert .related-program-content-wrap h2.related-program-heading,
body.archive-invert .grid-list-wrap h3 {
    font-weight: 500;
}
body.archive-invert h1,
body.archive-invert h2,
body.archive-invert h3,
body.archive-invert h4,
body.archive-invert h5,
body.archive-invert .info-block ul li h3 {
    color: #fdfdfd;
}
body.post-type-archive-events,
body.archive-invert {
    color: #fdfdfd;
    background-color: #171717;
}

/* FONT INTER LETTER SPACING ADJUSTMENT */

body.archive-invert .font-inter,
body.archive-invert .inter-condensed-letter-space,
body.archive-invert.page .flex-content,
body.archive-invert.single .flex-content,
body.archive-invert .info-block ul {
    letter-spacing: -0.018em;
}

/* LINK UNDERLINE STYLE ADJUSTMENT */

body.archive-invert main a,
body.archive-invert .event-details a h3,
body.archive-invert .event-details h3 a {
    text-decoration-thickness: 0.075em;
    text-underline-offset: 0.1em;
}
body.post-type-archive-events .black,
body.archive-invert .black,
body.post-type-archive-events li.black a,
body.archive-invert li.black a,
body.post-type-archive-events main a,
body.archive-invert main a {
    color: #fdfdfd;
    -webkit-text-decoration-color: #fdfdfd;
    text-decoration-color: #fdfdfd;
}
body.archive-invert .grid-list-item a:hover h2,
body.archive-invert .grid-list-item a:hover h3,
body.archive-invert .archive-grid-item a:hover h3 {
    -webkit-text-decoration-color: #fdfdfd;
    text-decoration-color: #fdfdfd;
}
body.post-type-archive-events .white,
body.archive-invert .white,
body.post-type-archive-events li.white a,
body.archive-invert li.white a {
    color: #171717;
}
body.post-type-archive-events .black-bg,
body.archive-invert .black-bg {
    background-color: #fdfdfd;
}
body.post-type-archive-events .white-bg,
body.archive-invert .white-bg {
    background-color: #171717;
}

/* INLINE SVG */

body.post-type-archive-events svg.black .st0,
body.archive-invert svg.black .st0 {
    fill: #fdfdfd;
}
body.post-type-archive-events svg.white .st0,
body.archive-invert svg.white .st0 {
    fill: #171717;
}
body.post-type-archive-events a:hover svg.black .st0,
body.archive-invert a:hover svg.black .st0 {
    fill: #ababab;
}
body.post-type-archive-events a:hover svg.white .st0,
body.archive-invert a:hover svg.white .st0 {
    fill: #ababab;
}

/* HOVER STATE GRAY */

body.archive-invert
    main
    a:not(.button-link):not(.archive-grid-item-link):not(
        .grid-list-item-link
    ):hover {
    color: #ababab;
    -webkit-text-decoration-color: #ababab;
    text-decoration-color: #ababab;
}

/* =============================================================================
    8- IMAGES / GALLERIES / MEDIA
   ========================================================================== */

/* GENERAL BACKGROUND IMAGE CONTAINER ELEMENT */

.img-bg-container,
.background-image-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: auto;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    /* FADE IN ANIMATION ON LOAD */
    opacity: 0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-duration: 0.35s;
    animation-duration: 0.35s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
        filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    }
    100% {
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
        filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
        filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    }
    100% {
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
        filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    }
}

/* BACKGROUND IMAGE CONTAINER ASPECT RATIOS */

.ratio-50 {
    padding-bottom: 50%;
}
.ratio-525 {
    padding-bottom: 52.5%;
}
.ratio-625 {
    padding-bottom: 62.5%;
}
.ratio-675 {
    padding-bottom: 67.5%;
}
.ratio-125 {
    padding-bottom: 125%; /* grid view archive */
}
.ratio-128 {
    padding-bottom: 128%; /* single-post featured image */
}
.ratio-163 {
    padding-bottom: 163%; /* shop-featured-grid-item-image-wrap */
}

/* GENERAL */

main figure {
    max-width: 100%;
    margin: 3em 0;
    color: #979797;
}
img.event-sponsor-logo {
    margin-top: -2em;
}
main figcaption {
    max-width: 90%;
    max-width: 44em;
    margin-top: 0.25em;
    font-size: 0.75em;
    line-height: 1.5;
    letter-spacing: -0.023em;
    color: #979797;
}
main figure a {
    border: 0 none;
}
main figure a:hover,
.featured-image-panel > a:hover,
.featured-image-block > a:hover {
    cursor: zoom-in;
}
section img {
    max-width: 100%;
    height: auto;
}
.single-event-wrap .single-event-feature-img img {
    width: 100%;
}
img.paypal-logo {
    max-width: 100px;
}
img.inline-logo.paypal-logo {
    display: inline-block;
    margin: 0 0 0 0.3125em;
    vertical-align: text-top;
}
.primary-content-block img.inline-logo.paypal-logo {
    vertical-align: middle;
}

/* INLINE-BLOCK FOR CONTENT LOGOS - DRAFT */

figure.inline-logo {
    display: inline-block;
    margin-right: 3em;
    vertical-align: middle;
    margin-bottom: 0;
}
figure.inline-logo img {
    max-width: 14em;
}
/* BELOW 900PX WIDTH *********************************************************/
@media handheld, only screen and (max-width: 899px) {
    figure.inline-logo img {
        max-width: 10em;
    }
}
/* BELOW 600PX WIDTH *********************************************************/
@media handheld, only screen and (max-width: 599px) {
    figure.inline-logo img {
        max-width: 50%;
    }
}

/* SPECIAL FIGURE ALIGNMENT FOR FULL-WIDTH CONTENT */

figure.aligncenter {
    margin-left: auto;
    margin-right: auto;
}
figure.alignright {
}
figure.alignleft {
}

/* WORDPRESS IMAGE GALLERIES */

div.gallery {
    margin: 3.5em 0;
}
figure.gallery-item {
    margin: 2.5em 0 3em;
}

/* EMBEDDED MEDIA / IFRAME */

span.arve-embed,
main twitterwidget {
    margin-top: 2.5em !important;
    margin-bottom: 1em !important;
}
main p iframe {
    margin: 1.25em 0;
}
main .event-info-wrap iframe {
    margin: 1.75em 0 -1em !important;
}
main .event-info-wrap iframe:last-child {
    margin-bottom: 0.5em !important;
}
.arve-wrapper,
main .arve-embed-container iframe {
    margin: 0 !important;
}

/* FEATURED IMAGE PANEL */

.featured-image-panel {
    position: relative;
    margin-bottom: 4em;
}
.single-news .featured-image-panel {
    margin-bottom: 2.5em;
}
.featured-image-panel-caption-mobile figcaption {
    margin-top: 0.625em;
}
.featured-image-panel-caption.mobile-hide figcaption {
    margin-top: 0;
}

/* PHOTOSWIPE PLUGIN CUSTOMIZATIONS */

.pswp__top-bar,
.pswp__ui--fit .pswp__top-bar,
.pswp__button.pswp__button--arrow--left,
.pswp__button.pswp__button--arrow--right {
    background-color: transparent !important;
}
.pswp__bg,
.pswp__button,
.pswp__caption,
.pswp__ui--fit .pswp__caption {
    background-color: #171717 !important;
}
.pswp__button {
    opacity: 0.75;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=75)';
    filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=75)';
    -webkit-transition: opacity 0.1s;
    transition: opacity 0.1s;
}
.pswp__button:focus,
.pswp__button:hover,
.pswp__ui--over-close .pswp__button--close {
    opacity: 0.75;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=75)';
    filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=75)';
}
.pswp__button--arrow--left,
.pswp__button--arrow--right {
    top: 45%;
    width: 100px;
    height: 144px;
}
.pswp__button--arrow--left:before {
    left: 0;
    background-position: -132px -38px !important;
}
.pswp__button--arrow--right:before {
    right: 0;
    background-position: -88px -38px !important;
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    top: 50px;
    width: 44px;
    height: 44px;
    background-color: #171717;
}
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right,
.pswp__caption,
.pswp__top-bar {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 300ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 300ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--notouch.pswp--zoom-allowed .pswp__button--zoom {
    display: none;
}
.pswp__counter {
    font-size: 12px;
    font-size: 9px;
    font-size: 9px;
    font-size: 9px;
    font-size: 9px;
    font-size: 0.5625rem;
    font-weight: 500;
    color: #fff;
    background-color: #171717;
}
.pswp__caption__center {
    max-width: 80%;
    max-width: 60em;
    padding: 1.5em 1em;
    /*text-align: left;*/
    font-size: 0.6875em;
    letter-spacing: -0.018em;
    line-height: 1.5;
    font-weight: 500;
    color: #ababab;
}

/* =============================================================================
    9- EFFECTS / TRANSITIONS
   ========================================================================== */

/* TESTING HOVER ITALICS */

.section-links a,
.footer-menu a {
    display: inline-block;
}
.section-links a:hover,
.footer-menu a:hover {
    font-style: italic;
    color: initial;
}
.section-links a:before,
.footer-menu a:before {
    display: block;
    content: attr(title);
    font-style: italic;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

/* PAGE LOAD TRANSITIONS */

section.content-wrap,
.flex-1-2.flex-content {
    opacity: 1;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    -webkit-transition: opacity 0.25s;
    transition: opacity 0.25s;
}
body.fade section.content-wrap,
body.about-fade .flex-1-2.flex-content {
    opacity: 0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    -webkit-transition: none;
    transition: none;
}
body.fade-out section.content-wrap,
.flex-1-2.flex-content.fade-out {
    opacity: 0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    -webkit-transition: opacity 0.25s;
    transition: opacity 0.25s;
}
.right-column-wrap.sr-fade-in,
.right-column-wrap .sr-fade-in-right,
footer .sr-fade-in-right-0,
footer .sr-fade-in-right-1,
footer .sr-fade-in-right-2 {
    visibility: hidden;
}

/* =============================================================================
    10- DEV
   ========================================================================== */

/* TEMP DEV ADJUSTMENTS */

.results-null-home-placeholder,
.results-null-page-placeholder {
    max-width: 27em;
    margin-top: -0.1875em;
    margin-bottom: 2.75em;
    margin-left: 4em;
    line-height: 1.5;
}
.results-null-home-placeholder {
    margin: 0 auto 3.5em;
    font-size: 1.09375em;
}
.results-null-page-placeholder a {
    text-decoration: none;
}