body {
    /* New RGB color variables */
    --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;
    --alert-red-rgb: 234, 54, 54;

    /* New rgba color variables (opacity 1) */
    --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(var(--default-white-rgb),0); /* Updated to use default-white-rgb */

    --site-box-shadow: 4px 4px 4px rgba(var(--default-black-rgb),.4); /* Updated to use default-black-rgb */


    --widget-parthenon-section-padding: 2vw;
    --widget-section-gap: 2vw;
    --widget-container-item-flex-size: 1;

    --widget-parthenon-section-padding-mobile: 1rem 2rem;
    --widget-section-gap-mobile: 1rem;

    --widget-wrapper-item-margin: 0;
    --widget-wrapper-item-padding: 0;
    --widget-wrapper-item-display: flex;
    --widget-wrapper-item-flex-direction: column;
    --widget-wrapper-item-align-items: stretch;
    --widget-wrapper-item-justify-content: flex-start;
    --widget-wrapper-item-gap: 1vw;
    --widget-wrapper-item-gap-mobile: 1rem;
    
    --widget-title-item-order: 1;
    --widget-title-box-margin: 0;
    --widget-title-box-padding: 0;
    --widget-title-margin: 0;
    --widget-title-padding: 0;
    --widget-title-color:  var(--primary-color); /* Now points to the rgba version of primary-color */
    --widget-title-line-height: 1;
    --widget-title-font-size: 3vw;
    --widget-title-font-size-mobile: 8vw;
    --widget-title-font-weight: 700;
    --widget-title-font-family: var(--title-font-family);
    --widget-title-border-bottom: none;
    --widget-title-text-align: center;
    --widget-title-text-transform: none;
    --widget-title-text-decoration: none;
    --widget-title-text-shadow: none;
    --widget-title-font-variant-caps: normal;
    
    --widget-feed-item-order: 2;
    --widget-feed-box-margin: 0;
    --widget-feed-box-padding: 1vw;
    --widget-feed-box-padding-mobile: 1rem;
    --widget-feed-box-bg-color-code: var(--default-white-rgb); /* Updated to use default-white-rgb */
    --widget-feed-box-bg-opacity: .15;
    --widget-feed-box-bg: rgba(var(--widget-feed-box-bg-color-code), var(--widget-feed-box-bg-opacity));
    --widget-feed-box-border-radius: 0;
    --widget-feed-box-box-shadow: none;
    --widget-feed-inner-box-margin: 0;
    --widget-feed-inner-box-padding: 0;
    --widget-feed-inner-box-bg-color-code: var(--default-white-rgb); /* Updated to use default-white-rgb */
    --widget-feed-inner-box-bg-opacity: 1;
    --widget-feed-inner-box-bg: rgba(var(--widget-feed-inner-box-bg-color-code), var(--widget-feed-inner-box-bg-opacity));
    --widget-feed-inner-box-border-radius: 0;
    --widget-feed-inner-box-box-shadow: none;
    
    --widget-button-item-order: 3;
    --widget-button-box-margin: 0;
    --widget-button-box-padding: 0;

    --widget-button-margin: 0;
    --widget-button-padding: 1vw;
    --widget-button-padding-mobile: 1rem;
    --widget-button-bg-color-code: var(--primary-color-rgb); /* Updated to use primary-color-rgb */
    --widget-button-bg-opacity: 1;
    --widget-button-bg: rgba(var(--widget-button-bg-color-code), var(--widget-button-bg-opacity));
    --widget-button-border-radius: .5rem;
    --widget-button-box-shadow: var(--site-box-shadow);
    --widget-button-text-color: var(--default-white); /* Now points to the rgba version of default-white */
    --widget-button-text-align: center;
    --widget-button-text-transform: none;
    --widget-button-text-decoration: none;
    --widget-button-font-variant-caps: normal;
    --widget-button-font-size: 1.5vw;
    --widget-button-font-size-moible: 5vw;
    --widget-button-font-weight: 400;
    --widget-button-font-family: var(--body-font-family);
    --widget-button-line-height: 1;
    --widget-button-transition: .3s all ease-in-out;
    --widget-button-border: none;
    --widget-button-width: 80%;

    --widget-button-text-color-hover: var(--widget-button-text-color);
    --widget-button-hover-scale: 1.05;
    --widget-button-bg-hover-color-code: var(--primary-color-rgb); /* Updated to use primary-color-rgb */
    --widget-button-bg-hover-opacity: 1;
    --widget-button-bg-hover: rgba(var(--widget-button-bg-hover-color-code), var(--widget-button-bg-hover-opacity));

    --flocknote-widget-inner-feed-padding: 2vw;
    --flocknote-widget-inner-feed-padding-mobile: 1rem;

    --daily-readings-widget-feed-flex-direction: column;
    --daily-readings-widget-feed-gap: 1vw;
    --daily-readings-widget-feed-gap-mobile: 1rem;
    --daily-readings-widget-newsfeed-flex-direction: column;
    --daily-readings-widget-newsfeed-gap: 1vw;
    --daily-readings-widget-newsfeed-gap-mobile: 1rem;
    --daily-readings-widget-image-aspect-ratio: 16/9;
    --daily-readings-widget-image-object-position: center;
    --daily-readings-widget-image-object-fit: cover;
    --daily-readings-widget-image-box-shadow: none;
    --daily-readings-widget-image-border-radius: .5rem;

    --widget-dr-link-bg-color-code: var(--primary-color-rgb); /* Updated to use primary-color-rgb */
    --widget-dr-link-bg-opacity: 1;
    --widget-dr-link-bg: rgba(var(--widget-button-bg-color-code), var(--widget-button-bg-opacity));
    --widget-dr-link-border-radius: .5rem;
    --widget-dr-link-box-shadow: var(--site-box-shadow);
    --widget-dr-link-text-color: var(--default-white); /* Now points to the rgba version of default-white */
    --widget-dr-link-text-align: center;
    --widget-dr-link-text-transform: none;
    --widget-dr-link-text-decoration: none;
    --widget-dr-link-font-variant-caps: normal;
    --widget-dr-link-font-size: 1vw;
    --widget-dr-link-font-size-mobile: 4vw;
    --widget-dr-link-font-weight: 400;
    --widget-dr-link-font-family: var(--body-font-family);
    --widget-dr-link-line-height: 1;
    --widget-dr-link-transition: .3s all ease-in-out;
    --widget-dr-link-border: none;
    --widget-dr-link-width: 100%;
    --widget-dr-link-color-hover: var(--default-white); /* Now points to the rgba version of default-white */
    --widget-dr-link-transform-hover: scale(1.05);
    --widget-dr-link-bg-hover-color-code: var(--primary-color-rgb); /* Updated to use primary-color-rgb */
    --widget-dr-link-bg-hover-opacity: 1;
    --widget-dr-link-bg-hover: rgba(var(--widget-button-bg-hover-color-code), var(--widget-button-bg-hover-opacity));
}

