@font-face {
    font-family: 'Roboto Condensed';
    src: url('../3rd/roboto-condensed-medium/RobotoCondensed-Medium.woff2') format('woff2'),
         url('../3rd/roboto-condensed-medium/RobotoCondensed-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

:root {
    --font1-family: 'Roboto Condensed';
    --font1: normal 500 1rem var(--font1-family), sans-serif;
    --font4-family: 'Roboto';
    --font4: normal 400 1rem 'Roboto', sans-serif;
    --letter-spacing-hint: -.125rem;
    --color1: #292a2f;
    --color1-1: #33343b;
    --color1-2: #aaa;
    --color1-3: #f8f8f8;
    --color1-4: #1f1f22;
    --color1-5: #0e0e0e;
    --color1-6: #f7f9fa;
    --color1-7: #7f7e83;
    --color2: #facb00;
    --color3: #29bb43;
    --color4: #f44436;
    --color5: #334fa5;
    --color5-1: #439fd5;
    --color6: #9a815c;
    --navbar-height: 5rem;
}

html {
    height: 100%;
}

body {
    min-height: 100vh;
    min-height: -webkit-fill-available;
    display: flex;
    flex-direction: column;
    font: var(--font1);
    color: var(--color1);
    background: #fff;
}

/* Bootstrap extra utilities */

.flex-1 { flex: 1; }

.fs-100 { font-size: 100%; }
.fs-80 { font-size: 80%; }

.ratio > * {
    object-fit: cover;
    object-position: top;
}

.ratio-2x3 { --bs-aspect-ratio: 150%; }
.ratio-3x2 { --bs-aspect-ratio: 66.667%; }
.ratio-11x4 { --bs-aspect-ratio: 36.364%; }

.column-gap-3 { column-gap: 1rem !important; }

.border-radius-0 { border-radius: 0 !important; }

.mx-negative {
    margin-left: calc(-.5 * var(--bs-gutter-x));
    margin-right: calc(-.5 * var(--bs-gutter-x));
}

@media (max-width: 767px) {
    .container-fluid-no-padding-to-md { max-width: 100%; padding: 0; }
}

@media (max-width: 991px) {
    .container-fluid-no-padding-to-lg { max-width: 100%; padding: 0; }
}

@media (min-width: 576px) {
    .container-limit-sm { max-width: 540px !important; }
    .ratio-sm-11x4 { --bs-aspect-ratio: 36.364%; }
}

@media (min-width: 768px) {
    .gap-md-6 { gap: 6rem !important; }
    .mt-md-6 { margin-top: 6rem !important; }
    .mb-md-6 { margin-bottom: 6rem !important; }
    .my-md-6 { margin-top: 6rem !important; margin-bottom: 6rem !important; }
    .pt-md-6 { padding-top: 6rem !important; }
    .w-md-auto { width: auto !important; }
}

@media (min-width: 992px) {
    .container-limit-lg { max-width: 960px !important; }
    .my-lg-6 { margin-top: 6rem !important; margin-bottom: 6rem !important; }
    .w-lg-auto { width: auto !important; }
}

@media (min-width: 1200px) {
    .mb-xl-6 { margin-bottom: 6rem !important; }
    .my-xl-6 { margin-top: 6rem !important; margin-bottom: 6rem !important; }
}

@media (min-width: 1400px) {
    .position-xxl-absolute { position: absolute !important; }
}

@media (max-width: 1799px) {
    .container-fluid-no-padding-to-xxxl { max-width: 100%; padding: 0; }
}

@media (min-width: 1800px) {
    .container { max-width: 100rem; }
    .m-xxxl-3 { margin: 1rem !important; }
    .pt-xxxl-4 { padding-top: 1.5rem !important; }
    .col-xxxl-2 { flex: 0 0 auto; width: 16.66666667%; }
    .col-xxxl-3 { flex: 0 0 auto; width: 25%; }
    .col-xxxl-9 { flex: 0 0 auto; width: 75%; }
    .col-xxxl-10 { flex: 0 0 auto; width: 83.33333333%; }
    h1, .h1 { font-size: 3rem; }
}

/* Theme extra utilities */

.is-font-4      { font: var(--font4); }
.is-color-1-2   { color: var(--color1-2); }
.is-color-2     { color: var(--color2); }

select.is-highlighted {
    border: 2px solid var(--color2);
}

.is-image-zoom {
    display: block;
    overflow: hidden;
}

.is-image-zoom img {
    object-fit: cover;
    object-position: top;
    width: 100%;
    height: 100%;
    transition: .2s all ease-in;
}

.is-image-zoom-area:hover .is-image-zoom img,
.is-image-zoom:hover img {
    top: -2.5%;
    left: -2.5%;
    width: 105%;
    height: 105%;
}

@media (max-width: 575px) {
    .mx-fill-mobile {
        margin-left: calc(-.5 * var(--bs-gutter-x));
        margin-right: calc(-.5 * var(--bs-gutter-x));
        width: calc(100% + var(--bs-gutter-x));
    }
}

.use-letter-spacing-hint {
    letter-spacing: var(--letter-spacing-hint);
}

@media (min-width: 576px) {
    .use-letter-spacing-hint-sm {
        letter-spacing: var(--letter-spacing-hint);
    }
}

.title-hint {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
}

.hint {
    position: relative;
    cursor: pointer;
    border-bottom: 1px dotted var(--color1);
}

.menu-item .hint {
    border-bottom-color: var(--color1-2);
}

.hint:hover::after {
    content:attr(data-hint);
    background: #000;
    padding:5px;
    border-radius:3px;
    display: inline-block;
    position: absolute;
    transform: translate(-50%,-100%);
    margin:0 auto;
    color:#FFF;
    min-width:150px;
    top:-5px;
    left: 50%;
    text-align:center;
    z-index: 1;
    font-size: 0.9rem;
}

.hint:hover::before {
    top:-5px;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #000;
    border-width: 5px;
    margin-left: -5px;
    transform: translate(0,0px);
    z-index: 1;
}

/* #site-navbar */

#site-navbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    color: #fff;
    background: var(--color1);
    transition: .2s top ease-out;
}

body.site-navbar-is-away:not(.site-navbar-is-mobile-open) #site-navbar {
    top: calc(-1 * var(--navbar-height));
}

#site-navbar ul {
    margin: 0;
    padding-left: 0;
    list-style-type: none;
}

#site-navbar ul.menu ul.sub-menu {
    position: absolute;
    margin-top: -1.2em;
    margin-left: -1.2em;
    background: var(--color1);
    transition: .15s opacity ease-in;
    opacity: 0;
    pointer-events: none;
    z-index: 1;
}

#site-navbar ul.menu > li:hover > ul.sub-menu {
    opacity: 1;
    pointer-events: all;
}

#site-navbar ul.menu ul.sub-menu > li {
    display: flex;
}

#site-navbar ul.menu ul.sub-menu > li > a {
    flex: 1;
    padding: .8em 1.2em; /* linked with margin-top of "#site-navbar ul.menu ul.sub-menu" */
    transition: .15s background-color ease-in;
}


#site-navbar ul.menu ul.sub-menu > li:first-child > a {
    padding-top: 1.2em;
}

#site-navbar ul.menu ul.sub-menu > li:last-child > a {
    padding-bottom: 1.2em;
}

#site-navbar ul.menu ul.sub-menu > li > a:hover {
    background: var(--color1-1);
}

#site-navbar li.menu-item {
    text-transform: uppercase;
}

#site-navbar li.menu-item > a {
    text-decoration: none;
    color: var(--color2);
    transition: .2s color ease-out;
}

#site-navbar li.menu-item > a:hover {
    color: #fff;
}

#primary-menu li.menu-item {
    max-width: 32rem;
}

#primary-menu > li.menu-item,
#language-menu > li.menu-item {
    margin: 0 .65em;
    height: 100%;
}

#primary-menu > li.menu-item > a,
#language-menu > li.menu-item > a {
    height: 100%;
    display: flex;
    align-items: center;
    gap: .5em;
}

#primary-menu li.menu-item.menu-item-target-blank > a::after { display: none; }
#primary-menu ul.sub-menu li.menu-item.menu-item-target-blank > a::after { display: block; }

#site-navbar li.menu-item.menu-item-has-children > a::after {
    content: '\f229';
    font-family: 'bootstrap-icons';
    font-size: 60%;
    vertical-align: middle;
    color: currentColor;
}

#site-navbar li.menu-item.menu-item-target-blank > a {
    display: flex;
    gap: .65em;
}

#site-navbar li.menu-item.menu-item-target-blank > a::after {
    content: '\f1c5';
    font-family: 'bootstrap-icons';
    vertical-align: middle;
    color: currentColor;
}

#site-navbar .main-menu {
    height: var(--navbar-height);
    display: flex;
    align-items: center;
}

#site-navbar .main-menu .menu-item.menu-item-card a {
    display: flex;
    gap: 1em;
}

#site-navbar .main-menu .menu-item.menu-item-card img {
    object-fit: cover;
    object-position: top;
    width: 10rem;
    height: calc(10rem / 1.6);
}

#site-navbar .main-menu .menu-item.menu-item-card .desc {
    margin-bottom: .5em;
    color: var(--color1-2);
    font-size: 85%;
}

#site-navbar .main-menu .menu-item.menu-item-card .date-time {
    display: inline-block;
    margin-right: 1em;
}

#site-navbar .main-menu .menu-item.menu-item-card .location {
    margin-top: 0.5em;
    text-transform: none;
}

#site-navbar .main-menu .menu-item.menu-item-card .title {
    font-size: 130%;
    text-transform: none;
}


#primary-menu {
    flex: 1;
    height: 100%;
    display: flex;
    justify-content: flex-end;
}

#language-menu {
    display: flex;
    margin-left: 4vw !important;
    margin-right: 1vw !important;
    height: 100%;
}

#language-menu li.menu-item > a {
    color: #fff;
}

#language-menu li.menu-item > a:hover {
    color: var(--color2);
}

#searchbar {
    position: relative;
    height: 100%;
}

#searchbar .toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 5rem;
    font-size: 115%;
    color: #fff;
    background: var(--color1-1);
    transition: .2s color ease-in;
}

#searchbar .toggle:hover {
    color: var(--color2);
}

#searchbar form {
    position: absolute;
    right: 100%;
    height: 100%;
    width: 0;
    display: flex;
    overflow: hidden;
    background: var(--color1-1);
    transition: .25s width ease-out;
}

#searchbar form input[type="text"] {
    padding: 1em 2em;
    border: 0;
    color: #fff;
    background: var(--color1-1);
}

#site-navbar .brand-logo {
    overflow: hidden;
    width: 7rem;
    opacity: 1;
    transition: .2s all ease-in;
}

#site-navbar .mobile-toggle a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 4rem;
    font-size: 200%;
    color: #fff;
}

#site-navbar .mobile-toggle a:hover {
    color: var(--color2);
}

#site-navbar .mobile-toggle a .icon-close {
    display: none;
}

#site-navbar .mobile-menu-popup {
    position: fixed;
    top: var(--navbar-height);
    left: 100%;
    right: -100%;
    bottom: 0;
    background: var(--color1);
    transition: .2s all ease-in;
    overflow-y: auto;
}

#primary-mobile-menu li.menu-item-card {
    display: none;
}

