body {
    --primary-color-rgb: 128, 50, 50;
    --secondary-color-rgb: 200, 190, 166;
    --default-white-rgb: 255, 255, 255;
    --default-black-rgb: 0, 0, 0;
    --tertiary-color-rgb: 0, 128, 128; /* Added a placeholder tertiary color as it was used in the original CSS without declaration */
    --alert-red-rgb: 234, 54, 54; /* RGB for #EA3636 */

    --primary-color: rgba(var(--primary-color-rgb), 1);
    --secondary-color: rgba(var(--secondary-color-rgb), 1);
    --default-white: rgba(var(--default-white-rgb), 1);
    --default-black: rgba(var(--default-black-rgb), 1);
    --tertiary-color: rgba(var(--tertiary-color-rgb), 1);
    --alert-red: rgba(var(--alert-red-rgb), 1);

    --transparent: rgba(255,255,255,0);

    /* default variables for general use */
    --default-box-shadow: 0px 0px 10px rgba(0,0,0,.5);
    --default-text-shadow: 0px 0px 5px rgba(0,0,0,.3);
    --default-transition: all .3s ease-in-out;
    --default-scale-up: scale(1.05);
    --default-scale-down: scale(0.95);
    /*  ******************************** */

    --swiper-box-shadow: var(--default-box-shadow);
    --swiper-height: 42vw;
    --swiper-box-shadow: var(--default-box-shadow);
    --swiper-title-color: var(--secondary-color);
    --swiper-text-color: var(--default-white);

    --swiper-title-font: var(--title-font-family);
    --swiper-title-font-size-desktop: 2vw;
    --swiper-title-font-size-mobile: 5vw;
    --swiper-title-font-weight: 400;

    --swiper-slide-height: 33vw;
    --swiper-slide-content-wrapper-padding: 1.5vw;
    --swiper-slide-padding-height: calc(var(--swiper-slide-content-wrapper-padding) * 2);
    --swiper-slide-adjusted-height: calc(var(--swiper-slide-height) - var(--swiper-slide-padding-height));

    --swiper-slide-read-more-color: var(--secondary-color);

    --swiper-text-font-size-desktop: .9vw;
    --swiper-text-font-size-mobile: 3vw;

    --swiper-slide-arrow-color: #777777;

    --swiper-links-mobile-height: 70vw;

    --default-transition: all .2s ease-in-out;

    --mt-fixed-height-desktop: 36vw;
    --mt-background-image: url("/images/template/masstimes.jpg");
    --mt-background-color: rgba(var(--primary-color-rgb),.8);
    --mt-header-color: var(--default-white);
    --mt-para-color: var(--secondary-color);
    --mt-header-desktop: 2.5vw;
    --mt-header-mobile: 2rem;
    --mt-para-desktop: 1.1vw;
    --mt-para-mobile: .9rem;
    --mt-border-radius: 1rem;
    --mt-box-shadow: var(--default-box-shadow);
    --mt-header-font: var(--title-font-family);
    --mt-para-font: var(--body-font-family);
    --mt-header-font-weight: 400;
    --mt-para-font-weight: 400;
    --mt-font-variant: small-caps;

    --ql-num-boxes: 4; /*USE FIRST ROW TO COUNT IF MORE THAN ONE ROW*/
    --ql-flex: calc(100% / var(--ql-num-boxes));
    --ql-flex-gap: 3vw;
    --ql-bg-opacity: .6;
    --ql-bg-hover-opacity: .8;
    --ql-g-title-color: var(--primary-color);
    --ql-g-title-font: var(--title-font-family);
    --ql-g-title-size: 3vw;
    --ql-g-title-weight: 400;
    --ql-background-color: rgba(var(--primary-color-rgb),var(--ql-bg-opacity));
    --ql-background-hover: rgba(var(--primary-color-rgb),var(--ql-bg-hover-opacity));
    --ql-background-size-desktop: calc(var(--ql-icon-size-desktop) + 2vw);
    --ql-background-size-mobile: calc(var(--ql-icon-size-mobile) + 3rem);
    --ql-font-family: var(--title-font-family);
    --ql-title-color: var(--primary-color);
    --ql-title-hover: var(--secondary-color);
    --ql-title-weight: 400;
    --ql-mobile-bg-color: rgba(var(--primary-color-rgb),.5);
    --ql-mobile-bg-hover: rgba(var(--primary-color-rgb),.7);
    --ql-mobile-title-color: var(--default-white);
    --ql-box-shadow: var(--default-box-shadow);
    --ql-font-size-desktop: 1.7vw;
    --ql-font-size-mobile: 1.2rem;
    --ql-bottom-border-size: 2px;
    --ql-bottom-border-style: solid;
    --ql-bottom-border-color: var(--default-white);
    --ql-right-border-size: 1px;
    --ql-right-border-style: solid;
    --ql-right-border-color: var(--secondary-color);
    --ql-top-border-size: 5px;
    --ql-top-border-style: solid;
    --ql-top-border-color: var(--secondary-color);
    --ql-left-border-size: 1px;
    --ql-left-border-style: solid;
    --ql-left-border-color: var(--secondary-color);
    --ql-border-radius: 0;
    --ql-icon-color: var(--ql-title-color);
    --ql-icon-hover: var(--ql-title-hover);
    --ql-icon-size-desktop: 4vw;
    --ql-icon-size-mobile: 4rem;
    --ql-title-color-mobile: var(--primary-color);
    --ql-letter-spacing: 0;
    --ql-text-transform: none;
    --ql-height: 14vw;
    --ql-width: 17vw;
    --ql-mobile-width: 44vw;
    --ql-subtitle-color: var(--secondary-color);
    --ql-empty-height: 2vw;
    --ql-ratio: 1;
    --ql-title-align: center;

    --ql-overlay-opacity: .6;
    --ql-overlay-hover-opacity: .8;
    --ql-overlay-bg: rgba(var(--secondary-color-rgb),var(--ql-overlay-opacity));
    --ql-overlay-bg-hover: rgba(var(--secondary-color-rgb),var(--ql-overlay-hover-opacity));

    --ph-sq-size: 20vw;
    --ph-g-title-margin: 2vw 0;
    --ph-g-title-color: var(--primary-color);
    --ph-g-title-font: var(--title-font-family);
    --ph-g-title-size: 3vw;
    --ph-g-title-size-desktop: 3vw;
    --ph-g-title-weight: 400;
    --ph-g-title-text-transform: none;
    --ph-g-title-variant-caps: normal;
    --ph-g-title-border-bottom: var(--ph-g-title-border-bottom-size) var(--ph-g-title-border-bottom-type) var(--ph-g-title-border-bottom-color);
    --ph-g-title-border-bottom-size: 2px;
    --ph-g-title-border-bottom-type: solid;
    --ph-g-title-border-bottom-color: var(--secondary-color);
    --ph-g-title-line-height: 1.5;
    --ph-title-color: var(--primary-color);
    --ph-title-hover: var(--secondary-color);
    --ph-title-font: var(--title-font-family);
    --ph-title-weight: 400;
    --ph-title-text-transform: uppercase;
    --ph-title-variant-caps: normal;
    --ph-title-letter-spacing: normal;
    --ph-text-color: var(--default-white);
    --ph-text-font: var(--body-font-family);
    --ph-text-weight: 400;
    --ph-text-line-height: 1;
    --ph-button-color: var(--secondary-color);
    --ph-button-font-size-desktop: var(--ph-text-font-size-desktop);
    --ph-button-font-size-mobile: var(--ph-text-font-size-mobile);
    --ph-content-effect-bg-1: var(--default-white);
    --ph-content-effect-bg-2: rgba(var(--primary-color-rgb),.1);
    --ph-box-shadow: var(--default-box-shadow);
    --ph-box-shadow-hover: var(--default-box-shadow);
    --ph-read-more-color: var(--primary-color);
    --ph-read-more-background: var(--transparent);
    --ph-read-more-font: var(--body-font-family);
    --ph-read-more-font-weight: 700;
    --ph-read-more-font-size-desktop: 1vw;
    --ph-read-more-font-size-mobile: 1rem;
    --ph-border-bottom: 4px solid var(--secondary-color);
    --ph-background-color: rgba(var(--primary-color-rgb),.7);
    --ph-background-hover: rgba(var(--primary-color-rgb),.2);
    --ph-pagination-background: var(--primary-color);
    --ph-pagination-background-hover: var(--secondary-color);
    --ph-arrow-opacity: .4;
    --ph-arrow-color-rgb: var(--default-black-rgb);
    --ph-arrow-hover-opacity: .7;
    --ph-arrow-hover-color-rgb: var(--default-black-rgb);
    --ph-title-font-size-desktop: 1.7vw;
    --ph-text-font-size-desktop: 1.2rem;
    --ph-title-font-size-mobile: 6vw;
    --ph-text-font-size-mobile: 1.1rem;
    --ph-border-radius: 0;
    --ph-width: 20vw;
    --ph-height: calc(var(--ph-width) * 4/3);
    --ph-columns-img-size: 10vw;
    --ph-gap: 7vw;
    --ph-border-width: 1px;
    --ph-border-style: solid;
    --ph-border-color: var(--primary-color);
    --ph-img-border-radius: var(--ph-border-radius);
    --ph-gap-list: 1.5rem;

    --picture-block-height: 30vw;

    --aspect-width-16-9: 16/9;
    --aspect-height-16-9: 9/16;
    --aspect-width-uw: 2.39/1;
    --aspect-height-uw: 1/2.39;
    --aspect-width-sw: 3.6/1;
    --aspect-height-sw: 1/3.6;
    --aspect-width-wide: 16/9;
    --aspect-height-wide: 9/16;
    --aspect-width-standard: 4/3;
    --aspect-height-standard: 3/4;
    --aspect-width-square: 1/1;
    --aspect-height-square: 1/1;
    --aspect-width-portrait: 3/4;
    --aspect-height-portrait: 4/3;

    --ph-sq-gap: 1rem;
    --ph-title-height: 4vw;
    --ph-big-title-height: var(--ph-title-height);
    --ph-small-title-height: calc(var(--ph-big-title-height) / 2);
    --ph-big-title-fit-desktop: calc(var(--ph-title-height) + var(--ph-sq-gap));
    --ph-big-sq-size: var(--ph-sq-size);
    --ph-small-sq-size: calc(var(--ph-big-sq-size) / 2);
    --ph-big-sq-height-wide: calc(var(--ph-big-sq-size) + var(--ph-big-title-fit-desktop));
    --ph-big-sq-width-wide: calc(var(--ph-big-sq-size) * var(--aspect-width-wide));
    --ph-small-sq-height-wide: calc(var(--ph-small-sq-size) + var(--ph-small-title-height));
    --ph-small-sq-width-wide: calc(var(--ph-small-sq-size) * var(--aspect-width-wide));

    --ph-big-sq-width: 20vw;
    --ph-small-sq-width: calc(var(--ph-big-sq-width) / 2);
    --ph-transition: all .4s ease-in-out;
    --ph-aspect-ratio: var(--aspect-height-16-9);

    --info-box-gap: 3vw;
    --info-box-gap-mobile: 2rem;
    --info-box-default-transition: .3s all ease-in-out;
    --info-box-item-bg-hover: none;
    --info-box-bg-transition: var(--info-box-default-transition);
    --info-box-img-box-shadow: var(--default-box-shadow);
    --info-box-img-position: center;
    --info-box-img-transition: var(--info-box-default-transition);
    --info-box-img-hover-transform: scale(1.05);
    --info-box-title-padding: 2vw 0 1vw 0;
    --info-box-title-padding-mobile: 1rem 0;
    --info-box-title-border-bottom: none;
    --info-box-title-color: var(--primary-color);
    --info-box-title-size-desktop: 2.5vw;
    --info-box-title-size-mobile: 7vw;
    --info-box-title-text-transform: none;
    --info-box-title-font-variant-caps: normal;
    --info-box-title-font: var(--title-font-family);
    --info-box-title-text-align: center;
    --info-box-text-font-size-desktop: 1.25vw;
    --info-box-text-font-size-mobile: 4vw;
    --info-box-text-font: var(--body-font-family);
    --info-box-link-color: var(--secondary-color);
    --info-box-text-button-bg: var(--primary-color);
    --info-box-text-button-color: var(--default-white);
    --info-box-text-button-bg-hover: var(--secondary-color);
    --info-box-text-button-color-hover: var(--default-white);
    --info-box-text-button-border-radius: 3px;
    --info-box-feed-link-hover: var(--default-black);

    --rok-mini-g-title-color: var(--primary-color);
    --rok-mini-g-title-font: var(--title-font-family);
    --rok-mini-g-title-size-desktop: 2vw;
    --rok-mini-g-title-size-mobile: 1.5rem;
    --rok-mini-g-title-weight: 400;
    --rok-mini-badge: var(--secondary-color);
    --rok-mini-numbers: var(--default-white);
    --rok-mini-date-size-desktop: 1vw;
    --rok-mini-date-size-mobile: 1rem;
    --rok-mini-date-font: var(--body-font-family);
    --rok-mini-text: var(--primary-color);
    --rok-mini-title-color: var(--rok-mini-text);
    --rok-mini-text-color: var(--rok-mini-text);
    --rok-mini-desc-font-size-desktop: 1vw;
    --rok-mini-desc-font-size-mobile: 1rem;
    --rok-mini-title-size-desktop: var(--rok-mini-desc-font-size-desktop);
    --rok-mini-text-size-desktop: var(--rok-mini-desc-font-size-desktop);
    --rok-mini-title-size-mobile: var(--rok-mini-desc-font-size-mobile);
    --rok-mini-text-size-mobile: var(--rok-mini-desc-font-size-mobile);
    --rok-mini-font-family: var(--body-font-family);
    --rok-mini-title-font: var(--rok-mini-font-family);
    --rok-mini-text-font: var(--rok-mini-font-family);
    --rok-mini-weight: 400;
    --rok-mini-title-weight: var(--rok-mini-weight);
    --rok-mini-text-weight: var(--rok-mini-weight);
    --rok-mini-timeline: var(--primary-color);
    --rok-mini-border-radius: unset;
    --rok-mini-box-shadow: 0px 0px 15px rgba(0,0,0,.2);

    /* new rok mini list variables 6/22/23 */
    --rok-mini-time-color: var(--default-black);
    --rok-mini-time-size: 1rem;
    --rok-mini-title-weight-mobile: var(--rok-mini-weight);
    --rok-mini-time-weight-mobile: var(--rok-mini-weight);
    --rok-mini-time-size-mobile: var(--rok-mini-time-size);
    --rok-mini-title-size: clamp(1.1rem, 1.4vw, 2.2rem);
    --rok-mini-day-weight: var(--rok-mini-weight);
    --rok-mini-month-size: 1rem;
    --rok-mini-day-size: 2rem;
    --rok-mini-list-background: #f1f1f1; /* Kept as is, no direct variable mapping */
    --rok-mini-time-size-desktop: var(--rok-mini-time-size);

    /* rok min 2 */
    --day-font: clamp(2.5rem, 3.1vw, 4rem);
    --month-font: clamp(1.25rem, 1.5vw, 2rem);
    --rme-title-size: clamp(1rem, 1.25vw, 2rem);

    /*ROK MINI Complete 10/10/23*/
    --rm-g-title-color-desktop: var(--default-white);
    --rm-g-title-color-mobile: var(--default-white);
    --rm-g-title-font: var(--title-font-family);
    --rm-g-title-size-desktop: 2vw;
    --rm-g-title-size-mobile: 2rem;
    --rm-g-title-weight: 400;
    --rm-g-title-border-top: none;
    --rm-g-title-border-bottom: none;
    --rm-g-title-border-left: none;
    --rm-g-title-border-right: none;
    --rm-g-title-border: none;
    --rm-g-title-bg: none;
    --rm-g-title-border-radius: 0;
    --rm-g-title-text-transform: none;
    --rm-g-title-variant-caps: normal;
    --rm-g-title-text-shadow: unset;
    --rm-g-title-letter-spacing: normal;
    --rm-g-title-margin: 0 0 2rem 0;
    --rm-g-title-padding: 0;
    --rm-g-title-text-align: center;

    --rm-rme3-bg: none;
    --rm-rme3-border-radius: 0;
    --rm-rme3-box-shadow: unset;
    --rm-rme3-border-top: none;
    --rm-rme3-border-bottom: none;
    --rm-rme3-border-left: none;
    --rm-rme3-border-right: none;
    --rm-rme3-border: none;
    --rm-rme3-margin: 0;
    --rm-rme3-padding: 0;

    --rm-items-display: flex;
    --rm-items-flex-direction: row;
    --rm-items-gap: 1vw;
    --rm-items-justify-content: space-between;
    --rm-items-align-items: unset;
    --rm-items-margin: 0;
    --rm-items-padding: 0;

    --rm-item-bg: none;
    --rm-item-border-radius: 0;
    --rm-item-box-shadow: unset;
    --rm-item-display: flex;
    --rm-item-flex-direction: column;
    --rm-item-gap: 1vw;
    --rm-item-border-top: unset;
    --rm-item-border-bottom: unset;
    --rm-item-border-left: unset;
    --rm-item-border-right: unset;
    --rm-item-border: unset;
    --rm-item-justify-content: unset;
    --rm-item-align-items: unset;
    --rm-item-margin: 0;
    --rm-item-padding: .5vw;

    --rm-rme-badge-bg: var(--secondary-color);
    --rm-rme-badge-border-radius: .5rem;
    --rm-rme-badge-overflow: hidden;
    --rm-rme-badge-display: flex;
    --rm-rme-badge-flex-direction: column;
    --rm-rme-badge-justify-content: center;
    --rm-rme-badge-align-items: center;
    --rm-rme-badge-gap: unset;
    --rm-rme-badge-margin: 0;
    --rm-rme-badge-padding: 1.75vw 1vw;
    --rm-rme-badge-width: fit-content;
    --rm-rme-badge-min-width: 40%;
    --rm-rme-badge-max-width: 40%;
    --rm-rme-badge-height: unset;
    --rm-rme-badge-min-height: unset;
    --rm-rme-badge-max-height: unset;
    --rm-rme-badge-box-shadow: unset;
    --rm-rme-badge-border-top: unset;
    --rm-rme-badge-border-bottom: unset;
    --rm-rme-badge-border-left: unset;
    --rm-rme-badge-border-right: unset;
    --rm-rme-badge-border: unset;

    --rm-rme-day-month-color-desktop: var(--default-white);
    --rm-rme-day-month-color-mobile: var(--default-white);
    --rm-rme-day-month-font: var(--body-font-family);
    --rm-rme-day-month-font-size-desktop: 1.5vw;
    --rm-rme-day-month-font-size-moble: 1rem;
    --rm-rme-day-month-font-weight: 400;
    --rm-rme-day-month-line-height: 1;
    --rm-rme-day-month-text-transform: none;
    --rm-rme-day-month-variant-caps: normal;
    --rm-rme-day-month-text-shadow: unset;
    --rm-rme-day-month-letter-spacing: normal;
    --rm-rme-day-month-text-align: center;
    --rm-rme-day-month-display: flex;
    --rm-rme-day-month-justify-content: center;
    --rm-rme-day-month-align-items: center;
    --rm-rme-day-month-margin: 0;
    --rm-rme-day-month-padding: 0;

    --rm-rme-day-color-desktop: var(--rm-rme-day-month-color-desktop);
    --rm-rme-day-color-mobile: var(--rm-rme-day-month-color-mobile);
    --rm-rme-day-font: var(--rm-rme-day-month-font);
    --rm-rme-day-font-size-desktop: var(--rm-rme-day-month-font-size-desktop);
    --rm-rme-day-font-size-mobile: var(--rm-rme-day-month-font-size-moble);
    --rm-rme-day-font-weight: var(--rm-rme-day-month-font-weight);
    --rm-rme-day-line-height: var(--rm-rme-day-month-line-height);
    --rm-rme-day-text-transform: var(--rm-rme-day-month-text-transform);
    --rm-rme-day-variant-caps: var(--rm-rme-day-month-variant-caps);
    --rm-rme-day-text-shadow: var(--rm-rme-day-month-text-shadow);
    --rm-rme-day-letter-spacing: var(--rm-rme-day-month-letter-spacing);
    --rm-rme-day-text-align: var(--rm-rme-day-month-text-align);
    --rm-rme-day-display: var(--rm-rme-day-month-display);
    --rm-rme-day-justify-content: var(--rm-rme-day-month-justify-content);
    --rm-rme-day-align-items: var(--rm-rme-day-month-align-items);
    --rm-rme-day-margin: var(--rm-rme-day-month-margin);
    --rm-rme-day-padding: var(--rm-rme-day-month-padding);

    --rm-rme-month-color-desktop: var(--rm-rme-day-month-color-desktop);
    --rm-rme-month-color-mobile: var(--rm-rme-day-month-color-mobile);
    --rm-rme-month-font: var(--rm-rme-day-month-font);
    --rm-rme-month-font-size-desktop: var(--rm-rme-day-month-font-size-desktop);
    --rm-rme-month-font-size-mobile: var(--rm-rme-day-month-font-size-moble);
    --rm-rme-month-font-weight: var(--rm-rme-day-month-font-weight);
    --rm-rme-month-line-height: var(--rm-rme-day-month-line-height);
    --rm-rme-month-text-transform: var(--rm-rme-day-month-text-transform);
    --rm-rme-month-variant-caps: var(--rm-rme-day-month-variant-caps);
    --rm-rme-month-text-shadow: var(--rm-rme-day-month-text-shadow);
    --rm-rme-month-letter-spacing: var(--rm-rme-day-month-letter-spacing);
    --rm-rme-month-text-align: var(--rm-rme-day-month-text-align);
    --rm-rme-month-display: var(--rm-rme-day-month-display);
    --rm-rme-month-justify-content: var(--rm-rme-day-month-justify-content);
    --rm-rme-month-align-items: var(--rm-rme-day-month-align-items);
    --rm-rme-month-margin: var(--rm-rme-day-month-margin);
    --rm-rme-month-padding: var(--rm-rme-day-month-padding);

    --rm-rme-description-bg: none;
    --rm-rme-description-border-radius: unset;
    --rm-rme-description-box-shadow: unset;
    --rm-rme-description-display: flex;
    --rm-rme-description-flex-direction: column;
    --rm-rme-description-justify-content: unset;
    --rm-rme-description-align-items: unset;
    --rm-rme-description-gap: .5vw;
    --rm-rme-description-margin: 0;
    --rm-rme-description-padding: 0;

    --rm-rme-title-time-color-desktop: var(--default-white);
    --rm-rme-title-time-color-mobile: var(--default-white);
    --rm-rme-title-time-font: var(--body-font-family);
    --rm-rme-title-time-font-size-desktop: 1vw;
    --rm-rme-title-time-font-size-mobile: 1rem;
    --rm-rme-title-time-font-weight: 400;
    --rm-rme-title-time-line-height: 1;
    --rm-rme-title-time-text-transform: none;
    --rm-rme-title-time-variant-caps: normal;
    --rm-rme-title-time-text-shadow: unset;
    --rm-rme-title-time-letter-spacing: normal;
    --rm-rme-title-time-text-align: left;
    --rm-rme-title-time-display: unset;
    --rm-rme-title-time-justify-content: unset;
    --rm-rme-title-time-align-items: unset;
    --rm-rme-title-time-margin: 0;
    --rm-rme-title-time-padding: 0;

    --rm-rme-title-color-desktop: var(--rm-rme-title-time-color-desktop);
    --rm-rme-title-color-mobile: var(--rm-rme-title-time-color-mobile);
    --rm-rme-title-font: var(--rm-rme-title-time-font);
    --rm-rme-title-font-size-desktop: var(--rm-rme-title-time-font-size-desktop);
    --rm-rme-title-font-size-mobile: var(--rm-rme-title-time-font-size-mobile);
    --rm-rme-title-font-weight: 700;
    --rm-rme-title-line-height: var(--rm-rme-title-time-line-height);
    --rm-rme-title-text-transform: var(--rm-rme-title-time-text-transform);
    --rm-rme-title-variant-caps: var(--rm-rme-title-time-variant-caps);
    --rm-rme-title-text-shadow: var(--rm-rme-title-time-text-shadow);
    --rm-rme-title-letter-spacing: var(--rm-rme-title-time-letter-spacing);
    --rm-rme-title-text-align: var(--rm-rme-title-time-text-align);
    --rm-rme-title-display: var(--rm-rme-title-time-display);
    --rm-rme-title-justify-content: var(--rm-rme-title-time-justify-content);
    --rm-rme-title-align-items: var(--rm-rme-title-time-align-items);
    --rm-rme-title-margin: var(--rm-rme-title-time-margin);
    --rm-rme-title-padding: var(--rm-rme-title-time-padding);

    --rm-rme-time-color-desktop: var(--rm-rme-title-time-color-desktop);
    --rm-rme-time-color-mobile: var(--rm-rme-title-time-color-mobile);
    --rm-rme-time-font: var(--rm-rme-title-time-font);
    --rm-rme-time-font-size-desktop: var(--rm-rme-title-time-font-size-desktop);
    --rm-rme-time-font-size-mobile: var(--rm-rme-title-time-font-size-mobile);
    --rm-rme-time-font-weight: var(--rm-rme-title-time-font-weight);
    --rm-rme-time-line-height: var(--rm-rme-title-time-line-height);
    --rm-rme-time-text-transform: var(--rm-rme-title-time-text-transform);
    --rm-rme-time-variant-caps: var(--rm-rme-title-time-variant-caps);
    --rm-rme-time-text-shadow: var(--rm-rme-title-time-text-shadow);
    --rm-rme-time-letter-spacing: var(--rm-rme-title-time-letter-spacing);
    --rm-rme-time-text-align: var(--rm-rme-title-time-text-align);
    --rm-rme-time-display: var(--rm-rme-title-time-display);
    --rm-rme-time-justify-content: var(--rm-rme-title-time-justify-content);
    --rm-rme-time-align-items: var(--rm-rme-title-time-align-items);
    --rm-rme-time-margin: var(--rm-rme-title-time-margin);
    --rm-rme-time-padding: var(--rm-rme-title-time-padding);

    --rm-rme-timeline-display: block;
    --rm-rme-timeline-margin: 2vw 0;
    --rm-rme-timeline-padding: 0;

    --rm-rme-timeline-bar-margin: 0 30px;
    --rm-rme-timeline-bar-padding: 0;

    --rm-rme-timeline-points-height: 20px;
    --rm-rme-timeline-points-overflow: hidden;
    --rm-rme-timeline-points-border-radius: 5px;
    --rm-rme-timeline-points-margin: 0;
    --rm-rme-timeline-points-padding: 0;

    --rm-rme-timeline-point-border-radius: 0;
    --rm-rme-timeline-point-bg-color: var(--primary-color);
    --rm-rme-timeline-point-bg-opacity: .85;
    --rm-rme-timeline-point-bg: rgba(var(--rm-rme-timeline-point-bg-color),var(--rm-rme-timeline-point-bg-opacity));
    --rm-rme-timeline-point-active-span: var(--default-white);
    --rm-rme-timeline-point-display: flex;
    --rm-rme-timeline-point-justify-content: center;
    --rm-rme-timeline-point-align-items: center;

    --rm-rme-timeline-point-span-size: calc(var(--rm-rme-timeline-points-height) - 8px);
    --rm-rme-timeline-point-span-width: var(--rm-rme-timeline-point-span-size);
    --rm-rme-timeline-point-span-height: var(--rm-rme-timeline-point-span-size);

    --rm-rme-arrow-width: var(--rm-rme-timeline-points-height);
    --rm-rme-arrow-height: var(--rm-rme-timeline-points-height);
    --rm-rme-arrow-line-height: var(--rm-rme-timeline-points-height);
    --rm-rme-arrow-color: var(--primary-color);
    --rm-rme-arrow-bg: none;
    --rm-rme-arrow-border-radius: unset;
    --rm-rme-arrow-display: flex;
    --rm-rme-arrow-justify-content: center;
    --rm-rme-arrow-align-items: center;
    --rm-rme-arrow-font-size: 3rem;
    --rm-rme-arrow-text-shadow: none;
    --rm-rme-arrow-transition: .3s all ease-in-out;
    --rm-rme-arrow-font-size-hover: 5rem;
    --rm-rme-arrow-text-shadow-hover: 1px 1px 5px var(--rm-rme-arrow-color);

    --img-news-title-font-size-desktop: 1.2vw;
    --img-news-title-font-size-mobile: 1.3rem;
    --img-news-title-font-weight: 400;
    --img-news-title-text-transform: uppercase;
    --img-news-title-letter-spacing: 1px;
    --img-news-text-font-size-desktop: .9vw;
    --img-news-text-font-size-mobile: 1rem;
    --img-news-title-color: var(--secondary-color);
    --img-news-text-color: var(--default-white);
    --img-news-button-background: transparent;
    --img-news-button-background-hover: var(--secondary-color);
    --img-news-button-text-transform: uppercase;
    --img-news-button-border-color: var(--secondary-color);
    --img-news-button-border-width: 2px;
    --img-news-button-border-style: solid;
    --img-news-button-border: var(--img-news-button-border-width) var(--img-news-button-border-style) var(--img-news-button-border-color);
    --img-news-button-color: var(--secondary-color);
    --img-news-button-color-hover: var(--primary-color);
    --img-news-button-letter-spacing: 1px;

    --cb-g-title-text-align: center;
    --cb-g-title-background: var(--tertiary-color);
    --cb-g-title-color: var(--default-white);
    --cb-g-title-font-family: var(--body-font-family);
    --cb-g-title-font-weight: 400;
    --cb-g-title-font-size-desktop: 3vw;
    --cb-g-title-font-size-mobile: 6vw;
    --cb-g-title-text-transform: none;
    --cb-g-title-variant: normal;
    --cb-g-title-letter-spacing: 2px;
    --cb-g-title-padding: 2vw;
    --cb-background: var(--default-white);
    --cb-box-shadow: var(--default-box-shadow);
    --cb-border-radius: 1rem;
    --cb-icon-font-size-desktop: 4vw;
    --cb-title-font-size-desktop: 1.2vw;
    --cb-icon-font-size-mobile: 8vw;
    --cb-title-font-size-mobile: 3vw;
    --cb-color: var(--primary-color);
    --cb-color-hover: var(--secondary-color);
    --cb-icon-color: var(--cb-color);
    --cb-title-color: var(--cb-color);
    --cb-title-font-family: var(--body-font-family);
    --cb-title-font-weight: 400;
    --cb-title-text-transform: none;
    --cb-title-variant: normal;
    --cb-title-letter-spacing: unset;
    --cb-default-transition: var(--default-transition);

    
    --grid-g-title-font: var(--title-font-family);
    --grid-g-title-font-size-desktop: 4vw;
    --grid-g-title-font-size-mobile: 8vw;
    --grid-g-title-font-weight: 400;
    --grid-g-title-color: var(--primary-color);
    --grid-g-title-border: 1px solid var(--primary-color);
    --grid-img-width: 18vw;
    --grid-img-width-mobile: 40vw;
    --grid-tile-height: 18vw;
    --grid-tile-height-mobile: 41vw;
    --grid-title-color: var(--default-white);
    --grid-title-color-mobile: var(--default-black);
    --grid-title-font: var(--title-font-family);
    --grid-title-text-align: left;
    --grid-font-size-desktop: 2vw;
    --grid-font-size-mobile: 4vw;
    --grid-title-font-size-desktop: 2vw;
    --grid-title-font-size-mobile: 4vw;
    --grid-title-font-weight: 400;
    --grid-bg: rgba(var(--primary-color-rgb),.4);
    --grid-bg-hover: rgba(var(--primary-color-rgb),.6);
    --grid-border-radius: var(--default-border-radius);
    --grid-box-shadow: var(--default-box-shadow);
    --grid-transition: var(--default-transition);
    --grid-desc-text-align: left;
    --grid-text-font-size-desktop: 1.1vw;
    --grid-text-font: var(--body-font-family);
    --grid-border-bottom: 4px solid var(--secondary-color);
    --grid-vertical-gap: 0.75rem;

    --cg-height: 26vw;
    --cg-height-mobile: 12rem;
    --cg-background: rgba(var(--default-black-rgb),.7);
    --cg-background-hover: rgba(var(--default-black-rgb),.8);
    --cg-title-color: var(--default-white);
    --cg-text-color: var(--default-white);

    --side-menu-bg: var(--primary-color);
    --side-menu-bg-hover: var(--secondary-color);
    --side-menu-font-family: var(--body-font-family);
    --side-menu-font-size: 1.1rem;
    --side-menu-font-size-desktop: var(--side-menu-font-size);
    --side-menu-font-size-mobile: var(--side-menu-font-size);
    --side-menu-font-weight: 400;

    --side-menu-bg-color: var(--primary-color);
    --side-menu-bg-hover-color: var(--secondary-color);
    --side-menu-text-color: var(--default-white);
    --side-menu-text-hover-color: var(--default-white);

    --particle-max-width: 1920px;

    --hover-box-desktop-background: rgba(var(--default-white-rgb),.8);
    --hover-box-mobile-background: var(--hover-box-desktop-background);

    --vw1: 1vw;
    --vw2: 2vw;
    --vw3: 3vw;
    --vw4: 4vw;
    --vw5: 5vw;
    --vw6: 6vw;
    --vw7: 7vw;
    --vw8: 8vw;
    --vw9: 9vw;
    --vw10: 10vw;
    --vw11: 11vw;
    --vw12: 12vw;
    --vw13: 13vw;
    --vw14: 14vw;
    --vw15: 15vw;
    --vw16: 16vw;
    --vw17: 17vw;
    --vw18: 18vw;
    --vw19: 19vw;
    --vw20: 20vw;

    --dark-theme-bg: #202124;
    --dark-theme-bg-2: #121212;
    --dark-theme-above-bg: #303134;
    --dark-theme-elevation: rgba(var(--primary-color-rgb),.7);
    --dark-theme-menu-bg: #1F1F1F;
    --dark-theme-contrast-color: #BB86FC;
    --dark-theme-contrast-rgb: 187,134,252;
    --dark-theme-alert-color: var(--dark-theme-contrast-color);
    --dark-theme-title-color: var(--default-white);
    --dark-theme-text-color: #bdc1c6;
    --dark-theme-text-shadow: 1px 1px rgba(var(--default-white-rgb),.15);
    --dark-theme-box-shadow: 0px 0px 5px rgba(var(--default-white-rgb),.15);

    --site-border-radius: 1rem;
    --default-text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.75);

    --dm-big-bulletin-size: clamp(280px, 20vw, 900px);
    --dm-bulletin-border-radius: 1rem;
    --dm-title-color: var(--default-black);
    --dm-widget-font-size: clamp(1.5rem, 1.75vw, 2rem);
    --dm-widget-archive-size: clamp(1.1rem, 1.25vw, 1.6rem);
}

