@font-face {
    font-family: "Neon Tubes";
    src: url(/wp-content/themes/canfilmday/assets/fonts/NeonTubes2-Regular.eot);
    src: local("Neon Tubes"), url(/wp-content/themes/canfilmday/assets/fonts/NeonTubes2-Regular.eot?) format("embedded-opentype"), url(/wp-content/themes/canfilmday/assets/fonts/NeonTubes2-Regular.woff2) format("woff2"), url(/wp-content/themes/canfilmday/assets/fonts/NeonTubes2-Regular.woff) format("woff"), url(/wp-content/themes/canfilmday/assets/fonts/NeonTubes2-Regular.ttf) format("truetype"), url(/wp-content/themes/canfilmday/assets/fonts/NeonTubes2-Regular.svg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

:root {
    --cfd-gutter: 1.25rem;
    --cfd-container-padding: calc(var(--cfd-gutter) / 2);
    --cfd-container-width: 100%;
    --cfd-container-width-sm: 33.75rem;
    --cfd-container-width-md: 45rem;
    --cfd-container-width-lg: 60rem;
    --cfd-container-width-xl: 71.25rem;
    --cfd-container-width-xxl: 82.5rem;
    --cfd-container-width-xxxl: 90rem;
    --cfd-container-width-xxxxl: 108.75rem;
    --cfd-black: black;
    --cfd-white: white;
    --cfd-grey: #7c7c7c;
    --cfd-grey-dark: #484848;
    --cfd-grey-medium: #7c7c7c;
    --cfd-grey-lightest: #e0e0e0;
    --cfd-primary: #e32553;
    --cfd-primary-light: rgb(246.6, 189.6, 203.4);
    --cfd-primary-medium: #f192a9;
    --cfd-secondary: #ffe188;
    --cfd-secondary-light: rgb(255, 246, 219.3);
    --cfd-secondary-medium: rgb(255, 240, 195.5);
    --cfd-text-main: black;
    --cfd-text-muted: #7c7c7c;
    --cfd-text-reversed: white;
    --cfd-body-bg: white;
    --cfd-font-base: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    --cfd-font-heading: alternate-gothic-no-3-d, Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    --cfd-layer-bg: -1;
    --cfd-layer-bg-overlay: 0;
    --cfd-layer-content: 1;
    --cfd-layer-content-super: 2;
    --cfd-layer-overlay: 3;
    --cfd-layer-overtop: 4;
    --cfd-layer-modal: 10;
    --cfd-layer-modal-super: 15;
    --cfd-layer-nav-sub: 20;
    --cfd-layer-nav: 25;
    --cfd-layer-nav-super: 30;
    --cfd-layer-uber: 100;
    --cfd-radius-lg: 10px;
    --cfd-radius-sm: 5px;
    --cfd-touch-target-min: 40px;
    --cfd-font-size-xl: calc(1.1159926471rem + 0.9023219814vw);
    --cfd-font-size-lg: calc(1.1113970588rem + 0.6430340557vw);
    --cfd-font-size-md: calc(1.1040441176rem + 0.2281733746vw);
    --cfd-font-size-sm: calc(1.1022058824rem + 0.1244582043vw);
    --cfd-font-size-xs: calc(1.1003676471rem + 0.0207430341vw);
    --cfd-font-size-xxs: 1rem;
    --cfd-font-size-base: calc(1.1058823529rem + 0.3318885449vw);
    --cfd-font-size-h1: calc(1.2033088235rem + 5.8287925697vw);
    --cfd-font-size-h2: calc(1.1665441177rem + 3.7544891641vw);
    --cfd-font-size-h3: calc(1.1481617647rem + 2.7173374613vw);
    --cfd-font-size-h4: calc(1.1251838235rem + 1.4208978328vw);
    --cfd-font-size-h5: calc(1.1113970588rem + 0.6430340557vw);
    --cfd-font-size-h6: calc(1.1058823529rem + 0.3318885449vw);
    --cfd-font-size-h7: calc(1.1022058824rem + 0.1244582043vw)
}

@media (min-width:118.75em) {
    :root {
        --cfd-font-size-xl: 2.1875rem
    }
}

@media (min-width:118.75em) {
    :root {
        --cfd-font-size-lg: 1.875rem
    }
}

@media (min-width:118.75em) {
    :root {
        --cfd-font-size-md: 1.375rem
    }
}

@media (min-width:118.75em) {
    :root {
        --cfd-font-size-sm: 1.25rem
    }
}

@media (min-width:118.75em) {
    :root {
        --cfd-font-size-xs: 1.125rem
    }
}

@media (min-width:118.75em) {
    :root {
        --cfd-font-size-base: 1.5rem
    }
}

@media (min-width:118.75em) {
    :root {
        --cfd-font-size-h1: 8.125rem
    }
}

@media (min-width:118.75em) {
    :root {
        --cfd-font-size-h2: 5.625rem
    }
}

@media (min-width:118.75em) {
    :root {
        --cfd-font-size-h3: 4.375rem
    }
}

@media (min-width:118.75em) {
    :root {
        --cfd-font-size-h4: 2.8125rem
    }
}

@media (min-width:118.75em) {
    :root {
        --cfd-font-size-h5: 1.875rem
    }
}

@media (min-width:118.75em) {
    :root {
        --cfd-font-size-h6: 1.5rem
    }
}

@media (min-width:118.75em) {
    :root {
        --cfd-font-size-h7: 1.25rem
    }
}

@media (min-width:36em) {
    :root {
        --cfd-container-width: var(--cfd-container-width-sm)
    }
}

@media (min-width:48em) {
    :root {
        --cfd-container-width: var(--cfd-container-width-md)
    }
}

@media (min-width:62em) {
    :root {
        --cfd-container-width: var(--cfd-container-width-lg)
    }
}

@media (min-width:75em) {
    :root {
        --cfd-container-width: var(--cfd-container-width-xl)
    }
}

@media (min-width:88.75em) {
    :root {
        --cfd-container-width: var(--cfd-container-width-xxl)
    }
}

@media (min-width:105em) {
    :root {
        --cfd-container-width: var(--cfd-container-width-xxxl)
    }
}

@media (min-width:118.75em) {
    :root {
        --cfd-container-width: var(--cfd-container-width-xxxxl)
    }
}

@media (max-width:35.99875em) {
    :root {
        --cfd-container-padding: 25px
    }
}

*,
::after,
::before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

body {
    margin: 0;
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: calc(1.1058823529rem + .3318885449vw);
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    text-align: left;
    background-color: #fff
}

@media (min-width:118.75em) {
    body {
        font-size: 1.5rem
    }
}

@media print {
    body {
        background-color: #fff
    }
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5625em
}

@media print {

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        break-inside: avoid-page;
        -webkit-column-break-after: avoid;
        -moz-column-break-after: avoid;
        break-after: avoid-page
    }
}

p {
    margin-top: 0;
    margin-bottom: 1.5rem
}

abbr[data-bs-original-title],
abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1.5rem;
    font-style: normal;
    line-height: inherit
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1.5rem
}

ol,
ul {
    -webkit-padding-start: 1.5em;
    padding-inline-start: 1.5em
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1.5rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 75%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: inherit;
    text-decoration: underline;
    background-color: transparent
}

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

