:root {
--wmc-v4-red: #e62435;
--wmc-v4-dark: #0d1820;
--wmc-v4-dark-2: #14232d;
--wmc-v4-cream: #f7f5f0;
--wmc-v4-cyan: #19afc3;
--wmc-v4-violet: #24485a;
--wmc-v4-orange: #19afc3;
--wmc-v4-gradient: linear-gradient(110deg, #123849 0%, #e62435 100%);
}
body:has(#wmc-home-v4) .tm-header,
body:has(#wmc-home-v4) .tm-header-mobile,
body.page-id-1173 .tm-header,
body.page-id-1173 .tm-header-mobile {
display: none !important;
}
body:has(#wmc-home-v4) #tm-main,
body.page-id-1173 #tm-main {
margin: 0 !important;
padding: 0 !important;
}
.wmc-nav-section {
position: relative;
z-index: 20;
background: var(--wmc-v4-dark) !important;
}
.wmc-nav-section .uk-section {
padding: 0 !important;
background: var(--wmc-v4-dark) !important;
}
.wmc-nav-section .uk-container {
max-width: 100% !important;
padding: 0 3.1vw !important;
}
.wmc-nav-section .uk-grid-margin { margin-top: 0 !important; }
.wmc-nav-element { margin: 0 !important; }
.wmc-custom-nav {
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
min-height: 60px;
gap: 30px;
color: #fff;
}
.wmc-custom-logo {
display: flex;
flex-direction: column;
flex: 0 0 145px;
color: #fff !important;
text-decoration: none !important;
line-height: 1;
}
.wmc-custom-logo strong {
font-family: Arial Black, Arial, sans-serif;
font-size: 28px;
font-style: italic;
letter-spacing: -.07em;
}
.wmc-custom-logo span {
margin-top: 3px;
font-size: 6px;
font-weight: 800;
letter-spacing: .16em;
}
.wmc-custom-links {
display: flex;
align-items: stretch;
justify-content: center;
gap: clamp(24px, 3.4vw, 54px);
height: 60px;
}
.wmc-custom-links a {
position: relative;
display: flex;
align-items: center;
color: rgba(255,255,255,.9) !important;
font-size: 10px;
font-weight: 800;
letter-spacing: .12em;
text-decoration: none !important;
white-space: nowrap;
}
.wmc-custom-links a::after {
content: "";
position: absolute;
right: 0;
bottom: 9px;
left: 0;
height: 2px;
background: transparent;
}
.wmc-custom-links a:hover::after,
.wmc-custom-links a.is-active::after { background: var(--wmc-v4-red); }
.wmc-custom-actions {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 18px;
flex: 0 0 190px;
}
.wmc-nav-icon {
color: #fff !important;
font-size: 24px;
text-decoration: none !important;
}
.wmc-nav-cta {
padding: 11px 25px;
border-radius: 5px;
background: var(--wmc-v4-red);
color: #fff !important;
font-size: 11px;
font-weight: 900;
letter-spacing: .12em;
text-decoration: none !important;
}
.wmc-mobile-menu { display: none; }
.wmc-hero-v4 {
position: relative;
overflow: hidden;
background: var(--wmc-v4-dark);
}
.wmc-hero-v4 > .uk-section,
.wmc-hero-v4.uk-section {
box-sizing: border-box;
min-height: 400px;
padding: 0 !important;
background-size: cover !important;
background-position: center 45% !important;
}
.wmc-hero-v4 > .uk-section::before,
.wmc-hero-v4.uk-section::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none;
background:
linear-gradient(90deg, rgba(9,16,22,.26), rgba(9,16,22,.03) 45%, rgba(9,16,22,.22)),
linear-gradient(0deg, rgba(9,16,22,.55), transparent 48%);
}
.wmc-hero-v4 .uk-container {
position: relative;
z-index: 1;
max-width: 100% !important;
padding: 0 3.1vw !important;
}
.wmc-hero-v4 .tm-grid-expand {
min-height: 400px;
align-items: center;
}
.wmc-hero-lockup-element,
.wmc-feature-element { margin: 0 !important; }
.wmc-hero-lockup {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 390px;
padding-left: 16%;
color: #fff;
text-align: center;
text-shadow: 0 4px 22px rgba(0,0,0,.35);
}
.wmc-hero-wmc {
font-family: Arial Black, Arial, sans-serif;
font-size: clamp(96px, 10vw, 164px);
font-weight: 900;
letter-spacing: -.055em;
line-height: .78;
}
.wmc-hero-name {
margin-top: 14px;
font-size: clamp(10px, 1vw, 15px);
font-weight: 900;
letter-spacing: .34em;
}
.wmc-hero-tagline {
margin-top: 48px;
font-size: clamp(11px, 1.2vw, 17px);
font-weight: 600;
letter-spacing: .36em;
}
.wmc-hero-controls {
display: flex;
align-items: center;
gap: 17px;
margin-top: 26px;
}
.wmc-play {
display: grid;
width: 52px;
height: 52px;
place-items: center;
border: 2px solid #fff;
border-radius: 50%;
color: #fff !important;
font-size: 18px;
text-decoration: none !important;
text-indent: 3px;
}
.wmc-hero-button {
min-width: 174px;
padding: 17px 24px;
border-radius: 5px;
background: var(--wmc-v4-gradient);
box-shadow: 0 8px 25px rgba(12,18,25,.28);
color: #fff !important;
font-size: 11px;
font-weight: 900;
letter-spacing: .15em;
text-decoration: none !important;
}
.wmc-feature-card {
display: flex;
flex-direction: column;
box-sizing: border-box;
width: 100%;
max-width: 300px;
margin-left: auto;
padding: 18px 24px 0;
overflow: hidden;
border: 1px solid var(--wmc-v4-red);
border-radius: 10px;
background: rgba(10,18,24,.86);
box-shadow: 0 12px 35px rgba(0,0,0,.28);
color: #fff !important;
text-decoration: none !important;
backdrop-filter: blur(9px);
}
.wmc-feature-label {
color: rgba(255,255,255,.72);
font-size: 8px;
font-weight: 800;
letter-spacing: .14em;
}
.wmc-feature-card strong {
margin-top: 8px;
font-size: 22px;
line-height: 1.1;
}
.wmc-feature-date { margin-top: 7px; font-size: 15px; }
.wmc-feature-meta,
.wmc-feature-places { margin-top: 7px; color: rgba(255,255,255,.8); font-size: 10px; }
.wmc-feature-link {
display: flex;
justify-content: space-between;
margin: 15px -24px 0;
padding: 12px 24px;
border-top: 1px solid rgba(255,255,255,.18);
font-size: 9px;
font-weight: 900;
letter-spacing: .12em;
}
.wmc-feature-link b { font-size: 20px; font-weight: 400; line-height: .6; }
.wmc-dashboard,
.wmc-dashboard .uk-section {
background: var(--wmc-v4-cream) !important;
}
.wmc-dashboard.uk-section,
.wmc-dashboard .uk-section {
padding-top: 16px !important;
padding-bottom: 14px !important;
}
.wmc-dashboard .uk-container {
max-width: 100% !important;
padding: 0 3.1vw !important;
}
.wmc-dashboard .uk-grid-margin { margin-top: 14px !important; }
.wmc-dashboard-first-row { align-items: flex-end; }
.wmc-agenda-html { margin: 0 !important; }
.wmc-panel-head {
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
gap: 20px;
min-height: 34px;
margin-bottom: 10px;
}
.wmc-panel-title {
font-size: 21px;
font-weight: 900;
letter-spacing: .08em;
}
.wmc-calendar-icon { margin-right: 8px; font-size: 21px; }
.wmc-filters {
display: flex;
align-items: center;
gap: 12px;
}
.wmc-filters span {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 29px;
padding: 0 18px;
border: 1px solid #8b8b8b;
border-radius: 999px;
font-size: 9px;
font-weight: 800;
white-space: nowrap;
}
.wmc-filters span.is-active {
border-color: var(--wmc-v4-red);
background: var(--wmc-v4-red);
color: #fff;
}
.wmc-panel-head > a,
.wmc-media-head > a {
color: #252525 !important;
font-size: 8px;
font-weight: 800;
letter-spacing: .05em;
text-decoration: none !important;
white-space: nowrap;
}
.wmc-agenda-cards {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 8px;
}
.wmc-date-card {
position: relative;
display: flex;
flex-direction: column;
box-sizing: border-box;
min-height: 181px;
padding: 10px 12px 8px;
border: 1px solid rgba(18,28,36,.13);
border-radius: 8px;
background: rgba(255,255,255,.48);
color: #172028;
text-align: center;
}
.wmc-date-day { font-size: 7px; font-weight: 800; }
.wmc-date-number { margin-top: 1px; font-size: 23px; line-height: 1; }
.wmc-date-title {
display: flex;
align-items: center;
justify-content: center;
min-height: 43px;
margin-top: 6px;
border-top: 1px solid rgba(18,28,36,.08);
font-size: 9px;
font-weight: 800;
line-height: 1.25;
}
.wmc-date-place { color: #555; font-size: 7px; }
.wmc-date-details {
display: flex;
align-items: center;
justify-content: space-between;
gap: 4px;
min-height: 35px;
margin-top: 5px;
font-size: 6px;
}
.wmc-date-details i {
width: 5px;
height: 5px;
border-radius: 50%;
background: var(--wmc-v4-cyan);
}
.wmc-date-capacity {
margin-top: auto;
padding-top: 7px;
border-top: 1px solid rgba(18,28,36,.08);
font-size: 7px;
}
.wmc-date-card.is-featured {
border-color: var(--wmc-v4-red);
background: linear-gradient(120deg, #1c2b40, #34203f 55%, var(--wmc-v4-red));
box-shadow: 0 8px 24px rgba(230,36,53,.16);
color: #fff;
}
.wmc-date-card.is-featured::after {
content: "★";
position: absolute;
top: 4px;
right: 6px;
color: #fff;
font-size: 12px;
}
.wmc-date-card.is-featured .wmc-date-title,
.wmc-date-card.is-featured .wmc-date-capacity { border-color: rgba(255,255,255,.2); }
.wmc-date-card.is-featured .wmc-date-place { color: rgba(255,255,255,.78); }
.wmc-date-card.is-featured .wmc-date-details i { background: #fff; }
.wmc-univers-gallery-v4 { margin: 0 !important; }
.wmc-univers-gallery-v4 .el-item {
overflow: hidden;
border-radius: 9px;
background: var(--wmc-v4-dark);
}
.wmc-univers-gallery-v4 img {
width: 100%;
aspect-ratio: .93 / 1;
object-fit: cover;
}
.wmc-univers-gallery-v4 .uk-overlay {
padding: 13px 16px !important;
background: linear-gradient(0deg, rgba(8,14,19,.88), transparent) !important;
}
.wmc-univers-gallery-v4 h3 {
margin: 0 !important;
color: #fff !important;
font-size: clamp(13px, 1.2vw, 20px) !important;
letter-spacing: .08em;
white-space: nowrap;
}
.wmc-map-element,
.wmc-media-head-element { margin: 0 !important; }
.wmc-map-card {
position: relative;
display: block;
min-height: 178px;
overflow: hidden;
border-radius: 8px;
background: url(//wmc.paris/wp-content/themes/yootheme-wmc/assets/images/wmc-map-placeholder.webp) center / cover no-repeat;
box-shadow: inset 0 0 0 1px rgba(18,28,36,.1);
}
.wmc-map-card span {
position: absolute;
right: 18px;
bottom: 13px;
padding: 11px 20px;
border-radius: 4px;
background: rgba(255,255,255,.93);
box-shadow: 0 6px 18px rgba(0,0,0,.12);
color: #1b252d;
font-size: 9px;
font-weight: 900;
letter-spacing: .06em;
}
.wmc-media-head {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 28px;
}
.wmc-media-head strong {
color: #182028;
font-size: 20px;
letter-spacing: .06em;
}
.wmc-media-gallery-v4 { margin-top: 0 !important; }
.wmc-media-gallery-v4 .el-item {
position: relative;
overflow: hidden;
border-radius: 6px;
background: var(--wmc-v4-dark);
}
.wmc-media-gallery-v4 img {
width: 100%;
aspect-ratio: 16 / 10.4;
object-fit: cover;
}
.wmc-media-gallery-v4 .el-item::after {
content: "▶";
position: absolute;
bottom: 8px;
left: 10px;
color: #fff;
font-size: 14px;
text-shadow: 0 2px 8px rgba(0,0,0,.8);
}
.wmc-cta-v4 {
position: relative;
background: var(--wmc-v4-dark) !important;
}
.wmc-cta-v4::before {
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
height: 5px;
background: var(--wmc-v4-gradient);
}
.wmc-cta-v4 .uk-section {
padding: 0 !important;
background: transparent !important;
}
.wmc-cta-v4 .uk-container {
max-width: 1180px !important;
padding: 0 30px !important;
}
.wmc-cta-v4 .uk-grid-margin { margin-top: 0 !important; }
.wmc-cta-element { margin: 0 !important; }
.wmc-cta-inner {
display: grid;
grid-template-columns: 82px 1fr 1.2fr 300px;
align-items: center;
min-height: 108px;
gap: 28px;
}
.wmc-cta-icon {
display: grid;
width: 60px;
height: 60px;
place-items: center;
border: 1px solid rgba(255,255,255,.36);
border-radius: 50%;
color: var(--wmc-v4-cyan);
font-size: 32px;
}
.wmc-cta-inner strong {
color: #fff;
font-size: clamp(23px, 2.2vw, 35px);
letter-spacing: .07em;
white-space: nowrap;
}
.wmc-cta-inner > span {
padding-left: 28px;
border-left: 1px solid rgba(255,255,255,.34);
color: rgba(255,255,255,.84);
font-size: 12px;
line-height: 1.5;
}
.wmc-cta-inner > a {
display: flex;
align-items: center;
justify-content: center;
min-height: 58px;
border: 1px solid rgba(255,255,255,.45);
border-radius: 6px;
background: var(--wmc-v4-red);
color: #fff !important;
font-size: 17px;
font-weight: 900;
letter-spacing: .08em;
text-decoration: none !important;
}
@media (max-width: 1199px) {
.wmc-custom-links { gap: 22px; }
.wmc-custom-actions { flex-basis: 150px; }
.wmc-filters span { padding: 0 11px; }
.wmc-panel-head { gap: 10px; }
.wmc-panel-head > a { display: none; }
.wmc-date-card { padding-inline: 7px; }
}
@media (max-width: 959px) {
.wmc-custom-links,
.wmc-custom-actions { display: none; }
.wmc-mobile-menu { display: block; margin-left: auto; }
.wmc-mobile-menu summary {
cursor: pointer;
color: #fff;
font-size: 11px;
font-weight: 900;
letter-spacing: .12em;
}
.wmc-mobile-menu > div {
position: absolute;
top: 60px;
right: 0;
left: 0;
z-index: 30;
display: grid;
gap: 0;
padding: 12px 5vw 20px;
background: var(--wmc-v4-dark);
}
.wmc-mobile-menu a { padding: 10px 0; color: #fff !important; text-decoration: none !important; }
.wmc-hero-v4 > .uk-section,
.wmc-hero-v4.uk-section,
.wmc-hero-v4 .tm-grid-expand { min-height: auto; }
.wmc-hero-v4 > .uk-section,
.wmc-hero-v4.uk-section { padding: 38px 0 32px !important; }
.wmc-hero-lockup { min-height: 310px; padding-left: 0; }
.wmc-feature-card { max-width: none; margin-top: 12px; }
.wmc-panel-head { grid-template-columns: 1fr; }
.wmc-filters { overflow-x: auto; padding-bottom: 4px; }
.wmc-agenda-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.wmc-date-card { min-height: 175px; }
.wmc-univers-column { margin-top: 14px; }
.wmc-map-card { min-height: 200px; }
.wmc-media-column { margin-top: 14px; }
.wmc-cta-inner {
grid-template-columns: 70px 1fr;
padding: 22px 0;
}
.wmc-cta-inner > span,
.wmc-cta-inner > a { grid-column: 1 / -1; }
.wmc-cta-inner > span { padding: 0; border: 0; }
}
@media (max-width: 639px) {
.wmc-nav-section .uk-container,
.wmc-hero-v4 .uk-container,
.wmc-dashboard .uk-container { padding-inline: 16px !important; }
.wmc-hero-wmc { font-size: 82px; }
.wmc-hero-name { letter-spacing: .2em; }
.wmc-hero-tagline { margin-top: 32px; letter-spacing: .2em; }
.wmc-agenda-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wmc-filters span { padding-inline: 14px; }
.wmc-cta-inner { grid-template-columns: 1fr; text-align: center; }
.wmc-cta-icon { margin: auto; }
.wmc-cta-inner > span,
.wmc-cta-inner > a { grid-column: auto; }
.wmc-cta-inner strong { white-space: normal; }
}  body:has(#wmc-home-v4) .gt_switcher_wrapper,
body.page-id-1173 .gt_switcher_wrapper {
display: none !important;
} .wmc-nav-icon {
position: relative;
display: block;
box-sizing: border-box;
width: 20px;
height: 20px;
flex: 0 0 20px;
font-size: 0;
opacity: .95;
}
.wmc-icon-search::before {
content: "";
position: absolute;
top: 2px;
left: 2px;
box-sizing: border-box;
width: 12px;
height: 12px;
border: 1.7px solid #fff;
border-radius: 50%;
}
.wmc-icon-search::after {
content: "";
position: absolute;
right: 2px;
bottom: 3px;
width: 7px;
height: 1.7px;
border-radius: 2px;
background: #fff;
transform: rotate(45deg);
transform-origin: right center;
}
.wmc-icon-user::before {
content: "";
position: absolute;
top: 1px;
left: 7px;
box-sizing: border-box;
width: 7px;
height: 7px;
border: 1.5px solid #fff;
border-radius: 50%;
}
.wmc-icon-user::after {
content: "";
position: absolute;
right: 3px;
bottom: 1px;
left: 3px;
box-sizing: border-box;
height: 9px;
border: 1.5px solid #fff;
border-bottom: 0;
border-radius: 9px 9px 0 0;
}
.wmc-custom-actions {
gap: 15px;
flex-basis: 220px;
} .wmc-calendar-icon {
position: relative;
display: inline-block;
box-sizing: border-box;
width: 20px;
height: 18px;
margin-right: 9px;
border: 1.5px solid #16242d;
border-radius: 3px;
vertical-align: -3px;
}
.wmc-calendar-icon::before {
content: "";
position: absolute;
top: 4px;
right: 0;
left: 0;
border-top: 1px solid #16242d;
}
.wmc-calendar-icon::after {
content: "";
position: absolute;
top: -3px;
left: 4px;
width: 2px;
height: 5px;
border-right: 1.5px solid #16242d;
border-left: 1.5px solid #16242d;
box-shadow: 8px 0 0 -1px var(--wmc-v4-cream);
}
.wmc-inline-pin {
position: relative;
display: inline-block;
box-sizing: border-box;
width: 9px;
height: 11px;
margin-right: 4px;
border: 1px solid currentColor;
border-radius: 50% 50% 50% 0;
vertical-align: -1px;
transform: rotate(-45deg);
}
.wmc-inline-pin::after {
content: "";
position: absolute;
top: 3px;
left: 3px;
width: 2px;
height: 2px;
border-radius: 50%;
background: currentColor;
}
.wmc-inline-people {
position: relative;
display: inline-block;
width: 12px;
height: 10px;
margin-right: 4px;
vertical-align: -1px;
}
.wmc-inline-people::before {
content: "";
position: absolute;
top: 0;
left: 4px;
box-sizing: border-box;
width: 5px;
height: 5px;
border: 1px solid currentColor;
border-radius: 50%;
}
.wmc-inline-people::after {
content: "";
position: absolute;
right: 1px;
bottom: 0;
left: 1px;
box-sizing: border-box;
height: 5px;
border: 1px solid currentColor;
border-radius: 6px 6px 2px 2px;
} .wmc-univers-gallery-v4 .uk-overlay-primary.uk-position-cover {
display: block !important;
background: linear-gradient(
0deg,
rgba(7, 14, 20, .82) 0%,
rgba(7, 14, 20, .28) 35%,
rgba(7, 14, 20, 0) 72%
) !important;
}
.wmc-univers-gallery-v4 .uk-overlay {
background: transparent !important;
}
.wmc-univers-gallery-v4 img {
filter: brightness(1.09) saturate(1.06);
}
.wmc-univers-gallery-v4 h3 {
max-width: 100%;
font-size: clamp(13px, 1.12vw, 18px) !important;
line-height: 1.08 !important;
white-space: normal !important;
overflow-wrap: normal;
}
.wmc-media-gallery-v4 .uk-overlay-primary.uk-position-cover,
.wmc-media-gallery-v4 .uk-overlay {
display: none !important;
}
.wmc-media-gallery-v4 img {
aspect-ratio: 1 / 1;
filter: brightness(1.08) saturate(1.04);
} .wmc-dashboard-second-row {
align-items: stretch;
}
.wmc-dashboard-second-row > .uk-grid-item-match > div {
height: 100%;
}
.wmc-map-card {
min-height: 178px;
}
.wmc-media-column {
min-width: 0;
} .wmc-cta-icon {
position: relative;
color: var(--wmc-v4-cyan);
font-size: 0;
}
.wmc-cta-icon i,
.wmc-cta-icon b,
.wmc-cta-icon span {
position: absolute;
display: block;
box-sizing: border-box;
}
.wmc-cta-icon i {
top: 14px;
left: 23px;
width: 14px;
height: 14px;
border: 2px solid currentColor;
border-radius: 50%;
}
.wmc-cta-icon i::after {
content: "";
position: absolute;
top: 14px;
left: -8px;
width: 26px;
height: 14px;
border: 2px solid currentColor;
border-radius: 14px 14px 5px 5px;
}
.wmc-cta-icon b,
.wmc-cta-icon span {
top: 19px;
width: 10px;
height: 10px;
border: 1.5px solid currentColor;
border-radius: 50%;
}
.wmc-cta-icon b { left: 10px; }
.wmc-cta-icon span { right: 10px; }
.wmc-cta-icon b::after,
.wmc-cta-icon span::after {
content: "";
position: absolute;
top: 10px;
width: 14px;
height: 11px;
border: 1.5px solid currentColor;
border-radius: 10px 10px 4px 4px;
}
.wmc-cta-icon b::after { left: -4px; }
.wmc-cta-icon span::after { right: -4px; }
@media (max-width: 1199px) {
.wmc-custom-actions { flex-basis: 185px; }
.wmc-media-gallery-v4 img { aspect-ratio: 1 / 1.08; }
}
@media (max-width: 959px) {
body:has(#wmc-home-v4) .gt_switcher_wrapper,
body.page-id-1173 .gt_switcher_wrapper {
display: none !important;
}
.wmc-media-gallery-v4 img {
aspect-ratio: 16 / 10;
}
}
@media (max-width: 639px) {
.wmc-univers-gallery-v4 h3 {
font-size: 17px !important;
}
.wmc-media-gallery-v4 img {
aspect-ratio: 16 / 10;
}
} body:has(#wmc-events-v1) .tm-header,
body:has(#wmc-events-v1) .tm-header-mobile,
body:has(#wmc-events-v1) .gt_switcher_wrapper {
display: none !important;
}
body:has(#wmc-events-v1) #tm-main {
margin: 0 !important;
padding: 0 !important;
}
.wmc-date-card {
text-decoration: none !important;
}
.wmc-date-card.is-past {
background: rgba(255,255,255,.62);
}
.wmc-date-card.is-past:hover,
.wmc-date-card.is-featured:hover {
transform: translateY(-3px);
box-shadow: 0 10px 24px rgba(12,22,29,.13);
}
.wmc-date-card,
.wmc-archive-card,
.wmc-timeline-card,
.wmc-event-types a {
transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.wmc-filters a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 29px;
padding: 0 18px;
border: 1px solid #8b8b8b;
border-radius: 999px;
color: #172028 !important;
font-size: 9px;
font-weight: 800;
text-decoration: none !important;
white-space: nowrap;
}
.wmc-filters a.is-active,
.wmc-filters a:hover {
border-color: var(--wmc-v4-red);
background: var(--wmc-v4-red);
color: #fff !important;
}
.wmc-univers-gallery-v4 .el-item,
.wmc-media-gallery-v4 .el-item {
position: relative;
}
.wmc-univers-gallery-v4 .el-link,
.wmc-media-gallery-v4 .el-link {
position: absolute;
inset: 0;
z-index: 4;
display: block;
margin: 0 !important;
padding: 0 !important;
overflow: hidden;
color: transparent !important;
font-size: 0 !important;
}
.wmc-univers-gallery-v4 .el-item:hover img,
.wmc-media-gallery-v4 .el-item:hover img {
transform: scale(1.035);
}
.wmc-univers-gallery-v4 img,
.wmc-media-gallery-v4 img {
transition: transform .35s ease, filter .25s ease;
}
.wmc-events-hero {
position: relative;
overflow: hidden;
background: var(--wmc-v4-dark);
}
.wmc-events-hero > .uk-section,
.wmc-events-hero.uk-section {
position: relative;
min-height: 390px;
padding: 0 !important;
background-position: center 44% !important;
background-size: cover !important;
}
.wmc-events-hero > .uk-section::before,
.wmc-events-hero.uk-section::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
background:
linear-gradient(90deg, rgba(7,15,21,.84) 0%, rgba(7,15,21,.48) 53%, rgba(7,15,21,.7) 100%),
linear-gradient(0deg, rgba(7,15,21,.68), transparent 60%);
}
.wmc-events-hero .uk-container {
position: relative;
z-index: 1;
max-width: 100% !important;
padding: 0 3.1vw !important;
}
.wmc-events-hero-row {
min-height: 390px;
align-items: center;
}
.wmc-events-hero-element,
.wmc-events-upcoming-element,
.wmc-events-timeline-element,
.wmc-events-archives-element {
margin: 0 !important;
}
.wmc-events-hero-copy {
max-width: 750px;
color: #fff;
}
.wmc-events-kicker {
color: #fff;
font-size: 10px;
font-weight: 900;
letter-spacing: .24em;
}
.wmc-events-hero-copy h1 {
margin: 10px 0 12px !important;
color: #fff !important;
font-family: Arial Black, Arial, sans-serif;
font-size: clamp(52px, 6vw, 88px);
letter-spacing: -.045em;
line-height: .92;
}
.wmc-events-hero-copy p {
max-width: 640px;
margin: 0;
color: rgba(255,255,255,.88);
font-size: 16px;
line-height: 1.55;
}
.wmc-events-hero-buttons {
display: flex;
gap: 12px;
margin-top: 25px;
}
.wmc-events-hero-buttons a {
padding: 14px 22px;
border: 1px solid rgba(255,255,255,.55);
border-radius: 5px;
color: #fff !important;
font-size: 10px;
font-weight: 900;
letter-spacing: .1em;
text-decoration: none !important;
}
.wmc-events-hero-buttons a.is-primary {
border-color: transparent;
background: var(--wmc-v4-gradient);
}
.wmc-upcoming-card {
box-sizing: border-box;
max-width: 390px;
margin-left: auto;
padding: 25px;
border: 1px solid var(--wmc-v4-red);
border-radius: 11px;
background: rgba(9,17,23,.9);
box-shadow: 0 18px 45px rgba(0,0,0,.28);
color: #fff;
backdrop-filter: blur(10px);
}
.wmc-upcoming-card > span {
color: var(--wmc-v4-orange);
font-size: 9px;
font-weight: 900;
letter-spacing: .14em;
}
.wmc-upcoming-card > strong {
display: block;
margin-top: 9px;
color: #fff;
font-size: 27px;
line-height: 1.08;
}
.wmc-upcoming-card time {
display: block;
margin-top: 8px;
color: rgba(255,255,255,.84);
font-size: 13px;
}
.wmc-upcoming-card ul {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px 16px;
margin: 18px 0 0;
padding: 15px 0;
border-top: 1px solid rgba(255,255,255,.15);
border-bottom: 1px solid rgba(255,255,255,.15);
list-style: none;
}
.wmc-upcoming-card li {
color: rgba(255,255,255,.8);
font-size: 10px;
}
.wmc-upcoming-card li::before {
content: "•";
margin-right: 6px;
color: var(--wmc-v4-cyan);
}
.wmc-upcoming-card > div {
display: grid;
grid-template-columns: 1.4fr 1fr;
gap: 8px;
margin-top: 15px;
}
.wmc-upcoming-card a {
display: grid;
min-height: 42px;
place-items: center;
border: 1px solid rgba(255,255,255,.35);
border-radius: 4px;
color: #fff !important;
font-size: 8px;
font-weight: 900;
letter-spacing: .07em;
text-align: center;
text-decoration: none !important;
}
.wmc-upcoming-card a:first-child {
border-color: var(--wmc-v4-red);
background: var(--wmc-v4-red);
}
.wmc-events-agenda,
.wmc-events-agenda .uk-section {
background: var(--wmc-v4-cream) !important;
}
.wmc-events-agenda .uk-container,
.wmc-events-archives .uk-container {
max-width: 1320px !important;
}
.wmc-events-section-head {
display: grid;
grid-template-columns: 1fr minmax(320px, 520px);
align-items: end;
gap: 40px;
margin-bottom: 24px;
}
.wmc-events-section-head span {
color: var(--wmc-v4-red);
font-size: 9px;
font-weight: 900;
letter-spacing: .16em;
}
.wmc-events-section-head h2 {
margin: 4px 0 0 !important;
color: #15212a !important;
font-family: Arial Black, Arial, sans-serif;
font-size: clamp(34px, 4vw, 54px);
letter-spacing: -.035em;
}
.wmc-events-section-head p {
margin: 0;
color: #53616a;
font-size: 13px;
line-height: 1.55;
}
.wmc-events-timeline {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 10px;
}
.wmc-timeline-card {
position: relative;
display: flex;
flex-direction: column;
box-sizing: border-box;
min-height: 190px;
padding: 16px;
border: 1px solid rgba(17,30,39,.12);
border-radius: 8px;
background: rgba(255,255,255,.72);
color: #17242d !important;
text-decoration: none !important;
}
.wmc-timeline-card:hover {
transform: translateY(-4px);
box-shadow: 0 12px 25px rgba(13,25,33,.12);
}
.wmc-timeline-card > span {
color: #65717a;
font-size: 8px;
font-weight: 900;
letter-spacing: .08em;
}
.wmc-timeline-card > strong {
margin-top: 10px;
color: #17242d;
font-size: 14px;
line-height: 1.15;
}
.wmc-timeline-card small {
margin-top: 7px;
color: #68747c;
font-size: 9px;
}
.wmc-timeline-card p {
margin: auto 0 0;
padding-top: 13px;
border-top: 1px solid rgba(17,30,39,.1);
color: #3f4b53;
font-size: 9px;
}
.wmc-timeline-card b {
margin-top: 8px;
color: #8a949a;
font-size: 7px;
letter-spacing: .1em;
}
.wmc-timeline-card.is-next {
border-color: var(--wmc-v4-red);
background: linear-gradient(145deg, #15283a, #311f3b 56%, #df2435);
box-shadow: 0 12px 30px rgba(224,36,53,.17);
color: #fff !important;
}
.wmc-timeline-card.is-next > span,
.wmc-timeline-card.is-next > strong,
.wmc-timeline-card.is-next small,
.wmc-timeline-card.is-next p,
.wmc-timeline-card.is-next b {
color: #fff;
border-color: rgba(255,255,255,.2);
}
.wmc-event-stories {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
margin-top: 22px;
}
.wmc-event-story {
display: flex;
flex-direction: column;
box-sizing: border-box;
min-height: 300px;
padding: 25px;
border: 1px solid rgba(17,30,39,.12);
border-radius: 9px;
background: #fff;
box-shadow: 0 8px 24px rgba(13,25,33,.045);
}
.wmc-event-story.is-wide {
grid-column: 1 / -1;
min-height: 265px;
background:
linear-gradient(100deg, rgba(25,175,195,.08), rgba(101,89,191,.06) 48%, rgba(230,36,53,.07)),
#fff;
}
.wmc-event-story > span {
color: var(--wmc-v4-red);
font-size: 8px;
font-weight: 900;
letter-spacing: .11em;
}
.wmc-event-story h3 {
margin: 8px 0 10px !important;
color: #17242d !important;
font-family: Arial Black, Arial, sans-serif;
font-size: clamp(20px, 2vw, 28px);
letter-spacing: -.025em;
line-height: 1.05;
}
.wmc-event-story p {
margin: 0;
color: #58656d;
font-size: 12px;
line-height: 1.58;
}
.wmc-event-story > div {
display: flex;
flex-wrap: wrap;
gap: 7px;
margin-top: 17px;
}
.wmc-event-story b {
padding: 6px 9px;
border-radius: 999px;
background: #edf1f2;
color: #46535b;
font-size: 7px;
letter-spacing: .07em;
}
.wmc-event-story > a {
align-self: flex-start;
margin-top: auto;
padding-top: 18px;
color: var(--wmc-v4-red) !important;
font-size: 8px;
font-weight: 900;
letter-spacing: .08em;
text-decoration: none !important;
}
.wmc-event-types {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
margin-top: 18px;
}
.wmc-event-types a {
display: grid;
grid-template-columns: 160px 1fr;
align-items: center;
gap: 20px;
min-height: 74px;
padding: 0 22px;
border: 1px solid rgba(17,30,39,.11);
border-radius: 8px;
background: #fff;
color: #17242d !important;
text-decoration: none !important;
}
.wmc-event-types a:hover {
border-color: var(--wmc-v4-red);
transform: translateY(-2px);
}
.wmc-event-types strong {
font-size: 16px;
letter-spacing: .04em;
}
.wmc-event-types span {
color: #68737a;
font-size: 10px;
line-height: 1.4;
}
.wmc-annex-event {
position: relative;
display: grid;
grid-template-columns: 95px minmax(320px, 1fr) 250px;
align-items: center;
gap: 25px;
margin-top: 18px;
padding: 30px 28px 24px;
overflow: hidden;
border: 1px solid rgba(25,175,195,.45);
border-radius: 9px;
background:
linear-gradient(105deg, rgba(25,175,195,.13), rgba(101,89,191,.08) 48%, rgba(230,36,53,.08)),
#fff;
}
.wmc-annex-label {
position: absolute;
top: 0;
right: 0;
left: 0;
padding: 6px 28px;
background: var(--wmc-v4-dark);
color: var(--wmc-v4-cyan);
font-size: 7px;
font-weight: 900;
letter-spacing: .13em;
}
.wmc-annex-date {
display: flex;
align-items: center;
gap: 9px;
}
.wmc-annex-date strong {
color: #17242d;
font-size: 45px;
line-height: .85;
}
.wmc-annex-date span {
color: #66737b;
font-size: 8px;
font-weight: 900;
line-height: 1.2;
}
.wmc-annex-copy > span {
color: var(--wmc-v4-violet);
font-size: 8px;
font-weight: 900;
letter-spacing: .1em;
}
.wmc-annex-copy h3 {
margin: 3px 0 4px !important;
color: #17242d !important;
font-size: 20px;
}
.wmc-annex-copy p {
margin: 0;
color: #5e6b73;
font-size: 10px;
line-height: 1.45;
}
.wmc-annex-actions {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 10px;
text-align: right;
}
.wmc-annex-actions span {
color: #6b767d;
font-size: 7px;
font-weight: 900;
letter-spacing: .09em;
}
.wmc-annex-actions a {
padding: 12px 15px;
border-radius: 4px;
background: var(--wmc-v4-dark);
color: #fff !important;
font-size: 8px;
font-weight: 900;
letter-spacing: .06em;
text-decoration: none !important;
}
.wmc-events-archives,
.wmc-events-archives .uk-section {
background: #fff !important;
}
.wmc-archive-season + .wmc-archive-season {
margin-top: 42px;
}
.wmc-archive-title {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 12px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(17,30,39,.12);
}
.wmc-archive-title h3 {
margin: 0 !important;
color: #17242d !important;
font-size: 22px;
letter-spacing: .05em;
}
.wmc-archive-title span {
color: #7d878e;
font-size: 10px;
}
.wmc-archive-grid {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 10px;
}
.wmc-archive-grid.is-five {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.wmc-archive-card {
position: relative;
display: block;
min-height: 225px;
overflow: hidden;
border-radius: 8px;
background: var(--wmc-v4-dark);
color: #fff !important;
text-decoration: none !important;
}
.wmc-archive-card::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(0deg, rgba(7,14,19,.92), rgba(7,14,19,.05) 72%);
}
.wmc-archive-card:hover {
transform: translateY(-4px);
box-shadow: 0 14px 28px rgba(9,20,27,.18);
}
.wmc-archive-card img {
width: 100%;
height: 225px;
object-fit: cover;
transition: transform .35s ease;
}
.wmc-archive-card:hover img {
transform: scale(1.045);
}
.wmc-archive-card > span {
position: absolute;
right: 14px;
bottom: 13px;
left: 14px;
z-index: 1;
display: flex;
flex-direction: column;
}
.wmc-archive-card small {
color: rgba(255,255,255,.7);
font-size: 8px;
letter-spacing: .08em;
}
.wmc-archive-card strong {
margin-top: 3px;
color: #fff;
font-size: 16px;
line-height: 1.1;
}
.wmc-archive-card b {
margin-top: 9px;
color: var(--wmc-v4-orange);
font-size: 7px;
letter-spacing: .08em;
}
.wmc-official-socials {
display: grid;
grid-template-columns: 1fr 1.4fr auto;
align-items: center;
gap: 30px;
margin-top: 42px;
padding: 24px 28px;
border-radius: 9px;
background: var(--wmc-v4-dark);
color: #fff;
}
.wmc-official-socials > div:first-child {
display: flex;
flex-direction: column;
}
.wmc-official-socials span {
color: var(--wmc-v4-orange);
font-size: 8px;
font-weight: 900;
letter-spacing: .13em;
}
.wmc-official-socials strong {
margin-top: 3px;
color: #fff;
font-size: 20px;
}
.wmc-official-socials p {
margin: 0;
color: rgba(255,255,255,.72);
font-size: 11px;
line-height: 1.45;
}
.wmc-official-social-links {
display: flex;
gap: 8px;
}
.wmc-official-social-links a {
padding: 11px 13px;
border: 1px solid rgba(255,255,255,.34);
border-radius: 4px;
color: #fff !important;
font-size: 8px;
font-weight: 900;
letter-spacing: .06em;
text-decoration: none !important;
white-space: nowrap;
}
.wmc-official-social-links a:first-child {
border-color: transparent;
background: var(--wmc-v4-gradient);
}
@media (max-width: 1199px) {
.wmc-events-timeline {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.wmc-event-types a {
grid-template-columns: 1fr;
gap: 4px;
padding-block: 15px;
}
.wmc-archive-grid,
.wmc-archive-grid.is-five {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.wmc-official-socials {
grid-template-columns: 1fr;
}
.wmc-annex-event {
grid-template-columns: 95px 1fr;
}
.wmc-annex-actions {
grid-column: 1 / -1;
align-items: flex-start;
text-align: left;
}
}
@media (max-width: 959px) {
.wmc-events-hero > .uk-section,
.wmc-events-hero.uk-section {
padding: 48px 0 36px !important;
}
.wmc-events-hero-row {
min-height: auto;
}
.wmc-upcoming-card {
max-width: none;
margin-top: 25px;
}
.wmc-events-section-head {
grid-template-columns: 1fr;
gap: 10px;
}
.wmc-events-timeline {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.wmc-event-stories {
grid-template-columns: 1fr;
}
.wmc-event-story.is-wide {
grid-column: auto;
}
.wmc-event-types {
grid-template-columns: 1fr;
}
}
@media (max-width: 639px) {
.wmc-events-hero .uk-container {
padding-inline: 16px !important;
}
.wmc-events-hero-copy h1 {
font-size: 45px;
}
.wmc-events-hero-buttons {
display: grid;
}
.wmc-upcoming-card ul,
.wmc-upcoming-card > div {
grid-template-columns: 1fr;
}
.wmc-events-timeline,
.wmc-archive-grid,
.wmc-archive-grid.is-five {
grid-template-columns: 1fr;
}
.wmc-archive-card,
.wmc-archive-card img {
min-height: 260px;
height: 260px;
}
.wmc-official-social-links {
display: grid;
}
.wmc-annex-event {
grid-template-columns: 1fr;
padding-top: 42px;
}
.wmc-annex-actions {
grid-column: auto;
}
} body:has(#wmc-home-v4),
body.page-id-1173,
body:has(#wmc-events-v1) {
font-family: Barlow, Arial, sans-serif;
font-size: 16px;
line-height: 1.55;
}
body:has(#wmc-home-v4) h1,
body:has(#wmc-home-v4) h2,
body:has(#wmc-home-v4) h3,
body.page-id-1173 h1,
body.page-id-1173 h2,
body.page-id-1173 h3,
body:has(#wmc-events-v1) h1,
body:has(#wmc-events-v1) h2,
body:has(#wmc-events-v1) h3 {
font-family: Barlow, Arial, sans-serif !important;
}
.wmc-custom-logo strong,
.wmc-hero-wmc,
.wmc-events-hero-copy h1,
.wmc-events-section-head h2,
.wmc-event-story h3 {
font-family: Barlow, Arial, sans-serif !important;
font-weight: 900;
}
.wmc-custom-links a {
font-size: 13px;
letter-spacing: .075em;
}
.wmc-nav-cta {
padding: 12px 25px;
font-size: 13px;
letter-spacing: .08em;
transition: transform .28s ease, background-color .28s ease, box-shadow .28s ease;
}
.wmc-nav-cta:hover {
background: #f02a3d;
box-shadow: 0 8px 24px rgba(230,36,53,.28);
transform: translateY(-2px);
}
.wmc-hero-wmc {
letter-spacing: -.04em;
line-height: .84;
}
.wmc-hero-name {
font-size: clamp(12px, 1.05vw, 16px);
letter-spacing: .25em;
}
.wmc-hero-tagline {
font-size: clamp(13px, 1.2vw, 18px);
letter-spacing: .25em;
}
.wmc-hero-button,
.wmc-events-hero-buttons a {
font-size: 13px;
letter-spacing: .09em;
transition: transform .3s ease, box-shadow .3s ease, filter .3s ease;
}
.wmc-hero-button:hover,
.wmc-events-hero-buttons a:hover {
box-shadow: 0 12px 30px rgba(11,28,39,.3);
filter: saturate(1.08) brightness(1.04);
transform: translateY(-3px);
}
.wmc-play {
transition: transform .3s ease, background-color .3s ease, border-color .3s ease;
}
.wmc-play:hover {
border-color: var(--wmc-v4-cyan);
background: rgba(25,175,195,.2);
transform: scale(1.06);
}
.wmc-feature-card {
padding: 22px 25px 0;
transition: transform .32s ease, box-shadow .32s ease, border-color .32s ease;
}
.wmc-feature-card:hover {
border-color: #f13a4b;
box-shadow: 0 18px 45px rgba(0,0,0,.34);
transform: translateY(-5px);
}
.wmc-feature-label {
font-size: 10px;
}
.wmc-feature-card > strong {
font-size: 27px;
}
.wmc-feature-date {
font-size: 15px;
}
.wmc-feature-meta,
.wmc-feature-places {
font-size: 12px;
}
.wmc-feature-link {
font-size: 11px;
}
.wmc-panel-title {
margin: 0;
font-size: 25px;
line-height: 1.15;
}
.wmc-filters a,
.wmc-filters span {
min-height: 34px;
padding-inline: 18px;
font-size: 11px;
letter-spacing: .025em;
transition: color .24s ease, border-color .24s ease, background-color .24s ease, transform .24s ease;
}
.wmc-filters a:hover {
transform: translateY(-2px);
}
.wmc-panel-head > a,
.wmc-media-head > a {
font-size: 11px;
}
.wmc-agenda-cards {
grid-template-columns: none;
grid-auto-columns: minmax(158px, 1fr);
grid-auto-flow: column;
gap: 12px;
padding: 3px 2px 10px;
overflow-x: auto;
overscroll-behavior-inline: contain;
scroll-snap-type: inline mandatory;
scrollbar-color: rgba(230,36,53,.58) rgba(13,24,32,.08);
scrollbar-width: thin;
}
.wmc-agenda-cards::-webkit-scrollbar {
height: 6px;
}
.wmc-agenda-cards::-webkit-scrollbar-track {
border-radius: 99px;
background: rgba(13,24,32,.08);
}
.wmc-agenda-cards::-webkit-scrollbar-thumb {
border-radius: 99px;
background: rgba(230,36,53,.58);
}
.wmc-date-card {
min-height: 220px;
padding: 14px 14px 11px;
scroll-snap-align: start;
scroll-snap-stop: always;
transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease, background-color .3s ease;
}
.wmc-date-day {
font-size: 10px;
}
.wmc-date-number {
margin-top: 3px;
font-size: 31px;
}
.wmc-date-title {
min-height: 54px;
margin-top: 8px;
font-size: 13px;
line-height: 1.3;
}
.wmc-date-place {
font-size: 11px;
line-height: 1.35;
}
.wmc-date-details {
min-height: 42px;
font-size: 10px;
}
.wmc-date-capacity {
padding-top: 9px;
font-size: 9px;
font-weight: 800;
letter-spacing: .035em;
}
.wmc-univers-gallery-v4 .el-item,
.wmc-media-gallery-v4 .el-item {
transition: transform .32s ease, box-shadow .32s ease;
}
.wmc-univers-gallery-v4 .el-item:hover,
.wmc-media-gallery-v4 .el-item:hover {
box-shadow: 0 15px 32px rgba(10,23,31,.2);
transform: translateY(-4px);
}
.wmc-map-card {
transition: box-shadow .32s ease, transform .32s ease, filter .32s ease;
}
.wmc-map-card:hover {
box-shadow: 0 14px 30px rgba(10,23,31,.17);
filter: saturate(1.08);
transform: translateY(-4px);
}
.wmc-map-card span {
font-size: 11px;
}
.wmc-media-head strong {
font-size: 24px;
}
.wmc-cta-v4::before {
background: linear-gradient(90deg, var(--wmc-v4-cyan), var(--wmc-v4-red));
}
.wmc-cta-inner > span {
font-size: 15px;
}
.wmc-cta-inner > a {
font-size: 18px;
transition: transform .3s ease, box-shadow .3s ease, background-color .3s ease;
}
.wmc-cta-inner > a:hover {
background: #f02a3d;
box-shadow: 0 12px 30px rgba(230,36,53,.25);
transform: translateY(-3px);
}
.wmc-events-kicker {
font-size: 12px;
letter-spacing: .18em;
}
.wmc-events-hero-copy h1 {
letter-spacing: -.025em;
}
.wmc-events-hero-copy p {
font-size: 18px;
line-height: 1.58;
}
.wmc-upcoming-card > span {
color: var(--wmc-v4-cyan);
font-size: 11px;
}
.wmc-upcoming-card > strong {
font-size: 30px;
}
.wmc-upcoming-card time {
font-size: 15px;
}
.wmc-upcoming-card li {
font-size: 13px;
line-height: 1.45;
}
.wmc-upcoming-card a {
min-height: 48px;
font-size: 12px;
transition: transform .26s ease, box-shadow .26s ease, border-color .26s ease;
}
.wmc-upcoming-card a:hover {
box-shadow: 0 8px 22px rgba(0,0,0,.24);
transform: translateY(-2px);
}
.wmc-events-section-head span {
font-size: 11px;
}
.wmc-events-section-head h2 {
font-weight: 800;
letter-spacing: -.02em;
}
.wmc-events-section-head p {
font-size: 16px;
line-height: 1.6;
}
.wmc-timeline-card {
min-height: 225px;
padding: 19px;
}
.wmc-timeline-card > span {
font-size: 10px;
}
.wmc-timeline-card > strong {
font-size: 17px;
line-height: 1.25;
}
.wmc-timeline-card small {
font-size: 12px;
line-height: 1.4;
}
.wmc-timeline-card p {
font-size: 12px;
}
.wmc-timeline-card b {
font-size: 10px;
}
.wmc-timeline-card.is-next {
background: linear-gradient(145deg, #102b39 0%, #e62435 100%);
}
.wmc-event-story {
min-height: 275px;
padding: 27px;
transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.wmc-event-story:hover {
border-color: rgba(230,36,53,.34);
box-shadow: 0 15px 35px rgba(13,25,33,.09);
transform: translateY(-4px);
}
.wmc-event-story.is-wide {
min-height: 245px;
background: linear-gradient(105deg, rgba(25,175,195,.1), rgba(230,36,53,.08)), #fff;
}
.wmc-event-story > span {
font-size: 10px;
}
.wmc-event-story h3 {
font-size: clamp(23px, 2vw, 30px);
letter-spacing: -.015em;
line-height: 1.12;
}
.wmc-event-story p {
font-size: 15px;
line-height: 1.62;
}
.wmc-event-story b {
font-size: 10px;
}
.wmc-event-story > a {
font-size: 11px;
}
.wmc-event-types span {
font-size: 13px;
}
.wmc-annex-label {
font-size: 9px;
}
.wmc-annex-date span,
.wmc-annex-copy > span {
font-size: 10px;
}
.wmc-annex-copy h3 {
font-size: 24px;
font-weight: 700;
}
.wmc-annex-copy p {
font-size: 14px;
line-height: 1.55;
}
.wmc-annex-actions span {
font-size: 9px;
}
.wmc-annex-actions a {
font-size: 11px;
}
.wmc-archive-title span {
font-size: 12px;
}
.wmc-archive-card small {
font-size: 10px;
}
.wmc-archive-card strong {
font-size: 18px;
}
.wmc-archive-card b {
color: var(--wmc-v4-cyan);
font-size: 10px;
}
.wmc-official-socials span {
color: var(--wmc-v4-cyan);
font-size: 10px;
}
.wmc-official-socials p {
font-size: 14px;
}
.wmc-official-social-links a {
font-size: 10px;
transition: transform .26s ease, border-color .26s ease, background-color .26s ease;
}
.wmc-official-social-links a:hover {
border-color: var(--wmc-v4-cyan);
transform: translateY(-2px);
}
@media (max-width: 1199px) {
.wmc-custom-links a {
font-size: 12px;
}
.wmc-agenda-cards {
grid-auto-columns: minmax(175px, 1fr);
}
}
@media (max-width: 959px) {
.wmc-mobile-menu summary {
font-size: 13px;
}
.wmc-mobile-menu a {
font-size: 15px;
}
.wmc-agenda-cards {
grid-template-columns: none;
grid-auto-columns: minmax(210px, 42vw);
}
.wmc-events-hero-copy p {
font-size: 17px;
}
}
@media (max-width: 639px) {
.wmc-hero-wmc {
font-size: 76px;
}
.wmc-hero-tagline {
margin-top: 28px;
font-size: 13px;
line-height: 1.5;
}
.wmc-hero-controls {
width: 100%;
justify-content: center;
}
.wmc-hero-button {
min-width: 0;
padding: 16px 18px;
font-size: 12px;
}
.wmc-panel-title {
font-size: 23px;
}
.wmc-filters a,
.wmc-filters span {
font-size: 12px;
}
.wmc-agenda-cards {
grid-template-columns: none;
grid-auto-columns: 82vw;
gap: 14px;
margin-right: -16px;
padding-right: 16px;
}
.wmc-date-card {
min-height: 245px;
}
.wmc-date-day {
font-size: 11px;
}
.wmc-date-number {
font-size: 34px;
}
.wmc-date-title {
font-size: 15px;
}
.wmc-date-place,
.wmc-date-details {
font-size: 12px;
}
.wmc-date-capacity {
font-size: 11px;
}
.wmc-events-hero-copy h1 {
font-size: 43px;
letter-spacing: -.02em;
}
.wmc-events-hero-copy p {
font-size: 16px;
}
.wmc-events-hero-buttons a {
box-sizing: border-box;
width: 100%;
padding: 15px 18px;
font-size: 13px;
text-align: center;
}
.wmc-upcoming-card {
padding: 22px 20px;
}
.wmc-upcoming-card li {
font-size: 13px;
}
.wmc-upcoming-card a {
font-size: 12px;
}
.wmc-events-section-head h2 {
font-size: 38px;
line-height: 1.05;
}
.wmc-events-section-head p {
font-size: 16px;
}
.wmc-timeline-card {
min-height: 210px;
}
.wmc-event-story {
min-height: 0;
padding: 23px 20px;
}
.wmc-event-story p {
font-size: 16px;
}
.wmc-event-story > a {
margin-top: 22px;
font-size: 12px;
}
.wmc-event-types strong {
font-size: 18px;
}
.wmc-event-types span {
font-size: 14px;
}
.wmc-annex-copy p {
font-size: 15px;
}
.wmc-official-socials p {
font-size: 15px;
}
.wmc-official-social-links a {
padding: 13px;
font-size: 12px;
text-align: center;
}
}
@media (prefers-reduced-motion: reduce) {
body:has(#wmc-home-v4) *,
body.page-id-1173 *,
body:has(#wmc-events-v1) *,
body:has(#wmc-association-v1) *,
body:has(#wmc-adhesion-v1) * {
scroll-behavior: auto !important;
animation-duration: .01ms !important;
animation-iteration-count: 1 !important;
transition-duration: .01ms !important;
}
} body:has(#wmc-association-v1),
body:has(#wmc-adhesion-v1) {
background: var(--wmc-v4-cream);
color: var(--wmc-v4-dark);
font-family: Barlow, Arial, sans-serif;
}
body:has(#wmc-association-v1) .tm-header,
body:has(#wmc-association-v1) .tm-header-mobile,
body:has(#wmc-association-v1) .gt_switcher_wrapper,
body:has(#wmc-adhesion-v1) .tm-header,
body:has(#wmc-adhesion-v1) .tm-header-mobile,
body:has(#wmc-adhesion-v1) .gt_switcher_wrapper {
display: none !important;
}
body:has(#wmc-association-v1) #tm-main,
body:has(#wmc-adhesion-v1) #tm-main {
margin: 0 !important;
padding: 0 !important;
}
body:has(#wmc-association-v1) h1,
body:has(#wmc-association-v1) h2,
body:has(#wmc-association-v1) h3,
body:has(#wmc-adhesion-v1) h1,
body:has(#wmc-adhesion-v1) h2,
body:has(#wmc-adhesion-v1) h3 {
font-family: Barlow, Arial, sans-serif !important;
font-weight: 900;
}
.wmc-page-hero {
position: relative;
overflow: hidden;
background: var(--wmc-v4-dark);
}
.wmc-page-hero > .uk-section,
.wmc-page-hero.uk-section {
box-sizing: border-box;
min-height: 630px;
padding: 0 !important;
background-size: cover !important;
background-position: center 48% !important;
}
.wmc-page-hero > .uk-section::before,
.wmc-page-hero.uk-section::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none;
background:
linear-gradient(90deg, rgba(7,16,23,.94) 0%, rgba(7,16,23,.73) 38%, rgba(7,16,23,.12) 72%),
linear-gradient(0deg, rgba(7,16,23,.68), transparent 48%);
}
.wmc-association-hero > .uk-section,
.wmc-association-hero.uk-section {
background-position: center 53% !important;
}
.wmc-adhesion-hero > .uk-section,
.wmc-adhesion-hero.uk-section {
background-position: center 56% !important;
}
.wmc-page-hero .uk-container {
position: relative;
z-index: 1;
box-sizing: border-box;
width: 100%;
max-width: 1480px !important;
padding: 0 5vw !important;
}
.wmc-page-hero .tm-grid-expand {
min-height: 630px;
align-items: center;
}
.wmc-page-hero-copy {
max-width: 900px;
padding: 78px 0 84px;
color: #fff;
}
.wmc-page-kicker,
.wmc-page-heading > span,
.wmc-form-intro > span {
display: inline-flex;
align-items: center;
gap: 12px;
color: var(--wmc-v4-red);
font-size: 13px;
font-weight: 900;
letter-spacing: .2em;
}
.wmc-page-kicker::before,
.wmc-page-heading > span::before,
.wmc-form-intro > span::before {
content: "";
width: 34px;
height: 3px;
background: var(--wmc-v4-red);
}
.wmc-page-hero-copy h1 {
max-width: 900px;
margin: 22px 0 26px;
color: #fff !important;
font-size: clamp(58px, 6.3vw, 104px);
letter-spacing: -.05em;
line-height: .91;
text-transform: uppercase;
}
.wmc-page-hero-copy h1 em {
color: #fff;
font-style: normal;
text-shadow: 4px 4px 0 var(--wmc-v4-red);
}
.wmc-page-hero-copy p {
max-width: 700px;
margin: 0;
color: rgba(255,255,255,.88);
font-size: 20px;
font-weight: 500;
line-height: 1.55;
}
.wmc-page-actions {
display: flex;
flex-wrap: wrap;
gap: 14px;
margin-top: 34px;
}
.wmc-page-actions a,
.wmc-page-cta a {
box-sizing: border-box;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 52px;
padding: 15px 24px;
border: 1px solid rgba(255,255,255,.55);
border-radius: 5px;
color: #fff !important;
font-size: 13px;
font-weight: 900;
letter-spacing: .1em;
text-decoration: none !important;
transition: transform .22s ease, background-color .22s ease, border-color .22s ease;
}
.wmc-page-actions a.is-primary,
.wmc-page-cta a:first-child {
border-color: var(--wmc-v4-red);
background: var(--wmc-v4-red);
box-shadow: 0 11px 28px rgba(230,36,53,.25);
}
.wmc-page-actions a:hover,
.wmc-page-cta a:hover {
transform: translateY(-3px);
border-color: #fff;
}
.wmc-page-section > .uk-section,
.wmc-page-section.uk-section {
padding: 86px 0 !important;
}
.wmc-page-section .uk-container,
.wmc-page-cta-section .uk-container {
box-sizing: border-box;
width: 100%;
max-width: 1480px !important;
padding-right: 5vw !important;
padding-left: 5vw !important;
}
.wmc-page-heading {
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(320px, .8fr);
column-gap: 72px;
align-items: end;
margin-bottom: 48px;
}
.wmc-page-heading > span {
grid-column: 1 / -1;
margin-bottom: 18px;
}
.wmc-page-heading h2 {
margin: 0;
color: var(--wmc-v4-dark) !important;
font-size: clamp(42px, 4.2vw, 68px);
letter-spacing: -.045em;
line-height: .98;
}
.wmc-page-heading p {
margin: 0;
color: #47535a;
font-size: 18px;
line-height: 1.65;
}
.wmc-page-heading.is-centered {
display: flex;
flex-direction: column;
align-items: center;
max-width: 850px;
margin-right: auto;
margin-left: auto;
text-align: center;
}
.wmc-page-heading.is-centered p {
max-width: 680px;
margin-top: 18px;
}
.wmc-stat-grid,
.wmc-value-grid,
.wmc-benefit-grid,
.wmc-board-grid {
display: grid;
gap: 18px;
}
.wmc-stat-grid {
grid-template-columns: repeat(3, 1fr);
}
.wmc-stat-grid article {
position: relative;
overflow: hidden;
min-height: 190px;
padding: 30px;
border: 1px solid #dce1e3;
border-radius: 8px;
background: #fff;
box-shadow: 0 12px 34px rgba(13,24,32,.06);
transition: transform .25s ease, box-shadow .25s ease;
}
.wmc-stat-grid article::after {
content: "";
position: absolute;
right: -35px;
bottom: -70px;
width: 150px;
height: 150px;
border: 22px solid rgba(25,175,195,.09);
border-radius: 50%;
}
.wmc-stat-grid article:hover,
.wmc-value-grid article:hover,
.wmc-benefit-grid article:hover,
.wmc-board-grid article:hover {
transform: translateY(-6px);
box-shadow: 0 20px 44px rgba(13,24,32,.11);
}
.wmc-stat-grid strong {
display: block;
color: var(--wmc-v4-red);
font-size: 44px;
font-weight: 900;
line-height: 1;
}
.wmc-stat-grid span {
display: block;
margin-top: 4px;
color: var(--wmc-v4-dark);
font-size: 18px;
font-weight: 900;
letter-spacing: .08em;
}
.wmc-stat-grid p,
.wmc-value-grid p,
.wmc-benefit-grid p,
.wmc-board-grid p {
margin: 15px 0 0;
color: #566168;
font-size: 16px;
line-height: 1.55;
}
.wmc-history {
margin: 0 0 56px;
padding: 44px;
border-radius: 10px;
background: #10212c;
color: #fff;
}
.wmc-history .wmc-page-heading h2 {
color: #fff !important;
}
.wmc-history .wmc-page-heading p {
color: rgba(255,255,255,.72);
}
.wmc-history-line {
position: relative;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
}
.wmc-history-line::before {
content: "";
position: absolute;
top: 28px;
right: 8%;
left: 8%;
height: 2px;
background: linear-gradient(90deg, #19afc3, #e62435);
}
.wmc-history-line article {
position: relative;
z-index: 1;
padding: 0 24px 26px;
border: 1px solid rgba(255,255,255,.14);
border-radius: 8px;
background: rgba(255,255,255,.055);
}
.wmc-history-line b {
display: inline-flex;
min-width: 76px;
min-height: 56px;
align-items: center;
justify-content: center;
margin-top: 0;
border-radius: 0 0 7px 7px;
background: #e62435;
color: #fff;
font-size: 17px;
letter-spacing: .08em;
}
.wmc-history-line h3 {
margin: 26px 0 0;
color: #fff !important;
font-size: 22px;
}
.wmc-history-line p {
margin: 13px 0 0;
color: rgba(255,255,255,.7);
font-size: 15px;
line-height: 1.6;
}
.wmc-board-open {
max-width: 940px;
margin: 28px auto 0;
color: rgba(255,255,255,.72);
font-size: 16px;
line-height: 1.65;
text-align: center;
}
.wmc-values-section > .uk-section,
.wmc-values-section.uk-section,
.wmc-steps-section > .uk-section,
.wmc-steps-section.uk-section {
background: #edf1f2 !important;
}
.wmc-value-grid,
.wmc-benefit-grid {
grid-template-columns: repeat(4, 1fr);
}
.wmc-value-grid article,
.wmc-benefit-grid article {
min-height: 245px;
padding: 30px 26px;
border: 1px solid rgba(13,24,32,.09);
border-radius: 8px;
background: #fff;
transition: transform .25s ease, box-shadow .25s ease;
}
.wmc-value-grid i,
.wmc-benefit-grid i {
display: block;
margin-bottom: 40px;
color: var(--wmc-v4-red);
font-size: 14px;
font-style: normal;
font-weight: 900;
letter-spacing: .1em;
}
.wmc-value-grid strong,
.wmc-benefit-grid strong {
display: block;
color: var(--wmc-v4-dark);
font-size: 21px;
font-weight: 900;
letter-spacing: .02em;
}
.wmc-activity-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
}
.wmc-activity-grid a {
position: relative;
overflow: hidden;
min-height: 390px;
border-radius: 9px;
background: var(--wmc-v4-dark);
color: #fff !important;
text-decoration: none !important;
}
.wmc-activity-grid img {
width: 100%;
height: 100%;
object-fit: cover;
opacity: .7;
transition: transform .5s ease, opacity .4s ease;
}
.wmc-activity-grid a::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(0deg, rgba(7,16,23,.92), transparent 68%);
}
.wmc-activity-grid a:hover img {
transform: scale(1.045);
opacity: .9;
}
.wmc-activity-grid span {
position: absolute;
right: 28px;
bottom: 26px;
left: 28px;
z-index: 2;
}
.wmc-activity-grid small,
.wmc-activity-grid strong,
.wmc-activity-grid b {
display: block;
}
.wmc-activity-grid small {
color: #a6e9f1;
font-size: 11px;
font-weight: 900;
letter-spacing: .16em;
}
.wmc-activity-grid strong {
margin-top: 7px;
font-size: 26px;
font-weight: 900;
}
.wmc-activity-grid b {
margin-top: 20px;
color: #fff;
font-size: 12px;
letter-spacing: .09em;
}
.wmc-board-section > .uk-section,
.wmc-board-section.uk-section,
.wmc-form-section > .uk-section,
.wmc-form-section.uk-section {
background: var(--wmc-v4-dark) !important;
}
.wmc-board-section .wmc-page-heading h2,
.wmc-form-intro h2 {
color: #fff !important;
}
.wmc-board-section .wmc-page-heading p,
.wmc-form-intro p {
color: rgba(255,255,255,.7);
}
.wmc-board-grid {
grid-template-columns: repeat(3, 1fr);
}
.wmc-board-grid article {
min-height: 190px;
padding: 30px;
border: 1px solid rgba(255,255,255,.14);
border-radius: 8px;
background: rgba(255,255,255,.055);
transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.wmc-board-grid article:hover {
border-color: rgba(25,175,195,.65);
}
.wmc-board-grid span {
display: block;
color: #6ed2df;
font-size: 11px;
font-weight: 900;
letter-spacing: .15em;
}
.wmc-board-grid strong {
display: block;
margin-top: 13px;
color: #fff;
font-size: 24px;
font-weight: 900;
}
.wmc-board-grid p {
color: rgba(255,255,255,.68);
}
.wmc-page-cta-section > .uk-section,
.wmc-page-cta-section.uk-section {
border-top: 6px solid transparent;
border-image: var(--wmc-v4-gradient) 1;
background: #10212c !important;
}
.wmc-page-cta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 50px;
padding: 36px 0;
color: #fff;
}
.wmc-page-cta > div:first-child {
max-width: 760px;
}
.wmc-page-cta > div:last-child {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.wmc-page-cta span {
display: block;
color: #79dce8;
font-size: 11px;
font-weight: 900;
letter-spacing: .15em;
}
.wmc-page-cta strong {
display: block;
margin-top: 4px;
color: #fff;
font-size: clamp(28px, 3vw, 43px);
font-weight: 900;
}
.wmc-page-cta p {
margin: 7px 0 0;
color: rgba(255,255,255,.7);
font-size: 16px;
}
.wmc-page-cta a {
white-space: nowrap;
}
.wmc-step-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
}
.wmc-step-grid article {
display: flex;
align-items: flex-start;
gap: 20px;
min-height: 150px;
padding: 30px;
border-radius: 8px;
background: #fff;
}
.wmc-step-grid article > b {
display: grid;
flex: 0 0 52px;
height: 52px;
place-items: center;
border-radius: 50%;
background: var(--wmc-v4-gradient);
color: #fff;
font-size: 20px;
}
.wmc-step-grid strong {
color: var(--wmc-v4-dark);
font-size: 18px;
font-weight: 900;
}
.wmc-step-grid p {
margin: 8px 0 0;
color: #566168;
font-size: 15px;
line-height: 1.55;
}
.wmc-safety-note {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 50px;
align-items: center;
margin-top: 18px;
padding: 30px;
border-left: 5px solid var(--wmc-v4-red);
border-radius: 6px;
background: var(--wmc-v4-dark);
}
.wmc-safety-note span,
.wmc-safety-note strong {
display: block;
}
.wmc-safety-note span {
color: #79dce8;
font-size: 11px;
font-weight: 900;
letter-spacing: .15em;
}
.wmc-safety-note strong {
margin-top: 5px;
color: #fff;
font-size: 20px;
}
.wmc-safety-note p {
margin: 0;
color: rgba(255,255,255,.75);
font-size: 16px;
line-height: 1.6;
}
.wmc-form-row {
align-items: flex-start !important;
}
.wmc-form-intro {
position: sticky;
top: 35px;
padding-right: 38px;
}
.wmc-form-intro h2 {
margin: 20px 0 22px;
font-size: clamp(42px, 4vw, 65px);
letter-spacing: -.045em;
line-height: .95;
}
.wmc-form-intro p {
font-size: 17px;
line-height: 1.6;
}
.wmc-form-intro ul {
margin: 28px 0;
padding: 0;
list-style: none;
}
.wmc-form-intro li {
position: relative;
margin-top: 12px;
padding-left: 27px;
color: rgba(255,255,255,.88);
font-size: 15px;
font-weight: 600;
}
.wmc-form-intro li::before {
content: "✓";
position: absolute;
left: 0;
color: #79dce8;
font-weight: 900;
}
.wmc-form-intro > a {
color: #fff !important;
font-size: 12px;
font-weight: 900;
letter-spacing: .1em;
}
.wmc-join-form {
padding: 36px !important;
border: 1px solid rgba(255,255,255,.13);
border-radius: 10px;
background: #fff;
box-shadow: 0 25px 70px rgba(0,0,0,.25);
}
.wmc-join-form .wpforms-container {
margin: 0 !important;
}
.wmc-join-form .wpforms-field {
padding: 10px 0 !important;
}
.wmc-join-form .wpforms-field-label {
margin-bottom: 7px !important;
color: var(--wmc-v4-dark) !important;
font-size: 14px !important;
font-weight: 800 !important;
}
.wmc-join-form input:not([type="checkbox"]):not([type="radio"]),
.wmc-join-form select,
.wmc-join-form textarea {
box-sizing: border-box !important;
min-height: 48px !important;
border: 1px solid #ccd3d6 !important;
border-radius: 5px !important;
background: #f8f9f9 !important;
color: var(--wmc-v4-dark) !important;
font-size: 16px !important;
}
.wmc-join-form input:focus,
.wmc-join-form select:focus,
.wmc-join-form textarea:focus {
border-color: var(--wmc-v4-cyan) !important;
box-shadow: 0 0 0 3px rgba(25,175,195,.16) !important;
}
.wmc-join-form button[type="submit"],
.wmc-join-form input[type="submit"] {
min-height: 52px !important;
padding: 14px 28px !important;
border: 0 !important;
border-radius: 5px !important;
background: var(--wmc-v4-red) !important;
color: #fff !important;
font-size: 13px !important;
font-weight: 900 !important;
letter-spacing: .09em !important;
transition: transform .22s ease, box-shadow .22s ease !important;
}
.wmc-join-form button[type="submit"]:hover,
.wmc-join-form input[type="submit"]:hover {
transform: translateY(-2px);
box-shadow: 0 11px 24px rgba(230,36,53,.25);
}
@media (max-width: 1199px) {
.wmc-page-hero-copy h1 {
font-size: clamp(55px, 7vw, 82px);
}
.wmc-value-grid,
.wmc-benefit-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 959px) {
.wmc-page-hero > .uk-section,
.wmc-page-hero.uk-section,
.wmc-page-hero .tm-grid-expand {
min-height: 560px;
}
.wmc-page-hero > .uk-section::before,
.wmc-page-hero.uk-section::before {
background: linear-gradient(90deg, rgba(7,16,23,.93), rgba(7,16,23,.5));
}
.wmc-page-heading {
display: block;
}
.wmc-page-heading > span {
margin-bottom: 18px;
}
.wmc-page-heading p {
margin-top: 22px;
}
.wmc-stat-grid,
.wmc-activity-grid,
.wmc-board-grid,
.wmc-step-grid {
grid-template-columns: 1fr;
}
.wmc-history-line {
grid-template-columns: 1fr;
}
.wmc-history-line::before {
display: none;
}
.wmc-activity-grid a {
min-height: 330px;
}
.wmc-safety-note {
grid-template-columns: 1fr;
gap: 18px;
}
.wmc-form-row > * {
width: 100% !important;
}
.wmc-form-intro {
position: static;
padding-right: 0;
padding-bottom: 34px;
}
.wmc-page-cta {
display: block;
}
.wmc-page-cta > div:last-child {
margin-top: 24px;
}
}
@media (max-width: 639px) {
.wmc-page-hero > .uk-section,
.wmc-page-hero.uk-section,
.wmc-page-hero .tm-grid-expand {
min-height: 540px;
}
.wmc-page-hero .uk-container,
.wmc-page-section .uk-container,
.wmc-page-cta-section .uk-container {
padding-right: 18px !important;
padding-left: 18px !important;
}
.wmc-page-hero-copy {
padding: 62px 0;
}
.wmc-page-hero-copy h1 {
margin-top: 18px;
font-size: 46px;
line-height: .95;
}
.wmc-page-hero-copy p {
font-size: 16px;
}
.wmc-page-actions {
display: grid;
}
.wmc-page-actions a {
width: 100%;
font-size: 12px;
}
.wmc-page-section > .uk-section,
.wmc-page-section.uk-section {
padding: 62px 0 !important;
}
.wmc-page-heading {
margin-bottom: 34px;
}
.wmc-page-heading h2,
.wmc-form-intro h2 {
font-size: 39px;
}
.wmc-page-heading p {
font-size: 16px;
}
.wmc-stat-grid,
.wmc-value-grid,
.wmc-benefit-grid {
grid-template-columns: 1fr;
}
.wmc-history {
margin-bottom: 38px;
padding: 30px 20px;
}
.wmc-history-line article {
padding: 0 20px 22px;
}
.wmc-value-grid article,
.wmc-benefit-grid article {
min-height: 205px;
}
.wmc-activity-grid a {
min-height: 300px;
}
.wmc-page-cta a {
width: 100%;
white-space: normal;
text-align: center;
}
.wmc-join-form {
padding: 24px 18px !important;
}
} body:has(#wmc-mentions-v1),
body:has(#wmc-privacy-v1) {
background: var(--wmc-v4-cream);
color: var(--wmc-v4-dark);
font-family: Barlow, Arial, sans-serif;
}
body:has(#wmc-mentions-v1) .tm-header,
body:has(#wmc-mentions-v1) .tm-header-mobile,
body:has(#wmc-mentions-v1) .gt_switcher_wrapper,
body:has(#wmc-privacy-v1) .tm-header,
body:has(#wmc-privacy-v1) .tm-header-mobile,
body:has(#wmc-privacy-v1) .gt_switcher_wrapper {
display: none !important;
}
body:has(#wmc-mentions-v1) #tm-main,
body:has(#wmc-privacy-v1) #tm-main {
margin: 0 !important;
padding: 0 !important;
}
body:has(#wmc-mentions-v1) h1,
body:has(#wmc-mentions-v1) h2,
body:has(#wmc-privacy-v1) h1,
body:has(#wmc-privacy-v1) h2 {
font-family: Barlow, Arial, sans-serif !important;
font-weight: 900;
}
.wmc-legal-hero {
position: relative;
overflow: hidden;
background: var(--wmc-v4-dark);
}
.wmc-legal-hero > .uk-section,
.wmc-legal-hero.uk-section {
box-sizing: border-box;
min-height: 440px;
padding: 0 !important;
background-position: center 48% !important;
background-size: cover !important;
}
.wmc-legal-hero > .uk-section::before,
.wmc-legal-hero.uk-section::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
background:
linear-gradient(90deg, rgba(7,16,23,.96) 0%, rgba(7,16,23,.77) 48%, rgba(7,16,23,.28)),
linear-gradient(0deg, rgba(7,16,23,.72), transparent);
}
.wmc-legal-hero .uk-container,
.wmc-legal-section .uk-container,
.wmc-legal-contact-section .uk-container {
position: relative;
z-index: 1;
box-sizing: border-box;
width: 100%;
max-width: 1480px !important;
padding-right: 5vw !important;
padding-left: 5vw !important;
}
.wmc-legal-hero .tm-grid-expand {
min-height: 440px;
align-items: center;
}
.wmc-legal-hero-copy {
max-width: 920px;
padding: 70px 0;
color: #fff;
}
.wmc-legal-hero-copy > span {
display: inline-flex;
align-items: center;
gap: 12px;
color: #79dce8;
font-size: 12px;
font-weight: 900;
letter-spacing: .2em;
}
.wmc-legal-hero-copy > span::before {
content: "";
width: 34px;
height: 3px;
background: var(--wmc-v4-red);
}
.wmc-legal-hero-copy h1 {
margin: 18px 0 20px;
color: #fff !important;
font-size: clamp(54px, 6vw, 88px);
letter-spacing: -.05em;
line-height: .9;
}
.wmc-legal-hero-copy p {
max-width: 760px;
margin: 0;
color: rgba(255,255,255,.82);
font-size: 18px;
line-height: 1.6;
}
.wmc-legal-hero-copy small {
display: block;
margin-top: 24px;
color: rgba(255,255,255,.55);
font-size: 12px;
font-weight: 700;
letter-spacing: .07em;
}
.wmc-legal-section > .uk-section,
.wmc-legal-section.uk-section {
padding: 86px 0 !important;
background: #f5f5f2 !important;
}
.wmc-legal-layout {
display: grid;
grid-template-columns: 260px minmax(0, 1fr);
gap: clamp(42px, 6vw, 94px);
align-items: start;
}
.wmc-legal-toc {
position: sticky;
top: 30px;
display: flex;
flex-direction: column;
overflow: hidden;
border: 1px solid #dce1e3;
border-radius: 8px;
background: #fff;
box-shadow: 0 13px 34px rgba(13,24,32,.06);
}
.wmc-legal-toc > span {
padding: 22px 24px 18px;
border-bottom: 1px solid #e6e9ea;
color: var(--wmc-v4-red);
font-size: 11px;
font-weight: 900;
letter-spacing: .16em;
}
.wmc-legal-toc a {
padding: 11px 24px;
border-bottom: 1px solid #eef0f1;
color: #3e4b52 !important;
font-size: 12px;
font-weight: 700;
text-decoration: none !important;
transition: color .2s ease, background-color .2s ease, padding-left .2s ease;
}
.wmc-legal-toc a:hover {
padding-left: 29px;
background: #f2f7f8;
color: var(--wmc-v4-red) !important;
}
.wmc-legal-toc a.is-related {
margin-top: 5px;
padding-top: 17px;
padding-bottom: 17px;
border: 0;
background: var(--wmc-v4-dark);
color: #fff !important;
font-size: 11px;
}
.wmc-legal-article {
max-width: 960px;
}
.wmc-legal-article > section {
position: relative;
margin: 0 0 18px;
padding: 36px 42px;
border: 1px solid #dce1e3;
border-radius: 8px;
background: #fff;
box-shadow: 0 10px 30px rgba(13,24,32,.045);
scroll-margin-top: 30px;
transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.wmc-legal-article > section:hover {
transform: translateY(-3px);
border-color: rgba(25,175,195,.42);
box-shadow: 0 17px 38px rgba(13,24,32,.08);
}
.wmc-legal-article > section > span {
display: inline-grid;
width: 38px;
height: 38px;
place-items: center;
border-radius: 50%;
background: var(--wmc-v4-gradient);
color: #fff;
font-size: 12px;
font-weight: 900;
}
.wmc-legal-article h2 {
display: inline;
margin: 0 0 0 14px;
color: var(--wmc-v4-dark) !important;
font-size: clamp(24px, 2.5vw, 34px);
letter-spacing: -.035em;
line-height: 1.1;
}
.wmc-legal-article p,
.wmc-legal-article li,
.wmc-legal-article dd {
color: #4d5a61;
font-size: 17px;
line-height: 1.68;
}
.wmc-legal-article p {
margin: 22px 0 0;
}
.wmc-legal-article p + p {
margin-top: 12px;
}
.wmc-legal-article ul {
margin: 22px 0 0;
padding-left: 24px;
}
.wmc-legal-article li {
margin-top: 8px;
}
.wmc-legal-article strong,
.wmc-legal-article dt {
color: var(--wmc-v4-dark);
font-weight: 800;
}
.wmc-legal-article a {
color: #167f90 !important;
font-weight: 800;
}
.wmc-legal-article dl {
display: grid;
gap: 0;
margin: 24px 0 0;
border: 1px solid #e1e5e6;
border-radius: 6px;
}
.wmc-legal-article dl > div {
display: grid;
grid-template-columns: 210px minmax(0, 1fr);
gap: 20px;
padding: 14px 18px;
border-bottom: 1px solid #e9ebec;
}
.wmc-legal-article dl > div:last-child {
border-bottom: 0;
}
.wmc-legal-article dt,
.wmc-legal-article dd {
margin: 0;
}
.wmc-legal-article dt {
font-size: 14px;
}
.wmc-legal-article dd {
font-size: 15px;
}
.wmc-legal-inline-link {
display: inline-block;
margin-top: 22px;
padding-bottom: 3px;
border-bottom: 2px solid var(--wmc-v4-red);
font-size: 12px;
letter-spacing: .08em;
text-decoration: none !important;
}
.wmc-legal-contact-section > .uk-section,
.wmc-legal-contact-section.uk-section {
border-top: 6px solid transparent;
border-image: var(--wmc-v4-gradient) 1;
background: var(--wmc-v4-dark) !important;
}
.wmc-legal-contact {
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
padding: 34px 0;
color: #fff;
}
.wmc-legal-contact span,
.wmc-legal-contact strong {
display: block;
}
.wmc-legal-contact span {
color: #79dce8;
font-size: 11px;
font-weight: 900;
letter-spacing: .15em;
}
.wmc-legal-contact strong {
margin-top: 5px;
font-size: clamp(25px, 3vw, 39px);
font-weight: 900;
}
.wmc-legal-contact a {
display: inline-flex;
min-height: 50px;
align-items: center;
justify-content: center;
padding: 0 24px;
border-radius: 5px;
background: var(--wmc-v4-red);
color: #fff !important;
font-size: 12px;
font-weight: 900;
letter-spacing: .09em;
text-decoration: none !important;
transition: transform .22s ease, box-shadow .22s ease;
}
.wmc-legal-contact a:hover {
transform: translateY(-3px);
box-shadow: 0 12px 26px rgba(230,36,53,.28);
}
@media (max-width: 959px) {
.wmc-legal-layout {
grid-template-columns: 1fr;
}
.wmc-legal-toc {
position: static;
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.wmc-legal-toc > span,
.wmc-legal-toc a.is-related {
grid-column: 1 / -1;
}
}
@media (max-width: 639px) {
.wmc-legal-hero .uk-container,
.wmc-legal-section .uk-container,
.wmc-legal-contact-section .uk-container {
padding-right: 18px !important;
padding-left: 18px !important;
}
.wmc-legal-hero > .uk-section,
.wmc-legal-hero.uk-section,
.wmc-legal-hero .tm-grid-expand {
min-height: 390px;
}
.wmc-legal-hero-copy {
padding: 60px 0;
}
.wmc-legal-hero-copy h1 {
font-size: 47px;
}
.wmc-legal-hero-copy p {
font-size: 16px;
}
.wmc-legal-section > .uk-section,
.wmc-legal-section.uk-section {
padding: 60px 0 !important;
}
.wmc-legal-toc {
display: flex;
}
.wmc-legal-article > section {
padding: 28px 22px;
}
.wmc-legal-article h2 {
display: block;
margin: 14px 0 0;
font-size: 27px;
}
.wmc-legal-article p,
.wmc-legal-article li {
font-size: 16px;
}
.wmc-legal-article dl > div {
grid-template-columns: 1fr;
gap: 3px;
}
.wmc-legal-contact {
display: block;
}
.wmc-legal-contact a {
box-sizing: border-box;
width: 100%;
margin-top: 24px;
}
}
@media (prefers-reduced-motion: reduce) {
body:has(#wmc-mentions-v1) *,
body:has(#wmc-privacy-v1) * {
scroll-behavior: auto !important;
animation-duration: .01ms !important;
animation-iteration-count: 1 !important;
transition-duration: .01ms !important;
}
} @media (min-width: 960px) {
html body:has(#tm-main) .tm-header { display: block !important; }
html body:has(#tm-main) .tm-header-mobile { display: none !important; }
}
@media (max-width: 959px) {
html body:has(#tm-main) .tm-header { display: none !important; }
html body:has(#tm-main) .tm-header-mobile { display: block !important; }
} html body:has(.wmc-custom-nav) .tm-header,
html body:has(.wmc-custom-nav) .tm-header-mobile { display: none !important; }
.tm-header .uk-navbar-container,
.tm-header-mobile .uk-navbar-container {
background: #0d1820 !important;
color: #fff !important;
border: 0 !important;
box-shadow: none !important;
}
.tm-header .uk-container,
.tm-header-mobile .uk-container { padding-left: 32px; padding-right: 32px; }
.tm-header .uk-navbar,
.tm-header-mobile .uk-navbar { min-height: 60px !important; }
.tm-header .uk-logo,
.tm-header-mobile .uk-logo {
position: relative;
min-height: 60px !important;
padding: 0 118px 0 0 !important;
color: #fff !important;
font-family: Arial Black, Impact, sans-serif !important;
font-size: 24px !important;
font-style: italic;
font-weight: 900 !important;
letter-spacing: -1.5px;
line-height: 1 !important;
}
.tm-header .uk-logo::after,
.tm-header-mobile .uk-logo::after {
content: "WHEELERS MASTER CREW";
position: absolute;
left: 1px;
top: 39px;
color: #fff;
font-family: Arial, sans-serif;
font-size: 6px;
font-style: normal;
font-weight: 800;
letter-spacing: 1.15px;
white-space: nowrap;
}
.tm-header .uk-navbar-nav > li > a {
min-height: 60px !important;
padding: 0 13px !important;
color: rgba(255,255,255,.9) !important;
font-family: Arial, sans-serif !important;
font-size: 11px !important;
font-weight: 800 !important;
letter-spacing: .65px;
}
.tm-header .uk-navbar-nav > li > a:hover,
.tm-header .uk-navbar-nav > li.uk-active > a { color: #fff !important; }
.tm-header .uk-navbar-nav > li:last-child > a {
min-height: 34px !important;
height: 34px;
margin: 13px 0 13px 12px;
padding: 0 20px !important;
background: #e62435 !important;
color: #fff !important;
}
.tm-header .widget_search { min-height: 60px; padding: 0 0 0 16px !important; display: flex; align-items: center; }
.tm-header .uk-search-navbar { width: auto; }
.tm-header .uk-search-icon svg > * { stroke: #fff !important; }
.tm-header .uk-search-input {
width: 0 !important;
min-width: 0 !important;
padding: 0 !important;
opacity: 0;
color: #fff !important;
transition: width .2s ease, opacity .2s ease;
}
.tm-header .uk-search:focus-within .uk-search-input {
width: 150px !important;
padding-left: 28px !important;
opacity: 1;
}
.tm-header-mobile .uk-navbar-toggle { min-height: 60px !important; color: #fff !important; }
.tm-header-mobile .uk-navbar-toggle svg > * { stroke: currentColor !important; fill: currentColor !important; }
#tm-dialog-mobile .uk-offcanvas-bar { background: #0d1820 !important; }
#tm-dialog-mobile .uk-nav-default > li > a {
color: #fff !important;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: 800;
letter-spacing: .8px;
}
#tm-dialog-mobile .uk-nav-default > li:last-child > a {
display: inline-flex;
margin-top: 16px;
padding: 10px 18px;
background: #e62435;
}
#tm-dialog-mobile .uk-close { color: #fff !important; }
#tm-dialog-mobile .uk-close svg > * { stroke: currentColor !important; }
@media (max-width: 639px) {
.tm-header-mobile .uk-container { padding-left: 20px; padding-right: 20px; }
}