#primary-mobile-menu li.menu-item[data-submenu-height] ul.sub-menu {
    height: 0;
    opacity: 0;
    transition: .2s all ease-in;
    overflow: hidden;
}

#primary-mobile-menu li.menu-item[data-submenu-height].is-open ul.sub-menu {
    height: auto;
    opacity: 1;
}

#primary-mobile-menu li.menu-item > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9em 0;
}

#primary-mobile-menu li.menu-item.menu-item-target-blank > a {
    justify-content: flex-start;
    align-items: flex-start;
}

#primary-mobile-menu li.menu-item.menu-item-has-children > a::after {
    padding-left: 0;
    width: 4rem;
    min-width: 4rem;
    font-size: 85%;
    text-align: center;
    transition: .2s transform ease-in;
}

#primary-mobile-menu li.menu-item.menu-item-has-children.is-open > a::after {
    transform: rotate(180deg);
}

#primary-mobile-menu .sub-menu {
    padding-inline-start: 1em;
}

#primary-mobile-menu .sub-menu .menu-item a {
    padding: 0.7em 0;
    border-top: 1px solid #444;
    color: #fff;
}

#primary-mobile-menu .sub-menu .menu-item a:hover {
    color: var(--color2);
}

#primary-mobile-menu .sub-menu .menu-item:last-child a {
    border-bottom: 1px solid #444;
}

@media (min-width: 1200px) and (max-width: 1399px) {
    #site-navbar li.menu-item {
        font-size: 95%;
    }
}

@media (max-width: 1199px) {
    :root {
        --navbar-height: 4rem;
    }

    #primary-menu {
        display: none;
    }

    #language-menu {
        margin: 0 !important;
        flex: 1;
    }

    #language-menu > li {
        margin-left: 0 !important;
        opacity: 0;
        pointer-events: none;
        transition: .2s opacity ease-in;
    }

    #language-menu .sub-menu {
        border: 1px solid var(--color1-1);
    }

    #searchbar .toggle {
        width: 4rem;
    }

    body.site-navbar-is-mobile-open #site-navbar .brand-logo {
        width: 0;
        opacity: 0;
    }

    body.site-navbar-is-mobile-open #language-menu > li {
        pointer-events: all;
        opacity: 1;
    }

    body.site-navbar-is-mobile-open #site-navbar .mobile-toggle a .icon-open {
        display: none;
    }

    body.site-navbar-is-mobile-open #site-navbar .mobile-toggle a .icon-close {
        display: block;
    }

    body.site-navbar-is-mobile-open #site-navbar .mobile-menu-popup {
        left: 0;
        right: 0;
    }

    body.site-navbar-is-mobile-open {
        overflow: hidden;
    }
}

@media (max-width: 575px) {
    #site-navbar > .container {
        padding-right: 0;
    }

    #primary-mobile-menu li.menu-item.menu-item-has-children > a::after {
        width: calc(4rem - .75rem - .75rem);
        min-width: calc(4rem - .75rem - .75rem);
    }
}

/* #site-main */

#site-main {
    flex: 1;
}

#site-main.has-navbar {
    margin-top: var(--navbar-height);
}

#site-main.has-iframe {
    display: flex;
}

#site-main.has-iframe > iframe {
    flex: 1;
}

/* #site-footer */

#site-footer {
    background: var(--color1);
    color: #fff;
}

#site-footer .header-row {
    height: 4rem;
}

#site-footer .policy-links a {
    text-decoration: none;
    color: #fff;
    transition: .2s color ease-in;
}

#site-footer .policy-links a:hover {
    color: var(--color2);
}

#site-footer .policy-links a:not(:first-child) {
    margin-left: 1em;
}

/* .editor-content */

.editor-content {
    font: var(--font4);
    line-height: 1.625rem;
    overflow: auto;
}

.editor-content iframe {
    max-width: 100%;
}

.editor-content img:not(.is-image-zoom img) {
    max-width: 100%;
    height: auto;
}

.editor-content h1,
.editor-content h2,
.editor-content h3,
.editor-content h4,
.editor-content h5,
.editor-content h6 {
    font-family: var(--font1-family), sans-serif;
    margin-bottom: .75em;
}

.editor-content p,
.editor-content ul,
.editor-content figure,
.editor-content .inline-video-player,
.editor-content .fb-video {
    margin-bottom: 1.5em;
}

.editor-content p:last-child {
    margin-bottom: 0;
}

.editor-content a:not(.smart-link):not(.action-button) {
    color: var(--color5);
    text-decoration: none;
}

.editor-content a:not(.smart-link):not(.action-button):hover {
    text-decoration: underline;
}

.editor-content hr {
    color: var(--color1-2);
}

.editor-content table {
    margin-bottom: 1rem;
    width: 100%;
}

.editor-content table thead tr,
.editor-content table tbody tr:nth-child(2n) {
    background: var(--color1-3);
}

.editor-content table th {
    font: var(--font1);
    text-transform: uppercase;
}

.editor-content table th,
.editor-content table td {
    text-align: center;
    padding: .65em;
}

.editor-content blockquote {
    margin: 1em 1.5em 1.5em 0;
    padding-left: 1em;
    border-left: 0.25em solid var(--color2);
    font-size: 120%;
}

@media (min-width: 768px) {
    .editor-content table {
        width: auto;
        min-width: 65%;
    }
}

/* .icon-link */

.icon-link {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 1.6rem;
    height: 1.6rem;
    font-size: 120%;
    line-height: 0;
    color: #fff;
    background: var(--color1-2);
    transition: .2s background ease-in;
}

.icon-link:hover {
    color: #fff;
    background: var(--color1);
}

/* .icon-links-bar */

.icon-links-bar .title {
    margin-right: .25em;
    color: var(--color1-2);
    text-transform: uppercase;
}

.icon-links-bar a svg {
    width: 1.5rem;
    height: 1.5rem;
}

.icon-links-bar a svg path {
    fill: var(--color1-2);
    transition: .2s fill ease-in;
}

.icon-links-bar a:hover svg path {
    fill: var(--color1);
}

/* .icon-links-bar.is-contrast */

.icon-links-bar.is-contrast a svg path {
    fill: #fff;
}

.icon-links-bar.is-contrast a:hover svg path {
    fill: var(--color2);
}

/* .horizontal-divider */

.horizontal-divider {
    height: 2px;
    background: var(--color1);
}

/* .brand-logo */

.brand-logo a {
    display: inline-block;
}

.brand-logo a svg {
    padding-left: .25rem;
    height: 3rem;
    width: auto;
    transition: .1s all ease-in;
}

.brand-logo a svg path {
    fill: #fff;
}

.brand-logo a:hover svg {
    padding-left: 0;
    height: 3.3rem;
}

/* .box-post-window */

.box-post-window {
    display: flex;
    flex-direction: column;
}

.box-post-window .carousel {
    flex: 1;
}

.box-post-window .carousel-inner,
.box-post-window .carousel-item {
    height: 100%;
}

.box-post-window .carousel-item img {
    background-color: var(--color1-5);
}

.box-post-window .carousel-item .post-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 6em 2rem 1.5em 4rem;
    background: linear-gradient(0deg, rgba(0,0,0,.8) 0%, rgba(0,0,0,.8) 50%, rgba(0,0,0,0) 100%);
    color: #fff;
}

.box-post-window .carousel-item .post-info a {
    text-decoration: none;
    color: inherit;
    transition: .2s color ease-in;
}

.box-post-window .carousel-item .post-info a:hover {
    color: var(--color2);
}

.box-post-window .carousel-item .post-info .title {
    font-size: 240%;
    line-height: 1;
}

.box-post-window .carousel-item .post-info p {
    font-weight: 400;
}

.box-post-window .carousel-item .post-info .smart-link {
    font-size: 120%;
}

.box-post-window .preview-bar {
    padding: 1.4em 2rem 1.4em 4rem; /* linked with padding of ".box-post-window .carousel-item .post-info" */
    background: var(--color1-1);
}

.box-post-window .preview-bar a.preview-item {
    color: #fff;
    text-decoration: none;
    transition: .2s color ease-in;
}

.box-post-window .preview-bar a.preview-item:hover {
    color: var(--color2);
}

.box-post-window .preview-bar a.preview-item img {
    background-color: var(--color1-5);
}

.box-post-window .preview-bar a.preview-item .title {
    margin: 0;
    font-size: 100%;
    font-weight: 400;
}

@media (max-width: 1399px) {
    .box-post-window .carousel-item .post-info,
    .box-post-window .preview-bar {
        padding-left: 2rem;
    }
}

@media (max-width: 767px) {
    .box-post-window .carousel-item .post-info .title {
        margin-bottom: .5em;
        font-size: 180%;
    }

    .box-post-window .carousel-item .post-info p {
        display: none;
    }

    .box-post-window .carousel-item .post-info,
    .box-post-window .preview-bar {
        padding: .75rem;
    }
}

@media (max-width: 575px) {
    .box-post-window .preview-bar {
        background-color: var(--color1);
    }

    .box-post-window .preview-bar a.preview-item {
        background-color: var(--color1-5);
    }

    .box-post-window .carousel-item .post-info .title {
        font-size: 125%;
    }

    .box-post-window .preview-bar a.preview-item .image {
        width: 40%;
    }

    .box-post-window .preview-bar a.preview-item .title {
        width: 60%;
    }

    .box-post-window .preview-bar {
        padding: 1px 0;
        gap: 1px !important;
    }

    .box-post-window .preview-bar a.preview-item .title {
        width: 60%;
        padding: 0.5em 0.5em 0 0;
        font-size: 95%;
    }
}

/* .box-post-window.is-adaptive-height */

.box-post-window.is-adaptive-height {
    height: 100%;
}

.box-post-window.is-adaptive-height .carousel-item .image {
    position: static;
}

/* .smart-link */

.smart-link {
    display: inline-block;
    font: var(--font1);
    color: var(--color1-2);
    text-transform: uppercase;
    text-decoration: none;
    transition: .2s color ease-in;
}

.smart-link:hover {
    color: var(--color1-1);
}

.smart-link .icon {
    margin-right: 0;
    color: var(--color2);
    transition: .2s margin-right ease-in;
}

.smart-link:hover .icon {
    margin-right: .2em;
}

.smart-link .text.is-after-icon {
    margin-right: .2em;
    transition: .2s margin-right ease-in;
}

.smart-link:hover .text.is-after-icon {
    margin-right: 0;
}

/* .smart-link.is-dark */

.smart-link.is-dark {
    color: var(--color1);
}

.smart-link.is-dark:hover {
    color: var(--color1-2);
}

/* .smart-link.is-accent */

.smart-link.is-accent {
    color: var(--color2);
}

.smart-link.is-accent:hover {
    color: #fff;
}

/* .smart-link.is-svg-accent */

.smart-link.is-svg-accent svg path {
    fill: var(--color2);
}

/* .smart-link.is-dark-button */

.smart-link.is-dark-button {
    padding: 0.3em 0.5em;
    background: rgba(0,0,0,.65);
    color: var(--color2);
}

.smart-link.is-dark-button:hover {
    color: #fff;
}

/* .smart-link.is-light-button */

.smart-link.is-light-button {
    padding: 0.3em 0.5em;
    background: var(--color2);
    color: var(--color1);
}

.smart-link.is-light-button .icon {
    color: var(--color1);
}

