.vefm-play,
.vefm-playlist-playpause,
.vefm-playlist-shuffle,
.vefm-concert-ticket-link,
.vefm-add-to-cart,
.vefm-buy-album,
.vefm-rp-toggle,
.vefm-rp-stop,
.vefm-ratings-submit {
border: 0;
background: var( --vefm-button-bg, var( --vefm-accent, var( --wp--preset--color--primary, #1e1e1e ) ) );
color: var( --vefm-button-text-color, var( --wp--preset--color--background, #fff ) );
cursor: pointer;
font-family: var( --vefm-font-family, inherit );
opacity: 1;
transition: opacity 0.15s ease, transform 0.1s ease;
} .vefm-concert-ticket-link:hover,
.vefm-concert-ticket-link:focus,
.vefm-concert-ticket-link:active {
background: var( --vefm-button-bg, var( --vefm-accent, var( --wp--preset--color--primary, #1e1e1e ) ) );
color: var( --vefm-button-text-color, var( --wp--preset--color--background, #fff ) );
text-decoration: none;
} .vefm-lyrics-toggle,
.vefm-volume-toggle,
.vefm-rp-volume-toggle,
.vefm-concert-description-toggle,
.vefm-rate-form .vefm-rate-cancel {
opacity: 1;
transition: opacity 0.15s ease, transform 0.1s ease;
} .vefm-play:is( :hover, :focus-visible ):not( :disabled, .vefm-play--disabled ),
.vefm-playlist-playpause:is( :hover, :focus-visible ):not( :disabled ),
.vefm-playlist-shuffle:is( :hover, :focus-visible ):not( :disabled ),
.vefm-concert-ticket-link:is( :hover, :focus-visible ),
.vefm-add-to-cart:is( :hover, :focus-visible ):not( :disabled ),
.vefm-buy-album:is( :hover, :focus-visible ):not( :disabled ),
.vefm-rp-toggle:is( :hover, :focus-visible ):not( :disabled ),
.vefm-rp-stop:is( :hover, :focus-visible ):not( :disabled ),
.vefm-ratings-submit:is( :hover, :focus-visible ):not( :disabled ),
.vefm-album-cover-flip .vefm-album-cover-toggle:is( :hover, :focus-visible ):not( :disabled ),
.vefm-lightbox .vefm-lightbox-button:is( :hover, :focus-visible ):not( :disabled ),
.vefm-lyrics-toggle:is( :hover, :focus-visible ),
.vefm-volume-toggle:is( :hover, :focus-visible ),
.vefm-rp-volume-toggle:is( :hover, :focus-visible ),
.vefm-concert-description-toggle:is( :hover, :focus-visible ),
.vefm-rate-form .vefm-rate-cancel:is( :hover, :focus-visible ) {
opacity: var( --vefm-btn-hover-opacity, 0.85 );
} @media ( prefers-reduced-motion: no-preference ) {
.vefm-play:focus-visible:not( :disabled, .vefm-play--disabled ),
.vefm-playlist-playpause:focus-visible:not( :disabled ),
.vefm-playlist-shuffle:focus-visible:not( :disabled ),
.vefm-concert-ticket-link:focus-visible,
.vefm-add-to-cart:focus-visible:not( :disabled ),
.vefm-buy-album:focus-visible:not( :disabled ),
.vefm-rp-toggle:focus-visible:not( :disabled ),
.vefm-rp-stop:focus-visible:not( :disabled ),
.vefm-ratings-submit:focus-visible:not( :disabled ),
.vefm-album-cover-flip .vefm-album-cover-toggle:focus-visible:not( :disabled ),
.vefm-lightbox .vefm-lightbox-button:focus-visible:not( :disabled ),
.vefm-lyrics-toggle:focus-visible,
.vefm-volume-toggle:focus-visible,
.vefm-rp-volume-toggle:focus-visible,
.vefm-concert-description-toggle:focus-visible,
.vefm-rate-form .vefm-rate-cancel:focus-visible {
transform: scale( var( --vefm-btn-hover-scale, 0.97 ) );
}
@media ( hover: hover ) {
.vefm-play:hover:not( :disabled, .vefm-play--disabled ),
.vefm-playlist-playpause:hover:not( :disabled ),
.vefm-playlist-shuffle:hover:not( :disabled ),
.vefm-concert-ticket-link:hover,
.vefm-add-to-cart:hover:not( :disabled ),
.vefm-buy-album:hover:not( :disabled ),
.vefm-rp-toggle:hover:not( :disabled ),
.vefm-rp-stop:hover:not( :disabled ),
.vefm-ratings-submit:hover:not( :disabled ),
.vefm-album-cover-flip .vefm-album-cover-toggle:hover:not( :disabled ),
.vefm-lightbox .vefm-lightbox-button:hover:not( :disabled ),
.vefm-lyrics-toggle:hover,
.vefm-volume-toggle:hover,
.vefm-rp-volume-toggle:hover,
.vefm-concert-description-toggle:hover,
.vefm-rate-form .vefm-rate-cancel:hover {
transform: scale( var( --vefm-btn-hover-scale, 0.97 ) );
}
}
.vefm-play:active:not( :disabled, .vefm-play--disabled ),
.vefm-playlist-playpause:active:not( :disabled ),
.vefm-playlist-shuffle:active:not( :disabled ),
.vefm-concert-ticket-link:active,
.vefm-add-to-cart:active:not( :disabled ),
.vefm-buy-album:active:not( :disabled ),
.vefm-rp-toggle:active:not( :disabled ),
.vefm-rp-stop:active:not( :disabled ),
.vefm-ratings-submit:active:not( :disabled ),
.vefm-album-cover-flip .vefm-album-cover-toggle:active:not( :disabled ),
.vefm-lightbox .vefm-lightbox-button:active:not( :disabled ),
.vefm-lyrics-toggle:active,
.vefm-volume-toggle:active,
.vefm-rp-volume-toggle:active,
.vefm-concert-description-toggle:active,
.vefm-rate-form .vefm-rate-cancel:active {
transform: scale( 0.95 );
}
} .vefm-play:focus-visible,
.vefm-playlist-playpause:focus-visible,
.vefm-playlist-shuffle:focus-visible,
.vefm-concert-ticket-link:focus-visible,
.vefm-add-to-cart:focus-visible,
.vefm-buy-album:focus-visible,
.vefm-rp-toggle:focus-visible,
.vefm-rp-stop:focus-visible,
.vefm-ratings-submit:focus-visible,
.vefm-album-cover-flip .vefm-album-cover-toggle:focus-visible {
outline: 2px solid var( --vefm-accent, var( --wp--preset--color--primary, #1e1e1e ) );
outline-offset: 2px;
}
.vefm-lyrics-toggle:focus-visible,
.vefm-volume-toggle:focus-visible,
.vefm-rp-volume-toggle:focus-visible,
.vefm-concert-description-toggle:focus-visible,
.vefm-rate-form .vefm-rate-cancel:focus-visible {
outline: 2px solid currentColor;
outline-offset: 2px;
} .vefm-play:disabled,
.vefm-playlist-playpause:disabled,
.vefm-playlist-shuffle:disabled,
.vefm-add-to-cart:disabled,
.vefm-buy-album:disabled,
.vefm-rp-toggle:disabled,
.vefm-rp-stop:disabled,
.vefm-ratings-submit:disabled {
opacity: var( --vefm-btn-disabled-opacity, 0.6 );
cursor: default;
}:root {
--vefm-font-size-small: clamp(.75rem, .69rem + .26vw, .9rem);
--vefm-font-size-normal: clamp(.875rem, .79rem + .39vw, 1.1rem);
--vefm-font-size-medium: clamp(1rem, .88rem + .52vw, 1.3rem);
--vefm-font-size-large: clamp(1.2rem, 1.08rem + .52vw, 1.5rem);
--vefm-font-size-x-large: clamp(1.6rem, 1.4rem + .87vw, 2.1rem);
--vefm-font-size-xx-large: clamp(2rem, 1.61rem + 1.74vw, 3rem);
} input[id^="vefm-"]::placeholder,
input[class*="vefm-"]::placeholder,
textarea[id^="vefm-"]::placeholder,
textarea[class*="vefm-"]::placeholder {
white-space: wrap;
} .et_pb_module.vefmpro_divi_donate,
.et_pb_module.vefmpro_divi_billetterie,
.et_pb_module.vefmpro_divi_account,
.et_pb_module.vefmpro_divi_printful_list,
.et_pb_module.vefmpro_divi_cart,
.et_pb_module.vefmpro_divi_preorder,
.et_pb_module.vefmpro_divi_merch_list {
overflow: hidden;
} :is(.vefm-cart, .vefm-donate, .vefmpro-merch-list, .vefmpro-printful-list, .vefmpro-billetterie, .vefm-preorder, .vefm-account) :is(button, input, select, textarea) {
font-family: inherit;
}
.vefm-has-font :is(.vefm-cart, .vefm-donate, .vefmpro-merch-list, .vefmpro-printful-list, .vefmpro-billetterie, .vefm-preorder, .vefm-account) :is(h1, h2, h3, h4, h5, h6) {
font-family: var( --vefm-font-family, inherit );
}
:is(.vefm-cart, .vefm-donate, .vefmpro-merch-list, .vefmpro-printful-list, .vefmpro-billetterie, .vefm-preorder, .vefm-account)[class*="-font-family"] :is(h1, h2, h3, h4, h5, h6) {
font-family: inherit;
}
.vefm-cart,
.vefm-donate {
font-family: var( --vefm-font-family, inherit );
color: inherit;
}   .vefmpro_divi_cart {
width: 100%;
}
.vefm-cart {
width: auto; min-width: min(220px, 100%); max-width: var( --vefm-cart-max-width, none );
padding: clamp(8px, 2vw, 24px); border-radius: var( --vefm-block-radius, var( --vefm-cart-radius, 14px ) );
background: var( --vefm-cart-bg, var( --vefm-track-bg, rgba(0, 0, 0, 0.14) ) );
color: var( --vefm-cart-text, inherit );
border: 1px solid rgba(0, 0, 0, 0.12);
}
.vefm-cart h3 {
margin: 0 0 16px;
display: flex;
align-items: center;
gap: 8px; color: var( --vefm-cart-title-color, inherit );
}
.vefm-cart h3::before {
content: '🛒';
font-size: var(--wp--preset--font-size--medium, var(--vefm-font-size-medium));
}
.vefm-cart-lines {
list-style: none;
margin: 0 0 14px;
padding: 0;
}
.vefm-cart-line {
display: flex;
align-items: center;
justify-content: flex-end; gap: 10px;
padding: 10px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.08); border-radius: var( --vefm-content-radius, 0 );
}
.vefm-cart-line:last-child {
border-bottom: none;
}
.vefm-cart-line-main {
display: flex;
flex: 1 1 auto;
flex-direction: column;
gap: 2px;
min-width: 0;
}
.vefm-cart-line-title {
flex: 1 1 auto;
font-size: var(--wp--preset--font-size--normal, var(--vefm-font-size-normal));
}
.vefm-cart-line-note {
font-size: var(--wp--preset--font-size--small, var(--vefm-font-size-small));
opacity: 0.6;
font-style: italic;
}
.vefm-cart-line-note.vefm-cart-line-stock-warning {
color: #d63638; }
.vefm-cart-line-price {
flex: 1 0 auto;
opacity: 0.75;
font-variant-numeric: tabular-nums;
text-align: right;
}
.vefm-cart-remove {
background: rgba(0, 0, 0, 0.06);
border: none;
border-radius: 50%;
width: 22px;
height: 22px;
cursor: pointer;
font-size: var(--wp--preset--font-size--medium, var(--vefm-font-size-medium));
line-height: 1;
color: inherit;
flex: 0 0 auto;
}
.vefm-cart-remove:hover {
background: rgba(0, 0, 0, 0.12);
}
.vefm-cart-empty {
opacity: 0.65;
font-style: italic;
padding: 16px 0;
text-align: center;
}
.vefm-cart-discount {
text-align: right;
opacity: 0.7;
font-size: var(--wp--preset--font-size--medium, var(--vefm-font-size-medium));
margin: 0 0 4px;
}
.vefm-cart-total {
display: flex;
justify-content: flex-end;
font-size: var(--wp--preset--font-size--medium, var(--vefm-font-size-medium));
border-top: 2px solid rgba(0, 0, 0, 0.15);
padding-top: 12px;
margin: 0;
}
.vefm-cart-promo-applied {
display: flex;
justify-content: space-between;
align-items: center;
text-align: right;
opacity: 0.85;
font-size: var(--wp--preset--font-size--medium, var(--vefm-font-size-medium));
margin: 0 0 4px;
color: var( --vefm-accent, var( --wp--preset--color--primary, #1e1e1e ) );
}
.vefm-cart-promo-applied .vefm-cart-promo-remove {
border: none;
background: none;
text-decoration: underline;
cursor: pointer;
font-size: var(--wp--preset--font-size--medium, var(--vefm-font-size-medium));
padding: 0;
color: inherit;
}
.vefm-cart-promo-form {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 10px;
gap: 6px;
}
.vefm-cart-promo-input {
flex: 1;
min-width: 120px;
padding: 6px 10px;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.2);
}
.vefm-cart-promo-apply {
border-radius: 4px;
padding: 6px 14px;
font-size: var(--wp--preset--font-size--normal, var(--vefm-font-size-normal));
}
.vefm-cart-promo-error {
flex-basis: 100%;
color: #d63638;
font-size: var(--wp--preset--font-size--normal, var(--vefm-font-size-normal));
}
.vefm-cart-checkout {
margin-top: 20px;
padding-top: 20px;
border-top: 1px dashed rgba(0, 0, 0, 0.15);
}
.vefm-cart-consent {
display: flex;
align-items: flex-start;
gap: 10px;
margin: 0 0 18px;
font-size: var(--wp--preset--font-size--small, var(--vefm-font-size-small));
line-height: 1.5;
opacity: 0.85;
}
.vefm-cart-consent input {
margin-top: 3px;
flex: 0 0 auto;
}
#vefm-paypal-buttons {
margin-bottom: 10px;
}
.vefm-stripe-checkout {
display: block;
width: 100%;
padding: 12px;
border-radius: 8px;
font-size: var(--wp--preset--font-size--normal, var(--vefm-font-size-normal));
font-weight: 600;
}
.vefm-cart-confirmation {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
text-align: center;
padding: 32px 16px;
color: #1e7e34;
}
.vefm-cart-confirmation-icon {
width: 48px;
height: 48px;
color: #1e7e34;
}
.vefm-cart-confirmation-text {
margin: 0;
font-size: var(--wp--preset--font-size--normal, var(--vefm-font-size-normal));
font-weight: 600;
line-height: 1.4;
}
.vefm-view-cart-link { margin-inline-start: 0.75em;
font-size: var(--wp--preset--font-size--small, var(--vefm-font-size-small));
white-space: nowrap;
color: inherit;
text-decoration: underline;
}
.vefm-return-notice { box-sizing: border-box;
max-width: min(100%, 40rem);
margin: 1em auto;
padding: 0.75em 1em;
border: 1px solid currentColor;
border-radius: 4px;
text-align: center;
}
.vefm-return-notice.vefm-cart-confirmation {
padding: 1em;
gap: 0;
}
.vefm-cart-error {
color: #dc3232;
font-size: var(--wp--preset--font-size--normal, var(--vefm-font-size-normal));
} .vefm-cart-sandbox {
margin-top: 14px;
padding: 12px;
border: 1px dashed #d4a72c;
border-radius: 8px;
background: rgba(212, 167, 44, 0.08);
}
.vefm-cart-sandbox-label {
margin: 0 0 8px;
font-size: var(--wp--preset--font-size--small, var(--vefm-font-size-small));
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.03em;
color: #a3791f;
}
.vefm-sandbox-email {
display: flex;
width: 100%;
box-sizing: border-box;
padding: 8px 10px;
margin-bottom: 8px;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
}
.vefm-sandbox-checkout {
display: flex;
justify-content: center;
width: 100%;
padding: 10px;
border: 1px dashed #a3791f;
border-radius: 4px;
background: transparent;
color: #a3791f;
font-family: var( --vefm-font-family, inherit );
font-size: var(--wp--preset--font-size--normal, var(--vefm-font-size-normal));
font-weight: 600;
}
.vefm-sandbox-checkout:hover {
background: rgba(212, 167, 44, 0.12);
}
.vefm-sandbox-checkout:disabled {
cursor: wait;
}    .vefmpro_divi_donate {
width: 100%;
}
.vefm-donate {
width: 100%;
max-width: var( --vefm-donate-max-width, 400px );
padding: 24px; border-radius: var( --vefm-block-radius, var( --vefm-cart-radius, 14px ) );
background: var( --vefm-cart-bg, var( --vefm-track-bg, rgba(0, 0, 0, 0.14) ) );
color: var( --vefm-cart-text, inherit );
border: 1px solid rgba(0, 0, 0, 0.12);
text-align: center;
}
.vefm-donate-intro {
margin: 0 0 16px;
opacity: 0.85;
}
.vefm-donate-amounts {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px;
margin-bottom: 12px;
}
.vefm-donate-amount {
padding: 8px 18px;
border: 1px solid rgba(0, 0, 0, 0.15); border-radius: var( --vefm-content-radius, 20px );
background: transparent;
color: inherit;
font-size: var(--wp--preset--font-size--normal, var(--vefm-font-size-normal));
}
.vefm-donate-amount:hover {
background: rgba(0, 0, 0, 0.05);
}
.vefm-donate-amount.is-selected {
background: var( --vefm-button-bg, var( --vefm-accent, var( --wp--preset--color--primary, #1e1e1e ) ) );
color: var( --vefm-button-text-color, var( --wp--preset--color--background, #fff ) );
border-color: transparent;
}
.vefm-donate-custom {
margin-bottom: 16px;
}
.vefm-donate-custom-amount {
width: 100%;
box-sizing: border-box;
padding: 8px 12px;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 8px;
text-align: center;
font-size: var(--wp--preset--font-size--normal, var(--vefm-font-size-normal));
}
.vefm-donate-submit {
display: block;
width: 100%;
padding: 12px;
border-radius: 8px;
font-size: var(--wp--preset--font-size--normal, var(--vefm-font-size-normal));
font-weight: 600;
}
.vefm-donate-submit:disabled {
cursor: not-allowed;
}
.vefm-donate-error {
color: #dc3232;
font-size: var(--wp--preset--font-size--normal, var(--vefm-font-size-normal));
margin: 10px 0 0;
}  .vefm-cart-line-qty-controls {
display: flex;
align-items: center;
gap: 4px;
}
@media ( max-width: 480px ) {
.vefm-cart-line-qty-controls {
justify-content: center;
}
}
.vefm-cart-qty-increase,
.vefm-cart-qty-decrease {
width: 22px;
height: 22px;
line-height: 20px;
padding: 0;
border: 1px solid color-mix( in srgb, currentColor 25%, transparent );
background: transparent;
color: inherit;
border-radius: 4px;
font-size: var(--wp--preset--font-size--normal, var(--vefm-font-size-normal));
}
.vefm-cart-line-qty {
opacity: 0.85;
font-size: var(--wp--preset--font-size--normal, var(--vefm-font-size-normal));
min-width: 16px;
text-align: center;
display: inline-block;
}
.vefm-cart-physical-returns-notice {
font-size: var(--wp--preset--font-size--small, var(--vefm-font-size-small));
opacity: 0.75;
margin: 10px 0;
}
.vefm-cart-shipping {
text-align: right;
opacity: 0.8;
font-size: var(--wp--preset--font-size--medium, var(--vefm-font-size-medium));
margin: 0 0 4px;
}
.vefm-cart-shipping-form {
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 6px;
padding: 12px;
margin-bottom: 14px;
display: flex;
flex-direction: column;
gap: 8px;
}
.vefm-cart-shipping-form legend {
font-weight: 600;
padding: 0 4px;
}
.vefm-cart-shipping-form input,
.vefm-cart-shipping-form select {
padding: 6px 10px;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.2);
}
.vefm-cart-shipping-blocked {
color: #d63638;
font-size: var(--wp--preset--font-size--normal, var(--vefm-font-size-normal));
margin: 0;
} .vefmpro_divi_merch_list {
width: 100%;
}  .vefmpro-merch-list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 24px;
font-family: var( --vefm-font-family, inherit ); border-radius: var( --vefm-block-radius, 0 );
} .vefmpro-merch-list--fixed-columns {
--vefmpro-merch-max-columns: 6;
grid-template-columns: repeat( min( var( --vefmpro-merch-columns, 3 ), var( --vefmpro-merch-max-columns ) ), minmax( 0, 1fr ) );
}
@media ( max-width: 780px ) {
.vefmpro-merch-list--fixed-columns {
--vefmpro-merch-max-columns: 2;
}
}
@media ( max-width: 480px ) {
.vefmpro-merch-list--fixed-columns {
--vefmpro-merch-max-columns: 1;
}
}
.vefmpro-merch-item {
border: 1px solid rgba(0, 0, 0, 0.1); border-radius: var( --vefm-content-radius, 8px );
}
.vefmpro-merch-item-title {
font-size: var(--wp--preset--font-size--medium, var(--vefm-font-size-medium)); color: var( --vefm-merch-title-color, inherit );
}
.vefmpro-merch-item-desc {
opacity: 0.8;
}
.vefmpro-merch-item-outofstock {
opacity: 0.6;
font-style: italic;
margin: 0;
text-align: center;
}    .vefmpro-card {
display: flex;
flex-direction: column;
padding: clamp(8px, 2vw, 24px); text-align: start;
}
.vefmpro-card-image img {
display: block;
width: 100%;
height: auto; aspect-ratio: 1 / 1;
object-fit: contain;
border-radius: 4px;
}
.vefmpro-card-title {
margin: 10px 0 6px;
overflow-wrap: anywhere;
} .vefmpro-card-title,
.vefmpro-card-desc,
.vefmpro-card-desc p,
.vefmpro-printful-item-variant-label {
text-align: start;
}
.vefmpro-card-desc {
flex-grow: 1;
font-size: var(--wp--preset--font-size--normal, var(--vefm-font-size-normal));
}
.vefmpro-card-desc > :first-child {
margin-top: 0;
}
.vefmpro-card-desc > :last-child {
margin-bottom: 0;
}
.vefmpro-card-options {
margin: 6px 0 0;
}
.vefmpro-printful-item-variant-label {
margin: 0;
padding: 7px 0;
font-size: var(--wp--preset--font-size--normal, var(--vefm-font-size-normal));
opacity: 0.7;
}
.vefmpro-printful-variant-select {
display: block;
width: 100%;
max-width: 100%;
margin: 0;
padding: 6px;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.2);
font-size: var(--wp--preset--font-size--normal, var(--vefm-font-size-normal));
}
.vefmpro-card-price {
font-weight: 600;
font-size: var(--wp--preset--font-size--large, var(--vefm-font-size-large));
margin: 10px 0;
text-align: center;
}
.vefmpro-merch-item-add,
.vefmpro-printful-item-add {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-self: end;
width: fit-content;
margin: auto auto 0;
gap: 8px;
}
.vefmpro-merch-qty,
.vefmpro-printful-qty {
width: 60px;
padding: 6px;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.2); text-align: center;
}
.vefmpro-merch-item-add .vefm-add-to-cart,
.vefmpro-printful-item-add .vefm-add-to-cart {
flex: 0 1 auto;
border: none;
background: var( --vefm-button-bg, var( --vefm-accent, var( --wp--preset--color--primary, #1e1e1e ) ) );
color: var( --vefm-button-text-color, #fff );
font-family: var( --vefm-font-family, inherit );
font-size: var(--wp--preset--font-size--normal, var(--vefm-font-size-normal));
border-radius: 4px;
cursor: pointer;
padding: 6px 12px;
}
@supports ( grid-template-rows: subgrid ) {
.vefmpro-card {
display: grid;
grid-row: span 6;
grid-template-rows: subgrid; row-gap: 0;
}
.vefmpro-card-desc {
flex-grow: initial;
}
.vefmpro-merch-item-add,
.vefmpro-printful-item-add {
margin: 0 auto;
}
} .vefmpro_divi_printful_list {
width: 100%;
}  .vefmpro-printful-list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 24px;
font-family: var( --vefm-font-family, inherit ); border-radius: var( --vefm-block-radius, 0 );
}
.vefmpro-printful-item {
border: 1px solid rgba(0, 0, 0, 0.1); border-radius: var( --vefm-content-radius, var( --vefm-printful-radius, 8px ) );
background: var( --vefm-printful-bg, transparent );
color: var( --vefm-printful-text, inherit );
}
.vefmpro-printful-item-title {
font-size: var(--wp--preset--font-size--medium, var(--vefm-font-size-medium)); color: var( --vefm-printful-title-color, inherit );
}
.vefmpro-printful-item-desc {
opacity: 0.8;
} .vefmpro_divi_billetterie {
width: 100%;
} .vefmpro-billetterie {
display: grid; grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
gap: 24px;
font-family: var( --vefm-font-family, inherit ); border-radius: var( --vefm-block-radius, 0 );
}
.vefmpro-ticket-item {
border: 1px solid rgba(0, 0, 0, 0.1); border-radius: var( --vefm-content-radius, 8px );
padding: clamp(8px, 2vw, 24px);
display: flex;
flex-direction: column;
}
.vefmpro-ticket-item-title {
margin: 0 0 6px;
font-size: var(--wp--preset--font-size--medium, var(--vefm-font-size-medium)); color: var( --vefm-ticket-title-color, inherit );
}
.vefmpro-ticket-item-date,
.vefmpro-ticket-item-venue {
font-size: var(--wp--preset--font-size--medium, var(--vefm-font-size-medium));
opacity: 0.8;
margin: 2px 0;
}
.vefmpro-venue-map {
display: block; min-width: min(220px, 100%);
max-width: 100%;
height: auto;
border-radius: 6px;
margin: 10px auto;
}
.vefmpro-ticket-item-remaining {
font-size: var(--wp--preset--font-size--normal, var(--vefm-font-size-normal));
opacity: 0.7;
margin: 0 0 10px;
} .vefmpro-ticket-zones {
display: flex;
flex-direction: column;
gap: 14px;
margin-top: 10px;
}
.vefmpro-ticket-zone {
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding-top: 12px;
}
.vefmpro-ticket-zone-header {
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 8px;
margin-bottom: 4px;
}
.vefmpro-ticket-zone-name {
font-weight: 600;
}
.vefmpro-ticket-zone-price {
font-weight: 600;
opacity: 0.85;
white-space: nowrap;
}
.vefmpro-seat-picker {
display: flex;
flex-wrap: wrap;
gap: 6px 14px;
margin: 8px 0 12px;
max-height: 160px;
overflow-y: auto;
} .vefmpro-billetterie--fixed-seat-columns .vefmpro-seat-picker {
--vefmpro-seat-max-columns: 6;
display: grid;
grid-template-columns: repeat( min( var( --vefmpro-seat-columns, 3 ), var( --vefmpro-seat-max-columns ) ), max-content ); justify-content: center;
flex-wrap: unset;
column-gap: 20px;
}
@media ( max-width: 480px ) {
.vefmpro-billetterie--fixed-seat-columns .vefmpro-seat-picker {
--vefmpro-seat-max-columns: 2;
}
}
.vefmpro-seat-option {
display: flex;
align-items: center;
gap: 6px;
font-size: var(--wp--preset--font-size--medium, var(--vefm-font-size-medium));
cursor: pointer;
}
.vefmpro-seat-checkbox {
cursor: pointer;
}
.vefmpro-ticket-zone .vefm-add-to-cart {
display: flex;
width: 100%; justify-content: center;
font-size: var(--wp--preset--font-size--normal, var(--vefm-font-size-normal));
border: none;
background: var( --vefm-button-bg, var( --vefm-accent, var( --wp--preset--color--primary, #1e1e1e ) ) );
color: var( --vefm-button-text-color, #fff );
font-family: var( --vefm-font-family, inherit );
border-radius: 4px;
cursor: pointer;
padding: 6px 12px;
}
.vefmpro-ticket-reveal { display: block;
margin-top: 10px; border: 1px solid currentColor;
background: transparent;
color: var( --vefm-button-bg, inherit );
border-radius: 4px;
padding: 8px 18px;
font-family: var( --vefm-font-family, inherit );
font-size: var(--wp--preset--font-size--normal, var(--vefm-font-size-normal));
font-weight: 600;
}
.vefmpro-ticket-details {
margin-top: 14px;
}
.vefmpro-ticket-item-add {
display: flex;
gap: 8px;
margin-top: auto;
}
.vefmpro-ticket-qty {
width: 60px;
padding: 6px;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.2);
text-align: center;
}
.vefmpro-ticket-item-add .vefm-add-to-cart {
flex: 1;
justify-content: center;
background: var( --vefm-button-bg, var( --vefm-accent, var( --wp--preset--color--primary, #1e1e1e ) ) );
color: var( --vefm-button-text-color, #fff );
font-family: var( --vefm-font-family, inherit );
font-size: var(--wp--preset--font-size--normal, var(--vefm-font-size-normal));
border: none;
border-radius: 4px;
cursor: pointer;
padding: 6px 12px;
}
.vefmpro-ticket-item-soldout {
opacity: 0.6;
font-style: italic;
} .vefmpro_divi_preorder {
width: 100%;
}  .vefm-preorder { max-width: var( --vefm-preorder-max-width, none ); border-radius: var( --vefm-block-radius, var( --vefm-preorder-radius, 14px ) );
background: var( --vefm-preorder-bg, var( --vefm-track-bg, rgba(0, 0, 0, 0.14) ) );
color: var( --vefm-preorder-text, inherit );
border: 1px solid rgba(0, 0, 0, 0.12);
font-family: var( --vefm-font-family, inherit );
}
.vefm-preorder-content {
padding: clamp(8px, 2vw, 24px);
}
.vefm-preorder-title {
margin: 0 0 4px; color: var( --vefm-preorder-title-color, inherit );
}
.vefm-preorder-price {
margin: 0 0 16px;
font-size: var(--wp--preset--font-size--medium, var(--vefm-font-size-medium));
font-weight: 600;
}
.vefm-preorder-progress {
height: 10px;
border-radius: 999px;
background: rgba(0, 0, 0, 0.12);
overflow: hidden;
margin-bottom: 8px;
}
.vefm-preorder-progress-bar {
height: 100%;
background: var( --vefm-accent, var( --wp--preset--color--primary, #1e1e1e ) );
border-radius: 999px;
transition: width 0.3s ease;
}
.vefm-preorder-stats {
margin: 0 0 2px;
font-weight: 600; text-align: center;
}
.vefm-preorder-meta {
margin: 0 0 16px;
opacity: 0.75;
font-size: var(--wp--preset--font-size--normal, var(--vefm-font-size-normal));
text-align: center;
}
.vefm-preorder-closed {
padding: 12px;
border-radius: 8px;
background: rgba(0, 0, 0, 0.06);
}
.vefm-preorder-consent {
display: flex;
gap: 8px;
align-items: flex-start;
margin: 16px 0;
font-size: var(--wp--preset--font-size--normal, var(--vefm-font-size-normal));
}
.vefm-preorder-shipping-form {
display: flex;
flex-direction: column; box-sizing: border-box;
width: 100%;
min-width: 0;
margin: 16px auto;
padding: 0;
border: none;
gap: 8px;
}
@media ( min-width: 481px ) {
.vefm-preorder-shipping-form {
width: 80%;
}
}
@media ( min-width: 981px ) {
.vefm-preorder-shipping-form {
width: 60%;
}
}
.vefm-preorder-shipping-form legend {
font-size: var(--wp--preset--font-size--normal, var(--vefm-font-size-normal));
font-weight: 600;
margin-bottom: 4px;
padding: 0;
}
.vefm-preorder-shipping-form input,
.vefm-preorder-shipping-form select {
padding: 8px;
border-radius: 6px;
border: 1px solid rgba(0, 0, 0, 0.2);
}
.vefm-preorder-physical-returns-notice {
font-size: var(--wp--preset--font-size--normal, var(--vefm-font-size-normal));
opacity: 0.75;
margin: 8px 0 16px;
}
.vefm-preorder-stripe-checkout,
.vefm-preorder-sandbox-checkout {
display: flex;
border-radius: 4px;
padding: 12px;
font-size: var(--wp--preset--font-size--normal, var(--vefm-font-size-normal));
font-weight: 600;
margin: 8px auto;
}
.vefm-preorder-sandbox {
display: flex;
flex-direction: column;
width: fit-content;
padding-top: 16px;
margin: 16px auto;
border-top: 1px dashed rgba(0, 0, 0, 0.2);
}
.vefm-preorder-sandbox-label {
font-size: var(--wp--preset--font-size--medium, var(--vefm-font-size-medium));
opacity: 0.7;
margin-bottom: 6px;
}
.vefm-preorder-sandbox-email {
width: auto;
padding: 8px;
margin-bottom: 8px;
border-radius: 6px;
border: 1px solid rgba(0, 0, 0, 0.2);
}
.vefm-preorder-error {
color: #b32d2e;
}   .vefmpro_divi_account {
width: 100%;
}
.vefm-account {
width: 100%;
max-width: var( --vefm-account-max-width, 640px );
font-family: var( --vefm-font-family, inherit ); border-radius: var( --vefm-block-radius, 0 );
}
.vefm-account-intro {
margin: 0 0 16px;
opacity: 0.85;
}
.vefm-account-request-form {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: 10px;
}
.vefm-account-request-form label {
flex-basis: 100%;
font-weight: 600;
font-size: var(--wp--preset--font-size--medium, var(--vefm-font-size-medium));
}
.vefm-account-request-form input[type="email"] {
flex: 1 1 240px;
padding: 10px;
border-radius: 6px;
border: 1px solid rgba(0, 0, 0, 0.2);
}
.vefm-account-request-form .vefm-button {
flex: 0 0 auto;
border-radius: 6px;
padding: 10px 18px;
font-weight: 600;
}
.vefm-account-notice {
padding: 10px 14px;
border-radius: 6px;
background: rgba(0, 0, 0, 0.06);
margin-bottom: 16px;
}
.vefm-account-signed-in {
margin: 0 0 16px;
font-size: var(--wp--preset--font-size--medium, var(--vefm-font-size-medium));
opacity: 0.8;
}
.vefm-account-orders {
width: 100%;
border-collapse: collapse;
}
.vefm-account-orders th,
.vefm-account-orders td {
text-align: left;
padding: 8px 10px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
font-size: var(--wp--preset--font-size--medium, var(--vefm-font-size-medium));
vertical-align: top;
}
.vefm-account-orders .vefm-button-small {
border-radius: 4px;
padding: 6px 10px;
font-size: var(--wp--preset--font-size--normal, var(--vefm-font-size-normal));
}
.vefm-preorder-gallery {
display: flex;
gap: 8px;
flex-wrap: wrap;
margin-bottom: 12px;
}
.vefm-preorder-gallery-image {
width: 120px;
height: 120px;
object-fit: cover;
border-radius: 8px;
}
.vefm-preorder-description {
margin-bottom: 12px;
opacity: 0.9;
}
.vefm-preorder-description p {
margin: 0 0 8px;
}
.vefm-preorder-products {
margin-bottom: 12px;
} .vefm-preorder-product-row {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px 16px;
padding: 10px 6px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.vefm-preorder-product-label {
flex: 1 1 15rem;
min-width: 0;
overflow-wrap: anywhere;
}
.vefm-preorder-product-buy {
display: flex;
align-items: center;
gap: 16px;
margin-inline-start: auto;
}
.vefm-preorder-product-price {
white-space: nowrap;
opacity: 0.85;
}
.vefm-preorder-qty-input {
width: 60px;
padding: 6px;
text-align: center;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.2);
}
.vefm-preorder-total {
font-weight: 700;
font-size: var(--wp--preset--font-size--large, var(--vefm-font-size-large));
margin: 0 0 16px;
text-align: right;
}
.vefm-preorder-info-notice {
font-size: var(--wp--preset--font-size--normal, var(--vefm-font-size-normal));
opacity: 0.75;
margin: 12px 0 16px;
}
.vefm-preorder-tiers {
list-style: none;
margin: 0 0 16px;
padding: 0;
display: flex;
flex-direction: column;
gap: 6px;
}
.vefm-preorder-tier {
display: flex;
align-items: center;
gap: 8px;
padding: 6px 10px; border-radius: var( --vefm-content-radius, 6px );
background: rgba(0, 0, 0, 0.05);
font-size: var(--wp--preset--font-size--medium, var(--vefm-font-size-medium));
opacity: 0.7;
}
@media ( max-width: 480px ) {
.vefm-preorder-tier {
flex-flow: column wrap;
} .vefm-preorder-gallery {
justify-content: center;
}
}
.vefm-preorder-tier--reached {
opacity: 1;
background: rgba(0, 0, 0, 0.08);
font-weight: 600;
}
.vefm-preorder-tier-icon {
width: 18px;
color: var( --vefm-accent, var( --wp--preset--color--primary, #1e1e1e ) );
font-weight: 700;
}
.vefm-preorder-tier-label {
flex: 1;
}
.vefm-preorder-tier-amount {
opacity: 0.8;
font-size: var(--wp--preset--font-size--normal, var(--vefm-font-size-normal));
}
.vefm-preorder-product-tier-badge {
display: block;
font-size: var(--wp--preset--font-size--normal, var(--vefm-font-size-normal));
opacity: 0.65;
margin-top: 2px;
}
.vefm-preorder-tier-notice {
font-size: var(--wp--preset--font-size--normal, var(--vefm-font-size-normal));
opacity: 0.7;
margin: 0 0 12px;
}  .vefmpro-concert-buy-button {
border-radius: 4px;
padding: 8px 16px;
font-size: var(--wp--preset--font-size--normal, var(--vefm-font-size-normal));
min-width: 130px;
}
.vefmpro-concert-buy-remaining {
font-size: var(--wp--preset--font-size--normal, var(--vefm-font-size-normal));
opacity: 0.7;
}
.vefmpro-concert-soldout {
opacity: 0.6;
font-style: italic;
} .vefmpro-ticket-modal-overlay {
position: fixed;
inset: 0;
z-index: 100000;
background: rgba( 0, 0, 0, 0.6 );
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}
.vefmpro-ticket-modal-overlay[hidden] {
display: none;
}
.vefmpro-ticket-modal {
position: relative;
background: var( --wp--preset--color--background, #fff );
color: var( --wp--preset--color--foreground, #1e1e1e );
border-radius: 8px;
max-width: 560px;
width: 100%;
max-height: 90vh;
overflow-y: auto;
padding: 32px 24px 24px;
}
.vefmpro-ticket-modal-close {
position: absolute;
top: 10px;
right: 14px;
border: none;
background: transparent;
font-size: var(--wp--preset--font-size--medium, var(--vefm-font-size-medium));
line-height: 1;
cursor: pointer;
color: inherit;
}
.vefmpro-ticket-modal-loading,
.vefmpro-ticket-modal-error {
text-align: center;
opacity: 0.7;
padding: 24px 0;
} .vefmpro-ticket-modal .vefmpro-ticket-reveal {
display: none;
}
body.vefmpro-modal-open {
overflow: hidden;
} .is-layout-constrained > .vefm-cart:not(.alignwide):not(.alignfull) {
max-width: var( --vefm-cart-max-width, var( --wp--style--global--content-size, none ) );
}
.is-layout-constrained > .vefm-preorder:not(.alignwide):not(.alignfull) {
max-width: var( --vefm-preorder-max-width, var( --wp--style--global--content-size, none ) );
}
.is-layout-constrained > .vefm-donate:not(.alignwide):not(.alignfull) {
max-width: var( --vefm-donate-max-width, 400px );
}
.is-layout-constrained > .vefm-account:not(.alignwide):not(.alignfull) {
max-width: var( --vefm-account-max-width, 640px );
} @media ( max-width: 480px ) { .vefm-donate,
.is-layout-constrained > .vefm-donate:not(.alignwide):not(.alignfull) {
box-sizing: border-box;
max-width: var( --vefm-donate-max-width, none );
}
.vefm-account,
.is-layout-constrained > .vefm-account:not(.alignwide):not(.alignfull) {
max-width: var( --vefm-account-max-width, none );
}
.is-layout-constrained > .vefm-cart:not(.alignwide):not(.alignfull) {
max-width: var( --vefm-cart-max-width, none );
}
.is-layout-constrained > .vefm-preorder:not(.alignwide):not(.alignfull) {
max-width: var( --vefm-preorder-max-width, none );
}
}
.vefm-preorder-email-field {
display: flex;
flex-direction: column;
gap: 4px;
margin: 0 0 12px;
}
.vefm-preorder-email-field input {
padding: 8px;
border-radius: 6px; border: 1px solid rgba(128, 128, 128, 0.55);
font-family: inherit;
font-size: inherit;
max-width: 100%;
}
.vefm-cart-preorder-notice,
.vefm-preorder-separate-notice {
font-size: var(--wp--preset--font-size--small, var(--vefm-font-size-small));
opacity: 0.75;
margin: 0 0 12px;
} .vefm-cart-promo-apply,
.vefm-stripe-checkout,
.vefm-donate-submit,
.vefm-preorder-stripe-checkout,
.vefm-preorder-sandbox-checkout,
.vefm-account-request-form .vefm-button,
.vefm-account-orders .vefm-button-small,
.vefmpro-concert-buy-button {
border: 0;
background: var( --vefm-button-bg, var( --vefm-accent, var( --wp--preset--color--primary, #1e1e1e ) ) );
color: var( --vefm-button-text-color, var( --wp--preset--color--background, #fff ) );
cursor: pointer;
font-family: var( --vefm-font-family, inherit );
opacity: 1;
transition: opacity 0.15s ease, transform 0.1s ease;
} .vefm-stripe-checkout {
background: var( --vefm-button-bg, var( --vefm-accent, var( --wp--preset--color--primary, #635bff ) ) );
}
.vefm-sandbox-checkout,
.vefm-donate-amount,
.vefm-cart-qty-increase,
.vefm-cart-qty-decrease,
.vefmpro-ticket-reveal {
cursor: pointer;
opacity: 1;
transition: opacity 0.15s ease, transform 0.1s ease, background 0.15s ease, border-color 0.15s ease;
}
.vefm-cart-remove,
.vefm-cart-promo-applied .vefm-cart-promo-remove,
.vefmpro-ticket-modal-close {
cursor: pointer;
opacity: 1;
transition: opacity 0.15s ease, transform 0.1s ease, background 0.15s ease;
}
:is(
.vefm-cart-promo-apply,
.vefm-stripe-checkout,
.vefm-donate-submit,
.vefm-preorder-stripe-checkout,
.vefm-preorder-sandbox-checkout,
.vefm-account-request-form .vefm-button,
.vefm-account-orders .vefm-button-small,
.vefmpro-concert-buy-button,
.vefm-sandbox-checkout,
.vefm-donate-amount,
.vefm-cart-qty-increase,
.vefm-cart-qty-decrease,
.vefmpro-ticket-reveal,
.vefm-cart-remove,
.vefm-cart-promo-applied .vefm-cart-promo-remove,
.vefmpro-ticket-modal-close
):is( :hover, :focus-visible ):not( :disabled ) {
opacity: var( --vefm-btn-hover-opacity, 0.85 );
}
:is(
.vefm-cart-promo-apply,
.vefm-stripe-checkout,
.vefm-donate-submit,
.vefm-preorder-stripe-checkout,
.vefm-preorder-sandbox-checkout,
.vefm-account-request-form .vefm-button,
.vefm-account-orders .vefm-button-small,
.vefmpro-concert-buy-button
):focus-visible {
outline: 2px solid var( --vefm-accent, var( --wp--preset--color--primary, #1e1e1e ) );
outline-offset: 2px;
}
:is(
.vefm-sandbox-checkout,
.vefm-donate-amount,
.vefm-cart-qty-increase,
.vefm-cart-qty-decrease,
.vefmpro-ticket-reveal,
.vefm-cart-remove,
.vefm-cart-promo-applied .vefm-cart-promo-remove,
.vefmpro-ticket-modal-close
):focus-visible {
outline: 2px solid currentColor;
outline-offset: 2px;
}
:is(
.vefm-cart-promo-apply,
.vefm-stripe-checkout,
.vefm-donate-submit,
.vefm-preorder-stripe-checkout,
.vefm-preorder-sandbox-checkout,
.vefm-account-request-form .vefm-button,
.vefm-account-orders .vefm-button-small,
.vefmpro-concert-buy-button,
.vefm-sandbox-checkout,
.vefm-donate-amount,
.vefm-cart-qty-increase,
.vefm-cart-qty-decrease,
.vefmpro-ticket-reveal
):disabled {
opacity: var( --vefm-btn-disabled-opacity, 0.6 );
} @media ( prefers-reduced-motion: no-preference ) {
:is(
.vefm-cart-promo-apply,
.vefm-stripe-checkout,
.vefm-donate-submit,
.vefm-preorder-stripe-checkout,
.vefm-preorder-sandbox-checkout,
.vefm-account-request-form .vefm-button,
.vefm-account-orders .vefm-button-small,
.vefmpro-concert-buy-button,
.vefm-sandbox-checkout,
.vefm-donate-amount,
.vefm-cart-qty-increase,
.vefm-cart-qty-decrease,
.vefmpro-ticket-reveal,
.vefm-cart-remove,
.vefm-cart-promo-applied .vefm-cart-promo-remove,
.vefmpro-ticket-modal-close
):focus-visible:not( :disabled ) {
transform: scale( var( --vefm-btn-hover-scale, 0.97 ) );
}
@media ( hover: hover ) {
:is(
.vefm-cart-promo-apply,
.vefm-stripe-checkout,
.vefm-donate-submit,
.vefm-preorder-stripe-checkout,
.vefm-preorder-sandbox-checkout,
.vefm-account-request-form .vefm-button,
.vefm-account-orders .vefm-button-small,
.vefmpro-concert-buy-button,
.vefm-sandbox-checkout,
.vefm-donate-amount,
.vefm-cart-qty-increase,
.vefm-cart-qty-decrease,
.vefmpro-ticket-reveal,
.vefm-cart-remove,
.vefm-cart-promo-applied .vefm-cart-promo-remove,
.vefmpro-ticket-modal-close
):hover:not( :disabled ) {
transform: scale( var( --vefm-btn-hover-scale, 0.97 ) );
}
}
:is(
.vefm-cart-promo-apply,
.vefm-stripe-checkout,
.vefm-donate-submit,
.vefm-preorder-stripe-checkout,
.vefm-preorder-sandbox-checkout,
.vefm-account-request-form .vefm-button,
.vefm-account-orders .vefm-button-small,
.vefmpro-concert-buy-button,
.vefm-sandbox-checkout,
.vefm-donate-amount,
.vefm-cart-qty-increase,
.vefm-cart-qty-decrease,
.vefmpro-ticket-reveal,
.vefm-cart-remove,
.vefm-cart-promo-applied .vefm-cart-promo-remove,
.vefmpro-ticket-modal-close
):active:not( :disabled ) {
transform: scale( 0.95 );
}
}