a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,
kbd,
pre,
samp {
    font-family: monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: grey;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus {
    outline: dotted 1px;
    outline: -webkit-focus-ring-color auto 5px
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: calc(1.1058823529rem + .3318885449vw);
    line-height: inherit;
    color: inherit
}

@media (min-width:118.75em) {
    legend {
        font-size: 1.5rem
    }
}

legend+* {
    clear: left
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::file-selector-button {
    font: inherit
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

.accordion-button::before {
    content: "";
    display: block
}

.flex-center,
.search-form-block.aligncenter,
.slider.gallery-slider figure {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center
}

.screen-reader-text,
.sr-only {
    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
}

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

.semantic-only {
    letter-spacing: inherit !important;
    line-height: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    margin-bottom: 0 !important
}

:focus,
button:focus {
    outline-color: transparent
}

.tab-focus:focus {
    outline: #1e90ff auto thin;
    outline-offset: 2px
}

.a11y-min-target,
.a11y-min-target-after::after,
.a11y-min-target-before::before,
.cfd-pagination li.page-item a::before,
.dropdown-touch-toggle::after,
.slider-controls>button::after {
    min-height: var(--cfd-touch-target-min);
    min-width: var(--cfd-touch-target-min)
}

.a11y-min-target-after::after,
.a11y-min-target-before::before,
.cfd-pagination li.page-item a::before,
.dropdown-touch-toggle::after,
.slider-controls>button::after {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1
}

.a11y-min-target {
    overflow: visible
}

.a11y-min-target-before {
    overflow: visible
}

.a11y-min-target-after {
    overflow: visible
}

@media screen and (-ms-high-contrast:active) {
    body {
        color: windowText;
        background: window
    }

    a:link,
    a:visited {
        color: highlight;
        text-decoration: underline
    }

    a:link:hover,
    a:visited:hover {
        background: highlight;
        color: windowText
    }

    .sr-only.high-contrast {
        width: initial;
        position: initial !important;
        margin: initial;
        height: initial;
        -webkit-clip-path: initial;
        clip-path: initial;
        clip: initial
    }
}

html.no-js .js-only,
html:not(.no-js) .no-js-only {
    display: none !important
}

html.touch .no-touch-only,
html:not(.touch) .touch-only {
    display: none !important
}

@media (prefers-reduced-motion:reduce) {

    *,
    ::after,
    ::before {
        animation-delay: -1ms !important;
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        background-attachment: initial !important;
        scroll-behavior: auto !important;
        transition-duration: 0s !important;
        transition-delay: 0s !important
    }
}

.clear:after,
.clear:before,
.clearfix:after,
.clearfix:before {
    content: " ";
    display: table
}

.clear:after,
.clearfix:after {
    clear: both
}

.fade {
    transition: opacity .15s linear
}

@media screen and (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

@media not print {
    .collapse:not(.show) {
        display: none
    }
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media screen and (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.body-copy,
body {
    font-size: var(--cfd-font-size-base)
}

.body-copy,
body {
    font-family: var(--cfd-font-base);
    line-height: 1.4583;
    font-weight: 400
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-feature-settings: "liga", "clig", "kern";
    color: var(--cfd-text-main, #000)
}

p {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

blockquote,
dd,
dt,
li,
p {
    text-wrap: pretty
}

.body-copy {
    font-family: var(--cfd-font-base)
}

h1,
h2,
h3,
h4,
h5 {
    font-family: var(--cfd-font-heading);
    text-transform: uppercase;
    text-wrap: pretty
}

h1.entry-title,
h1.post-title,
h2.entry-title,
h2.post-title,
h3.entry-title,
h3.post-title,
h4.entry-title,
h4.post-title,
h5.entry-title,
h5.post-title {
    text-transform: none
}

.h1,
h1 {
    font-size: var(--cfd-font-size-h1);
    font-weight: 400;
    line-height: 1.1333
}

.entry-title,
.h2,
h2 {
    font-size: var(--cfd-font-size-h2);
    font-weight: 400;
    line-height: 1;
    margin-bottom: 1rem
}

.h3,
h3 {
    font-size: var(--cfd-font-size-h3);
    font-weight: 400;
    line-height: 1
}

.h4,
h4 {
    font-size: var(--cfd-font-size-h4);
    font-weight: 400;
    line-height: 1
}

.h5,
h5 {
    font-size: var(--cfd-font-size-h5);
    font-weight: 400;
    line-height: 1
}

.btn,
.h6,
h6 {
    font-size: var(--cfd-font-size-h6);
    font-family: var(--cfd-font-base);
    font-weight: 500;
    line-height: normal;
    text-wrap: pretty
}

.h7,
.is-style-h7 {
    font-size: var(--cfd-font-size-h7);
    font-family: var(--cfd-font-heading);
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    text-wrap: pretty
}

.is-style-big-noodle {
    font-family: var(--cfd-font-heading)
}

p.story-title {
    font-size: calc(1.1573529412rem + 3.2359133127vw);
    line-height: 1;
    margin-bottom: 1rem;
    width: 100%
}

@media (min-width:118.75em) {
    p.story-title {
        font-size: 5rem
    }
}

.has-xl-font-size {
    font-size: var(--cfd-font-size-xl) !important
}

.has-lg-font-size {
    font-size: var(--cfd-font-size-lg) !important
}

.has-md-font-size {
    font-size: var(--cfd-font-size-md) !important
}

.tabs {
    font-size: var(--cfd-font-size-sm)
}

.has-sm-font-size {
    font-size: var(--cfd-font-size-sm) !important
}

.has-xs-font-size {
    font-size: var(--cfd-font-size-xs) !important
}

.has-xxs-font-size {
    font-size: var(--cfd-font-size-xxs) !important
}

.dropdown-menu,
.footer-menu,
.nav-lang ul,
.nav-menu-list,
.nav-menu-mobile-list,
.nav-menu-mobile-list ul,
.site-social-icons,
.slider-dots,
ol.inline-list,
ol.is-style-inline-list,
ol.is-style-menu-list,
ol.is-style-unlist,
ol.simple-list,
ol.unlist,
ul.inline-list,
ul.is-style-inline-list,
ul.is-style-menu-list,
ul.is-style-unlist,
ul.simple-list,
ul.unlist {
    padding-left: 0;
    list-style-type: none
}

ol li,
ul li {
    margin-bottom: .5em
}

ol.is-style-unlist li,
ol.unlist li,
ul.is-style-unlist li,
ul.unlist li {
    margin: 0
}

ol.simple-list>li,
ul.simple-list>li {
    display: block
}

ol.inline-list>li,
ol.is-style-inline-list>li,
ul.inline-list>li,
ul.is-style-inline-list>li {
    display: inline
}

ol.inline-list>li:not(:last-child)::after,
ol.is-style-inline-list>li:not(:last-child)::after,
ul.inline-list>li:not(:last-child)::after,
ul.is-style-inline-list>li:not(:last-child)::after {
    content: ", "
}

ol.is-style-menu-list>li,
ul.is-style-menu-list>li {
    font-weight: 700;
    margin: 0;
    display: block
}

ol.is-style-menu-list>li+li,
ul.is-style-menu-list>li+li {
    margin-top: .5em
}

@media (min-width:75em) {

    ol.is-style-menu-list>li+li,
    ul.is-style-menu-list>li+li {
        margin-top: 1em
    }
}

ol.is-style-menu-list>li a.tab-focus:focus,
ol.is-style-menu-list>li a:hover,
ul.is-style-menu-list>li a.tab-focus:focus,
ul.is-style-menu-list>li a:hover {
    text-decoration: underline
}

pre {
    font-family: "Fira Code", "Source Code Pro", Consolas, "Courier New", Courier, monospace;
    white-space: pre-wrap;
    font-size: 12px
}

.wp-block-embed figcaption,
.wp-block-image figcaption,
figcaption,
img,
span.caption {
    font-family: var(--cfd-font-base);
    text-transform: uppercase
}

.text-uc {
    text-transform: uppercase
}

.btn {
    font-family: var(--cfd-font-base);
    text-transform: uppercase
}

hr {
    border: none;
    border-top: 2px solid currentColor;
    margin: calc(1.5rem / 2) 0
}

blockquote {
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0
}

blockquote>p:last-of-type {
    margin-bottom: 0
}

blockquote cite {
    font-weight: 400;
    display: block;
    font-style: normal
}

blockquote cite::before {
    content: "— "
}

input[type=checkbox] {
    position: absolute;
    opacity: 1;
    height: 25px;
    width: 25px;
    display: inline-block;
    cursor: pointer
}

.wFormContainer .wForm .oneField input[type=checkbox] {
    height: 1.5rem !important
}

.wFormContainer .wForm .postField {
    margin: 0 12px 0 32px
}

input[type=search],
input[type=text],
select {
    border: none;
    -webkit-appearance: none;
    padding: 0 2.5rem 0 1.5rem;
    height: 70px;
    width: 100%;
    background-color: #fff;
    font-size: var(--cfd-font-size-sm)
}

@media (max-width:104.99875em) {

    input[type=search],
    input[type=text],
    select {
        font-size: var(--cfd-font-size-xs)
    }
}

textarea {
    overflow: auto
}

.wpforms-container ul {
    padding-left: 0
}

.wpforms-container label.wpforms-error {
    color: var(--cfd-secondary-medium, rgb(255, 240, 195.5))
}

.wpforms-container .wpforms-field input.wpforms-error {
    border: 2px solid var(--cfd-secondary-medium, rgb(255, 240, 195.5))
}

.wpforms-container label.wpforms-field-label {
    color: #7c7c7c;
    font-family: alternate-gothic-no-3-d, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    margin-bottom: .25rem;
    font-weight: 500;
    word-break: normal
}

.wpforms-container input[type=radio] {
    width: 20px;
    height: 20px;
    vertical-align: text-top
}

.wpforms-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);
    background-position: 100%;
    background-repeat: no-repeat
}

#mc_embed_signup .hidden,
.wpforms-container .hidden {
    display: none
}

#mc_embed_signup input,
#mc_embed_signup textarea,
.wpforms-container input,
.wpforms-container textarea {
    margin-bottom: .5rem;
    height: unset;
    width: 100%;
    border: 2px solid #fff
}

#mc_embed_signup input:focus,
#mc_embed_signup textarea:focus,
.wpforms-container input:focus,
.wpforms-container textarea:focus {
    outline: 0;
    border: 2px solid var(--cfd-secondary-medium, rgb(255, 240, 195.5))
}

#mc_embed_signup input[type=email],
#mc_embed_signup input[type=text],
#mc_embed_signup textarea,
.wpforms-container input[type=email],
.wpforms-container input[type=text],
.wpforms-container textarea {
    padding: .5rem 1rem;
    font-size: var(--cfd-font-size-sm)
}

#mc_embed_signup button[type=submit],
#mc_embed_signup input[type=submit],
.wpforms-container button[type=submit],
.wpforms-container input[type=submit] {
    background-color: var(--cfd-secondary, #ffe188);
    color: var(--cfd-primary, #e32553);
    padding: .5rem 3rem;
    text-align: center;
    font-weight: 700;
    font-size: var(--cfd-font-size-sm);
    height: inherit;
    border: none;
    width: unset;
    margin: 0;
    position: relative;
    display: inline-block;
    border-radius: var(--cfd-radius-lg);
    transition: all .2s ease
}

#mc_embed_signup button[type=submit]:hover,
#mc_embed_signup input[type=submit]:hover,
.wpforms-container button[type=submit]:hover,
.wpforms-container input[type=submit]:hover {
    background-color: var(--cfd-primary, #e32553) !important;
    color: #fff !important
}

.wpforms-container button[type=submit] {
    background-color: var(--cfd-primary, #e32553);
    color: #fff;
    width: auto;
    border: none
}

body.error404 input[type=search] {
    border: 1px solid #e0e0e0
}

body.error404 button[type=submit] {
    margin-left: 0
}

body.error404 .wp-block-search__button svg {
    width: 34px;
    height: 34px
}

picture {
    display: block
}

.figure,
figure {
    margin-bottom: 0;
    position: relative
}

.wp-block-image.figure:last-child,
figure.wp-block-image:last-child {
    margin-bottom: 0
}

.wp-block-embed figcaption,
.wp-block-image figcaption,
figcaption,
span.caption {
    text-align: left;
    padding: .5em 0;
    margin: 0;
    letter-spacing: .2px;
    color: inherit;
    text-transform: none;
    color: #7c7c7c;
    transition: opacity .2s ease
}

img {
    max-width: 100%;
    height: auto
}

.cover-image,
.cover-image-wrapper {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.cover-image-wrapper img {
    opacity: 0
}

.cover-image-wrapper.align-left {
    background-position: left center
}

.cover-image-wrapper.align-right {
    background-position: right center
}

.cover-image-wrapper.align-top {
    background-position: center top
}

.cover-image-wrapper.align-top-left {
    background-position: left top
}

.cover-image-wrapper.align-top-right {
    background-position: right top
}

.cover-image-wrapper.align-bottom {
    background-position: center bottom
}

.cover-image-wrapper.align-bottom-left {
    background-position: left bottom
}

.cover-image-wrapper.align-bottom-right {
    background-position: right bottom
}

.inline-svg svg,
.inline-svg>div {
    max-width: 100%
}

.svg-resource {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    height: 0;
    width: 0
}

.svg-wrapper {
    display: inline-block
}

.svg-wrapper>svg {
    display: block;
    pointer-events: none
}

.circle-image img,
.is-style-circle-image img {
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.accordion-button,
.btn,
.btn-reset,
.slider-controls>button,
.slider-dots>li>button,
.tabs-list button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    border: none;
    overflow: hidden;
    font-size: inherit;
    line-height: inherit;
    outline: 0;
    padding: 0;
    text-align: inherit;
    text-transform: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

a {
    color: inherit;
    word-break: break-word
}

a.link-wrapper {
    text-decoration: none
}

a.link-wrapper:hover {
    color: var(--cfd-primary, #e32553)
}

@media screen {
    a[data-type=glossary] {
        -webkit-text-decoration-style: dotted;
        text-decoration-style: dotted;
        text-decoration-thickness: 2px
    }
}

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

a.invert.tab-focus:focus,
a.invert:hover {
    color: inherit;
    text-decoration: underline
}

a.td-hover {
    text-decoration: none
}

a.td-hover.tab-focus:focus,
a.td-hover:hover {
    text-decoration: underline
}

.broken_link,
a.broken_link {
    text-decoration: none
}

.btn {
    position: relative;
    display: inline-block;
    padding: .5em 1.5em;
    color: var(--cfd-text-reversed);
    background-color: var(--cfd-text-main);
    text-decoration: none;
    border-radius: 0
}

@media (max-width:400px) {
    .btn {
        padding: .25em .75em
    }
}

.btn.tab-focus:focus,
.btn:hover {
    color: var(--cfd-text-reversed);
    opacity: .75
}

.btn-invert {
    color: var(--cfd-text-main);
    background-color: var(--cfd-text-reversed)
}

.btn-invert.tab-focus:focus,
.btn-invert:hover {
    color: var(--cfd-text-main);
    opacity: .75
}

.btn-white {
    background-color: #fff;
    color: var(--cfd-text-main)
}

.btn-white:hover {
    color: var(--cfd-text-main)
}

.btn.-link {
    color: inherit;
    background-color: inherit
}

.btn.-icon {
    color: inherit;
    background-color: transparent;
    padding: 0
}

.btn.-outline {
    color: var(--cfd-text-main);
    border-radius: 0;
    background-color: inherit;
    border: 2px solid currentColor
}

a .cover-image-wrapper,
a img {
    transition: opacity .3s ease, -webkit-filter .3s ease;
    transition: opacity .3s ease, filter .3s ease;
    transition: opacity .3s ease, filter .3s ease, -webkit-filter .3s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

a.tab-focus:focus,
a:hover {
    text-decoration: none
}

@media print {
    a[href]:not(.btn) {
        text-decoration: none
    }

    a[href]:not(.btn)[data-type=glossary],
    a[href]:not(.btn)[href^="#"] {
        font-weight: inherit
    }

    a[href]:not(.btn):not([href^="#"]):not([href^="mailto:"]):not([href^="tel:"]):not([data-type=glossary])::after {
        content: " (" attr(href) ")";
        font-weight: 500
    }
}

.even-button-container {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch !important;
    justify-content: center
}

.even-button-container .wp-block-button {
    flex: 1 0 0
}

.even-button-container .wp-block-button__link {
    min-height: 100%
}

.single-resource-title {
    transition: all .25s 0s ease-out
}

.single-resource-title a {
    text-decoration: none
}

.single-resource-arrow {
    transform: translateX(-20%);
    transition: transform .25s 0s ease-out, opacity .25s 0s ease-out;
    opacity: 0
}

.single-resource:hover .single-resource-arrow {
    transform: translateX(0);
    opacity: 1;
    transition-delay: .25s
}

.wp-block-button__link {
    gap: 1rem
}

.col--link-with-icon a {
    text-decoration: none
}

.col--link-with-icon a:hover {
    color: var(--cfd-secondary, #ffe188)
}

.usa-container {
    overflow: hidden;
    height: 100vh
}

@media (orientation:portrait) {
    .usa-container {
        display: flex;
        align-items: center
    }
}

.usa-container:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 50vh;
    z-index: -1;
    background-color: #eb2d37;
    top: 0
}

.usa-container:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 50vh;
    z-index: -1;
    background-color: #08274e;
    bottom: 0
}

.usa-container .container,
.usa-container .container-fluid {
    margin: 0;
    padding: 0
}

.usa-container .usa {
    width: 100%;
    height: auto
}

.usa-container .pin-text-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh
}

.usa-container .pin-text-wrapper .pin-text-1,
.usa-container .pin-text-wrapper .pin-text-2 {
    position: absolute;
    width: 100%;
    text-align: center;
    opacity: 0;
    transform: translateY(-50%)
}

.hero-modal {
    margin-top: -3.5rem;
    z-index: var(--cfd-layer-overlay)
}

.educational-programmes-modal {
    margin-bottom: -9.25rem;
    z-index: var(--cfd-layer-overlay)
}

.pagenav {
    margin: 1em 0;
    text-align: center;
    color: #7c7c7c
}

.pagenav .current {
    color: #000;
    padding: .2rem .6rem;
    border: 1px solid #000;
    border-radius: 5px;
    font-weight: 700
}

.pagenav a:hover {
    color: #000
}

.pagenav a.number {
    padding: 0 .5rem;
    text-decoration: none
}

.pagenav .fa {
    background-position: center;
    background-repeat: no-repeat;
    width: 6px;
    height: 11px;
    display: block;
    margin: 0 1rem
}

.pagenav .fa-angle-left {
    background-image: url(/wp-content/themes/canfilmday/assets/img/icons/icon-arrow-left-red.svg)
}

.pagenav .fa-angle-right {
    background-image: url(/wp-content/themes/canfilmday/assets/img/icons/icon-arrow-right-red.svg)
}

.reset-gutter,
:root {
    --gs-gutter: var(--cfd-gutter)
}

.col-pad,
.col-pad-x {
    padding-left: calc(var(--gs-gutter)/ 2);
    padding-right: calc(var(--gs-gutter)/ 2)
}

.col-pad,
.col-pad-y {
    padding-top: calc(var(--gs-gutter)/ 2);
    padding-bottom: calc(var(--gs-gutter)/ 2)
}

.row.full-height {
    height: 100vh
}

.uncontain,
.uncontain.wp-block-gutestrap-container>div {
    padding-left: 0;
    padding-right: 0;
    max-width: unset
}

@media (max-width:35.99875em) {

    .uncontain-down,
    .uncontain-down.wp-block-gutestrap-container>div {
        padding-left: 0;
        padding-right: 0;
        max-width: unset
    }
}

@media (max-width:35.99875em) {

    .uncontain-only,
    .uncontain-only.wp-block-gutestrap-container>div {
        padding-left: 0;
        padding-right: 0;
        max-width: unset
    }
}

@media (min-width:36em) {

    .uncontain-sm,
    .uncontain-sm.wp-block-gutestrap-container>div {
        padding-left: 0;
        padding-right: 0;
        max-width: unset
    }
}

@media (max-width:47.99875em) {

    .uncontain-sm-down,
    .uncontain-sm-down.wp-block-gutestrap-container>div {
        padding-left: 0;
        padding-right: 0;
        max-width: unset
    }
}

@media (min-width:36em) and (max-width:47.99875em) {

    .uncontain-sm-only,
    .uncontain-sm-only.wp-block-gutestrap-container>div {
        padding-left: 0;
        padding-right: 0;
        max-width: unset
    }
}

@media (min-width:48em) {

    .uncontain-md,
    .uncontain-md.wp-block-gutestrap-container>div {
        padding-left: 0;
        padding-right: 0;
        max-width: unset
    }
}

@media (max-width:61.99875em) {

    .uncontain-md-down,
    .uncontain-md-down.wp-block-gutestrap-container>div {
        padding-left: 0;
        padding-right: 0;
        max-width: unset
    }
}

@media (min-width:48em) and (max-width:61.99875em) {

    .uncontain-md-only,
    .uncontain-md-only.wp-block-gutestrap-container>div {
        padding-left: 0;
        padding-right: 0;
        max-width: unset
    }
}

@media (min-width:62em) {

    .uncontain-lg,
    .uncontain-lg.wp-block-gutestrap-container>div {
        padding-left: 0;
        padding-right: 0;
        max-width: unset
    }
}

@media (max-width:74.99875em) {

    .uncontain-lg-down,
    .uncontain-lg-down.wp-block-gutestrap-container>div {
        padding-left: 0;
        padding-right: 0;
        max-width: unset
    }
}

@media (min-width:62em) and (max-width:74.99875em) {

    .uncontain-lg-only,
    .uncontain-lg-only.wp-block-gutestrap-container>div {
        padding-left: 0;
        padding-right: 0;
        max-width: unset
    }
}

@media (min-width:75em) {

    .uncontain-xl,
    .uncontain-xl.wp-block-gutestrap-container>div {
        padding-left: 0;
        padding-right: 0;
        max-width: unset
    }
}

@media (max-width:88.74875em) {

    .uncontain-xl-down,
    .uncontain-xl-down.wp-block-gutestrap-container>div {
        padding-left: 0;
        padding-right: 0;
        max-width: unset
    }
}

@media (min-width:75em) and (max-width:88.74875em) {

    .uncontain-xl-only,
    .uncontain-xl-only.wp-block-gutestrap-container>div {
        padding-left: 0;
        padding-right: 0;
        max-width: unset
    }
}

@media (min-width:88.75em) {

    .uncontain-xxl,
    .uncontain-xxl.wp-block-gutestrap-container>div {
        padding-left: 0;
        padding-right: 0;
        max-width: unset
    }
}

@media (max-width:104.99875em) {

    .uncontain-xxl-down,
    .uncontain-xxl-down.wp-block-gutestrap-container>div {
        padding-left: 0;
        padding-right: 0;
        max-width: unset
    }
}

@media (min-width:88.75em) and (max-width:104.99875em) {

    .uncontain-xxl-only,
    .uncontain-xxl-only.wp-block-gutestrap-container>div {
        padding-left: 0;
        padding-right: 0;
        max-width: unset
    }
}

@media (min-width:105em) {

    .uncontain-xxxl,
    .uncontain-xxxl.wp-block-gutestrap-container>div {
        padding-left: 0;
        padding-right: 0;
        max-width: unset
    }
}

@media (max-width:118.74875em) {

    .uncontain-xxxl-down,
    .uncontain-xxxl-down.wp-block-gutestrap-container>div {
        padding-left: 0;
        padding-right: 0;
        max-width: unset
    }
}

@media (min-width:105em) and (max-width:118.74875em) {

    .uncontain-xxxl-only,
    .uncontain-xxxl-only.wp-block-gutestrap-container>div {
        padding-left: 0;
        padding-right: 0;
        max-width: unset
    }
}

@media (min-width:118.75em) {

    .uncontain-xxxxl,
    .uncontain-xxxxl.wp-block-gutestrap-container>div {
        padding-left: 0;
        padding-right: 0;
        max-width: unset
    }
}

@media (max-width:118.74875em) {

    .uncontain-xxxxl-down,
    .uncontain-xxxxl-down.wp-block-gutestrap-container>div {
        padding-left: 0;
        padding-right: 0;
        max-width: unset
    }
}

@media (min-width:118.75em) {

    .uncontain-xxxxl-only,
    .uncontain-xxxxl-only.wp-block-gutestrap-container>div {
        padding-left: 0;
        padding-right: 0;
        max-width: unset
    }
}

@media (max-width:35.99875em) {

    .container,
    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl,
    .container-xxxl,
    .container-xxxxl {
        padding-left: var(--cfd-container-padding);
        padding-right: var(--cfd-container-padding)
    }
}

.wp-block-gutestrap-col.is-style-rounded-shadow>.col__inner,
.wp-block-gutestrap-col.is-style-rounded>.col__inner {
    border-radius: 10px
}

.wp-block-gutestrap-col.is-style-drop-shadow>.col__inner,
.wp-block-gutestrap-col.is-style-rounded-shadow>.col__inner {
    box-shadow: 3px 4px 20px rgba(0, 0, 0, .1)
}

.wp-block-gutestrap-row {
    overflow: initial !important;
    contain: layout
}

.button,
.default-wp-form .wpforms-submit,
.wp-block-button__link,
.wp-block-button__ticket {
    align-items: center;
    border: 0 none;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 700;
    justify-content: center;
    line-height: 1.25;
    margin: 0;
    min-height: 3rem;
    min-width: 150px;
    padding: .75em 2em;
    position: relative;
    text-decoration: none;
    touch-action: manipulation;
    transition: all .2s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: baseline;
    width: auto;
    color: var(--element-bg-comp, var(--cfd-primary-approx-compliment, #fff));
    transform: translate3d(0, 0, 0);
    background-color: var(--element-text-comp, var(--cfd-primary, var(--cfd-text-main, #000)));
    overflow: hidden;
    text-shadow: none;
    font-size: var(--cfd-font-size-md)
}

.button::after,
.default-wp-form .wpforms-submit::after,
.wp-block-button__link::after,
.wp-block-button__ticket::after {
    content: "";
    display: block;
    pointer-events: none;
    position: absolute;
    z-index: var(--cfd-layer-bg);
    top: 50%;
    left: 50%;
    min-width: 150%;
    min-height: 150%;
    aspect-ratio: 1;
    transform-origin: center;
    transform: translate(-50%, -50%) scale(0);
    border-radius: 50%;
    background-color: var(--element-text, var(--element-bg, var(--cfd-primary-approx-compliment)));
    opacity: 0;
    transition: transform .25s, opacity .25s
}

.button:hover,
.default-wp-form .tab-focus.wpforms-submit:focus,
.default-wp-form .wpforms-submit:hover,
.tab-focus.button:focus,
.tab-focus.wp-block-button__link:focus,
.tab-focus.wp-block-button__ticket:focus,
.wp-block-button__link:hover,
.wp-block-button__ticket:hover {
    text-decoration: none;
    color: var(--element-text-comp, var(--cfd-text-main)) !important
}

.button:hover::after,
.default-wp-form .tab-focus.wpforms-submit:focus::after,
.default-wp-form .wpforms-submit:hover::after,
.tab-focus.button:focus::after,
.tab-focus.wp-block-button__link:focus::after,
.tab-focus.wp-block-button__ticket:focus::after,
.wp-block-button__link:hover::after,
.wp-block-button__ticket:hover::after {
    transform: translate(-50%, -50%) scale(1);
    opacity: .75
}

.button:active,
.default-wp-form .wpforms-submit:active,
.wp-block-button__link:active,
.wp-block-button__ticket:active {
    text-decoration: none;
    -webkit-filter: brightness(1.15) contrast(.9) saturate(.5);
    filter: brightness(1.15) contrast(.9) saturate(.5)
}

.is-style-download-rounded-outline.wp-block-button__link,
.is-style-download-rounded-outline>.wp-block-button__link,
.is-style-pill-outline.wp-block-button__link,
.is-style-pill-outline>.wp-block-button__link,
.is-style-rounded-outline.wp-block-button__link,
.is-style-rounded-outline>.wp-block-button__link,
.is-style-squared-outline.wp-block-button__link,
.is-style-squared-outline>.wp-block-button__link {
    outline: 2px solid currentColor;
    outline-offset: -2px;
    background: 0 0 !important;
    color: var(--cfd-text-main);
    text-shadow: inherit;
    --x-bg: var(--element-bg, var(--element-text, var(--cfd-primary)));
    --x-text: var(--element-bg-comp, var(--element-text-comp, var(--cfd-primary-approx-compliment)))
}

.is-style-download-rounded-outline.wp-block-button__link::after,
.is-style-download-rounded-outline>.wp-block-button__link::after,
.is-style-pill-outline.wp-block-button__link::after,
.is-style-pill-outline>.wp-block-button__link::after,
.is-style-rounded-outline.wp-block-button__link::after,
.is-style-rounded-outline>.wp-block-button__link::after,
.is-style-squared-outline.wp-block-button__link::after,
.is-style-squared-outline>.wp-block-button__link::after {
    background-color: var(--x-bg) !important;
    transform: translate(-50%, -50%) scale(1)
}

.is-style-download-rounded-outline.wp-block-button__link:hover,
.is-style-download-rounded-outline>.tab-focus.wp-block-button__link:focus,
.is-style-download-rounded-outline>.wp-block-button__link:hover,
.is-style-pill-outline.wp-block-button__link:hover,
.is-style-pill-outline>.tab-focus.wp-block-button__link:focus,
.is-style-pill-outline>.wp-block-button__link:hover,
.is-style-rounded-outline.wp-block-button__link:hover,
.is-style-rounded-outline>.tab-focus.wp-block-button__link:focus,
.is-style-rounded-outline>.wp-block-button__link:hover,
.is-style-squared-outline.wp-block-button__link:hover,
.is-style-squared-outline>.tab-focus.wp-block-button__link:focus,
.is-style-squared-outline>.wp-block-button__link:hover,
.tab-focus.is-style-download-rounded-outline.wp-block-button__link:focus,
.tab-focus.is-style-pill-outline.wp-block-button__link:focus,
.tab-focus.is-style-rounded-outline.wp-block-button__link:focus,
.tab-focus.is-style-squared-outline.wp-block-button__link:focus {
    color: var(--x-text) !important;
    outline-color: var(--x-bg) !important;
    text-shadow: none !important
}

.is-style-download-rounded-outline.wp-block-button__link:hover::after,
.is-style-download-rounded-outline>.tab-focus.wp-block-button__link:focus::after,
.is-style-download-rounded-outline>.wp-block-button__link:hover::after,
.is-style-pill-outline.wp-block-button__link:hover::after,
.is-style-pill-outline>.tab-focus.wp-block-button__link:focus::after,
.is-style-pill-outline>.wp-block-button__link:hover::after,
.is-style-rounded-outline.wp-block-button__link:hover::after,
.is-style-rounded-outline>.tab-focus.wp-block-button__link:focus::after,
.is-style-rounded-outline>.wp-block-button__link:hover::after,
.is-style-squared-outline.wp-block-button__link:hover::after,
.is-style-squared-outline>.tab-focus.wp-block-button__link:focus::after,
.is-style-squared-outline>.wp-block-button__link:hover::after,
.tab-focus.is-style-download-rounded-outline.wp-block-button__link:focus::after,
.tab-focus.is-style-pill-outline.wp-block-button__link:focus::after,
.tab-focus.is-style-rounded-outline.wp-block-button__link:focus::after,
.tab-focus.is-style-squared-outline.wp-block-button__link:focus::after {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1
}

.wp-block-button__link {
    border-radius: var(--cfd-radius-lg)
}

.wp-block-button__ticket {
    border-radius: var(--cfd-radius-lg);
    padding-left: 3.75rem;
    padding-right: 1.75rem;
    text-decoration: none !important
}

.wp-block-button__ticket::before {
    content: "";
    position: absolute;
    background-image: url(../image/icon-ticket-button.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 32px;
    height: 28px;
    left: 1.25rem;
    transition: -webkit-filter .25s;
    transition: filter .25s;
    transition: filter .25s, -webkit-filter .25s
}

.wp-block-button__ticket:hover:before {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.is-style-pill-outline.wp-block-button__link,
.is-style-pill-outline>.wp-block-button__link,
.is-style-pill.wp-block-button__link,
.is-style-pill>.wp-block-button__link {
    border-radius: 999vmax !important
}

.is-style-squared-outline.wp-block-button__link,
.is-style-squared-outline>.wp-block-button__link,
.is-style-squared.wp-block-button__link,
.is-style-squared>.wp-block-button__link {
    border-radius: 0 !important
}

.is-style-download-rounded-outline.wp-block-button__link,
.is-style-download-rounded-outline>.wp-block-button__link,
.is-style-download-rounded.wp-block-button__link,
.is-style-download-rounded>.wp-block-button__link,
.is-style-rounded-outline.wp-block-button__link,
.is-style-rounded-outline>.wp-block-button__link,
.is-style-rounded.wp-block-button__link,
.is-style-rounded>.wp-block-button__link {
    border-radius: var(--cfd-radius-lg) !important
}

.close-x-btn {
    margin: 0
}

.close-x-btn .wp-block-button__link {
    background: 0 0;
    background-image: url(/wp-content/themes/canfilmday/assets/img/icons/icon-close.svg);
    background-repeat: no-repeat;
    background-position: top right;
    white-space: nowrap;
    overflow: hidden;
    text-indent: -9999px;
    width: 40px;
    min-width: 0;
    padding: 10px;
    height: 10px
}

.close-x-btn .wp-block-button__link:hover {
    box-shadow: none
}

.default-wp-form .wpforms-submit {
    color: #fff !important;
    background-color: inherit !important;
    border: none !important;
    text-transform: uppercase !important;
    font-size: 1.125rem !important
}

.button {
    border-radius: var(--cfd-radius-lg)
}

.button.has-white-background-color {
    background-color: #fff;
    color: #000
}

.layout-media {
    display: flex
}

.layout-media>.layout-media-feature {
    display: block;
    flex: 0 0 auto
}

.layout-media>.layout-media-body {
    display: block;
    flex: 1 0 0%
}

.min-h-50vh {
    min-height: 50vh
}

.min-h-100vh {
    min-height: 100vh
}

.min-h-200vh {
    min-height: 200vh
}

.min-h-300vh {
    min-height: 300vh
}

.min-h-400vh {
    min-height: 400vh
}

.min-h-500vh {
    min-height: 500vh
}

.min-h-600vh {
    min-height: 600vh
}

.min-h-700vh {
    min-height: 700vh
}

.min-h-800vh {
    min-height: 800vh
}

.min-h-900vh {
    min-height: 900vh
}

.min-h-1000vh {
    min-height: 1000vh
}

.accordion-item:not(.is-style-unstyled) {
    background-color: #fff;
    margin-bottom: 1rem
}

.accordion-item:not(.is-style-unstyled)+.accordion-item:not(.is-style-unstyled) {
    border-top: none
}

.accordion-title {
    text-transform: none;
    font-size: calc(1.1058823529rem + .3318885449vw);
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 500;
    line-height: 1.1;
    padding: 1.05em calc(calc(1.25rem + 23px) * 2) 1.05em calc(1.25rem + 23px);
    margin: 0;
    position: relative
}

@media (min-width:118.75em) {
    .accordion-title {
        font-size: 1.5rem
    }
}

@media (max-width:35.99875em) {
    .accordion-title {
        padding: 1.05em calc(calc(1.25rem + 23px) * 1.1) 1.05em 1.05em
    }
}

.accordion-button {
    font-weight: 500;
    line-height: inherit;
    color: #000
}

.accordion-button::before {
    background: url(../image/icon-accordion-arrow.svg) center/cover no-repeat;
    transform: rotate(0);
    transition: transform .2s ease;
    position: absolute;
    display: block;
    width: 12px;
    height: 8px;
    right: calc(1.25rem + 23px);
    top: 50%;
    transform: translateY(-50%)
}

@media (max-width:35.99875em) {
    .accordion-button::before {
        right: 1.05em
    }
}

.accordion-button.collapsed::before {
    transform-origin: center;
    transform: translateY(-50%) rotate(-180deg)
}

.accordion-collapse {
    position: relative
}

.accordion-collapse:before {
    content: "";
    position: absolute;
    width: calc(100% - 2.5rem - 46px);
    left: calc(1.25rem + 23px);
    height: 2px;
    top: 0;
    background-color: var(--cfd-secondary, #ffe188)
}

@media (max-width:35.99875em) {
    .accordion-collapse:before {
        width: calc(100% - 2.1em);
        left: 1.05em
    }
}

.accordion-body {
    position: relative;
    padding: 1em calc(1.25rem + 23px) 1.3333em calc(1.25rem + 23px)
}

.accordion-body>:last-child {
    margin-bottom: 0
}

@media (max-width:35.99875em) {
    .accordion-body {
        padding: 1.05em 1.05em 1.3333em 1.05em
    }
}

.accordion-body::after {
    content: "";
    display: block;
    clear: both
}

.slider-header {
    display: flex;
    justify-content: flex-end;
    flex-flow: row wrap;
    width: 100%;
    margin-bottom: 1rem
}

@media (min-width:62em) {
    .slider-header {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10;
        margin-bottom: 0
    }
}

.slider-title {
    margin: 0;
    flex: 1 0 50%
}

.slider-controls {
    display: flex
}

@media (min-width:62em) {
    .slider-controls {
        justify-content: space-between;
        width: 100%
    }
}

.slider-controls>button {
    transition: opacity .2s;
    display: block;
    width: 24px;
    height: 23px;
    position: relative;
    overflow: visible
}

.slider-controls>button:disabled {
    opacity: .5
}

.slider-prev {
    margin-left: 1.25rem
}

@media (min-width:62em) {
    .slider-prev {
        margin-left: 0
    }
}

.slider-prev:before {
    content: url(../image/icon-arrow-prev.svg)
}

.slider-next {
    margin-left: 1.25rem
}

@media (min-width:62em) {
    .slider-next {
        margin-left: 0
    }
}

.slider-next:before {
    content: url(../image/icon-arrow-next.svg)
}

.slider-dots {
    display: flex;
    justify-content: center;
    margin-top: 1rem
}

.slider-dots>li {
    transition: opacity .2s
}

.slider-dots>li.is-selected {
    transform: scale(1.3)
}

.slider-dots>li:not(.is-selected) {
    opacity: .5
}

.slider-dots>li+li {
    margin-left: 7px
}

.slider-dots>li>button {
    padding: 2px;
    margin: -2px;
    display: block;
    color: inherit
}

.slider-dots>li>button::before {
    background-color: currentColor;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    display: block;
    content: ""
}

.slider.gallery-slider {
    position: relative
}

.slider.gallery-slider.blockquote:before {
    content: "“";
    position: absolute;
    z-index: 1;
    top: -8%;
    left: -4%;
    font-size: 200px
}

@media (min-width:62em) {
    .slider.gallery-slider.blockquote:before {
        top: -17%;
        left: 2%;
        font-size: 250px
    }
}

.slider.gallery-slider.blockquote .slide-wrapper {
    background: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .15);
    min-height: 50vh
}

.slider.gallery-slider.blockquote .content-wrapper {
    padding: 4vw 5vw
}

.slider.gallery-slider .slider-slides {
    overflow: hidden
}

.slider.gallery-slider .slider-slides div {
    display: flex
}

.slider.gallery-slider .slider-slides>div>div {
    float: none !important;
    align-items: flex-start
}

.slider.gallery-slider .slider-slides>div>div>img:only-child {
    display: block
}

.slider.gallery-slider .slider-slides .slide-wrapper {
    flex-direction: column-reverse;
    flex: 1 1 auto;
    justify-content: center
}

@media (min-width:62em) {
    .slider.gallery-slider .slider-slides .slide-wrapper {
        align-items: center;
        justify-content: flex-start;
        margin: 0 4vw;
        flex-direction: row
    }
}

.slider.gallery-slider .slider-slides .content-wrapper {
    width: auto
}

@media (min-width:62em) {
    .slider.gallery-slider .slider-slides .content-wrapper {
        flex-grow: 1;
        padding-right: 5vw
    }
}

.slider.gallery-slider .slider-slides .content-wrapper blockquote {
    font-size: var(--cfd-font-size-xl);
    font-weight: 300
}

.slider.gallery-slider .slider-slides .content-wrapper cite {
    text-align: right;
    text-transform: uppercase;
    font-size: var(--cfd-font-size-md);
    font-weight: 500;
    font-style: normal;
    float: right
}

.slider.gallery-slider .slider-slides .image-wrapper {
    margin: 1em 0 2em 0
}

@media (min-width:62em) {
    .slider.gallery-slider .slider-slides .image-wrapper {
        flex-shrink: 0;
        width: 50%;
        margin: 0;
        flex-basis: 50%
    }
}

.slider.gallery-slider figure {
    margin: 0;
    display: flex;
    width: 100%;
    align-self: stretch
}

.slider.gallery-slider img {
    display: block
}

.slider.gallery-slider figcaption {
    color: #fff;
    background: rgba(0, 0, 0, .3);
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 33%;
    overflow: auto;
    transition: background-color .2s ease;
    line-height: 1.25;
    padding: .25em .5em .375em
}

.slider.gallery-slider figcaption:hover {
    background: rgba(0, 0, 0, .6)
}

.slider.posts-slider .slider-slide {
    width: 100%;
    display: flex
}

.slider.posts-slider .slider-slides>div,
.slider.posts-slider .slider-slides>div>div {
    display: flex
}

.slider.posts-slider .slider-slides>div>div {
    float: none !important
}

.slider.posts-slider .slider-slides.draggable a * {
    pointer-events: none
}

.slider.posts-slider[data-post-type=post] .hentry {
    flex: 1
}

.slider.is-style-with-gutters .slider-slides {
    margin: calc(1.25rem / -2);
    padding: calc(1.25rem / 2) 0
}

.slider.is-style-with-gutters .slider-slides>div>div {
    padding-left: calc(1.25rem / 2);
    padding-right: calc(1.25rem / 2)
}

.tabs-list {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    font-family: alternate-gothic-no-3-d, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: calc(1.1481617647rem + 2.7173374613vw);
    margin: 0 calc(1.25rem / -2);
    position: relative;
    z-index: var(--cfd-layer-content-super);
    border-bottom: 2px solid currentColor
}

@media (min-width:118.75em) {
    .tabs-list {
        font-size: 4.375rem
    }
}

.tabs-list button {
    color: inherit
}

.tabs-list>[role=tab] {
    border-bottom: 2px solid transparent;
    min-width: calc(40px + 2px);
    min-height: calc(40px + 2px);
    margin-bottom: -2px;
    padding: .5em 0;
    flex: 0 0 auto;
    line-height: 1.4;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: .75;
    transition: opacity .2s
}

.tabs-list>[role=tab]:focus,
.tabs-list>[role=tab]:hover,
.tabs-list>[role=tab][aria-selected=true] {
    opacity: 1
}

.tabs-list>[role=tab].key-focus:focus,
.tabs-list>[role=tab].tab-focus:focus {
    outline: #1e90ff auto thin;
    outline-offset: 2px
}

.tabs-list>[role=tab][aria-selected=true] {
    font-weight: 700;
    border-bottom-color: currentColor
}

.tabs-list>[role=tab]>span::before {
    content: attr(data-tab-title);
    font-weight: 700;
    display: block;
    height: 1px;
    opacity: 0;
    margin: 0 0 -1px;
    text-align: center
}

.tabs-panels {
    position: relative;
    z-index: var(--cfd-layer-content)
}

.tabs-panels::before {
    content: "";
    display: block;
    opacity: .3;
    margin-top: -2px;
    z-index: var(--cfd-layer-bg)
}

@media (max-width:35.99875em) {
    .tabs-list {
        max-width: 100%
    }

    .tabs-list>* {
        max-width: 90%
    }
}

@media (max-width:47.99875em) {
    .tabs .tabs-panel {
        padding-top: 1em
    }

    .tabs .tabs-panel>.divided-list .list-item:first-child {
        border-top: none;
        padding-top: .5em
    }
}

@media (min-width:36em) and (max-width:74.99875em) {
    .tabs-list[data-tabs-count]>* {
        max-width: calc(33.3333333333% - 1.25rem);
        flex-basis: calc(33.3333333333% - 1.25rem)
    }
}

@media (min-width:36em) and (max-width:88.74875em) {

    .tabs-list[data-tabs-count="2"]>*,
    .tabs-list[data-tabs-count="4"]>* {
        max-width: calc(50% - 1.25rem);
        flex-basis: unset
    }
}

@media (min-width:48em) {
    .tabs-list>* {
        padding: .25em 0
    }

    .tabs.is-style-vertical {
        display: flex
    }

    .tabs.is-style-vertical>.tabs-list {
        flex: 0 0 16.6666666667%;
        flex-flow: column;
        justify-content: flex-start;
        padding-right: calc(1.25rem / 2);
        margin-right: 0
    }

    .tabs.is-style-vertical>.tabs-list>[role=tab] {
        max-width: unset;
        flex-basis: unset;
        text-transform: uppercase;
        border-bottom: 0 none;
        padding-right: .5ch;
        align-items: center
    }

    .tabs.is-style-vertical>.tabs-list>[role=tab]+[role=tab] {
        border-top: 1px solid currentColor
    }

    .tabs.is-style-vertical>.tabs-list>[role=tab][aria-selected=true] {
        color: inherit
    }

    .tabs.is-style-vertical>.tabs-list>[role=tab][aria-selected=true]>span {
        color: #1e90ff
    }

    .tabs.is-style-vertical>.tabs-panels {
        flex: 1 1 auto;
        padding-left: 1.25rem;
        border-left: 2px solid #1e90ff
    }

    .tabs.is-style-vertical>.tabs-panels::before {
        content: none
    }
}

@media (min-width:62em) {
    .tabs:not(.is-style-vertical)>.tabs-list[data-tabs-count="2"] {
        justify-content: space-between
    }
}

@media (min-width:75em) {
    .tabs:not(.is-style-vertical)>.tabs-list {
        justify-content: space-between
    }

    .tabs:not(.is-style-vertical)>.tabs-panels {
        border-top: 2px
    }
}

.sponsor-ticker {
    background: #fff
}

.sponsor-ticker h6 {
    font-weight: 700
}

.sponsor-ticker-list-item {
    padding: .5rem;
    text-align: center
}

.side-by-side-row-column .resource-image {
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 3/2;
    width: 100%
}

@media (min-width:62em) {
    .side-by-side-row-column .resource-content {
        padding-left: 2.5rem
    }
}

.side-by-side-row-column .wp-block-button__link.white-bg {
    color: var(--cfd-primary, #e32553)
}

@media (min-width:62em) {
    .side-by-side-row.flex-lg-row-reverse .side-by-side-row-column .resource-content {
        padding-left: 0;
        padding-right: 2.5rem
    }
}

.side-by-side-row .resource-card-link {
    display: flex;
    flex-flow: row;
    text-decoration: none
}

section.promo {
    position: relative;
    width: 100vw;
    overflow: hidden
}

section.promo a.promo-card {
    display: block;
    text-decoration: none;
    padding-bottom: 1.5rem;
    height: 100%;
    background-color: #fff;
    position: relative;
    z-index: 1
}

section.promo a.promo-card img {
    display: block;
    margin-bottom: 1.5rem;
    min-width: 100%;
    height: 250px;
    -o-object-fit: cover;
    object-fit: cover
}

section.promo a.promo-card h7,
section.promo a.promo-card p {
    padding: 1rem 2rem 0 2rem;
    display: block
}

.site-social-icons {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    margin: -1.25rem -.625rem 0;
    padding: 0
}

.site-social-icons li {
    margin: 1.25rem .625rem 0
}

.site-social-icons li .svg-wrapper,
.site-social-icons li a {
    display: block
}

.wp-block-image .is-style-rounded img,
.wp-block-image.is-style-rounded img {
    border-radius: 10px
}

.wp-block-audio,
.wp-block-image,
.wp-block-quote,
.wp-block-table,
.wp-block-video {
    margin-bottom: 1.5rem
}

.wp-block-audio.alignright,
.wp-block-image.alignright,
.wp-block-quote.alignright,
.wp-block-table.alignright,
.wp-block-video.alignright {
    float: right;
    margin-left: 1.5rem;
    max-width: 50%
}

@media (min-width:48em) {

    .wp-block-audio.alignright,
    .wp-block-image.alignright,
    .wp-block-quote.alignright,
    .wp-block-table.alignright,
    .wp-block-video.alignright {
        margin-right: var(--cfd-alignwide-offset, 0)
    }
}

.wp-block-audio.alignleft,
.wp-block-image.alignleft,
.wp-block-quote.alignleft,
.wp-block-table.alignleft,
.wp-block-video.alignleft {
    float: left;
    margin-right: 1.5rem;
    max-width: 50%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content
}

@media (min-width:48em) {

    .wp-block-audio.alignleft,
    .wp-block-image.alignleft,
    .wp-block-quote.alignleft,
    .wp-block-table.alignleft,
    .wp-block-video.alignleft {
        margin-left: var(--cfd-alignwide-offset, 0)
    }
}

.wp-block-image.aligncenter,
.wp-block-quote.aligncenter,
.wp-block-table.aligncenter {
    margin-left: auto;
    margin-right: auto
}

.site .wp-block-separator.alignfull,
.wp-block-gallery.alignwide,
.wp-block-image.alignwide,
.wp-block-table.alignwide,
.wp-block-video.alignwide {
    clear: both;
    width: var(--cfd-alignwide-width, 100%);
    margin-left: var(--cfd-alignwide-offset, 0)
}

.wp-block-gallery.alignfull,
.wp-block-image.alignfull {
    clear: both;
    width: var(--cfd-alignfull-width, 100%);
    margin-left: var(--cfd-alignfull-offset, 0)
}

.wp-block-image.alignfull figcaption {
    width: var(--cfd-alignwide-width, 100%)
}

.wp-block-audio.alignleft,
.wp-block-audio.alignright,
.wp-block-video.alignleft,
.wp-block-video.alignright {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content
}

.wp-block-audio.alignleft audio,
.wp-block-audio.alignright audio {
    display: block
}

.wp-block-audio.alignleft figcaption,
.wp-block-audio.alignright figcaption {
    margin-top: 0;
    text-align: inherit
}

.wp-block-video.alignleft video,
.wp-block-video.alignright video {
    display: block
}

.wp-block-video.alignleft figcaption,
.wp-block-video.alignright figcaption {
    margin-top: 0;
    text-align: inherit
}

.wp-block-image.alignfull figcaption,
.wp-block-image.alignwide figcaption {
    margin-left: auto;
    margin-right: auto
}

.wp-block-gallery {
    --wp--style--gallery-gap-default: var(--cfd-gutter)
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
    font-size: var(--cfd-font-size-xxs, small);
    letter-spacing: 0
}

.wp-block-table.alignright {
    max-width: 100%
}

.wp-block-table.alignleft {
    max-width: 100%
}

.wp-block-table.alignright {
    max-width: 100%
}

.wp-block-table.alignleft {
    max-width: 100%
}

.wp-block-audio figcaption,
.wp-block-image figcaption,
.wp-block-quote cite,
.wp-block-video figcaption {
    font-size: var(--cfd-font-size-xxs, small);
    color: var(--cfd-text-muted, #7c7c7c);
    letter-spacing: 0
}

.wp-block-quote {
    padding-left: 1.5rem;
    border-left: .25rem solid currentColor
}

.wp-block-quote cite {
    color: inherit;
    opacity: .7;
    margin-top: .25em
}

.site .wp-block-separator.alignwide {
    width: 100%
}

.site .wp-block-separator.aligncenter,
.site .wp-block-separator.alignfull,
.site .wp-block-separator.alignwide {
    position: relative;
    clear: both
}

p.has-drop-cap:not(:focus)::first-letter {
    --font-factor: 5.2;
    --parent-em: calc(1em / var(--font-factor));
    font-size: calc(1em * var(--font-factor));
    margin: 0 calc(.75 * var(--parent-em)) calc(.75 * var(--parent-em)) calc(-1 * var(--parent-em));
    font-family: var(--cfd-font-heading);
    float: left;
    line-height: 1;
    padding: .103em .453em;
    text-transform: uppercase;
    background-color: var(--parent-background-comp, var(--cfd-secondary-light, rgba(124, 124, 124, .3)))
}

@media (max-width:61.99875em) {
    p.has-drop-cap:not(:focus)::first-letter {
        --font-factor: 4.697;
        padding: .0412em .391em
    }
}

@media (max-width:47.99875em) {
    p.has-drop-cap:not(:focus)::first-letter {
        --font-factor: 3.2
    }
}

.entry-content p.has-background {
    padding: calc(var(--cfd-gutter) * 1.5) calc(var(--cfd-gutter) * 2)
}

.aside-box {
    padding: 1.5em;
    border-radius: 1rem;
    color: #fff
}

.newsletter-cta-image img {
    width: 100%;
    height: 100%;
    aspect-ratio: 3/2;
    -o-object-fit: cover;
    object-fit: cover
}

.newsletter-cta-copy {
    width: 100%;
    height: 100%
}

.newsletter-cta-copy__link-container {
    margin: auto;
    width: 80%;
    padding: 0 2rem
}

@media (min-width:75em) {
    .newsletter-cta-copy__link-container {
        width: 75%
    }
}

.newsletter-cta-copy__title {
    text-align: center;
    margin-bottom: .15em
}

.newsletter-cta-copy__subtitle {
    font-weight: 700;
    font-size: var(--cfd-font-size-lg)
}

.newsletter-cta-buttons {
    width: 100%
}

@media (min-width:62em) {
    .newsletter-cta-buttons {
        width: 75%
    }
}

.double-promo-one,
.double-promo-two {
    --background-color: var(--cfd-secondary-light, rgb(255, 246, 219.3));
    background-color: var(--background-color);
    background-image: var(--background-image-url);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    min-height: 50vh;
    padding: 5vw
}

.double-promo-one-content,
.double-promo-two-content {
    width: 80%;
    position: relative;
    z-index: 1
}

.double-promo-one-content.justify-content-start,
.double-promo-two-content.justify-content-start {
    text-align: left
}

.double-promo-one-content.justify-content-center,
.double-promo-two-content.justify-content-center {
    text-align: center
}

.double-promo-one-content.justify-content-center .badge-wrapper,
.double-promo-two-content.justify-content-center .badge-wrapper {
    justify-content: center
}

.double-promo-one-content.justify-content-end,
.double-promo-two-content.justify-content-end {
    text-align: right
}

.double-promo-one-content .image-cta,
.double-promo-two-content .image-cta {
    max-width: 50%
}

.double-promo-one-video-container,
.double-promo-two-video-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0
}

.double-promo-one-video-container video,
.double-promo-two-video-container video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center
}

.double-promo .badge-wrapper {
    margin-bottom: 1rem
}

.double-promo .badge-wrapper .badge {
    height: 34px
}

.double-promo .badge-wrapper .badge-icon {
    width: 34px
}

.pvp-banner-inner {
    background-image: var(--background-image-url);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding: 10vh 5vw;
    height: 100vh
}

@media (min-width:48em) {
    .pvp-banner-inner {
        background-attachment: fixed
    }
}

@media (max-width:61.99875em) {
    .pvp-banner-inner {
        height: 75vh
    }
}

html[data-ios=true] .pvp-banner-inner {
    background-attachment: initial !important
}

.pvp-banner-inner .context-pill a {
    font-size: 1rem
}

.pvp-banner-inner_content {
    z-index: 1
}

@media (min-width:75em) {
    .pvp-banner-inner_content {
        max-width: 85% !important
    }
}

@media (min-width:88.75em) {
    .pvp-banner-inner_content {
        max-width: 75% !important
    }
}

.pvp-banner-inner_content .badge-wrapper {
    margin-bottom: 1rem
}

.pvp-banner-inner_content .badge-wrapper .badge {
    height: 34px
}

.pvp-banner-inner_content .badge-wrapper .badge-icon {
    width: 34px
}

.pvp-banner-inner_center,
.pvp-banner-inner_end,
.pvp-banner-inner_start {
    position: relative;
    display: flex;
    justify-content: center;
    padding: 10vh 5vw;
    text-align: center;
    height: 100vh;
    color: #fff
}

@media (min-width:48em) {

    .pvp-banner-inner_center .background-video-title.start,
    .pvp-banner-inner_end .background-video-title.start,
    .pvp-banner-inner_start .background-video-title.start {
        text-align: left
    }

    .pvp-banner-inner_center .background-video-title.end,
    .pvp-banner-inner_end .background-video-title.end,
    .pvp-banner-inner_start .background-video-title.end {
        text-align: right
    }
}

.pvp-banner-inner_start {
    align-items: flex-start
}

.pvp-banner-inner_end {
    align-items: flex-end
}

.pvp-banner-inner_center {
    align-items: center
}

.pvp-banner-inner_video-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-color: #7c7c7c
}

.pvp-banner-inner_video-container video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    transition: opacity .5s ease;
    opacity: 0
}

.pvp-banner-inner_video-container video.show {
    opacity: 1
}

.hero-banner {
    --background-color: var(--cfd-primary-light, rgb(246.6, 189.6, 203.4));
    background-color: var(--background-color);
    background-image: var(--background-image-url);
    background-position: var(--focal-point, center);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative;
    color: var(--cfd-primary-approx-compliment, #fff)
}

@supports (-webkit-overflow-scrolling:touch) {
    .hero-banner {
        background-attachment: scroll
    }
}

html[data-ios=true] .hero-banner {
    background-attachment: initial !important
}

.hero-banner.full {
    height: 100vh;
    height: calc(100vh - var(--navh));
    overflow: hidden
}

@media (orientation:portrait) {
    .hero-banner.full {
        background-attachment: initial !important;
        height: min(100vmin, 640px)
    }
}

@media (max-width:61.99875em) {
    .hero-banner.full {
        height: 640px;
        background-attachment: initial !important
    }
}

@media screen and (max-width:61.99875em) and (orientation:landscape) {
    .hero-banner.full {
        height: 300px
    }
}

@media (max-width:47.99875em) {
    .hero-banner.full {
        height: 300px
    }
}

.hero-banner.full .video-wrapper {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%
}

.hero-banner.full .video-wrapper video {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    height: 50%;
    width: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.hero-banner.short {
    min-height: 60vh
}

@media (max-width:61.99875em) {
    .hero-banner.short {
        min-height: 40vh
    }
}

@media (orientation:portrait) {
    .hero-banner.short {
        background-attachment: initial !important
    }
}

.hero-banner--sprite {
    position: absolute;
    top: 50%;
    left: 50%;
    background-repeat: no-repeat;
    transform-origin: top left;
    opacity: .95
}

.hero-banner_social-bar {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-end;
    position: absolute;
    top: 0;
    right: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 2rem
}

.hero-banner_social-bar-copy {
    padding-left: 2rem;
    padding-right: 2rem
}

.hero-banner_social-bar-copy-declaration {
    font-size: 1rem
}

.hero-banner-content {
    text-align: center
}

.hero-banner-content_heading {
    text-transform: uppercase;
    text-wrap: balance;
    line-height: 1;
    text-shadow: 1px 1px 10px rgba(0, 0, 0, .15)
}

.hero-banner-content_heading.hide {
    opacity: 0;
    height: 0;
    width: 0
}

.hero-banner-content_context {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: .5em
}

.hero-banner-content_image {
    margin-bottom: 2vh
}

.hero-banner-content_image img {
    padding: .5rem
}

.background-video-wrapper {
    position: relative;
    width: 100%;
    height: 100%
}

.background-video-wrapper video {
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 0;
    pointer-events: none
}

.background-video-wrapper .background-video-title {
    text-align: center;
    position: absolute;
    width: 100%;
    color: #fff;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%)
}

.basic-card {
    text-align: center
}

.basic-card-img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    aspect-ratio: 16/10
}

.basic-card-img-wrapper {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto
}

.basic-card-img-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.basic-card-title {
    text-transform: uppercase;
    margin: 1em 0 .5em;
    padding-left: .5em;
    padding-right: .5em
}

.basic-card-description {
    margin-bottom: 1em;
    padding-left: .5em;
    padding-right: .5em
}

.basic-card-link {
    padding-left: .5em;
    padding-right: .5em
}

.basic-card.is-style-special {
    text-align: left
}

.basic-card.is-style-special .basic-card-img {
    border-radius: 10px
}

.step-card {
    --p-r: 2.25em;
    --p-b: 1.75em;
    background: var(--cfd-body-bg, #fff);
    position: relative;
    padding: 2em var(--p-r) var(--p-b) 1.75em;
    box-shadow: 3px 4px 20px rgba(0, 0, 0, .1);
    display: block;
    max-width: 30em;
    text-decoration: none
}

.step-card-inner {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: space-between
}

.step-card-title {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: .1em
}

.step-card-description {
    color: var(--cfd-text-muted)
}

.step-card-number {
    font-family: var(--cfd-font-heading);
    font-size: 8.333em;
    opacity: .5;
    display: block;
    line-height: .75;
    align-self: center;
    position: relative
}

.guest-card-img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    aspect-ratio: 1/1;
    margin-bottom: 1rem;
    width: 100%
}

.guest-card-content-wrapper {
    padding-left: .5em;
    padding-right: .5em
}

.guest-card-name {
    font-size: 1.875rem;
    font-weight: 700
}

.guest-card-featured-events {
    font-size: 1.125rem
}

.guest-card-featured-events-title {
    font-weight: 700;
    text-transform: uppercase;
    color: var(--cfd-primary, #e32553)
}

.guest-card-featured-events-title .svg-wrapper {
    margin-right: .5em
}

.guest-card-featured-events-bio {
    font-size: 1.25rem
}

.guest-card-featured-events-list {
    font-weight: 500;
    padding-left: 0;
    list-style-type: none
}

.guest-card-featured-events-list-item {
    max-width: 100%;
    margin-bottom: .25em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.download-list-wrapper.is-style-dark-mode .file-listing--title {
    color: inherit;
    text-decoration: none
}

.download-list-wrapper.is-style-dark-mode .file-listing--title:hover {
    color: var(--cfd-secondary, #ffe188)
}

.download-list-wrapper.is-style-dark-mode .file-listing--title:hover .file-listing--download-icon {
    background-position: -160px 0
}

.download-list-wrapper.is-style-dark-mode .file-listing--item {
    border-color: #7c7c7c
}

.download-list-wrapper.is-style-dark-mode .file-listing--download-icon {
    background-position: -120px 0
}

.download-list-wrapper .file-listing {
    padding: 0 0 2rem 0
}

.download-list-wrapper .file-listing--item {
    position: relative;
    padding: 0 12px 1rem;
    margin-top: 1rem;
    border-bottom: 1px solid #484848;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.download-list-wrapper .file-listing--image {
    width: 15%;
    margin-right: 1rem
}

.download-list-wrapper .file-listing--wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    width: 100%
}

.download-list-wrapper .file-listing--wrapper .file--title {
    font-size: var(--cfd-font-size-md);
    font-weight: 500;
    color: #000;
    width: 90%
}

.download-list-wrapper .file-listing--wrapper .file--title:hover {
    font-weight: 700
}

.download-list-wrapper .file-listing--wrapper .file--link-icon {
    background: var(--cfd-primary, #e32553);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1149_8079)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.2456 0C11.6834 0 11.2277 0.45576 11.2277 1.01797C11.2277 1.58018 11.6834 2.03594 12.2456 2.03594H16.5246L7.59277 10.9678L9.03239 12.4074L17.9642 3.47556V7.75452C17.9642 8.31673 18.42 8.77249 18.9822 8.77249C19.5444 8.77249 20.0001 8.31673 20.0001 7.75452V1.01797C20.0001 0.45576 19.5444 0 18.9822 0H12.2456Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.01198 2.9939C1.79622 2.9939 0 4.79013 0 7.00589V15.988C0 18.2037 1.79623 19.9999 4.01198 19.9999H12.994C15.2098 19.9999 17.006 18.2037 17.006 15.988V11.6081H14.9701V15.988C14.9701 17.0793 14.0854 17.964 12.994 17.964H4.01198C2.92064 17.964 2.03593 17.0793 2.03593 15.988V7.00589C2.03593 5.91454 2.92064 5.02983 4.01198 5.02983H8.77246V2.9939H4.01198Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1149_8079'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1149_8079)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.2456 0C11.6834 0 11.2277 0.45576 11.2277 1.01797C11.2277 1.58018 11.6834 2.03594 12.2456 2.03594H16.5246L7.59277 10.9678L9.03239 12.4074L17.9642 3.47556V7.75452C17.9642 8.31673 18.42 8.77249 18.9822 8.77249C19.5444 8.77249 20.0001 8.31673 20.0001 7.75452V1.01797C20.0001 0.45576 19.5444 0 18.9822 0H12.2456Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.01198 2.9939C1.79622 2.9939 0 4.79013 0 7.00589V15.988C0 18.2037 1.79623 19.9999 4.01198 19.9999H12.994C15.2098 19.9999 17.006 18.2037 17.006 15.988V11.6081H14.9701V15.988C14.9701 17.0793 14.0854 17.964 12.994 17.964H4.01198C2.92064 17.964 2.03593 17.0793 2.03593 15.988V7.00589C2.03593 5.91454 2.92064 5.02983 4.01198 5.02983H8.77246V2.9939H4.01198Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1149_8079'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    margin-left: auto
}

.download-list-wrapper .file-listing--wrapper .file--download-icon {
    background: var(--cfd-primary, #e32553);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='17' height='20' viewBox='0 0 26 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9393 25.0607C12.5251 25.6464 13.4749 25.6464 14.0607 25.0607L23.6066 15.5147C24.1924 14.9289 24.1924 13.9792 23.6066 13.3934C23.0208 12.8076 22.0711 12.8076 21.4853 13.3934L13 21.8787L4.51472 13.3934C3.92893 12.8076 2.97919 12.8076 2.3934 13.3934C1.80761 13.9792 1.80761 14.9289 2.3934 15.5147L11.9393 25.0607ZM11.5 6.55671e-08L11.5 24L14.5 24L14.5 -6.55671e-08L11.5 6.55671e-08Z' fill='black'/%3E%3Cline y1='29.5' x2='26' y2='29.5' stroke='black' stroke-width='3'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='17' height='20' viewBox='0 0 26 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9393 25.0607C12.5251 25.6464 13.4749 25.6464 14.0607 25.0607L23.6066 15.5147C24.1924 14.9289 24.1924 13.9792 23.6066 13.3934C23.0208 12.8076 22.0711 12.8076 21.4853 13.3934L13 21.8787L4.51472 13.3934C3.92893 12.8076 2.97919 12.8076 2.3934 13.3934C1.80761 13.9792 1.80761 14.9289 2.3934 15.5147L11.9393 25.0607ZM11.5 6.55671e-08L11.5 24L14.5 24L14.5 -6.55671e-08L11.5 6.55671e-08Z' fill='black'/%3E%3Cline y1='29.5' x2='26' y2='29.5' stroke='black' stroke-width='3'/%3E%3C/svg%3E%0A");
    width: 17px;
    height: 20px;
    background-repeat: no-repeat;
    margin-left: auto
}

div[data-name=etape-1],
div[data-name=etape-2],
div[data-name=etape-3],
div[data-name=step-card-1],
div[data-name=step-card-2],
div[data-name=step-card-3] {
    height: 100%
}

.step-card {
    position: relative;
    background: #fff
}

.step-card-1,
.step-card-2,
.step-card-3 {
    height: 100%
}

.step-card-1:after,
.step-card-2:after,
.step-card-3:after {
    content: "";
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom right;
    right: 2rem;
    bottom: 2rem
}

.step-card-1:after {
    background-image: url(../image/icon-step-computer.svg);
    width: 54px;
    height: 55px
}

.step-card-2:after {
    background-image: url(../image/icon-step-search.svg);
    width: 54px;
    height: 55px
}

.step-card-3:after {
    background-image: url(../image/icon-step-popcorn.svg);
    width: 39px;
    height: 54px
}

.step-card-description,
.step-card-title {
    padding-right: 4rem
}

.step-card-number {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 3rem;
    width: 4rem
}

.slim-icon-card {
    position: relative;
    background: #fff;
    width: 100%;
    padding: 1.5rem;
    display: block;
    text-align: center;
    text-decoration: none;
    height: 100%
}

.slim-icon-card-label {
    margin: .5rem 0
}

.slim-icon-card .icon {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block
}

.slim-icon-card .icon-download {
    background-image: url(../image/icon-download.svg)
}

.slim-icon-card .icon-facebook {
    background-image: url(../image/icon-facebook.svg)
}

.slim-icon-card .icon-twitter {
    background-image: url(../image/icon-twitter.svg)
}

.slim-icon-card .icon-instagram {
    background-image: url(../image/icon-instagram.svg)
}

.slim-icon-card .icon-video {
    background-image: url(../image/icon-video.svg)
}

.slim-icon-card .icon-profile {
    background-image: url(../image/icon-profile.svg)
}

#mc_embed_signup form {
    margin: 0 !important
}

.slbOverlay,
.slbWrap,
.slbWrapOuter {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.slbOverlay {
    overflow: hidden;
    z-index: 2000;
    background-color: #000;
    opacity: .7;
    animation: slbOverlay .5s
}

.slbWrapOuter {
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 2010
}

.slbWrap {
    position: absolute;
    text-align: center
}

.slbWrap:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.slbContentOuter {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    padding: 0 1em;
    box-sizing: border-box;
    z-index: 2020;
    text-align: left;
    max-width: 600px;
    width: 100%
}

.slbContent {
    position: relative
}

.slbContentEl .slbContent {
    animation: slbEnter .3s;
    background-color: #fff;
    border-radius: 1rem;
    box-shadow: 0 .2em 1em rgba(0, 0, 0, .4);
    padding: 3rem
}

.slbImageWrap {
    animation: slbEnter .3s;
    position: relative
}

.slbImageWrap:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 5em;
    bottom: 5em;
    display: block;
    z-index: -1;
    box-shadow: 0 .2em 1em rgba(0, 0, 0, .6);
    background-color: #fff
}

.slbDirectionNext .slbImageWrap {
    animation: slbEnterNext .4s
}

.slbDirectionPrev .slbImageWrap {
    animation: slbEnterPrev .4s
}

.slbImage {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 5em 0;
    margin: 0 auto
}

.slbCaption {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    font-size: 1.4em;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: .71429em 0;
    color: #fff;
    color: rgba(255, 255, 255, .7);
    text-align: center
}

.slbArrow,
.slbCloseBtn {
    margin: 0;
    padding: 0;
    border: 0;
    cursor: pointer;
    background: 0 0
}

.slbArrow::-moz-focus-inner,
.slbCloseBtn::-moz-focus-inner {
    padding: 0;
    border: 0
}

.slbArrow:hover,
.slbCloseBtn:hover {
    opacity: .5
}

.slbArrow:active,
.slbCloseBtn:active {
    opacity: .8
}

.slbCloseBtn {
    animation: slbEnter .3s;
    font-size: 2.5em;
    width: 1.66667em;
    height: 1.66667em;
    line-height: 1.66667em;
    position: absolute;
    right: .75rem;
    top: 0;
    color: #000;
    text-align: center
}

.slbLoading .slbCloseBtn {
    display: none
}

.slbLoadingText {
    font-size: 1.4em;
    color: #fff;
    color: rgba(255, 255, 255, .9)
}

.slbArrows {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0
}

.slbLoading .slbArrows {
    display: none
}

.slbArrow {
    position: absolute;
    top: 50%;
    margin-top: -5em;
    width: 5em;
    height: 10em;
    opacity: .7;
    text-indent: -999em;
    overflow: hidden
}

.slbArrow:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -.8em 0 0 -.8em;
    border: .8em solid transparent
}

.slbArrow.next {
    right: 0
}

.slbArrow.next:before {
    border-left-color: #fff
}

.slbArrow.prev {
    left: 0
}

.slbArrow.prev:before {
    border-right-color: #fff
}

.slbIframeCont {
    width: 80em;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
    margin: 5em 0
}

.slbIframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 .2em 1em rgba(0, 0, 0, .6);
    background: #000
}

@keyframes slbOverlay {
    from {
        opacity: 0
    }

    to {
        opacity: .7
    }
}

@keyframes slbEnter {
    from {
        opacity: 0;
        transform: translate3d(0, -1em, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slbEnterNext {
    from {
        opacity: 0;
        transform: translate3d(4em, 0, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slbEnterPrev {
    from {
        opacity: 0;
        transform: translate3d(-4em, 0, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.latest-posts {
    overflow: hidden
}

.latest-posts-block .latest-posts-title {
    font-size: var(--cfd-font-size-lg);
    font-weight: 700;
    text-transform: uppercase;
    text-align: center
}

.latest-posts-block article {
    font-size: calc(1.1095588235rem + .5393188854vw);
    padding-top: .33em;
    padding-bottom: .66em;
    font-weight: 700
}

@media (min-width:118.75em) {
    .latest-posts-block article {
        font-size: 1.75rem
    }
}

.latest-posts-block article::before {
    max-height: 3.9em
}

.latest-posts-list {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -2em
}

.latest-posts article {
    width: 33.3333%;
    padding-left: 2em;
    padding-right: 2em;
    border-left: 1px solid transparent;
    position: relative
}

.latest-posts article+article::before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background-color: var(--cfd-primary);
    opacity: .2;
    pointer-events: none
}

.latest-posts .post-thumbnail {
    margin: 0 0 .8em
}

@media (max-width:74.99875em) {
    .latest-posts-list {
        flex-flow: column;
        margin: -1em 0
    }

    .latest-posts article {
        border-left: 0 none;
        border-top: 1px solid transparent;
        padding: 1em 0;
        width: 100%;
        max-width: max(80%, 320px);
        margin: 0 auto
    }

    .latest-posts article+article::before {
        height: 1px;
        width: 100%
    }
}

.theatre-listing .film-poster {
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 2/3
}

.theatre-listing .film-details-label {
    font-family: alternate-gothic-no-3-d, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1.375rem;
    font-weight: 700;
    color: #7c7c7c;
    padding-right: 1rem
}

body.cfd-phase-1 .hide-cfd-phase-1,
body.cfd-phase-1 .show-cfd-phase-2,
body.cfd-phase-1 .show-cfd-phase-3,
body.cfd-phase-2 .hide-cfd-phase-2,
body.cfd-phase-2 .show-cfd-phase-1,
body.cfd-phase-2 .show-cfd-phase-3,
body.cfd-phase-3 .hide-cfd-phase-3,
body.cfd-phase-3 .show-cfd-phase-1,
body.cfd-phase-3 .show-cfd-phase-2 {
    display: none !important
}

#wp-admin-bar-cfd-phase>.ab-item {
    background-color: var(--cfd-primary, #e32553);
    color: var(--cfd-primary-approx-compliment, #fff)
}

.cfd-block-preview,
.cfd-shortcode-preview {
    position: relative
}

.cfd-block-preview>*,
.cfd-shortcode-preview>* {
    opacity: .5
}

.cfd-block-preview::after,
.cfd-block-preview::before,
.cfd-shortcode-preview::after,
.cfd-shortcode-preview::before {
    position: absolute;
    pointer-events: none;
    z-index: 1;
    top: 0;
    left: 0
}

.cfd-block-preview::before,
.cfd-shortcode-preview::before {
    content: "";
    opacity: .3;
    right: 0;
    bottom: 0;
    background-color: #888
}

.cfd-block-preview::after,
.cfd-shortcode-preview::after {
    font-size: x-small;
    content: "[" attr(data-shortcode-tag) "]";
    padding: .5em;
    background: var(--wp--preset--color--vivid-red, #c83129);
    opacity: 1;
    color: #fff;
    transition: opacity .2s
}

.cfd-block-preview.tab-focus-within:focus-within::after,
.cfd-block-preview:hover::after,
.cfd-shortcode-preview.tab-focus-within:focus-within::after,
.cfd-shortcode-preview:hover::after {
    opacity: .3
}

.cfd-block-preview::after {
    content: "Block: " attr(data-block-info)
}

header#masthead .for-educators-link {
    padding: .5em 1.5em;
    min-height: initial;
    min-width: unset !important;
    flex: 1 0 auto
}

header#masthead .row>*>.for-educators-link {
    margin: 0 max(var(--cfd-nav-menu-item-gap, 0) - var(--cfd-gutter) / 2, .1%);
    max-width: 12.5em;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.nav {
    --cfd-nav-dropdown-offset: var(--cfd-gutter);
    --cfd-nav-menu-item-gap: calc(var(--cfd-gutter) / 2);
    --cfd-nav-panel-pad: var(--cfd-gutter)
}

@media (max-width:35.99875em) {
    .nav {
        --cfd-nav-dropdown-offset: calc(var(--cfd-gutter) / 2)
    }
}

@media (min-width:105em) {
    html[lang|=en] .nav {
        --cfd-nav-menu-item-gap: 1.125em
    }
}

@media (min-width:88.75em) {
    html[lang|=fr] .nav {
        --cfd-nav-menu-item-gap: calc(var(--cfd-gutter) / 4)
    }
}

.nav-bar {
    position: relative;
    background-color: #fff;
    z-index: var(--cfd-layer-nav);
    width: 100%
}

.nav-bar-spacer {
    display: none;
    height: var(--nav-height, 0)
}

.nav-bar.-detached+.nav-bar-spacer {
    display: block
}

.nav-bar.-transition-smooth {
    transition: transform .4s ease-in-out
}

.nav-bar.-detached {
    position: fixed;
    box-shadow: 3px 4px 20px rgba(0, 0, 0, .1);
    top: var(--wp-admin--admin-bar--height, 0)
}

@media screen and (max-width:600px) {
    .nav-bar.-detached {
        top: 0
    }
}

.nav-bar.-show {
    transform: translateY(0)
}

.nav-bar.-shy {
    transform: translateY(calc(-1 * (var(--nav-height) + 1px)))
}

.nav-branding .site-title {
    position: relative
}

.nav-branding .site-description,
.nav-branding .site-title {
    margin-bottom: 0
}

.nav-branding .custom-logo {
    display: inline-block;
    max-height: 5.375rem;
    margin: 1em 0
}

@media (max-width:35.99875em) {
    .nav-branding .custom-logo {
        max-width: 2.625rem
    }
}

.nav-toggle {
    display: block;
    border-radius: initial;
    min-width: 1em;
    text-align: center;
    position: relative;
    transition: opacity .2s ease
}

.nav-toggle.tab-focus:focus,
.nav-toggle:hover {
    opacity: .5
}

@media (min-width:88.75em) {
    .nav-toggle {
        opacity: .5
    }

    .nav-toggle.tab-focus:focus,
    .nav-toggle:hover {
        opacity: 1
    }
}

.nav-toggle:not([aria-expanded=true]) .when-expanded,
.nav-toggle[aria-expanded=true] .when-not-expanded {
    display: none
}

.nav-toggle img {
    vertical-align: middle;
    position: relative;
    bottom: .1em
}

.nav-lang ul {
    margin: 0
}

.nav-lang li {
    display: inline;
    text-transform: capitalize;
    font-weight: 700
}

.nav-lang li:not(:last-of-type)::after {
    content: " /";
    opacity: .5
}

.nav-lang li:not(.wpml-ls-current-language) a {
    opacity: .5
}

.nav-lang li:not(.wpml-ls-current-language) a.tab-focus:focus,
.nav-lang li:not(.wpml-ls-current-language) a:hover {
    opacity: 1
}

.nav-lang a {
    text-decoration: none;
    text-underline-offset: .15em
}

.nav-lang a.tab-focus:focus,
.nav-lang a:hover {
    -webkit-text-decoration: underline .1em;
    text-decoration: underline .1em
}

.nav-panel {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: none;
    z-index: var(--cfd-layer-nav);
    margin: 0 auto;
    justify-content: flex-end;
    background-color: #fff;
    box-shadow: 1px -.5px 15px rgba(0, 0, 0, .15);
    border-radius: var(--cfd-radius-lg);
    border-top-right-radius: 0;
    width: 280px
}

@media (min-width:36em) {
    .nav-panel {
        min-width: -webkit-max-content;
        min-width: -moz-max-content;
        min-width: max-content
    }
}

.nav-panel[style*="display: block"],
.nav-panel[style*="display:block"] {
    display: flex !important
}

.nav-panel-inner {
    overflow: hidden auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    flex: 1 1 fit-content;
    max-width: calc(90vw - var(--cfd-gutter));
    padding: var(--cfd-nav-panel-pad)
}

.nav-panel[style*=height] .nav-panel-inner {
    overflow: hidden
}

.nav-panel-inner>:not(:last-child) {
    margin-bottom: calc(var(--cfd-nav-panel-pad))
}

.nav-search .nav-panel {
    max-width: calc(var(--search-panel-trigger-r, 75vw) - var(--cfd-gutter))
}

.nav-mobile .nav-panel {
    max-width: calc(var(--menu-panel-trigger-r, 75vw) - var(--cfd-gutter))
}

.nav-mobile,
.nav-search {
    position: relative
}

.nav-mobile .nav-panel,
.nav-search .nav-panel {
    top: calc(100% + var(--cfd-nav-dropdown-offset));
    left: initial;
    right: calc(var(--cfd-gutter)/ 2)
}

@media (max-width:18.74875em) {

    .nav-mobile,
    .nav-search {
        position: static
    }

    .nav-mobile .nav-panel,
    .nav-search .nav-panel {
        left: 0;
        right: 0;
        top: calc(100% - 1px);
        border-radius: 0;
        max-width: 100%;
        box-shadow: 0 10px 15px -5px rgba(0, 0, 0, .15), 3px 4px 20px rgba(0, 0, 0, .1) inset;
        max-height: calc(100vh - var(--nav-height) + 1px)
    }

    .nav-mobile .nav-panel-inner,
    .nav-search .nav-panel-inner {
        width: 100%;
        flex: 1 1 100%;
        max-width: unset
    }
}

.nav-menu {
    z-index: calc(var(--cfd-layer-nav) + 1);
    position: relative
}

.nav-menu>.row {
    align-items: baseline
}

@media (min-width:62em) {
    html[lang|=fr] .nav-menu>.row {
        align-items: center
    }
}

.nav-menu-list {
    display: flex;
    flex-flow: row;
    align-items: baseline;
    margin: 0 calc(var(--cfd-nav-menu-item-gap) * -1)
}

.nav-menu-list#primary-menu {
    font-size: var(--cfd-font-size-sm);
    font-weight: 500;
    z-index: var(--cfd-layer-nav);
    position: relative
}

.nav-menu-list#primary-menu .dropdown-menu {
    font-size: var(--cfd-font-size-xs)
}

.nav-menu-list#secondary-menu {
    font-size: var(--cfd-font-size-xxs);
    font-weight: 400
}

.nav-menu-list>.menu-item {
    margin: 0 15px
}

@media (min-width:62em) {
    html[lang|=fr] .nav-menu-list>.menu-item {
        max-width: 13ch;
        line-height: 1.275;
        text-underline-offset: .1em
    }

    html[lang|=fr] .nav-menu-list>.menu-item a {
        text-underline-offset: inherit
    }
}

@media (min-width:88.75em) {
    html[lang|=fr]#secondary-menu .nav-menu-list>.menu-item {
        width: 8ch
    }
}

.nav-menu-list>.menu-item.dropdown-open {
    -webkit-text-decoration: underline .1em;
    text-decoration: underline .1em;
    text-underline-offset: .3em
}

.nav-menu-list>.menu-item:hover::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: calc(-1 * var(--cfd-nav-dropdown-offset));
    left: 0
}

.nav-menu-list a.nav-link {
    display: block;
    text-decoration: none;
    position: relative;
    text-underline-offset: .3em
}

.nav-menu-list a.nav-link.tab-focus:focus,
.nav-menu-list a.nav-link:hover {
    -webkit-text-decoration: underline .1em;
    text-decoration: underline .1em
}

.nav-menu-mobile-list {
    font-size: var(--cfd-font-size-xxs);
    margin: calc(var(--cfd-nav-panel-pad)/ -2) calc(var(--cfd-nav-panel-pad) * -1) 0
}

.nav-menu-mobile-list:not(:last-of-type) {
    margin-bottom: calc(var(--cfd-nav-panel-pad)/ 2)
}

.nav-menu-mobile-list ul {
    box-shadow: 0 0 15px rgba(0, 0, 0, .1) inset;
    background-color: var(--cfd-secondary-light)
}

.nav-menu-mobile-list ul ul {
    box-shadow: unset;
    padding-left: 2em
}

.nav-menu-mobile-list ul ul::before {
    content: none
}

.nav-menu-mobile-list ul::after,
.nav-menu-mobile-list ul::before {
    content: "";
    display: block;
    padding-top: .25em
}

.nav-menu-mobile-list ul>li:last-child {
    margin-bottom: 0
}

.nav-menu-mobile-list .menu-item {
    position: relative
}

.nav-menu-mobile-list .menu-item-has-children>.menu-item-trigger-wrapper,
.nav-menu-mobile-list .menu-item:not(.menu-item-has-children) {
    padding: .5em var(--cfd-nav-panel-pad)
}

.nav-menu-mobile-list .menu-item-has-children>.menu-item-trigger-wrapper {
    padding-right: calc(var(--cfd-nav-panel-pad) * .75)
}

.nav-menu-mobile-list .menu-item.size-slim:not(:last-child) {
    padding-bottom: .333em
}

.nav-menu-mobile-list .menu-item.size-slim+.size-slim {
    padding-top: .333em
}

.nav-menu-mobile-list .menu-item-trigger-wrapper a {
    margin-right: auto
}

.nav-menu-mobile-list .menu-item-trigger-wrapper button {
    margin-left: 1em
}

.nav-menu-mobile-list a.nav-link {
    display: inline-block;
    text-decoration: none;
    position: relative;
    text-underline-offset: .3em
}

.nav-menu-mobile-list a.nav-link.tab-focus:focus,
.nav-menu-mobile-list a.nav-link:hover {
    -webkit-text-decoration: underline .1em;
    text-decoration: underline .1em
}

.nav-menu-mobile-list .collapse:not(.show) {
    display: block !important;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.menu-item {
    margin: 1px 0
}

.menu-item:first-child {
    margin-top: 0;
    border-top-right-radius: var(--cfd-radius-lg)
}

.menu-item:last-child {
    margin-bottom: 0;
    border-bottom-left-radius: var(--cfd-radius-lg);
    border-bottom-right-radius: var(--cfd-radius-lg)
}

.menu-item.border-bottom,
.menu-item.border-top {
    border: none !important
}

.menu-item.border-bottom+.menu-item::before,
.menu-item.border-top:not(:first-child)::before {
    content: "";
    height: 1px;
    margin: -1px 0 .1em;
    display: block;
    background-color: currentColor;
    opacity: .1;
    pointer-events: none;
    position: relative;
    top: -.5em
}

.menu-item-icon {
    display: inline-block;
    vertical-align: text-top;
    width: 1em;
    height: 1em;
    margin-right: 1em
}

.menu-item-icon span,
.menu-item-icon svg {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    display: inline-flex
}

.menu-item-trigger-wrapper {
    display: flex;
    flex-flow: row nowrap;
    align-items: baseline;
    border-radius: inherit;
    position: relative
}

.menu-item-trigger-wrapper>.accordion-button {
    display: inline-block;
    margin-left: auto;
    position: relative;
    overflow: visible
}

.menu-item-trigger-wrapper>.accordion-button::before {
    position: static;
    display: inline-block
}

.dropdown {
    position: relative
}

.dropdown-menu {
    background-color: var(--cfd-body-bg);
    border-radius: 0 var(--cfd-radius-lg) var(--cfd-radius-lg);
    box-shadow: -1px -.5px 15px rgba(0, 0, 0, .15);
    position: absolute;
    top: calc(100% + var(--cfd-nav-dropdown-offset));
    left: 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 100%;
    z-index: var(--cfd-layer-nav-super);
    display: none
}

.dropdown-menu>.menu-item.border-bottom+.menu-item::before,
.dropdown-menu>.menu-item.border-top:not(:first-child)::before {
    position: static;
    margin: -1px 2em 0
}

.dropdown-menu>.menu-item.menu-item-has-children .dropdown-touch-toggle {
    left: -.25em;
    margin: 0 .5em 0 -1.5em
}

.dropdown-submenu {
    list-style: none;
    padding-left: 0
}

.dropdown-submenu .dropdown-item {
    padding-left: 4em
}

.dropdown-item {
    border-radius: inherit;
    padding: 1em 2em;
    display: block;
    background-color: transparent;
    text-decoration: none;
    transition: background-color .2s
}

.dropdown-item.tab-focus:focus,
.dropdown-item:hover {
    background-color: var(--cfd-secondary-light);
    text-decoration: none
}

.size-slim:not(:last-child)>*>.dropdown-item,
.size-slim:not(:last-child)>.dropdown-item {
    margin-bottom: .4375em;
    padding-bottom: .5625em
}

.size-slim+.size-slim>*>.dropdown-item,
.size-slim+.size-slim>.dropdown-item {
    margin-top: -.4375em;
    padding-top: .5625em
}

.dropdown .menu-item-trigger-wrapper {
    position: static
}

.dropdown .menu-item-trigger-wrapper>.dropdown-item {
    flex: 1 0 auto
}

.dropdown-touch-toggle {
    position: relative;
    display: block;
    height: 1em;
    bottom: .333em;
    width: 1em;
    margin: 0 0 0 .5em;
    overflow: visible;
    overflow: visible
}

.dropdown-touch-toggle::before {
    display: block;
    content: "";
    width: .5em;
    height: .5em;
    left: 50%;
    top: 50%;
    position: absolute;
    border: .125em currentColor;
    border-style: solid solid none none;
    transform: translate3d(-50%, -50%, 0) rotateX(180deg) rotateZ(-45deg);
    transform-origin: calc(62.5% + .11em) calc(37.5% + .11em);
    transition: transform .2s
}

.dropdown-touch-toggle[aria-expanded=true]::before {
    transform: translate3d(-50%, -50%, 0) rotateX(0) rotateZ(-45deg)
}

body .accessability_container {
    z-index: var(--cfd-layer-nav-sub) !important
}

header.entry-header {
    text-align: center;
    margin-top: 4vh
}

header.entry-header.special-event {
    margin-top: 6vh
}

footer.site-footer {
    padding-top: 7vh;
    position: relative;
    z-index: 10
}

@media (max-width:74.99875em) {
    footer.site-footer>.container>.row {
        margin-top: -1em;
        margin-bottom: -1em
    }

    footer.site-footer>.container>.row>* {
        padding-top: 1em;
        padding-bottom: 1em
    }
}

.footer-branding {
    align-self: flex-start
}

.footer-branding .custom-logo {
    width: 100%;
    max-width: 10rem
}

.footer-branding .custom-logo[data-mime*="image/svg"] {
    width: 100%
}

.footer-presented {
    margin-top: 1em
}

.footer-menu a,
.footer-widgets a {
    text-decoration: none
}

.footer-menu a.tab-focus:focus,
.footer-menu a:hover,
.footer-widgets a.tab-focus:focus,
.footer-widgets a:hover {
    text-decoration: underline
}

.footer-widgets {
    padding-bottom: 1rem
}

.footer-widgets a {
    text-decoration: none
}

.footer-widgets a[href^="mailto:"] {
    font-weight: 700
}

@media (max-width:61.99875em) {
    .footer-widgets {
        padding-top: 1rem
    }
}

@media (max-width:47.99875em) {
    .footer-widgets .site-social-icons {
        justify-content: center
    }
}

.footer-menu li {
    font-weight: 500;
    margin-bottom: 0
}

.footer-menu#primary-footer-menu li+li {
    margin-top: calc(.25em + .9375rem)
}

.footer-menu#secondary-footer-menu {
    padding-bottom: 1rem
}

.footer-menu#secondary-footer-menu li+li {
    margin-top: .9375rem
}

.footer-menu a {
    text-underline-offset: .3em
}

@media (max-width:47.99875em) {

    .footer-branding,
    .footer-menu,
    .footer-widgets {
        text-align: center
    }
}

.footer-copyright {
    font-size: .75rem;
    line-height: 1.25em;
    text-transform: uppercase;
    text-align: center;
    margin-top: 2.25rem;
    margin: 2.25rem auto 0;
    padding-bottom: 1.5rem
}

@media (min-width:75em) {
    .footer-copyright {
        font-size: 1rem
    }
}

.search-form {
    display: flex
}

.search-form>* {
    margin-bottom: 0
}

.search-field[name=s] {
    padding: 0 1.2em;
    line-height: 1
}

.search-field-wrapper {
    display: flex
}

.search-submit {
    min-width: 85px
}

.search-submit .svg-wrapper {
    display: inline-block;
    vertical-align: middle
}

.is-style-bordered>.search-form .search-field,
.search-form.is-style-bordered .search-field {
    border: 2px solid rgba(178, 178, 178, .5);
    border-right: 0 none
}

#search-panel .search-field {
    padding: 0 .5em;
    height: unset
}

#search-panel .search-submit {
    padding: .75em;
    min-width: unset;
    aspect-ratio: 1
}

.search-form-block {
    display: flex
}

.search-form-block:not(.aligncenter) .search-form {
    flex: 1 1 100%
}

.search-form-block .search-field,
.search-form-block .search-field-wrapper {
    flex: 1 1 100%
}

body.search-no-results main>header,
body.search-results main>header {
    padding: 7vmin 0
}

body.search-no-results .search-results-wrapper,
body.search-results .search-results-wrapper {
    padding-top: 6vmin;
    padding-bottom: 6vmin
}

body.search-results article {
    padding-top: 4vmin;
    padding-bottom: 4vmin;
    padding-left: var(--gs-gutter-x)
}

body.search-results article:not(:last-of-type) {
    border-bottom: 2px solid var(--cfd-primary)
}

body.search-results article a {
    text-decoration: none;
    transition: -webkit-text-decoration .2s ease;
    transition: text-decoration .2s ease;
    transition: text-decoration .2s ease, -webkit-text-decoration .2s ease;
    text-underline-offset: .3em
}

body.search-results article a.tab-focus:focus,
body.search-results article a:hover {
    text-decoration: underline
}

body.search-results .pagination {
    margin: 4vmin 0
}

body.search-results .pagination .page-item>* {
    text-decoration: none
}

body.search-results .pagination .page-item.active {
    font-weight: 700
}

body.search-results .pagination .page-item a {
    transition: font-weight .2s, color .2s
}

body.search-results .pagination .page-item a.tab-focus:focus,
body.search-results .pagination .page-item a:hover {
    font-weight: 700
}

body.search-no-results .no-results-heading {
    font-size: var(--cfd-font-size-h4)
}

.film-catalogue-index .film-list .film,
.film-collection-index .film-list .film,
.single-film .related-films-wrapper .related-film {
    position: relative;
    text-align: center;
    margin-bottom: 1rem
}

.film-catalogue-index .film-list .film a,
.film-collection-index .film-list .film a,
.single-film .related-films-wrapper .related-film a {
    text-decoration: none;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column
}

.film-catalogue-index .film-list .film a:hover,
.film-collection-index .film-list .film a:hover,
.single-film .related-films-wrapper .related-film a:hover {
    color: var(--cfd-primary, #e32553)
}

.film-catalogue-index .film-list .film .badge-wrapper,
.film-collection-index .film-list .film .badge-wrapper,
.single-film .related-films-wrapper .related-film .badge-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    padding: .6rem 0
}

.film-catalogue-index .film-list .film .badge-wrapper .badge,
.film-collection-index .film-list .film .badge-wrapper .badge,
.single-film .related-films-wrapper .related-film .badge-wrapper .badge {
    height: 24px;
    margin-right: .5rem
}

.film-catalogue-index .film-list .film .badge-wrapper .badge-icon,
.film-collection-index .film-list .film .badge-wrapper .badge-icon,
.single-film .related-films-wrapper .related-film .badge-wrapper .badge-icon {
    width: 24px
}

.film-catalogue-index .film-list .film .badge-wrapper .badge-pill,
.film-collection-index .film-list .film .badge-wrapper .badge-pill,
.single-film .related-films-wrapper .related-film .badge-wrapper .badge-pill {
    font-size: .75rem
}

.film-catalogue-index .film-list .film .film-title,
.film-catalogue-index .film-list .film .related-film-title,
.film-collection-index .film-list .film .film-title,
.film-collection-index .film-list .film .related-film-title,
.single-film .related-films-wrapper .related-film .film-title,
.single-film .related-films-wrapper .related-film .related-film-title {
    margin: .75rem .5rem 0 .5rem;
    line-height: 1.2
}

.film-catalogue-index .film-list .film .film-year,
.film-collection-index .film-list .film .film-year,
.single-film .related-films-wrapper .related-film .film-year {
    color: var(--cfd-primary, #e32553);
    margin-bottom: .75rem
}

.film-catalogue-index .film-list .film .thumb-wrapper,
.film-collection-index .film-list .film .thumb-wrapper,
.single-film .related-films-wrapper .related-film .thumb-wrapper {
    max-height: 300px;
    border-radius: 17px;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

.film-catalogue-index .film-list .film .thumb-wrapper:before,
.film-collection-index .film-list .film .thumb-wrapper:before,
.single-film .related-films-wrapper .related-film .thumb-wrapper:before {
    content: "";
    background-image: url(../image/placeholder-thumb.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1
}

.film-catalogue-index .film-list .film .thumb-wrapper img,
.film-collection-index .film-list .film .thumb-wrapper img,
.single-film .related-films-wrapper .related-film .thumb-wrapper img {
    min-width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.film-catalogue-index a,
.film-collection-index a {
    text-decoration: none;
    position: relative;
    display: inline-block
}

.film-catalogue-index a.clear-results,
.film-collection-index a.clear-results {
    text-decoration: none;
    color: var(--cfd-theme-darker, var(--cfd-primary, #e32553));
    font-weight: 500
}

.film-catalogue-index a.clear-results:hover,
.film-collection-index a.clear-results:hover {
    color: #000
}

.film-catalogue-index .platform-logo-wrapper,
.film-collection-index .platform-logo-wrapper {
    text-align: center
}

.film-catalogue-index .platform-logo,
.film-collection-index .platform-logo {
    text-align: center;
    max-width: 250px;
    margin: 1em 1em 1.5em 1em
}

@media (min-width:75em) {

    .film-catalogue-index .platform-logo,
    .film-collection-index .platform-logo {
        max-width: 275px
    }
}

.film-catalogue-index .film-list .film.card,
.film-collection-index .film-list .film.card {
    margin-bottom: 3rem
}

.film-catalogue-index .film-list .film.card .thumb-wrapper,
.film-collection-index .film-list .film.card .thumb-wrapper {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    opacity: .5
}

.film-catalogue-index .film-list .film.card p,
.film-collection-index .film-list .film.card p {
    opacity: .5
}

.film-catalogue-index .film-list .film.card a,
.film-collection-index .film-list .film.card a {
    border-bottom-left-radius: 17px;
    border-bottom-right-radius: 17px;
    height: 100%
}

.film-catalogue-index .film-list .film.card a .thumb-wrapper,
.film-catalogue-index .film-list .film.card a p,
.film-collection-index .film-list .film.card a .thumb-wrapper,
.film-collection-index .film-list .film.card a p {
    opacity: 1
}

@media (min-width:62em) {
    .film-collection-index .film-filter-each.interest:before {
        display: none
    }
}

@media (min-width:62em) {
    .film-list-filters-search .film-list-filters-checkboxes {
        display: flex
    }
}

@media (min-width:62em) {
    .film-list-filters-search .film-list-checkbox-wrapper {
        margin-right: 1em;
        display: flex
    }
}

.film-list-filters-search .film-list-checkbox-wrapper .fa-educational-film {
    display: inline-block;
    position: relative;
    margin-right: .25rem;
    width: 1rem;
    height: 1rem;
    transform: translateY(2px)
}

.film-list-filters-search .film-list-checkbox-wrapper input:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    margin-top: -2px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.film-list-filters-search .film-list-checkbox-wrapper label {
    font-size: var(--cfd-font-size-xxs);
    position: relative;
    cursor: pointer;
    padding-left: 2rem;
    line-height: 1;
    width: auto;
    display: flex;
    align-items: center
}

.film-list-filters-search .film-list-checkbox-wrapper label .fa-spotlight-film {
    margin-right: .25rem
}

.film-list-filters-search .film-list-checkbox-wrapper label:before {
    content: "";
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid var(--cfd-secondary, #ffe188);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 -15px 10px -12px rgba(0, 0, 0, .05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 8px;
    margin-left: -2rem
}

.film-list-filters-search .film-list-checkbox-wrapper .label-description {
    font-size: var(--cfd-font-size-xxs);
    display: block;
    padding-left: 2rem;
    max-width: 70%
}

@media (min-width:88.75em) {
    .film-list-filters-search .film-list-checkbox-wrapper .label-description {
        flex-shrink: 1;
        padding-left: 1rem;
        max-width: none
    }
}

.film-list-filters-search button[type=submit] {
    border: none;
    width: auto;
    height: 70px;
    padding: .5em 1em;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .15);
    display: flex;
    align-items: center;
    justify-content: center
}

.film-list-filters-search button[type=submit]#apply-filter-films {
    width: 165px;
    height: 70px;
    word-break: normal
}

.film-list-filters-search .film-list-search {
    box-shadow: 0 4px 8px rgba(0, 0, 0, .15);
    margin-bottom: 1rem;
    display: block
}

.film-list-filters-search .film-list-search input[type=search] {
    padding-right: 0;
    width: 100%
}

.film-list-filters-search .film-list-search button[type=submit] {
    min-width: 85px
}

.film-list-filters-search .film-list-search #film-search-form {
    display: flex
}

.film-list-filters-search .film-list-filters {
    margin-bottom: 1rem
}

@media (min-width:62em) {
    .film-list-filters-search .film-list-filters #film-filters-form {
        display: flex;
        align-items: stretch;
        justify-content: flex-start;
        flex-wrap: nowrap
    }
}

.film-list-filters-search .film-list-filters #film-filters-form .film-filters {
    box-shadow: 0 4px 8px rgba(0, 0, 0, .15);
    margin-bottom: 1rem;
    background-color: #fff;
    flex: 0 1 auto
}

.film-list-filters-search .film-list-filters #film-filters-form .film-filters .film-filter-each {
    cursor: pointer;
    margin-right: 1rem;
    position: relative
}

.film-list-filters-search .film-list-filters #film-filters-form .film-filters .film-filter-each select {
    position: relative;
    z-index: 1;
    color: #000
}

@media (max-width:104.99875em) {
    .film-list-filters-search .film-list-filters #film-filters-form .film-filters .film-filter-each {
        width: auto
    }
}

.film-list-filters-search .film-list-filters #film-filters-form .film-filters .film-filter-each:before {
    content: "";
    position: absolute;
    height: 1px;
    width: calc(100% - 1rem);
    background-color: #e0e0e0;
    left: 1rem;
    top: 0
}

@media (max-width:61.99875em) {
    .film-list-filters-search .film-list-filters #film-filters-form .film-filters .film-filter-each:first-child:before {
        background: 0 0
    }
}

@media (min-width:88.75em) {
    .film-list-filters-search .film-list-filters #film-filters-form .film-filters .film-filter-each.interest:before {
        background: 0 0
    }
}

.film-list-filters-search .film-list-filters #film-filters-form .film-filters .film-filter-each:after {
    content: "";
    pointer-events: none;
    z-index: 1;
    position: absolute;
    right: 1rem;
    top: calc(50% - 2px);
    border: solid #000;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding-right: 2px;
    transform: rotate(45deg) translateY(-50%);
    width: 10px;
    height: 10px
}

.film-list-filters-search .film-list-filters #film-filters-form .film-filters .film-filter-each.own_voice,
.film-list-filters-search .film-list-filters #film-filters-form .film-filters .film-filter-each.spotlight_films {
    display: none
}

@media (min-width:62em) {
    .film-list-filters-search .film-list-filters #film-filters-form .film-filters {
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        flex-wrap: nowrap;
        border-bottom: none;
        background: #fff
    }
}

@media (min-width:62em) and (max-width:104.99875em) {
    .film-list-filters-search .film-list-filters #film-filters-form .film-filters {
        flex-wrap: wrap;
        justify-content: flex-start
    }
}

@media (min-width:62em) {
    .film-list-filters-search .film-list-filters #film-filters-form .film-filters .film-filter-each {
        border-bottom: none;
        flex: 1
    }

    .film-list-filters-search .film-list-filters #film-filters-form .film-filters .film-filter-each:before {
        content: "";
        position: absolute;
        height: 60%;
        width: 1px;
        background-color: #e0e0e0;
        left: calc(100% + .5rem);
        top: 20%
    }
}

.results-amount {
    display: flex;
    justify-content: space-between
}

.results-amount a.clear-results {
    text-decoration: underline
}

.fa-spotlight-film {
    content: "";
    position: relative;
    background-image: url(../image/icon-spotlight-circle.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 20px;
    height: 20px;
    display: inline-block
}

.badge-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2rem;
    list-style-type: none;
    padding-left: 0;
    z-index: 1
}

.badge-wrapper .badge {
    display: inline-block;
    margin-right: .75rem;
    margin-bottom: .75rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.badge-wrapper .badge--label {
    margin-left: .25rem
}

.badge-wrapper .badge-icon {
    border-radius: 50%;
    background-color: var(--cfd-secondary, #ffe188)
}

.badge-wrapper .badge-pill {
    background-color: #fff;
    color: #000;
    text-decoration: none;
    font-weight: 700;
    font-size: var(--cfd-font-size-xxs);
    border-radius: 20px;
    padding: 0 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1
}

.badge-wrapper .badge-spotlight {
    background-color: var(--cfd-secondary, #ffe188)
}

.badge-wrapper .badge-link {
    pointer-events: all;
    opacity: .5;
    transition: opacity .2s ease
}

.badge-wrapper .badge-link:hover {
    opacity: 1
}

.badge-wrapper .badge-secondary {
    background-color: var(--cfd-primary-light, rgb(246.6, 189.6, 203.4))
}

.badge-wrapper .badge-border {
    background-color: #fff;
    border: 1px solid var(--cfd-primary-light, rgb(246.6, 189.6, 203.4))
}

.badge-wrapper .badge a {
    text-decoration: none;
    display: flex;
    align-items: center
}

.catalogue-card a {
    text-decoration: none
}

.catalogue-card a p.has-lg-font-size {
    margin-bottom: 0
}

.catalogue-card a:hover p.has-lg-font-size {
    color: var(--cfd-secondary, #ffe188)
}

.single-film .header-wrapper {
    margin-top: 6vh
}

@media (max-width:47.99875em) {
    .single-film .header-wrapper {
        margin-top: 1em
    }
}

.single-film .header .badge-wrapper .badge {
    height: 34px
}

.single-film .header .badge-wrapper .badge-icon {
    width: 34px
}

.single-film .header .badge-wrapper .fa-educational-film {
    width: 14px;
    height: 17px
}

.single-film .film-title {
    color: var(--cfd-primary, #e32553);
    margin-bottom: .4em
}

.single-film .film-description,
.single-film .film-trailer {
    margin-bottom: 3em
}

.single-film .film-meta-wrapper {
    display: table
}

.single-film .film-meta {
    display: table-row;
    font-weight: 700
}

.single-film .film-meta--label {
    display: table-cell;
    text-transform: uppercase;
    color: var(--cfd-primary, #e32553);
    padding-right: 1rem;
    padding-bottom: .7rem;
    font-size: var(--cfd-font-size-xs);
    font-weight: 700
}

.single-film .film-meta--value {
    display: table-cell
}

.single-film .film-detail {
    margin-bottom: .5rem
}

.single-film .film-detail p {
    overflow-wrap: break-word
}

.single-film .film-detail--label {
    color: var(--cfd-primary, #e32553);
    margin-bottom: .3rem;
    font-weight: 700;
    font-size: var(--cfd-font-size-xs)
}

.single-film .film-poster-wrapper {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom right
}

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

.single-film .film-platforms .platform {
    display: block;
    text-align: center;
    padding: 1rem .5rem;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.single-film .film-platforms .platform img {
    display: inline-block;
    max-width: 200px;
    max-height: 100p
}

@media (min-width:62em) {
    .single-film .sidebar {
        padding-left: 4vw
    }
}

.single-film .sidebar h4 {
    text-transform: uppercase;
    margin-bottom: 1.5rem;
    font-family: alternate-gothic-no-3-d, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    display: block;
    text-align: center
}

.single-film .sidebar .find-screening,
.single-film .sidebar .host-screening {
    padding-top: 50px;
    position: relative
}

.single-film .sidebar .find-screening:before {
    content: "";
    position: absolute;
    background-image: url(../image/icon-find-screening.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 35px;
    top: 0;
    left: 0
}

.single-film .sidebar .host-screening:before {
    content: "";
    position: absolute;
    background-image: url(../image/icon-host-screening.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 37px;
    top: 0;
    left: 0
}

.single-film .sidebar--justwatch h4 {
    text-align: left
}

.single-film .sidebar--platforms,
.single-film .sidebar--province-ratings,
.single-film .sidebar--screening {
    padding: 2.5rem;
    border-radius: 30px;
    position: relative
}

.single-film .sidebar--platforms .circle,
.single-film .sidebar--province-ratings .circle,
.single-film .sidebar--screening .circle {
    width: 110px;
    height: 100px;
    position: absolute;
    top: 0;
    right: 6%;
    margin-top: -13%
}

.single-film .sidebar--platforms .circle .svg-wrapper,
.single-film .sidebar--province-ratings .circle .svg-wrapper,
.single-film .sidebar--screening .circle .svg-wrapper {
    width: 100%;
    height: 100%
}

.single-film .sidebar--platforms .circle svg path,
.single-film .sidebar--province-ratings .circle svg path,
.single-film .sidebar--screening .circle svg path {
    fill: var(--cfd-secondary, #ffe188)
}

.single-film .sidebar--screening {
    text-align: center;
    background-color: var(--cfd-primary, #e32553);
    color: #fff
}

.single-film .sidebar--platforms {
    text-align: center
}

.single-film .sidebar--province-ratings {
    background-color: var(--cfd-secondary-light, rgb(255, 246, 219.3))
}

.single-film .sidebar--province-ratings h6,
.single-film .sidebar--province-ratings h7 {
    color: var(--cfd-primary, #e32553)
}

.single-film .sidebar--province-ratings .province-wrap {
    padding-top: 1em
}

.single-film .sidebar--province-ratings .province {
    display: flex;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.single-film .sidebar--province-ratings .province span {
    padding: 0 0 .5rem 0
}

.single-film .sidebar--province-ratings .province span:first-child {
    flex-basis: 80px;
    width: 80px;
    padding-right: 1rem
}

.single-film .sidebar--province-ratings .rating {
    color: var(--cfd-secondary-approx-complement, #000);
    font-weight: 700;
    font-size: var(--cfd-font-size-xxs);
    background-color: var(--cfd-secondary, #ffe188);
    padding: .25rem .5rem;
    border-radius: 5px;
    margin-right: 1rem;
    display: inline-block;
    width: 100%;
    text-align: center
}

.single-film .sidebar--province-ratings .name {
    display: inline-block;
    width: calc(100% - 5rem);
    line-height: 1.2
}

.single-film .button-educators {
    text-transform: capitalize;
    line-height: 1.2;
    padding-left: 1em;
    padding-right: 1em
}

.single-film .button-educators:before {
    content: "";
    position: relative;
    background-image: url(/wp-content/themes/canfilmday/assets/img/icons/icon-apple-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 23px;
    height: 28px;
    margin-right: .5rem
}

@font-face {
    font-family: event-icons;
    src: url(/wp-content/themes/canfilmday/assets/fonts/event-icons.eot);
    src: local("event-icons"), url(/wp-content/themes/canfilmday/assets/fonts/event-icons.eot?) format("embedded-opentype"), url(/wp-content/themes/canfilmday/assets/fonts/event-icons.woff) format("woff"), url(/wp-content/themes/canfilmday/assets/fonts/event-icons.ttf) format("truetype"), url(/wp-content/themes/canfilmday/assets/fonts/event-icons.svg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.event-index .event-listing .event {
    position: relative;
    text-align: left;
    height: 100%;
    display: flex;
    background: #fff;
    --evt-card-inset: calc(1.25rem + 5px);
    --evt-card-radius: 1em;
    --evt-border-color: transparent;
    border-radius: var(--evt-card-radius);
    contain: content
}

.event-index .event-listing .event::before {
    width: 1px;
    padding-top: 125%;
    opacity: 0;
    content: "";
    display: block;
    margin-right: -1px;
    pointer-events: none;
    visibility: hidden
}

.event-index .event-listing .event:focus-within .event-special-details,
.event-index .event-listing .event:hover .event-special-details {
    transform: translateY(0)
}

.event-index .event-listing .event:focus-within .event-special-details .event-card-inner,
.event-index .event-listing .event:hover .event-special-details .event-card-inner {
    opacity: 1;
    transition: opacity .3s
}

.event-index .event-listing .event:focus-within .event-read-more,
.event-index .event-listing .event:hover .event-read-more {
    transform: translateX(0);
    opacity: 1
}

.event-index .event-listing .event:focus-within.special-event .event-location,
.event-index .event-listing .event:hover.special-event .event-location {
    color: var(--cfd-primary-approx-compliment)
}

.event-index .event-listing .event:focus-within.special-event .event-read-more,
.event-index .event-listing .event:hover.special-event .event-read-more {
    color: var(--cfd-primary-approx-compliment)
}

.event-index .event-listing .event:focus-within.special-event .event-special-guests,
.event-index .event-listing .event:focus-within.special-event .icon-container,
.event-index .event-listing .event:focus-within.special-event .pill-container,
.event-index .event-listing .event:hover.special-event .event-special-guests,
.event-index .event-listing .event:hover.special-event .icon-container,
.event-index .event-listing .event:hover.special-event .pill-container {
    color: var(--cfd-primary);
    background-color: var(--cfd-primary-approx-compliment)
}

.event-index .event-listing .-linkified.event:focus-within,
.event-index .event-listing .-linkified.event:hover {
    cursor: pointer
}

.event-index .event-listing .-linkified.event:focus-within .event-main a,
.event-index .event-listing .-linkified.event:hover .event-main a {
    color: var(--cfd-primary)
}

.event-index .event-listing .-linkified.event:focus-within .event-special-details a:hover,
.event-index .event-listing .-linkified.event:hover .event-special-details a:hover {
    color: inherit
}

.event-index .event-listing .-linkified.event a.tab-focus,
.event-index .event-listing .-linkified.event a:focus {
    outline: transparent !important
}

.event-index .event-listing .-linkified.tab-focus-within.event {
    outline: var(--cfd-primary-medium) 5px solid;
    outline-offset: 5px
}

.event-index .event-listing .special-event.event .event-image {
    border-radius: var(--evt-card-radius) var(--evt-card-radius) 0 0;
    background-clip: border-box;
    --border: 5px solid var(--evt-border-color);
    border-top: var(--border);
    border-left: var(--border);
    border-right: var(--border)
}

.event-index .event-listing .event .event-main,
.event-index .event-listing .event .event-special-details {
    border-radius: var(--evt-card-radius);
    padding: var(--evt-card-inset);
    outline: 5px solid var(--evt-border-color);
    outline-offset: -5px;
    overflow: hidden;
    display: flex;
    flex: 0 0 100%;
    width: 100%
}

.event-index .event-listing .event .event-main a.tab-focus:focus,
.event-index .event-listing .event .event-main a:hover {
    color: var(--cfd-primary)
}

.event-index .event-listing .event .event-special-details {
    position: relative;
    margin-left: -100%;
    z-index: var(--cfd-layer-content-super);
    transform: translateY(100%);
    transition: transform .3s
}

.event-index .event-listing .event .event-special-details .event-card-inner {
    opacity: 0;
    transition: opacity .3s
}

.event-index .event-listing .event .event-card-inner {
    display: flex;
    flex-flow: column nowrap
}

.event-index .event-listing .event .event-image {
    margin: calc(-1 * var(--evt-card-inset));
    max-width: calc(100% + 2 * var(--evt-card-inset));
    margin-bottom: 0;
    aspect-ratio: 460/255;
    background-position: 50% 40%;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden
}

.event-index .event-listing .event .event-image::before {
    content: "";
    border-radius: calc(1em - 5px) calc(1em - 5px) 0 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../image/placeholder-medium.png) center/cover no-repeat;
    z-index: -1
}

.event-index .event-listing .event .event-image img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 40%;
    object-position: 50% 40%;
    height: auto;
    aspect-ratio: 460/255
}

.event-index .event-listing .event .event-title {
    font-family: var(--cfd-font-base);
    font-size: var(--cfd-font-size-h5);
    font-weight: 500;
    line-height: 1.1675;
    margin: 1em 0 .3333em
}

.event-index .event-listing .event .event-special-details .event-title {
    font-size: var(--cfd-font-size-h6);
    margin: 2em 0 .4em
}

.event-index .event-listing .event .event-films {
    font-size: var(--cfd-font-size-md);
    margin-bottom: .25em
}

.event-index .event-listing .event .event-date-time {
    text-transform: uppercase;
    font-size: var(--cfd-font-size-xs);
    margin-bottom: var(--cfd-font-size-base);
    flex: 1
}

.event-index .event-listing .event .event-special-details .event-date-time {
    flex: 0
}

.event-index .event-listing .event .event-special-guests {
    position: absolute;
    top: 0;
    right: 0;
    font-size: var(--cfd-font-size-xxs);
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .01em;
    border-radius: 0 0 0 1.25em;
    background-color: var(--cfd-primary);
    color: var(--cfd-primary-approx-compliment);
    padding: .875em;
    padding-right: 1.5em;
    transition: color .3s, background-color .3s;
    max-width: calc(100% - 2.75em);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.event-index .event-listing .event .event-special-guests .icon {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    vertical-align: top;
    font-size: 2em;
    margin: -.25em 0
}

.event-index .event-listing .event .event-icons,
.event-index .event-listing .event .event-location,
.event-index .event-listing .event .event-special-guests {
    z-index: var(--cfd-layer-overtop)
}

.event-index .event-listing .event .event-location {
    position: relative;
    line-height: 1.25;
    margin-bottom: .5rem;
    font-size: var(--cfd-font-size-xs);
    letter-spacing: .01em;
    transition: color .3s
}

.event-index .event-listing .event .event-city {
    font-weight: 700
}

.event-index .event-listing .event .event-icons {
    position: relative
}

.event-index .event-listing .event .event-description {
    max-height: 13.5em;
    overflow: auto;
    font-size: var(--cfd-font-size-sm);
    letter-spacing: .01em;
    margin-bottom: 1.5rem;
    contain: paint
}

.event-index .event-listing .event .event-description>:last-child {
    margin-bottom: 0
}

.event-index .event-listing .event .event-special-details .event-description {
    flex: 1
}

.event-index .event-listing .event .event-read-more {
    color: var(--cfd-primary);
    transform: translateX(-100%);
    opacity: 0;
    transition: color .3s, opacity .3s, transform .3s;
    position: absolute;
    bottom: var(--evt-card-inset);
    right: var(--evt-card-inset);
    z-index: var(--cfd-layer-overtop)
}

.event-index .event-listing .event .event-read-more .icon-arrow {
    font-size: 1rem;
    height: unset;
    width: unset
}

.event-index .event-listing .event a {
    text-decoration: none;
    position: relative
}

.event-index .event-listing .event a:hover {
    color: var(--cfd-secondary, #ffe188)
}

.event-index .event-listing .event .badge-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    padding: .6rem 0 .6rem
}

.event-index .event-listing .event .badge-wrapper .badge {
    height: 24px;
    margin-right: .5rem
}

.event-index .event-listing .event .badge-wrapper .badge-icon {
    width: 24px
}

.event-index .event-listing .event .badge-wrapper .badge-pill {
    font-size: .75rem
}

.event-index .event-listing .event .event-film,
.event-index .event-listing .event .related-event-film {
    margin: .75rem 0 0;
    line-height: 1.2;
    font-weight: 700;
    text-transform: none
}

.event-index .event-listing .event .event-film a,
.event-index .event-listing .event .related-event-film a {
    text-decoration: underline
}

.event-index .event-listing .event .event-film a:hover,
.event-index .event-listing .event .related-event-film a:hover {
    text-decoration: none
}

.event-index .event-listing .event .event-year {
    color: var(--cfd-primary-light, rgb(246.6, 189.6, 203.4))
}

.event-index {
    padding-bottom: 8vh;
    background-color: var(--cfd-secondary-light, rgb(255, 246, 219.3))
}

.event-index #loading-cities {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center
}

.event-index #loading-cities:after {
    content: "";
    background-color: var(--cfd-secondary-light, rgb(255, 246, 219.3));
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .9;
    z-index: -1
}

.event-index #loading-cities i,
.event-index #loading-cities span {
    display: inline-block;
    vertical-align: middle
}

.event-index #loading-cities span {
    margin: 1rem;
    font-weight: 700
}

.event-index #loading-cities i {
    font-size: 1.5em;
    animation: loader-spin 1.15s infinite linear
}

.event-index #loading-cities[data-loading="0"] {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 1s
}

.event-index #event-filters-form {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    flex-flow: row wrap;
    row-gap: .75em
}

.event-index #event-filters-form .event-filter-each {
    margin: 0 .75rem;
    position: relative
}

.event-index #event-filters-form .event-filter-each select {
    position: relative;
    z-index: 1;
    color: #000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .15)
}

.event-index #event-filters-form .event-filter-each:after {
    content: "";
    pointer-events: none;
    z-index: 1;
    position: absolute;
    right: 1rem;
    top: calc(50% - 2px);
    border: solid #000;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding-right: 2px;
    transform: rotate(45deg) translateY(-50%);
    width: 10px;
    height: 10px
}

.event-index #event-filters-form .event-filters-region {
    display: flex;
    justify-content: center;
    gap: 1.5em
}

.event-index #event-filters-form .event-filters-region input[type=radio] {
    margin-right: .25em;
    width: 1em;
    height: 1em;
    accent-color: currentColor;
    vertical-align: middle;
    position: relative;
    bottom: .1em
}

.event-index .event-listing .grid-item {
    margin-bottom: calc(var(--gs-gutter)) !important
}

.event-index .event-listing .event.special-event {
    --evt-border-color: var(--cfd-primary, #e32553)
}

.event-index .event-listing .event.special-event .event-special-details {
    background-color: var(--cfd-primary, #e32553);
    color: #fff
}

.event-index .event-listing .event.special-event .event-special-details .event-icons>* {
    background-color: #fff;
    color: var(--cfd-primary, #e32553)
}

.event-index .event-listing .event .special-event-tag {
    text-transform: uppercase;
    letter-spacing: .01em;
    font-size: .875rem;
    line-height: 1;
    font-weight: 500;
    background-color: var(--cfd-primary);
    color: var(--cfd-primary-approx-compliment);
    border-radius: 999vmax;
    padding: .785em 1.715em;
    margin: -1.285em auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: block;
    z-index: var(--cfd-layer-content-super);
    position: relative
}

.event-index .load-more-stories {
    padding-top: 6vh;
    text-align: center;
    cursor: pointer;
    font-weight: 500;
    text-decoration: underline
}

.event-index .load-more-stories.tab-focus:focus,
.event-index .load-more-stories:hover {
    color: inherit;
    text-decoration: none
}

.events-filters {
    text-align: center
}

.events-filters .events-legend {
    list-style: none;
    display: flex;
    justify-content: center;
    padding: 0;
    flex-wrap: wrap
}

.events-filters .events-legend li {
    margin: 0 1rem;
    position: relative;
    display: flex;
    align-items: center;
    font-size: var(--cfd-font-size-xs)
}

.events-filters .events-legend li:before {
    content: "";
    background-size: 34px 34px;
    background-repeat: no-repeat;
    width: 34px;
    height: 34px;
    position: relative;
    display: inline-block;
    margin-right: .15rem
}

.events-filters .events-legend .accessible:before {
    background: url(../image/icon-accessibility.svg)
}

.events-filters .events-legend .paid:before {
    background: url(../image/icon-paid-event.svg)
}

.events-filters .events-legend .guest:before {
    background: url(../image/icon-special-guest.svg)
}

.events-filters .events-legend .pre:before {
    background: url(../image/icon-pre-cfd-event.svg)
}

.events-filters .events-legend .post:before {
    background: url(../image/icon-post-cfd-event.svg)
}

.events-filters .events-legend .private:before {
    display: none
}

.events-filters .events-legend .pill-container {
    display: inline-block;
    background-color: var(--cfd-secondary, #ffe188);
    border-radius: 50px;
    height: 34px;
    padding: 0 1rem;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #000;
    margin: 0 1rem;
    font-weight: 500;
    font-size: .875rem
}

.event .icon {
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.event .icon::before {
    font-family: event-icons !important;
    line-height: 1;
    font-size: var(--evt-pill-height)
}

.event .icon-guest::before {
    content: "\e900"
}

.event .icon-accessible::before {
    content: "\e901"
}

.event .icon-arrow::before {
    content: "\e902"
}

.event .icon-paid::before {
    content: "\e903"
}

.event .icon-post::before {
    content: "\e904"
}

.event .icon-pre::before {
    content: "\e905"
}

.event-icons {
    display: flex;
    flex-wrap: wrap
}

.event-film-details .icon-container,
.event-film-details .pill-container,
.event-icons .icon-container,
.event-icons .pill-container {
    --evt-pill-height: 2.4285714286em;
    border-radius: 999vmax;
    font-size: .875rem;
    height: var(--evt-pill-height);
    margin: 0 .5rem .5rem 0;
    background-color: var(--cfd-primary, #e32553);
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    transition: color .3s, background-color .3s
}

.event-film-details .pill-container,
.event-icons .pill-container {
    display: inline-flex;
    padding: 0 1rem;
    align-items: center
}

.event-film-details .icon-container,
.event-icons .icon-container {
    display: inline-block;
    width: var(--evt-pill-height)
}

.event-film-details .icon-accessible:before {
    content: "";
    background-size: 34px 34px;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(../image/icon-accessibility.svg);
    -webkit-filter: invert(1);
    filter: invert(1)
}

.single-event h1.details-title,
.single-special_event h1.details-title,
.wp-block-acf-special-event-films h1.details-title,
.wp-block-acf-special-event-guestlist h1.details-title {
    font-size: calc(1.1757352941rem + 4.2730650155vw)
}

@media (min-width:118.75em) {

    .single-event h1.details-title,
    .single-special_event h1.details-title,
    .wp-block-acf-special-event-films h1.details-title,
    .wp-block-acf-special-event-guestlist h1.details-title {
        font-size: 6.25rem
    }
}

.single-event .header-wrapper,
.single-special_event .header-wrapper,
.wp-block-acf-special-event-films .header-wrapper,
.wp-block-acf-special-event-guestlist .header-wrapper {
    margin-top: 6vh;
    text-align: center
}

.single-event .header-wrapper .event-icons,
.single-special_event .header-wrapper .event-icons,
.wp-block-acf-special-event-films .header-wrapper .event-icons,
.wp-block-acf-special-event-guestlist .header-wrapper .event-icons {
    justify-content: center
}

.single-event .special-event-film-poster,
.single-event .special-event-photo,
.single-special_event .special-event-film-poster,
.single-special_event .special-event-photo,
.wp-block-acf-special-event-films .special-event-film-poster,
.wp-block-acf-special-event-films .special-event-photo,
.wp-block-acf-special-event-guestlist .special-event-film-poster,
.wp-block-acf-special-event-guestlist .special-event-photo {
    width: 100%;
    height: auto
}

.single-event .event-highlight,
.single-special_event .event-highlight,
.wp-block-acf-special-event-films .event-highlight,
.wp-block-acf-special-event-guestlist .event-highlight {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid var(--cfd-primary-light, rgb(246.6, 189.6, 203.4));
    padding-top: 1rem;
    padding-bottom: 1rem
}

@media (min-width:75em) {

    .single-event .event-highlight,
    .single-special_event .event-highlight,
    .wp-block-acf-special-event-films .event-highlight,
    .wp-block-acf-special-event-guestlist .event-highlight {
        border-bottom: none;
        padding-top: 0;
        padding-bottom: 0;
        border-right: 1px solid var(--cfd-primary-light, rgb(246.6, 189.6, 203.4))
    }
}

.single-event .event-highlight:last-child,
.single-special_event .event-highlight:last-child,
.wp-block-acf-special-event-films .event-highlight:last-child,
.wp-block-acf-special-event-guestlist .event-highlight:last-child {
    border-right: none
}

.single-event .event-highlight-details,
.single-special_event .event-highlight-details,
.wp-block-acf-special-event-films .event-highlight-details,
.wp-block-acf-special-event-guestlist .event-highlight-details {
    text-align: center;
    margin-bottom: 0
}

.single-event .event-highlight-details p,
.single-special_event .event-highlight-details p,
.wp-block-acf-special-event-films .event-highlight-details p,
.wp-block-acf-special-event-guestlist .event-highlight-details p {
    line-height: 1.2;
    margin-bottom: .25rem
}

.single-event .event-highlight .icon svg path,
.single-special_event .event-highlight .icon svg path,
.wp-block-acf-special-event-films .event-highlight .icon svg path,
.wp-block-acf-special-event-guestlist .event-highlight .icon svg path {
    fill: var(--cfd-primary, #e32553)
}

.single-event hr,
.single-special_event hr,
.wp-block-acf-special-event-films hr,
.wp-block-acf-special-event-guestlist hr {
    border-color: var(--cfd-primary-light, rgb(246.6, 189.6, 203.4));
    margin: 2rem 0
}

.single-event .entry-film .film-meta,
.single-special_event .entry-film .film-meta,
.wp-block-acf-special-event-films .entry-film .film-meta,
.wp-block-acf-special-event-guestlist .entry-film .film-meta {
    display: table-row
}

.single-event .entry-film .film-meta--label,
.single-special_event .entry-film .film-meta--label,
.wp-block-acf-special-event-films .entry-film .film-meta--label,
.wp-block-acf-special-event-guestlist .entry-film .film-meta--label {
    font-weight: 700;
    display: table-cell;
    text-transform: uppercase;
    color: #7c7c7c;
    padding-right: 1rem;
    font-size: var(--cfd-font-size-xs);
    font-weight: 700
}

.single-event .entry-film .film-meta--value,
.single-special_event .entry-film .film-meta--value,
.wp-block-acf-special-event-films .entry-film .film-meta--value,
.wp-block-acf-special-event-guestlist .entry-film .film-meta--value {
    display: table-cell
}

.single-event .event-film-image-container .film-poster-wrapper,
.single-special_event .event-film-image-container .film-poster-wrapper,
.wp-block-acf-special-event-films .event-film-image-container .film-poster-wrapper,
.wp-block-acf-special-event-guestlist .event-film-image-container .film-poster-wrapper {
    background-size: contain;
    position: relative
}

.single-event .event-film-image-container .film-poster-wrapper:before,
.single-special_event .event-film-image-container .film-poster-wrapper:before,
.wp-block-acf-special-event-films .event-film-image-container .film-poster-wrapper:before,
.wp-block-acf-special-event-guestlist .event-film-image-container .film-poster-wrapper:before {
    content: "";
    background-image: url(../image/placeholder-thumb.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1
}

.single-event .event-film-details h3,
.single-event .event-guest-details h3,
.single-special_event .event-film-details h3,
.single-special_event .event-guest-details h3,
.wp-block-acf-special-event-films .event-film-details h3,
.wp-block-acf-special-event-films .event-guest-details h3,
.wp-block-acf-special-event-guestlist .event-film-details h3,
.wp-block-acf-special-event-guestlist .event-guest-details h3 {
    display: inline-block
}

.single-event .event-film-details .film-meta-wrapper,
.single-event .event-film-details h3,
.single-event .event-guest-details .film-meta-wrapper,
.single-event .event-guest-details h3,
.single-special_event .event-film-details .film-meta-wrapper,
.single-special_event .event-film-details h3,
.single-special_event .event-guest-details .film-meta-wrapper,
.single-special_event .event-guest-details h3,
.wp-block-acf-special-event-films .event-film-details .film-meta-wrapper,
.wp-block-acf-special-event-films .event-film-details h3,
.wp-block-acf-special-event-films .event-guest-details .film-meta-wrapper,
.wp-block-acf-special-event-films .event-guest-details h3,
.wp-block-acf-special-event-guestlist .event-film-details .film-meta-wrapper,
.wp-block-acf-special-event-guestlist .event-film-details h3,
.wp-block-acf-special-event-guestlist .event-guest-details .film-meta-wrapper,
.wp-block-acf-special-event-guestlist .event-guest-details h3 {
    margin-bottom: 2.5rem
}

.single-event .event-film-details a,
.single-event .event-guest-details a,
.single-special_event .event-film-details a,
.single-special_event .event-guest-details a,
.wp-block-acf-special-event-films .event-film-details a,
.wp-block-acf-special-event-films .event-guest-details a,
.wp-block-acf-special-event-guestlist .event-film-details a,
.wp-block-acf-special-event-guestlist .event-guest-details a {
    text-decoration: underline
}

.single-event .event-film-details a:hover,
.single-event .event-guest-details a:hover,
.single-special_event .event-film-details a:hover,
.single-special_event .event-guest-details a:hover,
.wp-block-acf-special-event-films .event-film-details a:hover,
.wp-block-acf-special-event-films .event-guest-details a:hover,
.wp-block-acf-special-event-guestlist .event-film-details a:hover,
.wp-block-acf-special-event-guestlist .event-guest-details a:hover {
    text-decoration: none
}

.single-event .event-guest-details--photo-wrapper,
.single-special_event .event-guest-details--photo-wrapper,
.wp-block-acf-special-event-films .event-guest-details--photo-wrapper,
.wp-block-acf-special-event-guestlist .event-guest-details--photo-wrapper {
    position: relative;
    width: 50%;
    background-color: rgb(246.6, 189.6, 203.4);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 2rem
}

.single-event .event-guest-details--photo-wrapper:after,
.single-special_event .event-guest-details--photo-wrapper:after,
.wp-block-acf-special-event-films .event-guest-details--photo-wrapper:after,
.wp-block-acf-special-event-guestlist .event-guest-details--photo-wrapper:after {
    content: "";
    display: block;
    padding-bottom: 100%
}

.single-event .event-guest-details_position,
.single-special_event .event-guest-details_position,
.wp-block-acf-special-event-films .event-guest-details_position,
.wp-block-acf-special-event-guestlist .event-guest-details_position {
    color: rgba(0, 0, 0, .8)
}

.single-event .entry-summary .event-show-less .less-div,
.single-event .entry-summary.show-more,
.single-special_event .entry-summary .event-show-less .less-div,
.single-special_event .entry-summary.show-more,
.wp-block-acf-special-event-films .entry-summary .event-show-less .less-div,
.wp-block-acf-special-event-films .entry-summary.show-more,
.wp-block-acf-special-event-guestlist .entry-summary .event-show-less .less-div,
.wp-block-acf-special-event-guestlist .entry-summary.show-more {
    display: none
}

.single-event .entry-summary .less-div,
.single-event .entry-summary .more-div,
.single-special_event .entry-summary .less-div,
.single-special_event .entry-summary .more-div,
.wp-block-acf-special-event-films .entry-summary .less-div,
.wp-block-acf-special-event-films .entry-summary .more-div,
.wp-block-acf-special-event-guestlist .entry-summary .less-div,
.wp-block-acf-special-event-guestlist .entry-summary .more-div {
    font-size: var(--cfd-font-size-sm)
}

.single-event .entry-summary .icon,
.single-special_event .entry-summary .icon,
.wp-block-acf-special-event-films .entry-summary .icon,
.wp-block-acf-special-event-guestlist .entry-summary .icon {
    width: 13px;
    height: 14px;
    display: inline-block
}

.single-event .entry-summary .icon:before,
.single-special_event .entry-summary .icon:before,
.wp-block-acf-special-event-films .entry-summary .icon:before,
.wp-block-acf-special-event-guestlist .entry-summary .icon:before {
    content: "";
    position: relative;
    width: 13px;
    height: 14px;
    display: inline-block;
    background-size: contain;
    margin-left: .5rem
}

.single-event .entry-summary .icon-show-more:before,
.single-special_event .entry-summary .icon-show-more:before,
.wp-block-acf-special-event-films .entry-summary .icon-show-more:before,
.wp-block-acf-special-event-guestlist .entry-summary .icon-show-more:before {
    background-image: url(../image/icon-show-more.svg)
}

.single-event .entry-summary .icon-show-less:before,
.single-special_event .entry-summary .icon-show-less:before,
.wp-block-acf-special-event-films .entry-summary .icon-show-less:before,
.wp-block-acf-special-event-guestlist .entry-summary .icon-show-less:before {
    background-image: url(../image/icon-show-less.svg)
}

.single-event .entry-summary .province-ratings,
.single-special_event .entry-summary .province-ratings,
.wp-block-acf-special-event-films .entry-summary .province-ratings,
.wp-block-acf-special-event-guestlist .entry-summary .province-ratings {
    padding: 2.5rem;
    border-radius: 30px;
    position: relative;
    background-color: var(--cfd-secondary-light, rgb(255, 246, 219.3))
}

.single-event .entry-summary .province-ratings h6,
.single-event .entry-summary .province-ratings h7,
.single-special_event .entry-summary .province-ratings h6,
.single-special_event .entry-summary .province-ratings h7,
.wp-block-acf-special-event-films .entry-summary .province-ratings h6,
.wp-block-acf-special-event-films .entry-summary .province-ratings h7,
.wp-block-acf-special-event-guestlist .entry-summary .province-ratings h6,
.wp-block-acf-special-event-guestlist .entry-summary .province-ratings h7 {
    color: var(--cfd-primary, #e32553)
}

.single-event .entry-summary .province-ratings .province-wrap,
.single-special_event .entry-summary .province-ratings .province-wrap,
.wp-block-acf-special-event-films .entry-summary .province-ratings .province-wrap,
.wp-block-acf-special-event-guestlist .entry-summary .province-ratings .province-wrap {
    padding-top: 1em
}

.single-event .entry-summary .province-ratings .province,
.single-special_event .entry-summary .province-ratings .province,
.wp-block-acf-special-event-films .entry-summary .province-ratings .province,
.wp-block-acf-special-event-guestlist .entry-summary .province-ratings .province {
    display: flex;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.single-event .entry-summary .province-ratings .province span,
.single-special_event .entry-summary .province-ratings .province span,
.wp-block-acf-special-event-films .entry-summary .province-ratings .province span,
.wp-block-acf-special-event-guestlist .entry-summary .province-ratings .province span {
    padding: 0 0 .5rem 0
}

.single-event .entry-summary .province-ratings .province span:first-child,
.single-special_event .entry-summary .province-ratings .province span:first-child,
.wp-block-acf-special-event-films .entry-summary .province-ratings .province span:first-child,
.wp-block-acf-special-event-guestlist .entry-summary .province-ratings .province span:first-child {
    flex-basis: 80px;
    width: 80px;
    padding-right: 1rem
}

.single-event .entry-summary .province-ratings .rating,
.single-special_event .entry-summary .province-ratings .rating,
.wp-block-acf-special-event-films .entry-summary .province-ratings .rating,
.wp-block-acf-special-event-guestlist .entry-summary .province-ratings .rating {
    color: #fff;
    font-weight: 700;
    font-size: var(--cfd-font-size-xxs);
    background-color: var(--cfd-primary, #e32553);
    padding: .25rem .5rem;
    border-radius: 5px;
    margin-right: 1rem;
    display: inline-block;
    width: 100%;
    text-align: center
}

.single-event .entry-summary .province-ratings .name,
.single-special_event .entry-summary .province-ratings .name,
.wp-block-acf-special-event-films .entry-summary .province-ratings .name,
.wp-block-acf-special-event-guestlist .entry-summary .province-ratings .name {
    display: inline-block;
    width: calc(100% - 5rem);
    line-height: 1.2
}

.single-event .event-sponsor-headline,
.single-special_event .event-sponsor-headline,
.wp-block-acf-special-event-films .event-sponsor-headline,
.wp-block-acf-special-event-guestlist .event-sponsor-headline {
    text-align: center
}

.single-event .event-sponsor-logos,
.single-special_event .event-sponsor-logos,
.wp-block-acf-special-event-films .event-sponsor-logos,
.wp-block-acf-special-event-guestlist .event-sponsor-logos {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.single-event .event-sponsor-logos .partner-logo,
.single-special_event .event-sponsor-logos .partner-logo,
.wp-block-acf-special-event-films .event-sponsor-logos .partner-logo,
.wp-block-acf-special-event-guestlist .event-sponsor-logos .partner-logo {
    max-width: 150px;
    margin: 1rem
}

@media (min-width:62em) {

    .single-event .event-sponsor-logos .partner-logo,
    .single-special_event .event-sponsor-logos .partner-logo,
    .wp-block-acf-special-event-films .event-sponsor-logos .partner-logo,
    .wp-block-acf-special-event-guestlist .event-sponsor-logos .partner-logo {
        max-width: 200px
    }
}

.wp-block-acf-special-event-partners .event-sponsor-headline {
    text-align: center
}

.wp-block-acf-special-event-partners .event-sponsor-logos {
    display: flex;
    align-items: center
}

.wp-block-acf-special-event-partners .event-sponsor-logos .partner-logo {
    max-width: 200px;
    margin: 1rem
}

#map {
    position: relative;
    font-size: 16px;
    max-height: 800px;
    height: 90vh;
    width: 100%;
    z-index: 0
}

@media (max-width:61.99875em) {
    #map {
        height: 300px
    }
}

#map .leaflet-popup-content label {
    color: #999;
    margin-top: 10px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 0
}

#map .leaflet-popup-content label.private {
    display: inline-block;
    margin-bottom: .25rem;
    padding: .25em 1em;
    border-radius: 50px;
    font-weight: 600;
    font-size: .9em;
    background-color: var(--cfd-secondary, #ffe188);
    color: #000
}

#map a.leaflet-popup-close-button {
    top: 5px;
    right: 5px
}

#map .leaflet-popup-content {
    margin: 20px
}

ol.spotlight-list {
    list-style: none;
    padding: 0
}

ol.spotlight-list li {
    counter-increment: step-counter;
    font-family: alternate-gothic-no-3-d, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: calc(1.1205882353rem + 1.1616099071vw);
    position: relative;
    margin: 0;
    padding: .75rem 0;
    line-height: normal;
    padding-left: 1.75rem
}

@media (min-width:118.75em) {
    ol.spotlight-list li {
        font-size: 2.5rem
    }
}

ol.spotlight-list li::before {
    content: counter(step-counter) ".";
    font-size: var(--cfd-font-size-lg);
    left: 0;
    top: calc(var(--cfd-font-size-xl)/ 1.75);
    opacity: .4;
    position: absolute
}

ol.spotlight-list li:after {
    content: "";
    position: absolute;
    width: 90%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: var(--cfd-primary, #e32553);
    opacity: .2
}

ol.spotlight-list li .list-count {
    font-size: var(--cfd-font-size-lg)
}

ol.spotlight-list li a {
    color: #000;
    transition: opacity .2s ease;
    opacity: .4;
    cursor: pointer
}

ol.spotlight-list li.active a,
ol.spotlight-list li:hover a {
    opacity: 1
}

ol.spotlight-list li.active:before,
ol.spotlight-list li:hover:before {
    opacity: 1
}

#spotlight-films .list-subtitle {
    font-size: var(--cfd-font-size-xl);
    font-weight: 500
}

.film-anniversary-banner {
    position: relative;
    margin-top: auto;
    margin-bottom: 0
}

.film-anniversary-banner .svg-wrapper>svg {
    max-width: 100%;
    height: auto
}

.film-anniversary-year {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    color: #fff;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    transform: translateY(-.4rem);
    font-size: .875rem
}

@media (min-width:36em) {
    .film-anniversary-year {
        font-size: calc(1.1003676471rem + .0207430341vw)
    }
}

@media (min-width:36em) and (min-width:118.75em) {
    .film-anniversary-year {
        font-size: 1.125rem
    }
}

@media (min-width:62em) {
    .film-anniversary-year {
        font-size: calc(1.1022058824rem + .1244582043vw)
    }
}

@media (min-width:62em) and (min-width:118.75em) {
    .film-anniversary-year {
        font-size: 1.25rem
    }
}

@media (min-width:62em) {
    .film-anniversary-year {
        font-size: calc(1.1040441176rem + .2281733746vw)
    }
}

@media (min-width:62em) and (min-width:118.75em) {
    .film-anniversary-year {
        font-size: 1.375rem
    }
}

#anniversary-ribbon #base {
    fill: var(--cfd-primary, #e32553)
}

.cfd-pagination li.page-item {
    margin: 0 .25em;
    color: var(--cfd-text-muted)
}

.cfd-pagination li.page-item.active {
    color: var(--cfd-text-main);
    border: 1px solid currentColor;
    border-radius: var(--cfd-radius-sm)
}

.cfd-pagination li.page-item a {
    position: relative;
    overflow: visible
}

.cfd-pagination li.page-item a.tab-focus:focus,
.cfd-pagination li.page-item a:hover {
    color: var(--cfd-primary)
}

.template-home .news-index {
    padding: 11vh 0
}

.template-home .type-post {
    padding-bottom: 1.25em;
    border-bottom: 1px solid var(--cfd-primary-light, rgba(0, 0, 0, .2))
}

.template-home .type-post+* {
    margin-top: 1.25em
}

.template-home .post-title {
    font-family: var(--cfd-font-base)
}

.template-home #primary a {
    text-decoration: none
}

.template-home #primary a.tab-focus:focus,
.template-home #primary a:hover {
    text-decoration: underline
}

.template-home .post-thumbnail img {
    width: 100%
}

.template-home .post-thumbnail-inner-wrapper {
    position: relative
}

.template-home .post-thumbnail-inner-wrapper a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media (min-width:36em) {
    .template-single-post {
        --cfd-alignwide-width: calc(var(--cfd-container-width) - var(--cfd-container-padding) * 2);
        --cfd-alignwide-offset: calc(50% - var(--cfd-alignwide-width) / 2);
        --cfd-alignfull-width: calc(100vw - var(--scrollbar-size, 0));
        --cfd-alignfull-offset: calc(50% - var(--cfd-alignfull-width) / 2)
    }
}

@media (min-width:62em) {
    .template-single-post {
        --cfd-alignwide-width: calc(var(--cfd-container-width) * 5 / 6 - var(--cfd-container-padding) * 2)
    }
}

.template-single-post .entry-header {
    text-align: left
}

.template-single-post .entry-content .wp-block-button {
    margin-bottom: 1.5rem
}

.template-single-post .entry-meta {
    font-weight: 500;
    margin-bottom: .25em;
    color: #7c7c7c
}

.template-single-post .entry-title {
    margin-bottom: .5em;
    font-family: var(--cfd-font-base);
    font-weight: 700;
    font-size: var(--cfd-font-size-h3);
    line-height: 1.075
}

.template-single-post .main-post .post-thumbnail {
    margin: 1.75em 0 2.75em
}

.otgs-development-site-front-end {
    display: none !important
}

html {
    scroll-padding-top: var(--nav-height, 100px)
}

.black-text,
.has-black-color {
    color: var(--cfd-black) !important;
    --element-text: var(--cfd-black);
    --element-text-comp: #fff
}

.black-text>*,
.has-black-color>* {
    --parent-text: var(--cfd-black);
    --parent-text-comp: #fff;
    --element-text: initial;
    --element-text-comp: initial
}

.black-bg,
.has-black-background-color {
    background-color: var(--cfd-black) !important;
    --element-bg: var(--cfd-black);
    --element-bg-comp: #fff
}

.black-bg>*,
.has-black-background-color>* {
    --parent-bg: var(--cfd-black);
    --parent-bg-comp: #fff;
    --element-bg: initial;
    --element-bg-comp: initial
}

.black-border,
.has-black-border-color {
    border-color: var(--cfd-black) !important;
    --element-border: var(--cfd-black);
    --element-border-comp: #fff
}

.black-border>*,
.has-black-border-color>* {
    --parent-border: var(--cfd-black);
    --parent-border-comp: #fff;
    --element-border: initial;
    --element-border-comp: initial
}

.has-white-color,
.white-text {
    color: var(--cfd-white) !important;
    --element-text: var(--cfd-white);
    --element-text-comp: #000
}

.has-white-color>*,
.white-text>* {
    --parent-text: var(--cfd-white);
    --parent-text-comp: #000;
    --element-text: initial;
    --element-text-comp: initial
}

.has-white-background-color,
.white-bg {
    background-color: var(--cfd-white) !important;
    --element-bg: var(--cfd-white);
    --element-bg-comp: #000
}

.has-white-background-color>*,
.white-bg>* {
    --parent-bg: var(--cfd-white);
    --parent-bg-comp: #000;
    --element-bg: initial;
    --element-bg-comp: initial
}

.has-white-border-color,
.white-border {
    border-color: var(--cfd-white) !important;
    --element-border: var(--cfd-white);
    --element-border-comp: #000
}

.has-white-border-color>*,
.white-border>* {
    --parent-border: var(--cfd-white);
    --parent-border-comp: #000;
    --element-border: initial;
    --element-border-comp: initial
}

.grey-text,
.has-grey-color {
    color: var(--cfd-grey) !important;
    --element-text: var(--cfd-grey);
    --element-text-comp: #fff
}

.grey-text>*,
.has-grey-color>* {
    --parent-text: var(--cfd-grey);
    --parent-text-comp: #fff;
    --element-text: initial;
    --element-text-comp: initial
}

.grey-bg,
.has-grey-background-color {
    background-color: var(--cfd-grey) !important;
    --element-bg: var(--cfd-grey);
    --element-bg-comp: #fff
}

.grey-bg>*,
.has-grey-background-color>* {
    --parent-bg: var(--cfd-grey);
    --parent-bg-comp: #fff;
    --element-bg: initial;
    --element-bg-comp: initial
}

.grey-border,
.has-grey-border-color {
    border-color: var(--cfd-grey) !important;
    --element-border: var(--cfd-grey);
    --element-border-comp: #fff
}

.grey-border>*,
.has-grey-border-color>* {
    --parent-border: var(--cfd-grey);
    --parent-border-comp: #fff;
    --element-border: initial;
    --element-border-comp: initial
}

.grey-dark-text,
.has-grey-dark-color {
    color: var(--cfd-grey-dark) !important;
    --element-text: var(--cfd-grey-dark);
    --element-text-comp: #fff
}

.grey-dark-text>*,
.has-grey-dark-color>* {
    --parent-text: var(--cfd-grey-dark);
    --parent-text-comp: #fff;
    --element-text: initial;
    --element-text-comp: initial
}

.grey-dark-bg,
.has-grey-dark-background-color {
    background-color: var(--cfd-grey-dark) !important;
    --element-bg: var(--cfd-grey-dark);
    --element-bg-comp: #fff
}

.grey-dark-bg>*,
.has-grey-dark-background-color>* {
    --parent-bg: var(--cfd-grey-dark);
    --parent-bg-comp: #fff;
    --element-bg: initial;
    --element-bg-comp: initial
}

.grey-dark-border,
.has-grey-dark-border-color {
    border-color: var(--cfd-grey-dark) !important;
    --element-border: var(--cfd-grey-dark);
    --element-border-comp: #fff
}

.grey-dark-border>*,
.has-grey-dark-border-color>* {
    --parent-border: var(--cfd-grey-dark);
    --parent-border-comp: #fff;
    --element-border: initial;
    --element-border-comp: initial
}

.grey-medium-text,
.has-grey-medium-color {
    color: var(--cfd-grey-medium) !important;
    --element-text: var(--cfd-grey-medium);
    --element-text-comp: #fff
}

.grey-medium-text>*,
.has-grey-medium-color>* {
    --parent-text: var(--cfd-grey-medium);
    --parent-text-comp: #fff;
    --element-text: initial;
    --element-text-comp: initial
}

.grey-medium-bg,
.has-grey-medium-background-color {
    background-color: var(--cfd-grey-medium) !important;
    --element-bg: var(--cfd-grey-medium);
    --element-bg-comp: #fff
}

.grey-medium-bg>*,
.has-grey-medium-background-color>* {
    --parent-bg: var(--cfd-grey-medium);
    --parent-bg-comp: #fff;
    --element-bg: initial;
    --element-bg-comp: initial
}

.grey-medium-border,
.has-grey-medium-border-color {
    border-color: var(--cfd-grey-medium) !important;
    --element-border: var(--cfd-grey-medium);
    --element-border-comp: #fff
}

.grey-medium-border>*,
.has-grey-medium-border-color>* {
    --parent-border: var(--cfd-grey-medium);
    --parent-border-comp: #fff;
    --element-border: initial;
    --element-border-comp: initial
}

.grey-lightest-text,
.has-grey-lightest-color {
    color: var(--cfd-grey-lightest) !important;
    --element-text: var(--cfd-grey-lightest);
    --element-text-comp: #000
}

.grey-lightest-text>*,
.has-grey-lightest-color>* {
    --parent-text: var(--cfd-grey-lightest);
    --parent-text-comp: #000;
    --element-text: initial;
    --element-text-comp: initial
}

.grey-lightest-bg,
.has-grey-lightest-background-color {
    background-color: var(--cfd-grey-lightest) !important;
    --element-bg: var(--cfd-grey-lightest);
    --element-bg-comp: #000
}

.grey-lightest-bg>*,
.has-grey-lightest-background-color>* {
    --parent-bg: var(--cfd-grey-lightest);
    --parent-bg-comp: #000;
    --element-bg: initial;
    --element-bg-comp: initial
}

.grey-lightest-border,
.has-grey-lightest-border-color {
    border-color: var(--cfd-grey-lightest) !important;
    --element-border: var(--cfd-grey-lightest);
    --element-border-comp: #000
}

.grey-lightest-border>*,
.has-grey-lightest-border-color>* {
    --parent-border: var(--cfd-grey-lightest);
    --parent-border-comp: #000;
    --element-border: initial;
    --element-border-comp: initial
}

.has-primary-color,
.primary-text {
    color: var(--cfd-primary) !important;
    --element-text: var(--cfd-primary);
    --element-text-comp: var(--cfd-primary-approx-compliment, #fff)
}

.has-primary-color>*,
.primary-text>* {
    --parent-text: var(--cfd-primary);
    --parent-text-comp: var(--cfd-primary-approx-compliment, #fff);
    --element-text: initial;
    --element-text-comp: initial
}

.has-primary-background-color,
.primary-bg {
    background-color: var(--cfd-primary) !important;
    --element-bg: var(--cfd-primary);
    --element-bg-comp: var(--cfd-primary-approx-compliment, #fff)
}

.has-primary-background-color>*,
.primary-bg>* {
    --parent-bg: var(--cfd-primary);
    --parent-bg-comp: var(--cfd-primary-approx-compliment, #fff);
    --element-bg: initial;
    --element-bg-comp: initial
}

.has-primary-border-color,
.primary-border {
    border-color: var(--cfd-primary) !important;
    --element-border: var(--cfd-primary);
    --element-border-comp: var(--cfd-primary-approx-compliment, #fff)
}

.has-primary-border-color>*,
.primary-border>* {
    --parent-border: var(--cfd-primary);
    --parent-border-comp: var(--cfd-primary-approx-compliment, #fff);
    --element-border: initial;
    --element-border-comp: initial
}

.has-primary-light-color,
.has-primary-overlay-light-color,
.has-primary-overlay-medium-color,
.primary-light-text {
    color: var(--cfd-primary-light) !important;
    --element-text: var(--cfd-primary-light);
    --element-text-comp: var(--cfd-primary-approx-compliment, #fff)
}

.has-primary-light-color>*,
.has-primary-overlay-light-color>*,
.has-primary-overlay-medium-color>*,
.primary-light-text>* {
    --parent-text: var(--cfd-primary-light);
    --parent-text-comp: var(--cfd-primary-approx-compliment, #fff);
    --element-text: initial;
    --element-text-comp: initial
}

.has-primary-light-background-color,
.has-primary-overlay-light-background-color,
.has-primary-overlay-medium-background-color,
.primary-light-bg {
    background-color: var(--cfd-primary-light) !important;
    --element-bg: var(--cfd-primary-light);
    --element-bg-comp: var(--cfd-primary-approx-compliment, #fff)
}

.has-primary-light-background-color>*,
.has-primary-overlay-light-background-color>*,
.has-primary-overlay-medium-background-color>*,
.primary-light-bg>* {
    --parent-bg: var(--cfd-primary-light);
    --parent-bg-comp: var(--cfd-primary-approx-compliment, #fff);
    --element-bg: initial;
    --element-bg-comp: initial
}

.has-primary-light-border-color,
.has-primary-overlay-light-border-color,
.has-primary-overlay-medium-border-color,
.primary-light-border {
    border-color: var(--cfd-primary-light) !important;
    --element-border: var(--cfd-primary-light);
    --element-border-comp: var(--cfd-primary-approx-compliment, #fff)
}

.has-primary-light-border-color>*,
.has-primary-overlay-light-border-color>*,
.has-primary-overlay-medium-border-color>*,
.primary-light-border>* {
    --parent-border: var(--cfd-primary-light);
    --parent-border-comp: var(--cfd-primary-approx-compliment, #fff);
    --element-border: initial;
    --element-border-comp: initial
}

.has-primary-medium-color,
.primary-medium-text {
    color: var(--cfd-primary-medium) !important;
    --element-text: var(--cfd-primary-medium);
    --element-text-comp: var(--cfd-primary-approx-compliment, #fff)
}

.has-primary-medium-color>*,
.primary-medium-text>* {
    --parent-text: var(--cfd-primary-medium);
    --parent-text-comp: var(--cfd-primary-approx-compliment, #fff);
    --element-text: initial;
    --element-text-comp: initial
}

.has-primary-medium-background-color,
.primary-medium-bg {
    background-color: var(--cfd-primary-medium) !important;
    --element-bg: var(--cfd-primary-medium);
    --element-bg-comp: var(--cfd-primary-approx-compliment, #fff)
}

.has-primary-medium-background-color>*,
.primary-medium-bg>* {
    --parent-bg: var(--cfd-primary-medium);
    --parent-bg-comp: var(--cfd-primary-approx-compliment, #fff);
    --element-bg: initial;
    --element-bg-comp: initial
}

.has-primary-medium-border-color,
.primary-medium-border {
    border-color: var(--cfd-primary-medium) !important;
    --element-border: var(--cfd-primary-medium);
    --element-border-comp: var(--cfd-primary-approx-compliment, #fff)
}

.has-primary-medium-border-color>*,
.primary-medium-border>* {
    --parent-border: var(--cfd-primary-medium);
    --parent-border-comp: var(--cfd-primary-approx-compliment, #fff);
    --element-border: initial;
    --element-border-comp: initial
}

.has-secondary-color,
.secondary-text {
    color: var(--cfd-secondary) !important;
    --element-text: var(--cfd-secondary);
    --element-text-comp: var(--cfd-secondary-approx-compliment, #000)
}

.has-secondary-color>*,
.secondary-text>* {
    --parent-text: var(--cfd-secondary);
    --parent-text-comp: var(--cfd-secondary-approx-compliment, #000);
    --element-text: initial;
    --element-text-comp: initial
}

.has-secondary-background-color,
.secondary-bg {
    background-color: var(--cfd-secondary) !important;
    --element-bg: var(--cfd-secondary);
    --element-bg-comp: var(--cfd-secondary-approx-compliment, #000)
}

.has-secondary-background-color>*,
.secondary-bg>* {
    --parent-bg: var(--cfd-secondary);
    --parent-bg-comp: var(--cfd-secondary-approx-compliment, #000);
    --element-bg: initial;
    --element-bg-comp: initial
}

.has-secondary-border-color,
.secondary-border {
    border-color: var(--cfd-secondary) !important;
    --element-border: var(--cfd-secondary);
    --element-border-comp: var(--cfd-secondary-approx-compliment, #000)
}

.has-secondary-border-color>*,
.secondary-border>* {
    --parent-border: var(--cfd-secondary);
    --parent-border-comp: var(--cfd-secondary-approx-compliment, #000);
    --element-border: initial;
    --element-border-comp: initial
}

.has-secondary-light-color,
.has-secondary-overlay-light-color,
.has-secondary-overlay-medium-color,
.secondary-light-text {
    color: var(--cfd-secondary-light) !important;
    --element-text: var(--cfd-secondary-light);
    --element-text-comp: var(--cfd-secondary-approx-compliment, #000)
}

.has-secondary-light-color>*,
.has-secondary-overlay-light-color>*,
.has-secondary-overlay-medium-color>*,
.secondary-light-text>* {
    --parent-text: var(--cfd-secondary-light);
    --parent-text-comp: var(--cfd-secondary-approx-compliment, #000);
    --element-text: initial;
    --element-text-comp: initial
}

.has-secondary-light-background-color,
.has-secondary-overlay-light-background-color,
.has-secondary-overlay-medium-background-color,
.secondary-light-bg {
    background-color: var(--cfd-secondary-light) !important;
    --element-bg: var(--cfd-secondary-light);
    --element-bg-comp: var(--cfd-secondary-approx-compliment, #000)
}

.has-secondary-light-background-color>*,
.has-secondary-overlay-light-background-color>*,
.has-secondary-overlay-medium-background-color>*,
.secondary-light-bg>* {
    --parent-bg: var(--cfd-secondary-light);
    --parent-bg-comp: var(--cfd-secondary-approx-compliment, #000);
    --element-bg: initial;
    --element-bg-comp: initial
}

.has-secondary-light-border-color,
.has-secondary-overlay-light-border-color,
.has-secondary-overlay-medium-border-color,
.secondary-light-border {
    border-color: var(--cfd-secondary-light) !important;
    --element-border: var(--cfd-secondary-light);
    --element-border-comp: var(--cfd-secondary-approx-compliment, #000)
}

.has-secondary-light-border-color>*,
.has-secondary-overlay-light-border-color>*,
.has-secondary-overlay-medium-border-color>*,
.secondary-light-border>* {
    --parent-border: var(--cfd-secondary-light);
    --parent-border-comp: var(--cfd-secondary-approx-compliment, #000);
    --element-border: initial;
    --element-border-comp: initial
}

.has-secondary-medium-color,
.secondary-medium-text {
    color: var(--cfd-secondary-medium) !important;
    --element-text: var(--cfd-secondary-medium);
    --element-text-comp: var(--cfd-secondary-approx-compliment, #000)
}

.has-secondary-medium-color>*,
.secondary-medium-text>* {
    --parent-text: var(--cfd-secondary-medium);
    --parent-text-comp: var(--cfd-secondary-approx-compliment, #000);
    --element-text: initial;
    --element-text-comp: initial
}

.has-secondary-medium-background-color,
.secondary-medium-bg {
    background-color: var(--cfd-secondary-medium) !important;
    --element-bg: var(--cfd-secondary-medium);
    --element-bg-comp: var(--cfd-secondary-approx-compliment, #000)
}

.has-secondary-medium-background-color>*,
.secondary-medium-bg>* {
    --parent-bg: var(--cfd-secondary-medium);
    --parent-bg-comp: var(--cfd-secondary-approx-compliment, #000);
    --element-bg: initial;
    --element-bg-comp: initial
}

.has-secondary-medium-border-color,
.secondary-medium-border {
    border-color: var(--cfd-secondary-medium) !important;
    --element-border: var(--cfd-secondary-medium);
    --element-border-comp: var(--cfd-secondary-approx-compliment, #000)
}

.has-secondary-medium-border-color>*,
.secondary-medium-border>* {
    --parent-border: var(--cfd-secondary-medium);
    --parent-border-comp: var(--cfd-secondary-approx-compliment, #000);
    --element-border: initial;
    --element-border-comp: initial
}

.has-text-main-color,
.text-main-text {
    color: var(--cfd-text-main) !important;
    --element-text: var(--cfd-text-main);
    --element-text-comp: #fff
}

.has-text-main-color>*,
.text-main-text>* {
    --parent-text: var(--cfd-text-main);
    --parent-text-comp: #fff;
    --element-text: initial;
    --element-text-comp: initial
}

.has-text-main-background-color,
.text-main-bg {
    background-color: var(--cfd-text-main) !important;
    --element-bg: var(--cfd-text-main);
    --element-bg-comp: #fff
}

.has-text-main-background-color>*,
.text-main-bg>* {
    --parent-bg: var(--cfd-text-main);
    --parent-bg-comp: #fff;
    --element-bg: initial;
    --element-bg-comp: initial
}

.has-text-main-border-color,
.text-main-border {
    border-color: var(--cfd-text-main) !important;
    --element-border: var(--cfd-text-main);
    --element-border-comp: #fff
}

.has-text-main-border-color>*,
.text-main-border>* {
    --parent-border: var(--cfd-text-main);
    --parent-border-comp: #fff;
    --element-border: initial;
    --element-border-comp: initial
}

.has-text-muted-color,
.text-muted-text {
    color: var(--cfd-text-muted) !important;
    --element-text: var(--cfd-text-muted);
    --element-text-comp: #fff
}

.has-text-muted-color>*,
.text-muted-text>* {
    --parent-text: var(--cfd-text-muted);
    --parent-text-comp: #fff;
    --element-text: initial;
    --element-text-comp: initial
}

.has-text-muted-background-color,
.text-muted-bg {
    background-color: var(--cfd-text-muted) !important;
    --element-bg: var(--cfd-text-muted);
    --element-bg-comp: #fff
}

.has-text-muted-background-color>*,
.text-muted-bg>* {
    --parent-bg: var(--cfd-text-muted);
    --parent-bg-comp: #fff;
    --element-bg: initial;
    --element-bg-comp: initial
}

.has-text-muted-border-color,
.text-muted-border {
    border-color: var(--cfd-text-muted) !important;
    --element-border: var(--cfd-text-muted);
    --element-border-comp: #fff
}

.has-text-muted-border-color>*,
.text-muted-border>* {
    --parent-border: var(--cfd-text-muted);
    --parent-border-comp: #fff;
    --element-border: initial;
    --element-border-comp: initial
}

.has-text-reversed-color,
.text-reversed-text {
    color: var(--cfd-text-reversed) !important;
    --element-text: var(--cfd-text-reversed);
    --element-text-comp: #000
}

.has-text-reversed-color>*,
.text-reversed-text>* {
    --parent-text: var(--cfd-text-reversed);
    --parent-text-comp: #000;
    --element-text: initial;
    --element-text-comp: initial
}

.has-text-reversed-background-color,
.text-reversed-bg {
    background-color: var(--cfd-text-reversed) !important;
    --element-bg: var(--cfd-text-reversed);
    --element-bg-comp: #000
}

.has-text-reversed-background-color>*,
.text-reversed-bg>* {
    --parent-bg: var(--cfd-text-reversed);
    --parent-bg-comp: #000;
    --element-bg: initial;
    --element-bg-comp: initial
}

.has-text-reversed-border-color,
.text-reversed-border {
    border-color: var(--cfd-text-reversed) !important;
    --element-border: var(--cfd-text-reversed);
    --element-border-comp: #000
}

.has-text-reversed-border-color>*,
.text-reversed-border>* {
    --parent-border: var(--cfd-text-reversed);
    --parent-border-comp: #000;
    --element-border: initial;
    --element-border-comp: initial
}

.body-bg-text,
.has-body-bg-color {
    color: var(--cfd-body-bg) !important;
    --element-text: var(--cfd-body-bg);
    --element-text-comp: #000
}

.body-bg-text>*,
.has-body-bg-color>* {
    --parent-text: var(--cfd-body-bg);
    --parent-text-comp: #000;
    --element-text: initial;
    --element-text-comp: initial
}

.body-bg-bg,
.has-body-bg-background-color {
    background-color: var(--cfd-body-bg) !important;
    --element-bg: var(--cfd-body-bg);
    --element-bg-comp: #000
}

.body-bg-bg>*,
.has-body-bg-background-color>* {
    --parent-bg: var(--cfd-body-bg);
    --parent-bg-comp: #000;
    --element-bg: initial;
    --element-bg-comp: initial
}

.body-bg-border,
.has-body-bg-border-color {
    border-color: var(--cfd-body-bg) !important;
    --element-border: var(--cfd-body-bg);
    --element-border-comp: #000
}

.body-bg-border>*,
.has-body-bg-border-color>* {
    --parent-border: var(--cfd-body-bg);
    --parent-border-comp: #000;
    --element-border: initial;
    --element-border-comp: initial
}

.inherits-border-color {
    border-color: inherit !important
}

.inherits-text-color {
    color: inherit !important
}

.inherits-background-color {
    background-color: inherit !important
}

@media (max-width:61.99875em) {
    #wp_access_helper_container {
        display: none
    }
}

.alignleft {
    float: left !important
}

.alignright {
    float: right !important
}

.rounded,
.rounded-corners {
    border-radius: var(--cfd-radius-lg, 10px)
}

.border-top {
    border-top: 2px solid #000
}

.border-right {
    border-right: 2px solid #000
}

.border-bottom {
    border-bottom: 2px solid #000
}

.border-left {
    border-bottom: 2px solid #000
}

.drop-shadow {
    box-shadow: 0 4px 8px rgba(0, 0, 0, .15)
}

.block {
    display: block !important
}

.inline {
    display: inline !important
}

.inline-block {
    display: inline-block !important
}

.flex {
    display: flex !important
}

.hide {
    display: none !important
}

.hide-xs {
    display: none !important
}

@media (max-width:35.99875em) {
    .hide-xs-down {
        display: none !important
    }
}

@media (max-width:35.99875em) {
    .hide-xs-only {
        display: none !important
    }
}

@media (orientation:landscape) {
    .hide-xs-landscape {
        display: none !important
    }
}

@media (orientation:portrait) {
    .hide-xs-portrait {
        display: none !important
    }
}

@media (min-width:36em) {
    .hide-sm {
        display: none !important
    }
}

@media (max-width:47.99875em) {
    .hide-sm-down {
        display: none !important
    }
}

@media (min-width:36em) and (max-width:47.99875em) {
    .hide-sm-only {
        display: none !important
    }
}

@media (orientation:landscape) {
    .hide-sm-landscape {
        display: none !important
    }
}

@media (orientation:portrait) {
    .hide-sm-portrait {
        display: none !important
    }
}

@media (min-width:48em) {
    .hide-md {
        display: none !important
    }
}

@media (max-width:61.99875em) {
    .hide-md-down {
        display: none !important
    }
}

@media (min-width:48em) and (max-width:61.99875em) {
    .hide-md-only {
        display: none !important
    }
}

@media (orientation:landscape) {
    .hide-md-landscape {
        display: none !important
    }
}

@media (orientation:portrait) {
    .hide-md-portrait {
        display: none !important
    }
}

@media (min-width:62em) {
    .hide-lg {
        display: none !important
    }
}

@media (max-width:74.99875em) {
    .hide-lg-down {
        display: none !important
    }
}

@media (min-width:62em) and (max-width:74.99875em) {
    .hide-lg-only {
        display: none !important
    }
}

@media (orientation:landscape) {
    .hide-lg-landscape {
        display: none !important
    }
}

@media (orientation:portrait) {
    .hide-lg-portrait {
        display: none !important
    }
}

@media (min-width:75em) {
    .hide-xl {
        display: none !important
    }
}

@media (max-width:88.74875em) {
    .hide-xl-down {
        display: none !important
    }
}

@media (min-width:75em) and (max-width:88.74875em) {
    .hide-xl-only {
        display: none !important
    }
}

@media (orientation:landscape) {
    .hide-xl-landscape {
        display: none !important
    }
}

@media (orientation:portrait) {
    .hide-xl-portrait {
        display: none !important
    }
}

@media (min-width:88.75em) {
    .hide-xxl {
        display: none !important
    }
}

@media (max-width:104.99875em) {
    .hide-xxl-down {
        display: none !important
    }
}

@media (min-width:88.75em) and (max-width:104.99875em) {
    .hide-xxl-only {
        display: none !important
    }
}

@media (orientation:landscape) {
    .hide-xxl-landscape {
        display: none !important
    }
}

@media (orientation:portrait) {
    .hide-xxl-portrait {
        display: none !important
    }
}

@media (min-width:105em) {
    .hide-xxxl {
        display: none !important
    }
}

@media (max-width:118.74875em) {
    .hide-xxxl-down {
        display: none !important
    }
}

@media (min-width:105em) and (max-width:118.74875em) {
    .hide-xxxl-only {
        display: none !important
    }
}

@media (orientation:landscape) {
    .hide-xxxl-landscape {
        display: none !important
    }
}

@media (orientation:portrait) {
    .hide-xxxl-portrait {
        display: none !important
    }
}

@media (min-width:118.75em) {
    .hide-xxxxl {
        display: none !important
    }
}

@media (max-width:118.74875em) {
    .hide-xxxxl-down {
        display: none !important
    }
}

@media (min-width:118.75em) {
    .hide-xxxxl-only {
        display: none !important
    }
}

@media (orientation:landscape) {
    .hide-xxxxl-landscape {
        display: none !important
    }
}

@media (orientation:portrait) {
    .hide-xxxxl-portrait {
        display: none !important
    }
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-auto {
    overflow: auto !important
}

.opacity-50 {
    opacity: .5 !important
}

@media (min-width:62em) {
    .bg-maurice {
        background-image: url(../image/maurice-clipped.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom right
    }

    .bg-maurice.left {
        background-position: bottom left
    }
}

.flex-none {
    flex: none
}

@media (max-width:104.99875em) {
    .mt-10 {
        margin-top: 10px !important
    }

    .mb-10 {
        margin-bottom: 10px !important
    }

    .pt-10 {
        padding-top: 10px !important
    }

    .pb-10 {
        padding-bottom: 10px !important
    }

    .mt-20 {
        margin-top: 20px !important
    }

    .mb-20 {
        margin-bottom: 20px !important
    }

    .pt-20 {
        padding-top: 20px !important
    }

    .pb-20 {
        padding-bottom: 20px !important
    }

    .mt-30 {
        margin-top: 30px !important
    }

    .mb-30 {
        margin-bottom: 30px !important
    }

    .pt-30 {
        padding-top: 30px !important
    }

    .pb-30 {
        padding-bottom: 30px !important
    }

    .mt-40 {
        margin-top: 40px !important
    }

    .mb-40 {
        margin-bottom: 40px !important
    }

    .pt-40 {
        padding-top: 40px !important
    }

    .pb-40 {
        padding-bottom: 40px !important
    }

    .mt-50 {
        margin-top: 50px !important
    }

    .mb-50 {
        margin-bottom: 50px !important
    }

    .pt-50 {
        padding-top: 50px !important
    }

    .pb-50 {
        padding-bottom: 50px !important
    }
}

@media (max-width:61.99875em) {
    .mt-10 {
        margin-top: 9px !important
    }

    .mb-10 {
        margin-bottom: 9px !important
    }

    .pt-10 {
        padding-top: 9px !important
    }

    .pb-10 {
        padding-bottom: 9px !important
    }

    .mt-20 {
        margin-top: 18px !important
    }

    .mb-20 {
        margin-bottom: 18px !important
    }

    .pt-20 {
        padding-top: 18px !important
    }

    .pb-20 {
        padding-bottom: 18px !important
    }

    .mt-30 {
        margin-top: 27px !important
    }

    .mb-30 {
        margin-bottom: 27px !important
    }

    .pt-30 {
        padding-top: 27px !important
    }

    .pb-30 {
        padding-bottom: 27px !important
    }

    .mt-40 {
        margin-top: 35px !important
    }

    .mb-40 {
        margin-bottom: 35px !important
    }

    .pt-40 {
        padding-top: 35px !important
    }

    .pb-40 {
        padding-bottom: 35px !important
    }

    .mt-50 {
        margin-top: 44px !important
    }

    .mb-50 {
        margin-bottom: 44px !important
    }

    .pt-50 {
        padding-top: 44px !important
    }

    .pb-50 {
        padding-bottom: 44px !important
    }
}

@media (max-width:35.99875em) {
    .mt-10 {
        margin-top: 8px !important
    }

    .mb-10 {
        margin-bottom: 8px !important
    }

    .pt-10 {
        padding-top: 8px !important
    }

    .pb-10 {
        padding-bottom: 8px !important
    }

    .mt-20 {
        margin-top: 15px !important
    }

    .mb-20 {
        margin-bottom: 15px !important
    }

    .pt-20 {
        padding-top: 15px !important
    }

    .pb-20 {
        padding-bottom: 15px !important
    }

    .mt-30 {
        margin-top: 23px !important
    }

    .mb-30 {
        margin-bottom: 23px !important
    }

    .pt-30 {
        padding-top: 23px !important
    }

    .pb-30 {
        padding-bottom: 23px !important
    }

    .mt-40 {
        margin-top: 30px !important
    }

    .mb-40 {
        margin-bottom: 30px !important
    }

    .pt-40 {
        padding-top: 30px !important
    }

    .pb-40 {
        padding-bottom: 30px !important
    }

    .mt-50 {
        margin-top: 38px !important
    }

    .mb-50 {
        margin-bottom: 38px !important
    }

    .pt-50 {
        padding-top: 38px !important
    }

    .pb-50 {
        padding-bottom: 38px !important
    }
}

.m-1vh {
    margin: 1vh !important
}

.m-2vh {
    margin: 2vh !important
}

.m-3vh {
    margin: 3vh !important
}

.m-4vh {
    margin: 4vh !important
}

.m-5vh {
    margin: 5vh !important
}

.m-6vh {
    margin: 6vh !important
}

.m-7vh {
    margin: 7vh !important
}

.m-8vh {
    margin: 8vh !important
}

.m-9vh {
    margin: 9vh !important
}

.m-10vh {
    margin: 10vh !important
}

.m-11vh {
    margin: 11vh !important
}

.m-12vh {
    margin: 12vh !important
}

.m-13vh {
    margin: 13vh !important
}

.m-14vh {
    margin: 14vh !important
}

.m-15vh {
    margin: 15vh !important
}

.mt-1 {
    margin-top: 1px !important
}

.mt-2 {
    margin-top: 2px !important
}

.mt-3 {
    margin-top: 3px !important
}

.mt-4 {
    margin-top: 4px !important
}

.mt-5 {
    margin-top: 5px !important
}

.mt-6 {
    margin-top: 6px !important
}

.mt-7 {
    margin-top: 7px !important
}

.mt-8 {
    margin-top: 8px !important
}

.mt-9 {
    margin-top: 9px !important
}

.mt-1vh {
    margin-top: 1vh !important
}

.mt-2vh {
    margin-top: 2vh !important
}

.mt-3vh {
    margin-top: 3vh !important
}

.mt-4vh {
    margin-top: 4vh !important
}

.mt-5vh {
    margin-top: 5vh !important
}

.mt-6vh {
    margin-top: 6vh !important
}

.mt-7vh {
    margin-top: 7vh !important
}

.mt-8vh {
    margin-top: 8vh !important
}

.mt-9vh {
    margin-top: 9vh !important
}

.mt-10vh {
    margin-top: 10vh !important
}

.mt-11vh {
    margin-top: 11vh !important
}

.mt-12vh {
    margin-top: 12vh !important
}

.mt-13vh {
    margin-top: 13vh !important
}

.mt-14vh {
    margin-top: 14vh !important
}

.mt-15vh {
    margin-top: 15vh !important
}

.mt-1em {
    margin-top: 1em !important
}

.mt-1rem {
    margin-top: 1rem !important
}

.mt-2em {
    margin-top: 2em !important
}

.mt-2rem {
    margin-top: 2rem !important
}

.mb-1 {
    margin-bottom: 1px !important
}

.mb-2 {
    margin-bottom: 2px !important
}

.mb-3 {
    margin-bottom: 3px !important
}

.mb-4 {
    margin-bottom: 4px !important
}

.mb-5 {
    margin-bottom: 5px !important
}

.mb-6 {
    margin-bottom: 6px !important
}

.mb-7 {
    margin-bottom: 7px !important
}

.mb-8 {
    margin-bottom: 8px !important
}

.mb-9 {
    margin-bottom: 9px !important
}

.mb-1vh {
    margin-bottom: 1vh !important
}

.mb-2vh {
    margin-bottom: 2vh !important
}

.mb-3vh {
    margin-bottom: 3vh !important
}

.mb-4vh {
    margin-bottom: 4vh !important
}

.mb-5vh {
    margin-bottom: 5vh !important
}

.mb-6vh {
    margin-bottom: 6vh !important
}

.mb-7vh {
    margin-bottom: 7vh !important
}

.mb-8vh {
    margin-bottom: 8vh !important
}

.mb-9vh {
    margin-bottom: 9vh !important
}

.mb-10vh {
    margin-bottom: 10vh !important
}

.mb-11vh {
    margin-bottom: 11vh !important
}

.mb-12vh {
    margin-bottom: 12vh !important
}

.mb-13vh {
    margin-bottom: 13vh !important
}

.mb-14vh {
    margin-bottom: 14vh !important
}

.mb-15vh {
    margin-bottom: 15vh !important
}

.mb-1em {
    margin-bottom: 1em !important
}

.mb-1rem {
    margin-bottom: 1rem !important
}

.mb-2em {
    margin-bottom: 2em !important
}

.mb-2rem {
    margin-bottom: 2rem !important
}

.ml-1 {
    margin-left: 1px !important
}

.ml-2 {
    margin-left: 2px !important
}

.ml-3 {
    margin-left: 3px !important
}

.ml-4 {
    margin-left: 4px !important
}

.ml-5 {
    margin-left: 5px !important
}

.ml-6 {
    margin-left: 6px !important
}

.ml-7 {
    margin-left: 7px !important
}

.ml-8 {
    margin-left: 8px !important
}

.ml-9 {
    margin-left: 9px !important
}

.ml-1vh {
    margin-left: 1vh !important
}

.ml-2vh {
    margin-left: 2vh !important
}

.ml-3vh {
    margin-left: 3vh !important
}

.ml-4vh {
    margin-left: 4vh !important
}

.ml-5vh {
    margin-left: 5vh !important
}

.ml-6vh {
    margin-left: 6vh !important
}

.ml-7vh {
    margin-left: 7vh !important
}

.ml-8vh {
    margin-left: 8vh !important
}

.ml-9vh {
    margin-left: 9vh !important
}

.ml-10vh {
    margin-left: 10vh !important
}

.ml-11vh {
    margin-left: 11vh !important
}

.ml-12vh {
    margin-left: 12vh !important
}

.ml-13vh {
    margin-left: 13vh !important
}

.ml-14vh {
    margin-left: 14vh !important
}

.ml-15vh {
    margin-left: 15vh !important
}

.ml-1em {
    margin-left: 1em !important
}

.ml-1rem {
    margin-left: 1rem !important
}

.ml-2em {
    margin-left: 2em !important
}

.ml-2rem {
    margin-left: 2rem !important
}

.mr-1 {
    margin-right: 1px !important
}

.mr-2 {
    margin-right: 2px !important
}

.mr-3 {
    margin-right: 3px !important
}

.mr-4 {
    margin-right: 4px !important
}

.mr-5 {
    margin-right: 5px !important
}

.mr-6 {
    margin-right: 6px !important
}

.mr-7 {
    margin-right: 7px !important
}

.mr-8 {
    margin-right: 8px !important
}

.mr-9 {
    margin-right: 9px !important
}

.mr-1vh {
    margin-right: 1vh !important
}

.mr-2vh {
    margin-right: 2vh !important
}

.mr-3vh {
    margin-right: 3vh !important
}

.mr-4vh {
    margin-right: 4vh !important
}

.mr-5vh {
    margin-right: 5vh !important
}

.mr-6vh {
    margin-right: 6vh !important
}

.mr-7vh {
    margin-right: 7vh !important
}

.mr-8vh {
    margin-right: 8vh !important
}

.mr-9vh {
    margin-right: 9vh !important
}

.mr-10vh {
    margin-right: 10vh !important
}

.mr-11vh {
    margin-right: 11vh !important
}

.mr-12vh {
    margin-right: 12vh !important
}

.mr-13vh {
    margin-right: 13vh !important
}

.mr-14vh {
    margin-right: 14vh !important
}

.mr-15vh {
    margin-right: 15vh !important
}

.mr-1em {
    margin-right: 1em !important
}

.mr-1rem {
    margin-right: 1rem !important
}

.mr-2em {
    margin-right: 2em !important
}

.mr-2rem {
    margin-right: 2rem !important
}

.m-bestow>*,
.m-inherit {
    margin: inherit !important
}

.m-0 {
    margin: 0 !important
}

.is-style-mt-0,
.mt-0 {
    margin-top: 0 !important
}

.is-style-mb-0,
.mb-0 {
    margin-bottom: 0 !important
}

.is-style-ml-0,
.ml-0 {
    margin-left: 0 !important
}

.is-style-mr-0,
.mr-0 {
    margin-right: 0 !important
}

.p-1vh {
    padding: 1vh !important
}

.p-2vh {
    padding: 2vh !important
}

.p-3vh {
    padding: 3vh !important
}

.p-4vh {
    padding: 4vh !important
}

.p-5vh {
    padding: 5vh !important
}

.p-6vh {
    padding: 6vh !important
}

.p-7vh {
    padding: 7vh !important
}

.p-8vh {
    padding: 8vh !important
}

.p-9vh {
    padding: 9vh !important
}

.p-10vh {
    padding: 10vh !important
}

.p-11vh {
    padding: 11vh !important
}

.p-12vh {
    padding: 12vh !important
}

.p-13vh {
    padding: 13vh !important
}

.p-14vh {
    padding: 14vh !important
}

.p-15vh {
    padding: 15vh !important
}

.pt-1 {
    padding-top: 1px !important
}

.pt-2 {
    padding-top: 2px !important
}

.pt-3 {
    padding-top: 3px !important
}

.pt-4 {
    padding-top: 4px !important
}

.pt-5 {
    padding-top: 5px !important
}

.pt-6 {
    padding-top: 6px !important
}

.pt-7 {
    padding-top: 7px !important
}

.pt-8 {
    padding-top: 8px !important
}

.pt-9 {
    padding-top: 9px !important
}

.pt-1vh {
    padding-top: 1vh !important
}

.pt-2vh {
    padding-top: 2vh !important
}

.pt-3vh {
    padding-top: 3vh !important
}

.pt-4vh {
    padding-top: 4vh !important
}

.pt-5vh {
    padding-top: 5vh !important
}

.pt-6vh {
    padding-top: 6vh !important
}

.pt-7vh {
    padding-top: 7vh !important
}

.pt-8vh {
    padding-top: 8vh !important
}

.pt-9vh {
    padding-top: 9vh !important
}

.pt-10vh {
    padding-top: 10vh !important
}

.pt-11vh {
    padding-top: 11vh !important
}

.pt-12vh {
    padding-top: 12vh !important
}

.pt-13vh {
    padding-top: 13vh !important
}

.pt-14vh {
    padding-top: 14vh !important
}

.pt-15vh {
    padding-top: 15vh !important
}

.pt-1em {
    padding-top: 1em !important
}

.pt-1rem {
    padding-top: 1rem !important
}

.pt-2em {
    padding-top: 2em !important
}

.pt-2rem {
    padding-top: 2rem !important
}

.pb-1 {
    padding-bottom: 1px !important
}

.pb-2 {
    padding-bottom: 2px !important
}

.pb-3 {
    padding-bottom: 3px !important
}

.pb-4 {
    padding-bottom: 4px !important
}

.pb-5 {
    padding-bottom: 5px !important
}

.pb-6 {
    padding-bottom: 6px !important
}

.pb-7 {
    padding-bottom: 7px !important
}

.pb-8 {
    padding-bottom: 8px !important
}

.pb-9 {
    padding-bottom: 9px !important
}

.pb-1vh {
    padding-bottom: 1vh !important
}

.pb-2vh {
    padding-bottom: 2vh !important
}

.pb-3vh {
    padding-bottom: 3vh !important
}

.pb-4vh {
    padding-bottom: 4vh !important
}

.pb-5vh {
    padding-bottom: 5vh !important
}

.pb-6vh {
    padding-bottom: 6vh !important
}

.pb-7vh {
    padding-bottom: 7vh !important
}

.pb-8vh {
    padding-bottom: 8vh !important
}

.pb-9vh {
    padding-bottom: 9vh !important
}

.pb-10vh {
    padding-bottom: 10vh !important
}

.pb-11vh {
    padding-bottom: 11vh !important
}

.pb-12vh {
    padding-bottom: 12vh !important
}

.pb-13vh {
    padding-bottom: 13vh !important
}

.pb-14vh {
    padding-bottom: 14vh !important
}

.pb-15vh {
    padding-bottom: 15vh !important
}

.pb-1em {
    padding-bottom: 1em !important
}

.pb-1rem {
    padding-bottom: 1rem !important
}

.pb-2em {
    padding-bottom: 2em !important
}

.pb-2rem {
    padding-bottom: 2rem !important
}

.pl-1 {
    padding-left: 1px !important
}

.pl-2 {
    padding-left: 2px !important
}

.pl-3 {
    padding-left: 3px !important
}

.pl-4 {
    padding-left: 4px !important
}

.pl-5 {
    padding-left: 5px !important
}

.pl-6 {
    padding-left: 6px !important
}

.pl-7 {
    padding-left: 7px !important
}

.pl-8 {
    padding-left: 8px !important
}

.pl-9 {
    padding-left: 9px !important
}

.pl-1vh {
    padding-left: 1vh !important
}

.pl-2vh {
    padding-left: 2vh !important
}

.pl-3vh {
    padding-left: 3vh !important
}

.pl-4vh {
    padding-left: 4vh !important
}

.pl-5vh {
    padding-left: 5vh !important
}

.pl-6vh {
    padding-left: 6vh !important
}

.pl-7vh {
    padding-left: 7vh !important
}

.pl-8vh {
    padding-left: 8vh !important
}

.pl-9vh {
    padding-left: 9vh !important
}

.pl-10vh {
    padding-left: 10vh !important
}

.pl-11vh {
    padding-left: 11vh !important
}

.pl-12vh {
    padding-left: 12vh !important
}

.pl-13vh {
    padding-left: 13vh !important
}

.pl-14vh {
    padding-left: 14vh !important
}

.pl-15vh {
    padding-left: 15vh !important
}

.pl-1em {
    padding-left: 1em !important
}

.pl-1rem {
    padding-left: 1rem !important
}

.pl-2em {
    padding-left: 2em !important
}

.pl-2rem {
    padding-left: 2rem !important
}

.pr-1 {
    padding-right: 1px !important
}

.pr-2 {
    padding-right: 2px !important
}

.pr-3 {
    padding-right: 3px !important
}

.pr-4 {
    padding-right: 4px !important
}

.pr-5 {
    padding-right: 5px !important
}

.pr-6 {
    padding-right: 6px !important
}

.pr-7 {
    padding-right: 7px !important
}

.pr-8 {
    padding-right: 8px !important
}

.pr-9 {
    padding-right: 9px !important
}

.pr-1vh {
    padding-right: 1vh !important
}

.pr-2vh {
    padding-right: 2vh !important
}

.pr-3vh {
    padding-right: 3vh !important
}

.pr-4vh {
    padding-right: 4vh !important
}

.pr-5vh {
    padding-right: 5vh !important
}

.pr-6vh {
    padding-right: 6vh !important
}

.pr-7vh {
    padding-right: 7vh !important
}

.pr-8vh {
    padding-right: 8vh !important
}

.pr-9vh {
    padding-right: 9vh !important
}

.pr-10vh {
    padding-right: 10vh !important
}

.pr-11vh {
    padding-right: 11vh !important
}

.pr-12vh {
    padding-right: 12vh !important
}

.pr-13vh {
    padding-right: 13vh !important
}

.pr-14vh {
    padding-right: 14vh !important
}

.pr-15vh {
    padding-right: 15vh !important
}

.pr-1em {
    padding-right: 1em !important
}

.pr-1rem {
    padding-right: 1rem !important
}

.pr-2em {
    padding-right: 2em !important
}

.pr-2rem {
    padding-right: 2rem !important
}

.p-bestow>*,
.p-inherit {
    padding: inherit !important
}

.p-0 {
    padding: 0 !important
}

.is-style-pt-0,
.pt-0 {
    padding-top: 0 !important
}

.is-style-pb-0,
.pb-0 {
    padding-bottom: 0 !important
}

.is-style-pl-0,
.pl-0 {
    padding-left: 0 !important
}

.is-style-pr-0,
.pr-0 {
    padding-right: 0 !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.mt-first-0>:first-child {
    margin-top: 0 !important
}

.mb-last-0>:last-child {
    margin-bottom: 0 !important
}

@media (min-width:36em) {

    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important
    }

    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important
    }

    .mt-sm-first-0>:first-child {
        margin-top: 0 !important
    }

    .mb-sm-last-0>:last-child {
        margin-bottom: 0 !important
    }
}

@media (min-width:48em) {

    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important
    }

    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important
    }

    .mt-md-first-0>:first-child {
        margin-top: 0 !important
    }

    .mb-md-last-0>:last-child {
        margin-bottom: 0 !important
    }
}

@media (min-width:62em) {

    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important
    }

    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important
    }

    .mt-lg-first-0>:first-child {
        margin-top: 0 !important
    }

    .mb-lg-last-0>:last-child {
        margin-bottom: 0 !important
    }
}

@media (min-width:75em) {

    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important
    }

    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important
    }

    .mt-xl-first-0>:first-child {
        margin-top: 0 !important
    }

    .mb-xl-last-0>:last-child {
        margin-bottom: 0 !important
    }
}

@media (min-width:88.75em) {

    .ml-xxl-auto,
    .mx-xxl-auto {
        margin-left: auto !important
    }

    .mr-xxl-auto,
    .mx-xxl-auto {
        margin-right: auto !important
    }

    .mt-xxl-first-0>:first-child {
        margin-top: 0 !important
    }

    .mb-xxl-last-0>:last-child {
        margin-bottom: 0 !important
    }
}

@media (min-width:105em) {

    .ml-xxxl-auto,
    .mx-xxxl-auto {
        margin-left: auto !important
    }

    .mr-xxxl-auto,
    .mx-xxxl-auto {
        margin-right: auto !important
    }

    .mt-xxxl-first-0>:first-child {
        margin-top: 0 !important
    }

    .mb-xxxl-last-0>:last-child {
        margin-bottom: 0 !important
    }
}

@media (min-width:118.75em) {

    .ml-xxxxl-auto,
    .mx-xxxxl-auto {
        margin-left: auto !important
    }

    .mr-xxxxl-auto,
    .mx-xxxxl-auto {
        margin-right: auto !important
    }

    .mt-xxxxl-first-0>:first-child {
        margin-top: 0 !important
    }

    .mb-xxxxl-last-0>:last-child {
        margin-bottom: 0 !important
    }
}

.mt-para {
    margin-top: 1.5rem !important
}

.mb-para {
    margin-bottom: 1.5rem !important
}

.ta-left {
    text-align: left !important
}

.ta-right {
    text-align: right !important
}

.ta-center {
    text-align: center !important
}

.ta-justify {
    text-align: justify !important
}

.ta-start {
    text-align: left !important;
    text-align: start !important
}

.ta-end {
    text-align: right !important;
    text-align: end !important
}

.inherit-font {
    letter-spacing: inherit !important;
    line-height: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important
}

.body {
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important
}

.heading {
    font-family: alternate-gothic-no-3-d, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important
}

.tracking-none {
    letter-spacing: 0
}

.tracking-md {
    letter-spacing: .035em
}

.tracking-lg {
    letter-spacing: .07em
}

.tracking-xl {
    letter-spacing: .15em
}

.lighter {
    font-weight: lighter !important
}

.bolder {
    font-weight: bolder !important
}

.normal {
    font-weight: 400 !important
}

.light {
    font-weight: 300 !important
}

.medium {
    font-weight: 500 !important
}

.semi-bold,
.semibold {
    font-weight: 500 !important
}

.bold {
    font-weight: 700 !important
}

.black {
    font-weight: 900 !important
}

.lh-1 {
    line-height: 1 !important
}

.tt-upper {
    text-transform: uppercase !important
}

.tt-lower {
    text-transform: lowercase !important
}

.tt-none {
    text-transform: none !important
}

.tt-title {
    text-transform: capitalize !important
}

.italic {
    font-style: italic !important
}

.unitalic {
    font-style: normal !important
}

.has-much-larger-font-size {
    font-size: 1.5em
}

.has-larger-font-size {
    font-size: 1.125em
}

.has-smaller-font-size {
    font-size: .875em
}

@supports (top:max(1%, 1vh)) {
    .has-smaller-font-size {
        font-size: max(.875em, 12px)
    }
}

.has-much-smaller-font-size {
    font-size: .5em
}

@supports (top:max(1%, 1vh)) {
    .has-much-smaller-font-size {
        font-size: max(.5em, 10px)
    }
}

.rc-animate-in,
.rc-fade-in {
    position: relative;
    opacity: 0
}

@media screen and (prefers-reduced-motion:reduce) {

    .rc-animate-in,
    .rc-fade-in {
        opacity: initial
    }
}

body.wp-admin .rc-animate-in,
body.wp-admin .rc-fade-in {
    opacity: initial
}

@keyframes animate-in {
    from {
        opacity: 0;
        transform: translateY(6em)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate-in-element {
    animation: animate-in 1.2s;
    animation-fill-mode: forwards
}

@media screen and (prefers-reduced-motion:reduce) {
    .animate-in-element {
        animation: none
    }
}

body.wp-admin .animate-in-element {
    animation: none
}

.fade-in-element {
    animation: fade-in 1.2s;
    animation-fill-mode: forwards
}

@media screen and (prefers-reduced-motion:reduce) {
    .fade-in-element {
        animation: none
    }
}

.animate-in-element.d-1,
.fade-in-element.d-1 {
    animation-delay: .1s
}

.animate-in-element.d-2,
.fade-in-element.d-2 {
    animation-delay: .2s
}

.animate-in-element.d-3,
.fade-in-element.d-3 {
    animation-delay: .3s
}

.animate-in-element.d-4,
.fade-in-element.d-4 {
    animation-delay: .4s
}

.animate-in-element.d-5,
.fade-in-element.d-5 {
    animation-delay: .5s
}

.animate-in-element.d-6,
.fade-in-element.d-6 {
    animation-delay: .6s
}

html {
    scroll-padding-top: var(--nav-height, 1em)
}