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: clamp(21vw, 42vw, 604.8px);
    --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: clamp(1vw, 2vw, 28.8px);
    --swiper-title-font-size-mobile: clamp(2.5vw, 5vw, 72px);
    --swiper-title-font-weight: 400;

    --swiper-slide-height: clamp(16.5vw, 33vw, 475.2px);
    --swiper-slide-content-wrapper-padding: clamp(0.75vw, 1.5vw, 21.6px);
    --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: clamp(0.45vw, 0.9vw, 12.96px);
    --swiper-text-font-size-mobile: clamp(1.5vw, 3vw, 43.2px);

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

    --swiper-links-mobile-height: clamp(35vw, 70vw, 1008px);

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

    --mt-fixed-height-desktop: clamp(18vw, 36vw, 518.4px);
    --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: clamp(1.25vw, 2.5vw, 36px);
    --mt-header-mobile: 2rem;
    --mt-para-desktop: clamp(0.55vw, 1.1vw, 15.84px);
    --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: clamp(1.5vw, 3vw, 43.2px);
    --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: clamp(1.5vw, 3vw, 43.2px);
    --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) + clamp(1vw, 2vw, 28.8px));
    --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: clamp(0.85vw, 1.7vw, 24.48px);
    --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: clamp(2vw, 4vw, 57.6px);
    --ql-icon-size-mobile: 4rem;
    --ql-title-color-mobile: var(--primary-color);
    --ql-letter-spacing: 0;
    --ql-text-transform: none;
    --ql-height: clamp(7vw, 14vw, 201.6px);
    --ql-width: clamp(8.5vw, 17vw, 244.8px);
    --ql-mobile-width: clamp(22vw, 44vw, 633.6px);
    --ql-subtitle-color: var(--secondary-color);
    --ql-empty-height: clamp(1vw, 2vw, 28.8px);
    --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: clamp(10vw, 20vw, 288px);
    --ph-g-title-margin: clamp(1vw, 2vw, 28.8px) 0;
    --ph-g-title-color: var(--primary-color);
    --ph-g-title-font: var(--title-font-family);
    --ph-g-title-size: clamp(1.5vw, 3vw, 43.2px);
    --ph-g-title-size-desktop: clamp(1.5vw, 3vw, 43.2px);
    --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: clamp(0.5vw, 1vw, 14.4px);
    --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-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: clamp(0.85vw, 1.7vw, 24.48px);
    --ph-text-font-size-desktop: clamp(1.2rem, 1.2rem, 1.2rem);
    --ph-title-font-size-mobile: clamp(3vw, 6vw, 86.4px);
    --ph-text-font-size-mobile: clamp(1.1rem, 1.1rem, 1.1rem);
    --ph-border-radius: 0;
    --ph-width: clamp(10vw, 20vw, 288px);
    --ph-height: calc(var(--ph-width) * 4/3);
    --ph-columns-img-size: clamp(5vw, 10vw, 144px);
    --ph-gap: clamp(3.5vw, 7vw, 100.8px);
    --ph-border-width: 1px;
    --ph-border-style: solid;
    --ph-border-color: var(--primary-color);
    --ph-img-border-radius: var(--ph-border-radius);
}

@media only screen and (min-width: 48rem) {
    body {
        --ph-text-font-size-desktop: 1.2rem;
        --ph-title-font-size-mobile: clamp(3vw, 6vw, 86.4px);
        --ph-text-font-size-mobile: 1.1rem;
    }
}

@media only screen and (min-width: 51rem) {
    body {
        --ph-g-title-size: clamp(1vw, 2vw, 28.8px);
        --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: clamp(3vw, 6vw, 86.4px);
        --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: clamp(2vw, 4vw, 57.6px);
        --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: clamp(1.5vw, 3vw, 43.2px);
    --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: clamp(1.5vw, 3vw, 43.2px);
    --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) + clamp(1vw, 2vw, 28.8px));
    --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: clamp(0.85vw, 1.7vw, 24.48px);
    --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: clamp(2vw, 4vw, 57.6px);
    --ql-icon-size-mobile: 4rem;
    --ql-title-color-mobile: var(--primary-color);
    --ql-letter-spacing: 0;
    --ql-text-transform: none;
    --ql-height: clamp(7vw, 14vw, 201.6px);
    --ql-width: clamp(8.5vw, 17vw, 244.8px);
    --ql-mobile-width: clamp(22vw, 44vw, 633.6px);
    --ql-subtitle-color: var(--secondary-color);
    --ql-empty-height: clamp(1vw, 2vw, 28.8px);
    --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: clamp(2.5vw, 5vw, 72px);
}
@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: clamp(0.7vw, 1.4vw, 20.16px);
    --grid-title-text-align: center;
    --grid-desc-text-align: center;
    --grid-font-size-desktop: clamp(0.45vw, 0.9vw, 12.96px);
    --grid-bg: rgba(var(--primary-color-rgb),.1);
}
.ph-sq-rows {
    --ph-width: clamp(13.5vw, 27vw, 388.8px);
    --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;
}