@media only screen and (min-width: 50.99rem) {
    .rok-mini.vertical {
        --rm-item-width: 30vw;
        --rm-items-total-width: unset;
        --rm-items-gap-calc: unset;
        --rm-rme-timeline-display: none;
        --rm-item-gap: .5rem;
        --rm-items-flex-direction: column;
        --rm-item-flex-direction: row;
        --rm-rme-badge-width: 20%;
        --rm-rme-badge-min-width: 20%;
        --rm-rme-badge-max-width: 20%;
        --rm-rme-badge-height: 5rem;
        --rm-rme-badge-min-height: 5rem;
        --rm-rme-badge-max-height: 5rem;
        --rm-rme-badge-padding: 3.5vw 1vw;
        --rm-rme-description-justify-content: center;
        --rm-rme-description-gap: .5rem;
        --rm-items-margin: 0 0 2rem 0;
        --rm-g-title-margin: 0 0 2rem 0;
        --rm-items-gap: 1rem;
        --rm-items-align-items: center;
    }
}

@media only screen and (max-width: 50.99rem) {
    .rok-mini {
        --rm-item-gap: .5rem;
        --rm-items-flex-direction: column;
        --rm-item-flex-direction: row;
        --rm-rme-badge-width: 5rem;
        --rm-rme-badge-min-width: 5rem;
        --rm-rme-badge-max-width: 5rem;
        --rm-rme-badge-height: 5rem;
        --rm-rme-badge-min-height: 5rem;
        --rm-rme-badge-max-height: 5rem;
        --rm-rme-description-justify-content: center;
        --rm-rme-description-gap: .5rem;
        --rm-items-margin: 0 0 2rem 0;
        --rm-g-title-margin: 0 0 2rem 0;
        --rm-items-gap: 1rem;
    }
}