/* .box-post-event */

:root {
    --box-post-event-countdown-width: 12rem;
}

.box-post-event {
    padding: 1.4em;
    display: flex;
    flex-direction: column;
    background: linear-gradient(
        -90deg,
        #fff 0,
        #fff calc(1.4em + var(--box-post-event-countdown-width) + 1.4em),
        var(--color2) calc(1.4em + var(--box-post-event-countdown-width) + 1.4em),
        var(--color2) 100%
    );
    overflow: hidden;
}

.box-post-event .info {
    margin-top: 1.4em;
    flex: 1;
    display: flex;
    justify-content: space-between;
}

.box-post-event .info .info-content {
    display: flex;
    flex-direction: column;
    width: calc(100% - var(--box-post-event-countdown-width) - 1.4em - 1.4em);
}

.box-post-event .info .info-image {
    display: none;
    margin: 1rem 0;
}

.box-post-event .info .event-location {
    font-size: 150%;
}

.box-post-event .info .info-content .title {
    margin-top: .8rem;
    margin-bottom: 1em;
    flex: 1;
    font-size: 260%;
    line-height: 1;
}

.box-post-event .info .info-content .title a {
    color: inherit;
    text-decoration: none;
}

.box-post-event .countdown {
    width: var(--box-post-event-countdown-width);
}

.box-post-event .event-matchup .stats .highlights {
    display: none;
}

@media (min-width: 1800px) {
    .box-post-event {
        padding-right: 0;
        background: linear-gradient(
            -90deg,
            #fff 0,
            #fff calc(1.4em + var(--box-post-event-countdown-width)),
            var(--color2) calc(1.4em + var(--box-post-event-countdown-width)),
            var(--color2) 100%
        );
    }
}

@media (max-width: 1399px) {
    .box-post-event .info .event-location {
        font-size: 120%;
    }

    .box-post-event .info .info-content .title {
        font-size: 220%;
    }
}

@media (max-width: 767px) {
    .box-post-event {
        padding: .75rem !important;
    }
}

/* .box-post-event.is-past */

.box-post-event.is-past .info .info-image {
    margin-top: 0;
}

.box-post-event.is-past .info .info-status {
    display: none;
}

/* .box-post-event.is-brief */

@media (min-width: 1400px) {
    .box-post-event.is-brief .image::after {
        content: ' ';
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 0.5rem;
        background: var(--color2);
    }

    .box-post-event.is-brief .info .event-live-status > .is-upnext {
        grid-template-areas:
            'text'
            'countdown'
            'link';
        height: 100%;
        grid-template-rows: auto 1fr auto;
    }

    .box-post-event.is-brief .info .event-live-status > .is-live,
    .box-post-event.is-brief .info .event-live-status > .is-finished {
        grid-template-areas:
            'text'
            'matchup'
            'link';
        height: 100%;
        grid-template-rows: auto 1fr auto;
    }

    .box-post-event.is-brief .info .event-live-status .status-link {
        justify-self: auto;
    }
}

@media (max-width: 1399px) {
    .box-post-event.is-brief {
        padding-right: 1.4em;
        flex-direction: column-reverse;
        background: linear-gradient(
            0,
            var(--color2) 0,
            var(--color2) 50%,
            #fff 50%,
            #fff 100%
        );
    }

    .box-post-event.is-brief .image {
        display: none;
    }

    .box-post-event.is-brief .info {
        margin-top: 0;
        flex-direction: column-reverse;
    }

    .box-post-event.is-brief .info .info-image {
        display: block;
    }

    .box-post-event.is-brief .info .info-content {
        flex: 1;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .box-post-event.is-brief {
        height: 100%;
    }
}

@media (min-width: 1400px) {
    .box-post-event.is-brief .event-live-status {
        width: var(--box-post-event-countdown-width);
    }

    .box-post-event.is-brief .event-matchup {
        grid-template-areas:
            'title title'
            'face1 face2'
            'stats stats';
        grid-template-columns: 50% auto;
    }

    .box-post-event.is-brief .event-matchup .versus {
        display: none;
    }

    .box-post-event.is-brief .event-matchup .stats {
        display: block;
        padding: 0 0.5em;
    }

    .box-post-event.is-brief .event-matchup .stats table th {
        display: none;
    }

    .box-post-event.is-brief .event-matchup .stats table tr.vs td {
        font-size: 93.75%;
    }

    .box-post-event.is-brief .event-matchup .stats table td {
        padding: 0.5em 0;
        font-size: 87.5%;
    }
}

/* .box-post-event.is-wide */

.box-post-event.is-wide.is-past .info .event-live-status {
    display: none;
}

@media (min-width: 992px) {
    .box-post-event.is-wide {
        padding: 0;
        padding-top: 1.4em;
        flex-direction: row;
        background: transparent;
    }

    .box-post-event.is-wide .image {
        width: 65%;
    }

    .box-post-event.is-wide .info {
        flex-direction: column-reverse;
        margin: 0;
    }

    .box-post-event.is-wide .info .info-content {
        flex: 1;
        padding: 1.4em;
        width: auto;
        background: var(--color2);
    }

    .box-post-event.is-wide .info .event-live-status {
        margin: 0 0 1.4em 1.4em;
    }
}

@media (max-width: 991px) {
    .box-post-event.is-wide {
        background: linear-gradient(
            0,
            var(--color2) 0,
            var(--color2) 50%,
            #fff 50%,
            #fff 100%
        );
    }

    .box-post-event.is-wide .image {
        display: none;
    }

    .box-post-event.is-wide .info {
        margin-top: 0;
        flex-direction: column-reverse;
    }

    .box-post-event.is-wide .info .info-image {
        display: block;
    }

    .box-post-event.is-wide .info .info-content {
        flex: 1;
        width: 100%;
    }
}

@media (min-width: 1800px) {
    .box-post-event.is-wide .event-matchup {
        grid-template-areas:
            'face1 stats face2'
            'face1 title face2';
        grid-template-columns: 7rem auto 7rem;
        grid-template-rows: 1fr auto;
    }

    .box-post-event.is-wide .event-matchup .versus {
        display: none;
    }

    .box-post-event.is-wide .event-matchup .stats {
        display: block;
        padding: 0.75em 1em;
    }

    .box-post-event.is-wide .event-matchup .stats table tr.vs {
        border-bottom: 0;
    }

    .box-post-event.is-wide .event-matchup .stats table tr.vs th {
        font-size: 93.75%;
    }

    .box-post-event.is-wide .event-matchup .stats table tr.vs td {
        font-size: 112.5%;
    }

    .box-post-event.is-wide .event-matchup .stats table tr:not(.vs) {
        display: none;
    }
}

/* .event-action-bar */

.event-action-bar a {
    border: 2px solid var(--color2);
}

.event-action-bar a:not(.show) {
    display: none;
}

/* .event-live-status */

.event-live-status > * { display: none; }
.event-live-status.is-upnext > .is-upnext { display: block; }
.event-live-status.is-live > .is-live { display: block; }
.event-live-status.is-finished > .is-finished { display: block; }

.event-live-status.is-upnext > .is-upnext {
    display: grid;
    grid-template-areas:
        'text link'
        'countdown countdown';
    gap: .75rem;
}

.event-live-status.is-live > .is-live,
.event-live-status.is-finished > .is-finished {
    display: grid;
    grid-template-areas:
        'text link'
        'matchup matchup';
    gap: 0.75rem;
}

.event-live-status .status-text {
    grid-area: text;
    display: flex;
    align-items: center;
    height: 1.25em;
    font-size: 150%;
    text-transform: uppercase;
}

.event-live-status > .is-upnext .status-text {
    margin-left: 0.175em;
}

.event-live-status .status-text .icon {
    margin-right: 0.1em;
    font-size: 140%;
    color: #f00;
    animation: event-live-status-icon-blink 1s infinite;
}

@keyframes event-live-status-icon-blink {
    0% { opacity: 1; }
    80% { opacity: 0; }
    100% { opacity: 1; }
}

.event-live-status .status-link {
    grid-area: link;
    align-self: center;
    justify-self: flex-end;
}

.event-live-status .status-countdown {
    grid-area: countdown;
}

.event-live-status .status-matchup {
    grid-area: matchup;
}

.event-live-status .event-matchup {
    grid-template-areas:
        'title title title'
        'face1 versus face2';
    grid-template-columns: 6rem auto 6rem;
}

.event-live-status .event-matchup .title {
    padding: .4em;
    font-size: 87.5%;
}

.event-live-status .event-matchup .versus {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .5rem;
    font-size: 112.5%;
    text-align: center;
    background: var(--color1-3);
}

.event-live-status .event-matchup .stats {
    display: none;
}

/* .countdown */

.countdown {
    display: flex;
    justify-content: space-between;
    line-height: 1.25;
    text-transform: uppercase;
    opacity: 0;
    transition: .2s opacity ease-in;
}

.countdown.show {
    opacity: 1;
}

.countdown > * {
    display: flex;
    flex-direction: column;
}

.countdown > :not(:first-child)::before {
    content: ':';
    position: absolute;
    margin-left: -.5em;
    font-size: 2rem;
}

.countdown .value {
    width: 3rem;
    font: var(--font1);
    color: var(--color1-2);
    font-size: 2.5rem;
    line-height: 1;
    text-align: center;
}

.countdown .unit {
    margin-top: .25em;
    text-align: center;
    color: var(--color1-2);
}

.countdown.no-days .days,
.countdown.no-secs .secs,
.countdown.no-days .hours::before,
.countdown.days-only > :not(.days) {
    display: none;
}

.countdown.days-only .days {
    flex: 1;
    flex-direction: row;
    align-items: flex-end;
    gap: 0.5rem;
}

.countdown.days-only .days .value {
    width: auto;
}

/* .event-matchup */

:root {
    --event-matchup-sticker-thickness: 4px;
    --event-matchup-title-padding: .4em;
}

.event-matchup {
    display: grid;
    grid-template-areas:
        'title title'
        'face1 face2'
        'stats stats';
    grid-template-columns: 50% auto;
    gap: .25em;
}

.event-matchup .title {
    grid-area: title;
    padding: var(--event-matchup-title-padding);
    text-align: center;
    text-transform: uppercase;
    background: var(--color2);
}

.event-matchup .versus {
    grid-area: versus;
    display: none;
}

.event-matchup .face1 {
    grid-area: face1;
}

.event-matchup .face2 {
    grid-area: face2;
}

.event-matchup .stats {
    grid-area: stats;
    padding: .5em 1em 0;
    overflow: hidden;
    background: var(--color1-3);
}

.event-matchup .stats table {
    table-layout: fixed;
    width: 100%;
}

.event-matchup .stats table tr:not(:last-child) {
    border-bottom: 1px solid #ddd;
}

.event-matchup .stats table th {
    padding: .65em .25em;
    width: 20%;
    font-size: 90%;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
}

.event-matchup .stats table td {
    padding: .25em 0;
    width: 40%;
    font-size: 90%;
    font-weight: 400;
}

.event-matchup .stats table td a {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--color1);
    text-decoration: none;
}

.event-matchup .stats table tr.vs td {
    font-size: 120%;
    font-weight: 500;
}

.event-matchup .stats table tr td:last-child {
    text-align: end;
}

.event-matchup .face {
    position: relative;
    display: flex;
}

