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

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

html {
  scroll-behavior: smooth;
}

body {
  line-height: 1;
}

a {
  text-decoration-skip-ink: auto;
}

a[href^=tel] {
  color: inherit;
  text-decoration: none;
}

button {
  outline: 0;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

q {
  display: inline;
  font-style: italic;
}

q:before {
  content: '"';
  font-style: normal;
}

q:after {
  content: '"';
  font-style: normal;
}

textarea,
input[type=text],
input[type=button],
input[type=submit],
input[type=reset],
input[type=search],
input[type=password] {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
}

input[type=search] {
  -webkit-appearance: textfield;
  appearance: textfield;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td {
  padding: 2px;
}

big {
  font-size: 120%;
}

small,
sup,
sub {
  font-size: 80%;
}

sup {
  vertical-align: super;
}

sub {
  vertical-align: sub;
}

dd {
  margin-left: 20px;
}

kbd,
tt {
  font-family: courier;
  font-size: 12px;
}

ins {
  text-decoration: underline;
}

del,
strike,
s {
  text-decoration: line-through;
}

dt {
  font-weight: bold;
}

address,
cite,
var {
  font-style: italic;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

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

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
  height: auto;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  word-break: normal;
}

.screen-reader-text:focus {
  background-color: #f7f7f7;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  -webkit-clip-path: none;
  clip-path: none;
  color: #007acc;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  right: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

.skip-link {
  left: -9999rem;
  top: 2.5rem;
  z-index: 999999999;
  text-decoration: underline;
}

.skip-link:focus {
  display: block;
  left: 6px;
  top: 7px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  line-height: normal;
  padding: 15px 23px 14px;
  z-index: 100000;
  right: auto;
}

.visually-hidden:not(:focus):not(:active),
.form-allowed-tags:not(:focus):not(:active) {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}

:root {
  /* Colors */
  --color-white: #FFFFFF;
  --color-black: #000000;
  --color-windsor: #4B2A93;
  --color-bahama: #046AA3;
  --color-tangerine: #FFC610;
  --color-medium-slate-blue: #BC91F3;
  --color-brink-pink: #FF7186;
  --color-monte-carlo: #7CC99F;
  --color-papaya-whip: #FFF1D7;
  --color-tequila: #F3CC91;
  --color-papaya-whip-dark: #F3E4C8;
  --color-atomic-tangerine: #FC995E;
  /* AIF25 June */
  --color-dark-green: #38553E;
  --color-highlander: #38553E;
  --color-light: #E5E8CC;
  --color-ghosted: #e3dedc;
  --color-yellow: #F0C051;
  --color-pink: #E77EB1;
  --color-dynamite: #FB3A26;
  --color-viola-black: #312843;
  --color-dark: #312843;
  --color-dark-red: #CB4540;
  --color-bkg-light: #E3DEDC;
  --color-orange: #FCCA94;
  --color-primary: var(--color-dark);
  --color-secondary: var(--color-yellow);
  --color-background: var(--color-light);
  /* Font Sizes */
  --font-size-h1: 2.986rem;
  --font-size-h2: 2.488rem;
  --font-size-h3: 2.074rem;
  --font-size-h4: 1.728rem;
  --font-size-h5: 1.44rem;
  --font-size-h6: 1.2rem;
  --font-size-title: 3.5832rem;
  --font-size-big: 1.25rem;
  --font-size-p: 1rem;
  --font-size-small: 0.833rem;
  --font-size-smaller: 0.694rem;
  /* Rounded Corners */
  --border-radius: .4rem;
}

h1 {
  font-size: var(--font-size-h1);
}

h2 {
  font-size: var(--font-size-h2);
}

h3 {
  font-size: var(--font-size-h3);
}

h4 {
  font-size: var(--font-size-h4);
}

h5 {
  font-size: var(--font-size-h5);
}

h6 {
  font-size: var(--font-size-h6);
}

small {
  font-size: var(--font-size-small);
}

h2 {
  margin-bottom: 1.5rem;
}

p, ul {
  line-height: 1.5;
}

em, i {
  font-style: italic;
}

.button {
  font-family: inherit;
  background-color: black;
  border: 0;
  color: white;
  border-radius: 0.1rem;
  font-size: 1rem;
  font-weight: bold;
  display: inline-block;
  padding-inline: 1.2rem;
  height: 2.25rem;
  line-height: 2.25rem;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  position: relative;
}

.button--rounded {
  font-family: inherit;
  background-color: var(--color-yellow);
  border-radius: 2rem;
  border: 1px solid var(--color-black);
  color: var(--color-black);
  display: inline-block;
  padding: 0.5rem 1rem;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
}

.button--cutout {
  border-radius: 0.25rem;
  box-shadow: 2px 2px 0.5px rgba(0, 0, 0, 0.25);
  transform: translate(0, 0);
  transition: 0.2s ease transform, 0.2s ease box-shadow;
}
.button--cutout:hover {
  transform: translate(-2px, -2px);
  box-shadow: 4px 4px 0.5px rgba(0, 0, 0, 0.25);
}

.button--yellow {
  background-color: var(--color-yellow);
  color: var(--color-black);
}

.button--highlander {
  background-color: var(--color-highlander);
  color: var(--color-white);
}

.button--monte-carlo {
  background-color: var(--color-monte-carlo);
  color: var(--color-black);
}

.button--tangerine {
  background-color: var(--color-tangerine);
  color: var(--color-black);
}

.button--windsor {
  background-color: var(--color-windsor);
  color: var(--color-white);
}

.button--red {
  background-color: var(--color-dark-red);
  color: var(--color-white);
  border-color: var(--color-dark-red);
  box-shadow: 4px 4px 6px 0 rgba(0, 0, 0, 0.25);
}

.button--orange {
  background-color: var(--color-orange);
  color: var(--color-black);
  border-color: var(--color-orange);
  box-shadow: 4px 4px 6px 0 rgba(0, 0, 0, 0.25);
}

.button--large {
  font-size: var(--font-size-h6);
  border-radius: 2rem;
  padding: 0.5rem 1rem;
}

a.button--large {
  padding: 0.5rem 1rem 0.2rem;
}

.button--sold-out {
  background-color: var(--color-dynamite);
  cursor: not-allowed;
}

@font-face {
  font-family: "PP Mori";
  src: url("assets/fonts/PPMori-ExtralightItalic.woff2") format("woff2"), url("assets/fonts/PPMori-ExtralightItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "PP Mori";
  src: url("assets/fonts/PPMori-Extralight.woff2") format("woff2"), url("assets/fonts/PPMori-Extralight.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PP Mori";
  src: url("assets/fonts/PPMori-RegularItalic.woff2") format("woff2"), url("assets/fonts/PPMori-RegularItalic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "PP Mori";
  src: url("assets/fonts/PPMori-Regular.woff2") format("woff2"), url("assets/fonts/PPMori-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PP Mori";
  src: url("assets/fonts/PPMori-SemiBold.woff2") format("woff2"), url("assets/fonts/PPMori-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PP Mori";
  src: url("assets/fonts/PPMori-SemiBoldItalic.woff2") format("woff2"), url("assets/fonts/PPMori-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
.content-grid {
  --padding-inline: 2rem;
  --narrow-max-width: 640px;
  --content-max-width: 48rem;
  --breakout-max-width: 1280px;
  --content-size: calc(
    (var(--content-max-width) - var(--narrow-max-width)) / 2
  );
  --breakout-size: calc(
    (var(--breakout-max-width) - var(--content-max-width)) / 2
  );
  display: grid;
  grid-template-columns: [full-width-start] minmax(var(--padding-inline), 1fr) [breakout-start] minmax(0, var(--breakout-size)) [content-start] minmax(0, var(--content-size)) [narrow-start] min(100% - var(--padding-inline) * 2, var(--narrow-max-width)) [narrow-end] minmax(0, var(--content-size)) [content-end] minmax(0, var(--breakout-size)) [breakout-end] minmax(var(--padding-inline), 1fr) [full-width-end];
}

.content-grid > :not(.breakout, .full-width),
.full-width > :not(.breakout, .full-width) {
  grid-column: content;
}

.content-grid > .narrow {
  grid-column: narrow;
}

.content-grid > .breakout {
  grid-column: breakout;
}

.content-grid > .full-width {
  grid-column: full-width;
  display: grid;
  grid-template-columns: inherit;
}

.event-grid {
  container: event-grid/inline-size;
  display: grid;
  gap: 2rem;
  justify-items: center;
}

.personnel-grid {
  display: grid;
  margin-bottom: 2rem;
  gap: 2rem 2rem;
  grid-template-columns: repeat(auto-fit, minmax(252px, 1fr));
}
@media screen and (min-width: 72rem) {
  .personnel-grid {
    gap: 2rem 4rem;
  }
}
.personnel-grid .card--personnel {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.event-tags-grid {
  display: grid;
  margin-bottom: 2rem;
  gap: 2rem 2rem;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 48rem) {
  .event-tags-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 72rem) {
  .event-tags-grid {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2rem 4rem;
  }
}

.theme--dark {
  background-color: var(--color-dark-green);
  color: var(--color-white);
}

#header-wrapper {
  background: var(--color-dark-green) url("assets/images/patterns/AIF25_PaperTexture_64_Highlander.jpg");
}

#primary-header {
  color: var(--color-white);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem;
  gap: 2rem;
}
#primary-header #primary-menu__toggle {
  position: relative;
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  background-color: var(--color-white);
  color: var(--color-black);
  border: 0;
  font-weight: bold;
  box-shadow: 4px 4px 0.5px 0 rgba(0, 0, 0, 0.25);
  z-index: 999;
}
@media screen and (min-width: 900px) {
  #primary-header #primary-menu__toggle {
    display: none;
  }
}
#primary-header #primary-navigation {
  display: none;
  background-color: hsla(0, 0%, 0%, 0.9);
}
@media screen and (min-width: 900px) {
  #primary-header #primary-navigation {
    background-color: transparent;
  }
}
#primary-header #primary-navigation.is-active {
  position: relative;
  display: flex;
  opacity: 1;
  backdrop-filter: blur(5px);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 998;
}
@media screen and (min-width: 900px) {
  #primary-header #primary-navigation.is-active {
    position: static;
    display: flex;
  }
}
#primary-header #primary-navigation #primary-header-menu {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: auto;
}
@media screen and (min-width: 900px) {
  #primary-header #primary-navigation #primary-header-menu {
    flex-direction: row;
  }
}

#site-title {
  position: relative;
  z-index: 999;
}
#site-title a {
  display: block;
  height: 4rem;
}
#site-title svg {
  height: 4rem;
}

