/** * Main Block Init Style * * @package WordPress * @since BUDRMBOWLS 1.0 * */ :root { --fnt-global: 16px; --spacing-32: clamp(1.25rem, 1.294vw + 0.447rem, 2rem); --trn-ease: all 150ms ease-in-out; /* 800 - 1130 */ --content-width-1: clamp(50rem, 35.599vw + 27.907rem, 70.625rem); /* 800 - 1266 */ --content-width-2: clamp(50rem, 50.216vw + 18.866rem, 79.125rem); /* aspect ratio */ --aspect-ratio-classic: calc((2 / 3) * 100%); --aspect-ratio-standard: calc((3 / 4) * 100%); --aspect-ratio-hdv: calc((9 / 16) * 100%); --aspect-ratio-cinema: calc((9 / 21) * 100%); --aspect-ratio-photo: calc((100 / 100) * 100%); /* TEC Class Override */ } .md { /* TEC Class Override */ --tec-font-family-sans-serif: var(--wp--preset--font-family--poppins); --tec-color-text-primary: var(--wp--preset--color--base-one); --tec-color-accent-primary: var(--wp--preset--color--primary); --tec-color-icon-focus: var(--wp--preset--color--darker-primary); --tec-color-event-icon-hover: var(--wp--preset--color--darker-primary); --tec-color-button-primary-hover: var(--wp--preset--color--darker-primary); --tec-color-link-accent: var(--wp--preset--color--darker-secondary); --tec-color-background-events-bar-submit-button: var(--wp--preset--color--primary); --tec-color-background-events-bar-submit-button-hover: var(--wp--preset--color--darker-primary); --tec-color-button-primary: var(--wp--preset--color--primary); --tec-color-button-primary-active: var(--wp--preset--color--darker-primary); --tec-color-button-primary-hover: var(--wp--preset--color--darker-primary); --tec-color-background-events-bar-submit-button-active: var(--wp--preset--color--darker-primary); --tec-color-background-secondary: var(--wp--preset--color--gray-contrast-3); --tec-color-background-view-selector-list-item-hover: var(--wp--preset--color--gray-contrast-3); --tec-color-border-secondary: var(--wp--preset--color--gray-contrast-1); --tec-color-link-primary: var(--wp--preset--color--base-one); --tec-grid-width-default: var(--wp--style--global--content-size); --tec-grid-width: var(--tec-grid-width-default); --tec-color-link-accent: var(--wp--preset--color--primary); --tec-color-link-accent-hover: var(--wp--preset--color--darker-primary); --tec-color-background-primary-multiday: var(--wp--preset--color--secondary); --tec-color-background-primary-multiday-hover: var(--wp--preset--color--darker-secondary); --tec-color-border-active-month-grid-hover: var(--wp--preset--color--secondary); --tec-line-height-1: 1.065; --f-carousel-dot-color: var(--wp--preset--color--primary); --f-carousel-dot-width: .75rem; --f-carousel-dot-height: .75rem; } .f-carousel { --f-carousel-spacing: .75rem; --f-carousel-slide-width: calc((100% - (.75rem * 4)) / 5); } .fancybox__container { --fancybox-zIndex: 999921; } .f-carousel__nav .f-button, .fancybox__nav .f-button { --f-button-bg: var(--wp--preset--color--secondary); --f-button-color: var(--wp--preset--color--base-one); --f-button-hover-bg: var(--wp--preset--color--darker-secondary); --f-button-hover-color: var(--wp--preset--color--base-one); --f-button-border-radius: 50%; } :where(.tribe-events-single-event-title, .tribe-events-related-events-title) { --tec-font-family-sans-serif: var(--wp--preset--font-family--poppins); } /* admin side styles */ :where(.editor-styles-wrapper) :is([data-type="tribe/events-list"], [data-type="tec/calendar-embed"]) { width: 100% } @media only screen and (max-width: 1600px) { body { /* 900-1366px */ --wp--style--global--content-size: clamp(50rem, 16.714rem + 66.571vw, 75.889rem) !important; /* 900-1520px */ --wp--style--global--wide-size: clamp(50rem, 5.714rem + 88.571vw, 84.444rem) !important; } } @media only screen and (max-width: 1100px) { body { /* 600-800px */ --wp--style--global--content-size: 86vw !important; --content-width-1: 86vw !important; /* 600-900px */ --wp--style--global--wide-size: 90vw !important; --content-width-2: 90vw !important; } } @media only screen and (max-width: 992px) { .md { --wp--preset--spacing--10: clamp(0.25rem, 0.779vw + 0.114rem, 0.5rem); --wp--preset--spacing--20: clamp(0.5rem, 1.558vw + 0.227rem, 1rem); --wp--preset--spacing--40: clamp(1rem, 3.115vw + 0.455rem, 2rem); --wp--preset--spacing--60: clamp(2rem, 3.115vw + 1.455rem, 3rem); --wp--preset--spacing--80: clamp(3rem, 3.115vw + 2.455rem, 4rem); --wp--preset--spacing--100: clamp(4rem, 3.115vw + 3.455rem, 5rem); --wp--preset--spacing--120: clamp(5rem, 3.115vw + 4.455rem, 6rem); --wp--preset--spacing--140: clamp(6rem, 3.115vw + 5.455rem, 7rem); --wp--preset--spacing--150: clamp(7rem, 1.558vw + 6.727rem, 7.5rem); --wp--preset--font-size--heading-1: clamp(2.625rem, 1.246vw + 2.352rem, 3.125rem); --wp--preset--font-size--heading-2: clamp(2.25rem, 1.246vw + 1.977rem, 2.75rem); --wp--preset--font-size--heading-3: clamp(1.875rem, 1.246vw + 1.602rem, 2.375rem); --wp--preset--font-size--heading-4: clamp(1.5rem, 1.246vw + 1.227rem, 2rem); --wp--preset--font-size--heading-5: clamp(1.25rem, 1.246vw + 0.977rem, 1.75rem); --wp--preset--font-size--heading-6: clamp(1.125rem, 0.935vw + 0.921rem, 1.5rem); --wp--preset--font-size--medium: clamp(1rem, 0.935vw + 0.796rem, 1.375rem); --wp--preset--font-size--small: clamp(0.938rem, 0.467vw + 0.835rem, 1.125rem); --wp--preset--font-size--x-small: clamp(0.875rem, 0.312vw + 0.807rem, 1rem); --wp--preset--font-size--base-size: clamp(0.875rem, 0.312vw + 0.807rem, 1rem); --wp--preset--font-size--tiny: clamp(0.786rem, 0.467vw + 0.669rem, 1rem); } } @media only screen and (max-width: 960px) { .md { --wp--style--block-gap: var(--wp--preset--font-size--base-size); } :where(body .is-layout-flex) { gap: var(--wp--preset--font-size--base-size); } } @media only screen and (max-width: 782px) { body { /* 600-800px */ --wp--style--global--content-size: 90vw !important; --content-width-1: 90vw !important; /* 600-900px */ --wp--style--global--wide-size: 95vw !important; --content-width-2: 95vw !important; } } @media only screen and (max-width: 767px) { .md { --tec-grid-gutter-small-half: var(--wp--preset--spacing--40) } } @media only screen and (max-width: 479px) { :root { --fnt-global: 15px; } }