.widget-section-no-buttons .widget-button {
    display: none!important;
}

@media only screen and (min-width: 50.99rem) {
    .widget-parthenon {
        margin: 0;
        padding: 0;
    }
    .widget-parthenon > .g-container {
        margin: 0;
        padding: var(--widget-parthenon-section-padding)!important;
    }
    .widget-parthenon > .g-container > .g-grid {
        display: flex;
        flex-direction: row;
        gap: var(--widget-section-gap);
    }
    .widget-parthenon > .g-container > .g-grid > .g-block.widget-container {
        margin: 0;
        padding: 0;
        flex: var(--widget-container-item-flex-size);
        width: unset;
        max-width: unset;
    }
}

@media only screen and (max-width: 50.99rem) {
    .widget-parthenon {
        margin: 0;
        padding: 0;
    }
    .widget-parthenon > .g-container {
        margin: 0;
        padding: var(--widget-parthenon-section-padding-mobile)!important;
    }
    .widget-parthenon > .g-container > .g-grid {
        display: flex;
        flex-direction: column;
        gap: var(--widget-section-gap-mobile);
    }
    .widget-parthenon > .g-container > .g-grid > .g-block.widget-container {
        margin: 0;
        padding: 0;
        flex: var(--widget-container-item-flex-size);
        width: unset;
        max-width: unset;
    }
}

body:has(.widget-parthenon-alt) section:has(.widget-parthenon-alt) {
    background: var(--primary-color); /* Updated to use the rgba version of primary-color */
}

@media only screen and (min-width: 50.99rem) {
    .widget-parthenon-alt {
        margin: 0;
        padding: 0;
    }
    .widget-parthenon-alt > .g-container {
        margin: 0;
        padding: var(--widget-parthenon-section-padding)!important;
    }
    .widget-parthenon-alt > .g-container > .g-grid {
        display: flex;
        flex-direction: row;
        gap: var(--widget-section-gap);
    }
    .widget-parthenon-alt > .g-container > .g-grid > .g-block.widget-container {
        margin: 0;
        padding: 0;
        flex: var(--widget-container-item-flex-size);
        width: unset;
        max-width: unset;
    }
}

@media only screen and (max-width: 50.99rem) {
    .widget-parthenon-alt {
        margin: 0;
        padding: 0;
    }
    .widget-parthenon-alt > .g-container {
        margin: 0;
        padding: var(--widget-parthenon-section-padding-mobile)!important;
    }
    .widget-parthenon-alt > .g-container > .g-grid {
        display: flex;
        flex-direction: column;
        gap: var(--widget-section-gap-mobile);
    }
    .widget-parthenon-alt > .g-container > .g-grid > .g-block.widget-container {
        margin: 0;
        padding: 0;
        flex: var(--widget-container-item-flex-size);
        width: unset;
        max-width: 100%;
    }
}