#primary-header-menu {
  display: flex;
  gap: 1.5rem;
}
#primary-header-menu a {
  color: white;
  text-decoration: none;
}

@media screen and (min-width: 36rem) {
  #primary-header-menu {
    display: flex;
  }
}
#primary-footer {
  background-color: var(--color-dark-green);
  color: var(--color-white);
  font-size: var(--font-size-small);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem;
}

#primary-social-menu, #primary-legal-menu {
  display: flex;
  gap: 1rem;
}
#primary-social-menu a, #primary-legal-menu a {
  color: white;
  text-decoration: none;
}
#primary-social-menu a:hover, #primary-legal-menu a:hover {
  text-decoration: underline;
}

@media screen and (min-width: 48rem) {
  #primary-footer {
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
  }
}
.archive .header {
  padding: 4rem 0;
}
.archive .header h1 {
  font-weight: 600;
  text-align: center;
}
.archive .header .archive-meta {
  background-color: #d3d6bc;
  border-radius: calc(var(--border-radius) * 2);
  border: 2px solid var(--color-black);
  padding: 2rem;
  margin-top: 2rem;
  font-size: var(--font-size-big);
  text-wrap: pretty;
}

.archive-event-tag article {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-radius: var(--border-radius);
  border: 2px solid var(--color-black);
}
.archive-event-tag .thumbnail {
  display: block;
  height: 60%;
}
.archive-event-tag .thumbnail img {
  object-fit: cover;
  height: 100%;
}
.archive-event-tag .entry-title {
  margin-block: 0rem;
}
.archive-event-tag .entry-title a {
  font-size: 1.75rem;
  text-decoration: none;
  color: black;
  text-align: center;
  display: block;
}
.archive-event-tag .event-tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin-block: 0.5rem;
}