@media only screen and (min-width: 50.99rem) {
    .ph-title-row {
        --ph-g-title-font: var(--title-font-family);
        --ph-g-title-weight: 400;
        --ph-g-title-text-tranform: none;
        --ph-g-title-variant-caps: normal;
        --ph-g-title-margin: 0 25% 4vw 25%;
        --ph-g-title-padding: 0;
        --ph-g-title-size: 3vw;
        --ph-g-title-border-bottom: var(--ph-g-title-border-bottom-size) var(--ph-g-title-border-bottom-type) var(--ph-g-title-border-bottom-color);
        --ph-g-title-border-bottom-size: 2px;
        --ph-g-title-border-bottom-type: solid;
        --ph-g-title-border-bottom-color: var(--secondary-color);
        --ph-g-title-line-height: 1.5;

        --ph-gap: 3vw;
        --ph-box-shadow: 4px 4px 6px rgba(0,0,0,.5);
        --ph-box-shadow-hover: 8px 8px 10px rgba(0,0,0,.6);
        --ph-border-radius: 1rem;
        --ph-title-color: var(--primary-color);
        --ph-title-font: var(--title-font-family);
        --ph-title-text-transform: uppercase;
        --ph-title-variant-caps: normal;
        --ph-title-letter-spacing: 3px;
        --ph-title-font-size-desktop: 1.5vw;
    }
}

