:root { --color-bg-main: hsla(33, 7%, 24%, 1); --color-bg-main-alt: hsla(30, 9%, 43%, 1.0); --color-fg-main: hsla(31, 17%, 65%, 1); --color-white: hsla(0, 0%, 100%, 1); --color-neutral-gray: hsla(80, 1%, 59%, 1); --color-accent: hsla(65, 41%, 49%, 1); --color-accent-alt: hsla(18, 45%, 49%, 1); --color-bg-dark: hsla(10, 6%, 20%, 1); --color-bg-dark-alt: hsla(7, 5%, 43%, 1.0); --color-account-green: #787a3b; --color-footer-brown: #585148; --color-shamanskitchen-yellow: #c79d44; --color-neutral-dark: hsla(120, 1%, 25%, 1); --color-neutral-light: hsla(36, 24%, 40%, 1); --color-neutral-accent: hsla(27, 42%, 44%, 1); --color-bg-container-light: #585148; --color-bg-container-mid: #413e39; --color-bg-container-dark: #363130;  --space-3xs: clamp(0.25rem, calc(0.25rem + 0.00vw), 0.25rem); --space-2xs: clamp(0.50rem, calc(0.50rem + 0.00vw), 0.50rem); --space-xs: clamp(0.75rem, calc(0.75rem + 0.00vw), 0.75rem); --space-s: clamp(1.00rem, calc(1.00rem + 0.00vw), 1.00rem); --space-m: clamp(1.50rem, calc(1.50rem + 0.00vw), 1.50rem); --space-l: clamp(2.00rem, calc(2.00rem + 0.00vw), 2.00rem); --space-xl: clamp(3.00rem, calc(3.00rem + 0.00vw), 3.00rem); --space-2xl: clamp(4.00rem, calc(4.00rem + 0.00vw), 4.00rem); --space-3xl: clamp(6.00rem, calc(6.00rem + 0.00vw), 6.00rem);  --space-3xs-2xs: clamp(0.25rem, calc(0.18rem + 0.36vw), 0.50rem); --space-2xs-xs: clamp(0.50rem, calc(0.43rem + 0.36vw), 0.75rem); --space-xs-s: clamp(0.75rem, calc(0.68rem + 0.36vw), 1.00rem); --space-s-m: clamp(1.00rem, calc(0.86rem + 0.71vw), 1.50rem); --space-m-l: clamp(1.50rem, calc(1.36rem + 0.71vw), 2.00rem); --space-l-xl: clamp(2.00rem, calc(1.71rem + 1.43vw), 3.00rem); --space-xl-2xl: clamp(3.00rem, calc(2.71rem + 1.43vw), 4.00rem); --space-2xl-3xl: clamp(4.00rem, calc(3.43rem + 2.86vw), 6.00rem);  --font-size-xs: clamp(1.02rem, -0.12vw + 1.07rem, 0.9rem); --font-size-sm: clamp(1.38rem, -0.08vw + 1.41rem, 1.2rem); --font-size-base: clamp(1.6rem, 0vw + 1.6rem, 1.6rem); --font-size-md: clamp(2rem, 0.13vw + 1.95rem, 2.13rem); --font-size-lg: clamp(2.5rem, 0.33vw + 2.37rem, 2.84rem); --font-size-xl: clamp(3.13rem, 0.64vw + 2.87rem, 3.79rem); --font-size-xxl: clamp(3.91rem, 1.1vw + 3.47rem, 5.05rem); --font-size-3xl: clamp(4.88rem, 1.78vw + 4.17rem, 6.73rem); } #brx-content { overflow-x: clip; } [role="button"] { cursor: pointer; }   input:is(:active, :focus) { border-color: var(--color-white) !important; } .brx-body.iframe .x-modal_preview-end .x-modal_container, .brx-body.iframe .x-modal_preview.x-modal_preview-end .x-modal_container { opacity: 1; }  .online-class-billboard { position: relative; height: 100%; overflow: hidden; } .online-class-billboard .billboard__header__text { display: flex; font-size: var(--font-size-md); flex-direction: column; place-items: flex-start; padding: var(--space-2xl-3xl) var(--space-m-l); } .online-class-billboard .billboard__title, .class--online .billboard__title { font-size: var(--font-size-xl); line-height: 1; } .online-class-billboard .billboard__date { color: var(--color-fg-main); } .online-class-billboard .billboard__subtitle { font-size: var(--font-size-md); } .online-class-billboard .billboard__footer { display: none; }  .billboard__image__wrapper { position: absolute; inset: 0; width: 100%; height: 100%; overflow: hidden; object-size: cover; pointer-events: none; transition: transform .3s cubic-bezier(0.42, 0, 0.58, 1); transform: scale(1.08); z-index: -1; } .billboard__image { background-size: cover; background-position: 50% 50%; }  .online-class-billboard .billboard__image__container { position: relative; overflow: hidden; } .online-class-billboard .billboard__image { margin-left: 20%; background-size: cover; background-position: 50% 50%; } .online-class-billboard .billboard__header { position: absolute; flex-direction: column; align-items: flex-start; justify-content: flex-start; background-color: var(--color-bg-main); top: var(--space-s-m); left: 20vw; width: 28vw; max-width: 60rem;  transition: transform .3s ease-in-out,opacity .3s ease-in-out; transform: translate(-72%,50px); text-align: right; } .online-class-billboard .billboard__footer { place-self: flex-end; background: transparent; margin-top: auto; margin-left: auto; place-self: flex-end; padding: var(--space-2xl-3xl); width: 50%; max-width: 50rem; min-height: 24rem; } .online-class-billboard .billboard__header__counter { position: absolute; right: var(--space-l-xl); top: calc(var(--space-2xl-3xl) + 1.5rem); } .page-billboard--center, .page-billboard--right, .page-billboard--left { display: block; } .page-billboard--center .billboard__subtitle { width: fit-content; margin: auto; } .page-billboard--center .page-brand-billboard__footer { display: flex; place-content: center; width: 100%; height: 100%; } .page-billboard--right .billboard__subtitle { width: fit-content; margin-left: auto; } .page-billboard--right .page-brand-billboard__footer { display: flex; place-content: flex-end; width: 100%; height: 100%; }  .color-account-green { color: var(--color-account-green) !important; } .color-fg-main { color: var(--color-fg-main) !important; } .color-white { color: var(--color-white) !important; } .color-shamanskitchen-yellow { color: var(--color-shamanskitchen-yellow) !important; }  .input, input:not([type="submit"]), select, textarea { border-style: solid; border-width: 1px; box-shadow: none; color: currentcolor; font-size: inherit; line-height: 40px; outline: none;  transition: var(--bricks-transition); width: 100%; background-color: transparent; border: 0; border-bottom: 0.1rem solid var(--color-neutral-gray); padding: 0; } input::placeholder, textarea::placeholder { opacity: 1; color: var(--color-bg-main-alt); } button, [type="button"], [type="reset"], [type="submit"] { background-color: var(--color-account-green); } button { border: none; cursor: pointer; outline: none; padding: 0; background-color: var(--color-account-green); color: var(--color-accent); height: 4.8rem; width: 100%; text-align: center; text-transform: lowercase; font-weight: 600; border-radius: 1rem; } #password-reset-form { display: flex; flex-direction: column; gap: var(--space-m-l); } #password-reset-form button { margin-top: var(--space-s-m); }  .x-modal_close { width: fit-content; width: -webkit-fit-content; } .admin-bar .x-modal_container { top: var(--wp-admin--admin-bar--height) !important; }  .bricks-posts-nothing-found { grid-column: 1 / -1; }  .brxe-woocommerce-mini-cart .cart-detail li .variation { text-align: left; } .brxe-woocommerce-mini-cart.show-cart-details .cart-detail :where(.bricks-mini-cart-close) { place-items: baseline; } .woocommerce-mini-cart { margin-top: var(--space-3xl); } .brxe-woocommerce-mini-cart .cart-detail li { display: flex; }  @media screen and (max-width: 767px) { .online-class-billboard .billboard__header { width: auto; max-width: 100%; transform: translate(0,30%); left: 0; } .online-class-billboard .billboard__footer { width: unset; } .online-class-billboard .billboard__title, .class--online .billboard__title { font-size: var(--font-size-lg); } }