/* Crumbtrail */
.crumbtrail {color: var(--wp--preset--color--light-grey); font-size:0.625rem; font-family: var(--wp--preset--font-family--body); font-weight: 800; text-transform:uppercase; font-style:italic;}
.crumbtrail a {color: var(--wp--preset--color--gold);  font-style:italic; text-decoration:underline; font-weight:800;}
.crumbtrail .crumbtrail-separator::after {content:"/"; margin: 0 8px;}

/* Sisältöelementit*/
.hero-banner {margin-bottom: 40px !important; }
.hero-banner .wp-block-cover {position:relative; height: 0; padding-bottom: calc(49% + 71px);}
.hero-banner .wp-block-cover::after {content:""; background: linear-gradient(180deg, rgba(0, 19, 29, 0.00) 6.36%, #00131D 67.65%, #00131D 142.57%); height: 500px; position:absolute; bottom:0; left: 0; width: 100%;}
.hero-banner .wp-block-cover > img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.hero-banner .wp-block-cover__inner-container {position:absolute; bottom:0; left: 50%; max-width: 844px; transform: translateX(-50%); display:flex; flex-direction:column; align-items:center; padding: 0 24px 71px; box-sizing: border-box; z-index:1;}
.hero-banner .wp-block-cover__inner-container .wp-block-heading {text-align: center; font-size: var(--wp--preset--font-size--heading-1); font-style: italic;font-weight: 800;line-height: 68px; /* 106.25% */letter-spacing: -1.92px;text-transform: uppercase; margin-bottom:24px; color:var(--wp--preset--color--gold);}
.hero-banner .wp-block-cover__inner-container p {margin:0; text-align:center; font-size:1.5rem;font-style: normal;font-weight: 600;line-height: 34px; /* 141.667% */}

.wp-block-empa-accordion .accordion-items .wp-block-empa-accordion-item:not(:last-child) {margin-bottom: 12px;}
.wp-block-empa-accordion .accordion-items .wp-block-empa-accordion-item {border: 1px solid #1A2B34; border-radius: 6px;}
.wp-block-empa-accordion .accordion-items .wp-block-empa-accordion-item .accordion-title-container {position:relative;}
.wp-block-empa-accordion .accordion-items .wp-block-empa-accordion-item .accordion-title-container::after {content:""; opacity: 0.1; background: linear-gradient(3deg, #00131D -24.67%, #FFF 90.38%, #FFF 110.68%); width:100%; position:absolute; height:100%; top:0;left:0;}
.wp-block-empa-accordion .accordion-items .wp-block-empa-accordion-item .accordion-title-container h3,
.wp-block-empa-accordion .accordion-items .wp-block-empa-accordion-item .accordion-title-container button { font-family: var(--wp--preset--font-family--body); text-align:left; font-size:1rem; font-style: italic;font-weight: 800;line-height: 18px; /* 112.5% */text-transform: uppercase;margin:0; width:100%; color:#fff; text-transform:uppercase; }
.wp-block-empa-accordion .accordion-items .wp-block-empa-accordion-item .accordion-title-container button {cursor:pointer; background: transparent; width: 100%; position:relative; border:none; padding:24px 12px; z-index: 1;}
.wp-block-empa-accordion .accordion-items .wp-block-empa-accordion-item .accordion-title-container button::after {content:""; background-image: url("../../assets/images/arrow-right-circle-solid.svg"); background-repeat: no-repeat; width:17px; height:17px; position:absolute; top:24px; right:25px; background-size: cover; display: block; transform: rotate(-180deg);}
.wp-block-empa-accordion .accordion-items .wp-block-empa-accordion-item .accordion-title-container button[aria-expanded="true"]::after { transform: rotate(0);}
.wp-block-empa-accordion .accordion-items .wp-block-empa-accordion-item .accordion-symbol {display:none;}
.wp-block-empa-accordion .accordion-items .wp-block-empa-accordion-item .accordion-item-container {border-top:1px solid var(--wp--preset--color--gold);}
.wp-block-empa-accordion .accordion-items .wp-block-empa-accordion-item .accordion-item-container p {margin:0; padding: 24px 31px 18px 24px;}

figure.wp-block-image {margin:36px 0 !important;}
figure.wp-block-image > img {aspect-ratio: 16/9;}

.narrow-text-content { max-width: 876px !important; }
.text-content p > a, .narrow-text-content p > a, .accordion-item-container p > a { color: var(--wp--preset--color--gold); text-decoration: underline; }

@media (max-width: 834px) {
    .hero-banner .wp-block-cover__inner-container {padding-bottom:24px; padding-left: 0;  padding-right: 0;}
    .hero-banner .wp-block-cover__inner-container p {font-size:1rem;font-style: normal;font-weight: 600;line-height: 26px; /* 162.5% */}
    .hero-banner .wp-block-cover__inner-container .wp-block-heading {margin-bottom:12px; line-height: 42px;}
    .hero-banner .wp-block-cover {padding-bottom:100%;}
    .hero-banner .wp-block-cover::after {height: 50%;}
}
@media (max-width: 575px) {
}

/* Frontpage*/
body.home .wp-site-blocks { overflow-x: hidden;}
body.home .wp-site-blocks main > .wp-block-post-content > .wp-block-group > div {margin:36px 0; display: inline-block; width: 100%; max-width: 100%;}
body.home .wp-block-post-content {position:relative; z-index:1; overflow:hidden;}
body.home main > .wp-block-post-content::before {content:""; position: absolute; background: #B2B2B2; border-radius: 50%; opacity: 0.1; filter: blur(62px); width: 1601.305px; height: 338.831px; left: 50%; transform: translateX(-50%); top: 60px;}
body.home main > .wp-block-post-content::after {content:""; background:url("../../assets/images/aalto.svg") no-repeat;  background-size:cover; background-position: center top; position:absolute; top:-160px; left:0; width: 3000px; height: 760px; min-width:100%; z-index: -1; opacity: 0.5;}

.wp-block-group:has(.games-carousel-archive-link) { position:relative; }
.games-carousel-archive-link { position: absolute; right: 25px; top: 7px; z-index: 2; }
.games-carousel-archive-link > a { color:var(--wp--preset--color--gold); font-weight: bold; font-style:italic; text-decoration: none; white-space:nowrap; font-size: 14px; text-transform: uppercase; }
.games-carousel-archive-link > a::after {content:""; mask-image:url("../../assets/images/chevron-right.svg"); mask-size: cover; mask-repeat: no-repeat; width: 8px; height: 11px; display: inline-block; background-color: var(--wp--preset--color--gold); aspect-ratio: 1 / 1; margin-left: 8px;}
.carousel { white-space: nowrap; }
.carousel > .slide { white-space: normal; display: inline-block; vertical-align: top; }

div:is(.matches-carousel,.top-scorers-carousel,.players-of-month-column):not(:has(.tns-outer)) { position: relative; overflow: hidden; }
div:is(.matches-carousel,.top-scorers-carousel,.players-of-month-column):not(:has(.tns-outer)) .carousel::after { content:""; position: absolute; z-index:2; left: 0; top: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.45); }
div:is(.matches-carousel,.top-scorers-carousel,.players-of-month-column):not(:has(.tns-outer)) .carousel::before { content:""; position: absolute; z-index:3; left: 50%; top: 50%; width: auto; height: 50px; max-height: 90%; aspect-ratio: 1; transform:translateX(-50%) translateY(-50%); background: url(../../assets/images/floorball.svg) no-repeat; background-size: cover; animation: rotating 2s linear infinite; }

.fb-loader { position: relative; overflow: hidden; }
.fb-loader::after { content:""; position: absolute; z-index:2; left: 0; top: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.45); }
.fb-loader::before { content:""; position: absolute; z-index:3; left: 50%; top: 50%; width: auto; height: 50px; max-height: 90%; aspect-ratio: 1; transform:translateX(-50%) translateY(-50%); background: url(../../assets/images/floorball.svg) no-repeat; background-size: cover; animation: rotating 2s linear infinite; }

@keyframes rotating {
    from {
        transform: translateX(-50%) translateY(-50%) rotate(0deg);
    }
    to {
        transform: translateX(-50%) translateY(-50%) rotate(360deg);
    }
}

@media (max-width: 834px) {
    .wp-block-group:has(.games-carousel-archive-link) .games-tabs .matches .matches-header .matches-months { margin-bottom: 40px; }
    .games-carousel-archive-link { right: 50%; top: 118px; transform: translateX(50%); }
}

.games-tabs {position:relative;}
.games-tabs .tab-list {gap: 0 !important; justify-content:center; padding:0; list-style:none; }
.games-tabs .tab-list li button {cursor:pointer; background: var(--wp--preset--color--black); font-family:var(--wp--preset--font-family--body); font-size:0.75rem; font-style: italic; font-weight: 800; line-height: 16px; /* 133.333% */ letter-spacing: -0.12px; text-transform: uppercase; padding:12px 24px;}
.games-tabs .tab-list li:first-child button {border-radius: 6px 0 0 6px;border: 1px solid #1A2B34; background: #00131D; color:#fff;}
.games-tabs .tab-list li:last-child button {border-radius: 0 6px 6px 0;border: 1px solid #1A2B34; background: #00131D; color:#fff;}
.games-tabs .tab-list li button[aria-expanded="true"] {background:var(--wp--preset--color--gold); color:var(--wp--preset--color--black);}

.games-tabs .matches .matches-header {display: flex; margin-bottom: 24px; position:absolute; top:0; left:0;}
:is(.fliiga-matches,.matches, .matches-tabs) .matches-months {min-width:240px; cursor: default; display: flex; border-radius: 6px; border: 1px solid #1A2B34; background: #00131D; align-items:center; box-sizing:border-box;}
:is(.fliiga-matches,.matches, .matches-tabs) .matches-months button.previous {cursor:pointer; background-image:url("../../assets/images/icon _nav-arrow.svg"); background-repeat:no-repeat; background-size:auto 12.5px; background-position: 50% 50%; padding:20px 10px 20px 12px; background-color: transparent;border: none;}
:is(.fliiga-matches,.matches, .matches-tabs) .matches-months button.next {cursor:pointer; background-image:url("../../assets/images/icon _nav-arrow.svg"); background-repeat:no-repeat; background-size:auto 12.5px; background-position: 50% 50%; padding:20px 12px 20px 10px; background-color: transparent;border: none; transform: rotate(180deg);}
:is(.fliiga-matches,.matches, .matches-tabs) .matches-months .matches-month {margin: 0 auto; font-size: 0.75rem; font-style: normal;font-weight: 400;line-height: 40px; font-family:var(--wp--preset--font-family--body); flex-grow:1; text-align:center; }

.ruutu-stream-carousel-block { position: relative; }
.ruutu-stream-carousel-block h2.stream-carousel-title { line-height: 24px; margin-bottom: 25px; margin-top:0; color: var(--wp--preset--color--gold); font-size: 1.6875rem; }
.stream-tabs .tab-list { gap: 0 !important; justify-content:center; padding:0; list-style:none; position: absolute; right:0; top: -10px; margin: 0; }
.stream-tabs .tab-list li button {cursor:pointer; background: var(--wp--preset--color--black); font-family:var(--wp--preset--font-family--body); font-size:0.75rem; font-style: italic; font-weight: 800; line-height: 16px; /* 133.333% */ letter-spacing: -0.12px; text-transform: uppercase; padding:12px 24px;}
.stream-tabs .tab-list li:first-child button {border-radius: 6px 0 0 6px;border: 1px solid #1A2B34; background: #00131D; color:#fff;}
.stream-tabs .tab-list li:last-child button {border-radius: 0 6px 6px 0;border: 1px solid #1A2B34; background: #00131D; color:#fff;}
.stream-tabs .tab-list li button[aria-expanded="true"] {background:var(--wp--preset--color--gold); color:var(--wp--preset--color--black);}
.ruutu-stream-carousel-block .matches-carousel:not(:has(.tns-outer)) { position:relative; overflow:hidden; }
.ruutu-stream-carousel-block .matches-carousel .tns-controls button[data-controls="prev"] { transform: translateX(-50%) translateY(-80%); }
.ruutu-stream-carousel-block .matches-carousel .tns-controls button[data-controls="next"] { transform: translateX(+50%) translateY(-80%); }
.stream-content { width:100%; appearance:none; cursor:pointer; border:0; background:transparent; }
.stream-content .stream-name { font-family: var(--wp--preset--font-family--body); font-size: 16px; color:#fff; font-weight:800; font-style:italic; line-height:22px; letter-spacing: -3%; text-transform: uppercase; margin:12px 0 5px; }
.stream-content img { display:block; width: 100%; }

.stream-popup { position: fixed; visibility:hidden; font-family: 'Open sans', sans-serif; font-size: 18px; line-height:28px; font-weight: 400; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10000; color: white; padding: 20px 24px; border-radius: 10px; width: 1600px; max-width: 90%; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.5s ease-in-out, visibility 0.5s linear; padding:35px 45px; background-color:var(--wp--preset--color--black); }
.stream-popup-overlay { background: rgb(0, 19, 29); visibility:hidden; position: fixed; top: 0; width: 100%; height: 100%; opacity: 0; z-index:50; transition: opacity 0.5s ease-in-out, visibility 0.5s linear; }
.stream-popup.show { transition: opacity 0.5s ease-in-out, visibility 0s linear; visibility: visible; opacity: 1; transform: translate(-50%, -50%) scale(1); }
.stream-popup-overlay.show { transition: opacity 0.5s ease-in-out, visibility 0s linear; opacity: 0.6; visibility: visible; }
.stream-popup #stream-popup-title { font-size: 1.685rem; font-style: italic; font-weight: 800; text-align: center; color: var(--wp--preset--color--gold); margin: 0 0 20px; }
.stream-popup #stream-player { width: 100%; aspect-ratio: 16/9; background-position: center center; background-size: contain; background-repeat: no-repeat; overflow:hidden; }
.stream-popup #stream-player .reaktor-player-container:not(.r-ready) { opacity: 0; }
.stream-popup .stream-popup-close-btn { cursor: pointer; position: absolute; top:15px; right: 15px; font-weight: 900; font-size: 1.25rem; color: #fff; background: transparent; appearance: none; border: 0;}
body:has(.stream-popup.show) { overflow:hidden; }

.stream-popup .loader { width: fit-content; font-weight: bold; font-family: sans-serif; font-size: 30px; padding-bottom: 8px; background: linear-gradient(currentColor 0 0) 0 100%/0% 3px no-repeat; animation: streamloader 2s linear infinite; position: absolute; top: 50%; left: 50%; z-index: 3; transform: translateX(-50%) translateY(-50%) }
html[lang="fi"] .stream-popup .loader:before { content:"Ladataan..." }
html[lang="en"] .stream-popup .loader:before { content:"Loading..." }
.stream-popup:has(.reaktor-player-container.r-ready) .loader { display:none; }
@keyframes streamloader {to{background-size: 100% 3px}}

@media (max-width:991px) {
    .ruutu-stream-carousel-block h2.stream-carousel-title { text-align: center; font-size: var(--wp--preset--font-size--heading-3); font-style: italic; font-weight: 800; line-height: normal; letter-spacing: -1.08px; text-transform: uppercase; color: var(--wp--preset--color--gold); margin-top:0; }
    .stream-tabs .tab-list { position: static; }
    body.home .wp-site-blocks main > .wp-block-post-content > .wp-block-group > div:has(.ruutu-stream-carousel-block) { padding-bottom: 80px; }
}
@media (max-width: 834px) {
    .ruutu-stream-carousel-block .matches-carousel .tns-controls button[data-controls="prev"] { left: 0; transform: unset;}
    .ruutu-stream-carousel-block .matches-carousel .tns-controls button[data-controls="next"] { right: 0; transform: unset;}
}

.front-news {display: flex !important; column-gap: 20px;}
.front-news .single-highlight-column {flex-basis: 68% !important; max-width: 847px;}
.front-news .news-grid .grid-item a {position:relative; display:block; color: #fff; border-radius: 6px; border: 1px solid #1A2B34; overflow: hidden;}
.front-news .news-grid .grid-item a::after {content:""; background: linear-gradient(180deg, rgba(0, 19, 29, 0.00) 29.77%, #00131D 85.95%, #00131D 100%); position:absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;}
.front-news .news-grid .grid-item a .grid-image {position:relative; height:0; padding-bottom:66.666%; }
.front-news .news-grid .grid-item a .grid-image > img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; max-width: 100%;}
.front-news .news-grid .grid-item a .grid-item-content {position:absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-wrap: wrap; padding: 24px; box-sizing:border-box;}
.front-news .news-grid .grid-item a .grid-item-content .grid-item-header {position:relative; display:flex;flex-wrap: wrap; column-gap:3px; width: 100%; color: var(--wp--preset--color--gold); font-family: "Open Sans";font-size: 0.875rem; ;font-style: italic; font-weight: 800; line-height: 22px; /* 157.143% */letter-spacing: -0.14px;text-transform: uppercase;}
.front-news .news-grid .grid-item a .grid-item-content .grid-item-header > div {position:relative; z-index:1;}
.front-news .news-grid .grid-item a .grid-item-content .grid-item-header .grid-item-tag {margin-left: auto;}
.front-news .news-grid .grid-item a .grid-item-content .grid-item-header::before {content:"🔥"; position:relative; z-index: 1;}
.front-news .news-grid .grid-item a .grid-item-content .grid-item-header::after {content:""; background: linear-gradient(0deg, rgba(0, 19, 29, 0.00) 3.03%, rgba(0, 19, 29, 0.90) 54.67%, #00131D 66.45%, #00131D 96.97%); position:absolute; top: -24px; left: -24px; width: calc(100% + 48px);height: 80px; z-index:0; }
.front-news .news-grid .grid-item a .grid-item-content h3 {margin-top:auto; margin-bottom:0; max-width: 634px; position:relative; z-index:1; line-height: 115%; }
.front-news .news-grid .grid-item a:is(:hover, :focus) .grid-item-content h3 {text-decoration: underline; }

.front-news .news-list-column {flex-basis:32% !important;}
.front-news .news-list-column h2 {font-style: italic; font-weight: 800; line-height: normal; letter-spacing: -0.81px; text-transform: uppercase; font-size: 1.688rem; padding-left: 23px; margin: 0; }
.front-news .news-list-column .news-list {margin-top: 7px;}
.front-news .news-list-column .news-list .list-item {padding: 24px 0;}
.front-news .news-list-column .news-list .list-item a {padding-top:0; }
.front-news .news-list-column .news-list .list-item:not(:last-child) {border-bottom:1px solid #1A2B34;}
.front-news .news-list-column .news-list .list-item a {color:#fff; text-decoration:none; padding: 0 50px 0 23px; display:block; position:relative;}
.front-news .news-list-column .news-list .list-item a::after {content:""; mask-image:url("../../assets/images/chevron-right.svg"); mask-size: cover; mask-repeat: no-repeat; width: 8px; height: 11px; position:absolute; top: 50%; right: 23px; transform: translateY(-50%); display: inline-block; background-color: #fff; aspect-ratio: 1 / 1;}
.front-news .news-list-column .news-list .list-item a h3 {font-size: 0.875rem; font-style: normal; font-weight: 400; line-height: 24px; /* 171.429% */ letter-spacing: -0.14px; margin: 0; text-transform: none;}
.front-news .news-list-column .news-list .list-item a:is(:hover, :focus) {text-decoration:underline;}
.front-news .news-archive-link {text-align:right; padding: 0 23px 0 23px; margin-top: 12px;}
.front-news .news-archive-link a {font-style: italic; font-weight: 800; line-height: 16px; letter-spacing: -0.14px; text-transform: uppercase; color: var(--wp--preset--color--gold); text-decoration: none;}
.front-news .news-archive-link a::after {content:""; mask-image:url("../../assets/images/chevron-right.svg"); mask-size: cover; mask-repeat: no-repeat; width: 8px; height: 11px; display: inline-block; background-color: var(--wp--preset--color--gold); aspect-ratio: 1 / 1; margin-left: 8px;}
.front-news .news-archive-link a:is(:hover, :focus) {text-decoration: underline;}

.front-more-news {display:flex !important; column-gap: 20px;}
.front-more-news .news-carousel {flex-basis: 66%;}
.front-more-news .news-carousel .carousel .carousel-item a {height: 245px;}
.front-more-news .front-game-of-month {flex-basis: 33%; max-width: 413px;}
.front-more-news .match-card {overflow: hidden; display:flex; align-items:center; justify-content:center; flex-direction: column; width: 100%; height: 245px; border: 1px solid #1A2B34; position:relative; background:transparent;padding: 24px; box-sizing: border-box; border-radius:6px; }
.front-more-news .match-card::before {content:"";  position: absolute; background: #B2B2B2; border-radius: 50%; opacity: 0.1; filter: blur(62px); width: 639px; height: 253px;}
.front-more-news .match-card::after {content:""; background:url("../../assets/images/aalto3.svg") no-repeat; background-size: contain; background-position: center center; position:absolute; top: 0; left: -50%; width: 867px; height: 290px; min-width:100%; z-index: 0; opacity: 0.7;}
.front-more-news .match-card .match-content {margin-top: auto; background:transparent; min-height: unset; overflow: unset; padding: 0; width: 100%;}
.front-more-news .match-card .match-scores {flex-direction:column;}
.front-more-news .match-card .match-scores > span {padding: 0; background:transparent; font-size:1rem;font-style: italic;font-weight: 800;line-height: 20px; /* 125% */letter-spacing: -0.48px;text-transform: uppercase;}
.front-more-news .match-card .match-teams { height: 100%; width: 100%; position: relative; z-index: 2; padding: 0; justify-content: center;}
.front-more-news .match-card .match-teams .team-logo > img {height:100px; width: auto;}
.front-more-news .match-card .match-teams .team-name { display:none;}
.front-more-news .match-card .match-footer {margin-top:auto; width:100%; position: relative; z-index: 1; justify-content: center;}

.front-game-of-month .game-of-month-placeholder {height: calc(100% - 52px); border: 1px solid #1A2B34; position:relative; overflow: hidden; border-radius: 6px;}
.front-game-of-month .game-of-month-placeholder::before {content: ""; position: absolute; background: #B2B2B2; border-radius: 50%; opacity: 0.1; filter: blur(62px); width: 639.225px;height: 253.052px;}
.front-game-of-month .game-of-month-placeholder::after {content:""; background:url("../../assets/images/aalto3.svg") no-repeat; background-size: contain; background-position: center center; position:absolute; top: -12px; left: -50%; width: 837px; height: 260px; min-width:100%; z-index:-1; opacity: 0.7;}
.front-game-of-month .game-of-month-placeholder .placeholder-content {position: relative; font-size: 0.875rem; font-style: italic;font-weight: 800;line-height: 19px; /* 135.714% */letter-spacing: -0.42px;text-transform: uppercase; display:flex; flex-direction:column; padding:36px 0; align-items:center; justify-content:center; height: 100%; box-sizing: border-box;text-align:center;}
.front-game-of-month .game-of-month-placeholder .placeholder-content img {width:140px; height:auto; max-width:100%; margin: 16px 0 24px;}
.front-game-of-month .game-of-month-placeholder .placeholder-content a {display: flex; align-items: center; justify-content: center;transition: 0.2s ease-in-out; text-decoration: none; font-weight:800;color: var(--wp--preset--color--black); font-size: 0.875rem; font-style: italic; line-height: 16px; /* 114.286% */letter-spacing: -0.14px;text-transform: uppercase; border-radius: 6px; border: 1px solid #1A2B34; background: var(--wp--preset--color--gold); box-shadow: 0 3px 24px 0 rgba(255, 255, 255, 0.10); padding: 10px 16px;}
.front-game-of-month .game-of-month-placeholder .placeholder-content a::after {content: ""; mask-image: url("../../assets/images/out-icon.svg"); mask-size: cover; mask-repeat: no-repeat; transition: 0.2s ease-in; width: 11px; height: 11px; margin-left: 12px; display: inline-block; background-color: var(--wp--preset--color--black); aspect-ratio: 1 / 1; transition: 0.2s ease-in-out;}
.front-game-of-month .game-of-month-placeholder .placeholder-content a:is(:hover, :focus) {background: linear-gradient(0deg, #00131D -67.44%, #FFF 826.05%, #FFF 983.72%); color: #fff;}
.front-game-of-month .game-of-month-placeholder .placeholder-content a:is(:hover, :focus)::after {background:#fff;}

.wp-block-group:has(.leaderboard-columns) > h2 {text-align:center; font-size: var(--wp--preset--font-size--heading-3); font-style: italic;font-weight: 800;line-height: normal;letter-spacing: -1.08px;text-transform: uppercase; margin-bottom:24px; color: var(--wp--preset--color--gold);}
.leaderboard.tabs {position: relative;}
.leaderboard .leaderboard-series {position: absolute; top: 8px; color: var(--wp--preset--color--gold); font-size: 1rem; font-style: italic; font-weight: 800; line-height: normal; letter-spacing: -0.48px; text-transform: uppercase;}
.leaderboard .tab-list {list-style: none; padding: 0; display: flex; justify-content: center; overflow: hidden; width: 53%; margin: 0 0 0 auto !important; border: 1px solid #1A2B34; border-radius: 6px 6px 0 0; gap: 0 !important; }
.leaderboard .tab-list li {flex-grow: 1; text-align: center;}
.leaderboard .tab-list li button {cursor: pointer;background: var(--wp--preset--color--black); width: 100%;font-size: 0.75rem; text-align: center; font-family: var(--wp--preset--font-family--body); font-style: italic; font-weight: 800; line-height: 16px; letter-spacing: -0.12px; white-space: nowrap; text-transform: uppercase; color: #fff; padding: 10px 0; border-width: 0 1px 0 0; border-style: solid; border-color: #1A2B34;}
.leaderboard .tab-list li button[aria-expanded="true"] { border: none; background: #fff; color: var(--wp--preset--color--black); }
.leaderboard .tab-content {position: relative; border: 1px solid #1A2B34; border-radius: 0 0 6px 6px; background: #00131D; padding: 0 6px; overflow: hidden; position: relative;}
.leaderboard .tab-content::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 160px; background: linear-gradient(180deg, rgba(0, 19, 29, 0.00) 0%, #00131D 53.8%); z-index: 1; pointer-events: none;}
.leaderboard .tab-content > .columns {display: flex;justify-content: space-between; column-gap: 6px; align-items: center;}
.leaderboard .tab-content .columns:has(> .left .team-player-card)::before {content: "";position: absolute; background: #B2B2B2; border-radius: 50%; opacity: 0.1; filter: blur(62px); width: 883px; height: 309px; left: 50%; top: 50%; transform: translateX(-70%) translateY(-40%); }
.leaderboard .tab-content .columns:has(> .left .team-player-card)::after {content: ""; background: url("../../assets/images/aalto.svg"); background-repeat: repeat; background-repeat: no-repeat;background-position: center center; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; opacity: 0.5;}
.leaderboard .tab-content .columns > .left {width: 43%; padding: 27px 0 27px;}
.leaderboard .tab-content .columns > .left .team-player-card {position: relative; display: block; color:#fff; }
.leaderboard .tab-content .columns > .left .team-player-card .player-number {position: absolute; left: 12px; top: -4px; font-size: 0.75rem; color: #fff; font-style: italic; font-weight: 800; line-height: 16px; text-transform: uppercase;}
.leaderboard .tab-content .columns > .left .team-player-card .player-points {position: absolute; right: 0; top: -10px; display: flex; flex-direction: column; align-items: center;}
.leaderboard .tab-content .columns > .left .team-player-card .player-points .value { font-size: 2.25rem; color: var(--wp--preset--color--gold); font-style: italic; font-weight: 800; line-height: 44px; letter-spacing: -1.32px; text-transform: uppercase;}
.leaderboard .tab-content .columns > .left .team-player-card .player-points .label {font-size: 0.75rem; color: #fff; font-style: italic; font-weight: 800; line-height: 16px; text-transform: uppercase;}
.leaderboard .tab-content .columns > .left .team-player-card .player-image {text-align: center; padding-top: 60px; z-index: 1; position: relative; padding-bottom:32px;}
.leaderboard .tab-content .columns > .left .team-player-card .player-image > img {height: 210px; width: auto; max-width: 100%; object-fit: cover; vertical-align: bottom;}
.leaderboard .tab-content .columns > .left .team-player-card h2 {font-size: 1.5rem; font-style: italic; font-weight: 800; line-height: 24px; letter-spacing: -0.24px; text-transform: uppercase; display: flex; flex-direction: column; position: absolute; left: 62px; bottom: -15px; z-index: 2; margin: 0;}
.leaderboard .tab-content .columns > .left .team-player-card .player-position {box-sizing: border-box; position: absolute; left: -6px; top: 100%; z-index: 2; background-color: var(--wp--preset--color--gold); padding: 10px; border-radius: 0 0 0 6px; font-size: 1.5rem; font-style: italic; font-weight: 800; line-height: normal; letter-spacing: -0.72px; text-transform: uppercase; color: var(--wp--preset--color--black); width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;}
.leaderboard .tab-content .columns > .right {width: 53%; align-self: flex-start; padding: 27px 0 27px;}
.leaderboard .tab-content .columns > .right .scorecard-table {border-collapse: separate; border-spacing: 0 8px; width: 100%; position: relative; z-index: 2;}
.leaderboard .tab-content .columns > .right .scorecard-table > tbody tr td:first-child { padding-left: 12px; border-radius: 6px 0 0 6px; font-size: 1.125rem; font-style: italic; font-weight: 800; line-height: 18px; letter-spacing: -0.54px; text-transform: uppercase;}
.leaderboard .tab-content .columns > .right .scorecard-table > tbody tr td:last-child {padding-right: 12px; border-radius: 0 6px 6px 0;}
.leaderboard .tab-content .columns > .right .scorecard-table > tbody tr {height: 58px;}
.leaderboard .tab-content .columns > .right .scorecard-table > tbody tr td { padding: 2px 4px; background-color: #1A2B34;}
.leaderboard .tab-content .columns > .right .scorecard-table td.player-image > img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; vertical-align: middle;}
.leaderboard .tab-content .columns > .right .scorecard-table td.player-name .name { margin-bottom: -10px; display: block; font-size: 0.875rem; font-style: italic; font-weight: 800; line-height: 18px; letter-spacing: -0.14px; text-transform: uppercase; color: #fff;}
.leaderboard .tab-content .columns > .right .scorecard-table td.player-name .player-number { font-size: 0.625rem; font-style: normal; font-weight: 700; line-height: 18px; text-transform: uppercase; color: var(--wp--preset--color--light-grey); display: inline-block;}
.leaderboard .tab-content .columns > .right .scorecard-table td.player-points mark { display: block; text-align: right; font-size: 1.125rem; font-style: italic; font-weight: 800; line-height: 18px; letter-spacing: -0.54px; text-transform: uppercase;}
.leaderboard .tab-content .columns > .right .scorecard-table td.player-points .points-label { font-size: 0.625rem; font-style: normal; font-weight: 700; line-height: 18px; text-transform: uppercase; color: var(--wp--preset--color--light-grey); display: block; text-align: right;}
.leaderboard .statistics-link {margin-top:12px; text-align:right;}
.leaderboard .statistics-link a {display: inline-flex; align-items: center; justify-content: center; transition: 0.2s ease-in-out; text-decoration: none; color: var(--wp--preset--color--black); font-size: 0.75rem; font-style: italic; font-weight: 800; line-height: 16px; letter-spacing: -0.12px; text-transform: uppercase; border-radius: 6px; border: 1px solid #1A2B34; background: var(--wp--preset--color--gold); box-shadow: 0 3px 24px 0 rgba(255, 255, 255, 0.10); padding: 10px 16px;}
.leaderboard .statistics-link a::after {content: ""; mask-image: url("../../assets/images/chevron-right.svg"); mask-size: cover; mask-repeat: no-repeat; width: 5px; height: 7px; margin-left: 8px; display: inline-block; background-color: #00131D; transition: 0.2s ease-in-out;}
.leaderboard .statistics-link a:is(:hover, :focus) {background: linear-gradient(0deg, #00131D -67.44%, #FFF 826.05%, #FFF 983.72%); color: #fff;}
.leaderboard .statistics-link a:is(:hover, :focus)::after {background-color: #fff;}

.leaderboard .tab-content .columns > .left a.team-player-card:is(:hover, :focus) h2 { color: var(--wp--preset--color--gold); }
.leaderboard .tab-content .columns > .right div.scorecard-table { display:table; border-collapse: separate; border-spacing: 0 8px; width: 100%; position: relative; z-index: 2;}
.leaderboard .tab-content .columns > .right div.scorecard-table .table-row { display: table-row; height: 58px; color:#fff; text-decoration:none; }
.leaderboard .tab-content .columns > .right div.scorecard-table .table-row:is(:hover, :focus) .name { color: var(--wp--preset--color--gold); }
.leaderboard .tab-content .columns > .right div.scorecard-table .table-row > div { display: table-cell; vertical-align: middle; padding: 2px 4px; background-color: #1A2B34;}
.leaderboard .tab-content .columns > .right div.scorecard-table .table-row > div:first-child { padding-left: 12px; border-radius: 6px 0 0 6px; font-size: 1.125rem; font-style: italic; font-weight: 800; line-height: 18px; letter-spacing: -0.54px; text-transform: uppercase;}
.leaderboard .tab-content .columns > .right div.scorecard-table .table-row > div:last-child {padding-right: 12px; border-radius: 0 6px 6px 0;}
.leaderboard .tab-content .columns > .right div.scorecard-table .player-image > img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; vertical-align: middle;}
.leaderboard .tab-content .columns > .right div.scorecard-table .player-name .name { margin-bottom: -10px; display: block; font-size: 0.875rem; font-style: italic; font-weight: 800; line-height: 18px; letter-spacing: -0.14px; text-transform: uppercase; color: #fff;}
.leaderboard .tab-content .columns > .right div.scorecard-table .player-name .player-number { font-size: 0.625rem; font-style: normal; font-weight: 700; line-height: 18px; text-transform: uppercase; color: var(--wp--preset--color--light-grey); display: inline-block;}
.leaderboard .tab-content .columns > .right div.scorecard-table .player-points mark { display: block; text-align: right; font-size: 1.125rem; font-style: italic; font-weight: 800; line-height: 18px; letter-spacing: -0.54px; text-transform: uppercase;}
.leaderboard .tab-content .columns > .right div.scorecard-table .player-points .points-label { font-size: 0.625rem; font-style: normal; font-weight: 700; line-height: 18px; text-transform: uppercase; color: var(--wp--preset--color--light-grey); display: block; text-align: right;}

.wp-block-group:has(.standings-columns) > h2 {text-align:center; font-size: var(--wp--preset--font-size--heading-3); font-style: italic;font-weight: 800;line-height: normal;letter-spacing: -1.08px;text-transform: uppercase; margin-bottom:24px; color: var(--wp--preset--color--gold);}
.standings > h2 {font-size: 1.5rem !important; font-style: italic;font-weight: 800;line-height: normal;letter-spacing: -0.72px !important;text-transform: uppercase; margin:0 0 24px !important; color:var(--wp--preset--color--gold);}
.standings .table {border: 1px solid #1A2B34;border-radius: 6px;}
.standings .table table { width: 100%; border-collapse: collapse; font-size: 1rem; line-height: 14px; max-width:100%;}
.standings .table table:not(.sortable-table) thead tr th { padding: 32px 24px 32px; text-align: center; color: var(--wp--preset--color--light-grey); white-space: nowrap; }
.standings .table table thead tr th:first-child { width: 50px;}
.standings .table table thead tr th:nth-child(2) {border-right: 1px solid rgba(100, 100, 100, 0.20); text-align:left;}
.standings .table table thead tr th:nth-child(2) button {text-align: left;}
.standings .table table thead tr th.active:nth-child(2) button::after {left:17%}
.standings .table table tbody tr:nth-child(2n+1) {background: rgba(178, 178, 178, 0.1);}
.standings .table table tbody tr td {padding: 32px 24px 32px; text-align: center; white-space:nowrap;}
.standings .table table tbody tr td a { color: var(--wp--preset--color--gold); font-size: 1rem; font-style: normal; font-weight: 600; line-height: 16px; text-decoration: none; display: flex; align-items: center; column-gap: 12px; }
.standings .table table tbody tr td:first-child {width: 50px;}
.standings .table table tbody tr td:nth-child(2) {text-align: left; border-right: 1px solid rgba(100, 100, 100, 0.20); color: var(--wp--preset--color--gold); font-weight: 600; width:100%;}
.standings .table table tbody tr td a img { height: 29px; width: auto; }
.standings .statistics-link {margin-top:12px; text-align:right;}
.standings .statistics-link a {display: inline-flex; align-items: center; justify-content: center; transition: 0.2s ease-in-out; text-decoration: none; color: var(--wp--preset--color--black); font-size: 0.75rem; font-style: italic; font-weight: 800; line-height: 16px; letter-spacing: -0.12px; text-transform: uppercase; border-radius: 6px; border: 1px solid #1A2B34; background: var(--wp--preset--color--gold); box-shadow: 0 3px 24px 0 rgba(255, 255, 255, 0.10); padding: 10px 16px;}
.standings .statistics-link a::after {content: ""; mask-image: url("../../assets/images/chevron-right.svg"); mask-size: cover; mask-repeat: no-repeat; width: 5px; height: 7px; margin-left: 8px; display: inline-block; background-color: #00131D; transition: 0.2s ease-in-out;}
.standings .statistics-link a:is(:hover, :focus) {background: linear-gradient(0deg, #00131D -67.44%, #FFF 826.05%, #FFF 983.72%); color: #fff;}
.standings .statistics-link a:is(:hover, :focus)::after {background-color: #fff;}
.standings .table table thead tr th { white-space: nowrap; }
.standings .table table thead tr th:has(:not(button)),
.standings .table table thead tr th button {cursor:pointer; text-align: center;font-family: "Open Sans";font-size: 1.125rem;font-style: normal;font-weight: 700;line-height: 14px; /* 77.778% */ background:transparent; border:none; color:var(--wp--preset--color--light-grey);  padding: 32px 24px 32px; width:100%; position:relative;}
.standings .table table thead tr th.active button::after {content:""; background:url("../../assets/images/Polygon.svg"); background-repeat:no-repeat; background-position: center center; background-size: cover; width: 10px;height: 6px;aspect-ratio: 5/3;display: inline-block; position: absolute; bottom: 20px;left: 50%; transform: translateX(-50%);}
.standings .table table thead tr th.active.asc button::after {transform:translateX(-50%) rotate(180deg);}
.standings .table table thead tr th.active button {background:var(--wp--preset--color--gold); color:#00131D; border-radius: 0 6px 0 0;}

.standings .table tr.playoffs > td, .standings table tr.qualifying { border-bottom: 1px solid var(--wp--preset--color--gold); }
.standings .table tr.falling > td { border-top: 1px solid rgba(255, 0, 79, 1); }

#standings .table:not(:has(th.active:not(:first-child))):not(:has(th.active.desc:first-child)) tr.playoffs > td, #standings  .table:not(:has(th.active:not(:first-child))):not(:has(th.active.desc:first-child)) tr.qualifying > td { border-bottom: 1px solid var(--wp--preset--color--gold); }
#standings .table:not(:has(th.active:not(:first-child))):not(:has(th.active.desc:first-child)) tr.falling > td { border-top: 1px solid rgba(255, 0, 79, 1); }


.top-scorers {padding-bottom: 36px; margin-bottom: 7rem !important; }
.top-scorers > h2 {font-size: var(--wp--preset--font-size--heading-3) !important; font-style: italic; line-height: 100% !important; font-weight: 800; text-transform: uppercase; letter-spacing: -1.08px !important; color: var(--wp--preset--color--gold); display: flex; justify-content: center; align-items: center; column-gap: 24px; margin-bottom: 2rem !important; }
.top-scorers p {max-width: 650px; margin: 13px auto 36px;}
.top-scorers-carousel .tns-outer {position:relative;}
.top-scorers-carousel .tns-controls button {position:absolute; top:50%; transform:translateY(-50%); z-index:2; width: 40px; height: 40px; border: none; background: unset; padding: 0;}
.top-scorers-carousel .tns-controls button[data-controls="prev"] {left: 52px; }
.top-scorers-carousel .tns-controls button[data-controls="next"] {right: 52px; }
.top-scorers-carousel .tns-controls button[data-controls="prev"] .icon {background-image: url("../../assets/images/arrow-right-circle-solid.svg"); background-repeat: no-repeat; background-size: cover; display: block; width: 100%; height: 100%; transform: rotate(-90deg);}
.top-scorers-carousel .tns-controls button[data-controls="next"] .icon {background-image: url("../../assets/images/arrow-right-circle-solid.svg"); background-repeat: no-repeat; background-size: cover; display: block; width: 100%; height: 100%; transform: rotate(90deg);}
.top-scorers-carousel .tns-nav {position: absolute; bottom: -34px; left: 0; width: 100%;  z-index: 1; display: flex; justify-content: center; gap: 8px; flex-wrap: wrap;}
.top-scorers-carousel .tns-nav button {aspect-ratio: 1 / 1; background: var(--wp--preset--color--light-grey); width: 11px; height: 11px; border-radius: 50%; border: none; padding: 0; cursor: pointer;}
.top-scorers-carousel .tns-nav button.tns-nav-active {background: #fff;}
.top-scorers-carousel .carousel .team-player-card {overflow: hidden; border-radius: 6px; background: #00131D; border:1px solid #1A2B34; position:relative; width: 415px; margin: 0 auto;}
.top-scorers-carousel .carousel .team-player-card > a { color: #fff; }
.top-scorers-carousel .carousel .team-player-card::before { content: ""; position: absolute; background: #B2B2B2; border-radius: 50%; opacity: 0.1; filter: blur(62px); width: 883px; height: 309px; left: 50%; top: 50%; transform: translateX(-20%) translateY(-30%);}
.top-scorers-carousel .carousel .team-player-card::after { content: ""; background:url("../../assets/images/fliiga-haukka.svg") no-repeat; background-size: cover; width:100%; height: 106%; z-index:0; display:block; position:absolute; top:0; left: -3%; opacity: 0.4; }
.top-scorers-carousel .carousel .team-player-card .player-number {font-size: 0.75rem; font-style: italic;font-weight: 800;line-height: 16px; /* 133.333% */text-transform: uppercase; position:absolute; top:24px; left:24px;}
.top-scorers-carousel .carousel .team-player-card .player-points {display:flex; flex-direction:column; align-items:flex-end; position:absolute; top:24px; right:24px;}
.top-scorers-carousel .carousel .team-player-card .player-points .value {font-size: 2.75rem; font-style: italic;font-weight: 800;line-height: 44px; /* 100% */letter-spacing: -1.32px;text-transform: uppercase; color:var(--wp--preset--color--gold);}
.top-scorers-carousel .carousel .team-player-card .player-points .label {font-size: 0.75rem; font-style: italic;font-weight: 800;line-height: 16px; /* 133.333% */text-transform: uppercase;}
.top-scorers-carousel .carousel .team-player-card h2 {margin:0; position:relative; z-index:2; font-size: 1.5rem; font-style: italic; font-weight: 800; line-height: 24px; letter-spacing: -0.24px; text-transform: uppercase; display: flex; flex-direction: column; position:absolute; left:24px; bottom:24px; width:100%;}
.top-scorers-carousel .carousel .team-player-card h2 span {padding-left: 5%;}
.top-scorers-carousel .carousel .team-player-card .player-image {position:relative; text-align:center; padding: 48px 0 53px; z-index:2;}
.top-scorers-carousel .carousel .team-player-card .player-image > img {width: 196px;}
.top-scorers-carousel .carousel .team-player-card .player-image::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 114px; background: linear-gradient(180deg, rgba(0, 19, 29, 0.00) 0%, #00131D 53.8%);  z-index: 1; }

.players-of-month {padding-bottom: 36px; position:relative; }
.players-of-month .players-of-month-column {position:relative; z-index:2;}
.players-of-month::before {content:""; background-image:url("../../assets/images/timantit-vasen.svg"); background-repeat: no-repeat; background-size: cover; background-size:cover; position:absolute; top: 0; left: -25%; width: 894px; height: 100%; z-index: 0; opacity:0.5; }
.players-of-month::after {content:""; background-image:url("../../assets/images/timantit-oikea.svg"); background-repeat: no-repeat; background-size: cover; background-size:cover; position:absolute; top: 0; right: -25%; width: 894px; height: 100%; z-index: 0; opacity:0.5; }
.players-of-month > h2 {font-size: var(--wp--preset--font-size--heading-3) !important; font-style: italic; line-height: 100% !important; font-weight: 800; text-transform: uppercase; letter-spacing: -1.08px !important; color: var(--wp--preset--color--gold); display: flex; justify-content: center; align-items: center; column-gap: 24px;}
.players-of-month p {max-width: 650px; margin: 13px auto 36px;}
.players-of-month .tns-outer {position:relative;}
.players-of-month .tns-controls button {position:absolute; top:50%; transform:translateY(-50%); z-index:2; width: 40px; height: 40px; border: none; background: unset; padding: 0;}
.players-of-month .tns-controls button[data-controls="prev"] {left: 52px; }
.players-of-month .tns-controls button[data-controls="next"] {right: 52px; }
.players-of-month .tns-controls button[data-controls="prev"] .icon {background-image: url("../../assets/images/arrow-right-circle-solid.svg"); background-repeat: no-repeat; background-size: cover; display: block; width: 100%; height: 100%; transform: rotate(-90deg);}
.players-of-month .tns-controls button[data-controls="next"] .icon {background-image: url("../../assets/images/arrow-right-circle-solid.svg"); background-repeat: no-repeat; background-size: cover; display: block; width: 100%; height: 100%; transform: rotate(90deg);}
.players-of-month .tns-nav {position: absolute; bottom: -34px; left: 0; width: 100%;  z-index: 1; display: flex; justify-content: center; gap: 8px; flex-wrap: wrap;}
.players-of-month .tns-nav button {aspect-ratio: 1 / 1; background: var(--wp--preset--color--light-grey); width: 11px; height: 11px; border-radius: 50%; border: none; padding: 0; cursor: pointer;}
.players-of-month .tns-nav button.tns-nav-active {background: #fff;}
.players-of-month .carousel .team-player-card {overflow: hidden; border-radius: 6px; background: #00131D; border:1px solid #1A2B34; position:relative; width: 415px; margin: 0 auto 4px; box-shadow: 4px 4px 0px 0px rgba(210, 174, 54, 1);}
.players-of-month .carousel .team-player-card::before { content: ""; position: absolute; background: #B2B2B2; border-radius: 50%; opacity: 0.1; filter: blur(62px); width: 883px; height: 309px; left: 50%; top: 50%; transform: translateX(-20%) translateY(-30%);}
.players-of-month .carousel .team-player-card::after { content: ""; background:url("../../assets/images/fliiga-haukka.svg") no-repeat; background-size: cover; width:100%; height: 106%; z-index:0; display:block; position:absolute; top:0; left: -3%; opacity: 0.4;}
.players-of-month .carousel .team-player-card > a { color: #fff; }
.players-of-month .carousel .team-player-card .player-number {z-index: 1; font-size: 0.75rem; font-style: italic;font-weight: 800;line-height: 16px; /* 133.333% */text-transform: uppercase; position:absolute; top:24px; left:24px;}
.players-of-month .carousel .team-player-card .month {z-index: 1; position:absolute; top:24px; right:24px; font-size:1.5rem; font-style: italic;font-weight: 800;line-height: 24px; /* 100% */letter-spacing: -0.24px;text-transform: uppercase; text-transform: uppercase; color:var(--wp--preset--color--gold);}
.players-of-month .carousel .team-player-card h2 {margin:0; position:relative; z-index:2; font-size: 1.5rem; font-style: italic; font-weight: 800; line-height: 24px; letter-spacing: -0.24px; text-transform: uppercase; display: flex; flex-direction: column; position:absolute; left:24px; bottom:24px; width:100%;}
.players-of-month .carousel .team-player-card h2 span {padding-left: 5%;}
.players-of-month .carousel .team-player-card .player-image {position:relative; text-align:center; padding: 48px 0 53px; z-index:2;}
.players-of-month .carousel .team-player-card .player-image > img {width: 196px;}
.players-of-month .carousel .team-player-card .player-image::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 114px; background: linear-gradient(180deg, rgba(0, 19, 29, 0.00) 0%, #00131D 53.8%);  z-index: 1; }

.banner {margin-top: 36px !important; margin-bottom:36px !important; padding-top:0 !important; padding-bottom:0 !important;}
.banner .wp-block-cover {justify-content:flex-start; position:relative; border-radius: 6px; border:1px solid var(--wp--preset--color--gold); padding-left: 42px;}
.banner .wp-block-cover::before {content:""; position:absolute; top: 0; left: 0; width:100%; height:100%; background: linear-gradient(90deg, var(--Musta, #00131D) 36.35%, rgba(0, 19, 29, 0.00) 59.44%); z-index:1;}
.banner .wp-block-cover::after {content:""; background-image:url("../../assets/images/aalto4.svg"); background-repeat:no-repeat; background-size: contain; position:absolute; top: 0; left: 0; width:100%; height:100%;z-index:2;}
.banner .wp-block-cover__inner-container {width:40%; position:relative; z-index:3;}
.banner .wp-block-heading {font-size: var(--wp--preset--font-size--heading-3); font-style: italic; font-weight: 800;line-height: 42px; /* 116.667% */letter-spacing: -1.08px;text-transform: uppercase; color:var(--wp--preset--color--gold);}
.banner a {display: flex; align-items: center; font-size:0.875rem; font-style: italic;font-weight: 800;line-height: 16px; /* 114.286% */letter-spacing: -0.14px;text-transform: uppercase; color:#fff; text-decoration:none;}
.banner a::after {content: ""; mask-image: url("../../assets/images/chevron-right.svg"); mask-size: cover; mask-repeat: no-repeat; width: 5px; height: 7px; margin-left: 8px; display: inline-block; background-color: #fff; transition: 0.2s ease-in-out;}
.banner a:is(:hover, :focus) {text-decoration:underline;}

.mobile-tabs .mobile-tab-list { display: none; width:100%; justify-content: center; list-style:none; padding:0; margin:0; gap: 0; justify-items: center; }
.mobile-tabs .mobile-tab-list button { display: inline-block; text-decoration: none; border: 1px solid #1A2B34; background: #00131D; color: #fff; font-family: var(--wp--preset--font-family--body); font-size: 0.75rem; font-style: italic; font-weight: 800; line-height: 16px; letter-spacing: -0.12px; text-transform: uppercase; cursor: pointer; padding: 12px 24px; }
.mobile-tabs .mobile-tab-list li:first-child button { border-radius: 6px 0 0 6px; }
.mobile-tabs .mobile-tab-list li:last-child button { border-radius: 0 6px 6px 0; }
.mobile-tabs .mobile-tab-list button.active { background: var(--wp--preset--color--gold); color: var(--wp--preset--color--black); }
.mobile-tabs .mobile-tab-list button > span { pointer-events: none; }

@media (max-width: 1299px) {
    .players-of-month .tns-controls button[data-controls="next"] {right:0px;}
    .players-of-month .tns-controls button[data-controls="prev"] {left:0px;}
    .top-scorers-carousel .tns-controls button[data-controls="prev"] {left: 0px; }
    .top-scorers-carousel .tns-controls button[data-controls="next"] {right: 0px; }
}
@media (max-width: 1099px) {
    .front-news .single-highlight-column {flex-basis: 50% !important;}
    .front-news .news-list-column {flex-basis: 50% !important;}

    .leaderboard .tab-list {width: 70%; }
}
@media (max-width: 991px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { flex-basis: 100% !important; }
    .standings-columns.mobile-tabs, .leaderboard-columns.mobile-tabs {flex-direction:column;}
    .top-scorers-columns { display:block !important; }
    .top-scorers-columns .top-scorers-column:first-child {margin-bottom: 90px;}
    .players-of-month-columns { display:block !important; }
    .players-of-month-columns .players-of-month-column:first-child {margin-bottom: 90px;}

    .mobile-tabs .mobile-tab-list { display: flex; }
    .mobile-tabs .mobile-tab-content:not(.active) { display: none !important; }
    .mobile-tab-content .team-scorecard > h2, .mobile-tab-content .standings > h2, .mobile-tab-content .leaderboard > .leaderboard-series {  display: none !important; }
    .mobile-tab-content .team-scorecard .tab-list { width: 100%; }

    .entry-content:has(.team-scorecard) div.wp-block-group > h2.wp-block-heading { margin: 24px 0; }
    .front-more-news .front-game-of-month { max-width: 300px;}
}
@media (max-width: 834px) {
    .front-news {flex-direction:column; flex-wrap: nowrap !important;}
    .front-news .news-list-column h2 {text-align:center; color:var(--wp--preset--color--gold);}
    .front-news .single-highlight-column {flex-basis: 100% !important;}
    .front-news .news-list-column {flex-basis: 100% !important;}
    .leaderboard-columns {flex-direction:column; row-gap: 48px;}
    .players-of-month .tns-controls button {display:none;}

    .games-tabs .matches .matches-header {position:static; justify-content:center;}
    .standings .table {overflow-x: scroll;}
    .front-game-of-month .game-of-month-placeholder::after {left:0; width: 733px; height: 366px; background-size: cover;}
}

@media (max-width: 781px) {
    .front-more-news .front-game-of-month {max-width:100%; margin-top: 24px;}
    .front-more-news .news-carousel .tns-controls button {display:block; z-index:2;}
    .front-more-news .news-carousel .tns-controls button[data-controls="next"] {top: calc(100% + 45px);right: 19px;}
    .front-more-news .news-carousel .tns-controls button[data-controls="prev"] {top: calc(100% + 45px);left: 19px;}
    .front-more-news .news-carousel .tns-controls button[data-controls="next"] .icon { filter: drop-shadow(0 4px 24px rgba(178, 178, 178, 0.10)); background:#00131D; border: 1px solid #1A2B34; transform:none; box-sizing: border-box;}
    .front-more-news .news-carousel .tns-controls button[data-controls="prev"] .icon { filter: drop-shadow(0 4px 24px rgba(178, 178, 178, 0.10)); background:#00131D; border: 1px solid #1A2B34; transform:none; box-sizing: border-box;}
    .front-more-news .news-carousel .tns-controls button[data-controls="next"] .icon::after {content:""; mask-image:url("../../assets/images/chevron-right.svg"); mask-size: cover;mask-repeat: no-repeat; width: 8px; height: 11px; display: inline-block; background-color: var(--wp--preset--color--gold); aspect-ratio: 1 / 1; position:absolute; top:50%; left:50%; transform: translateX(-50%) translateY(-50%);}
    .front-more-news .news-carousel .tns-controls button[data-controls="prev"] .icon::after {content:""; mask-image:url("../../assets/images/chevron-right.svg"); mask-size: cover;mask-repeat: no-repeat; width: 8px; height: 11px; display: inline-block; background-color: var(--wp--preset--color--gold); aspect-ratio: 1 / 1; position:absolute; top:50%; left:50%; transform: translateX(-50%) translateY(-50%) rotate(180deg);}
}

@media (max-width: 575px) {
    body.home .wp-site-blocks main > .wp-block-post-content > .wp-block-group > div {margin:24px 0;}
    body.home .wp-site-blocks main > .wp-block-post-content > .wp-block-group > div:has(.games-tabs) {margin-top:8px;}
    .front-more-news .news-carousel .tns-controls button[data-controls="next"] {top: calc(100% + 29px);right: 19px;}
    .front-more-news .news-carousel .tns-controls button[data-controls="prev"] {top: calc(100% + 29px);left: 19px;}
    .front-news .news-list-column h2 {font-size:1.25rem; font-style: italic;font-weight: 800;line-height: normal;letter-spacing: -0.6px;text-transform: uppercase;}
    .front-news .news-grid .grid-item a .grid-item-content {padding: 12px;}
    .front-news .news-grid .grid-item a .grid-item-content h3 {font-size: 1rem; line-height: 125%;}
    .front-news .news-grid .grid-item a .grid-item-content .grid-item-header {font-size: 0.625rem;}
    .front-more-news .match-card::after {width: 867px; height: 272px;}
    .front-game-of-month .game-of-month-placeholder::after {width: 867px; height: 272px;}

    .leaderboard .tab-content > .columns {flex-direction:column;}
    .leaderboard .tab-content .columns > .left {width:100%; border: 1px solid #1A2B34; box-sizing: border-box; padding: 0; overflow: hidden; border-radius: 0 0 0 6px;}
    .leaderboard .tab-content .columns > .right {width:100%; padding-top: 0; padding-bottom:0; }
    .leaderboard .tab-content {border:none; padding: 0;}
    .leaderboard .tab-content .columns > .left .team-player-card .player-number {top:24px; left: 24px;}
    .leaderboard .tab-content .columns > .left .team-player-card .player-points {top:24px; right: 24px;}
    .leaderboard .tab-content .columns > .left .team-player-card h2 {bottom: 24px;left: 69px;}
    .leaderboard .tab-content .columns > .left .team-player-card {padding: 24px 0 24px;}
    .leaderboard .leaderboard-series {position:static; margin-bottom:24px; text-align:center; }
    .leaderboard .tab-list {width:100%;}
    .leaderboard .statistics-link a {width:100%; box-sizing:border-box;}
    .standings .statistics-link a {width:100%; box-sizing:border-box;}
    .standings .table table {font-size: 0.875rem; }
    .standings .table table thead tr th:has(:not(button)), .standings .table table thead tr th button,
    .scoreboards .table table thead tr th:has(:not(button)), .scoreboards .table table thead tr th button,
    .player-listing .table table thead tr th:has(:not(button)), .player-listing .table table thead tr th button,
    div.team-standing-table table thead tr th { font-size: 0.875rem; padding: 24px 12px 24px; }
    .standings .table table tbody tr td,
    .scoreboards .tab-content .table table tbody tr td,
    .player-listing .tab-content .table table tbody tr td,
    div.team-standing-table table tbody tr td {padding: 8px 12px 8px; font-size: 0.875rem; }

    .leaderboard .tab-content .columns > .left .team-player-card .player-position {top: auto; bottom: 0; left: 0; border-radius: 0;}

    .leaderboard .tab-content::after {content:none;}
    .leaderboard .tab-content .columns:has(> .left .team-player-card)::after {content:none;}
    .team-card .tabs #team-info .columns:has(> .left .team-player-card)::after {content:none;}
    .leaderboard .tab-content .columns > .left .team-player-card::after { content: "";position: absolute; bottom: 0; left: 0; width: 100%; height: 100px; background: linear-gradient(180deg, rgba(0, 19, 29, 0.00) 0%, #00131D 53.8%); z-index: 1; }
    .leaderboard .tab-content .columns > .left .team-player-card::before {content: ""; background: url("../../assets/images/aalto.svg"); background-repeat: repeat; background-position: center center; background-size: cover; position: absolute; top: 0;left: 0; width: 100%; height: 100%;z-index: 0; }

    .top-scorers-carousel .carousel .team-player-card {width: 327px;}
    .players-of-month .carousel .team-player-card {width: 327px;}
    .players-of-month .carousel .team-player-card::after {background: url("../../assets/images/kultajousi-mobiili.svg") no-repeat; width: 312px;height: 367px;transform: rotate(-15deg); top: -32px;}
    .players-of-month::before { width: 718px; height: 359px; top:unset; bottom:0; opacity:1;}
    .players-of-month::after { width: 733px; height: 366px; opacity:1;}

    .banner .wp-block-cover {flex-direction:column-reverse; padding-left: 24px; padding-bottom: 30px;}
    .banner .wp-block-cover::before {background: linear-gradient(0deg, #00131D 53.91%, rgba(0, 19, 29, 0.00) 81.09%);}
    .banner .wp-block-cover::after {background-image:url("../../assets/images/aalto-mobile.svg"); right:0; left:unset; top:unset; bottom:0; width: 328px; height: 143px;}
    .banner .wp-block-cover__inner-container {width:100%;}

    .games-tabs .tab-list {margin-bottom: 12px !important; margin-top: 0;}
    .games-tabs .tab-list li {width:50%; text-align:center;}
    .games-tabs .tab-list li button {width:100%;}
    .games-tabs .matches .matches-header {position:static;}
    .games-tabs .matches .matches-months {width:100%;}
    .games-tabs .matches .matches-months .matches-month {margin: 0 auto; padding:0;}
    .games-tabs .matches .matches-months button.next { padding: 20px 15px; }
    .games-tabs .matches .matches-months button.previous {padding: 20px 15px;}
    .games-tabs .matches .matches-header .matches-link > button {display:none;}
}

/* Single news */
.entry-content {}
.entry-content > p a {color:var(--wp--preset--color--gold);}
.entry-content > p a:is(:hover, :focus) {text-decoration:none;}
.single .crumbtrail {display: flex;}
body.single :is(.single) > .wp-block-group:has(.crumbtrail) > .wp-block-group:has(.crumbtrail) {max-width: 1070px !important; margin: 0 auto;}
.single-featured-image {position:relative; margin-top: 54px;}
.single-featured-image .featured-image-copyright {font-size:0.875rem; font-style: normal;font-weight: 400;line-height: 42px; /* 300% */letter-spacing: -0.42px; color:var(--wp--preset--color--light-grey); text-align: right;}
.single-featured-image figure {position:relative; margin-top:0; height:0; padding-bottom:66.666%;}
.single-featured-image figure > img {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.single-featured-image figure::after {content:""; background: linear-gradient(180deg, rgba(0, 19, 29, 0.00) 6.36%, #00131D 67.65%, var(--Musta, #00131D) 142.57%); position:absolute; bottom:0; left:0; height:50%; width: 100%;}
.single-featured-image .single-featured-image-text {margin-top: 0; position: absolute; bottom: 0; text-align: center; padding: 0 26px 24px; }
.single-featured-image .single-featured-image-text .news-category {font-style: italic; font-weight: 800; line-height: 75%; letter-spacing: 0.48px; text-transform: uppercase; color: var(--wp--preset--color--gold); font-size: 1rem; }
.single-featured-image .single-featured-image-text h1 {margin-top: 12px; margin-bottom:0;}

.news-content {margin-top:0 !important; position:relative; z-index:1; margin-bottom:36px;}
.news-content .news-header {display:flex; justify-content: center; column-gap:28px; max-width: 840px; margin: 0 auto 36px; align-items:center;}
.news-content .news-header .news-date {color:#fff; font-size:0.875rem; font-style: italic; font-weight: 700; line-height: 42px; /* 300% */}
.news-content .news-header .news-author {display: flex; align-items: center; column-gap:10px;}
.news-content .news-header .news-author .news-author-name {color:#fff; font-size:0.875rem; font-style: italic; font-weight: 700; line-height: 42px; text-transform:uppercase;}
.news-content .news-header .news-author .news-author-image {height: 50px;}
.news-content .news-header .news-author .news-author-image > img {border-radius: 50%; width:50px; height: auto; aspect-ratio: 1 / 1; }
.news-content > .entry-content {max-width: 840px; margin: 0 auto;}
.single .other-news {margin-top: 72px;}
.single .other-news .wp-block-heading {font-size: var(--wp--preset--font-size--heading-3); font-style: italic; line-height: 100%; font-weight:800; margin-bottom:11px; text-transform: uppercase; letter-spacing: -1.08px;}
.news-content .acf-block-content p:first-child {margin-top: 0; }
.news-content .acf-block-content a {color:var(--wp--preset--color--gold); }
.news-content .acf-block-content a:is(:hover, :focus) {text-decoration:none;}
.news-content .acf-block-image > figure img {width: 100%; height: auto;max-width: 100%;}
.single .news-carousel:has(.carousel) {margin-top:72px;}
@media (max-width:781px) {
    .single-featured-image .single-featured-image-text {padding: 0 0 20px; margin-top: -80px; position: relative;}
    .news-content .news-header {margin-top:12px;}
}
@media (max-width:575px) {
    .single .other-news .wp-block-heading {letter-spacing: -0.6px;}
    .single-featured-image .single-featured-image-text h1 {font-size: 1.5rem; line-height: 32px;}
    .single-featured-image figure {padding-bottom:100%;}
    .single-featured-image .single-featured-image-text {padding: 0 0 20px; margin-top: -80px; position: relative;}
    .news-content .news-header {margin-top:12px; column-gap:24px; margin-bottom:28px; }
    .news-content .news-header .news-author .news-author-image {height: 36px; }
    .news-content .news-header .news-author .news-author-image > img {width: 36px; height: 36px;}

    body.single .crumbtrail .current-page {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 400px; display: block;}
}

/* Single news afc-blocks */
.acf-block-link-button a.button {display: inline-block; transition: 0.2s ease-in; margin-top: 0; margin-top: 24px; color: #fff; font-size: 0.875rem; font-weight: 800; font-style: italic; text-transform: uppercase; text-decoration: none; line-height: 100%; border-radius: 8px; border: 1px solid #1A2B34; background: linear-gradient(0deg, #00131D -67.44%, #FFF 826.05%, #FFF 983.72%);padding: 12px 16px;}
.acf-block-link-button a.button::after {content: ""; mask-image: url("../../assets/images/out-icon.svg"); mask-size: cover; mask-repeat: no-repeat; transition: 0.2s ease-in; width: 11px; height: 11px; margin-left: 9px; display: inline-block; background-color: #fff; aspect-ratio: 1 / 1;}
.acf-block-link-button a.button:is(:hover, :focus) {background: var(--wp--preset--color--gold);  color: #00131D; text-decoration: none;}
.acf-block-link-button a.button:is(:hover, :focus)::after { background-color: #00131D; }

.acf-block-table {overflow:scroll; border-radius: 6px;box-shadow: 0 4px 31px 0 rgba(0, 0, 0, 0.60);  border: 1px solid #1A2B34;}
.acf-block-table table {width:100%; border-collapse: collapse;}
.acf-block-table table th {padding: 24px 16px 12px;font-size: 0.875rem; text-align: center; font-weight: 700; line-height: 14px; color: var(--wp--preset--color--light-grey); text-transform: uppercase;}
.acf-block-table table td {padding: 24px 16px; font-size: 0.875rem; line-height: 14px; text-align: center; } 
.acf-block-table table tbody tr:nth-child(odd) {background-color: rgba(178, 178, 178, 0.1);}
.acf-block-table table tbody tr:nth-child(odd) td {color:var(--wp--preset--color--gold); }

.acf-block-episode .bulmally-accordion .accordion-list {list-style:none; padding: 0; }
.acf-block-episode .bulmally-accordion .accordion-list h3 {color: var(--wp--preset--color--gold);}
.acf-block-episode .bulmally-accordion button {font-size: 1.125rem; font-style: italic; font-weight: 800; line-height: 18px; text-transform: uppercase;}
.acf-block-episode .level-right {display:none;}

.acf-block.acf-block-image-container {margin:24px 0;}

.acf-block-statistics .acf-block-statistics__title {margin-bottom:24px;}
.acf-block-statistics .table-container {overflow:scroll; border-radius: 6px;box-shadow: 0 4px 31px 0 rgba(0, 0, 0, 0.60);  border: 1px solid #1A2B34;}
.acf-block-statistics table {width:100%; border-collapse: collapse;}
.acf-block-statistics table th {padding: 24px 16px 12px;font-size: 0.875rem; text-align: center; font-weight: 700; line-height: 14px; color: var(--wp--preset--color--light-grey); text-transform: uppercase;}
.acf-block-statistics table td {padding: 24px 16px; font-size: 0.875rem; line-height: 14px; text-align: center; } 
.acf-block-statistics table tbody tr:nth-child(odd) {background-color: rgba(178, 178, 178, 0.1);}
.acf-block-statistics table tbody tr:nth-child(odd) td {color:var(--wp--preset--color--gold); }

.acf-block-citation {margin: 40px 0;}
.acf-block-citation blockquote {font-style:italic; font-weight: 400;line-height: 28px; /* 155.556% */ margin-left:0; margin-right: 0; padding-left: 70px; position:relative; margin-bottom: 24px;}
.acf-block-citation blockquote::before {content:"“"; font-size:104px; font-style: italic;font-weight: 800;line-height: 28px; /* 26.923% */text-transform: uppercase; color:var(--wp--preset--color--gold); position: absolute; left: 0; top: 15px;}
.acf-block-citation .quote-short-text {font-size:0.875rem; font-style: italic;font-weight: 800;line-height: 28px; /* 200% */text-transform: uppercase; margin-left: 70px; color:var(--wp--preset--color--gold);}
@media (max-width: 575px) {
    .acf-block-citation blockquote::before {content:"“"; font-size:78px; }
    .acf-block-citation blockquote {padding-left:50px;}
    .acf-block-citation .quote-short-text {margin-left: 50px;}
}

/* Accordion */
.accordion { display:flex; flex-direction:column; }
.accordion-item { margin-top: 0; padding: 15px 20px 15px 23px; }
.accordion-item .accordion-title-container .accordion-item-title { margin:0; font-size:2rem; }
.accordion-item .accordion-title-container .accordion-item-title button { display: flex; width: 100%; align-items: center; gap: 10px; border: 0; background:transparent; cursor: pointer; font-size: inherit; font-weight: inherit; line-height: inherit; color:inherit; padding: 0; text-align: left; }
.accordion-item .accordion-title-container .accordion-item-title button::after { content: ''; mask-image: url("../../assets/images/chevron-down.svg"); mask-repeat:no-repeat; mask-size:contain; background-color: var(--wp--preset--color--black); width: 20px; height: 11px; margin-left: auto; transition: transform 0.3s ease-in; }
	
.accordion-item .accordion-item-content { overflow: hidden; visibility: hidden; height: 0; transition: height 0.3s ease-in, visibility 0.3s ease-in 0.3s; }
		
.accordion-item .accordion-item-content > .accordion-item-container { visibility: visible; transition: unset; height: auto; padding: 0 0 12px; }
.accordion-item.active .accordion-title-container .accordion-item-title button::after { content: ''; transform:rotate(180deg); }
.accordion-item.active .accordion-item-content { transition: height 0.3s ease-in, visibility 0.3s ease-in 0s; visibility: visible; }

.tabs .tab-list { display: flex; gap: 20px; margin-bottom: 20px; }
.tabs .tab-list button > span { pointer-events: none; }
.tabs .tab-content:not(.active) { display: none; }


/* Single pelaajat */
.single-pelaajat .wp-site-blocks > .wp-block-post-content {position:relative; overflow:hidden;}
.single-pelaajat .wp-site-blocks > .wp-block-post-content::before {content:""; background:url("../../assets/images/aalto.svg") no-repeat; background-size:cover; background-position: center top; position:absolute; top:-190px; left:0; width: 3000px; height: 760px; min-width:100%; z-index: 0; opacity: 0.5;}
.single-pelaajat .wp-site-blocks > .wp-block-post-content::after {content:""; position: absolute; background: #B2B2B2;border-radius: 50%; opacity: 0.1; filter: blur(62px); width: 1276px; height: 382px; left: 50%; top: 90px; transform: translateX(-60%); z-index:0; }
.player-card {margin-top: 27px !important; margin-bottom: 27px !important; z-index: 1;}
.player-card .columns.heading {display:flex; flex-wrap:wrap; column-gap:48px;}
.player-card .right.mobile-left {order: 2; width:calc(66% - 24px); display: flex; align-items: center;}
.player-card .left.mobile-right {order: 1; width:calc(34% - 24px);}
.player-card .left.mobile-hide {order: 3; width:calc(34% - 24px);}
.player-card .right:not(.mobile-left) {order: 4; width:calc(66% - 24px);}
.player-card .player-image {text-align:center;}
.player-card .player-image img {width: 257px; height: auto; max-width: 100%; vertical-align: bottom;  aspect-ratio: 1 / 1;}
.player-card .player-info {border-radius: 8px; border: 1px solid #1A2B34; background: #00131D; padding:25px 24px; display: flex; flex-wrap: wrap; align-items: center; row-gap: 24px;}
.player-card .player-info .label {font-size: 1rem; font-style:italic; font-weight:800; line-height:18px; color:#fff; width:30%; text-transform:uppercase;}
.player-card .player-info .value {width:70%; font-size: 1rem; display: flex; align-items: center;}
.player-card .player-info .value span {color:var(--wp--preset--color--gold); margin-left: 8px;}
.player-card .player-info .value :is(span, a) {color:var(--wp--preset--color--gold); margin-left: 8px; text-decoration:none;}
.player-card .player-info .value img {width:38px; height:38px;}
.player-card h1 {display:flex; flex-direction:column; flex-grow: 1; font-style: italic;font-weight: 800;line-height: 74px !important; /* 115.625% */letter-spacing: -1.92px !important;text-transform: uppercase; margin:0 !important;}
.player-card h1 span {padding-left: 5%;}
.player-card .player-number {color:var(--wp--preset--color--gold);font-size: 96px; font-style: italic; font-weight: 800; line-height: 34px; letter-spacing: -2.88px; text-transform: uppercase; margin-left: auto; padding-right: 24px;}

.player-card .player-season {}
.player-card .player-season h2 {margin: 24px 0; font-style: italic;font-weight: 800;line-height: normal;letter-spacing: -0.81px;text-transform: uppercase;color:var(--wp--preset--color--gold); font-size: 1.688rem;}
.player-card .player-season .player-season-stats {display:flex; flex-wrap:wrap; gap:21px; }
.player-card .player-season .player-season-stats .player-stat {height: 197px; width: calc(50% - 11px); border-radius:6px; border:1px solid #1A2B34; padding: 24px; box-sizing:border-box; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.player-card .player-season .player-season-stats .player-stat .label {color: #B2B2B2;text-align: center;font-family: "Open Sans";font-size: 0.75rem;font-style: italic;font-weight: 800;line-height: 16px; /* 133.333% */text-transform: uppercase;}
.player-card .player-season .player-season-stats .player-stat .value {font-size: 80px;font-style: italic;font-weight: 800;line-height: 80px; /* 100% */letter-spacing: -2.4px;text-transform: uppercase;}
.player-card .player-season .player-season-stats .player-stat .value.save-percentage { font-size: clamp(2.25rem, -0.0694rem + 4.4444vw, 3.625rem); }

.player-card .tabs .tab-list {list-style:none; padding-left: 0; border-bottom:1px solid #1A2B34; margin-bottom: 32px;}
.player-card .tabs button {cursor:pointer; padding:12px 24px; background:none; border:none; text-align: center; font-family: "Open Sans";font-size: 0.75rem;font-style: italic;font-weight: 800;line-height: 16px; /* 133.333% */letter-spacing: -0.12px;text-transform: uppercase; color: #B2B2B2; border-bottom: 4px solid transparent;}
.player-card .tabs button[aria-expanded="true"] {color:var(--wp--preset--color--gold); border-color: var(--wp--preset--color--gold);}
.player-card .tab-content .player-info-details {margin-top: 36px; border:1px solid #1A2B34; padding: 24px; border-radius: 8px; background:#00131D; display:flex; flex-wrap: wrap; row-gap: 36px;}
.player-card .tab-content .player-info-details .player-info-item {flex-basis:50%; display: inline-flex; flex-direction: column; font-size:1rem; line-height:162.5%;}
.player-card .tab-content .player-info-details .player-info-item strong {font-style:italic; font-weight:800; text-transform:uppercase; line-height:112.5%; }
.player-card .club-players {margin-top:36px; text-align: right;}
.player-card .club-players a { border-radius: 6px; background: var(--wp--preset--color--gold); display: inline-flex; align-items: center; justify-content: flex-end; padding: 10px 15.75px 10px 16px; text-align:center; font-style: italic;font-weight: 800;line-height: 16px; /* 114.286% */letter-spacing: -0.14px;text-transform: uppercase; font-size: 0.875rem; color:#00131D; text-decoration:none; transition: 0.2s ease-in;}
.player-card .club-players a::after {content:""; mask-image: url("../../assets/images/chevron-right.svg"); mask-size: cover; mask-repeat:no-repeat; width: 5px; height: 7px; margin-left: 9px; display: inline-block; background-color: #00131D; transition:0.2s ease-in;}
.player-card .club-players a:is(:hover, :focus) {background: linear-gradient(0deg, #00131D -67.44%, #FFF 826.05%, #FFF 983.72%); color:#fff;}
.player-card .club-players a:is(:hover, :focus)::after {background-color: #fff;}

.mobile {display:none;}
.mobile .player-info-more-statistics { margin-top:50px; text-align:center;}
.mobile .player-info-more-statistics button { border:none; width:100%; text-align:center; box-sizing:border-box; border-radius: 6px; background: var(--wp--preset--color--gold); padding: 10px 15.75px 10px 16px; text-align:center; font-style: italic;font-weight: 800;line-height: 16px; /* 114.286% */letter-spacing: -0.14px;text-transform: uppercase; font-size: 0.875rem; color:#00131D; text-decoration:none; transition: 0.2s ease-in;}
.mobile .player-info-more-statistics button:is(:hover, :focus) {background: linear-gradient(0deg, #00131D -67.44%, #FFF 826.05%, #FFF 983.72%); color:#fff;}
.mobile .player-info-more-statistics button:is(:hover, :focus)::after {background-color: #fff;}

.news-carousel:not(:has(.tns-outer)) { position:relative; overflow:hidden; }
.carousel > .carousel-item { white-space: normal; display: inline-block; vertical-align: top; }
.news-carousel:has(.carousel) {padding-bottom: 50px !important;}
.news-carousel:has(.carousel) h2 {color:var(--wp--preset--color--gold);font-style: italic; font-family: var(--wp--preset--font-family--body); font-size: var(--wp--preset--font-size--heading-3); font-style: italic; line-height: 100%; font-weight:800; margin-bottom:24px; text-transform: uppercase; letter-spacing: -1.08px; margin-bottom: 24px;}
.news-carousel .carousel .carousel-item {}
.news-carousel .carousel .carousel-item a {text-decoration:none; position:relative; color: #fff; display: block; border-radius: 6px;border: 1px solid #1A2B34; overflow: hidden;}
.news-carousel .carousel .carousel-item a::after {content:""; position:absolute; bottom:0; left: 0; width: 100%; height:100%; background: linear-gradient(180deg, rgba(0, 19, 29, 0.00) 29.77%, #00131D 68.26%, #00131D 100%);}
.news-carousel .carousel .carousel-item a .carousel-item-header {position:absolute; top: 0; left: 0; width: 100%; z-index:2; display: flex; justify-content: space-between; padding: 11px; box-sizing: border-box; font-style: normal; font-size: 0.625rem; font-weight: 600;line-height: 22px; /* 220% */ letter-spacing: 0.6px; text-transform: uppercase;}
.news-carousel .carousel .carousel-item a .carousel-item-header::after {content:""; position:absolute; top:0; left: 0; width: 100%; height:100%; background: linear-gradient(0deg, rgba(0, 19, 29, 0.00) 29.77%, #00131D 68.26%,  #00131D 100%); z-index: -1;}
.news-carousel .carousel .carousel-item .carousel-image {height:0; padding-bottom: 66.666%; position:relative;}
.news-carousel .carousel .carousel-item .carousel-image img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.news-carousel .carousel .carousel-item .carousel-item-content {padding:11px; position: absolute; bottom: 0; left: 0; z-index:2;}
.news-carousel .carousel .carousel-item .carousel-item-content h3 {margin: 0; font-style: italic; font-weight: 800; line-height: 19px; letter-spacing: -0.42px; text-transform: uppercase; font-size: 0.875rem;}
.news-carousel .carousel .carousel-item a:is(:hover, :focus) .carousel-item-content h3 {text-decoration: underline;}
.news-carousel .tns-outer {position:relative;}
.news-carousel .tns-controls button {cursor:pointer;position: absolute; top: 50%; width:40px; height:40px; filter: drop-shadow(0 4px 24px rgba(178, 178, 178, 0.10)); background: transparent; border: none; padding:0; z-index:1; display:none;}
.news-carousel .tns-controls button .icon {transition: 0.2s ease-in-out;}
.news-carousel .tns-controls button:is(:hover,:focus) .icon {filter: grayscale(1) contrast(100) brightness(1);}
.news-carousel .tns-controls button[data-controls="prev"] .icon {background-image: url("../../assets/images/arrow-right-circle-solid.svg"); background-repeat:no-repeat; background-size:cover; display: block; width: 100%; height: 100%; transform: rotate(-90deg);}
.news-carousel .tns-controls button[data-controls="next"] .icon {background-image: url("../../assets/images/arrow-right-circle-solid.svg"); background-repeat:no-repeat; background-size:cover; display: block; width: 100%; height: 100%; transform: rotate(90deg);}
.news-carousel .tns-controls button[data-controls="prev"] {left:-32px; transform: translateX(-50%) translateY(-50%);}
.news-carousel .tns-controls button[data-controls="next"] {right:-32px; transform: translateX(+50%) translateY(-50%);}
.news-carousel:has(.carousel) .tns-nav {position:absolute;bottom:-50px; left:0; width:100%;z-index:1;display:flex;justify-content:center;gap:8px;}
.news-carousel:has(.carousel) .tns-nav button {background:var(--wp--preset--color--light-grey); width:11px; min-width: 11px; height:11px; border-radius:50%; border:none; padding:0; cursor:pointer;}
.news-carousel:has(.carousel) .tns-nav button.tns-nav-active {background:#fff;}

.player-card #player-stats .accordion {border: 1px solid #1A2B34; border-radius: 6px; overflow: hidden;}
.player-card #player-stats .accordion .accordion-item {padding: 0; }
.player-card #player-stats .accordion .accordion-item button {cursor:pointer; font-size: 1rem; font-style: italic;font-weight: 800;line-height: 18px; /* 112.5% */ text-transform: uppercase; padding:24px 25px 24px 12px; position:relative;}
.player-card #player-stats .accordion .accordion-item button[aria-expanded="true"] {color:#fff;}
.player-card #player-stats .accordion .accordion-item button::before {content:""; position:absolute; top:0; left: 0; width: 100%; height:100%; background: linear-gradient(3deg, #00131D -24.67%, #FFF 90.38%, #FFF 110.68%); opacity:0.1; }
.player-card #player-stats .accordion .accordion-item button[aria-expanded="false"]::after { content: ''; mask-image:none !important; background-image: url("../../assets/images/arrow-right-circle-solid-2.svg"); background-repeat:no-repeat; background-size:contain;  width: 17px; height: 17px; transition: transform 0.3s ease-in; }
.player-card #player-stats .accordion .accordion-item button[aria-expanded="true"]::after { content: ''; mask-image:none !important; background-image: url("../../assets/images/arrow-right-circle-solid.svg"); background-repeat:no-repeat; background-size:contain;  width: 17px; height: 17px; transform:rotate(0); transition: transform 0.3s ease-in; }
.player-card #player-stats .accordion .accordion-item-content:has(table) {border-top: 1px solid var(--wp--preset--color--gold);}
.player-card #player-stats .accordion .accordion-item-content table {width:100%; border-collapse: collapse;}
.player-card #player-stats .accordion .accordion-item-content table tbody tr {padding:12px; font-size: 0.875rem; color:var(--wp--preset--color--light-grey); line-height: 18px; }
.player-card #player-stats .accordion .accordion-item-content table tbody tr td {padding:12px 0;}
.player-card #player-stats .accordion .accordion-item-content table tbody tr td:is(:first-child,:last-child) {padding:12px;}
.player-card #player-stats .accordion .accordion-item-content table tbody tr td:not(:first-child) {text-align: center; width: 6%;}
.player-card #player-stats .accordion .accordion-item-content table tbody tr:has(.season-team) {background:rgba(178, 178, 178, 0.01); font-size:1rem; color:var(--wp--preset--color--gold); }
.player-card #player-stats .accordion-item .accordion-item-content > .accordion-item-container {padding:0;}

@media (max-width: 1024px) {
    .player-card .columns.heading {column-gap:24px;}
    .player-card .right.mobile-left {width:calc(66% - 12px); }
    .player-card .left.mobile-right {width:calc(34% - 12px);}
    .player-card .left.mobile-hide {width:calc(34% - 12px);}
    .player-card .right:not(.mobile-left) {width:calc(66% - 12px);}
}
@media (max-width: 834px) {
    .mobile-hide {display:none;}
    .wp-block-group:has(.crumbtrail)+.player-card {margin-top:0 !important; }
    .player-card .columns.heading {column-gap:0;}
    .player-card .right.mobile-left {width:100%; order:1; flex-direction: column; align-items: flex-start;}
    .player-card .left.mobile-right {width:100%; order:2;}
    .player-card .right:not(.mobile-left) {width:100%; order:3; position:relative;}

    .player-card h1 {line-height: 32px !important; /* 100% */letter-spacing: -0.96px !important;text-transform: uppercase;}
    .player-card h1 span {margin-top:10px;}
    .player-card .player-number { margin-top: 5px; padding-right:0; background: linear-gradient(180deg, var(--wp--preset--color--gold) 25%, #00131D 107.81%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent; font-size: 4rem;font-style: italic;font-weight: 800;line-height: 64px; /* 100% */letter-spacing: -1.92px;text-transform: uppercase;}

    .player-card .right:not(.mobile-left) {margin-top: -16px;}
    .player-card .right > .tabs {position:relative; z-index:3;}
    .player-card .tabs .tab-list {margin-top:0; position:relative; justify-content:center;}
    .player-card .right:not(.mobile-left)::before {content:""; position:absolute; top: -60px; left: 0; width: 100%; height: 227px; background: linear-gradient(180deg, rgba(0, 19, 29, 0.00) 9.69%, #00131D 30.4%); z-index:0;}

    .news-carousel .tns-controls button {display:none;}
    body:not(.single-news) .news-carousel:has(.carousel) {border-top: 1px solid #1A2B34;}

    .player-card .player-info {padding: 24px;}
    .player-card .player-season .player-season-stats {gap:9px;}
    .player-card .player-season .player-season-stats .player-stat {height: 159px; width: calc(50% - 5px);}
    .player-card .player-season .player-season-stats .player-stat .label {font-size: 0.75rem; font-style: italic;font-weight: 800;line-height: 16px; /* 133.333% */text-transform: uppercase;}
    .player-card .player-season .player-season-stats .player-stat .value {font-size:3rem; font-style: italic;font-weight: 800;line-height: 40px; /* 83.333% */letter-spacing: -1.44px;text-transform: uppercase;}
    .mobile {display:block;}

    .player-card #player-stats .accordion .accordion-item-content table tbody tr td:not(:first-child) {width:8%;}

    #player-info p {margin: 50px 0;}

}

@media (max-width: 575px) {
    .player-card .tabs .tab-list {gap: 0; justify-content: flex-start; overflow-x: scroll;}
    .player-card #player-stats .accordion-item .accordion-item-content > .accordion-item-container {overflow-x: scroll;}
    .player-card #player-stats .accordion .accordion-item-content table tbody tr td:not(:first-child) {min-width: 42px;}

    .player-card .club-players {text-align:center;}
    .player-card .club-players a {width:100%; box-sizing:border-box; justify-content: center;}
    .news-carousel:has(.carousel) .tns-nav {bottom:-35px;}
    .news-carousel:has(.carousel) {padding-bottom: 20px !important; margin-bottom: 0 !important;}

    .tns-outer .tns-nav { display: none !important; }

    .player-card .tab-content .player-info-details .player-info-item {flex-basis:100%; line-height:125%;}
}

/*  team-card */
.team-card .heading {position:relative;}
.team-card .heading::before {content:"";background: linear-gradient(0deg, rgba(0, 19, 29, 0.00) 63.33%, #00131D 100%); position:absolute; top:0; left:0; width:100%; height:100%;}
.team-card .heading::after {content:"";background: linear-gradient(180deg, rgba(0, 19, 29, 0.00) 54.13%, #00131D 97.8%); position:absolute; bottom:0; left:0; width:100%; height:100%;} 
.team-card .heading .heading-header {position:absolute; top:0; left: 0; width:100%; display:flex; align-items: center; column-gap: 36px; z-index: 1;}
.team-card .heading .heading-header .club-image > img {width: 100px; height: auto;}
.team-card .heading .heading-header h1 {margin:0; display: flex; flex-direction: column; font-style: italic;font-weight: 800;line-height: 74px; /* 115.625% */letter-spacing: -1.92px;text-transform: uppercase;}
.team-card .heading .heading-header h1 mark {margin-top: -10px; font-size: clamp(1.25rem, 3.206vw - 0.315rem, 2.25rem); font-style: italic;font-weight: 800;line-height: normal;text-transform: uppercase; padding-left: 15%; }
.team-card .heading .heading-header .season-select {margin-left: auto;position: relative; }
.team-card .heading .heading-header .season-select select { appearance:none; padding: 12px 50px 12px 16px; font-size: 0.875rem; font-family: var(--wp--preset--font-family--body); font-weight: 700; color: var(--wp--preset--color--gold); background-color: var(--wp--preset--color--black); border: 1px solid #1A2B34; border-radius: 6px; cursor: pointer; }
.team-card .heading .heading-header .season-select::after {content:""; width: 40px; height: 43px; mask-image:url("../../assets/images/chevron-down.svg"); mask-repeat:no-repeat; mask-size:20px; mask-position: center center; background:var(--wp--preset--color--gold); border-left:1px solid #1A2B34; position:absolute; top:0; right:0; display:flex; align-items:center; justify-content:center; pointer-events:none;}
.team-card .heading .heading-header .season-select::before {content:""; border-left:1px solid #1A2B34;position:absolute; right:40px; height:14px; top:50%; transform: translateY(-50%);}
.team-card .heading .header-image > img {width: 100%; max-width: 100%; height: auto; aspect-ratio:2 / 1; object-fit:cover;}
.team-card .tabs {margin-top: -35px; position: relative;}
.team-card .tabs .tab-list {list-style:none; padding: 0; display:flex; justify-content:center; column-gap:6px;}
.team-card .tabs .tab-list li button {font-family: var(--wp--preset--font-family--body); cursor:pointer; border-width: 0 0 4px; border-style:solid; border-color:transparent; background:transparent; color:#fff; font-size:0.75rem; padding: 12px 24px; font-style: italic;font-weight: 800;line-height: 16px; /* 133.333% */letter-spacing: -0.12px;text-transform: uppercase;}
.team-card .tabs .tab-list li button[aria-expanded="true"] { color:var(--wp--preset--color--gold); border-color:var(--wp--preset--color--gold);}
.team-card .tabs #team-info .columns {display:flex;justify-content: space-between;}
.team-card .tickets-link {display: inline-block; transition: 0.2s ease-in; color: #fff; font-size: 0.875rem; font-weight: 800; font-style: italic; text-transform: uppercase; text-decoration: none; text-align:center; line-height: 100%; border-radius: 8px; border: 1px solid #1A2B34; background: linear-gradient(0deg, #00131D -67.44%, #FFF 826.05%, #FFF 983.72%); padding: 12px 16px;}
.team-card .tickets-link::after {content: ""; mask-image: url("../../assets/images/out-icon.svg"); mask-size: cover; mask-repeat: no-repeat; transition: 0.2s ease-in; width: 11px; height: 11px; margin-left: 9px; display: inline-block; background-color: #fff; aspect-ratio: 1 / 1; }
.team-card .tickets-link:is(:hover,:focus) {background: var(--wp--preset--color--gold); color:var(--wp--preset--color--black);}
.team-card .tickets-link:is(:hover, :focus)::after {background-color:var(--wp--preset--color--black);}
.team-card .column.center h2 {margin:0; font-size:1.125rem; font-style: italic; font-weight: 800; line-height: normal; text-transform: uppercase; letter-spacing: unset;}
.team-card .team-some > ul {list-style:none; display:flex; column-gap:20px; margin: 0; padding: 0; align-items: center; }
.team-card .team-some > ul > li a img {width:30px !important; height: auto; max-width: 100%;}
.team-card .matches {margin-top: 34px; margin-bottom: 34px;}
.team-card .matches .matches-header {display: flex; margin-bottom: 24px;}
/*.team-card .matches .matches-header .matches-months {cursor: default; display: flex; border-radius: 6px; border: 1px solid #1A2B34; background: #00131D; padding: 12px 8px; align-items:center; width:240px; box-sizing:border-box; }
.team-card .matches .matches-header .matches-months button.previous {cursor:pointer; background-image:url("../../assets/images/icon _nav-arrow.svg"); background-repeat:no-repeat; background-size:contain; width: 8px; height: 12px; background-color: transparent;border: none;}
.team-card .matches .matches-header .matches-months button.next {cursor:pointer; background-image:url("../../assets/images/icon _nav-arrow.svg"); background-repeat:no-repeat; background-size:contain; width: 8px; height: 12px; background-color: transparent;border: none; transform: rotate(180deg);}
.team-card .matches .matches-header .matches-month {font-size: 0.75rem; font-style: normal;font-weight: 400;line-height: 14px; font-family:var(--wp--preset--font-family--body); padding: 0 56px; margin:0 auto;}*/
.team-card .matches .matches-header .matches-link {margin-left:auto; }
.team-card .matches .matches-header .matches-link > button {font-family:var(--wp--preset--font-family--body); font-size: 0.75rem; font-style: italic; font-weight: 800;line-height: 16px; /* 133.333% */letter-spacing: -0.12px;text-transform: uppercase;padding: 10px 16px; border-radius: 6px; border: 1px solid #1A2B34;background: var(--wp--preset--color--gold); box-shadow: 0 3px 24px 0 rgba(255, 255, 255, 0.10); cursor:pointer; }
.team-card .matches .matches-carousel .slide {width: 25%; font-size:unset !important;}
@media (max-width: 843px) {
    .team-card .tabs .tab-list {margin-bottom:24px;}
    .team-card .column.center h2 {margin-top:24px; margin-bottom:12px;}
    .team-card .tabs #team-info > .columns {flex-direction:column; }
    .columns:has(.team-scorecard) :is(.right, .left) {width:100% !important;}
    .columns:has(.team-scorecard) > .right {padding-top: 35px;}
    .team-birthdays+.columns:has(.team-scorecard) > .left {margin-bottom: 48px;}
}

@media (max-width: 575px) {
    .team-card .heading .heading-header {column-gap:12px;}
    .team-card .heading .heading-header h1, .team-card .heading .heading-header h1 mark {font-size: 1.25rem; line-height: 32px; /* 160% */letter-spacing: -0.6px;text-transform: uppercase;}
    .team-card .heading .heading-header .club-image > img {width: 50px;}
    .team-card .heading .header-image > img {height: 280px; object-fit: cover;}
    .team-card .column.center h2 {font-size: 0.875rem;}
    .team-card .tabs #team-info .columns {flex-direction: column;}
    .team-card .tabs #team-info .columns > .column {width:100%; text-align: center;}
    .team-card .tickets-link {width:100%; box-sizing:border-box;}
    .team-card .matches .matches-months {width:100%;}
    .team-card .matches .matches-months .matches-month {margin: 0 auto; padding:0;}
    .team-card .matches .matches-months button.next {padding: 20px 15px;}
    .team-card .matches .matches-months button.previous {padding: 20px 15px;}
    .team-card .matches .matches-header .matches-link > button {display:none;}
}

.match-card .match-content {border-radius:6px; background: var(--Dark-gradient, linear-gradient(0deg, #00131D -67.44%, #FFF 826.05%, #FFF 983.72%)); min-height: 174px; overflow: hidden; position: relative;}
.match-card.live .match-content {border: 1px solid var(--wp--preset--color--green); position:relative;}
.match-card.live .match-content .match-status {max-width: calc(100% - 70px); background: var(--wp--preset--color--green); color:var(--wp--preset--color--black); }
.match-card.live .match-content .match-status .status {color:var(--wp--preset--color--black); }
.match-card.live .match-content .match-time {font-size: 1.125rem; color:var(--wp--preset--color--green); font-weight: 800;line-height: 16px; /* 88.889% */letter-spacing: -0.36px;text-transform: uppercase; position:absolute; top:12px; right:12px; }
.match-card.live .match-content .match-event {display: flex; justify-content: center; align-items: center; padding-bottom: 24px;}
.match-card.live .match-content .match-event span {font-weight: 600; line-height: 16px; letter-spacing: -0.14px; font-size: 0.875rem;}
.match-card.live .match-content .match-event span.maali {margin:0 11px;}
.match-card.live .match-content .match-event span.maali::before {content:""; mask-image: url("../../assets/images/ball.svg"); mask-size: cover; mask-repeat:no-repeat; width: 13px; height: 13px; display: inline-block; background-color: #fff; margin-right:5px;}
.match-card .match-content .match-status {vertical-align: top; color:var(--wp--preset--color--light-grey); font-size: 0.825rem; font-style: italic;font-weight: 800;line-height: 16px; /* 160% */letter-spacing: -0.2px; text-transform: uppercase; font-style: italic; border-radius: 6px 0;border-top: 1px solid  #1A2B34;border-bottom: 1px solid #1A2B34;border-left: 1px solid #1A2B34;background: #1A2B34; display: inline-block;  padding: 6px 10px; line-height: 16px;}
.match-card .match-content .match-status .status {color:var(--wp--preset--color--light-grey); font-size: 0.825rem; font-style: italic;font-weight: 800;line-height: 16px; /* 160% */letter-spacing: -0.2px; text-transform: uppercase; display: inline-block; font-style: italic;}
.match-card .match-teams {display: flex; padding: 20px 18px 20px 18px;align-items: center; justify-content: space-between; column-gap: 20px; min-height: 90px;}
.match-card .match-scores {display: flex; align-items: center; column-gap: 14px; position: relative; }
.match-card .match-scores > span {font-size: 2.25rem; font-style: italic;font-weight: 800;line-height: 36px; /* 100% */text-transform: uppercase; border-radius: 6px; background: #1A2B34; padding: 10px;}
.match-card .match-scores > .period { color: var(--wp--preset--color--gold); font-weight: 800; font-size: 14px; font-style:italic; position:absolute; top: 100%; left:50%; transform:translateX(-50%); }
.match-card .team-logo > img {width: 40px; height: auto; max-width:100%; }
.match-card .match-team {text-align: center;}
.match-card:not(#upcoming-game, #played-game) .match-team { width: 55px;}
.match-card .match-team .team-name {font-size:0.825rem; font-style:normal; font-weight:400; line-height:1.25; display: inline-block;}
.match-card .additional.audience {position: absolute; top: 8px; left: 50%; transform: translateX(-50%); text-align: center; color:rgba(178, 178, 178, 1); font-style: italic;font-weight: 800;line-height: 16px; /* 133.333% */letter-spacing: -0.12px;text-transform: uppercase; font-size: 0.75rem; display:flex; align-items:center; justify-content:center; column-gap:6px;}
.match-card .additional.audience::before {content:""; background:url("../../assets/images/group.svg") no-repeat; background-size:cover; width: 16px; height: 15px; display: block; }
.match-card .match-scores:has(.match-game-info) {flex-direction:column;  background: #1A2B34; border-radius:6px; padding: 7px 18px;}
.match-card .match-scores:has(.match-game-info) > span {background:transparent; font-size: 1.5rem; padding: 0; }
.match-card .match-scores:has(.match-game-info) a.match-game-info {font-size: 8px;font-style: normal;font-weight: 600;line-height: 16px; /* 200% */letter-spacing: -0.08px; text-decoration:none; color:#fff; white-space: nowrap;}
.match-card .match-scores:has(.match-game-info) a.match-game-info::after {content:""; mask-image: url("../../assets/images/chevron-right.svg"); mask-size: cover; mask-repeat:no-repeat; width: 5px; height: 7px; margin-left: 8px; display: inline-block; background-color: #fff;}
.match-card .match-odds {display:flex; align-items:center; column-gap:8px; justify-content: center; margin-top:18px;}
.match-card .match-odds::before {content:""; background:url("../../assets/images/veikkaus.svg") no-repeat; background-size: cover; width: 17px; height: 14px; display: inline-block; margin-right: 11px;}
.match-card .match-odds > span {background-color:#1A2B34; border-radius:6px; padding: 3px 7px; font-size:10px; font-weight: 400;line-height: 10px;text-transform: uppercase;}
.match-card .match-odds > span strong {font-weight:700;}
.match-card .match-odds+.match-footer {margin-top: 18px;}
.match-card a.match-link {width:100%; display: flex; box-sizing: border-box; align-items: center; justify-content: center; transition:0.2s ease-in-out; text-decoration:none; color:var(--wp--preset--color--white); font-size:0.75rem; font-style: italic;font-weight: 800;line-height: 16px; /* 133.333% */letter-spacing: -0.12px; text-transform: uppercase;border-radius: 0 0 6px 6px; border: 1px solid #1A2B34; background: var(--wp--preset--color--black); box-shadow: 0 3px 24px 0 rgba(255, 255, 255, 0.10); padding: 10px 16px;}
.match-card a.match-link::after {content:""; mask-image: url("../../assets/images/chevron-right.svg"); mask-size: cover; mask-repeat:no-repeat; width: 5px; height: 7px; margin-left: 8px; display: inline-block; background-color: #fff; transition:0.2s ease-in-out;}
.match-card a.match-link:is(:hover,:focus) {background: linear-gradient(0deg, #00131D -67.44%, #FFF 826.05%, #FFF 983.72%); color:#fff;}
.match-card a.match-link:is(:hover,:focus)::after {background-color: #fff;}
.match-card .match-footer {margin-top: 8px; display: flex; column-gap:14px;}
.match-card .match-footer a.tickets-link {width:50%; display: flex; box-sizing: border-box; align-items: center; justify-content: center; transition:0.2s ease-in-out; text-decoration:none; color:var(--wp--preset--color--white); font-size:0.75rem; font-style: italic;font-weight: 800;line-height: 16px; /* 133.333% */letter-spacing: -0.12px; text-transform: uppercase;border-radius: 6px; border: 1px solid #1A2B34; background: var(--wp--preset--color--black); box-shadow: 0 3px 24px 0 rgba(255, 255, 255, 0.10); padding: 10px 16px;}
.match-card .match-footer a.tickets-link::after {content:""; mask-image: url("../../assets/images/out-icon.svg"); mask-size: cover; mask-repeat:no-repeat; width: 12px; height: 12px; margin-left: 8px; display: inline-block; background-color: #FFF; transition:0.2s ease-in-out;}
.match-card .match-footer a.tickets-link:is(:hover,:focus) {background: linear-gradient(0deg, #00131D -67.44%, #FFF 826.05%, #FFF 983.72%); color:#fff;}
.match-card .match-footer a.tickets-link:is(:hover,:focus)::after {background-color: #fff;}
.match-card .match-footer a.ruutu-link {display: flex; align-items: center; box-sizing: border-box; justify-content: center; width: 50%; border-radius: 6px; border: 1px solid #1A2B34; background: #00131D; box-shadow: 0 3px 24px 0 rgba(255, 255, 255, 0.10); padding: 10px 16px;}
.match-card .match-footer a.ruutu-link::before {content:""; background:url("../../assets/images/ruutu-logo.svg") no-repeat; background-size:cover; width:50px; height: 20px; max-width:100%; display: inline-block;}
.match-card .match-footer a.ruutu-link::after {content: ""; mask-image: url("../../assets/images/out-icon.svg"); mask-size: cover; mask-repeat: no-repeat; width: 11px; height: 11px; margin-left: 9px; display: inline-block; background-color: #00F2EA; aspect-ratio: 1 / 1;}
.match-card .match-footer a.ruutu-link:is(:hover,:focus) {background: linear-gradient(0deg, #00131D -67.44%, #FFF 826.05%, #FFF 983.72%);}

body.home .matches-carousel {padding-bottom: 0;}
body.home .wp-block-post-content > .wp-block-group > .wp-block-group:has(.matches-carousel) {border-bottom:1px solid #1A2B34; padding-bottom: 24px;}
.matches-carousel {padding-bottom: 55px;}
.matches-carousel .tns-outer {position:relative;}
.matches-carousel .tns-controls button {position:absolute; top: 50%; transform:translateY(-50%); cursor: pointer;  width: 40px; height: 40px; filter: drop-shadow(0 4px 24px rgba(178, 178, 178, 0.10)); background: transparent; border: none; padding: 0; z-index: 1;}
.matches-carousel .tns-controls button[data-controls="prev"] {left: -32px;transform: translateX(-50%) translateY(-115%);}
.matches-carousel .tns-controls button[data-controls="prev"] .icon {background-image: url("../../assets/images/arrow-right-circle-solid.svg"); background-repeat: no-repeat; background-size: cover; display: block; width: 100%; height: 100%; transform: rotate(-90deg);}
.matches-carousel .tns-controls button[data-controls="next"] { right: -32px; transform: translateX(+50%) translateY(-115%);}
.matches-carousel .tns-controls button[data-controls="next"] .icon {background-image: url("../../assets/images/arrow-right-circle-solid.svg"); background-repeat: no-repeat; background-size: cover; display: block; width: 100%; height: 100%; transform: rotate(90deg);}
.matches-carousel .tns-nav {display:none; position: absolute; bottom: -50px; left: 0; width: 100%;  z-index: 1; /*display: flex; justify-content: center; gap: 8px; flex-wrap: wrap;*/}
.matches-carousel .tns-nav button {aspect-ratio: 1 / 1; background: var(--wp--preset--color--light-grey); width: 11px; height: 11px; border-radius: 50%; border: none; padding: 0; cursor: pointer;}
.matches-carousel .tns-nav button.tns-nav-active {background: #fff;}
@media (max-width: 834px) {
    body.home main > .wp-block-post-content::after {width: 2525.242px;height: 438px; background-position: bottom center;}
    .matches-carousel .tns-controls button {top:unset; transform:unset; bottom:-54px; }
    .matches-carousel .tns-controls button[data-controls="prev"] {left:0; transform:unset;}
    .matches-carousel .tns-controls button[data-controls="next"] {right:0; transform:unset; }
    body.home .wp-site-blocks main > .wp-block-post-content > .wp-block-group > div:has(.games-tabs) {margin-bottom:0;padding-bottom: 80px;}
}
@media (max-width: 575px) {
    .match-card .match-scores {column-gap:10px;}
}

.team-birthdays {display: flex;flex-wrap: wrap; margin:37px 0; column-gap:21px; row-gap: 21px; }
.team-birthdays:not(:has(.birthday-player)) { margin:0;}
.team-birthdays h2 {flex-basis:100%; font-style: italic;font-weight: 800;line-height: 24px !important; margin-bottom:5px !important; color:var(--wp--preset--color--gold); font-size:1.5rem !important; text-transform: uppercase; text-align: center;}
.team-birthdays h2::before {content:"🎉"; margin:0 6px;}
.team-birthdays h2::after {content:"🎉"; margin:0 6px;}
.team-birthdays .birthday-player {position: relative; flex-basis: calc(33.333% - 14px); border-radius: 6px; border: 1px solid #1A2B34; background:  #1A2B34; padding: 8px 12px; box-sizing: border-box; display:flex; align-items: center; column-gap: 12px;}
.team-birthdays .birthday-player::after {content:""; background:url("../../assets/images/aalto2.svg"); background-repeat:no-repeat; background-position: center bottom; background-size: cover; position:absolute; top:0; left: 0px; width:100%; height:100%; z-index:0;}
.team-birthdays .birthday-player > div {position: relative; z-index: 2;}
.team-birthdays .birthday-player .player-name {font-style: italic; font-weight: 800; line-height: 18px; letter-spacing: -0.14px; text-transform: uppercase; font-size: 0.875rem;}
.team-birthdays .birthday-player .player-name > a {font-style: italic; font-weight: 800; line-height: 18px; letter-spacing: -0.14px; text-transform: uppercase; font-size: 0.875rem; color:#fff; text-decoration:none; }
.team-birthdays .birthday-player .player-name > a:is(:hover, :focus) { color: var(--wp--preset--color--gold); }
.team-birthdays .birthday-player .player-number {color:var(--wp--preset--color--light-grey); font-size: 0.625rem; font-style: normal;font-weight: 700;line-height: 18px; /* 180% */text-transform: uppercase;}
.team-birthdays .birthday-player .player-age {display:flex; flex-direction: column; margin-left: auto; text-align: right; font-style: italic; font-weight: 800; line-height: 18px; letter-spacing: -0.54px; text-transform: uppercase; font-size: 1.125rem;}
.team-birthdays .birthday-player .player-age span {font-size:0.625rem; font-style: italic; font-weight: 800; line-height: 18px; /* 180% */ letter-spacing: -0.3px; text-transform: uppercase; color:var(--wp--preset--color--light-grey);}
.team-birthdays .birthday-player .player-image > img {width: 40px; aspect-ratio: 1 / 1; max-width: 100%; border-radius: 100%;}
body .wp-site-blocks .wp-block-post-content .wp-block-group > div:has(.player-birthdays):not(:has(.player-birthdays > .birthday-player)) { margin: 0; }
@media (max-width: 575px) {
    .team-birthdays h2 {font-size: 0.75rem !important; line-height: 12px !important; /* 100% */ font-style:italic !important; font-weight: 800 !important; text-transform:uppercase !important;}
    .team-birthdays {row-gap:14px;}
    .team-birthdays .birthday-player {flex-basis:100%; }
}

.team-card .tabs #team-info .columns:has( > .left .team-player-card)::before {content:""; position: absolute; background: #B2B2B2;border-radius: 50%; opacity: 0.1; filter: blur(62px); width: 883px; height: 309px; left: 50%; top:50%; transform: translateX(-70%) translateY(-40%);}
.team-card .tabs #team-info .columns:has( > .left .team-player-card)::after {content:""; background:url("../../assets/images/aalto.svg"); background-repeat:no-repeat; background-position: center center; background-size:cover; position:absolute; top:0; left: 0; width:100%; height:100%; z-index:0; opacity: 0.5;}
.columns:has(.team-scorecard) {column-gap:21px; padding-top: 84px;}
.columns:has(.team-scorecard) :is(.right, .left) {width:50%;}
.scorecard-tabs .tab-content {border:1px solid #1A2B34; border-radius: 0 0 6px 6px; background: #00131D; padding: 0 6px; overflow: hidden; position:relative;}
.team-card .team-scorecard > h2 {position:absolute; top: 8px; color:var(--wp--preset--color--gold); font-size: 1rem; font-style: italic;font-weight: 800;line-height: normal;letter-spacing: -0.48px;text-transform: uppercase;}
.team-card .scorecard-tabs .tab-list {overflow: hidden; width:53%; margin: 0 0 0 auto; border: 1px solid #1A2B34; border-radius: 6px 6px 0 0; gap:0;}
.team-card .scorecard-tabs .tab-list li {flex-grow: 1; text-align: center;}
.team-card .scorecard-tabs .tab-list li button {width: 100%; font-size:0.75rem; text-align:center; font-family:var(--wp--preset--font-family--body); font-style: italic; font-weight: 800; line-height: 16px; /* 133.333% */letter-spacing: -0.12px; white-space: nowrap; text-transform: uppercase; color:#fff; padding: 10px 0; border-width: 0 1px 0 0; border-style:solid; border-color: #1A2B34;}
.team-card .scorecard-tabs .tab-list li:last-child button {border:none;}
.team-card .scorecard-tabs .tab-list li button[aria-expanded="true"] {border:none; background:#fff; color:var(--wp--preset--color--black);}
.team-card .scorecard-tabs .tab-content{position:relative;}
.team-card .scorecard-tabs .tab-content::after {content:""; position:absolute;bottom:0; left:0; width:100%; height:160px; background: linear-gradient(180deg, rgba(0, 19, 29, 0.00) 0%, #00131D 53.8%); z-index: 1;}
.team-card .scorecard-tabs .tab-content > .columns {column-gap:6px; align-items:center;}
/*.team-card .scorecard-tabs .left {width:43%; padding: 47px 0 24px;}
.team-card .scorecard-tabs .left .team-player-card {position:relative; }
.team-card .scorecard-tabs .left .team-player-card > h2 {font-size:1.5rem; font-style: italic;font-weight: 800;line-height: 24px; letter-spacing: -0.24px; text-transform: uppercase; display: flex; flex-direction: column; position: absolute; left: 62px; bottom: -15px; z-index: 2; margin:0;}
.team-card .scorecard-tabs .left .team-player-card > h2 span {padding-left: 5%; }
.team-card .scorecard-tabs .left .team-player-card > .player-number {position:absolute; left: 12px; top:-24px; font-size: 0.75rem; color:#fff; font-style: italic;font-weight: 800;line-height: 16px; text-transform: uppercase;}
.team-card .scorecard-tabs .left .team-player-card .player-points {position:absolute; right:0; top: -32px; display:flex; flex-direction:column; align-items:center;}
.team-card .scorecard-tabs .left .team-player-card .player-points > .value {font-size: 2.25rem; color:var(--wp--preset--color--gold); font-style: italic;font-weight: 800;line-height: 44px; letter-spacing: -1.32px;text-transform: uppercase;}
.team-card .scorecard-tabs .left .team-player-card .player-points > .label {font-size: 0.75rem; color:#fff; font-style: italic;font-weight: 800;line-height: 16px; text-transform: uppercase;}
.team-card .scorecard-tabs .left .team-player-card .player-image {text-align:center; padding-top: 60px; z-index: 1; position: relative; padding-bottom:32px;}
.team-card .scorecard-tabs .left .team-player-card .player-image > img { height: 266px; width:auto; max-width: 100%; object-fit: cover;}
.scorecard-tabs .player-position {box-sizing: border-box; position: absolute; left: -6px; top:97%; z-index:2; background-color: var(--wp--preset--color--gold); padding: 10px; border-radius: 0 0 0 6px; font-size: 1.5rem; font-style: italic; font-weight: 800; line-height: normal; letter-spacing: -0.72px; text-transform: uppercase; color: var(--wp--preset--color--black); width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;}
.team-card .right .team-scorecard {position:relative;}
.team-card .scorecard-tabs .right {width: 53%; align-self:flex-start; padding: 37px 0 28px;}
.team-card .scorecard-tabs .right .scorecard-table {border-collapse: separate; border-spacing: 0 8px; width: 100%; position:relative; z-index:2;}
.team-card .scorecard-tabs .right .scorecard-table > tbody tr {height:58px;}
.team-card .scorecard-tabs .right .scorecard-table > tbody tr td {padding: 2px 4px; background-color: #1A2B34;}
.team-card .scorecard-tabs .right .scorecard-table > tbody tr td:first-child {padding-left:12px; border-radius: 6px 0 0 6px; font-size: 1.125rem; font-style: italic;font-weight: 800;line-height: 18px; letter-spacing: -0.54px;text-transform: uppercase;}
.team-card .scorecard-tabs .right .scorecard-table > tbody tr td:last-child {padding-right: 12px; border-radius: 0 6px 6px 0;}
.team-card .scorecard-tabs .right .scorecard-table td.player-image > img {width: 40px; height: 40px; border-radius: 50%; object-fit:cover; vertical-align: middle;}
.team-card .scorecard-tabs .right .scorecard-table td.player-name .name {margin-bottom: -10px; display: block; font-size:0.875rem; font-style: italic;font-weight: 800;line-height: 18px; letter-spacing: -0.14px;text-transform: uppercase; color:#fff;}
.team-card .scorecard-tabs .right .scorecard-table td.player-name .player-number {font-size:0.625rem; font-style: normal;font-weight: 700;line-height: 18px; text-transform: uppercase; color:var(--wp--preset--color--light-grey); display:inline-block;}
.team-card .scorecard-tabs .right .scorecard-table td.player-points mark { display:block; text-align:right; font-size: 1.125rem; font-style: italic;font-weight: 800;line-height: 18px; letter-spacing: -0.54px;text-transform: uppercase;}
.team-card .scorecard-tabs .right .scorecard-table td.player-points .points-label {font-size: 0.625rem; font-style: normal; font-weight: 700; line-height: 18px; text-transform: uppercase; color: var(--wp--preset--color--light-grey); display: block; text-align:right; }*/
@media (max-width:575px) {
    .left .team-standing h2 {font-size: 1.25rem;}
    .team-card .team-scorecard > h2 {display:none;}
    .team-card .scorecard-tabs .tab-list {width:100%;}
    .team-card .scorecard-tabs .tab-content {padding: 0; border:0; }
    /*.team-card .scorecard-tabs .left { border: 1px solid #1A2B34; box-sizing: border-box; padding: 0;}
    .team-card .scorecard-tabs .left .team-player-card {padding: 24px 0 24px;}
    .team-card .scorecard-tabs .left .team-player-card::before {content: ""; background: url("../../assets/images/aalto.svg"); background-position-x: 0%; background-position-y: 0%; background-repeat: repeat;  background-size: auto;background-repeat: no-repeat; background-position: center center;background-size: cover;position: absolute; top: 0;left: 0; width: 100%;height: 100%; z-index: 0;}
    .team-card .scorecard-tabs .left .team-player-card::after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 100px; background: linear-gradient(180deg, rgba(0, 19, 29, 0.00) 0%, #00131D 53.8%); z-index: 1;}
    .team-card .scorecard-tabs .left .team-player-card > h2 {bottom: 24px; left: 69px;}
    .team-card .scorecard-tabs .left .team-player-card > .player-number {top: 24px; left: 24px; }
    .team-card .scorecard-tabs .left .team-player-card .player-points {top:24px; right: 24px;}
    .team-card .scorecard-tabs .left .team-player-card .player-points > .value {font-size:2.75rem; line-height: 44px; letter-spacing: -1.32px;text-transform: uppercase;}
    .team-card .scorecard-tabs .left .team-player-card .player-points > .label {font-size:0.75rem; line-height: 16px; text-transform: uppercase;}
    .scorecard-tabs .player-position {left: 0; bottom:0; top:unset; width: 45px; height: 45px; border-radius: 0;}*/
    .team-card .scorecard-tabs .tab-content::after {content:none;}
    .team-card .tabs #team-info .columns:has(> .left .team-player-card)::after {content:none;}
    .team-card .scorecard-tabs .right {padding:0;}
}


.left .team-standing h2 {font-size: 1rem; font-style: italic;font-weight: 800;line-height: normal;letter-spacing: -0.48px;text-transform: uppercase; color:var(--wp--preset--color--gold); margin-top: -27px; margin-bottom: 7px;}
.team-standing-table {border: 1px solid #1A2B34; border-radius: 6px;}
.team-standing-table table {width:100%; border-collapse: collapse; font-size: 0.875rem; line-height: 14px; /*height: 354px;*/}
.team-standing-table table thead tr th {padding: 17px 10px 15px; text-align:center; color:var(--wp--preset--color--light-grey);}
.team-standing-table table thead tr th:first-child {width:50px;}
.team-standing-table table thead tr th:nth-child(2) {text-align:left; border-right:1px solid rgba(100, 100, 100, 0.20);}
.team-standing-table table thead tr th:not(:nth-child(1), :nth-child(2)) {width: 50px;}
.team-standing-table table tbody tr.current {background: var(--wp--preset--color--gold) !important; color:var(--wp--preset--color--black) !important; font-weight: 700 !important; }
.team-standing-table table tbody tr:nth-child(odd) {background: rgba(178, 178, 178, 0.1); }
.team-standing-table table tbody tr td {padding: 24px 10px 20px; text-align:center; }
.team-standing-table table tbody tr td:first-child {width:50px;}
.team-standing-table table tbody tr td:nth-child(2) {text-align:left; border-right:1px solid rgba(100, 100, 100, 0.20);}
.team-standing-table table tbody tr td:not(:nth-child(1), :nth-child(2)) {width: 50px;}

.statistics-more-info {margin-top:48px; text-align:center; position:relative;}
.statistics-more-info::before {content:""; height: 1px; width: calc(50% - 123px); background-color: #1A2B34; position: absolute; top: 50%; transform:translateY(-50%); left: 0;}
.statistics-more-info::after {content:""; height: 1px; width: calc(50% - 123px); background-color: #1A2B34; position: absolute; top: 50%; transform:translateY(-50%); right: 0; }
.statistics-more-info button {display: flex; align-items: center; justify-content: center; transition:0.2s ease-in-out; text-decoration:none; color:var(--wp--preset--color--black); font-size:0.75rem; font-style: italic;font-weight: 800;line-height: 16px; /* 133.333% */letter-spacing: -0.12px; text-transform: uppercase;border-radius: 6px; border: 1px solid #1A2B34; background: var(--wp--preset--color--gold); box-shadow: 0 3px 24px 0 rgba(255, 255, 255, 0.10); padding: 10px 16px; margin: 0 auto; font-family: var(--wp--preset--font-family--body);}
.statistics-more-info button::after {content:""; mask-image: url("../../assets/images/chevron-right.svg"); mask-size: cover; mask-repeat:no-repeat; width: 5px; height: 7px; margin-left: 8px; display: inline-block; background-color: #00131D; transition:0.2s ease-in-out;}
.statistics-more-info button:is(:hover,:focus) {background: linear-gradient(0deg, #00131D -67.44%, #FFF 826.05%, #FFF 983.72%); color:#fff;}
.statistics-more-info button:is(:hover,:focus)::after {background-color: #fff;}

#team-players {margin-top: 80px;}
#team-players .player-tabs .tab-list {gap: 0;}
#team-players .player-tabs .tab-list li button {font-family:var(--wp--preset--font-family--body); font-size:0.75rem; font-style: italic; font-weight: 800; line-height: 16px; /* 133.333% */ letter-spacing: -0.12px; text-transform: uppercase;}
#team-players .player-tabs .tab-list li:first-child button {border-radius: 6px 0 0 6px;border: 1px solid #1A2B34; background: #00131D; color:#fff;}
#team-players .player-tabs .tab-list li:last-child button {border-radius: 0 6px 6px 0;border: 1px solid #1A2B34; background: #00131D; color:#fff;}
#team-players .player-tabs .tab-list li button[aria-expanded="true"] {background:var(--wp--preset--color--gold); color:var(--wp--preset--color--black);}
#team-players #players-gallery { margin-top: 27px;}
#team-players #players-gallery .players-gallery:not(:first-child) { margin-top: 36px;}
#team-players .players-gallery .gallery-header {display:flex; align-items:center;}
#team-players .players-gallery .gallery-header h3 {margin:0; color: #FFF;font-family: "Open Sans";font-size: 1.25rem;font-style: italic;font-weight: 800;line-height: normal;letter-spacing: -0.6px;text-transform: uppercase;}
#team-players .players-gallery .gallery-header .abbr-descriptions {display:flex; column-gap:6px; margin-left: auto; font-style: italic; font-weight: 400; line-height: 14px; letter-spacing: 0.24px; font-size: 0.75rem; color: var(--wp--preset--color--light-grey);}
#team-players .players-gallery .gallery-header .abbr-descriptions .abbr-def {font-weight: 700;}
#team-players .players-gallery .grid {display:flex; column-gap:20px; row-gap:24px; flex-wrap: wrap; margin-top:24px;}
#team-players .players-gallery .grid .player-card::before {content:""; position: absolute; left: -85%;top: 25px; background: #B2B2B2; border-radius: 50%; opacity: 0.1; filter: blur(62px); width: 883px;height: 309px;}
#team-players .players-gallery .grid .grid-item {width: calc(25% - 15px); margin: 0 !important; position:relative; overflow:hidden;}
#team-players .players-gallery .grid .grid-item::after {content:""; background:url("../../assets/images/aalto.svg"); background-repeat:no-repeat; background-position:30% center; background-size: 2500px 450px; position:absolute; top:0; left: 0px; width:100%; height:100%; z-index:0;}
#team-players .players-gallery .grid .grid-item > a {overflow: hidden; color:#fff; border-radius: 8px; border: 1px solid #1A2B34; padding: 24px 22px 12px 22px; display: block; text-decoration: none; position:relative; z-index:2;}
#team-players .players-gallery .grid .grid-item > a:after {content:""; background: linear-gradient(180deg, rgba(0, 19, 29, 0.00) 0%, #00131D 53.8%); position: absolute; bottom: 0; left: 0; width:100%; height:146px; z-index: 1;}
#team-players .players-gallery .grid .grid-item .player-number {font-style: italic; font-weight: 800; line-height: 24px; letter-spacing: -0.72px; text-transform: uppercase; font-size: 1.5rem; color: #fff; position: absolute; top: 24px; right: 22px; padding-right: 0;}
#team-players .players-gallery .grid .grid-item .player-info {margin-top: -50px; border: none; padding: 0; border-radius: 0; flex-direction: column; align-items: flex-start; background: transparent; position: relative; z-index: 2;}
#team-players .players-gallery .grid .grid-item .player-info h3 {display: flex; flex-direction: column; padding-left: 3%; font-size:1.5rem; margin: 0; font-style: italic;font-weight: 800;line-height: 24px; /* 100% */letter-spacing: -0.24px;text-transform: uppercase; color:#fff;}
#team-players .players-gallery .grid .grid-item .player-info h3 mark {margin-left: -10%;}
#team-players .players-gallery .grid .grid-item .player-info .player-stats {display: flex; width: 100%; justify-content: center; }
#team-players .players-gallery .grid .grid-item .player-info .player-stats span.stat {width: 25%; text-align: center; display: flex; flex-direction: column; align-items: center;row-gap: 6px;}
#team-players .players-gallery .grid .grid-item .player-info .player-stats span.stat > span {font-style: normal; font-weight: 700; line-height: 14px; font-size: 1rem;}
#team-players .players-gallery .grid .grid-item .player-info .player-stats span.stat > span.abbr {color:var(--wp--preset--color--light-grey); }
#team-players .players-gallery .grid .grid-item .player-info .player-stats span.stat > span.value {color:#fff; font-weight: 800; display: inline-block;}
.coaches {display:flex; flex-wrap: wrap; column-gap:20px; row-gap:20px;}
.management-title {font-size: 0.875rem; margin:36px 0 26px; font-style: italic;font-weight: 800;line-height: 16px; /* 114.286% */letter-spacing: -0.14px;text-transform: uppercase; color:var(--wp--preset--color--gold);}
#team-players .coaches .grid-item:is(.coach-card) {width: calc(25% - 15px); margin: 0 !important; position:relative; border-radius: 6px; border: 1px solid #1A2B34; background:  #1A2B34; padding: 8px 12px;}
#match-players .grid-item:is(.coach-card), #match-team-players .grid-item:is(.coach-card) {width: calc(50% - 36px); margin: 0 !important; position:relative; border-radius: 6px; border: 1px solid #1A2B34; background:  #1A2B34; padding: 8px 12px;}
.coaches .grid-item:is(.coach-card)::after {content:""; background:url("../../assets/images/aalto2.svg"); background-repeat:no-repeat; background-position: center bottom; background-size: cover; position:absolute; top:0; left: 0px; width:100%; height:100%; z-index:0;}
.coaches .grid-item:is(.coach-card) .coach-info {z-index: 1; position: relative;}
.coaches .grid-item:is(.coach-card) .coach-info h3 {font-size:0.875rem;margin:0; font-style: italic;font-weight: 800;line-height: 18px; /* 128.571% */letter-spacing: -0.14px;text-transform: uppercase; color:#fff;}
.coaches .grid-item:is(.coach-card) .coach-info .coach-status {font-size:0.875rem;font-style: italic;font-weight: 800;line-height: 18px; /* 128.571% */letter-spacing: -0.14px;text-transform: uppercase; color:var(--wp--preset--color--light-grey);}
.management-title.management-title-referees { text-align:center; }
.referees { display: grid; column-gap: 25px; grid-template-columns: 1fr 1fr; }
.referees > .referee-card:nth-child(odd) { text-align:right; }
.referees > .referee-card:nth-child(even) { text-align:left; }
.referees .referee-card h3 { font-size:0.875rem;margin:0; font-style: italic;font-weight: 800;line-height: 18px; letter-spacing: -0.14px; text-transform: uppercase; color:#fff; margin:0; }

.match-tabs #match-statistics .team-statistics {max-width: 652px;margin: 0 auto;}
.match-tabs #match-statistics .team-statistics .team-statistics-teams {display: flex; justify-content: space-between; margin-bottom: 25px;}
.match-tabs #match-statistics .team-statistics .team-statistics-teams .team {display: flex; align-items: center; column-gap:12px;}
.match-tabs #match-statistics .team-statistics .team-statistics-teams .team .team-logo > img {width:60px; height: auto; max-width:100%;}
.match-tabs #match-statistics .team-statistics .team-statistics-teams .team .team-name {font-size:1.5rem; font-style: italic;font-weight: 800;line-height: normal;text-transform: uppercase;}
.match-tabs #match-statistics .table > table {width:100%; border-collapse: collapse;}
.match-tabs #match-statistics .table > table tbody tr:nth-child(odd) {background: rgba(178, 178, 178, 0.1);}
.match-tabs #match-statistics .table > table tbody tr td {padding: 14px 0; text-align: center; }
.match-tabs #match-statistics .team-statistics > .table > table tbody tr td {padding: 14px 0; text-align: center; width: 33.333%; font-size: 1rem;}
.match-tabs #match-statistics .team-statistics > .table > table tbody tr td:first-child,
.match-tabs #match-statistics .team-statistics > .table > table tbody tr td:last-child  {font-weight:800; font-style:italic;}
.match-tabs #match-statistics .team-statistics > .table > table tbody tr td:nth-child(2) {border-right:1px solid #1A2B34; border-left:1px solid #1A2B34;}
.match-tabs #match-statistics .player-statistics {margin-top:46px; }
.match-tabs #match-statistics .player-statistics .player-statistics-title {color:var(--wp--preset--color--gold); font-style: italic;font-weight: 800;line-height: 16px; /* 114.286% */letter-spacing: -0.14px;text-transform:uppercase; text-align:center; margin-bottom:12px;}
.match-tabs #match-statistics .player-statistics .player-statistics-info {margin-bottom: 24px; color: var(--wp--preset--color--light-grey); text-align: center;font-family: "Open Sans";font-size: 0.75rem;font-style: italic;font-weight: 700;line-height: 14px; /* 116.667% */letter-spacing: 0.24px;}
.match-tabs #match-statistics .player-statistics .table {border: 1px solid #1A2B34; border-radius: 6px; overflow-x: scroll; }
.match-tabs #match-statistics .player-statistics .table table.sortable-table {width: 100%;border-collapse: collapse;line-height: 14px; max-width: 100%;}
.match-tabs #match-statistics .player-statistics .table table.sortable-table thead tr th button {cursor: pointer; text-align: center; font-family: "Open Sans"; font-size: 1.125rem; font-style: normal; font-weight: 700; line-height: 14px; background: transparent; border: none; color: var(--wp--preset--color--light-grey); padding: 32px 24px 32px; width: 100%; position: relative;}
.match-tabs #match-statistics .player-statistics .table table.sortable-table thead tr th:first-child button {text-align: left;}
.match-tabs #match-statistics .player-statistics .table table.sortable-table thead th.active button {background:var(--wp--preset--color--gold); color: #00131D;}
.match-tabs #match-statistics .player-statistics .table table.sortable-table thead th.active button::after {content: ""; background: url("../../assets/images/Polygon.svg");;background-repeat: no-repeat;background-position: center center; background-size: cover; width: 10px; height: 6px; aspect-ratio: 5/3;display: inline-block; position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);}
.match-tabs #match-statistics .player-statistics .table table.sortable-table thead th.active.asc button::after {transform: translateX(-50%) rotate(180deg);}
.match-tabs #match-statistics .player-statistics .table table.sortable-table tbody tr td:first-child {text-align:left;}
.match-tabs #match-statistics .player-statistics .table table.sortable-table tbody tr td {padding: 32px 15px 32px; text-align: center; white-space: nowrap;}
.player-statistics .table table tbody tr td .player-info {display:flex; column-gap:13px; align-items:center;}
.player-statistics .table table tbody tr td .player-info .player-image img {width:40px; height:40px; aspect-ratio:1 / 1;}
.player-statistics .table table tbody tr td .player-info .player-info-details a {color:var(--wp--preset--color--gold); font-size: 1rem; font-style: normal; font-weight: 600; line-height: 16px; /* 100% */ text-decoration:none; display: flex; align-items: center;column-gap: 12px;}
.player-statistics .table table tbody tr td .player-info .player-info-details .shirt-number {margin-top:3px; display:flex; align-items: center; font-style: normal;font-weight: 700;line-height: 18px;letter-spacing: -0.12px;text-transform: uppercase;font-size: 0.75rem;color: var(--wp--preset--color--light-grey);}
.player-statistics .table table tbody tr td .player-info .player-info-details .shirt-number img {height:20px; width:auto; margin-right: 6px;}
.match-tabs #match-statistics .player-statistics > .columns {display: Flex; flex-direction: row; column-gap:20px; row-gap: 36px;}
.match-tabs #match-statistics .player-statistics > .columns > .column {width:calc(50% - 10px);}
table tbody tr td.sorted {background:rgba(178, 178, 178, 0.1);}

@media (max-width:991px) {
    .match-tabs #match-statistics .player-statistics > .columns {display: Flex; flex-direction: column; column-gap:20px; row-gap: 36px;}
    .match-tabs #match-statistics .player-statistics > .columns > .column {width:100%;}
    .match-tabs #match-statistics .player-statistics .table {overflow-x:scroll;}
}

@media (max-width: 834px) {
    #team-players .players-gallery .grid .grid-item { width: calc(33.333% - 14px);}
}
@media (max-width: 620px) {
    #team-players .players-gallery .grid .grid-item { width: calc(50% - 10px);}
}
@media (max-width:575px) {
    #team-players #players-list table thead tr th:not(:has(button)), #team-players #players-list table thead tr th button,
    .match-tabs #match-statistics .player-statistics .table table.sortable-table thead tr th:not(:has(button)), .match-tabs #match-statistics .player-statistics .table table.sortable-table thead tr th button {font-size: 0.875rem !important; padding: 24px 12px !important;}
    #team-players #players-list table tbody tr td,
    .match-tabs #match-statistics .player-statistics .table table.sortable-table tbody tr td { font-size: 0.875rem !important; padding: 8px 12px 8px !important; }
    #team-players #players-list table tbody tr td .player-name a,
    .match-tabs #match-statistics .player-statistics .table table.sortable-table tbody tr td .name { font-size: 0.875rem !important; }
    #team-players #players-list .table-container { overflow-x: auto; }
    #team-players .players-gallery .grid .grid-item { width: 100%;}
    #team-players .player-tabs .tab-list li {flex-grow: 1;}
    #team-players .player-tabs .tab-list li:first-child button {width:100%;}
    #team-players .player-tabs .tab-list li:last-child button {width:100%;}
    #team-players div:is(.players-gallery, .players-list) .gallery-header {align-items: center !important; flex-direction: column; row-gap:12px;width: 100%; }
    #team-players div:is(.players-gallery, .players-list) .gallery-header .abbr-descriptions { width:100%; margin-left:0; flex-wrap: wrap; row-gap: 3px; justify-content: center; }

    #team-players .coaches .grid-item:is(.coach-card) {width: 100%; }
    #match-players:not(.pdf-styles) .grid-item:is(.coach-card), #match-team-players:not(.pdf-styles) .grid-item:is(.coach-card) {width: 100%;}

    .tab-content:not(.pdf-styles) .management-title.management-title-referees { text-align: left; margin-bottom: 20px; }
    .tab-content:not(.pdf-styles) .referees { display:block; }
    .tab-content:not(.pdf-styles) .referees > .referee-card { text-align: left !important; margin-bottom:10px; }
}

#team-players #players-list {}
#team-players #players-list .players-gallery:not(:first-child) { margin-top: 36px;}
#team-players #players-list .gallery-header {display:flex; align-items:center;}
#team-players #players-list .gallery-header h3 {margin:0; color: #FFF;font-family: "Open Sans";font-size: 1.25rem;font-style: italic;font-weight: 800;line-height: normal;letter-spacing: -0.6px;text-transform: uppercase;}
#team-players #players-list .gallery-header .abbr-descriptions {display:flex; column-gap:6px; margin-left: auto; font-style: italic; font-weight: 400; line-height: 14px; letter-spacing: 0.24px; font-size: 0.75rem; color: var(--wp--preset--color--light-grey);}
#team-players #players-list .gallery-header .abbr-descriptions .abbr-def {font-weight: 700;}
#team-players #players-list .table-container {margin-top: 28px; margin-bottom:37px; border-radius: 6px; border: 1px solid #1A2B34; box-shadow: 0 4px 31px 0 rgba(0, 0, 0, 0.60); border: 1px solid #1A2B34;}
#team-players #players-list table {border-collapse: collapse; width: 100%; }
#team-players #players-list table thead tr th:not(:first-child),
#team-players #players-list table tbody tr td:not(:first-child) {width: 80px; }
#team-players #players-list table thead tr th:first-child,
#team-players #players-list table tbody tr td:first-child {width: auto; border-right: 1px solid #1A2B34; padding-left:30px;}
#team-players #players-list table thead tr th,
#team-players #players-list table thead tr th button {cursor:pointer; text-align: center;font-family: "Open Sans";font-size: 1.125rem;font-style: normal;font-weight: 700;line-height: 14px; /* 77.778% */ background:transparent; border:none; color:var(--wp--preset--color--light-grey);}
#team-players #players-list table thead tr th button {padding: 31px 0; width:100%; position:relative;}
#team-players #players-list table thead tr th.active button::after {content:""; background:url("../../assets/images/Polygon.svg"); background-repeat:no-repeat; background-position: center center; background-size: cover; width: 10px;height: 6px;aspect-ratio: 5/3;display: inline-block; position: absolute; bottom: 20px;left: 50%; transform: translateX(-50%);}
#team-players #players-list table thead tr th.active.asc button::after {transform:translateX(-50%) rotate(180deg);}
#team-players #players-list table thead tr th:first-child { text-align:left;}
#team-players #players-list table thead tr th.active button {background:var(--wp--preset--color--gold); color:#00131D; border-radius: 0 6px 0 0;}
#team-players #players-list table tbody tr:nth-child(odd) {background-color: rgba(178, 178, 178, 0.1);}
#team-players #players-list table tbody tr td .player-info {display: flex; align-items: center; column-gap: 15px;}
#team-players #players-list table tbody tr td .player-info .player-info-details {text-align:left; }
#team-players #players-list table tbody tr td .player-info .player-number {font-style: normal;font-weight: 700;line-height: 18px; /* 150% */letter-spacing: -0.12px;text-transform: uppercase; font-size: 0.75rem; color:var(--wp--preset--color--light-grey);;}
#team-players #players-list table tbody tr td .player-image > img {width:40px; aspect-ratio: 1 / 1; border-radius: 100%;}
#team-players #players-list table tbody tr td .player-name a {text-decoration:none; color:var(--wp--preset--color--gold); font-style: normal;font-weight: 600;line-height: 20px; /* 111.111% */ font-size:1.125rem;}
#team-players #players-list table tbody tr td {text-align:center; font-style: normal;font-weight: 400;line-height: 14px; /* 77.778% */ font-size:1.125rem; color:#fff; padding: 24px 0;}
#team-players #players-list table tbody tr td.sorted {background-color: rgba(178, 178, 178, 0.1);}

#team-matches #matches-upcoming .matches-months, #team-matches #matches-played .matches-months { display:none !important; }
#team-matches {margin-top: 80px;}
#team-matches .match-hidden { display: none; }
#team-matches .matches-tabs .tab-list {gap: 0;}
#team-matches .matches-tabs .tab-list li button {font-family:var(--wp--preset--font-family--body); border: 1px solid #1A2B34; background: #00131D; font-size:0.75rem; font-style: italic; font-weight: 800; line-height: 16px; /* 133.333% */ letter-spacing: -0.12px; text-transform: uppercase;}
#team-matches .matches-tabs .tab-list li:first-child button {border-radius: 6px 0 0 6px; background: #00131D; color:#fff; border-right: none;}
#team-matches .matches-tabs .tab-list li:last-child button {border-radius: 0 6px 6px 0;background: #00131D; color:#fff; border-left:none;}
#team-matches .matches-tabs .tab-list li button[aria-expanded="true"] {background:#fff; color:var(--wp--preset--color--black);}
@media (max-width: 575px) {

    #team-matches .matches-tabs .tab-list li {flex-grow: 1;}
    #team-matches .matches-tabs .tab-list li button {width: 100%;}
    #team-matches .matches-tabs .tab-list li:first-child button {width:100%;}
    #team-matches .matches-tabs .tab-list li:last-child button {width:100%;}
}

#matches-live .live-match {margin-top:36px;}
#matches-live .live-match .match-header {display: flex; justify-content: center;align-items: center; column-gap: 24px;}
#matches-live .live-match .match-header .venue {cursor:context-menu; display: inline-block; background:var(--wp--preset--color--green); color:var(--wp--preset--color--black); border-radius: 6px; padding: 10px; font-size: 1.125rem;font-style: italic; font-weight: 800;line-height: 16px; /* 100% */letter-spacing: -0.32px;text-transform: uppercase;}
#matches-live .live-match .match-header .game-time {font-size: 1.125rem; color:var(--wp--preset--color--green); font-style: italic;font-weight: 800;line-height: 16px; /* 88.889% */letter-spacing: -0.36px;text-transform: uppercase;}
#matches-live .match-card {margin-top: 25px; max-width: 100%;}
#matches-live .match-card .match-content {background:transparent;}
#matches-live .match-card .match-teams {display:flex; justify-content:center; column-gap:24px; align-items:center;}
#matches-live .match-card .match-teams > .match-team-wrapper {display:flex; width: 50%; column-gap:62px; align-items:center;}
#matches-live .match-card .match-teams > .match-team-wrapper:first-child { justify-content: flex-end; }
#matches-live .match-card .match-teams > .match-team-wrapper:last-child { justify-content: flex-start; }
#matches-live .match-card .match-teams .match-team {text-align:center; }
#matches-live .match-card .match-teams .match-team .team-logo > img {width:100px; max-width:100%; height: auto; }
#matches-live .match-card .match-teams .match-team .team-name {font-size: 1.5rem; font-style: italic;font-weight: 800;line-height: normal;text-transform: uppercase;}
#matches-live .match-card .match-teams .match-scores {display: flex; align-items: center; column-gap: 24px;}
#matches-live .match-card .match-teams .match-scores > span {font-size: 6rem; color:#fff; font-style: italic;font-weight: 800;line-height: 96px; /* 100% */text-transform: uppercase; background:#1A2B34; padding: 10px 19px; border-radius:6px;}
#matches-live .match-footer {margin-top: 48px; margin-bottom:60px; display: flex; justify-content: center; column-gap:24px;}
#matches-live .match-footer a.match-link {width:145px; display: flex; align-items: center; justify-content: center; transition:0.2s ease-in-out; text-decoration:none; color:var(--wp--preset--color--black); font-size:0.75rem; font-style: italic;font-weight: 800;line-height: 16px; /* 133.333% */letter-spacing: -0.12px; text-transform: uppercase;border-radius: 6px; border: 1px solid #1A2B34; background: var(--wp--preset--color--gold); box-shadow: 0 3px 24px 0 rgba(255, 255, 255, 0.10); padding: 10px 16px;}
#matches-live .match-footer a.match-link::after {content:""; mask-image: url("../../assets/images/chevron-right.svg"); mask-size: cover; mask-repeat:no-repeat; width: 5px; height: 7px; margin-left: 8px; display: inline-block; background-color: #00131D; transition:0.2s ease-in-out;}
#matches-live .match-footer a.match-link:is(:hover,:focus) {background: linear-gradient(0deg, #00131D -67.44%, #FFF 826.05%, #FFF 983.72%); color:#fff;}
#matches-live .match-footer a.match-link:is(:hover,:focus)::after {background-color: #fff;}
#matches-live .match-footer a.ruutu-link {width:145px; display:flex; align-items:center; justify-content:center; border-radius: 6px; border: 1px solid #1A2B34; background: #00131D; box-shadow: 0 3px 24px 0 rgba(255, 255, 255, 0.10); padding: 10px 16px; transition:all 0.2s ease-in-out;}
#matches-live .match-footer a.ruutu-link::before {content:""; background:url("../../assets/images/ruutu-logo.svg") no-repeat; background-size:cover; width:50px; height: 20px; max-width:100%; display: inline-block;}
#matches-live .match-footer a.ruutu-link::after {content: ""; mask-image: url("../../assets/images/out-icon.svg"); mask-size: cover; mask-repeat: no-repeat; width: 11px; height: 11px; margin-left: 9px; display: inline-block; background-color: #00F2EA; aspect-ratio: 1 / 1;}
#matches-live .match-footer a.ruutu-link:is(:hover,:focus) {background: linear-gradient(0deg, #00131D -67.44%, #FFF 826.05%, #FFF 983.72%);}
#matches-live .mobile .match-card .match-content {border-radius: 6px; background: var(--Dark-gradient, linear-gradient(0deg, #00131D -67.44%, #FFF 826.05%, #FFF 983.72%)); overflow: hidden;}
#matches-live .mobile .match-card .match-teams .match-scores > span {font-style: italic;font-weight: 800;line-height: 36px; /* 100% */text-transform: uppercase; font-size: 2.25rem;}
#matches-live .mobile .match-card .match-teams .match-team .team-name{font-style: normal;font-weight: 400; line-height: normal; font-size:0.875rem;}
#matches-live .mobile .match-card .match-teams .match-team .team-logo > img {width: 40px;}
@media (max-width: 575px) {
    #matches-live .match-footer {margin-top:12px; column-gap: 12px;}
    #matches-live .match-footer a.ruutu-link, #matches-live .match-footer a.match-link {width: 50%; }
}

.match-events .match-event {display: flex; align-items: center; justify-content: center; row-gap:36px;}
.match-events .match-event:not(:last-child) {margin-bottom: 36px;}
.match-events .match-event .event-time {box-sizing: border-box; width:59px; display: flex; align-items: center; justify-content: center; flex-direction: column; row-gap:3px; background:#1A2B34; border-radius:5px; padding: 12px 11px;}
.match-events .match-event .event-time > .time {font-size: 1.125rem; font-style: italic;font-weight: 800;line-height: 16px; /* 88.889% */letter-spacing: -0.36px;text-transform: uppercase;}
.match-events .match-event .event-time > .event-score {font-size: 0.875rem; font-style: normal;font-weight: 600;line-height: 16px; /* 114.286% */letter-spacing: -0.14px;}
.match-events .match-event .event-time > span {white-space: nowrap;}
.match-events .match-event .event-time > .score {font-size: 0.875rem;font-style: normal; font-weight: 600; line-height: 16px; /* 114.286% */ letter-spacing: -0.14px;}
.match-events .match-event > .score {display:flex; flex-direction:column; align-items: flex-end; padding-right: 40px; margin-right: 36px;position: absolute;left: 50%;transform: translateX(-144%);}
.match-events .match-event > .score::after {content:""; background:url("../../assets/images/ball.svg") no-repeat; width:16px; height:16px; background-size:cover; position:absolute; right:0; top:50%; transform:translateY(-50%); }
.match-events .match-event > .score > .score-name {color:var(--wp--preset--color--gold);}
.match-events .match-event > .score > span {font-size:1rem; font-style: normal;font-weight: 600;line-height: 20px;letter-spacing: -0.16px; color:#fff; white-space: nowrap;}

.upcoming-match {display: flex; flex-direction: column; align-items: center; margin-top: 36px;}
#matches-live .upcoming-match h2 {font-style: italic;font-weight: 800;line-height: normal; letter-spacing: -0.72px; text-transform: uppercase; font-size: 1.5rem !important; text-align: center; margin-top:0;}
.upcoming-match .match-card .match-content .match-status {background-color:var(--wp--preset--color--gold); color:var(--wp--preset--color--black);}
.upcoming-match .match-card .match-content .match-status span { color:var(--wp--preset--color--black);}
.upcoming-match .match-card .match-teams {display: flex;padding: 20px 34px 20px 32px !important;align-items: center;justify-content: space-between;column-gap: 20px !important;}
.upcoming-match .match-card .match-content {border-radius: 6px; background: var(--Dark-gradient, linear-gradient(0deg, var(--Musta, #00131D) -67.44%, #FFF 826.05%, var(--Valkoinen, #FFF) 983.72%)) !important;}
.upcoming-match .match-card .team-logo > img {width: 40px !important; height: auto; max-width: 100%;}
.upcoming-match .match-card .match-team .team-name {font-size: 0.875rem !important; font-style: normal !important; font-weight: 400 !important; line-height: normal; display: inline-block;}
.upcoming-match .match-card .match-footer {margin: 18px 0 !important; }
#matches-live .upcoming-match .match-card .match-teams .match-scores > span {font-size:1.5rem; line-height: 36px; padding: 7px 19px 0; }

#matches-upcoming {margin-top: 36px;}
#matches-upcoming h2 {font-style: italic;font-weight: 800;line-height: normal; letter-spacing: -0.72px; text-transform: uppercase; font-size: 1.5rem !important; text-align: center;}
#matches-upcoming .matches-months {position: absolute; top: 0; right: 0; cursor: default;}
/*#matches-upcoming .matches-months {cursor: default; display: flex; border-radius: 6px; border: 1px solid #1A2B34; background: #00131D; padding: 12px 8px; align-items:center; width: 180px; box-sizing: border-box; }
#matches-upcoming .matches-months button.previous {cursor:pointer; background-image:url("../../assets/images/icon _nav-arrow.svg"); background-repeat:no-repeat; background-size:contain; width: 8px; height: 12px; background-color: transparent;border: none;}
#matches-upcoming .matches-months button.next {cursor:pointer; background-image:url("../../assets/images/icon _nav-arrow.svg"); background-repeat:no-repeat; background-size:contain; width: 8px; height: 12px; background-color: transparent;border: none; transform: rotate(180deg);}
#matches-upcoming .matches-month {font-size: 0.75rem; font-style: normal;font-weight: 400;line-height: 14px; font-family:var(--wp--preset--font-family--body); padding: 0 12px; margin:0 auto;}*/
#matches-upcoming .matches-grid {display: flex; flex-wrap: wrap; column-gap: 20px; row-gap:20px; margin-top: 25px;}
#matches-upcoming .matches-grid .match-card .match-teams {display:flex; justify-content:center; align-items: center; padding: 20px 25px 20px 20px;}
#matches-upcoming .matches-grid .match-card .match-content .match-status {background:var(--wp--preset--color--gold); color:var(--wp--preset--color--black);}
#matches-upcoming .matches-grid .match-card .match-content .match-status .status {color:var(--wp--preset--color--black);}
#matches-upcoming .matches-grid .match-card {width:calc(25% - 15px); display: flex; flex-direction: column;}
#matches-upcoming .matches-grid .match-card .match-content { min-height: unset; /*height:100%;*/}
#matches-upcoming .match-card .match-scores:has(.match-game-info) {flex-direction:column;  background: #1A2B34; border-radius:6px; padding: 7px;}
#matches-upcoming .match-card .match-scores:has(.match-game-info) > span {background:transparent; font-size: 1.5rem; padding: 0; }
#matches-upcoming .match-card .match-scores a.match-game-info {font-size: 8px;font-style: normal;font-weight: 600;line-height: 16px; /* 200% */letter-spacing: -0.08px; text-decoration:none; color:#fff;}
#matches-upcoming .match-card .match-scores a.match-game-info::after {content:""; mask-image: url("../../assets/images/chevron-right.svg"); mask-size: cover; mask-repeat:no-repeat; width: 5px; height: 7px; margin-left: 8px; display: inline-block; background-color: #fff;}
@media (max-width: 1024px) {
    #matches-upcoming .matches-grid .match-card {  width: calc(33.333% - 14px); }
}
@media (max-width: 834px) {
    #matches-upcoming .matches-grid .match-card {  width: calc(50% - 10px); }
}
@media (max-width: 575px) {
    #matches-upcoming .matches-grid .match-card {  width: 100%; }
    #matches-upcoming .matches-months {position:static; margin-bottom: 24px; margin-top: 24px; justify-content: center;}
    /*#matches-upcoming .matches-month {margin:0 auto;}
    #matches-upcoming .matches-months button.next {width:30px;}
    #matches-upcoming .matches-months button.previous {width:30px;}*/
}

#matches-played {margin-top: 36px;}
#matches-played h2 {font-style: italic;font-weight: 800;line-height: normal; letter-spacing: -0.72px; text-transform: uppercase; font-size: 1.5rem !important; text-align: center;}
#matches-played .matches-months {position: absolute; top: 0; right: 0;}
/*#matches-played .matches-months {cursor: default; display: flex; border-radius: 6px; border: 1px solid #1A2B34; background: #00131D; padding: 12px 8px; align-items:center; box-sizing: border-box;}
#matches-played .matches-months button.previous {cursor:pointer; background-image:url("../../assets/images/icon _nav-arrow.svg"); background-repeat:no-repeat; background-size:contain; width: 8px; height: 12px; background-color: transparent;border: none;}
#matches-played .matches-months button.next {cursor:pointer; background-image:url("../../assets/images/icon _nav-arrow.svg"); background-repeat:no-repeat; background-size:contain; width: 8px; height: 12px; background-color: transparent;border: none; transform: rotate(180deg);}
#matches-played .matches-month {font-size: 0.75rem; font-style: normal;font-weight: 400;line-height: 14px;  font-family:var(--wp--preset--font-family--body); padding: 0 12px;}*/
#matches-played .matches-grid {display: flex; flex-wrap: wrap; column-gap: 20px; row-gap:20px; margin-top: 25px;}
#matches-played .matches-grid .match-card .match-teams {display:flex; justify-content:center; align-items: center; padding: 20px 25px 20px 20px;}
#matches-played .matches-grid .match-card .match-content .match-status {background:var(--wp--preset--color--gold); color:var(--wp--preset--color--black);}
#matches-played .matches-grid .match-card .match-content .match-status .status {color:var(--wp--preset--color--black);}
#matches-played .matches-grid .match-card {width:calc(25% - 15px); display: flex; flex-direction: column;}
#matches-played .matches-grid .match-card .match-content { min-height: unset; /*height:100%;*/}
#matches-played .match-card .match-scores a.match-game-info {font-size: 8px;font-style: normal;font-weight: 600;line-height: 16px; /* 200% */letter-spacing: -0.08px; text-decoration:none; color:#fff;}
#matches-played .match-card .match-scores a.match-game-info::after {content:""; mask-image: url("../../assets/images/chevron-right.svg"); mask-size: cover; mask-repeat:no-repeat; width: 5px; height: 7px; margin-left: 8px; display: inline-block; background-color: #fff;}
@media (max-width: 1099px) {
    #matches-played .matches-grid .match-card {  width: calc(33.333% - 14px); }
}
@media (max-width: 834px) {
    #matches-played .matches-grid .match-card {  width: calc(50% - 10px); }
}
@media (max-width: 575px) {
    #matches-played .matches-grid .match-card {  width: 100%; }
    #matches-played .matches-months {position:static; margin-bottom: 24px; margin-top: 24px; justify-content: center;}
    /*#matches-played .matches-months .matches-month {margin: 0 auto; padding:0;}
    #matches-played .matches-months .matches-months button.next {width:30px;}
    #matches-played .matches-months .matches-months button.previous {width:30px;}*/
    #matches-played .matches-months .matches-link > button {display:none;}
}


/* Ottelut sivu */
.fliiga-matches {}
.fliiga-matches h1 {color:var(--wp--preset--color--gold); text-align:center; margin-bottom:37px !important;}
.fliiga-matches .matches-tabs {position:relative;}
.matches-tabs .matches-header {width: 15%; display:inline-block;}
.matches-tabs .matches-header .serie-select {display: flex; flex-wrap: nowrap;}
.matches-tabs .matches-header .serie-select .button {display: inline-block; text-decoration:none; border-radius: 6px 0 0 6px; border: 1px solid #1A2B34; background: #00131D; color: #fff; font-family: var(--wp--preset--font-family--body); font-size: 0.75rem; font-style: italic; font-weight: 800; line-height: 16px; letter-spacing: -0.12px;text-transform: uppercase; cursor: pointer; padding: 12px 24px;}
.matches-tabs .matches-header .serie-select .button:first-child {border-radius: 6px 0 0 6px;}
.matches-tabs .matches-header .serie-select .button:last-child {border-radius: 0 6px 6px 0;}
.matches-tabs .matches-header .serie-select .button.active {background: var(--wp--preset--color--gold); color: var(--wp--preset--color--black);}
.fliiga-matches .matches-tabs .tab-list {width:58%; display:inline-flex; justify-content:center; list-style:none; padding:0; gap:0;}
.matches-tabs .tab-list li button {font-family: var(--wp--preset--font-family--body); cursor: pointer;color: #fff;padding: 12px 24px; border: 1px solid #1A2B34; background: #00131D; font-size: 0.75rem; font-style: italic; font-weight: 800; line-height: 16px; letter-spacing: -0.12px; text-transform: uppercase;}
.matches-tabs .tab-list li:first-child button {border-radius: 6px 0 0 6px;border-right: none;}
.matches-tabs .tab-list li:last-child button {border-radius: 0 6px 6px 0;background: #00131D;color: #fff;border-left: none;}
.matches-tabs .tab-list li button[aria-expanded="true"] { background: #fff; color: var(--wp--preset--color--black); }
    
.matches-container h2 {font-size: 1.5rem !important; font-style: italic !important; font-weight: 800 !important; line-height: normal; letter-spacing: -0.72px !important; text-transform: uppercase !important; margin: 36px 0 24px !important;}
.matches-container:has(#live-matches-today) h2 {color:var(--wp--preset--color--green);}
.matches-container:has(#live-matches-today):not(:has(#live-matches-today > .match-card)) { display: none; }
.matches-container .matches-grid {display:flex; column-gap:15px; row-gap: 15px; flex-wrap: wrap;}
.matches-container .matches-grid .match-card {width:calc(25% - 12px);}

:is(#matches-upcoming, #matches-played) .matches-grid .grid-group {display: flex; column-gap: 15px; row-gap: 15px; flex-wrap: wrap; width: 100%;}
:is(#matches-upcoming, #matches-played) .matches-grid .grid-group .match-date {width: 100%;}
:is(#matches-upcoming, #matches-played) .matches-grid .grid-group .match-date h2 {text-align:left;}
.fliiga-matches :is(#matches-upcoming, #matches-played) .match-filters {display:flex; column-gap:12px;  width: 28%; position: absolute; top: 19px; right: 0; justify-content:flex-end; }
.fliiga-matches :is(#matches-upcoming, #matches-played) .matches-months {position:static; text-align:center; white-space: nowrap;}
.fliiga-matches :is(#matches-upcoming, #matches-played) .matches-months .matches-month {font-size:0.875rem;}
.fliiga-matches :is(#matches-upcoming, #matches-played) .matches-teams {position:relative;}
.fliiga-matches :is(#matches-upcoming, #matches-played) .matches-teams::after {content: ""; width: 40px; height: 43px; mask-image: url("../../assets/images/chevron-down.svg"); mask-repeat: no-repeat; mask-size: 20px; mask-position: center center; background: #fff; border-left: 1px solid #1A2B34; position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: center; pointer-events: none;}
.fliiga-matches :is(#matches-upcoming, #matches-played) .matches-teams::before {content:""; border-left:1px solid #1A2B34;position:absolute; right:40px; height:14px; top:50%; transform: translateY(-50%);}
.fliiga-matches :is(#matches-upcoming, #matches-played) .matches-teams .matches-team-select {appearance: none;  padding: 12px 50px 12px 16px; font-size: 0.875rem; font-family: var(--wp--preset--font-family--body); font-weight: 400; color: #fff; background-color: var(--wp--preset--color--black); border: 1px solid #1A2B34;  border-radius: 6px; cursor: pointer;}

.single-ottelut .wp-block-template-part+.wp-block-post-content {position:relative; z-index:1; overflow:hidden;}
.single-ottelut .wp-block-template-part+.wp-block-post-content::before {content:""; position: absolute; background: #B2B2B2; border-radius: 50%; opacity: 0.1; filter: blur(62px); width: 1601.305px; height: 338.831px; left: 50%; transform: translateX(-50%); top: 60px;}
.single-ottelut .wp-block-template-part+.wp-block-post-content::after {content:""; background:url("../../assets/images/aalto.svg") no-repeat;  background-size:cover; background-position: center top; position:absolute; top:-160px; left:0; width: 3000px; height: 760px; min-width:100%; z-index: -1; opacity: 0.5;}
.single-ottelut :is(#upcoming-game,#played-game) > .match-content {background:transparent; border:none; max-width: 560px; margin: 0 auto; overflow:visible;}
.single-ottelut :is(#upcoming-game,#played-game) > .match-content .match-header {display:flex; column-gap: 10px; align-items:center; justify-content: center; }
.single-ottelut :is(#upcoming-game,#played-game) > .match-content .match-header .match-series {font-size: 0.75rem; font-style: italic;font-weight: 800;line-height: 16px; /* 133.333% */letter-spacing: -0.12px;text-transform: uppercase; margin-right: 24px; color:var(--wp--preset--color--light-grey);}
.single-ottelut #upcoming-game > .match-content .match-status {font-style: italic; font-weight: 800; line-height: 16px; letter-spacing: -0.32px; text-transform: uppercase; font-size: 1rem; border-radius:6px; color:var(--wp--preset--color--black);}
.single-ottelut #played-game > .match-content .match-status {font-style: italic; font-weight: 800; line-height: 16px; letter-spacing: -0.32px; text-transform: uppercase; font-size: 1rem; border-radius:6px; color:var(--wp--preset--color--light-grey);}
.single-ottelut :is(#upcoming-game,#played-game) > .match-content .match-status > span {font-style: italic; font-weight: 800; line-height: 16px; letter-spacing: -0.32px; text-transform: uppercase; font-size: 1rem; color:var(--wp--preset--color--black);}
.single-ottelut :is(#upcoming-game,#played-game) > .match-content .match-status.upcoming {background:var(--wp--preset--color--gold); color:var(--wp--preset--color--black);}
.single-ottelut :is(#upcoming-game,#played-game) > .match-content .match-status.live {background:var(--wp--preset--color--green); color:var(--wp--preset--color--black);}
.single-ottelut :is(#upcoming-game,#played-game) > .match-content .match-timestamp {margin-left:24px; font-size:1.125rem;font-style: italic;font-weight: 800;line-height: 16px; /* 88.889% */letter-spacing: -0.36px;text-transform: uppercase; color:var(--wp--preset--color--green);}
.single-ottelut :is(#upcoming-game,#played-game) > .match-content .match-teams {justify-content:center; column-gap: 62px; padding:0; margin-top:24px;}
.single-ottelut :is(#upcoming-game,#played-game) > .match-content .match-teams .match-team .team-logo > img {width:100px;}
.single-ottelut :is(#upcoming-game,#played-game) > .match-content .match-teams .match-team .team-name {font-size: 1.35rem; font-style: italic;font-weight: 800;line-height: normal;text-transform: uppercase;}
.single-ottelut :is(#upcoming-game,#played-game) > .match-content .match-teams .match-scores {column-gap:24px;}
.single-ottelut :is(#upcoming-game,#played-game) > .match-content .match-teams .match-scores > span {font-size: 96px;font-style: italic;font-weight: 800;line-height: 96px; /* 100% */text-transform: uppercase; padding: 10px 19px;}
.single-ottelut :is(#upcoming-game,#played-game) > .match-content .match-teams .match-scores > span.match-winner {color:var(--wp--preset--color--gold);}
.single-ottelut #upcoming-game > .match-footer {justify-content: center; margin-top: 48px; margin-bottom: 48px;}
.single-ottelut :is(#upcoming-game,#played-game) > .match-footer a.ruutu-link {width:149px;}
.single-ottelut #played-game .additional.audience {margin-top: 15px; color: var(--wp--preset--color--light-grey); padding-bottom:0; position: relative; }
.single-ottelut #played-game > .match-footer {justify-content: center; margin-top:35px; margin-bottom: 48px;}
.single-ottelut #upcoming-game a.tickets-link {width: 149px; display: flex; align-items: center; justify-content: center; transition: 0.2s ease-in-out; text-decoration: none; color: var(--wp--preset--color--black); font-size: 0.75rem; font-style: italic; font-weight: 800; line-height: 16px; letter-spacing: -0.12px; text-transform: uppercase; border-radius: 6px; border: 1px solid #1A2B34; background: var(--wp--preset--color--gold); box-shadow: 0 3px 24px 0 rgba(255, 255, 255, 0.10); padding: 10px 16px;}
.single-ottelut #upcoming-game a.tickets-link:is(:hover, :focus) {background: linear-gradient(0deg, #00131D -67.44%, #FFF 826.05%, #FFF 983.72%); color: #fff;}
.single-ottelut #upcoming-game a.tickets-link::after {content: ""; mask-image: url("../../assets/images/chevron-right.svg"); mask-size: cover; mask-repeat: no-repeat; width: 5px; height: 7px; margin-left: 8px; display: inline-block; background-color: #00131D; transition: 0.2s ease-in-out;}
.single-ottelut #upcoming-game a.tickets-link:is(:hover, :focus)::after {background-color: #fff;}

.single-ottelut .match-tabs .tab-list {list-style: none; padding: 0; display: flex; justify-content: center; column-gap: 6px; border-bottom: 1px solid #1A2B34; margin-bottom: 57px;}
.single-ottelut .match-tabs .tab-list li button {font-family: var(--wp--preset--font-family--body); cursor: pointer; border-width: 0 0 4px; border-style: solid; border-color: transparent; background: var(--wp--preset--color--black); color: var(--wp--preset--color--light-grey); font-size: 0.75rem; padding: 12px 24px; font-style: italic; font-weight: 800; line-height: 16px; letter-spacing: -0.12px;  text-transform: uppercase;}
.single-ottelut .match-tabs .tab-list li button[aria-expanded="true"] { color: var(--wp--preset--color--gold); border-color: var(--wp--preset--color--gold); }
.single-ottelut .match-tabs #match-events .match-event { display: grid; grid-template-columns: 1fr 104px 1fr; column-gap: 24px; padding-bottom: 24px; position:relative; }
.single-ottelut .match-tabs #match-events .match-event:is(.event-2min, .event-2_2min, .event-10min, .event-2_10min, .event-20min, .event-2_20min, .event-5min, .event-pr, .event-tpr, .event-PR, .event-TPR) span:is(.event-home,.event-home) { justify-content: flex-end; text-align: right;}
.single-ottelut .match-tabs #match-events .match-event .event-home {display: flex; flex-direction: column; align-items:flex-end; justify-content: center;}
.single-ottelut .match-tabs #match-events .match-event:is(.event-2min, .event-2_2min, .event-10min, .event-2_10min, .event-20min, .event-2_20min, .event-5min, .event-pr, .event-tpr, .event-PR, .event-TPR) .event-home {flex-direction: row; column-gap: 12px; align-items:center;}
.single-ottelut .match-tabs #match-events .match-event:is(.event-2min, .event-2_2min, .event-10min, .event-2_10min, .event-20min, .event-2_20min, .event-5min, .event-pr, .event-tpr, .event-PR, .event-TPR) .event-away {flex-direction: row-reverse; column-gap: 12px; align-items:center; justify-content: flex-end;}
.single-ottelut .match-tabs #match-events .match-event:is(.event-2min, .event-2_2min, .event-10min, .event-2_10min, .event-20min, .event-2_20min, .event-5min, .event-pr, .event-tpr, .event-PR, .event-TPR) > span > .event-info > .desc { display:block; font-size: 1rem; font-weight: 400; }
.single-ottelut .match-tabs #match-events .match-event .penalty-tag {text-transform:uppercase; white-space: nowrap; background:var(--wp--preset--color--red); padding:6px; border-radius: 6px; font-size: 0.875rem; font-style: italic;font-weight: 800;line-height: 20px; /* 142.857% */letter-spacing: -0.14px; text-align:center; color:var(--wp--preset--color--black);}
.single-ottelut .match-tabs #match-events .match-event .event-home .title {text-transform:uppercase; font-size: 0.875rem;font-style: italic;font-weight: 800;line-height: 20px; /* 142.857% */letter-spacing: -0.14px; text-align: right;}
.single-ottelut .match-tabs #match-events .match-event .event-home .desc { font-size:1rem; font-style: normal;font-weight: 600;line-height: 20px; /* 125% */letter-spacing: -0.16px; text-align: right;}
.single-ottelut .match-tabs #match-events .match-event.event-maali .event-home .event-info:has(:not(.miinus)) {display: flex; flex-direction: column; justify-content:flex-end; position:relative; padding-right: 28px;text-align: right; }
.single-ottelut .match-tabs #match-events .match-event.event-maali .event-home > .event-info:has(.scorer)::after {content:""; background:url("../../assets/images/ball.svg") no-repeat; width:16px; height:16px; background-size:cover; display:block; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.single-ottelut .match-tabs #match-events .match-event .event-away {display: flex; flex-direction: column; align-items:flex-start; justify-content: center;}
.single-ottelut .match-tabs #match-events .match-event .event-away .title {text-transform:uppercase; font-size: 0.875rem;font-style: italic;font-weight: 800;line-height: 20px; /* 142.857% */letter-spacing: -0.14px; text-align: left;}
.single-ottelut .match-tabs #match-events .match-event .event-away .desc {font-size:1rem; font-style: normal;font-weight: 600;line-height: 20px; /* 125% */letter-spacing: -0.16px;}
.single-ottelut .match-tabs #match-events .match-event.event-maali .event-away > .event-info:has(:not(.miinus)) {display: flex; flex-direction: column; justify-content:flex-start; position:relative; padding-left: 28px;}
.single-ottelut .match-tabs #match-events .match-event .event-info .scorer {font-style: normal; font-weight: 600; line-height: 20px; letter-spacing: -0.16px; color: var(--wp--preset--color--gold);}
.single-ottelut .match-tabs #match-events .match-event .event-info .has-assists {color:#fff;}
.single-ottelut .match-tabs #match-events .match-event .event-info .plus {font-size: 0.75rem; font-weight: 400;line-height: 20px; /* 166.667% */letter-spacing: -0.12px; color:#fff;}
.single-ottelut .match-tabs #match-events .match-event .event-info .miinus {font-size: 0.75rem; font-weight: 400;line-height: 20px; /* 166.667% */letter-spacing: -0.12px; color: var(--wp--preset--color--red);}
.single-ottelut .match-tabs #match-events .match-event.event-maali .event-away > .event-info:has(.scorer)::before {content:""; background:url("../../assets/images/ball.svg") no-repeat; width:16px; height:16px; background-size:cover; display:block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.single-ottelut .match-tabs #match-events .match-event .event-time {position:relative; width: 84px; height: 67px; padding: 10px; background: var(--wp--preset--color--light-grey); border-radius: 8px; color: var(--wp--preset--color--black); display: flex; align-items: center; justify-content: center; text-align: center; font-size: 0.875rem; font-style: italic; font-weight: 800; line-height: 20px; letter-spacing: -0.14px;}
.single-ottelut .match-tabs #match-events .match-event:not(:last-child) .event-time::after {content:""; background:#1A2B34; width: 1px; height: 24px; position:absolute; left: 50%; top: calc(100% + 1px);}
.single-ottelut .match-tabs #match-events .match-event .event-time.goal {background: var(--wp--preset--color--gold);color: var(--wp--preset--color--black); flex-direction:column;}
.single-ottelut .match-tabs #match-events .match-event .event-time.goal > .desc {font-size: 1.125rem; font-style: italic;font-weight: 800;line-height: 20px;letter-spacing: -0.18px;}
.single-ottelut .match-tabs #match-events .match-event .event-time.penalty {background: var(--wp--preset--color--black); border:1px solid var(--wp--preset--color--red); color: #fff;}
.single-ottelut .match-tabs #match-events .match-event.event-jaksoalkoi .event-time > .desc {text-transform:uppercase;}
.single-ottelut .match-tabs #match-events .match-event.event-jaksoloppui .event-time > .desc {text-transform:uppercase;}
.single-ottelut .match-tabs #match-events .match-event.event-otteluloppui .event-time > .desc {text-transform:uppercase;}
.single-ottelut .match-tabs #match-events .match-event.event-mvvaihto .event-home .event-info {display: flex; flex-direction: column; align-items: flex-end;}
.single-ottelut .match-tabs #match-events .match-event.event-mvvaihto .event-away .event-info {display: flex; flex-direction: column; align-items: flex-start;}
.single-ottelut .match-tabs #match-events .match-event.event-rpkmaali .event-home .event-info {display: flex; flex-direction: column; align-items: flex-end;}
.single-ottelut .match-tabs #match-events .match-event.event-rpkmaali .event-away .event-info {display: flex; flex-direction: column; align-items: flex-start;}
.single-ottelut .match-tabs #match-events .match-event.event-rpkmaali .event-info .title+.title { font-size:1rem; font-style: normal;font-weight: 600;line-height: 20px; /* 125% */letter-spacing: -0.16px; text-transform: none;}
.single-ottelut .match-tabs #match-events .match-event.event-rpkmaali .event-home .event-info {display: flex; flex-direction: column; justify-content:flex-end; position:relative; padding-right: 28px;}
.single-ottelut .match-tabs #match-events .match-event.event-rpkmaali .event-away .event-info {display: flex; flex-direction: column; justify-content:flex-end; position:relative; padding-left: 28px;}
.single-ottelut .match-tabs #match-events .match-event.event-rpkmaali .event-home > .event-info:has(.scorer)::after {content:""; background:url("../../assets/images/ball.svg") no-repeat; width:16px; height:16px; background-size:cover; display:block; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.single-ottelut .match-tabs #match-events .match-event.event-rpkmaali .event-away > .event-info:has(.scorer)::before {content:""; background:url("../../assets/images/ball.svg") no-repeat; width:16px; height:16px; background-size:cover; display:block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.single-ottelut .match-tabs #match-events .match-event.event-rpkohi .event-home .event-info {display: flex; flex-direction: column; align-items: flex-end;}
.single-ottelut .match-tabs #match-events .match-event.event-rpkohi .event-away .event-info {display: flex; flex-direction: column; align-items: flex-start;}
.single-ottelut .match-tabs #match-events .match-event.event-rpkohi .event-info .title+.title { font-size:1rem; font-style: normal;font-weight: 600;line-height: 20px; /* 125% */letter-spacing: -0.16px; text-transform: none;}
.single-ottelut .match-tabs #match-events .match-event.event-torjunta .event-home .event-info {display: flex; flex-direction: column; align-items: flex-end;}
.single-ottelut .match-tabs #match-events .match-event.event-torjunta .event-away .event-info {display: flex; flex-direction: column; align-items: flex-start;}

.single-ottelut .match-tabs div:is(#match-players, #match-team-players) > .columns {display: flex; column-gap: 21px;}
.single-ottelut .match-tabs div:is(#match-players, #match-team-players) > .columns > .column {width:50%;}
.single-ottelut .match-tabs div:is(#match-players, #match-team-players) > .columns > .column h2 {margin:0; text-align:center; font-size:1.5rem;font-style: italic;font-weight: 800;line-height: normal;text-transform: uppercase;}
.single-ottelut .match-tabs div:is(#match-players, #match-team-players) > .columns > .column .table {border-radius: 6px; border: 1px solid #1A2B34; box-shadow: 0 4px 31px 0 rgba(0, 0, 0, 0.60);  margin-top:20px;}
.single-ottelut .match-tabs div:is(#match-players, #match-team-players) > .columns > .column table {width: 100%; border-collapse: collapse; font-size: 0.875rem; line-height: 14px;}
.single-ottelut .match-tabs div:is(#match-players, #match-team-players) > .columns > .column table tbody tr:nth-child(odd) { background-color: rgba(178, 178, 178, 0.1); }
.single-ottelut .match-tabs div:is(#match-players, #match-team-players) > .columns > .column table tbody tr td {padding:25px 23px 24px; font-size:1.125rem; font-style: normal;font-weight: 600;line-height: 20px; color: #fff;}
.single-ottelut .match-tabs div:is(#match-players, #match-team-players) > .columns > .column table tbody tr td:nth-child(2) {text-align:left; width: 100%; color:var(--wp--preset--color--gold);}
.single-ottelut .match-tabs div:is(#match-players, #match-team-players) > .columns > .column table tbody tr td.player-name {position:relative;}
.single-ottelut .match-tabs div:is(#match-players, #match-team-players) > .columns > .column table tbody tr td.player-name > a > span::before { display: inline-block; content: "|"; font-size: 13px; transform: translateY(-2px); margin-right: 4px; }
.single-ottelut .match-tabs div:is(#match-players, #match-team-players) > .columns > .column table tbody tr td.player-name img {width: 40px; height: 40px; border-radius: 100%; max-width:40px; vertical-align:middle; margin-right:13px;}
.single-ottelut .match-tabs div:is(#match-players, #match-team-players) > .columns > .column table tbody tr td.player-name.has-goals::after {content:""; background:url("../../assets/images/ball.svg") no-repeat; width:16px; height:16px; background-size:cover; display:block; position: absolute; right: 24px;top: 50%; transform: translateY(-50%);}
.single-ottelut .match-tabs div:is(#match-players, #match-team-players) > .columns > .column table tbody tr td.player-name.has-goals.goals-multiple::after {content:""; background:url("../../assets/images/ball.svg") space; width:40px; height:16px; background-size:auto 100%; display:block; position: absolute; right: 24px;top: 50%; transform: translateY(-50%);}

#match-players.pdf-styles, #match-team-players.pdf-styles { width: 748px; }
#match-players.pdf-styles .pdf-logo, #match-team-players.pdf-styles .pdf-logo { text-align: left; margin-top: 0px; margin-bottom: 16px; color: var(--wp--preset--color--black); display: flex; align-items: center; column-gap: 20px; }
#match-players.pdf-styles .pdf-logo > img, #match-team-players.pdf-styles .pdf-logo > img { width:80px; height: 93px; display:inline-block; margin: 0; vertical-align: middle; }
#match-players.pdf-styles .team-lineup-title, #match-team-players.pdf-styles .team-lineup-title { display: flex; align-items: center; justify-content: center; column-gap: 10px; }
#match-players.pdf-styles .team-lineup-title h2, #match-team-players.pdf-styles .team-lineup-title h2 { color: var(--wp--preset--color--black) !important; }
#match-players.pdf-styles .team-lineup-title img, #match-team-players.pdf-styles .team-lineup-title img { height: 40px; width: auto !important; vertical-align: middle; }
#match-players.pdf-styles td, #match-team-players.pdf-styles td { padding: 8px 12px 8px !important; font-size: 0.875rem !important; line-height: 1rem !important; }
#match-players.pdf-styles td:first-child, #match-team-players.pdf-styles td:first-child { width: 1px; color: var(--wp--preset--color--black) !important; }
#match-players.pdf-styles td.player-name, #match-team-players.pdf-styles td.player-name { width: auto !important; color: var(--wp--preset--color--black) !important; }
#match-players.pdf-styles td.position, #match-team-players.pdf-styles td.position { width: 1px; color: var(--wp--preset--color--black) !important; }
#match-players.pdf-styles .table a, #match-team-players.pdf-styles .table a { color: var(--wp--preset--color--black) !important; }
#match-players.pdf-styles .referees .referee-card h3, #match-team-players.pdf-styles .referees .referee-card h3 { color: var(--wp--preset--color--black) !important; }
#match-players.pdf-styles .management-title, #match-team-players.pdf-styles .management-title { margin: 52px 0 26px; color: var(--wp--preset--color--black) !important; }
/*#match-players.pdf-styles .field-table-container, #match-team-players.pdf-styles .field-table-container { page-break-inside: avoid; }*/
#match-players.pdf-styles .field-table-container h2, #match-team-players.pdf-styles .field-table-container h2 { color: var(--wp--preset--color--black); font-size: 0.875rem !important; margin:0; font-style: italic; font-weight: 800; line-height: normal; text-transform: uppercase; letter-spacing: -0.14px; text-align: left !important; margin-top: 2rem !important; }
/*#match-players.pdf-styles .columns, #match-team-players.pdf-styles .columns { display: block; }
#match-players.pdf-styles .columns > .column, #match-team-players.pdf-styles .columns > .column { display: block; float:left; width: calc(50% - 8px); }
#match-players.pdf-styles .columns > .column:nth-child(2n+1), #match-team-players.pdf-styles .columns > .column:nth-child(2n+1) { margin-right: 16px; }
#match-players.pdf-styles .columns::after, #match-team-players.pdf-styles .columns::after { content:""; display:block; clear: both; }*/
#match-players.pdf-styles .grid-item:is(.coach-card), #match-team-players.pdf-styles .grid-item:is(.coach-card) { border: 0 !important; background: transparent !important; padding-left: 0 !important; }
#match-players.pdf-styles .coaches .grid-item:is(.coach-card)::after, #match-team-players.pdf-styles .coaches .grid-item:is(.coach-card)::after { display: none !important; }
#match-players.pdf-styles .coaches .grid-item:is(.coach-card) .coach-info h3, #match-team-players.pdf-styles .coaches .grid-item:is(.coach-card) .coach-info h3 { color: var(--wp--preset--color--black); font-size: 0.875rem !important; line-height: 1rem !important; font-weight: 600; text-transform: unset !important; font-style: normal; margin-bottom: 3px; }
#match-players.pdf-styles .coaches .grid-item:is(.coach-card) .coach-info .coach-status, #match-team-players.pdf-styles .coaches .grid-item:is(.coach-card) .coach-info .coach-status { color: #444 !important; font-size: 0.875rem !important; line-height: 1rem !important; font-weight: 600; text-transform: unset !important; font-style: normal;  }
#match-players.pdf-styles .referees .referee-card h3, #match-team-players.pdf-styles .referees .referee-card h3 { font-style: normal; text-transform: unset; font-weight: 600; }

.pdf-container { height: 0; overflow: hidden; }

.pdf-download-button { text-align: right; margin-bottom: 1.5rem; }
.pdf-download-button > button { display: inline-flex; align-items: center; appearance: none; border: 0; cursor: pointer; background: transparent; color: var(--wp--preset--color--gold); font-size: 0.875rem !important; margin:0; font-style: italic; font-weight: 800; line-height: normal; text-transform: uppercase; letter-spacing: -0.14px; }
.pdf-download-button > button > span::after { content: ''; display: inline-block; width: 19px; height: 19px; margin-left: 10px; background: url(../../assets/images/download.svg) no-repeat; background-size: cover; }


.shotmap-notification {background: #1A2B34; max-width: 632px; padding: 36px 20px 40px; text-align: center; margin: 0 auto; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 14px; color:var(--wp--preset--color--light-grey); display: flex;flex-direction: column; row-gap:24px;}
.shotmap-notification a {text-align: center; margin: 0 auto; font-size: 1rem; font-style: italic; text-transform:uppercase; font-weight: 800; line-height: 14px; color:var(--wp--preset--color--gold); text-decoration:none;}
.shotmap-notification a:is(:hover,:focus) {text-decoration:underline;}
.shotmap-notification a::after {content: "";  mask-image: url("../../assets/images/out-icon.svg"); mask-size: cover; mask-repeat: no-repeat; transition: 0.2s ease-in; width: 12px; height: 12px; margin-left: 12px; display: inline-block; background-color: var(--wp--preset--color--gold); aspect-ratio: 1 / 1;}

#match-team-players .notification { text-align: center; }

.single-ottelut .match-tabs:has(#match-summary) .tab-list {margin-bottom:36px;}
.single-ottelut #match-summary > h2 {font-size: 1.5rem !important; text-align:center; font-style: italic !important; font-weight: 800 !important;line-height: normal;text-transform: uppercase !important; margin-bottom:13px; margin-top:0;}
.single-ottelut #match-summary .match-card {text-align: center;}
.single-ottelut #match-summary .match-card:not(:last-child) {margin-bottom: 25px;}
.single-ottelut #match-summary .match-card .match-header-date {font-size: 0.875rem; text-align: center;font-style: normal;font-weight: 400;line-height: normal;color:var(--wp--preset--color--light-grey); margin-bottom:12px;}
.single-ottelut #match-summary .match-card > .match-content {background:transparent; border:none; max-width: 560px; margin: 0 auto; min-height: unset; }
.single-ottelut #match-summary .match-card > .match-content .match-header {display:flex; align-items:center; justify-content: center; }
.single-ottelut #match-summary .match-card > .match-content .match-header .match-series {font-size: 0.75rem; font-style: italic;font-weight: 800;line-height: 16px; /* 133.333% */letter-spacing: -0.12px;text-transform: uppercase; margin-right: 24px; color:var(--wp--preset--color--light-grey);}
.single-ottelut #match-summary .match-card > .match-content .match-status {font-style: italic; font-weight: 800; line-height: 16px; letter-spacing: -0.32px; text-transform: uppercase; font-size: 1rem; border-radius:6px; color:var(--wp--preset--color--black);}
.single-ottelut #match-summary .match-card > .match-content .match-status > span {font-style: italic; font-weight: 800; line-height: 16px; letter-spacing: -0.32px; text-transform: uppercase; font-size: 1rem; color:var(--wp--preset--color--black);}
.single-ottelut #match-summary .match-card > .match-content .match-status.upcoming {background:var(--wp--preset--color--gold); color:var(--wp--preset--color--black);}
.single-ottelut #match-summary .match-card > .match-content .match-status.live {background:var(--wp--preset--color--green); color:var(--wp--preset--color--black);}
.single-ottelut #match-summary .match-card > .match-content .match-timestamp {margin-left:24px; font-size:1.125rem;font-style: italic;font-weight: 800;line-height: 16px; /* 88.889% */letter-spacing: -0.36px;text-transform: uppercase; color:var(--wp--preset--color--green);}
.single-ottelut #match-summary .match-card > .match-content .match-teams {justify-content:center; column-gap: 36px; padding:0; margin-top:0;}
.single-ottelut #match-summary .match-card > .match-content .match-teams .match-team .team-logo > img {width:40px;}
.single-ottelut #match-summary .match-card > .match-content .match-teams .match-team .team-name {font-size:0.875rem; font-style: normal;font-weight: 400;line-height: normal;}
.single-ottelut #match-summary .match-card > .match-content .match-teams .match-scores {column-gap:0; border-radius: 6px; background: #1A2B34; background: #1A2B34; padding: 10px 10px; width: 102px; height: 47px; justify-content: center; box-sizing: border-box;}
.single-ottelut #match-summary .match-card > .match-content .match-teams .match-scores > span {font-size: 1.5rem;font-style: italic;font-weight: 800;line-height: 100%;text-transform: uppercase; padding: 0; }
.single-ottelut #match-summary .match-card > .match-content .match-teams .match-scores > span.match-winner {color:var(--wp--preset--color--gold);}
.single-ottelut #match-summary .match-card > .match-content .match-teams .match-scores > span+span::before {content:"-"; margin:0 6px;}
.single-ottelut #match-summary .match-card > .match-footer {justify-content: center; margin-top: 48px; margin-bottom: 48px;}

.single-ottelut div:is(#match-players, #match-team-players):not(.pdf-styles) .column.lineup > h2 {color: var(--wp--preset--color--gold);font-size: 0.875rem !important;font-style: italic;font-weight: 800;line-height: 16px; /* 114.286% */letter-spacing: -0.14px;text-transform: uppercase; text-align:left !important; margin-top: 2rem !important; }
.single-ottelut div:is(#match-players, #match-team-players):not(.pdf-styles) .table table {border-collapse: collapse; width: 100%;}

@media (max-width: 1199px) {
    .matches-container .matches-grid .match-card {width: calc(33.333% - 10px);}
}
@media (max-width: 991px) {
    .matches-tabs .matches-header {width:100%; }
    .matches-tabs .matches-header .serie-select {justify-content:center; }
    .fliiga-matches .matches-tabs .tab-list {width:100%; }
    .fliiga-matches :is(#matches-upcoming, #matches-played) .match-filters {position:static; justify-content: center; width: 100%;}

    .single-ottelut .match-tabs div:is(#match-players,#match-team-players):not(.pdf-styles) > .columns {flex-direction: column; row-gap: 36px;}
    .single-ottelut .match-tabs div:is(#match-players,#match-team-players):not(.pdf-styles) > .columns > .column {width: 100%; flex-direction: column;}
}
@media (max-width: 834px) {
    .matches-container .matches-grid .match-card {width: calc(50% - 8px);}
}
@media (max-width: 575px) {
    .matches-container .matches-grid .match-card {width:100%;}
    .matches-container .matches-grid {row-gap:48px;}

    .matches-tabs .matches-header .serie-select > .button {width: 50%;text-align: center;}
    .fliiga-matches .matches-tabs .tab-list > li {width:33.333%;}
    .fliiga-matches .matches-tabs .tab-list > li button {width: 100%; padding: 12px 0px;}
    .fliiga-matches :is(#matches-upcoming, #matches-played) .match-filters {position:static; width: 100%;}
    .fliiga-matches :is(#matches-upcoming, #matches-played) .matches-months {width:50%; position:static; margin:0; min-width:unset; }
    .fliiga-matches :is(#matches-upcoming, #matches-played) .matches-teams {width:50%;}
    .fliiga-matches :is(#matches-upcoming, #matches-played) .matches-teams .matches-team-select {width:100%; font-size:0.75rem;}
    .fliiga-matches :is(#matches-upcoming, #matches-played) .matches-months .matches-month {font-size: 0.75rem; }
    .fliiga-matches :is(#matches-upcoming, #matches-played) .matches-teams::after {width:22px; mask-size:12px; }
    .fliiga-matches :is(#matches-upcoming, #matches-played) .matches-teams::before {right: 22px;}
    .fliiga-matches :is(#matches-upcoming, #matches-played) .matches-teams .matches-team-select {padding: 12px 24px 12px 16px;}

    .single-ottelut #match-summary > h2 {font-size:1rem !important; font-style: italic;font-weight: 800;line-height: normal !important;text-transform: uppercase;}

    .single-ottelut .match-tabs .tab-list {overflow-x:scroll; justify-content: flex-start;}
    .single-ottelut :is(#upcoming-game,#played-game) > .match-content .match-teams .match-team .team-logo > img {width: 40px; }
    .single-ottelut :is(#upcoming-game,#played-game) > .match-content .match-teams .match-scores > span {font-size: 2.25rem; line-height: 36px; padding: 10px;}
    .single-ottelut :is(#upcoming-game,#played-game) > .match-content .match-teams .match-scores > span.match-game-time {font-size: 1.5rem; line-height: 24px; padding: 10px;}
    .single-ottelut :is(#upcoming-game,#played-game) > .match-content .match-teams .match-team .team-name {font-size: 0.875rem; line-height:normal;}
    .single-ottelut :is(#upcoming-game,#played-game) > .match-content .match-teams .match-scores {column-gap:15px;}
    .single-ottelut :is(#upcoming-game,#played-game) > .match-content .match-teams {column-gap:25px;}
    .single-ottelut :is(#upcoming-game,#played-game) > .match-content {min-height:unset;}
    .single-ottelut :is(#upcoming-game,#played-game) > .match-footer {margin-top: 24px; margin-bottom: 36px;}
    .single-ottelut :is(#upcoming-game,#played-game) > .match-content .match-header .match-series {margin: 0; }
    .single-ottelut :is(#upcoming-game,#played-game) > .match-content .match-status, .single-ottelut #upcoming-game > .match-content .match-status > span {font-size: 0.625rem; font-style: italic;font-weight: 800;line-height: 16px; /* 160% */letter-spacing: -0.2px;text-transform: uppercase; margin: 0 auto;}
    .single-ottelut :is(#upcoming-game,#played-game) > .match-content .match-timestamp {font-size:1.125rem; font-style: italic;font-weight: 800;line-height: 16px; /* 88.889% */letter-spacing: -0.36px;text-transform: uppercase; margin:0; }
    .single-ottelut :is(#upcoming-game,#played-game) > .match-content .match-teams {margin-top:20px;}
    .single-ottelut :is(#upcoming-game,#played-game) > .match-footer a.ruutu-link {width:50%;}
    .single-ottelut :is(#upcoming-game,#played-game) > .match-footer a.tickets-link {width:50%;}

    .single-ottelut .match-tabs #match-events .match-event.event-maali .event-home:has(.scorer) .event-info { padding-top: 28px;margin-right: -68px;}
    .single-ottelut .match-tabs #match-events .match-event.event-maali .event-away:has(.scorer) .event-info { padding-top: 28px;margin-left: -68px;}
    .single-ottelut .match-tabs #match-events .match-event:not(.event-rpkmaali) .event-home:has(.scorer)+.event-time.goal > .desc {position:absolute; right: calc(100% + 28px); left:unset; white-space:nowrap; color:var(--wp--preset--color--gold);}
    .single-ottelut .match-tabs #match-events .match-event:not(.event-rpkmaali) .event-time.goal > .desc {position:absolute; left: calc(100% + 28px); white-space:nowrap; color:var(--wp--preset--color--gold);}
    .single-ottelut .match-tabs #match-events .match-event.event-maali .event-home > .event-info:has(.scorer)::after {top:11px; right:50px;}
    .single-ottelut .match-tabs #match-events .match-event.event-maali .event-away > .event-info:has(.scorer)::before {top:11px; left:50px;}
    .single-ottelut .match-tabs #match-events .match-event.event-maali .event-home > .event-info:has(.miinus) {padding-top: 51px;margin-right: -68px; padding-right: 28px;}
    .single-ottelut .match-tabs #match-events .match-event.event-maali .event-away > .event-info:has(.miinus) {padding-top: 51px;margin-left: -68px; padding-left: 28px;}
    .single-ottelut .match-tabs #match-events .match-event {column-gap:0;}
    .single-ottelut .match-tabs #match-events .match-event .event-time {width: 54px; height: 22px; box-sizing: border-box; padding: 10px; font-size: 0.75rem; font-style: italic; font-weight: 800;line-height: 20px; /* 166.667% */letter-spacing: -0.12px; margin: 0 auto;}
    .single-ottelut .match-tabs #match-events .match-event.event-rpkmaali .event-time.goal > .desc {font-size: 0.75rem; font-style: italic; font-weight: 800;line-height: 20px;}
    .single-ottelut .match-tabs #match-events .match-event:is(.event-jaksoloppui, .event-jaksoalkoi, .event-otteluloppui) .event-time {height: auto;}
    .single-ottelut .match-tabs #match-events .match-event .event-home .penalty-tag {padding: 2px 2px 2px 3px; width: 36px;height: 16px;line-height: 16px; font-size:9px; font-style: italic;font-weight: 800;letter-spacing: -0.09px; position:absolute; top:1px; right: 22px;}
    .single-ottelut .match-tabs #match-events .match-event .event-away .penalty-tag {padding: 2px 2px 2px 3px; width: 36px;height: 16px;line-height: 16px; font-size:9px; font-style: italic;font-weight: 800;letter-spacing: -0.09px; position:absolute; top: 1px;left: 22px;}
    .single-ottelut .match-tabs #match-events .match-event:is(.event-2min, .event-2_2min, .event-10min, .event-2_10min, .event-20min, .event-2_20min, .event-5min, .event-pr, .event-tpr, .event-PR, .event-TPR) > span > .event-info > .desc { font-size: 11px; }
    .single-ottelut .match-tabs #match-events .match-event .event-info :is(.scorer, .has-assists) {font-size:11px; font-weight: 600;line-height: 14px;letter-spacing: -0.11px;}
    .single-ottelut .match-tabs #match-events .match-event .event-info .plus, .single-ottelut .match-tabs #match-events .match-event .event-info .miinus {font-size: 9px; font-style: normal;font-weight: 400;line-height: 20px; /* 222.222% */letter-spacing: -0.09px;}

    .single-ottelut .match-tabs #match-events .match-event .event-home:has(.penalty-tag) {padding-top: 28px; margin-right: -40px; position:relative;}
    .single-ottelut .match-tabs #match-events .match-event .event-away:has(.penalty-tag) {padding-top: 28px; margin-left: -40px; position:relative;}
    .single-ottelut .match-tabs #match-events .match-event .event-home:has(.penalty-tag) .event-info,
    .single-ottelut .match-tabs #match-events .match-event .event-away:has(.penalty-tag) .event-info {color:var(--wp--preset--color--red); font-size: 11px; }
    .single-ottelut .match-tabs #match-events .match-event.event-rpkohi .event-info .title + .title {font-size: 9px; }
    .single-ottelut .match-tabs #match-events .match-event .event-away .title {font-size: 10px; line-height: 10px;}
    .single-ottelut .match-tabs #match-events .match-event .event-away .desc {font-size: 11px; }
    .single-ottelut .match-tabs #match-events .match-event .event-home .title {font-size: 10px; line-height: 10px;}
    .single-ottelut .match-tabs #match-events .match-event .event-home .desc {font-size: 11px; }
    .single-ottelut .match-tabs #match-events .match-event:not(.event-maali) .event-home:has(.desc) {padding-top: 28px; margin-right: -15px;}
    .single-ottelut .match-tabs #match-events .match-event:not(.event-maali) .event-away:has(.desc) {padding-top: 28px; margin-left: -15px;}
    .single-ottelut .match-tabs #match-events .match-event:not(:last-child) .event-time::after {content:none;}
    .single-ottelut .match-tabs #match-events .match-event:not(:last-child) {z-index: 1; position:relative;}
    .single-ottelut .match-tabs #match-events .match-event:not(:last-child)::after {content: ""; background: #1A2B34; width: 1px; height: 100%; position: absolute; left: 50%; top: 0; z-index: -1;}
    .single-ottelut .match-tabs #match-events .match-event.event-rpkohi .event-home {margin-right: -17px;}
    .single-ottelut .match-tabs #match-events .match-event.event-rpkmaali .event-home {margin-right: -17px;}
    .single-ottelut .match-tabs #match-events .match-event.event-rpkohi .event-away {margin-left: -17px;}
    .single-ottelut .match-tabs #match-events .match-event.event-rpkmaali .event-away {margin-left: -17px;}
    .match-event > span:has(.event-info > .miinus) { justify-content: end !important; }
    .match-event > span:has(.event-info > .miinus) span { padding-top:0 !important;}

    .single-ottelut .match-tabs div:is(#match-players, #match-team-players):not(.pdf-styles) > .columns > .column table tbody tr td.player-name {padding-left:0;}
    .single-ottelut .match-tabs div:is(#match-players, #match-team-players):not(.pdf-styles) > .columns > .column table tbody tr td {font-size: 0.875rem; padding: 17px 12px 17px;}
    .single-ottelut .match-tabs div:is(#match-players, #match-team-players):not(.pdf-styles) > .columns > .column table tbody tr td.player-name::after { right:0; }
    
}
/* Seurat */
.club-card .heading {position:relative;}
.club-card .heading .heading-header {position:absolute; top:0; left: 0; width: 100%; height: 100%; display:flex; flex-direction: column; align-items:center; justify-content:center; z-index: 2;}
.club-card .heading:not(:has(.header-image)) .heading-header {position:static;}
.club-card .heading .heading-header h1 {margin:0;}
.club-card .heading .header-image {position:relative; height: 0; padding-bottom: 42%;}
.club-card .heading .header-image::before {content:""; background: linear-gradient(0deg, rgba(0, 19, 29, 0.00) 26.39%, #00131D 81.51%); position:absolute; top:0; left:0; height: 30%; width: calc(100% + 40px); z-index:1;}
.club-card .heading .header-image::after {content:""; background: linear-gradient(180deg, rgba(0, 19, 29, 0.00) 26.39%, #00131D 81.51%); position:absolute; bottom:0; left:0; height:70%; width: calc(100% + 40px); z-index:0; }
.club-card .heading .header-image > img {filter: grayscale(1); position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.club-card .brand-colors {display:flex; column-gap: 24px; margin-top: 24px;}
.club-card .brand-colors span {width: 46px; height: auto; aspect-ratio:1 / 1; display: block; border-radius: 100%;}


.club-card .columns.club-info {display:flex; column-gap:43px;}
.club-card .club-details:has(.grid-item) {width:40%; border: 1px solid  #1A2B34; border-radius: 8px; padding:24px; display:flex; flex-wrap: wrap; row-gap: 24px;}
.club-card .club-details .grid-item {width:50%; display: flex; flex-direction: column; row-gap: 6px;}
.club-card .club-details .grid-item strong {text-transform:uppercase; line-height:18px; font-weight:800; font-style:italic;}
.club-card .club-description {width:60%;}

.club-card .team-birthdays+h2 {color: var(--wp--preset--color--gold); font-style: italic; font-family: var(--wp--preset--font-family--body); font-size: var(--wp--preset--font-size--heading-3); font-style: italic; line-height: 100%; font-weight: 800; text-transform: uppercase; letter-spacing: -1.08px; margin-bottom:36px !important; }
.club-card .club-teams {display:flex; column-gap:22px; position:relative; }
.club-card .club-teams::after {content:""; position: absolute; background: #B2B2B2;border-radius: 50%; opacity: 0.1; filter: blur(62px); width: 883px; height: 309px; left: 50%;transform: translateX(-50%); bottom: -25%; z-index: -1;}
.club-card .club-teams .column {width:50%;}
.club-card .club-teams .column a {display: block; position: relative; height: 0; padding-bottom: 56.5%; border-radius:6px; overflow:hidden; border:1px solid #1A2B34;}
.club-card .club-teams .column a .team > h2 {margin: 0; color: #fff; font-size: 2.25rem;}
.club-card .club-teams .column a .team > h2 mark {display: block; padding-left: 20%;}
.club-card .club-teams .column a::after {content:""; background: linear-gradient(180deg, rgba(0, 19, 29, 0.50) 31.27%, #00131D 89.69%); position:absolute; top:0; left: 0; width: 100%; height:100%;}
.club-card .club-teams .column a .team-tag {position:absolute; top:0; left:0;z-index:2; background: var(--wp--preset--color--gold); padding: 6px 10px; font-style: italic; font-weight: 800; line-height: 16px; letter-spacing: -0.2px; text-transform: uppercase; font-size: 0.625rem; color: var(--wp--preset--color--black);  border-radius: 6px 0;}
.club-card .club-teams .column a .team-image {position: absolute; top: 0; left: 0; width: 100%; max-width:100%; height: 100%; object-fit: cover;}
.club-card .club-teams .column a .team {position:absolute; top:0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index:2;}
.club-card .club-teams .column a .club-image > img {width: 100px; height: auto; max-width:100%;}

.single-seurat .news-carousel:has(.carousel) {border-top:none;}
.single-seurat .wp-block-post-content {position:relative; z-index:1; overflow: hidden;}
.single-seurat .wp-block-post-content::after {content:""; background:url("../../assets/images/aalto.svg") no-repeat;  background-size:cover; background-position: center top; position:absolute; bottom:0; left:0; width: 3000px; height: 760px; min-width:100%; z-index: -1; opacity: 0.5;}

@media (max-width: 834px) {
    .club-card .columns.club-info {flex-direction:column;}
    .club-card .club-details, .club-card .club-description {width: 100%; box-sizing: border-box;}
    .club-card .club-description {margin-top: 36px;}

    .club-card .heading .heading-header .club-image > img {width:120px; }

    .club-card .club-teams .column a .team > h2 {font-size: 1.5rem; font-weight: 800;line-height: 24px; /* 100% */letter-spacing: -0.72px;text-transform: uppercase;}
    .club-card .club-teams .column a .club-image > img {width: 80px; }
}

@media (max-width: 575px) {
    .club-card .team-birthdays+h2 {margin-bottom:24px;}
    .club-card .club-teams {flex-direction:column; row-gap: 24px;}
    .club-card .club-teams .column {width:100%;}
    .club-card .club-details .grid-item {width: 100%;}

    .club-card .brand-colors {margin-top: 12px;}
    .club-card .brand-colors span {width: 30px;}

    .club-card .heading .header-image {padding-bottom:66%;}
    .club-card .heading .header-image::before {background: linear-gradient(0deg, rgba(0, 19, 29, 0.00) -20.71%, #00131D 80.05%); height:100%;}
    .club-card .heading .header-image::after {background: linear-gradient(180deg, rgba(0, 19, 29, 0.00) 56.82%, #00131D 100%); height:100%;}

    .club-card .team-birthdays {position:relative;}
    .club-card .team-birthdays::after {content:""; position: absolute; background: #B2B2B2;border-radius: 50%; opacity: 0.1; filter: blur(62px); width: 883px; height: 309px; left: 50%;transform: translateX(-50%); bottom: -25%; z-index: -1;}

}

@media (max-width: 390px) {
    .club-card .heading .header-image {padding-bottom:80%;}
}

/* Pelaajat - hakusivu*/
.entry-content:has(.player-listing) h1 {color:var(--wp--preset--color--gold);}
.player-listing {margin-top: 21px !important;}
.player-listing .listing-heading {display: flex; align-items: center;}
.player-listing .listing-heading .series-select {display: flex; flex-wrap: nowrap;}
.player-listing .listing-heading .series-select a.series-button {display: inline-block; text-decoration: none;border-radius: 6px 0 0 6px;border: 1px solid #1A2B34; background: #00131D; color: #fff; font-family: var(--wp--preset--font-family--body); font-size: 0.75rem; font-style: italic; font-weight: 800; line-height: 16px; letter-spacing: -0.12px; text-transform: uppercase; cursor: pointer; padding: 12px 24px;}
.player-listing .listing-heading .series-select a.series-button:first-child {border-radius: 6px 0 0 6px;}
.player-listing .listing-heading .series-select a.series-button:last-child {border-radius: 0 6px 6px 0;}
.player-listing .listing-heading .series-select a.series-button.selected {background: var(--wp--preset--color--gold); color: var(--wp--preset--color--black);}
.player-listing .listing-heading .player-type-select {margin: 0 auto;}
.player-listing .listing-heading .player-type-select {display: flex; flex-wrap: nowrap;}
.player-listing .listing-heading .player-type-select button.player-type-button {display: inline-block; text-decoration: none; border: 1px solid #1A2B34; background: #00131D; color: #fff; font-family: var(--wp--preset--font-family--body); font-size: 0.75rem; font-style: italic; font-weight: 800; line-height: 16px; letter-spacing: -0.12px; text-transform: uppercase; cursor: pointer; padding: 12px 24px;}
.player-listing .listing-heading .player-type-select button.player-type-button:first-child {border-radius: 6px 0 0 6px;}
.player-listing .listing-heading .player-type-select button.player-type-button:last-child {border-radius: 0 6px 6px 0;}
.player-listing .listing-heading .player-type-select button.player-type-button.selected {background: #fff; color: var(--wp--preset--color--black);}
.player-listing .listing-heading .season-select {position:relative;}
.player-listing .listing-heading .season-select::after {content: ""; width: 40px; height: 43px; mask-image: url("../../assets/images/chevron-down.svg"); mask-repeat: no-repeat; mask-size: 20px; mask-position: center center; background: #fff; border-left: 1px solid #1A2B34; position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: center; pointer-events: none;}
.player-listing .listing-heading .season-select::before {content:""; border-left:1px solid #1A2B34;position:absolute; right:40px; height:14px; top:50%; transform: translateY(-50%);}
.player-listing .listing-heading .season-select select {appearance: none; padding: 11px 50px 10px 16px; font-size: 0.875rem; font-family: var(--wp--preset--font-family--body); font-weight: 700; color: #fff; background-color: var(--wp--preset--color--black); border: 1px solid #1A2B34; border-radius: 6px; cursor: pointer;}

.player-listing .player-listing-container .player-search {margin-top:25px; margin-bottom:57px;}
.player-listing .player-listing-container .player-search input {border-radius: 6px; border: 1px solid var(--wp--preset--color--gold); background: #1A2B34; color:#fff; width:100%; max-width:100%; height: 64px; padding: 24px 46px 26px 24px; box-sizing: border-box; font-style: italic; font-size: 1rem; color: var(--wp--preset--color--light-grey);}
.player-listing .player-listing-table {border: 1px solid #1A2B34; border-radius: 6px; overflow: scroll;}
.player-listing .player-listing-table table {width: 100%; border-collapse: collapse; font-size: 0.875rem; line-height: 14px;}
.player-listing .player-listing-table thead tr th:first-child {text-align:left; width: 50%; border-right: 1px solid rgba(100, 100, 100, 0.20);}
.player-listing .player-listing-table thead tr th:first-child > button {justify-content:flex-start; border-radius: 6px 0 0 6px;}
.player-listing .player-listing-table thead tr th:last-child > button { border-radius: 0 6px 6px 0;}
.player-listing .player-listing-table thead tr th.active button {background-color:var(--wp--preset--color--gold); color:var(--wp--preset--color--black); }
.player-listing .player-listing-table thead tr th.active button::after {content:""; content: ""; margin-left: 6px; background: url("../../assets/images/Polygon.svg");background-repeat: no-repeat; background-position: center center; background-size: cover; width: 10px; height: 6px; aspect-ratio: 5/3; display: inline-block;}
.player-listing .player-listing-table thead tr th.active.asc button::after {transform: rotate(180deg);}
.player-listing .player-listing-table thead tr th button {cursor:pointer; display: flex; align-items: center;justify-content: left; font-size: 1.125rem; font-family: var(--wp--preset--font-family--body); padding: 30px 24px 34px 24px; text-align: center; color: var(--wp--preset--color--light-grey); width:100%; background:transparent; font-style: normal;color: var(--wp--preset--color--light-grey); font-weight: 700;line-height: 24px; border:none;}
.player-listing .player-listing-table tbody tr td:first-child {text-align:left; width: 50%;color:var(--wp--preset--color--gold); font-weight:600; border-right: 1px solid rgba(100, 100, 100, 0.20);}
.player-listing .player-listing-table tbody tr td:first-child a {color:var(--wp--preset--color--gold); font-weight:600; text-decoration:none;}
.player-listing .player-listing-table tbody tr td:nth-child(3) {color:var(--wp--preset--color--gold); font-weight:600;}
.player-listing .player-listing-table tbody tr td {padding: 24px; font-size:1.125rem; color:#fff; font-style: normal;font-weight: 400;line-height: 20px; /* 111.111% */text-align: left;}
.player-listing .player-listing-table tbody tr td img {width: 40px; height: 40px; border-radius: 100%; margin-right:12px; vertical-align: middle;}
.player-listing .player-listing-table tbody tr td:has(img) { white-space: nowrap; }
.player-listing .player-listing-table tbody tr:nth-child(2n+1) {background: rgba(178, 178, 178, 0.1); }


.wp-block-post-content:has(.highlight-player-card) {position:relative; z-index:1; overflow:hidden;}
.wp-block-post-content:has(.highlight-player-card)::before {content: ""; position: absolute; background: #B2B2B2; border-radius: 50%; opacity: 0.1; filter: blur(62px); width: 1601.305px;height: 338.831px; left: 50%; top: 100px;transform: translateX(-50%);}
.wp-block-post-content:has(.highlight-player-card)::after {content:""; background:url("../../assets/images/aalto.svg") no-repeat;  background-size:cover; background-position: center top; position:absolute; top: -140px; left:0; width: 3000px; height: 760px; min-width:100%; z-index: -1; opacity: 0.5;}
.wp-block-post-content:has(.highlight-player-card) h1.wp-block-heading {margin-bottom:36px; color:var(--wp--preset--color--gold);}
.wp-block-columns:has(.highlight-player-card) {gap:20px;}
.highlight-player-card {background: var(--wp--preset--color--black); border:1px solid #1A2B34; padding: 44px 10px 0 18%; border-radius:6px; overflow:hidden; position:relative;}
.highlight-player-card::before {content:""; background:url("../../assets/images/pelaajat-fliiga.svg") no-repeat; background-size:cover; background-position:center center; position:absolute; top:0; right:0; width: 355px;height: 324.819px;z-index:0;}
.highlight-player-card::after {content:""; background: linear-gradient(180deg, rgba(0, 19, 29, 0.00) 0%,#00131D 66.02%); position:absolute; bottom:0; left:0; height: 114px; width: 100%; z-index:0;}
.highlight-player-card .player-number {position:absolute; top:24px; left: 27px; font-size: 0.75rem; font-style: italic;font-weight: 800;line-height: 16px; /* 133.333% */text-transform: uppercase;}
.highlight-player-card .player-image {position:relative;}
.highlight-player-card .player-image > img {width: auto; height: 293px; max-width: 100%;}
.highlight-player-card .player-info::after {content: ""; position: absolute; background: #B2B2B2; border-radius: 50%; opacity: 0.1; filter: blur(62px); width: 630.857px; height: 291.44px; right: -40%; bottom: -10%;}
.highlight-player-card .player-info h2 { width: 100%; font-size: 1.5rem; font-style: italic;font-weight: 800;line-height: 24px; /* 100% */letter-spacing: -0.24px;text-transform: uppercase; margin:0; position:absolute; bottom: 24px; left: 22px; display: flex; flex-direction: column;z-index: 1;}
.highlight-player-card .player-info h2 span {padding-left:3%;}
.highlight-player-card .player-data-highlight {position:absolute; right: 59px; top:50%; transform:translateY(-50%); z-index:1;}
.highlight-player-card .player-data-highlight .player-data-title {font-style: italic; font-weight: 800; line-height: 18px; text-transform: uppercase; font-size: 1rem; margin-bottom:6px;}
.highlight-player-card .player-data-highlight .player-data-value {font-style: normal;font-weight: 400;line-height: 26px; /* 162.5% */}
.archive-link {margin-top:24px; text-align: right; }
.archive-link a {transition: 0.2s ease-in-out; text-decoration: none; color: var(--wp--preset--color--black); font-size: 0.875rem; text-align:center; font-style: italic; font-weight: 800; line-height: 16px; letter-spacing: -0.12px; text-transform: uppercase; border-radius: 6px; border: 1px solid #1A2B34; background: var(--wp--preset--color--gold); box-shadow: 0 3px 24px 0 rgba(255, 255, 255, 0.10); padding: 10px 33px;}
.archive-link a::after {content: ""; mask-image: url("../../assets/images/chevron-right.svg"); mask-size: cover; mask-repeat: no-repeat; width: 5px; height: 7px; margin-left: 8px; display: inline-block; background-color: #00131D; transition: 0.2s ease-in-out;}
.archive-link a:is(:hover, :focus) {background: linear-gradient(0deg, #00131D -67.44%, #FFF 826.05%, #FFF 983.72%); color: #fff;}
.archive-link a:is(:hover, :focus)::after {background-color: #fff;}

@media (max-width: 1199px) {
    .highlight-player-card {padding-left: 10%;}
    .highlight-player-card .player-data-highlight {right: 30px;}
}
@media (max-width: 991px) {
    .highlight-player-card {padding-left: 5%;}
    .highlight-player-card .player-data-highlight {right:20px;}
}
@media (max-width: 834px) {
    .player-listing .listing-heading {flex-direction:column; row-gap:24px; align-items:center; }
    .player-listing .listing-heading .player-type-select button.player-type-button {padding:12px 12px;}
    .player-listing .player-listing-table thead tr th button, .player-listing .player-listing-table tbody tr td {font-size:1rem;}
    .player-listing .player-listing-table head tr th:first-child {width:100%;}
    .player-listing .player-listing-table tbody tr td > a { vertical-align: middle; }

    .wp-block-columns:has(.highlight-player-card) {flex-direction:column; row-gap:36px;}
}

@media (max-width: 575px) {
    .player-listing .player-listing-table thead tr th:not(:has(button)), .player-listing .player-listing-table thead tr th button { font-size: 0.875rem !important; padding: 24px 12px !important; }
    .player-listing .player-listing-table tbody tr td { font-size: 0.875rem !important; padding: 8px 12px 8px !important; }
    .wp-block-post-content:has(.highlight-player-card)::after { width: 2525.242px; height: 438px; top: -100px; left: -150%; background-size:contain; opacity:0.8;}
    .highlight-player-card {padding: 44px 20px;}
    .highlight-player-card .player-image {text-align:center;}
    .highlight-player-card .player-info h2 {bottom:105px;}
    .highlight-player-card .player-data-highlight {top:unset; bottom: 31px; right:unset; left: 50%;transform: translateX(-50%);}
    .highlight-player-card .player-image > img {height: 230px;}
    .highlight-player-card::before {right: -40%;}
    .archive-link a {display:block; width:100%; box-sizing:border-box;}
}

/* Uutisarkisto */
.wp-block-post-content:has(.news-archive) {position:relative; z-index:1; overflow:hidden;}
.wp-block-post-content:has(.news-archive)::after {content:""; background:url("../../assets/images/aalto.svg") no-repeat;  background-size:cover; background-position: center top; position:absolute; top: -145px; left:0; width: 3000px; height: 760px; min-width:100%; z-index: -1; opacity: 0.5;}

.news-archive h1 {color:var(--wp--preset--color--gold); margin-top:0; margin-bottom:36px !important; text-align:center; }
.news-archive .news-header {display:flex;margin-bottom: 36px; align-items: center;}
.news-archive .news-header a.contacts-link {display: flex; align-items: center; color:var(--wp--preset--color--gold); margin-left: auto; text-decoration:none; font-size:0.875rem; font-style: italic;font-weight: 800;line-height: 16px; /* 114.286% */letter-spacing: -0.14px;text-transform: uppercase;}
.news-archive .news-header a.contacts-link::after {content:""; mask-image: url("../../assets/images/chevron-right.svg"); mask-size: cover; mask-repeat:no-repeat; width: 6px; height: 8px; margin-left:12px; display: inline-block; background-color: var(--wp--preset--color--gold);}
.news-archive .news-header a.contacts-link:is(:hover, :focus) {text-decoration: underline;}
.news-archive .news-header .news-series.tab-buttons button {cursor: pointer;color:var(--wp--preset--color--gold); padding: 12px 24px;font-family: var(--wp--preset--font-family--body); border: 1px solid #1A2B34; background: #00131D; font-size: 0.75rem; font-style: italic; font-weight: 800; line-height: 16px; letter-spacing: -0.12px; text-transform: uppercase;}
.news-archive .news-header .news-series.tab-buttons button:first-child {border-radius: 6px 0 0 6px; border-right: none;}
.news-archive .news-header .news-series.tab-buttons button:last-child { border-radius: 0 6px 6px 0; background: #00131D; color: var(--wp--preset--color--gold); border-left: none;}
.news-archive .news-header .news-series.tab-buttons button.active {background: var(--wp--preset--color--gold); color: var(--wp--preset--color--black);}
.news-article-highlight .highlight-item.news-hidden {display:none;}
.news-article-highlight .highlight-item a {position: relative; display: block; border-radius: 6px; border: 1px solid #1A2B34; overflow:hidden; color:#fff;}
.news-article-highlight .highlight-item a .highlight-tag {position:absolute; top: 0; left:0; padding: 24px; box-sizing: border-box; color:var(--wp--preset--color--gold); font-size: 0.875rem; font-style: italic;font-weight: 800;line-height: 22px; /* 157.143% */letter-spacing: -0.14px;text-transform: uppercase; z-index:1;}
.news-article-highlight .highlight-item a .highlight-tag::before {content:"🔥 "; }
.news-article-highlight .highlight-item .highlight-image {position:relative; height: 0; padding-bottom: 43.7%; }
.news-article-highlight .highlight-item .highlight-image::after {content:""; background: linear-gradient(180deg, rgba(0, 19, 29, 0.00) 29.77%, #00131D 85.95%, #00131D 100%);position:absolute; left: 0; bottom: 0; height:100%; width:100%;}
.news-article-highlight .highlight-item .highlight-image > img {position:absolute; top: 0; left:0; width: 100%; height: 100%; max-width: 100%; object-fit:cover;}
.news-article-highlight .highlight-item .highlight-title {margin: 0; position: absolute; bottom: 0; left: 0; padding:23px 24px; box-sizing:border-box; font-style: italic;font-weight: 800;line-height: 42px; /* 116.667% */letter-spacing: -1.08px;text-transform: uppercase; color:#fff; max-width: 634px;}

.news-articles > h2 {color:var(--wp--preset--color--gold); font-family: var(--wp--preset--font-family--body); font-size: var(--wp--preset--font-size--heading-3) !important; font-style: italic !important; line-height: 100% !important; font-weight: 800 !important; margin-bottom:24px !important; text-transform: uppercase !important; letter-spacing: -1.08px !important;}
.news-articles .news-grid {display:flex; flex-wrap:wrap; column-gap:20px; row-gap:24px;}
.news-articles .news-grid .grid-item {width: calc(33.333% - 14px); }
.news-articles .news-grid .grid-item a {display: block; border-radius: 6px; border: 1px solid #1A2B34; overflow:hidden; position: relative; color:#fff;}
.news-articles .news-grid .grid-item a .grid-item-header {position: absolute; top:0; left:0; padding: 15px; width:100%; z-index: 1; display: flex; justify-content:space-between; font-size:0.625rem; font-style: normal;font-weight: 600;line-height: 22px; /* 220% */letter-spacing: 0.6px;text-transform: uppercase; color:#fff; box-sizing: border-box; z-index:1;}
.news-articles .news-grid .grid-item a .grid-item-header::after {content: "";position: absolute; top: 0; left: 0; width: 100%; height: 59px; background: linear-gradient(0deg, rgba(0, 19, 29, 0.00) 29.77%, #00131D 68.26%, #00131D 100%); z-index: -1;}
.news-articles .news-grid .grid-item a .grid-image {position:relative; height: 0; padding-bottom: 67.4%;}
.news-articles .news-grid .grid-item a .grid-image > img {position:absolute; top: 0; left:0; width: 100%; height:100%; max-width: 100%; object-fit:cover;}
.news-articles .news-grid .grid-item a .grid-item-content {position:absolute; bottom: 0; left:0; width: 100%; padding:15px; box-sizing: border-box; z-index:1;}
.news-articles .news-grid .grid-item a .grid-item-content h3 {margin:0; font-size:0.875rem; font-style: italic;font-weight: 800;line-height: 19px; /* 135.714% */letter-spacing: -0.42px;text-transform: uppercase;}
.news-articles .news-grid .grid-item a:after {content: "";position: absolute; bottom: 0; left: 0; width: 100%; height: calc(100% - 52px); background: linear-gradient(180deg, rgba(0, 19, 29, 0.00) 29.77%, #00131D 68.26%, #00131D 100%);z-index: 0;}
.grid-pagination {display: flex; margin-top: 24px;}
.grid-pagination .page-arrow {border-radius:6px; padding: 6px 18px; width:auto !important; cursor:pointer;}
.grid-pagination .page-arrow.previous::before {content:"" !important; mask-image: url("../../assets/images/chevron-right.svg"); mask-size: cover; mask-repeat:no-repeat; width: 8px; height: 13px; display: inline-block; background-color: var(--wp--preset--color--gold); transform:rotate(180deg); vertical-align: middle; text-align: center;}
.grid-pagination .page-arrow.next::after {content:""; mask-image: url("../../assets/images/chevron-right.svg"); mask-size: cover; mask-repeat:no-repeat; width: 8px; height: 13px; display: inline-block; background-color: var(--wp--preset--color--gold);vertical-align: middle;text-align: center;}
.grid-pagination ul li button {padding: 6px 12px !important;border-radius: 6px;width:auto !important; font-size:1rem !important; font-family:var(--wp--preset--font-family--body); letter-spacing: -0.12px;}
.grid-pagination .page-arrow > span { font-size: 0.875rem; margin-left: 8px; display: inline-block; vertical-align: middle; text-transform: uppercase; letter-spacing: -0.12px; font-style: italic; color: var(--wp--preset--color--gold); font-weight: 800; font-family: var(--wp--preset--font-family--body);}
.grid-pagination .page-arrow.next > span { margin-right: 8px; margin-left: 0;}

@media (max-width: 834px) { 
    .news-articles .news-grid .grid-item {width: calc(50% - 10px);}
}

@media (max-width: 575px) {
    .wp-block-post-content:has(.news-archive)::after { width: 2525.242px; height: 438px; top: -100px; left: -150%; background-size:contain; opacity:0.8;}

    .news-archive h1 {margin-bottom:24px !important;}
    .news-archive .news-header {flex-direction:column; row-gap:24px;}
    .news-archive .news-header a.contacts-link {margin-left: 0; }
    .news-articles > h2 {text-align:center;}
    .news-article-highlight .highlight-item a .highlight-tag {padding: 12px;}
    .news-article-highlight .highlight-item .highlight-title {font-size: 1rem; font-style: italic; font-weight: 800; line-height: 22px; letter-spacing: -0.48px; text-transform: uppercase; padding: 12px;}
    .news-article-highlight .highlight-item .highlight-image {padding-bottom:66.666%;}
    .news-articles .news-grid .grid-item {width:100%;}
    .grid-pagination .page-arrow > span {display:none;}
    .grid-pagination ul {margin: 0 auto;}
}

/* Tilastot */
.entry-content:has(.team-scorecard) {position:relative; z-index:1; overflow:hidden;}
.entry-content:has(.team-scorecard)::after {content:""; background:url("../../assets/images/aalto.svg") no-repeat;  background-size:cover; background-position: center top; position:absolute; top:-140px; left:0; width: 3000px; height: 760px; min-width:100%; z-index: -1; opacity: 0.5;}
.entry-content:has(.team-scorecard) .wp-block-group > h2.wp-block-heading {margin: 72px 0 24px;font-family: var(--wp--preset--font-family--body); font-size: var(--wp--preset--font-size--heading-3) !important; font-style: italic; line-height: 100%; font-weight: 800; color:var(--wp--preset--color--gold); text-align:center; text-transform: uppercase; letter-spacing: -1.08px;}
.wp-block-group:has(.leaderboard-columns) > h2 { text-align:center; font-size: var(--wp--preset--font-size--heading-3); font-style: italic;font-weight: 800;line-height: normal;letter-spacing: -1.08px;text-transform: uppercase; color: var(--wp--preset--color--gold);}
.team-scorecard {position: relative;}
.team-scorecard > h2 {margin:0 !important; position: absolute; top: 8px; color: var(--wp--preset--color--gold); font-size: 1rem !important; font-style: italic !important; font-weight: 800 !important; line-height: normal; letter-spacing: -0.48px !important; text-transform: uppercase !important;}
.team-scorecard .tab-list {list-style: none; padding: 0; display: flex; justify-content: center; overflow: hidden; width: 53%; margin: 0 0 0 auto !important; border: 1px solid #1A2B34; border-radius: 6px 6px 0 0; gap: 0 !important; }
.team-scorecard .tab-list li {flex-grow: 1; text-align: center;}
.team-scorecard .tab-list li button {cursor: pointer;background: var(--wp--preset--color--black); width: 100%;font-size: 0.75rem; text-align: center; font-family: var(--wp--preset--font-family--body); font-style: italic; font-weight: 800; line-height: 16px; letter-spacing: -0.12px; white-space: nowrap; text-transform: uppercase; color: #fff; padding: 10px 0; border-width: 0 1px 0 0; border-style: solid; border-color: #1A2B34;}
.team-scorecard .tab-list li button[aria-expanded="true"] { border: none; background: #fff; color: var(--wp--preset--color--black); }
.team-scorecard .tab-content {position: relative; border: 1px solid #1A2B34; border-radius: 0 0 6px 6px; background: #00131D; padding: 0 6px; overflow: hidden; position: relative;}
.team-scorecard .tab-content::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 160px; background: linear-gradient(180deg, rgba(0, 19, 29, 0.00) 0%, #00131D 53.8%); z-index: 1; pointer-events: none;}
.team-scorecard .tab-content > .columns {display: flex;justify-content: space-between; column-gap: 6px; }
.team-scorecard .tab-content .columns:has(.team-player-card)::before {content: "";position: absolute; background: #B2B2B2; border-radius: 50%; opacity: 0.1; filter: blur(62px); width: 883px; height: 309px; left: 50%; top: 50%; transform: translateX(-70%) translateY(-40%); }
.team-scorecard .tab-content .columns:has(.team-player-card)::after {content: ""; background: url("../../assets/images/aalto.svg"); background-repeat: repeat; background-repeat: no-repeat;background-position: center center; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; opacity: 0.5;}
.team-scorecard .tab-content .columns > .left {width: 43%; min-height:100%; padding: 45px 0 45px;}
.team-scorecard .tab-content .columns > .left .team-player-card {display:block; position: relative; height:100%; color:#fff; }
.team-scorecard .tab-content .columns > .left .team-player-card .player-number {position: absolute; left: 12px; top: -4px; font-size: 0.75rem; color: #fff; font-style: italic; font-weight: 800; line-height: 16px; text-transform: uppercase;}
.team-scorecard .tab-content .columns > .left .team-player-card .player-points {position: absolute; right: 0; top: -10px; display: flex; flex-direction: column; align-items: center;}
.team-scorecard .tab-content .columns > .left .team-player-card .player-points .value { font-size: 2.25rem; color: var(--wp--preset--color--gold); font-style: italic; font-weight: 800; line-height: 44px; letter-spacing: -1.32px; text-transform: uppercase;}
.team-scorecard .tab-content .columns > .left .team-player-card .player-points .label {font-size: 0.75rem; color: #fff; font-style: italic; font-weight: 800; line-height: 16px; text-transform: uppercase;}
.team-scorecard .tab-content .columns > .left .team-player-card .player-image {text-align: center; padding-top: 60px; z-index: 1; position: relative; padding-bottom: 32px;}
.team-scorecard .tab-content .columns > .left .team-player-card .player-image > img {height: 210px; width: auto; max-width: 100%; object-fit: cover; vertical-align: bottom;}
.team-scorecard .tab-content .columns > .left .team-player-card h2 {font-size: 1.5rem; font-style: italic; font-weight: 800; line-height: 24px; letter-spacing: -0.24px; text-transform: uppercase; display: flex; flex-direction: column; position: absolute; left: 62px; bottom: -15px; z-index: 2; margin: 0;}
.team-scorecard .tab-content .columns > .left .team-player-card .player-position {box-sizing: border-box; position: absolute; left: -6px; top: 100%; z-index: 2; background-color: var(--wp--preset--color--gold); padding: 10px; border-radius: 0 0 0 6px; font-size: 1.5rem; font-style: italic; font-weight: 800; line-height: normal; letter-spacing: -0.72px; text-transform: uppercase; color: var(--wp--preset--color--black); width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;}
.team-scorecard .tab-content .columns > .right {width: 53%; align-self: flex-start; padding: 27px 0 27px;}
.team-scorecard .tab-content .columns > .right .scorecard-table {border-collapse: separate; border-spacing: 0 8px; width: 100%; position: relative; z-index: 2;}
.team-scorecard .tab-content .columns > .right .scorecard-table > tbody tr td:first-child { padding-left: 12px; border-radius: 6px 0 0 6px; font-size: 1.125rem; font-style: italic; font-weight: 800; line-height: 18px; letter-spacing: -0.54px; text-transform: uppercase;}
.team-scorecard .tab-content .columns > .right .scorecard-table > tbody tr td:last-child {padding-right: 12px; border-radius: 0 6px 6px 0;}
.team-scorecard .tab-content .columns > .right .scorecard-table > tbody tr {height: 58px;}
.team-scorecard .tab-content .columns > .right .scorecard-table > tbody tr td { padding: 2px 4px; background-color: #1A2B34;}
.team-scorecard .tab-content .columns > .right .scorecard-table td.player-image > img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; vertical-align: middle;}
.team-scorecard .tab-content .columns > .right .scorecard-table td.player-name .name { margin-bottom: -10px; display: block; font-size: 0.875rem; font-style: italic; font-weight: 800; line-height: 18px; letter-spacing: -0.14px; text-transform: uppercase; color: #fff;}
.team-scorecard .tab-content .columns > .right .scorecard-table td.player-name .player-number { font-size: 0.625rem; font-style: normal; font-weight: 700; line-height: 18px; text-transform: uppercase; color: var(--wp--preset--color--light-grey); display: inline-block;}
.team-scorecard .tab-content .columns > .right .scorecard-table td.player-points mark { display: block; text-align: right; font-size: 1.125rem; font-style: italic; font-weight: 800; line-height: 18px; letter-spacing: -0.54px; text-transform: uppercase;}
.team-scorecard .tab-content .columns > .right .scorecard-table td.player-points .points-label { font-size: 0.625rem; font-style: normal; font-weight: 700; line-height: 18px; text-transform: uppercase; color: var(--wp--preset--color--light-grey); display: block; text-align: right; white-space: nowrap; }
.team-scorecard .statistics-link, .team-scorecard+.statistics-link {margin-top:12px; text-align:right;}
.team-scorecard .statistics-link a, .team-scorecard+.statistics-link a {display: inline-flex; align-items: center; justify-content: center; transition: 0.2s ease-in-out; text-decoration: none; color: var(--wp--preset--color--black); font-size: 0.75rem; font-style: italic; font-weight: 800; line-height: 16px; letter-spacing: -0.12px; text-transform: uppercase; border-radius: 6px; border: 1px solid #1A2B34; background: var(--wp--preset--color--gold); box-shadow: 0 3px 24px 0 rgba(255, 255, 255, 0.10); padding: 10px 16px;}
.team-scorecard .statistics-link a::after, .team-scorecard+.statistics-link a::after {content: ""; mask-image: url("../../assets/images/chevron-right.svg"); mask-size: cover; mask-repeat: no-repeat; width: 5px; height: 7px; margin-left: 8px; display: inline-block; background-color: #00131D; transition: 0.2s ease-in-out;}
.team-scorecard .statistics-link a:is(:hover, :focus), .team-scorecard+.statistics-link a:is(:hover, :focus) {background: linear-gradient(0deg, #00131D -67.44%, #FFF 826.05%, #FFF 983.72%); color: #fff;}
.team-scorecard .statistics-link a:is(:hover, :focus)::after, .team-scorecard+.statistics-link a:is(:hover, :focus)::after {background-color: #fff;}

.team-scorecard .tab-content .columns > .left a.team-player-card:is(:hover,:focus) h2 { color: var(--wp--preset--color--gold); }
.team-scorecard .tab-content .columns > .right .scorecard-table {display:table; border-collapse: separate; border-spacing: 0 8px; width: 100%; position: relative; z-index: 2;}
.team-scorecard .tab-content .columns > .right .scorecard-table > .table-row {display: table-row; height: 58px; color:#fff; text-decoration:none; }
.team-scorecard .tab-content .columns > .right .scorecard-table > .table-row:is(:hover, :focus) .name { color: var(--wp--preset--color--gold); }
.team-scorecard .tab-content .columns > .right .scorecard-table > .table-row > div { display: table-cell; vertical-align: middle; padding: 2px 4px; background-color: #1A2B34;}
.team-scorecard .tab-content .columns > .right .scorecard-table > .table-row > div:first-child { padding-left: 12px; border-radius: 6px 0 0 6px; font-size: 1.125rem; font-style: italic; font-weight: 800; line-height: 18px; letter-spacing: -0.54px; text-transform: uppercase;}
.team-scorecard .tab-content .columns > .right .scorecard-table > .table-row > div:last-child {padding-right: 12px; border-radius: 0 6px 6px 0;}
.team-scorecard .tab-content .columns > .right .scorecard-table .player-image > img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; vertical-align: middle;}
.team-scorecard .tab-content .columns > .right .scorecard-table .player-name .name { margin-bottom: -10px; display: block; font-size: 0.875rem; font-style: italic; font-weight: 800; line-height: 18px; letter-spacing: -0.14px; text-transform: uppercase; color: #fff;}
.team-scorecard .tab-content .columns > .right .scorecard-table .player-name .player-number { font-size: 0.625rem; font-style: normal; font-weight: 700; line-height: 18px; text-transform: uppercase; color: var(--wp--preset--color--light-grey); display: inline-block;}
.team-scorecard .tab-content .columns > .right .scorecard-table .player-points mark { display: block; text-align: right; font-size: 1.125rem; font-style: italic; font-weight: 800; line-height: 18px; letter-spacing: -0.54px; text-transform: uppercase;}
.team-scorecard .tab-content .columns > .right .scorecard-table .player-points .points-label { font-size: 0.625rem; font-style: normal; font-weight: 700; line-height: 18px; text-transform: uppercase; color: var(--wp--preset--color--light-grey); display: block; text-align: right; white-space: nowrap; }

.scoreboards .series-select {display: inline-flex;flex-wrap: nowrap; width:15%; }
.scoreboards .series-select a:first-child { border-radius: 6px 0 0 6px;}
.scoreboards .series-select a:last-child { border-radius: 0 6px 6px 0;}
.scoreboards .series-select a { text-align: center; display: inline-block; text-decoration: none; border-radius: 6px 0 0 6px; border: 1px solid #1A2B34; background: #00131D; color: #fff; font-family: var(--wp--preset--font-family--body); font-size: 0.75rem; font-style: italic; font-weight: 800; line-height: 16px;letter-spacing: -0.12px;text-transform: uppercase; cursor: pointer;padding: 12px 24px; }
.scoreboards .series-select a.selected {background: var(--wp--preset--color--gold); color: var(--wp--preset--color--black);}

.scoreboards .statistics-tabs .tab-list {width: calc(84% - 154px); display: inline-flex;justify-content: center;list-style: none; padding: 0;gap: 0; margin-top: 21px;}
.scoreboards .statistics-tabs .tab-list li:first-child button { border-radius: 6px 0 0 6px; border-right: none;}
.scoreboards .statistics-tabs .tab-list li:last-child button { border-radius: 0 6px 6px 0; border-left: none;}
.scoreboards .statistics-tabs .tab-list li button { font-family: var(--wp--preset--font-family--body);cursor: pointer; color: #fff; padding: 12px 24px; border: 1px solid #1A2B34; background: #00131D; font-size: 0.75rem; font-style: italic; font-weight: 800;line-height: 16px;letter-spacing: -0.12px; text-transform: uppercase; }
.scoreboards .statistics-tabs .tab-list li button[aria-expanded="true"] { background: #fff; color: var(--wp--preset--color--black);}
.scoreboards .season-select {position:relative; margin-left:auto; display:inline-block; width:154px; text-align:right;}
.scoreboards .season-select select { appearance: none; padding: 11px 50px 11px 16px; font-size: 0.875rem; font-family: var(--wp--preset--font-family--body); font-weight: 400;color: #fff;background-color: var(--wp--preset--color--black);border: 1px solid #1A2B34; border-radius: 6px;cursor: pointer;}
.scoreboards .season-select::after {content: ""; width: 40px; height: 43px; mask-image: url(../../assets/images/chevron-down.svg); mask-repeat: no-repeat; mask-size: 20px; mask-position: center center; background: #fff; border-left: 1px solid #1A2B34; position: absolute; top: 0; right: 0;display: flex; align-items: center; justify-content: center; pointer-events: none;}
.scoreboards .season-select::before {content:""; border-left:1px solid #1A2B34;position:absolute; right:40px; height:14px; top:50%; transform: translateY(-50%);}
.scoreboards .player-search {margin-bottom:18px;}
.scoreboards .player-search input {border-radius: 6px; border: 1px solid var(--wp--preset--color--gold); background: #1A2B34; color:#fff; width:100%; max-width:100%; height: 64px; padding: 24px 46px 26px 24px; box-sizing: border-box; font-style: italic; font-size: 1rem; color: var(--wp--preset--color--light-grey);}


.scoreboards .tab-content {margin-top:16px;}
.scoreboards .tab-content .table-description {font-style: italic; font-weight: 400; line-height: 14px; letter-spacing: 0.24px; font-size: 0.75rem; text-align: center; color: var(--wp--preset--color--light-grey); margin-bottom:13px;}
.scoreboards .tab-content .table {overflow-X: scroll; border-radius: 6px; border: 1px solid #1A2B34; box-shadow: 0 4px 31px 0 rgba(0, 0, 0, 0.60); border: 1px solid #1A2B34;}
.scoreboards .tab-content table {border-collapse: collapse; width: 100%;}
.scoreboards .tab-content table thead tr th {cursor: pointer; text-align: center; font-family: "Open Sans"; font-size: 1.125rem; font-style: normal; font-weight: 700; line-height: 14px; background: transparent;  border: none; color: var(--wp--preset--color--light-grey);}
.scoreboards .tab-content table thead tr th:nth-child(2) {text-align: left; }
.scoreboards .tab-content table thead tr th:last-child button {border-radius:0 6px 0 0;}
.scoreboards .tab-content table thead tr th button {white-space: nowrap; padding: 32px 24px; width:100%; position:relative; cursor: pointer;  text-align: center;  font-family: "Open Sans";  font-size: 1.125rem;  font-style: normal; font-weight: 700; line-height: 14px; background: transparent;  border: none; color: var(--wp--preset--color--light-grey);}
.scoreboards .tab-content table thead tr th.active button {background: var(--wp--preset--color--gold); color: #00131D;}
.scoreboards .tab-content table thead tr th.active button::after { content: ""; background: url(../../assets/images/Polygon.svg); background-repeat: no-repeat; background-position: center center; background-size: cover;width: 10px; height: 6px; aspect-ratio: 5 / 3; display: inline-block; position: absolute;  bottom: 20px; left: 50%; transform: translateX(-50%);}
.scoreboards .tab-content table thead tr th.active.asc button::after {transform: translateX(-50%) rotate(180deg);}
.scoreboards .tab-content:not(#attendance) table thead tr th:nth-child(2), .scoreboards .tab-content:not(#attendance) table tbody tr td:nth-child(2) { border-right: 1px solid #1A2B34; text-align: left; }
.scoreboards .tab-content:not(#attendance) table thead tr th:nth-child(2) button  {padding-right: 24px; width: 100%; text-align: left; padding-left:24px;}
.scoreboards .tab-content:not(#attendance) table thead tr th.active:nth-child(2) button::after {left:17%;}
.scoreboards .tab-content:not(#attendance) table tbody tr td:nth-child(2) {padding-right: 24px; width: 100%; border-right: 1px solid #1A2B34; text-align: left; padding-left:24px;}

.scoreboards #attendance.tab-content table thead tr th:nth-child(1), .scoreboards #attendance.tab-content table tbody tr td:nth-child(1) { border-right: 1px solid #1A2B34; text-align: left; }
.scoreboards #attendance.tab-content table thead tr th:nth-child(1) button  {padding-right: 24px; width: 100%; text-align: left; padding-left:24px;}
.scoreboards #attendance.tab-content table thead tr th.active:nth-child(1) button::after {left:17%;}
.scoreboards #attendance.tab-content table tbody tr td:nth-child(1) {padding-right: 24px; width: 100%; border-right: 1px solid #1A2B34; text-align: left; padding-left:24px;}

.scoreboards .tab-content table thead tr th, .scoreboards .tab-content table tbody tr td {width:67px;}
.scoreboards .tab-content table tbody tr:nth-child(odd) {background:rgba(178, 178, 178, 0.1);}
.scoreboards .tab-content table tbody tr td {padding: 25px 24px; text-align: center;}
.scoreboards .tab-content table tbody tr td a {color:var(--wp--preset--color--gold); font-size: 1rem; font-style: normal; font-weight: 600; line-height: 16px; /* 100% */ text-decoration:none; display: flex; align-items: center;column-gap: 12px;}
.scoreboards .tab-content table tbody tr td a > span {color:var(--wp--preset--color--gold); font-size: 1rem; font-style: normal; font-weight: 600; line-height: 16px; /* 100% */ text-decoration:none;}
.scoreboards .tab-content table tbody tr td a img {height:29px; width:auto;}
.scoreboards .tab-content table tbody tr td > span {width:33px; height:33px; border-radius:100%; font-size:0.875rem; font-style:italic; text-transform:uppercase; font-weight:600; margin:0 2px; text-align:center; vertical-align:middle; display:block;}
.scoreboards .tab-content table tbody tr td > span.loss {border:1px solid #fff; color:#fff;}
.scoreboards .tab-content table tbody tr td > span.win {background:var(--wp--preset--color--gold); color:var(--wp--preset--color--black);}
.scoreboards #standings table thead tr th:not(:nth-child(2), :last-child), .scoreboards #standings table tbody tr td:not(:nth-child(2), :last-child) {width:67px;}
.scoreboards #standings table tbody tr td:last-child:has(span) {padding-left:24px; padding-right:41px; width: 189px; display: flex; align-items: center; justify-content: center;}

.scoreboards .tab-content table tbody tr td > img {height:29px; width:auto;}
.scoreboards .tab-content table tbody tr td .player-info {display:flex; column-gap:13px; align-items:center;}
.scoreboards .tab-content table tbody tr td .player-info .player-image img {width:40px; height:40px; aspect-ratio:1 / 1;}
.scoreboards .tab-content table tbody tr td .player-info .player-info-details a {color:var(--wp--preset--color--gold); font-size: 1rem; font-style: normal; font-weight: 600; line-height: 16px; /* 100% */ text-decoration:none; display: flex; align-items: center;column-gap: 12px;}
.scoreboards .tab-content table tbody tr td .player-info .player-info-details .shirt-number {margin-top:3px; display:flex; align-items: center; font-style: normal;font-weight: 700;line-height: 18px;letter-spacing: -0.12px;text-transform: uppercase;font-size: 0.75rem;color: var(--wp--preset--color--light-grey);}
.scoreboards .tab-content table tbody tr td .player-info .player-info-details .shirt-number img {height:20px; width:auto;}
.scoreboards #points table thead tr th:nth-child(2) button {padding-left:0;}
.scoreboards #points table tbody tr td:nth-child(2) {padding-left:0;}
.scoreboards .table-note:has(span) { margin-top: 1.5rem; font-weight: 800; }

html[lang="fi"] .scoreboards .tab-content table tbody tr td span.loss::after {content:"H"; line-height: 33px;}
html[lang="fi"] .scoreboards .tab-content table tbody tr td span.win::after {content:"V"; line-height: 33px;}
html[lang="EN-GB"] .scoreboards .tab-content table tbody tr td span.loss::after {content:"L"; line-height: 33px;}
html[lang="EN-GB"] .scoreboards .tab-content table tbody tr td span.win::after {content:"W"; line-height: 33px;}

@media (max-width:1920px) {
    .scoreboards .tab-content table thead tr th button { padding: 24px 12px 24px; }
    .scoreboards .tab-content table tbody tr td { padding: 8px 12px 8px; }
    .scoreboards .tab-content table thead tr th button, .scoreboards .tab-content table tbody tr td a > span {font-size:1rem;}
    .scoreboards .tab-content table thead tr th.active button::after { bottom: 15px; }
    .scoreboards #attendance.tab-content table thead tr th.active:nth-child(1) button::after { left: 8%; }
}

@media (max-width: 1099px) {

    .team-scorecard .tab-list {width: 70%; }
    .scoreboards .series-select { width: 100%;justify-content: center;}
    .scoreboards .statistics-tabs .tab-list { width: 100%; }
    .scoreboards .season-select {display:block; margin:0 auto;}
    .scoreboards-columns {flex-direction:column; row-gap: 48px;}
}

@media (max-width: 1024px) {
    /*.scoreboards .series-select {width: 25%;}
    .scoreboards .statistics-tabs .tab-list {width: calc(73% - 154px);}*/
    .scoreboards .statistics-tabs .tab-list li button {padding: 12px 18px;}
}
@media (max-width: 834px) {
}
@media (max-width: 575px) {
    .scoreboards .series-select { width: 100%;justify-content: center;}
    .scoreboards .series-select a {width:50%;}
    .scoreboards .statistics-tabs .tab-list {flex-wrap: wrap;}
    .scoreboards .statistics-tabs .tab-list li {width:50%;}
    .scoreboards .statistics-tabs .tab-list li:first-child button {border-radius: 6px 0 0 0;}
    .scoreboards .statistics-tabs .tab-list li:nth-child(2) button {border-radius:0 6px 0 0;}
    .scoreboards .statistics-tabs .tab-list li:nth-child(3) button {border-radius:0 0 0 6px;}
    .scoreboards .statistics-tabs .tab-list li:nth-child(4) button {border-radius:0 0 6px 0;}
    .scoreboards .statistics-tabs .tab-list li:nth-child(5) button {border-radius:0 0 6px 6px; border-left: 1px solid #1A2B34; }
    .scoreboards .statistics-tabs .tab-list li button {width:100%;}
    .scoreboards .season-select {display:block; margin:0 auto;width:100%;}
    .scoreboards .season-select select {width:100%; text-align: center;}
    .scoreboards .player-search input {height:58px; }
    .scoreboards .tab-content table tbody tr td {padding: 25px 22px;}
    .scoreboards .tab-content table thead tr th button {padding: 24px 12px 24px;}

    .scoreboards .tab-content table thead tr th button, .scoreboards .tab-content table tbody tr td a > span {font-size:0.875rem;}

    .team-scorecard .tab-content > .columns {flex-direction:column;}
    .team-scorecard > h2 {position:static; margin-bottom: 24px !important; text-align: center;}
    .team-scorecard .tab-list {width:100%;}
    .team-scorecard .tab-content { border: none; padding: 0;}
    .team-scorecard .tab-content .columns:has(.team-player-card)::after {content:none;}
    .team-scorecard .tab-content .columns > .left { width: 100%; border: 1px solid #1A2B34; box-sizing: border-box; padding: 0; overflow: hidden; border-radius: 0;}
    .team-scorecard .tab-content .columns > .right {width:100%; padding:0; }
    .team-scorecard .tab-content .columns > .left .team-player-card { padding: 24px 0 24px; }
    .team-scorecard .tab-content .columns > .left .team-player-card .player-points { top: 24px; right: 24px; }
    .team-scorecard .tab-content .columns > .left .team-player-card .player-number { top: 24px; left: 24px; }
    .team-scorecard .tab-content .columns > .left .team-player-card .player-position { top: auto; bottom:0; left: 0; border-radius:0; }
    .team-scorecard .tab-content .columns > .left .team-player-card h2 { bottom: 24px; left: 69px;}
    .team-scorecard .tab-content .columns > .left .team-player-card::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100px; background: linear-gradient(180deg, rgba(0, 19, 29, 0.00) 0%, #00131D 53.8%); z-index: 1;}
    .team-scorecard .tab-content .columns > .left .team-player-card::before { content: ""; background: url("../../assets/images/aalto.svg"); background-repeat: repeat; background-position: center center; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%;z-index: 0;}

}

/* Fantasiapeli */
.entry-content:has(.frm_forms) .hero-banner {margin-bottom: 16px !important;}
.entry-content:has(.frm_forms) .hero-banner .wp-block-cover__inner-container p {font-size:1.125rem; line-height:28px;}
.entry-content:has(.frm_forms) .hero-banner .wp-block-cover__inner-container {padding-bottom:0; box-sizing: content-box;}
.narrow-text-content:has(.frm_forms) {max-width: 844px !important; }
.narrow-text-content:has(.frm_forms)> p {text-align: center;font-family: var(--wp--preset--font-family--body);font-size: 1.125rem;font-style: normal;line-height: 28px; /* 155.556% */ }
.frm_forms.frm_style_formidable-style.with_frm_style {max-width:640px;margin-top: 36px;}
.with_frm_style legend + h3, .with_frm_style h3.frm_form_title {color:#fff; font-family: var(--wp--preset--font-family--body); font-size: var(--wp--preset--font-size--heading-3); font-style: italic; line-height: normal; font-weight: 800; text-transform: uppercase !important; letter-spacing: -1.08px !important; margin-bottom:12px; margin-top:0;}
.with_frm_style .frm_top_container .frm_primary_label {color:#fff; font-size:0.875rem; font-family: var(--wp--preset--font-family--body);font-style: normal;font-weight: 800;line-height: 28px; /* 200% */ margin-bottom:6px;}
.frm_style_formidable-style.with_frm_style .form-field {margin-bottom:24px;}
.with_frm_style input[type="text"], .with_frm_style input[type="password"], .with_frm_style input[type="email"], .with_frm_style input[type="number"], .with_frm_style input[type="url"], .with_frm_style input[type="tel"], .with_frm_style input[type="file"], .with_frm_style input[type="search"], .with_frm_style select, .with_frm_style .frm-card-element.StripeElement {padding-left: 24px; border-radius: 8px; border: 1px solid #FFF;background: #1A2B34; height: 60px; color: #B2B2B2; font-family: "Open Sans"; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 28px;}
.frm_style_formidable-style.with_frm_style input::placeholder, .frm_style_formidable-style.with_frm_style textarea::placeholder {color: #B2B2B2; font-family: var(--wp--preset--font-family--body); font-size: 1.125rem; font-style: normal; font-weight: 400;}
.frm_style_formidable-style.with_frm_style .form-field input:not([type="file"]):not([type="range"]):not([readonly]):focus {background: #1A2B34; border-color:var(--wp--preset--color--gold); box-shadow: 0 4px 24px 10px rgba(178, 178, 178, 0.10); color:#fff;}
.frm_style_formidable-style.with_frm_style .frm_form_field :invalid {background: #1A2B34;}
.frm_style_formidable-style.with_frm_style div.frm_description p {color:#fff; font-style: normal; font-weight: 400; line-height: 28px; /* 155.556% */ font-size:1.125rem; margin-bottom: 24px;}
.frm_style_formidable-style.with_frm_style div:is(.frm_description, .frm_submit) a {font-style: normal;  font-weight: 700; line-height: 28px; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: auto; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font;color: var(--wp--preset--color--gold);}
.frm_style_formidable-style.with_frm_style div:is(.frm_description, .frm_submit) a:is(:hover, :focus) {text-decoration:none;}
.with_frm_style .frm_submit {justify-content: flex-end;}
.frm_style_formidable-style.with_frm_style .frm_submit button {margin: 0; border-radius: 6px; background: var(--wp--preset--color--gold); display: inline-flex; align-items: center; padding: 10px 15.75px 10px 16px; text-align: center;font-style: italic; font-weight: 800; line-height: 16px; letter-spacing: -0.14px; text-transform: uppercase; font-size: 0.875rem; color: #00131D; text-decoration: none;transition: 0.2s ease-in; border: none; font-family: var(--wp--preset--font-family--body); box-shadow: none;}
.frm_style_formidable-style.with_frm_style .frm_submit button::after {content: ""; mask-image: url("../../assets/images/chevron-right.svg"); mask-size: cover; mask-repeat: no-repeat; width: 5px; height: 7px; margin-left: 9px; display: inline-block; background-color: #00131D; transition: 0.2s ease-in;}
.frm_style_formidable-style.with_frm_style .frm_submit button:is(:hover, :focus) {background: linear-gradient(0deg, #00131D -67.44%, #FFF 826.05%, #FFF 983.72%);  color: #fff;}
.frm_style_formidable-style.with_frm_style .frm_submit button:is(:hover, :focus)::after {background-color: #fff;}
.with_frm_style .vertical_radio .frm_checkbox label {color:#fff;font-family: var(--wp--preset--font-family--body);font-size: 1rem;font-style: normal;font-weight: 400;line-height: 28px; /* 175% */}
.with_frm_style .vertical_radio .frm_checkbox label a {color:var(--wp--preset--color--gold); font-weight:700; text-decoration:underline;}
.with_frm_style .vertical_radio .frm_checkbox label a:is(:hover, :focus) {text-decoration:none;}
.with_frm_style .frm_checkbox input[type="checkbox"] {background: #1A2B34; width: 29px !important; min-width: 29px !important; height: 29px !important;}
.with_frm_style .frm_checkbox label input[type="checkbox"] {margin-right:12px;}

/* Mainosslotit */
.poppartners { display: flex; justify-content: center; }

@media (max-width:575px) {
    .entry-content:has(.frm_forms) .hero-banner .wp-block-cover__inner-container p {font-size:1rem; line-height:24px;}
    .frm_style_formidable-style.with_frm_style div.frm_description p {font-size: 0.875rem;}
    .frm_style_formidable-style.with_frm_style .frm_submit button {width: 100%;justify-content: center;}
    .with_frm_style .vertical_radio .frm_checkbox label {font-size: 0.875rem; line-height:20px;}
    .frm_style_formidable-style.with_frm_style div.frm_submit { flex-direction: column-reverse; row-gap: 1rem; }
}

/* Kehitetään yhdessä - sivu */
figure.wp-block-table {border: 1px solid #1A2B34; border-radius: 6px;}
.wp-block-table thead, .wp-block-table td, .wp-block-table th {border:none; }
.wp-block-table thead tr th {color: var(--wp--preset--color--light-grey); font-weight: 700; padding: 24px; font-size: 0.875rem; text-align:left;}
.wp-block-table tbody tr:nth-child(2n+1) { background: rgba(178, 178, 178, 0.1);}
.wp-block-table tbody td {color:#fff; padding: 12px 24px;}
.wp-block-table tbody td {text-align:left;  font-size: 0.875rem;}
.wp-block-table tbody td:first-child, .wp-block-table thead tr th:first-child {width:200px;}

.frm_forms.frm_style_formidable-style.with_frm_style.kehitystaulukko {margin: 36px auto; max-width:100%;}
.with_frm_style textarea {padding-left: 24px; border-radius: 8px; border: 1px solid #FFF;background: #1A2B34; color: #B2B2B2; font-family: var(--wp--preset--font-family--body); font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 28px;}
.frm_style_formidable-style.with_frm_style select {font-family: var(--wp--preset--font-family--body); color:#B2B2B2 !important;}
.with_frm_style select option {color:#fff; }
.frm_style_formidable-style.with_frm_style select:focus, .frm_style_formidable-style.with_frm_style .form-field textarea:focus {background: #1A2B34; border-color:var(--wp--preset--color--gold); box-shadow: 0 4px 24px 10px rgba(178, 178, 178, 0.10); color:#fff;}
.frm_style_formidable-style.with_frm_style select::placeholder {color: #B2B2B2 !important; font-family: var(--wp--preset--font-family--body); font-size: 1.125rem; font-style: normal; font-weight: 400;}
.with_frm_style .frm_form_field.frm_html_container, .frm_style_formidable-style.with_frm_style div.frm_description {color:#fff; font-family:var(--wp--preset--font-family--body); }

@media (max-width:1920px) {
    .standings .table table thead tr th button { padding: 24px 12px 24px; }
    .standings .table table tbody tr td { padding: 8px 12px 8px; }
}

@media (max-width:575px) {
    .wp-block-table tbody td:first-child, .wp-block-table thead tr th:first-child {width:150px;}
    .wp-block-table thead tr th {padding: 24px 12px;}
    .wp-block-table tbody td {padding: 12px;}
    .wp-block-table .has-fixed-layout {width: 575px;}
    figure.wp-block-table {overflow-x: scroll;}
    .standings .table table tbody tr td { padding: 8px 12px 8px; }
}

/* Complianz */
.cmplz-cookiebanner .cmplz-body { max-height: 44vh; }
.cmplz-dropdown { border-radius: 0; }
#cmplz-document div:is(#cmplz-cookies-overview, .cmplz-categories) {border: 1px solid #1A2B34; border-radius: 6px; overflow:hidden; }
.cmplz-dropdown .cmplz-service-header {position:relative;}
.cmplz-dropdown > div { background-color: var(--wp--preset--color--black); }
.cmplz-dropdown .cmplz-service-header::after { content:""; opacity: 0.1; background: linear-gradient(3deg, #00131D -24.67%, #FFF 90.38%, #FFF 110.68%); width:100%; position:absolute; height:100%; top:0;left:0; }
.cmplz-dropdown .accordion-title-container h3,
.cmplz-dropdown .accordion-title-container button { font-family: var(--wp--preset--font-family--body); text-align:left; font-size:1rem; font-style: italic;font-weight: 800;line-height: 18px; text-transform: uppercase;margin:0; width:100%; color:#fff; text-transform:uppercase; box-sizing: border-box; }
.cmplz-dropdown .accordion-title-container button { cursor:pointer; background: transparent; width: 100%; position:relative; border:none; padding:24px 12px; z-index: 1;}
.cmplz-dropdown .accordion-title-container button::after {content:""; background-image: url("../../assets/images/arrow-right-circle-solid.svg"); background-repeat: no-repeat; width:17px; height:17px; position:absolute; top:24px; right:25px; background-size: cover; display: block; transform: rotate(-180deg);}
.cmplz-dropdown .accordion-title-container button[aria-expanded="true"]::after { transform: rotate(0);}
.cmplz-dropdown .accordion-symbol {display:none;}
.cmplz-dropdown .accordion-item-container {border-top:1px solid var(--wp--preset--color--gold);}
.cmplz-dropdown .accordion-item-container p {margin:0; padding: 24px 31px 18px 24px;}

#cmplz-document a { color: var(--wp--preset--color--gold); text-decoration: underline; }

#cmplz-cookies-overview .cmplz-dropdown h4, #cmplz-document .cmplz-dropdown h4, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown h4 { color: var(--wp--preset--color--gold); }
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose, #cmplz-document .cmplz-dropdown .cookies-per-purpose, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose { border: 1px solid #1A2B34; }

#cmplz-cookies-overview .cmplz-dropdown summary div::after, #cmplz-document .cmplz-dropdown summary div::after, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div::after { filter: invert(1); }

#cmplz-cookies-overview .cmplz-dropdown summary, #cmplz-document .cmplz-dropdown summary, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary { margin: 0; position: relative; padding:24px 25px 24px 12px; background: transparent; }

#cmplz-cookies-overview .cmplz-dropdown, #cmplz-document .cmplz-dropdown, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown,
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose, #cmplz-document .cmplz-dropdown .cookies-per-purpose, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose,
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div, #cmplz-document .cmplz-dropdown .cookies-per-purpose div, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div,
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .name-header, #cmplz-document .cmplz-dropdown .cookies-per-purpose .name-header, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose .name-header,
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .retention-header, #cmplz-document .cmplz-dropdown .cookies-per-purpose .retention-header, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose .retention-header,
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .function-header, #cmplz-document .cmplz-dropdown .cookies-per-purpose .function-header, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose .function-header { background-color: var(--wp--preset--color--black); }

#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose, #cmplz-document .cmplz-dropdown .cookies-per-purpose, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose { border: 1px solid #1A2B34; }

#cmplz-cookies-overview .cmplz-dropdown .cmplz-service-description, #cmplz-cookies-overview .cmplz-dropdown .cmplz-sharing-data, #cmplz-document .cmplz-dropdown .cmplz-service-description, #cmplz-document .cmplz-dropdown .cmplz-sharing-data, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-service-description, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-sharing-data { padding: 15px; }
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose, #cmplz-document .cmplz-dropdown .cookies-per-purpose, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose { margin: 0; grid-gap: 0; }

#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose, #cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose { padding-bottom: 15px; }
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:is(.name, .retention, .function) { padding: 4px 15px; }
#cmplz-document a[target="_blank"]::after { filter: invert(1); }

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category { background: transparent; }
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header { background: transparent; position: relative; }
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header::after { content:""; opacity: 0.1; background: linear-gradient(3deg, #00131D -24.67%, #FFF 90.38%, #FFF 110.68%); width:100%; position:absolute; height:100%; top:0;left:0; z-index:0; }
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon.cmplz-open { filter: invert(1); }

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active { color: #fff; }

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox { position: relative; z-index: 1; }

#cmplz-tcf-wrapper .cmplz-tcf-buttons button { transition: 0.2s ease-in-out; text-decoration: none; color: var(--wp--preset--color--white); font-size: 0.75rem; font-style: italic; font-weight: 800; line-height: 16px; letter-spacing: -0.12px; text-transform: uppercase; border-radius: 6px; border: 1px solid #1A2B34; background: var(--wp--preset--color--black); box-shadow: 0 3px 24px 0 rgba(255, 255, 255, 0.10); padding: 10px 16px; }
#cmplz-tcf-wrapper .cmplz-tcf-buttons button:is(:hover, :focus) { background: linear-gradient(0deg, #00131D -67.44%, #FFF 826.05%, #FFF 983.72%); color: #fff; }

/* Emaileri newsletter */
#emaileri-newsletter, #newsletter { padding-top: 140px; margin-top: -125px; }
@media (max-width:600px) {
	#emaileri-newsletter, #newsletter { padding-top: 80px; margin-top: -60px; }
}
.emaileri-newsletter-block input[type="email"] { display: block; padding: 8px 12px 8px 24px; border-radius: 8px; border: 1px solid #FFF; background: #1A2B34; height: 60px; color: #B2B2B2; font-family: "Open Sans"; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 28px;  box-sizing: border-box; outline: none; margin-bottom: 1.5rem; width: 50%; max-width: 500px; }
.emaileri-newsletter-block input[type="email"]:focus { background: #1A2B34; border-color: var(--wp--preset--color--gold); box-shadow: 0 4px 24px 10px rgba(178, 178, 178, 0.10); color: #fff; }

.emaileri-newsletter-block button { cursor: pointer; margin: 0; border-radius: 6px; background: var(--wp--preset--color--gold); display: inline-flex; align-items: center; padding: 10px 15.75px 10px 16px; text-align: center; font-style: italic; font-weight: 800; line-height: 16px; letter-spacing: -0.14px; text-transform: uppercase; font-size: 0.875rem; color: #00131D; text-decoration: none; transition: 0.2s ease-in; border: none; font-family: var(--wp--preset--font-family--body); box-shadow: none; }
.emaileri-newsletter-block button::after { content: ""; mask-image: url("../../assets/images/chevron-right.svg"); mask-size: cover; mask-repeat: no-repeat; width: 5px; height: 7px; margin-left: 9px; display: inline-block; background-color: #00131D; transition: 0.2s ease-in; }
.emaileri-newsletter-block button:is(:hover, :focus) { background: linear-gradient(0deg, #00131D -67.44%, #FFF 826.05%, #FFF 983.72%); color: #fff; }
.emaileri-newsletter-block button:is(:hover, :focus)::after { background-color: #fff; }

.emaileri-newsletter-block .border-left { padding: 1rem 2rem; border-left: 3px solid var(--wp--preset--color--gold); }