.page article.page header {
  margin: 4rem 0;
}
.page article.page header h1 {
  font-weight: 600;
  text-align: center;
}
.page article.page .wp-post-image {
  border-radius: var(--border-radius, 1rem);
  border: 2px solid var(--color-black);
}
.page article.page .entry-content {
  margin-block: 1.5rem;
}
.page article.page .entry-content p {
  line-height: 1.5;
  margin-bottom: 1.5rem;
}
.page article.page .entry-content ul {
  list-style: disc;
  padding-left: 1rem;
}
.page article.page .entry-content ul li:not(:last-of-type) {
  margin-bottom: 1rem;
}

.single .main-body {
  padding-block: 2rem;
}
.single article header {
  margin: 4rem 0 4rem;
}
.single article header .tags {
  text-align: center;
  margin-bottom: 1rem;
  font-size: var(--font-size-big);
}
.single article header .entry-title {
  font-weight: 600;
  text-align: center;
  text-wrap: balance;
}
.single article header a {
  color: var(--color-black);
  text-decoration: none;
}
.single article .featured-image {
  margin-bottom: 2rem;
}
.single article .featured-image .wp-post-image {
  border-radius: calc(var(--border-radius, 1rem) * 2);
  border: 2px solid var(--color-black);
  aspect-ratio: 1;
  object-fit: cover;
  max-width: 26rem;
  margin: 0 auto;
  width: 100%;
}
.single article .entry-content .content-grid {
  --padding-inline: 0rem;
}
.single article .entry-content .content {
  background-color: #d3d6bc;
  border: 2px solid var(--color-black);
  border-width: 2px 0;
  padding: 2rem;
  margin-block: 0 2rem;
  font-size: var(--font-size-p);
  text-wrap: pretty;
  transition: 0.2s ease border-radius;
}
.single article .entry-content .content p {
  line-height: 1.5;
}
.single article .entry-content .content p:not(:last-of-type) {
  margin-bottom: 1.5rem;
}
.single article .entry-content .content p strong {
  font-weight: bold;
}
.single article .entry-content .content a {
  color: var(--color-bahama);
}
.single article .entry-content .content a:visited {
  color: var(--color-windsor);
}
.single article .entry-content .content a:hover {
  color: var(--color-monte-carlo);
}
.single article .entry-content .content a:active {
  color: var(--color-medium-slate-blue);
}
.single article .entry-content .content ul {
  list-style: disc;
  padding-left: 1rem;
}
.single article .entry-content .content ul li:not(:last-of-type) {
  margin-bottom: 1rem;
}
@media screen and (min-width: 640px) {
  .single article .entry-content .content {
    border-width: 2px;
    border-radius: calc(var(--border-radius) * 2);
  }
}