@media only screen and (max-width: 50.99rem) {
    .ph-card-mobile {
        --ph-g-title-font: var(--title-font-family);
        --ph-g-title-weight: 400;
        --ph-g-title-text-tranform: none;
        --ph-g-title-variant-caps: normal;
        --ph-g-title-margin: 0 0 2vw 0;
        --ph-g-title-padding: 0;
        --ph-g-title-size: 6vw;
        --ph-g-title-border-bottom: var(--ph-g-title-border-bottom-size) var(--ph-g-title-border-bottom-type) var(--ph-g-title-border-bottom-color);
        --ph-g-title-border-bottom-size: 0;
        --ph-g-title-border-bottom-type: unset;
        --ph-g-title-border-bottom-color: unset;
        --ph-g-title-line-height: 1.5;

        --ph-gap: 1rem;
        --ph-flex-gap: calc(var(--ph-flex) - var(--ph-num-cols-gaps-quotient));
        --ph-border-radius: 1rem;
        --ph-background-color: var(--secondary-color);
        --ph-box-shadow: 3px 3px 5px rgba(0,0,0,.5);
        --ph-title-font-size-mobile: 6vw;
        --ph-title-color: var(--primary-color);
        --ph-title-font: var(--title-font-family);
        --ph-title-weight: 400;
        --ph-title-text-transform: none;
        --ph-title-variant-caps: normal;
        --ph-title-letter-spacing: normal;
        --ph-text-font: var(--body-font-family);
        --ph-text-font-size-mobile: 4vw;
        --ph-text-color: var(--primary-color);
        --ph-text-weight: 400;
        --ph-text-line-height: 1;
    }
}