.event-matchup .face img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    background: var(--color1-3);
}

.event-matchup a.face {
    overflow: hidden;
}

.event-matchup a.face img {
    transition: .2s all ease-in;
    top: calc(-1 * var(--event-matchup-sticker-thickness));
}

.event-matchup a.face:hover img {
    top: calc(-1 * var(--event-matchup-sticker-thickness) - 2.5%);
    left: -2.5%;
    width: 105%;
    height: 105%;
}

.event-matchup .face .sticker {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom-width: var(--event-matchup-sticker-thickness);
    border-bottom-style: solid;
    font: var(--font4);
    font-size: .875rem;
    text-align: center;
    color: #fff;
}

.event-matchup .face1 .sticker {
    border-bottom-color: var(--color4);
    background: var(--color4);
}

.event-matchup .face2 .sticker {
    border-bottom-color: var(--color5);
    background: var(--color5);
}

.event-matchup .face .sticker > span {
    display: inline-block;
    padding: var(--event-matchup-title-padding);
    width: 100%;
    font-weight: 300;
}

.event-matchup .face .sticker.is-draw > span,
.event-matchup .face .sticker.is-no-contest > span {
    padding: calc(var(--event-matchup-title-padding) - var(--event-matchup-sticker-thickness) / 2);
    background: var(--color1-1);
}

.event-matchup .face .sticker.is-win {
    border-bottom: none;
}

.event-matchup .face .sticker > span em {
    font: var(--font1);
    font-size: 1.125rem;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .event-matchup {
        grid-template-areas:
            'face1 stats face2'
            'face1 title face2';
        grid-template-columns: 10rem auto 10rem;
        grid-template-rows: 1fr auto;
    }
}

@media (min-width: 1400px) {
    :root {
        --event-matchup-sticker-thickness: 6px;
        --event-matchup-title-padding: .6em;
    }

    .event-matchup {
        grid-template-columns: 15rem auto 15rem;
    }

    .event-matchup .stats table tr.vs td,
    .event-matchup .stats table tr.vs th {
        font-size: 135%;
    }

    .event-matchup .stats table td {
        font-size: 100%;
    }
}

@media (min-width: 1800px) {
    .event-matchup .stats {
        padding: 1.5em 2em 0;
    }

    .event-matchup .stats table tr.vs td {
        font-size: 160%;
    }
}

/* .event-matchup.is-light */

.event-matchup.is-light .title {
    background: transparent;
}

.event-matchup.is-light .face .sticker {
    border-bottom-color: var(--color2);
}

/* .modal-popup */

.modal-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.925);
    overflow: hidden auto;
    z-index: 1234;
    pointer-events: none;
    opacity: 0;
    transition: .2s opacity ease-in-out;
}

body.modal-popup-is-open {
    overflow: hidden;
}

body.modal-popup-is-open .modal-popup.is-open {
    pointer-events: all;
    opacity: 1;
}

.modal-popup .button {
    position: fixed;
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 250%;
    color: #fff;
    background: rgba(0,0,0,1);
    opacity: .8;
    cursor: pointer;
    z-index: 1;
}

.modal-popup .button.close {
    top: 0;
    right: 0;
}

.modal-popup .page {
    position: relative;
    margin: 0 auto;
    padding: 3.5rem 0;
    max-width: 40rem;
}

.modal-popup .page .content {
    min-height: 3.5rem;
}

@media (min-width: 992px) {
    .modal-popup .page {
        max-width: 42rem;
    }

    .modal-popup .content {
        padding: 1rem;
        background: var(--color1);
    }

    .modal-popup .button.close {
        position: absolute;
        top: 3.5rem;
        right: -3.5rem;
        background: var(--color1);
        opacity: 1;
    }
}

/* .modal-popup.event-highlights-popup */

.modal-popup.event-highlights-popup iframe.instagram-media {
    margin: 0 !important;
    border: 0 !important;
}

/* .modal-popup.simple-table-mobile-row-popup */

.modal-popup.simple-table-mobile-row-popup {
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-popup.simple-table-mobile-row-popup .page {
    margin: 1rem;
    padding: 2rem;
    background: var(--color1);
}

.modal-popup.simple-table-mobile-row-popup .content {
    min-width: 16rem;
    display: flex;
    flex-direction: column;
    font-size: 1.25rem;
    gap: 1em;
}

.modal-popup.simple-table-mobile-row-popup .link .title {
    margin-bottom: 0.5em;
    font-size: 80%;
    text-transform: uppercase;
    color: #fff;
}

.modal-popup.simple-table-mobile-row-popup .link .smart-link {
    font-size: inherit;
}

.modal-popup.simple-table-mobile-row-popup .link .smart-link:hover {
    color: var(--color2);
}

.modal-popup.simple-table-mobile-row-popup .link.highlights {
    padding-top: 1em;
    border-top: 1px solid #444;
}

@media (min-width: 992px) {
    .modal-popup.simple-table-mobile-row-popup .button.close {
        top: 0;
    }
}

/* .modal-popup.subscription-popup */

.modal-popup.subscription-popup {
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-popup.subscription-popup .header {
    font-size: calc(1.325rem + .9vw);
}

@media (min-width: 1200px) {
    .modal-popup.subscription-popup .header {
        font-size: 2rem;
    }
}

.modal-popup.subscription-popup .page {
    margin: 1rem;
    padding: 2rem;
    background: var(--color1);
}

.modal-popup.subscription-popup .page .content {
    min-width: 16rem;
    min-height: auto;
    color: #fff;
}

.modal-popup.subscription-popup form .action-button:not(:hover),
.modal-popup.subscription-popup form .action-button:disabled {
    border-color: var(--color1);
}

.modal-popup.subscription-popup .disclaimer {
    color: #ccc;
}

.modal-popup.subscription-popup .disclaimer a {
    text-decoration: underline;
    color: inherit;
}

.modal-popup.subscription-popup .message {
    display: none;
    color: #fff;
}

.modal-popup.subscription-popup.is-show-message .message { display: block; }

.modal-popup.subscription-popup.is-show-message .button.close,
.modal-popup.subscription-popup.is-show-message .header,
.modal-popup.subscription-popup.is-show-message .promo,
.modal-popup.subscription-popup.is-show-message form,
.modal-popup.subscription-popup.is-show-message .disclaimer { display: none !important; }

@media (min-width: 992px) {
    .modal-popup.subscription-popup .button.close {
        top: 0;
    }

    .modal-popup.subscription-popup .content {
        font-size: 1.125rem;
    }
}

/* .modal-popup.action-banner-popup */

.modal-popup.action-banner-popup .button.close {
    position: absolute;
    top: auto;
    right: 1rem;
    margin-top: 1rem;
    width: 3rem;
    height: 3rem;
    background: var(--color1);
    opacity: .8;
}

.modal-popup.action-banner-popup .content {
    padding: 1rem;
    background: transparent;
}

/* .partner-list-section */

.partner-list-section {
    background: var(--color1-1);
}

.partner-list-section .partner {
    padding: 1em;
    width: 15em;
    text-decoration: none;
}

.partner-list-section .partner .designation {
    font-size: 87.5%;
    text-align: center;
    text-transform: uppercase;
    color: var(--color1-2);
}

.partner-list-section .partner .image img {
    object-fit: cover;
    object-position: top;
    width: 100%;
    height: 100%;
}

/* .block-header */

.block-header {
    padding-top: 1em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 2px solid var(--color1);
}

.block-header .title {
    margin: 0;
    font-size: 160%;
    text-transform: uppercase;
}

/* .block-header.use-text-transform-none */

.block-header.use-text-transform-none .title {
    text-transform: none;
}

/* .block-header.is-minor */

.block-header.is-minor {
    padding-top: 0;
    flex-direction: column;
    align-items: flex-start;
    border-top: none;
}

.block-header.is-minor .title {
    font-size: 145%;
}

/* .block-header.is-sticky */

.block-header.is-sticky {
    position: sticky;
    top: calc(2em + var(--navbar-height));
    transition: .2s top ease-out;
}

body.site-navbar-is-away .block-header.is-sticky {
    top: 2em;
}

/* .fold-area */

.fold-area {
    position: relative;
    max-height: 12rem;
    overflow: hidden;
}

.fold-area .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    background: linear-gradient(0, #ffff 20%, #0000 100%);
}

.fold-area.is-dark .overlay {
    background: linear-gradient(0, var(--color1-1) 20%, #0000 100%);
}

.fold-area.is-unfold { max-height: none; }
.fold-area.is-unfold .overlay { display: none; }

@media(min-width: 992px) {
    .fold-area.is-disabled-from-lg-and-up { max-height: none; }
    .fold-area.is-disabled-from-lg-and-up .overlay { display: none; }
}

/* .action-button */

.action-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1em 1.25em;
    font: var(--font1);
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    background: var(--color1-1);
    border: 2px solid #fff;
    transition: .2s all ease-in;
}

.action-button:hover {
    border-color: var(--color1-1);
    color: var(--color2);
}

.action-button:disabled,
.action-button[disabled] {
    cursor: default;
    opacity: .5;
}

.action-button:disabled:hover,
.action-button[disabled]:hover {
    border-color: #fff;
    color: #fff;
}

.action-button .text {
    opacity: 1;
    transition: .2s opacity ease-in;
}

.action-button .icon {
    position: absolute;
    opacity: 0;
    transition: .2s opacity ease-in;
}

.action-button.is-icon-only .icon { opacity: 1; }
.action-button.is-icon-only .text { opacity: 0; }

@media (min-width: 768px) {
    .action-button.is-desktop-one-line {
        margin: 0 auto;
        max-width: 14em;
    }
}

/* .action-button.is-accent */

.action-button.is-accent {
    font-weight: 500;
    background: var(--color2);
    color: var(--color1);
}

.action-button.is-accent:hover {
    border-color: var(--color2);
}

.action-button.is-accent:disabled:hover {
    border-color: #fff;
    color: var(--color1);
}

/* .action-button.is-accent.is-on-dark */

.action-button.is-accent.is-on-dark {
    border-color: var(--color1-1);
}

.action-button.is-accent.is-on-dark:hover {
    border-color: var(--color2);
}

/* .simple-post-card */

.simple-post-card {
    position: relative;
    display: flex;
    gap: .75rem 1rem;
    flex-direction: column;
}

.simple-post-card .prefix {
    display: none;
}

.simple-post-card a.image {
    color: #888;
}

.simple-post-card .content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: .4em;
}

.simple-post-card .content .cat > * {
    font-size: 100%;
}

.simple-post-card .content .meta {
    display: flex;
    justify-content: space-between;
    gap: .5em;
    font-size: 87.5%;
    text-transform: uppercase;
    color: var(--color1-2);
}

.simple-post-card .content .meta .smart-link {
    font-size: 100%;
}

.simple-post-card .content a.title {
    text-decoration: none;
    color: var(--color1-1);
    transition: .2s opacity ease-in;
}

.simple-post-card .content a.title:hover {
    text-decoration: none;
    opacity: .7;
}

.simple-post-card .content a.title > * {
    margin: 0;
    font-size: 100%;
}

@media(min-width: 992px) {
    .simple-post-card .content a.title > * {
        margin: 0;
    }
}

@media (min-width: 1200px) {
    .post-list.is-hero .simple-post-card:first-child .content .meta {
        gap: 0;
    }

    .post-list.is-hero .simple-post-card:first-child .content .meta .date:not(:first-child)::before {
        content: '|';
        margin: 0 .25em 0 .45em;
        font-weight: lighter;
        color: var(--color1-2);
        opacity: .5;
    }
}

/* .simple-post-card.is-post */

.simple-post-card.is-post .content .call-to-action-links {
    display: none !important;
}

/* .simple-post-card.is-video */

.simple-post-card.is-video .content .meta .duration {
    display: none;
}

.simple-post-card.is-video .content .meta .duration .icon {
    font-size: 95%;
}

.simple-post-card.is-video .content .title .icon {
    margin-left: -.25em;
}

.simple-post-card.is-video .content .call-to-action-links {
    display: none !important;
}

@media (min-width: 1200px) {
    .post-list.is-hero .simple-post-card.is-video:first-child .content .title .icon {
        display: none;
    }

    .post-list.is-hero .simple-post-card.is-video:first-child .content .call-to-action-links {
        display: block !important;
    }
}

/* .simple-post-card.is-event */

.simple-post-card.is-event .datetime {
    font-size: 90%;
    text-transform: uppercase;
    color: var(--color1-2);
}

.simple-post-card.is-event .location {
    font-size: 90%;
    color: var(--color1-2);
}

.simple-post-card.is-event .title {
    font-size: 125%;
}

/* .simple-post-card.is-inmedia */

.simple-post-card.is-inmedia .image a {
    border: 1px solid var(--color1-3);
}

/* .simple-post-card.is-athlete */

.simple-post-card.is-athlete .image {
    background: var(--color1-6);
}

.simple-post-card.is-athlete .content {
    gap: .5em;
}

.simple-post-card.is-athlete .country {
    font-size: 90%;
    font-weight: 400;
    text-align: center;
}

/* .simple-post-card.is-athlete.is-social */

.simple-post-card.is-athlete.is-social .image {
    background: none;
}

.simple-post-card.is-athlete.is-social .content {
    position: absolute;
    bottom: -.5em;
    width: 100%;
    padding: 15% .25em .5em;
    font-size: 140%;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%);
    transition: .2s bottom ease-in;
    pointer-events: none;
}