.single-event strong {
  font-weight: bold;
}
.single-event article .featured-image .wp-post-image {
  aspect-ratio: 16/9;
  max-width: none;
}
.single-event .event-actions {
  margin-bottom: 2rem;
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  flex-wrap: wrap;
}
.single-event .event-makers,
.single-event .event-gallery {
  padding-block: 2rem;
  text-align: center;
}
.single-event .event-makers h2,
.single-event .event-gallery h2 {
  font-size: var(--font-size-h3);
  font-weight: 600;
  margin-bottom: 2rem;
}
.single-event .personnel-grid {
  display: flex;
  gap: 2rem;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.single-event .card--personnel__thumbnail {
  display: flex;
  justify-content: center;
}
.single-event .card--personnel__thumbnail #aif24-logo {
  padding: 0.5rem;
  background-color: var(--color-black);
}
.single-event .event-gallery .splide__track {
  overflow: hidden;
  border-radius: calc(var(--border-radius) * 2);
  border: 2px solid var(--color-black);
}
.single-event .event-gallery .splide__slide {
  background-color: var(--color-monte-carlo);
}
.single-event .event-gallery .splide__slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.single-event .event-gallery .splide__pagination {
  position: relative;
  top: 0.5rem;
  gap: 0.5rem;
}
.single-event .event-gallery .splide__pagination button {
  background-color: var(--color-papaya);
  height: 1rem;
  width: 1rem;
  border: 1px solid black;
  border-radius: 50%;
}
.single-event .event-gallery .splide__pagination button.is-active {
  background-color: var(--color-tangerine);
}
.single-event .event-related {
  padding-block: 2rem;
}
.single-event .event-related h2 {
  font-size: var(--font-size-h3);
  font-weight: 600;
  margin-bottom: 2rem;
  text-align: center;
}
.single-event .event-logos .content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 2rem;
}
.single-event .event-logos .content img {
  max-height: 4rem;
  width: auto;
}

