/**
* GLOBAL
**/
@media (max-width: 767px) {
html {
font-size: 87.5%;
}
}
body {
overflow-x: hidden;
}
@media (max-width: 767px) {
body {
--wp--style--root--padding-right: 1rem;
--wp--style--root--padding-left: 1rem;
}
}
section {
overflow-x: hidden;
}
@media (max-width: 767px) {
.wp-block-group[style*="padding: 4rem"] {
padding: 2rem !important;
}
.wp-block-group[style*="padding-top:2rem"] {
padding-top: 1rem !important;
}
.wp-block-group[style*="padding-top:4rem"] {
padding-top: 2rem !important;
}
.wp-block-group[style*="padding-right:2rem"] {
padding-right: 1rem !important;
}
.wp-block-group[style*="padding-right:4rem"] {
padding-right: 2rem !important;
}
.wp-block-group[style*="padding-bottom:2rem"] {
padding-bottom: 1rem !important;
}
.wp-block-group[style*="padding-bottom:4rem"] {
padding-bottom: 2rem !important;
}
.wp-block-group[style*="padding-left:2rem"] {
padding-left: 1rem !important;
}
.wp-block-group[style*="padding-left:4rem"] {
padding-left: 2rem !important;
}
}
/**
* BASIC
**/
:root :where(.wp-element-button:focus, .wp-block-button__link:focus) {
outline-color: var(--wp--preset--color--accent-1);
}
/**
* TEMPLATE PART HEADER
**/
header.wp-block-template-part {
position: fixed;
width: 100%;
top: 0;
right: 0;
left: 0;
z-index: 10;
}
body header.wp-block-template-part:before {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-color: rgba(255,255,255,.85);
backdrop-filter: blur(40px);
content: '';
}
/*
@media (min-width: 600px) {
body:not(.home) header.wp-block-template-part:before {
display: none;
}
}
*/
header.wp-block-template-part .wp-block-site-logo .custom-logo-link {
position: absolute;
top: 1.25rem;
z-index: 100001;
}
@media (max-width: 599px) {
header.wp-block-template-part .wp-block-site-logo .custom-logo-link {
top: 1rem;
}
header.wp-block-template-part .wp-block-site-logo .custom-logo {
width: 6rem;
height: 6rem;
}
}
@media (max-width: 599px) {
header.wp-block-template-part .wp-block-site-logo + .wp-block-group {
padding-top: 0.75rem !important;
padding-bottom: 0.75rem !important;
}
}
header.wp-block-template-part button svg {
width: 2.5rem;
height: 2.5rem;
}
header.wp-block-template-part nav ul {
column-gap: 1.5rem;
}
header.wp-block-template-part nav ul:first-child > li:nth-child(2):after {
display: flex;
width: 1px;
height: 1.75rem;
margin-left: 1rem;
background-color: var(--wp--preset--color--contrast);
content: '';
}
@media (max-width: 599px) {
header.wp-block-template-part nav ul:first-child > li:nth-child(2):after {
width: 100%;
height: 1px;
margin-top: 1rem;
margin-left: 0;
}
}
header.wp-block-template-part nav ul li a {
display: flex;
position: relative;
color: var(--wp--preset--color--contrast);
font-style: italic;
text-decoration: none;
align-items: center;
justify-content: center;
}
header.wp-block-template-part nav ul:first-child > li:nth-child(1) a,
header.wp-block-template-part nav ul:first-child > li:nth-child(2) a {
padding-left: calc(10px + 1rem) !important;
}
header.wp-block-template-part nav ul:first-child > li:nth-child(1) a:before,
header.wp-block-template-part nav ul:first-child > li:nth-child(2) a:before {
display: flex;
position: absolute;
margin-top: 0.125rem;
left: 0px;
width: 1.125rem;
height: 1.125rem;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
content: '';
}
header.wp-block-template-part nav ul:first-child > li:nth-child(1) a:before {
background-image: url('data:image/svg+xml,');
}
header.wp-block-template-part nav ul:first-child > li:nth-child(2) a:before {
background-image: url('data:image/svg+xml,');
}
header.wp-block-template-part nav ul li a:after {
display: flex;
position: absolute;
width: 0%;
height: 2px;
bottom: 12.5%;
left: 50%;
background-color: var(--wp--preset--color--contrast);
content: '';
transition: all .75s cubic-bezier(.19,1,.22,1);
}
header.wp-block-template-part nav ul li a:hover:after,
header.wp-block-template-part nav ul li.current-menu-item > a:after {
width: 100%;
left: 0;
}
header.wp-block-template-part nav ul.wp-block-navigation-submenu li:after,
header.wp-block-template-part nav ul.wp-block-navigation-submenu li a:before {
display: none !important;
}
header.wp-block-template-part nav ul.wp-block-navigation-submenu li a,
header.wp-block-template-part nav ul.wp-block-navigation-submenu li:nth-child(1) a,
header.wp-block-template-part nav ul.wp-block-navigation-submenu li:nth-child(2) a,
header.wp-block-template-part nav ul.wp-block-navigation-submenu li:nth-child(3) a,
header.wp-block-template-part nav ul.wp-block-navigation-submenu li:nth-child(4) a,
header.wp-block-template-part nav ul.wp-block-navigation-submenu li:nth-child(5) a,
header.wp-block-template-part nav ul.wp-block-navigation-submenu li:nth-child(6) a {
padding-left: 0 !important;
}
header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open {
bottom: inherit !important;
background-color: var(--wp--preset--color--base) !important;
color: var(--wp--preset--color--contrast) !important;
overflow-x: hidden;
}
header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
position: absolute;
top: 0;
right: 0;
z-index: 100001;
}
header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
align-items: center;
}
header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
padding-top: 4rem;
}
header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
width: 100%;
gap: 1rem;
}
header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
width: 100%;
align-items: center;
}
header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
padding-top: var(--wp--preset--spacing--10);
padding-bottom: var(--wp--preset--spacing--10);
}
header.wp-block-template-part .wp-block-navigation .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container {
width: 100%;
}
header.wp-block-template-part .wp-block-navigation .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item {
width: 100%;
padding: 0 !important;
}
/*
header.wp-block-template-part .wp-block-navigation .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item:not(:last-child) {
border-bottom: 1px solid var(--wp--preset--color--contrast);
}
*/
header.wp-block-template-part .wp-block-navigation .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
padding: calc(var(--wp--preset--spacing--10) / 2) 0;
}
/**
* TEMPLATE PART FOOTER
**/
footer.wp-block-template-part .wp-block-group.alignwide {
position: relative;
}
@media (min-width: 600px) and (max-width: 1023px) {
footer.wp-block-template-part .wp-block-group.is-layout-grid {
gap: 4rem;
}
}
@media (max-width: 599px) {
footer.wp-block-template-part .wp-block-group.is-layout-grid {
display: flex;
flex-direction: column;
gap: 2rem;
}
}
/**
* BREADCRUMB
**/
.rank-math-breadcrumb * {
font-size: var(--wp--preset--font-size--medium);
font-style: italic;
}
.rank-math-breadcrumb a {
text-decoration: none;
}
.rank-math-breadcrumb a:focus,
.rank-math-breadcrumb a:hover {
text-decoration: underline;
}
.rank-math-breadcrumb span.last {
font-weight: 700;
}
/**
* WP BLOCK COVER
*/
.wp-block-cover .wp-block-cover__image-background {
filter: blur(16px);
}
/**
* WP BLOCK GALLERY
**/
.wp-block-gallery.has-nested-images figure.wp-block-image > a {
display: flex;
align-items: center;
justify-content: center;
}
/**
* WP BLOCK GROUP
*/
.wp-block-group {
overflow: visible !important;
}
/**
* LAYOUT GRID
**/
@media (min-width: 600px) and (max-width: 767px) {
.wp-block-group.is-layout-grid {
display: flex;
flex-direction: column;
gap: 4rem;
}
}
@media (max-width: 599px) {
.wp-block-group.is-layout-grid {
display: flex;
flex-direction: column;
gap: 2rem;
}
}
/**
* WP BLOCK POST
*/
.wp-block-post > .wp-block-group:first-child {
height: 100%;
overflow: hidden !important;
}
.wp-block-post > .wp-block-group:first-child > .wp-block-group {
position: relative;
width: 100%;
margin-bottom: 0.5rem;
}
.wp-block-post > .wp-block-group:first-child > .wp-block-group figure + .wp-block-post-terms {
position: absolute;
bottom: 0.25rem;
left: 0.75rem;
}
.wp-block-post .wp-block-post-terms .wp-block-post-terms__separator {
display: none;
}
.wp-block-post .wp-block-post-terms a {
position: relative;
background-color: var(--wp--preset--color--base);
border: none;
box-shadow: var(--wp--preset--shadow--natural);
font-size: 0.875rem;
font-style: italic;
font-weight: 800;
}
.wp-block-post .wp-block-post-terms .wp-block-post-terms__separator + a {
margin-left: 0.5rem;
}
.wp-block-post .wp-block-post-terms a[href*="fussball"],
.wp-block-post .wp-block-post-terms a[href*="tennis"] {
padding-left: calc(10px + 1rem);
}
.wp-block-post .wp-block-post-terms a:before {
display: flex;
position: absolute;
top: 5px;
left: 7.5px;
width: 1rem;
height: 1rem;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
content: '';
}
.wp-block-post .wp-block-post-terms a[href*="fussball"]:before {
background-image: url('data:image/svg+xml,');
}
.wp-block-post .wp-block-post-terms a[href*="tennis"]:before {
background-image: url('data:image/svg+xml,');
}
/**
* WP BLOCK POST TEMPLATE
**/
@media (max-width: 767px) {
.wp-block-post-template-is-layout-grid {
grid-template-columns: 1fr;
}
}
/**
* WP BLOCK SEPARATOR
**/
:root :where(.wp-block-separator:not(.alignfull)) {
max-width: 100% !important;
}
/**
* WP BLOCK TIMELINE
**/
.wp-block-cooltimeline-timeline-block .ctl-instant-timeline {
padding: 0 !important;
}
.wp-block-cooltimeline-timeline-block .ctl-instant-timeline:before {
width: 4px !important;
background: inherit !important;
background-color: var(--wp--preset--color--contrast) !important;
opacity: 1;
}
.ctl-instant-timeline .timeline-content:before {
display: flex;
width: 2rem !important;
height: 2rem !important;
top: 2rem !important;
background-color: var(--wp--preset--color--accent-3) !important;
content: '';
}
@media screen and (max-width: 991px) {
.ctl-instant-timeline .timeline-content:before {
margin: 0 !important;
top: 1.5rem !important;
left: 0 !important;
}
}
.wp-block-cooltimeline-timeline-block .story-time div {
font-family: var(--wp--preset--font-family--inter) !important;
font-size: var(--wp--preset--font-size--large) !important;
font-weight: 800 !important;
}
.wp-block-cooltimeline-timeline-block .story-details {
padding: 0 !important;
border: 0 !important;
border-radius: 0.5rem !important;
box-shadow: var(--wp--preset--shadow--natural) !important;
overflow: hidden !important;
}
.wp-block-cooltimeline-timeline-block .timeline-content:nth-child(even) .story-details {
text-align: left !important;
}
.wp-block-cooltimeline-timeline-block .story-details h3 {
display: flex !important;
width: 100% !important;
padding-top: 0.75em !important;
padding-right: 1rem !important;
padding-bottom: 0.375em !important;
padding-left: 1rem !important;
color: var(--wp--preset--color--contrast) !important;
font-family: var(--wp--preset--font-family--inter) !important;
font-size: var(--wp--preset--font-size--large) !important;
font-weight: 800 !important;
line-height: 1.15 !important;
}
.wp-block-cooltimeline-timeline-block .story-details p {
padding-top: 0.375em !important;
padding-right: 1rem !important;
padding-bottom: 1.75em !important;
padding-left: 1rem !important;
color: var(--wp--preset--color--contrast) !important;
font-family: var(--wp--preset--font-family--inter) !important;
font-size: var(--wp--preset--font-size--medium) !important;
font-style: normal !important;
font-weight: 400 !important;
letter-spacing: 0px !important;
line-height: 1.5 !important;
}
/**
* SLIDER
**/
*[class*="wp-block-"].js--selector-slider {
display: flex;
position: relative;
width: 100%;
}
*[class*="wp-block-"].js--selector-slider > .swiper-container {
width: 100%;
overflow: hidden !important;
}
.swiper-container {
max-width: 100%;
}
/*
@media (max-width: 575px) {
.swiper-slide {
padding-right: calc(var(--wp--style--root--padding-right) * 2);
padding-left: calc(var(--wp--style--root--padding-left) * 2);
}
}
*/
.swiper-button-next,
.swiper-button-prev {
display: block;
width: 2rem;
height: 2rem;
margin-top: -2.5rem !important;
outline-color: var(--wp--preset--color--contrast);
z-index: 9;
}
.swiper-button-next {
right: 0;
}
.swiper-button-prev {
left: 0;
}
.swiper-button-next:after,
.swiper-button-prev:after {
display: flex;
width: 2rem;
height: 2rem;
background-image: url('data:image/svg+xml,');
background-position: 55% 50%;
background-repeat: no-repeat;
background-size: contain;
content: '';
}
.swiper-button-prev:after {
background-position: 65% 45%;
transform: rotate(180deg);
}
.swiper-pagination {
position: relative;
}
.swiper-pagination .swiper-pagination-bullet {
width: 0.875rem;
height: 0.875rem;
background-color: #D9D9D9;
outline: 1px solid var(--wp--preset--color--accent-1);
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: var(--wp--preset--color--accent-1);
}
/**
* SLIDER PARTNERS
**/
*[class*="wp-block-"].js--selector-slider.js--selector-slider-partners {
padding-bottom: 2rem;
}
*[class*="wp-block-"].js--selector-slider.js--selector-slider-partners > .swiper-container {
padding-right: 4rem;
padding-left: 4rem;
}
*[class*="wp-block-"].js--selector-slider.js--selector-slider-partners .swiper-button-prev:before,
*[class*="wp-block-"].js--selector-slider.js--selector-slider-partners .swiper-button-next:before {
display: block;
position: absolute;
width: 200%;
height: 200%;
top: -50%;
left: -50%;
backdrop-filter: blur(4px);
border-radius: 9999em;
content: '';
z-index: -1;
}
*[class*="wp-block-"].js--selector-slider.js--selector-slider-partners > .swiper-container + .swiper-pagination {
display: block;
position: absolute;
bottom: -2rem;
}
/**
* COVER @ HEADER
**/
body main > header:first-child .wp-block-cover {
min-height: inherit;
padding-top: 9rem;
padding-bottom: 4.5rem;
}
@media (min-width: 600px) and (max-width: 767px) {
body main > header:first-child .wp-block-cover .wp-block-group.is-layout-grid {
display: flex;
flex-direction: column;
gap: 4rem;
}
}
@media (max-width: 599px) {
body main > header:first-child .wp-block-cover .wp-block-group.is-layout-grid {
display: flex;
flex-direction: column;
gap: 2rem;
}
}
/**
* COVER @ HOME
**/
body.home main section.wp-block-group:first-child > .wp-block-cover {
min-height: inherit;
padding-top: 9rem;
padding-bottom: 4.5rem;
}
@media (min-width: 600px) and (max-width: 767px) {
body.home main section.wp-block-group:first-child > .wp-block-cover .wp-block-group.is-layout-grid {
display: flex;
flex-direction: column;
gap: 4rem;
}
}
@media (max-width: 599px) {
body.home main section.wp-block-group:first-child > .wp-block-cover .wp-block-group.is-layout-grid {
display: flex;
flex-direction: column;
gap: 2rem;
}
}
body.home main section.wp-block-group:first-child > .wp-block-cover .wp-block-cover__image-background {
filter: inherit !important;
}