.simple-post-card.is-athlete.is-social:hover .content {
    bottom: 0;
}

.simple-post-card.is-athlete.is-social .separator {
    position: absolute;
    bottom: 0;
    width: 0;
    height: 4px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--color2);
    transition: .2s width ease-in;
    pointer-events: none;
}

.simple-post-card.is-athlete.is-social:hover .separator {
    width: 100%;
}

.simple-post-card.is-athlete.is-social .content .title {
    color: #fff;
    text-shadow: 0px 1px 2px #000;
}

.simple-post-card.is-athlete.is-social .icon-links-bar svg {
    width: 2rem;
    height: 2rem;
}

@media (min-width: 576px) {
    .simple-post-card.is-athlete.is-social .content {
        font-size: 125%;
    }
}

@media (min-width: 768px) {
    .simple-post-card.is-athlete.is-social .content {
        font-size: 100%;
    }

    .simple-post-card.is-athlete.is-social .icon-links-bar svg {
        width: 1.5rem;
        height: 1.5rem;
    }
}

@media (min-width: 1400px) {
    .simple-post-card.is-athlete.is-social.is-column-lg-tweak .content {
        font-size: 115%;
    }
}

@media (min-width: 1800px) {
    .simple-post-card.is-athlete.is-social .icon-links-bar svg {
        width: 2rem;
        height: 2rem;
    }
}

/* .simple-post-card.is-athlete.is-social.is-column-lg-tweak */

@media (min-width: 992px) and (max-width: 1199px) {
    .simple-post-card.is-athlete.is-social.is-column-lg-tweak .content {
        font-size: 90%;
    }
}

/* .simple-post-card.is-champion */

.simple-post-card.is-champion {
    gap: 0;
}

.simple-post-card.is-champion .champion-title {
    margin-bottom: 0;
    padding: .2em .4em;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 2.6rem;
    line-height: 1rem;
    font-size: .875rem;
    text-transform: uppercase;
    text-align: center;
    background: var(--color2);
}

.simple-post-card.is-champion .image {
    background-color: #0e0e0e;
}

.simple-post-card.is-champion .content {
    margin-top: .75rem;
    gap: .5em;
}

.simple-post-card.is-champion table {
    font-size: 90%;
    border-top: 1px solid #ddd;
}

.simple-post-card.is-champion table tr {
    border-bottom: 1px solid #ddd;
}

.simple-post-card.is-champion table th {
    padding: .75em 0;
    font-weight: 400;
    text-transform: uppercase;
}

.simple-post-card.is-champion table td {
    font-weight: 300;
    text-align: end;
}

/* .simple-post-card.is-one-show */

.simple-post-card.is-one-show {
    gap: 0;
    background: var(--color1-3);
}

.simple-post-card.is-one-show .content .title .logo svg {
    height: 2.25rem;
    width: auto;
}

.simple-post-card.is-one-show .content .title .logo svg path {
    fill: var(--color1);
}

/* .simple-post-card.is-term */

.simple-post-card.is-term .title {
    font-size: 125%;
}

/* .tilted-text */

.tilted-text {
    position: relative;
    margin: 0;
    padding: 0 1em;
    display: flex;
    align-items: center;
    font-size: 100%;
    font-style: italic;
    font-weight: bold;
    text-transform: uppercase;
    color: var(--color1);
}

.tilted-text::before {
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: var(--color2);
    transform: skew(341deg, 0deg);
}

.tilted-text span {
    position: relative;
}

/* .post-list */

.post-list {
    display: grid;
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
}

@media (max-width: 1199px) {
    .post-list {
        grid-column-gap: 1rem;
    }
}

/* .post-list.is-folded */

.post-list.is-simple.is-folded > *:nth-child(n + 5) {
    display: none;
}

.post-list.is-trivial.is-folded > *:nth-child(n + 7) {
    display: none;
}

@media (min-width: 992px) and (max-width: 1799px) {
    .post-list.is-trivial.is-folded > *:nth-child(n + 5) {
        display: none;
    }
}

.post-list.is-compact.is-folded > *:nth-child(n + 7) {
    display: none;
}

.post-list.is-casual.is-folded > *:nth-child(n + 4) {
    display: none;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .post-list.is-casual.is-folded > *:nth-child(n + 3) {
        display: none;
    }
}

/* .post-list.is-simple */

.post-list.is-simple {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.post-list.is-simple > *:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
.post-list.is-simple > *:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }
.post-list.is-simple > *:nth-child(3) { grid-area: 1 / 3 / 2 / 4; }
.post-list.is-simple > *:nth-child(4) { grid-area: 1 / 4 / 2 / 5; }

@media (max-width: 991px) {
    .post-list.is-simple {
        grid-template-columns: 1fr 1fr;
    }

    .post-list.is-simple > *:nth-child(3) { grid-area: 2 / 1 / 3 / 2; }
    .post-list.is-simple > *:nth-child(4) { grid-area: 2 / 2 / 3 / 3; }
}

@media (max-width: 575px) {
    .post-list.is-simple {
        grid-template-columns: 1fr;
    }

    .post-list.is-simple > *:nth-child(2) { grid-area: 2 / 1 / 3 / 2; }
    .post-list.is-simple > *:nth-child(3) { grid-area: 3 / 1 / 4 / 2; }
    .post-list.is-simple > *:nth-child(4) { grid-area: 4 / 1 / 5 / 2; }

    .post-list.is-simple .simple-post-card {
        width: 100vw;
        left: calc(-1 * var(--bs-gutter-x, .75rem));
    }

    .post-list.is-simple .simple-post-card .content {
        padding: 0 var(--bs-gutter-x, .75rem);
    }
}

/* .post-list.is-trivial */

.post-list.is-trivial {
    grid-template-columns: 1fr 1fr;
}

.post-list.is-trivial > *:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
.post-list.is-trivial > *:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }

@media (min-width: 768px) {
    .post-list.is-trivial {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .post-list.is-trivial > *:nth-child(3) { grid-area: 1 / 3 / 2 / 4; }
}

@media (min-width: 992px) {
    .post-list.is-trivial {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .post-list.is-trivial > *:nth-child(4) { grid-area: 1 / 4 / 2 / 5; }
}

@media (min-width: 1800px) {
    .post-list.is-trivial {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

    .post-list.is-trivial > *:nth-child(5) { grid-area: 1 / 5 / 2 / 6; }
    .post-list.is-trivial > *:nth-child(6) { grid-area: 1 / 6 / 2 / 7; }
}

/* .post-list.is-compact */

.post-list.is-compact {
    grid-template-columns: 1fr 1fr;
}

.post-list.is-compact > *:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
.post-list.is-compact > *:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }

@media (min-width: 576px) {
    .post-list.is-compact {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .post-list.is-compact > *:nth-child(3) { grid-area: 1 / 3 / 2 / 4; }
}

@media (min-width: 768px) {
    .post-list.is-compact {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-column-gap: .5rem;
    }

    .post-list.is-compact > *:nth-child(5) { grid-area: 1 / 5 / 2 / 6; }
    .post-list.is-compact > *:nth-child(6) { grid-area: 1 / 6 / 2 / 7; }
}

@media (min-width: 1200px) {
    .post-list.is-compact {
        grid-column-gap: 1rem;
    }
}

/* .post-list.is-casual */

.post-list.is-casual {
    grid-template-columns: 1fr;
}

@media (min-width: 768px) {
    .post-list.is-casual {
        grid-template-columns: 1fr 1fr;
    }

    .post-list.is-casual > *:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
    .post-list.is-casual > *:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }
}

@media (min-width: 1200px) {
    .post-list.is-casual {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .post-list.is-casual > *:nth-child(3) { grid-area: 1 / 3 / 2 / 4; }
}

/* .post-list.is-hero */

@media (min-width: 1200px) {
    .post-list.is-hero {
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: repeat(3, 1fr);
    }

    .post-list.is-hero > *:nth-child(1) { grid-area: 1 / 1 / 4 / 8; }
    .post-list.is-hero > *:nth-child(2) { grid-area: 1 / 8 / 2 / 13; }
    .post-list.is-hero > *:nth-child(3) { grid-area: 2 / 8 / 3 / 13; }
    .post-list.is-hero > *:nth-child(4) { grid-area: 3 / 8 / 4 / 13; }
    .post-list.is-hero > *:nth-child(n+5) { grid-column-end: span 3; }

    .post-list.is-hero > .simple-post-card:nth-child(1) .image {
        height: 100%;
    }

    .post-list.is-hero > .simple-post-card:nth-child(1) .content {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 4em 2em 2em;
        background: linear-gradient(0deg, rgba(0,0,0,.8) 0%, rgba(0,0,0,.8) 50%, rgba(0,0,0,0) 100%);
    }

    .post-list.is-hero > .simple-post-card:nth-child(1) .content .meta {
        justify-content: flex-start;
    }

    .post-list.is-hero > .simple-post-card:nth-child(1) .content a.title,
    .post-list.is-hero > .simple-post-card:nth-child(1) .content .call-to-action-links a {
        color: #fff;
        transition: .2s color ease-in;
    }

    .post-list.is-hero > .simple-post-card:nth-child(1) .content a.title:hover {
        opacity: 1;
    }

    .post-list.is-hero > .simple-post-card:nth-child(1) a:hover {
        color: var(--color2) !important;
    }

    .post-list.is-hero > .simple-post-card:nth-child(1) .content .title > * {
        font-size: 240%;
        letter-spacing: var(--letter-spacing-hint);
    }

    .post-list.is-hero > .simple-post-card:nth-child(2),
    .post-list.is-hero > .simple-post-card:nth-child(3),
    .post-list.is-hero > .simple-post-card:nth-child(4) {
        flex-direction: row;
    }

    .post-list.is-hero > .simple-post-card:nth-child(2) .image,
    .post-list.is-hero > .simple-post-card:nth-child(3) .image,
    .post-list.is-hero > .simple-post-card:nth-child(4) .image {
        width: 40%;
    }
}

/* .post-list.is-column */

.post-list.is-column > .simple-post-card {
    flex-direction: row;
}

.post-list.is-column > .simple-post-card .image {
    width: 50%;
    max-width: 10rem;
}

.post-list.is-column > .simple-post-card.is-inmedia .image {
    max-width: 6rem;
}

.post-list.is-column > .simple-post-card .content {
    margin-top: 0;
}

.post-list.is-column > .simple-post-card .content a.title > * {
    display: -webkit-box;
    font-size: 100%;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.post-list.is-column > .simple-post-card.is-term .title {
    font-size: 100%;
}

@media (min-width: 576px) {
    .post-list.is-column > .simple-post-card.is-inmedia .image {
        max-width: 8rem;
    }
}

/* .post-list.is-playlist */

.post-list.is-playlist {
    gap: 1px;
}

.post-list.is-playlist > .simple-post-card {
    flex-direction: row;
    padding: .5rem 1rem;
    background: var(--color1);
}

.post-list.is-playlist > .simple-post-card .prefix {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    color: var(--color1-2);
}

.post-list.is-playlist > .simple-post-card .image {
    width: 50%;
    max-width: 6.25rem;
}

.post-list.is-playlist > .simple-post-card .content {
    flex-direction: column-reverse;
    justify-content: space-between;
    gap: .25rem;
}

.post-list.is-playlist > .simple-post-card .content .meta .category { display: none; }
.post-list.is-playlist > .simple-post-card .content .meta .duration { display: block; }

.post-list.is-playlist > .simple-post-card .content a.title {
    color: var(--color1-2);
}

.post-list.is-playlist > .simple-post-card .content a.title > * {
    display: -webkit-box;
    font-size: 93.75%;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.post-list.is-playlist > .simple-post-card .content a.title .icon {
    display: none;
}

.post-list.is-playlist > .simple-post-card.is-placeholder .image,
.post-list.is-playlist > .simple-post-card.is-placeholder .content .meta,
.post-list.is-playlist > .simple-post-card.is-placeholder .content .title {
    border: 1px dashed var(--color1-2);
}

.post-list.is-playlist > .simple-post-card[data-playlist-url] {
    cursor: pointer;
    transition: .2s background-color ease-in;
}

.post-list.is-playlist > .simple-post-card.is-current {
    background: var(--color1-1);
}

.post-list.is-playlist > .simple-post-card.is-current .prefix {
    color: var(--color2);
}

.post-list.is-playlist > .simple-post-card[data-playlist-url]:not(.is-current):hover {
    background: var(--color1-4);
}

.post-list.is-playlist > .simple-post-card[data-playlist-url]:not(.is-current):hover .content a.title {
    color: #fff;
    opacity: 1;
}

/* table.simple-table */

table.simple-table {
    width: 100%;
}

table.simple-table tr:first-child {
    border-top: 1px solid #ddd;
}

table.simple-table tr:nth-child(n+1) {
    border-bottom: 1px solid #ddd;
}

table.simple-table tr > *:first-child,
table.simple-table tr > *:not(.image) {
    padding-left: 1rem;
}

table.simple-table tr > *:last-child {
    padding-right: 1rem;
}

table.simple-table tr th {
    height: 3.5rem;
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--color1-2);
}

table.simple-table tr > .is-center {
    padding: 0 1rem;
    text-align: center;
}

table.simple-table tr td {
    font: var(--font4);
    font-size: .875rem;
}

table.simple-table tr td.image {
    padding: .2rem;
    width: calc(4rem + .2rem + .2rem);
}

table.simple-table tr td.image img {
    object-fit: cover;
    object-position: top;
    background: var(--color1-3);
}

table.simple-table .is-distinct {
    font: var(--font1);
    font-size: 1.125rem;
}

table.simple-table .is-link {
    text-decoration: none;
    color: var(--color1-1);
}

table.simple-table .is-muted        { color         : var(--color1-2); }
table.simple-table .is-muted-bg     { background    : var(--color1-2); }
table.simple-table .is-positive     { color         : var(--color3); }
table.simple-table .is-positive-bg  { background    : var(--color3); }
table.simple-table .is-negative     { color         : var(--color4); }
table.simple-table .is-negative-bg  { background    : var(--color4); }

/* table.simple-table.is-flat */

table.simple-table.is-flat tr > *:first-child {
    padding-left: 0;
}

table.simple-table.is-flat tr > *:last-child {
    padding-right: 0;
}

/* table.simple-table.is-mobile-row-popup */

@media (max-width: 991px) {
    table.simple-table.is-mobile-row-popup tbody tr.is-data-row:hover {
        background: radial-gradient(circle, var(--color2) 0%, #fff 100%);
        cursor: pointer;
    }
}

/* .athlete-rankings-card */

.athlete-rankings-card .champion-image {
    width: 32rem; /* champion + 5 table rows bottom line */
    min-width: 32rem;
}

.athlete-rankings-card .champion-image img {
    object-fit: cover;
    object-position: top;
    background: var(--color1-5);
}

.athlete-rankings-card .ranking-header {
    margin-bottom: 0;
    padding: .7em;
    font-size: 1rem;
    text-transform: uppercase;
    text-align: center;
    background: var(--color2);
}

.athlete-rankings-card table tr th {
    height: 2.75rem;
}

.athlete-rankings-card table tr:first-child,
.athlete-rankings-card table tr:not(:nth-child(n+3)) {
    border: none;
}

.athlete-rankings-card table tr:nth-child(2) {
    background: var(--color1-3);
}

.athlete-rankings-card table td.rank {
    position: relative;
    width: 8rem;
}

.athlete-rankings-card table td.rank.champion {
    font-size: 1rem;
}

.athlete-rankings-card table td.rank .mark {
    position: absolute;
    top: 50%;
    left: 75%;
    transform: translate(-50%, -50%);
    padding: 0;
    background: transparent;
}

.athlete-rankings-card table td.rank .mark.new {
    padding: .3em;
    font: var(--font1);
    font-size: .875rem;
    font-weight: 600;
    line-height: 1;
    background: var(--color2);
}

.athlete-rankings-card table td.rank .mark.shift {
    display: flex;
    align-items: center;
    font: var(--font4);
    font-size: .875rem;
}

.athlete-rankings-card table td.rank .mark.shift i {
    padding-right: 0.5em;
    font-size: 65%;
}

.athlete-rankings-card table td.rank .mark.shift.positive i {
    color: var(--color3);
}

.athlete-rankings-card table td.rank .mark.shift.negative i {
    color: var(--color4);
}

.athlete-rankings-card table td.name {
    width: 24%;
}

.athlete-rankings-card table td.record {
    width: 5.25rem;
}

.athlete-rankings-card table td.social {
    width: 5.75rem;
}

.athlete-rankings-card table td.social a:nth-child(n+3) {
    display: none;
}

@media (max-width: 1799px) {
    .athlete-rankings-card .champion-image {
        width: 18.675rem; /* champion + 2 table rows bottom line */
        min-width: 18.675rem;
    }
}

@media (max-width: 1399px) {
    .athlete-rankings-card .champion-image {
        display: none;
    }
}

@media (max-width: 1199px) {
    .athlete-rankings-card table td.name {
        width: 32%;
    }

    .athlete-rankings-card table .team {
        display: none;
    }
}

@media (max-width: 991px) {
    .athlete-rankings-card table .record {
        display: none;
    }
}

@media (max-width: 767px) {
    .athlete-rankings-card table {
        margin-top: .25rem;
    }

    .athlete-rankings-card table th {
        display: none;
    }

    .athlete-rankings-card table td.name {
        width: auto;
    }

    .athlete-rankings-card table .country {
        display: none;
    }
}

@media (max-width: 575px) {
    .athlete-rankings-card table .social {
        display: none;
    }
}

/* .jssor-photo-gallery */

:root {
    --jssor-photo-gallery-width: 960px;
    --jssor-photo-gallery-height: calc(var(--jssor-photo-gallery-width) * 9 / 16);
    --jssor-photo-gallery-thumbnails-visible: 5;
}

.jssor-photo-gallery {
    position: relative;
    width: var(--jssor-photo-gallery-width);
    height: var(--jssor-photo-gallery-height);
    background: transparent;
    overflow: visible;
}

.jssor-photo-gallery .nav-arrow {
    position: absolute;
    left: 0;
    top: 0;
    height: 120px;
    width: 90px;
    opacity: 1;
}

.jssor-photo-gallery .nav-arrow:hover {
    opacity: 1;
    cursor: pointer;
}

.jssor-photo-gallery .nav-arrow.nav-arrowdn {
    opacity: 1;
}

.jssor-photo-gallery .nav-arrow.nav-arrowds {
    opacity: .25;
    pointer-events: none;
}

.jssor-photo-gallery .nav-arrow.right {
    left: auto;
    right: 0;
}

.jssor-photo-gallery .nav-arrow svg {
    display: block;
    width: 100%;
    height: 100%;
    padding: 20px;
}

.jssor-photo-gallery .nav-arrow svg circle {
    fill: #000;
    opacity: .6;
}

.jssor-photo-gallery .nav-arrow svg path {
    fill: #fff;
    opacity: 1;
}

.jssor-photo-gallery .nav-arrow:hover svg path {
    fill: var(--color2);
}

.jssor-photo-gallery .loading {
    position: absolute;
    top: 0;
    left: 0;
    width: var(--jssor-photo-gallery-width);
    height: var(--jssor-photo-gallery-height);
    background-color: rgba(0,0,0,.7);
}

.jssor-photo-gallery .loading .progress-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5%;
    font-size: calc(var(--jssor-photo-gallery-width) / 10);
    color: #fff;
}

.jssor-photo-gallery .slides {
    position: absolute;
    top: 0;
    left: 0;
    width: var(--jssor-photo-gallery-width);
    height: var(--jssor-photo-gallery-height);
    overflow: hidden;
}

.jssor-photo-gallery figure {
    width: 100%;
    height: 100%;
}

.jssor-photo-gallery figure img {
    object-fit: cover;
    object-position: top;
    width: 100%;
    height: 100%;
}

.jssor-photo-gallery figure figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: .6em .9em;
    line-height: 1.2;
    max-height: 40%;
    overflow-y: auto;
    color: #fff;
    background-color: rgba(0,0,0,.5);
    cursor: default;
}

.jssor-photo-gallery figure figcaption a {
    color: var(--color2);
}

.jssor-photo-gallery figure figcaption a:hover {
    opacity: .8;
}

.jssor-photo-gallery .nav-thumb {
    position: absolute;
    left: 0;
    bottom: calc(var(--jssor-photo-gallery-height) / var(--jssor-photo-gallery-thumbnails-visible) * -1);
    height: calc(var(--jssor-photo-gallery-height) / var(--jssor-photo-gallery-thumbnails-visible));
    width: var(--jssor-photo-gallery-width);
}

.jssor-photo-gallery .nav-thumb .p {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(var(--jssor-photo-gallery-width) / var(--jssor-photo-gallery-thumbnails-visible));
    height: calc(var(--jssor-photo-gallery-height) / var(--jssor-photo-gallery-thumbnails-visible));
    background-color: #fff;
    margin: 1px 1px 0 1px;
    cursor: pointer;
}

.jssor-photo-gallery .nav-thumb .p .t {
    object-fit: cover;
    width: 100%;
    height: 100%;
    vertical-align: top;
    opacity: .5;
}

.jssor-photo-gallery .nav-thumb .p:hover .t {
    opacity: 1;
}

.jssor-photo-gallery .nav-thumb .pav .t,
.jssor-photo-gallery .nav-thumb .pdn .t,
.jssor-photo-gallery .nav-thumb .p:hover.pdn .t {
    opacity: 1;
}

@media (min-width: 768px) {
    .jssor-photo-gallery figure figcaption {
        padding: .8em 1.2em;
    }
}

/* .article */

.article .article-meta {
    gap: .6rem;
    color: var(--color1-2);
    text-transform: uppercase;
}

.article .article-meta > *:not(:first-child):not(:empty):not(button.share-button)::before {
    content: '|';
    align-self: center;
    padding-right: .3em;
    font-weight: lighter;
    color: var(--color1-2);
    opacity: .5;
}

.article .share-button {
    background: none;
    transition: background-color 0.2s ease;
    border: 1px solid #aaa;
    border-radius: .3rem;
    padding: .3rem .5rem;
    text-transform: uppercase;
}

.article .share-button:hover,
.article .share-button:focus,
.article .share-button:active {
    background-color: #eee;
}

.article .article-title {
    margin: .675em 0;
    font-size: 140%;
    line-height: 1;
}

@media (min-width: 576px) {
    .article .article-title {
        font-size: 180%;
    }
}

@media (min-width: 768px) {
    .article .article-title {
        font-size: 240%;
    }
}

@media (min-width: 1200px) {
    .article .article-title {
        font-size: 300%;
    }
}

/* .article.is-aside-xxl */

@media (min-width: 1400px) {
    .article.is-aside-xxl .article-meta {
        margin-top: 0 !important;
    }

    .article.is-aside-xxl .article-title {
        font-size: 1.75rem;
    }

    .article.is-aside-xxl .fold-area .editor-content {
        overflow: auto;
    }

    .article.is-aside-xxl .fold-area:not(.is-unfold) .editor-content {
        max-height: none !important;
    }
}

/* .article.is-light */

.article.is-light,
.article.is-light a:hover,
.article.is-light .icon-links-bar a:hover svg path {
    color: #fff;
    fill: #fff;
}

.article.is-light .editor-content a:not(.smart-link) {
    color: var(--color5-1);
}

/* .theatre-section */

.theatre-section {
    margin-top: calc(-1 * var(--navbar-height));
    padding-top: var(--navbar-height);
    background: var(--color1-1);
    color: #fff;
}

/* .video-player */

.video-player .fb_iframe_widget {
    position: absolute;
}

/* .video-playlist */

.video-playlist {
    display: flex;
    flex-direction: column;
    max-height: min(25rem, 75vh);
}

.video-playlist .playlist-header {
    padding: 1em;
    display: flex;
    justify-content: space-between;
    line-height: 1;
    text-transform: uppercase;
    background: var(--color1-4);
}

.video-playlist .playlist-header .smart-link {
    line-height: 1;
    color: #fff;
}

.video-playlist .playlist-header .smart-link:hover {
    color: var(--color2);
}

.video-playlist .playlist-header .loading-indicator {
    width: .9em;
    height: .9em;
    border-width: .1em;
    color: var(--color1-2);
    opacity: 0;
    transition: .2s opacity ease-in;
}

.video-playlist.is-loading .playlist-header .loading-indicator {
    opacity: 1;
}

.video-playlist .playlist-content {
    flex: 1;
    overflow: auto;
}

@media (min-width: 992px) {
    .video-playlist {
        height: 100%;
        max-height: none;
    }

    .video-playlist .playlist-content {
        position: relative;
    }

    .video-playlist .playlist-content .post-list {
        position: absolute;
        width: 100%;
    }
}

/* .media-quotes-bar */

.media-quotes-bar .jssor-slider,
.media-quotes-bar .jssor-slider *[data-u='slides'] {
    position: relative;
    top: 0;
    left: 0;
    width: 20rem;
    height: 8.5rem;
    overflow: hidden;
    cursor: default;
    background: var(--color1-3);
}

.media-quotes-bar .jssor-slider *[data-u='arrowleft'],
.media-quotes-bar .jssor-slider *[data-u='arrowright'] {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    width: 3rem;
    height: 8.5rem;
    color: var(--color1-2);
    transition: .25s opacity ease-in;
    cursor: pointer;
}

.media-quotes-bar .jssor-slider *[data-u='arrowleft']:hover,
.media-quotes-bar .jssor-slider *[data-u='arrowright']:hover {
    opacity: .6;
}

.media-quotes-bar .jssor-slider *[data-u='arrowleft'] {
    left: -1px;
    background: linear-gradient(90deg, rgba(248,248,248,1) 0%, rgba(248,248,248,0) 100%);
}

.media-quotes-bar .jssor-slider *[data-u='arrowright'] {
    right: -1px;
    background: linear-gradient(270deg, rgba(248,248,248,1) 0%, rgba(248,248,248,0) 100%);
}

.media-quotes-bar .jssor-slider .media-quote-card .editor-content {
    font-size: 90%;
    line-height: 1.4;
}

.media-quotes-bar .jssor-slider .media-quote-card a img {
    height: 3rem;
    width: auto;
}

.media-quotes-bar .jssor-slider.is-medium,
.media-quotes-bar .jssor-slider.is-medium *[data-u='slides'] {
    width: 40rem;
}

.media-quotes-bar .jssor-slider.is-large,
.media-quotes-bar .jssor-slider.is-large *[data-u='slides'] {
    width: 60rem;
}

@media (min-width: 992px) {
    .media-quotes-bar .jssor-slider.is-medium .media-quote-card .editor-content {
        font-size: 85%;
    }
}

@media (min-width: 1400px) {
    .media-quotes-bar .jssor-slider.is-large .media-quote-card .editor-content {
        font-size: 80%;
    }
}

/* .page-banner */

.page-banner {
    position: relative;
    margin-top: 1.5em;
}

.page-banner .title {
    margin: 0;
}

.page-banner.has-image .title {
    position: absolute;
    bottom: 0;
    z-index: 1;
    margin: .5em .8em;
    color: #fff;
    text-shadow: 0px 2px 3px #000;
}

.page-banner .image {
    --bs-aspect-ratio: 36.364%; /* 11:4 */
}

.page-banner .image img {
    object-position: center;
}

@media (max-width: 575px) {
    .page-banner.has-image {
        margin-top: 0;
    }

    .page-banner.has-image .title {
        margin-left: 0;
        margin-right: 0;
    }

    .page-banner .image {
        --bs-aspect-ratio: 56.25%; /* 16:9 */
    }

    .page-banner .image img {
        left: -.75rem;
        width: calc(100% + 2 * 0.75rem);
    }
}

/* .athlete-banner */

.athlete-banner {
    color: #fff;
}

.athlete-banner > .row {
    position: relative;
}

.athlete-banner .image-column {
    position: relative;
    background: var(--color1-5);
}

.athlete-banner .image-column .image {
    --bs-aspect-ratio: 56.25%; /* 16:9 */
}

.athlete-banner .image-column .tilted-text {
    position: absolute;
    left: 2em;
    bottom: 1.5em;
    max-width: 80%;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-size: 80%;
}

.athlete-banner .data-column {
    background: var(--color1);
}

.athlete-banner .social-links {
    position: absolute;
    right: 1rem;
    top: 1rem;
    width: auto;
}

.athlete-banner .social-links .icon-links-bar .title {
    font-size: 87.5%;
}

.athlete-banner .badge {
    min-width: 5em;
    font-size: 100%;
    text-transform: uppercase;
    border-radius: 0;
    color: var(--color1-3);
    background-color: var(--color1-7);
}

.athlete-banner .badge:not(:first-child) {
    margin-left: .5em;
}

.athlete-banner .badge.green    { background-color: var(--color3); }
.athlete-banner .badge.gray     { background-color: var(--color1-7); }
.athlete-banner .badge.black    { background-color: var(--color1-5); }
.athlete-banner .badge.olive    { background-color: var(--color6); }

.athlete-banner .badge > span {
    position: relative;
    top: .025em;
}

.athlete-banner .attributes {
    padding-top: 1.5em;
    border-top: 1px solid var(--color1-1);
    display: flex;
    flex-wrap: wrap;
    gap: 2em;
    row-gap: 1em;
}

.athlete-banner .attributes .attr {
    min-width: 8em;
}

.athlete-banner .attributes .attr .title {
    font-size: 87.5%;
    text-transform: uppercase;
    color: var(--color1-2);
}

.athlete-banner .attributes .attr .value {
    font-size: 125%;
}

.athlete-banner .attributes .attr .value a {
    color: inherit;
    text-decoration: none;
    transition: .2s color ease-in;
}

.athlete-banner .attributes .attr .value a:hover {
    color: var(--color2);
}

@media (min-width: 576px) {
    .athlete-banner .image-column .tilted-text {
        font-size: 100%;
    }
}

@media (min-width: 992px) {
    .athlete-banner .image-column .image {
        --bs-aspect-ratio: 100%; /* 1:1 */
    }
}

@media (min-width: 1400px) {
    .athlete-banner .social-links {
        right: 2rem;
        top: 2rem;
    }

    .athlete-banner .attributes {
        row-gap: 2em;
    }

    .athlete-banner .attributes .attr {
        min-width: 12em;
    }
}

/* .athlete-title */

.athlete-title {
    margin: 0;
    display: flex;
    gap: 0.5em;
    font-size: 100%;
    line-height: 1.4;
    text-transform: uppercase;
    color: #ccc;
}

.athlete-title svg path {
    fill: #ccc;
}

.athlete-title svg {
    margin-bottom: .15rem;
    width: 20px;
    height: 20px;
}

.athlete-title.is-active { color: var(--color2); }
.athlete-title.is-active svg path { fill: var(--color2); }
.athlete-title.is-former { opacity: .5; }

/* .athlete-records */

.athlete-records {
    background: var(--color1-3);
}

.athlete-records .record-cell {
    height: 100%;
    background: #fff;
}

/* .athlete-event-results */

.athlete-event-results table.simple-table tr > .result {
    padding-right: 1rem;
}

.athlete-event-results table.simple-table tr > .sport {
    padding-left: 0;
    padding-right: 1rem;
}

.athlete-event-results table.simple-table tr > .method,
.athlete-event-results table.simple-table tr > .method-and-round {
    padding-left: 0;
}

/* .athlete-bout-breakdown */

.athlete-bout-breakdown .content {
    text-transform: uppercase;
}

.athlete-bout-breakdown .header {
    display: flex;
    gap: .25em;
    line-height: 2.5;
    text-align: center;
}

.athlete-bout-breakdown .header .wins {
    flex: 1;
    color: #fff;
    background: var(--color3);
}

.athlete-bout-breakdown .header .losses {
    flex: 1;
    color: #fff;
    background: var(--color4);
}

.athlete-bout-breakdown .stat {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: 0 .5rem;
}

.athlete-bout-breakdown .stat .value {
    min-width: 1.5em;
    font-size: 1.25rem;
}

.athlete-bout-breakdown .stat .value.wins { text-align: start; }
.athlete-bout-breakdown .stat .value.losses { text-align: end; }

.athlete-bout-breakdown .stat .value-bar {
    flex: 1;
}

.athlete-bout-breakdown .stat .name {
    width: 30%;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: center;
    color: var(--color1-2);
}

/* .block-progress-bar */

.block-progress-bar {
    display: flex;
    gap: .125rem;
}

.block-progress-bar > * {
    height: 1.5rem;
    background: var(--color1-3);
}

.block-progress-bar > .filled {
    background: var(--color2);
}

.block-progress-bar.is-size-10 > * { width: 10%; }
.block-progress-bar.is-size-20 > * { width: 5%; }

/* .simple-stats-list */

.simple-stats-list {
    display: flex;
    flex-wrap: wrap;
    gap: 2em;
    row-gap: 1em;
}

.simple-stats-list .attr {
    min-width: 6em;
}

.simple-stats-list .attr .title {
    margin-bottom: .5em;
    font-size: 87.5%;
    text-transform: uppercase;
    color: var(--color1-2);
}

.simple-stats-list .attr .value {
    font-size: 175%;
}

@media (min-width: 1400px) {
    .simple-stats-list .attr {
        min-width: 8em;
    }
}

/* .simple-stats-list.is-large */

.simple-stats-list.is-large .attr {
    min-width: 12em;
}

/* form.simple-form */

form.simple-form .form-label {
    text-transform: uppercase;
}

form.simple-form .form-control,
form.simple-form .form-select {
    border: none;
    background-color: var(--color1-3);
}

/* .download-app-section */

.download-app-section article {
    position: relative;
    padding: 2em 0;
    height: 100%;
    width: 100%;
    text-align: center;
}

.download-app-section article .screenshot-image {
    width: 65%;
    height: auto;
}

.download-app-section article .content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 28px 15px 36px;
    color: #ccc;
    background: #000;
    box-shadow: 0 -3px 8px rgba(0,0,0,0.5);
}

.download-app-section article h1 {
    margin-bottom: 15px;
    line-height: 1.2;
    font-size: 24px;
    font-weight: 700;
    color: var(--color2);
}

.download-app-section article h3 {
    line-height: 1.2;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
}

.download-app-section article .download-options a {
    margin: 16px 8px 0;
    width: 128px;
}

.download-app-section article .download-options img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

@media (max-width: 767px) {
    .download-app-section article .download-options a.ios {
        width: 120px;
    }
}

@media (min-width: 768px) {
    .download-app-section article {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: start;
    }

    .download-app-section article .screenshot-image {
        width: 200px;
    }

    .download-app-section article .content {
        position: static;
        padding-top: 40px;
        max-width: 400px;
        background: transparent;
        box-shadow: none;
    }

    .download-app-section article h1 {
        font-size: 28px;
    }

    .download-app-section article h3 {
        font-size: 18px;
    }

    .download-app-section article .download-options {
        flex-direction: column;
        padding-top: 64px;
    }

    .download-app-section article .download-options a {
        margin: 15px 0 0;
        width: 172px;
    }
}

/* .how-to-watch-section */

.how-to-watch-section .country-selector span {
    color: var(--color2);
}

.how-to-watch-section .event-info {
    position: relative;
}

.how-to-watch-section .event-info .content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,0) 100%);
}