.aif_archive .aif-poster .wp-post-image {
  border-radius: calc(var(--border-radius, 1rem) * 2);
  border: 2px solid var(--color-black);
  object-fit: contain;
  max-width: 26rem;
  margin: 0 auto;
  width: 100%;
  margin-bottom: 2rem;
}

body:not(.home) main#content {
  background: var(--color-viola-black) url("assets/images/patterns/AIF25_PaperTexture_64_ViolaBlack.jpg");
  padding: 2rem;
}
body:not(.home) main#content .main-body {
  background: var(--color-ghosted) url("assets/images/patterns/AIF25_PaperTexture_64_Ghosted.jpg");
  border-radius: 2rem;
  box-shadow: 4px 4px 0.5px 0 rgba(0, 0, 0, 0.25) inset;
}

#masthead {
  background: var(--color-dark-green) url("assets/images/patterns/AIF25_PaperTexture_64_Highlander.jpg");
  padding: 0 0 2rem;
}

#masthead .title-date,
#masthead .title {
  font-weight: 600;
  text-align: center;
}

#masthead .newsletter-heading {
  font-size: 1.5rem;
  text-align: center;
}

@media screen and (min-width: 64rem) {
  #masthead .title-date,
  #masthead .title,
  #masthead .newsletter-heading {
    text-align: left;
  }
}
#masthead .title-date {
  grid-area: date;
  font-size: clamp(1.5rem, 6vw, 4rem);
}

@media screen and (min-width: 64rem) {
  #masthead {
    padding: 0 2rem 4rem;
  }
  #masthead .title-date {
    font-size: clamp(1.25rem, 4vw, 2rem);
  }
}
#masthead .title {
  grid-area: title;
  font-size: clamp(1.5rem, 6vw, 2.5rem);
  text-wrap: pretty;
  line-height: 1.2;
  text-wrap: balance;
  font-weight: 400;
}
#masthead .title span {
  display: block;
  font-size: 1rem;
  padding-top: 0.5rem;
}

#masthead .actions {
  grid-area: buttons;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
}

@media screen and (min-width: 64rem) {
  #masthead .actions {
    justify-content: left;
  }
}
#masthead .image {
  grid-area: poster;
  justify-self: center;
}

