/* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– *
Theme Name: Media City Film Festival 25th Anniversary
Description: The 2021 custom theme additions for Media City Film Festival.
Author: Spellerberg Associates and Hour Studio
Author URI: https://spellerberg.org
Author URI: https://hour.studio
Version: 1.0
* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Twenty Fifth */

.page-template-25th-anniversary, .page-template-international-program-2022, .page-template-regional-program-2022, .page-template-spotlight-program-2022, .twentyfifth-template-default {
    background: black;
}

.twentyfifth_spotlight-artist #main {
    padding-top: 3.2rem;
}

.page-template-25th-anniversary b, strong,
.page-template-international-program-2022 b, strong,
.page-template-regional-program-2022 b, strong,
.page-template-spotlight-program-2022 b, strong,
.twentyfifth-template-default b, strong {
    font-weight: normal;
}

/* .page-template-25th-anniversary,
.page-template-international-program-2022,
.page-template-regional-program-2022,
.page-template-spotlight-program-2022,
.twentyfifth-template-default  */

.page-template-25th-anniversary .hour_container a,
.page-template-international-program-2022 .hour_container a,
.page-template-regional-program-2022 .hour_container a,
.page-template-spotlight-program-2022 .hour_container a,
.twentyfifth-template-default .hour_container a {
    color: var(--purple);
    text-decoration: underline;
}

.page-template-25th-anniversary a:focus,
.page-template-international-program-2022 a:focus,
.page-template-regional-program-2022 a:focus,
.page-template-spotlight-program-2022 a:focus,
.twentyfifth-template-default a:focus {
	color: var(--purple);
	outline-color: var(--purple);
    border-color: transparent;
    box-shadow: #fff;
    -webkit-transition: all ease .2s;
    transition: all ease .2s;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: 2px;
}

button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button; cursor: pointer;
}

/* STILL WORKING  */
.still {
    position: fixed;
    top: 0;
    left: 0;
    font-size: 10rem;
    color: var(--purple);
    color: transparent;
    text-shadow: 0 0 8px rgb(157 122 255 / 70%);
    text-transform: capitalize;
    background: black;
    height: 100vh;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
    z-index: 100;
}

.featured {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
}

.hero-wrapper {
    position: relative;
    display: block;
    width: 100%;
    height: 100vh;
    /* height: calc(100vh - 4rem); */
    float: left;
    overflow: hidden;
}

.hero {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.hero .festival-list-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 2;

    text-decoration: none;
}

.hero .festival-list-link .enter {
    position: absolute;
    bottom: 6rem;
    left: 6rem;
    font-size: 2.6rem;
    line-height: 1.1;
    font-weight: normal;
    color: var(--purple);
    text-decoration: underline;
}

.hero .festival-list-link .enter:hover {
    color: white;
}

.festival-title-sequence {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
}

.festival-title-sequence .frame-first {
    margin: 0;
}

.frame-first {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-56%);
    width: 100%;
    font-weight: normal;
    color: var(--purple);
    color: transparent;
    text-shadow: 0 0 8px rgb(157 122 255 / 70%);
    z-index: 1;
    opacity: 0;
    -webkit-transition: text-shadow 1s ease;
    -moz-transition: text-shadow 1s ease;
    -o-transition: text-shadow 1s ease;
    transition: text-shadow 1s ease;
}

.festival-title-sequence.active .frame-first {
    color: var(--purple);
    text-shadow: none;
}

.frame-first .title-xxl {
    text-transform: uppercase;
    font-size: 12rem;
    line-height: 11rem;
}

.frame-first.active {
    opacity: 1;
}

.frame-first .title-xl {
    text-transform: none;
    font-size: 10rem;
    line-height: 9rem;
}

.frame-second {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    font-weight: normal;
    color: var(--purple);
    opacity: 0;
}

.frame-second.active {
    opacity: 1;
}

.frame-second .title-xl {
    text-transform: uppercase;
    font-size: 10rem;
    line-height: 9rem;
}

.frame-second .title-l {
    text-transform: none;
    font-size: 6rem;
    line-height: 8rem;
}

.frame-second span.hide {
    opacity: 0;
}

.home .homeSlide {
    position: relative;
    overflow-x: hidden;
}

.home #home-page-landing-slide h1 {
    max-width: 90%;
}

.home .homeSlide .hsContainer {
    z-index: 2;
}

.hero .looped, .looped {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: black;
}

.hero .video_cover, .video_cover {
    height: 100%;
    width: 100%;
    min-width: 100%;
    min-height: 120%;
    width: auto;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    right: inherit;
    bottom: 0;
    transform: translate(-50%, -50%);
    overflow: hidden;
    z-index: 0;
    border: none;
    visibility: visible;
}

.film-wrapper {
    width: 100%;
    float: left;
}

.program-header-wrapper {
    width: 100%;
    float: left;
    padding: 0 6rem;
    margin-bottom: 3rem;
}