.how-to-watch-section .event-info .event-date {
    display: inline-block;
    margin-bottom: 0.25em;
    padding: 0.3em 0.5em;
    background: rgba(0,0,0,.5);
}

.how-to-watch-section .event-info .event-date.is-ended {
    color: var(--color1-2);
}

.how-to-watch-section .event-info a.nav-event {
    position: absolute;
    top: 50%;
    right: calc(100% + 1.25rem);
    transform: translateY(-50%);
    color: #fff;
    overflow: visible;
}

.how-to-watch-section .event-info a.nav-event .image {
    width: 12rem;
}

.how-to-watch-section .event-info a.nav-event .icon-arrow {
    position: absolute;
    top: 50%;
    right: 100%;
    transform: translateY(-50%);
    padding-right: .5rem;
    transition: .2s all ease-in;
    font-size: 3rem;
}

.how-to-watch-section .event-info a.nav-event:hover .icon-arrow {
    padding-right: 1rem;
}

.how-to-watch-section .event-info a.nav-event.right {
    left: calc(100% + 1.25rem);
    right: auto;
}

.how-to-watch-section .event-info a.nav-event.right .icon-arrow {
    left: 100%;
    right: auto;
    padding-left: .5rem;
    padding-right: 0;
}

.how-to-watch-section .event-info a.nav-event.right:hover .icon-arrow {
    padding-left: 1rem;
    padding-right: 0;
}