@media screen and (min-width: 64rem) {
  #masthead .image {
    justify-content: end;
  }
}
#masthead .description {
  grid-area: description;
}

#masthead .content {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  grid-template-areas: "date" "poster" "title" "buttons" "description";
}

@media screen and (min-width: 64rem) {
  #masthead .content {
    grid-template-columns: 1.5fr 1fr;
    grid-template-rows: repeat(4, auto);
    align-items: center;
    grid-template-areas: "date poster" "title poster" "buttons poster" "description poster";
  }
}
section#front-page-schedule {
  padding-block: 4rem;
  background: var(--color-dark) url("assets/images/patterns/AIF25_PaperTexture_64_ViolaBlack.jpg");
  --padding-inline: .5rem;
}
@media screen and (min-width: 48rem) {
  section#front-page-schedule {
    --padding-inline: 2rem;
  }
}
section#front-page-schedule .content {
  padding-block: 4rem;
  border-radius: 2rem;
  box-shadow: 4px 4px 0.5px 0 rgba(0, 0, 0, 0.25) inset;
  background: var(--color-bkg-light) url("assets/images/patterns/AIF25_PaperTexture_64_Ghosted.jpg");
}
section#front-page-schedule .content .section__subheader h3 {
  border-radius: 0.5rem;
  padding: 1rem 1rem 0.5rem;
  background-color: var(--color-white);
  color: var(--color-black);
  border: 0;
  font-weight: bold;
  box-shadow: 4px 4px 0.5px 0 rgba(0, 0, 0, 0.25);
  margin: 2rem auto;
}
section#front-page-schedule article {
  border-color: var(--color-bkg-light);
  height: 100%;
}

#gallery img {
  display: block;
  border-radius: 0.1rem;
  max-width: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
}

#gallery .gallery-content {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  flex-direction: column-reverse;
  padding-block: 4rem;
}

@media screen and (min-width: 64rem) {
  #gallery .gallery-content {
    flex-direction: row;
  }
  #gallery .gallery-content .gallery-content__left {
    flex-basis: 480px;
  }
  #gallery .gallery-content .gallery-content__right {
    flex-basis: 845px;
  }
}
#gallery .gallery-content .splide {
  border: 2px solid black;
  border-radius: 0.25rem;
}

#gallery .gallery-content__left {
  display: grid;
  gap: 0.5rem;
}

#gallery .gallery-content__left .div-1 {
  grid-column: 1/3;
}

#gallery .gallery-content__left .div-2 img,
#gallery .gallery-content__left .div-3 img {
  aspect-ratio: 1;
}

.section__title h2 {
  font-size: clamp(1.728rem, 0.615rem + 4.947vw, 3.583rem);
  font-weight: 600;
  margin: 0;
  text-align: center;
  margin-inline: 2rem;
}

.section__subheader {
  text-align: center;
}
.section__subheader h3 {
  font-size: clamp(1.2rem, 1.056rem + 0.64vw, 1.44rem);
  display: inline-block;
  border: 2px solid var(--color-black);
  padding: 0.5rem 0.75rem;
  border-radius: var(--border-radius);
  margin-block: 2rem;
  padding-top: 0.7rem;
}

#front-page-prizes {
  background: var(--color-dark-green) url("assets/images/patterns/AIF25_PaperTexture_64_Highlander.jpg");
  padding-block: 4rem;
}
#front-page-prizes .section__title h2 {
  margin-bottom: 2rem;
}
#front-page-prizes .content {
  padding-block: 4rem;
  padding-inline: 1rem;
  border-radius: 2rem;
  box-shadow: 4px 4px 0.5px 0 rgba(0, 0, 0, 0.25) inset;
  background: var(--color-bkg-light) url("assets/images/patterns/AIF25_PaperTexture_64_Ghosted.jpg");
}
#front-page-prizes .content .winners-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
}
#front-page-prizes .content .winners-list li:first-child {
  flex-basis: 100%;
}
#front-page-prizes .content .winners-list .image-container {
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
  width: fit-content;
  margin: auto;
}
#front-page-prizes .content .winners-list .image-container::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 1rem;
  box-shadow: 4px 4px 0.5px 0 rgba(0, 0, 0, 0.25) inset;
}
#front-page-prizes .content .winners-list img {
  width: 100%;
  max-width: 28rem;
}

