.l-container, .club-hero__container, .club-plans__container, .club-thanks__container {
max-width: 88.25rem;
margin: 0 auto;
padding-left: 1.25rem;
padding-right: 1.25rem; }
@media screen and (min-width: 768px) {
.l-container, .club-hero__container, .club-plans__container, .club-thanks__container {
padding-left: 2.5rem;
padding-right: 2.5rem; } }
.l-container-form {
max-width: 37.69rem; }
:root {
--tippy-text-color: #051e22;
--tippy-bg-color: #ffffff;
--tippy-mark-color: #a2d23e;
--tippy-min-width: 18.75rem;
--tippy-font-size: 0.875rem; }
.tippy-box[data-animation=fade][data-state=hidden] {
opacity: 0; }
[data-tippy-root] {
max-width: calc(100vw - 10px); }
.tippy-box {
position: relative;
background-color: var(--tippy-bg-color);
color: var(--tippy-text-color);
border-radius: 0.25rem;
font-size: var(--tippy-font-size);
line-height: 1.5;
font-weight: 500;
white-space: normal;
outline: 0;
-webkit-transition-property: visibility, opacity, -webkit-transform;
transition-property: visibility, opacity, -webkit-transform;
transition-property: transform, visibility, opacity;
transition-property: transform, visibility, opacity, -webkit-transform;
box-shadow: 0 0 0.75rem 0 rgba(5, 30, 34, 0.33);
min-width: MIN(var(--tippy-min-width), calc(100vw - 10px)); }
.tippy-box[data-placement^=top] > .tippy-arrow {
bottom: 0; }
.tippy-box[data-placement^=top] > .tippy-arrow:before {
bottom: -7px;
left: 0;
border-width: 8px 8px 0;
border-top-color: initial;
-webkit-transform-origin: center top;
-ms-transform-origin: center top;
transform-origin: center top; }
.tippy-box[data-placement^=bottom] > .tippy-arrow {
top: 0; }
.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
top: -7px;
left: 0;
border-width: 0 8px 8px;
border-bottom-color: initial;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom; }
.tippy-box[data-placement^=left] > .tippy-arrow {
right: 0; }
.tippy-box[data-placement^=left] > .tippy-arrow:before {
border-width: 8px 0 8px 8px;
border-left-color: initial;
right: -7px;
-webkit-transform-origin: center left;
-ms-transform-origin: center left;
transform-origin: center left; }
.tippy-box[data-placement^=right] > .tippy-arrow {
left: 0; }
.tippy-box[data-placement^=right] > .tippy-arrow:before {
left: -7px;
border-width: 8px 8px 8px 0;
border-right-color: initial;
-webkit-transform-origin: center right;
-ms-transform-origin: center right;
transform-origin: center right; }
.tippy-box[data-inertia][data-state=visible] {
-webkit-transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11); }
.tippy-arrow {
width: 16px;
height: 16px;
color: var(--tippy-bg-color); }
.tippy-arrow:before {
content: "";
position: absolute;
border-color: transparent;
border-style: solid; }
.tippy-content {
position: relative;
padding: 0.75rem 0.875rem;
z-index: 1; }
.tippy-content p {
padding-bottom: 1em; }
.tippy-content p:last-child {
padding-bottom: 0; }
.tippy-content b {
color: var(--tippy-mark-color); }
.tippy-box[data-theme="dropdown"] {
border-radius: 0;
border: 0.0625rem solid #051e22;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); }
.tippy-box[data-theme="dropdown"] .tippy-content {
padding: 0.3125rem 0.5rem; }
:root {
--icon-checked: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(0, 0, 0, 0.7)' viewBox='0 0 512 512'%3E%3Cpath d='M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E"); }
a {
-webkit-text-decoration: var(--link-decoration, underline);
text-decoration: var(--link-decoration, underline);
color: var(--link-color, inherit); }
a:hover {
-webkit-text-decoration: var(--link-hover-decoration, underline);
text-decoration: var(--link-hover-decoration, underline);
color: var(--link-hover-color, inherit); }
.l-club-box {
--number-half-size: 1rem;
background-color: var(--box-color, #ffffff);
border-radius: 5px;
margin-top: var(--number-half-size);
position: relative;
padding-top: var(--number-half-size);
padding-left: 0.75rem;
padding-right: 0.75rem;
padding-bottom: 1.25rem;
text-align: center; }
@media screen and (min-width: 768px) {
.l-club-box {
--number-half-size: 1.5rem; } }
@media screen and (min-width: 1025px) {
.l-club-box {
--number-half-size: 2rem; } }
@media screen and (min-width: 480px) {
.l-club-box {
-webkit-box-flex: 1;
-webkit-flex: 1 1 45%;
-ms-flex: 1 1 45%;
flex: 1 1 45%; } }
@media screen and (min-width: 768px) {
.l-club-box {
padding-left: 1.5rem;
padding-right: 1.5rem;
padding-bottom: 2.25rem; } }
@media screen and (min-width: 1200px) {
.l-club-box {
padding-left: 2rem;
padding-right: 2rem;
padding-bottom: 3rem; } }
.l-club-box-number {
position: absolute;
font-weight: 700;
line-height: 1;
letter-spacing: 0;
text-align: center;
font-size: calc(var(--number-half-size, 2rem) - 0.125rem);
height: calc(var(--number-half-size, 2rem) * 2);
width: calc(var(--number-half-size, 2rem) * 2);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
background-color: #a2d23e;
color: #000000;
top: calc(var(--number-half-size, 2rem) * -1);
left: 50%;
margin-left: calc(var(--number-half-size, 2rem) * -1); }
.l-text-gradient {
background: -webkit-linear-gradient(359.04deg, #051e22 -4.02%, #a2d23e 104.24%);
background: linear-gradient(90.96deg, #051e22 -4.02%, #a2d23e 104.24%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; }
.l-club-title {
margin-top: 1rem;
font-size: 1.25rem;
line-height: 1.5;
font-weight: 600;
text-align: center;
margin-bottom: 0; }
@media screen and (min-width: 768px) {
.l-club-title {
margin-top: 1.5rem;
font-size: 2.25rem; } }
.l-club-subtitle {
font-size: 1.25rem;
line-height: 1.5;
font-weight: 700;
text-align: left;
margin-bottom: 0.25rem; }
@media screen and (min-width: 768px) {
.l-club-subtitle {
font-size: 1.5rem;
margin-bottom: 0.75rem; } }
@media screen and (min-width: 1025px) {
.l-club-subtitle {
font-size: 1.75rem; } }
.l-club-undertitle {
margin-top: 0;
font-size: 0.75rem;
line-height: 1.5;
font-weight: 600;
text-align: center;
margin-bottom: 1.1875rem;
color: #7faa26; }
@media screen and (min-width: 768px) {
.l-club-undertitle {
font-size: 1rem;
margin-bottom: 1rem; } }
.l-club-text {
font-size: 0.75rem;
font-weight: 500;
line-height: 1.5;
color: rgba(5, 30, 34, 0.8); }
@media screen and (min-width: 768px) {
.l-club-text {
font-size: 1.125rem; } }
.l-club-text-regular {
font-size: 0.75rem;
font-weight: 400;
line-height: 1.5;
color: #051e22;
max-width: 46.25rem; }
@media screen and (min-width: 768px) {
.l-club-text-regular {
font-size: 1.125rem; } }
.l-club-li {
--icon-size: 0.8em;
--icon-offset: 0.6em;
list-style: none;
position: relative;
padding-left: calc(var(--icon-size) * 2 + var(--icon-offset)); }
.l-club-li:before {
content: "";
font-size: var(--icon-size);
height: 2em;
width: 2em;
border-radius: 50%;
background: #badc75;
left: 0;
top: 0;
position: absolute;
line-height: 1;
text-rendering: auto;
background-image: var(--icon-checked);
background-size: var(--icon-size);
background-repeat: no-repeat;
background-position: center; }
.club-payment-form .woocommerce-checkout #payment {
background: transparent; }
.club-payment-form .woocommerce-checkout #payment ul.payment_methods {
padding: 0;
border: none;
list-style: none; }
.club-payment-form .woocommerce-checkout #payment .wc_payment_method > label[for="payment_method_stripe"] {
position: absolute;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap;
/* added line */ }
.club-payment-form .woocommerce-checkout #payment div.payment_box {
padding: 0;
background: transparent;
margin-top: 0;
margin-bottom: 0;
font-size: 0.625rem;
line-height: 1.5; }
.club-payment-form .woocommerce-checkout #payment div.payment_box:before {
display: none; }
.club-payment-form .woocommerce-checkout #payment div.payment_box p {
margin-bottom: 0.8em; }
.club-payment-form .woocommerce-checkout #payment div.payment_box .wc-saved-payment-methods {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
font-size: 0.75rem;
color: #051e22;
list-style: none; }
.club-payment-form .woocommerce-checkout #payment div.payment_box .wc-credit-card-form {
margin-top: 0;
color: #051e22;
border: none;
padding: 0; }
.club-payment-form .woocommerce-checkout #payment div.payment_box .wc-credit-card-form .form-row {
width: 100%;
margin-top: 0.5em;
font-size: 0.75rem; }
@media screen and (min-width: 768px) {
.club-payment-form .woocommerce-checkout #payment div.payment_box {
font-size: 0.875rem; }
.club-payment-form .woocommerce-checkout #payment div.payment_box .wc-saved-payment-methods {
font-size: 1rem; }
.club-payment-form .woocommerce-checkout #payment div.payment_box .wc-credit-card-form .form-row {
font-size: 1.125rem; } }
.club-payment-form .woocommerce-checkout #payment div.form-row {
padding: 0; }
.club-payment-form .wc-stripe-elements-field, .club-payment-form .wc-stripe-iban-element-field {
border-color: #051e22;
border-radius: 0.3125rem;
padding: 11px 12px;
margin-top: 0; }
.club-payment-form .woocommerce_error:last-child {
margin-bottom: 0; }
.club-preferences {
text-align: left;
padding-top: 1.25rem; }
.club-preferences__title {
font-size: 0.75rem;
font-weight: 700;
line-height: 1.5;
margin-bottom: 0.375rem;
margin-top: 0; }
.club-preferences__group {
display: grid;
grid-template-columns: 1fr;
gap: 0.5625rem; }
.club-preferences__input {
width: 0;
height: 0;
opacity: 0;
position: absolute;
overflow: hidden;
box-sizing: border-box;
padding: 0; }
.club-preferences__choice {
--bg-color: #f3f4f4;
--text-color: rgba(5, 30, 34, 0.8);
--dot-bg: #ffffff;
--dot-icon: none;
--dot-border: #414E49;
--dot-icon-size: 0.75rem;
border: 1.27px solid #051e22;
height: 100%;
border-radius: 6.35px;
padding: 1.125rem 0.5rem 1.125rem 1.25rem;
position: relative;
color: var(--text-color);
background-color: var(--bg-color);
-webkit-transition: color 0.3s ease, background-color 0.3s ease;
transition: color 0.3s ease, background-color 0.3s ease; }
@media (hover: hover) {
.club-preferences__choice:hover {
--bg-color: #051e22;
--text-color: #ffffff;
--dot-border: #051e22; } }
.club-preferences__choice:after {
content: "";
right: 0.625rem;
top: 0.625rem;
position: absolute;
font-size: var(--dot-icon-size);
height: 2em;
width: 2em;
border-radius: 50%;
background-color: var(--dot-bg);
background-image: var(--dot-icon);
border: 0.125rem solid var(--dot-border);
background-size: 1em;
background-repeat: no-repeat;
background-position: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: color 0.3s ease, background-color 0.3s ease;
transition: color 0.3s ease, background-color 0.3s ease; }
.club-preferences__choice-label {
cursor: pointer;
font-size: 0.75rem;
font-weight: 700;
line-height: 1.5;
margin-bottom: 0; }
.club-preferences__choice-label:after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 3; }
.club-preferences__choice-frequency {
font-size: 0.625rem;
font-weight: 500;
line-height: 1.5;
opacity: 0.7; }
.club-preferences__choice-description {
margin-top: 0.9375rem;
font-size: 0.75rem;
font-weight: 400;
line-height: 1.47368; }
@media screen and (min-width: 768px) {
.club-preferences__choice {
--dot-icon-size: 1.1875rem; }
.club-preferences__choice-label {
font-size: 1.125rem; }
.club-preferences__choice-frequency {
font-size: 0.875rem; }
.club-preferences__choice-description {
font-size: 1.1875rem;
margin-top: 1.25rem; } }
@media screen and (min-width: 1200px) {
.club-preferences__choice {
padding: 1.875rem 0.5rem 1.5625rem 1.5rem; } }
.club-preferences__input:checked + .club-preferences__choice {
--bg-color: #051e22;
--dot-border: #051e22;
--text-color: #ffffff;
--dot-bg: #BADC75;
--dot-icon: var(--icon-checked); }
@media screen and (min-width: 480px) {
.club-preferences__group {
grid-template-columns: repeat(2, 1fr); } }
@media screen and (min-width: 768px) {
.club-preferences__title {
font-size: 1.125rem;
margin-bottom: 1rem; }
.club-preferences__group {
gap: 1rem; } }
@media screen and (min-width: 1025px) {
.club-preferences {
margin-top: 3rem; }
.club-preferences__title {
font-size: 1.5rem; }
.club-preferences__group {
gap: 1.5625rem;
grid-template-columns: repeat(3, 1fr); } }
.club-title-mottle {
position: relative;
font-size: 1.25rem;
text-align: left;
line-height: 1.5;
font-weight: 700;
--dot-size: 0.27em; }
.club-title-mottle:before, .club-title-mottle:after {
content: "";
display: block;
position: absolute;
left: 0;
top: 0.25em;
height: 1.1em;
width: 3.7em;
margin-left: -2.625rem;
z-index: 1; }
.club-title-mottle:before {
background-image: -webkit-radial-gradient(#a2d23e 40%, rgba(255, 255, 255, 0) 40%);
background-image: radial-gradient(#a2d23e 40%, rgba(255, 255, 255, 0) 40%);
background-position: 0 0;
background-size: var(--dot-size) var(--dot-size);
background-color: transparent; }
.club-title-mottle:after {
z-index: 2;
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 40%, #ffffff 97%);
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 40%, #ffffff 97%); }
.club-title-mottle__text {
position: relative;
z-index: 5; }
@media screen and (min-width: 768px) {
.club-title-mottle {
margin-top: 1.5rem;
font-size: 2.25rem; } }
@media screen and (min-width: 768px) {
.club-title-mottle {
margin-top: 1.5rem;
font-size: 2.25rem; } }
.club-field__label {
font-size: 0.75rem;
font-weight: 500;
line-height: 1.5;
text-align: left; }
.club-field__input {
display: block;
width: 100%;
padding: 0.5rem 0.6875rem;
border-radius: 0.3125rem;
border: 0.0625rem solid #051e22;
margin-top: 0.3125rem;
font-size: 0.75rem;
font-weight: 500;
line-height: 1.5;
background-color: #ffffff;
-moz-text-align-last: left;
text-align-last: left;
--expand-offset: 0.8125rem;
--expand-width: 0.875rem;
--expand-height: 0.5rem; }
.club-field__input:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #182a2d; }
.club-field__input:focus, .club-field__input:focus-visible {
border-color: #7faa26;
outline: none; }
.club-field__input[disabled] {
background-color: #f3f3f3;
-webkit-text-fill-color: #304e91; }
.club-field__input[readonly] {
background-color: #f3f3f3;
-webkit-text-fill-color: #304e91; }
.club-field__input::-webkit-input-placeholder {
font-style: normal; }
.club-field__input::-moz-placeholder {
font-style: normal; }
.club-field__input:-ms-input-placeholder {
font-style: normal; }
.club-field__input::-ms-input-placeholder {
font-style: normal; }
.club-field__input::placeholder {
font-style: normal; }
.club-field__input--select {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' fill='none'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='m0 0 7 8 7-8H0Z' clip-rule='evenodd'/%3E%3C/svg%3E");
background-position: calc(100% - var(--expand-offset)) 52%;
background-size: var(--expand-width) var(--expand-height);
background-repeat: no-repeat no-repeat;
padding-right: calc(var(--expand-offset) + var(--expand-width) + 0.3125rem);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer; }
.club-field__input--select::-ms-expand {
display: none; }
.club-field__info {
font-size: 0.75rem;
opacity: 0.8;
line-height: 1.5;
font-weight: 400;
text-align: left;
margin-top: 0.1875rem; }
@media screen and (min-width: 768px) {
.club-field__label {
font-size: 1rem; }
.club-field__input {
font-size: 1rem;
--expand-offset: 1.5rem; }
.club-field__info {
font-size: 0.875rem; } }
@media screen and (min-width: 1025px) {
.club-field__label {
font-size: 1.125rem; }
.club-field__input {
font-size: 1.125rem;
padding: 0.6875rem 1rem; }
.club-field__input--select {
padding-right: calc(var(--expand-offset) + var(--expand-width) + 0.625rem); } }
.club-dropdown {
position: relative;
--tippy-bg-color: #F2F4F4;
--tippy-min-width: 8.75rem; }
.club-dropdown__button {
font-size: var(--icon-size, 2rem);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
color: #051e22; }
.club-dropdown__button:hover {
opacity: 0.8; }
.club-dropdown__content {
display: none; }
.club-dropdown__list {
list-style: none; }
.club-dropdown__item {
margin-bottom: 0.1875rem; }
.club-dropdown__item:last-child {
margin-bottom: 0; }
.club-dropdown__link {
padding: 0.3125rem;
font-size: 0.625rem;
display: inline-block;
font-weight: 500;
line-height: 1.5;
text-align: left;
--link-decoration: none;
--link-hover-decoration: none;
--link-hover-color: rgba(5, 30, 34, 0.7); }
.club-navbar {
background: #fff;
position: relative; }
.club-navbar__content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-top: 0.875rem;
padding-bottom: 0.8125rem;
overflow-x: auto;
white-space: nowrap;
gap: 0.625rem; }
@media screen and (min-width: 768px) {
.club-navbar__content {
padding-top: 1.125rem; } }
@media screen and (min-width: 1200px) {
.club-navbar__content {
padding-top: 1.5rem; } }
@media screen and (min-width: 768px) {
.club-navbar__content {
padding-bottom: 1rem; } }
@media screen and (min-width: 1200px) {
.club-navbar__content {
padding-bottom: 1.75rem; } }
@media screen and (min-width: 768px) {
.club-navbar__content {
gap: 1rem; } }
@media screen and (min-width: 1200px) {
.club-navbar__content {
gap: 1.25rem; } }
.club-navbar__link {
text-decoration: none;
font-size: 0.75rem;
font-weight: 500;
line-height: 1.5;
color: #051e22;
border-bottom: 0.125rem solid transparent;
-webkit-transition: border-color 0.3s linear;
transition: border-color 0.3s linear; }
@media screen and (min-width: 768px) {
.club-navbar__link {
font-size: 1rem; } }
@media screen and (min-width: 1200px) {
.club-navbar__link {
font-size: 1.125rem; } }
.club-navbar__link:hover {
border-color: #000000;
color: #051e22;
text-decoration: none; }
.club-navbar__link:focus-visible {
border-color: #000000;
color: #051e22;
text-decoration: none; }
.club-navbar__link:focus {
color: #051e22;
text-decoration: none; }
.club-navbar__link.is-active {
border-color: #000000;
font-weight: 700; }
@media screen and (min-width: 768px) {
.club-navbar__link {
border-bottom-width: 0.25rem; } }
.club-navbar__item--all {
border-right: 1px solid rgba(0, 0, 0, 0.5);
padding-right: 1rem; }
@media screen and (min-width: 1200px) {
.club-navbar__item {
padding-right: 1.25rem; } }
.club-hero {
padding-top: 0.75rem;
--text-align: center;
padding-bottom: 2rem;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
--text-width: auto;
--main-color: #fff;
--main-mark-color: #acff00;
--title-color: #fff;
--title-mark-color: #a2d23e;
--description-color: #fff;
--description-mark-color: #a2d23e;
--min-height: 30.3125rem;
--bg-color: rgba(5, 30, 34, 0.8);
color: var(--main-color);
background: var(--bg-color);
min-height: calc(var(--min-height) / 2); }
.club-hero__media {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 0; }
.club-hero__media img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.club-hero__container {
position: relative;
z-index: 5;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 100%; }
.club-hero__info {
text-align: var(--text-align);
padding-top: 2.25rem; }
@media screen and (min-width: 1025px) {
.club-hero__info {
padding-top: 2.875rem; } }
.club-hero__title {
font-size: 1.875rem;
font-weight: 700;
color: var(--title-color);
margin-bottom: 0.5rem;
margin-top: 0.9375rem; }
.club-hero__title span {
color: var(--title-mark-color); }
.club-hero__overtitle {
font-size: 0.875rem;
font-weight: 500;
color: var(--description-color); }
.club-hero__text {
font-size: 0.75rem;
line-height: 1.5;
font-weight: 500;
color: var(--description-color);
max-width: var(--text-width);
margin-left: auto;
margin-right: auto; }
.club-hero__text span {
color: var(--description-mark-color); }
.club-hero__more {
padding-top: 2.375rem;
font-weight: 700;
font-size: 0.75rem;
line-height: 1.5;
text-align: center; }
.club-hero__breadcrumbs {
text-align: left;
font-size: 0.75rem;
line-height: 1.5;
font-weight: 500; }
.club-hero__breadcrumbs-list {
list-style: none; }
.club-hero__breadcrumbs-item {
padding-right: 0.3125rem;
display: inline-block;
--link-decoration: none;
--link-hover-decoration: none; }
.club-hero__breadcrumbs-item:not(:last-child):after {
content: ">";
display: inline-block;
padding-left: 0.3125rem;
vertical-align: text-top; }
.club-hero__breadcrumbs-item:last-child {
color: var(--main-mark-color); }
@media screen and (min-width: 1025px) {
.club-hero__breadcrumbs {
font-size: 1.125rem; } }
@media screen and (min-width: 768px) {
.club-hero__title {
font-size: 3rem;
margin-bottom: 0.625rem; }
.club-hero__overtitle {
font-size: 1.125rem; }
.club-hero__text {
font-size: 1.125rem; }
.club-hero__more {
font-size: 1rem; } }
@media screen and (min-width: 1025px) {
.club-hero {
padding-top: 2rem; } }
@media screen and (min-width: 1200px) {
.club-hero {
min-height: var(--min-height); }
.club-hero__title {
font-size: 4.6875rem; }
.club-hero__overtitle {
font-size: 1.875rem; }
.club-hero__text {
font-size: 1.5rem; }
.club-hero__more {
font-size: 1.75rem;
line-height: 1.5;
margin-top: 4.25rem;
padding-top: 1rem;
font-weight: 500; } }
.club-hero--main {
--text-width: 41.25rem; }
.club-hero--cart {
--min-height: 22.9375rem; }
.club-hero--bronze-club {
--description-color: #051E22;
--description-mark-color: #ffffff;
--main-mark-color: #7faa26; }
.club-hero--checkout {
--min-height: 13.75rem; }
@media screen and (min-width: 768px) {
.club-hero--checkout {
--text-align: left; } }
.club-hero--dark {
--bg-color: #051e22; }
.club-hero--gray {
--bg-color: #58686B; }
.club-hero--light {
--bg-color: #CDD2D3;
--main-color: #000000;
--title-color: #051e22;
--main-mark-color: #7faa26; }
.club-hero--account {
--min-height: 21.5625rem; }
.club-plans {
padding-top: 1.5625rem;
padding-bottom: 1.8125rem; }
.club-plans__heading {
margin-bottom: 1.5rem; }
@media screen and (min-width: 768px) {
.club-plans__heading {
margin-bottom: 2.75rem; } }
@media screen and (min-width: 1025px) {
.club-plans__heading {
margin-bottom: 4rem; } }
.club-plans__table {
display: none;
margin: auto;
text-align: center;
width: 100%;
border-collapse: collapse;
--text-color: currentColor;
--highlight-color: currentColor;
--bg-color: #cdd2d2;
--cell-border-color: #CDD2D3; }
.club-plans__table-body {
border-top: 1px solid #ffffff; }
.club-plans__top {
text-align: center;
padding-top: 0.6875rem;
padding-bottom: 0.5625rem; }
.club-plans__top--gold {
background: #DDEEBA; }
.club-plans__top--platinum {
background: #BADC75; }
.club-plans__top-label {
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
letter-spacing: 0; }
@media screen and (min-width: 1025px) {
.club-plans__top-label {
font-size: 1.125rem; } }
.club-plans__variant {
color: var(--text-color);
background: var(--bg-color);
padding: 1.5625rem 0.3125rem 2.0625rem;
text-align: center; }
.club-plans__variant-title {
font-size: 1.5rem;
font-weight: 600;
line-height: 1.09375;
text-align: center;
margin-bottom: 1.125rem; }
.club-plans__variant-includes {
font-size: 0.75rem;
font-weight: 500;
line-height: 1.5;
text-align: center;
min-height: 3em; }
.club-plans__variant-price {
color: var(--highlight-color);
font-size: 1.125rem;
font-weight: 500;
line-height: 1.5;
text-align: center;
margin-top: 0.4375rem; }
@media screen and (min-width: 1025px) {
.club-plans__variant-title {
font-size: 2rem; }
.club-plans__variant-includes {
font-size: 0.875rem; }
.club-plans__variant-price {
font-size: 1.75rem; } }
.club-plans__variant--bronze {
width: 22%; }
.club-plans__variant--gold {
--text-color: #ffffff;
--highlight-color: #A2D23E;
--bg-color: #57686b;
width: 23%; }
.club-plans__variant--platinum {
--text-color: #ffffff;
--highlight-color: #A2D23E;
--bg-color: #051E22;
width: 23%; }
.club-plans__option {
--label-font-weight: 500;
--item-display: inline-block;
background: var(--line-bg, #fff);
height: 4.6875rem; }
.club-plans__option-label {
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
text-align: left;
line-height: 1.5;
font-weight: var(--label-font-weight);
width: 31%;
font-size: 0.875rem; }
@media screen and (min-width: 1025px) {
.club-plans__option-label {
font-size: 1.125rem; } }
.club-plans__option-data, .club-plans__option-exclusive {
padding-left: 0.5rem;
padding-right: 0.5rem;
padding-top: 1rem;
padding-bottom: 0.875rem; }
.club-plans__option-data {
border-right: 1px solid var(--cell-border-color);
border-left: 1px solid var(--cell-border-color); }
.club-plans__option-data img {
margin-left: auto;
margin-right: auto; }
.club-plans__option-exclusive {
background: var(--bg-color);
color: var(--highlight-color);
line-height: 1.5;
font-size: 0.875rem; }
.club-plans__option-exclusive b, .club-plans__option-exclusive strong {
color: var(--text-color);
font-weight: 600; }
.club-plans__option-exclusive p {
margin-bottom: 0;
line-height: 1.5; }
@media screen and (min-width: 1025px) {
.club-plans__option-exclusive {
font-size: 1.25rem; } }
.club-plans__option-exclusive--gold {
--text-color: #ffffff;
--highlight-color: #A2D23E;
--bg-color: #57686b; }
.club-plans__option-exclusive--platinum {
--text-color: #ffffff;
--highlight-color: #A2D23E;
--bg-color: #051E22; }
.club-plans__option:nth-child(even) {
--line-bg: rgba(5, 30, 34, 0.05); }
.club-plans__option-tooltip {
display: var(--item-display); }
.club-plans__option--exclusive {
--line-bg: rgba(5, 30, 34, 0.02);
--label-font-weight: normal;
--item-display: none; }
.club-plans__actions {
padding-top: 1.5rem;
padding-bottom: 4.25rem; }
.club-plans__subscribe {
background: #051E22;
color: #fff;
padding: 0.625rem 1.5rem;
font-family: "Poppins", sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
text-align: center;
display: block;
margin: 0.625rem 0.75rem;
text-decoration: none; }
.club-plans__subscribe:hover {
color: #F2F3F4;
background-color: rgba(5, 30, 34, 0.8);
text-decoration: none; }
@media screen and (min-width: 1025px) {
.club-plans__subscribe {
font-size: 1.125rem;
padding-left: 2.5rem;
padding-right: 2.5rem;
margin-left: 1.25rem;
margin-right: 1.25rem; } }
.club-plans__mobile {
--top-bg: #ffffff;
--top-color: #051e22;
--main-bg: #cdd2d3;
--main-color: rgba(5, 30, 34, 0.85);
--main-highlight: #051e22; }
.club-plans__mobile-variant {
margin-top: 1.5rem;
border-radius: 0.3125rem;
overflow: hidden;
max-width: 28.75rem;
margin-left: auto;
margin-right: auto; }
.club-plans__mobile-variant--gold {
--top-bg: rgba(186, 220, 117, 0.5);
--main-bg: #58686b;
--main-color: #ffffff;
--main-highlight: #a2d23e; }
.club-plans__mobile-variant--platinum {
--top-bg: #badc75;
--main-bg: #051e22;
--main-color: #ffffff;
--main-highlight: #a2d23e; }
.club-plans__mobile-top {
background-color: var(--top-bg);
color: var(--top-color);
padding: 0.5rem 0.5rem;
text-align: center;
font-weight: 600;
font-size: 0.875rem;
line-height: 1.5; }
.club-plans__mobile-head {
padding: 0.75rem 0.5rem 0.25rem;
border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.5);
background-color: var(--main-bg);
color: var(--main-color);
border-left: 0.0625rem solid rgba(5, 30, 34, 0.3);
border-right: 0.0625rem solid rgba(5, 30, 34, 0.3); }
.club-plans__mobile-head:first-child {
border-radius: 0.3125rem 0.3125rem 0 0;
border-top: 0.0625rem solid rgba(5, 30, 34, 0.3); }
.club-plans__mobile-title {
font-weight: 600;
text-transform: uppercase;
font-size: 0.875rem;
line-height: 1.10714; }
.club-plans__mobile-includes {
font-weight: 500;
line-height: 1.5;
font-size: 0.625rem;
opacity: 0.85; }
.club-plans__mobile-price {
color: var(--main-highlight);
font-size: 0.875rem;
line-height: 1.5;
font-weight: 500;
margin-top: 0.75rem; }
.club-plans__mobile-price span {
color: var(--main-color);
opacity: 0.85;
font-size: 0.5rem; }
.club-plans__mobile-exclusive {
border-left: 0.0625rem solid rgba(5, 30, 34, 0.3);
border-right: 0.0625rem solid rgba(5, 30, 34, 0.3);
padding: 0.4375rem 0.5rem 0.375rem;
background-color: var(--main-bg);
color: var(--main-highlight);
font-weight: 400;
font-size: 0.625rem;
line-height: 1.5; }
.club-plans__mobile-exclusive strong {
color: var(--main-color);
font-weight: 700; }
.club-plans__mobile-features {
border-left: 0.0625rem solid rgba(5, 30, 34, 0.3);
border-right: 0.0625rem solid rgba(5, 30, 34, 0.3);
border-bottom: 0.0625rem solid rgba(5, 30, 34, 0.3);
border-radius: 0 0 0.3125rem 0.3125rem;
padding: 0.75rem 0.5rem 0.75rem; }
.club-plans__mobile-text {
padding-bottom: 1rem;
color: rgba(5, 30, 34, 0.6);
font-size: 0.625rem;
line-height: 1.5;
padding-right: 1.5rem; }
.club-plans__mobile-benefit {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
font-size: 0.75rem;
line-height: 1.5;
font-weight: 500;
color: #051e22;
margin-bottom: 0.5rem; }
.club-plans__mobile-benefit--inactive {
font-weight: 400;
color: #949494; }
.club-plans__mobile-icon {
width: 0.75rem;
height: 0.75rem;
-o-object-fit: contain;
object-fit: contain;
margin-right: 0.25rem;
margin-top: 0.1875rem; }
.club-plans__mobile-subscribe {
margin: 1rem auto 2.25rem auto;
display: block;
width: 100%;
max-width: 22.5rem; }
@media screen and (min-width: 768px) {
.club-plans {
padding-top: 3rem;
padding-bottom: 3.25rem; }
.club-plans__table {
display: table; }
.club-plans__mobile {
display: none; } }
@media screen and (min-width: 1025px) {
.club-plans {
padding-top: 4.5rem;
padding-bottom: 4.6875rem; } }
.club-testimonials {
background-color: #cdd2d3;
overflow: hidden;
padding-top: 1.9375rem;
padding-bottom: 2.125rem; }
@media screen and (min-width: 768px) {
.club-testimonials {
padding-top: 3rem;
padding-bottom: 3.25rem; } }
@media screen and (min-width: 1025px) {
.club-testimonials {
padding-top: 4.5rem;
padding-bottom: 6.25rem; } }
.club-testimonials__carousel {
margin-top: 1.625rem;
position: relative; }
.club-testimonials__slide-icon {
color: #a2d23e; }
@media screen and (max-width: 1024.98px) {
.club-testimonials__navigation {
text-align: center;
margin-bottom: 0.9375rem;
font-size: 1rem;
line-height: 1.5;
font-weight: 700; }
.club-testimonials__navigation-btn {
padding: 0.1875rem 0.375rem;
vertical-align: middle; }
.club-testimonials__carousel {
overflow: visible;
max-width: 32.5rem;
margin-left: auto;
margin-right: auto; }
.club-testimonials__carousel-container {
overflow: visible; }
.club-testimonials__carousel-container:after {
content: "";
position: absolute;
height: 70%;
background: #ffffff;
border-radius: 0.3125rem;
width: 100%;
bottom: 0;
left: 0; }
.club-testimonials__slide {
opacity: 1 !important;
z-index: 40;
overflow: visible;
--shift-size: -40%;
--scale-size: 0.84; }
.club-testimonials__slide-icon {
font-size: 2.125rem;
margin-bottom: 0.875rem;
margin-left: auto;
margin-right: auto;
display: block; }
.club-testimonials__slide-image {
width: 68%;
max-width: 18.75rem;
z-index: 20;
aspect-ratio: 20/27;
margin-left: auto;
margin-right: auto;
position: relative;
-webkit-transform: translate3d(var(--shift-size, 0), 0, 0) scale3d(var(--scale-size), var(--scale-size), 1);
transform: translate3d(var(--shift-size, 0), 0, 0) scale3d(var(--scale-size), var(--scale-size), 1);
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 300ms;
transition-duration: 300ms; }
.club-testimonials__slide-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.club-testimonials__slide-image:before {
content: '';
background-color: rgba(5, 30, 34, 0.8);
display: block;
position: absolute;
width: 100%;
height: 100%;
opacity: 1;
left: 0;
top: 0;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 300ms;
transition-duration: 300ms; }
.club-testimonials__slide-content {
position: relative;
z-index: 10;
padding: 1.0625rem 0.75rem 2rem;
text-align: center;
font-size: 1rem;
line-height: 1.5;
font-weight: 400;
opacity: 0;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 300ms;
transition-duration: 300ms; }
.club-testimonials__slide-review {
margin-bottom: 1.5rem; }
.club-testimonials__slide-author {
font-weight: 700; }
.club-testimonials__slide-job {
font-weight: 500;
padding-left: 1.25rem;
padding-right: 1.25rem; }
.club-testimonials__slide-nav {
display: none; }
.club-testimonials__slide.swiper-slide-prev {
z-index: 90;
--shift-size: -20%;
--scale-size: 0.93; }
.club-testimonials__slide.swiper-slide-next {
z-index: 90;
--shift-size: 20%;
--scale-size: 0.93; }
.club-testimonials__slide.swiper-slide-next ~ .club-testimonials__slide {
--shift-size: 40%;
--scale-size: 0.84; }
.club-testimonials__slide.swiper-slide-active {
z-index: 100;
--shift-size: 0;
--scale-size: 1; }
.club-testimonials__slide.swiper-slide-active .club-testimonials__slide-image:before {
opacity: 0; }
.club-testimonials__slide.swiper-slide-active .club-testimonials__slide-content {
opacity: 1; } }
@media screen and (max-width: 767.98px) {
.club-testimonials__navigation {
font-size: 0.75rem; }
.club-testimonials__carousel {
max-width: 25rem; }
.club-testimonials__slide-content {
font-size: 0.75rem;
padding-left: 0.5rem;
padding-right: 0.5rem; } }
@media screen and (min-width: 1025px) {
.club-testimonials__navigation {
display: none; }
.club-testimonials__carousel {
margin-top: 3rem;
width: auto;
height: auto;
--speed: 0; }
.club-testimonials__carousel.is-activated {
--speed: 1s; }
.club-testimonials__carousel-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 0.5rem; }
.club-testimonials__slide {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
background-color: rgba(5, 30, 34, 0.4);
position: relative;
height: unset;
--nav-width: 2.5rem;
--collapsed-width: 3.75rem;
--image-width: 18vw;
--text-width: 37.5vw;
--slide-width: calc(var(--text-width) + var(--image-width) + (2 * var(--nav-width)));
padding-left: var(--collapsed-width);
padding-right: 1.875rem;
-webkit-transition: padding-left var(--speed) linear, margin-left var(--speed) linear, margin-right var(--speed) linear, width var(--speed) linear;
transition: padding-left var(--speed) linear, margin-left var(--speed) linear, margin-right var(--speed) linear, width var(--speed) linear;
width: 0;
overflow: hidden;
will-change: width, padding-left, margin-left, margin-right; }
.club-testimonials__slide:before {
content: '';
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
-webkit-transition: background-color var(--speed) linear;
transition: background-color var(--speed) linear;
background-color: rgba(5, 30, 34, 0.8);
z-index: 10; }
.club-testimonials__slide-image {
position: absolute;
left: 0;
top: 0;
height: 100%;
z-index: 5;
-webkit-transition: -webkit-transform var(--speed) linear;
transition: -webkit-transform var(--speed) linear;
transition: transform var(--speed) linear;
transition: transform var(--speed) linear, -webkit-transform var(--speed) linear;
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
width: var(--image-width); }
.club-testimonials__slide-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.club-testimonials__slide-content {
-webkit-transition: -webkit-transform var(--speed) linear;
transition: -webkit-transform var(--speed) linear;
transition: transform var(--speed) linear;
transition: transform var(--speed) linear, -webkit-transform var(--speed) linear;
padding-left: 2.5rem;
padding-right: 2.5rem;
padding-top: 2.3125rem;
padding-bottom: 2rem;
margin-left: 0;
margin-right: 0;
background-color: #ffffff;
overflow: hidden;
position: relative;
z-index: 3;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: var(--text-width); }
.club-testimonials__slide-icon {
font-size: 3.125rem;
margin: 0.8125rem 0.5rem 2.5rem;
color: #a2d23e; }
.club-testimonials__slide-review {
font-size: 1.125rem;
line-height: 1.5;
font-weight: 400;
margin-bottom: auto; }
.club-testimonials__slide-author {
font-weight: 700;
font-size: 1.125rem;
line-height: 1.5;
padding-top: 1.5em; }
.club-testimonials__slide-job {
font-size: 0.875rem;
line-height: 1.5; }
.club-testimonials__slide-nav {
display: block;
background-color: rgba(5, 30, 34, 0.7);
position: absolute;
height: 100%;
width: var(--nav-width);
top: 0;
cursor: pointer;
color: #ffffff;
pointer-events: none;
z-index: 4; }
.club-testimonials__slide-nav:hover {
opacity: 0.7; }
.club-testimonials__slide-nav--prev {
left: 0; }
.club-testimonials__slide-nav--next {
right: 0; }
.club-testimonials__slide.is-active {
width: var(--slide-width);
margin-left: 0.625rem;
margin-right: 0.625rem;
padding-left: calc(var(--nav-width) + var(--image-width)); }
.club-testimonials__slide.is-active:before {
background-color: transparent;
z-index: 0; }
.club-testimonials__slide.is-active .club-testimonials__slide-image {
-webkit-transform: translateX(var(--nav-width));
-ms-transform: translateX(var(--nav-width));
transform: translateX(var(--nav-width)); }
.club-testimonials__slide.is-active .club-testimonials__slide-nav {
pointer-events: auto; } }
@media screen and (min-width: 1440px) {
.club-testimonials__slide {
--image-width: 18.6875rem;
--text-width: 35.5625rem; } }
.club-about {
background: #051e22;
position: relative;
color: #ffffff;
overflow: hidden;
--image-desktop-ratio: .53; }
.club-about__content {
padding-top: 1.5rem;
padding-bottom: 1.75rem;
max-width: 29rem; }
.club-about__title {
color: rgba(255, 255, 255, 0.8); }
.club-about__text {
max-width: none;
color: inherit; }
.club-about__image {
margin-left: -1.25rem;
margin-right: -1.25rem; }
.club-about__image img {
width: 100%;
max-width: 100vw;
height: auto;
-o-object-fit: cover;
object-fit: cover; }
@media screen and (min-width: 768px) {
.club-about__container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.club-about__content {
width: calc(100% * (1 - var(--image-desktop-ratio)));
padding-right: 5%;
max-width: none; }
.club-about__image {
width: calc(100% * var(--image-desktop-ratio));
position: relative;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-left: 0;
margin-right: 0; }
.club-about__image-inner {
float: left;
height: 100%; }
.club-about__image img {
width: auto;
height: auto;
max-width: calc(100vw * var(--image-desktop-width));
min-height: 100%; } }
@media screen and (min-width: 1025px) {
.club-about__content {
padding-top: 4.5rem; } }
.club-tickets {
background: #ebeced;
padding-top: 1rem;
padding-bottom: 1rem; }
@media screen and (min-width: 768px) {
.club-tickets {
padding-top: 2.5rem; } }
.club-tickets__container {
position: relative; }
.club-tickets__main {
-webkit-column-gap: 6%;
-moz-column-gap: 6%;
column-gap: 6%;
row-gap: 0.75rem;
display: grid;
grid-template-columns: 1fr;
padding-left: 0;
padding-right: 0;
padding-bottom: 1.625rem; }
@media screen and (min-width: 480px) {
.club-tickets__main {
grid-template-columns: 1fr 1fr;
row-gap: 1rem;
padding-right: 0.75rem;
padding-left: 0.75rem; } }
@media screen and (min-width: 1200px) {
.club-tickets__main {
padding-right: 2.75rem;
padding-left: 2.75rem;
padding-bottom: 4.125rem; } }
.club-tickets__heading {
padding-left: 0.75rem;
padding-right: 0.75rem;
text-align: center;
margin-bottom: 0.8125rem; }
@media screen and (min-width: 480px) {
.club-tickets__heading {
grid-column: 1 / 3;
margin-bottom: 1.1875rem;
padding-left: 0;
padding-right: 0; } }
.club-tickets__text p {
margin: 0; }
.club-tickets__event {
position: relative;
padding: 1.4375rem 0.625rem 1.3125rem;
aspect-ratio: 5/3;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.club-tickets__event-content {
position: relative;
z-index: 10;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.5rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
color: #ffffff; }
.club-tickets__event-info {
font-size: 0.875rem;
font-weight: 700;
line-height: 1.5;
margin: 0; }
.club-tickets__event-info--title {
font-size: 1rem; }
.club-tickets__event-image {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
display: block; }
.club-tickets__event-image img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
@media screen and (min-width: 1025px) {
.club-tickets__event {
padding: 3.5rem 1.25rem; }
.club-tickets__event-content {
gap: 2.875rem; }
.club-tickets__event-info {
font-size: 1.5rem; }
.club-tickets__event-info--title {
font-size: 2rem; } }
.club-steaming {
background: #ebeced;
padding-top: 0.5rem;
padding-bottom: 1rem; }
@media screen and (min-width: 768px) {
.club-steaming {
padding-top: 1rem; } }
.club-steaming__container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1.875rem; }
.club-steaming__box {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
text-align: center; }
@media screen and (min-width: 480px) {
.club-steaming__box {
-webkit-box-flex: 1;
-webkit-flex: 1 1 45%;
-ms-flex: 1 1 45%;
flex: 1 1 45%; } }
.club-steaming__text {
margin-bottom: 1.1875rem; }
.club-steaming__benefits {
list-style: none; }
.club-steaming__benefit {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-top: 1rem;
text-align: center; }
.club-steaming__benefit-title {
padding: 0.125rem 0.3125rem;
margin-bottom: 0.4375rem;
margin-top: 0;
font-size: 0.625rem;
font-weight: 700;
line-height: 1.5;
background: #badc75;
color: rgba(5, 30, 34, 0.8); }
@media screen and (min-width: 768px) {
.club-steaming__benefit-title {
font-size: 1.125rem;
margin-bottom: 0.6875rem; } }
@media screen and (min-width: 1025px) {
.club-steaming__benefit-title {
padding-left: 0.625rem;
padding-right: 0.625rem; } }
.club-steaming__benefit-text {
font-size: 0.625rem;
font-weight: 500;
line-height: 1.5;
color: rgba(5, 30, 34, 0.8); }
@media screen and (min-width: 768px) {
.club-steaming__benefit-text {
font-size: 1.125rem; } }
.club-beckerman {
background: #ebeced;
padding-top: 0.5rem;
padding-bottom: 1rem; }
@media screen and (min-width: 768px) {
.club-beckerman {
padding-top: 1rem; } }
.club-beckerman__box {
background-image: url(../images/club/CREtechLondon-181-2.png);
width: 100%;
background-repeat: no-repeat;
background-size: cover;
padding-left: 0.3125rem;
padding-right: 0.3125rem;
padding-bottom: 0;
color: #fff; }
@media screen and (min-width: 768px) {
.club-beckerman__box {
padding-left: 1.5rem;
padding-right: 1.5rem; } }
@media screen and (min-width: 1200px) {
.club-beckerman__box {
padding-left: 2.75rem;
padding-right: 2.75rem; } }
.club-beckerman__heading {
max-width: 64.375rem;
margin-left: auto;
margin-right: auto; }
.club-beckerman__title {
margin-top: 1rem;
background: -webkit-linear-gradient(359.04deg, #FFFFFF -4.02%, #A2D23E 104.24%);
background: linear-gradient(90.96deg, #FFFFFF -4.02%, #A2D23E 104.24%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
max-width: 25rem;
margin-right: auto;
margin-left: auto; }
@media screen and (min-width: 768px) {
.club-beckerman__title {
margin-top: 1.5rem;
max-width: 45rem; } }
@media screen and (min-width: 1025px) {
.club-beckerman__title {
max-width: 68.75rem; } }
.club-beckerman__info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 0.5625rem; }
@media screen and (min-width: 768px) {
.club-beckerman__info {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; } }
.club-beckerman__image {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
-webkit-box-flex: 0;
-webkit-flex: 0 0 MIN(40%, 27.5rem);
-ms-flex: 0 0 MIN(40%, 27.5rem);
flex: 0 0 MIN(40%, 27.5rem);
justify-self: center;
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
width: 60%;
margin-left: auto;
margin-right: auto; }
@media screen and (min-width: 768px) {
.club-beckerman__image {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; } }
.club-beckerman__benefits {
list-style: none;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
margin-left: 0;
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
--benefits-width: 13.75rem; }
@media screen and (min-width: 768px) {
.club-beckerman__benefits {
margin-left: 6%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 calc(var(--benefits-width) - 2.75rem);
-ms-flex: 0 0 calc(var(--benefits-width) - 2.75rem);
flex: 0 0 calc(var(--benefits-width) - 2.75rem);
--benefits-width: 60%; } }
@media screen and (min-width: 1025px) {
.club-beckerman__benefits {
--benefits-width: 50%; } }
.club-beckerman__benefit {
position: relative;
--icon-size: 0.5625rem;
margin-bottom: 0.75rem;
padding-left: 0;
text-align: center;
max-width: var(--benefits-width); }
.club-beckerman__benefit:before {
content: "";
font-size: var(--icon-size);
height: 2em;
width: 2em;
border-radius: 50%;
background: #badc75;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
line-height: 1;
text-rendering: auto;
background-image: var(--icon-checked);
background-size: var(--icon-size);
background-repeat: no-repeat;
background-position: center;
margin-left: auto;
margin-right: auto; }
.club-beckerman__benefit-title {
margin-bottom: 0.5rem;
font-size: 0.75rem;
line-height: 1.5;
font-weight: 700;
margin-top: 0.3125rem; }
.club-beckerman__benefit-text {
font-weight: 500;
font-size: 0.625rem;
line-height: 1.5;
color: rgba(255, 255, 255, 0.8); }
@media screen and (min-width: 768px) {
.club-beckerman__benefit {
padding-left: calc(var(--icon-size) * 2 + 1rem);
text-align: left;
max-width: 40.625rem;
--icon-size: 0.75rem; }
.club-beckerman__benefit:before {
left: 0;
top: 0;
position: absolute; }
.club-beckerman__benefit-title {
font-size: 1.125rem;
margin-top: 0; }
.club-beckerman__benefit-text {
font-size: 1rem; } }
@media screen and (min-width: 1025px) {
.club-beckerman__benefit {
--icon-size: 1.125rem;
margin-bottom: 3.375rem; }
.club-beckerman__benefit-title {
font-size: 1.5rem; }
.club-beckerman__benefit-text {
font-size: 1.125rem; } }
.club-newsletters {
background: #ebeced;
padding-top: 0.5rem;
padding-bottom: 1rem; }
@media screen and (min-width: 768px) {
.club-newsletters {
padding-top: 1rem;
padding-bottom: 1.5rem; } }
@media screen and (min-width: 1025px) {
.club-newsletters {
padding-bottom: 2.5rem; } }
.club-newsletters__heading {
text-align: center;
max-width: 64.375rem;
margin-right: auto;
margin-left: auto;
padding-bottom: 0.625rem; }
@media screen and (min-width: 1025px) {
.club-newsletters__heading {
padding-bottom: 2rem; } }
.club-newsletters__tip {
font-size: 0.75rem;
font-weight: 700;
line-height: 1.5;
color: rgba(5, 30, 34, 0.8);
margin-bottom: 0; }
@media screen and (min-width: 768px) {
.club-newsletters__tip {
font-size: 1.125rem; } }
.club-newsletters__text {
margin-top: 0.5rem;
margin-bottom: 0.625rem; }
@media screen and (min-width: 1025px) {
.club-newsletters__text {
margin-top: 0.6875rem; } }
.club-submit {
background: #a2d23e;
color: #000000;
--btn-bg: #051e22;
--btn-color: #EBECED;
--btn-hover-color: #ffffff;
--btn-hover-bg: #58686B; }
.club-submit__container {
padding-top: 1.25rem;
padding-bottom: 1.25rem; }
.club-submit__main {
text-align: center; }
.club-submit__main-heading {
font-size: 1rem;
font-weight: 700;
line-height: 1.5;
margin-bottom: 0;
color: rgba(0, 0, 0, 0.7); }
.club-submit__main-price {
font-size: 1.25rem;
font-weight: 600;
line-height: 1.5;
margin-bottom: 0; }
.club-submit__promo {
padding-right: 1.25rem;
color: rgba(0, 0, 0, 0.7);
margin-top: 0.625rem;
line-height: 1.5;
font-size: 1.25rem;
font-weight: 500;
display: none; }
.club-submit__action {
margin-top: 2.3125rem;
text-align: center; }
.club-submit__btn {
background: var(--btn-bg);
border-color: var(--btn-bg);
color: var(--btn-color);
font-size: 1.125rem;
font-weight: 600;
line-height: 1.5;
width: 22.1875rem;
max-width: 100%;
box-shadow: 0 4px 4px 0 #00000040;
text-transform: capitalize; }
.club-submit__btn:hover {
background: var(--btn-hover-bg);
border-color: var(--btn-hover-bg);
color: var(--btn-hover-color);
text-decoration: none; }
@media screen and (min-width: 768px) {
.club-submit__container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-top: 0.75rem;
padding-bottom: 0.75rem; }
.club-submit__main {
text-align: left;
margin-right: auto;
padding-right: 1.25rem; }
.club-submit__action {
max-width: 280px;
text-align: right;
margin-top: unset; } }
@media screen and (min-width: 1025px) {
.club-submit__main {
padding-left: 2.75rem; }
.club-submit__main-heading {
font-size: 1.125rem; }
.club-submit__main-price {
font-size: 1.5rem; }
.club-submit__promo {
display: block; }
.club-submit__action {
margin-top: 0;
max-width: none;
padding-left: 1.25rem;
padding-right: 2.75rem; } }
.club-submit--proceed {
--btn-bg: #ffffff;
--btn-color: #051e22;
--btn-hover-bg: #CDD2D3;
--btn-hover-color: #051e22; }
.club-cart {
background: #ebeced;
padding-top: 1.5rem;
padding-bottom: 1.5625rem; }
@media screen and (min-width: 768px) {
.club-cart {
padding-top: 2.5rem;
padding-bottom: 2.5rem; } }
@media screen and (min-width: 1025px) {
.club-cart {
padding-top: 3.5rem;
padding-bottom: 3.9375rem; } }
.club-cart__box {
margin-top: 0;
text-align: left;
background-image: url("../images/club/club-info.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: 0 4.75rem;
padding-left: 1.3125rem;
padding-right: 1.3125rem;
display: grid;
grid-template-columns: 1fr;
justify-items: center; }
@media screen and (min-width: 768px) {
.club-cart__box {
grid-template-columns: 1fr 1fr;
justify-items: stretch;
gap: 1.5rem;
background-size: 50% auto;
background-position: top right; } }
.club-cart__steaming-heading {
margin-bottom: 1.8125rem; }
.club-cart__steaming-title {
text-align: left; }
.club-cart__steaming-list {
list-style: none; }
@media screen and (min-width: 1025px) {
.club-cart__steaming {
padding-left: 1.5rem; } }
.club-cart__thing {
position: relative;
--icon-size: 0.5rem;
--icon-offset: 0.3125rem;
margin-bottom: 0.5rem;
padding-left: calc(var(--icon-size) * 2 + var(--icon-offset));
min-height: calc(2 * var(--icon-size));
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.club-cart__thing:before {
content: "";
font-size: var(--icon-size);
height: 2em;
width: 2em;
border-radius: 50%;
background: #badc75;
left: 0;
top: 0;
position: absolute;
line-height: 1;
text-rendering: auto;
background-image: var(--icon-checked);
background-size: var(--icon-size);
background-repeat: no-repeat;
background-position: center; }
.club-cart__thing-heading {
line-height: 1; }
.club-cart__thing-title {
font-size: 0.625rem;
line-height: 1.5;
font-weight: 500;
display: inline;
vertical-align: middle; }
.club-cart__thing-info {
--tip-icon-size: 0.75rem;
--tip-icon-color: #051e22;
--tip-color: #051e22; }
.club-cart__thing-subtitle {
font-size: 0.5625rem;
line-height: 1.5;
font-weight: 600;
color: #7faa26;
padding-left: 1rem; }
.club-cart__thing-text {
font-size: 0.875rem;
line-height: 1.5;
font-weight: 400;
margin-top: 0.9375rem;
display: none; }
.club-cart__thing-text p {
margin-bottom: 0.5rem; }
.club-cart__thing-text ul {
margin-top: 0.9375rem;
margin-bottom: 0.5rem;
list-style-type: disc;
padding-left: 1.5em; }
.club-cart__thing-text li {
margin-bottom: 0.40625rem; }
@media screen and (min-width: 768px) {
.club-cart__thing {
--icon-size: 1rem;
--icon-offset: 0.625rem;
margin-bottom: 1.5rem; }
.club-cart__thing-title {
font-size: 1rem; }
.club-cart__thing-subtitle {
font-size: 0.75rem;
padding-left: 0; }
.club-cart__thing-info {
--tip-icon-size: 1.5rem; } }
@media screen and (min-width: 1025px) {
.club-cart__thing {
--icon-offset: 1.3125rem; }
.club-cart__thing-title {
font-size: 1.375rem; }
.club-cart__thing-subtitle {
font-size: 1rem; }
.club-cart__thing-text {
display: block; } }
.club-cart__getting {
display: grid;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
align-self: center;
padding-top: 2.9375rem;
padding-bottom: 1.75rem; }
.club-cart__getting-item {
--bg-color: #cdd2d3;
--font-weight: 500;
text-align: left;
border-radius: 0.25rem;
padding: 0.9375rem 1.875rem;
display: grid;
gap: 2rem;
grid-template-columns: 1fr 1fr;
grid-template-areas: "a b";
font-size: 0.75rem;
line-height: 1.5;
color: rgba(5, 30, 34, 0.8);
font-weight: var(--font-weight);
background-color: var(--bg-color);
margin-bottom: 0.5625rem;
margin-top: 0.5625rem;
max-width: 30.8125rem;
margin-left: auto;
margin-right: auto;
width: 100%; }
.club-cart__getting-item--pay {
--bg-color: #DAEDB2; }
.club-cart__getting-item--save {
--bg-color: #a2d23e;
--font-weight: 700; }
.club-cart__getting-label {
grid-area: a; }
.club-cart__getting-value {
grid-area: b; }
.club-cart__getting-value span {
font-size: 0.66em; }
@media screen and (min-width: 768px) {
.club-cart__getting {
padding-top: 0.75rem;
padding-bottom: 0.75rem; }
.club-cart__getting-item {
font-size: 1.125rem; } }
@media screen and (min-width: 1025px) {
.club-cart__getting {
padding-left: 1.5rem;
padding-right: 1.5rem; }
.club-cart__getting-item {
font-size: 1.5rem; } }
@media screen and (min-width: 1200px) {
.club-cart__getting-item {
gap: 3rem;
grid-template-columns: 0.1fr 1fr 1fr;
grid-template-areas: ". a b"; } }
.club-checkout {
background: #ebeced;
padding-top: 0.5rem;
padding-bottom: 1rem; }
@media screen and (min-width: 768px) {
.club-checkout {
padding-top: 1rem;
padding-bottom: 3rem; } }
.club-checkout__container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: MIN(2rem, 4%);
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start; }
.club-checkout__box {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
text-align: left;
padding: 0;
max-width: 27.6875rem; }
@media screen and (min-width: 768px) {
.club-checkout__box {
-webkit-box-flex: 0;
-webkit-flex: 0 1 MIN(27.6875rem, 47%);
-ms-flex: 0 1 MIN(27.6875rem, 47%);
flex: 0 1 MIN(27.6875rem, 47%); } }
.club-checkout__box-section {
padding: 1rem 1.3125rem 1.25rem;
border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
.club-checkout__box-section:last-child {
border-bottom: none; }
@media screen and (min-width: 768px) {
.club-checkout__box-section {
padding: 1.5rem 2rem 2rem; } }
.club-checkout__details {
color: rgba(5, 30, 34, 0.8); }
.club-checkout__details-title {
font-size: 1rem;
line-height: 1.5;
margin-bottom: 0.8125rem;
color: rgba(5, 30, 34, 0.9); }
.club-checkout__details-price {
font-size: 1rem;
line-height: 1.5; }
.club-checkout__details-tip {
color: rgba(5, 30, 34, 0.7);
font-size: 0.5625rem;
line-height: 1.5; }
.club-checkout__details-text {
font-size: 0.5625rem;
line-height: 1.5;
margin-top: 1.0625rem; }
@media screen and (min-width: 768px) {
.club-checkout__details-title {
font-size: 1.5rem; }
.club-checkout__details-price {
font-size: 1.5rem;
margin-top: 1.5rem; }
.club-checkout__details-tip {
font-size: 0.875rem; }
.club-checkout__details-text {
font-size: 0.875rem;
margin-top: 1.6875rem; } }
.club-checkout__order-title {
font-weight: 700;
color: rgba(5, 30, 34, 0.9);
font-size: 1rem;
line-height: 1.5;
margin-bottom: 1.625rem; }
.club-checkout__order-subtitle {
font-size: 0.875rem;
line-height: 1.5;
margin-bottom: 0.9375rem;
font-weight: 400; }
.club-checkout__order-item {
font-size: 0.625rem;
line-height: 1.5;
font-weight: 500;
margin-bottom: 0.5625rem;
--icon-size: 0.5rem; }
.club-checkout__order-item:last-child {
margin-bottom: 0; }
.club-checkout__order-item-text {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
font-size: 0.625rem;
line-height: 1.5;
font-weight: 400; }
.club-checkout__order-item-text ul {
list-style-type: disc;
padding-left: 1.5em; }
.club-checkout__order-item-info {
--tip-icon-size: 0.9375rem; }
@media screen and (min-width: 768px) {
.club-checkout__order-title {
font-size: 1.5rem;
margin-bottom: 2.125rem; }
.club-checkout__order-subtitle {
font-size: 1.125rem; }
.club-checkout__order-item {
margin-bottom: 0.75rem;
font-size: 0.875rem;
--icon-size: 0.75rem; }
.club-checkout__order-item-text {
font-size: 0.875rem;
margin-top: 0.9375rem;
margin-bottom: 0.9375rem; }
.club-checkout__order-item-text p {
margin-bottom: 0.5625rem; }
.club-checkout__order-item-text ul {
margin-top: 0.5625rem;
margin-bottom: 0.5625rem; }
.club-checkout__order-item-text li {
margin-bottom: 0.375rem; }
.club-checkout__order-item-info {
--tip-icon-size: 1.3125rem; } }
.club-checkout__summary {
color: rgba(5, 30, 34, 0.9);
list-style: none;
font-weight: 400;
font-size: 0.75rem;
line-height: 1.5;
padding-top: 0.75rem;
padding-bottom: 0.75rem; }
.club-checkout__summary-line {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.club-checkout__summary-label {
padding-right: 1.25rem; }
@media screen and (min-width: 768px) {
.club-checkout__summary {
font-size: 1.125rem; } }
.club-checkout__total {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
font-weight: 700;
font-size: 1rem;
line-height: 1.5;
background: rgba(5, 30, 34, 0.18);
border-radius: 0 0 0.3125rem 0.3125rem; }
.club-checkout__total-label {
padding-right: 1.25rem; }
@media screen and (min-width: 768px) {
.club-checkout__total {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
font-size: 1.5rem; } }
.club-membership {
padding-top: 1.625rem;
padding-bottom: 1.6875rem; }
@media screen and (min-width: 1025px) {
.club-membership__container {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-areas: "main main" "benefits topics" "benefits message" "benefits ."; } }
@media screen and (min-width: 1340px) {
.club-membership__container {
grid-template-areas: "main main" "benefits topics" ". message"; } }
.club-membership__main {
grid-area: main;
margin-bottom: 1.4375rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.club-membership__main-heading {
padding-right: 1.25rem;
text-align: left; }
.club-membership__main-title {
margin-bottom: 1.0625rem;
font-weight: 700;
text-align: left;
margin-top: 0; }
.club-membership__main-manage {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start; }
.club-membership__main-upgrade {
display: none; }
.club-membership__main-more {
--icon-size: 1.25rem;
margin-left: 1.125rem;
margin-top: 0.375rem; }
@media screen and (min-width: 768px) {
.club-membership__main-more {
--icon-size: 2.5rem;
margin-top: 0; } }
@media screen and (min-width: 1025px) {
.club-membership__main-upgrade {
display: block; } }
.club-membership__benefits {
grid-area: benefits;
background: rgba(5, 30, 34, 0.05);
border-radius: 0.3125rem;
padding: 1.375rem 2.6875rem 1.125rem;
align-self: stretch; }
.club-membership__benefits-title {
font-weight: 700; }
.club-membership__benefits-list {
margin-top: 1.6875rem; }
.club-membership__benefits-thing {
margin-bottom: 1.625rem;
--icon-size: 1rem;
--icon-offset: 1.3125rem; }
.club-membership__benefits-name {
font-size: 0.625rem;
line-height: 1.5;
font-weight: 500;
display: inline;
vertical-align: middle; }
.club-membership__benefits-info {
--tip-icon-size: 0.75rem;
--tip-icon-color: #051e22;
--tip-color: #051e22; }
.club-membership__benefits-subtitle {
font-size: 0.5625rem;
line-height: 1.5;
font-weight: 600;
color: #7faa26;
padding-left: 1rem; }
@media screen and (min-width: 768px) {
.club-membership__benefits-name {
font-size: 1.375rem; }
.club-membership__benefits-subtitle {
font-size: 1rem;
padding-left: 0; }
.club-membership__benefits-info {
--tip-icon-size: 1.5rem; } }
@media screen and (min-width: 1025px) {
.club-membership__benefits {
margin-right: 9%; } }
.club-membership__topics {
grid-area: topics;
padding-top: 1.5rem;
--topics-per-row: 1;
--topics-gap: 0.6875rem; }
.club-membership__topics-label {
font-size: 0.875rem;
line-height: 1.5;
font-weight: 700;
margin-bottom: 1rem;
padding-left: 0.75rem; }
.club-membership__topics-list {
display: grid;
grid-template-columns: repeat(var(--topics-per-row), 1fr);
gap: var(--topics-gap); }
@media screen and (min-width: 480px) {
.club-membership__topics {
--topics-per-row: 2; } }
@media screen and (min-width: 768px) {
.club-membership__topics {
--topics-gap: 2.1875rem; }
.club-membership__topics-label {
margin-bottom: 1.5625rem;
font-size: 1.5rem;
padding-left: 0; } }
@media screen and (min-width: 1025px) {
.club-membership__topics {
--topics-gap: 1rem;
--topics-per-row: 1; } }
@media screen and (min-width: 1200px) {
.club-membership__topics {
--topics-gap: 2.1875rem; } }
.club-membership__topic {
box-shadow: 0 0.3125rem 0.3125rem 0 rgba(0, 0, 0, 0.25);
color: #ffffff;
font-size: 1.8125rem;
line-height: 1.5;
font-weight: 500;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
padding: 0.625rem;
aspect-ratio: 8/5;
position: relative; }
.club-membership__topic-media {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 0; }
.club-membership__topic-media img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.club-membership__topic-name {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
--link-decoration: none;
--link-hover-decoration: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
z-index: 5; }
.club-membership__topic-locked {
position: absolute;
z-index: 10;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0.5rem;
font-size: 2.5rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
background: rgba(0, 0, 0, 0.5); }
.club-membership__topic-unlocked {
position: absolute;
top: 0;
left: 50%; }
.club-membership__topic-unlocked:before {
-webkit-transform: translate(-50%, 50%);
-ms-transform: translate(-50%, 50%);
transform: translate(-50%, 50%); }
.club-membership__topic-icon {
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, 50%);
-ms-transform: translate(-50%, 50%);
transform: translate(-50%, 50%); }
@media screen and (min-width: 768px) {
.club-membership__topic {
font-size: 2rem; } }
@media screen and (min-width: 1025px) {
.club-membership__topic {
aspect-ratio: 5/1; }
.club-membership__topic-unlocked {
left: 5%;
top: 50%; }
.club-membership__topic-unlocked:before {
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%); }
.club-membership__topic-icon {
position: static;
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0); } }
.club-membership__message {
grid-area: message;
font-size: 0.75rem;
line-height: 1.5;
font-weight: 500;
padding-top: 1.0625rem; }
.club-membership__message a {
font-weight: bold;
--link-hover-decoration: none; }
@media screen and (min-width: 768px) {
.club-membership__message {
padding-top: 1.6875rem;
font-size: 1.125rem; } }
@media screen and (min-width: 1340px) {
.club-membership__message {
margin-bottom: -4.0625rem; } }
.club-membership__mobile {
display: block;
margin-top: 1.875rem;
margin-bottom: 0.625rem;
text-align: center; }
.club-membership__mobile-upgrade {
width: MIN(100%, 18.75rem); }
@media screen and (min-width: 1025px) {
.club-membership__mobile {
display: none; } }
@media screen and (min-width: 768px) {
.club-membership {
padding-top: 3rem;
padding-bottom: 3rem; } }
@media screen and (min-width: 1025px) {
.club-membership {
padding-top: 4.8125rem; } }
@media screen and (min-width: 1340px) {
.club-membership {
padding-bottom: 6.5625rem; } }
.club-edit {
--fields-per-column: 1; }
.club-edit__section {
border: none;
padding: 1.5rem 0 2.875rem 0; }
.club-edit__section--border-top {
border-top: 0.0625rem solid #000000;
padding-top: 2.5rem; }
.club-edit__content {
margin-top: 0.875rem; }
.club-edit__newsletters-group {
padding-top: 0;
margin-top: 1.5rem; }
.club-edit__group {
display: grid;
--grid-columns: calc(var(--fields-per-column) * 2);
grid-template-columns: repeat(var(--grid-columns), 1fr);
row-gap: 1rem;
-webkit-column-gap: 1.25rem;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
margin-top: 1.5rem; }
.club-edit__field {
grid-column: span 2; }
.club-edit__field--small {
grid-column: span 1; }
.club-edit__footer {
border-top: 0.0625rem solid #000000;
padding-top: 1.625rem;
padding-bottom: 1.6875rem; }
.club-edit__footer-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
@media screen and (min-width: 480px) {
.club-edit {
--fields-per-column: 2; } }
@media screen and (min-width: 768px) {
.club-edit__section {
padding-top: 1.1875rem; }
.club-edit__section--border-top {
padding-top: 1.1875rem; }
.club-edit__content {
margin-top: 2.5rem; }
.club-edit__newsletters-group {
margin-top: 2.5rem;
padding-bottom: 0.5rem; }
.club-edit__group {
margin-top: 2rem;
row-gap: 1.25rem;
-webkit-column-gap: 2.5rem;
-moz-column-gap: 2.5rem;
column-gap: 2.5rem; }
.club-edit__footer {
padding-top: 2rem;
padding-bottom: 2rem; } }
@media screen and (min-width: 1025px) {
.club-edit {
--fields-per-column: 3; }
.club-edit__footer-container {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.club-edit__group {
row-gap: 2rem;
-webkit-column-gap: 3.125rem;
-moz-column-gap: 3.125rem;
column-gap: 3.125rem; } }
.club-thanks {
padding-top: 1.5rem;
padding-bottom: 2.25rem;
--text-align: center;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
--text-width: 37.5rem;
--main-color: #fff;
--main-mark-color: #acff00;
--title-color: #fff;
--title-mark-color: #a2d23e;
--description-color: #fff;
--description-mark-color: #a2d23e;
--min-height: 100%;
--bg-color: rgba(5, 30, 34, 0.8);
color: var(--main-color);
background: var(--bg-color);
min-height: calc(var(--min-height) / 2); }
.club-thanks__media {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 0; }
.club-thanks__media img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.club-thanks__container {
position: relative;
z-index: 5;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%; }
.club-thanks__info {
text-align: var(--text-align); }
.club-thanks__title {
font-size: 2rem;
font-weight: 700;
color: var(--title-color);
margin-bottom: 0.5rem;
margin-top: 0.9375rem; }
.club-thanks__title span {
color: var(--title-mark-color); }
.club-thanks__actions {
margin-top: 1.25rem; }
.club-thanks__overtitle {
font-size: 0.875rem;
font-weight: 500;
color: var(--description-color); }
.club-thanks__subtitle {
font-size: 1.25rem;
margin-bottom: 1.25rem; }
.club-thanks__text {
font-size: 1rem;
line-height: 1.5;
font-weight: 500;
color: var(--description-color);
max-width: var(--text-width);
margin-left: auto;
margin-right: auto;
margin-bottom: 1.25rem; }
.club-thanks__text span {
color: var(--description-mark-color); }
.club-thanks__text p {
margin-bottom: 0.5rem;
font-size: inherit; }
.club-thanks__btn {
--btn-bg: #ffffff;
--btn-color: #051e22;
--btn-hover-color: #051e22;
--btn-hover-bg: #f3f4f4; }
@media screen and (min-width: 768px) {
.club-thanks {
--text-width: 45rem; }
.club-thanks__title {
font-size: 3rem;
margin-bottom: 1.875rem; }
.club-thanks__subtitle {
font-size: 1.5rem; }
.club-thanks__overtitle {
font-size: 1.125rem; }
.club-thanks__text {
font-size: 1.125rem; }
.club-thanks__more {
font-size: 1rem; } }
@media screen and (min-width: 1025px) {
.club-thanks {
padding-top: 3rem;
padding-bottom: 4.5rem; }
.club-thanks__actions {
margin-top: 2.5rem; } }
@media screen and (min-width: 1200px) {
.club-thanks {
min-height: var(--min-height);
padding-top: 5.375rem;
padding-bottom: 5.375rem;
--text-width: 58.125rem; }
.club-thanks__title {
font-size: 4.6875rem; }
.club-thanks__subtitle {
font-size: 2.25rem; }
.club-thanks__overtitle {
font-size: 1.875rem; }
.club-thanks__text {
font-size: 1.5rem; } }
.club-thanks--light {
--main-color: #051e22;
--title-color: #051e22;
--description-color: #051e22;
--bg-color: #ffffff; }
.t-club-base {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto; }
.t-club-base,
.t-club-base > .woocommerce {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: stretch;
-webkit-justify-content: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.t-club-base > *,
.t-club-base > .woocommerce > * {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.t-club-base > .club-hero,
.t-club-base > .woocommerce > .club-hero {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0; }
.t-club-base > .wp-woocommerce-notice,
.t-club-base > .woocommerce-notices-wrapper,
.t-club-base > .woocommerce > .wp-woocommerce-notice,
.t-club-base > .woocommerce > .woocommerce-notices-wrapper {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.t-club-base__message {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
font-size: 1rem;
text-align: center;
padding-top: 3rem;
padding-bottom: 3rem; }
.t-club-base__message span {
color: #a2d23e;
cursor: pointer; }
.t-club-base .woocommerce-notices-wrapper .woocommerce-error,
.t-club-base .woocommerce-notices-wrapper .woocommerce-info,
.t-club-base .woocommerce-notices-wrapper .woocommerce-message {
--content-width: 88.25rem;
--content-padding: 1.25rem;
--padding-base: var(--content-padding);
position: relative;
font-size: 0.75rem;
padding-left: calc(2.5em + var(--padding-base));
padding-right: var(--padding-base);
border-top: 3px solid var(--accent-color);
line-height: 1.5;
margin-bottom: 0;
background: var(--accent-bg); }
@media screen and (min-width: 768px) {
.t-club-base .woocommerce-notices-wrapper .woocommerce-error,
.t-club-base .woocommerce-notices-wrapper .woocommerce-info,
.t-club-base .woocommerce-notices-wrapper .woocommerce-message {
--content-padding: 2.5rem; } }
.t-club-base .woocommerce-notices-wrapper .woocommerce-error::before,
.t-club-base .woocommerce-notices-wrapper .woocommerce-info::before,
.t-club-base .woocommerce-notices-wrapper .woocommerce-message::before {
content: var(--accent-icon);
font-family: WooCommerce;
color: var(--accent-color);
left: var(--padding-base);
top: 0.7em;
font-size: 1.5em;
line-height: 1; }
@media screen and (min-width: 88.25rem) {
.t-club-base .woocommerce-notices-wrapper .woocommerce-error,
.t-club-base .woocommerce-notices-wrapper .woocommerce-info,
.t-club-base .woocommerce-notices-wrapper .woocommerce-message {
--padding-base: calc((100vw - var(--content-width)) / 2 + var(--content-padding)); } }
@media screen and (min-width: 1025px) {
.t-club-base .woocommerce-notices-wrapper .woocommerce-error,
.t-club-base .woocommerce-notices-wrapper .woocommerce-info,
.t-club-base .woocommerce-notices-wrapper .woocommerce-message {
font-size: 1rem; } }
.t-club-base .woocommerce-notices-wrapper .woocommerce-info {
--accent-color: #1e85be;
--accent-bg: rgba(30, 133, 190, 0.15);
--accent-icon: "\e015"; }
.t-club-base .woocommerce-notices-wrapper .woocommerce-error {
--accent-color: #b81c23;
--accent-bg: rgba(184, 28, 35, 0.15);
--accent-icon: "\e016"; }
.t-club-base .woocommerce-notices-wrapper .woocommerce-message {
--accent-color: #8fae1b;
--accent-bg: rgba(143, 174, 27, 0.15);
--accent-icon: "\e015"; }
@media screen and (min-width: 768px) {
.t-club-base__message {
font-size: 1.5rem; } }