.donate { position: absolute; bottom: 6rem; right: 6rem; width: 10rem; height: 10rem; border-radius: 50%; background-color: var(--purple); animation-name: spin; animation-duration: 5000ms; animation-iteration-count: infinite; animation-timing-function: linear; z-index: 3; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.home .donate { bottom: inherit; top: 80vh; }
.home .donate .donate-text { color: white; position: absolute; width: 100%; height: 100%; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 1.7rem; line-height: 1.1; font-weight: normal; }

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

.on-page-title {
    position: relative;
    width: 100%;
    float: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.on-page-title p {
    font-size: 1.4375vw;
    line-height: 1.1;
    font-weight: normal;
    color: var(--purple);
    margin: 0;
    padding: 2rem 1rem;
}

.on-page-title p:first-child {
    text-transform: uppercase;
}

.big-links-list {
    position: relative;
    width: 100%;
    height: 100vh;
    float: left;
    margin-bottom: 2rem;
}

.big-twentyfifth-fest-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.big-nav {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    padding: 0;
    margin: 0;
}

.big-twentyfifth-fest-nav li {
    width: 33%;
    width: calc(100% * 1 / 3);
    height: 100%;
    list-style: none;
}

.big-twentyfifth-fest-nav li a {
    position: relative;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 5rem;
    line-height: 1.1;
    font-weight: normal !important;
    text-decoration: none !important;
    text-align: center;
    color: var(--purple);
    text-shadow: none;

    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.big-twentyfifth-fest-nav li a:hover {
    text-decoration: none;
    color: var(--purple);
    text-shadow: none;
    color: transparent;
    text-shadow: 0 0 8px rgb(157 122 255 / 70%);
}

.big-twentyfifth-fest-nav li a span {
    z-index: 1;
}

.big-twentyfifth-fest-nav li.menu-item a .nav-thumbnail {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.big-twentyfifth-fest-nav li.menu-item a .nav-thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: .5;
}

.big-twentyfifth-fest-nav li.menu-item.menu-spotlight-artists a .nav-thumbnail img {
    opacity: .8;
}

.big-twentyfifth-fest-nav li.menu-item a .nav-thumbnail img {
    -webkit-filter: grayscale(var(--value, 100%));
    filter: grayscale(var(--value, 100%));
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all 1.25s ease-in-out;
}

.big-twentyfifth-fest-nav li.menu-item a:hover .nav-thumbnail img {
    -webkit-filter: grayscale(var(--value, 0%));
    filter: grayscale(var(--value, 0%));
    transition: all 1.25s ease-in-out;
    opacity: 1;
}

.page-template-25th-anniversary .hr1 {
    display: none;
}

.organizers-wrapper {
    width: 100%;
    float: left;
    background: var(--purple);
    color: black;
    padding: 0 6rem;
}

.artist-section {
    background: var(--purple);
    color: black;
    width: 100%;
    float: left;
    padding: 0 6rem;
}

.film-hero-wrapper {
    position: relative;
    width: 100%;
    min-height: 98vh;
    overflow: hidden;
    /* display: flex;
    justify-content: center;
    align-items: center; */
    overflow: hidden;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.film-hero-wrapper-gradient {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}

.film-hero-wrapper-gradient:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .3s cubic-bezier(.57,.06,.05,.95);
    transition: opacity .3s cubic-bezier(.57,.06,.05,.95);
    opacity: .5;
    mix-blend-mode: multiply;
    background: transparent;
    background: -webkit-radial-gradient(center,ellipse cover,transparent 47%,#000 100%);
    background: -webkit-radial-gradient(center,ellipse,transparent 47%,#000 100%);
    background: radial-gradient(ellipse at center,transparent 47%,#000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="transparent",endColorstr="#dcdcdc",GradientType=1);
}

.big-play:hover ~ .film-hero-wrapper-gradient:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .3s cubic-bezier(.57,.06,.05,.95);
    transition: opacity .3s cubic-bezier(.57,.06,.05,.95);
    opacity: .8;
    mix-blend-mode: multiply;
    background: transparent;
    background: -webkit-radial-gradient(center,ellipse cover,transparent 47%,#000 100%);
    background: -webkit-radial-gradient(center,ellipse,transparent 47%,#000 100%);
    background: radial-gradient(ellipse at center,transparent 47%,#000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="transparent",endColorstr="#dcdcdc",GradientType=1);
}

.big-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60%;
    height: 60%;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: transparent;
    border: none;
}

#big-play-shape polygon {
    fill: transparent;
    stroke: #FFFFFF;
    transition: fill .5s ease;
}

.title-section {
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 3rem 6rem;
}

.spotlight-header {
    margin-bottom: 6rem;
}

.spotlight-header h1, .post-title h2, .post-title h1, .program-header h1 {
    font-size: 6rem;
    line-height: 1.2;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
}

.spotlight-header h1 {
    margin-bottom: 0;
}

.spotlight-header p, .artist-name p, program-description {
    font-size: 3.6rem;
    line-height: 1.2;
    font-weight: normal;
    margin-top: 0;
    -webkit-font-smoothing: antialiased;
}

.program-description {
    font-size: 3.6rem;
    line-height: 1.2;
    color: var(--purple);
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    width: 90%;
    margin: 3em 0;
}

.program-description p b {
    font-weight: normal !important;
}

.spotlight-header h2 {
    font-size: 2.6rem;
    line-height: 1.2;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
}

.program-header h1 {
    color: transparent;
    text-align: center;
    font-size: 12rem;
    line-height: .875;
    margin: 12rem 0 10rem;
    text-shadow: 0px 0px 11px var(--purple-dark);
    opacity: 60%:
}

.artist-section-header h2, .artist-description, .film-description, .organizers-team, .organizers-thanks, .film-title-section .artist-name, .film-title-section .film-date {
    font-size: 2.6rem;
    line-height: 1.2;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
}

.film-twentyfifth .film-information span {
    font-size: 2.6rem;
    line-height: 1.2;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
}

.film-twentyfifth .film-information span.film-title {
    font-style: italic;
    font-size: 2.6rem;
    line-height: 1.2;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
}

.list-active .film-twentyfifth .film-information span.film-title, .list-active .film-twentyfifth .film-information span, .list-active .film-twentyfifth .film-information span {
    font-size: 3rem;
    line-height: 1.2;
}

.film-title-section a {
    color: var(--purple);
    text-decoration: none;
    font-weight: normal !important;
}

.page-template-25th-anniversary .hour_container .film-title-section a,
.page-template-international-program-2022 .hour_container .film-title-section a,
.page-template-regional-program-2022 .hour_container .film-title-section a,
.page-template-spotlight-program-2022 .hour_container .film-title-section a,
.twentyfifth-template-default .hour_container .film-title-section a {
    text-decoration: none;
}

.page-template-25th-anniversary .hour_container .film-title-section a:hover,
.page-template-international-program-2022 .hour_container .film-title-section a:hover,
.page-template-regional-program-2022 .hour_container .film-title-section a:hover,
.page-template-spotlight-program-2022 .hour_container .film-title-section a:hover,
.twentyfifth-template-default .hour_container .film-title-section a:hover {
    text-decoration: none;
    color: var(--purple);
  	text-decoration: underline;
  	font-weight: normal !important;
}

.page-template-25th-anniversary .hour_container .film-title-section a:focus,
.page-template-international-program-2022 .hour_container .film-title-section a:focus,
.page-template-regional-program-2022 .hour_container .film-title-section a:focus,
.page-template-spotlight-program-2022 .hour_container .film-title-section a:focus,
.twentyfifth-template-default .hour_container .film-title-section a:focus {
    color: var(--purple-light);
    outline: 5px auto var(--purple);
    outline-offset: 2rem;
}

.single-active .film-title-section a:hover .film-information span {
    color: white;
    text-decoration: none;
}

.organizers-team a {
	color: black;
	text-decoration: underline;
	font-weight: normal !important;
}

.organizers-team a:hover {
	color: #301b49;
	text-decoration: none;
	font-weight: normal !important;
}

.organizers-section h3 {
    font-size: 1.7rem;
    line-height: 1.2;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 2px;
    margin-top:20px;
}

:is(.support-funders-section, .organizers-section) h2 {
    font-size: 2.6rem;
    line-height: 3.1;
    text-transform: uppercase;
    border-width: 0 0 1px 0;
    border-style: solid;
    margin-bottom: 1.25em;
    margin-top:3em;
}

.organizers-thanks p {
	margin-bottom: 25px;
}

.support-funders-section .row {
   display: flex;
   margin: 0;
   width: 100%;
}

.support-funders-logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    flex-direction: row;
    padding: 0 0 8rem;
    width: 100%;
}

/* RE-HOMED from global.css (7.11.1): global's bare .funder-logo img rule was silently
   load-bearing for THIS content strip (the W.2.1 navbar-collapse discovery class) — the footer
   rescope orphaned it here. Verbatim values. */
.support-funders-logos li.funder-logo img { width: auto; max-width: 80%; height: 100%; object-fit: contain; }
.support-funders-logos li.funder-logo {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0 1.5rem 2rem 0;
    height: 9rem;

    list-style: none;
    width: calc(20% - 1.5rem);
    max-width: calc(20% - 1.5rem);
}

.film-info-wrapper, .artist-wrapper, .films-wrapper {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.film-still-image, .film-gallery-image {
    position: -webkit-sticky;
    position: sticky;
    top: 3rem;
    align-self: flex-start;
    padding: 3rem 0;
}

.artist-images.col-md-6, .film-still-wrapper.col-md-6 {
    padding-left: 0;
}

.artist-description.col-md-6, .film-description.col-md-6 {
    padding-top: 3rem;
}

.film-still-wrapper figure img {
    width: 100%;
    border: 1px solid var(--purple);
}

.artist-images figure figcaption, .film-still-wrapper figure figcaption {
    font-size: 1.7rem;
    line-height: 1.2;
    font-weight: normal;
    padding-top: 1rem;
    -webkit-font-smoothing: antialiased;
}

.artist-description p, .film-description p {
    margin: 0 0 3rem;
}

.artist-description p a, .film-description p a {
    color: var(--purple);
    text-decoration: underline;
}

.artist-description p a:hover, .film-description p a:hover {
    color: white;
}

.film-section, .international-films-single, .international-films-grid, .international-films-list {
    color: var(--purple);
    padding: 0 6rem;
    width: 100%;
    float: left;
}

.hour_container {
    width: 100%;
    float: left;
}

.films-twentyfifth-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    color: var(--purple);
    padding: 0 6rem;
    opacity: 1;
}

.program-landing-image .film-still-wrapper {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.image-credits.col-md-12 {
    float: left;
    padding: 0;
}

.film-still-wrapper svg {
    width: 100%;
    height: auto;
}

.film-twentyfifth {
    margin-bottom: 6rem;
}

.list-active .film-twentyfifth {
    margin-bottom: 3rem;
}

.grid-active .film-twentyfifth {
    position: relative;
    width: calc(100% * 1 / 2);
}

.single-active .film-twentyfifth, .list-active .film-twentyfifth {
    position: relative;
    width: 100%;
}

.list-active .film-twentyfifth .film-still-wrapper {
    display: none;
}

.single-film {
    position: relative;
}

.grid-active .film-twentyfifth:nth-child(odd) {
    padding: 0 3rem 0 0;
}

.grid-active .film-twentyfifth:nth-child(even) {
    padding: 0 0 0 3rem;
}

/* .single .image-wrapper {
	width: 100%;
	border: 1px solid var(--purple);
} */

.film-twentyfifth .film-information {
    border-bottom: none;
    padding: 0.5rem 0;
    margin: 0;
}

.single-active .film-twentyfifth .film-information {
    position: relative;
}

.single-active .film-twentyfifth .film-title-section a:hover .film-information,
.single-active .film-twentyfifth .film-title-section a:hover .film-information span {
    color: var(--purple);
    text-decoration: underline;
}

.single-active .film-twentyfifth .film-information span {
    font-size: 3rem;
    line-height: 1.2;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
}

.single-active .film-twentyfifth .film-information span.film-title {
    font-style: italic;
}

.film-information {
    border-bottom: 1px solid var(--purple);
    padding: .5rem 0;
    margin: 2.5rem 0 0;
}

.film-information h2 {
    font-size: 3rem;
    line-height: 1.2;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
}

.film-section .film-information .film-title, .film-section .film-information .artist-name, .film-section .film-information .location, .film-section .film-information .film-type, .film-section .film-information .film-length {
    margin-right: 0.875rem;
}

.film-information .film-title::after, .film-information .artist-name::after, .film-information .location::after, .film-information .film-type::after, .film-information .film-length::after {
    content: ', ';
}

.page-template-spotlight-program-2022 .film-information .artist-name::after {
    content: ' ';
}

.section-header {
    width: 100%;
    border-bottom: 1px solid;
    padding: .5rem 0;
    margin: 2.5rem 0;
}

.section-header h3 {
    font-size: 1.7rem;
    line-height: 1.2;
    font-weight: normal;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
}

.artist-section-header {
    width: 100%;
    border-bottom: 1px solid;
    padding: .5rem 0;
    margin: 2.5rem 0 0;
}

.artist-interview iframe {
    margin-bottom: 3rem;
}

.artist-section-header h2, .section-header h3 {
    text-transform: uppercase;
}

.artist-section-header h2 {
    margin: 0;
}

.distribution-details {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 3rem;
}

.program-partners, .streaming-details {
    font-size: 2.6rem;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
}

.program-partners p {
    margin-bottom: 2.5rem;
}

.partner-logo-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    flex-direction: row;
}

.partner-logos {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-bottom: 2rem;
}

.partner-logos img {
    height: 8rem;
    width: auto;
    max-width: 30rem;
    object-fit: contain;
    margin-right: 1.5rem;
}

.image-credits p {
    font-size: 1.7rem;
    line-height: 1.2;
    font-weight: normal;
    padding: 3rem 0;
    -webkit-font-smoothing: antialiased;
    color: var(--purple);
}

/* .single-twentyfifth #main {
    z-index: 99996;
} */

.single-mcff_program .modal,
.single-twentyfifth .modal {
    background: black;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100vh;
}

.single-mcff_program .modal-dialog,
.single-twentyfifth .modal-dialog {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}

.single-mcff_program .modal-content,
.single-twentyfifth .modal-content {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    border: none;
    border-radius: 0;
}

.single-mcff_program .modal-content .modal-body,
.single-twentyfifth .modal-content .modal-body {
    position: relative;
    padding: 0;
}

.single-mcff_program button.close,
.single-twentyfifth button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    margin: 4rem 4rem 0 0;
    opacity: 1;
    position: fixed;
    position: sticky;
    top: 0rem;
    right: 0rem;
    display: block;
    width: auto;
    height: 3.4rem;
    background: transparent;
    border: none;
    z-index: 10000;
}

.single-mcff_program .video-wrapper,
.single-twentyfifth .video-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 6% 10% 0;
    width: 100%;
    height: 85vh;
    z-index: 1;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.firefoxmessage {
  font-size: 2.6rem;
  line-height: 1.2;
  font-weight: normal;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  color: var(--purple);
  margin-top: 1em;
}

.single-mcff_program .modal-body .transcripts,
.single-twentyfifth .modal-body .transcripts {
    position: relative;
    margin: 0 auto;
    padding: 2rem 10% 0;
    width: 100%;
    text-align: center;
}

.single-mcff_program .modal-body .transcripts .panel,
.single-twentyfifth .modal-body .transcripts .panel {
    font-size: 1.7rem;
    line-height: 1.2;
    font-weight: normal;
    background: transparent;
    color: var(--purple);
    -webkit-font-smoothing: antialiased;
}

.single-mcff_program .modal-body .transcripts p,
.single-twentyfifth .modal-body .transcripts p {
    font-size: 2.6rem;
    line-height: 1.2;
    font-weight: normal;
    text-align: left;
    padding: 1rem 12rem;
    -webkit-font-smoothing: antialiased;
}

.single-mcff_program .modal-body .transcripts .panel p:first-child,
.single-twentyfifth .modal-body .transcripts .panel p:first-child {
    margin-top: 0;
}

.transcript-btn {
    font-size: 1.7rem;
    line-height: 1.2;
    font-weight: normal;
    background: transparent;
    color: var(--purple);
    border: 1px solid var(--purple);
    border-radius: 3rem;
    padding: 0.875rem 4rem;
    -webkit-font-smoothing: antialiased;
    opacity: .4;
}

.transcript-btn:hover {
  opacity: 1;
}

.transcripts.active .transcript-btn {
  opacity: 1;
}

.transcript-btn.collapsed .close-transcript {
    display: none;
}

.transcripts.active .hide-transcript {
    display: none;
}

/* Film View Toggle Start */
.controller {
    display: flex;
    flex-direction: row;
    width: 100%;
    z-index: 100;
    transition: all 250ms ease;
/*
	position: fixed;
	left: 0;
*/
    font-size: 1.7rem;
    line-height: 1.2;
    font-weight: normal;
    background: transparent;
    color: var(--purple);
    -webkit-font-smoothing: antialiased;
}

.controller.active {
	opacity: 1;
}

.controller h2 {
    font-size: 1.7rem;
    line-height: 1.2;
    font-weight: normal;
    background: transparent;
    color: var(--purple);
    margin: 0;
    padding: 0;
}

.controller ul {
	display: flex;
	flex-direction: row;
	width: 100%;
    padding: 0 3rem 0 1rem;
}

.controller ul li {
	list-style: none;
}

.controller button {
	background: transparent;
	border: none;
	cursor: pointer;
}

.controller button.active {
    color: var(--purple-light);
    text-decoration: none;
    border: none;
}

.controller button svg {
    margin-right: .5rem;
    height: 100%;
    width: auto;
}

.controller button svg rect {
    fill: var(--purple);
}

.controller button.active rect {
    fill: var(--purple-light);
}

.controller ul.controls li:nth-child(4) {
  margin-left: auto;
}

.controller a {
	background: transparent;
	border: none;
	font-size: 2rem;
	cursor: pointer;
	display: none;
}

/* SPELLERBERG */

.hourpadding { padding: 0 6rem; margin: 0 0 4rem 0; }

.gridheadline h2 { color: var(--purple); font-size: 2.6rem; line-height: 3.1; font-weight: normal; text-transform: uppercase; border-bottom: 1px solid var(--purple); }

.catalogue .issuuembed { width: 100% !important; height: auto !important; }
.catalogue iframe { aspect-ratio: 16/9; }

.program-hero-wrapper { position: relative; width: 100%; overflow: hidden; overflow: hidden; background: var(--purple); color: black; }

.program-hero-wrapper h1 { font-size: 3rem; line-height: 1.2; }
.program-hero-wrapper p { font-size: 2.6rem; line-height: 1.2; }

.columns-wrapper { width: 100%; color: var(--purple); padding: 6rem; font-size: 2.6rem; line-height: 1.2; font-weight: normal; -webkit-font-smoothing: antialiased; }
.columns-wrapper h2 { font-size: 2.6rem; text-transform: uppercase; border-width: 0 0 1px 0; border-style: solid; padding-bottom: 2.65rem; margin-bottom: 1.25em; margin-top: 0; }
.columns-wrapper .mcffcolumn h2 { margin-top: 0; }
.columns-wrapper h3 { text-transform: uppercase; font-size: 1.7rem; line-height: 1.2; margin: 0; padding: 0; }
.columns-wrapper .button a { border: 3px solid; padding: 10px; text-transform: uppercase; font-weight: bold; font-size: 20px; }
.columns-wrapper :is(figure, .fluid-width-video-wrapper) { margin: 1em 0; }
.columns-wrapper :is(figure, .fluid-width-video-wrapper):first-child {margin-top: 0;}
.columns-wrapper p:last-child { margin-bottom: 0; }

.columns-wrapper .logos { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 1em; }
.columns-wrapper .logos li { margin: 1em 0; padding: 0; }
.columns-wrapper .centeredcolumn { margin: auto; float: initial; }

.film-wrapper { position: relative; overflow: hidden; }

.film-wrapper .fullbackground { height: 100%; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 0; object-fit: cover; background-color: var(--purple); }
.film-wrapper.bgposition-top .fullbackground { object-position: top; }
.film-wrapper.bgposition-bottom .fullbackground { object-position: bottom; }
@media only screen and (max-width: 767px) {

  .hourpadding { padding: 0 2rem; margin: 0 0 1rem 0; }

  .gridheadline h2 { font-size: 1.7rem; line-height: 1.2; padding-bottom: 0.875rem; }

  .program-hero-wrapper h1 { font-size: 2rem; line-height: 1.1;  }
  .program-hero-wrapper p { font-size: 1.7rem; line-height: 1.2;  }

}
@media only screen and (max-width: 767px) {
    #main {
        height: auto;
        margin-bottom: 0;
    }
    .homeSlide .bcg {
        height: 90vh !important;
    }
    .hero-wrapper {
        height: 90vh;
    }
    .hero .video_cover, .home .video_cover {
        max-width: inherit;
        width: 160vh;
        min-height: 100vh;
        max-height: 100vh;
        overflow: hidden;
    }
    .home #home-page-landing-slide h1 {
        max-width: 72%;
    }
    .hero .festival-list-link .enter {
        font-size: 1.7rem;
        left: 2rem;
        bottom: 2rem;
    }
    .donate {
        right: 3rem;
        bottom: 2rem;
    }
    .frame-first .title-xxl, .frame-first .title-xl, .frame-second .title-xl {
        font-size: 3.6rem;
        line-height: 3.6rem;
    }
    .frame-second .title-l {
        font-size: 2.6rem;
        line-height: 2.6rem;
    }
    .big-links-list {
        height: auto;
        margin-bottom: 0;
				padding-top: 4rem;
    }
    .big-nav {
        flex-direction: column;
    }
    .big-twentyfifth-fest-nav {
        position: relative;
        top: inherit;
        left: inherit;
    }
    .big-twentyfifth-fest-nav li {
        width: 100%;
        height: auto;
    }
    .big-twentyfifth-fest-nav li.menu-item a .nav-thumbnail {
        min-height: 100%;
    }
    .big-twentyfifth-fest-nav li a {
        font-size: 3.6rem;
        padding: 6.875rem 0;
        color: var(--purple);
        text-shadow: none;
    }
    .on-page-title {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: center;
    }
    .on-page-title p {
        font-size: 1.7rem;
        width: 50%;
        padding: 2rem;
    }
    .on-page-title p:first-child, .on-page-title p:nth-child(2) {
        padding-bottom: 0;
    }
    .on-page-title p:first-child, .on-page-title p:nth-child(3) {
        padding-right: 0;
    }
    .on-page-title p:nth-child(3), .on-page-title p:nth-child(4) {
        padding-top: 1rem;
        font-size: 1.2rem;
				padding-bottom: 0;
    }
    .program-header h1 {
        font-size: 3.6rem;
        text-shadow: 0px 0px 3px var(--purple-dark);
        margin: 12rem 0;
    }
    .program-description {
        width: 100%;
        font-size: 2rem;
    }
    .controller ul {
        padding: 0 0 0 .5rem;
        justify-content: flex-start;
    }
    .films-twentyfifth-wrapper {
        padding: 0 2rem;
    }
    .grid-active .film-twentyfifth:nth-child(odd), .grid-active .film-twentyfifth:nth-child(even) {
        padding: 0 1rem 0 0;
    }
    .film-twentyfifth .film-information span.film-title, .film-twentyfifth .film-information span {
        font-size: 1.7rem;
    }
    .single-active .film-twentyfifth .film-information span.film-title, .single-active .film-twentyfifth .film-information span, .single-active .film-twentyfifth .film-information span {
        font-size: 2.6rem;
    }
    .list-active .film-twentyfifth {
        width: 100%;
    }
    .organizers-section h2, .artist-section-header h2, .artist-description, .film-description, .organizers-team, .organizers-thanks, .film-title-section .artist-name, .film-title-section .film-date {
        font-size: 2.6rem;
    }
    hr {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    .title-section {
        padding: 3rem 2rem;
    }
    .film-hero-wrapper {
        min-height: 90vh;
    }
    .spotlight-header h1, .post-title h2, .post-title h1, .program-header h1, .film-hero-wrapper .artist-name {
        font-size: 3.6rem;
        line-height: 3.6rem;
    }
    .post-title h1 {
        margin-bottom: 0;
    }
    .film-section, .international-films-single, .international-films-grid, .international-films-list {
        padding: 0 2rem;
    }
    .film-information {
        margin: 0;
    }
    .film-information h2 {
        font-size: 2rem;
        line-height: 1.1;
        margin-top: 1rem;
        display: inline-block;
        flex-direction: unset;
        flex-wrap: unset;
    }
    .film-section .film-information .film-title, .film-section .film-information .artist-name, .film-section .film-information .location, .film-section .film-information .film-type, .film-section .film-information .film-length {
        margin-right: 0.375rem;
    }
    .film-description.col-md-6, .image-credits.col-md-12 {
        padding: 0;
    }
    .organizers-section h2, .artist-section-header h2, .artist-description, .film-description, .organizers-team, .organizers-thanks, .film-title-section .artist-name, .film-title-section .film-date, .program-partners, .streaming-details, .support-funders-section h2 {
        font-size: 1.7rem;
        line-height: 1.2;
        padding-bottom: .875rem;
    }
    .support-funders-logos li.funder-logo {
        height: auto;
        width: calc(50% - 1.5rem);
        max-width: calc(50% - 1.5rem);
    }
    .support-funders-logos li.funder-logo,
    .support-funders-logos li.funder-logo img { max-height: 8rem; }
    .support-funders-logos li.funder-logo img { height: auto; }	/* re-homed mobile halves (7.11.1) */
    .streaming-details.col-md-6, .program-partners.col-md-6 {
        padding: 0;
    }
    .film-gallery.vh-height {
        height: calc(80vw - 4rem);
    }
    .film-gallery .flickity-prev-next-button .flickity-button-icon {
        width: 3rem;
    }
    .film-gallery .flickity-prev-next-button.previous .flickity-button-icon, .film-gallery .flickity-prev-next-button.next .flickity-button-icon {
        top: 40%;
    }
    .carousel-cell {
        height: 100%;
    }
    .single .carousel-cell figure {
        align-content: center;
        height: auto;
        width: auto;
        max-height: 100%;
        max-width: 100%;
        object-fit: contain;
    }
    .artist-section {
        padding: 0 2rem;
    }
    .film-info-wrapper, .artist-wrapper, .films-wrapper {
        flex-direction: column;
    }
    .film-still-image, .film-gallery-image {
        position: relative;
        top: inherit;
        padding: 3rem 0 1rem;
    }
    .artist-description.col-md-6 {
        padding: 2rem 0;
    }
    .single-mcff_program button.close,
    .single-twentyfifth button.close {
        position: fixed;
        margin: 4rem 2rem 0 0;
    }
    .single-mcff_program .video-wrapper,
    .single-twentyfifth .video-wrapper {
        padding: 50% 2% 0;
        height: 45vh;
    }
    .single-mcff_program .modal-body .transcripts p
    .single-twentyfifth .modal-body .transcripts p {
        font-size: 2rem;
        line-height: 1.1;
        padding: 1rem 0;
    }
    .partner-logos img {
        height: 6rem;
    }
    .image-credits p {
        padding: 2rem 0;
    }
}

/* ── carousel.css DISSOLVED IN (4.3.2): the Flickity gallery component sheet, verbatim, in its
   cascade position (it loaded AFTER this sheet on twentyfifth singles — tail placement preserves
   every tie, incl. the 2 measured .carousel-cell collisions carousel wins). The flickity JS engine
   is untouched. Residue herein dies by the in-tank rule at 5.1. ── */

/*! Flickity v2.0.4
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-prev-next-button{position:absolute;top:50%;width:44px;height:44px;border:none;border-radius:50%;background:#fff;background:hsla(0,0%,100%,.75);cursor:pointer;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.flickity-prev-next-button:hover{background:#fff}.flickity-prev-next-button:focus{outline:0;box-shadow:0 0 0 5px #09F}.flickity-prev-next-button:active{opacity:.6}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button:disabled{opacity:.3;cursor:auto}.flickity-prev-next-button svg{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-prev-next-button .arrow{fill:#9D7AFF}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}

/* Custom */
.carousel {
    height: 100%;
    height: 100vh;
/*     max-height: calc(44vw - 0rem); */
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%;
}

.flickity-prev-next-button {
	position: relative;
	height: auto;
	border: none;
	border-radius: 0;
	background: transparent;
	cursor: pointer;
	-webkit-transform: none;
	transform: none;
	display: inline-block;
	top: inherit !important;
	bottom: inherit !important;
	right: inherit !important;
	left: inherit !important;
	padding: 0;
	margin-top: .5em;
}

.flickity-prev-next-button:disabled {
  opacity: 1;
	cursor: not-allowed;
}

/* .flickity-prev-next-button svg {
  display: none;
} */

.flickity-prev-next-button.previous {
  /*     width: 5.5em; */
  width: auto;
  margin-left: 1.5em;
}

.flickity-prev-next-button.previous::before {
  content: "Prev";
  font-size: 2.25vw;
  line-height: 1.19;
    font-family: 'Custom-font-replace', Arial, sans-serif;
}

.flickity-prev-next-button.previous::after {
  content: "/";
  font-size: 2.25vw;
  line-height: 1.19;
    font-family: 'Custom-font-replace', Arial, sans-serif;
}

.flickity-prev-next-button.next {
  /* 	width: 4.5em; */
  width: auto;
}

.flickity-prev-next-button.next::after {
  content: "Next";
  font-size: 2.25vw;
  line-height: 1.19;
    font-family: 'Custom-font-replace', Arial, sans-serif;
}

.carousel-cell {
    display: block;
	height: 100%;
	width: 100%;
    padding: 0;
    margin: 0;
    vertical-align: top;
}

/* cell number */
.carousel-cell img {
  display: block;
  cursor: pointer;
    height: 100%;
}

p.caption {
  font-size: 2.25vw;
  display: none;
}

.carousel-cell-wrap {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
}

/* holding page */
.page-template-holding .carousel, .home-v2 .carousel {
	width: 100vw;
	height: 100%;
	max-width: 100%;
}
.page-template-holding .button-group {
	display: none;
}

.gallery-cell {
	width: 100%;
	background: #8C8;
	color: #fff;
	height: 300px;
	text-align: center;
	line-height: 300px;
	font-size: 2rem;
	font-family: sans-serif;
}

/*
a {
	color: #fff;
	text-declaration: none;
}
*/

/* Fade CSS */

.flickity-slider {
	-webkit-transform: none !important;
    transform: none !important;
/* 	stop bounce */
    -webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	-webkit-transform: translate3d(0,0,0);
	-webkit-transform: translateZ(0);
	backface-visibility: hidden;
	perspective: 1000;
	transform: translate3d(0,0,0);
	transform: translateZ(0);
}

.carousel-cell {
	left: 0 !important;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
	z-index: -1;

/* 	stop bounce */
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	-webkit-transform: translate3d(0,0,0);
	-webkit-transform: translateZ(0);
	backface-visibility: hidden;
	perspective: 1000;
	transform: translate3d(0,0,0);
	transform: translateZ(0);
}

.carousel-cell.is-selected {
	opacity: 1;
	z-index: 0
}

.artwork-slide {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	max-width: 96%;
	max-height: 80%;
	max-height: 80vh;
	z-index: 1;
	text-align: center;

	display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.artwork-slide img {
/*
	width: 100%;
	height: 100%;
*/
	width: auto;
	height: auto;
    max-height: 100%;
    max-height: 80vh;
    max-width: 90%;
    object-fit: contain;
    opacity: 0;
    -webkit-filter: blur(40px);
    filter: blur(40px);
/*
    -webkit-transition: opacity 1.5s ease-in-out;
	-moz-transition: opacity 1.5s ease-in-out;
	-o-transition: opacity 1.5s ease-in-out;
	transition: opacity 1.5s ease-in-out;
*/

    -webkit-transition: opacity .5s .25s,-webkit-filter 1s .25s;
    transition: opacity .5s .25s,-webkit-filter 1s .25s;
    -moz-transition: opacity .5s .25s,filter 1s .25s;
    transition: opacity .5s .25s,filter 1s .25s;
    transition: opacity .5s .25s,filter 1s .25s,-webkit-filter 1s .25s;
}

.home-v2 .artwork-slide img {
	border-radius: 2vw;
}

.carousel-cell.is-selected .artwork-slide img {
	-webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
/*
	animation: fadein 500ms;
    animation-delay: 150ms;
    -moz-animation: fadein 500ms;
    -moz-animation-delay:150ms;
    -webkit-animation: fadein 500ms;
    -webkit-animation-delay:150ms;
    -o-animation: fadein 500ms;
    animation-fill-mode: forwards;
*/
}

/* FLickity Gallery */
{
/*
	height: 300px;
	height: 60vh;
*/
	height: 20vh !important;
	max-width: 100%;
	margin: 0 auto;
	margin-bottom: 0 !important;
	position: relative;
	z-index: 0;
}

.single section.slider {
	position: relative;
	width: 100%;
	padding: 0;
	margin-bottom: 10rem;
}

.carousel {
	height: 260px;
	height: 100%;
	overflow: visible;
	max-width: none;
	margin: 0 auto;
	width: auto;
}

.flickity-slider {
    position: relative;
    width: 100%;
    height: 100%;
}

/* cell inherit height from carousel */
.film-gallery {
    position: relative;
    width: 100%;
    float: left;
    margin-bottom: 3rem;
    padding: 0;
}

.vh-height {
    height:90vh;
    height: calc(100vh - 4rem);
}

.carousel .film-gallery-image figure {
    margin: 0;
}

.carousel .film-gallery-image figure img {
    width: 100%;
    object-fit: contain;
}

.carousel .film-gallery-image figure figcaption {
    text-align: center;
    font-size: 1.7rem;
    line-height: 1.2;
    font-weight: normal;
    padding: 1.5rem 6rem;
}

.carousel-cell {
	height: 94%;
	max-width: none;
	width: auto;
	overflow: visible;

	display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.slider-lightbox .carousel-cell {
	height: 96%;
}

.single .carousel-cell {
	align-items: flex-start;
}

.carousel-cell img {
	align-content: center;
	height: 94%;
    max-height: 80vh;
	width: auto;
}

.single .carousel-cell figure {
	align-content: center;
	height: 100%;
	width: auto;
	max-width: 100%;
	object-fit: contain;
}

img.gallery-cell-image {
	padding: 0 1.5em;
}

.gallery img:first-child {
/*   padding-left: 1.5em; */
}

.gallery-wrapper {
/*
	height: 700px;
	max-height: 760px;
	max-height: 700px;
*/
/* 	margin-bottom: 4em; */
    width: auto;
    height: 100%;
    position: relative;
}

.carousel-counter {
	width: auto;
	display: block;
	position: relative;
}

.carousel-counter {
	display: none;
}

.carousel--prev, .carousel--next {
	position: absolute;
	top: 44%;
	width: 2vw;
	transform: translateY(-50%);
	opacity: .45;

	z-index: 1;
}

.symposium-module .carousel--prev, .symposium-module .carousel--next {
	opacity: .75;
}

.carousel--prev {
	left: .5%;
}

.carousel--next {
	right: .5%;
}

#symposium-gallery .carousel-counter p, .carousel-counter p {
	font-size: 1.7361111111111112vw;
}

#symposium-gallery .flickity-slider > :first-child, .flickity-slider > :first-child {
    counter-reset: myitemcounter;
}

/*
.caption-wrap {
	margin-left: 2em;
}
*/

.artwork-wrap .carousel-status-total {
	margin-right: 2em;
}

.artwork-wrap .caption-wrap {
	margin-left: 0;
}

.carousel-status-count::before {
    counter-increment: myitemcounter;
    content: counters(myitemcounter, ".")" ";
    letter-spacing: -1px;
}

.carousel-status-total {
	padding-left: .115em;
}

.flickity-enabled.is-fade .flickity-slider > * {
	pointer-events: none;
	z-index:inherit;
}

.flickity-enabled.is-fade .flickity-slider > .is-selected {
	pointer-events:none;
	z-index:inherit;
}

.carousel-cell.is-selected, .carousel-cell.is-selected {
	animation: none;
	animation-delay: none;
	-moz-animation: none; /* Firefox */
	-webkit-animation: none; /* Safari and Chrome */
	-webkit-animation-delaynonenone;
	-o-animation: fadein none; /* Opera */
}


.flickity-viewport {
	overflow:visible;
	position: relative;
}

div.carousel-cell:focus, div.flickity-viewport:focus, section.gallery:focus {
/*
    box-sizing: inherit !important;
    outline: none !important;
*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



.flickity-prev-next-button:disabled {
	opacity: .5;
}

#symposium-gallery .flickity-prev-next-button.previous::before {
	display: none;
}


.flickity-prev-next-button.previous {
    top: 0 !important;
    bottom: inherit !important;
    right: inherit !important;
    left: 0 !important;
	position: absolute;
	z-index: 10;
	text-indent: -9999px;
	margin: 0 !important;

	width: 50%;
    height: 100%;
    border: none;
    border-radius:0;
    background: transparent;
    background: hsla(0,0%,100%,0);
    cursor: pointer;
    -webkit-transform: inherit;
    transform: inherit;
}

.flickity-prev-next-button.next {
    top: 0 !important;
    bottom: inherit !important;
    right: 0 !important;
    left: inherit !important;
    position: absolute;
    z-index: 10;
    text-indent: -9999px;
    margin: 0 !important;

    width: 50%;
    height: 100%;
    border: none;
    border-radius:0;
    background: transparent;
    background: hsla(0,0%,100%,0);
    -webkit-transform: inherit;
    transform: inherit;
}

p.caption {
    position: absolute;
    /* bottom: -.5em; */
    /* bottom: -2vh; */
    top: 100%;
    left: 0;
    width: 90%;
    font-size: 1.7361111111111112vw;
    line-height: 3rem;
    margin: 0;
    padding: 0;
    display: block;
    text-align: left;
}

.home p.caption, .page-template-information p.caption {
	display: none;
}

.flickity-button:hover {
/* 	background:#fff; */
	cursor:pointer
}
.flickity-button:focus {
	outline:none;-webkit-box-shadow:0 0 0 5px #19f;box-shadow:0 0 0 5px #19f
}
.flickity-button:active {
	opacity:.6
}
.flickity-button:disabled {
	opacity:.3;
	cursor:auto;
	pointer-events:none;
}

.flickity-button-icon {fill:#9D7AFF}
.flickity-prev-next-button {top:50%;width:44px;height:44px;border-radius:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.flickity-prev-next-button.previous {left:10px}
.flickity-prev-next-button.next {right:10px}
.flickity-rtl .flickity-prev-next-button.previous {left:auto;right:10px}
.flickity-rtl .flickity-prev-next-button.next {right:auto;left:10px}
.flickity-prev-next-button .flickity-button-icon {position:absolute;top:initial;right:initial;bottom:initial;left: initial;width:7rem;height:auto;}
.flickity-prev-next-button.previous .flickity-button-icon {left: 0;top: 92%;}
.flickity-prev-next-button.next .flickity-button-icon {right: 0;top: 92%;}
.flickity-page-dots {position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}
.flickity-rtl .flickity-page-dots {direction:rtl}
.flickity-page-dots .dot {display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}
.flickity-page-dots .dot.is-selected {opacity:1}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) {
	{
    	height: 40vh !important;
    }
    .slider-lightbox .carousel-counter {
	    right: 4.5%;
		left: inherit;
    }
}

@media only screen and (max-width: 768px) {
	{
    	height: 40vh !important;
    }
	.artwork-slide {
	    max-height: 37vh;
	    height: 37vh;
	    max-width: none;
	    width: 84%;
	    overflow: hidden;
    }
    .home-v2 .artwork-slide {
	    border-radius: 4vw;
	    height: 42vh;
	    max-height: 42vh;
	}
    .artwork-slide img {
	    max-height: 100%;
	    max-width: none;
	    width: auto;
		height: auto;
    }
	.flickity-enabled.is-draggable .flickity-viewport{
	    touch-action: pan-y !important;
	}
	.col-md-6.addtl-links {
		display: none;
	}
	.info-slider {
		height: 34vw !important;
	}
	.info-slider {
		margin-bottom: 1rem;
	}
	.info-slider .carousel-counter p {
		font-size: 1.4rem;
	}
	.single section.slider {
		margin-bottom: 2rem;
	}
	.slider-wrap {
    	padding: 0 1rem;
    }
	.slider-lightbox #image-gallery {
	    height: 38vh !important;
	}
	.home .carousel-counter, .page-template .carousel-counter {
		left: 74.5%;
	}
	.slider-lightbox.active .slider-wrap {
		position: absolute;
		top: 46%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.slider-lightbox.active .carousel-cell img {
		height: 100%;
	}
	p.caption {
/* 	    bottom: -1.5%; */
		top: 104%;
		font-size: 1.2rem;
		line-height: 1;
	}
	.slider-lightbox .carousel-counter, .single .carousel-counter, .slider-lightbox.active .carousel-counter {
		top: 91.5%;
		right: 1.35%;
		left: inherit;
	}
	.slider-lightbox.active .carousel-counter {
		top: 98.5%;
	}
	.carousel-counter p {
		font-size: 1.2rem;
	}
	.taxonomy .small-close {
		font-size: .875rem;
		right: -1.15rem;
	}
	.slider-lightbox.active .carousel-counter {
		top: inherit;
	}
}

/* iPhone X */
/*
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){

}
*/

@media only screen and (max-width: 480px) {
	{
    	height: 34vh !important;
    }
    .carousel-cell {
    	height: 80%;
    }
/*
    .carousel-cell img {
    	height: 80%;
	}
*/
	.single .carousel-cell img {
		height: 100%;
	}
	.carousel--prev, .carousel--next {
		width: 3vw;
		opacity: 1;
	}
}

@media only screen and (max-width: 400px) {
	{
    	height: 40vh !important;
    }
    .carousel-cell {
	    height: 88%;
	}
}


/* ═══ ERIC BASE CARRY (5.1) — the 63 survivors drained from hour-legacy-eric.css by the 84-page
   ?selmatch hour-corpus sweep (keep 63 / cut 1362; reverse-check OK; 52 bootstrap-component
   flags eyes-approved by Marty, live-browser spot-checked). Legacy formatting preserved verbatim
   (C.2-B). Appended at hour.css TAIL so the eric base loads AFTER all hour rules — its original
   cascade slot (nothing renders between the two sheets on hour pages, slot-exact). The tank file
   is now an empty loaded stub; its enqueue drop + file deletion ride at 5.2 (the de-bootstrap
   sync point). ═══ */

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

*:before  { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html { font-size: 62.5%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); height: 100%; min-height: 100%; }

body { margin: 0; font-size: 14px; line-height: 20px; color: #333333; background: black; height: 100%; min-height: 100%; overflow-x: hidden; }

figcaption { display: block; }

figure { display: block; }

footer { display: block; }

header { display: block; }

nav { display: block; }

iframe { max-width: 100%; }

a { background: transparent; color: #9D7AFF; color: #9D7AFF; text-decoration: none; }

a:active { outline: 0; }

a:hover { outline: 0; text-decoration: underline; }

a:focus { text-decoration: underline; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

b { font-weight: bold; }

img { border: 0; max-width: 100%; vertical-align: middle;  }

svg:not(:root) { overflow: hidden; }

figure { margin: 0;}

hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; width: 100%; }

h1, .h1 { font-size: 2em; margin: 0.67em 0; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; margin-top: 20px; margin-bottom: 10px; font-size: 28px; font-weight: bold; }

h2, .h2 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; margin-top: 20px; margin-bottom: 10px; font-size: 18px; }

h3, .h3 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; margin-top: 20px; margin-bottom: 10px; font-size: 24px; }

h4, .h4 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; margin-top: 10px; margin-bottom: 10px; font-size: 18px; }

h5, .h5 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; margin-top: 10px; margin-bottom: 10px; font-size: 14px; }

p { margin: 0 0 10px; }

ul { margin-top: 0; margin-bottom: 10px; }

.col-md-6 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-md-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

@media (min-width: 992px) {

.col-md-6 { float: left; width: 50%; }

.col-md-12 { float: left; width: 100%; }

}

.collapse { display: none; }

.collapse.in { display: block; }

.collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; transition: height 0.35s ease; }

.panel {
	margin-bottom: 20px;
	background-color: #ffffff;
}

.panel-group {
	margin-bottom: 20px;
}

.panel-group .panel {
	margin-bottom: 0;
	border-radius: 4px;
	overflow: hidden;
}

.close {
	float: right;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
	color: #000000;
	text-shadow: 0 1px 0 #ffffff;
	opacity: 0.2;
	filter: alpha(opacity=20);
}

.close:hover,
.close:focus {
	color: #000000;
	text-decoration: none;
	cursor: pointer;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

button.close {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
}

.modal-open {
	overflow: hidden;
}

.modal {
	display: none;
	overflow: auto;
	overflow-y: scroll;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: var(--z-modal); /* 2.3: was 5 — one notch above the old nav z:4; keeps modals above --z-nav */
	-webkit-overflow-scrolling: touch;
	outline: 0;
}

.modal.in .modal-dialog {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

.modal-dialog {
	position: relative;
	width: auto;
	margin: 10px;
}

.modal-content {
	position: relative;
	background-color: #ffffff;
	border: 1px solid #999999;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 6px;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	background-clip: padding-box;
	outline: none;
}

.modal-body {
	position: relative;
	padding: 20px;
}

@media (min-width: 768px) {

.modal-dialog {
		width: 600px;
		margin: 50px auto;
	}

.modal-content {
		-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
	}

}

.carousel {
	position: relative;
}

.hide {
	display: none !important;
}

@-ms-viewport {
	width: device-width;
}

.site { margin: 0 auto; padding: 0; height: auto; }

#main { position: relative; background: #000; margin-bottom: -5px; padding-bottom: 50px; color: #fff; height: 100%; padding-bottom: 0; }

#main a { font-weight: bold; }

.open {
		cursor: pointer;
}

@media (max-width: 767px) {

h1 { font-size: 24px; }

}

@media print {

* { text-shadow: none !important; color: #000 !important; background: transparent !important; box-shadow: none !important; }

a,
		a:visited { text-decoration: underline; }

a[href]:after { content: " (" attr(href) ")"; }

a[href^="javascript:"]:after,
		a[href^="#"]:after { content: ""; }

img { page-break-inside: avoid; max-width: 100% !important; }

p,
		h2,
		h3 { orphans: 3; widows: 3; }

h2,
		h3 { page-break-after: avoid; }

}