.sponsors {
  background: var(--color-dark-green) url("assets/images/patterns/AIF25_PaperTexture_64_Highlander.jpg");
  padding-block: 4rem;
}
.sponsors .content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 4rem 2rem;
  background: var(--color-bkg-light) url("assets/images/patterns/AIF25_PaperTexture_64_Ghosted.jpg");
  border-radius: 2rem;
  box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.25) inset;
}
@media screen and (min-width: 600px) {
  .sponsors .content {
    padding: 4rem;
  }
}
.sponsors h3 {
  text-align: center;
  font-size: var(--font-size-h4);
}
.sponsors .sponsor-level {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.sponsors .sponsor-level img {
  max-height: 4rem;
  width: auto;
}

.card--event {
  max-width: 960px;
  background: var(--color-dark) url("assets/images/patterns/AIF25_PaperTexture_64_ViolaBlack.jpg");
  border-radius: 1rem;
  overflow: hidden;
  display: block;
  color: var(--color-white);
  margin-inline: 1rem;
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  mask-position: center;
  position: relative;
}
@media screen and (min-width: 48rem) {
  .card--event {
    margin-inline: 2rem;
  }
}

.card--event__thumbnail {
  border-bottom: 2px solid var(--color-black);
  flex-shrink: 0;
}
.card--event__thumbnail img {
  aspect-ratio: 4/3;
  object-fit: cover;
  height: 100%;
}

.card--event__title {
  font-size: var(--font-size-h6);
  font-weight: 600;
  margin-bottom: 0.5rem;
  text-wrap: balance;
}
.card--event__title a {
  color: var(--color-white);
  text-decoration: none;
}

.card--event__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 2rem;
  flex-grow: 1;
}
.card--event__content .card--event__details {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 2rem;
}
.card--event__content .card--event__footer {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.card--event__actions {
  display: flex;
  gap: 0.5rem;
}

.card--event__tags {
  flex-shrink: 1;
}
.card--event__tags a {
  display: block;
  text-decoration: none;
}

.card--event__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}

.card--event__meta__makers-single {
  display: inline-block;
}

.card--event.event--screening {
  background: var(--color-dark) url("assets/images/patterns/AIF25_PaperTexture_64_ViolaBlack.jpg");
}

@container event-grid (width >=48rem) {
  .card--event {
    display: flex;
    flex-direction: row;
    box-shadow: 4px 4px 0.5px rgba(0, 0, 0, 0.25);
  }
  .card--event__thumbnail {
    border: 0;
    width: 40%;
    display: unset;
  }
  .card--event__thumbnail img {
    object-fit: cover;
  }
  .card--event__title {
    font-size: var(--font-size-h5);
  }
}
.card--personnel__thumbnail a {
  overflow: hidden;
  border-radius: var(--border-radius);
  border: 2px solid var(--color-black);
  aspect-ratio: 1;
  display: block;
  height: 16rem;
  pointer-events: none;
}
.card--personnel__thumbnail a:hover img {
  transform: scale(1.05);
}
.card--personnel__thumbnail img {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  transition: 0.2s ease all;
}

.card--personnel__title {
  text-align: center;
  line-height: 0.5;
  margin-top: 0.5rem;
}
.card--personnel__title a {
  color: var(--color-black);
  font-size: var(--font-size-p);
  font-weight: bold;
  text-decoration: none;
  pointer-events: none;
}

