@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

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

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

body {
    line-height: 1
}

blockquote,
q {
    quotes: none
}

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

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

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

sub,
sup {
    line-height: 0
}

html {
    box-sizing: border-box;

    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    scroll-behavior: smooth;
    scroll-padding-top: 198px
}

@media screen and (prefers-reduced-motion:reduce) {
    html {
        scroll-behavior: auto
    }
}

*,
:after,
:before {
    box-sizing: inherit;
    font-family: inherit;
    outline: none
}

.no-scroll,
.no-scroll body {
    height: 100vh;
    overflow: hidden
}

.nowrap {
    white-space: nowrap
}

div.cookie-law {
    font-family: "Rubik", sans-serif;
}

div.cookie-law,
div.cookie-law * {
    box-sizing: border-box
}

div.cookie-law-banner {
    display: none
}

div.cookie-law .cookie-law-banner__accept,
div.cookie-law .cookie-law-modal__save {
    font-size: 12px;
    color: #fff;
    background-color: #000
}

div.cookie-law .cookie-law-banner__accept {
    padding: 21px 20px 20px
}

div.cookie-law .cookie-law-banner.cookie-law-banner--bottom-right {
    background-color: #fffe54;
    padding: 28px;
    width: 376px
}

div.cookie-law .cookie-law-modal__title {
    margin-bottom: 16px
}

div.cookie-law .cookie-law-category__title:focus span {
    border-bottom-color: #000;
    background-size: 100% 2px
}

div.cookie-law .cookie-law-category__label:before {
    top: calc(50% - 7px)
}

@media (max-width:767px) {

    .ap-watch,
    .article-breaker__content,
    .articles-list,
    .cards-shop-list__inner,
    .container,
    .content-breaker__content,
    .gallery,
    .grid,
    .header .header__content,
    .highlighted-article,
    .highlighted-content,
    .insider-cta__inner,
    .media-header__content,
    .nav .dropdown,
    .nav .navbar__main__inner,
    .nav .navbar__top__inner,
    .packages-list,
    .page--media .breadcrumbs,
    .page--media .filters__title,
    .page--media .topics-section,
    .page--user-dashboard .page__wrapper,
    .page-header .header__events,
    .page-navigation,
    .page-page .page__banner .breadcrumbs,
    .page-page .page__main>.accordion,
    .page-page .page__main>.ap-watch,
    .page-page .page__main>.cards-list,
    .page-page .page__main>.page-navigation,
    .page-page .page__main>.page__title,
    .page-page .page__main>.socials,
    .page-page .page__main>.upcoming-events-list,
    .page-page .page__main>.video,
    .page-page .page__main>.wp-block-audio,
    .page-page .page__main>.wp-block-embed,
    .page-page .page__main>.wp-block-html,
    .page-page .page__main>.wp-block-image,
    .page-page .page__main>.wp-block-mjf-article-excerpt,
    .page-post.page-post--video .page-post__video,
    .page-post__breadcrumbs,
    .page-post__content,
    .page-post__content>.wp-block-image,
    .page-post__meta,
    .page-post__tags,
    .page-post__title,
    .partners-list__inner,
    .paywall--article .paywall__content,
    .programme__info,
    .temporary-experiment .header,
    .temporary-experiment .section,
    .wp-block-supt-columns {
        margin-left: 16px;
        margin-right: 16px
    }
}

@media (min-width:600px) {

    .ap-watch,
    .article-breaker__content,
    .articles-list,
    .cards-shop-list__inner,
    .container,
    .content-breaker__content,
    .gallery,
    .grid,
    .header .header__content,
    .highlighted-article,
    .highlighted-content,
    .insider-cta__inner,
    .media-header__content,
    .nav .dropdown,
    .nav .navbar__main__inner,
    .nav .navbar__top__inner,
    .packages-list,
    .page--media .breadcrumbs,
    .page--media .filters__title,
    .page--media .topics-section,
    .page--user-dashboard .page__wrapper,
    .page-header .header__events,
    .page-navigation,
    .page-page .page__banner .breadcrumbs,
    .page-page .page__main>.accordion,
    .page-page .page__main>.ap-watch,
    .page-page .page__main>.cards-list,
    .page-page .page__main>.page-navigation,
    .page-page .page__main>.page__title,
    .page-page .page__main>.socials,
    .page-page .page__main>.upcoming-events-list,
    .page-page .page__main>.video,
    .page-page .page__main>.wp-block-audio,
    .page-page .page__main>.wp-block-embed,
    .page-page .page__main>.wp-block-html,
    .page-page .page__main>.wp-block-image,
    .page-page .page__main>.wp-block-mjf-article-excerpt,
    .page-post.page-post--video .page-post__video,
    .page-post__breadcrumbs,
    .page-post__content,
    .page-post__content>.wp-block-image,
    .page-post__meta,
    .page-post__tags,
    .page-post__title,
    .partners-list__inner,
    .paywall--article .paywall__content,
    .programme__info,
    .temporary-experiment .header,
    .temporary-experiment .section,
    .wp-block-supt-columns {
        margin-left: 40px;
        margin-right: 40px
    }
}

@media (min-width:1440px) {

    .ap-watch,
    .article-breaker__content,
    .articles-list,
    .cards-shop-list__inner,
    .container,
    .content-breaker__content,
    .gallery,
    .grid,
    .header .header__content,
    .highlighted-article,
    .highlighted-content,
    .insider-cta__inner,
    .media-header__content,
    .nav .dropdown,
    .nav .navbar__main__inner,
    .nav .navbar__top__inner,
    .packages-list,
    .page--media .breadcrumbs,
    .page--media .filters__title,
    .page--media .topics-section,
    .page--user-dashboard .page__wrapper,
    .page-header .header__events,
    .page-navigation,
    .page-page .page__banner .breadcrumbs,
    .page-page .page__main>.accordion,
    .page-page .page__main>.ap-watch,
    .page-page .page__main>.cards-list,
    .page-page .page__main>.page-navigation,
    .page-page .page__main>.page__title,
    .page-page .page__main>.socials,
    .page-page .page__main>.upcoming-events-list,
    .page-page .page__main>.video,
    .page-page .page__main>.wp-block-audio,
    .page-page .page__main>.wp-block-embed,
    .page-page .page__main>.wp-block-html,
    .page-page .page__main>.wp-block-image,
    .page-page .page__main>.wp-block-mjf-article-excerpt,
    .page-post.page-post--video .page-post__video,
    .page-post__breadcrumbs,
    .page-post__content,
    .page-post__content>.wp-block-image,
    .page-post__meta,
    .page-post__tags,
    .page-post__title,
    .partners-list__inner,
    .paywall--article .paywall__content,
    .programme__info,
    .temporary-experiment .header,
    .temporary-experiment .section,
    .wp-block-supt-columns {
        margin-left: 72px;
        margin-right: 72px
    }
}

@media (min-width:2344px) {

    .ap-watch,
    .article-breaker__content,
    .articles-list,
    .cards-shop-list__inner,
    .container,
    .content-breaker__content,
    .gallery,
    .grid,
    .header .header__content,
    .highlighted-article,
    .highlighted-content,
    .insider-cta__inner,
    .media-header__content,
    .nav .dropdown,
    .nav .navbar__main__inner,
    .nav .navbar__top__inner,
    .packages-list,
    .page--media .breadcrumbs,
    .page--media .filters__title,
    .page--media .topics-section,
    .page--user-dashboard .page__wrapper,
    .page-header .header__events,
    .page-navigation,
    .page-page .page__banner .breadcrumbs,
    .page-page .page__main>.accordion,
    .page-page .page__main>.ap-watch,
    .page-page .page__main>.cards-list,
    .page-page .page__main>.page-navigation,
    .page-page .page__main>.page__title,
    .page-page .page__main>.socials,
    .page-page .page__main>.upcoming-events-list,
    .page-page .page__main>.video,
    .page-page .page__main>.wp-block-audio,
    .page-page .page__main>.wp-block-embed,
    .page-page .page__main>.wp-block-html,
    .page-page .page__main>.wp-block-image,
    .page-page .page__main>.wp-block-mjf-article-excerpt,
    .page-post.page-post--video .page-post__video,
    .page-post__breadcrumbs,
    .page-post__content,
    .page-post__content>.wp-block-image,
    .page-post__meta,
    .page-post__tags,
    .page-post__title,
    .partners-list__inner,
    .paywall--article .paywall__content,
    .programme__info,
    .temporary-experiment .header,
    .temporary-experiment .section,
    .wp-block-supt-columns {
        max-width: 2200px;
        margin-left: auto;
        margin-right: auto
    }
}

.ap-watch,
.article-breaker__content,
.articles-list,
.cards-shop-list__inner,
.content-breaker__content,
.gallery,
.grid,
.header .header__content,
.highlighted-article,
.highlighted-content,
.insider-cta__inner,
.media-header__content,
.nav .dropdown,
.nav .navbar__main__inner,
.nav .navbar__top__inner,
.packages-list,
.page--media .breadcrumbs,
.page--media .filters__title,
.page--media .topics-section,
.page--user-dashboard .page__wrapper,
.page-header .header__events,
.page-navigation,
.page-page .page__banner .breadcrumbs,
.page-page .page__main>.accordion,
.page-page .page__main>.ap-watch,
.page-page .page__main>.cards-list,
.page-page .page__main>.page-navigation,
.page-page .page__main>.page__title,
.page-page .page__main>.socials,
.page-page .page__main>.upcoming-events-list,
.page-page .page__main>.video,
.page-page .page__main>.wp-block-audio,
.page-page .page__main>.wp-block-embed,
.page-page .page__main>.wp-block-html,
.page-page .page__main>.wp-block-image,
.page-page .page__main>.wp-block-mjf-article-excerpt,
.page-post.page-post--video .page-post__video,
.page-post__breadcrumbs,
.page-post__content>.wp-block-image,
.page-post__meta,
.page-post__tags,
.page-post__title,
.partners-list__inner,
.paywall--article .paywall__content,
.programme__info,
.temporary-experiment .header,
.temporary-experiment .section,
.wp-block-supt-columns {
    display: -ms-grid;
    display: grid;
    grid-template-columns: [grid-start] 1fr [content-start] 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr [content-end] 1fr [grid-end];
    grid-auto-rows: auto;
    grid-template-rows: auto
}

@media (max-width:1499px) {

    .ap-watch,
    .article-breaker__content,
    .articles-list,
    .cards-shop-list__inner,
    .content-breaker__content,
    .gallery,
    .grid,
    .header .header__content,
    .highlighted-article,
    .highlighted-content,
    .insider-cta__inner,
    .media-header__content,
    .nav .dropdown,
    .nav .navbar__main__inner,
    .nav .navbar__top__inner,
    .packages-list,
    .page--media .breadcrumbs,
    .page--media .filters__title,
    .page--media .topics-section,
    .page--user-dashboard .page__wrapper,
    .page-header .header__events,
    .page-navigation,
    .page-page .page__banner .breadcrumbs,
    .page-page .page__main>.accordion,
    .page-page .page__main>.ap-watch,
    .page-page .page__main>.cards-list,
    .page-page .page__main>.page-navigation,
    .page-page .page__main>.page__title,
    .page-page .page__main>.socials,
    .page-page .page__main>.upcoming-events-list,
    .page-page .page__main>.video,
    .page-page .page__main>.wp-block-audio,
    .page-page .page__main>.wp-block-embed,
    .page-page .page__main>.wp-block-html,
    .page-page .page__main>.wp-block-image,
    .page-page .page__main>.wp-block-mjf-article-excerpt,
    .page-post.page-post--video .page-post__video,
    .page-post__breadcrumbs,
    .page-post__content>.wp-block-image,
    .page-post__meta,
    .page-post__tags,
    .page-post__title,
    .partners-list__inner,
    .paywall--article .paywall__content,
    .programme__info,
    .temporary-experiment .header,
    .temporary-experiment .section,
    .wp-block-supt-columns {
        grid-column-gap: 2.13vw
    }
}

@media (min-width:1500px) {

    .ap-watch,
    .article-breaker__content,
    .articles-list,
    .cards-shop-list__inner,
    .content-breaker__content,
    .gallery,
    .grid,
    .header .header__content,
    .highlighted-article,
    .highlighted-content,
    .insider-cta__inner,
    .media-header__content,
    .nav .dropdown,
    .nav .navbar__main__inner,
    .nav .navbar__top__inner,
    .packages-list,
    .page--media .breadcrumbs,
    .page--media .filters__title,
    .page--media .topics-section,
    .page--user-dashboard .page__wrapper,
    .page-header .header__events,
    .page-navigation,
    .page-page .page__banner .breadcrumbs,
    .page-page .page__main>.accordion,
    .page-page .page__main>.ap-watch,
    .page-page .page__main>.cards-list,
    .page-page .page__main>.page-navigation,
    .page-page .page__main>.page__title,
    .page-page .page__main>.socials,
    .page-page .page__main>.upcoming-events-list,
    .page-page .page__main>.video,
    .page-page .page__main>.wp-block-audio,
    .page-page .page__main>.wp-block-embed,
    .page-page .page__main>.wp-block-html,
    .page-page .page__main>.wp-block-image,
    .page-page .page__main>.wp-block-mjf-article-excerpt,
    .page-post.page-post--video .page-post__video,
    .page-post__breadcrumbs,
    .page-post__content>.wp-block-image,
    .page-post__meta,
    .page-post__tags,
    .page-post__title,
    .partners-list__inner,
    .paywall--article .paywall__content,
    .programme__info,
    .temporary-experiment .header,
    .temporary-experiment .section,
    .wp-block-supt-columns {
        grid-column-gap: 32px
    }
}

.ap-watch .ap-watch,
.ap-watch .grid,
.ap-watch .page--media .breadcrumbs,
.article-breaker__content .ap-watch,
.article-breaker__content .grid,
.article-breaker__content .page--media .breadcrumbs,
.articles-list .ap-watch,
.articles-list .grid,
.articles-list .page--media .breadcrumbs,
.cards-shop-list__inner .ap-watch,
.cards-shop-list__inner .grid,
.cards-shop-list__inner .page--media .breadcrumbs,
.content-breaker__content .ap-watch,
.content-breaker__content .grid,
.content-breaker__content .page--media .breadcrumbs,
.gallery .ap-watch,
.gallery .grid,
.gallery .page--media .breadcrumbs,
.grid .ap-watch,
.grid .grid,
.grid .page--media .breadcrumbs,
.header .header__content .ap-watch,
.header .header__content .grid,
.header .header__content .page--media .breadcrumbs,
.highlighted-article .ap-watch,
.highlighted-article .grid,
.highlighted-article .page--media .breadcrumbs,
.highlighted-content .ap-watch,
.highlighted-content .grid,
.highlighted-content .page--media .breadcrumbs,
.insider-cta__inner .ap-watch,
.insider-cta__inner .grid,
.insider-cta__inner .page--media .breadcrumbs,
.media-header__content .ap-watch,
.media-header__content .grid,
.media-header__content .page--media .breadcrumbs,
.nav .dropdown .ap-watch,
.nav .dropdown .grid,
.nav .dropdown .page--media .breadcrumbs,
.nav .navbar__main__inner .ap-watch,
.nav .navbar__main__inner .grid,
.nav .navbar__main__inner .page--media .breadcrumbs,
.nav .navbar__top__inner .ap-watch,
.nav .navbar__top__inner .grid,
.nav .navbar__top__inner .page--media .breadcrumbs,
.packages-list .ap-watch,
.packages-list .grid,
.packages-list .page--media .breadcrumbs,
.page--media .ap-watch .breadcrumbs,
.page--media .article-breaker__content .breadcrumbs,
.page--media .articles-list .breadcrumbs,
.page--media .breadcrumbs .ap-watch,
.page--media .breadcrumbs .breadcrumbs,
.page--media .breadcrumbs .grid,
.page--media .cards-shop-list__inner .breadcrumbs,
.page--media .content-breaker__content .breadcrumbs,
.page--media .filters__title .ap-watch,
.page--media .filters__title .breadcrumbs,
.page--media .filters__title .grid,
.page--media .gallery .breadcrumbs,
.page--media .grid .breadcrumbs,
.page--media .header .header__content .breadcrumbs,
.page--media .highlighted-article .breadcrumbs,
.page--media .highlighted-content .breadcrumbs,
.page--media .insider-cta__inner .breadcrumbs,
.page--media .media-header__content .breadcrumbs,
.page--media .nav .dropdown .breadcrumbs,
.page--media .nav .navbar__main__inner .breadcrumbs,
.page--media .nav .navbar__top__inner .breadcrumbs,
.page--media .packages-list .breadcrumbs,
.page--media .page--user-dashboard .page__wrapper .breadcrumbs,
.page--media .page-header .header__events .breadcrumbs,
.page--media .page-navigation .breadcrumbs,
.page--media .page-page .page__banner .breadcrumbs .breadcrumbs,
.page--media .page-page .page__main>.accordion .breadcrumbs,
.page--media .page-page .page__main>.ap-watch .breadcrumbs,
.page--media .page-page .page__main>.cards-list .breadcrumbs,
.page--media .page-page .page__main>.page-navigation .breadcrumbs,
.page--media .page-page .page__main>.page__title .breadcrumbs,
.page--media .page-page .page__main>.socials .breadcrumbs,
.page--media .page-page .page__main>.upcoming-events-list .breadcrumbs,
.page--media .page-page .page__main>.video .breadcrumbs,
.page--media .page-page .page__main>.wp-block-audio .breadcrumbs,
.page--media .page-page .page__main>.wp-block-embed .breadcrumbs,
.page--media .page-page .page__main>.wp-block-html .breadcrumbs,
.page--media .page-page .page__main>.wp-block-image .breadcrumbs,
.page--media .page-page .page__main>.wp-block-mjf-article-excerpt .breadcrumbs,
.page--media .page-post.page-post--video .page-post__video .breadcrumbs,
.page--media .page-post__breadcrumbs .breadcrumbs,
.page--media .page-post__content>.wp-block-image .breadcrumbs,
.page--media .page-post__meta .breadcrumbs,
.page--media .page-post__tags .breadcrumbs,
.page--media .page-post__title .breadcrumbs,
.page--media .partners-list__inner .breadcrumbs,
.page--media .paywall--article .paywall__content .breadcrumbs,
.page--media .programme__info .breadcrumbs,
.page--media .temporary-experiment .header .breadcrumbs,
.page--media .temporary-experiment .section .breadcrumbs,
.page--media .topics-section .ap-watch,
.page--media .topics-section .breadcrumbs,
.page--media .topics-section .grid,
.page--media .wp-block-supt-columns .breadcrumbs,
.page--user-dashboard .page__wrapper .ap-watch,
.page--user-dashboard .page__wrapper .grid,
.page--user-dashboard .page__wrapper .page--media .breadcrumbs,
.page-header .header__events .ap-watch,
.page-header .header__events .grid,
.page-header .header__events .page--media .breadcrumbs,
.page-navigation .ap-watch,
.page-navigation .grid,
.page-navigation .page--media .breadcrumbs,
.page-page .page__banner .breadcrumbs .ap-watch,
.page-page .page__banner .breadcrumbs .grid,
.page-page .page__banner .breadcrumbs .page--media .breadcrumbs,
.page-page .page__main>.accordion .ap-watch,
.page-page .page__main>.accordion .grid,
.page-page .page__main>.accordion .page--media .breadcrumbs,
.page-page .page__main>.ap-watch .ap-watch,
.page-page .page__main>.ap-watch .grid,
.page-page .page__main>.ap-watch .page--media .breadcrumbs,
.page-page .page__main>.cards-list .ap-watch,
.page-page .page__main>.cards-list .grid,
.page-page .page__main>.cards-list .page--media .breadcrumbs,
.page-page .page__main>.page-navigation .ap-watch,
.page-page .page__main>.page-navigation .grid,
.page-page .page__main>.page-navigation .page--media .breadcrumbs,
.page-page .page__main>.page__title .ap-watch,
.page-page .page__main>.page__title .grid,
.page-page .page__main>.page__title .page--media .breadcrumbs,
.page-page .page__main>.socials .ap-watch,
.page-page .page__main>.socials .grid,
.page-page .page__main>.socials .page--media .breadcrumbs,
.page-page .page__main>.upcoming-events-list .ap-watch,
.page-page .page__main>.upcoming-events-list .grid,
.page-page .page__main>.upcoming-events-list .page--media .breadcrumbs,
.page-page .page__main>.video .ap-watch,
.page-page .page__main>.video .grid,
.page-page .page__main>.video .page--media .breadcrumbs,
.page-page .page__main>.wp-block-audio .ap-watch,
.page-page .page__main>.wp-block-audio .grid,
.page-page .page__main>.wp-block-audio .page--media .breadcrumbs,
.page-page .page__main>.wp-block-embed .ap-watch,
.page-page .page__main>.wp-block-embed .grid,
.page-page .page__main>.wp-block-embed .page--media .breadcrumbs,
.page-page .page__main>.wp-block-html .ap-watch,
.page-page .page__main>.wp-block-html .grid,
.page-page .page__main>.wp-block-html .page--media .breadcrumbs,
.page-page .page__main>.wp-block-image .ap-watch,
.page-page .page__main>.wp-block-image .grid,
.page-page .page__main>.wp-block-image .page--media .breadcrumbs,
.page-page .page__main>.wp-block-mjf-article-excerpt .ap-watch,
.page-page .page__main>.wp-block-mjf-article-excerpt .grid,
.page-page .page__main>.wp-block-mjf-article-excerpt .page--media .breadcrumbs,
.page-post.page-post--video .page-post__video .ap-watch,
.page-post.page-post--video .page-post__video .grid,
.page-post.page-post--video .page-post__video .page--media .breadcrumbs,
.page-post__breadcrumbs .ap-watch,
.page-post__breadcrumbs .grid,
.page-post__breadcrumbs .page--media .breadcrumbs,
.page-post__content>.wp-block-image .ap-watch,
.page-post__content>.wp-block-image .grid,
.page-post__content>.wp-block-image .page--media .breadcrumbs,
.page-post__meta .ap-watch,
.page-post__meta .grid,
.page-post__meta .page--media .breadcrumbs,
.page-post__tags .ap-watch,
.page-post__tags .grid,
.page-post__tags .page--media .breadcrumbs,
.page-post__title .ap-watch,
.page-post__title .grid,
.page-post__title .page--media .breadcrumbs,
.partners-list__inner .ap-watch,
.partners-list__inner .grid,
.partners-list__inner .page--media .breadcrumbs,
.paywall--article .paywall__content .ap-watch,
.paywall--article .paywall__content .grid,
.paywall--article .paywall__content .page--media .breadcrumbs,
.programme__info .ap-watch,
.programme__info .grid,
.programme__info .page--media .breadcrumbs,
.temporary-experiment .header .ap-watch,
.temporary-experiment .header .grid,
.temporary-experiment .header .page--media .breadcrumbs,
.temporary-experiment .section .ap-watch,
.temporary-experiment .section .grid,
.temporary-experiment .section .page--media .breadcrumbs,
.wp-block-supt-columns .ap-watch,
.wp-block-supt-columns .grid,
.wp-block-supt-columns .page--media .breadcrumbs {
    margin-left: 0;
    margin-right: 0
}

.header {
    position: relative;
    padding: 40px 0
}

.header .header__wrapper {
    display: flex;
    width: 100%;
    position: relative
}

.header .header__content {
    position: relative;
    width: 100%;
    align-content: flex-start;
    display: block !important;
}

.header .header__title {

    font-weight: 600;
    font-variant-numeric: lining-nums;

    line-height: 1.2;

    i {
        font-style: italic;
        color: #bf00ff;
    }
}

@media (max-width:374px) {
    .header .header__title {
        font-size: 52px
    }
}

@media (min-width:375px) and (max-width:767px) {
    .header .header__title {
        font-size: calc(48.18321px + 1.01781vw)
    }
}

@media (min-width:768px) and (max-width:1679px) {
    .header .header__title {
        /* font-size: calc(29.05263px + 3.50877vw); */
    }
}

@media (min-width:1680px) {
    .header .header__title {
        font-size: 88px
    }
}

.header .header__title--dom {
    position: relative;
    color: #000;
    grid-column: 1/13;
    z-index: 2;
}

@media (min-width:768px) {
    .header .header__title--dom {
        grid-column: 1/8
    }
}

@media (min-width:1200px) {
    .header .header__title--dom {
        grid-column: 2/9
    }
}

.header .header__title-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: top left;
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.header .header__title--clip {
    color: #fff
}

.header .header__mask {
    display: block;
    width: 100%;
    border-radius: 50%;
    z-index: 1;
    max-width: 874px;
    position: relative;
    grid-column: 1/13
}

@media (max-width:374px) {
    .header .header__mask {
        margin-top: -74px
    }
}

@media (min-width:375px) and (max-width:767px) {
    .header .header__mask {
        margin-top: calc(-62.54962px - 3.05344vw)
    }
}

@media (min-width:768px) {
    .header .header__mask {
        position: absolute;
        grid-column: 6/13
    }
}

@media (min-width:1200px) {
    .header .header__mask {
        position: absolute;
        grid-column: 7/13
    }
}

.header .header__mask:after {
    content: "";
    display: block;
    padding-bottom: 100%
}

.header .header__clip {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    overflow: hidden;
    transform-origin: center center;
    z-index: 1;
    width: 100%;
    height: 100%
}

@media (max-width:1023px) {
    .header .header__clip {
        height: 99.999%
    }
}

.header__media-wrapper {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center
}

.header__media-wrapper .header__media {
    position: absolute
}

.js .header:not(.home__header--notfound) .header__item,
.js .header:not(.home__header--notfound) .header__mask {
    opacity: 0
}

.js .header.header--loaded:not(.home__header--notfound) .header__item,
.js .header.header--loaded:not(.home__header--notfound) .header__mask {
    opacity: 1;
    color: #fff;
}

.accordion__panel>:first-child:not(.ap-watch),
.modal-benefit__content-desc>:first-child:not(.ap-watch),
.typography>:first-child:not(.ap-watch),
.wp-block-supt-column-main>:first-child:not(.ap-watch),
.wp-block-supt-column-side>:first-child:not(.ap-watch) {
    margin-top: 0 !important
}

.accordion__panel>:last-child,
.modal-benefit__content-desc>:last-child,
.typography>:last-child,
.wp-block-supt-column-main>:last-child,
.wp-block-supt-column-side>:last-child {
    margin-bottom: 0 !important
}

@media (max-width:374px) {

    .accordion__panel>*,
    .modal-benefit__content-desc>*,
    .typography>*,
    .wp-block-supt-column-main>*,
    .wp-block-supt-column-side>* {
        margin-bottom: 24px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .accordion__panel>*,
    .modal-benefit__content-desc>*,
    .typography>*,
    .wp-block-supt-column-main>*,
    .wp-block-supt-column-side>* {
        margin-bottom: calc(21.12644px + .76628vw)
    }
}

@media (min-width:1680px) {

    .accordion__panel>*,
    .modal-benefit__content-desc>*,
    .typography>*,
    .wp-block-supt-column-main>*,
    .wp-block-supt-column-side>* {
        margin-bottom: 34px
    }
}

@media (max-width:374px) {

    .accordion__panel>h2,
    .modal-benefit__content-desc>h2,
    .typography>h2,
    .wp-block-supt-column-main>h2,
    .wp-block-supt-column-side>h2 {
        margin-top: 48px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .accordion__panel>h2,
    .modal-benefit__content-desc>h2,
    .typography>h2,
    .wp-block-supt-column-main>h2,
    .wp-block-supt-column-side>h2 {
        margin-top: calc(42.25287px + 1.53257vw)
    }
}

@media (min-width:1680px) {

    .accordion__panel>h2,
    .modal-benefit__content-desc>h2,
    .typography>h2,
    .wp-block-supt-column-main>h2,
    .wp-block-supt-column-side>h2 {
        margin-top: 68px
    }
}

@media (max-width:374px) {

    .accordion__panel>h3,
    .modal-benefit__content-desc>h3,
    .typography>h3,
    .wp-block-supt-column-main>h3,
    .wp-block-supt-column-side>h3 {
        margin-top: 36px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .accordion__panel>h3,
    .modal-benefit__content-desc>h3,
    .typography>h3,
    .wp-block-supt-column-main>h3,
    .wp-block-supt-column-side>h3 {
        margin-top: calc(31.68966px + 1.14943vw)
    }
}

@media (min-width:1680px) {

    .accordion__panel>h3,
    .modal-benefit__content-desc>h3,
    .typography>h3,
    .wp-block-supt-column-main>h3,
    .wp-block-supt-column-side>h3 {
        margin-top: 51px
    }
}

@media (max-width:374px) {

    .accordion__panel>h3,
    .modal-benefit__content-desc>h3,
    .typography>h3,
    .wp-block-supt-column-main>h3,
    .wp-block-supt-column-side>h3 {
        margin-bottom: 16px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .accordion__panel>h3,
    .modal-benefit__content-desc>h3,
    .typography>h3,
    .wp-block-supt-column-main>h3,
    .wp-block-supt-column-side>h3 {
        margin-bottom: calc(14.85057px + .30651vw)
    }
}

@media (min-width:1680px) and (max-width:2559px) {

    .accordion__panel>h3,
    .modal-benefit__content-desc>h3,
    .typography>h3,
    .wp-block-supt-column-main>h3,
    .wp-block-supt-column-side>h3 {
        margin-bottom: calc(8.54545px + .68182vw)
    }
}

@media (min-width:2560px) {

    .accordion__panel>h3,
    .modal-benefit__content-desc>h3,
    .typography>h3,
    .wp-block-supt-column-main>h3,
    .wp-block-supt-column-side>h3 {
        margin-bottom: 26px
    }
}

@media (max-width:374px) {

    .accordion__panel>p:first-child:not(:only-child),
    .modal-benefit__content-desc>p:first-child:not(:only-child),
    .typography>p:first-child:not(:only-child),
    .wp-block-supt-column-main>p:first-child:not(:only-child),
    .wp-block-supt-column-side>p:first-child:not(:only-child) {
        margin-bottom: 24px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .accordion__panel>p:first-child:not(:only-child),
    .modal-benefit__content-desc>p:first-child:not(:only-child),
    .typography>p:first-child:not(:only-child),
    .wp-block-supt-column-main>p:first-child:not(:only-child),
    .wp-block-supt-column-side>p:first-child:not(:only-child) {
        margin-bottom: calc(21.12644px + .76628vw)
    }
}

@media (min-width:1680px) {

    .accordion__panel>p:first-child:not(:only-child),
    .modal-benefit__content-desc>p:first-child:not(:only-child),
    .typography>p:first-child:not(:only-child),
    .wp-block-supt-column-main>p:first-child:not(:only-child),
    .wp-block-supt-column-side>p:first-child:not(:only-child) {
        margin-bottom: 34px
    }
}

.accordion__panel>p.p--lead,
.modal-benefit__content-desc>p.p--lead,
.typography>p.p--lead,
.wp-block-supt-column-main>p.p--lead,
.wp-block-supt-column-side>p.p--lead {
    margin-bottom: 36px
}

@media (max-width:374px) {

    .accordion__panel>blockquote,
    .modal-benefit__content-desc>blockquote,
    .typography>blockquote,
    .wp-block-supt-column-main>blockquote,
    .wp-block-supt-column-side>blockquote {
        margin-top: 60px;
        margin-bottom: 60px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .accordion__panel>blockquote,
    .modal-benefit__content-desc>blockquote,
    .typography>blockquote,
    .wp-block-supt-column-main>blockquote,
    .wp-block-supt-column-side>blockquote {
        margin-top: calc(54.25287px + 1.53257vw);
        margin-bottom: calc(54.25287px + 1.53257vw)
    }
}

@media (min-width:1680px) {

    .accordion__panel>blockquote,
    .modal-benefit__content-desc>blockquote,
    .typography>blockquote,
    .wp-block-supt-column-main>blockquote,
    .wp-block-supt-column-side>blockquote {
        margin-top: 80px;
        margin-bottom: 80px
    }
}

.accordion__panel>blockquote>*,
.modal-benefit__content-desc>blockquote>*,
.typography>blockquote>*,
.wp-block-supt-column-main>blockquote>*,
.wp-block-supt-column-side>blockquote>* {
    width: 80%;
    margin-left: auto;
    margin-right: auto
}

@media (max-width:374px) {

    .accordion__panel>.package-card,
    .modal-benefit__content-desc>.package-card,
    .typography>.package-card,
    .wp-block-supt-column-main>.package-card,
    .wp-block-supt-column-side>.package-card {
        margin-top: 60px;
        margin-bottom: 60px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .accordion__panel>.package-card,
    .modal-benefit__content-desc>.package-card,
    .typography>.package-card,
    .wp-block-supt-column-main>.package-card,
    .wp-block-supt-column-side>.package-card {
        margin-top: calc(54.25287px + 1.53257vw);
        margin-bottom: calc(54.25287px + 1.53257vw)
    }
}

@media (min-width:1680px) {

    .accordion__panel>.package-card,
    .modal-benefit__content-desc>.package-card,
    .typography>.package-card,
    .wp-block-supt-column-main>.package-card,
    .wp-block-supt-column-side>.package-card {
        margin-top: 80px;
        margin-bottom: 80px
    }
}

@media (max-width:374px) {

    .accordion__panel .additional-content,
    .modal-benefit__content-desc .additional-content,
    .typography .additional-content,
    .wp-block-supt-column-main .additional-content,
    .wp-block-supt-column-side .additional-content {
        margin-top: 60px;
        margin-bottom: 60px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .accordion__panel .additional-content,
    .modal-benefit__content-desc .additional-content,
    .typography .additional-content,
    .wp-block-supt-column-main .additional-content,
    .wp-block-supt-column-side .additional-content {
        margin-top: calc(54.25287px + 1.53257vw);
        margin-bottom: calc(54.25287px + 1.53257vw)
    }
}

@media (min-width:1680px) {

    .accordion__panel .additional-content,
    .modal-benefit__content-desc .additional-content,
    .typography .additional-content,
    .wp-block-supt-column-main .additional-content,
    .wp-block-supt-column-side .additional-content {
        margin-top: 80px;
        margin-bottom: 80px
    }
}

.accordion__panel>.wp-block-button,
.modal-benefit__content-desc>.wp-block-button,
.typography>.wp-block-button,
.wp-block-supt-column-main>.wp-block-button,
.wp-block-supt-column-side>.wp-block-button {
    display: block
}

.accordion__panel>.wp-block-button+.wp-block-button,
.modal-benefit__content-desc>.wp-block-button+.wp-block-button,
.typography>.wp-block-button+.wp-block-button,
.wp-block-supt-column-main>.wp-block-button+.wp-block-button,
.wp-block-supt-column-side>.wp-block-button+.wp-block-button {
    margin-top: -15px
}

.accordion__panel figure img,
.modal-benefit__content-desc figure img,
.typography figure img,
.wp-block-supt-column-main figure img,
.wp-block-supt-column-side figure img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto
}

.accordion__panel figure figcaption,
.modal-benefit__content-desc figure figcaption,
.typography figure figcaption,
.wp-block-supt-column-main figure figcaption,
.wp-block-supt-column-side figure figcaption {
    color: #707070;
    line-height: 1.4;
    padding-top: 20px
}

@media (max-width:1679px) {

    .accordion__panel figure figcaption,
    .modal-benefit__content-desc figure figcaption,
    .typography figure figcaption,
    .wp-block-supt-column-main figure figcaption,
    .wp-block-supt-column-side figure figcaption {
        font-size: 14px
    }
}

@media (min-width:1680px) and (max-width:2559px) {

    .accordion__panel figure figcaption,
    .modal-benefit__content-desc figure figcaption,
    .typography figure figcaption,
    .wp-block-supt-column-main figure figcaption,
    .wp-block-supt-column-side figure figcaption {
        font-size: calc(10.18182px + .22727vw)
    }
}

@media (min-width:2560px) {

    .accordion__panel figure figcaption,
    .modal-benefit__content-desc figure figcaption,
    .typography figure figcaption,
    .wp-block-supt-column-main figure figcaption,
    .wp-block-supt-column-side figure figcaption {
        font-size: 16px
    }
}

.accordion__panel>.wp-embed-aspect-16-9,
.modal-benefit__content-desc>.wp-embed-aspect-16-9,
.typography>.wp-embed-aspect-16-9,
.wp-block-supt-column-main>.wp-embed-aspect-16-9,
.wp-block-supt-column-side>.wp-embed-aspect-16-9 {
    position: relative
}

.accordion__panel>.wp-embed-aspect-16-9>.wp-block-embed__wrapper,
.modal-benefit__content-desc>.wp-embed-aspect-16-9>.wp-block-embed__wrapper,
.typography>.wp-embed-aspect-16-9>.wp-block-embed__wrapper,
.wp-block-supt-column-main>.wp-embed-aspect-16-9>.wp-block-embed__wrapper,
.wp-block-supt-column-side>.wp-embed-aspect-16-9>.wp-block-embed__wrapper {
    position: relative;
    height: 0;
    padding-top: 56.25%
}

.accordion__panel>.wp-embed-aspect-16-9>.wp-block-embed__wrapper>*,
.modal-benefit__content-desc>.wp-embed-aspect-16-9>.wp-block-embed__wrapper>*,
.typography>.wp-embed-aspect-16-9>.wp-block-embed__wrapper>*,
.wp-block-supt-column-main>.wp-embed-aspect-16-9>.wp-block-embed__wrapper>*,
.wp-block-supt-column-side>.wp-embed-aspect-16-9>.wp-block-embed__wrapper>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.accordion__panel>.wp-block-embed-soundcloud>.wp-block-embed__wrapper,
.accordion__panel>.wp-block-embed-soundcloud>.wp-block-embed__wrapper iframe,
.accordion__panel>.wp-block-embed-spotify>.wp-block-embed__wrapper,
.accordion__panel>.wp-block-embed-spotify>.wp-block-embed__wrapper iframe,
.accordion__panel>.wp-block-embed-youtube>.wp-block-embed__wrapper,
.accordion__panel>.wp-block-embed-youtube>.wp-block-embed__wrapper iframe,
.modal-benefit__content-desc>.wp-block-embed-soundcloud>.wp-block-embed__wrapper,
.modal-benefit__content-desc>.wp-block-embed-soundcloud>.wp-block-embed__wrapper iframe,
.modal-benefit__content-desc>.wp-block-embed-spotify>.wp-block-embed__wrapper,
.modal-benefit__content-desc>.wp-block-embed-spotify>.wp-block-embed__wrapper iframe,
.modal-benefit__content-desc>.wp-block-embed-youtube>.wp-block-embed__wrapper,
.modal-benefit__content-desc>.wp-block-embed-youtube>.wp-block-embed__wrapper iframe,
.typography>.wp-block-embed-soundcloud>.wp-block-embed__wrapper,
.typography>.wp-block-embed-soundcloud>.wp-block-embed__wrapper iframe,
.typography>.wp-block-embed-spotify>.wp-block-embed__wrapper,
.typography>.wp-block-embed-spotify>.wp-block-embed__wrapper iframe,
.typography>.wp-block-embed-youtube>.wp-block-embed__wrapper,
.typography>.wp-block-embed-youtube>.wp-block-embed__wrapper iframe,
.wp-block-supt-column-main>.wp-block-embed-soundcloud>.wp-block-embed__wrapper,
.wp-block-supt-column-main>.wp-block-embed-soundcloud>.wp-block-embed__wrapper iframe,
.wp-block-supt-column-main>.wp-block-embed-spotify>.wp-block-embed__wrapper,
.wp-block-supt-column-main>.wp-block-embed-spotify>.wp-block-embed__wrapper iframe,
.wp-block-supt-column-main>.wp-block-embed-youtube>.wp-block-embed__wrapper,
.wp-block-supt-column-main>.wp-block-embed-youtube>.wp-block-embed__wrapper iframe,
.wp-block-supt-column-side>.wp-block-embed-soundcloud>.wp-block-embed__wrapper,
.wp-block-supt-column-side>.wp-block-embed-soundcloud>.wp-block-embed__wrapper iframe,
.wp-block-supt-column-side>.wp-block-embed-spotify>.wp-block-embed__wrapper,
.wp-block-supt-column-side>.wp-block-embed-spotify>.wp-block-embed__wrapper iframe,
.wp-block-supt-column-side>.wp-block-embed-youtube>.wp-block-embed__wrapper,
.wp-block-supt-column-side>.wp-block-embed-youtube>.wp-block-embed__wrapper iframe {
    width: 100%
}

.accordion__panel>.wp-block-embed-spotify iframe:not([src*=playlist]),
.modal-benefit__content-desc>.wp-block-embed-spotify iframe:not([src*=playlist]),
.typography>.wp-block-embed-spotify iframe:not([src*=playlist]),
.wp-block-supt-column-main>.wp-block-embed-spotify iframe:not([src*=playlist]),
.wp-block-supt-column-side>.wp-block-embed-spotify iframe:not([src*=playlist]) {
    height: 80px
}

.accordion__panel>.wp-block-embed-soundcloud iframe:not([src*=playlist]),
.modal-benefit__content-desc>.wp-block-embed-soundcloud iframe:not([src*=playlist]),
.typography>.wp-block-embed-soundcloud iframe:not([src*=playlist]),
.wp-block-supt-column-main>.wp-block-embed-soundcloud iframe:not([src*=playlist]),
.wp-block-supt-column-side>.wp-block-embed-soundcloud iframe:not([src*=playlist]) {
    height: 100px
}

@media (max-width:767px) {

    .accordion__panel>.wp-block-embed-twitter,
    .modal-benefit__content-desc>.wp-block-embed-twitter,
    .typography>.wp-block-embed-twitter,
    .wp-block-supt-column-main>.wp-block-embed-twitter,
    .wp-block-supt-column-side>.wp-block-embed-twitter {
        max-width: calc(100vw - 90px)
    }
}

.accordion__panel>.wp-block-audio>audio,
.modal-benefit__content-desc>.wp-block-audio>audio,
.typography>.wp-block-audio>audio,
.wp-block-supt-column-main>.wp-block-audio>audio,
.wp-block-supt-column-side>.wp-block-audio>audio {
    width: 100%;
    max-width: 580px
}

.accordion__panel>h2,
.h2,
.modal-benefit__content-desc>h2,
.page--media .filters__title,
.programme__content-column__soon h2,
.typography>h2,
.wp-block-supt-column-main>h2,
.wp-block-supt-column-side>h2 {

    font-weight: 700;
    color: #000
}

@media (max-width:374px) {

    .accordion__panel>h2,
    .h2,
    .modal-benefit__content-desc>h2,
    .page--media .filters__title,
    .programme__content-column__soon h2,
    .typography>h2,
    .wp-block-supt-column-main>h2,
    .wp-block-supt-column-side>h2 {
        font-size: 22px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .accordion__panel>h2,
    .h2,
    .modal-benefit__content-desc>h2,
    .page--media .filters__title,
    .programme__content-column__soon h2,
    .typography>h2,
    .wp-block-supt-column-main>h2,
    .wp-block-supt-column-side>h2 {
        font-size: calc(20.27586px + .45977vw)
    }
}

@media (min-width:1680px) and (max-width:2559px) {

    .accordion__panel>h2,
    .h2,
    .modal-benefit__content-desc>h2,
    .page--media .filters__title,
    .programme__content-column__soon h2,
    .typography>h2,
    .wp-block-supt-column-main>h2,
    .wp-block-supt-column-side>h2 {
        font-size: calc(20.36364px + .45455vw)
    }
}

@media (min-width:2560px) {

    .accordion__panel>h2,
    .h2,
    .modal-benefit__content-desc>h2,
    .page--media .filters__title,
    .programme__content-column__soon h2,
    .typography>h2,
    .wp-block-supt-column-main>h2,
    .wp-block-supt-column-side>h2 {
        font-size: 32px
    }
}

@media (max-width:374px) {

    .accordion__panel>h2,
    .h2,
    .modal-benefit__content-desc>h2,
    .page--media .filters__title,
    .programme__content-column__soon h2,
    .typography>h2,
    .wp-block-supt-column-main>h2,
    .wp-block-supt-column-side>h2 {
        line-height: 26px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .accordion__panel>h2,
    .h2,
    .modal-benefit__content-desc>h2,
    .page--media .filters__title,
    .programme__content-column__soon h2,
    .typography>h2,
    .wp-block-supt-column-main>h2,
    .wp-block-supt-column-side>h2 {
        line-height: calc(24.27586px + .45977vw)
    }
}

@media (min-width:1680px) and (max-width:2559px) {

    .accordion__panel>h2,
    .h2,
    .modal-benefit__content-desc>h2,
    .page--media .filters__title,
    .programme__content-column__soon h2,
    .typography>h2,
    .wp-block-supt-column-main>h2,
    .wp-block-supt-column-side>h2 {
        line-height: calc(24.36364px + .45455vw)
    }
}

@media (min-width:2560px) {

    .accordion__panel>h2,
    .h2,
    .modal-benefit__content-desc>h2,
    .page--media .filters__title,
    .programme__content-column__soon h2,
    .typography>h2,
    .wp-block-supt-column-main>h2,
    .wp-block-supt-column-side>h2 {
        line-height: 36px
    }
}

.accordion__panel>h3,
.donation-choice__legend,
.h3,
.modal-benefit__content-desc>h3,
.typography>h3,
.wp-block-supt-column-main>h3,
.wp-block-supt-column-side>h3 {

    font-weight: 700;
    color: #000
}

@media (max-width:374px) {

    .accordion__panel>h3,
    .donation-choice__legend,
    .h3,
    .modal-benefit__content-desc>h3,
    .typography>h3,
    .wp-block-supt-column-main>h3,
    .wp-block-supt-column-side>h3 {
        font-size: 18px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .accordion__panel>h3,
    .donation-choice__legend,
    .h3,
    .modal-benefit__content-desc>h3,
    .typography>h3,
    .wp-block-supt-column-main>h3,
    .wp-block-supt-column-side>h3 {
        font-size: calc(16.85057px + .30651vw)
    }
}

@media (min-width:1680px) and (max-width:2559px) {

    .accordion__panel>h3,
    .donation-choice__legend,
    .h3,
    .modal-benefit__content-desc>h3,
    .typography>h3,
    .wp-block-supt-column-main>h3,
    .wp-block-supt-column-side>h3 {
        font-size: calc(14.36364px + .45455vw)
    }
}

@media (min-width:2560px) {

    .accordion__panel>h3,
    .donation-choice__legend,
    .h3,
    .modal-benefit__content-desc>h3,
    .typography>h3,
    .wp-block-supt-column-main>h3,
    .wp-block-supt-column-side>h3 {
        font-size: 26px
    }
}

@media (max-width:374px) {

    .accordion__panel>h3,
    .donation-choice__legend,
    .h3,
    .modal-benefit__content-desc>h3,
    .typography>h3,
    .wp-block-supt-column-main>h3,
    .wp-block-supt-column-side>h3 {
        line-height: 24px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .accordion__panel>h3,
    .donation-choice__legend,
    .h3,
    .modal-benefit__content-desc>h3,
    .typography>h3,
    .wp-block-supt-column-main>h3,
    .wp-block-supt-column-side>h3 {
        line-height: calc(21.70115px + .61303vw)
    }
}

@media (min-width:1680px) and (max-width:2559px) {

    .accordion__panel>h3,
    .donation-choice__legend,
    .h3,
    .modal-benefit__content-desc>h3,
    .typography>h3,
    .wp-block-supt-column-main>h3,
    .wp-block-supt-column-side>h3 {
        line-height: calc(24.36364px + .45455vw)
    }
}

@media (min-width:2560px) {

    .accordion__panel>h3,
    .donation-choice__legend,
    .h3,
    .modal-benefit__content-desc>h3,
    .typography>h3,
    .wp-block-supt-column-main>h3,
    .wp-block-supt-column-side>h3 {
        line-height: 36px
    }
}

.accordion__panel>ol a,
.accordion__panel>p a,
.accordion__panel>ul a,
.additional-content>p a,
.form__message-wrap p a,
.input-checkbox__legend a,
.input-date__label a,
.input-file__label a,
.input-radio__legend a,
.input-select__label a,
.input-text__label a,
.input-textarea__label a,
.insider-cta__advantages p a,
.insider-cta__advantages ul a,
.insider-cta__introduction a,
.link,
.link a,
.mjf-list a,
.modal-benefit__content-desc>ol a,
.modal-benefit__content-desc>p a,
.modal-benefit__content-desc>ul a,
.modal-benefit__form-desc a,
.modal-benefit__form-title a,
.my-section--message .message__text p a,
.my-section--package .subscription__item__text a,
.my-section--welcome .welcome__text p a,
.my-section__content__intro a,
.option-group__legend a,
.p a,
.paywall__advantages p a,
.paywall__advantages ul a,
.programme__content-column .programme__schedule .programme__stage.is-details-visible .programme__stage-details p a,
.programme__content-column__soon p a,
.programme__header__column-stages .programme__stage-details p a,
.socials__cta a,
.typography>ol a,
.typography>p a,
.typography>ul a,
.video__caption a,
.wp-block-mjf-article-excerpt a,
.wp-block-supt-column-main>ol a,
.wp-block-supt-column-main>p a,
.wp-block-supt-column-main>ul a,
.wp-block-supt-column-side>ol a,
.wp-block-supt-column-side>p a,
.wp-block-supt-column-side>ul a {
    position: relative;
    cursor: pointer;
    display: inline;
    padding-top: 4px;
    text-decoration: none;
    color: inherit;
    border-bottom: 1px solid;
    background-image: linear-gradient(#fffe54, #fffe54);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 100% 0;
    transition: border-bottom-width .2s ease-out, border-bottom-color .2s ease-out, background-size .2s ease-out, background-image .2s ease-out
}

.accordion__panel>ol a:hover,
.accordion__panel>p a:hover,
.accordion__panel>ul a:hover,
.additional-content>p a:hover,
.form__message-wrap p a:hover,
.input-checkbox__legend a:hover,
.input-date__label a:hover,
.input-file__label a:hover,
.input-radio__legend a:hover,
.input-select__label a:hover,
.input-text__label a:hover,
.input-textarea__label a:hover,
.insider-cta__advantages p a:hover,
.insider-cta__advantages ul a:hover,
.insider-cta__introduction a:hover,
.link:hover,
.link a:hover,
.mjf-list a:hover,
.modal-benefit__content-desc>ol a:hover,
.modal-benefit__content-desc>p a:hover,
.modal-benefit__content-desc>ul a:hover,
.modal-benefit__form-desc a:hover,
.modal-benefit__form-title a:hover,
.my-section--message .message__text p a:hover,
.my-section--package .subscription__item__text a:hover,
.my-section--welcome .welcome__text p a:hover,
.my-section__content__intro a:hover,
.option-group__legend a:hover,
.p a:hover,
.paywall__advantages p a:hover,
.paywall__advantages ul a:hover,
.programme__content-column .programme__schedule .programme__stage.is-details-visible .programme__stage-details p a:hover,
.programme__content-column__soon p a:hover,
.programme__header__column-stages .programme__stage-details p a:hover,
.socials__cta a:hover,
.typography>ol a:hover,
.typography>p a:hover,
.typography>ul a:hover,
.video__caption a:hover,
.wp-block-mjf-article-excerpt a:hover,
.wp-block-supt-column-main>ol a:hover,
.wp-block-supt-column-main>p a:hover,
.wp-block-supt-column-main>ul a:hover,
.wp-block-supt-column-side>ol a:hover,
.wp-block-supt-column-side>p a:hover,
.wp-block-supt-column-side>ul a:hover {
    background-size: 100% 100%;
    border-bottom-color: #fffe54
}

.accordion__panel>ol a:active,
.accordion__panel>p a:active,
.accordion__panel>ul a:active,
.additional-content>p a:active,
.form__message-wrap p a:active,
.input-checkbox__legend a:active,
.input-date__label a:active,
.input-file__label a:active,
.input-radio__legend a:active,
.input-select__label a:active,
.input-text__label a:active,
.input-textarea__label a:active,
.insider-cta__advantages p a:active,
.insider-cta__advantages ul a:active,
.insider-cta__introduction a:active,
.link:active,
.link a:active,
.mjf-list a:active,
.modal-benefit__content-desc>ol a:active,
.modal-benefit__content-desc>p a:active,
.modal-benefit__content-desc>ul a:active,
.modal-benefit__form-desc a:active,
.modal-benefit__form-title a:active,
.my-section--message .message__text p a:active,
.my-section--package .subscription__item__text a:active,
.my-section--welcome .welcome__text p a:active,
.my-section__content__intro a:active,
.option-group__legend a:active,
.p a:active,
.paywall__advantages p a:active,
.paywall__advantages ul a:active,
.programme__content-column .programme__schedule .programme__stage.is-details-visible .programme__stage-details p a:active,
.programme__content-column__soon p a:active,
.programme__header__column-stages .programme__stage-details p a:active,
.socials__cta a:active,
.typography>ol a:active,
.typography>p a:active,
.typography>ul a:active,
.video__caption a:active,
.wp-block-mjf-article-excerpt a:active,
.wp-block-supt-column-main>ol a:active,
.wp-block-supt-column-main>p a:active,
.wp-block-supt-column-main>ul a:active,
.wp-block-supt-column-side>ol a:active,
.wp-block-supt-column-side>p a:active,
.wp-block-supt-column-side>ul a:active {
    background-size: 100% 100%;
    background-image: linear-gradient(#ffed3b, #ffed3b);
    border-bottom-color: #ffed3b
}

.accordion__panel>ol a:focus,
.accordion__panel>p a:focus,
.accordion__panel>ul a:focus,
.additional-content>p a:focus,
.form__message-wrap p a:focus,
.input-checkbox__legend a:focus,
.input-date__label a:focus,
.input-file__label a:focus,
.input-radio__legend a:focus,
.input-select__label a:focus,
.input-text__label a:focus,
.input-textarea__label a:focus,
.insider-cta__advantages p a:focus,
.insider-cta__advantages ul a:focus,
.insider-cta__introduction a:focus,
.link:focus,
.link a:focus,
.mjf-list a:focus,
.modal-benefit__content-desc>ol a:focus,
.modal-benefit__content-desc>p a:focus,
.modal-benefit__content-desc>ul a:focus,
.modal-benefit__form-desc a:focus,
.modal-benefit__form-title a:focus,
.my-section--message .message__text p a:focus,
.my-section--package .subscription__item__text a:focus,
.my-section--welcome .welcome__text p a:focus,
.my-section__content__intro a:focus,
.option-group__legend a:focus,
.p a:focus,
.paywall__advantages p a:focus,
.paywall__advantages ul a:focus,
.programme__content-column .programme__schedule .programme__stage.is-details-visible .programme__stage-details p a:focus,
.programme__content-column__soon p a:focus,
.programme__header__column-stages .programme__stage-details p a:focus,
.socials__cta a:focus,
.typography>ol a:focus,
.typography>p a:focus,
.typography>ul a:focus,
.video__caption a:focus,
.wp-block-mjf-article-excerpt a:focus,
.wp-block-supt-column-main>ol a:focus,
.wp-block-supt-column-main>p a:focus,
.wp-block-supt-column-main>ul a:focus,
.wp-block-supt-column-side>ol a:focus,
.wp-block-supt-column-side>p a:focus,
.wp-block-supt-column-side>ul a:focus {
    border-bottom-width: 3px
}

.accordion__panel>ol,
.accordion__panel>ul,
.insider-cta__advantages ul,
.mjf-list,
.modal-benefit__content-desc>ol,
.modal-benefit__content-desc>ul,
.paywall__advantages ul,
.typography>ol,
.typography>ul,
.wp-block-supt-column-main>ol,
.wp-block-supt-column-main>ul,
.wp-block-supt-column-side>ol,
.wp-block-supt-column-side>ul {
    list-style-type: none
}

.accordion__panel>ol ol,
.accordion__panel>ol ul,
.accordion__panel>ul ol,
.accordion__panel>ul ul,
.insider-cta__advantages ul ol,
.insider-cta__advantages ul ul,
.mjf-list ol,
.mjf-list ul,
.modal-benefit__content-desc>ol ol,
.modal-benefit__content-desc>ol ul,
.modal-benefit__content-desc>ul ol,
.modal-benefit__content-desc>ul ul,
.paywall__advantages ul ol,
.paywall__advantages ul ul,
.typography>ol ol,
.typography>ol ul,
.typography>ul ol,
.typography>ul ul,
.wp-block-supt-column-main>ol ol,
.wp-block-supt-column-main>ol ul,
.wp-block-supt-column-main>ul ol,
.wp-block-supt-column-main>ul ul,
.wp-block-supt-column-side>ol ol,
.wp-block-supt-column-side>ol ul,
.wp-block-supt-column-side>ul ol,
.wp-block-supt-column-side>ul ul {
    list-style: none
}

@media (max-width:374px) {

    .accordion__panel>ol ol,
    .accordion__panel>ol ul,
    .accordion__panel>ul ol,
    .accordion__panel>ul ul,
    .insider-cta__advantages ul ol,
    .insider-cta__advantages ul ul,
    .mjf-list ol,
    .mjf-list ul,
    .modal-benefit__content-desc>ol ol,
    .modal-benefit__content-desc>ol ul,
    .modal-benefit__content-desc>ul ol,
    .modal-benefit__content-desc>ul ul,
    .paywall__advantages ul ol,
    .paywall__advantages ul ul,
    .typography>ol ol,
    .typography>ol ul,
    .typography>ul ol,
    .typography>ul ul,
    .wp-block-supt-column-main>ol ol,
    .wp-block-supt-column-main>ol ul,
    .wp-block-supt-column-main>ul ol,
    .wp-block-supt-column-main>ul ul,
    .wp-block-supt-column-side>ol ol,
    .wp-block-supt-column-side>ol ul,
    .wp-block-supt-column-side>ul ol,
    .wp-block-supt-column-side>ul ul {
        margin-top: 12px;
        margin-bottom: 12px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .accordion__panel>ol ol,
    .accordion__panel>ol ul,
    .accordion__panel>ul ol,
    .accordion__panel>ul ul,
    .insider-cta__advantages ul ol,
    .insider-cta__advantages ul ul,
    .mjf-list ol,
    .mjf-list ul,
    .modal-benefit__content-desc>ol ol,
    .modal-benefit__content-desc>ol ul,
    .modal-benefit__content-desc>ul ol,
    .modal-benefit__content-desc>ul ul,
    .paywall__advantages ul ol,
    .paywall__advantages ul ul,
    .typography>ol ol,
    .typography>ol ul,
    .typography>ul ol,
    .typography>ul ul,
    .wp-block-supt-column-main>ol ol,
    .wp-block-supt-column-main>ol ul,
    .wp-block-supt-column-main>ul ol,
    .wp-block-supt-column-main>ul ul,
    .wp-block-supt-column-side>ol ol,
    .wp-block-supt-column-side>ol ul,
    .wp-block-supt-column-side>ul ol,
    .wp-block-supt-column-side>ul ul {
        margin-top: calc(10.85057px + .30651vw);
        margin-bottom: calc(10.85057px + .30651vw)
    }
}

@media (min-width:1680px) {

    .accordion__panel>ol ol,
    .accordion__panel>ol ul,
    .accordion__panel>ul ol,
    .accordion__panel>ul ul,
    .insider-cta__advantages ul ol,
    .insider-cta__advantages ul ul,
    .mjf-list ol,
    .mjf-list ul,
    .modal-benefit__content-desc>ol ol,
    .modal-benefit__content-desc>ol ul,
    .modal-benefit__content-desc>ul ol,
    .modal-benefit__content-desc>ul ul,
    .paywall__advantages ul ol,
    .paywall__advantages ul ul,
    .typography>ol ol,
    .typography>ol ul,
    .typography>ul ol,
    .typography>ul ul,
    .wp-block-supt-column-main>ol ol,
    .wp-block-supt-column-main>ol ul,
    .wp-block-supt-column-main>ul ol,
    .wp-block-supt-column-main>ul ul,
    .wp-block-supt-column-side>ol ol,
    .wp-block-supt-column-side>ol ul,
    .wp-block-supt-column-side>ul ol,
    .wp-block-supt-column-side>ul ul {
        margin-top: 16px;
        margin-bottom: 16px
    }
}

.accordion__panel>ol li,
.accordion__panel>ul li,
.insider-cta__advantages ul li,
.mjf-list li,
.modal-benefit__content-desc>ol li,
.modal-benefit__content-desc>ul li,
.paywall__advantages ul li,
.typography>ol li,
.typography>ul li,
.wp-block-supt-column-main>ol li,
.wp-block-supt-column-main>ul li,
.wp-block-supt-column-side>ol li,
.wp-block-supt-column-side>ul li {
    position: relative;
    margin-top: 12px;
    padding-left: 1.1em
}

.accordion__panel>ol li:before,
.accordion__panel>ul li:before,
.insider-cta__advantages ul li:before,
.mjf-list li:before,
.modal-benefit__content-desc>ol li:before,
.modal-benefit__content-desc>ul li:before,
.paywall__advantages ul li:before,
.typography>ol li:before,
.typography>ul li:before,
.wp-block-supt-column-main>ol li:before,
.wp-block-supt-column-main>ul li:before,
.wp-block-supt-column-side>ol li:before,
.wp-block-supt-column-side>ul li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    text-align: left
}

.accordion__panel>ol li:first-child,
.accordion__panel>ul li:first-child,
.insider-cta__advantages ul li:first-child,
.mjf-list li:first-child,
.modal-benefit__content-desc>ol li:first-child,
.modal-benefit__content-desc>ul li:first-child,
.paywall__advantages ul li:first-child,
.typography>ol li:first-child,
.typography>ul li:first-child,
.wp-block-supt-column-main>ol li:first-child,
.wp-block-supt-column-main>ul li:first-child,
.wp-block-supt-column-side>ol li:first-child,
.wp-block-supt-column-side>ul li:first-child {
    margin-top: 0
}

.accordion__panel>ol ul>li:before,
.accordion__panel>ul ul>li:before,
.insider-cta__advantages ul ul>li:before,
.mjf-list ul>li:before,
.modal-benefit__content-desc>ol ul>li:before,
.modal-benefit__content-desc>ul ul>li:before,
.paywall__advantages ul ul>li:before,
.typography>ol ul>li:before,
.typography>ul ul>li:before,
.wp-block-supt-column-main>ol ul>li:before,
.wp-block-supt-column-main>ul ul>li:before,
.wp-block-supt-column-side>ol ul>li:before,
.wp-block-supt-column-side>ul ul>li:before {
    top: .55em;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #707070
}

.accordion__panel>ol ol,
.accordion__panel>ul ol,
.insider-cta__advantages ul ol,
.mjf-list ol,
.modal-benefit__content-desc>ol ol,
.modal-benefit__content-desc>ul ol,
.paywall__advantages ul ol,
.typography>ol ol,
.typography>ul ol,
.wp-block-supt-column-main>ol ol,
.wp-block-supt-column-main>ul ol,
.wp-block-supt-column-side>ol ol,
.wp-block-supt-column-side>ul ol {
    counter-reset: li
}

.accordion__panel>ol ol>li:before,
.accordion__panel>ul ol>li:before,
.insider-cta__advantages ul ol>li:before,
.mjf-list ol>li:before,
.modal-benefit__content-desc>ol ol>li:before,
.modal-benefit__content-desc>ul ol>li:before,
.paywall__advantages ul ol>li:before,
.typography>ol ol>li:before,
.typography>ul ol>li:before,
.wp-block-supt-column-main>ol ol>li:before,
.wp-block-supt-column-main>ul ol>li:before,
.wp-block-supt-column-side>ol ol>li:before,
.wp-block-supt-column-side>ul ol>li:before {
    counter-increment: li;
    content: counter(li, lower-alpha) ".";
    color: #707070 !important;
    font-weight: 700 !important
}

.accordion__panel>ol,
.modal-benefit__content-desc>ol,
.typography>ol,
.wp-block-supt-column-main>ol,
.wp-block-supt-column-side>ol,
ol.mjf-list {
    counter-reset: li
}

.accordion__panel>ol>li:nth-child(n+10),
.modal-benefit__content-desc>ol>li:nth-child(n+10),
.typography>ol>li:nth-child(n+10),
.wp-block-supt-column-main>ol>li:nth-child(n+10),
.wp-block-supt-column-side>ol>li:nth-child(n+10),
ol.mjf-list>li:nth-child(n+10) {
    padding-left: 1.6em
}

.accordion__panel>ol>li:before,
.modal-benefit__content-desc>ol>li:before,
.typography>ol>li:before,
.wp-block-supt-column-main>ol>li:before,
.wp-block-supt-column-side>ol>li:before,
ol.mjf-list>li:before {
    counter-increment: li;
    content: counter(li) ".";
    color: #000;
    font-weight: 700 !important
}

.accordion__panel>ul>li:before,
.insider-cta__advantages ul>li:before,
.modal-benefit__content-desc>ul>li:before,
.paywall__advantages ul>li:before,
.typography>ul>li:before,
.wp-block-supt-column-main>ul>li:before,
.wp-block-supt-column-side>ul>li:before,
ul.mjf-list>li:before {
    top: .5em;
    width: 6px;
    height: 6px;
    background-image: url(/wp-content/themes/mjf/static/img/icons/pick.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

@media (min-width:768px) {

    .accordion__panel>ul>li:before,
    .insider-cta__advantages ul>li:before,
    .modal-benefit__content-desc>ul>li:before,
    .paywall__advantages ul>li:before,
    .typography>ul>li:before,
    .wp-block-supt-column-main>ul>li:before,
    .wp-block-supt-column-side>ul>li:before,
    ul.mjf-list>li:before {
        width: 8px;
        height: 8px
    }
}

.accordion__panel>ol,
.accordion__panel>p,
.accordion__panel>ul,
.additional-content>p,
.form__message-wrap p,
.insider-cta__advantages p,
.insider-cta__advantages ul,
.insider-cta__introduction,
.link,
.mjf-list,
.modal-benefit__content-desc>ol,
.modal-benefit__content-desc>p,
.modal-benefit__content-desc>ul,
.modal-benefit__form-desc,
.modal-benefit__form-title,
.my-section--message .message__text p,
.my-section--package .subscription__item__text,
.my-section--welcome .welcome__text p,
.my-section__content__intro,
.p,
.paywall__advantages p,
.paywall__advantages ul,
.programme__content-column__soon p,
.socials__cta,
.typography>ol,
.typography>p,
.typography>ul,
.video__caption,
.wp-block-mjf-article-excerpt,
.wp-block-supt-column-main>ol,
.wp-block-supt-column-main>p,
.wp-block-supt-column-main>ul,
.wp-block-supt-column-side>ol,
.wp-block-supt-column-side>p,
.wp-block-supt-column-side>ul {
    color: #000;

    font-weight: 300;
    line-height: 1.6;
    font-size: clamp(1rem, 0.913rem + 0.4348vw, 1.25rem) !important;
}

@media (max-width:374px) {

    .accordion__panel>ol,
    .accordion__panel>p,
    .accordion__panel>ul,
    .additional-content>p,
    .form__message-wrap p,
    .insider-cta__advantages p,
    .insider-cta__advantages ul,
    .insider-cta__introduction,
    .link,
    .mjf-list,
    .modal-benefit__content-desc>ol,
    .modal-benefit__content-desc>p,
    .modal-benefit__content-desc>ul,
    .modal-benefit__form-desc,
    .modal-benefit__form-title,
    .my-section--message .message__text p,
    .my-section--package .subscription__item__text,
    .my-section--welcome .welcome__text p,
    .my-section__content__intro,
    .p,
    .paywall__advantages p,
    .paywall__advantages ul,
    .programme__content-column__soon p,
    .socials__cta,
    .typography>ol,
    .typography>p,
    .typography>ul,
    .video__caption,
    .wp-block-mjf-article-excerpt,
    .wp-block-supt-column-main>ol,
    .wp-block-supt-column-main>p,
    .wp-block-supt-column-main>ul,
    .wp-block-supt-column-side>ol,
    .wp-block-supt-column-side>p,
    .wp-block-supt-column-side>ul {
        font-size: 16px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .accordion__panel>ol,
    .accordion__panel>p,
    .accordion__panel>ul,
    .additional-content>p,
    .form__message-wrap p,
    .insider-cta__advantages p,
    .insider-cta__advantages ul,
    .insider-cta__introduction,
    .link,
    .mjf-list,
    .modal-benefit__content-desc>ol,
    .modal-benefit__content-desc>p,
    .modal-benefit__content-desc>ul,
    .modal-benefit__form-desc,
    .modal-benefit__form-title,
    .my-section--message .message__text p,
    .my-section--package .subscription__item__text,
    .my-section--welcome .welcome__text p,
    .my-section__content__intro,
    .p,
    .paywall__advantages p,
    .paywall__advantages ul,
    .programme__content-column__soon p,
    .socials__cta,
    .typography>ol,
    .typography>p,
    .typography>ul,
    .video__caption,
    .wp-block-mjf-article-excerpt,
    .wp-block-supt-column-main>ol,
    .wp-block-supt-column-main>p,
    .wp-block-supt-column-main>ul,
    .wp-block-supt-column-side>ol,
    .wp-block-supt-column-side>p,
    .wp-block-supt-column-side>ul {
        font-size: calc(14.85057px + .30651vw)
    }
}

@media (min-width:1680px) and (max-width:2559px) {

    .accordion__panel>ol,
    .accordion__panel>p,
    .accordion__panel>ul,
    .additional-content>p,
    .form__message-wrap p,
    .insider-cta__advantages p,
    .insider-cta__advantages ul,
    .insider-cta__introduction,
    .link,
    .mjf-list,
    .modal-benefit__content-desc>ol,
    .modal-benefit__content-desc>p,
    .modal-benefit__content-desc>ul,
    .modal-benefit__form-desc,
    .modal-benefit__form-title,
    .my-section--message .message__text p,
    .my-section--package .subscription__item__text,
    .my-section--welcome .welcome__text p,
    .my-section__content__intro,
    .p,
    .paywall__advantages p,
    .paywall__advantages ul,
    .programme__content-column__soon p,
    .socials__cta,
    .typography>ol,
    .typography>p,
    .typography>ul,
    .video__caption,
    .wp-block-mjf-article-excerpt,
    .wp-block-supt-column-main>ol,
    .wp-block-supt-column-main>p,
    .wp-block-supt-column-main>ul,
    .wp-block-supt-column-side>ol,
    .wp-block-supt-column-side>p,
    .wp-block-supt-column-side>ul {
        font-size: calc(8.54545px + .68182vw)
    }
}

@media (min-width:2560px) {

    .accordion__panel>ol,
    .accordion__panel>p,
    .accordion__panel>ul,
    .additional-content>p,
    .form__message-wrap p,
    .insider-cta__advantages p,
    .insider-cta__advantages ul,
    .insider-cta__introduction,
    .link,
    .mjf-list,
    .modal-benefit__content-desc>ol,
    .modal-benefit__content-desc>p,
    .modal-benefit__content-desc>ul,
    .modal-benefit__form-desc,
    .modal-benefit__form-title,
    .my-section--message .message__text p,
    .my-section--package .subscription__item__text,
    .my-section--welcome .welcome__text p,
    .my-section__content__intro,
    .p,
    .paywall__advantages p,
    .paywall__advantages ul,
    .programme__content-column__soon p,
    .socials__cta,
    .typography>ol,
    .typography>p,
    .typography>ul,
    .video__caption,
    .wp-block-mjf-article-excerpt,
    .wp-block-supt-column-main>ol,
    .wp-block-supt-column-main>p,
    .wp-block-supt-column-main>ul,
    .wp-block-supt-column-side>ol,
    .wp-block-supt-column-side>p,
    .wp-block-supt-column-side>ul {
        font-size: 26px
    }
}

.accordion__panel>ol b,
.accordion__panel>ol strong,
.accordion__panel>p b,
.accordion__panel>p strong,
.accordion__panel>ul b,
.accordion__panel>ul strong,
.additional-content>p b,
.additional-content>p strong,
.form__message-wrap p b,
.form__message-wrap p strong,
.insider-cta__advantages p b,
.insider-cta__advantages p strong,
.insider-cta__advantages ul b,
.insider-cta__advantages ul strong,
.insider-cta__introduction b,
.insider-cta__introduction strong,
.link b,
.link strong,
.mjf-list b,
.mjf-list strong,
.modal-benefit__content-desc>ol b,
.modal-benefit__content-desc>ol strong,
.modal-benefit__content-desc>p b,
.modal-benefit__content-desc>p strong,
.modal-benefit__content-desc>ul b,
.modal-benefit__content-desc>ul strong,
.modal-benefit__form-desc b,
.modal-benefit__form-desc strong,
.modal-benefit__form-title b,
.modal-benefit__form-title strong,
.my-section--message .message__text p b,
.my-section--message .message__text p strong,
.my-section--package .subscription__item__text b,
.my-section--package .subscription__item__text strong,
.my-section--welcome .welcome__text p b,
.my-section--welcome .welcome__text p strong,
.my-section__content__intro b,
.my-section__content__intro strong,
.paywall__advantages p b,
.paywall__advantages p strong,
.paywall__advantages ul b,
.paywall__advantages ul strong,
.p b,
.programme__content-column__soon p b,
.programme__content-column__soon p strong,
.p strong,
.socials__cta b,
.socials__cta strong,
.typography>ol b,
.typography>ol strong,
.typography>p b,
.typography>p strong,
.typography>ul b,
.typography>ul strong,
.video__caption b,
.video__caption strong,
.wp-block-mjf-article-excerpt b,
.wp-block-mjf-article-excerpt strong,
.wp-block-supt-column-main>ol b,
.wp-block-supt-column-main>ol strong,
.wp-block-supt-column-main>p b,
.wp-block-supt-column-main>p strong,
.wp-block-supt-column-main>ul b,
.wp-block-supt-column-main>ul strong,
.wp-block-supt-column-side>ol b,
.wp-block-supt-column-side>ol strong,
.wp-block-supt-column-side>p b,
.wp-block-supt-column-side>p strong,
.wp-block-supt-column-side>ul b,
.wp-block-supt-column-side>ul strong {
    font-weight: 700
}

.accordion__panel>ol em,
.accordion__panel>ol i,
.accordion__panel>p em,
.accordion__panel>p i,
.accordion__panel>ul em,
.accordion__panel>ul i,
.additional-content>p em,
.additional-content>p i,
.form__message-wrap p em,
.form__message-wrap p i,
.insider-cta__advantages p em,
.insider-cta__advantages p i,
.insider-cta__advantages ul em,
.insider-cta__advantages ul i,
.insider-cta__introduction em,
.insider-cta__introduction i,
.link em,
.link i,
.mjf-list em,
.mjf-list i,
.modal-benefit__content-desc>ol em,
.modal-benefit__content-desc>ol i,
.modal-benefit__content-desc>p em,
.modal-benefit__content-desc>p i,
.modal-benefit__content-desc>ul em,
.modal-benefit__content-desc>ul i,
.modal-benefit__form-desc em,
.modal-benefit__form-desc i,
.modal-benefit__form-title em,
.modal-benefit__form-title i,
.my-section--message .message__text p em,
.my-section--message .message__text p i,
.my-section--package .subscription__item__text em,
.my-section--package .subscription__item__text i,
.my-section--welcome .welcome__text p em,
.my-section--welcome .welcome__text p i,
.my-section__content__intro em,
.my-section__content__intro i,
.paywall__advantages p em,
.paywall__advantages p i,
.paywall__advantages ul em,
.paywall__advantages ul i,
.p em,
.p i,
.programme__content-column__soon p em,
.programme__content-column__soon p i,
.socials__cta em,
.socials__cta i,
.typography>ol em,
.typography>ol i,
.typography>p em,
.typography>p i,
.typography>ul em,
.typography>ul i,
.video__caption em,
.video__caption i,
.wp-block-mjf-article-excerpt em,
.wp-block-mjf-article-excerpt i,
.wp-block-supt-column-main>ol em,
.wp-block-supt-column-main>ol i,
.wp-block-supt-column-main>p em,
.wp-block-supt-column-main>p i,
.wp-block-supt-column-main>ul em,
.wp-block-supt-column-main>ul i,
.wp-block-supt-column-side>ol em,
.wp-block-supt-column-side>ol i,
.wp-block-supt-column-side>p em,
.wp-block-supt-column-side>p i,
.wp-block-supt-column-side>ul em,
.wp-block-supt-column-side>ul i {
    font-style: italic
}

.accordion__panel>p.p--lead,
.modal-benefit__content-desc>p.p--lead,
.p.p--lead,
.typography>p.p--lead,
.wp-block-mjf-article-excerpt,
.wp-block-supt-column-main>p.p--lead,
.wp-block-supt-column-side>p.p--lead {
    line-height: 1.5
}

@media (max-width:374px) {

    .accordion__panel>p.p--lead,
    .modal-benefit__content-desc>p.p--lead,
    .p.p--lead,
    .typography>p.p--lead,
    .wp-block-mjf-article-excerpt,
    .wp-block-supt-column-main>p.p--lead,
    .wp-block-supt-column-side>p.p--lead {
        font-size: 20px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .accordion__panel>p.p--lead,
    .modal-benefit__content-desc>p.p--lead,
    .p.p--lead,
    .typography>p.p--lead,
    .wp-block-mjf-article-excerpt,
    .wp-block-supt-column-main>p.p--lead,
    .wp-block-supt-column-side>p.p--lead {
        font-size: calc(18.27586px + .45977vw)
    }
}

@media (min-width:1680px) and (max-width:2559px) {

    .accordion__panel>p.p--lead,
    .modal-benefit__content-desc>p.p--lead,
    .p.p--lead,
    .typography>p.p--lead,
    .wp-block-mjf-article-excerpt,
    .wp-block-supt-column-main>p.p--lead,
    .wp-block-supt-column-side>p.p--lead {
        font-size: calc(10.72727px + .90909vw)
    }
}

@media (min-width:2560px) {

    .accordion__panel>p.p--lead,
    .modal-benefit__content-desc>p.p--lead,
    .p.p--lead,
    .typography>p.p--lead,
    .wp-block-mjf-article-excerpt,
    .wp-block-supt-column-main>p.p--lead,
    .wp-block-supt-column-side>p.p--lead {
        font-size: 34px
    }
}

.my-section--benefits .benefits-list__empty__title,
.my-section__title {

    font-weight: 700;
    color: #000
}

@media (max-width:374px) {

    .my-section--benefits .benefits-list__empty__title,
    .my-section__title {
        font-size: 18px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .my-section--benefits .benefits-list__empty__title,
    .my-section__title {
        font-size: calc(16.27586px + .45977vw)
    }
}

@media (min-width:1680px) {

    .my-section--benefits .benefits-list__empty__title,
    .my-section__title {
        font-size: 24px
    }
}

@media (max-width:374px) {

    .my-section--benefits .benefits-list__empty__title,
    .my-section__title {
        line-height: 26px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .my-section--benefits .benefits-list__empty__title,
    .my-section__title {
        line-height: calc(24.27586px + .45977vw)
    }
}

@media (min-width:1680px) {

    .my-section--benefits .benefits-list__empty__title,
    .my-section__title {
        line-height: 32px
    }
}

.my-section--benefits .benefits-list__empty__text {

    font-weight: 400;
    color: #000
}

@media (max-width:374px) {
    .my-section--benefits .benefits-list__empty__text {
        font-size: 16px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .my-section--benefits .benefits-list__empty__text {
        font-size: calc(15.42529px + .15326vw)
    }
}

@media (min-width:1680px) {
    .my-section--benefits .benefits-list__empty__text {
        font-size: 18px
    }
}

@media (max-width:374px) {
    .my-section--benefits .benefits-list__empty__text {
        line-height: 23px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .my-section--benefits .benefits-list__empty__text {
        line-height: calc(22.42529px + .15326vw)
    }
}

@media (min-width:1680px) {
    .my-section--benefits .benefits-list__empty__text {
        line-height: 25px
    }
}

.insider-cta__uptitle,
.paywall__uptitle {

    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #000
}

.insider-cta__title,
.my-section--message .message__text h1,
.my-section--message .message__text h2,
.my-section--message .message__text h3,
.my-section--message .message__text h4,
.my-section--message .message__text h5,
.my-section--message .message__text h6,
.my-section--welcome .welcome__text h1,
.my-section--welcome .welcome__text h2,
.my-section--welcome .welcome__text h3,
.my-section--welcome .welcome__text h4,
.my-section--welcome .welcome__text h5,
.my-section--welcome .welcome__text h6,
.paywall--user-dashboard .paywall__title {

    font-weight: 400;
    color: #000
}

@media (max-width:374px) {

    .insider-cta__title,
    .my-section--message .message__text h1,
    .my-section--message .message__text h2,
    .my-section--message .message__text h3,
    .my-section--message .message__text h4,
    .my-section--message .message__text h5,
    .my-section--message .message__text h6,
    .my-section--welcome .welcome__text h1,
    .my-section--welcome .welcome__text h2,
    .my-section--welcome .welcome__text h3,
    .my-section--welcome .welcome__text h4,
    .my-section--welcome .welcome__text h5,
    .my-section--welcome .welcome__text h6,
    .paywall--user-dashboard .paywall__title {
        font-size: 28px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .insider-cta__title,
    .my-section--message .message__text h1,
    .my-section--message .message__text h2,
    .my-section--message .message__text h3,
    .my-section--message .message__text h4,
    .my-section--message .message__text h5,
    .my-section--message .message__text h6,
    .my-section--welcome .welcome__text h1,
    .my-section--welcome .welcome__text h2,
    .my-section--welcome .welcome__text h3,
    .my-section--welcome .welcome__text h4,
    .my-section--welcome .welcome__text h5,
    .my-section--welcome .welcome__text h6,
    .paywall--user-dashboard .paywall__title {
        font-size: calc(25.70115px + .61303vw)
    }
}

@media (min-width:1680px) {

    .insider-cta__title,
    .my-section--message .message__text h1,
    .my-section--message .message__text h2,
    .my-section--message .message__text h3,
    .my-section--message .message__text h4,
    .my-section--message .message__text h5,
    .my-section--message .message__text h6,
    .my-section--welcome .welcome__text h1,
    .my-section--welcome .welcome__text h2,
    .my-section--welcome .welcome__text h3,
    .my-section--welcome .welcome__text h4,
    .my-section--welcome .welcome__text h5,
    .my-section--welcome .welcome__text h6,
    .paywall--user-dashboard .paywall__title {
        font-size: 36px
    }
}

@media (max-width:374px) {

    .insider-cta__title,
    .my-section--message .message__text h1,
    .my-section--message .message__text h2,
    .my-section--message .message__text h3,
    .my-section--message .message__text h4,
    .my-section--message .message__text h5,
    .my-section--message .message__text h6,
    .my-section--welcome .welcome__text h1,
    .my-section--welcome .welcome__text h2,
    .my-section--welcome .welcome__text h3,
    .my-section--welcome .welcome__text h4,
    .my-section--welcome .welcome__text h5,
    .my-section--welcome .welcome__text h6,
    .paywall--user-dashboard .paywall__title {
        line-height: 40px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .insider-cta__title,
    .my-section--message .message__text h1,
    .my-section--message .message__text h2,
    .my-section--message .message__text h3,
    .my-section--message .message__text h4,
    .my-section--message .message__text h5,
    .my-section--message .message__text h6,
    .my-section--welcome .welcome__text h1,
    .my-section--welcome .welcome__text h2,
    .my-section--welcome .welcome__text h3,
    .my-section--welcome .welcome__text h4,
    .my-section--welcome .welcome__text h5,
    .my-section--welcome .welcome__text h6,
    .paywall--user-dashboard .paywall__title {
        line-height: calc(38.27586px + .45977vw)
    }
}

@media (min-width:1680px) {

    .insider-cta__title,
    .my-section--message .message__text h1,
    .my-section--message .message__text h2,
    .my-section--message .message__text h3,
    .my-section--message .message__text h4,
    .my-section--message .message__text h5,
    .my-section--message .message__text h6,
    .my-section--welcome .welcome__text h1,
    .my-section--welcome .welcome__text h2,
    .my-section--welcome .welcome__text h3,
    .my-section--welcome .welcome__text h4,
    .my-section--welcome .welcome__text h5,
    .my-section--welcome .welcome__text h6,
    .paywall--user-dashboard .paywall__title {
        line-height: 46px
    }
}

.my-section--contact-details .personal-information__title,
.my-section--package .subscription__item__title,
.settings__title {

    font-weight: 700;
    color: #000
}

@media (max-width:374px) {

    .my-section--contact-details .personal-information__title,
    .my-section--package .subscription__item__title,
    .settings__title {
        font-size: 16px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .my-section--contact-details .personal-information__title,
    .my-section--package .subscription__item__title,
    .settings__title {
        font-size: calc(15.42529px + .15326vw)
    }
}

@media (min-width:1680px) {

    .my-section--contact-details .personal-information__title,
    .my-section--package .subscription__item__title,
    .settings__title {
        font-size: 18px
    }
}

@media (max-width:374px) {

    .my-section--contact-details .personal-information__title,
    .my-section--package .subscription__item__title,
    .settings__title {
        line-height: 28px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .my-section--contact-details .personal-information__title,
    .my-section--package .subscription__item__title,
    .settings__title {
        line-height: calc(26.85057px + .30651vw)
    }
}

@media (min-width:1680px) {

    .my-section--contact-details .personal-information__title,
    .my-section--package .subscription__item__title,
    .settings__title {
        line-height: 32px
    }
}

.modal-benefit__content-title,
.stripe-subscription__name {

    font-weight: 700;
    color: #000
}

@media (max-width:374px) {

    .modal-benefit__content-title,
    .stripe-subscription__name {
        font-size: 18px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .modal-benefit__content-title,
    .stripe-subscription__name {
        font-size: calc(16.85057px + .30651vw)
    }
}

@media (min-width:1680px) {

    .modal-benefit__content-title,
    .stripe-subscription__name {
        font-size: 22px
    }
}

@media (max-width:374px) {

    .modal-benefit__content-title,
    .stripe-subscription__name {
        line-height: 26px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .modal-benefit__content-title,
    .stripe-subscription__name {
        line-height: calc(24.27586px + .45977vw)
    }
}

@media (min-width:1680px) {

    .modal-benefit__content-title,
    .stripe-subscription__name {
        line-height: 32px
    }
}

.insider-cta__login,
.insider-cta__login a,
.paywall--article .paywall__subscribe__login,
.paywall--article .paywall__subscribe__login a {

    font-weight: 400;
    color: #707070
}

@media (max-width:374px) {

    .insider-cta__login,
    .insider-cta__login a,
    .paywall--article .paywall__subscribe__login,
    .paywall--article .paywall__subscribe__login a {
        font-size: 16px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .insider-cta__login,
    .insider-cta__login a,
    .paywall--article .paywall__subscribe__login,
    .paywall--article .paywall__subscribe__login a {
        font-size: calc(15.42529px + .15326vw)
    }
}

@media (min-width:1680px) {

    .insider-cta__login,
    .insider-cta__login a,
    .paywall--article .paywall__subscribe__login,
    .paywall--article .paywall__subscribe__login a {
        font-size: 18px
    }
}

@media (max-width:374px) {

    .insider-cta__login,
    .insider-cta__login a,
    .paywall--article .paywall__subscribe__login,
    .paywall--article .paywall__subscribe__login a {
        line-height: 25px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .insider-cta__login,
    .insider-cta__login a,
    .paywall--article .paywall__subscribe__login,
    .paywall--article .paywall__subscribe__login a {
        line-height: calc(25.28736px - .07663vw)
    }
}

@media (min-width:1680px) {

    .insider-cta__login,
    .insider-cta__login a,
    .paywall--article .paywall__subscribe__login,
    .paywall--article .paywall__subscribe__login a {
        line-height: 24px
    }
}

.action-tag {
    display: inline-flex;
    position: relative;
    padding-left: 24px;
    -webkit-user-select: none;
    user-select: none;

    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
    transition: padding-left .2s ease-out
}

@media (max-width:374px) {
    .action-tag {
        letter-spacing: .5px
    }
}

.action-tag:focus,
.action-tag:hover {
    padding-left: 34px
}

.action-tag:focus:before,
.action-tag:hover:before {
    transform: scaleX(1)
}

:focus>.action-tag,
:focus~.action-tag,
:hover>.action-tag,
:hover~.action-tag {
    padding-left: 34px
}

:focus>.action-tag:before,
:focus~.action-tag:before,
:hover>.action-tag:before,
:hover~.action-tag:before {
    transform: scaleX(1)
}

.action-tag:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 26px;
    height: 2px;
    background-color: #000;
    transform: scaleX(.6);
    transform-origin: left;
    transition: transform .2s ease-out
}

.action-tag__icon {
    display: none;
    position: absolute;
    right: 0;
    width: 16px;
    height: 16px;
    margin-top: -2px
}

.action-tag--external {
    padding-right: 18px
}

.action-tag--external .action-tag__icon {
    display: inline-block
}

.action-tag--inverted {
    color: #fff
}

.action-tag--inverted:before {
    background-color: #fff
}

.action-tag--inverted .action-tag__icon {
    fill: #fff
}

.artist-search-item {
    position: relative;
    display: flex;
    align-items: center;
    box-shadow: inset 0 0 0 1px transparent;
    transition: box-shadow .2s ease-out;
    -webkit-user-select: none;
    user-select: none
}

@media (max-width:374px) {
    .artist-search-item {
        padding-top: 6px;
        padding-bottom: 6px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .artist-search-item {
        padding-top: calc(4.85057px + .30651vw);
        padding-bottom: calc(4.85057px + .30651vw)
    }
}

@media (min-width:1680px) {
    .artist-search-item {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.artist-search-item:active {
    box-shadow: inset 0 0 0 1px transparent
}

.artist-search-item__img {
    overflow: hidden;
    position: relative;
    width: 64px;
    border-radius: 50%;
    flex-shrink: 0
}

@media (max-width:767px) {
    .artist-search-item__img {
        margin-right: 12px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .artist-search-item__img {
        margin-right: 1.5625vw
    }
}

@media (min-width:1024px) {
    .artist-search-item__img {
        margin-right: 16px
    }
}

.artist-search-item__img:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%
}

.artist-search-item__img>img {
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.artist-search-item__content {
    flex-grow: 1
}

.artist-search-item__name {
    font-weight: 700;
    line-height: 1.2
}

@media (max-width:767px) {
    .artist-search-item__name {
        font-size: 16px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .artist-search-item__name {
        font-size: calc(10px + .78125vw)
    }
}

@media (min-width:1024px) and (max-width:1679px) {
    .artist-search-item__name {
        font-size: calc(14.87805px + .30488vw)
    }
}

@media (min-width:1680px) {
    .artist-search-item__name {
        font-size: 20px
    }
}

.artist-search-item__link {
    border-bottom: 1px solid transparent;
    background-image: linear-gradient(#000, #000);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 100% 0;
    transition: border-bottom-color .2s ease-out, background-size .2s ease-out
}

.artist-search-item.is-focus .artist-search-item__link,
.artist-search-item__link:focus {
    border-bottom-color: #000;
    background-size: 100% 1px
}

.artist-search-item__link:active,
.artist-search-item__link:hover {
    border-bottom-color: #000
}

.artist-search-item__link:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.artist-search-item__count {
    font-size: 12px;
    line-height: 2;
    letter-spacing: 1px;
    text-transform: uppercase
}

.artist-search-item__tickets-tag {
    justify-self: end;
    pointer-events: none
}

@media (max-width:767px) {
    .artist-search-item__tickets-tag {
        margin-left: 5px
    }
}

@media (min-width:768px) and (max-width:1679px) {
    .artist-search-item__tickets-tag {
        margin-left: calc(-11px + 2.08333vw)
    }
}

@media (min-width:1680px) {
    .artist-search-item__tickets-tag {
        margin-left: 24px
    }
}

@media (max-width:767px) {
    .artist-search-item__tickets-tag {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .artist-search-item__tickets-tag {
        padding-left: 1.5625vw;
        padding-right: 1.5625vw
    }
}

@media (min-width:1024px) {
    .artist-search-item__tickets-tag {
        padding-left: 16px;
        padding-right: 16px
    }
}

.artist-search-item--no-result .artist-search-item__img {
    width: 0;
    height: 64px
}

.artist-search-item--no-result .artist-search-item__name {
    color: #707070;
    font-style: italic
}

.article-tags__more-toggle,
.card-package__link span,
.form__message-btn,
.input-file__label-btn,
.wp-block-button__link {
    display: inline-flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: text;
    z-index: 1;
    height: 40px;
    padding: 13px 14px 10px;

    font-weight: 700;
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #000;
    border: 1px solid transparent;
    transition: border-color .2s ease-out;
    overflow: hidden
}

.article-tags__more-toggle a,
.card-package__link span a,
.form__message-btn a,
.input-file__label-btn a,
.wp-block-button__link a {
    color: inherit
}

.article-tags__more-toggle[data-loadmore-article-list],
.article-tags__more-toggle[data-loadmore],
.article-tags__more-toggle[target=_blank]:not([disabled]),
.button--download .article-tags__more-toggle,
.button--download .card-package__link span,
.button--download .form__message-btn,
.button--download .input-file__label-btn,
.button--download .wp-block-button__link,
.button--external .article-tags__more-toggle,
.button--external .card-package__link span,
.button--external .form__message-btn,
.button--external .input-file__label-btn,
.button--external .wp-block-button__link,
.card-package__link .button--download span,
.card-package__link .button--external span,
.card-package__link span[data-loadmore-article-list],
.card-package__link span[data-loadmore],
.card-package__link span[target=_blank]:not([disabled]),
.form__message-btn[data-loadmore-article-list],
.form__message-btn[data-loadmore],
.form__message-btn[target=_blank]:not([disabled]),
.input-file__label-btn[data-loadmore-article-list],
.input-file__label-btn[data-loadmore],
.input-file__label-btn[target=_blank]:not([disabled]),
.wp-block-button__link[data-loadmore-article-list],
.wp-block-button__link[data-loadmore],
.wp-block-button__link[target=_blank]:not([disabled]) {
    white-space: nowrap;
    position: relative;
    padding-right: 34px;
}

.article-tags__more-toggle[data-loadmore-article-list]:after,
.article-tags__more-toggle[data-loadmore]:after,
.article-tags__more-toggle[target=_blank]:not([disabled]):after,
.button--download .article-tags__more-toggle:after,
.button--download .card-package__link span:after,
.button--download .form__message-btn:after,
.button--download .input-file__label-btn:after,
.button--download .wp-block-button__link:after,
.button--external .article-tags__more-toggle:after,
.button--external .card-package__link span:after,
.button--external .form__message-btn:after,
.button--external .input-file__label-btn:after,
.button--external .wp-block-button__link:after,
.card-package__link .button--download span:after,
.card-package__link .button--external span:after,
.card-package__link span[data-loadmore-article-list]:after,
.card-package__link span[data-loadmore]:after,
.card-package__link span[target=_blank]:not([disabled]):after,
.form__message-btn[data-loadmore-article-list]:after,
.form__message-btn[data-loadmore]:after,
.form__message-btn[target=_blank]:not([disabled]):after,
.input-file__label-btn[data-loadmore-article-list]:after,
.input-file__label-btn[data-loadmore]:after,
.input-file__label-btn[target=_blank]:not([disabled]):after,
.wp-block-button__link[data-loadmore-article-list]:after,
.wp-block-button__link[data-loadmore]:after,
.wp-block-button__link[target=_blank]:not([disabled]):after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 14px;
    width: 16px;
    height: 16px;
    margin-top: -1px;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.article-tags__more-toggle[target=_blank]:after,
.button--external .article-tags__more-toggle:after,
.button--external .card-package__link span:after,
.button--external .form__message-btn:after,
.button--external .input-file__label-btn:after,
.button--external .wp-block-button__link:after,
.card-package__link .button--external span:after,
.card-package__link span[target=_blank]:after,
.form__message-btn[target=_blank]:after,
.input-file__label-btn[target=_blank]:after,
.wp-block-button__link[target=_blank]:after {
    background-image: url(/wp-content/themes/mjf/static/img/external-link.svg)
}

.article-tags__more-toggle[data-loadmore-article-list]:after,
.article-tags__more-toggle[data-loadmore]:after,
.card-package__link span[data-loadmore-article-list]:after,
.card-package__link span[data-loadmore]:after,
.form__message-btn[data-loadmore-article-list]:after,
.form__message-btn[data-loadmore]:after,
.input-file__label-btn[data-loadmore-article-list]:after,
.input-file__label-btn[data-loadmore]:after,
.wp-block-button__link[data-loadmore-article-list]:after,
.wp-block-button__link[data-loadmore]:after {
    background-image: url(/wp-content/themes/mjf/static/img/arrow-load-more.svg)
}

.button--download .article-tags__more-toggle:after,
.button--download .card-package__link span:after,
.button--download .form__message-btn:after,
.button--download .input-file__label-btn:after,
.button--download .wp-block-button__link:after,
.card-package__link .button--download span:after {
    width: 9px;
    height: 12px;
    background-image: url(/wp-content/themes/mjf/static/img/download.svg)
}

.article-tags__more-toggle:before,
.card-package__link span:before,
.form__message-btn:before,
.input-file__label-btn:before,
.wp-block-button__link:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: -1;
    width: calc(100% + 1ch);
    background-color: #bf00ff;
    color: #fff;
    transition: transform .2s ease-out, background-color .2s ease-out;
    transform: translateY(0px) scaleY(0.02);
    transform-origin: bottom
}

.article-tags__more-toggle:hover:before,
.card-package__link span:hover:before,
.form__message-btn:hover:before,
.input-file__label-btn:hover:before,
.wp-block-button__link:hover:before {
    transform: translateY(0) scaleY(1)
}

.article-tags__more-toggle:focus,
.card-package__link span:focus,
.form__message-btn:focus,
.input-file__label-btn:focus,
.wp-block-button__link:focus {
    border-color: #000;
    border-width: 2px
}

.article-tags__more-toggle:focus:before,
.card-package__link span:focus:before,
.form__message-btn:focus:before,
.input-file__label-btn:focus:before,
.wp-block-button__link:focus:before {
    transform: translateY(0) scaleY(1)
}

.article-tags__more-toggle:active:before,
.card-package__link span:active:before,
.form__message-btn:active:before,
.input-file__label-btn:active:before,
.wp-block-button__link:active:before {
    transform: translateY(0) scaleY(1);
    background-color: #ffed3b
}

.article-tags__more-toggle:visited,
.card-package__link span:visited,
.form__message-btn:visited,
.input-file__label-btn:visited,
.wp-block-button__link:visited {
    color: #ffffff;
}

.card-package__link span,
.input-file__label-btn,
.wp-block-button.button--download .wp-block-button__link,
.wp-block-button.button--secondary .wp-block-button__link,
.wp-block-button.is-style-secondary .wp-block-button__link {
    font-size: 12px
}

.card-package__link span:before,
.input-file__label-btn:before,
.wp-block-button.button--download .wp-block-button__link:before,
.wp-block-button.button--secondary .wp-block-button__link:before,
.wp-block-button.is-style-secondary .wp-block-button__link:before {
    background-color: #dedede
}

.card-package__link span:active:before,
.input-file__label-btn:active:before,
.wp-block-button.button--download .wp-block-button__link:active:before,
.wp-block-button.button--secondary .wp-block-button__link:active:before,
.wp-block-button.is-style-secondary .wp-block-button__link:active:before {
    background-color: #cbcbcb
}

.wp-block-button.button--tertiary .wp-block-button__link {
    font-size: 12px;
    color: #ffffff;
    padding: 13px 20px 10px;
    border-radius: 50px;
    box-shadow: rgba(191, 0, 255, 0.35) 0px 5px 15px;
}

.wp-block-button.button--tertiary .wp-block-button__link:before {
    transform: scaleY(1) translateY(0)
}

.wp-block-button.button--tertiary .wp-block-button__link:hover:not([disabled]):before {
    background-color: #cc33ff;
}

.wp-block-button.button--faded .wp-block-button__link {
    color: #000
}

.wp-block-button.button--faded .wp-block-button__link:before {
    background-color: #efefef
}

.article-tags__more-toggle[disabled],
.card-package__link span[disabled],
.form__message-btn[disabled],
.input-file__label-btn[disabled],
.wp-block-button.button--disabled .wp-block-button__link,
.wp-block-button[disabled] .wp-block-button__link,
.wp-block-button__link[disabled] {
    pointer-events: none;
    color: #707070
}

.article-tags__more-toggle[disabled]:before,
.card-package__link span[disabled]:before,
.form__message-btn[disabled]:before,
.input-file__label-btn[disabled]:before,
.wp-block-button.button--disabled .wp-block-button__link:before,
.wp-block-button[disabled] .wp-block-button__link:before,
.wp-block-button__link[disabled]:before {
    background-color: #efefef
}

.my-section--insider .wp-block-button__link:before,
.wp-block-button.button--insider .wp-block-button__link:before {
    background-color: #b1ffcd
}

.my-section--insider .wp-block-button__link:active:before,
.my-section--insider .wp-block-button__link:hover:before,
.wp-block-button.button--insider .wp-block-button__link:active:before,
.wp-block-button.button--insider .wp-block-button__link:hover:before {
    background-color: #99e9b6 !important
}

.wp-block-button {
    font-size: 1em;
    background-color: initial;
    border: 0;
    border-radius: 0;
    outline: 0;
    -webkit-appearance: none;
    appearance: none;
    padding: 0;
    cursor: pointer;
    color: #000;
    cursor: default;
    display: inline-block
}

.wp-block-button::-moz-focus-inner {
    border: 0
}

.wp-block-button button {
    background-color: initial;
    border: none;
    border-radius: 0;
    outline: 0;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer
}

.wp-block-button__link {
    background-color: initial;
    border-radius: 0;
    text-align: inherit
}

.wp-block-button.button--download .wp-block-button__link {
    padding-right: 30px !important
}

.wp-block-button.is-loading {
    pointer-events: none;
    opacity: .7
}

.wp-block-button.button--insider[disabled] .wp-block-button__link:before {
    background-color: #efefef
}

.heading--card-title,
.heading--footer,
.heading--header,
.heading--section,
.heading--uptitle,
.heading--user-dashboard,
.paywall--article .paywall__title {
    margin: 0;
    padding: 0;
    color: inherit
}

.heading--uptitle {

    font-weight: 400;
    color: #000;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-variant-numeric: lining-nums
}

@media (max-width:374px) {
    .heading--uptitle {
        font-size: 18px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .heading--uptitle {
        font-size: calc(17.42529px + .15326vw)
    }
}

@media (min-width:1680px) {
    .heading--uptitle {
        font-size: 20px
    }
}

.heading--header {

    font-weight: 400;
    color: #000;
    font-variant-numeric: lining-nums
}

@media (max-width:374px) {
    .heading--header {
        font-size: 40px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .heading--header {
        font-size: calc(35.97701px + 1.0728vw)
    }
}

@media (min-width:1680px) and (max-width:2559px) {
    .heading--header {
        font-size: calc(27.27273px + 1.59091vw)
    }
}

@media (min-width:2560px) {
    .heading--header {
        font-size: 68px
    }
}

@media (max-width:374px) {
    .heading--header {
        line-height: 52px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .heading--header {
        line-height: calc(47.97701px + 1.0728vw)
    }
}

@media (min-width:1680px) and (max-width:2559px) {
    .heading--header {
        line-height: calc(24px + 2.5vw)
    }
}

@media (min-width:2560px) {
    .heading--header {
        line-height: 88px
    }
}

.heading--section {

    letter-spacing: .2px;
    color: #000
}

@media (max-width:374px) {
    .heading--section {
        font-size: 32px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .heading--section {
        font-size: calc(27.4023px + 1.22605vw)
    }
}

@media (min-width:1680px) {
    .heading--section {
        font-size: 48px
    }
}

@media (max-width:374px) {
    .heading--section {
        line-height: 42px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .heading--section {
        line-height: calc(36.25287px + 1.53257vw)
    }
}

@media (min-width:1680px) {
    .heading--section {
        line-height: 62px
    }
}

.heading--card-title {

    letter-spacing: .2px;
    color: #000
}

@media (max-width:374px) {
    .heading--card-title {
        font-size: 20px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .heading--card-title {
        font-size: calc(18.85057px + .30651vw)
    }
}

@media (min-width:1680px) {
    .heading--card-title {
        font-size: 24px
    }
}

@media (max-width:374px) {
    .heading--card-title {
        line-height: 26px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .heading--card-title {
        line-height: calc(24.27586px + .45977vw)
    }
}

@media (min-width:1680px) {
    .heading--card-title {
        line-height: 32px
    }
}

.heading--footer {
    font-size: 18px;
    line-height: 20px;

    letter-spacing: .2px;
    color: #000
}

.heading--user-dashboard,
.paywall--article .paywall__title {

    font-weight: 400;
    color: #000;
    font-variant-numeric: lining-nums
}

@media (max-width:374px) {

    .heading--user-dashboard,
    .paywall--article .paywall__title {
        font-size: 28px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .heading--user-dashboard,
    .paywall--article .paywall__title {
        font-size: calc(22.25287px + 1.53257vw)
    }
}

@media (min-width:1680px) {

    .heading--user-dashboard,
    .paywall--article .paywall__title {
        font-size: 48px
    }
}

@media (max-width:374px) {

    .heading--user-dashboard,
    .paywall--article .paywall__title {
        line-height: 40px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .heading--user-dashboard,
    .paywall--article .paywall__title {
        line-height: calc(30.8046px + 2.45211vw)
    }
}

@media (min-width:1680px) {

    .heading--user-dashboard,
    .paywall--article .paywall__title {
        line-height: 72px
    }
}

.donation-choice,
.input-checkbox,
.input-date,
.input-file,
.input-price,
.input-radio,
.input-select,
.input-text,
.input-textarea {
    position: relative;

    color: #000;
    max-width: 100%;
    min-height: 96px;
    padding-bottom: 26px
}

.donation-choice:after,
.input-checkbox:after,
.input-date:after,
.input-file:after,
.input-price:after,
.input-radio:after,
.input-select:after,
.input-text:after,
.input-textarea:after {
    content: "";
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #eb0000
}

.donation-choice[data-error],
.input-checkbox[data-error],
.input-date[data-error],
.input-file[data-error],
.input-price[data-error],
.input-radio[data-error],
.input-select[data-error],
.input-text[data-error],
.input-textarea[data-error] {
    margin-bottom: 20px
}

.js .is-disabled.donation-choice,
.js .is-disabled.input-checkbox,
.js .is-disabled.input-date,
.js .is-disabled.input-file,
.js .is-disabled.input-price,
.js .is-disabled.input-radio,
.js .is-disabled.input-select,
.js .is-disabled.input-text,
.js .is-disabled.input-textarea {
    display: none
}

.input-checkbox__label,
.input-date__wrap,
.input-price__label,
.input-radio__label,
.input-select__field,
.input-text__field,
.input-textarea__field,
.option-group {
    font-size: 1em;
    background-color: initial;
    border: 0;
    border-radius: 0;
    outline: 0;
    -webkit-appearance: none;
    appearance: none;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: 1.4em;
    box-shadow: inset 0 0 0 1px #d8d8d8;
    display: block;
    width: 100%;
    min-height: 72px;
    padding: 37px 16px 11px;
    transition: box-shadow .25s ease-out
}

@media (max-width:374px) {

    .input-checkbox__label,
    .input-date__wrap,
    .input-price__label,
    .input-radio__label,
    .input-select__field,
    .input-text__field,
    .input-textarea__field,
    .option-group {
        font-size: 16px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .input-checkbox__label,
    .input-date__wrap,
    .input-price__label,
    .input-radio__label,
    .input-select__field,
    .input-text__field,
    .input-textarea__field,
    .option-group {
        font-size: calc(15.42529px + .15326vw)
    }
}

@media (min-width:1680px) {

    .input-checkbox__label,
    .input-date__wrap,
    .input-price__label,
    .input-radio__label,
    .input-select__field,
    .input-text__field,
    .input-textarea__field,
    .option-group {
        font-size: 18px
    }
}

.input-checkbox__label:placeholder-shown,
.input-date__wrap:placeholder-shown,
.input-price__label:placeholder-shown,
.input-radio__label:placeholder-shown,
.input-select__field:placeholder-shown,
.input-text__field:placeholder-shown,
.input-textarea__field:placeholder-shown,
.option-group:placeholder-shown {
    color: #707070
}

.input-checkbox__label:hover,
.input-date__wrap:hover,
.input-price__label:hover,
.input-radio__label:hover,
.input-select__field:hover,
.input-text__field:hover,
.input-textarea__field:hover,
.option-group:hover {
    box-shadow: inset 0 0 0 1px #000
}

.input-checkbox__label:focus,
.input-date__wrap:focus,
.input-price__label:focus,
.input-radio__label:focus,
.input-select__field:focus,
.input-text__field:focus,
.input-textarea__field:focus,
.option-group:focus {
    box-shadow: inset 0 0 0 2px #000
}

.input-checkbox__label::placeholder,
.input-date__wrap::placeholder,
.input-price__label::placeholder,
.input-radio__label::placeholder,
.input-select__field::placeholder,
.input-text__field::placeholder,
.input-textarea__field::placeholder,
.option-group::placeholder {
    color: #707070
}

.input-checkbox__legend,
.input-date__label,
.input-file__label,
.input-radio__legend,
.input-select__label,
.input-text__label,
.input-textarea__label,
.option-group__legend {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 1.2;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    padding: 15px 16px;
    pointer-events: none;
    z-index: 1
}

.input-checkbox__legend:empty[data-optional],
.input-date__label:empty[data-optional],
.input-file__label:empty[data-optional],
.input-radio__legend:empty[data-optional],
.input-select__label:empty[data-optional],
.input-text__label:empty[data-optional],
.input-textarea__label:empty[data-optional],
.option-group__legend:empty[data-optional] {
    flex-direction: row-reverse
}

.input-checkbox__legend[data-optional],
.input-date__label[data-optional],
.input-file__label[data-optional],
.input-radio__legend[data-optional],
.input-select__label[data-optional],
.input-text__label[data-optional],
.input-textarea__label[data-optional],
.option-group__legend[data-optional] {
    padding-right: 100px
}

.input-checkbox__legend[data-optional]:after,
.input-date__label[data-optional]:after,
.input-file__label[data-optional]:after,
.input-radio__legend[data-optional]:after,
.input-select__label[data-optional]:after,
.input-text__label[data-optional]:after,
.input-textarea__label[data-optional]:after,
.option-group__legend[data-optional]:after {
    content: attr(data-optional);
    display: inline;
    font-size: 12px;
    font-style: italic;
    text-transform: uppercase;
    color: #707070;
    font-weight: 400;
    letter-spacing: 1px;
    position: absolute;
    top: 15px;
    right: 16px
}

.input--hide-optional .input-checkbox__legend:after,
.input--hide-optional .input-date__label:after,
.input--hide-optional .input-file__label:after,
.input--hide-optional .input-radio__legend:after,
.input--hide-optional .input-select__label:after,
.input--hide-optional .input-text__label:after,
.input--hide-optional .input-textarea__label:after,
.input--hide-optional .option-group__legend:after {
    content: none;
    display: none
}

.input-checkbox__legend a:after,
.input-date__label a:after,
.input-file__label a:after,
.input-radio__legend a:after,
.input-select__label a:after,
.input-text__label a:after,
.input-textarea__label a:after,
.option-group__legend a:after {
    bottom: 0
}

.input-checkbox__legend b,
.input-checkbox__legend strong,
.input-date__label b,
.input-date__label strong,
.input-file__label b,
.input-file__label strong,
.input-radio__legend b,
.input-radio__legend strong,
.input-select__label b,
.input-select__label strong,
.input-text__label b,
.input-text__label strong,
.input-textarea__label b,
.input-textarea__label strong,
.option-group__legend b,
.option-group__legend strong {
    font-weight: bolder
}

.input-checkbox__legend em,
.input-checkbox__legend i,
.input-date__label em,
.input-date__label i,
.input-file__label em,
.input-file__label i,
.input-radio__legend em,
.input-radio__legend i,
.input-select__label em,
.input-select__label i,
.input-text__label em,
.input-text__label i,
.input-textarea__label em,
.input-textarea__label i,
.option-group__legend em,
.option-group__legend i {
    font-style: italic
}

.input-checkbox[data-error] [class$=__field],
.input-date[data-error] [class$=__field],
.input-file[data-error] [class$=__field],
.input-price[data-error] [class$=__field],
.input-radio[data-error] [class$=__field],
.input-select[data-error] [class$=__field],
.input-text[data-error] [class$=__field],
.input-textarea[data-error] [class$=__field],
.option-group [class$=__field] {
    box-shadow: inset 0 0 0 1px #eb0000
}

.input-checkbox[data-error]:after,
.input-date[data-error]:after,
.input-file[data-error]:after,
.input-price[data-error]:after,
.input-radio[data-error]:after,
.input-select[data-error]:after,
.input-text[data-error]:after,
.input-textarea[data-error]:after,
.option-group[data-error]:after {
    content: attr(data-error)
}

.input-text__field:-webkit-autofill {
    animation-name: autofill;
    animation-fill-mode: both
}

@keyframes autofill {
    to {
        color: #000;
        background: transparent
    }
}

.input-checkbox__field,
.input-price__field,
.input-radio__field {
    position: absolute;
    bottom: 0;
    z-index: -1;
    opacity: 0;
    padding: 0;
    outline: none
}

.input-text input::-webkit-date-and-time-value {
    color: #000;
    text-align: left
}

.input-textarea__field {
    height: 12em;
    overflow: auto;
    resize: none;
    padding-top: 40px
}

.input-textarea__label:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    height: 100%;
    width: 99%;
    z-index: -1
}

.input-textarea[data-error] {
    border-bottom-color: #ec1a1a
}

@media (max-width:499px) {
    .input-date__label {
        flex-shrink: 0
    }
}

.input-date__field {
    font-size: 1em;
    background-color: initial;
    border: 0;
    border-radius: 0;
    outline: 0;
    padding: 0;
    -webkit-appearance: none;
    appearance: none;
    text-align: center;
    -moz-appearance: textfield
}

.input-date__field::-webkit-inner-spin-button,
.input-date__field::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.input-date__field--day,
.input-date__field--month {
    min-width: 2.5ch
}

.input-date__field--year {
    min-width: 4.5ch
}

.input-date[data-error] .input-date__wrap {
    box-shadow: inset 0 0 0 1px #eb0000
}

.input-select__field {
    cursor: pointer;
    -webkit-appearance: none
}

.input-select__field[data-value=""] {
    color: #707070
}

.input-select__field::-ms-expand {
    display: none
}

.input-select__field:invalid {
    color: #707070
}

.input-select svg {
    position: absolute;
    top: 43px;
    right: 16px;
    pointer-events: none
}

.input-radio__label {
    padding-top: 39px;
    padding-left: 35px;
    color: #707070
}

.input-radio__label:after,
.input-radio__label:before {
    content: "";
    position: absolute;
    top: 38px;
    z-index: 1;
    border-radius: 50%
}

.input-radio__label:before {
    left: 16px;
    width: 12px;
    height: 12px;
    border: 1px solid #707070;
    box-shadow: 0 0 0 1px transparent;
    transition: box-shadow .2s ease-out;
    transform: translateY(3px)
}

.input-radio__label:after {
    left: 18px;
    width: 8px;
    height: 8px;
    background-color: initial;
    transition: background-color .2s ease-out;
    transform: translateY(5px)
}

.input-radio__field:checked+label {
    color: #000
}

.input-radio__field:checked+label:after {
    background-color: #000
}

.input-radio .input-radio__field:focus+label:before {
    box-shadow: 0 0 0 1px #000
}

.input-radio[data-error] .input-radio__label {
    box-shadow: inset 0 0 0 1px #eb0000
}

.input-checkbox__label {
    padding-top: 39px;
    padding-left: 36px;
    color: #707070
}

.input-checkbox__label:after,
.input-checkbox__label:before {
    content: "";
    position: absolute;
    top: 37px;
    z-index: 1
}

.input-checkbox__label:before {
    top: 41px;
    left: 16px;
    width: 12px;
    height: 12px;
    border: 1px solid #707070;
    outline: 1px solid transparent;
    transition: outline-color .2s ease-out
}

.input-checkbox__label:after {
    top: 41px;
    left: 18px;
    width: 8px;
    height: 6px;
    background-image: url(/wp-content/themes/mjf/static/img/icons/tick.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 100%;
    background-color: #000;
    opacity: 0;
    transform: translateY(3px)
}

.input-checkbox__field:checked+label:before {
    background-color: #000
}

.input-checkbox__field:checked+label:after {
    opacity: 1
}

.input-checkbox .input-checkbox__field:focus+label {
    box-shadow: 0 0 0 2px #000
}

.input-checkbox .input-checkbox__field:focus+label:before {
    border: 2px solid #000
}

.input-checkbox[data-error] .input-checkbox__label {
    box-shadow: inset 0 0 0 1px #eb0000
}

.input-file {
    min-height: 112px;
    margin-bottom: 26px;
    padding-bottom: 0;
    box-shadow: inset 0 0 0 1px #d8d8d8;
    display: flex;
    flex-direction: column;
    transition: box-shadow .25s ease-out
}

.input-file__field {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.input-file__label {
    pointer-events: all;
    position: static;
    cursor: pointer
}

.input-file__label:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.input-file__legend {
    display: block;
    padding: 0 16px;
    color: #707070
}

.input-file__selection {
    padding: 15px 50px 11px 16px;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 32px;
    word-break: break-all
}

.input-file__selection:empty {
    display: none
}

.input-file__clear {
    font-size: 1em;
    background-color: initial;
    border: 0;
    border-radius: 0;
    outline: 0;
    -webkit-appearance: none;
    appearance: none;
    padding: 0;
    cursor: pointer;
    display: none
}

.input-file__clear::-moz-focus-inner {
    border: 0
}

.is-valid .input-file__clear {
    width: 28px;
    height: 28px;
    display: block;
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 90
}

.input-file__label-btn {
    align-self: flex-end;
    margin: 15px 16px;
    z-index: auto
}

.is-valid .input-file__label-btn {
    display: none
}

.input-file:hover {
    box-shadow: inset 0 0 0 1px #000
}

.input-file:hover .input-file__label-btn:before {
    transform: translateY(0) scaleY(1)
}

.input-file.is-focus {
    box-shadow: inset 0 0 0 2px #000
}

.input-file .input-file__field:focus~.input-file__label-btn:before {
    transform: translateY(0) scaleY(1)
}

.input-file[data-error] {
    box-shadow: inset 0 0 0 1px #eb0000
}

.input-file[data-error]:after {
    transform: translateY(calc(100% + 4px))
}

.input-price {
    min-height: 0;
    padding-bottom: 0
}

.input-price__label {
    position: relative;
    display: flex;
    padding: 19px 34px 17px;
    min-height: 0;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.6em
}

.input-price__label:hover {
    cursor: pointer
}

.input-price__label:after,
.input-price__label:before {
    content: "";
    position: absolute;
    top: 24px;
    z-index: 1;
    border-radius: 50%
}

.input-price__label:before {
    left: 16px;
    width: 12px;
    height: 12px;
    border: 1px solid #707070;
    box-shadow: 0 0 0 1px transparent;
    transition: box-shadow .2s ease-out;
    transform: translateY(3px)
}

.input-price__label:after {
    left: 18px;
    width: 8px;
    height: 8px;
    background-color: initial;
    transition: background-color .2s ease-out;
    transform: translateY(5px)
}

.input-price__label-currency {
    transition: width .2s ease-out, opacity .15s ease-in-out;
    width: 50px;
    opacity: 1;
    flex: 0 0
}

.input-price__label input {
    position: relative;
    z-index: 2;
    border: none;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    font-weight: inherit;
    padding: 0;
    min-width: 0;
    width: 100%;
    -moz-appearance: textfield
}

.input-price__label input::-webkit-inner-spin-button,
.input-price__label input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.input-price__field:checked+label {
    color: #000
}

.input-price__field:checked+label:after {
    background-color: #000
}

.input-price__field:focus+label {
    box-shadow: inset 0 0 0 1px #000
}

.input-price__field:focus+label:before {
    box-shadow: 0 0 0 1px #000
}

.input-price[data-error] label {
    box-shadow: inset 0 0 0 1px #eb0000
}

.input-price--empty .input-price__label:not(.is-focus):not(.is-filled) .input-price__label-currency {
    width: 0;
    opacity: 0
}

.wp-block-quote {
    color: #000
}

.wp-block-quote>div.editor-rich-text>div>p,
.wp-block-quote>p {
    line-height: 1.5;

    color: #000;
    font-variant-numeric: lining-nums
}

@media (max-width:374px) {

    .wp-block-quote>div.editor-rich-text>div>p,
    .wp-block-quote>p {
        font-size: 22px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .wp-block-quote>div.editor-rich-text>div>p,
    .wp-block-quote>p {
        font-size: calc(20.85057px + .30651vw)
    }
}

@media (min-width:1680px) and (max-width:2559px) {

    .wp-block-quote>div.editor-rich-text>div>p,
    .wp-block-quote>p {
        font-size: calc(14.54545px + .68182vw)
    }
}

@media (min-width:2560px) {

    .wp-block-quote>div.editor-rich-text>div>p,
    .wp-block-quote>p {
        font-size: 32px
    }
}

.wp-block-quote>div.editor-rich-text>div>p:before,
.wp-block-quote>p:before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    margin-top: -.25em
}

.wp-block-quote .wp-block-quote__citation,
.wp-block-quote>cite {
    color: #000;
    padding-left: .9em;
    min-height: 2.56em;
    display: flex;
    align-items: center;
    position: relative;

    font-weight: 700;
    line-height: 22px;
    z-index: 1
}

@media (max-width:374px) {

    .wp-block-quote .wp-block-quote__citation,
    .wp-block-quote>cite {
        font-size: 14px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .wp-block-quote .wp-block-quote__citation,
    .wp-block-quote>cite {
        font-size: calc(13.42529px + .15326vw)
    }
}

@media (min-width:1680px) and (max-width:2559px) {

    .wp-block-quote .wp-block-quote__citation,
    .wp-block-quote>cite {
        font-size: calc(12.18182px + .22727vw)
    }
}

@media (min-width:2560px) {

    .wp-block-quote .wp-block-quote__citation,
    .wp-block-quote>cite {
        font-size: 18px
    }
}

@media (max-width:374px) {

    .wp-block-quote .wp-block-quote__citation,
    .wp-block-quote>cite {
        margin-top: 32px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .wp-block-quote .wp-block-quote__citation,
    .wp-block-quote>cite {
        margin-top: calc(36.02299px - 1.0728vw)
    }
}

@media (min-width:1680px) {

    .wp-block-quote .wp-block-quote__citation,
    .wp-block-quote>cite {
        margin-top: 18px
    }
}

.wp-block-quote .wp-block-quote__citation:before,
.wp-block-quote>cite:before {
    content: "";
    display: block;
    width: 2.56em;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    background-image: url(/wp-content/themes/mjf/static/img/icons/pick-colored.svg);
    background-repeat: no-repeat;
    background-position: 0
}

.accordion__title {
    margin-top: 0;
    font-weight: 700;
    line-height: 1.15
}

@media (max-width:374px) {
    .accordion__title {
        font-size: 22px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .accordion__title {
        font-size: calc(20.27586px + .45977vw)
    }
}

@media (min-width:1680px) {
    .accordion__title {
        font-size: 28px
    }
}

@media (max-width:374px) {
    .accordion__title {
        margin-bottom: 16px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .accordion__title {
        margin-bottom: calc(9.67816px + 1.68582vw)
    }
}

@media (min-width:1680px) {
    .accordion__title {
        margin-bottom: 38px
    }
}

.accordion__item {
    box-shadow: inset 0 0 0 1px #bf00ff5e;
    transition: box-shadow .4s
}

.accordion__item.has-focus {
    box-shadow: inset 0 0 0 2px #000
}

.accordion__item.is-open,
.accordion__item:hover {
    box-shadow: inset 0 0 0 1px #bf00ff;
}

.accordion__header {
    font-family: TT Norms, sans-serif
}

.accordion__header-label {
    display: block;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    pointer-events: none;
    color: #bf00ff;
}

.accordion__header>button {
    font-size: 1em;
    background-color: initial;
    border: 0;
    border-radius: 0;
    outline: 0;
    -webkit-appearance: none;
    appearance: none;
    line-height: 1.6;
    display: block;
    position: relative;
    z-index: 2;
    margin: 0;
    width: 100%;
    padding: 12px 16px;
    cursor: pointer;
    text-align: left
}

.accordion__header>button::-moz-focus-inner {
    border: 0
}

@media (max-width:374px) {
    .accordion__header>button {
        font-size: 16px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .accordion__header>button {
        font-size: calc(14.85057px + .30651vw)
    }
}

@media (min-width:1680px) {
    .accordion__header>button {
        font-size: 20px
    }
}

@media (max-width:767px) {
    .accordion__header>button {
        padding-right: 60px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .accordion__header>button {
        padding-right: 7.8125vw
    }
}

@media (min-width:1024px) {
    .accordion__header>button {
        padding-right: 80px
    }
}

.accordion__header>button[aria-expanded=true] .accordion__icon {
    transform: rotate(180deg);
    fill: currentColor
}

.accordion__header>button[aria-expanded=true] {
    background: transparent;
    color: #000
}

.accordion__header>button:focus {
    background-color: transparent;
    color: #000;
    outline: none
}

.accordion.accordion--js .accordion__icon {
    display: block
}

.accordion__icon {
    display: none;
    position: absolute;
    pointer-events: none;
    right: 1rem;
    bottom: 1em;
    height: 18px;
    width: 18px;
    fill: currentColor;
    transform-origin: center center;
    transition: transform .2s ease-in-out
}

.accordion__panel {
    position: relative;
    z-index: 1;
    max-height: 0;
    padding: 0;
    margin-bottom: 25px;
    background-color: inherit;
    overflow: hidden;
    visibility: hidden
}

.accordion__panel:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    margin-top: 3px;
    margin-bottom: 26px;
    background-color: #bf00ff2b;
}

.accordion__panel>* {
    max-width: 90%
}

.accordion__panel>:last-child {
    margin-bottom: 0
}

.accordion__panel[aria-hidden=false] {
    max-height: 3000px;
    padding: 0 16px 32px;
    overflow: auto;
    visibility: visible
}

.accordion:not(.accordion--js) .accordion__header {
    font-weight: 400;
    line-height: 1.6;
    display: block;
    position: relative;
    z-index: 2;
    margin: 0;
    width: 100%;
    padding: 12px 16px;
    cursor: pointer
}

@media (max-width:374px) {
    .accordion:not(.accordion--js) .accordion__header {
        font-size: 16px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .accordion:not(.accordion--js) .accordion__header {
        font-size: calc(14.85057px + .30651vw)
    }
}

@media (min-width:1680px) {
    .accordion:not(.accordion--js) .accordion__header {
        font-size: 20px
    }
}

@media (max-width:767px) {
    .accordion:not(.accordion--js) .accordion__header {
        padding-right: 60px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .accordion:not(.accordion--js) .accordion__header {
        padding-right: 7.8125vw
    }
}

@media (min-width:1024px) {
    .accordion:not(.accordion--js) .accordion__header {
        padding-right: 80px
    }
}

.accordion:not(.accordion--js) .accordion__panel {
    max-height: none;
    visibility: visible;
    padding: 0 16px 32px
}

.article-meta {
    display: flex;
    flex-direction: row;
    justify-content: space-between;

    color: #707070;
    letter-spacing: 0
}

.article-meta__title {
    margin-bottom: 12px;
    line-height: 1;
    display: inline-block;
    font-weight: 700
}

@media (max-width:374px) {
    .article-meta__title {
        font-size: 14px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .article-meta__title {
        font-size: calc(13.42529px + .15326vw)
    }
}

@media (min-width:1680px) {
    .article-meta__title {
        font-size: 16px
    }
}

.article-meta__col p {
    line-height: 1.4
}

@media (max-width:374px) {
    .article-meta__col p {
        font-size: 14px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .article-meta__col p {
        font-size: calc(13.42529px + .15326vw)
    }
}

@media (min-width:1680px) {
    .article-meta__col p {
        font-size: 16px
    }
}

.article-meta__col p+p {
    margin-top: .25em
}

.article-meta__col:first-child {
    width: 60%
}

@media (min-width:1440px) {
    .article-meta__col:first-child {
        width: 50%
    }
}

.article-meta__col:last-child {
    width: 30%
}

@media (min-width:1440px) {
    .article-meta__col:last-child {
        width: 35%
    }
}

.article-meta a {
    color: inherit;
    transition: all .4s ease;
    border-bottom: 1px solid #707070
}

.article-meta a:focus,
.article-meta a:hover {
    border-color: #000;
    color: #000
}

.article-tags {

    color: #707070;
    letter-spacing: 0;
    padding-top: 13px;
    border-top: 1px solid #707070;
    opacity: 1;
    transition: opacity .2s ease-in-out
}

@media (max-width:374px) {
    .article-tags {
        font-size: 14px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .article-tags {
        font-size: calc(13.42529px + .15326vw)
    }
}

@media (min-width:1680px) and (max-width:2559px) {
    .article-tags {
        font-size: calc(12.18182px + .22727vw)
    }
}

@media (min-width:2560px) {
    .article-tags {
        font-size: 18px
    }
}

.article-tags__head {
    margin-right: 12px
}

@media (max-width:374px) {
    .article-tags__head {
        line-height: 20px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .article-tags__head {
        line-height: calc(18.85057px + .30651vw)
    }
}

@media (min-width:1680px) {
    .article-tags__head {
        line-height: 24px
    }
}

.article-tags__link {
    color: #707070;
    border-bottom: 1px solid #707070;
    transition: all .4s ease
}

.article-tags__list {
    display: inline
}

.article-tags__list__item {
    display: inline-block;
    margin-right: 16px;
    margin-top: 8px
}

.article-tags__list__item:first-child {
    margin-left: 0
}

.article-tags__list__item:last-child {
    margin-right: 0
}

.article-tags__list .is-hidden {
    display: none
}

.article-tags__more-toggle {
    background-color: #fff;
    color: #707070;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 1px
}

.article-tags__more-toggle:before {
    display: none
}

.article-tags__link:focus,
.article-tags__link:hover {
    border-color: #000
}

.article-tags__link:hover {
    color: #000
}

.no-js .article-tags__more-toggle {
    display: none
}

.article-tags.is-loading {
    opacity: 0
}

.artist-search {
    position: relative;
    width: 100%;
    align-self: start
}

@media (min-width:900px) and (max-width:1023px) {
    .artist-search {
        padding-top: calc(-11.03226px + 3.22581vw)
    }
}

@media (min-width:1024px) {
    .artist-search {
        padding-top: 22px
    }
}

@media (max-width:767px) {
    .artist-search {
        padding-top: 30px;
        margin-bottom: -15px
    }
}

.artist-search__bar {
    position: relative
}

.artist-search__bar.is-filled .artist-search__bar-clear {
    opacity: 1;
    visibility: visible;
    transition-delay: .01s, 0s
}

.artist-search__bar:not(.is-filled) .artist-search__bar-input {
    padding-right: 0
}

.artist-search__bar-label {
    position: absolute;
    left: 0;
    top: 50%;
    width: 24px;
    height: 24px;
    pointer-events: none;
    transform: translateY(-50%)
}

.artist-search__bar-label svg {
    display: block;
    width: 100%;
    height: 100%
}

.artist-search__bar-input {
    font-size: 1em;
    background-color: initial;
    border: 0;
    border-radius: 0;
    outline: 0;
    -webkit-appearance: none;
    appearance: none;
    line-height: 1.15;
    font-weight: 700;
    display: block;
    width: 100%;
    padding: 18px 0
}

@media (max-width:374px) {
    .artist-search__bar-input {
        padding-left: 36px;
        padding-right: 36px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .artist-search__bar-input {
        padding-left: calc(34.85057px + .30651vw);
        padding-right: calc(34.85057px + .30651vw)
    }
}

@media (min-width:1680px) {
    .artist-search__bar-input {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (max-width:374px) {
    .artist-search__bar-input {
        font-size: 22px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .artist-search__bar-input {
        font-size: calc(20.27586px + .45977vw)
    }
}

@media (min-width:1680px) {
    .artist-search__bar-input {
        font-size: 28px
    }
}

@media (min-width:768px) {
    .artist-search__bar-input {
        border-bottom: 1px solid #dedede
    }
}

.artist-search__bar-clear {
    font-size: 1em;
    background-color: initial;
    border: 0;
    border-radius: 0;
    outline: 0;
    -webkit-appearance: none;
    appearance: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 1px;
    z-index: 0;
    width: 55px;
    height: calc(100% - 2px);
    cursor: pointer;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease-out, visibility 0s .2s
}

.artist-search__bar-clear::-moz-focus-inner {
    border: 0
}

.artist-search__bar-clear svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: #000;
    transition: fill .2s ease-out;
    transform: translateX(15px)
}

.artist-search__bar-clear:hover svg {
    fill: #707070
}

.artist-search__list-wrap {
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #fff
}

@media (max-width:767px) {
    .artist-search__list-wrap {
        transform: translateY(12px)
    }
}

.artist-search__list-wrap:before {
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    background-color: #fff;
    width: 24px;
    height: 100%
}

.artist-search__list {
    width: 100%;
    height: 100%
}

@media (max-width:374px) {
    .artist-search__list {
        padding-top: 26px;
        padding-bottom: 26px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .artist-search__list {
        padding-top: calc(29.44828px - .91954vw);
        padding-bottom: calc(29.44828px - .91954vw)
    }
}

@media (min-width:1680px) {
    .artist-search__list {
        padding-top: 14px;
        padding-bottom: 14px
    }
}

@media (min-width:768px) {
    .artist-search__list {
        overflow-y: auto
    }
}

.artist-search__list:empty {
    padding: 0
}

.artist-search--secondary .is-filled .artist-search__bar-input {
    border-top: none
}

.artist-search--secondary .artist-search__bar-clear {
    width: auto
}

.artist-search--secondary .artist-search__bar-clear svg {
    width: 26px;
    height: 26px;
    transform: none
}

.artist-search--secondary .artist-search__bar-input {
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding-top: 17px;
    padding-bottom: 15px;
    border-top: 1px solid rgba(0, 0, 0, .2);
    border-bottom: 1px solid rgba(0, 0, 0, .2)
}

@media (min-width:768px) {
    .artist-search--secondary .artist-search__bar-input {
        padding-top: 13px;
        padding-bottom: 11px;
        border-top: none
    }
}

.artist-search--secondary .artist-search__bar-input::placeholder {
    color: #000
}

.artist-search--secondary .artist-search__list:not(:empty) {
    padding-top: 16px;
    padding-bottom: 22px
}

.artist-search--secondary .artist-search-item:first-child {
    padding-top: 0
}

.artist-search--secondary .artist-search-item:last-child {
    padding-bottom: 0
}

.breadcrumbs {
    text-transform: uppercase
}

.breadcrumbs__separator {
    fill: #707070;
    margin: 0 5px 0 3px;
    width: 4px;
    height: 4px;
    transform: translateY(-50%)
}

.breadcrumbs__inner {
    align-items: center
}

.breadcrumbs__inner span {
    display: inline-block;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 16px;
    -webkit-user-select: none;
    user-select: none;
    align-items: center
}

.breadcrumbs__inner a {
    color: #ffffff;
    border-bottom: 1px solid transparent;
    padding: 5px 1px 2px;
    transition: border-color .2s ease-out, background-color .2s ease-out
}

.breadcrumbs__inner a:hover {
    background-color: #bf00ff;
}

.breadcrumbs__inner a:focus {
    border-bottom-color: #000
}

.breadcrumbs__inner .breadcrumb_last {
    color: #ffffffb8;
    margin-bottom: 1px
}

@media (max-width:767px) {
    .breadcrumbs__inner span {
        display: inline-block
    }

    .breadcrumbs__inner a:before {
        content: url(/wp-content/themes/mjf/static/img/arrow-breadcrumbs.svg);
        padding-right: 6px
    }

    [data-breadcrumbs="1"] .breadcrumbs__inner .breadcrumbs__separator,
    [data-breadcrumbs="1"] .breadcrumbs__inner>span>span>a,
    [data-breadcrumbs="2"] .breadcrumbs__inner .breadcrumbs__separator,
    [data-breadcrumbs="2"] .breadcrumbs__inner>span>span>a,
    [data-breadcrumbs="3"] .breadcrumbs__inner .breadcrumbs__separator,
    [data-breadcrumbs="3"] .breadcrumbs__inner>span>span>a {
        display: none
    }

    [data-breadcrumbs="1"] .breadcrumbs__inner>span>span>span>span>.breadcrumbs__separator,
    [data-breadcrumbs="2"] .breadcrumbs__inner>span>span>span>span>.breadcrumbs__separator,
    [data-breadcrumbs="3"] .breadcrumbs__inner>span>span>span>span>.breadcrumbs__separator {
        display: initial
    }

    [data-breadcrumbs="2"] .breadcrumbs__inner>span>span>span>a,
    [data-breadcrumbs="3"] .breadcrumbs__inner>span>span>span>a,
    [data-breadcrumbs="3"] .breadcrumbs__inner>span>span>span>span>a {
        display: none
    }
}

.breadcrumbs .breadcrumb_last,
.breadcrumbs__inner,
.breadcrumbs__inner span {
    display: inline
}

.card-article__image-wrapper,
.highlighted-article__image-wrapper {
    overflow: hidden;
    position: relative;
    display: block;
    align-items: flex-start
}

.card-article__image-wrapper:before,
.highlighted-article__image-wrapper:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%
}

.card-article__image-wrapper>img,
.highlighted-article__image-wrapper>img {
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.card-article__icons,
.highlighted-article__icons {
    display: flex;
    position: absolute
}

@media (max-width:374px) {

    .card-article__icons,
    .highlighted-article__icons {
        left: 8px;
        bottom: 8px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .card-article__icons,
    .highlighted-article__icons {
        left: calc(6.85057px + .30651vw);
        bottom: calc(6.85057px + .30651vw)
    }
}

@media (min-width:1680px) {

    .card-article__icons,
    .highlighted-article__icons {
        left: 12px;
        bottom: 12px
    }
}

@media (max-width:374px) {

    .card-article__icon,
    .highlighted-article__icon,
    .media-header__icon {
        width: 36px;
        height: 36px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .card-article__icon,
    .highlighted-article__icon,
    .media-header__icon {
        width: calc(34.85057px + .30651vw);
        height: calc(34.85057px + .30651vw)
    }
}

@media (min-width:1680px) {

    .card-article__icon,
    .highlighted-article__icon,
    .media-header__icon {
        width: 40px;
        height: 40px
    }
}

@media (max-width:374px) {

    .card-article__icon+.card-article__icon,
    .highlighted-article__icon+.card-article__icon,
    .media-header__icon+.card-article__icon {
        margin-left: 8px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .card-article__icon+.card-article__icon,
    .highlighted-article__icon+.card-article__icon,
    .media-header__icon+.card-article__icon {
        margin-left: calc(6.85057px + .30651vw)
    }
}

@media (min-width:1680px) {

    .card-article__icon+.card-article__icon,
    .highlighted-article__icon+.card-article__icon,
    .media-header__icon+.card-article__icon {
        margin-left: 12px
    }
}

.is-exclusive.card-article__icon,
.is-exclusive.highlighted-article__icon,
.is-exclusive.media-header__icon {
    background-color: #b1ffcd;
    object-fit: contain
}

@media (max-width:374px) {

    .is-exclusive.card-article__icon,
    .is-exclusive.highlighted-article__icon,
    .is-exclusive.media-header__icon {
        padding-left: 4px;
        padding-right: 4px
    }
}

@media (min-width:375px) and (max-width:1023px) {

    .is-exclusive.card-article__icon,
    .is-exclusive.highlighted-article__icon,
    .is-exclusive.media-header__icon {
        padding-left: 4px;
        padding-right: 4px
    }
}

@media (min-width:1024px) {

    .is-exclusive.card-article__icon,
    .is-exclusive.highlighted-article__icon,
    .is-exclusive.media-header__icon {
        padding-left: 6px;
        padding-right: 6px
    }
}

.card-article__sponsor,
.card-article__tag,
.highlighted-article__tag {

    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000
}

.card-article__title:before,
.highlighted-article__title:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

.card-article {
    display: flex;
    flex-direction: column;
    position: relative
}

@media (max-width:374px) {
    .card-article {
        padding-right: 32px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-article {
        padding-right: calc(29.70115px + .61303vw)
    }
}

@media (min-width:1680px) {
    .card-article {
        padding-right: 40px
    }
}

.card-article:focus-within .card-article__image,
.card-article:hover .card-article__image {
    transform: scale3d(1.03, 1.03, 1)
}

.card-article__image {
    width: 100%;
    transition: transform .7s ease
}

.card-article__details {
    display: flex;
    flex-direction: column
}

@media (max-width:374px) {
    .card-article__details {
        padding-top: 16px;
        padding-bottom: 16px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-article__details {
        padding-top: calc(14.85057px + .30651vw);
        padding-bottom: calc(14.85057px + .30651vw)
    }
}

@media (min-width:1680px) {
    .card-article__details {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.card-article__title {

    font-weight: 400;
    line-height: 1.3;
    color: #000;
    cursor: pointer
}

@media (max-width:1023px) {
    .card-article__title {
        font-size: 22px
    }
}

@media (min-width:1024px) and (max-width:1679px) {
    .card-article__title {
        font-size: calc(12.63415px + .91463vw)
    }
}

@media (min-width:1680px) {
    .card-article__title {
        font-size: 28px
    }
}

@media (min-width:1024px) and (max-width:1679px) {
    .card-article__title {
        height: calc(50.09756px + 3.5061vw)
    }
}

@media (min-width:1680px) {
    .card-article__title {
        height: 109px
    }
}

@media (max-width:374px) {
    .card-article__tag {
        margin-bottom: 12px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-article__tag {
        margin-bottom: calc(12.86207px - .22989vw)
    }
}

@media (min-width:1680px) {
    .card-article__tag {
        margin-bottom: 9px
    }
}

.card-article .action-tag {
    margin-top: 16px
}

@media (max-width:1023px) {
    .card-article .action-tag {
        display: none
    }
}

.card-article__sponsor {
    color: #505050
}

.card-article:not(.card-article--small) .card-article__sponsor-wrapper {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%
}

@media (max-width:374px) {
    .card-article:not(.card-article--small) .card-article__sponsor-wrapper {
        width: 32px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-article:not(.card-article--small) .card-article__sponsor-wrapper {
        width: calc(29.70115px + .61303vw)
    }
}

@media (min-width:1680px) {
    .card-article:not(.card-article--small) .card-article__sponsor-wrapper {
        width: 40px
    }
}

.card-article:not(.card-article--small) .card-article__sponsor-wrapper .card-article__sponsor {
    display: inline-block;
    position: absolute;
    transform-origin: left center;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    height: 0
}

@media (max-width:374px) {
    .card-article:not(.card-article--small) .card-article__sponsor-wrapper .card-article__sponsor {
        top: 8px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-article:not(.card-article--small) .card-article__sponsor-wrapper .card-article__sponsor {
        top: calc(6.85057px + .30651vw)
    }
}

@media (min-width:1680px) {
    .card-article:not(.card-article--small) .card-article__sponsor-wrapper .card-article__sponsor {
        top: 12px
    }
}

@media (max-width:1023px) {
    .card-article:not(.card-article--small) .card-article__sponsor-wrapper .card-article__sponsor {
        transform: rotate(90deg)
    }
}

@media (max-width:1023px) and (max-width:374px) {
    .card-article:not(.card-article--small) .card-article__sponsor-wrapper .card-article__sponsor {
        left: 22px
    }
}

@media (max-width:1023px) and (min-width:375px) and (max-width:1023px) {
    .card-article:not(.card-article--small) .card-article__sponsor-wrapper .card-article__sponsor {
        left: calc(20.84438px + .30817vw)
    }
}

@media (min-width:1024px) {
    .card-article:not(.card-article--small) .card-article__sponsor-wrapper .card-article__sponsor {
        transform: rotate(-90deg) translateX(-100%)
    }
}

@media (min-width:1024px) and (max-width:1023px) {
    .card-article:not(.card-article--small) .card-article__sponsor-wrapper .card-article__sponsor {
        left: 12px
    }
}

@media (min-width:1024px) and (min-width:1024px) and (max-width:1679px) {
    .card-article:not(.card-article--small) .card-article__sponsor-wrapper .card-article__sponsor {
        left: calc(8.87805px + .30488vw)
    }
}

@media (min-width:1024px) and (min-width:1680px) {
    .card-article:not(.card-article--small) .card-article__sponsor-wrapper .card-article__sponsor {
        left: 14px
    }
}

.card-article.card-article--sponsored {
    background-color: #efefef
}

@media (max-width:374px) {
    .card-article.card-article--sponsored:not(.card-article--small) .card-article__details {
        padding-left: 16px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-article.card-article--sponsored:not(.card-article--small) .card-article__details {
        padding-left: calc(14.85057px + .30651vw)
    }
}

@media (min-width:1680px) {
    .card-article.card-article--sponsored:not(.card-article--small) .card-article__details {
        padding-left: 20px
    }
}

@media (max-width:374px) {
    .card-article.card-article--sponsored.card-article--small .card-article__details {
        padding-right: 16px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-article.card-article--sponsored.card-article--small .card-article__details {
        padding-right: calc(11.4023px + 1.22605vw)
    }
}

@media (min-width:1680px) {
    .card-article.card-article--sponsored.card-article--small .card-article__details {
        padding-right: 32px
    }
}

.card-article.card-article--small {
    flex-direction: row;
    padding-right: 0
}

.card-article.card-article--small .card-article__image-wrapper {
    min-width: 156px;
    width: 48%;
    max-width: 224px
}

@media (max-width:374px) {
    .card-article.card-article--small .card-article__icon {
        width: 32px;
        height: 32px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-article.card-article--small .card-article__icon {
        width: calc(29.70115px + .61303vw);
        height: calc(29.70115px + .61303vw)
    }
}

@media (min-width:1680px) {
    .card-article.card-article--small .card-article__icon {
        width: 40px;
        height: 40px
    }
}

.card-article.card-article--small .card-article__details {
    flex: 1
}

@media (max-width:374px) {
    .card-article.card-article--small .card-article__details {
        padding-right: 16px
    }
}

@media (min-width:375px) and (max-width:1023px) {
    .card-article.card-article--small .card-article__details {
        padding-right: calc(11.3775px + 1.23267vw)
    }
}

@media (max-width:374px) {
    .card-article.card-article--small .card-article__details {
        padding-bottom: 8px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-article.card-article--small .card-article__details {
        padding-bottom: calc(6.85057px + .30651vw)
    }
}

@media (min-width:1680px) {
    .card-article.card-article--small .card-article__details {
        padding-bottom: 12px
    }
}

@media (max-width:374px) {
    .card-article.card-article--small .card-article__details {
        padding-left: 16px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-article.card-article--small .card-article__details {
        padding-left: calc(11.4023px + 1.22605vw)
    }
}

@media (min-width:1680px) {
    .card-article.card-article--small .card-article__details {
        padding-left: 32px
    }
}

.card-article.card-article--small .card-article__title {
    height: auto
}

@media (max-width:374px) {
    .card-article.card-article--small .card-article__title {
        font-size: 18px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-article.card-article--small .card-article__title {
        font-size: calc(16.27586px + .45977vw)
    }
}

@media (min-width:1680px) {
    .card-article.card-article--small .card-article__title {
        font-size: 24px
    }
}

@media (max-width:374px) {
    .card-article.card-article--small .card-article__title {
        line-height: 22px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-article.card-article--small .card-article__title {
        line-height: calc(19.12644px + .76628vw)
    }
}

@media (min-width:1680px) {
    .card-article.card-article--small .card-article__title {
        line-height: 32px
    }
}

@media (max-width:374px) {

    .card-article.card-article--small .card-article__sponsor,
    .card-article.card-article--small .card-article__tag {
        font-size: 10px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .card-article.card-article--small .card-article__sponsor,
    .card-article.card-article--small .card-article__tag {
        font-size: calc(9.42529px + .15326vw)
    }
}

@media (min-width:1680px) {

    .card-article.card-article--small .card-article__sponsor,
    .card-article.card-article--small .card-article__tag {
        font-size: 12px
    }
}

@media (max-width:374px) {
    .card-article.card-article--small .card-article__tag {
        margin-bottom: 7px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-article.card-article--small .card-article__tag {
        margin-bottom: calc(5.56322px + .38314vw)
    }
}

@media (min-width:1680px) {
    .card-article.card-article--small .card-article__tag {
        margin-bottom: 12px
    }
}

.card-article.card-article--small .card-article__sponsor-wrapper {
    margin-top: auto;
    padding-top: 10px
}

.card-article.card-article--small .action-tag {
    display: none
}

.card-cta {
    position: relative;
    background-color: #fff;
    display: block
}

.card-cta:after {
    content: "";
    display: block;
    padding-bottom: 100%
}

.card-cta__details {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.card-cta:not(.card-cta--no-link):focus-within .card-cta__image,
.card-cta:not(.card-cta--no-link):hover .card-cta__image {
    transform: scale3d(1.03, 1.03, 1)
}

.card-cta__link:focus:before {
    border-color: #000
}

.card-cta__image-wrapper {
    display: flex;
    align-items: flex-start;
    position: relative;
    overflow: hidden
}

.card-cta__image {
    width: 100%;
    height: 100%;
    transition: transform .7s ease
}

.card-cta__details {
    display: flex;
    flex-direction: column;
    padding: 20px 14px 20px 20px
}

.card-cta__tag {
    display: block;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 12px
}

.card-cta__description,
.card-cta__tag {

    color: #000
}

.card-cta__description {
    width: 100%;
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px
}

.card-cta__link {
    display: inline-block;
    padding-top: 12px;
    margin-top: auto
}

.card-cta__link:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    border: 1px solid #cbcbcb;
    transition: border-color .2s ease-out
}

.card-cta.card-cta--img:not(.card-cta--nav) {
    display: flex;
    align-items: flex-start
}

.card-cta.card-cta--img:not(.card-cta--nav):after {
    content: none
}

@media (max-width:374px) {
    .card-cta.card-cta--img:not(.card-cta--nav) .card-cta__image-wrapper {
        width: 141px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-cta.card-cta--img:not(.card-cta--nav) .card-cta__image-wrapper {
        width: calc(117.14943px + 6.36015vw)
    }
}

@media (min-width:1680px) {
    .card-cta.card-cta--img:not(.card-cta--nav) .card-cta__image-wrapper {
        width: 224px
    }
}

.card-cta.card-cta--img:not(.card-cta--nav) .card-cta__icons {
    display: flex;
    position: absolute
}

@media (max-width:374px) {
    .card-cta.card-cta--img:not(.card-cta--nav) .card-cta__icons {
        left: 8px;
        bottom: 8px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-cta.card-cta--img:not(.card-cta--nav) .card-cta__icons {
        left: calc(6.85057px + .30651vw);
        bottom: calc(6.85057px + .30651vw)
    }
}

@media (min-width:1680px) {
    .card-cta.card-cta--img:not(.card-cta--nav) .card-cta__icons {
        left: 12px;
        bottom: 12px
    }
}

@media (max-width:374px) {
    .card-cta.card-cta--img:not(.card-cta--nav) .card-cta__icon {
        width: 36px;
        height: 36px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-cta.card-cta--img:not(.card-cta--nav) .card-cta__icon {
        width: calc(34.85057px + .30651vw);
        height: calc(34.85057px + .30651vw)
    }
}

@media (min-width:1680px) {
    .card-cta.card-cta--img:not(.card-cta--nav) .card-cta__icon {
        width: 40px;
        height: 40px
    }
}

@media (max-width:374px) {
    .card-cta.card-cta--img:not(.card-cta--nav) .card-cta__icon+.card-cta__icon {
        margin-left: 8px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-cta.card-cta--img:not(.card-cta--nav) .card-cta__icon+.card-cta__icon {
        margin-left: calc(6.85057px + .30651vw)
    }
}

@media (min-width:1680px) {
    .card-cta.card-cta--img:not(.card-cta--nav) .card-cta__icon+.card-cta__icon {
        margin-left: 12px
    }
}

.card-cta.card-cta--img:not(.card-cta--nav) .card-cta__details {
    flex: 1;
    position: static;
    width: auto;
    height: auto;
    padding-right: 0
}

@media (max-width:374px) {
    .card-cta.card-cta--img:not(.card-cta--nav) .card-cta__details {
        padding-left: 16px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-cta.card-cta--img:not(.card-cta--nav) .card-cta__details {
        padding-left: calc(11.4023px + 1.22605vw)
    }
}

@media (min-width:1680px) {
    .card-cta.card-cta--img:not(.card-cta--nav) .card-cta__details {
        padding-left: 32px
    }
}

@media (max-width:374px) {
    .card-cta.card-cta--img:not(.card-cta--nav) .card-cta__details {
        padding-top: 8px;
        padding-bottom: 8px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-cta.card-cta--img:not(.card-cta--nav) .card-cta__details {
        padding-top: calc(4.55172px + .91954vw);
        padding-bottom: calc(4.55172px + .91954vw)
    }
}

@media (min-width:1680px) {
    .card-cta.card-cta--img:not(.card-cta--nav) .card-cta__details {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.card-cta.card-cta--img:not(.card-cta--nav) .card-cta__description {

    font-weight: 400;
    color: #000
}

@media (max-width:374px) {
    .card-cta.card-cta--img:not(.card-cta--nav) .card-cta__description {
        font-size: 20px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-cta.card-cta--img:not(.card-cta--nav) .card-cta__description {
        font-size: calc(18.85057px + .30651vw)
    }
}

@media (min-width:1680px) {
    .card-cta.card-cta--img:not(.card-cta--nav) .card-cta__description {
        font-size: 24px
    }
}

@media (max-width:374px) {
    .card-cta.card-cta--img:not(.card-cta--nav) .card-cta__description {
        line-height: 22px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-cta.card-cta--img:not(.card-cta--nav) .card-cta__description {
        line-height: calc(19.12644px + .76628vw)
    }
}

@media (min-width:1680px) {
    .card-cta.card-cta--img:not(.card-cta--nav) .card-cta__description {
        line-height: 32px
    }
}

.card-cta.card-cta--img:not(.card-cta--nav) .card-cta__link {
    padding-top: 17px
}

.card-cta.card-cta--img:not(.card-cta--nav) .card-cta__link:before {
    border: 1px solid transparent
}

.card-cta.card-cta--img:not(.card-cta--nav) .card-cta__link span {
    word-break: break-all
}

.card-cta.card-cta--img-only {
    width: 224px;
    height: 224px
}

.card-cta.card-cta--img-only:after {
    padding-bottom: 0
}

.card-cta.card-cta--img-only .card-cta__link .action-tag {
    display: none
}

.card-cta.card-cta--nav .card-cta__link:before {
    border-color: transparent
}

.card-cta.card-cta--nav .card-cta__link:focus:before {
    border-color: #000
}

.card-cta.card-cta--nav.card-cta--partner .card-cta__details {
    align-items: flex-start;
    padding-bottom: 16px
}

.card-cta.card-cta--nav.card-cta--partner .action-tag {
    margin-bottom: 10px
}

.card-cta.card-cta--nav.card-cta--partner .card-cta__partner-wrapper {
    width: 100%;
    padding-top: 12px;
    border-top: 1px solid rgba(0, 0, 0, .2)
}

.card-cta.card-cta--nav.card-cta--partner .card-cta__partner {
    max-width: 100%;
    max-height: 28px
}

.card-cta.card-cta--nav.card-cta--img {
    display: flex
}

.card-cta.card-cta--nav.card-cta--img .action-tag,
.card-cta.card-cta--nav.card-cta--img .card-cta__description,
.card-cta.card-cta--nav.card-cta--img .card-cta__tag {
    color: #fff
}

.card-cta.card-cta--nav.card-cta--img .card-cta__link:before {
    outline: 1px solid transparent;
    outline-offset: -3px;
    transition: outline-color .2s ease-out
}

.card-cta.card-cta--nav.card-cta--img .card-cta__link:focus:before {
    outline-color: #fff;
    border-color: transparent !important
}

.card-cta.card-cta--nav.card-cta--img .action-tag:before {
    background-color: #fff
}

.card-cta.card-cta--nav.card-cta--img .action-tag__icon {
    fill: #fff
}

.card-cta.card-cta--img-only:before,
.card-cta.card-cta--no-link:not(.card-cta--img):not(.card-cta--img-only):not(.card-cta--article-alike):before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    border: 1px solid #cbcbcb
}

.card-cta.card-cta--no-link:not(.card-cta--img):not(.card-cta--img-only):not(.card-cta--article-alike):before {
    z-index: 0
}

.card-cta.card-cta--article-alike {
    max-width: 352px;
    max-height: 515px
}

@media (max-width:374px) {
    .card-cta.card-cta--article-alike {
        padding-right: 32px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-cta.card-cta--article-alike {
        padding-right: calc(29.70115px + .61303vw)
    }
}

@media (min-width:1680px) {
    .card-cta.card-cta--article-alike {
        padding-right: 40px
    }
}

.card-cta.card-cta--article-alike:after {
    display: none
}

.card-cta.card-cta--article-alike .card-cta__tag {
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 12px;
    line-height: 1.5em
}

.card-cta.card-cta--article-alike .card-cta__description {
    font-size: 28px;
    line-height: 1.3em
}

.card-cta.card-cta--article-alike .card-cta__link {
    padding-top: 60px
}

.card-cta.card-cta--article-alike .card-cta__link:before {
    border: none
}

.card-cta.card-cta--article-alike .card-cta__details {
    position: static;
    height: 220px;
    padding-left: 0;
    padding-right: 0
}

.card-download {
    display: flex;
    flex-direction: column;
    position: relative;
    padding-top: 12px
}

@media (max-width:374px) {
    .card-download {
        padding-right: 16px;
        padding-bottom: 16px;
        padding-left: 16px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-download {
        padding-right: calc(14.85057px + .30651vw);
        padding-bottom: calc(14.85057px + .30651vw);
        padding-left: calc(14.85057px + .30651vw)
    }
}

@media (min-width:1680px) {
    .card-download {
        padding-right: 20px;
        padding-bottom: 20px;
        padding-left: 20px
    }
}

.card-download__link:focus:before {
    border-color: #000
}

.card-download__description {

    font-weight: 400;
    color: #000
}

@media (max-width:374px) {
    .card-download__description {
        min-height: 66px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-download__description {
        min-height: calc(60.82759px + 1.37931vw)
    }
}

@media (min-width:1680px) {
    .card-download__description {
        min-height: 84px
    }
}

@media (max-width:374px) {
    .card-download__description {
        font-size: 16px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-download__description {
        font-size: calc(14.85057px + .30651vw)
    }
}

@media (min-width:1680px) {
    .card-download__description {
        font-size: 20px
    }
}

@media (max-width:374px) {
    .card-download__description {
        line-height: 22px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-download__description {
        line-height: calc(20.27586px + .45977vw)
    }
}

@media (min-width:1680px) {
    .card-download__description {
        line-height: 28px
    }
}

.card-download__link {
    display: inline-block;
    padding-top: 22px;
    margin-top: auto
}

.card-download__link:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    border: 1px solid #cbcbcb;
    transition: border-color .2s ease-out
}

.card-download__icon {
    position: absolute;
    width: 40px;
    height: 40px
}

@media (max-width:374px) {
    .card-download__icon {
        right: 8px;
        bottom: 8px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-download__icon {
        right: calc(6.85057px + .30651vw);
        bottom: calc(6.85057px + .30651vw)
    }
}

@media (min-width:1680px) {
    .card-download__icon {
        right: 12px;
        bottom: 12px
    }
}

.card-event {
    display: flex;
    align-items: flex-start;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12);
    background-color: #fff;
    flex-direction: row;
    flex-wrap: wrap
}

@media (max-width:374px) {
    .card-event {
        padding-top: 16px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-event {
        padding-top: calc(7.66667px + 2.22222vw)
    }
}

@media (min-width:1680px) {
    .card-event {
        padding-top: 45px
    }
}

@media (max-width:374px) {
    .card-event {
        padding-bottom: 25px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-event {
        padding-bottom: calc(13.50575px + 3.06513vw)
    }
}

@media (min-width:1680px) {
    .card-event {
        padding-bottom: 65px
    }
}

@media (max-width:374px) {
    .card-event {
        padding-right: 28px;
        padding-left: 28px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-event {
        padding-right: calc(18.8046px + 2.45211vw);
        padding-left: calc(18.8046px + 2.45211vw)
    }
}

@media (min-width:1680px) {
    .card-event {
        padding-right: 60px;
        padding-left: 60px
    }
}

.card-event__title {
    line-height: 1.17;
    display: flex;
    flex: 1 0 100%;
    align-items: center;
    position: relative;

    font-weight: 700;
    z-index: 1
}

@media (max-width:374px) {
    .card-event__title {
        font-size: 18px
    }
}

@media (min-width:375px) and (max-width:1023px) {
    .card-event__title {
        font-size: calc(15.68875px + .61633vw)
    }
}

@media (min-width:1024px) and (max-width:2559px) {
    .card-event__title {
        font-size: calc(20.66667px + .13021vw)
    }
}

@media (min-width:2560px) {
    .card-event__title {
        font-size: 24px
    }
}

@media (max-width:374px) {
    .card-event__title {
        min-height: 40px
    }
}

@media (min-width:375px) and (max-width:1023px) {
    .card-event__title {
        min-height: calc(30.75501px + 2.46533vw)
    }
}

@media (min-width:1024px) {
    .card-event__title {
        min-height: 56px
    }
}

.card-event__title:before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    background-image: url(/wp-content/themes/mjf/static/img/icons/pick-colored.svg);
    background-repeat: no-repeat;
    background-position: 0;
    background-size: contain;
    transform: translate3d(-.66em, 0, 0)
}

@media (max-width:374px) {
    .card-event__title:before {
        width: 40px
    }
}

@media (min-width:375px) and (max-width:1023px) {
    .card-event__title:before {
        width: calc(30.75501px + 2.46533vw)
    }
}

@media (min-width:1024px) {
    .card-event__title:before {
        width: 56px
    }
}

@media (max-width:374px) {

    .card-event__details,
    .card-event__schedules {
        margin-top: 35px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .card-event__details,
    .card-event__schedules {
        margin-top: calc(29.25287px + 1.53257vw)
    }
}

@media (min-width:1680px) {

    .card-event__details,
    .card-event__schedules {
        margin-top: 55px
    }
}

.card-event__details {
    flex-basis: 100%;
    padding-right: 5%
}

@media (min-width:700px) {
    .card-event__details {
        flex: 1 1 200px
    }
}

.card-event__schedules {
    display: flex;
    flex-wrap: wrap;
    flex-basis: 100%;
    font-family: TT Norms, sans-serif
}

.card-event__schedules dt {
    flex: 0 1 60px;
    font-size: 14px;
    color: #707070
}

.card-event__schedules dt:not(:first-of-type) {
    margin-top: 20px
}

.card-event__schedules dd {
    flex: 1 0 calc(100% - 60px)
}

.card-event__schedules dd:not(:first-of-type) {
    margin-top: 20px
}

.card-event__schedules dd:not(:first-of-type):before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    border-top: 1px solid #cbcbcb;
    transform: translate3d(0, -15px, 0)
}

.card-event__schedules dd p {
    font-size: 18px;
    line-height: 1.33
}

.card-event__schedules dd p:before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    margin-top: -.165em
}

.card-event__schedules dd p strong {
    font-weight: 700
}

.card-event__schedules dd p small {
    font-size: 16px;
    line-height: 1.5;
    color: #707070
}

.card-event__schedules dd p a {
    color: inherit;
    border-bottom: 1px solid transparent;
    transition: border .2s ease-out
}

.card-event__schedules dd p a:focus,
.card-event__schedules dd p a:hover {
    border-bottom: 1px solid #000
}

@media (min-width:700px) {
    .card-event__schedules {
        flex: 1 1 230px
    }
}

.card-event .wp-block-button__link:focus {
    border-width: 1px
}

@media (min-width:700px) {
    .card-event--cta .card-event__title {
        flex: 1 1 50%
    }
}

@media (max-width:699px) {
    .card-event--cta .card-event__cta {
        margin-top: 30px;
        flex-basis: 100%;
        order: 1
    }
}

@media (min-width:700px) {
    .card-event--cta .card-event__cta {
        flex: 0 1 50%;
        align-self: center;
        text-align: right
    }
}

@media (max-width:374px) {
    .card-event--small {
        padding: 20px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-event--small {
        padding: calc(16.55172px + .91954vw)
    }
}

@media (min-width:1680px) {
    .card-event--small {
        padding: 32px
    }
}

@media (max-width:767px) {
    .card-event--small {
        display: none
    }
}

.card-event--small .card-event__title {
    min-height: auto
}

.card-event--small .card-event__title:before {
    display: none
}

.card-event--small .card-event__details {
    margin-top: 25px;
    padding-right: 0;
    display: flex;
    flex-wrap: wrap;
    flex-basis: 100%;
    justify-content: space-between
}

.card-event--small .card-event__details>* {
    flex: 0 0 50%;
    margin-bottom: 25px;
    max-width: calc(50% - 10px);
    min-width: 200px
}

.card-event--small .card-event__cta {
    text-align: left;
    order: 1
}

.card-event--listing {
    align-items: center
}

@media (max-width:374px) {
    .card-event--listing {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-event--listing {
        padding-top: calc(17.70115px + .61303vw);
        padding-bottom: calc(17.70115px + .61303vw)
    }
}

@media (min-width:1680px) {
    .card-event--listing {
        padding-top: 28px;
        padding-bottom: 28px
    }
}

@media (max-width:374px) {
    .card-event--listing {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-event--listing {
        padding-left: calc(16.55172px + .91954vw);
        padding-right: calc(16.55172px + .91954vw)
    }
}

@media (min-width:1680px) {
    .card-event--listing {
        padding-left: 32px;
        padding-right: 32px
    }
}

.card-event--listing .card-event__title {
    font-size: 18px !important;
    min-height: 0 !important;
    flex: 1 1 100%;
    padding-right: 2em
}

@media (min-width:700px) {
    .card-event--listing .card-event__title {
        margin-bottom: 1em;
        flex: 1 1 50%
    }
}

@media (min-width:1024px) {
    .card-event--listing .card-event__title {
        margin-bottom: 0;
        flex: 1 1 auto;
        flex: 0 0 30%
    }
}

.card-event--listing .card-event__title:before {
    content: none;
    display: none
}

.card-event--listing .card-event__cta {
    flex: 1 1 100%
}

@media (min-width:700px) {
    .card-event--listing .card-event__cta {
        flex: 1 1 50%
    }
}

@media (min-width:1024px) {
    .card-event--listing .card-event__cta {
        order: 3;
        flex: 0 1 20%
    }
}

.card-event--listing .card-event__details {
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    flex: 0 0 100%
}

.card-event--listing .card-event__details dd {
    font-size: 16px
}

@media (max-width:549px) {
    .card-event--listing .card-event__details {
        grid-template-columns: 1fr 1fr;
        padding: 0
    }

    .card-event--listing .card-event__details dt {
        grid-row: 1;
        margin: 20px 0 0 !important
    }

    .card-event--listing .card-event__details dt:nth-child(4n-1) {
        margin-left: 20px !important
    }

    .card-event--listing .card-event__details dt:nth-child(n+5) {
        grid-row: 3
    }

    .card-event--listing .card-event__details dd {
        grid-row: 2;
        margin: 2px 0 0 !important
    }

    .card-event--listing .card-event__details dd:nth-child(4n) {
        margin-left: 20px !important
    }

    .card-event--listing .card-event__details dd:nth-child(n+6) {
        grid-row: 4
    }
}

@media (min-width:550px) {
    .card-event--listing .card-event__details {
        margin: 17px 0 0
    }

    .card-event--listing .card-event__details dt {
        grid-row: 1;
        margin: 0 30px 0 0 !important
    }

    .card-event--listing .card-event__details dd {
        grid-row: 2;
        margin: 2px 30px 0 0 !important
    }
}

@media (min-width:700px) {
    .card-event--listing .card-event__details {
        flex: 0 0 80%;
        margin: 0
    }

    .card-event--listing .card-event__details dt {
        margin: 0 10% 0 0 !important
    }

    .card-event--listing .card-event__details dd {
        margin: 2px 10% 0 0 !important
    }
}

@media (min-width:1024px) {
    .card-event--listing .card-event__details {
        flex: 0 0 50%;
        margin: 0
    }
}

.card-event--listing .card-event__schedules,
.card-event--no-times .card-event__schedules>dt {
    display: none
}

.card-event--placeholder .card-event__title {
    color: transparent
}

.card-event--placeholder .card-event__title:after {
    content: "";
    position: absolute;
    margin-left: 50px;
    background-color: #eee;
    width: 50%;
    height: 16px;
    border-radius: 8px
}

.card-event--placeholder dd,
.card-event--placeholder dt {
    background-color: #eee;
    color: transparent;
    height: 14px;
    border-radius: 7px
}

.card-event--placeholder dd:before,
.card-event--placeholder dd>* {
    display: none !important
}

.card-event--placeholder.card-event--listing .card-event__cta {
    display: none
}

.card-package {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    text-align: center
}

@media (max-width:374px) {
    .card-package {
        padding-top: 0
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-package {
        padding-top: calc(-5.74713px + 1.53257vw)
    }
}

@media (min-width:1680px) {
    .card-package {
        padding-top: 20px
    }
}

@media (max-width:374px) {
    .card-package {
        padding-bottom: 0
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-package {
        padding-bottom: calc(-2.29885px + .61303vw)
    }
}

@media (min-width:1680px) {
    .card-package {
        padding-bottom: 8px
    }
}

.card-package:focus-within .card-package__image,
.card-package:hover .card-package__image {
    transform: scale3d(1.03, 1.03, 1)
}

.card-package__link:hover>span:before {
    transform: translateY(0) scaleY(1)
}

.card-package__link:focus>span {
    border-color: #000
}

.card-package__link:focus>span:before {
    transform: translateY(0) scaleY(1)
}

.card-package__link:active>span:before {
    transform: translateY(0) scaleY(1);
    background-color: #cbcbcb
}

.card-package__image-wrapper {
    display: flex;
    border-radius: 50%;
    transform: translateZ(0);
    overflow: hidden;
    position: relative
}

.card-package__image-wrapper:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%
}

.card-package__image-wrapper>img {
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

@media (max-width:374px) {
    .card-package__image-wrapper {
        width: 154px;
        height: 154px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-package__image-wrapper {
        width: calc(139.63218px + 3.83142vw);
        height: calc(139.63218px + 3.83142vw)
    }
}

@media (min-width:1680px) {
    .card-package__image-wrapper {
        width: 204px;
        height: 204px
    }
}

@media (max-width:374px) {
    .card-package__image-wrapper {
        margin-bottom: 24px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-package__image-wrapper {
        margin-bottom: calc(23.13793px + .22989vw)
    }
}

@media (min-width:1680px) {
    .card-package__image-wrapper {
        margin-bottom: 27px
    }
}

.card-package__image {
    width: 100%;
    transition: transform .7s ease
}

.card-package__uptitle {

    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #000;
    margin-bottom: 8px
}

@media (max-width:374px) {
    .card-package__title {
        font-size: 24px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-package__title {
        font-size: calc(22.85057px + .30651vw)
    }
}

@media (min-width:1680px) {
    .card-package__title {
        font-size: 28px
    }
}

@media (max-width:374px) {
    .card-package__title {
        line-height: 28px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-package__title {
        line-height: calc(25.70115px + .61303vw)
    }
}

@media (min-width:1680px) {
    .card-package__title {
        line-height: 36px
    }
}

@media (max-width:374px) {
    .card-package__title {
        margin-bottom: 8px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-package__title {
        margin-bottom: calc(6.85057px + .30651vw)
    }
}

@media (min-width:1680px) {
    .card-package__title {
        margin-bottom: 12px
    }
}

.card-package__description {
    list-style: none;
    font-size: 16px;
    line-height: 1.5
}

@media (max-width:374px) {
    .card-package__description {
        margin-bottom: 20px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-package__description {
        margin-bottom: calc(18.85057px + .30651vw)
    }
}

@media (min-width:1680px) {
    .card-package__description {
        margin-bottom: 24px
    }
}

.card-package__description p+p {
    margin-top: .4em
}

.card-package__link {
    margin-top: auto;
    display: inline-block
}

.card-package__link:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

.card-partner {
    display: block;
    position: relative
}

.card-partner__link:focus:before {
    border-color: #000
}

.card-partner:active .card-partner__image-wrapper .card-partner__image--color,
.card-partner:focus .card-partner__image-wrapper .card-partner__image--color,
.card-partner:hover .card-partner__image-wrapper .card-partner__image--color {
    opacity: 1
}

.card-partner:active .card-partner__image-wrapper .card-partner__image--black,
.card-partner:focus .card-partner__image-wrapper .card-partner__image--black,
.card-partner:hover .card-partner__image-wrapper .card-partner__image--black {
    opacity: 0
}

.card-partner:after {
    content: "";
    display: block;
    padding-bottom: 64%
}

.card-partner__content {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (max-width:374px) {
    .card-partner__content {
        padding-top: 16px;
        padding-bottom: 16px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-partner__content {
        padding-top: calc(14.85057px + .30651vw);
        padding-bottom: calc(14.85057px + .30651vw)
    }
}

@media (min-width:1680px) {
    .card-partner__content {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.card-partner__image-wrapper {
    flex: 1;
    display: flex;
    position: relative;
    width: 70%
}

.card-partner__image {
    transition: opacity .2s ease-out;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%
}

.card-partner__image.card-partner__image--color {
    opacity: 0
}

.card-partner__link {
    display: inline-block;
    order: 1;
    text-decoration: none
}

@media (max-width:374px) {
    .card-partner__link {
        margin-top: 16px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-partner__link {
        margin-top: calc(14.85057px + .30651vw)
    }
}

@media (min-width:1680px) {
    .card-partner__link {
        margin-top: 20px
    }
}

.card-partner__link:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    border: 1px solid #cbcbcb;
    transition: border-color .2s ease-out
}

.card-partner__link.has-no-title {
    margin-top: 0
}

.card-partner.card-partner--no-link {
    border: 1px solid #cbcbcb
}

.card-partner.card-partner--square .card-partner__image-wrapper {
    width: 100%
}

.card-partner.card-partner--square:after {
    padding-bottom: 100%
}

.card-benefit {
    position: relative;
    display: flex;
    border: 1px solid #cbcbcb
}

@media (max-width:374px) {
    .card-benefit {
        max-width: 313px
    }
}

@media (min-width:375px) and (max-width:767px) {
    .card-benefit {
        max-width: 313px
    }
}

@media (min-width:768px) {
    .card-benefit {
        max-width: 696px
    }
}

@media (max-width:374px) {
    .card-benefit {
        flex-direction: column
    }
}

@media (min-width:375px) and (max-width:767px) {
    .card-benefit {
        flex-direction: column
    }
}

@media (min-width:768px) {
    .card-benefit {
        flex-direction: row
    }
}

.card-benefit:before {
    content: "";
    flex-shrink: 0;
    background: linear-gradient(-27deg, #cfff9e, #b3ffca 40%, #b1ffcd) left top 100%
}

@media (max-width:374px) {
    .card-benefit:before {
        width: 100%
    }
}

@media (min-width:375px) and (max-width:767px) {
    .card-benefit:before {
        width: 100%
    }
}

@media (min-width:768px) {
    .card-benefit:before {
        width: 30px
    }
}

@media (max-width:374px) {
    .card-benefit:before {
        height: 20px
    }
}

@media (min-width:375px) and (max-width:767px) {
    .card-benefit:before {
        height: 20px
    }
}

@media (min-width:768px) {
    .card-benefit:before {
        height: unset
    }
}

.card-benefit__container {
    display: flex
}

@media (max-width:767px) {
    .card-benefit__container {
        flex-direction: column
    }
}

.card-benefit__container:after,
.card-benefit__container:before {
    content: "";
    position: absolute;
    display: block;
    z-index: 1;
    pointer-events: none;
    background-repeat: no-repeat
}

@media (max-width:374px) {

    .card-benefit__container:after,
    .card-benefit__container:before {
        width: 10px
    }
}

@media (min-width:375px) and (max-width:767px) {

    .card-benefit__container:after,
    .card-benefit__container:before {
        width: 10px
    }
}

@media (min-width:768px) {

    .card-benefit__container:after,
    .card-benefit__container:before {
        width: 18px
    }
}

@media (max-width:374px) {

    .card-benefit__container:after,
    .card-benefit__container:before {
        height: 40px
    }
}

@media (min-width:375px) and (max-width:767px) {

    .card-benefit__container:after,
    .card-benefit__container:before {
        height: 40px
    }
}

@media (min-width:768px) {

    .card-benefit__container:after,
    .card-benefit__container:before {
        height: 80px
    }
}

@media (max-width:374px) {

    .card-benefit__container:after,
    .card-benefit__container:before {
        top: 190px
    }
}

@media (min-width:375px) and (max-width:767px) {

    .card-benefit__container:after,
    .card-benefit__container:before {
        top: 190px
    }
}

@media (min-width:768px) {

    .card-benefit__container:after,
    .card-benefit__container:before {
        top: calc(50% - 40px)
    }
}

@media (max-width:374px) {

    .card-benefit__container:after,
    .card-benefit__container:before {
        background-image: url(/wp-content/themes/mjf/static/img/benefit-curve-small.svg)
    }
}

@media (min-width:375px) and (max-width:767px) {

    .card-benefit__container:after,
    .card-benefit__container:before {
        background-image: url(/wp-content/themes/mjf/static/img/benefit-curve-small.svg)
    }
}

@media (min-width:768px) {

    .card-benefit__container:after,
    .card-benefit__container:before {
        background-image: url(/wp-content/themes/mjf/static/img/benefit-curve.svg)
    }
}

.card-benefit__container:before {
    left: -3px;
    background-position-x: left
}

.card-benefit__container:after {
    right: -3px;
    transform: rotate(180deg);
    background-position-x: right
}

.card-benefit__image {
    position: relative;
    flex-shrink: 0;
    overflow: hidden
}

.card-benefit__image picture {
    display: block
}

@media (max-width:374px) {
    .card-benefit__image picture {
        width: 100%
    }
}

@media (min-width:375px) and (max-width:767px) {
    .card-benefit__image picture {
        width: 100%
    }
}

@media (min-width:768px) {
    .card-benefit__image picture {
        width: 202px
    }
}

@media (max-width:374px) {
    .card-benefit__image picture {
        padding-top: 45%
    }
}

@media (min-width:375px) and (max-width:767px) {
    .card-benefit__image picture {
        padding-top: 45%
    }
}

@media (min-width:768px) {
    .card-benefit__image picture {
        padding-top: 100%
    }
}

.card-benefit__image picture img,
.card-benefit__image picture source {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .7s ease
}

.card-benefit.card-benefit--active:hover .card-benefit__image img,
.card-benefit.card-benefit--active:hover .card-benefit__image source {
    transform: scale3d(1.03, 1.03, 1)
}

.card-benefit__content {
    padding-bottom: 12px
}

@media (max-width:374px) {
    .card-benefit__content {
        padding-top: 20px
    }
}

@media (min-width:375px) and (max-width:767px) {
    .card-benefit__content {
        padding-top: calc(15.22901px + 1.27226vw)
    }
}

@media (min-width:768px) and (max-width:1679px) {
    .card-benefit__content {
        padding-top: calc(20.78947px + .54825vw)
    }
}

@media (min-width:1680px) {
    .card-benefit__content {
        padding-top: 30px
    }
}

@media (max-width:767px) {
    .card-benefit__content {
        padding-left: 25px
    }
}

@media (min-width:768px) and (max-width:1679px) {
    .card-benefit__content {
        padding-left: calc(20.78947px + .54825vw)
    }
}

@media (min-width:1680px) {
    .card-benefit__content {
        padding-left: 30px
    }
}

@media (max-width:374px) {
    .card-benefit__content {
        padding-right: 25px
    }
}

@media (min-width:375px) and (max-width:767px) {
    .card-benefit__content {
        padding-right: calc(10.68702px + 3.81679vw)
    }
}

@media (min-width:768px) and (max-width:1679px) {
    .card-benefit__content {
        padding-right: calc(31.57895px + 1.09649vw)
    }
}

@media (min-width:1680px) {
    .card-benefit__content {
        padding-right: 50px
    }
}

@media (min-width:768px) {
    .card-benefit__content {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

.card-benefit__title {
    font-weight: 700;
    width: 100%
}

@media (max-width:374px) {
    .card-benefit__title {
        font-size: 16px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-benefit__title {
        font-size: calc(13.70115px + .61303vw)
    }
}

@media (min-width:1680px) {
    .card-benefit__title {
        font-size: 24px
    }
}

@media (max-width:374px) {
    .card-benefit__title {
        line-height: 20px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-benefit__title {
        line-height: calc(16.55172px + .91954vw)
    }
}

@media (min-width:1680px) {
    .card-benefit__title {
        line-height: 32px
    }
}

@media (max-width:374px) {
    .card-benefit__title {
        margin-bottom: 8px
    }
}

@media (min-width:375px) and (max-width:767px) {
    .card-benefit__title {
        margin-bottom: 8px
    }
}

@media (min-width:768px) {
    .card-benefit__title {
        margin-bottom: 16px
    }
}

.card-benefit__validity {
    text-transform: uppercase
}

@media (max-width:374px) {
    .card-benefit__validity {
        font-size: 12px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-benefit__validity {
        font-size: calc(11.42529px + .15326vw)
    }
}

@media (min-width:1680px) {
    .card-benefit__validity {
        font-size: 14px
    }
}

@media (max-width:374px) {
    .card-benefit__validity {
        letter-spacing: 1px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-benefit__validity {
        letter-spacing: calc(1.11494px - .03065vw)
    }
}

@media (min-width:1680px) {
    .card-benefit__validity {
        letter-spacing: .6px
    }
}

@media (min-width:768px) {
    .card-benefit__validity {
        order: 3;
        align-self: flex-end;
        margin-bottom: 10px
    }
}

.card-benefit__btnWrapper {
    margin-top: 12px
}

@media (min-width:768px) {
    .card-benefit__btnWrapper {
        margin-top: 0;
        align-self: flex-end
    }
}

.card-benefit__btnWrapper .card-benefit__btn:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer
}

.card-shop {
    position: relative;
    display: flex;
    background-color: #fff;
    border: 1px solid #cbcbcb
}

.card-shop .card-shop__description span,
.card-shop .card-shop__title a,
.card-shop__description .card-shop span,
.card-shop__title .card-shop a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width:374px) {
    .card-shop {
        padding: 16px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-shop {
        padding: calc(13.41379px + .68966vw)
    }
}

@media (min-width:1680px) {
    .card-shop {
        padding: 25px
    }
}

@media (max-width:767px) {
    .card-shop {
        max-width: 320px
    }
}

.card-shop__details {
    order: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    column-gap: 44px;
    row-gap: 10px;
    color: #000;

    font-weight: 400
}

.card-shop__tag {
    display: block;
    font-size: 12px;
    line-height: 1.1666666667em;
    text-transform: uppercase;
    letter-spacing: 2px
}

.card-shop__title {
    line-height: 1.2857142857em
}

@media (max-width:374px) {
    .card-shop__title {
        font-size: 22px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-shop__title {
        font-size: calc(20.27586px + .45977vw)
    }
}

@media (min-width:1680px) {
    .card-shop__title {
        font-size: 28px
    }
}

.card-shop__title a {
    color: inherit
}

.card-shop__title a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2
}

.card-shop__description {
    width: 100%;
    margin: 0;
    font-size: 16px;
    line-height: 1.375em;
    color: #000
}

.card-shop__btn {
    display: inline-block;
    margin: 5px 0 10px
}

.card-shop__image {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1/1
}

.card-shop__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scaleX(1);
    transition: transform .7s ease
}

.card-shop:focus-within .card-shop__image img,
.card-shop:hover .card-shop__image img {
    transform: scale3d(1.03, 1.03, 1)
}

.card-shop:focus-within .card-shop__btn span:before,
.card-shop:hover .card-shop__btn span:before {
    transform: translateY(0) scaleY(1)
}

.card-shop:focus-within .card-shop__btn span {
    border-color: #000;
    border-width: 2px
}

.card-shop--vertical {
    flex-direction: column
}

@media (max-width:374px) {
    .card-shop--vertical {
        gap: 30px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-shop--vertical {
        gap: calc(25.97701px + 1.0728vw)
    }
}

@media (min-width:1680px) {
    .card-shop--vertical {
        gap: 44px
    }
}

.card-shop--vertical .card-shop__description,
.card-shop--vertical .card-shop__details {
    flex-grow: 1
}

@media (max-width:374px) {
    .card-shop--horizontal {
        gap: 30px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .card-shop--horizontal {
        gap: calc(21.37931px + 2.29885vw)
    }
}

@media (min-width:1680px) {
    .card-shop--horizontal {
        gap: 60px
    }
}

@media (max-width:374px) {
    .card-shop--horizontal {
        flex-direction: column
    }
}

@media (min-width:375px) and (max-width:767px) {
    .card-shop--horizontal {
        flex-direction: column
    }
}

@media (min-width:768px) {
    .card-shop--horizontal {
        flex-direction: row
    }
}

@media (min-width:768px) {
    .card-shop--horizontal .card-shop__details {
        flex-basis: 68%
    }

    .card-shop--horizontal .card-shop__image {
        flex-basis: 32%
    }
}

.card-shop--horizontal .card-shop__details {
    justify-content: center
}

@media (min-width:1024px) {

    .card-shop--horizontal .card-shop__description,
    .card-shop--horizontal .card-shop__title {
        padding-right: 10px
    }
}

.card-event__details,
.description-list,
.package-card__details,
.programme__content-column .programme__schedule .programme__schedule-price {

    color: #000
}

.card-event__details dt,
.description-list dt,
.package-card__details dt,
.programme__content-column .programme__schedule .programme__schedule-price dt {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: .16em;
    text-transform: uppercase
}

@media (max-width:374px) {

    .card-event__details dt:not(:first-of-type),
    .description-list dt:not(:first-of-type),
    .package-card__details dt:not(:first-of-type),
    .programme__content-column .programme__schedule .programme__schedule-price dt:not(:first-of-type) {
        margin-top: 16px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .card-event__details dt:not(:first-of-type),
    .description-list dt:not(:first-of-type),
    .package-card__details dt:not(:first-of-type),
    .programme__content-column .programme__schedule .programme__schedule-price dt:not(:first-of-type) {
        margin-top: calc(9.67816px + 1.68582vw)
    }
}

@media (min-width:1680px) {

    .card-event__details dt:not(:first-of-type),
    .description-list dt:not(:first-of-type),
    .package-card__details dt:not(:first-of-type),
    .programme__content-column .programme__schedule .programme__schedule-price dt:not(:first-of-type) {
        margin-top: 38px
    }
}

.card-event__details dd,
.description-list dd,
.package-card__details dd,
.programme__content-column .programme__schedule .programme__schedule-price dd {
    line-height: 1.35
}

@media (max-width:374px) {

    .card-event__details dd,
    .description-list dd,
    .package-card__details dd,
    .programme__content-column .programme__schedule .programme__schedule-price dd {
        font-size: 16px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .card-event__details dd,
    .description-list dd,
    .package-card__details dd,
    .programme__content-column .programme__schedule .programme__schedule-price dd {
        font-size: calc(15.42529px + .15326vw)
    }
}

@media (min-width:1680px) and (max-width:2559px) {

    .card-event__details dd,
    .description-list dd,
    .package-card__details dd,
    .programme__content-column .programme__schedule .programme__schedule-price dd {
        font-size: calc(10.36364px + .45455vw)
    }
}

@media (min-width:2560px) {

    .card-event__details dd,
    .description-list dd,
    .package-card__details dd,
    .programme__content-column .programme__schedule .programme__schedule-price dd {
        font-size: 22px
    }
}

@media (max-width:374px) {

    .card-event__details dd,
    .description-list dd,
    .package-card__details dd,
    .programme__content-column .programme__schedule .programme__schedule-price dd {
        margin-top: 4px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .card-event__details dd,
    .description-list dd,
    .package-card__details dd,
    .programme__content-column .programme__schedule .programme__schedule-price dd {
        margin-top: calc(2.85057px + .30651vw)
    }
}

@media (min-width:1680px) {

    .card-event__details dd,
    .description-list dd,
    .package-card__details dd,
    .programme__content-column .programme__schedule .programme__schedule-price dd {
        margin-top: 8px
    }
}

.highlighted-article__article {
    position: relative;
    overflow: hidden;
    grid-column: 1/13
}

@media (min-width:1024px) {
    .highlighted-article__article {
        grid-column-end: span 12;
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-column-gap: inherit;
        grid-row-gap: inherit;
        grid-column: 1/-1
    }
}

@media (min-width:1200px) {
    .highlighted-article__article {
        grid-column-end: span 10;
        display: grid;
        grid-template-columns: repeat(10, 1fr);
        grid-column-gap: inherit;
        grid-row-gap: inherit;
        grid-column: 2/12
    }
}

.highlighted-article__image-wrapper {
    grid-column: 1/13;
    position: relative;
    width: 100%
}

@media (min-width:1024px) {
    .highlighted-article__image-wrapper {
        grid-column: 1/7
    }
}

@media (min-width:1200px) {
    .highlighted-article__image-wrapper {
        grid-column: 1/6
    }
}

.highlighted-article__image {
    width: 100%
}

.highlighted-article__details {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    grid-column: 1/13
}

@media (min-width:1024px) {
    .highlighted-article__details {
        grid-column: 7/-1;
        padding-left: 40px
    }
}

@media (min-width:1200px) {
    .highlighted-article__details {
        grid-column: 6/11
    }
}

.highlighted-article__details-content {
    order: 2;
    padding-top: 28px
}

@media (min-width:1024px) {
    .highlighted-article__details-content {
        padding-bottom: 66px
    }
}

@media (max-width:374px) {
    .highlighted-article__tag {
        margin-bottom: 14px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .highlighted-article__tag {
        margin-bottom: calc(7.67816px + 1.68582vw)
    }
}

@media (min-width:1680px) {
    .highlighted-article__tag {
        margin-bottom: 36px
    }
}

.highlighted-article__title {
    display: block;

    font-variant-numeric: lining-nums
}

@media (max-width:374px) {
    .highlighted-article__title {
        margin-bottom: 20px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .highlighted-article__title {
        margin-bottom: calc(14.82759px + 1.37931vw)
    }
}

@media (min-width:1680px) {
    .highlighted-article__title {
        margin-bottom: 38px
    }
}

@media (max-width:374px) {
    .highlighted-article__title {
        line-height: 44px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .highlighted-article__title {
        line-height: calc(35.95402px + 2.14559vw)
    }
}

@media (min-width:1680px) {
    .highlighted-article__title {
        line-height: 72px
    }
}

@media (max-width:374px) {
    .highlighted-article__title {
        font-size: 36px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .highlighted-article__title {
        font-size: calc(28.52874px + 1.99234vw)
    }
}

@media (min-width:1680px) {
    .highlighted-article__title {
        font-size: 62px
    }
}

.highlighted-article__excerpt {
    font-size: 22px
}

@media (max-width:374px) {
    .highlighted-article__excerpt {
        line-height: 30px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .highlighted-article__excerpt {
        line-height: calc(29.42529px + .15326vw)
    }
}

@media (min-width:1680px) {
    .highlighted-article__excerpt {
        line-height: 32px
    }
}

@media (max-width:374px) {
    .highlighted-article__excerpt {
        margin-bottom: 30px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .highlighted-article__excerpt {
        margin-bottom: calc(28.27586px + .45977vw)
    }
}

@media (min-width:1680px) {
    .highlighted-article__excerpt {
        margin-bottom: 36px
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .highlighted-article__excerpt {
        font-size: 16px
    }
}

.highlighted-article__sponsor-wrapper {
    background: #efefef;
    color: #505050;
    width: 100%;
    padding: 14px 20px 12px;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase
}

@media (min-width:1024px) {
    .highlighted-article__sponsor-wrapper {
        position: absolute;
        bottom: 0
    }
}

.modal-benefit {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    display: grid;
    justify-content: center;
    padding: 30px 12px;
    opacity: 1;
    visibility: visible;
    transition: visibility 0s linear 0s, opacity .2s ease-out;
    overflow-y: auto;
    background-color: rgba(0, 0, 0, .6);
    pointer-events: auto;
    place-items: start
}

@media (min-width:1200px) {
    .modal-benefit {
        padding-top: 160px
    }
}

.modal-benefit[aria-hidden=true] {
    opacity: 0;
    transition: visibility 0s linear .2s, opacity .2s ease-out
}

.modal-benefit[aria-hidden=true],
.modal-benefit[aria-hidden=true] * {
    visibility: hidden;
    pointer-events: none
}

.modal-benefit [aria-hidden=true] {
    display: none;
    pointer-events: none
}

.modal-benefit__container {
    position: relative;
    background-color: #fff;
    display: flex;
    width: 100%
}

@media (max-width:374px) {
    .modal-benefit__container {
        max-width: 600px
    }
}

@media (min-width:375px) and (max-width:767px) {
    .modal-benefit__container {
        max-width: 600px
    }
}

@media (min-width:768px) {
    .modal-benefit__container {
        max-width: 860px
    }
}

@media (max-width:374px) {
    .modal-benefit__container {
        flex-direction: column
    }
}

@media (min-width:375px) and (max-width:767px) {
    .modal-benefit__container {
        flex-direction: column
    }
}

@media (min-width:768px) {
    .modal-benefit__container {
        flex-direction: row
    }
}

.modal-benefit__container:before {
    content: "";
    flex-shrink: 0;
    background-image: linear-gradient(-27deg, #cfff9e, #b3ffca 82%, #b1ffcd)
}

@media (max-width:374px) {
    .modal-benefit__container:before {
        width: 100%
    }
}

@media (min-width:375px) and (max-width:767px) {
    .modal-benefit__container:before {
        width: 100%
    }
}

@media (min-width:768px) {
    .modal-benefit__container:before {
        width: 30px
    }
}

@media (max-width:374px) {
    .modal-benefit__container:before {
        height: 20px
    }
}

@media (min-width:375px) and (max-width:767px) {
    .modal-benefit__container:before {
        height: 20px
    }
}

@media (min-width:768px) {
    .modal-benefit__container:before {
        height: unset
    }
}

.modal-benefit__close {
    font-size: 1em;
    background-color: initial;
    border: 0;
    border-radius: 0;
    outline: 0;
    -webkit-appearance: none;
    appearance: none;
    padding: 0;
    top: 15px;
    display: block;
    width: 48px;
    height: 48px;
    cursor: pointer
}

.modal-benefit__close::-moz-focus-inner {
    border: 0
}

@media (max-width:374px) {
    .modal-benefit__close {
        position: fixed
    }
}

@media (min-width:375px) and (max-width:767px) {
    .modal-benefit__close {
        position: fixed
    }
}

@media (min-width:768px) {
    .modal-benefit__close {
        position: absolute
    }
}

@media (max-width:374px) {
    .modal-benefit__close {
        right: 10px
    }
}

@media (min-width:375px) and (max-width:767px) {
    .modal-benefit__close {
        right: 10px
    }
}

@media (max-width:374px) {
    .modal-benefit__close {
        background-color: #fff
    }
}

@media (min-width:375px) and (max-width:767px) {
    .modal-benefit__close {
        background-color: #fff
    }
}

@media (min-width:768px) {
    .modal-benefit__close {
        background-color: transparent
    }
}

@media (max-width:767px) {
    .modal-benefit__close {
        right: 10px
    }
}

@media (min-width:600px) {
    .modal-benefit__close {
        right: 34px
    }
}

@media (min-width:768px) {
    .modal-benefit__close {
        right: 15px
    }
}

.modal-benefit__close svg {
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
    transform: scale(1);
    transition: transform .2s ease-out
}

.modal-benefit__close:hover svg {
    transform: scale(1.2)
}

.modal-benefit__inner {
    display: flex;
    width: 100%;
    flex-direction: column
}

@media (min-width:768px) {
    .modal-benefit__inner {
        margin-top: 80px
    }
}

@media (max-width:374px) {
    .modal-benefit__inner {
        margin-bottom: 25px
    }
}

@media (min-width:375px) and (max-width:767px) {
    .modal-benefit__inner {
        margin-bottom: calc(20.22901px + 1.27226vw)
    }
}

@media (min-width:768px) {
    .modal-benefit__inner {
        margin-bottom: 30px
    }
}

.modal-benefit__top {
    display: flex;
    flex-direction: column
}

@media (min-width:768px) and (max-width:1439px) {
    .modal-benefit__top {
        padding-left: 49px
    }
}

@media (min-width:1440px) {
    .modal-benefit__top {
        padding-left: 98px
    }
}

@media (min-width:768px) and (max-width:1439px) {
    .modal-benefit__top {
        padding-right: 64px
    }
}

@media (min-width:1440px) {
    .modal-benefit__top {
        padding-right: 128px
    }
}

@media (min-width:768px) {
    .modal-benefit__top {
        flex-direction: row
    }
}

.modal-benefit__image {
    position: relative;
    overflow: hidden;
    max-height: 145px
}

.modal-benefit__image picture {
    display: block;
    padding-top: 145px
}

@media (max-width:374px) {
    .modal-benefit__image picture {
        width: 100%
    }
}

@media (min-width:375px) and (max-width:767px) {
    .modal-benefit__image picture {
        width: 100%
    }
}

@media (min-width:768px) {
    .modal-benefit__image picture {
        width: 202px;
        padding-top: 100%
    }
}

.modal-benefit__image picture img,
.modal-benefit__image picture source {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media (min-width:768px) {
    .modal-benefit__image {
        order: 1;
        margin-left: 40px;
        flex: 1 0 100%;
        max-width: 202px;
        max-height: 202px
    }
}

.modal-benefit__content {
    padding: 20px 30px 0
}

@media (min-width:768px) {
    .modal-benefit__content {
        flex: 1 1 100%;
        padding: 0
    }
}

@media (max-width:374px) {
    .modal-benefit__content-title {
        margin-bottom: 9px
    }
}

@media (min-width:375px) and (max-width:767px) {
    .modal-benefit__content-title {
        margin-bottom: 9px
    }
}

@media (min-width:768px) {
    .modal-benefit__content-title {
        margin-bottom: 12px
    }
}

.modal-benefit__content-descWrapper {
    position: relative
}

.modal-benefit__content-descWrapper:after,
.modal-benefit__content-descWrapper:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 57px;
    pointer-events: none;
    transition: opacity .2s ease-out;
    opacity: 0
}

.modal-benefit__content-descWrapper:before {
    top: -1px;
    background-image: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0))
}

.modal-benefit__content-descWrapper:after {
    bottom: -1px;
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff)
}

.modal-benefit__content-descWrapper.showGradBottom:after,
.modal-benefit__content-descWrapper.showGradTop:before {
    opacity: 1
}

.modal-benefit__content-desc {
    max-height: 150px;
    overflow-y: auto
}

@media (min-width:768px) {
    .modal-benefit__content-desc {
        max-height: none
    }
}

.modal-benefit hr {
    border: 1px dashed #cbcbcb;
    border-bottom: none
}

@media (max-width:374px) {
    .modal-benefit hr {
        margin-top: 30px
    }
}

@media (min-width:375px) and (max-width:767px) {
    .modal-benefit hr {
        margin-top: 30px
    }
}

@media (min-width:768px) {
    .modal-benefit hr {
        margin-top: 60px
    }
}

@media (max-width:374px) {
    .modal-benefit hr {
        margin-left: 30px;
        margin-right: 30px
    }
}

@media (min-width:375px) and (max-width:767px) {
    .modal-benefit hr {
        margin-left: 30px;
        margin-right: 30px
    }
}

@media (min-width:768px) {
    .modal-benefit hr {
        margin-left: 0;
        margin-right: 0
    }
}

@media (max-width:374px) {
    .modal-benefit hr {
        margin-bottom: 25px
    }
}

@media (min-width:375px) and (max-width:767px) {
    .modal-benefit hr {
        margin-bottom: calc(20.22901px + 1.27226vw)
    }
}

@media (min-width:768px) {
    .modal-benefit hr {
        margin-bottom: 30px
    }
}

.modal-benefit__bottom {
    position: relative;
    margin: 0 30px;
    overflow: hidden
}

@media (min-width:768px) and (max-width:1439px) {
    .modal-benefit__bottom {
        margin-left: 49px
    }
}

@media (min-width:1440px) {
    .modal-benefit__bottom {
        margin-left: 98px
    }
}

@media (min-width:768px) and (max-width:1439px) {
    .modal-benefit__bottom {
        margin-right: 64px
    }
}

@media (min-width:1440px) {
    .modal-benefit__bottom {
        margin-right: 128px
    }
}

.modal-benefit__bottom>* {
    display: block;
    position: relative;
    opacity: 1;
    visibility: visible;
    transition: visibility 0s linear 0s, opacity .2s ease-out .1s;
    pointer-events: auto
}

.modal-benefit__bottom>[aria-hidden=true] {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: visibility 0s linear .2s, opacity .2s ease-out;
    pointer-events: none
}

.modal-benefit__btn {
    width: 100%
}

.modal-benefit__btn .wp-block-button__link {
    width: 100%;
    justify-content: center
}

.modal-benefit__form {
    width: 100%
}

@media (max-width:374px) {
    .modal-benefit__form {
        padding-top: 15px
    }
}

@media (min-width:375px) and (max-width:767px) {
    .modal-benefit__form {
        padding-top: calc(.68702px + 3.81679vw)
    }
}

@media (min-width:768px) {
    .modal-benefit__form {
        padding-top: 30px
    }
}

@media (max-width:374px) {
    .modal-benefit__form {
        padding-bottom: 0
    }
}

@media (min-width:375px) and (max-width:767px) {
    .modal-benefit__form {
        padding-bottom: calc(-28.62595px + 7.63359vw)
    }
}

@media (min-width:768px) {
    .modal-benefit__form {
        padding-bottom: 30px
    }
}

.modal-benefit__form-title {
    font-weight: 700
}

@media (max-width:374px) {
    .modal-benefit__form-title {
        margin-bottom: 8px
    }
}

@media (min-width:375px) and (max-width:767px) {
    .modal-benefit__form-title {
        margin-bottom: calc(1.32061px + 1.78117vw)
    }
}

@media (min-width:768px) {
    .modal-benefit__form-title {
        margin-bottom: 15px
    }
}

@media (max-width:374px) {
    .modal-benefit__form .input-text {
        margin-top: 20px
    }
}

@media (min-width:375px) and (max-width:767px) {
    .modal-benefit__form .input-text {
        margin-top: calc(.91603px + 5.08906vw)
    }
}

@media (min-width:768px) {
    .modal-benefit__form .input-text {
        margin-top: 40px
    }
}

.option-group {
    position: relative;
    padding: 15px 16px 11px;
    font-family: TT Norms, sans-serif
}

.option-group:after {
    content: "";
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    display: block;
    position: absolute;
    bottom: 9px;
    left: 15px;
    color: #eb0000
}

.option-group[data-error] {
    padding-bottom: 30px
}

.option-group__legend {
    padding: 0 !important;
    -webkit-appearance: none;
    appearance: none;
    display: contents
}

.option-group__list {
    margin-top: 15px;
    list-style: none
}

.option-group label {
    display: inline-block;
    width: auto;
    min-height: auto;
    padding: 0 18px 8px;
    box-shadow: none !important;
    cursor: pointer
}

.option-group label:after,
.option-group label:before {
    top: 0
}

.option-group label:before {
    left: 0
}

.option-group label:after {
    left: 2px
}

.option-group__item>* {
    padding-bottom: 0;
    min-height: auto
}

.option-group__item .input-checkbox label:after,
.option-group__item .input-checkbox label:before {
    top: 5px
}

.option-group--no-border,
.option-group--no-border:focus,
.option-group--no-border:hover {
    box-shadow: none
}

.package-card {
    max-width: 480px
}

.package-card__inner {
    padding: 20px;
    display: flex;
    align-items: flex-start;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12);
    background-color: #fff;
    flex-direction: row;
    flex-wrap: wrap
}

@media (max-width:767px) {
    .package-card__inner {
        display: block
    }
}

.package-card__inner .wp-block-button__link:focus {
    border-width: 1px
}

.package-card__title {
    line-height: 1.17;
    display: flex;
    flex: 1 0 100%;
    align-items: center;
    position: relative;

    font-weight: 700;
    z-index: 1
}

@media (max-width:374px) {
    .package-card__title {
        font-size: 18px
    }
}

@media (min-width:375px) and (max-width:1023px) {
    .package-card__title {
        font-size: calc(15.68875px + .61633vw)
    }
}

@media (min-width:1024px) and (max-width:2559px) {
    .package-card__title {
        font-size: calc(20.66667px + .13021vw)
    }
}

@media (min-width:2560px) {
    .package-card__title {
        font-size: 24px
    }
}

@media (max-width:374px) {
    .package-card__title {
        min-height: 40px
    }
}

@media (min-width:375px) and (max-width:1023px) {
    .package-card__title {
        min-height: calc(30.75501px + 2.46533vw)
    }
}

@media (min-width:1024px) {
    .package-card__title {
        min-height: 56px
    }
}

.package-card__details_wrapper {
    display: flex;
    position: relative;
    width: 100%
}

.package-card__details_wrapper .card-event__cta {
    position: absolute;
    right: 0;
    bottom: 0
}

.package-card__details {
    flex-basis: 100%;
    padding-right: 5%
}

.package-card__details dt {
    font-size: 12px;
    letter-spacing: 2px
}

.package-card__details dd {
    font-size: 16px;
    line-height: 24px;
    margin-top: 4px
}

.package-card__details>* {
    margin-bottom: 0
}

@media (min-width:700px) {
    .package-card__details {
        flex: 1 1 200px
    }
}

.timer {
    display: flex
}

@media (max-width:374px) {
    .timer {
        flex-direction: column
    }
}

@media (min-width:375px) and (max-width:1199px) {
    .timer {
        flex-direction: column
    }
}

@media (min-width:1200px) {
    .timer {
        flex-direction: row;
        align-items: center
    }
}

.timer__title {
    font-weight: 700;
    font-size: 12px;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #ffffff;
    max-width: 250px;
    flex: 50%;
    border-left: 1px solid #ffffff69;
    height: 53px;
    place-content: center;
    padding-left: 10px;
}

@media (max-width:1199px) {
    .timer__title {
        margin-top: 16px
    }
}

.timer__countdown {
    display: flex;
    list-style: none;
    margin-right: 32px;
    flex: 50%;
}

.timer__countdown li p {
    font-family: "Space Grotesk", sans-serif !important;
    color: #fff !important;
}

.timer__countdown li:nth-child(1)>p:first-child {
    color: #bf00ff !important;
}

@media (max-width:374px) {
    .timer__countdown li+li {
        margin-left: 16px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .timer__countdown li+li {
        margin-left: calc(9.10345px + 1.83908vw)
    }
}

@media (min-width:1680px) {
    .timer__countdown li+li {
        margin-left: 40px
    }
}

.timer__countdown li p:first-child {

    font-weight: 400;
    color: #000;
    font-variant-numeric: lining-nums
}

@media (max-width:374px) {
    .timer__countdown li p:first-child {
        font-size: 30px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .timer__countdown li p:first-child {
        font-size: calc(28.27586px + .45977vw)
    }
}

@media (min-width:1680px) {
    .timer__countdown li p:first-child {
        font-size: 36px
    }
}

.timer__countdown li p:nth-child(2) {

    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
    margin-top: 8px
}

@media (max-width:374px) {
    .timer__countdown li p:nth-child(2) {
        font-size: 9px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .timer__countdown li p:nth-child(2) {
        font-size: calc(8.13793px + .22989vw)
    }
}

@media (min-width:1680px) {
    .timer__countdown li p:nth-child(2) {
        font-size: 12px
    }
}

.video.is-playing .video__image,
.video.is-playing .video__play {
    cursor: default;
    opacity: 0;
    pointer-events: none
}

.video__wrapper {
    position: relative;
    overflow: hidden;
    cursor: pointer
}

@media (min-widht:1024px) {
    .video__wrapper:hover .video__play {
        transform: translate(-50%, -50%) scale(.95)
    }

    .video__wrapper:hover .video__play path {
        fill: #dedede
    }
}

.video__container {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #000;
    overflow: hidden
}

.video__container:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .3)
}

.video__container iframe,
.video__container img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: contain
}

.video__video {
    position: relative;
    padding-top: 56.25%;
    height: 0;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.video__video video {
    max-width: 100%;
    max-height: 100%;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.video__image {
    display: block;
    width: 100%;
    height: auto;
    opacity: 1;
    transition: opacity .2s
}

.video__play {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    transition: transform .2s ease-out;
    z-index: 1
}

@media (max-width:374px) {
    .video__play {
        width: 48px;
        height: 48px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .video__play {
        width: calc(42.25287px + 1.53257vw);
        height: calc(42.25287px + 1.53257vw)
    }
}

@media (min-width:1680px) {
    .video__play {
        width: 68px;
        height: 68px
    }
}

.video__play path {
    fill: #efefef;
    transition: fill .2s
}

.video__caption {
    grid-column: 1/13;
    line-height: 26px;

    color: #505050;
    letter-spacing: .2px
}

@media (max-width:374px) {
    .video__caption {
        margin-top: 12px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .video__caption {
        margin-top: calc(10.85057px + .30651vw)
    }
}

@media (min-width:1680px) {
    .video__caption {
        margin-top: 16px
    }
}

@media (min-width:768px) {
    .video__caption {
        grid-column: 2/12
    }
}

.ap-watch:not(.is-ready) {
    opacity: 0
}

.ap-watch.is-ready {
    transition: opacity .3s;
    opacity: 1
}

.ap-watch .ad img,
.ap-watch .banner img,
.ap-watch .banner svg {
    position: absolute;
    border: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}

.ap-watch .ad *,
.ap-watch .banner div {
    box-sizing: border-box
}

.ap-watch .ad * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Helvetica Neue, TT Norms, Arial, sans-serif
}

.ap-watch .banner div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.ap-watch .ad,
.ap-watch .banner {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat
}

.ap-watch .banner {
    margin: 0 auto;
    z-index: 0;
    -webkit-background-size: auto;
    background-size: auto;
    height: calc(95.63636px + 9.54545vw);
    width: 100%;
    aspect-ratio: 1164/240
}

.ap-watch .ad {
    border-width: 0;
    border-style: solid;
    height: -moz-fit-content;
    height: fit-content
}

@media (max-width:1199px) {
    .ap-watch .ad {
        grid-column: 1/span 12
    }
}

@media (min-width:1200px) {
    .ap-watch .ad {
        grid-column: 2/span 10
    }
}

.ap-watch .ad[data-load] {
    pointer-events: none
}

.ap-watch .ad[data-load="0"] img.hidden {
    display: none;
    pointer-events: none
}

.ap-watch .ad[data-load="1"] {
    pointer-events: all
}

.ap-watch .ad[data-load]:before {
    display: none;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    border: 2px solid #f3f3f3;
    border-top-color: #f8b518;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    opacity: .5;
    -webkit-animation: spin .85s linear infinite;
    -moz-animation: .85s linear infinite spin;
    -o-animation: .85s linear infinite spin;
    animation: spin .85s linear infinite
}

.ap-watch .ad[data-load="0"] .banner,
.ap-watch .ad[data-load="1"]:before {
    display: none
}

.ap-watch .banner div,
.ap-watch .cta:after,
.ap-watch canvas,
.ap-watch p {
    position: absolute
}

.ap-watch p {
    color: #fff;
    font-family: Helvetica Neue, TT Norms, Arial, sans-serif
}

.ap-watch .cta,
.ap-watch .text {
    font-weight: 400;
    top: 53%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%)
}

.ap-watch .text {
    font-size: Min(1.43vw, 25px)
}

.ap-watch .cta {
    letter-spacing: .4px;
    font-weight: 700;
    line-height: 1em;
    font-size: 2.207vw;
    left: 31.3%;
    top: 64%
}

.ap-watch .cta:after {
    content: "";
    width: 7vw;
    height: 7vw;
    right: -5.5vw;
    background-image: url(/wp-content/themes/mjf/static/img/ap-watch/arrow.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%auto;
    top: 42%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ap-watch .smooth {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

.ap-watch .clickTag,
.ap-watch .full {
    height: 100%;
    top: 0;
    left: 0;
    width: 100%
}

.ap-watch .full {
    background-color: initial
}

.ap-watch .border {
    border: 0 solid #000
}

.ap-watch .clickTag {
    position: absolute;
    cursor: pointer
}

.ap-watch .img_full {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.ap-watch .isDesktop {
    display: none
}

.ap-watch .isMobile {
    display: block
}

.ap-watch canvas {
    top: 50%;
    right: 9%;
    height: 100%;
    width: auto;
    background-color: initial;
    z-index: 1;
    transform: scale(1.35) translateY(-32.5%);
    transform-origin: center
}

@media only screen and (min-width:768px) {
    .ap-watch .isDesktop {
        display: block
    }

    .ap-watch .isMobile {
        display: none
    }

    .ap-watch .cta {
        font-size: 1.05vw;
        top: 74%;
        left: 49.3%
    }

    .ap-watch .cta:after {
        width: 2.292vw;
        height: 2.292vw;
        right: -2.3vw;
        top: 43%
    }

    .ap-watch canvas {
        top: 50%;
        right: 12.155%;
        background-color: initial;
        transform: scale(1.165) translateY(-39.05%)
    }
}

@media only screen and (min-width:1024px) {
    .ap-watch .cta {
        font-size: Min(.84vw, 16px)
    }
}

.articles-list__title {

    font-weight: 700;
    line-height: 1.15;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    grid-column: 1/13
}

@media (max-width:374px) {
    .articles-list__title {
        font-size: 16px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .articles-list__title {
        font-size: calc(14.85057px + .30651vw)
    }
}

@media (min-width:1680px) {
    .articles-list__title {
        font-size: 20px
    }
}

@media (max-width:374px) {
    .articles-list__title {
        letter-spacing: 2px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .articles-list__title {
        letter-spacing: calc(1.71264px + .07663vw)
    }
}

@media (min-width:1680px) {
    .articles-list__title {
        letter-spacing: 3px
    }
}

@media (max-width:374px) {
    .articles-list__title {
        margin-bottom: 40px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .articles-list__title {
        margin-bottom: calc(28.50575px + 3.06513vw)
    }
}

@media (min-width:1680px) {
    .articles-list__title {
        margin-bottom: 80px
    }
}

.articles-list__inner {
    display: grid;
    justify-content: normal
}

@media (max-width:599px) {
    .articles-list__inner {
        grid-column: 2/12
    }
}

@media (min-width:600px) {
    .articles-list__inner {
        grid-column: 1/13
    }
}

@media (max-width:767px) {
    .articles-list__inner {
        grid-row-gap: 40px
    }
}

@media (min-width:768px) and (max-width:1679px) {
    .articles-list__inner {
        grid-row-gap: calc(26.52632px + 1.75439vw)
    }
}

@media (min-width:1680px) {
    .articles-list__inner {
        grid-row-gap: 56px
    }
}

@media (max-width:1499px) {
    .articles-list__inner {
        grid-column-gap: 2.13vw
    }
}

@media (min-width:1500px) {
    .articles-list__inner {
        grid-column-gap: 32px
    }
}

@media (max-width:599px) {
    .articles-list__inner {
        grid-template-columns: repeat(1, minmax(280px, 292px))
    }
}

@media (min-width:600px) and (max-width:767px) {
    .articles-list__inner {
        grid-template-columns: repeat(2, minmax(248px, 328px))
    }
}

@media (min-width:768px) {
    .articles-list__inner {
        grid-template-columns: repeat(3, max-content)
    }
}

@media (min-width:1024px) {
    .articles-list__inner {
        grid-template-columns: repeat(4, max-content)
    }
}

@media (min-width:2000px) {
    .articles-list__inner {
        grid-template-columns: repeat(5, max-content)
    }
}

@media (min-width:2400px) {
    .articles-list__inner {
        grid-template-columns: repeat(6, max-content)
    }
}

.articles-list__cta {
    text-align: center;
    grid-column: 1/13
}

@media (max-width:374px) {
    .articles-list__cta {
        margin-top: 64px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .articles-list__cta {
        margin-top: calc(59.4023px + 1.22605vw)
    }
}

@media (min-width:1680px) {
    .articles-list__cta {
        margin-top: 80px
    }
}

@media (min-width:768px) {
    .articles-list .card-article {
        width: 218px
    }
}

@media (min-width:1024px) and (max-width:1679px) {
    .articles-list .card-article {
        width: calc(8.82927px + 20.42683vw)
    }
}

@media (min-width:1680px) {
    .articles-list .card-article {
        width: 352px
    }
}

@media (min-width:768px) and (max-width:1023px) {

    .articles-list--singlerow.has-4 .card-article:nth-child(4),
    .articles-list--singlerow.has-7 .card-article:nth-child(7),
    .articles-list--singlerow.has-8 .card-article:nth-child(7),
    .articles-list--singlerow.has-8 .card-article:nth-child(8) {
        display: none
    }
}

.articles-list--centered .articles-list__inner {
    justify-content: center
}

@media (min-width:768px) {
    .articles-list--centered.has-1 .articles-list__inner {
        grid-template-columns: repeat(1, max-content)
    }

    .articles-list--centered.has-2 .articles-list__inner {
        grid-template-columns: repeat(2, max-content)
    }

    .articles-list--centered.has-3 .articles-list__inner,
    .articles-list--centered.has-5 .articles-list__inner {
        grid-template-columns: repeat(3, max-content)
    }
}

.articles-list--small .articles-list__inner {
    grid-column: 1/13;
    grid-template-columns: repeat(auto-fit, minmax(280px, 375px))
}

@media (max-width:374px) {
    .articles-list--small .articles-list__inner {
        grid-row-gap: 20px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .articles-list--small .articles-list__inner {
        grid-row-gap: calc(7.35632px + 3.37165vw)
    }
}

@media (min-width:1680px) {
    .articles-list--small .articles-list__inner {
        grid-row-gap: 64px
    }
}

@media (min-width:600px) {
    .articles-list--small .articles-list__inner {
        grid-template-columns: repeat(auto-fit, 375px)
    }
}

@media (min-width:1440px) {
    .articles-list--small .articles-list__inner {
        grid-template-columns: repeat(auto-fit, 410px)
    }
}

@media (min-width:1680px) {
    .articles-list--small .articles-list__inner {
        grid-template-columns: repeat(auto-fit, 480px)
    }
}

.articles-list--small .card-article {
    width: auto
}

.articles-list--small .card-article__title span {
    border-bottom: 1px solid transparent;
    transition: border-bottom-color .2s ease-out
}

.articles-list--small .card-article__title:focus span,
.articles-list--small .card-article__title:hover span {
    border-bottom-color: #000
}

.articles-list.is-loading .card-article {
    background-color: initial
}

.articles-list.is-loading .card-article .card-article__details,
.articles-list.is-loading .card-article .card-article__icons,
.articles-list.is-loading .card-article .card-article__image {
    opacity: 0;
    visibility: hidden
}

.articles-list.is-loading .card-article .card-article__image-wrapper {
    background-image: linear-gradient(270deg, #efefef, #fff 25%, #efefef 50%);
    background-size: 200%;
    background-position-x: -100%;
    animation: content-loading 1.5s ease-in-out infinite
}

@keyframes content-loading {
    0% {
        background-position-x: 200%
    }

    to {
        background-position-x: 0
    }
}

.cards-list__head {

    font-weight: 700
}

.cards-list__title {
    line-height: 1.1;
    color: #000;
    letter-spacing: 0
}

@media (max-width:374px) {
    .cards-list__title {
        font-size: 22px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .cards-list__title {
        font-size: calc(20.27586px + .45977vw)
    }
}

@media (min-width:1680px) {
    .cards-list__title {
        font-size: 28px
    }
}

@media (max-width:374px) {
    .cards-list__title {
        margin-bottom: 24px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .cards-list__title {
        margin-bottom: calc(21.70115px + .61303vw)
    }
}

@media (min-width:1680px) {
    .cards-list__title {
        margin-bottom: 32px
    }
}

.cards-list__subtitle {
    line-height: 1.2;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #000
}

@media (max-width:374px) {
    .cards-list__subtitle {
        font-size: 12px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .cards-list__subtitle {
        font-size: calc(11.42529px + .15326vw)
    }
}

@media (min-width:1680px) {
    .cards-list__subtitle {
        font-size: 14px
    }
}

@media (max-width:374px) {
    .cards-list__subtitle {
        margin-bottom: 18px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .cards-list__subtitle {
        margin-bottom: calc(15.12644px + .76628vw)
    }
}

@media (min-width:1680px) {
    .cards-list__subtitle {
        margin-bottom: 28px
    }
}

.cards-list__wrapper {
    display: grid;
    justify-content: normal;
    grid-template-columns: repeat(auto-fit, 224px)
}

@media (max-width:1499px) {
    .cards-list__wrapper {
        grid-column-gap: 20px;
        grid-row-gap: 20px
    }
}

@media (min-width:1500px) {
    .cards-list__wrapper {
        grid-column-gap: 32px;
        grid-row-gap: 32px
    }
}

.cards-list.cards-list--img .cards-list__wrapper {
    grid-template-columns: repeat(auto-fit, minmax(280px, 375px))
}

@media (min-width:600px) {
    .cards-list.cards-list--img .cards-list__wrapper {
        grid-template-columns: repeat(auto-fit, calc(9.72222vw + 316.66667px))
    }
}

@media (min-width:1680px) {
    .cards-list.cards-list--img .cards-list__wrapper {
        grid-template-columns: repeat(auto-fit, 480px)
    }
}

.cards-list.cards-list--img-only .cards-list__wrapper {
    grid-template-columns: repeat(auto-fit, 224px)
}

.cards-list.cards-list--article-alike .cards-list__wrapper {
    grid-template-columns: repeat(auto-fit, 352px);
    grid-row-gap: 54px
}

.cards-list.cards-list--article-alike:not(.has-4) .cards-list__wrapper {
    max-width: 1500px
}

.cards-shop-list {
    display: flex;
    width: 100%
}

.cards-shop-list__inner {
    width: 100%
}

.cards-shop-list__title {

    font-weight: 700;
    font-size: 20px;
    line-height: 1.2em;
    text-align: center;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #000
}

@media (max-width:374px) {
    .cards-shop-list__title {
        grid-column: 2/span 10
    }
}

@media (min-width:375px) and (max-width:1439px) {
    .cards-shop-list__title {
        grid-column: 2/span 10
    }
}

@media (min-width:1440px) {
    .cards-shop-list__title {
        grid-column: 3/span 8
    }
}

@media (max-width:374px) {
    .cards-shop-list__title {
        margin-bottom: 56px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .cards-shop-list__title {
        margin-bottom: calc(49.10345px + 1.83908vw)
    }
}

@media (min-width:1680px) {
    .cards-shop-list__title {
        margin-bottom: 80px
    }
}

.cards-shop-list__list {
    list-style: none;
    padding: 0;
    margin: 0;
    justify-content: center
}

@media (max-width:374px) {
    .cards-shop-list__list {
        gap: 20px
    }
}

@media (min-width:375px) and (max-width:1439px) {
    .cards-shop-list__list {
        gap: 20px
    }
}

@media (min-width:1440px) {
    .cards-shop-list__list {
        gap: 32px
    }
}

.cards-shop-list__list>li {
    display: flex;
    align-items: stretch;
    width: 100%
}

.cards-shop-list__list>li .card-shop {
    width: 100%
}

.cards-shop-list--horizontal .cards-shop-list__list {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (max-width:374px) {
    .cards-shop-list--horizontal .cards-shop-list__list {
        grid-column: 2/span 10
    }
}

@media (min-width:375px) and (max-width:1439px) {
    .cards-shop-list--horizontal .cards-shop-list__list {
        grid-column: 2/span 10
    }
}

@media (min-width:1440px) {
    .cards-shop-list--horizontal .cards-shop-list__list {
        grid-column: 3/span 8
    }
}

.cards-shop-list--vertical .cards-shop-list__list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 352px))
}

@media (max-width:374px) {
    .cards-shop-list--vertical .cards-shop-list__list {
        grid-column: 2/span 10
    }
}

@media (min-width:375px) and (max-width:767px) {
    .cards-shop-list--vertical .cards-shop-list__list {
        grid-column: 2/span 10
    }
}

@media (min-width:768px) {
    .cards-shop-list--vertical .cards-shop-list__list {
        grid-column: 1/span 12
    }
}

.footer {
    position: relative;
    padding-bottom: 36px;
    color: #fff;
    background-color: #000
}

.footer a {
    color: inherit
}

.footer__row {
    padding: 0 41px
}

@media (min-width:768px) {
    .footer__row {
        padding: 0 32px
    }
}

@media (min-width:1024px) {
    .footer__row {
        padding: 0 43px
    }
}

@media (min-width:1680px) {
    .footer__row {
        padding: 0 88px
    }
}

.footer__row-wrapper {
    width: 100%;
    max-width: 2344px;
    margin: 0 auto
}

.footer__row-one {
    position: relative;
    border-bottom: 1px solid #9e9d9d;
    overflow: hidden
}

@media (min-width:768px) {
    .footer__row-one .footer__row-wrapper {
        display: flex
    }
}

.footer__row-one a {
    font-size: 12px;
    color: #fff;
    letter-spacing: 2px;
    line-height: 1.3;
    text-transform: uppercase;
    padding: 10px 0
}

@media (min-width:1680px) {
    .footer__row-one a {
        font-size: 14px
    }
}

@media (max-width:767px) {
    .footer__row--partner {
        padding: 0 16px
    }
}

.footer__menu-footer {
    display: flex;
    flex-wrap: wrap;
    padding: 26px 0
}

@media (min-width:768px) {
    .footer__menu-footer {
        padding: 20px 0;
        align-items: center;
        flex: 1 0 50%;
        flex-direction: row;
        justify-content: flex-start
    }
}

@media (min-width:1024px) {
    .footer__menu-footer {
        flex-basis: 60%
    }
}

@media (min-width:1680px) {
    .footer__menu-footer {
        padding: 28px 0;
        flex-basis: 68%
    }
}

.footer__menu-footer a {
    flex: 1 0 50%
}

@media (min-width:768px) {
    .footer__menu-footer a {
        flex: 0;
        padding: 8px 0;
        margin-right: 40px
    }
}

.footer__menu-cta {
    position: relative;
    font-weight: 700;
    padding: 35px 0
}

@media (min-width:768px) {
    .footer__menu-cta {
        display: flex;
        padding: 20px 0;
        align-items: center;
        flex: 1 0 50%;
        flex-direction: row;
        justify-content: center
    }
}

@media (min-width:1024px) {
    .footer__menu-cta {
        flex: 1 1 auto
    }
}

.footer__menu-cta:after {
    content: "";
    position: absolute;
    top: 0;
    width: 200vw;
    border-top: 1px solid #9e9d9d;
    transform: translateX(-100vw)
}

@media (min-width:768px) {
    .footer__menu-cta:after {
        left: 0;
        width: 1px;
        height: 100%;
        border-left: 1px solid #9e9d9d;
        transform: none
    }
}

.footer__row-two {
    margin-top: 95px;
    font-size: 14px
}

@media (min-width:768px) {
    .footer__row-two {
        margin-top: 90px
    }

    .footer__row-two .footer__row-wrapper {
        display: flex;
        justify-content: space-between
    }
}

@media (min-width:1024px) {
    .footer__row-two {
        margin-top: 70px
    }
}

@media (min-width:1680px) {
    .footer__row-two {
        font-size: 16px;
        margin-top: 75px
    }
}

.footer__row-two a {
    display: block;
    color: #fff;
    line-height: 18px
}

.footer__row-two a:not(:first-child) {
    margin-top: 10px
}

@media (min-width:1024px) {
    .footer__row-two a:not(:first-child) {
        margin-top: 0;
        margin-left: 40px
    }
}

@media (min-width:768px) {
    .footer__menu-legal {
        flex: 1 0 50%
    }
}

@media (min-width:1024px) {
    .footer__menu-legal {
        display: flex;
        align-items: center
    }
}

.footer__socials {
    margin-top: 40px
}

@media (min-width:768px) {
    .footer__socials {
        flex: 1 0 50%;
        margin-top: 0;
        padding-left: 40px
    }
}

@media (min-width:1024px) {
    .footer__socials {
        display: flex;
        align-items: center;
        flex: 0
    }
}

.footer__socials span {
    display: block;
    white-space: nowrap
}

.footer__socials ul {
    display: flex;
    margin-top: 8px;
    color: #fff;
    list-style: none
}

@media (min-width:1024px) {
    .footer__socials ul {
        margin-top: 0;
        margin-left: 28px
    }
}

.footer__socials li:not(:last-child) {
    margin-right: 16px
}

.footer__socials-icon {
    width: 32px;
    height: 32px;
    fill: #fff
}

.footer__row-three {
    font-size: 14px;
    margin-top: 35px;
    color: #858585
}

@media (min-width:700px) {
    .footer__row-three {
        display: flex;
        align-items: center
    }
}

@media (min-width:768px) {
    .footer__row-three {
        margin-top: 57px
    }
}

@media (min-width:1024px) {
    .footer__row-three {
        margin-top: 30px
    }
}

@media (min-width:1680px) {
    .footer__row-three {
        margin-top: 40px
    }
}

.footer__event_partner_and_copyright {
    display: flex
}

@media (min-width:768px) and (max-width:1023px) {
    .footer__event_partner_and_copyright .dash {
        display: none
    }
}

.footer__event_partner {
    margin-right: 15px
}

.footer__event_partner svg {
    width: 45px;
    height: 45px;
    fill: #858585;
    transition: fill .4s
}

.footer__event_partner:hover svg {
    fill: #fff
}

.footer__copyright {
    line-height: 1.5;
    flex: 0 70%;
    display: flex;
    align-items: center
}

@media (min-width:375px) {
    .footer__copyright {
        min-width: 250px
    }
}

@media (min-width:1024px) {
    .footer__copyright {
        font-size: 16px
    }
}

@media (min-width:1680px) {
    .footer__copyright {
        flex-basis: auto
    }
}

@media (max-width:374px) {
    .footer__copyright .nowrap {
        white-space: normal
    }
}

@media (max-width:767px) {
    .footer__copyright_now_dash {
        display: none
    }
}

.footer__event_partner+.footer__copyright {
    flex: 0 50%
}

.footer__credits {
    display: flex;
    margin-top: 41px;
    margin-left: auto
}

@media (max-width:767px) {
    .footer__credits {
        flex-wrap: wrap
    }
}

@media (min-width:768px) {
    .footer__credits {
        flex-direction: column;
        align-items: flex-end;
        margin-top: 0;
        margin-left: auto
    }
}

@media (min-width:1024px) {
    .footer__credits {
        flex-direction: row;
        align-items: center;
        margin-right: 0
    }
}

.footer__credits a {
    line-height: 0;
    margin-top: 11px
}

@media (min-width:768px) {
    .footer__credits a {
        margin-top: 0
    }
}

@media (min-width:1024px) {
    .footer__credits a {
        margin-left: 12px
    }
}

.footer__credits>* {
    display: flex;
    justify-content: center;
    flex-direction: column
}

@media (min-width:768px) {
    .footer__credits>* {
        flex-direction: row;
        align-items: center
    }
}

.footer__credits>* svg {
    fill: #858585;
    width: 88px;
    height: 27.5px;
    transition: fill .4s
}

.footer__credits--hosting {
    margin-right: 41px;
    margin-top: 11px
}

.footer__credits--hosting svg {
    fill: #858585;
    margin-bottom: 5px
}

.footer__credits--hosting:hover .footer__icon--hosting {
    fill: #fff
}

@media (min-width:768px) {
    .footer__credits--hosting {
        margin-right: 0;
        min-width: 200px
    }

    .footer__credits--hosting a {
        margin-left: 16px
    }
}

@media (min-width:1024px) {
    .footer__credits--hosting {
        margin-right: 43px;
        margin-top: 0
    }
}

.footer__credits--faciliti .footer__icon--faciliti {
    height: 22px;
    width: auto
}

.footer__credits--faciliti .footer__icon--faciliti path:first-child,
.footer__credits--faciliti .footer__icon--faciliti path:nth-child(7) {
    transition: fill .2s ease-out
}

.footer__credits--faciliti:focus .footer__icon--faciliti,
.footer__credits--faciliti:hover .footer__icon--faciliti {
    fill: #fff
}

.footer__credits--faciliti:focus .footer__icon--faciliti path:first-child,
.footer__credits--faciliti:focus .footer__icon--faciliti path:nth-child(7),
.footer__credits--faciliti:hover .footer__icon--faciliti path:first-child,
.footer__credits--faciliti:hover .footer__icon--faciliti path:nth-child(7) {
    fill: #e2003b
}

.footer__credits--faciliti:focus .footer__icon--faciliti .faciliti__boat,
.footer__credits--faciliti:hover .footer__icon--faciliti .faciliti__boat {
    fill: #fff
}

.footer__credits--faciliti .faciliti__boat {
    transition: fill .2s ease-out
}

@media (max-width:767px) {
    .footer__credits--faciliti {
        width: 100%;
        margin-bottom: 11px
    }
}

@media (min-width:1024px) {
    .footer__credits--faciliti {
        margin-right: 41px;
        margin-right: 43px
    }
}

@media (min-width:768px) {
    .footer__credits--site {
        min-width: 200px;
        margin-top: 11px
    }
}

@media (min-width:1024px) {
    .footer__credits--site {
        margin-top: 0
    }
}

.footer__credits--site a {
    margin-left: 0
}

@media (min-width:768px) {
    .footer__credits--site a {
        margin-left: 8px
    }
}

.footer__credits--site:hover .footer__icon--site {
    fill: #fff
}

.footer .partners-list {
    padding: 0;
    margin-top: 55px
}

@media (min-width:768px) and (max-width:1023px) {
    .footer .partners-list {
        margin-top: 28px
    }
}

.footer .partners-list .partners-list__inner {
    margin: 0
}

.footer .partners-list .partners-list__content {
    grid-column: grid-start/grid-end
}

.form__content .form__title {

    font-weight: 400;
    font-variant-numeric: lining-nums
}

@media (max-width:374px) {
    .form__content .form__title {
        font-size: 18px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .form__content .form__title {
        font-size: calc(17.42529px + .15326vw)
    }
}

@media (min-width:1680px) {
    .form__content .form__title {
        font-size: 20px
    }
}

.form__content .form__title:not(:first-child) {
    margin-top: 50px
}

.form__optins .input-checkbox[data-error] {
    padding-bottom: 26px
}

.form__optins .input-checkbox__label {
    box-shadow: none
}

.form__footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 56px
}

.form__message {
    position: fixed;
    top: 50%;
    z-index: 401;
    display: flex;
    padding: 24px;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    background-color: #efefef;
    transition: visibility 0s linear .3s, opacity .3s ease-out 0s
}

@media (max-width:499px) {
    .form__message {
        left: 0;
        width: 100%;
        margin: 0;
        transform: translateY(-50%)
    }
}

@media (min-width:500px) {
    .form__message {
        left: 50%;
        transform: translate(-50%, -50%);
        min-width: 450px;
        max-width: 500px
    }
}

.form__message .spinner,
.form__message svg {
    width: 32px;
    height: 32px;
    display: block;
    flex-shrink: 0;
    margin-right: 20px
}

.form__message svg {
    fill: transparent;
    transition: fill .2s ease-out
}

.form__message .spinner {
    border-radius: 50%;
    border: 1px solid #000;
    border-left-color: rgba(0, 0, 0, .25);
    transition: border-color .2s ease-out;
    animation: spin .8s linear infinite
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

.form__message-wrap h2 {

    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 8px
}

.form__message-btn {
    font-size: 1em;
    background-color: initial;
    border: 0;
    border-radius: 0;
    outline: 0;
    -webkit-appearance: none;
    appearance: none;
    padding: 0;
    cursor: pointer;
    min-width: 75px;
    margin-top: 20px;
    justify-content: center;
    display: block
}

.form__message-btn::-moz-focus-inner {
    border: 0
}

.form:after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    z-index: 400;
    display: block;
    visibility: hidden;
    width: 100%;
    height: 100vh;
    background-color: #fff;
    opacity: 0;
    pointer-events: none;
    transition: visibility 0s linear .5s, opacity .2s ease-out .3s
}

.form.is-error:after,
.form.is-redirect:after,
.form.is-sending:after,
.form.is-success:after {
    visibility: visible;
    pointer-events: auto;
    opacity: .8;
    transition-delay: 0s, 0s
}

.form.is-error .form__message,
.form.is-redirect .form__message,
.form.is-sending .form__message,
.form.is-success .form__message {
    padding: 24px 40px 24px 24px;
    opacity: 1;
    transition-delay: 0s, .2s
}

.form.is-error .form__message-wrap h2,
.form.is-redirect .form__message-wrap h2,
.form.is-sending .form__message-wrap h2,
.form.is-success .form__message-wrap h2 {

    font-weight: 700;
    font-size: 12px;
    letter-spacing: 1px
}

.form.is-error .form__message .spinner,
.form.is-error .form__message svg,
.form.is-redirect .form__message .spinner,
.form.is-redirect .form__message svg,
.form.is-sending .form__message .spinner,
.form.is-sending .form__message svg,
.form.is-success .form__message .spinner,
.form.is-success .form__message svg {
    transition-delay: .3s
}

.form.is-sending .form__message--sending {
    visibility: visible;
    pointer-events: auto
}

.form.is-sending .form__message--sending .spinner {
    animation: rotate 1s linear infinite
}

.form.is-redirect .form__message--redirect {
    visibility: visible;
    pointer-events: auto
}

.form.is-redirect .form__message--redirect svg {
    fill: #f75617
}

.form.is-success .form__message--success {
    visibility: visible;
    pointer-events: auto
}

.form.is-success .form__message--success svg {
    fill: #00a54b
}

.form.is-error .form__message--error {
    visibility: visible;
    pointer-events: auto
}

.form.is-error .form__message--error svg {
    fill: #ec1a1a
}

@keyframes rotate {
    0% {
        transform: rotate(-45deg)
    }

    to {
        transform: rotate(315deg)
    }
}

.donation-choice {
    padding-bottom: 56px;
    overflow: hidden
}

.donation-choice__legend {
    margin-bottom: 1.125em
}

.donation-choice__list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: -8px
}

.donation-choice__price {
    margin: 8px
}

@media (max-width:374px) {
    .donation-choice__price {
        flex-basis: 100%;
        max-width: 100%
    }
}

@media (min-width:375px) and (max-width:767px) {
    .donation-choice__price {
        flex-basis: 100%;
        max-width: 100%
    }
}

@media (min-width:768px) {
    .donation-choice__price {
        flex-basis: calc(50% - 16px);
        max-width: calc(50% - 16px)
    }
}

.donation-choice[data-error] {
    display: flex;
    flex-direction: column
}

.donation-choice[data-error] .donation-choice__list {
    order: 1
}

.home-header {
    overflow: hidden
}

@media (max-width:374px) {
    .home-header .timer {
        grid-column: 1/span 12
    }
}

@media (min-width:375px) and (max-width:767px) {
    .home-header .timer {
        grid-column: 1/span 12
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .home-header .timer {
        grid-column: 1/span 5
    }
}

@media (min-width:1200px) {
    .home-header .timer {
        grid-column: 2/span 5
    }
}

@media (min-width:768px) {
    .home-header .timer {
        margin-top: 40px
    }
}

.home-header .timer+.header__title--dom {
    margin-top: 60px
}

.home-header .header__title--dom {
    margin-top: 30px;
    font-size: clamp(3.75rem, -5.5497rem + 19.3995vw, 9rem);
    line-height: 1;
    color: #fff;
}

.home-header .header__title--dom p {
    max-width: 374px;
    margin-top: clamp(1.875rem, -0.2723rem + 4.4793vw, 4.375rem);
    font-weight: 300;
    color: #ffffffc7;
    font-size: 20px !important;
    position: relative;
    /* text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff; */
}

.home-header .header__frame {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    z-index: 2;
    top: 0;
    left: 0
}

.home-header .header__frame__circle {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #fff
}

.home-header .header__frame__circle:first-child {
    border: none;
    background-color: #fff;
    transform: scale3d(.17, .17, .17)
}

@media (max-width:374px) {
    .home-header .header__frame__circle:first-child {
        width: 50px;
        height: 50px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .home-header .header__frame__circle:first-child {
        width: calc(31.03448px + 5.05747vw);
        height: calc(31.03448px + 5.05747vw)
    }
}

@media (min-width:1680px) {
    .home-header .header__frame__circle:first-child {
        width: 116px;
        height: 116px
    }
}

.home-header .header__frame__circle:nth-child(2) {
    transform: scale3d(.33, .33, .33)
}

.home-header .header__frame__circle:nth-child(3) {
    transform: scale3d(.55, .55, .55)
}

.home-header .header__frame__circle:nth-child(4) {
    transform: scale3d(.77, .77, .77)
}

.home-header .header__frame__button {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    z-index: 1
}

@media (max-width:767px) {
    .home-header .header__frame__button {
        width: 25%;
        height: 25%;
        max-width: 150px;
        max-height: 150px;
        margin-top: auto;
        margin-left: auto;
        background-color: #fffe54;
        transform: none !important
    }

    .home-header .header__frame__button:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        border-radius: 50%
    }
}

@media (min-width:768px) {
    .home-header .header__frame__button {
        width: 100%;
        height: 100%
    }
}

.home-header .header__frame__button span {

    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
    z-index: 1;
    opacity: 0
}

@media (max-width:767px) {
    .home-header .header__frame__button span {
        opacity: 1 !important
    }
}

.home-header .header__description {

    font-weight: 400;
    line-height: 1.5;
    color: #000;
    margin-top: 36px;
    grid-column: 1/13
}

@media (max-width:374px) {
    .home-header .header__description {
        font-size: 20px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .home-header .header__description {
        font-size: calc(18.27586px + .45977vw)
    }
}

@media (min-width:1680px) {
    .home-header .header__description {
        font-size: 26px
    }
}

@media (min-width:768px) and (max-width:1679px) {
    .home-header .header__description {
        margin-top: calc(40.05263px + 1.42544vw)
    }
}

@media (min-width:1680px) {
    .home-header .header__description {
        margin-top: 64px
    }
}

@media (min-width:768px) {
    .home-header .header__description {
        grid-column: 1/6
    }
}

@media (min-width:1200px) {
    .home-header .header__description {
        grid-column: 2/7
    }
}

.home-header .wp-block-button {
    margin-top: 48px;
    grid-column: 1/13
}

@media (min-width:768px) {
    .home-header .wp-block-button {
        grid-column: 1/6
    }
}

@media (min-width:1200px) {
    .home-header .wp-block-button {
        grid-column: 2/7
    }
}

.home-header .header__ad {
    display: flex;
    align-items: center;
    position: relative;
    grid-column: 1/13
}

@media (max-width:374px) {
    .home-header .header__ad {
        margin-top: 64px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .home-header .header__ad {
        margin-top: calc(59.4023px + 1.22605vw)
    }
}

@media (min-width:1680px) {
    .home-header .header__ad {
        margin-top: 80px
    }
}

@media (min-width:768px) {
    .home-header .header__ad {
        grid-column: 1/6
    }
}

@media (min-width:1200px) {
    .home-header .header__ad {
        grid-column: 2/7
    }
}

@media (max-width:374px) {
    .home-header .header__ad__image {
        max-height: 120px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .home-header .header__ad__image {
        max-height: calc(104.1954px + 4.21456vw)
    }
}

@media (min-width:1680px) {
    .home-header .header__ad__image {
        max-height: 175px
    }
}

.home-header .header__ad__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

@media (max-width:374px) {
    .home-header .header__ad__content {
        margin-left: 16px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .home-header .header__ad__content {
        margin-left: calc(12.55172px + .91954vw)
    }
}

@media (min-width:1680px) {
    .home-header .header__ad__content {
        margin-left: 28px
    }
}

.home-header .header__ad__title {

    font-weight: 700;
    line-height: 1.2;
    color: #000
}

@media (max-width:374px) {
    .home-header .header__ad__title {
        font-size: 18px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .home-header .header__ad__title {
        font-size: calc(15.70115px + .61303vw)
    }
}

@media (min-width:1680px) {
    .home-header .header__ad__title {
        font-size: 26px
    }
}

.home-header .header__ad__partner {
    margin-top: 16px
}

@media (max-width:374px) {
    .home-header .header__ad__partner {
        max-width: 128px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .home-header .header__ad__partner {
        max-width: calc(121.67816px + 1.68582vw)
    }
}

@media (min-width:1680px) {
    .home-header .header__ad__partner {
        max-width: 150px
    }
}

.home-header .header__ad__link {
    display: inline-block
}

@media (max-width:374px) {
    .home-header .header__ad__link {
        margin-top: 16px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .home-header .header__ad__link {
        margin-top: calc(14.27586px + .45977vw)
    }
}

@media (min-width:1680px) {
    .home-header .header__ad__link {
        margin-top: 22px
    }
}

.home-header .header__ad__link:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

.home-header__media-wrapper {
    transform-origin: top left
}

.home-header__media-wrapper .header__media-inner {
    overflow: hidden;
    transform-origin: top left;
    position: absolute;
    top: 0;
    left: 0
}

.home-header__media-wrapper .header__media {
    top: 0;
    display: block;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.home-header__media-wrapper .header__media img {
    width: 100%
}

@media (max-width:374px) {
    .home__header--notfound .header__title {
        font-size: 38px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .home__header--notfound .header__title {
        font-size: calc(32.82759px + 1.37931vw)
    }
}

@media (min-width:1680px) {
    .home__header--notfound .header__title {
        font-size: 56px
    }
}

@media (min-width:1200px) {
    .home__header--notfound .header__title {
        grid-column: 2/7
    }
}

.home__header--notfound .header__mask {
    display: none
}

.home__header--notfound .header__description+svg {
    grid-row: 1/6;
    grid-column: 8/13
}

@media (max-width:767px) {
    .home__header--notfound .header__description+svg {
        grid-column: 2/12;
        height: auto;
        width: 100%
    }
}

@media (max-width:767px) {
    .home__header--notfound .wp-block-button.button--primary {
        margin-bottom: 55px
    }
}

.home-header--small .header__description,
.home-header--small .header__title--dom,
.home-header--small .wp-block-button {
    grid-column: 1/13
}

@media (min-width:768px) {

    .home-header--small .header__description,
    .home-header--small .header__title--dom,
    .home-header--small .wp-block-button {
        grid-column: 1/7
    }
}

@media (min-width:1200px) {

    .home-header--small .header__ad,
    .home-header--small .timer {
        grid-column-start: 1
    }
}

.home-header--small .timer {
    margin-top: 13px
}

.home-header--small .timer+.header__title--dom {
    margin-top: 48px
}

@media (min-width:768px) {
    .home-header--small .timer+.header__title--dom {
        margin-top: 55px
    }
}

@media (max-width:374px) {
    .home-header--small .header__title {
        font-size: 44px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .home-header--small .header__title {
        font-size: calc(35.95402px + 2.14559vw)
    }
}

@media (min-width:1680px) {
    .home-header--small .header__title {
        font-size: 72px
    }
}

.home-header--small .header__title--dom {
    margin-top: 60px
}

@media (min-width:768px) {
    .home-header--small .header__description {
        margin-top: 32px
    }
}

.home-header--small .wp-block-button {
    margin-top: 34px
}

@media (min-width:768px) {
    .home-header--small .wp-block-button {
        margin-top: 48px
    }
}

.home-header--small .header__mask {
    margin-top: 24px;
    grid-column: 1/13
}

@media (min-width:768px) {
    .home-header--small .header__mask {
        margin-top: 0;
        grid-column: 8/13
    }
}

.home-header--small .header__title-wrapper {
    display: none
}

.nav {
    --navbar-menu-item-height: 0px;
    background: linear-gradient(in oklab, #0000004f 50%, transparent) !important;
}

.nav,
.nav__background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}

.nav__background {
    background-color: hsla(0, 0%, 100%, 0);
    height: 0%;
    pointer-events: none
}

.nav .navbar {
    display: flex;
    flex-direction: column
}

.nav .navbar ul {
    list-style-type: none
}

.nav .navbar__top {
    border-bottom: 1px solid #dedede;
    height: 55px;
    display: flex;
    align-items: center;
    position: relative
}

.nav .navbar__top__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: -1;
    opacity: 0
}

@media (max-width:767px) {
    .nav .navbar__top {
        display: none;
        order: 1;
        border-top: 1px solid #fff;
        border-bottom-color: #fff
    }

    .nav .navbar__top__background {
        background-color: initial
    }
}

.nav .navbar__top__inner {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1
}

@media (max-width:1233px) {
    .nav .navbar__top__inner {
        justify-content: space-between
    }
}

@media (max-width:374px) {
    .nav .navbar__top {
        height: 80px
    }

    .nav .navbar__top__inner {
        flex-direction: column
    }
}

.nav .navbar__top ul {
    display: flex;
    align-items: center
}

.nav .navbar__top ul li {

    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    transition: font-weight .2s ease-out
}

.nav .navbar__top ul li a {
    color: #000
}

.nav .navbar__top .navbar__festdate {
    font-weight: 700
}

@media (max-width:374px) {
    .nav .navbar__top .navbar__festdate {
        margin-left: 80px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .nav .navbar__top .navbar__festdate {
        margin-left: calc(68.50575px + 3.06513vw)
    }
}

@media (min-width:1680px) {
    .nav .navbar__top .navbar__festdate {
        margin-left: 120px
    }
}

@media (max-width:1233px) {
    .nav .navbar__top .navbar__festdate {
        margin-left: 0
    }
}

@media (max-width:767px) {
    .nav .navbar__top .navbar__festdate {
        display: none
    }
}

.nav .navbar__languages li {
    background-image: linear-gradient(#000, #000);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 100% 0;
    will-change: background-size;
    transition: background-size .4s ease-out
}

.nav .navbar__languages li:focus-within,
.nav .navbar__languages li:hover {
    background-size: 100% 1px
}

.nav .navbar__languages li.is-active {
    font-weight: 700
}

.nav .navbar__languages li+li {
    margin-left: 24px
}

.nav .navbar__festdate {

    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px
}

.nav .navbar__festdate a {
    background-image: linear-gradient(#000, #000);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 100% 0;
    will-change: background-size
}

.nav .navbar__festdate a:focus-within,
.nav .navbar__festdate a:hover {
    background-size: 100% 1px
}

@media (max-width:374px) {
    .nav .navbar__shop {
        margin-top: 16px
    }
}

@media (min-width:1234px) {
    .nav .navbar__shop {
        margin-left: auto
    }
}

.nav .navbar__shop li {
    background-image: linear-gradient(#000, #000);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 100% 0;
    will-change: background-size;
    transition: background-size .4s ease-out
}

.nav .navbar__shop li:focus-within,
.nav .navbar__shop li:hover {
    background-size: 100% 1px
}

.nav .navbar__shop li:last-child {
    font-weight: 700
}

@media (max-width:374px) {
    .nav .navbar__shop li+li {
        margin-left: 24px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .nav .navbar__shop li+li {
        margin-left: calc(17.10345px + 1.83908vw)
    }
}

@media (min-width:1680px) {
    .nav .navbar__shop li+li {
        margin-left: 48px
    }
}

.nav .navbar__main {
    position: relative
}

.nav .navbar__main__progress-bar {
    position: absolute;
    width: 100%;
    height: 1px;
    top: -1px;
    opacity: 0;
    background-color: #000
}

@media (max-width:767px) {
    .nav .navbar__main__progress-bar {
        top: 0
    }
}

.nav .navbar__main__inner {
    height: 112px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: auto
}

.nav .navbar__main__inner .navbar__festdate {
    padding: 12px 30px 0;
    margin: 0 auto;
    line-height: 1.2
}

@media (min-width:768px) {
    .nav .navbar__main__inner .navbar__festdate {
        display: none
    }
}

.nav .navbar__background {
    background-color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0
}

.nav .navbar__logo {
    display: flex;
    justify-content: center;
    height: 100px;
    width: 100px
}

.nav .navbar__logo svg {
    display: block;
    width: 100%;
    height: 100%
}

.nav .navbar__menu {
    align-self: stretch;
    display: flex
}

@media (max-width:374px) {
    .nav .navbar__menu {
        padding-left: 80px;
        padding-right: 80px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .nav .navbar__menu {
        padding-left: calc(68.50575px + 3.06513vw);
        padding-right: calc(68.50575px + 3.06513vw)
    }
}

@media (min-width:1680px) {
    .nav .navbar__menu {
        padding-left: 120px;
        padding-right: 120px
    }
}

.nav .navbar__menu ul {
    display: flex
}

.nav .navbar__menu ul li {
    display: inline-flex;
    position: relative;
    white-space: nowrap;

    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 0 22px;
    align-items: center;
    justify-content: center
}

.nav .navbar__menu ul li .item__icon {
    position: absolute;
    display: inline-flex;
    bottom: 0;
    width: 100%;
    transform: scaleY(0)
}

.nav .navbar__menu ul li .item__icon svg {
    height: 16px;
    width: 100%
}

.nav .navbar__menu ul li .item__content:focus-within:before,
.nav .navbar__menu ul li .item__content:hover:before {
    opacity: 1 !important
}

.nav .navbar__menu ul li.is-current-ancestor .item__content:before,
.nav .navbar__menu ul li.is-current-parent .item__content:before,
.nav .navbar__menu ul li.is-current .item__content:before {
    opacity: 1
}

.nav .navbar__menu ul li .item__content {
    position: relative;
    cursor: pointer;
    padding: 10px
}

.nav .navbar__menu ul li .item__content:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -4px;
    background-image: url(/wp-content/themes/mjf/static/img/plectrum.svg);
    background-size: 100% 100%;
    width: 6px;
    height: 6px;
    left: -5px;
    opacity: 0;
    transition-duration: .4s;
    pointer-events: none
}

.nav .navbar__menu ul li a {
    display: block
}

.nav .navbar__menu ul li a[target=_blank]:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -8px;
    background-image: url(/wp-content/themes/mjf/static/img/external-link.svg);
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    right: -16px
}

.nav .navbar__buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: auto
}

.nav .navbar__buttons .navbar__toggle {
    display: none;
    position: relative;
    cursor: pointer;
    padding: 0;
    background: none repeat scroll 0 0 transparent;
    border: none;
    height: 35px;
    width: 35px
}

.nav .navbar__buttons .navbar__toggle .navbar__icon {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.nav .navbar__buttons .navbar__toggle .navbar__icon:not(.navbar__icon--menu) {
    opacity: 0
}

@media (min-width:768px) {
    .nav .navbar__buttons .navbar__program+.navbar__toggle {
        margin-left: 25px
    }
}

.nav .navbar__buttons .navbar__program {
    display: none
}

@media (max-width:767px) {
    .nav .navbar__buttons .navbar__program {
        position: fixed;
        display: block !important;
        right: 100px;
        z-index: 1
    }

    .nav .navbar__buttons .navbar__program .wp-block-button__link {
        width: 100%;
        height: 100%;
        justify-content: center
    }
}

@media (max-width:599px) {
    .nav .navbar__buttons .navbar__program {
        right: 70px;
        margin-top: 11px
    }

    .nav .navbar__buttons .navbar__program .wp-block-button__link {
        font-size: 10px
    }
}

.nav .dropdown {
    display: none
}

@media (max-width:1023px) {
    .nav .dropdown {
        padding-bottom: 28px
    }
}

@media (min-width:1024px) and (max-width:1679px) {
    .nav .dropdown {
        padding-bottom: calc(-29.7561px + 5.64024vw)
    }
}

@media (min-width:1680px) {
    .nav .dropdown {
        padding-bottom: 65px
    }
}

.nav .dropdown__menu {
    grid-column: 1/13;
    display: flex;
    flex-direction: column;
    position: relative;
    background-color: #fff;
    overflow: hidden
}

@media (max-width:767px) {
    .nav .dropdown__menu {
        padding: 20px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .nav .dropdown__menu {
        padding-top: calc(8px + 3.125vw)
    }
}

@media (min-width:1024px) and (max-width:1679px) {
    .nav .dropdown__menu {
        padding-top: calc(15.02439px + 2.43902vw)
    }
}

@media (min-width:1680px) {
    .nav .dropdown__menu {
        padding-top: 56px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .nav .dropdown__menu {
        padding-left: calc(8px + 3.125vw);
        padding-right: calc(8px + 3.125vw)
    }
}

@media (min-width:1024px) and (max-width:1679px) {
    .nav .dropdown__menu {
        padding-left: calc(-16.19512px + 5.4878vw);
        padding-right: calc(-16.19512px + 5.4878vw)
    }
}

@media (min-width:1680px) {
    .nav .dropdown__menu {
        padding-left: 76px;
        padding-right: 76px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .nav .dropdown__menu {
        padding-bottom: 24px
    }
}

@media (min-width:1024px) and (max-width:1679px) {
    .nav .dropdown__menu {
        padding-bottom: calc(11.5122px + 1.21951vw)
    }
}

@media (min-width:1680px) {
    .nav .dropdown__menu {
        padding-bottom: 32px
    }
}

.nav .dropdown__menu__overlay {
    background-color: #efefef;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.nav .dropdown__menu__overlay:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 100%;
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff)
}

.nav .dropdown .submenu {
    position: static;
    display: none;
    width: 100%
}

.nav .dropdown .submenu__primary {
    display: grid;
    grid-template-columns: 1fr;
    border-bottom: 1px solid #dedede
}

@media (max-width:374px) {
    .nav .dropdown .submenu__primary {
        padding-bottom: 24px
    }
}

@media (min-width:375px) and (max-width:1023px) {
    .nav .dropdown .submenu__primary {
        padding-bottom: calc(14.75501px + 2.46533vw)
    }
}

@media (min-width:1024px) {
    .nav .dropdown .submenu__primary {
        padding-bottom: 40px
    }
}

@media (max-width:1499px) {
    .nav .dropdown .submenu__primary {
        grid-column-gap: 2.13vw;
        grid-row-gap: 2.13vw
    }
}

@media (min-width:1500px) {
    .nav .dropdown .submenu__primary {
        grid-column-gap: 32px;
        grid-row-gap: 32px
    }
}

@media (min-width:768px) {
    .nav .dropdown .submenu__primary {
        grid-template-columns: repeat(2, 1fr);
        justify-items: flex-start
    }
}

.nav .dropdown .submenu__primary__item {
    position: relative;
    display: flex;
    width: 100%;
    align-items: center
}

@media (max-width:767px) {
    .nav .dropdown .submenu__primary__item__img {
        height: 120px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .nav .dropdown .submenu__primary__item__img {
        height: calc(72px + 6.25vw)
    }
}

@media (min-width:1024px) {
    .nav .dropdown .submenu__primary__item__img {
        height: 136px
    }
}

@media (max-width:374px) {
    .nav .dropdown .submenu__primary__item__img {
        margin-right: 16px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .nav .dropdown .submenu__primary__item__img {
        margin-right: calc(13.70115px + .61303vw)
    }
}

@media (min-width:1680px) {
    .nav .dropdown .submenu__primary__item__img {
        margin-right: 24px
    }
}

.nav .dropdown .submenu__primary__item__title {

    font-weight: 700;
    line-height: 1.2;
    color: #000
}

@media (max-width:374px) {
    .nav .dropdown .submenu__primary__item__title {
        font-size: 20px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .nav .dropdown .submenu__primary__item__title {
        font-size: calc(16.55172px + .91954vw)
    }
}

@media (min-width:1680px) {
    .nav .dropdown .submenu__primary__item__title {
        font-size: 32px
    }
}

.nav .dropdown .submenu__primary__item__link {
    display: block;
    margin-top: 12px
}

.nav .dropdown .submenu__primary__item__link:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

@media (max-width:374px) {
    .nav .dropdown .submenu__primary+.submenu__secondary {
        margin-top: 24px
    }
}

@media (min-width:375px) and (max-width:1023px) {
    .nav .dropdown .submenu__primary+.submenu__secondary {
        margin-top: calc(14.75501px + 2.46533vw)
    }
}

@media (min-width:1024px) {
    .nav .dropdown .submenu__primary+.submenu__secondary {
        margin-top: 40px
    }
}

.nav .dropdown .submenu__secondary {
    display: grid;
    grid-template-columns: 1fr
}

@media (max-width:1499px) {
    .nav .dropdown .submenu__secondary {
        grid-column-gap: 2.13vw
    }
}

@media (min-width:1500px) {
    .nav .dropdown .submenu__secondary {
        grid-column-gap: 32px
    }
}

@media (max-width:374px) {
    .nav .dropdown .submenu__secondary {
        grid-row-gap: 48px
    }
}

@media (min-width:375px) and (max-width:767px) {
    .nav .dropdown .submenu__secondary {
        grid-row-gap: calc(40.36641px + 2.03562vw)
    }
}

@media (min-width:768px) {
    .nav .dropdown .submenu__secondary {
        grid-row-gap: 56px;
        grid-template-columns: repeat(2, 1fr);
        justify-items: flex-start
    }
}

@media (min-width:1024px) {
    .nav .dropdown .submenu__secondary {
        grid-template-columns: repeat(4, 1fr)
    }
}

.nav .dropdown .submenu__secondary__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.nav .dropdown .submenu__secondary__item__title {

    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.2;
    color: #000;
    margin-bottom: 20px
}

.nav .dropdown .submenu__secondary__item__link {

    font-weight: 700;
    font-size: 16px;
    line-height: 1.3;
    color: #000
}

.nav .dropdown .submenu__secondary__item__link span {
    background-image: linear-gradient(#000, #000);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 100% 0;
    will-change: background-size;
    transition: background-size .4s ease-out
}

.nav .dropdown .submenu__secondary__item__link:focus span,
.nav .dropdown .submenu__secondary__item__link:hover span {
    background-size: 100% 1px
}

@media (max-width:374px) {
    .nav .dropdown .submenu__secondary__item__link+.submenu__secondary__item__link {
        margin-top: 12px
    }
}

@media (min-width:375px) and (max-width:767px) {
    .nav .dropdown .submenu__secondary__item__link+.submenu__secondary__item__link {
        margin-top: calc(8.18321px + 1.01781vw)
    }
}

@media (min-width:768px) {
    .nav .dropdown .submenu__secondary__item__link+.submenu__secondary__item__link {
        margin-top: 16px
    }
}

.nav .dropdown .nav-socials {
    display: flex;
    flex-direction: column;
    padding-top: 60px;
    margin-top: auto
}

@media (min-width:768px) {
    .nav .dropdown .nav-socials {
        flex-direction: row;
        align-items: center;
        justify-content: center
    }
}

.nav .dropdown .nav-socials__title {

    font-weight: 400;
    line-height: 1.3;
    color: #505050
}

@media (max-width:374px) {
    .nav .dropdown .nav-socials__title {
        font-size: 14px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .nav .dropdown .nav-socials__title {
        font-size: calc(13.42529px + .15326vw)
    }
}

@media (min-width:1680px) {
    .nav .dropdown .nav-socials__title {
        font-size: 16px
    }
}

.nav .dropdown .nav-socials ul {
    display: flex;
    margin-top: 8px;
    list-style: none
}

@media (min-width:768px) {
    .nav .dropdown .nav-socials ul {
        margin-top: 0;
        margin-left: 28px
    }
}

.nav .dropdown .nav-socials ul li+li {
    margin-left: 16px
}

.nav .dropdown .nav-socials ul a {
    display: flex
}

.nav .dropdown .nav-socials ul a:focus .nav-socials__icon,
.nav .dropdown .nav-socials ul a:hover .nav-socials__icon {
    fill: #000
}

.nav .dropdown .nav-socials__icon {
    width: 32px;
    height: 32px;
    fill: #505050;
    transition: fill .2s ease-out
}

.nav .dropdown__cards {
    grid-column: 1/13;
    display: grid;
    grid-template-columns: max-content;
    align-content: flex-start;
    justify-content: center;
    margin-top: 28px
}

@media (max-width:1499px) {
    .nav .dropdown__cards {
        grid-row-gap: 2.13vw;
        grid-column-gap: 2.13vw
    }
}

@media (min-width:1500px) {
    .nav .dropdown__cards {
        grid-row-gap: 32px;
        grid-column-gap: 32px
    }
}

@media (min-width:768px) {
    .nav .dropdown__cards {
        grid-template-columns: repeat(3, minmax(auto, 224px))
    }
}

.nav .dropdown__cards .card-cta {
    max-width: 248px
}

@media (min-width:768px) {
    .nav.nav--program .navbar .navbar__program {
        display: block
    }
}

@media (max-width:767px) {
    .nav.nav--program.nav--opened .navbar__buttons .navbar__program {
        display: block;
        margin-top: 0
    }

    .nav.nav--program.nav--opened .navbar__buttons .navbar__program .wp-block-button__link {
        font-size: 12px
    }

    .nav.nav--program.nav--dropdown-opened .dropdown .dropdown__cards,
    .nav.nav--program:not(.nav--dropdown-opened) .navbar .navbar__menu ul {
        padding-bottom: 64px
    }
}

.nav.nav--nb-mjaf .navbar .navbar__logo {
    width: 139px;
    height: 83px
}

.nav.nav--nb-cafe .navbar .navbar__logo {
    width: 100px;
    height: 111.72566px
}

.nav.nav--mobile .navbar .navbar__main .navbar__main__inner {
    height: 80px
}

.nav.nav--mobile .navbar .navbar__main .navbar__logo {
    height: 64px;
    width: 64px
}

.nav.nav--mobile .navbar .navbar__top {
    height: 40px
}

@media (max-width:374px) {
    .nav.nav--mobile .navbar .navbar__top {
        height: 80px
    }
}

.nav.nav--mobile .navbar .navbar__menu {
    display: none;
    position: absolute;
    top: 121px;
    left: 0;
    width: 100%
}

@media (max-width:374px) {
    .nav.nav--mobile .navbar .navbar__menu {
        top: 161px
    }
}

@media (max-width:767px) {
    .nav.nav--mobile .navbar .navbar__menu {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media (min-width:600px) {
    .nav.nav--mobile .navbar .navbar__menu {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width:1440px) {
    .nav.nav--mobile .navbar .navbar__menu {
        padding-left: 72px;
        padding-right: 72px
    }
}

.nav.nav--mobile .navbar .navbar__menu ul {
    flex-direction: column;
    align-items: center
}

.nav.nav--mobile .navbar .navbar__menu ul li {
    font-weight: 700
}

@media (max-width:374px) {
    .nav.nav--mobile .navbar .navbar__menu ul li {
        font-size: 20px
    }
}

@media (min-width:375px) and (max-width:1023px) {
    .nav.nav--mobile .navbar .navbar__menu ul li {
        font-size: calc(15.3775px + 1.23267vw)
    }
}

@media (min-width:1024px) {
    .nav.nav--mobile .navbar .navbar__menu ul li {
        font-size: 28px
    }
}

@media (max-width:374px) {
    .nav.nav--mobile .navbar .navbar__menu ul li {
        padding-top: 28px;
        padding-bottom: 28px
    }
}

@media (min-width:375px) and (max-width:767px) {
    .nav.nav--mobile .navbar .navbar__menu ul li {
        padding-top: calc(16.54962px + 3.05344vw);
        padding-bottom: calc(16.54962px + 3.05344vw)
    }
}

@media (min-width:768px) {
    .nav.nav--mobile .navbar .navbar__menu ul li {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.nav.nav--mobile .navbar .navbar__menu ul li span:before {
    margin-top: -6px;
    width: 8px;
    height: 8px;
    left: -20px
}

.nav.nav--mobile .navbar .navbar__menu ul li a[target=_blank]:after {
    margin-top: -12px;
    width: 20px;
    height: 20px;
    right: -22px
}

.nav.nav--mobile .navbar .navbar__buttons .navbar__toggle {
    display: block
}

.nav:not(.nav--mobile) .navbar .navbar__main__inner {
    position: relative
}

.nav:not(.nav--mobile) .navbar .navbar__buttons .navbar__toggle {
    position: absolute;
    right: 0;
    margin-top: 0;
    margin-bottom: 0
}

.nav:not(.nav--mobile) .dropdown {
    grid-template-columns: auto 224px
}

.nav:not(.nav--mobile) .dropdown .dropdown__cards {
    grid-column: 2/3;
    grid-template-columns: 1fr;
    margin-top: 0
}

.nav:not(.nav--mobile) .dropdown .dropdown__menu {
    grid-column: 1/2
}

.nav.nav--opened.nav--mobile {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.nav.nav--opened.nav--mobile .dropdown {
    margin-top: var(--navbar-menu-item-height)
}

.nav.nav--opened .navbar .navbar__menu ul li.is-active .item__content:before {
    opacity: 1
}

.nav.nav--opened .navbar .navbar__menu ul li.is-current:not(.is-active) .item__content:before {
    opacity: .6
}

.nav.nav--hovered .navbar .navbar__menu ul li.is-active .item__content:before {
    opacity: 0
}

.nav.nav--hovered .navbar .navbar__menu ul li.is-current .item__content:before {
    opacity: .6
}

.js .nav {
    opacity: 0
}

#dummyselectorforwebpackimages {
    background-image: url(/wp-content/themes/mjf/static/img/placeholder/primary-menu.jpg);
    background-image: url(/wp-content/themes/mjf/static/img/placeholder/audemars-no-borders.svg);
    background-image: url(/wp-content/themes/mjf/static/img/placeholder/card-cta-nav.jpg)
}

.packages-list__title {
    grid-column: 1/13;

    font-weight: 700;
    line-height: 1.15;
    text-transform: uppercase;
    text-align: center
}

@media (max-width:374px) {
    .packages-list__title {
        font-size: 16px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .packages-list__title {
        font-size: calc(14.85057px + .30651vw)
    }
}

@media (min-width:1680px) {
    .packages-list__title {
        font-size: 20px
    }
}

@media (max-width:374px) {
    .packages-list__title {
        letter-spacing: 2px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .packages-list__title {
        letter-spacing: calc(1.71264px + .07663vw)
    }
}

@media (min-width:1680px) {
    .packages-list__title {
        letter-spacing: 3px
    }
}

@media (max-width:374px) {
    .packages-list__title {
        margin-bottom: 60px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .packages-list__title {
        margin-bottom: calc(54.25287px + 1.53257vw)
    }
}

@media (min-width:1680px) {
    .packages-list__title {
        margin-bottom: 80px
    }
}

.packages-list__list {
    grid-column: 1/13;
    display: grid;
    grid-column-gap: inherit;
    grid-row-gap: 80px;
    justify-content: center;
    grid-template-columns: repeat(1, max-content)
}

@media (min-width:600px) {
    .packages-list__list {
        grid-template-columns: repeat(2, max-content)
    }
}

@media (min-width:1200px) {
    .packages-list__list {
        grid-template-columns: repeat(4, max-content)
    }
}

@media (max-width:1199px) {
    .packages-list__list .card-package {
        width: 278px
    }
}

@media (min-width:1200px) and (max-width:1439px) {
    .packages-list__list .card-package {
        width: calc(168px + 9.16667vw)
    }
}

@media (min-width:1440px) and (max-width:1679px) {
    .packages-list__list .card-package {
        width: calc(-12px + 21.66667vw)
    }
}

@media (min-width:1680px) {
    .packages-list__list .card-package {
        width: 352px
    }
}

@media (max-width:599px) {
    .packages-list__list .card-package {
        max-width: 294px
    }
}

.packages-list .wp-block-button {
    grid-column: 1/13;
    text-align: center
}

@media (max-width:374px) {
    .packages-list .wp-block-button {
        margin-top: 64px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .packages-list .wp-block-button {
        margin-top: calc(59.4023px + 1.22605vw)
    }
}

@media (min-width:1680px) {
    .packages-list .wp-block-button {
        margin-top: 80px
    }
}

@media (max-width:767px) {
    .packages-list.has-3 .packages-list__list {
        grid-template-columns: repeat(1, max-content)
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .packages-list.has-3 .packages-list__list {
        grid-template-columns: repeat(3, minmax(204px, 278px))
    }
}

@media (min-width:1200px) and (max-width:1439px) {
    .packages-list.has-3 .packages-list__list {
        grid-template-columns: repeat(3, minmax(204px, 300px))
    }
}

@media (min-width:1680px) {
    .packages-list.has-3 .packages-list__list {
        grid-template-columns: repeat(3, minmax(204px, 352px))
    }
}

@media (max-width:767px) {
    .packages-list.has-3 .packages-list__list .card-package {
        max-width: 294px
    }
}

@media (min-width:768px) {
    .packages-list.has-3 .packages-list__list .card-package {
        justify-self: center
    }
}

@media (max-width:767px) {
    .packages-list.has-2 .packages-list__list {
        grid-template-columns: repeat(1, max-content)
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .packages-list.has-2 .packages-list__list {
        grid-template-columns: repeat(2, minmax(204px, 278px))
    }
}

@media (min-width:1200px) and (max-width:1439px) {
    .packages-list.has-2 .packages-list__list {
        grid-template-columns: repeat(2, minmax(204px, 300px))
    }
}

@media (min-width:1680px) {
    .packages-list.has-2 .packages-list__list {
        grid-template-columns: repeat(2, minmax(204px, 352px))
    }
}

@media (max-width:767px) {
    .packages-list.has-2 .packages-list__list .card-package {
        max-width: 294px
    }
}

@media (min-width:768px) {
    .packages-list.has-2 .packages-list__list .card-package {
        justify-self: center
    }
}

.packages-list.has-1 .packages-list__list {
    grid-template-columns: repeat(1, max-content)
}

@media (max-width:767px) {
    .packages-list.has-1 .packages-list__list .card-package {
        max-width: 294px
    }
}

@media (min-width:768px) {
    .packages-list.has-1 .packages-list__list .card-package {
        justify-self: center
    }
}

.page-header .header__partner {
    position: relative;
    grid-column: 1/13;
    margin-top: 20px;
    margin-bottom: 48px
}

@media (min-width:768px) {
    .page-header .header__partner {
        grid-column: 1/6;
        margin-bottom: 40px
    }
}

@media (min-width:1200px) {
    .page-header .header__partner {
        grid-column: 2/6
    }
}

.page-header .header__partner__title {

    font-weight: 700;
    font-size: 12px;
    line-height: 1.5;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #000
}

.page-header .header__partner__link {
    position: relative;
    display: block;
    margin-top: 34px
}

@media (max-width:374px) {
    .page-header .header__partner__link {
        width: 198px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .page-header .header__partner__link {
        width: calc(191.67816px + 1.68582vw)
    }
}

@media (min-width:1680px) {
    .page-header .header__partner__link {
        width: 220px
    }
}

.page-header .header__partner__link:hover .header__partner__image--color {
    opacity: 1
}

.page-header .header__partner__image {
    width: 100%;
    height: 100%;
    display: block;
    pointer-events: none
}

@media (max-width:374px) {
    .page-header .header__partner__image {
        max-width: 198px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .page-header .header__partner__image {
        max-width: calc(191.67816px + 1.68582vw)
    }
}

@media (min-width:1680px) {
    .page-header .header__partner__image {
        max-width: 220px
    }
}

@media (max-width:374px) {
    .page-header .header__partner__image {
        max-height: 64.8px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .page-header .header__partner__image {
        max-height: calc(62.73103px + .55172vw)
    }
}

@media (min-width:1680px) {
    .page-header .header__partner__image {
        max-height: 72px
    }
}

.page-header .header__partner__image--color {
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    background-color: #efefef;
    transition: opacity .2s ease-out
}

@media (min-width:768px) and (max-width:1679px) {
    .page-header .header__title--dom {
        margin-top: calc(-5.15789px + 6.14035vw)
    }
}

@media (min-width:1680px) {
    .page-header .header__title--dom {
        margin-top: 98px
    }
}

@media (max-width:374px) {
    .page-header .header__title {
        font-size: 52px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .page-header .header__title {
        font-size: calc(41.65517px + 2.75862vw)
    }
}

@media (min-width:1680px) and (max-width:2559px) {
    .page-header .header__title {
        font-size: calc(26.90909px + 3.63636vw)
    }
}

@media (min-width:2560px) {
    .page-header .header__title {
        font-size: 120px
    }
}

.page-header .header__credits {
    position: relative;

    font-weight: 400;
    font-size: 14px;
    line-height: 1.4;
    color: #505050;
    text-align: center;
    grid-column: 1/13
}

@media (max-width:767px) {
    .page-header .header__credits {
        margin-top: 10px
    }
}

@media (min-width:768px) and (max-width:1679px) {
    .page-header .header__credits {
        margin-top: calc(6.63158px + .4386vw)
    }
}

@media (min-width:1680px) {
    .page-header .header__credits {
        margin-top: 14px
    }
}

@media (min-width:768px) {
    .page-header .header__credits {
        grid-column: 1/6;
        text-align: left
    }
}

@media (min-width:1200px) {
    .page-header .header__credits {
        grid-column: 2/6
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .page-header .header__events {
        grid-template-columns: 1fr 1fr
    }
}

.page-header .header__events .card-event--small {
    display: flex;
    grid-column: 2/12;
    margin-top: 48px
}

@media (min-width:768px) and (max-width:1023px) {
    .page-header .header__events .card-event--small {
        grid-column: auto;
        margin-top: 40px
    }
}

@media (min-width:1024px) {
    .page-header .header__events .card-event--small {
        grid-column: 1/6
    }
}

@media (min-width:1200px) {
    .page-header .header__events .card-event--small {
        grid-column: 2/6
    }
}

.page-header .header__events .card-event--small+* {
    margin-top: 20px
}

@media (min-width:768px) and (max-width:1024px) {
    .page-header .header__events .card-event--small+* {
        margin-top: 40px
    }
}

.page-header .header__archive {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    row-gap: 1em;
    justify-content: center;
    list-style: none;
    margin-top: 56px;
    grid-column: 1/13
}

@media (min-width:768px) and (max-width:1679px) {
    .page-header .header__archive {
        margin-top: calc(18.10526px + 7.01754vw)
    }
}

@media (min-width:1680px) {
    .page-header .header__archive {
        margin-top: 136px
    }
}

.page-header .header__archive.header__archive--small-top-margin {
    margin-top: 48px
}

@media (min-width:768px) {
    .page-header .header__archive {
        display: block;
        justify-content: normal;
        grid-column: 1/6
    }
}

@media (min-width:1200px) {
    .page-header .header__archive {
        grid-column: 2/6
    }
}

.page-header .header__detail {
    position: relative;
    display: flex;
    align-items: center
}

.page-header .header__detail__link {
    display: inline-flex;
    align-items: center
}

.page-header .header__detail__link .header__detail__text {
    border-bottom-color: #000
}

@media (max-width:767px) {
    .page-header .header__detail+.header__detail {
        margin-left: 20px
    }
}

@media (min-width:768px) {
    .page-header .header__detail+.header__detail {
        margin-top: 20px
    }
}

.page-header .header__detail__icon {
    width: 32px;
    height: 32px
}

.page-header .header__detail__text {

    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #000;
    margin-left: 8px;
    border-bottom: 1px solid transparent;
    margin-top: 2px
}

.page-header .header__media-wrapper {
    overflow: visible;
    width: 100%;
    height: 100%
}

.page-header .header__media {
    position: absolute;
    width: calc(100% + 80px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    object-fit: contain
}

@media (min-width:768px) and (max-width:2559px) {
    .page-header--big-top-margin .header__title--dom {
        margin-top: calc(28px + 3.125vw)
    }
}

@media (min-width:2560px) {
    .page-header--big-top-margin .header__title--dom {
        margin-top: 108px
    }
}

.page-header.page-header--partner {
    background-color: #efefef
}

@media (max-width:767px) {
    .page-header.page-header--partner {
        padding-top: 28px
    }
}

@media (min-width:768px) and (max-width:1679px) {
    .page-header.page-header--partner {
        padding-top: calc(11.15789px + 2.19298vw)
    }
}

@media (min-width:1680px) {
    .page-header.page-header--partner {
        padding-top: 48px
    }
}

@media (max-width:767px) {
    .page-header.page-header--partner {
        padding-bottom: 38px
    }
}

@media (min-width:768px) and (max-width:1679px) {
    .page-header.page-header--partner {
        padding-bottom: calc(-31.05263px + 8.99123vw)
    }
}

@media (min-width:1680px) {
    .page-header.page-header--partner {
        padding-bottom: 120px
    }
}

.page-header.page-header--partner .header__title {
    margin-top: 0
}

.page-header--small .header__title--dom {
    grid-column: 1/13
}

@media (min-width:768px) {
    .page-header--small .header__title--dom {
        grid-column: 1/8;
        grid-row: 2/3
    }
}

@media (min-width:1024px) {
    .page-header--small .header__title--dom {
        grid-column: 1/7
    }
}

@media (min-width:1200px) {
    .page-header--small .header__title--dom {
        grid-column: 2/7
    }
}

.page-header--small .header__partner,
.page-header--small .header__partner+.header__title--dom,
.page-header--small .header__title {
    margin-top: 0
}

@media (max-width:374px) {
    .page-header--small .header__title {
        font-size: 44px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .page-header--small .header__title {
        font-size: calc(35.95402px + 2.14559vw)
    }
}

@media (min-width:1680px) {
    .page-header--small .header__title {
        font-size: 72px
    }
}

@media (min-width:768px) {
    .page-header--small .header__title+.header__mask:last-child {
        grid-row: 1/4
    }
}

.page-header--small .header__archive {
    display: block;
    margin-top: 50px;
    grid-column: 2/12
}

@media (min-width:768px) {
    .page-header--small .header__archive {
        grid-column: 1/6;
        grid-row: 3/4
    }
}

@media (min-width:1200px) {
    .page-header--small .header__archive {
        grid-column: 2/6
    }
}

.page-header--small .header__archive .header__detail {
    margin-left: 0;
    margin-bottom: 20px
}

.page-header--small .header__archive .header__detail:last-child {
    margin-bottom: 0
}

.page-header--small .header__mask {
    position: relative;
    grid-column: 1/13;
    margin-top: 13px;
    aspect-ratio: 1/1
}

@supports not (aspect-ratio:1/1) {
    .page-header--small .header__mask {
        height: 0;
        padding-top: 100%
    }
}

@media (min-width:768px) {
    .page-header--small .header__mask {
        display: flex;
        align-items: center;
        grid-column: 8/13;
        grid-row: 1/5;
        margin-top: 0
    }
}

@media (min-width:1024px) {
    .page-header--small .header__mask {
        grid-column: 7/12
    }
}

@media (min-width:768px) {
    .page-header--small .header__clip {
        top: auto
    }
}

@media (min-width:1024px) {
    .page-header--small .header__clip {
        left: 50px;
        width: calc(100% - 50px);
        height: calc(100% - 50px)
    }
}

.page-header--small .header__title-wrapper {
    display: none
}

@media (min-width:768px) {
    .page-header--small .header__partner {
        grid-row: 2/3
    }
}

@media (min-width:768px) {
    .page-header--small .header__partner+.header__title {
        grid-row: 3/4
    }
}

@media (min-width:768px) {
    .page-header--small .header__partner+.header__title+.header__mask {
        grid-row: 1/6
    }
}

@media (min-width:768px) {
    .page-header--small .header__partner+.header__title+.header__mask+.header__archive {
        grid-row: 4/5
    }
}

.page-navigation .page-navigation__list__item,
.page-navigation .page-navigation__more,
.page-navigation .page-navigation__wrapper-header {
    font-size: 12px;
    max-height: 42px;
    font-weight: 700;
    text-transform: uppercase
}

@media (min-width:1024px) {

    .page-navigation .page-navigation__list__item,
    .page-navigation .page-navigation__more,
    .page-navigation .page-navigation__wrapper-header {
        white-space: nowrap;
        line-height: 42px
    }
}

.page-navigation .page-navigation__wrapper-header svg:first-of-type,
.page-navigation .page-navigation__wrapper-header svg:last-of-type,
.page-navigation__wrapper-header .page-navigation svg:first-of-type,
.page-navigation__wrapper-header .page-navigation svg:last-of-type {
    position: absolute;
    pointer-events: none;
    width: 20px;
    height: 20px;
    top: 50%;
    transform: translateY(-50%)
}

.page-navigation__title {
    display: none;
    grid-column: 1/13;
    letter-spacing: 3px;
    font-size: 20px;
    margin: 38px 0;
    font-weight: 700;
    text-transform: uppercase
}

@media (min-width:1024px) {
    .page-navigation__title {
        display: block;
        text-align: center
    }
}

.page-navigation__wrapper {
    grid-column: 1/13;
    position: relative
}

@media (max-width:1023px) {
    .page-navigation__wrapper {
        box-shadow: 0 0 11px 0 rgba(0, 0, 0, .15);
        padding-bottom: 10px;
        max-height: 42px;
        line-height: 42px;
        overflow: hidden
    }
}

.page-navigation__wrapper-header {
    display: block;
    position: sticky;
    top: 0;
    padding-left: 60px !important;
    letter-spacing: 3px;
    background: #fff;
    cursor: pointer
}

@media (min-width:1024px) {
    .page-navigation__wrapper-header {
        display: none
    }
}

@media (max-width:1023px) {
    .page-navigation__wrapper-header {
        box-shadow: 0 0 11px 0 transparent !important
    }
}

.page-navigation__wrapper-header:after {
    content: "";
    display: block;
    position: absolute;
    pointer-events: none;
    top: 0;
    right: 0;
    width: 70px;
    height: 100%;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, 0) 3%, #fff 34%, #fff 36%, #fff 46%, #fff 63%)
}

.page-navigation__wrapper-header svg:first-of-type {
    left: 20px
}

.page-navigation__wrapper-header svg:first-of-type circle {
    transition: transform .2s ease-out
}

.page-navigation__wrapper-header svg:last-of-type {
    z-index: 1;
    right: 20px;
    transition: transform .2s
}

.page-navigation__list {
    grid-row: 2;
    display: flex;
    list-style-type: none;
    justify-content: center
}

@media (max-width:1023px) {
    .page-navigation__list {
        display: flex;
        flex-flow: column wrap;
        padding-left: 10px;
        margin: 12px 0 0
    }
}

@media (min-width:1024px) {
    .page-navigation__list {
        grid-column: 2/12;
        flex-wrap: wrap
    }
}

.page-navigation__list__item {
    cursor: pointer;
    display: flex;
    align-items: center;
    letter-spacing: 1px;
    margin: 8px;
    transition: .2s
}

@media (max-width:1023px) {
    .page-navigation__list__item {
        box-shadow: 0 0 11px 0 transparent !important;
        padding: 2px 10px !important;
        white-space: unset;
        line-height: 16px;
        margin: 8px 0;
        max-width: 50%
    }
}

.page-navigation__list__item:focus span:after,
.page-navigation__list__item:hover span:after {
    transform: scale(1.05)
}

.page-navigation__list__item div {
    position: relative
}

@media (min-width:1024px) {
    .page-navigation__list__item span {
        position: relative;
        margin-left: 25px;
        margin-right: 25px
    }

    .page-navigation__list__item span:after {
        content: "";
        position: absolute;
        width: calc(100% + 50px);
        top: 0;
        bottom: 0;
        left: -25px;
        right: -25px;
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
        transition: all .2s ease-out
    }
}

.page-navigation__list__item--insider span:before {
    content: "";
    background-image: url(/wp-content/themes/mjf/static/img/icon-insider.png);
    background-size: contain;
    margin-right: 8px;
    display: inline-block;
    width: 20px;
    height: 15px;
    position: relative;
    top: 2px
}

.page-navigation__more {
    display: none;
    align-items: center;
    justify-content: space-around;
    position: relative;
    margin: 8px;
    cursor: pointer;
    width: 100px;
    letter-spacing: 1px;
    background-color: #efefef !important;
    box-shadow: 0 0 11px 0 transparent !important;
    border: 1px solid transparent
}

.page-navigation__more span {
    padding-left: 18px
}

.page-navigation__more .cross {
    position: absolute;
    width: 10px;
    height: 10px;
    left: 19px;
    bottom: 16px;
    flex-shrink: 0
}

.page-navigation__more .cross__rectangle {
    transform-origin: center;
    transition: transform .2s ease-out
}

.page-navigation .is-selected span:after {
    box-shadow: inset 0 0 0 2px #000 !important
}

@media (max-width:1023px) {
    .page-navigation .is-selected {
        border: none
    }
}

.page-navigation .is-open {
    overflow-y: auto
}

.page-navigation .is-open .page-navigation__wrapper-header svg:last-of-type {
    transform: rotate(180deg) translateY(10px)
}

@media (max-width:1023px) {

    .page-navigation .is-open,
    .page-navigation .is-open .page-navigation__wrapper-header {
        max-height: 100%
    }
}

.page-navigation .is-open .cross__rectangle {
    transform: rotate(90deg)
}

.page-navigation .is-open .filter__circle-1 {
    transform: translateX(-2px)
}

.page-navigation .is-open .filter__circle-2 {
    transform: translateX(10px)
}

.page-navigation .is-open .filter__circle-3 {
    transform: translateX(-10px)
}

.page-navigation .is-open .page-navigation__list__item:nth-child(n+6) {
    display: flex
}

.page-navigation .no-more .page-navigation__more {
    display: none
}

.page-navigation .page-navigation__list__item:focus span:after {
    box-shadow: inset 0 0 0 1px #000
}

@media (min-width:1024px) {
    .page-navigation .page-navigation__more:focus {
        border-color: #000
    }
}

.page-navigation--filter .page-navigation__title {
    display: none
}

@media (max-width:1023px) {
    .page-navigation--filter .page-navigation__select {
        display: block
    }
}

@media (min-width:1024px) {
    .page-navigation--filter .page-navigation__wrapper {
        grid-column: 1/13;
        padding-right: 105px;
        margin-left: -16px
    }
}

.page-navigation--filter .page-navigation__list {
    justify-content: flex-start
}

.page-navigation--filter .page-navigation__list__item:nth-child(n+7) {
    display: none
}

@media (min-width:1024px) {
    .page-navigation--filter .page-navigation__more {
        display: flex;
        justify-content: center
    }
}

html.no-js .page-navigation .page-navigation,
html.no-js .page-navigation .page-navigation__list,
html.no-js .page-navigation .page-navigation__wrapper {
    max-height: 100%
}

.partners-list {
    display: flex;
    width: 100%;
    background-color: #efefef;
    padding: 60px 0 90px
}

.partners-list__partner:active .partner__image.partner__image--color,
.partners-list__partner:active>.partner__image-wrapper .partner__image--color,
.partners-list__partner:focus .partner__image.partner__image--color,
.partners-list__partner:focus>.partner__image-wrapper .partner__image--color,
.partners-list__partner:hover .partner__image.partner__image--color,
.partners-list__partner:hover>.partner__image-wrapper .partner__image--color {
    opacity: 1
}

.partners-list__partner:active .partner__image.partner__image--black,
.partners-list__partner:active>.partner__image-wrapper .partner__image--black,
.partners-list__partner:focus .partner__image.partner__image--black,
.partners-list__partner:focus>.partner__image-wrapper .partner__image--black,
.partners-list__partner:hover .partner__image.partner__image--black,
.partners-list__partner:hover>.partner__image-wrapper .partner__image--black {
    opacity: 0
}

.partners-list__inner {
    width: 100%
}

.partners-list__content {
    grid-column: grid-start/grid-end
}

@media (min-width:1200px) {
    .partners-list__content {
        grid-column: content-start/content-end
    }
}

@media (max-width:1499px) {
    .partners-list__content {
        grid-column-gap: 2.13vw
    }
}

@media (min-width:1500px) {
    .partners-list__content {
        grid-column-gap: 32px
    }
}

.partners-list__title,
.partners-list__title-secondary {

    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: inherit
}

@media (max-width:374px) {

    .partners-list__title,
    .partners-list__title-secondary {
        margin-bottom: 65px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .partners-list__title,
    .partners-list__title-secondary {
        margin-bottom: calc(79.36782px - 3.83142vw)
    }
}

@media (min-width:1680px) {

    .partners-list__title,
    .partners-list__title-secondary {
        margin-bottom: 15px
    }
}

@media (max-width:767px) {

    .partners-list__title,
    .partners-list__title-secondary {
        text-align: center
    }
}

@media (max-width:340px) {

    .partners-list__title,
    .partners-list__title-secondary {
        font-size: 11px
    }
}

.partners-list__title {
    grid-column: 1/2
}

.partners-list__title-secondary {
    grid-column: 2/3;
    grid-row: 1/1
}

.partners-list__list,
.partners-list__list-secondary {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

@media (max-width:767px) {

    .partners-list__list,
    .partners-list__list-secondary {
        gap: 48px
    }
}

@media (min-width:768px) and (max-width:1679px) {

    .partners-list__list,
    .partners-list__list-secondary {
        gap: calc(21.05263px + 3.50877vw)
    }
}

@media (min-width:1680px) {

    .partners-list__list,
    .partners-list__list-secondary {
        gap: 80px
    }
}

@media (max-width:767px) {

    .partners-list__list,
    .partners-list__list-secondary {
        flex-direction: column;
        justify-content: space-around
    }
}

.partners-list__list {
    grid-column: 1/2
}

.partners-list__list-secondary {
    grid-column: 2/3;
    justify-content: flex-start
}

.partners-list__partner {
    display: flex;
    position: relative
}

@media (max-width:767px) {
    .partners-list__partner+.partners-list__partner {
        margin-top: 48px
    }
}

.partners-list__partner .partner__link:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

.partners-list__partner .partner__image-wrapper {
    flex: 1;
    display: flex;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .partners-list__partner .partner__image-wrapper--mobile {
        display: none
    }
}

@media (max-width:767px) {
    .partners-list__partner .partner__image-wrapper--desktop {
        display: none
    }
}

.partners-list__partner .partner__image {
    transition: opacity .2s ease-out;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%
}

@media (min-width:768px) and (max-width:1679px) {
    .partners-list__partner .partner__image img {
        max-height: calc(11.84211px + 8.22368vw)
    }
}

@media (min-width:1680px) {
    .partners-list__partner .partner__image img {
        max-height: 100px
    }
}

@media (max-width:767px) {
    .partners-list__partner .partner__image img {
        max-width: 230px;
        height: 100%
    }
}

@media (min-width:768px) {
    .partners-list__partner .partner__image img {
        width: auto;
        max-width: 100%
    }
}

.partners-list__partner .partner__image.partner__image--color {
    position: absolute;
    opacity: 0
}

.partners-list.partners-list--columns .partners-list__column {
    display: flex;
    flex-direction: column
}

.partners-list.partners-list--columns .partners-list__list {
    flex-grow: 1
}

.partners-list.partners-list--columns[data-has-columns="1"] .partners-list__column {
    grid-column: grid-start/grid-end
}

.partners-list.partners-list--columns[data-has-columns="1"] .partners-list__column .partners-list__title {
    text-align: center
}

.partners-list.partners-list--columns[data-has-columns="1"] .partners-list__column .partners-list__list {
    justify-content: center
}

@media (min-width:768px) and (max-width:1679px) {
    .partners-list.partners-list--columns[data-has-columns="2"] .partners-list__inner {
        grid-column-gap: calc(21.05263px + 3.50877vw)
    }
}

@media (min-width:1680px) {
    .partners-list.partners-list--columns[data-has-columns="2"] .partners-list__inner {
        grid-column-gap: 80px
    }
}

.partners-list.partners-list--columns[data-has-columns="2"] .partners-list__column {
    grid-column-end: span 6
}

.partners-list.partners-list--columns[data-has-columns="2"] .partners-list__column:first-child {
    grid-column-start: 1
}

.partners-list.partners-list--columns[data-has-columns="2"] .partners-list__column:last-child {
    grid-column-start: 7
}

.partners-list.partners-list--columns .partner__image img {
    width: 100%
}

.partners-list.partners-list--footer {
    color: #fff;
    background-color: #000
}

@media (max-width:374px) {
    .partners-list.partners-list--rows .partners-list__inner {
        row-gap: 40px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .partners-list.partners-list--rows .partners-list__inner {
        row-gap: calc(28.50575px + 3.06513vw)
    }
}

@media (min-width:1680px) {
    .partners-list.partners-list--rows .partners-list__inner {
        row-gap: 80px
    }
}

.partners-list.partners-list--rows .partners-list__row {
    grid-column: grid-start/grid-end;
    width: 100%;
    display: flex
}

@media (max-width:374px) {
    .partners-list.partners-list--rows .partners-list__row {
        gap: 20px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .partners-list.partners-list--rows .partners-list__row {
        gap: calc(8.50575px + 3.06513vw)
    }
}

@media (min-width:1680px) {
    .partners-list.partners-list--rows .partners-list__row {
        gap: 60px
    }
}

@media (max-width:479px) {
    .partners-list.partners-list--rows .partners-list__row {
        flex-direction: column
    }
}

.partners-list.partners-list--rows .partners-list__column {
    flex-grow: 1
}

.partners-list.partners-list--rows .partners-list__title {
    text-align: left;
    border-bottom: 1px solid rgba(0, 0, 0, .15)
}

@media (max-width:374px) {
    .partners-list.partners-list--rows .partners-list__title {
        padding-bottom: 15px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .partners-list.partners-list--rows .partners-list__title {
        padding-bottom: calc(14.13793px + .22989vw)
    }
}

@media (min-width:1680px) {
    .partners-list.partners-list--rows .partners-list__title {
        padding-bottom: 18px
    }
}

@media (max-width:767px) {
    .partners-list.partners-list--rows .partners-list__title {
        margin-bottom: 20px
    }
}

@media (min-width:768px) and (max-width:1679px) {
    .partners-list.partners-list--rows .partners-list__title {
        margin-bottom: calc(3.15789px + 2.19298vw)
    }
}

@media (min-width:1680px) {
    .partners-list.partners-list--rows .partners-list__title {
        margin-bottom: 40px
    }
}

@media (max-width:479px) {
    .partners-list.partners-list--rows .partners-list__list {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: start
    }
}

@media (max-width:767px) {
    .partners-list.partners-list--rows .partners-list__list {
        gap: normal
    }
}

.partners-list.partners-list--rows .partner__image {
    display: inline-block
}

@media (min-width:768px) and (max-width:1679px) {
    .partners-list.partners-list--rows .partner__image img {
        max-height: calc(7.10526px + 4.93421vw)
    }
}

@media (min-width:1680px) {
    .partners-list.partners-list--rows .partner__image img {
        max-height: 90px
    }
}

@media (max-width:767px) {
    .partners-list.partners-list--rows .partner__image img {
        max-width: 120px;
        max-height: 100%;
        margin: none
    }
}

@media (min-width:768px) {
    .partners-list.partners-list--rows .partner__image img {
        width: auto;
        max-width: none
    }
}

.partners-list.partners-list--rows.partners-list--secondary {
    background-color: #fff
}

.partners-list.partners-list--rows.partners-list--secondary .partners-list__title {
    text-align: left
}

@media (min-width:1200px) {
    .partners-list.partners-list--columns.partners-list--narrow[data-has-columns="1"] .partners-list__column {
        grid-column: content-start/content-end
    }
}

@media (min-width:1200px) {
    .partners-list.partners-list--columns.partners-list--narrow[data-has-columns="2"] .partners-list__column {
        grid-column-end: span 5
    }

    .partners-list.partners-list--columns.partners-list--narrow[data-has-columns="2"] .partners-list__column:first-child {
        grid-column-start: 2
    }

    .partners-list.partners-list--columns.partners-list--narrow[data-has-columns="2"] .partners-list__column:last-child {
        grid-column-start: 7
    }
}

.partners-list:not(.partners-list--cards) .partners-list__content {
    display: grid;
    grid-template-columns: 1fr 1fr
}

@media (min-width:768px) and (max-width:1679px) {
    .partners-list:not(.partners-list--cards) .partners-list__content {
        grid-column-gap: calc(21.05263px + 3.50877vw)
    }
}

@media (min-width:1680px) {
    .partners-list:not(.partners-list--cards) .partners-list__content {
        grid-column-gap: 80px
    }
}

@media (max-width:767px) {
    .partners-list:not(.partners-list--cards) .partners-list__content {
        grid-column-gap: none
    }
}

.partners-list.partners-list--secondary:not(.partners-list--cards):not(.partners-list--rows) {
    background-color: #fff;
    padding-bottom: 60px
}

.partners-list.partners-list--secondary:not(.partners-list--cards):not(.partners-list--rows) .partners-list__title {
    grid-column: 1/13;
    text-align: center;
    padding-bottom: 0;
    margin-bottom: 50px
}

@media (min-width:768px) and (max-width:1679px) {
    .partners-list.partners-list--secondary:not(.partners-list--cards):not(.partners-list--rows) .partners-list__title {
        margin-bottom: calc(3.15789px + 2.19298vw)
    }
}

@media (min-width:1680px) {
    .partners-list.partners-list--secondary:not(.partners-list--cards):not(.partners-list--rows) .partners-list__title {
        margin-bottom: 40px
    }
}

@media (max-width:767px) {
    .partners-list.partners-list--secondary:not(.partners-list--cards):not(.partners-list--rows) .partners-list__title {
        margin-bottom: 25px
    }
}

.partners-list.partners-list--secondary:not(.partners-list--cards):not(.partners-list--rows) .partners-list__list {
    grid-column: 1/13;
    flex-direction: row;
    justify-content: center
}

@media (max-width:767px) {
    .partners-list.partners-list--secondary:not(.partners-list--cards):not(.partners-list--rows) .partners-list__list {
        flex-wrap: wrap
    }
}

@media (max-width:767px) {
    .partners-list.partners-list--secondary:not(.partners-list--cards):not(.partners-list--rows) .partners-list__partner {
        flex-basis: 50%
    }

    .partners-list.partners-list--secondary:not(.partners-list--cards):not(.partners-list--rows) .partners-list__partner+.partners-list__partner {
        margin-top: 10px
    }

    .partners-list.partners-list--secondary:not(.partners-list--cards):not(.partners-list--rows) .partners-list__partner:nth-child(2) {
        margin-top: 0
    }
}

@media (min-width:768px) and (max-width:1679px) {
    .partners-list.partners-list--secondary:not(.partners-list--cards):not(.partners-list--rows) .partners-list__partner .partner__image img {
        max-height: calc(7.10526px + 4.93421vw)
    }
}

@media (min-width:1680px) {
    .partners-list.partners-list--secondary:not(.partners-list--cards):not(.partners-list--rows) .partners-list__partner .partner__image img {
        max-height: 90px
    }
}

@media (max-width:767px) {
    .partners-list.partners-list--secondary:not(.partners-list--cards):not(.partners-list--rows) .partners-list__partner .partner__image img {
        max-width: 150px;
        max-height: 100%
    }
}

@media (min-width:768px) {
    .partners-list.partners-list--secondary:not(.partners-list--cards):not(.partners-list--rows) .partners-list__partner .partner__image img {
        width: auto;
        max-width: none
    }
}

.partners-list.partners-list--cards {
    background-color: initial;
    padding: 0
}

.partners-list.partners-list--cards .partners-list__title {
    line-height: 1.1;
    letter-spacing: 0;
    text-transform: none;
    text-align: left;
    padding-bottom: 0;
    margin-bottom: 50px;
    grid-column: 1/13
}

@media (max-width:374px) {
    .partners-list.partners-list--cards .partners-list__title {
        font-size: 22px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .partners-list.partners-list--cards .partners-list__title {
        font-size: calc(20.27586px + .45977vw)
    }
}

@media (min-width:1680px) {
    .partners-list.partners-list--cards .partners-list__title {
        font-size: 28px
    }
}

@media (max-width:767px) {
    .partners-list.partners-list--cards .partners-list__title {
        margin-bottom: 32px
    }
}

@media (min-width:768px) and (max-width:1679px) {
    .partners-list.partners-list--cards .partners-list__title {
        margin-bottom: calc(18.52632px + 1.75439vw)
    }
}

@media (min-width:1680px) {
    .partners-list.partners-list--cards .partners-list__title {
        margin-bottom: 48px
    }
}

@media (min-width:1200px) {
    .partners-list.partners-list--cards .partners-list__title {
        grid-column: 2/12
    }
}

.partners-list.partners-list--cards .partners-list__list {
    display: grid;
    grid-column-gap: inherit;
    justify-content: normal;
    grid-column: 1/13;
    grid-template-columns: repeat(1, minmax(292px, 375px))
}

@media (max-width:1499px) {
    .partners-list.partners-list--cards .partners-list__list {
        grid-row-gap: 20px
    }
}

@media (min-width:1500px) {
    .partners-list.partners-list--cards .partners-list__list {
        grid-row-gap: 32px
    }
}

@media (min-width:1200px) {
    .partners-list.partners-list--cards .partners-list__list {
        grid-column: 2/12
    }
}

@media (min-width:600px) {
    .partners-list.partners-list--cards .partners-list__list {
        grid-template-columns: repeat(auto-fit, 277px)
    }
}

@media (min-width:900px) {
    .partners-list.partners-list--cards .partners-list__list {
        grid-template-columns: repeat(auto-fit, 310px)
    }
}

@media (min-width:1440px) {
    .partners-list.partners-list--cards .partners-list__list {
        grid-template-columns: repeat(auto-fit, 337px)
    }
}

@media (min-width:1680px) {
    .partners-list.partners-list--cards .partners-list__list {
        grid-template-columns: repeat(auto-fit, 352px)
    }
}

.partners-list.partners-list--cards.partners-list--secondary .partners-list__list {
    grid-template-columns: repeat(2, minmax(143px, 176px))
}

@media (min-width:600px) {
    .partners-list.partners-list--cards.partners-list--secondary .partners-list__list {
        grid-template-columns: repeat(auto-fit, 176px)
    }
}

@media (min-width:900px) {
    .partners-list.partners-list--cards.partners-list--secondary .partners-list__list {
        grid-template-columns: repeat(auto-fit, 197px)
    }
}

@media (min-width:1440px) {
    .partners-list.partners-list--cards.partners-list--secondary .partners-list__list {
        grid-template-columns: repeat(auto-fit, 214px)
    }
}

@media (min-width:1680px) {
    .partners-list.partners-list--cards.partners-list--secondary .partners-list__list {
        grid-template-columns: repeat(auto-fit, 224px)
    }
}

.partners-list.partners-list--logos {
    background-color: #fff;
    padding: 0;
    width: 100%
}

.partners-list.partners-list--logos .partners-list__inner {
    margin: 0
}

@media (max-width:767px) {
    .partners-list.partners-list--logos .partners-list__column .partners-list__title {
        margin-bottom: 15px
    }
}

@media (min-width:768px) and (max-width:1679px) {
    .partners-list.partners-list--logos .partners-list__column .partners-list__title {
        margin-bottom: calc(2.36842px + 1.64474vw)
    }
}

@media (min-width:1680px) {
    .partners-list.partners-list--logos .partners-list__column .partners-list__title {
        margin-bottom: 30px
    }
}

.partners-list.partners-list--logos .partners-list__column .partners-list__list {
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start
}

@media (max-width:374px) {
    .partners-list.partners-list--logos .partners-list__column .partners-list__list {
        column-gap: 30px
    }
}

@media (min-width:375px) and (max-width:767px) {
    .partners-list.partners-list--logos .partners-list__column .partners-list__list {
        column-gap: calc(15.68702px + 3.81679vw)
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .partners-list.partners-list--logos .partners-list__column .partners-list__list {
        column-gap: calc(18.33333px + 3.47222vw)
    }
}

@media (min-width:1200px) {
    .partners-list.partners-list--logos .partners-list__column .partners-list__list {
        column-gap: 60px
    }
}

@media (max-width:374px) {
    .partners-list.partners-list--logos .partners-list__column .partners-list__list {
        row-gap: 15px
    }
}

@media (min-width:375px) and (max-width:1199px) {
    .partners-list.partners-list--logos .partners-list__column .partners-list__list {
        row-gap: calc(8.18182px + 1.81818vw)
    }
}

@media (min-width:1200px) {
    .partners-list.partners-list--logos .partners-list__column .partners-list__list {
        row-gap: 30px
    }
}

.partners-list.partners-list--logos .partners-list__column .partners-list__list .partners-list__partner {
    margin-top: 0
}

.partners-list.partners-list--logos .partners-list__column .partners-list__list .partners-list__partner .partner__image img {
    max-height: 60px
}

.programme {
    margin-bottom: 0;
    position: relative
}

.programme .programme__content-column .wrapper,
.programme .programme__header__column-stages .draggable,
.programme__content-column .programme .wrapper,
.programme__header__column-stages .programme .draggable {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.programme .programme__content-column .wrapper::-webkit-scrollbar,
.programme .programme__header__column-stages .draggable::-webkit-scrollbar,
.programme__content-column .programme .wrapper::-webkit-scrollbar,
.programme__header__column-stages .programme .draggable::-webkit-scrollbar {
    display: none
}

.programme .programme__content-column .programme__schedule .programme__stage-name,
.programme .programme__header__column-stages .programme__stage-name,
.programme__content-column .programme__schedule .programme .programme__stage-name,
.programme__header__column-stages .programme .programme__stage-name {
    display: flex;
    position: relative;
    align-items: center;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: left
}

@media screen and (min-width:1024px) {

    .programme .programme__content-column .programme__schedule .programme__stage-name,
    .programme .programme__header__column-stages .programme__stage-name,
    .programme__content-column .programme__schedule .programme .programme__stage-name,
    .programme__header__column-stages .programme .programme__stage-name {
        height: 92px;
        padding-left: 44px
    }
}

.programme .programme__content-column .programme__schedule .programme__stage-name button,
.programme .programme__header__column-stages .programme__stage-name button,
.programme__content-column .programme__schedule .programme .programme__stage-name button,
.programme__header__column-stages .programme .programme__stage-name button {
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: left;
    display: inline-block;
    color: #707070;
    letter-spacing: .06em;
    line-height: 1.18
}

@media (min-width:768px) and (max-width:1679px) {

    .programme .programme__content-column .programme__schedule .programme__stage-name button,
    .programme .programme__header__column-stages .programme__stage-name button,
    .programme__content-column .programme__schedule .programme .programme__stage-name button,
    .programme__header__column-stages .programme .programme__stage-name button {
        font-size: calc(12.31579px + .2193vw)
    }
}

.programme .programme__content-column .programme__schedule .programme__stage-name button:focus svg circle,
.programme .programme__content-column .programme__schedule .programme__stage-name button:hover svg circle,
.programme .programme__header__column-stages .programme__stage-name button:focus svg circle,
.programme .programme__header__column-stages .programme__stage-name button:hover svg circle,
.programme__content-column .programme__schedule .programme .programme__stage-name button:focus svg circle,
.programme__content-column .programme__schedule .programme .programme__stage-name button:hover svg circle,
.programme__header__column-stages .programme .programme__stage-name button:focus svg circle,
.programme__header__column-stages .programme .programme__stage-name button:hover svg circle {
    fill: #000;
    stroke: #000
}

.programme .programme__content-column .programme__schedule .programme__stage-name button:focus svg path,
.programme .programme__content-column .programme__schedule .programme__stage-name button:hover svg path,
.programme .programme__header__column-stages .programme__stage-name button:focus svg path,
.programme .programme__header__column-stages .programme__stage-name button:hover svg path,
.programme__content-column .programme__schedule .programme .programme__stage-name button:focus svg path,
.programme__content-column .programme__schedule .programme .programme__stage-name button:hover svg path,
.programme__header__column-stages .programme .programme__stage-name button:focus svg path,
.programme__header__column-stages .programme .programme__stage-name button:hover svg path {
    fill: #fff
}

.programme .programme__content-column .programme__schedule .programme__stage-name button:before,
.programme .programme__header__column-stages .programme__stage-name button:before,
.programme__content-column .programme__schedule .programme .programme__stage-name button:before,
.programme__header__column-stages .programme .programme__stage-name button:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.programme .programme__content-column .programme__schedule .programme__stage-name svg,
.programme .programme__header__column-stages .programme__stage-name svg,
.programme__content-column .programme__schedule .programme .programme__stage-name svg,
.programme__header__column-stages .programme .programme__stage-name svg {
    display: inline-block;
    width: 20px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

@media screen and (min-width:1024px) {

    .programme .programme__content-column .programme__schedule .programme__stage-name svg,
    .programme .programme__header__column-stages .programme__stage-name svg,
    .programme__content-column .programme__schedule .programme .programme__stage-name svg,
    .programme__header__column-stages .programme .programme__stage-name svg {
        margin-right: 24px;
        left: 0;
        right: auto
    }
}

.programme .programme__content-column .programme__schedule .programme__stage-name svg circle,
.programme .programme__header__column-stages .programme__stage-name svg circle,
.programme__content-column .programme__schedule .programme .programme__stage-name svg circle,
.programme__header__column-stages .programme .programme__stage-name svg circle {
    fill: transparent
}

.programme .programme__content-column .programme__schedule .programme__stage-name svg circle,
.programme .programme__content-column .programme__schedule .programme__stage-name svg path,
.programme .programme__header__column-stages .programme__stage-name svg circle,
.programme .programme__header__column-stages .programme__stage-name svg path,
.programme__content-column .programme__schedule .programme .programme__stage-name svg circle,
.programme__content-column .programme__schedule .programme .programme__stage-name svg path,
.programme__header__column-stages .programme .programme__stage-name svg circle,
.programme__header__column-stages .programme .programme__stage-name svg path {
    transition: all .25s
}

.programme .programme__content-column .programme__schedule .programme__stage-name strong,
.programme .programme__header__column-stages .programme__stage-name strong,
.programme__content-column .programme__schedule .programme .programme__stage-name strong,
.programme__header__column-stages .programme .programme__stage-name strong {
    color: #000;
    font-weight: 700;
    letter-spacing: 0
}

@media screen and (min-width:1024px) {

    .programme .programme__content-column .programme__schedule .programme__stage-name strong,
    .programme .programme__header__column-stages .programme__stage-name strong,
    .programme__content-column .programme__schedule .programme .programme__stage-name strong,
    .programme__header__column-stages .programme .programme__stage-name strong {
        font-size: 1.55em;
        display: block
    }
}

.programme .programme__content-column .programme__schedule .programme__stage-details,
.programme .programme__header__column-stages .programme__stage-details,
.programme__content-column .programme__schedule .programme .programme__stage-details,
.programme__header__column-stages .programme .programme__stage-details {
    position: relative;
    color: #505050
}

@media screen and (min-width:1024px) {

    .programme .programme__content-column .programme__schedule .programme__stage-details,
    .programme .programme__header__column-stages .programme__stage-details,
    .programme__content-column .programme__schedule .programme .programme__stage-details,
    .programme__header__column-stages .programme .programme__stage-details {
        padding-top: 15px;
        padding-bottom: 45px;
        padding-left: 44px
    }
}

.programme .programme__content-column .programme__schedule .programme__stage-details:before,
.programme .programme__header__column-stages .programme__stage-details:before,
.programme__content-column .programme__schedule .programme .programme__stage-details:before,
.programme__header__column-stages .programme .programme__stage-details:before {
    content: "";
    display: block;
    width: 32px;
    height: 1px;
    margin: 22px 0 20px;
    border-top: 1px solid #cbcbcb
}

@media screen and (min-width:1024px) {

    .programme .programme__content-column .programme__schedule .programme__stage-details:before,
    .programme .programme__header__column-stages .programme__stage-details:before,
    .programme__content-column .programme__schedule .programme .programme__stage-details:before,
    .programme__header__column-stages .programme .programme__stage-details:before {
        position: absolute;
        top: 0;
        right: 0;
        width: calc(100% - 44px);
        margin: 0
    }
}

.programme .programme__content-column .programme__schedule .programme__stage-details p,
.programme .programme__header__column-stages .programme__stage-details p,
.programme__content-column .programme__schedule .programme .programme__stage-details p,
.programme__header__column-stages .programme .programme__stage-details p {
    font-size: .875em;
    letter-spacing: 0;
    line-height: 1.42
}

.programme .programme__content-column .programme__schedule .programme__stage-details .link,
.programme .programme__header__column-stages .programme__stage-details .link,
.programme__content-column .programme__schedule .programme .programme__stage-details .link,
.programme__header__column-stages .programme .programme__stage-details .link {
    font-weight: 700;
    font-size: inherit;
    color: inherit
}

.programme .programme__content-column .programme__schedule .programme__stage-details .card-cta__link,
.programme .programme__header__column-stages .programme__stage-details .card-cta__link,
.programme__content-column .programme__schedule .programme .programme__stage-details .card-cta__link,
.programme__header__column-stages .programme .programme__stage-details .card-cta__link {
    position: relative;
    margin-top: 28px;
    padding-top: 0
}

@media screen and (min-width:1024px) {

    .programme .programme__content-column .programme__schedule .programme__stage-details .card-cta__link,
    .programme .programme__header__column-stages .programme__stage-details .card-cta__link,
    .programme__content-column .programme__schedule .programme .programme__stage-details .card-cta__link,
    .programme__header__column-stages .programme .programme__stage-details .card-cta__link {
        margin-top: 32px
    }
}

.programme .programme__content-column .programme__schedule .programme__stage-details .card-cta__link:before,
.programme .programme__header__column-stages .programme__stage-details .card-cta__link:before,
.programme__content-column .programme__schedule .programme .programme__stage-details .card-cta__link:before,
.programme__header__column-stages .programme .programme__stage-details .card-cta__link:before {
    border: none
}

.programme .programme__content-column .programme__schedule .programme__stage-details .programme__stage-details__prohibited_under,
.programme .programme__header__column-stages .programme__stage-details .programme__stage-details__prohibited_under,
.programme__content-column .programme__schedule .programme .programme__stage-details .programme__stage-details__prohibited_under,
.programme__header__column-stages .programme .programme__stage-details .programme__stage-details__prohibited_under {
    display: inline-block;
    padding: 6px;
    font-size: .75em;
    letter-spacing: 1px;
    border: 1px solid #eb0000;
    border-radius: 2px;
    line-height: 0;
    position: absolute;
    right: 0;
    top: 22px;
    pointer-events: none
}

@media screen and (min-width:1024px) {

    .programme .programme__content-column .programme__schedule .programme__stage-details .programme__stage-details__prohibited_under,
    .programme .programme__header__column-stages .programme__stage-details .programme__stage-details__prohibited_under,
    .programme__content-column .programme__schedule .programme .programme__stage-details .programme__stage-details__prohibited_under,
    .programme__header__column-stages .programme .programme__stage-details .programme__stage-details__prohibited_under {
        top: 15px
    }
}

.programme .programme__content-column .programme__schedule .programme__stage-details .programme__stage-details__prohibited_under svg,
.programme .programme__header__column-stages .programme__stage-details .programme__stage-details__prohibited_under svg,
.programme__content-column .programme__schedule .programme .programme__stage-details .programme__stage-details__prohibited_under svg,
.programme__header__column-stages .programme .programme__stage-details .programme__stage-details__prohibited_under svg {
    width: 9px;
    height: 9px
}

.programme .programme__daypicker-dropdown-selected {
    display: flex;
    margin: 0;
    padding: 0;
    position: relative;
    align-items: center;
    font-size: .75em;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-color: initial;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    cursor: pointer
}

.programme .programme__daypicker-dropdown-selected:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 0;
    border-color: #000 transparent transparent;
    border-style: solid;
    border-width: 9px 9px 0;
    transform: translateY(-50%) rotate(0deg);
    transition: transform .2s ease-out .2s
}

@media screen and (min-width:1024px) {
    .programme .programme__daypicker-dropdown-selected:after {
        border-width: 6px 6px 0;
        right: -30px
    }
}

@media (max-width:374px) {
    .programme {
        margin-top: 28px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .programme {
        margin-top: calc(22.25287px + 1.53257vw)
    }
}

@media (min-width:1680px) {
    .programme {
        margin-top: 48px
    }
}

.programme button {
    font-size: 1em;
    background-color: initial;
    border: 0;
    border-radius: 0;
    outline: 0;
    -webkit-appearance: none;
    appearance: none;
    padding: 0;
    cursor: pointer
}

.programme button::-moz-focus-inner {
    border: 0
}

.programme__info {
    margin-bottom: 18px;
    position: relative;
    z-index: 30
}

@media (min-width:768px) {
    .programme__info {
        margin-bottom: 32px
    }
}

@media (min-width:1024px) {
    .programme__info {
        margin-bottom: 47px
    }
}

.programme__info>* {
    grid-column: 2/12
}

@media (min-width:600px) {
    .programme__info>* {
        grid-column: 1/13
    }
}

.programme__info__wrapper {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    grid-row: 2
}

@media (min-width:1024px) {
    .programme__info__wrapper {
        grid-column: 1/10;
        grid-row: auto
    }
}

@media (min-width:1200px) {
    .programme__info__wrapper {
        grid-column: 2/10
    }
}

@media (max-width:374px) {
    .programme__info__wrapper>:not(last-child) {
        margin-right: 20px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .programme__info__wrapper>:not(last-child) {
        margin-right: calc(11.95402px + 2.14559vw)
    }
}

@media (min-width:1680px) {
    .programme__info__wrapper>:not(last-child) {
        margin-right: 48px
    }
}

.programme__info .artist-search {
    flex: 1 1 100%;
    margin: 16px 0 0;
    padding: 0;
    align-self: auto
}

@media (min-width:768px) {
    .programme__info .artist-search {
        margin: 0;
        max-width: 320px;
        flex: 1
    }
}

.programme__info .artist-search .artist-search__bar {
    z-index: 1
}

.programme__info .artist-search .artist-search__bar.is-filled+.artist-search__list-wrap:before {
    content: "";
    display: block;
    position: absolute;
    top: -50px;
    left: -16px;
    width: calc(100% + 32px);
    height: calc(100% + 50px);
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12)
}

.programme__info .artist-search .artist-search__list-item {
    margin: 0 16px
}

.programme__info .artist-search .artist-search__list-wrap {
    transform: none
}

.programme__info .artist-search .artist-search__list-wrap:before {
    display: none
}

.programme__info__sponsor {
    margin-bottom: 34px;
    display: flex;
    align-items: flex-end
}

@media (min-width:1024px) {
    .programme__info__sponsor {
        grid-column: 10/13;
        margin-bottom: 0;
        justify-content: flex-end
    }
}

.programme__info__sponsor img {
    width: 72px;
    margin-right: 16px
}

@media (max-width:374px) {
    .programme__info__sponsor img {
        width: 72px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .programme__info__sponsor img {
        width: calc(65.10345px + 1.83908vw)
    }
}

@media (min-width:1680px) {
    .programme__info__sponsor img {
        width: 96px
    }
}

.programme__info__sponsor span {
    display: inline-block;
    max-width: 100px;
    padding-top: 3px;
    font-size: 14px;
    color: #505050
}

.programme__grid {
    display: grid;
    grid-template-areas: "tabs" "content";
    grid-template-rows: 40px 1fr
}

@media screen and (min-width:1024px) {
    .programme__grid {
        grid-template-areas: "tabs tabs" "header header" "days content";
        grid-template-rows: 56px 92px 1fr;
        grid-template-columns: 310px 1fr
    }
}

.programme__tabs {
    display: flex;
    padding: 0 12px;
    position: sticky;
    height: 40px;
    top: 80px;
    grid-area: tabs;
    align-items: center;
    overflow: hidden;
    background-color: #fff;
    z-index: 10
}

@media (min-width:768px) {
    .programme__tabs {
        top: 120px
    }
}

@media screen and (min-width:1024px) {
    .programme__tabs {
        height: 56px;
        padding: 0 88px 0 342px
    }
}

.nav:not(.nav--mobile)+.page__wrapper .programme .programme__tabs {
    top: 167px
}

.programme__tabs:after {
    content: "";
    display: block;
    width: 100vw;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: 0;
    flex: 1;
    background: linear-gradient(0deg, rgba(0, 0, 0, .07), hsla(0, 0%, 100%, 0))
}

@media screen and (min-width:1024px) {
    .programme__tabs:after {
        display: none
    }
}

.nav--mobile+.programme .programme__tabs {
    top: 120px
}

@media (max-width:767px) {
    .nav--mobile+.programme .programme__tabs {
        top: 80px
    }
}

.programme__tabs>a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    height: 100%;

    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    background-color: #efefef;
    transition: background-color .2s ease-out;
    margin: 0
}

@media (max-width:374px) {
    .programme__tabs>a {
        font-size: 12px
    }
}

@media (min-width:375px) and (max-width:1023px) {
    .programme__tabs>a {
        font-size: 12px
    }
}

@media (min-width:1024px) {
    .programme__tabs>a {
        font-size: 14px
    }
}

.programme__tabs>a svg {
    display: block;
    margin-top: -2px
}

@media (max-width:374px) {
    .programme__tabs>a svg {
        width: 22px
    }
}

@media (min-width:375px) and (max-width:1023px) {
    .programme__tabs>a svg {
        width: 22px
    }
}

@media (min-width:1024px) {
    .programme__tabs>a svg {
        width: 24px
    }
}

@media (max-width:374px) {
    .programme__tabs>a svg {
        height: 16px
    }
}

@media (min-width:375px) and (max-width:1023px) {
    .programme__tabs>a svg {
        height: 16px
    }
}

@media (min-width:1024px) {
    .programme__tabs>a svg {
        height: 18px
    }
}

@media (max-width:374px) {
    .programme__tabs>a svg {
        margin-right: 8px
    }
}

@media (min-width:375px) and (max-width:1023px) {
    .programme__tabs>a svg {
        margin-right: 8px
    }
}

@media (min-width:1024px) {
    .programme__tabs>a svg {
        margin-right: 16px
    }
}

.programme__tabs>a:focus,
.programme__tabs>a:hover {
    background-color: #dedede
}

.programme__tabs>a.is-active {
    background-color: #fffe54;
    pointer-events: none
}

.programme__tabs>a.is-active:focus {
    background-color: #ffed3b
}

.programme__tabs>a.is-active.is-early-birds {
    background-color: #b1ffcd
}

.programme__tabs>a.is-active.is-early-birds:focus {
    background-color: #99e9b6
}

.programme__header {
    display: none
}

@media screen and (min-width:1024px) {
    .programme__header {
        display: flex;
        grid-area: header;
        align-items: flex-start;
        position: sticky;
        top: 120px;
        height: 92px;
        max-width: 100%;
        background: #fff;
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12);
        transition: height .25s;
        z-index: 10
    }

    .programme__header.is-details-visible {
        height: var(--stage-details-height)
    }

    .programme.has-tabs .programme__header {
        top: 176px
    }
}

.nav:not(.nav--mobile)+.page__wrapper .programme .programme__header {
    top: 167px
}

.nav:not(.nav--mobile)+.page__wrapper .programme.has-tabs .programme__header {
    top: 223px
}

.programme__header__column-daypicker {
    position: relative;
    height: 92px;
    min-width: 310px;
    flex: 1
}

@media screen and (min-width:1024px) {
    .programme__header__column-daypicker {
        flex: 0
    }
}

.programme__header__column-stages {
    display: none
}

.programme__header__column-stages .draggable {
    overflow: scroll hidden
}

@media screen and (min-width:1024px) {
    .programme__header__column-stages {
        display: block;
        position: relative;
        height: 100%;
        width: 100%;
        transition: height .25s;
        overflow-x: auto;
        overflow-y: hidden;
        background-color: #fff
    }

    .programme__header__column-stages:after,
    .programme__header__column-stages:before {
        content: "";
        display: block;
        width: 120px;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: 1;
        pointer-events: none
    }

    .programme__header__column-stages:before {
        left: -1px;
        background-image: linear-gradient(270deg, hsla(0, 0%, 100%, 0) 70%, #fff)
    }

    .programme__header__column-stages:after {
        right: 0;
        background-image: linear-gradient(270deg, #fff 45%, hsla(0, 0%, 100%, 0))
    }

    .programme__header__column-stages>button {
        position: absolute;
        top: 0;
        width: 50px;
        height: 92px;
        background-repeat: no-repeat;
        opacity: 0;
        animation-duration: .2s;
        animation-fill-mode: forwards;
        z-index: 2;
        pointer-events: none;
        background-position: 50%
    }

    .programme__header__column-stages>button:after,
    .programme__header__column-stages>button:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0
    }

    .programme__header__column-stages>button:hover svg {
        fill: #000
    }

    .programme__header__column-stages>button svg {
        width: 14px;
        height: 27px;
        fill: #cbcbcb;
        pointer-events: none;
        transition: fill .2s;
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

    .programme__header__column-stages>button:first-of-type {
        left: 0
    }

    .programme__header__column-stages>button:first-of-type svg {
        left: 10px
    }

    .is-overflow-left .programme__header__column-stages>button:first-of-type {
        opacity: 1;
        pointer-events: auto;
        animation-name: fadeIn
    }

    .programme__header__column-stages>button:last-of-type {
        right: 0
    }

    .programme__header__column-stages>button:last-of-type svg {
        left: 20px
    }

    .is-overflow-right .programme__header__column-stages>button:last-of-type,
    .is-overflow .programme__header__column-stages>button {
        opacity: 1;
        pointer-events: auto;
        animation-name: fadeIn
    }

    .programme__header__column-stages .is-details-visible {
        height: var(--stage-details-height)
    }
}

.programme__header__column-stages-control {
    display: none
}

@media screen and (min-width:1024px) {
    .programme__header__column-stages-control {
        display: block;
        height: 92px;
        width: 32px;
        position: absolute;
        top: 0;
        z-index: 10;
        line-height: 0;
        cursor: pointer;
        overflow: visible
    }

    .programme__header__column-stages-control:after {
        content: "";
        position: absolute;
        top: 0;
        height: 100%;
        width: 136px
    }

    .programme__header__column-stages-control:first-of-type:after {
        left: 0;
        background-image: linear-gradient(270deg, hsla(0, 0%, 100%, 0) 45%, #fff)
    }

    .programme__header__column-stages-control:last-of-type {
        right: 0
    }

    .programme__header__column-stages-control:last-of-type:after {
        right: 0;
        background-image: linear-gradient(270deg, #fff 45%, hsla(0, 0%, 100%, 0))
    }

    .programme__header__column-stages-control svg {
        width: 12px;
        height: 26px;
        position: relative;
        z-index: 100
    }
}

.programme__header__column-stages .wrapper {
    display: inline-flex;
    flex: 1;
    padding-left: 32px
}

.programme__header__column-stages .col {
    position: relative;
    width: 352px;
    z-index: 2
}

.programme__header__column-stages .col:hover .programme__stages-name svg circle {
    fill: #000;
    stroke: #000
}

.programme__header__column-stages .col:hover .programme__stages-name svg path {
    fill: #fff
}

.programme__header__column-stages .col+* {
    margin-left: 32px
}

.programme__header__column-stages .programme__stage.is-details-visible .programme__stage-name button svg circle {
    fill: #000;
    stroke: #000
}

.programme__header__column-stages .programme__stage.is-details-visible .programme__stage-name button svg path {
    fill: #fff
}

.programme__header__column-stages .programme__stage-details p+p {
    margin-top: 12px
}

.programme__header__column-stages .programme__stage-details p a {
    font-weight: 700
}

.programme__days-column {
    grid-area: days;
    background-color: #efefef;
    padding-top: 35px
}

@media screen and (max-width:1023px) {
    .programme__days-column {
        display: none
    }
}

.programme__days-column .day {
    position: relative;
    display: inline-block;
    height: var(--height);
    width: 100%;
    padding: 48px 32px 48px 88px;
    font-size: 16px;
    color: #505050;
    letter-spacing: 1px;
    text-transform: uppercase
}

.programme__days-column .day:before {
    content: "";
    position: absolute;
    top: 0;
    width: calc(100% - 120px);
    height: 1px;
    border-top: 1px solid #cbcbcb;
    display: block
}

.programme__days-column .day strong {
    color: #000;
    display: block;
    font-weight: 700;
    letter-spacing: 0;
    line-height: .82;
    margin-top: 8px
}

@media (min-width:1024px) and (max-width:1679px) {
    .programme__days-column .day strong {
        font-size: calc(24.63415px + .91463vw)
    }
}

@media (min-width:1680px) {
    .programme__days-column .day strong {
        font-size: 40px
    }
}

.programme__days-column .day:not(:first-child) {
    margin-top: 40px
}

.programme__content-column {
    grid-area: content
}

@media screen and (min-width:1024px) {
    .programme__content-column {
        position: relative;
        padding-top: 35px;
        overflow-x: auto
    }

    .programme__content-column:after,
    .programme__content-column:before {
        content: "";
        position: absolute;
        top: 0;
        height: 100%;
        width: 136px;
        opacity: 0;
        pointer-events: none;
        z-index: 1
    }

    .is-overflow .programme__content-column:after,
    .is-overflow .programme__content-column:before {
        opacity: 1;
        animation-name: fadeIn
    }

    .programme__content-column:before {
        width: 50px;
        left: -1px;
        background-image: linear-gradient(270deg, hsla(0, 0%, 100%, 0), #fff)
    }

    .is-overflow-left .programme__content-column:before {
        opacity: 1;
        animation-name: fadeIn
    }

    .programme__content-column:after {
        right: 0;
        background-image: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, 0))
    }

    .is-overflow-right .programme__content-column:after {
        opacity: 1;
        animation-name: fadeIn
    }
}

.programme__content-column .day.is-active .programme__daypicker-toggle {
    z-index: 9
}

@media screen and (min-width:1024px) {
    .programme__content-column .day {
        display: inline-flex;
        padding: 43px 0 48px 32px;
        position: relative;
        min-height: 150px;
        min-width: 100%
    }

    .programme__content-column .day:not(:first-child) {
        margin-top: 40px
    }

    .programme__content-column .day:before {
        content: "";
        position: absolute;
        top: 0;
        width: calc(100% - 64px);
        height: 1px;
        border-top: 1px solid #cbcbcb;
        display: block;
        left: 32px
    }
}

.programme__content-column .day__header {
    position: sticky;
    top: 167px;
    background-color: #fff
}

@media screen and (min-width:1024px) {
    .programme__content-column .programme__schedule {
        width: 352px;
        display: flex;
        flex-direction: column
    }

    .programme__content-column .programme__schedule+* {
        margin-left: 32px
    }
}

.programme__content-column .programme__schedule .programme__stage {
    display: block;
    padding: 20px 41px;
    background-color: #efefef;
    cursor: pointer
}

@media screen and (min-width:768px) {
    .programme__content-column .programme__schedule .programme__stage>* {
        max-width: 584px;
        margin: 0 auto
    }
}

@media screen and (min-width:1024px) {
    .programme__content-column .programme__schedule .programme__stage {
        display: none
    }
}

.programme__content-column .programme__schedule .programme__stage.is-details-visible .programme__stage-name svg circle {
    fill: #000;
    stroke: #000
}

.programme__content-column .programme__schedule .programme__stage.is-details-visible .programme__stage-name svg path {
    fill: #fff
}

.programme__content-column .programme__schedule .programme__stage.is-details-visible .programme__stage-details {
    display: block
}

.programme__content-column .programme__schedule .programme__stage.is-details-visible .programme__stage-details p+p {
    margin-top: 12px
}

.programme__content-column .programme__schedule .programme__stage.is-details-visible .programme__stage-details p a {
    font-weight: 700
}

.programme__content-column .programme__schedule .programme__stage+* {
    margin-top: 0
}

.programme__content-column .programme__schedule .programme__stage-details {
    display: none
}

.programme__content-column .programme__schedule .programme__details {
    padding: 34px 41px 32px;
    overflow: hidden
}

.programme__content-column .programme__schedule .programme__details+.programme__details {
    padding-top: 0
}

@media screen and (min-width:768px) {
    .programme__content-column .programme__schedule .programme__details {
        max-width: 584px;
        padding-left: 0;
        padding-right: 0;
        margin: 0 auto
    }
}

@media screen and (min-width:1024px) {
    .programme__content-column .programme__schedule .programme__details {
        max-width: none;
        width: 100%;
        padding: 0;
        display: flex;
        flex-direction: column;
        margin: 0 auto 0 0
    }

    .programme__content-column .programme__schedule .programme__details+.programme__details {
        margin-top: 48px
    }
}

.programme__content-column .programme__schedule .programme__schedule-list {
    display: flex;
    flex-wrap: wrap;
    flex-basis: 100%;
    font-family: TT Norms, sans-serif
}

@media (min-width:1024px) {
    .programme__content-column .programme__schedule .programme__schedule-list {
        flex: 0 0 auto;
        margin-bottom: auto
    }
}

.programme__content-column .programme__schedule .programme__schedule-list dt {
    flex: 0 1 64px;
    font-size: 14px;
    line-height: 27px;
    color: #707070
}

.programme__content-column .programme__schedule .programme__schedule-list dt:not(:first-of-type) {
    margin-top: 13px
}

.programme__content-column .programme__schedule .programme__schedule-list dd {
    flex: 1 0 calc(100% - 64px)
}

.programme__content-column .programme__schedule .programme__schedule-list dd:not(:first-of-type) {
    margin-top: 13px
}

.programme__content-column .programme__schedule .programme__schedule-list dd:not(:first-of-type):before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    border-top: 1px solid #cbcbcb;
    transform: translate3d(0, -9px, 0)
}

.programme__content-column .programme__schedule .programme__schedule-list dd p {
    font-size: 18px;
    line-height: 27px
}

.programme__content-column .programme__schedule .programme__schedule-list dd p strong {
    font-weight: 700
}

.programme__content-column .programme__schedule .programme__schedule-list dd p em {
    font-style: italic
}

.programme__content-column .programme__schedule .programme__schedule-list dd p small {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    color: #707070;
    white-space: pre-wrap
}

.programme__content-column .programme__schedule .programme__schedule-list dd p a {
    color: inherit;
    border-bottom: 1px solid transparent;
    transition: border .2s ease-out
}

.programme__content-column .programme__schedule .programme__schedule-list dd p a:focus,
.programme__content-column .programme__schedule .programme__schedule-list dd p a:hover {
    border-bottom: 1px solid #000
}

.programme__content-column .programme__schedule .programme__schedule-list dd del {
    text-decoration: none
}

.programme__content-column .programme__schedule .programme__schedule-list dd del span.word {
    display: inline-block;
    position: relative;
    white-space: pre-wrap
}

.programme__content-column .programme__schedule .programme__schedule-list dd del span.word:after {
    position: absolute;
    content: "";
    height: 4px;
    width: 100%;
    display: block;
    background-color: #eb0000;
    top: 50%;
    transform: translateY(-50%)
}

.programme__content-column .programme__schedule .programme__schedule-list dd del a:hover {
    border: none
}

@media (max-width:374px) {
    .programme__content-column .programme__schedule .programme__schedule-price {
        margin-top: 25px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .programme__content-column .programme__schedule .programme__schedule-price {
        margin-top: calc(10.63218px + 3.83142vw)
    }
}

@media (min-width:1680px) {
    .programme__content-column .programme__schedule .programme__schedule-price {
        margin-top: 75px
    }
}

.programme__content-column .programme__schedule .programme__schedule-cta,
.programme__content-column .programme__schedule .programme__schedule-price {
    margin-left: 64px
}

@media (max-width:374px) {
    .programme__content-column .programme__schedule .programme__schedule-cta {
        margin-top: 24px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .programme__content-column .programme__schedule .programme__schedule-cta {
        margin-top: calc(22.85057px + .30651vw)
    }
}

@media (min-width:1680px) {
    .programme__content-column .programme__schedule .programme__schedule-cta {
        margin-top: 28px
    }
}

.programme__content-column__soon {
    max-width: 90vw;
    margin: 30px auto
}

@media screen and (min-width:1024px) {
    .programme__content-column__soon {
        max-width: none;
        margin: 80px 0 80px 96px
    }
}

@media screen and (min-width:1024px) {
    .programme__content-column__soon h2 {
        max-width: 740px
    }
}

.programme__content-column__soon p {
    margin-top: 35px
}

@media screen and (min-width:1024px) {
    .programme__content-column__soon p {
        max-width: 600px
    }
}

.programme__daypicker-toggle {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 2;
    color: #000
}

.programme__daypicker-toggle.is-active {
    z-index: 3
}

@media screen and (min-width:1024px) {
    .programme__daypicker-toggle:after {
        content: "";
        display: block;
        height: 1px;
        width: calc(100% - 84px);
        background-color: #cbcbcb;
        position: absolute;
        bottom: 27px;
        left: 32px;
        opacity: 0;
        pointer-events: none;
        transition: opacity .2s
    }

    .programme__daypicker-toggle:focus-within:after {
        opacity: 1
    }
}

.programme__daypicker-toggle>button[data-daypicker-dropdown] {
    position: relative;
    display: flex;
    align-items: center;
    padding-right: 30px;
    line-height: 1.1;
    height: 100%;
    width: 100%;
    color: #000;
    letter-spacing: 1px;
    line-height: .875em;
    text-transform: uppercase
}

.programme__daypicker-toggle>button[data-daypicker-dropdown] strong {
    font-weight: 700
}

@media screen and (min-width:1024px) {
    .programme__daypicker-toggle>button[data-daypicker-dropdown] {
        font-size: .75em;
        font-weight: 700;
        padding: 30px 32px
    }
}

@media screen and (min-width:1024px) {
    .programme__daypicker-toggle>button[data-daypicker-dropdown]:before {
        content: "";
        display: inline-block;
        background-image: url(/wp-content/themes/mjf/static/img/calendar.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 50%;
        width: 22px;
        height: 22px;
        margin-right: 13px
    }
}

.programme__daypicker-toggle>button[data-daypicker-dropdown]:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: #000 transparent transparent;
    border-style: solid;
    border-width: 9px 9px 0;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

@media screen and (min-width:1024px) {
    .programme__daypicker-toggle>button[data-daypicker-dropdown]:after {
        border-width: 6px 6px 0;
        position: static;
        margin-left: 18px;
        transform: translateY(0)
    }
}

.programme__daypicker-toggle--small {
    position: sticky;
    top: 80px;
    background-color: #fff;
    padding: 0 40px;
    height: 68px;
    display: flex;
    justify-content: center;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12)
}

.programme.has-tabs .programme__daypicker-toggle--small {
    top: 120px
}

@media (min-width:768px) {
    .programme__daypicker-toggle--small {
        top: 120px
    }

    .programme.has-tabs .programme__daypicker-toggle--small {
        top: 160px
    }
}

.programme__daypicker-toggle--small>button {
    width: 100%;
    text-align: left;
    font-size: .875em
}

.programme__daypicker-toggle--small>button strong {
    font-size: 1.5em;
    margin-right: 12px
}

.is-active.programme__daypicker-toggle--small>button:after {
    transform: translateY(0) scaleY(-1)
}

@media screen and (max-width:1023px) {
    .programme__daypicker-toggle--small>button:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 200
    }
}

@media screen and (min-width:1024px) {
    .programme__daypicker-toggle--small {
        display: none
    }
}

.programme__daypicker-dropdown {
    display: none;
    position: absolute;
    top: 0;
    left: 32px;
    background-color: #fff;
    margin: 0;
    padding: 0;
    z-index: 100;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12)
}

@media screen and (min-width:1024px) {
    .programme__daypicker-dropdown {
        position: absolute;
        transform: translate3d(-18px, 23px, 0);
        top: 0;
        padding: 7px 18px 18px !important
    }

    .programme__daypicker-dropdown-list-container {
        margin-top: 12px
    }
}

.programme__daypicker-dropdown.is-visible {
    display: block;
    width: 262px
}

.programme__daypicker-dropdown.is-visible .programme__daypicker-dropdown-selected:after {
    transform: translateY(-50%) rotate(180deg);
    transform-origin: center
}

.programme__daypicker-dropdown.is-small {
    left: 50%;
    width: calc(100% - 24px);
    transform: translate(-50%, 4px)
}

@media screen and (min-width:1024px) {
    .programme__daypicker-dropdown.is-small {
        display: none
    }
}

.programme__daypicker-dropdown.is-small .programme__daypicker-dropdown-list-container {
    padding: 0 28px 20px
}

@media screen and (min-width:1024px) {
    .programme__daypicker-dropdown.is-small .programme__daypicker-dropdown-list-container {
        padding-bottom: 0
    }
}

.programme__daypicker-dropdown.is-small .programme__daypicker-dropdown-selected {
    display: flex;
    height: 60px;
    font-size: .875em;
    line-height: .875em;
    text-align: left;
    padding-right: 0;
    margin: 0 auto;
    width: calc(100% - 56px);
    transform: none;
    color: #000
}

.programme__daypicker-dropdown.is-small .programme__daypicker-dropdown-selected:after {
    right: 0;
    top: 50%
}

.programme__daypicker-dropdown.is-small .programme__daypicker-dropdown-selected strong {
    font-size: 1.5em;
    margin-right: 12px;
    font-weight: 700
}

.programme__daypicker-dropdown-selected {
    display: inline-flex;
    padding-right: 30px;
    transform: translateY(5px)
}

.programme__daypicker-dropdown-selected:after {
    transform: translateY(-50%) rotate(0deg);
    animation-name: rotateArrow;
    animation-duration: .2s
}

@media screen and (min-width:1024px) {
    .programme__daypicker-dropdown-selected {
        font-size: .75em;
        font-weight: 700;
        letter-spacing: 1px;
        line-height: .875em
    }

    .programme__daypicker-dropdown-selected:before {
        content: "";
        display: inline-block;
        background-image: url(/wp-content/themes/mjf/static/img/calendar.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 50%;
        width: 22px;
        height: 22px;
        margin-right: 13px
    }
}

.programme__daypicker-dropdown .programme__daypicker-dropdown-list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding-top: 10px;
    width: 100%;
    max-height: 380px;
    border-top: 1px solid #cbcbcb
}

.programme__daypicker-dropdown .programme__daypicker-dropdown-list-item {
    display: inline-flex;
    position: relative;
    padding: 8px 0;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
    width: 50%;
    transition: color .2s;
    color: #000
}

.programme__daypicker-dropdown .programme__daypicker-dropdown-list-item:focus,
.programme__daypicker-dropdown .programme__daypicker-dropdown-list-item:hover {
    color: #858585
}

.programme__daypicker-dropdown .programme__daypicker-dropdown-list-item .weekday {
    font-weight: 400;
    flex-basis: 4.5ch
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes rotateArrow {
    0% {
        transform: translateY(-50%) rotate(0deg)
    }

    to {
        transform: translateY(-50%) rotate(180deg)
    }
}

.programme--no-schedule-time .programme__schedule-list dt {
    display: none !important
}

.programme--no-schedule-time .programme__schedule-cta,
.programme--no-schedule-time .programme__schedule-price {
    margin-left: 0 !important
}

.topics-section .article-tags {
    border-top: none;
    margin-bottom: 0;
    padding-top: 0;
    line-height: 28px
}

.upcoming-events-list__title {
    margin-top: 0;
    margin-bottom: 7px;
    font-weight: 700;
    line-height: 1.15
}

@media (max-width:374px) {
    .upcoming-events-list__title {
        font-size: 22px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .upcoming-events-list__title {
        font-size: calc(20.27586px + .45977vw)
    }
}

@media (min-width:1680px) {
    .upcoming-events-list__title {
        font-size: 28px
    }
}

.insider-cta {
    background-image: linear-gradient(-25deg, #fffe54, #b1ffcd 86%);
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100
}

@media (max-width:374px) {
    .insider-cta {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .insider-cta {
        padding-top: calc(68.50575px + 3.06513vw);
        padding-bottom: calc(68.50575px + 3.06513vw)
    }
}

@media (min-width:1680px) {
    .insider-cta {
        padding-top: 120px;
        padding-bottom: 120px
    }
}

.insider-cta__inner {
    align-items: center
}

.insider-cta__content {
    width: 100%;
    grid-column: 2/12
}

@media (min-width:900px) {
    .insider-cta__content {
        grid-column: 2/8
    }
}

.insider-cta__headline {
    margin-bottom: 50px
}

@media (max-width:767px) {
    .insider-cta__headline {
        margin-bottom: 60px
    }
}

@media (max-width:374px) {
    .insider-cta__uptitle {
        margin-bottom: 8px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .insider-cta__uptitle {
        margin-bottom: calc(6.85057px + .30651vw)
    }
}

@media (min-width:1680px) {
    .insider-cta__uptitle {
        margin-bottom: 12px
    }
}

@media (max-width:374px) {
    .insider-cta__title {
        margin-bottom: 12px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .insider-cta__title {
        margin-bottom: calc(9.70115px + .61303vw)
    }
}

@media (min-width:1680px) {
    .insider-cta__title {
        margin-bottom: 20px
    }
}

@media (max-width:374px) {
    .insider-cta__advantages p {
        margin-bottom: 12px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .insider-cta__advantages p {
        margin-bottom: calc(9.70115px + .61303vw)
    }
}

@media (min-width:1680px) {
    .insider-cta__advantages p {
        margin-bottom: 20px
    }
}

.insider-cta__actions {
    display: flex;
    column-gap: 6px;
    align-items: center
}

@media (max-width:374px) {
    .insider-cta__actions {
        margin-top: 30px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .insider-cta__actions {
        margin-top: calc(24.25287px + 1.53257vw)
    }
}

@media (min-width:1680px) {
    .insider-cta__actions {
        margin-top: 50px
    }
}

.insider-cta__login a {
    border-bottom: 1px solid
}

@media (min-width:900px) {
    .insider-cta {
        align-items: center;
        flex-direction: row;
        column-gap: 15px
    }
}

.insider-cta__subscriptions {
    width: 100%;
    max-width: 352px;
    grid-column: 2/12;
    margin-top: 80px
}

@media (min-width:900px) {
    .insider-cta__subscriptions {
        grid-column: 9/13;
        margin-top: 0;
        margin-right: auto
    }
}

.temporary-experiment .header {
    outline: 1px solid #d3d3d3
}

.temporary-experiment .header__inner {
    grid-column: grid-start/grid-end;
    display: flex;
    align-items: center
}

.temporary-experiment .header .logo {
    width: 120px;
    margin-right: 120px
}

.temporary-experiment .header .nav {
    display: flex
}

.temporary-experiment .header .nav>a {
    text-transform: uppercase;
    display: block;
    margin-right: calc(30px + 2vw)
}

.temporary-experiment .section-hero {
    grid-template-rows: auto 1fr;
    padding-top: 100px
}

.temporary-experiment .section-hero .section__title {
    grid-column: content-start/content-end;

    font-variant-numeric: lining-nums
}

@media (min-width:1440px) {
    .temporary-experiment .section-hero .section__title {
        grid-column: content-start/10;
        grid-row: 1/2
    }
}

@media (max-width:374px) {
    .temporary-experiment .section-hero .section__title {
        font-size: 52px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .temporary-experiment .section-hero .section__title {
        font-size: calc(43.95402px + 2.14559vw)
    }
}

@media (min-width:1680px) {
    .temporary-experiment .section-hero .section__title {
        font-size: 80px
    }
}

@media (max-width:374px) {
    .temporary-experiment .section-hero .section__title {
        line-height: 64px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .temporary-experiment .section-hero .section__title {
        line-height: calc(57.10345px + 1.83908vw)
    }
}

@media (min-width:1680px) {
    .temporary-experiment .section-hero .section__title {
        line-height: 88px
    }
}

@media (min-width:1440px) {
    .temporary-experiment .section-hero .section__title {
        margin-bottom: 1em
    }
}

.temporary-experiment .section-hero .section__image {
    grid-column: content-start/content-end
}

@media (min-width:1440px) {
    .temporary-experiment .section-hero .section__image {
        grid-column: 10/grid-end;
        grid-row: 1/span 2
    }
}

.temporary-experiment .section-hero .section__image>img {
    width: 100%
}

@media (min-width:768px) {
    .temporary-experiment .section-hero .section__image>img {
        max-width: 700px
    }
}

.temporary-experiment .section-hero .section__content {
    grid-column: content-start/content-end
}

@media (min-width:1440px) {
    .temporary-experiment .section-hero .section__content {
        grid-column: content-start/10;
        grid-row: 2/3
    }
}

.temporary-experiment .section-hero .section__content p {
    margin-bottom: 1em
}

@media (max-width:374px) {
    .temporary-experiment .section-hero .section__content p {
        font-size: 18px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .temporary-experiment .section-hero .section__content p {
        font-size: calc(17.42529px + .15326vw)
    }
}

@media (min-width:1680px) {
    .temporary-experiment .section-hero .section__content p {
        font-size: 20px
    }
}

@media (max-width:374px) {
    .temporary-experiment .section-hero .section__content p {
        line-height: 26px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .temporary-experiment .section-hero .section__content p {
        line-height: calc(24.27586px + .45977vw)
    }
}

@media (min-width:1680px) {
    .temporary-experiment .section-hero .section__content p {
        line-height: 32px
    }
}

@media (max-width:374px) {
    .temporary-experiment .section-hero .section__content .p--big {
        font-size: 22px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .temporary-experiment .section-hero .section__content .p--big {
        font-size: calc(20.85057px + .30651vw)
    }
}

@media (min-width:1680px) {
    .temporary-experiment .section-hero .section__content .p--big {
        font-size: 26px
    }
}

@media (max-width:374px) {
    .temporary-experiment .section-hero .section__content .p--big {
        line-height: 30px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .temporary-experiment .section-hero .section__content .p--big {
        line-height: calc(27.12644px + .76628vw)
    }
}

@media (min-width:1680px) {
    .temporary-experiment .section-hero .section__content .p--big {
        line-height: 40px
    }
}

.page {
    position: relative
}

.page__nav {
    z-index: 200
}


.page__banner {
    padding-top: 208px;
    padding-bottom: 50px;
    position: relative;

    &::after {
        content: '';
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        z-index: -2;
        background: #1a0033 url(../image/MJF-Banner.jpg) no-repeat bottom center / cover;
    }

    &::before {
        content: '';
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        z-index: -1;
        background: #1a0033ab;
    }
}

.page__nav+.page__wrapper {
    /* padding-top: 208px */
}

.page__nav.nav--mobile+.page__wrapper {
    /* margin-top: 132px; */
}

@media (max-width:767px) {
    .page__nav.nav--mobile+.page__wrapper {
        /* margin-top: 92px; */
    }
}

@media (max-width:374px) {
    .page__main.page__main>:last-child:not(.content-breaker):not(.article-breaker):not(.partners-list):not(.page__box):not(.programme):not(.paywall):not(.insider-cta) {
        margin-bottom: 100px !important
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .page__main.page__main>:last-child:not(.content-breaker):not(.article-breaker):not(.partners-list):not(.page__box):not(.programme):not(.paywall):not(.insider-cta) {
        margin-bottom: calc(71.26437px + 7.66284vw) !important
    }
}

@media (min-width:1680px) {
    .page__main.page__main>:last-child:not(.content-breaker):not(.article-breaker):not(.partners-list):not(.page__box):not(.programme):not(.paywall):not(.insider-cta) {
        margin-bottom: 200px !important
    }
}

@media (max-width:374px) {
    .page__main.page__main.page__main>.partners-list--cards:last-child {
        margin-bottom: 100px !important
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .page__main.page__main.page__main>.partners-list--cards:last-child {
        margin-bottom: calc(71.26437px + 7.66284vw) !important
    }
}

@media (min-width:1680px) {
    .page__main.page__main.page__main>.partners-list--cards:last-child {
        margin-bottom: 200px !important
    }
}

.page__skip-link {
    position: absolute;
    top: -1000em;
    opacity: 0;
    transition: opacity .2s ease-out
}

.page__skip-link:focus {
    left: 2rem;
    top: 3rem;
    z-index: 100000;
    opacity: 1;
    background-color: #dedede;
    padding: 16px 20px 14px;
    font-size: 16px;
    letter-spacing: .8px;
    border-radius: 4px;
    letter-spacing: 1px;
    text-align: center;
    color: #000;

    text-transform: uppercase;
    font-weight: 400;
    font-variant-numeric: lining-nums
}

.page.page--partner .page__nav+.page__wrapper:before {
    content: "";
    position: absolute;
    bottom: 100%;
    width: 100%;
    height: 208px;
    background-color: #efefef
}

.page.page--partner .page__nav.nav--mobile+.page__wrapper:before {
    height: 132px
}

@media (max-width:767px) {
    .page.page--partner .page__nav.nav--mobile+.page__wrapper:before {
        height: 92px
    }
}

.js .page .cookie-law,
.js .page .page__banner~.page__main,
.js .page .page__footer {
    opacity: 1
}

.js .page .cookie-law {
    position: absolute;
    z-index: 300
}

.js .page .page__main>article .page-post__media,
.js .page .page__main>article .page-post__title,
.js .page .page__main>article>:not(.page-post__header) {
    opacity: 0
}

.page-post__breadcrumbs,
.page-post__meta,
.page-post__tags {
    background-color: #fff
}

.page-post__breadcrumbs>*,
.page-post__meta>*,
.page-post__tags>* {
    grid-column: 2/span 10
}

@media (min-width:768px) {

    .page-post__breadcrumbs>*,
    .page-post__meta>*,
    .page-post__tags>* {
        grid-column: 3/span 8
    }
}

@media (min-width:1440px) {

    .page-post__breadcrumbs>*,
    .page-post__meta>*,
    .page-post__tags>* {
        grid-column: 4/span 6
    }
}

.page-post__header {
    overflow: hidden;
    position: relative
}

.page-post__media {
    width: 100%;
    height: 177.77778vw;
    max-height: 100vh
}

@media (min-width:768px) {
    .page-post__media {
        height: 56.25vw
    }
}

.page-post__media>picture,
.page-post__media>picture>img,
.page-post__media>video {
    position: absolute;
    display: block;
    object-fit: cover;
    width: 100%;
    height: 177.77778vw;
    max-height: 100vh
}

@media (min-width:768px) {

    .page-post__media>picture,
    .page-post__media>picture>img,
    .page-post__media>video {
        height: 56.25vw
    }
}

.page-post__title {
    position: relative;
    z-index: 1;
    background-color: #fff
}

.page-post__title>h1 {
    grid-column: 2/span 10
}

@media (min-width:768px) {
    .page-post__title>h1 {
        grid-column: 3/span 8
    }
}

@media (min-width:1440px) {
    .page-post__title>h1 {
        grid-column: 4/span 6
    }
}

.page-post__title-ribbon {
    grid-column-end: span 12;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: inherit;
    grid-row-gap: inherit;
    position: absolute;
    top: 0;
    width: 100%;
    overflow: hidden
}

@media (max-width:374px) {
    .page-post__title-ribbon {
        height: 56px
    }
}

@media (min-width:375px) and (max-width:1023px) {
    .page-post__title-ribbon {
        height: calc(51.3775px + 1.23267vw)
    }
}

@media (min-width:1024px) {
    .page-post__title-ribbon {
        height: 64px
    }
}

.page-post__title-ribbon span {
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 1.6666666667em;
    color: #505050
}

@media (max-width:374px) {
    .page-post__title-ribbon span {
        grid-column: 2/span 10
    }
}

@media (min-width:375px) and (max-width:767px) {
    .page-post__title-ribbon span {
        grid-column: 2/span 10
    }
}

@media (min-width:768px) and (max-width:1439px) {
    .page-post__title-ribbon span {
        grid-column: 3/span 8
    }
}

@media (min-width:1440px) {
    .page-post__title-ribbon span {
        grid-column: 4/span 6
    }
}

.page-post__title-ribbon a {
    cursor: pointer;
    display: inline;
    text-decoration: none;
    color: inherit;
    border-bottom: 1px solid transparent;
    transition: border-bottom-color .2s ease-out
}

.page-post__title-ribbon a:focus,
.page-post__title-ribbon a:hover {
    border-bottom-color: initial
}

.page-post__title-ribbon--insider {
    background-color: #b1ffcd
}

.page-post__title-ribbon--insider span:before {
    content: "";
    z-index: 0;
    width: 27px;
    height: 20px;
    background-image: url(/wp-content/themes/mjf/static/img/icons/icon-insider.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 100%;
    margin-right: 15px;
    margin-top: -5px
}

.page-post__title-ribbon--sponsor {
    background-color: #efefef
}

.page-post__title-ribbon+.heading {
    padding-top: 55px
}

@media (max-width:374px) {
    .page-post__title-ribbon+.page-post__title-ribbon {
        top: 56px
    }
}

@media (min-width:375px) and (max-width:1023px) {
    .page-post__title-ribbon+.page-post__title-ribbon {
        top: calc(51.3775px + 1.23267vw)
    }
}

@media (min-width:1024px) {
    .page-post__title-ribbon+.page-post__title-ribbon {
        top: 64px
    }
}

.page-post__title-ribbon+.page-post__title-ribbon+.heading {
    padding-top: 110px
}

@media (max-width:374px) {
    .page-post__meta {
        padding-bottom: 45px
    }
}

@media (min-width:375px) and (max-width:767px) {
    .page-post__meta {
        padding-bottom: calc(11.60305px + 8.90585vw)
    }
}

@media (min-width:768px) {
    .page-post__meta {
        padding-bottom: 80px
    }
}

@media (max-width:374px) {
    .page-post__breadcrumbs {
        padding-bottom: 35px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .page-post__breadcrumbs {
        padding-bottom: calc(30.68966px + 1.14943vw)
    }
}

@media (min-width:1680px) {
    .page-post__breadcrumbs {
        padding-bottom: 50px
    }
}

.page-post__content {
    background-color: #fff
}

.page-post__content>:not(.gallery):not(.wp-block-image):not(.card-event):not(.cards-list):not(.partners-list) {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: calc(83.33333% - .355vw)
}

@media (min-width:768px) {
    .page-post__content>:not(.gallery):not(.wp-block-image):not(.card-event):not(.cards-list):not(.partners-list) {
        width: calc(66.66667% - .71vw)
    }
}

@media (min-width:1500px) {
    .page-post__content>:not(.gallery):not(.wp-block-image):not(.card-event):not(.cards-list):not(.partners-list) {
        width: calc(66.66667% - 10.66667px)
    }
}

@media (min-width:1440px) {
    .page-post__content>:not(.gallery):not(.wp-block-image):not(.card-event):not(.cards-list):not(.partners-list) {
        width: calc(50% - 16px)
    }
}

.page-post__content>.wp-block-image {
    margin-left: 0;
    margin-right: 0
}

.page-post__content>.wp-block-image>img {
    grid-column: 1/span 12;
    max-width: 100%;
    width: 100%
}

@media (min-width:768px) {
    .page-post__content>.wp-block-image>img {
        grid-column: 2/span 10
    }
}

.page-post__content>.wp-block-image>figcaption {
    grid-column: 2/span 10
}

@media (min-width:768px) {
    .page-post__content>.wp-block-image>figcaption {
        grid-column: 3/span 8
    }
}

@media (min-width:1440px) {
    .page-post__content>.wp-block-image>figcaption {
        grid-column: 4/span 6
    }
}

.page-post__content>.wp-block-image:not(.alignwide)>img {
    grid-column: 2/span 10
}

@media (min-width:768px) {
    .page-post__content>.wp-block-image:not(.alignwide)>img {
        grid-column: 3/span 8
    }
}

@media (min-width:1440px) {
    .page-post__content>.wp-block-image:not(.alignwide)>img {
        grid-column: 4/span 6
    }
}

.page-post__content>.wp-block-image.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: calc(83.33333% - .355vw)
}

@media (min-width:768px) {
    .page-post__content>.wp-block-image.aligncenter {
        width: calc(66.66667% - .71vw)
    }
}

@media (min-width:1500px) {
    .page-post__content>.wp-block-image.aligncenter {
        width: calc(66.66667% - 10.66667px)
    }
}

@media (min-width:1440px) {
    .page-post__content>.wp-block-image.aligncenter {
        width: calc(50% - 16px)
    }
}

.page-post__content>.wp-block-image.aligncenter>img {
    width: 80%;
    margin-left: auto;
    margin-right: auto
}

.page-post__content>.wp-block-image>.aligncenter {
    grid-column: 1/span 12;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: calc(83.33333% - .355vw)
}

@media (min-width:768px) {
    .page-post__content>.wp-block-image>.aligncenter {
        width: calc(66.66667% - .71vw)
    }
}

@media (min-width:1500px) {
    .page-post__content>.wp-block-image>.aligncenter {
        width: calc(66.66667% - 10.66667px)
    }
}

@media (min-width:1440px) {
    .page-post__content>.wp-block-image>.aligncenter {
        width: calc(50% - 16px)
    }
}

.page-post__content>.wp-block-image>.aligncenter>img {
    width: 80%;
    margin-left: auto;
    margin-right: auto
}

.page-post__content>.gallery {
    margin-left: 0;
    margin-right: 0
}

.page-post__content>.gallery .gallery__caption {
    grid-column: 2/span 10
}

@media (min-width:768px) {
    .page-post__content>.gallery .gallery__caption {
        grid-column: 3/span 8
    }
}

@media (min-width:1440px) {
    .page-post__content>.gallery .gallery__caption {
        grid-column: 4/span 6
    }
}

@media (min-width:700px) {
    .page-post__content>.card-event {
        width: 100%;
        max-width: 735px;
        margin: 0 auto
    }
}

@media (max-width:374px) {

    .page-post__content>.gallery,
    .page-post__content>.wp-block-image {
        margin-top: 50px;
        margin-bottom: 50px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .page-post__content>.gallery,
    .page-post__content>.wp-block-image {
        margin-top: calc(41.37931px + 2.29885vw);
        margin-bottom: calc(41.37931px + 2.29885vw)
    }
}

@media (min-width:1680px) {

    .page-post__content>.gallery,
    .page-post__content>.wp-block-image {
        margin-top: 80px;
        margin-bottom: 80px
    }
}

@media (max-width:374px) {

    .page-post__content>.wp-block-audio,
    .page-post__content>.wp-block-embed,
    .page-post__content>blockquote {
        margin-top: 45px;
        margin-bottom: 45px
    }
}

@media (min-width:375px) and (max-width:1023px) {

    .page-post__content>.wp-block-audio,
    .page-post__content>.wp-block-embed,
    .page-post__content>blockquote {
        margin-top: calc(30.5547px + 3.85208vw);
        margin-bottom: calc(30.5547px + 3.85208vw)
    }
}

@media (min-width:1024px) and (max-width:1679px) {

    .page-post__content>.wp-block-audio,
    .page-post__content>.wp-block-embed,
    .page-post__content>blockquote {
        margin-top: calc(54.39024px + 1.52439vw);
        margin-bottom: calc(54.39024px + 1.52439vw)
    }
}

@media (min-width:1680px) {

    .page-post__content>.wp-block-audio,
    .page-post__content>.wp-block-embed,
    .page-post__content>blockquote {
        margin-top: 80px;
        margin-bottom: 80px
    }
}

.page-post__content>h2+*,
.page-post__content>h3+* {
    margin-top: 0 !important
}

.page-post__content>.card-event {
    display: flex
}

.page-post__content>.card-event:not(:first-child) {
    margin-top: 80px
}

.page-post__content>.card-event:not(:last-child) {
    margin-bottom: 80px
}

.page-post__content>.cards-list {
    margin-left: auto;
    margin-right: auto;
    width: calc(83.33333% - .355vw)
}

@media (max-width:374px) {
    .page-post__content>.cards-list {
        margin-top: 80px;
        margin-bottom: 80px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .page-post__content>.cards-list {
        margin-top: calc(57.01149px + 6.13027vw);
        margin-bottom: calc(57.01149px + 6.13027vw)
    }
}

@media (min-width:1680px) {
    .page-post__content>.cards-list {
        margin-top: 160px;
        margin-bottom: 160px
    }
}

@media (min-width:768px) {
    .page-post__content>.cards-list {
        width: calc(66.66667% - .71vw)
    }
}

@media (min-width:1024px) {
    .page-post__content>.cards-list {
        width: calc(19.44444vw + 653.33333px)
    }
}

@media (min-width:1500px) {
    .page-post__content>.cards-list {
        width: calc(19.44444vw + 665.33333px)
    }
}

@media (min-width:1680px) {
    .page-post__content>.cards-list {
        width: 992px
    }
}

@media (max-width:374px) {
    .page-post__content>.partners-list .partners-list__row {
        grid-column: 1/span 12
    }
}

@media (min-width:375px) and (max-width:767px) {
    .page-post__content>.partners-list .partners-list__row {
        grid-column: 1/span 12
    }
}

@media (min-width:768px) and (max-width:1439px) {
    .page-post__content>.partners-list .partners-list__row {
        grid-column: 2/span 10
    }
}

@media (min-width:1440px) {
    .page-post__content>.partners-list .partners-list__row {
        grid-column: 3/span 8
    }
}

.page-post__content>.card-shop {
    display: flex !important
}

@media (max-width:374px) {
    .page-post__content>.card-shop {
        margin-bottom: 48px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .page-post__content>.card-shop {
        margin-bottom: calc(22.71264px + 6.7433vw)
    }
}

@media (min-width:1680px) {
    .page-post__content>.card-shop {
        margin-bottom: 136px
    }
}

@media (max-width:374px) {
    .page-post__tags {
        margin-top: 40px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .page-post__tags {
        margin-top: calc(28.50575px + 3.06513vw)
    }
}

@media (min-width:1680px) {
    .page-post__tags {
        margin-top: 80px
    }
}

.page-post__related {
    margin-top: 100px
}

.page-post:not(.page-post--video) .page-post__title {
    margin-top: -240px
}

@media (min-width:768px) {
    .page-post:not(.page-post--video) .page-post__title {
        margin-top: -20vw
    }
}

@media (max-width:374px) {
    .page-post:not(.page-post--video) .page-post__title {
        padding-top: 35px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .page-post:not(.page-post--video) .page-post__title {
        padding-top: calc(10.57471px + 6.51341vw)
    }
}

@media (min-width:1680px) {
    .page-post:not(.page-post--video) .page-post__title {
        padding-top: 120px
    }
}

@media (max-width:374px) {
    .page-post:not(.page-post--video) .page-post__title {
        padding-bottom: 45px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .page-post:not(.page-post--video) .page-post__title {
        padding-bottom: calc(23.44828px + 5.74713vw)
    }
}

@media (min-width:1680px) {
    .page-post:not(.page-post--video) .page-post__title {
        padding-bottom: 120px
    }
}

@media (max-width:374px) {
    .page-post.page-post--video .page-post__title {
        padding-top: 35px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .page-post.page-post--video .page-post__title {
        padding-top: calc(13.44828px + 5.74713vw)
    }
}

@media (min-width:1680px) {
    .page-post.page-post--video .page-post__title {
        padding-top: 110px
    }
}

@media (max-width:374px) {
    .page-post.page-post--video .page-post__video {
        margin-top: 45px;
        margin-bottom: 45px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .page-post.page-post--video .page-post__video {
        margin-top: calc(34.94253px + 2.68199vw);
        margin-bottom: calc(34.94253px + 2.68199vw)
    }
}

@media (min-width:1680px) {
    .page-post.page-post--video .page-post__video {
        margin-top: 80px;
        margin-bottom: 80px
    }
}

@media (max-width:767px) {
    .page-post.page-post--video .page-post__video .video {
        grid-column: 1/span 12
    }
}

@media (min-width:768px) {
    .page-post.page-post--video .page-post__video .video {
        grid-column: 2/span 10
    }
}

@media (max-width:374px) {

    .page-page .page__banner .home-header,
    .page-page .page__banner .page-header {
        margin-bottom: 60px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .page-page .page__banner .home-header,
    .page-page .page__banner .page-header {
        margin-bottom: calc(42.75862px + 4.5977vw)
    }
}

@media (min-width:1680px) {

    .page-page .page__banner .home-header,
    .page-page .page__banner .page-header {
        margin-bottom: 120px
    }
}

@media (max-width:374px) {
    .page-page .page__banner .breadcrumbs:first-child {
        padding-top: 40px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .page-page .page__banner .breadcrumbs:first-child {
        padding-top: calc(28.50575px + 3.06513vw)
    }
}

@media (min-width:1680px) {
    .page-page .page__banner .breadcrumbs:first-child {
        padding-top: 80px
    }
}

.page-page .page__banner .breadcrumbs__inner {
    grid-column: 2/span 10
}

@media (min-width:600px) and (max-width:1199px) {
    .page-page .page__banner .breadcrumbs__inner {
        grid-column: 1/span 12
    }
}

.page-page .page__main>.accordion>.accordion__inner,
.page-page .page__main>.accordion>.accordion__title,
.page-page .page__main>.cards-list>.cards-list__head,
.page-page .page__main>.cards-list>.cards-list__wrapper,
.page-page .page__main>.page-navigation>*,
.page-page .page__main>.socials>*,
.page-page .page__main>.wp-block-audio>*,
.page-page .page__main>.wp-block-html>*,
.page-page .page__main>figure>figcaption {
    grid-column: 2/span 10
}

@media (min-width:600px) and (max-width:1199px) {

    .page-page .page__main>.accordion>.accordion__inner,
    .page-page .page__main>.accordion>.accordion__title,
    .page-page .page__main>.cards-list>.cards-list__head,
    .page-page .page__main>.cards-list>.cards-list__wrapper,
    .page-page .page__main>.page-navigation>*,
    .page-page .page__main>.socials>*,
    .page-page .page__main>.wp-block-audio>*,
    .page-page .page__main>.wp-block-html>*,
    .page-page .page__main>figure>figcaption {
        grid-column: 1/span 12
    }
}

.page-page .page__main>.ap-watch>.ap-watch__inner {
    grid-column: 1/span 12
}

@media (min-width:1200px) {
    .page-page .page__main>.ap-watch>.ap-watch__inner {
        grid-column: 2/span 10
    }
}

.page-page .page__main>.page__title>*,
.page-page .page__main>.wp-block-mjf-article-excerpt>span {
    grid-column: 2/span 10
}

@media (min-width:600px) {

    .page-page .page__main>.page__title>*,
    .page-page .page__main>.wp-block-mjf-article-excerpt>span {
        grid-column: 1/span 10;
        max-width: 700px
    }
}

@media (min-width:1200px) {

    .page-page .page__main>.page__title>*,
    .page-page .page__main>.wp-block-mjf-article-excerpt>span {
        grid-column: 2/span 8;
        max-width: none
    }
}

.page-page .page__main>.video:not(.video--wide)>*,
.page-page .page__main>.wp-block-embed>* {
    grid-column: 2/span 10
}

@media (min-width:600px) {

    .page-page .page__main>.video:not(.video--wide)>*,
    .page-page .page__main>.wp-block-embed>* {
        grid-column: 1/span 9;
        max-width: 700px
    }
}

@media (min-width:1200px) {

    .page-page .page__main>.video:not(.video--wide)>*,
    .page-page .page__main>.wp-block-embed>* {
        grid-column: 2/span 7;
        max-width: none
    }
}

@media (max-width:374px) {
    .page-page .page__main>.video--wide>* {
        grid-column: 2/span 10
    }
}

@media (min-width:375px) and (max-width:599px) {
    .page-page .page__main>.video--wide>* {
        grid-column: 2/span 10
    }
}

@media (min-width:600px) and (max-width:767px) {
    .page-page .page__main>.video--wide>* {
        grid-column: 1/span 12
    }
}

@media (min-width:768px) {
    .page-page .page__main>.video--wide>* {
        grid-column: 2/span 10
    }
}

@media (max-width:374px) {
    .page-page .page__main>.upcoming-events-list {
        padding-top: 20px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .page-page .page__main>.upcoming-events-list {
        padding-top: calc(2.75862px + 4.5977vw)
    }
}

@media (min-width:1680px) {
    .page-page .page__main>.upcoming-events-list {
        padding-top: 80px
    }
}

.page-page .page__main>.upcoming-events-list>* {
    grid-column: 2/span 10
}

.page-page .page__main>.upcoming-events-list>:not(:first-child) {
    margin-top: 20px
}

@media (min-width:600px) {
    .page-page .page__main>.upcoming-events-list>* {
        grid-column: 1/span 10;
        max-width: 700px
    }

    .page-page .page__main>.upcoming-events-list>.card-event--listing {
        grid-column: 1/span 12;
        max-width: none
    }

    .page-page .page__main>.upcoming-events-list>:not(:first-child) {
        margin-top: 32px
    }
}

@media (min-width:1200px) {
    .page-page .page__main>.upcoming-events-list>* {
        grid-column: 2/span 7;
        max-width: none
    }

    .page-page .page__main>.upcoming-events-list>.card-event--listing {
        grid-column: 2/span 10
    }
}

.page-page .page__main>.video>.video__wrapper>*,
.page-page .page__main>.wp-block-embed>.wp-block-embed__wrapper>* {
    width: 100%
}

.page-page .page__main>.wp-block-image>img {
    grid-column: 2/span 10
}

.page-page .page__main>.wp-block-image.alignwide>img {
    grid-column: 1/span 12
}

.page-page .page__main>.wp-block-image.aligncenter>img {
    grid-column: 2/span 10
}

@media (min-width:600px) {
    .page-page .page__main>.wp-block-image.aligncenter>img {
        grid-column: 1/span 10;
        max-width: 700px
    }
}

@media (min-width:1200px) {
    .page-page .page__main>.wp-block-image.aligncenter>img {
        grid-column: 2/span 8;
        max-width: none
    }
}

.page-page .page__main>.wp-block-image>.aligncenter {
    grid-column: 2/span 10
}

@media (min-width:600px) {
    .page-page .page__main>.wp-block-image>.aligncenter {
        grid-column: 1/span 10;
        max-width: 700px
    }
}

@media (min-width:1200px) {
    .page-page .page__main>.wp-block-image>.aligncenter {
        grid-column: 2/span 8;
        max-width: none
    }
}

@media (min-width:768px) {
    .page-page .page__main>.gallery .gallery__img {
        grid-column-start: 1;
        grid-column-end: span 6
    }

    .page-page .page__main>.gallery .gallery__img:nth-child(2n) {
        grid-column-start: 7
    }
}

.page-page .page__main>.gallery .gallery__caption {
    grid-column: 2/span 10
}

@media (min-width:600px) and (max-width:1199px) {
    .page-page .page__main>.gallery .gallery__caption {
        grid-column: 1/span 12
    }
}

.page-page .page__main>.accordion .accordion__title {
    grid-column: 2/span 10
}

@media (min-width:600px) and (max-width:1199px) {
    .page-page .page__main>.accordion .accordion__title {
        grid-column: 1/span 12
    }
}

.page-page .page__main>.accordion .accordion__inner {
    grid-column: 2/span 10
}

@media (min-width:600px) {
    .page-page .page__main>.accordion .accordion__inner {
        grid-column-start: 1
    }
}

@media (min-width:768px) {
    .page-page .page__main>.accordion .accordion__inner {
        grid-column-end: span 6
    }

    .page-page .page__main>.accordion .accordion__inner:last-child:not(:first-of-type) {
        grid-column-start: 7
    }
}

@media (min-width:1200px) {
    .page-page .page__main>.accordion .accordion__inner {
        grid-column-start: 2;
        grid-column-end: span 5
    }

    .page-page .page__main>.accordion .accordion__inner:last-child:not(:first-of-type) {
        grid-column-start: 7
    }
}

.page-page .page__main>.page__title {
    margin-bottom: 0
}

@media (max-width:374px) {
    .page-page .page__main>.page__title>.heading {
        padding-top: 35px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .page-page .page__main>.page__title>.heading {
        padding-top: calc(24.94253px + 2.68199vw)
    }
}

@media (min-width:1680px) {
    .page-page .page__main>.page__title>.heading {
        padding-top: 70px
    }
}

@media (max-width:374px) {
    .page-page .page__main>.page__title>.heading {
        padding-bottom: 25px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .page-page .page__main>.page__title>.heading {
        padding-bottom: calc(22.12644px + .76628vw)
    }
}

@media (min-width:1680px) {
    .page-page .page__main>.page__title>.heading {
        padding-bottom: 35px
    }
}

@media (max-width:374px) {
    .page-page .page__main>.ap-watch {
        margin-top: 60px;
        margin-bottom: 60px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .page-page .page__main>.ap-watch {
        margin-top: calc(37.01149px + 6.13027vw);
        margin-bottom: calc(37.01149px + 6.13027vw)
    }
}

@media (min-width:1680px) {
    .page-page .page__main>.ap-watch {
        margin-top: 140px;
        margin-bottom: 140px
    }
}

@media (max-width:374px) {

    .page-page .page__main>.accordion,
    .page-page .page__main>.wp-block-supt-columns {
        margin-top: 60px;
        margin-bottom: 60px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .page-page .page__main>.accordion,
    .page-page .page__main>.wp-block-supt-columns {
        margin-top: calc(37.01149px + 6.13027vw);
        margin-bottom: calc(37.01149px + 6.13027vw)
    }
}

@media (min-width:1680px) {

    .page-page .page__main>.accordion,
    .page-page .page__main>.wp-block-supt-columns {
        margin-top: 140px;
        margin-bottom: 140px
    }
}

@media (max-width:374px) {
    .page-page .page__main>.page__title+.wp-block-supt-columns {
        margin-top: 45px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .page-page .page__main>.page__title+.wp-block-supt-columns {
        margin-top: calc(34.94253px + 2.68199vw)
    }
}

@media (min-width:1680px) {
    .page-page .page__main>.page__title+.wp-block-supt-columns {
        margin-top: 80px
    }
}

@media (max-width:374px) {
    .page-page .page__main>.highlighted-content {
        margin-top: 120px;
        margin-bottom: 120px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .page-page .page__main>.highlighted-content {
        margin-top: calc(92.70115px + 7.27969vw);
        margin-bottom: calc(92.70115px + 7.27969vw)
    }
}

@media (min-width:1680px) {
    .page-page .page__main>.highlighted-content {
        margin-top: 215px;
        margin-bottom: 215px
    }
}

@media (max-width:374px) {

    .page-page .page__main>.articles-list,
    .page-page .page__main>.cards-shop-list,
    .page-page .page__main>.packages-list {
        margin-top: 120px;
        margin-bottom: 120px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .page-page .page__main>.articles-list,
    .page-page .page__main>.cards-shop-list,
    .page-page .page__main>.packages-list {
        margin-top: calc(101.32184px + 4.98084vw);
        margin-bottom: calc(101.32184px + 4.98084vw)
    }
}

@media (min-width:1680px) {

    .page-page .page__main>.articles-list,
    .page-page .page__main>.cards-shop-list,
    .page-page .page__main>.packages-list {
        margin-top: 185px;
        margin-bottom: 185px
    }
}

@media (max-width:374px) {
    .page-page .page__main>.partners-list--cards {
        margin-bottom: 70px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .page-page .page__main>.partners-list--cards {
        margin-bottom: calc(49.88506px + 5.36398vw)
    }
}

@media (min-width:1680px) {
    .page-page .page__main>.partners-list--cards {
        margin-bottom: 140px
    }
}

@media (max-width:374px) {
    .page-page .page__main>.cards-list {
        margin-top: 45px;
        margin-bottom: 45px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .page-page .page__main>.cards-list {
        margin-top: calc(32.06897px + 3.44828vw);
        margin-bottom: calc(32.06897px + 3.44828vw)
    }
}

@media (min-width:1680px) {
    .page-page .page__main>.cards-list {
        margin-top: 90px;
        margin-bottom: 90px
    }
}

@media (max-width:374px) {

    .page-page .page__main>.gallery,
    .page-page .page__main>.wp-block-image {
        margin-top: 80px;
        margin-bottom: 80px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .page-page .page__main>.gallery,
    .page-page .page__main>.wp-block-image {
        margin-top: calc(62.75862px + 4.5977vw);
        margin-bottom: calc(62.75862px + 4.5977vw)
    }
}

@media (min-width:1680px) {

    .page-page .page__main>.gallery,
    .page-page .page__main>.wp-block-image {
        margin-top: 140px;
        margin-bottom: 140px
    }
}

@media (max-width:374px) {
    .page-page .page__main>.page-navigation {
        margin-top: 64px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .page-page .page__main>.page-navigation {
        margin-top: calc(36.41379px + 7.35632vw)
    }
}

@media (min-width:1680px) {
    .page-page .page__main>.page-navigation {
        margin-top: 160px
    }
}

@media (max-width:374px) {
    .page-page .page__main>.page-navigation {
        margin-bottom: 64px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .page-page .page__main>.page-navigation {
        margin-bottom: calc(42.16092px + 5.82375vw)
    }
}

@media (min-width:1680px) {
    .page-page .page__main>.page-navigation {
        margin-bottom: 140px
    }
}

@media (max-width:374px) {

    .page-page .page__main>.socials,
    .page-page .page__main>.video,
    .page-page .page__main>.wp-block-embed {
        margin-top: 45px;
        margin-bottom: 45px
    }
}

@media (min-width:375px) and (max-width:1023px) {

    .page-page .page__main>.socials,
    .page-page .page__main>.video,
    .page-page .page__main>.wp-block-embed {
        margin-top: calc(30.5547px + 3.85208vw);
        margin-bottom: calc(30.5547px + 3.85208vw)
    }
}

@media (min-width:1024px) and (max-width:1679px) {

    .page-page .page__main>.socials,
    .page-page .page__main>.video,
    .page-page .page__main>.wp-block-embed {
        margin-top: calc(54.39024px + 1.52439vw);
        margin-bottom: calc(54.39024px + 1.52439vw)
    }
}

@media (min-width:1680px) {

    .page-page .page__main>.socials,
    .page-page .page__main>.video,
    .page-page .page__main>.wp-block-embed {
        margin-top: 80px;
        margin-bottom: 80px
    }
}

.page-page .page__main>.partners-list:not(.partners-list--cards) {
    margin-bottom: 0
}

.page-page .page__main>:last-child {
    margin-bottom: 0 !important
}

.page-pwd .page__main {
    background: #efefef;
    height: 400px;
    min-height: 70vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px
}

.page-pwd .page__main>* {
    margin: 0 !important
}

.page-pwd .page__box {
    width: 100%;
    background: #fff
}

@media (max-width:599px) {
    .page-pwd .page__box {
        padding-top: 25px;
        padding-bottom: 25px
    }
}

@media (min-width:600px) and (max-width:1679px) {
    .page-pwd .page__box {
        padding-top: 4.16667vw;
        padding-bottom: 4.16667vw
    }
}

@media (min-width:1680px) {
    .page-pwd .page__box {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

@media (max-width:599px) {
    .page-pwd .page__box {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width:600px) and (max-width:1679px) {
    .page-pwd .page__box {
        padding-left: calc(-25.55556px + 9.25926vw);
        padding-right: calc(-25.55556px + 9.25926vw)
    }
}

@media (min-width:1680px) {
    .page-pwd .page__box {
        padding-left: 130px;
        padding-right: 130px
    }
}

@media (max-width:599px) {
    .page-pwd .page__box {
        max-width: 400px
    }
}

@media (min-width:600px) and (max-width:1679px) {
    .page-pwd .page__box {
        max-width: calc(144.44444px + 42.59259vw)
    }
}

@media (min-width:1680px) {
    .page-pwd .page__box {
        max-width: 860px
    }
}

.page-pwd .page__form {
    margin-top: 1em
}

.page-pwd .form__footer {
    margin-top: 20px
}

@media (max-width:374px) {
    .page--media .breadcrumbs {
        margin-top: 60px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .page--media .breadcrumbs {
        margin-top: calc(39.88506px + 5.36398vw)
    }
}

@media (min-width:1680px) and (max-width:2559px) {
    .page--media .breadcrumbs {
        margin-top: calc(378.18182px - 14.77273vw)
    }
}

@media (min-width:2560px) {
    .page--media .breadcrumbs {
        margin-top: 0
    }
}

@media (max-width:374px) {
    .page--media .breadcrumbs {
        margin-bottom: 20px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .page--media .breadcrumbs {
        margin-bottom: calc(9.94253px + 2.68199vw)
    }
}

@media (min-width:1680px) {
    .page--media .breadcrumbs {
        margin-bottom: 55px
    }
}

.page--media .breadcrumbs__inner {
    grid-column: 1/-1
}

.page--media .page-navigation--filter {
    margin-bottom: 32px
}

@media (min-width:1024px) {
    .page--media .page-navigation--filter {
        padding-left: 8px
    }
}

.page--media .filters__title {
    margin-bottom: 12px;
    transition: opacity .8s ease-in-out;
    opacity: 1
}

.page--media .filters__title>span {
    grid-column: 1/-1
}

.page--media .filters__title .filters__title.is-loading {
    opacity: 0
}

.page--media .topics-section .article-tags,
.page--media .topics-section__title {
    grid-column: 1/-1
}

.page--media .article-tags {
    border-top: none
}

@media (max-width:374px) {
    .page--media .articles-list {
        margin-top: 45px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .page--media .articles-list {
        margin-top: calc(34.94253px + 2.68199vw)
    }
}

@media (min-width:1680px) {
    .page--media .articles-list {
        margin-top: 80px
    }
}

@media (max-width:374px) {
    .page--media .articles-list {
        margin-bottom: 90px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .page--media .articles-list {
        margin-bottom: calc(85.68966px + 1.14943vw)
    }
}

@media (min-width:1680px) {
    .page--media .articles-list {
        margin-bottom: 105px
    }
}

@media (max-width:374px) {
    .page--media .highlighted-article {
        margin-top: 85px;
        margin-bottom: 85px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .page--media .highlighted-article {
        margin-top: calc(57.70115px + 7.27969vw);
        margin-bottom: calc(57.70115px + 7.27969vw)
    }
}

@media (min-width:1680px) {
    .page--media .highlighted-article {
        margin-top: 180px;
        margin-bottom: 180px
    }
}

@media (max-width:374px) {
    .page--media .article-breaker {
        margin-top: 45px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .page--media .article-breaker {
        margin-top: calc(4.77011px + 10.72797vw)
    }
}

@media (min-width:1680px) {
    .page--media .article-breaker {
        margin-top: 185px
    }
}

@media (max-width:374px) {
    .page--media .article-breaker {
        margin-bottom: 80px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .page--media .article-breaker {
        margin-bottom: calc(48.3908px + 8.42912vw)
    }
}

@media (min-width:1680px) {
    .page--media .article-breaker {
        margin-bottom: 190px
    }
}

@media (max-width:374px) {
    .page--media .articles-list--small {
        margin-bottom: 80px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .page--media .articles-list--small {
        margin-bottom: calc(42.64368px + 9.96169vw)
    }
}

@media (min-width:1680px) {
    .page--media .articles-list--small {
        margin-bottom: 210px
    }
}

@media (max-width:374px) {
    .page--media .content-breaker {
        margin-top: 80px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .page--media .content-breaker {
        margin-top: calc(51.26437px + 7.66284vw)
    }
}

@media (min-width:1680px) {
    .page--media .content-breaker {
        margin-top: 180px
    }
}

@media (min-width:1800px) {

    .page--media .article-breaker__content,
    .page--media .highlighted-article {
        max-width: 1280px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .page--media .highlighted-article .highlighted-article__article {
        grid-column: 3/-3
    }
}

@media (min-width:1800px) {
    .page--media .highlighted-article .highlighted-article__article {
        grid-column: 1/-1
    }
}

.additional-content>h4 {
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.333;
    text-transform: uppercase
}

@media (max-width:1023px) {
    .additional-content>h4 {
        font-size: 12px
    }
}

@media (min-width:1024px) and (max-width:1679px) {
    .additional-content>h4 {
        font-size: calc(8.87805px + .30488vw)
    }
}

@media (min-width:1680px) {
    .additional-content>h4 {
        font-size: 14px
    }
}

.additional-content>h4+* {
    margin-top: 20px
}

@media (max-width:374px) {
    .additional-content>p+:not(.wp-block-button) {
        margin-top: 24px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .additional-content>p+:not(.wp-block-button) {
        margin-top: calc(21.12644px + .76628vw)
    }
}

@media (min-width:1680px) {
    .additional-content>p+:not(.wp-block-button) {
        margin-top: 34px
    }
}

.additional-content>p+.wp-block-button {
    margin-top: 20px
}

.article-breaker {
    --extra-padding: 40px
}

.article-breaker__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #efefef
}

@media (min-width:900px) and (max-width:1679px) {
    .article-breaker__wrapper {
        min-height: calc(65.38462px + 37.17949vw)
    }
}

@media (min-width:1680px) {
    .article-breaker__wrapper {
        min-height: 690px
    }
}

@media (max-width:374px) {
    .article-breaker__wrapper {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media (min-width:375px) and (max-width:767px) {
    .article-breaker__wrapper {
        padding-top: calc(40.45802px + 2.54453vw);
        padding-bottom: calc(40.45802px + 2.54453vw)
    }
}

@media (min-width:768px) {
    .article-breaker__wrapper {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

@media (min-width:900px) and (max-width:1679px) {
    .article-breaker__wrapper {
        padding-top: calc(35.38462px + 3.84615vw)
    }
}

@media (min-width:1680px) {
    .article-breaker__wrapper {
        padding-top: 100px
    }
}

@media (min-width:900px) and (max-width:1679px) {
    .article-breaker__wrapper {
        padding-bottom: calc(-18.46154px + 7.05128vw)
    }
}

@media (min-width:1680px) {
    .article-breaker__wrapper {
        padding-bottom: 100px
    }
}

.article-breaker__content {
    position: relative;
    flex: 1;
    align-content: flex-start
}

.article-breaker__category {

    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #000;
    grid-column: 1/13;
    margin-bottom: 24px
}

@media (min-width:900px) {
    .article-breaker__category {
        grid-column: 1/7;
        margin-bottom: 12px
    }
}

.article-breaker__mask {
    display: flex;
    align-items: flex-start;
    overflow: hidden;
    z-index: 1;
    position: relative;
    grid-column: 1/13
}

@media (min-width:900px) and (max-width:1679px) {
    .article-breaker__mask {
        margin-top: calc(58.92308px + 2.5641vw)
    }
}

@media (min-width:1680px) {
    .article-breaker__mask {
        margin-top: 102px
    }
}

@media (min-width:900px) {
    .article-breaker__mask {
        position: absolute;
        grid-column: 5/13;
        grid-area: 1/5;
        width: 100%
    }
}

.article-breaker__image-wrapper {
    position: relative;
    width: 100%;
    display: flex;
    align-items: flex-start
}

.article-breaker__image {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.article-breaker__icons {
    display: flex;
    position: absolute
}

@media (max-width:374px) {
    .article-breaker__icons {
        top: 8px;
        right: 8px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .article-breaker__icons {
        top: calc(5.70115px + .61303vw);
        right: calc(5.70115px + .61303vw)
    }
}

@media (min-width:1680px) {
    .article-breaker__icons {
        top: 16px;
        right: 16px
    }
}

@media (max-width:374px) {
    .article-breaker__icon {
        width: 36px;
        height: 36px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .article-breaker__icon {
        width: calc(34.85057px + .30651vw);
        height: calc(34.85057px + .30651vw)
    }
}

@media (min-width:1680px) {
    .article-breaker__icon {
        width: 40px;
        height: 40px
    }
}

@media (max-width:374px) {
    .article-breaker__icon+.article-breaker__icon {
        margin-left: 8px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .article-breaker__icon+.article-breaker__icon {
        margin-left: calc(5.70115px + .61303vw)
    }
}

@media (min-width:1680px) {
    .article-breaker__icon+.article-breaker__icon {
        margin-left: 16px
    }
}

.article-breaker__title {
    position: relative;

    font-weight: 400;
    font-variant-numeric: lining-nums;
    line-height: 1.2;
    color: #000;
    grid-column: 1/13;
    margin-top: -1.2em
}

@media (max-width:374px) {
    .article-breaker__title {
        font-size: 36px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .article-breaker__title {
        font-size: calc(28.52874px + 1.99234vw)
    }
}

@media (min-width:1680px) {
    .article-breaker__title {
        font-size: 62px
    }
}

@media (min-width:900px) {
    .article-breaker__title {
        grid-column: 1/10;
        margin-top: 0
    }
}

@media (min-width:1200px) {
    .article-breaker__title {
        grid-column: 1/7
    }
}

.article-breaker__title--mask {
    position: absolute;
    color: #fff;
    opacity: 0
}

.article-breaker__excerpt {

    font-weight: 400;
    color: #000;
    grid-column: 1/12
}

@media (max-width:899px) {
    .article-breaker__excerpt {
        margin-top: 32px
    }
}

@media (min-width:900px) and (max-width:1679px) {
    .article-breaker__excerpt {
        margin-top: calc(13.53846px + 2.05128vw)
    }
}

@media (min-width:1680px) {
    .article-breaker__excerpt {
        margin-top: 48px
    }
}

@media (max-width:374px) {
    .article-breaker__excerpt {
        font-size: 16px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .article-breaker__excerpt {
        font-size: calc(14.85057px + .30651vw)
    }
}

@media (min-width:1680px) {
    .article-breaker__excerpt {
        font-size: 20px
    }
}

@media (max-width:374px) {
    .article-breaker__excerpt {
        line-height: 25px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .article-breaker__excerpt {
        line-height: calc(22.98851px + .5364vw)
    }
}

@media (min-width:1680px) {
    .article-breaker__excerpt {
        line-height: 32px
    }
}

@media (min-width:768px) {
    .article-breaker__excerpt {
        grid-column: 1/10
    }
}

@media (min-width:900px) {
    .article-breaker__excerpt {
        grid-column: 1/5
    }
}

@media (min-width:1200px) {
    .article-breaker__excerpt {
        grid-column: 1/4
    }
}

.article-breaker__sponsor-wrapper {
    position: absolute;
    right: 0;
    top: 0
}

@media (max-width:899px) {
    .article-breaker__sponsor-wrapper {
        height: 35px
    }
}

@media (min-width:900px) and (max-width:1679px) {
    .article-breaker__sponsor-wrapper {
        height: calc(-5.38462px + 4.48718vw)
    }
}

@media (min-width:1680px) {
    .article-breaker__sponsor-wrapper {
        height: 70px
    }
}

.article-breaker__sponsor {
    max-height: 100%
}

.article-breaker .wp-block-button {
    grid-column: 1/12
}

@media (max-width:374px) {
    .article-breaker .wp-block-button {
        margin-top: 32px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .article-breaker .wp-block-button {
        margin-top: calc(29.70115px + .61303vw)
    }
}

@media (min-width:1680px) {
    .article-breaker .wp-block-button {
        margin-top: 40px
    }
}

@media (min-width:900px) {
    .article-breaker .wp-block-button {
        grid-column: 1/5
    }
}

@media (min-width:900px) {
    .article-breaker.article-breaker--small .article-breaker__wrapper:before {
        content: "";
        position: absolute;
        top: 100%;
        width: 100%;
        height: var(--extra-padding);
        background-color: #efefef
    }
}

.wp-block-mjf-article-excerpt {
    margin-bottom: 36px
}

.wp-block-mjf-article-excerpt>span {
    white-space: pre-line
}

.wp-block-supt-column-main {
    grid-column-start: 2;
    grid-column-end: span 10
}

@media (min-width:600px) and (max-width:767px) {
    .wp-block-supt-column-main {
        grid-column-start: 1;
        grid-column-end: span 12
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .wp-block-supt-column-main {
        grid-column-start: 1;
        grid-column-end: span 6
    }
}

@media (min-width:1200px) {
    .wp-block-supt-column-main {
        grid-column-start: 2;
        grid-column-end: span 5
    }
}

.wp-block-supt-column-side {
    grid-column-start: 2;
    grid-column-end: span 10
}

@media (min-width:600px) and (max-width:767px) {
    .wp-block-supt-column-side {
        grid-column-start: 1;
        grid-column-end: span 12
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .wp-block-supt-column-side {
        grid-column-start: 8;
        grid-column-end: span 5
    }
}

@media (min-width:1200px) {
    .wp-block-supt-column-side {
        grid-column-start: 8;
        grid-column-end: span 4
    }
}

@media (max-width:767px) {
    .wp-block-supt-column-side {
        margin-top: 80px
    }
}

@media (min-width:768px) {
    .wp-block-supt-column-side {
        position: sticky;
        top: 0
    }
}

@media (min-width:768px) and (max-width:1679px) {
    .wp-block-supt-column-side {
        height: calc(61.05263px + 28.50877vw)
    }
}

@media (min-width:1680px) {
    .wp-block-supt-column-side {
        height: 540px
    }
}

@media (max-width:374px) {
    .wp-block-supt-column-main>h2 {
        margin-bottom: 30px
    }
}

@media (min-width:375px) and (max-width:1023px) {
    .wp-block-supt-column-main>h2 {
        margin-bottom: calc(24.22188px + 1.54083vw)
    }
}

@media (min-width:1024px) and (max-width:1679px) {
    .wp-block-supt-column-main>h2 {
        margin-bottom: calc(32.19512px + .7622vw)
    }
}

@media (min-width:1680px) {
    .wp-block-supt-column-main>h2 {
        margin-bottom: 45px
    }
}

@media (max-width:374px) {
    .wp-block-supt-column-main>.accordion {
        margin-bottom: 30px
    }
}

@media (min-width:375px) and (max-width:1023px) {
    .wp-block-supt-column-main>.accordion {
        margin-bottom: calc(24.22188px + 1.54083vw)
    }
}

@media (min-width:1024px) and (max-width:1679px) {
    .wp-block-supt-column-main>.accordion {
        margin-bottom: calc(32.19512px + .7622vw)
    }
}

@media (min-width:1680px) {
    .wp-block-supt-column-main>.accordion {
        margin-bottom: 45px
    }
}

@media (max-width:374px) {
    .wp-block-supt-column-main>.card-shop {
        margin-top: 30px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .wp-block-supt-column-main>.card-shop {
        margin-top: calc(21.37931px + 2.29885vw)
    }
}

@media (min-width:1680px) {
    .wp-block-supt-column-main>.card-shop {
        margin-top: 60px
    }
}

@media (max-width:374px) {
    .wp-block-supt-column-side>.wp-block-image {
        margin-bottom: 60px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .wp-block-supt-column-side>.wp-block-image {
        margin-bottom: calc(54.25287px + 1.53257vw)
    }
}

@media (min-width:1680px) {
    .wp-block-supt-column-side>.wp-block-image {
        margin-bottom: 80px
    }
}

@media (max-width:374px) {
    .wp-block-supt-column-side>.partners-list.partners-list--logos {
        margin-bottom: 50px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .wp-block-supt-column-side>.partners-list.partners-list--logos {
        margin-bottom: calc(44.25287px + 1.53257vw)
    }
}

@media (min-width:1680px) {
    .wp-block-supt-column-side>.partners-list.partners-list--logos {
        margin-bottom: 70px
    }
}

.wp-block-supt-column-side>.additional-content+.wp-block-button {
    margin-top: -40px
}

@media (min-width:767px) and (max-width:1679px) {
    .wp-block-supt-columns--alt .wp-block-supt-column-main {
        grid-column-start: 7
    }
}

@media (min-width:1679px) {
    .wp-block-supt-columns--alt .wp-block-supt-column-main {
        grid-column-start: 7
    }
}

@media (min-width:767px) {
    .wp-block-supt-columns--alt .wp-block-supt-column-side {
        grid-row: 1;
        grid-column-start: 1
    }
}

@media (min-width:1200px) {
    .wp-block-supt-columns--alt .wp-block-supt-column-side {
        grid-column-start: 2
    }
}

.content-breaker {
    width: 100%;

}



@media (max-width:767px) {
    .content-breaker {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media (min-width:768px) and (max-width:1679px) {
    .content-breaker {
        padding-top: calc(24.73684px + 3.28947vw);
        padding-bottom: calc(24.73684px + 3.28947vw)
    }
}

@media (min-width:1680px) {
    .content-breaker {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

.content-breaker__uptitle {
    margin-bottom: 16px;

    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #000;
    grid-column: 2/12
}

@media (min-width:768px) {
    .content-breaker__uptitle {
        grid-row: 2;
        grid-column: 2/7
    }
}

.content-breaker__text {

    font-weight: 400;
    font-variant-numeric: lining-nums;
    line-height: 1.5;
    color: #000;
    grid-column: 2/12
}

@media (min-width:1024px) and (max-width:1679px) {
    .content-breaker__text {
        min-height: calc(49.53659px + 9.90854vw)
    }
}

@media (min-width:1680px) {
    .content-breaker__text {
        min-height: 216px
    }
}

@media (max-width:767px) {
    .content-breaker__text {
        font-size: 28px
    }
}

@media (min-width:768px) and (max-width:1679px) {
    .content-breaker__text {
        font-size: calc(11.15789px + 2.19298vw)
    }
}

@media (min-width:1680px) and (max-width:2559px) {
    .content-breaker__text {
        font-size: calc(32.72727px + .90909vw)
    }
}

@media (min-width:2560px) {
    .content-breaker__text {
        font-size: 56px
    }
}

@media (min-width:768px) {
    .content-breaker__text {
        grid-row: 3;
        grid-column: 2/7
    }
}

@media (min-width:1024px) {
    .content-breaker__text {
        grid-column: 2/8
    }
}

.content-breaker__image-wrapper {
    display: flex;
    align-items: flex-start;
    overflow: hidden;
    grid-column: 2/12
}

@media (max-width:374px) {
    .content-breaker__image-wrapper {
        margin-top: 30px
    }
}

@media (min-width:375px) and (max-width:767px) {
    .content-breaker__image-wrapper {
        margin-top: calc(15.68702px + 3.81679vw)
    }
}

@media (min-width:768px) {
    .content-breaker__image-wrapper {
        grid-column: 7/12;
        grid-row: 1/6
    }
}

@media (min-width:1024px) {
    .content-breaker__image-wrapper {
        grid-column: 8/12
    }
}

.content-breaker__image {
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 1/1
}

.content-breaker .wp-block-button {
    grid-column: 2/12
}

@media (max-width:374px) {
    .content-breaker .wp-block-button {
        margin-top: 30px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .content-breaker .wp-block-button {
        margin-top: calc(21.37931px + 2.29885vw)
    }
}

@media (min-width:1680px) {
    .content-breaker .wp-block-button {
        margin-top: 60px
    }
}

@media (min-width:768px) {
    .content-breaker .wp-block-button {
        grid-column: 2/7;
        grid-row: 4
    }
}

@media (min-width:768px) {
    .content-breaker.content-breaker--no-link .content-breaker__image-wrapper {
        grid-row: 1/5
    }
}

@media (max-width:374px) {
    .content-breaker.content-breaker--no-image {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .content-breaker.content-breaker--no-image {
        padding-top: calc(35.63218px + 3.83142vw);
        padding-bottom: calc(35.63218px + 3.83142vw)
    }
}

@media (min-width:1680px) {
    .content-breaker.content-breaker--no-image {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

.content-breaker.content-breaker--no-image .content-breaker__uptitle {
    margin-top: 0
}

.content-breaker.content-breaker--no-image .content-breaker__text {
    min-height: 0;
    grid-column: 2/12
}

@media (min-width:768px) {
    .content-breaker.content-breaker--no-image .content-breaker__text {
        grid-column: 2/10
    }
}

@media (min-width:1024px) {
    .content-breaker.content-breaker--no-image .content-breaker__text {
        grid-column: 2/11
    }
}

@font-face {
    font-family: lg;
    src: url(/wp-content/themes/mjf/static/fonts/lg/lg.eot);
    src: url(/wp-content/themes/mjf/static/fonts/lg/lg.eot) format("embedded-opentype"), url(/wp-content/themes/mjf/static/fonts/lg/lg.woff) format("woff"), url(/wp-content/themes/mjf/static/fonts/lg/lg.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

.lg-icon {
    font-family: lg;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
    background-color: rgba(0, 0, 0, .45);
    border-radius: 2px;
    color: #999;
    cursor: pointer;
    display: block;
    font-size: 22px;
    margin-top: -10px;
    padding: 8px 10px 9px;
    position: absolute;
    top: 50%;
    z-index: 1080
}

.lg-actions .lg-next.disabled,
.lg-actions .lg-prev.disabled {
    pointer-events: none;
    opacity: .5
}

.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
    color: #fff
}

.lg-actions .lg-next {
    right: 20px
}

.lg-actions .lg-next:before {
    content: "\e095"
}

.lg-actions .lg-prev {
    left: 20px
}

.lg-actions .lg-prev:after {
    content: "\e094"
}

@-webkit-keyframes lg-right-end {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    to {
        left: 0
    }
}

@-moz-keyframes lg-right-end {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    to {
        left: 0
    }
}

@-ms-keyframes lg-right-end {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    to {
        left: 0
    }
}

@keyframes lg-right-end {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    to {
        left: 0
    }
}

@-webkit-keyframes lg-left-end {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    to {
        left: 0
    }
}

@-moz-keyframes lg-left-end {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    to {
        left: 0
    }
}

@-ms-keyframes lg-left-end {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    to {
        left: 0
    }
}

@keyframes lg-left-end {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    to {
        left: 0
    }
}

.lg-outer.lg-right-end .lg-object {
    -webkit-animation: lg-right-end .3s;
    -o-animation: lg-right-end .3s;
    animation: lg-right-end .3s;
    position: relative
}

.lg-outer.lg-left-end .lg-object {
    -webkit-animation: lg-left-end .3s;
    -o-animation: lg-left-end .3s;
    animation: lg-left-end .3s;
    position: relative
}

.lg-toolbar {
    z-index: 1082;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .45)
}

.lg-toolbar .lg-icon {
    color: #999;
    cursor: pointer;
    float: right;
    font-size: 24px;
    height: 47px;
    line-height: 27px;
    padding: 10px 0;
    text-align: center;
    width: 50px;
    text-decoration: none !important;
    outline: medium none;
    -webkit-transition: color .2s linear;
    -o-transition: color .2s linear;
    transition: color .2s linear
}

.lg-toolbar .lg-icon:hover {
    color: #fff
}

.lg-toolbar .lg-close:after {
    content: "\e070"
}

.lg-toolbar .lg-download:after {
    content: "\e0f2"
}

.lg-sub-html {
    background-color: rgba(0, 0, 0, .45);
    bottom: 0;
    color: #eee;
    font-size: 16px;
    left: 0;
    padding: 10px 40px;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 1080
}

.lg-sub-html h4 {
    margin: 0;
    font-size: 13px;
    font-weight: 700
}

.lg-sub-html p {
    font-size: 12px;
    margin: 5px 0 0
}

#lg-counter {
    color: #999;
    display: inline-block;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 12px;
    vertical-align: middle
}

.lg-next,
.lg-prev,
.lg-toolbar {
    opacity: 1;
    -webkit-transition: -webkit-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear;
    -moz-transition: -moz-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear;
    -o-transition: -o-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear;
    transition: transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear
}

.lg-hide-items .lg-prev {
    opacity: 0;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
}

.lg-hide-items .lg-next {
    opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
}

.lg-hide-items .lg-toolbar {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
    -webkit-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5);
    opacity: 0;
    -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) !important;
    -moz-transition: -moz-transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) !important;
    -o-transition: -o-transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) !important;
    transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) !important;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1
}

body:not(.lg-from-hash) .lg-outer.lg-start-fade .lg-object {
    opacity: 0;
    -webkit-transition: opacity .4s ease-in-out !important;
    -moz-transition: opacity .4s ease-in-out !important;
    -o-transition: opacity .4s ease-in-out !important;
    transition: opacity .4s ease-in-out !important
}

body:not(.lg-from-hash) .lg-outer.lg-start-fade .lg-item.lg-complete .lg-object {
    opacity: 1
}

.lg-outer .lg-thumb-outer {
    background-color: #0d0a0a;
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 1080;
    max-height: 350px;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
    -moz-transition: -moz-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
    -o-transition: -o-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer .lg-thumb-outer.lg-grab {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer .lg-thumb-outer.lg-grabbing {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important
}

.lg-outer.lg-thumb-open .lg-thumb-outer {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.lg-outer .lg-thumb {
    padding: 10px 0;
    height: 100%;
    margin-bottom: -5px
}

.lg-outer .lg-thumb-item {
    cursor: pointer;
    float: left;
    overflow: hidden;
    height: 100%;
    margin-bottom: 5px;
    opacity: .5;
    transition: opacity .25s
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
    opacity: 1
}

.lg-outer .lg-thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.lg-outer.lg-has-thumb .lg-item {
    padding-bottom: 120px
}

.lg-outer.lg-can-toggle .lg-item {
    padding-bottom: 0
}

.lg-outer.lg-pull-caption-up .lg-sub-html {
    -webkit-transition: bottom .25s ease;
    -o-transition: bottom .25s ease;
    transition: bottom .25s ease
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
    bottom: 76.25px
}

.lg-outer .lg-toggle-thumb {
    background-color: #0d0a0a;
    border-radius: 2px 2px 0 0;
    color: #999;
    cursor: pointer;
    font-size: 24px;
    height: 39px;
    line-height: 27px;
    padding: 5px 0;
    position: absolute;
    right: 20px;
    text-align: center;
    top: -39px;
    width: 50px
}

.lg-outer .lg-toggle-thumb:after {
    content: "\e1ff"
}

.lg-outer .lg-toggle-thumb:hover {
    color: #fff
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition: -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0s;
    -moz-transition: -moz-transform .3s cubic-bezier(0, 0, .25, 1) 0s;
    -o-transition: -o-transform .3s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s;
    -moz-transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s;
    -o-transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s;
    transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;
    -moz-transition: -moz-transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;
    -o-transition: -o-transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;
    transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

#lg-zoom-in:after {
    content: "\e311"
}

#lg-actual-size {
    font-size: 20px
}

#lg-actual-size:after {
    content: "\e033"
}

#lg-zoom-out {
    opacity: .5;
    pointer-events: none
}

#lg-zoom-out:after {
    content: "\e312"
}

.lg-zoomed #lg-zoom-out {
    opacity: 1;
    pointer-events: auto
}

.lg-outer .lg-pager-outer {
    bottom: 60px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 1080;
    height: 10px
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
    overflow: visible
}

.lg-outer .lg-pager-cont {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    margin: 0 5px
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
    box-shadow: inset 0 0 0 2px #fff
}

.lg-outer .lg-pager-thumb-cont {
    background-color: #fff;
    color: #fff;
    bottom: 100%;
    height: 83px;
    left: 0;
    margin-bottom: 20px;
    margin-left: -60px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    width: 120px;
    border-radius: 3px;
    -webkit-transition: opacity .15s ease 0s, -webkit-transform .15s ease 0s;
    -moz-transition: opacity .15s ease 0s, -moz-transform .15s ease 0s;
    -o-transition: opacity .15s ease 0s, -o-transform .15s ease 0s;
    transition: opacity .15s ease 0s, transform .15s ease 0s;
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0)
}

.lg-outer .lg-pager-thumb-cont img {
    width: 100%;
    height: 100%
}

.lg-outer .lg-pager {
    background-color: hsla(0, 0%, 100%, .5);
    border-radius: 50%;
    box-shadow: inset 0 0 0 8px hsla(0, 0%, 100%, .7);
    display: block;
    height: 12px;
    -webkit-transition: box-shadow .3s ease 0s;
    -o-transition: box-shadow .3s ease 0s;
    transition: box-shadow .3s ease 0s;
    width: 12px
}

.lg-outer .lg-pager:focus,
.lg-outer .lg-pager:hover {
    box-shadow: inset 0 0 0 8px #fff
}

.lg-outer .lg-caret {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px dashed;
    bottom: -10px;
    display: inline-block;
    height: 0;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    vertical-align: middle;
    width: 0
}

.lg-fullscreen:after {
    content: "\e20c"
}

.lg-fullscreen-on .lg-fullscreen:after {
    content: "\e20d"
}

/* .group {
    *zoom: 1
} */

.group:after,
.group:before {
    display: table;
    content: "";
    line-height: 0
}

.group:after {
    clear: both
}

.lg-outer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}

.lg-outer * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.lg-outer.lg-visible {
    opacity: 1
}

.lg-outer.lg-css3 .lg-item.lg-current,
.lg-outer.lg-css3 .lg-item.lg-next-slide,
.lg-outer.lg-css3 .lg-item.lg-prev-slide {
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
    opacity: 1
}

.lg-outer.lg-grab img.lg-object {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer.lg-grabbing img.lg-object {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%
}

.lg-outer .lg-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap
}

.lg-outer .lg-item {
    background: url(/wp-content/themes/mjf/static/img/loading.gif) no-repeat scroll 50% transparent;
    display: none !important
}

.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide,
.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css .lg-current {
    display: inline-block !important
}

.lg-outer .lg-img-wrap,
.lg-outer .lg-item {
    display: inline-block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%
}

.lg-outer .lg-img-wrap:before,
.lg-outer .lg-item:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
}

.lg-outer .lg-img-wrap {
    position: absolute;
    padding: 0 5px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.lg-outer .lg-item.lg-complete {
    background-image: none
}

.lg-outer .lg-item.lg-current {
    z-index: 1060
}

.lg-outer .lg-image {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important
}

.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
    opacity: 1
}

.lg-outer .lg-empty-html,
.lg-outer.lg-hide-download #lg-download {
    display: none
}

.lg-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    background-color: #000;
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}

.lg-backdrop.in {
    opacity: 1
}

.lg-css3.lg-no-trans .lg-current,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-prev-slide {
    -webkit-transition: none 0s ease 0s !important;
    -moz-transition: none 0s ease 0s !important;
    -o-transition: none 0s ease 0s !important;
    transition: none 0s ease 0s !important
}

.lg-css3.lg-use-css3 .lg-item,
.lg-css3.lg-use-left .lg-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-css3.lg-fade .lg-item {
    opacity: 0
}

.lg-css3.lg-fade .lg-item.lg-current {
    opacity: 1
}

.lg-css3.lg-fade .lg-item.lg-current,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-prev-slide {
    -webkit-transition: opacity .1s ease 0s;
    -moz-transition: opacity .1s ease 0s;
    -o-transition: opacity .1s ease 0s;
    transition: opacity .1s ease 0s
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
    opacity: 0
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}

.lg-css3.lg-slide.lg-use-left .lg-item {
    opacity: 0;
    position: absolute;
    left: 0
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    left: -100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
    left: 100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
    left: 0;
    opacity: 1
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    -webkit-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -o-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}

.gallery {
    grid-row-gap: 20px
}

@media (min-width:768px) and (max-width:1499px) {
    .gallery {
        grid-row-gap: 2.13vw
    }
}

@media (min-width:1500px) {
    .gallery {
        grid-row-gap: 32px
    }
}

.gallery .gallery__img {
    grid-column: 1/span 12;
    overflow: hidden
}

@media (min-width:768px) {
    .gallery .gallery__img {
        grid-column-start: 2;
        grid-column-end: span 5
    }

    .gallery .gallery__img:nth-child(2n) {
        grid-column-start: 7
    }
}

.gallery .gallery__img:nth-child(n+5) {
    display: none
}

.gallery .gallery__img img {
    display: block;
    width: 100%;
    transition: transform .7s ease
}

.gallery .gallery__img figcaption {
    display: none
}

.gallery .gallery__img-link {
    display: block;
    position: relative;
    cursor: zoom-in
}

.gallery .gallery__cta {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 13%;
    background-color: rgba(0, 0, 0, .7);
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: background-color .7s ease
}

.gallery .gallery__cta>* {
    display: block
}

.gallery .gallery__cta>.gallery__cta-legend {
    line-height: 1.15;
    color: #fff
}

@media (max-width:374px) {
    .gallery .gallery__cta>.gallery__cta-legend {
        font-size: 18px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .gallery .gallery__cta>.gallery__cta-legend {
        font-size: calc(15.12644px + .76628vw)
    }
}

@media (min-width:1680px) and (max-width:2559px) {
    .gallery .gallery__cta>.gallery__cta-legend {
        font-size: calc(14.63636px + .79545vw)
    }
}

@media (min-width:2560px) {
    .gallery .gallery__cta>.gallery__cta-legend {
        font-size: 35px
    }
}

@media (max-width:374px) {
    .gallery .gallery__cta>.gallery__cta-legend {
        margin-bottom: 30px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .gallery .gallery__cta>.gallery__cta-legend {
        margin-bottom: calc(19.94253px + 2.68199vw)
    }
}

@media (min-width:1680px) and (max-width:2559px) {
    .gallery .gallery__cta>.gallery__cta-legend {
        margin-bottom: calc(36.36364px + 1.70455vw)
    }
}

@media (min-width:2560px) {
    .gallery .gallery__cta>.gallery__cta-legend {
        margin-bottom: 80px
    }
}

.gallery .gallery__cta>.gallery__cta-legend b {
    font-weight: 700
}

.gallery .gallery__img a:focus img,
.gallery .gallery__img a:hover img {
    transform: scale3d(1.03, 1.03, 1)
}

.gallery .gallery__img a:focus .gallery__cta,
.gallery .gallery__img a:hover .gallery__cta {
    background-color: rgba(0, 0, 0, .3)
}

.gallery .gallery__caption {
    grid-column: 2/span 10;
    color: #707070;
    line-height: 1.3
}

@media (max-width:1679px) {
    .gallery .gallery__caption {
        font-size: 14px
    }
}

@media (min-width:1680px) and (max-width:2559px) {
    .gallery .gallery__caption {
        font-size: calc(10.18182px + .22727vw)
    }
}

@media (min-width:2560px) {
    .gallery .gallery__caption {
        font-size: 16px
    }
}

@media (min-width:768px) and (max-width:1499px) {
    .gallery .gallery__caption {
        margin-top: -2.13vw;
        padding-top: 20px
    }
}

@media (min-width:1500px) {
    .gallery .gallery__caption {
        margin-top: -32px;
        padding-top: 20px
    }
}

.gallery .gallery__caption b,
.gallery .gallery__caption strong {
    font-weight: 700
}

.highlighted-content__uptitle {

    font-weight: 700;
    line-height: 1.5;
    text-transform: uppercase;
    color: #000;
    text-align: center;
    grid-column: 1/13
}

@media (max-width:374px) {
    .highlighted-content__uptitle {
        margin-bottom: 36px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .highlighted-content__uptitle {
        margin-bottom: calc(25.65517px + 2.75862vw)
    }
}

@media (min-width:1680px) {
    .highlighted-content__uptitle {
        margin-bottom: 72px
    }
}

@media (max-width:374px) {
    .highlighted-content__uptitle {
        font-size: 16px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .highlighted-content__uptitle {
        font-size: calc(14.85057px + .30651vw)
    }
}

@media (min-width:1680px) {
    .highlighted-content__uptitle {
        font-size: 20px
    }
}

@media (max-width:374px) {
    .highlighted-content__uptitle {
        letter-spacing: 2px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .highlighted-content__uptitle {
        letter-spacing: calc(1.71264px + .07663vw)
    }
}

@media (min-width:1680px) {
    .highlighted-content__uptitle {
        letter-spacing: 3px
    }
}

@media (min-width:768px) {
    .highlighted-content__uptitle {
        grid-column: 2/12
    }
}

.highlighted-content__text {

    font-weight: 400;
    font-variant-numeric: lining-nums;
    color: #000;
    z-index: 1;
    grid-column: 1/13
}

@media (max-width:374px) {
    .highlighted-content__text {
        font-size: 28px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .highlighted-content__text {
        font-size: calc(22.25287px + 1.53257vw)
    }
}

@media (min-width:1680px) and (max-width:2559px) {
    .highlighted-content__text {
        font-size: calc(32.72727px + .90909vw)
    }
}

@media (min-width:2560px) {
    .highlighted-content__text {
        font-size: 56px
    }
}

@media (max-width:374px) {
    .highlighted-content__text {
        line-height: 40px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .highlighted-content__text {
        line-height: calc(30.8046px + 2.45211vw)
    }
}

@media (min-width:1680px) and (max-width:2559px) {
    .highlighted-content__text {
        line-height: calc(56.72727px + .90909vw)
    }
}

@media (min-width:2560px) {
    .highlighted-content__text {
        line-height: 80px
    }
}

@media (min-width:768px) {
    .highlighted-content__text {
        grid-column: 2/10
    }
}

@media (min-width:1024px) {
    .highlighted-content__text {
        grid-column: 2/9
    }
}

.highlighted-content__image-wrapper {
    display: flex;
    align-items: flex-start;
    overflow: hidden;
    grid-column: 5/13
}

@media (max-width:374px) {
    .highlighted-content__image-wrapper {
        margin-top: -40px
    }
}

@media (min-width:375px) and (max-width:767px) {
    .highlighted-content__image-wrapper {
        margin-top: calc(-30.45802px - 2.54453vw)
    }
}

@media (min-width:768px) {
    .highlighted-content__image-wrapper {
        margin-top: -50px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .highlighted-content__image-wrapper {
        margin-top: calc(-96px - 7.03125vw)
    }
}

@media (min-width:1024px) {
    .highlighted-content__image-wrapper {
        margin-top: -168px
    }
}

@media (min-width:1024px) and (max-width:1679px) {
    .highlighted-content__image-wrapper {
        margin-top: calc(-155.12195px - 12.19512vw)
    }
}

@media (min-width:1680px) {
    .highlighted-content__image-wrapper {
        margin-top: -360px
    }
}

@media (min-width:768px) {
    .highlighted-content__image-wrapper {
        order: 1;
        grid-column: 7/12
    }
}

.highlighted-content__image {
    width: 100%
}

.highlighted-content .wp-block-button {
    grid-column: 1/13;
    text-align: center
}

@media (max-width:374px) {
    .highlighted-content .wp-block-button {
        margin-top: 64px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .highlighted-content .wp-block-button {
        margin-top: calc(59.4023px + 1.22605vw)
    }
}

@media (min-width:1680px) {
    .highlighted-content .wp-block-button {
        margin-top: 80px
    }
}

@media (min-width:768px) {
    .highlighted-content .wp-block-button {
        grid-column: 2/6;
        text-align: left
    }
}

.media-header {
    display: flex;
    padding: 40px 0
}

.media-header__wrapper {
    display: flex;
    width: 100vw;
    position: relative
}

.media-header__content {
    position: relative;
    width: 100%;
    align-content: flex-start;

}

.media-header__category {

    font-weight: 400;
    font-size: 12px;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
    grid-column: 1/13;
    margin-bottom: 12px
}

@media (min-width:900px) {
    .media-header__category {
        grid-column: 1/7;
        margin-bottom: 25px;
        margin-top: 20px
    }
}

.media-header__mask {
    display: block;
    width: 100%;
    position: relative;
    grid-column: 1/13
}

@media (min-width:900px) {
    .media-header__mask {
        position: absolute;
        grid-column: 5/13
    }
}

.media-header__mask:after {
    content: "";
    display: block;
    padding-bottom: 56%
}

.media-header__frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.media-header__icons {
    display: flex;
    position: absolute
}

@media (max-width:374px) {
    .media-header__icons {
        top: 8px;
        right: 8px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .media-header__icons {
        top: calc(5.70115px + .61303vw);
        right: calc(5.70115px + .61303vw)
    }
}

@media (min-width:1680px) {
    .media-header__icons {
        top: 16px;
        right: 16px
    }
}

.media-header__clip {
    position: absolute;
    overflow: hidden;
    transform-origin: center center;
    width: 100%;
    height: 100%;
    z-index: 1
}

.media-header__media-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
    width: 100%;
    height: 100%
}

.media-header__media {
    position: absolute;
    width: calc(100% + 80px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.media-header__title {

    font-weight: 400;
    font-variant-numeric: lining-nums;
    line-height: 1.2;
    color: #000
}

@media (max-width:374px) {
    .media-header__title {
        font-size: 44px
    }
}

@media (min-width:375px) and (max-width:1023px) {
    .media-header__title {
        font-size: calc(37.06626px + 1.849vw)
    }
}

@media (min-width:1024px) and (max-width:1679px) {
    .media-header__title {
        font-size: calc(18.53659px + 3.65854vw)
    }
}

@media (min-width:1680px) {
    .media-header__title {
        font-size: 80px
    }
}

.media-header__title--dom {
    grid-column: 1/13;
    margin-top: -1.2em
}

@media (min-width:768px) {
    .media-header__title--dom {
        grid-column: 1/11
    }
}

@media (min-width:900px) {
    .media-header__title--dom {
        grid-column: 1/10;
        margin-top: 0
    }
}

@media (min-width:1200px) {
    .media-header__title--dom {
        grid-column: 1/7
    }
}

.media-header__title-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: top left
}

.media-header__title--clip {
    color: #fff
}

.media-header .wp-block-button {
    grid-column: 1/12
}

@media (max-width:1023px) {
    .media-header .wp-block-button {
        margin-top: 25px
    }
}

@media (min-width:1024px) and (max-width:1679px) {
    .media-header .wp-block-button {
        margin-top: calc(-54.60976px + 7.77439vw)
    }
}

@media (min-width:1680px) {
    .media-header .wp-block-button {
        margin-top: 76px
    }
}

@media (min-width:900px) {
    .media-header .wp-block-button {
        grid-column: 1/5
    }
}

.media-header__sponsor {
    display: flex;
    align-items: center;
    grid-column: 1/12
}

@media (max-width:899px) {
    .media-header__sponsor {
        margin-top: 62px
    }
}

@media (min-width:900px) and (max-width:1679px) {
    .media-header__sponsor {
        margin-top: calc(29.69231px + 3.58974vw)
    }
}

@media (min-width:1680px) {
    .media-header__sponsor {
        margin-top: 90px
    }
}

@media (min-width:900px) {
    .media-header__sponsor {
        align-items: flex-start;
        flex-direction: column;
        grid-column: 1/5
    }
}

.media-header__sponsor__text {

    font-weight: 400;
    font-size: 12px;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #505050
}

@media (max-width:899px) {
    .media-header__sponsor__text {
        margin-right: 15px
    }
}

.media-header__sponsor__image {
    max-width: 168px;
    max-height: 52px
}

@media (min-width:900px) {
    .media-header__sponsor__image {
        margin-top: 16px
    }
}

.media-header--sponsored {
    background-color: #efefef
}

@media (max-width:767px) {
    .media-header--sponsored {
        padding-top: 32px
    }
}

@media (min-width:768px) and (max-width:1679px) {
    .media-header--sponsored {
        padding-top: calc(11.78947px + 2.63158vw)
    }
}

@media (min-width:1680px) {
    .media-header--sponsored {
        padding-top: 56px
    }
}

@media (max-width:767px) {
    .media-header--sponsored {
        padding-bottom: 48px
    }
}

@media (min-width:768px) and (max-width:1679px) {
    .media-header--sponsored {
        padding-bottom: calc(-8.42105px + 7.34649vw)
    }
}

@media (min-width:1680px) {
    .media-header--sponsored {
        padding-bottom: 115px
    }
}

.js .media-header .media-header__item,
.js .media-header .media-header__mask {
    opacity: 0
}

.js .media-header.media-header--loaded .media-header__item,
.js .media-header.media-header--loaded .media-header__mask {
    opacity: 1
}

.socials__title {

    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #000
}

@media (max-width:374px) {
    .socials__title {
        font-size: 12px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .socials__title {
        font-size: calc(11.42529px + .15326vw)
    }
}

@media (min-width:1680px) {
    .socials__title {
        font-size: 14px
    }
}

@media (max-width:374px) {
    .socials__title {
        margin-bottom: 18px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .socials__title {
        margin-bottom: calc(15.12644px + .76628vw)
    }
}

@media (min-width:1680px) {
    .socials__title {
        margin-bottom: 28px
    }
}

.socials__links {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding-left: 0;
    padding-right: 0
}

.socials__link {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    margin-right: 15px
}

.socials__link a {
    padding: 6px;
    display: block;
    line-height: 0;
    opacity: .7;
    transition: opacity .3s
}

.socials__link a:focus,
.socials__link a:hover {
    opacity: 1
}

.socials__link a,
.socials__link a:active,
.socials__link a:hover,
.socials__link a:visited,
.socials__link svg {
    color: currentColor;
    fill: currentColor
}

.socials__cta {
    margin-top: 1em
}

.page--user-dashboard {
    background-color: #efefef
}

.page--user-dashboard .nav:not(.nav--mobile) .navbar__top {
    background-color: #fff
}

.page--user-dashboard .page__nav .navbar__background {
    border-bottom: 1px solid #dedede;
    opacity: 1 !important
}

.page--user-dashboard .page__nav .navbar__top__background {
    opacity: 1 !important
}

@media (min-width:1200px) {
    .page--user-dashboard .page__nav.nav--small+.page__wrapper .my-account-nav {
        min-height: calc(100vh - 167px)
    }
}

.page--user-dashboard .page__wrapper {
    grid-column-gap: 0 !important;
    margin-left: 0;
    margin-right: 0;
    grid-template-columns: [grid-start] 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr [grid-end];
    grid-template-areas: "sidenav sidenav sidenav sidenav sidenav sidenav sidenav sidenav sidenav" "main main main main main main main main main"
}

@media (min-width:1200px) {
    .page--user-dashboard .page__wrapper {
        grid-template-areas: "sidenav sidenav main main main main main main main" ". . main main main main main main main"
    }
}

.page--user-dashboard .my-account-nav {
    grid-area: sidenav;
    z-index: 1;
    background-color: #fff;
    border-right: 1px solid #dedede;
    position: sticky;
    padding-right: 34px;
    will-change: opacity;
    min-height: calc(100vh - 167px);
    top: 167px
}

@media (max-width:374px) {
    .page--user-dashboard .my-account-nav {
        padding-bottom: 40px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .page--user-dashboard .my-account-nav {
        padding-bottom: calc(34.25287px + 1.53257vw)
    }
}

@media (min-width:1680px) {
    .page--user-dashboard .my-account-nav {
        padding-bottom: 60px
    }
}

@media (max-width:374px) {
    .page--user-dashboard .my-account-nav {
        padding-left: 16px
    }
}

@media (min-width:375px) and (max-width:599px) {
    .page--user-dashboard .my-account-nav {
        padding-left: 16px
    }
}

@media (min-width:600px) and (max-width:1439px) {
    .page--user-dashboard .my-account-nav {
        padding-left: 40px
    }
}

@media (min-width:1440px) {
    .page--user-dashboard .my-account-nav {
        padding-left: 72px
    }
}

.page--user-dashboard .my-account-nav:before {
    position: absolute;
    content: "";
    width: calc(100% + 1px);
    height: 100%;
    left: 0;
    top: -100%;
    background-color: #fff;
    border-right: 1px solid #dedede
}

.page--user-dashboard .my-account-nav .ud-nav {
    height: 100%
}

@media (max-width:1199px) {
    .page--user-dashboard .my-account-nav {
        position: relative;
        min-height: auto;
        top: 0;
        margin-bottom: 22px;
        background-color: initial;
        padding: 0
    }

    .page--user-dashboard .my-account-nav:before {
        content: none
    }
}

.page--user-dashboard .page__main {
    grid-area: main;
    position: relative
}

@media (max-width:767px) {
    .page--user-dashboard .page__main .page__inner {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media (min-width:600px) {
    .page--user-dashboard .page__main .page__inner {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width:1440px) {
    .page--user-dashboard .page__main .page__inner {
        padding-left: 72px;
        padding-right: 72px
    }
}

.page--user-dashboard .page__main .page__header {
    display: block;
    margin-left: 0;
    margin-right: 0
}

@media (max-width:374px) {
    .page--user-dashboard .page__main .page__header {
        padding-top: 30px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .page--user-dashboard .page__main .page__header {
        padding-top: calc(15.63218px + 3.83142vw)
    }
}

@media (min-width:1680px) {
    .page--user-dashboard .page__main .page__header {
        padding-top: 80px
    }
}

@media (max-width:374px) {
    .page--user-dashboard .page__main .page__header {
        padding-bottom: 30px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .page--user-dashboard .page__main .page__header {
        padding-bottom: calc(21.37931px + 2.29885vw)
    }
}

@media (min-width:1680px) {
    .page--user-dashboard .page__main .page__header {
        padding-bottom: 60px
    }
}

.page--user-dashboard .page__main .page__header .page__breadcrumbs {
    display: block;
    margin-top: 20px
}

@media (min-width:768px) {
    .page--user-dashboard .page__main .page__header .page__breadcrumbs {
        display: none
    }
}

.page--user-dashboard .page__main .page__header .heading {
    padding: 0
}

@media (max-width:1199px) {
    .page--user-dashboard .page__main .page__header {
        display: none
    }
}

.js .page--user-dashboard .page__main {
    opacity: 0
}

.ud-nav,
.ud-nav__profile {
    display: flex;
    flex-direction: column
}

@media (max-width:374px) {
    .ud-nav__profile {
        margin-top: 40px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .ud-nav__profile {
        margin-top: calc(34.25287px + 1.53257vw)
    }
}

@media (min-width:1680px) {
    .ud-nav__profile {
        margin-top: 60px
    }
}

@media (max-width:374px) {
    .ud-nav__profile {
        margin-bottom: 60px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .ud-nav__profile {
        margin-bottom: calc(52.81609px + 1.91571vw)
    }
}

@media (min-width:1680px) {
    .ud-nav__profile {
        margin-bottom: 85px
    }
}

.ud-nav__profile-name {

    font-weight: 700;
    color: #000;
    letter-spacing: 0
}

@media (max-width:374px) {
    .ud-nav__profile-name {
        font-size: 20px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .ud-nav__profile-name {
        font-size: calc(19.42529px + .15326vw)
    }
}

@media (min-width:1680px) {
    .ud-nav__profile-name {
        font-size: 22px
    }
}

@media (max-width:374px) {
    .ud-nav__profile-name {
        line-height: 22px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .ud-nav__profile-name {
        line-height: calc(20.85057px + .30651vw)
    }
}

@media (min-width:1680px) {
    .ud-nav__profile-name {
        line-height: 26px
    }
}

.ud-nav__profile-email {

    font-size: 16px;
    color: #000;
    letter-spacing: 0;
    line-height: 22px;
    margin-top: 4px;
    word-break: break-all
}

@media (max-width:374px) {
    .ud-nav__profile-plan {
        margin-top: 15px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .ud-nav__profile-plan {
        margin-top: calc(13.56322px + .38314vw)
    }
}

@media (min-width:1680px) {
    .ud-nav__profile-plan {
        margin-top: 20px
    }
}

.ud-nav__profile-plan span {

    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 6px 12px
}

.ud-nav__profile-plan span.plan--basic {
    background-color: #fffe54
}

.ud-nav__profile-plan span.plan--insider {
    background-color: #b1ffcd;
    align-items: center;
    display: inline-flex
}

.ud-nav__profile-plan span.plan--insider:before {
    content: "";
    z-index: 0;
    width: 20px;
    height: 15px;
    background-image: url(/wp-content/themes/mjf/static/img/icons/icon-insider.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 100%;
    margin-right: 8px;
    transform: translateX(-1px)
}

.ud-nav__group {
    display: flex;
    flex-direction: column
}

@media (max-width:374px) {
    .ud-nav__group+.ud-nav__group {
        margin-top: 40px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .ud-nav__group+.ud-nav__group {
        margin-top: calc(34.25287px + 1.53257vw)
    }
}

@media (min-width:1680px) {
    .ud-nav__group+.ud-nav__group {
        margin-top: 60px
    }
}

.ud-nav__group-title {

    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #000
}

.ud-nav__group-list {
    list-style: none
}

.ud-nav__group-item {
    position: relative;

    font-size: 14px;
    line-height: 16px;
    letter-spacing: 1px;
    margin-top: 18px;
    text-transform: uppercase;
    transition: transform .2s ease-out;
    transform: translateY(0);
    will-change: transform
}

.ud-nav__group-item:before {
    content: "";
    position: absolute;
    top: 4px;
    left: -16px;
    background-image: url(/wp-content/themes/mjf/static/img/plectrum.svg);
    background-size: 100% 100%;
    width: 8px;
    height: 8px;
    opacity: 0;
    transition-duration: .4s;
    pointer-events: none;
    will-change: opacity
}

.ud-nav__group-item--active,
.ud-nav__group-item:focus-within,
.ud-nav__group-item:hover {
    transform: translateX(16px)
}

.ud-nav__group-item--active:before,
.ud-nav__group-item:focus-within:before,
.ud-nav__group-item:hover:before {
    opacity: 1
}

.ud-nav__group-item a {
    display: block;
    color: #000
}

.ud-nav__links {
    margin-top: auto;
    padding-top: 60px;
    display: flex
}

.ud-nav__links__item {

    font-size: 12px;
    line-height: 15px;
    color: #000;
    letter-spacing: 2px;
    display: flex;
    align-items: center;
    text-transform: uppercase
}

.ud-nav__links__item a {
    background-image: linear-gradient(#000, #000);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 100% 0;
    will-change: background-size;
    transition: background-size .4s ease-out
}

.ud-nav__links__item a:focus-within,
.ud-nav__links__item a:hover {
    background-size: 100% 1px
}

.ud-nav__links__item+.ud-nav__links__item:before {
    content: "  |  ";
    white-space: pre
}

.ud-nav .ud-nav__mobile {
    display: none;
    padding: 50px 0 40px;
    border-bottom: 1px solid #dedede;
    overflow-x: auto
}

.ud-nav .ud-nav__mobile__wrapper {
    display: flex;
    gap: 30px;
    margin: 0 auto
}

.ud-nav .ud-nav__mobile__item {
    color: #cbcbcb;
    white-space: nowrap
}

.ud-nav .ud-nav__mobile__item:first-child {
    margin-left: 11px
}

.ud-nav .ud-nav__mobile__item:last-child {
    margin-right: 11px
}

.ud-nav .ud-nav__mobile__item.is-active {
    color: #000
}

.ud-nav .ud-nav__desktop {
    display: initial
}

@media (max-width:1199px) {
    .ud-nav {
        display: flex;
        flex-direction: column
    }

    .ud-nav .ud-nav__profile {
        order: 1;
        border-bottom: 1px solid #dedede;
        margin: 0;
        padding: 22px 32px
    }
}

@media (max-width:1199px) and (min-width:600px) {
    .ud-nav .ud-nav__profile {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (max-width:1199px) and (min-width:1440px) {
    .ud-nav .ud-nav__profile {
        padding-left: 72px;
        padding-right: 72px
    }
}

@media (max-width:1199px) {
    .ud-nav .ud-nav__mobile {
        display: flex
    }
}

@media (max-width:1199px) {

    .page--account-mjf .ud-nav .ud-nav__profile,
    .ud-nav .ud-nav__desktop {
        display: none
    }
}

.my-section {
    background: #fff;
    position: relative
}

@media (max-width:374px) {
    .my-section {
        padding-top: 25px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .my-section {
        padding-top: calc(20.68966px + 1.14943vw)
    }
}

@media (min-width:1680px) {
    .my-section {
        padding-top: 40px
    }
}

@media (max-width:374px) {
    .my-section {
        padding-right: 20px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .my-section {
        padding-right: calc(14.25287px + 1.53257vw)
    }
}

@media (min-width:1680px) {
    .my-section {
        padding-right: 40px
    }
}

@media (max-width:374px) {
    .my-section {
        padding-bottom: 50px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .my-section {
        padding-bottom: calc(47.12644px + .76628vw)
    }
}

@media (min-width:1680px) {
    .my-section {
        padding-bottom: 60px
    }
}

@media (max-width:374px) {
    .my-section {
        padding-left: 20px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .my-section {
        padding-left: calc(14.25287px + 1.53257vw)
    }
}

@media (min-width:1680px) {
    .my-section {
        padding-left: 40px
    }
}

.my-section.is-hidden {
    display: none
}

.my-section--insider {
    border-left: 3px solid #b1ffcd
}

.my-section__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #dedede;
    margin-bottom: 30px
}

@media (max-width:374px) {
    .my-section__header {
        padding-bottom: 24px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .my-section__header {
        padding-bottom: calc(19.97701px + 1.0728vw)
    }
}

@media (min-width:1680px) {
    .my-section__header {
        padding-bottom: 38px
    }
}

.my-section__button {
    margin-top: 40px
}

@media (min-width:768px) {
    .my-section__button {
        margin-top: 0;
        position: absolute
    }
}

@media (min-width:768px) and (max-width:374px) {
    .my-section__button {
        top: 25px
    }
}

@media (min-width:768px) and (min-width:375px) and (max-width:1679px) {
    .my-section__button {
        top: calc(20.68966px + 1.14943vw)
    }
}

@media (min-width:768px) and (min-width:1680px) {
    .my-section__button {
        top: 40px
    }
}

@media (min-width:768px) and (max-width:374px) {
    .my-section__button {
        right: 20px
    }
}

@media (min-width:768px) and (min-width:375px) and (max-width:1679px) {
    .my-section__button {
        right: calc(14.25287px + 1.53257vw)
    }
}

@media (min-width:768px) and (min-width:1680px) {
    .my-section__button {
        right: 40px
    }
}

@media (max-width:374px) {
    .my-section:not(.is-hidden)+.my-section {
        margin-top: 22px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .my-section:not(.is-hidden)+.my-section {
        margin-top: calc(19.12644px + .76628vw)
    }
}

@media (min-width:1680px) {
    .my-section:not(.is-hidden)+.my-section {
        margin-top: 32px
    }
}

@media (min-width:1024px) {
    .my-section__content__intro {
        max-width: 70%
    }
}

@media (max-width:374px) {
    .my-section--benefits .benefits-list {
        margin-top: 40px
    }
}

@media (min-width:375px) and (max-width:1023px) {
    .my-section--benefits .benefits-list {
        margin-top: calc(34.22188px + 1.54083vw)
    }
}

@media (min-width:1024px) {
    .my-section--benefits .benefits-list {
        margin-top: 50px
    }
}

.my-section--benefits .benefits-list__tabs {
    display: flex;
    gap: 16px;
    margin-bottom: 40px
}

.my-section--benefits .benefits-list__tabs__item {
    font-size: 1em;
    background-color: initial;
    border: 0;
    border-radius: 0;
    outline: 0;
    -webkit-appearance: none;
    appearance: none;
    padding: 0;
    font-size: 12px;
    max-height: 42px;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
    color: inherit;
    cursor: pointer;
    display: flex;
    align-items: center;
    letter-spacing: 1px;
    transition: .2s
}

.my-section--benefits .benefits-list__tabs__item::-moz-focus-inner {
    border: 0
}

.my-section--benefits .benefits-list__tabs__item:first-child {
    margin-left: 0
}

.my-section--benefits .benefits-list__tabs__item:focus span:after,
.my-section--benefits .benefits-list__tabs__item:hover span:after {
    transform: scale(1.05)
}

.my-section--benefits .benefits-list__tabs__item span {
    pointer-events: none;
    position: relative;
    margin-left: 25px;
    margin-right: 25px;
    padding: 1.2em 0 1em
}

.my-section--benefits .benefits-list__tabs__item span:after {
    content: "";
    position: absolute;
    width: calc(100% + 50px);
    top: 0;
    bottom: 0;
    left: -25px;
    right: -25px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
    transition: all .2s ease-out
}

.my-section--benefits .benefits-list__tabs__item.is-selected span:after {
    box-shadow: inset 0 0 0 1px #000 !important
}

@media (max-width:1023px) {
    .my-section--benefits .benefits-list__tabs__item.is-selected {
        border: none
    }
}

.my-section--benefits .benefits-list__list {
    display: flex;
    flex-direction: column;
    opacity: 1;
    transition: opacity .15s ease-in-out
}

@media (max-width:767px) {
    .my-section--benefits .benefits-list__list {
        gap: 22px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .my-section--benefits .benefits-list__list {
        gap: calc(-8px + 3.90625vw)
    }
}

@media (min-width:1024px) {
    .my-section--benefits .benefits-list__list {
        gap: 32px
    }
}

.my-section--benefits .benefits-list__empty {
    background-image: url(/wp-content/themes/mjf/static/img/benefit-empty-top.svg), url(/wp-content/themes/mjf/static/img/benefit-empty-top.svg);
    background-position: 0 0, 0 100%;
    background-size: auto;
    background-repeat: repeat-x;
    background-color: hsla(0, 0%, 93.7%, .4);
    position: relative;
    display: none
}

.my-section--benefits .benefits-list__empty:after,
.my-section--benefits .benefits-list__empty:before {
    content: "";
    position: absolute;
    background-image: url(/wp-content/themes/mjf/static/img/benefit-empty-side.svg);
    width: 17px;
    height: calc(100% - 2px);
    background-position-y: center;
    top: 1px
}

.my-section--benefits .benefits-list__empty:before {
    left: -2px;
    background-position-x: left
}

.my-section--benefits .benefits-list__empty:after {
    right: -2px;
    transform: rotate(180deg);
    background-position-x: right
}

.my-section--benefits .benefits-list__empty__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 30px;
    width: 100%;
    display: none
}

.my-section--benefits .benefits-list__empty__title {
    text-align: center
}

.my-section--benefits .benefits-list__empty__text {
    text-align: center;
    max-width: 480px;
    margin-top: 7px
}

.my-section--benefits .benefits-list__empty .wp-block-button {
    position: relative;
    top: 0;
    right: 0;
    margin-top: 20px
}

.my-section--benefits .benefits-list__list--empty+.benefits-list__empty {
    display: block
}

.my-section--benefits .benefits-list__list[data-tab=my-benefits]+.benefits-list__empty .benefits-list__empty__my-benefits,
.my-section--benefits .benefits-list__list[data-tab=past-and-used]+.benefits-list__empty .benefits-list__empty__past-and-used {
    display: flex
}

.my-section--contact-details .my-section__content {
    padding-top: 20px
}

.my-section--contact-details .personal-information {
    max-width: 608px
}

.my-section--contact-details .personal-information .form__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.my-section--contact-details .personal-information .form__content>* {
    width: 100%
}

@media (max-width:374px) {
    .my-section--contact-details .personal-information__title {
        margin-bottom: 20px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .my-section--contact-details .personal-information__title {
        margin-bottom: calc(17.12644px + .76628vw)
    }
}

@media (min-width:1680px) {
    .my-section--contact-details .personal-information__title {
        margin-bottom: 30px
    }
}

@media (max-width:374px) {

    .my-section--contact-details .input-select+.personal-information__title,
    .my-section--contact-details .input-text+.personal-information__title {
        margin-top: 50px
    }
}

@media (min-width:375px) and (max-width:1679px) {

    .my-section--contact-details .input-select+.personal-information__title,
    .my-section--contact-details .input-text+.personal-information__title {
        margin-top: calc(44.25287px + 1.53257vw)
    }
}

@media (min-width:1680px) {

    .my-section--contact-details .input-select+.personal-information__title,
    .my-section--contact-details .input-text+.personal-information__title {
        margin-top: 70px
    }
}

@media (max-width:374px) {

    .my-section--contact-details .input--address-city,
    .my-section--contact-details .input--address-street {
        width: 100%
    }
}

@media (min-width:375px) and (max-width:1023px) {

    .my-section--contact-details .input--address-city,
    .my-section--contact-details .input--address-street {
        width: 100%
    }
}

@media (min-width:1024px) {

    .my-section--contact-details .input--address-city,
    .my-section--contact-details .input--address-street {
        width: 70%
    }
}

@media (max-width:374px) {

    .my-section--contact-details .input--address-number,
    .my-section--contact-details .input--address-postcode {
        width: 100%
    }
}

@media (min-width:375px) and (max-width:1023px) {

    .my-section--contact-details .input--address-number,
    .my-section--contact-details .input--address-postcode {
        width: 100%
    }
}

@media (min-width:1024px) {

    .my-section--contact-details .input--address-number,
    .my-section--contact-details .input--address-postcode {
        width: 25%
    }
}

@media (max-width:767px) {
    .my-section--contact-details .my-section__button {
        display: none
    }
}

@media (max-width:767px) and (max-width:374px) {
    .my-section--early-birds .timer {
        margin-bottom: 40px
    }
}

@media (max-width:767px) and (min-width:375px) and (max-width:1679px) {
    .my-section--early-birds .timer {
        margin-bottom: calc(28.50575px + 3.06513vw)
    }
}

@media (max-width:767px) and (min-width:1680px) {
    .my-section--early-birds .timer {
        margin-bottom: 80px
    }
}

@media (min-width:768px) {
    .my-section--early-birds .timer {
        margin-bottom: 0 !important;
        order: 1
    }
}

@media (min-width:768px) and (max-width:374px) {
    .my-section--early-birds .timer {
        margin-top: 40px
    }
}

@media (min-width:768px) and (min-width:375px) and (max-width:1679px) {
    .my-section--early-birds .timer {
        margin-top: calc(28.50575px + 3.06513vw)
    }
}

@media (min-width:768px) and (min-width:1680px) {
    .my-section--early-birds .timer {
        margin-top: 80px
    }
}

.my-section--early-birds .my-section__content {
    display: flex;
    flex-direction: column
}

.my-section--early-birds .my-section__content__intro--before {
    display: block
}

.my-section--early-birds .my-section__content__intro--after,
.my-section--early-birds .timer--finished {
    display: none
}

@media (max-width:1199px) {
    .my-section--early-birds .timer__title {
        max-width: none
    }
}

.my-section--early-birds.timerIsFinished .my-section__content__intro--before {
    display: none
}

.my-section--early-birds.timerIsFinished .my-section__content__intro--after {
    display: block
}

.my-section--early-birds.timerIsFinished .timer {
    display: none
}

.my-section--news .articles-list {
    margin-left: 0;
    margin-right: 0
}

@media (max-width:374px) {
    .my-section--news .articles-list {
        margin-top: 40px
    }
}

@media (min-width:375px) and (max-width:1439px) {
    .my-section--news .articles-list {
        margin-top: calc(32.95775px + 1.87793vw)
    }
}

@media (min-width:1440px) {
    .my-section--news .articles-list {
        margin-top: 60px
    }
}

.my-section--news .articles-list__inner {
    width: 100%;
    grid-column: 1/span 12;
    grid-template-columns: repeat(1, 1fr)
}

@media (min-width:1024px) {
    .my-section--news .articles-list__inner {
        grid-template-columns: repeat(2, 1fr)
    }
}

.my-section--news .articles-list__inner .card-article {
    width: 100%
}

.my-section--package .my-section__content {
    padding-top: 20px
}

.my-section--package .subscription {
    width: 100%;
    text-align: left;
    display: flex
}

@media (max-width:767px) {
    .my-section--package .subscription {
        flex-direction: column
    }

    .my-section--package .subscription .subscription__item+.subscription__item {
        margin-top: 30px
    }
}

.my-section--package .subscription__item {
    display: flex;
    flex-direction: column;
    width: 100%
}

.my-section--package .subscription__item__title {
    border-bottom: 1px solid #000
}

@media (max-width:374px) {
    .my-section--package .subscription__item__title {
        padding-bottom: 10px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .my-section--package .subscription__item__title {
        padding-bottom: calc(7.12644px + .76628vw)
    }
}

@media (min-width:1680px) {
    .my-section--package .subscription__item__title {
        padding-bottom: 20px
    }
}

@media (max-width:374px) {
    .my-section--package .subscription__item__text {
        padding-top: 10px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .my-section--package .subscription__item__text {
        padding-top: calc(4.25287px + 1.53257vw)
    }
}

@media (min-width:1680px) {
    .my-section--package .subscription__item__text {
        padding-top: 30px
    }
}

.my-section--preferences {
    padding-bottom: 4px
}

.my-section--preferences .my-section__content {
    padding-top: 20px
}

.my-section--preferences .settings-list {
    max-width: 608px
}

@media (min-width:768px) {
    .my-section--preferences .form__submit:not(.my-section__button) {
        display: none
    }
}

@media (max-width:767px) {
    .my-section--preferences .my-section__button {
        display: none
    }
}

.my-section--welcome .my-section__content {
    padding-top: 20px
}

.my-section--welcome .welcome {
    display: flex;
    align-items: center;
    justify-content: space-around
}

@media (max-width:767px) {
    .my-section--welcome .welcome {
        flex-direction: column;
        justify-content: flex-start
    }

    .my-section--welcome .welcome .welcome__image-wrapper {
        margin-bottom: 30px
    }
}

.my-section--welcome .welcome__image-wrapper {
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    display: block;
    flex: 0 0 auto;
    margin: 0 20px
}

@media (max-width:374px) {
    .my-section--welcome .welcome__image-wrapper {
        width: 232px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .my-section--welcome .welcome__image-wrapper {
        width: calc(226.82759px + 1.37931vw)
    }
}

@media (min-width:1680px) {
    .my-section--welcome .welcome__image-wrapper {
        width: 250px
    }
}

.my-section--welcome .welcome__image-wrapper:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%
}

.my-section--welcome .welcome__image-wrapper>img {
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.my-section--welcome .welcome__image {
    width: 100%
}

.my-section--welcome .welcome__text {
    max-width: 500px;
    margin: 0 20px
}

@media (max-width:374px) {
    .my-section--welcome .welcome__text p {
        margin-top: 15px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .my-section--welcome .welcome__text p {
        margin-top: calc(13.56322px + .38314vw)
    }
}

@media (min-width:1680px) {
    .my-section--welcome .welcome__text p {
        margin-top: 20px
    }
}

.my-section--message .message {
    display: flex;
    align-items: center
}

@media (max-width:767px) {
    .my-section--message .message {
        flex-direction: column;
        justify-content: flex-start
    }

    .my-section--message .message .message__image-wrapper {
        margin-bottom: 30px
    }
}

.my-section--message .message__image-wrapper {
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    display: block;
    flex: 0 0 auto;
    margin: 0 20px
}

@media (max-width:374px) {
    .my-section--message .message__image-wrapper {
        width: 232px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .my-section--message .message__image-wrapper {
        width: calc(226.82759px + 1.37931vw)
    }
}

@media (min-width:1680px) {
    .my-section--message .message__image-wrapper {
        width: 250px
    }
}

.my-section--message .message__image-wrapper:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%
}

.my-section--message .message__image-wrapper>img {
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.my-section--message .message__image {
    width: 100%
}

.my-section--message .message__text {
    max-width: 500px
}

@media (max-width:374px) {
    .my-section--message .message__text p {
        margin-top: 15px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .my-section--message .message__text p {
        margin-top: calc(13.56322px + .38314vw)
    }
}

@media (min-width:1680px) {
    .my-section--message .message__text p {
        margin-top: 20px
    }
}

.my-section--message .message .message__image-wrapper+.message__text {
    margin: 0 20px
}

@media (max-width:374px) {
    .settings__title {
        margin-bottom: 20px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .settings__title {
        margin-bottom: calc(17.12644px + .76628vw)
    }
}

@media (min-width:1680px) {
    .settings__title {
        margin-bottom: 30px
    }
}

@media (max-width:374px) {
    .settings+.settings {
        margin-top: 50px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .settings+.settings {
        margin-top: calc(44.25287px + 1.53257vw)
    }
}

@media (min-width:1680px) {
    .settings+.settings {
        margin-top: 70px
    }
}

.stripe-subscription {
    background-color: #fff;
    padding: 20px 0;
    width: 100%;
    position: relative
}

@media (max-width:374px) {
    .stripe-subscription {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .stripe-subscription {
        padding-left: calc(18.85057px + .30651vw);
        padding-right: calc(18.85057px + .30651vw)
    }
}

@media (min-width:1680px) {
    .stripe-subscription {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (max-width:374px) {
    .stripe-subscription+.stripe-subscription {
        margin-top: 15px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .stripe-subscription+.stripe-subscription {
        margin-top: calc(13.56322px + .38314vw)
    }
}

@media (min-width:1680px) {
    .stripe-subscription+.stripe-subscription {
        margin-top: 20px
    }
}

.stripe-subscription__content {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.stripe-subscription__name {
    margin-bottom: 22px
}

.stripe-subscription__price {
    color: #000;
    text-transform: uppercase
}

.stripe-subscription__price,
.stripe-subscription__recurring {

    font-weight: 400;
    font-size: 16px;
    line-height: 20px
}

.stripe-subscription__recurring {
    color: #858585
}

.stripe-subscription .wp-block-button {
    margin-top: 0;
    cursor: pointer
}

.stripe-subscription .wp-block-button:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.stripe-subscription .wp-block-button:hover .wp-block-button__link:before {
    background-color: #ffed3b
}

.paywall {
    background-image: linear-gradient(-25deg, #fffe54, #b1ffcd 86%);
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100
}

@media (max-width:374px) {
    .paywall {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .paywall {
        padding-top: calc(68.50575px + 3.06513vw);
        padding-bottom: calc(68.50575px + 3.06513vw)
    }
}

@media (min-width:1680px) {
    .paywall {
        padding-top: 120px;
        padding-bottom: 120px
    }
}

.paywall:before {
    content: "";
    background-image: linear-gradient(180deg, hsla(0, 0%, 93.7%, 0), #efefef 74%);
    position: absolute;
    width: 100%;
    bottom: 100%;
    left: 0
}

@media (max-width:374px) {
    .paywall:before {
        height: 202px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .paywall:before {
        height: calc(172.4023px + 7.89272vw)
    }
}

@media (min-width:1680px) {
    .paywall:before {
        height: 305px
    }
}

@media (max-width:374px) {
    .paywall__uptitle {
        margin-bottom: 8px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .paywall__uptitle {
        margin-bottom: calc(6.85057px + .30651vw)
    }
}

@media (min-width:1680px) {
    .paywall__uptitle {
        margin-bottom: 12px
    }
}

@media (max-width:374px) {
    .paywall__advantages p {
        margin-bottom: 12px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .paywall__advantages p {
        margin-bottom: calc(9.70115px + .61303vw)
    }
}

@media (min-width:1680px) {
    .paywall__advantages p {
        margin-bottom: 20px
    }
}

.paywall--user-dashboard {
    display: flex;
    flex-direction: column;
    row-gap: 60px
}

@media (max-width:374px) {
    .paywall--user-dashboard {
        padding-left: 31px;
        padding-right: 31px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .paywall--user-dashboard {
        padding-left: calc(3.70115px + 7.27969vw);
        padding-right: calc(3.70115px + 7.27969vw)
    }
}

@media (min-width:1680px) {
    .paywall--user-dashboard {
        padding-left: 126px;
        padding-right: 126px
    }
}

@media (min-width:768px) {
    .paywall--user-dashboard {
        flex-direction: row;
        column-gap: 104px
    }
}

.paywall--user-dashboard .paywall__content {
    width: 100%;
    max-width: 500px
}

.paywall--user-dashboard .paywall__title {
    margin-bottom: 50px
}

@media (max-width:767px) {
    .paywall--user-dashboard .paywall__title {
        margin-bottom: 60px
    }
}

@media (max-width:374px) {
    .paywall--user-dashboard .paywall__advantages__button {
        margin-top: 30px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .paywall--user-dashboard .paywall__advantages__button {
        margin-top: calc(24.25287px + 1.53257vw)
    }
}

@media (min-width:1680px) {
    .paywall--user-dashboard .paywall__advantages__button {
        margin-top: 50px
    }
}

.paywall--user-dashboard .paywall__subscriptions {
    width: 100%;
    max-width: 352px;
    margin-top: auto
}

@media (min-width:768px) {
    .paywall--user-dashboard .paywall__subscriptions {
        margin-left: auto;
        margin-right: auto
    }
}

.paywall--article:before {
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff 74%)
}

.paywall--article .paywall__content {
    align-items: center
}

.paywall--article .paywall__headline {
    grid-column: 2/12
}

@media (min-width:768px) {
    .paywall--article .paywall__headline {
        grid-column: 2/8
    }
}

@media (max-width:374px) {
    .paywall--article .paywall__title {
        margin-bottom: 40px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .paywall--article .paywall__title {
        margin-bottom: calc(28.50575px + 3.06513vw)
    }
}

@media (min-width:1680px) {
    .paywall--article .paywall__title {
        margin-bottom: 80px
    }
}

.paywall--article .paywall__subscribe {
    display: flex;
    flex-direction: column;
    row-gap: 6px
}

.paywall--article .paywall__subscribe__login a {
    border-bottom: 1px solid
}

@media (min-width:900px) {
    .paywall--article .paywall__subscribe {
        align-items: center;
        flex-direction: row;
        column-gap: 15px
    }
}

.paywall--article .paywall__advantages {
    grid-column: 2/12;
    margin-top: 80px
}

@media (min-width:768px) {
    .paywall--article .paywall__advantages {
        grid-column: 9/13;
        margin-top: 0
    }
}

.paywall--article .paywall__advantages .paywall__advantages__button {
    display: inline-block
}

@media (max-width:374px) {
    .paywall--article .paywall__advantages .paywall__advantages__button {
        margin-top: 40px
    }
}

@media (min-width:375px) and (max-width:1679px) {
    .paywall--article .paywall__advantages .paywall__advantages__button {
        margin-top: calc(35.97701px + 1.0728vw)
    }
}

@media (min-width:1680px) {
    .paywall--article .paywall__advantages .paywall__advantages__button {
        margin-top: 54px
    }
}

/*# sourceMappingURL=bundle.b6d110e4.css.map */