@media (max-width: 1199px) {
    .how-to-watch-section .event-info a.nav-event .image {
        display: none;
    }

    .how-to-watch-section .event-info a.nav-event .icon-arrow {
        padding: 0 !important;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 5rem;
        height: 5rem;
        background: rgba(0,0,0,.5);
    }

    .how-to-watch-section .event-info a.nav-event:hover .icon-arrow {
        opacity: .75;
    }
}

@media (max-width: 767px) {
    .how-to-watch-section .event-info a.nav-event:not(.right) {
        right: calc(100% - 5rem);
    }

    .how-to-watch-section .event-info a.nav-event.right {
        left: calc(100% - 5rem);
    }
}

@media (max-width: 575px) {
    .how-to-watch-section .event-info {
        margin: 0 calc(-1 * var(--bs-gutter-x, .75rem));
        width: 100vw;
    }

    .how-to-watch-section .event-info a.nav-event .icon-arrow {
        width: 3rem;
        height: 3rem;
    }

    .how-to-watch-section .event-info a.nav-event:not(.right) {
        right: calc(100% - 3rem);
    }

    .how-to-watch-section .event-info a.nav-event.right {
        left: calc(100% - 3rem);
    }
}

/* .how-to-watch-bout-cards */

.how-to-watch-bout-cards {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 1.5rem 0;
    border-bottom: 1px solid #eee;
}

.how-to-watch-bout-cards .title {
    font-size: .875rem;
    text-transform: uppercase;
    color: var(--color1-2);
}

.how-to-watch-bout-cards .date-and-time {
    font-size: 1.25rem;
}

@media(min-width: 768px) {
    .how-to-watch-bout-cards {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0;
        padding-bottom: .5rem;
    }

    .how-to-watch-bout-cards > * {
        margin-bottom: 1rem;
    }

    .how-to-watch-bout-cards > *:not(:last-child) {
        margin-right: 2rem;
        padding-right: 2rem;
        border-right: 1px solid #eee;
    }
}

/* .dark-page-section */

.dark-page-section {
    position: relative;
    color: #fff;
    background: var(--color1-4);
}

.dark-page-section .section-background-image {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* .event-ticket-card */

.event-ticket-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    color: var(--color1);
    background: #fff;
}

.event-ticket-card .ticket-title {
    margin-bottom: 0;
    padding: .2em .4em;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 2.6rem;
    line-height: 1rem;
    font-size: 1rem;
    text-transform: uppercase;
    text-align: center;
    background: var(--color2);
}

.event-ticket-card .ticket-title a {
    color: inherit;
    text-decoration: none;
}

.event-ticket-card .ticket-title a:hover {
    opacity: .75;
}

.event-ticket-card .ticket-content {
    flex: 1;
}

.event-ticket-card .ticket-cut-line {
    position: relative;
    border-top: 1px dashed var(--color1-2);
}

.event-ticket-card .ticket-cut-line::before,
.event-ticket-card .ticket-cut-line::after {
    content: ' ';
    position: absolute;
    width: 1rem;
    height: 1rem;
    left: -1px;
    transform: rotate(45deg) translate(-75%);
    background: var(--color1-4);
}

.event-ticket-card .ticket-cut-line::after {
    left: auto;
    right: calc(-1rem - 2px);
}

.event-ticket-card .ticket-footer {
    background: var(--color1-6);
}

.event-ticket-card .carousel .face-image {
    background: var(--color1-3);
}

.event-ticket-card .carousel-control-prev {
    justify-content: left;
}

.event-ticket-card .carousel-control-next {
    justify-content: right;
}

.event-ticket-card .carousel .icon-arrow {
    font-size: 2rem;
    color: var(--color1-1);
}

.event-ticket-card .event-matchup {
    grid-template-areas: 'stats';
    grid-template-columns: auto;
    grid-template-rows: auto;
}

.event-ticket-card .event-matchup .stats {
    padding: 0;
    background: transparent;
}

.event-ticket-card .is-value {
    transition: .3s opacity ease-in-out;
}

.event-ticket-card.is-transitioning .is-value {
    opacity: 0;
}

/* .carousel-banner */

.carousel-banner .carousel-item img {
    background-color: var(--color1-5);
}

.carousel-banner .carousel-caption {
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(0,0,0,.8) 0%, rgba(0,0,0,0) 100%);
}

.carousel-banner .carousel-caption .item-title {
    margin: 0;
    font-size: 1.25rem;
    line-height: 1;
}

.carousel-banner .carousel-caption .item-title a {
    color: inherit;
    text-decoration: none;
    transition: .2s color ease-in;
}

.carousel-banner .carousel-caption .item-title a:hover {
    color: var(--color2);
}

.carousel-banner .carousel-control-prev,
.carousel-banner .carousel-control-next {
    top: 35%;
    height: 30%;
    width: 10%;
    padding: .5rem;
    font-size: 2.5rem;
    line-height: 0;
}

.carousel-banner .carousel-control-prev { justify-content: flex-start; }
.carousel-banner .carousel-control-next { justify-content: flex-end; }

.carousel-banner .carousel-indicators {
    display: none;
    left: auto;
    margin: 1.5rem;
}

.carousel-banner .carousel-indicators [data-bs-target] {
    margin: 0 .25rem;
    width: .5rem;
    height: .5rem;
    border: .25rem solid transparent;
    transition: all .6s ease;
}

.carousel-banner .carousel-indicators .active[data-bs-target] {
    border-color: #fff;
}

@media(min-width: 576px) {
    .carousel-banner .carousel-control-prev,
    .carousel-banner .carousel-control-next {
        padding: 1rem;
    }

    .carousel-banner .carousel-indicators {
        display: flex;
    }
}

@media(min-width: 768px) {
    .carousel-banner .carousel-caption .item-title {
        font-size: 2rem;
    }

    .carousel-banner .carousel-control-prev,
    .carousel-banner .carousel-control-next {
        font-size: 2.5rem;
    }
}

@media(min-width: 1199px) {
    .carousel-banner .carousel-caption .item-title {
        font-size: 3rem;
    }
}