.card--personnel__thumbnail a {
  border: 0;
  position: relative;
}
.card--personnel__thumbnail a:after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 1rem;
  box-shadow: 4px 4px 0.5px 0 rgba(0, 0, 0, 0.25) inset;
}
.card--personnel__thumbnail img {
  border-radius: 1rem;
}
.card--personnel__thumbnail img#aif24-logo {
  padding: 2rem;
}

.card--personnel__title {
  line-height: 1;
  background-color: white;
  border-radius: 0.5rem;
  padding: 0 0.5rem 0.25rem;
  box-shadow: 2px 2px 0.5px rgba(0, 0, 0, 0.25);
}

#gform_wrapper_5.gform_wrapper {
  margin-top: 2rem;
}
#gform_wrapper_5.gform_wrapper .gform_footer .gform_button {
  margin: auto;
}
#gform_wrapper_5.gform_wrapper .gform_body .gform_fields #field_5_2.gfield {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#gform_wrapper_5.gform_wrapper .gform_body .gform_fields #field_5_2.gfield #input_5_2.gsurvey-rating:not(:checked) > label {
  padding-inline: 25px;
  inline-size: 50px;
}

#ticket-modal .modal-header {
  background-color: var(--color-dark-green);
  color: var(--color-white);
}
#ticket-modal .modal-header button.close {
  color: var(--color-black);
  opacity: 1;
  box-shadow: none;
  text-shadow: none;
  background-color: var(--color-yellow);
  border-radius: 50%;
  height: 2rem;
  width: 2rem;
  border: 1px solid var(--color-black);
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: normal;
  margin-top: 0;
}
#ticket-modal .modal-content {
  border-radius: var(--border-radius);
  border: 2px solid var(--color-black);
  background-color: var(--color-light);
  box-shadow: none;
}
#ticket-modal .squadup-checkout-app .squadup-row-centered > .squadup-navigation-view-container .squadup-embed-view {
  margin-bottom: auto;
}
#ticket-modal .squadup-even-titlebar {
  margin-bottom: 2rem;
}
#ticket-modal .squadup-checkout-app .squadup-navigation-view-container .squadup-even-titlebar .inner .title {
  font-size: var(--font-size-h4);
  text-wrap: balance;
  margin-bottom: 1rem;
}
#ticket-modal .squadup-checkout-app .squadup-navigation-view-container .squadup-even-titlebar .inner .title-line-2 {
  font-size: var(--font-size-h6);
  text-wrap: balance;
  margin-bottom: 1rem;
}
#ticket-modal .squadup-checkout-app .squadup-navigation-view-container .squadup-even-titlebar .inner .time {
  margin-bottom: 1rem;
  color: var(--color-black);
}
#ticket-modal .row.tickets small strong {
  font-weight: normal;
  margin-top: 0.5rem;
  display: block;
}
#ticket-modal button.btn-info {
  background-color: var(--color-monte-carlo);
  color: var(--color-black);
  border-radius: 4rem;
  border: 1px solid var(--color-black);
}
#ticket-modal button.btn-danger,
#ticket-modal .squadup-checkout-app .squadup-navigation-view-container .squadup-checkout-submit-payment {
  background-color: var(--color-tangerine);
  color: var(--color-black);
  border-radius: 4rem;
  border: 1px solid var(--color-black);
  text-transform: capitalize;
}
#ticket-modal .squadup-checkout-app .squadup-row-centered > .squadup-navigation-view-container .page-title-ident {
  color: var(--color-black);
  font-weight: bold;
  border: 0;
  margin-top: 0;
}
#ticket-modal .squadup-checkout-app .squadup-navigation-view-container .event-checkout-detail {
  border: 2px solid var(--color-black);
  border-radius: var(--border-radius);
  background-color: var(--color-papaya-whip-dark);
}

body {
  background-color: var(--color-background);
  font-family: "PP Mori", serif;
}/*# sourceMappingURL=style.css.map */