@media only screen and (min-width: 50.99rem) {
    .widget-container {
        margin: 0;
        padding: 0;
    }
    .widget-container > .g-content {
        margin: 0;
        padding: 0;
        height: 100%;
    }
    .widget-container .g-content-array {
        margin: 0;
        padding: 0;
        height: 100%;
    }
    .widget-container .g-content-array > .g-grid {
        margin: 0;
        padding: 0;
        height: 100%;
    }
    .widget-container .g-content-array > .g-grid > .g-block {
        margin: 0;
        padding: 0;
        height: 100%;
    }
    .widget-container .g-content-array > .g-grid > .g-block > .g-content {
        margin: 0;
        padding: 0;
        height: 100%;
    }
    .widget-container .g-array-item {
        margin: 0;
        padding: 0;
        height: 100%;
    }
    .widget-container .g-array-item-text {
        margin: 0;
        padding: 0;
        height: 100%;
    }
    .widget-container .widget-wrapper {
        margin: var(--widget-wrapper-item-margin);
        padding: var(--widget-wrapper-item-padding);
        height: 100%;
        display: var(--widget-wrapper-item-display);
        flex-direction: var(--widget-wrapper-item-flex-direction);
        align-items: var(--widget-wrapper-item-align-items);
        justify-content: var(--widget-wrapper-item-justify-content);
        gap: var(--widget-wrapper-item-gap);
    }
    .widget-container .widget-wrapper .widget-title {
        margin: var(--widget-title-box-margin);
        padding: var(--widget-title-box-padding);
        order: var(--widget-title-item-order);
    }
    .widget-container .widget-wrapper .widget-title .g-title {
        margin: var(--widget-title-margin);
        padding: var(--widget-title-padding);
        color: var(--widget-title-color); /* Updated to use the variable directly */
        line-height: var(--widget-title-line-height);
        font-size: var(--widget-title-font-size);
        font-weight: var(--widget-title-font-weight);
        font-family: var(--widget-title-font-family);
        border-bottom: var(--widget-title-border-bottom);
        text-align: var(--widget-title-text-align);
        text-transform: var(--widget-title-text-transform);
        text-decoration: var(--widget-title-text-decoration);
        text-shadow: var(--widget-title-text-shadow);
        font-variant-caps: var(--widget-title-font-variant-caps);
    }
    .widget-container .widget-wrapper .widget-feed {
        margin: var(--widget-feed-box-margin);
        padding: var(--widget-feed-box-padding);
        order: var(--widget-feed-item-order);
        background: var(--widget-feed-box-bg);
        border-radius: var(--widget-feed-box-border-radius);
        box-shadow: var(--widget-feed-box-box-shadow);
        overflow: hidden;
        flex: 1;
    }
    .widget-container .widget-wrapper .widget-feed .widget-feed-inner-box {
        margin: var(--widget-feed-inner-box-margin);
        padding: var(--widget-feed-inner-box-padding);
        height: 100%;
        background: var(--widget-feed-inner-box-bg);
        border-radius: var(--widget-feed-inner-box-border-radius);
        box-shadow: var(--widget-feed-inner-box-box-shadow);
        overflow: hidden;
    }
    .widget-container .widget-wrapper .widget-feed iframe {
        height: 100%;
    }
    .widget-container .widget-wrapper .widget-button {
        margin: var(--widget-button-box-margin);
        padding: var(--widget-button-box-padding);
        order: var(--widget-button-item-order);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .widget-container .widget-wrapper .widget-button .button {
        margin: var(--widget-button-margin);
        padding: var(--widget-button-padding);
        color: var(--widget-button-text-color); /* Updated to use the variable directly */
        background: var(--widget-button-bg);
        border-radius: var(--widget-button-border-radius);
        box-shadow: var(--widget-button-box-shadow);
        text-align: var(--widget-button-text-align);
        text-transform: var(--widget-button-text-transform);
        text-decoration: var(--widget-button-text-decoration);
        font-variant-caps: var(--widget-button-font-variant-caps);
        font-size: var(--widget-button-font-size);
        font-weight: var(--widget-button-font-weight);
        font-family: var(--widget-button-font-family);
        line-height: var(--widget-button-line-height);
        transition: var(--widget-button-transition);
        border: var(--widget-button-border);
        width: var(--widget-button-width);
    }
    .widget-container .widget-wrapper .widget-button .button:hover {
        color: var(--widget-button-text-color-hover); /* Updated to use the variable directly */
        transform: scale(var(--widget-button-hover-scale));
        background: var(--widget-button-bg-hover);
    }
    .widget-container.flocknote-widget-container {
        --widget-feed-inner-box-padding: 2vw;
    }
    .widget-container.formed-widget-container .widget-feed-inner-box {
        --widget-feed-inner-box-bg: none;
    }
    .widget-container.formed-widget-container .widget-feed-inner-box img {
        width: 100%;
        height: auto;
    }

    .widget-container.facebook-widget-container .widget-feed-inner-box > div {
        height: 100%;
    }
    .widget-container.facebook-widget-container .eapps-widget {
        height: 100%;
        border-radius: 1rem;
        overflow: hidden;
    }
    .widget-container.facebook-widget-container .widget-feed-inner-box > div > .eapps-widget {
        height: 100%;
    }
    .widget-container.facebook-widget-container .widget-feed-inner-box > div > .eapps-widget > .eapps-facebook-feed-container {
        height: 100%;
    }
    .widget-container.facebook-widget-container .widget-feed-inner-box > div > .eapps-widget > .eapps-facebook-feed-container > .eapps-facebook-feed-inner {
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    .widget-container.facebook-widget-container .widget-feed-inner-box > div > .eapps-widget > .eapps-facebook-feed-container > .eapps-facebook-feed-inner > .eapps-facebook-feed-content-container {
        /*height: unset!important;*/
        flex: 1 1 auto;
    }

    .widget-container.daily-readings-widget-container {
        --widget-feed-inner-box-padding: 2vw;
    }
    .widget-container.daily-readings-widget-container .widget-feed-inner-box {
        display: flex;
        flex-direction: var(--daily-readings-widget-feed-flex-direction);
        gap: var(--daily-readings-widget-feed-gap);
    }
    .widget-container.daily-readings-widget-container .dr-feed-image {
        width: 100%;
        aspect-ratio: var(--daily-readings-widget-image-aspect-ratio);
        overflow: hidden;
        box-shadow: var(--daily-readings-widget-image-box-shadow);
        border-radius: var(--daily-readings-widget-image-border-radius);
    }
    .widget-container.daily-readings-widget-container .dr-feed-image img {
        width: 100%;
        height: 100%;
        aspect-ratio: var(--daily-readings-widget-image-aspect-ratio);
        object-position: var(--daily-readings-widget-image-object-position);
        object-fit: var(--daily-readings-widget-image-object-fit);
    }

    .widget-container.daily-readings-widget-container .dr-feed-box {
        margin: 0;
        padding: 0;
    }
    .widget-container.daily-readings-widget-container .dr-feed-box .feed {
        margin: 0;
        padding: 0;
    }
    .widget-container.daily-readings-widget-container .dr-feed-box .newsfeed {
        margin: 0;
        padding: 0;
        list-style-type: none;
        display: flex;
        flex-direction: var(--daily-readings-widget-newsfeed-flex-direction);
        gap: var(--daily-readings-widget-newsfeed-gap);
    }
    .widget-container.daily-readings-widget-container .dr-feed-box .newsfeed > li {
        margin: 0;
        padding: 0;
        flex: 1;
        text-align: center;
    }
    .widget-container.daily-readings-widget-container .dr-feed-box .newsfeed > li .feed-link {
        margin: 0;
        padding: 0;
        height: 100%;
        width: 100%;
        text-align: center;
    }
    .widget-container.daily-readings-widget-container .dr-feed-box .newsfeed > li .feed-link a {
        margin: 0;
        padding: 1vw;
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        color: var(--widget-dr-link-text-color); /* Updated to use the variable directly */
        background: var(--widget-dr-link-bg);
        border-radius: var(--widget-dr-link-border-radius);
        box-shadow: var(--widget-dr-link-box-shadow);
        text-align: var(--widget-dr-link-text-align);
        text-transform: var(--widget-dr-link-text-transform);
        text-decoration: var(--widget-dr-link-text-decoration);
        font-variant-caps: var(--widget-dr-link-font-variant-caps);
        font-size: var(--widget-dr-link-font-size);
        font-weight: var(--widget-dr-link-font-weight);
        font-family: var(--widget-dr-link-font-family);
        line-height: var(--widget-dr-link-line-height);
        transition: var(--widget-dr-link-transition);
        border: var(--widget-dr-link-border);
        width: var(--widget-dr-link-width);
    }

    .widget-container.daily-readings-widget-container .dr-feed-box .newsfeed > li .feed-link a:hover {
        transform: var(--widget-dr-link-transform-hover);
        background: var(--widget-dr-link-bg-hover);
        color: var(--widget-dr-link-color-hover); /* Updated to use the variable directly */
    }
}

@media only screen and (max-width: 50.99rem) {
    .widget-container {
        margin: 0;
        padding: 0;
    }
    .widget-container > .g-content {
        margin: 0;
        padding: 0;
        height: 100%;
    }
    .widget-container .g-content-array {
        margin: 0;
        padding: 0;
        height: 100%;
    }
    .widget-container .g-content-array > .g-grid {
        margin: 0;
        padding: 0;
        height: 100%;
    }
    .widget-container .g-content-array > .g-grid > .g-block {
        margin: 0;
        padding: 0;
        height: 100%;
    }
    .widget-container .g-content-array > .g-grid > .g-block > .g-content {
        margin: 0;
        padding: 0;
        height: 100%;
    }
    .widget-container .g-array-item {
        margin: 0;
        padding: 0;
        height: 100%;
    }
    .widget-container .g-array-item-text {
        margin: 0;
        padding: 0;
        height: 100%;
    }
    .widget-container .widget-wrapper {
        margin: var(--widget-wrapper-item-margin);
        padding: var(--widget-wrapper-item-padding);
        height: 100%;
        display: var(--widget-wrapper-item-display);
        flex-direction: var(--widget-wrapper-item-flex-direction);
        align-items: var(--widget-wrapper-item-align-items);
        justify-content: var(--widget-wrapper-item-justify-content);
        gap: var(--widget-wrapper-item-gap-mobile);
    }
    .widget-container .widget-wrapper .widget-title {
        margin: var(--widget-title-box-margin);
        padding: var(--widget-title-box-padding);
        order: var(--widget-title-item-order);
    }
    .widget-container .widget-wrapper .widget-title .g-title {
        margin: var(--widget-title-margin);
        padding: var(--widget-title-padding);
        color: var(--widget-title-color); /* Updated to use the variable directly */
        line-height: var(--widget-title-line-height);
        font-size: var(--widget-title-font-size-mobile);
        font-weight: var(--widget-title-font-weight);
        font-family: var(--widget-title-font-family);
        border-bottom: var(--widget-title-border-bottom);
        text-align: var(--widget-title-text-align);
        text-transform: var(--widget-title-text-transform);
        text-decoration: var(--widget-title-text-decoration);
        text-shadow: var(--widget-title-text-shadow);
        font-variant-caps: var(--widget-title-font-variant-caps);
    }
    .widget-container .widget-wrapper .widget-feed {
        margin: var(--widget-feed-box-margin);
        padding: var(--widget-feed-box-padding-mobile);
        order: var(--widget-feed-item-order);
        background: var(--widget-feed-box-bg);
        border-radius: var(--widget-feed-box-border-radius);
        box-shadow: var(--widget-feed-box-box-shadow);
        overflow: hidden;
        flex: 1;
    }
    .widget-container .widget-wrapper .widget-feed .widget-feed-inner-box {
        margin: var(--widget-feed-inner-box-margin);
        padding: var(--widget-feed-inner-box-padding);
        height: 100%;
        background: var(--widget-feed-inner-box-bg);
        border-radius: var(--widget-feed-inner-box-border-radius);
        box-shadow: var(--widget-feed-inner-box-box-shadow);
        overflow: hidden;
    }
    .widget-container .widget-wrapper .widget-feed iframe {
        height: 100%;
    }
    .widget-container .widget-wrapper .widget-button {
        margin: var(--widget-button-box-margin);
        padding: var(--widget-button-box-padding);
        order: var(--widget-button-item-order);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .widget-container .widget-wrapper .widget-button .button {
        margin: var(--widget-button-margin);
        padding: var(--widget-button-padding-mobile);
        color: var(--widget-button-text-color); /* Updated to use the variable directly */
        background: var(--widget-button-bg);
        border-radius: var(--widget-button-border-radius);
        box-shadow: var(--widget-button-box-shadow);
        text-align: var(--widget-button-text-align);
        text-transform: var(--widget-button-text-transform);
        text-decoration: var(--widget-button-text-decoration);
        font-variant-caps: var(--widget-button-font-variant-caps);
        font-size: var(--widget-button-font-size-mobile);
        font-weight: var(--widget-button-font-weight);
        font-family: var(--widget-button-font-family);
        line-height: var(--widget-button-line-height);
        transition: var(--widget-button-transition);
        border: var(--widget-button-border);
        width: var(--widget-button-width);
    }
    .widget-container .widget-wrapper .widget-button .button:hover {
        color: var(--widget-button-text-color-hover); /* Updated to use the variable directly */
        transform: scale(var(--widget-button-hover-scale));
        background: var(--widget-button-bg-hover);
    }
    .widget-container.flocknote-widget-container {
        --widget-feed-inner-box-padding: 1rem;
    }
    .widget-container.formed-widget-container .widget-feed-inner-box {
        --widget-feed-inner-box-bg: none;
    }
    .widget-container.formed-widget-container .widget-feed-inner-box img {
        width: 100%;
        height: auto;
    }

    .widget-container.facebook-widget-container .widget-feed-inner-box > div {
        height: 100%;
    }
    .widget-container.facebook-widget-container .eapps-widget {
        height: 100%;
        border-radius: 1rem;
        overflow: hidden;
    }
    .widget-container.facebook-widget-container .widget-feed-inner-box > div > .eapps-widget {
        height: 100%;
    }
    .widget-container.facebook-widget-container .widget-feed-inner-box > div > .eapps-widget > .eapps-facebook-feed-container {
        height: 100%;
    }
    .widget-container.facebook-widget-container .widget-feed-inner-box > div > .eapps-widget > .eapps-facebook-feed-container > .eapps-facebook-feed-inner {
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    .widget-container.facebook-widget-container .widget-feed-inner-box > div > .eapps-widget > .eapps-facebook-feed-container > .eapps-facebook-feed-inner > .eapps-facebook-feed-content-container {
        /*height: unset!important;*/
        flex: 1 1 auto;
    }

    .widget-container.daily-readings-widget-container {
        --widget-feed-inner-box-padding: 1rem;
    }
    .widget-container.daily-readings-widget-container .widget-feed-inner-box {
        display: flex;
        flex-direction: var(--daily-readings-widget-feed-flex-direction);
        gap: var(--daily-readings-widget-feed-gap-mobile);
    }
    .widget-container.daily-readings-widget-container .dr-feed-image {
        width: 100%;
        aspect-ratio: var(--daily-readings-widget-image-aspect-ratio);
        overflow: hidden;
        box-shadow: var(--daily-readings-widget-image-box-shadow);
        border-radius: var(--daily-readings-widget-image-border-radius);
    }
    .widget-container.daily-readings-widget-container .dr-feed-image img {
        width: 100%;
        height: 100%;
        aspect-ratio: var(--daily-readings-widget-image-aspect-ratio);
        object-position: var(--daily-readings-widget-image-object-position);
        object-fit: var(--daily-readings-widget-image-object-fit);
    }

    .widget-container.daily-readings-widget-container .dr-feed-box {
        margin: 0;
        padding: 0;
    }
    .widget-container.daily-readings-widget-container .dr-feed-box .feed {
        margin: 0;
        padding: 0;
    }
    .widget-container.daily-readings-widget-container .dr-feed-box .newsfeed {
        margin: 0;
        padding: 0;
        list-style-type: none;
        display: flex;
        flex-direction: var(--daily-readings-widget-newsfeed-flex-direction);
        gap: var(--daily-readings-widget-newsfeed-gap-mobile);
    }
    .widget-container.daily-readings-widget-container .dr-feed-box .newsfeed > li {
        margin: 0;
        padding: 0;
        flex: 1;
        text-align: center;
    }
    .widget-container.daily-readings-widget-container .dr-feed-box .newsfeed > li .feed-link {
        margin: 0;
        padding: 0;
        height: 100%;
        width: 100%;
        text-align: center;
    }
    .widget-container.daily-readings-widget-container .dr-feed-box .newsfeed > li .feed-link a {
        margin: 0;
        padding: 1rem;
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        color: var(--widget-dr-link-text-color); /* Updated to use the variable directly */
        background: var(--widget-dr-link-bg);
        border-radius: var(--widget-dr-link-border-radius);
        box-shadow: var(--widget-dr-link-box-shadow);
        text-align: var(--widget-dr-link-text-align);
        text-transform: var(--widget-dr-link-text-transform);
        text-decoration: var(--widget-dr-link-text-decoration);
        font-variant-caps: var(--widget-dr-link-font-variant-caps);
        font-size: var(--widget-dr-link-font-size-mobile);
        font-weight: var(--widget-dr-link-font-weight);
        font-family: var(--widget-dr-link-font-family);
        line-height: var(--widget-dr-link-line-height);
        transition: var(--widget-dr-link-transition);
        border: var(--widget-dr-link-border);
        width: var(--widget-dr-link-width);
    }

    .widget-container.daily-readings-widget-container .dr-feed-box .newsfeed > li .feed-link a:hover {
        transform: var(--widget-dr-link-transform-hover);
        background: var(--widget-dr-link-bg-hover);
        color: var(--widget-dr-link-color-hover); /* Updated to use the variable directly */
    }
}

body {
    --mission-wrapper-gap: 2vw;

    --mission-title-lines-gap: 3vw;
    --mission-title-lines-border-size: 2px;
    --mission-title-lines-border-display: solid;
    --mission-title-lines-border-color: var(--default-white);
    --mission-title-lines-border: var(--mission-title-lines-border-size) var(--mission-title-lines-border-display) var(--mission-title-lines-border-color);

    --mission-title-margin: 0;
    --mission-title-padding: 0;
    --mission-title-font-family: var(--title-font-family);
    --mission-title-font-weight: 700;
    --mission-title-color: var(--default-white);
    --mission-title-text-shadow: none;
    --mission-title-text-align: center;
    --mission-title-line-height: 1;
    --mission-title-text-transform: none;
    --mission-title-fvc: normal;
    --mission-title-font-size: 4vw;
    --mission-title-text-decoration: none;
    --mission-title-border: none;
    --mission-title-bg: none;
    --mission-title-border-radius: 0;

    --mission-text-container-margin: 0;
    --mission-text-container-padding: 0;
    --mission-text-margin: 0;
    --mission-text-padding: 0;
    --mission-text-font-family: var(--body-font-family);
    --mission-text-font-weight: 400;
    --mission-text-color: var(--default-white);
    --mission-text-text-shadow: none;
    --mission-text-text-align: center;
    --mission-text-line-height: 1.4;
    --mission-text-text-transform: none;
    --mission-text-fvc: normal;
    --mission-text-font-size: 1.75vw;
    --mission-text-text-decoration: none;
    --mission-text-border: none;
    --mission-text-bg: none;
    --mission-text-border-radius: 0;

    --mission-wrapper-gap-mobile: 1rem;

    --mission-title-lines-gap-mobile: 1rem;

    --mission-title-margin-mobile: 0;
    --mission-title-padding-mobile: 0;
    --mission-title-font-weight-mobile: 700;
    --mission-title-color-mobile: var(--default-white);
    --mission-title-font-size-mobile: 8vw;

    --mission-text-container-margin-mobile: 0;
    --mission-text-container-padding-mobile: 0;
    --mission-text-margin-mobile: 0;
    --mission-text-padding-mobile: 0;
    --mission-text-font-weight-mobile: 400;
    --mission-text-color-mobile: var(--default-white);
    --mission-text-font-size-mobile: 4vw;
}

@media only screen and (min-width: 50.99rem) {
    .on-a-mission .g-array-item-text {
        margin: 0;
        padding: 0;
    }
    .on-a-mission .mission-wrapper {
        display: flex;
        flex-direction: column;
        gap: var(--mission-wrapper-gap);
    }
    .on-a-mission .mission-wrapper .mission-title {
        display: flex;
        flex-direction: row;
        gap: var(--mission-title-lines-gap);
        align-items: center;
        justify-content: center;
    }
    .on-a-mission .mission-wrapper .mission-title :is(h1,h2,h3,h4,h5,h6) {
        margin: var(--mission-title-margin);
        padding: var(--mission-title-padding);
        font-family: var(--mission-title-font-family);
        font-weight: var(--mission-title-font-weight);
        color: var(--mission-title-color);
        text-shadow: var(--mission-title-text-shadow);
        text-align: var(--mission-title-text-align);
        line-height: var(--mission-title-line-height);
        text-transform: var(--mission-title-text-transform);
        font-variant-caps: var(--mission-title-fvc);
        font-size: var(--mission-title-font-size);
        text-decoration: var(--mission-title-text-decoration);
        border: var(--mission-title-border);
        background: var(--mission-title-bg);
        border-radius: var(--mission-title-border-radius);
        order: 2;
    }
    .on-a-mission .mission-wrapper .mission-title:before {
        content: '';
        border-bottom: var(--mission-title-lines-border);
        flex: 1;
        order: 1;
    }
    .on-a-mission .mission-wrapper .mission-title:after {
        content: '';
        border-bottom: var(--mission-title-lines-border);
        flex: 1;
        order: 3;
    }

    .on-a-mission .mission-wrapper .mission-text {
        margin: var(--mission-text-container-margin);
        padding: var(--mission-text-container-padding);
        font-family: var(--mission-text-font-family);
        font-weight: var(--mission-text-font-weight);
        color: var(--mission-text-color);
        text-shadow: var(--mission-text-text-shadow);
        text-align: var(--mission-text-text-align);
        line-height: var(--mission-text-line-height);
        text-transform: var(--mission-text-text-transform);
        font-variant-caps: var(--mission-text-fvc);
        font-size: var(--mission-text-font-size);
        text-decoration: var(--mission-text-text-decoration);
        border: var(--mission-text-border);
        background: var(--mission-text-bg);
        border-radius: var(--mission-text-border-radius);
    }
    .on-a-mission .mission-wrapper .mission-text :is(p,a,li) {
        margin: var(--mission-text-margin);
        padding: var(--mission-text-padding);
        font-family: var(--mission-text-font-family);
        font-weight: var(--mission-text-font-weight);
        color: var(--mission-text-color);
        text-shadow: var(--mission-text-text-shadow);
        text-align: var(--mission-text-text-align);
        line-height: var(--mission-text-line-height);
        text-transform: var(--mission-text-text-transform);
        font-variant-caps: var(--mission-text-fvc);
        font-size: var(--mission-text-font-size);
        text-decoration: var(--mission-text-text-decoration);
        border: var(--mission-text-border);
        background: var(--mission-text-bg);
        border-radius: var(--mission-text-border-radius);
    }
}

@media only screen and (max-width: 50.99rem) {
    .on-a-mission > .g-container {
        padding: 2rem 1rem!important;
    }
    .on-a-mission .g-array-item-text {
        margin: 0;
        padding: 0;
    }
    .on-a-mission .mission-wrapper {
        display: flex;
        flex-direction: column;
        gap: var(--mission-wrapper-gap-mobile);
    }
    .on-a-mission .mission-wrapper .mission-title {
        display: flex;
        flex-direction: row;
        gap: var(--mission-title-lines-gap-mobile);
        align-items: center;
        justify-content: center;
    }
    .on-a-mission .mission-wrapper .mission-title :is(h1,h2,h3,h4,h5,h6) {
        margin: var(--mission-title-margin-mobile);
        padding: var(--mission-title-padding-mobile);
        font-family: var(--mission-title-font-family);
        font-weight: var(--mission-title-font-weight-mobile);
        color: var(--mission-title-color);
        text-shadow: var(--mission-title-text-shadow);
        text-align: var(--mission-title-text-align);
        line-height: var(--mission-title-line-height);
        text-transform: var(--mission-title-text-transform);
        font-variant-caps: var(--mission-title-fvc);
        font-size: var(--mission-title-font-size-mobile);
        text-decoration: var(--mission-title-text-decoration);
        border: var(--mission-title-border);
        background: var(--mission-title-bg);
        border-radius: var(--mission-title-border-radius);
        order: 2;
    }
    .on-a-mission .mission-wrapper .mission-title:before {
        content: '';
        border-bottom: var(--mission-title-lines-border);
        flex: 1;
        order: 1;
    }
    .on-a-mission .mission-wrapper .mission-title:after {
        content: '';
        border-bottom: var(--mission-title-lines-border);
        flex: 1;
        order: 3;
    }

    .on-a-mission .mission-wrapper .mission-text {
        margin: var(--mission-text-container-margin-mobile);
        padding: var(--mission-text-container-padding-mobile);
        font-family: var(--mission-text-font-family);
        font-weight: var(--mission-text-font-weight-mobile);
        color: var(--mission-text-color-mobile);
        text-shadow: var(--mission-text-text-shadow);
        text-align: var(--mission-text-text-align);
        line-height: var(--mission-text-line-height);
        text-transform: var(--mission-text-text-transform);
        font-variant-caps: var(--mission-text-fvc);
        font-size: var(--mission-text-font-size-mobile);
        text-decoration: var(--mission-text-text-decoration);
        border: var(--mission-text-border);
        background: var(--mission-text-bg);
        border-radius: var(--mission-text-border-radius);
    }
    .on-a-mission .mission-wrapper .mission-text :is(p,a,li) {
        margin: var(--mission-text-margin-mobile);
        padding: var(--mission-text-padding-mobile);
        font-family: var(--mission-text-font-family);
        font-weight: var(--mission-text-font-weight-mobile);
        color: var(--mission-text-color-mobile);
        text-shadow: var(--mission-text-text-shadow);
        text-align: var(--mission-text-text-align);
        line-height: var(--mission-text-line-height);
        text-transform: var(--mission-text-text-transform);
        font-variant-caps: var(--mission-text-fvc);
        font-size: var(--mission-text-font-size-mobile);
        text-decoration: var(--mission-text-text-decoration);
        border: var(--mission-text-border);
        background: var(--mission-text-bg);
        border-radius: var(--mission-text-border-radius);
    }
}

body {
    --mt-container-gap: 3vw;

    --mt-container-gap-mobile: 1rem;
    --mt-container-padding-mobile: 2rem 1rem;

    --mt-g-title-section-padding: 0;
    --mt-g-title-section-margin: 0;
    --mt-g-title-lines-border: 2px solid var(--default-white);

    --mt-g-title-margin: 0;
    --mt-g-title-padding: 0;
    --mt-g-title-font-size: 3vw;
    --mt-g-title-line-height: 1;
    --mt-g-title-font-weight: 700;
    --mt-g-title-color: var(--default-white);
    --mt-g-title-font-family: var(--title-font-family);
    --mt-g-title-text-align: center;
    --mt-g-title-border-bottom: none;
    --mt-g-title-text-transform: uppercase;
    --mt-g-title-letter-spacing: normal;
    --mt-g-title-text-shadow: none;
    --mt-g-title-bg: none;
    --mt-g-title-box-shadow: none;
    --mt-g-title-font-variant-caps: normal;

    --mt-g-title-font-weight-mobile: var(--mt-g-title-font-weight);
    --mt-g-title-font-size-mobile: 8vw;
    --mt-g-title-text-align-mobile: center;
    --mt-g-title-section-padding-mobile: 0;
    --mt-g-title-section-margin-mobile: 0;

    --mt-title-padding: 0;
    --mt-title-margin: 0;
    --mt-title-font-size: 2vw;
    --mt-title-line-height: 1;
    --mt-title-font-weight: 700;
    --mt-title-color: var(--default-white);
    --mt-title-font-family: var(--body-font-family);
    --mt-title-text-align: left;
    --mt-title-text-transform: uppercase;
    --mt-title-letter-spacing: normal;
    --mt-title-text-shadow: none;
    --mt-title-bg: none;
    --mt-title-box-shadow: none;
    --mt-title-font-variant-caps: normal;
    --mt-title-border-bottom: none;
    --mt-title-font-variant-caps: normal;

    --mt-title-padding-mobile: 0;
    --mt-title-margin-mobile: 0;
    --mt-title-font-size-mobile: 5vw;
    --mt-title-font-weight-mobile: var(--mt-title-font-weight);
    --mt-title-text-align-mobile: left;

    --mt-body-padding: 0;
    --mt-body-margin: 0 0 1vw 0;
    --mt-body-font-size: 1.25vw;
    --mt-body-line-height: 1.3;
    --mt-body-font-weight: 400;
    --mt-body-color: var(--default-white);
    --mt-body-font-family: var(--body-font-family);
    --mt-body-text-align: left;
    --mt-body-text-transform: none;
    --mt-body-letter-spacing: normal;
    --mt-body-text-shadow: none;
    --mt-body-bg: none;
    --mt-body-box-shadow: none;
    --mt-body-font-variant-caps: normal;

    --mt-body-padding-mobile: 0;
    --mt-body-margin-mobile: 0 0 1rem 0;
    --mt-body-font-size-mobile: 4vw;
    --mt-body-font-weight-mobile: var(--mt-body-font-weight);
    --mt-body-text-align-mobile: left;

    --mt-dual-gap: 5vw;
    --mt-dual-gap-mobile: 2rem;
    --mt-dual-column-padding: 2.5vw;
    --mt-dual-column-padding-mobile: 1rem; 
    --mt-dual-column-bg: rgba(255,255,255,.5);
}

@media only screen and (min-width: 50.99rem) {
    :is(section, footer, header):has(.mt-dual) > .g-container {
        display: flex;
        flex-direction: column;
        gap: var(--mt-container-gap);
    }

    .mt-duo-title {
        margin: var(--mt-g-title-section-margin);
        padding: var(--mt-g-title-section-padding);
    }

    .mt-duo-title .g-title {
        margin: var(--mt-g-title-margin);
        padding: var(--mt-g-title-padding);
        font-size: var(--mt-g-title-font-size);
        line-height: var(--mt-g-title-line-height);
        font-weight: var(--mt-g-title-font-weight);
        color: var(--mt-g-title-color);
        font-family: var(--mt-g-title-font-family);
        text-align: var(--mt-g-title-text-align);
        border-bottom: var(--mt-g-title-border-bottom);
        text-transform: var(--mt-g-title-text-transform);
        letter-spacing: var(--mt-g-title-letter-spacing);
        text-shadow: var(--mt-g-title-text-shadow);
        background: var(--mt-g-title-bg);
        box-shadow: var(--mt-g-title-box-shadow);
        font-variant-caps: var(--mt-g-title-font-variant-caps);
        display: flex;
        flex-direction: row;
        gap: 3vw;
        justify-content: center;
        align-items: center;
        order: 2;
    }
    .mt-duo-title .g-title:before {
        content: '';
        border-bottom: var(--mt-g-title-lines-border);
        flex: 1;
        order: 0;
    }
    .mt-duo-title .g-title:after {
        content: '';
        border-bottom: var(--mt-g-title-lines-border);
        flex: 1;
        order: 3;
    }
}

@media only screen and (max-width: 50.99rem) {
    :is(section, footer, header):has(.mt-dual) > .g-container {
        padding: var(--mt-container-padding-mobile)!important;
        display: flex;
        flex-direction: column;
        gap: var(--mt-container-gap-mobile);
    }

    .mt-duo-title {
        margin: var(--mt-g-title-section-margin-mobile);
        padding: var(--mt-g-title-section-padding-mobile);
    }

    .mt-duo-title .g-title {
        margin: var(--mt-g-title-margin-mobile);
        padding: var(--mt-g-title-padding-mobile);
        font-size: var(--mt-g-title-font-size-mobile);
        line-height: var(--mt-g-title-line-height);
        font-weight: var(--mt-g-title-font-weight-mobile);
        color: var(--mt-g-title-color);
        font-family: var(--mt-g-title-font-family);
        text-align: var(--mt-g-title-text-align-mobile);
        border-bottom: var(--mt-g-title-border-bottom);
        text-transform: var(--mt-g-title-text-transform);
        letter-spacing: var(--mt-g-title-letter-spacing);
        text-shadow: var(--mt-g-title-text-shadow);
        background: var(--mt-g-title-bg);
        box-shadow: var(--mt-g-title-box-shadow);
        font-variant-caps: var(--mt-g-title-font-variant-caps);
        display: flex;
        flex-direction: row;
        gap: 3vw;
        justify-content: center;
        align-items: center;
        order: 2;
    }
    .mt-duo-title .g-title:before {
        content: '';
        border-bottom: var(--mt-g-title-lines-border);
        flex: 1;
        order: 0;
    }
    .mt-duo-title .g-title:after {
        content: '';
        border-bottom: var(--mt-g-title-lines-border);
        flex: 1;
        order: 3;
    }
}

@media only screen and (min-width: 50.99rem) {
    .mt-duo {
        margin: 0;
        padding: 0;
    }
    .mt-duo > .g-content {
        margin: 0;
        padding: 0;
    }
    .mt-duo .g-content-array {
        margin: 0;
        padding: 0;
    }
    .mt-duo .g-content-array > .g-grid {
        margin: 0;
        padding: 0;
    }
    .mt-duo .g-content-array > .g-grid > .g-block {
        margin: 0;
        padding: 0;
    }
    .mt-duo .g-content-array > .g-grid > .g-block > .g-content {
        margin: 0;
        padding: 0;
    }
    .mt-duo .g-array-item {
        margin: 0;
        padding: 0;
    }
    .mt-duo .g-array-item-text {
        margin: 0;
        padding: 0;
    }
    .mt-dual {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        gap: var(--mt-dual-gap);
    }
    .mt-dual .mt-dual-column {
        margin: 0;
        padding: var(--mt-dual-column-padding);
        flex: 1;
        background: var(--mt-dual-column-bg);
    }

    .mt-dual :is(h1,h2,h3,h4,h5,h6) {
        margin: var(--mt-title-margin);
        padding: var(--mt-title-padding);
        font-size: var(--mt-title-font-size);
        line-height: var(--mt-title-line-height);
        font-weight: var(--mt-title-font-weight);
        color: var(--mt-title-color);
        font-family: var(--mt-title-font-family);
        text-align: var(--mt-title-text-align);
        text-transform: var(--mt-title-text-transform);
        letter-spacing: var(--mt-title-letter-spacing);
        text-shadow: var(--mt-title-text-shadow);
        background: var(--mt-title-bg);
        box-shadow: var(--mt-title-box-shadow);
        font-variant-caps: var(--mt-title-font-variant-caps);
    }

    .mt-dual :is(li,p) {
        margin: var(--mt-body-margin);
        padding: var(--mt-body-padding);
        font-size: var(--mt-body-font-size);
        line-height: var(--mt-body-line-height);
        font-weight: var(--mt-body-font-weight);
        color: var(--mt-body-color);
        font-family: var(--mt-body-font-family);
        text-align: var(--mt-body-text-align);
        text-transform: var(--mt-body-text-transform);
        letter-spacing: var(--mt-body-letter-spacing);
        text-shadow: var(--mt-body-text-shadow);
        background: var(--mt-body-bg);
        box-shadow: var(--mt-body-box-shadow);
        font-variant-caps: var(--mt-body-font-variant-caps);
    }
}

@media only screen and (max-width: 50.99rem) {
    .mt-duo {
        margin: 0;
        padding: 0;
    }
    .mt-duo > .g-content {
        margin: 0;
        padding: 0;
    }
    .mt-duo .g-content-array {
        margin: 0;
        padding: 0;
    }
    .mt-duo .g-content-array > .g-grid {
        margin: 0;
        padding: 0;
    }
    .mt-duo .g-content-array > .g-grid > .g-block {
        margin: 0;
        padding: 0;
    }
    .mt-duo .g-content-array > .g-grid > .g-block > .g-content {
        margin: 0;
        padding: 0;
    }
    .mt-duo .g-array-item {
        margin: 0;
        padding: 0;
    }
    .mt-duo .g-array-item-text {
        margin: 0;
        padding: 0;
    }
    .mt-dual {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: var(--mt-dual-gap-mobile);
    }
    .mt-dual .mt-dual-column {
        margin: 0;
        padding: var(--mt-dual-column-padding-mobile);
        flex: 1;
        background: var(--mt-dual-column-bg);
    }

    .mt-dual :is(h1,h2,h3,h4,h5,h6) {
        margin: var(--mt-title-margin-mobile);
        padding: var(--mt-title-padding-mobile);
        font-size: var(--mt-title-font-size-mobile);
        line-height: var(--mt-title-line-height);
        font-weight: var(--mt-title-font-weight-mobile);
        color: var(--mt-title-color);
        font-family: var(--mt-title-font-family);
        text-align: var(--mt-title-text-align-mobile);
        text-transform: var(--mt-title-text-transform);
        letter-spacing: var(--mt-title-letter-spacing);
        text-shadow: var(--mt-title-text-shadow);
        background: var(--mt-title-bg);
        box-shadow: var(--mt-title-box-shadow);
        font-variant-caps: var(--mt-title-font-variant-caps);
    }

    .mt-dual :is(li,p) {
        margin: var(--mt-body-margin-mobile);
        padding: var(--mt-body-padding-mobile);
        font-size: var(--mt-body-font-size-mobile);
        line-height: var(--mt-body-line-height);
        font-weight: var(--mt-body-font-weight-mobile);
        color: var(--mt-body-color);
        font-family: var(--mt-body-font-family);
        text-align: var(--mt-body-text-align-mobile);
        text-transform: var(--mt-body-text-transform);
        letter-spacing: var(--mt-body-letter-spacing);
        text-shadow: var(--mt-body-text-shadow);
        background: var(--mt-body-bg);
        box-shadow: var(--mt-body-box-shadow);
        font-variant-caps: var(--mt-body-font-variant-caps);
    }
}

body {
    --mt-button-padding: 1vw 1.5vw;
    --mt-button-margin: 0;
    --mt-button-font-size: 1.25vw;
    --mt-button-line-height: 1;
    --mt-button-font-weight: 700;
    --mt-button-color: var(--default-white);
    --mt-button-font-family: var(--body-font-family);
    --mt-button-text-align: center;
    --mt-button-text-transform: uppercase;
    --mt-button-letter-spacing: normal;
    --mt-button-text-shadow: none;
    --mt-button-bg: rgba(var(--default-white-rgb),.5);
    --mt-button-box-shadow: unset;
    --mt-button-border: 2px solid var(--default-white);
    --mt-button-border-radius: .5rem;
    --mt-button-font-variant-caps: normal;
    --mt-button-hover-bg: rgba(var(--default-white-rgb),1);
    --mt-button-hover-box-shadow: unset;
    --mt-button-transform-hover: scale(1.05);
    --mt-button-color-hover: var(--primary-color);

    --mt-button-padding-mobile: 1rem;
    --mt-button-font-size-mobile: 4vw;
    --mt-button-font-weight-mobile: var(--mt-button-font-weight);
    --mt-button-text-align-mobile: center;
}

@media only screen and (min-width: 50.99rem) {
    .mt-duo-button > .g-content {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .mt-duo-button .button {
        margin: var(--mt-button-margin);
        padding: var(--mt-button-padding);
        font-size: var(--mt-button-font-size);
        line-height: var(--mt-button-line-height);
        font-weight: var(--mt-button-font-weight);
        color: var(--mt-button-color);
        font-family: var(--mt-button-font-family);
        text-align: var(--mt-button-text-align);
        text-transform: var(--mt-button-text-transform);
        letter-spacing: var(--mt-button-letter-spacing);
        text-shadow: var(--mt-button-text-shadow);
        background: var(--mt-button-bg);
        box-shadow: var(--mt-button-box-shadow);
        border: var(--mt-button-border);
        border-radius: var(--mt-button-border-radius);
        font-variant-caps: var(--mt-button-font-variant-caps);
    }
    .mt-duo-button .button:hover {
        background: var(--mt-button-hover-bg);
        box-shadow: var(--mt-button-hover-box-shadow);
        transform: var(--mt-button-transform-hover);
        color: var(--mt-button-color-hover);
    }
}

@media only screen and (max-width: 50.99rem) {
    .mt-duo-button > .g-content {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .mt-duo-button .button {
        margin: var(--mt-button-margin-mobile);
        padding: var(--mt-button-padding-mobile);
        font-size: var(--mt-button-font-size-mobile);
        line-height: var(--mt-button-line-height);
        font-weight: var(--mt-button-font-weight-mobile);
        color: var(--mt-button-color);
        font-family: var(--mt-button-font-family);
        text-align: var(--mt-button-text-align-mobile);
        text-transform: var(--mt-button-text-transform);
        letter-spacing: var(--mt-button-letter-spacing);
        text-shadow: var(--mt-button-text-shadow);
        background: var(--mt-button-bg);
        box-shadow: var(--mt-button-box-shadow);
        border: var(--mt-button-border);
        border-radius: var(--mt-button-border-radius);
        font-variant-caps: var(--mt-button-font-variant-caps);
        width: 100%;
    }
    .mt-duo-button .button:hover {
        background: var(--mt-button-hover-bg);
        box-shadow: var(--mt-button-hover-box-shadow);
        transform: var(--mt-button-transform-hover);
        color: var(--mt-button-color-hover);
    }
}