@media only screen and (max-width: 50.99rem) {
    body {
        --grid-title-color: var(--primary-color);
    }
}

.grid-lists {
    --grid-border-bottom: 1px solid var(--primary-color);
}

.quicklinks {
    --ql-num-boxes: 4;
    --ql-flex: calc(100% / var(--ql-num-boxes));
    --ql-flex-gap: 3vw;
    --ql-bg-opacity: .6;
    --ql-bg-hover-opacity: .8;
    --ql-g-title-color: var(--primary-color);
    --ql-g-title-font: var(--title-font-family);
    --ql-g-title-size: 3vw;
    --ql-g-title-weight: 400;
    --ql-background-color: rgba(var(--primary-color-rgb),var(--ql-bg-opacity));
    --ql-background-hover: rgba(var(--primary-color-rgb),var(--ql-bg-hover-opacity));
    --ql-background-size-desktop: calc(var(--ql-icon-size-desktop) + 2vw);
    --ql-background-size-mobile: calc(var(--ql-icon-size-mobile) + 3rem);
    --ql-font-family: var(--title-font-family);
    --ql-title-color: var(--primary-color);
    --ql-title-hover: var(--secondary-color);
    --ql-title-weight: 400;
    --ql-mobile-bg-color: rgba(var(--primary-color-rgb),.5);
    --ql-mobile-bg-hover: rgba(var(--primary-color-rgb),.7);
    --ql-mobile-title-color: var(--default-white);
    --ql-box-shadow: var(--default-box-shadow);
    --ql-font-size-desktop: 1.7vw;
    --ql-font-size-mobile: 1.2rem;
    --ql-bottom-border-size: 2px;
    --ql-bottom-border-style: solid;
    --ql-bottom-border-color: var(--default-white);
    --ql-right-border-size: 1px;
    --ql-right-border-style: solid;
    --ql-right-border-color: var(--secondary-color);
    --ql-top-border-size: 5px;
    --ql-top-border-style: solid;
    --ql-top-border-color: var(--secondary-color);
    --ql-left-border-size: 1px;
    --ql-left-border-style: solid;
    --ql-left-border-color: var(--secondary-color);
    --ql-border-radius: 0;
    --ql-icon-size-desktop: 4vw;
    --ql-icon-size-mobile: 4rem;
    --ql-title-color-mobile: var(--primary-color);
    --ql-letter-spacing: 0;
    --ql-text-transform: none;
    --ql-height: 14vw;
    --ql-width: 17vw;
    --ql-mobile-width: 44vw;
    --ql-subtitle-color: var(--secondary-color);
    --ql-empty-height: 2vw;
    --ql-ratio: 1;
    --ql-title-align: center;

    --ql-overlay-opacity: .6;
    --ql-overlay-hover-opacity: .8;
    --ql-overlay-bg: rgba(var(--secondary-color-rgb),var(--ql-overlay-opacity));
    --ql-overlay-bg-hover: rgba(var(--secondary-color-rgb),var(--ql-overlay-hover-opacity));
}
.ql-circle-lower-title {
    --ql-border-radius: 50%;
    --ql-flex-gap: 5vw;
}
@media only screen and (min-width: 50.99rem) {
    .grid-circle {
        --grid-border-radius: 50%;
    }
}
.grid-staff {
    --grid-box-shadow: 0px 0px 10px rgba(0,0,0,.25);
    --grid-border-radius: 1rem;
    --grid-title-color: var(--primary-color);
    --grid-title-font-size-desktop: 1.4vw;
    --grid-title-text-align: center;
    --grid-desc-text-align: center;
    --grid-font-size-desktop: .9vw;
    --grid-bg: rgba(var(--primary-color-rgb),.1);
}
.ph-sq-rows {
    --ph-width: 27vw;
    --ph-text-color: var(--primary-color);
    --ph-background-color: rgba(var(--default-white-rgb),.8);
    --ph-title-text-transform: none;
    --ph-title-font: var(--body-font-family);
    --ph-title-weight: 700;
}