body {
    --primary-color: #3C7BDF;
    --secondary-color: #82A7E3;
    
    --primary-rgb: 60,123,223;
    --secondary-rgb: 130,167,227;

    --default-white: #ffffff;
    --default-black: #000000;

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

	--default-box-shadow: 0px 0px 10px rgba(0,0,0,0);
	
	--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-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-rgb),.7);
    --ph-background-hover: rgba(var(--primary-rgb),.2);
    --ph-pagination-background: var(--primary-color);
    --ph-pagination-background-hover: var(--secondary-color);
    --ph-arrow-opacity: .4;
    --ph-arrow-color-rgb: 0,0,0;
    --ph-arrow-hover-opacity: .7;
    --ph-arrow-hover-color-rgb: 0,0,0;
    --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);
	
	   --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;
    --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);

	
	
}

#g-slideshow {
	padding: 2% 5%;
}
.ph-sidepics-3 .g-item-title h3 {
	margin: 0.25rem !important;
}
.ph-sidepics-3 .g-item-title {
	margin: 0.25rem !important;
	line-height: 1.1;
}

.ph-sidepics-3 .g-content-array .g-grid:not(:last-child) {
    border-bottom: none;
}


 /************* PH-SIDEPICS-3 *************/
@media only screen and (min-width: 50.99rem) {
    .ph-sidepics-3 {
        padding: 1rem;
    }
    .ph-sidepics-3 > .g-content {
        margin: 0;
        padding: 0;
    }
    .ph-sidepics-3 .g-content-array {
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
    .ph-sidepics-3 .g-content-array > .g-grid {
        margin: 0;
        padding: 0;
        box-shadow: var(--ph-box-shadow);
        transition: all .4s ease-in-out;
        background: var(--default-white);
    }
    .ph-sidepics-3 .g-content-array > .g-grid > .g-block {
        margin: 0;
        padding: 0;
    }
    .ph-sidepics-3 .g-content-array > .g-grid > .g-block > .g-content {
        margin: 0 !important;
        padding: 0 !important;
    }
    .ph-sidepics-3 .g-array-item {
        position: relative;
        margin: 0;
        padding: 0;
        display: grid;
        grid-template-columns: 11vw calc(100% - 11vw - 1rem);
        grid-template-rows: 60% 20% 20%;
        column-gap: 1rem;
        transition: all .4s ease-in-out;
        max-height: 11vw;
    }
    .ph-sidepics-3.ph-uw .g-array-item {
        grid-template-columns: 25vw calc(100% - 25vw - 1rem)!important;
        grid-template-rows: 60% 20% 20%;
        max-height: calc(25vw * 1/3.6);
    }
    .ph-sidepics-3.ph-sw .g-array-item {
        grid-template-columns: 25vw calc(100% - 25vw - 1rem)!important;
        grid-template-rows: 60% 20% 20%;
        max-height: calc(25vw * 1/2.39);
    }
    .ph-sidepics-3.ph-wide .g-array-item {
        grid-template-columns: 25vw calc(100% - 25vw - 1rem)!important;
        grid-template-rows: 60% 20% 20%;
        max-height: calc(25vw * 9/16);
    }
    .ph-sidepics-3.ph-standard .g-array-item {
        grid-template-columns: 20vw calc(100% - 20vw - 1rem)!important;
        grid-template-rows: 60% 20% 20%;
        max-height: calc(20vw * 3/4);
    }
    .ph-sidepics-3.ph-square .g-array-item {
        grid-template-columns: 11vw calc(100% - 11vw - 1rem)!important;
        grid-template-rows: 60% 20% 20%;
        max-height: 11vw;
    }
    .ph-sidepics-3.ph-portrait .g-array-item {
        grid-template-columns: 11vw calc(100% - 11vw - 1rem)!important;
        grid-template-rows: 60% 20% 20%;
        max-height: calc(11vw * 4/3);
    }
    .ph-sidepics-3 .g-array-item-image {
        grid-column: 1;
        grid-row: 1/4;
        margin: 0;
        padding: 0;
        height: 11vw;
        width: 11vw;
        position: relative;
        overflow: hidden;
    }
    .ph-sidepics-3.ph-uw .g-array-item-image {
        max-height: calc(25vw * 1/3.6);
        max-width: 25vw;
        height: calc(25vw * 1/3.6);
        width: 25vw;
    }
    .ph-sidepics-3.ph-sw .g-array-item-image {
        max-height: calc(25vw * 1/2.39);
        max-width: 25vw;
        height: calc(25vw * 1/2.39);
        width: 25vw;
    }
    .ph-sidepics-3.ph-wide .g-array-item-image {
        max-height: calc(25vw * 9/16);
        max-width: 25vw;
        height: calc(25vw * 9/16);
        width: 25vw;
    }
    .ph-sidepics-3.ph-standard .g-array-item-image {
        max-height: calc(20vw * 4/3);
        max-width: 20vw;
        height: calc(20vw * 3/4);
        width: 20vw;
    }
    .ph-sidepics-3.ph-square .g-array-item-image {
        max-height: 11vw;
        max-width: 11vw;
        height: 11vw;
        width: 11vw;
    }
    .ph-sidepics-3.ph-portrait .g-array-item-image {
        max-height: calc(11vw * 4/3);
        max-width: 11vw;
        height: calc(11vw * 4/3);
        width: 11vw;
    }
    .ph-sidepics-3 .g-array-item-image:after {
        box-shadow: inset -1px 0px 5px rgba(0,0,0,.2);
        content: '';
        display: block;
        height: 100%;
        position: absolute;
        top: 0;
        width: 100%;
    }
    .ph-sidepics-3 .g-array-item-image img {
        height: 100%;
        width: 100%;
        object-position: center;
        object-fit: cover;
    }
    .ph-sidepics-3 .g-array-item-title {
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        padding: .5vw 1rem 0 0;
        overflow: hidden;
    }
    .ph-sidepics-3 .g-item-title {
        border: none;
        color: var(--ph-title-color);
        font-family: var(--ph-title-font);
        font-weight: var(--ph-title-weight);
        font-size: var(--ph-title-font-size-desktop);
    }
    .ph-sidepics-3 .g-item-title a {
        color: var(--ph-title-color);
    }
    .ph-sidepics-3 .g-array-item-text {
        margin: 0;
        padding: .5vw 1rem .5vw 0;
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: var(--ph-text-font-size-desktop)!important;
        font-family: var(--ph-text-font);
        overflow: hidden;
		line-height: 1.3;
    }
    .ph-sidepics-3.ph-uw .g-item-title {
        font-size: .9rem;
    }
    .ph-sidepics-3.ph-sw .g-item-title {
        font-size: 1.1rem;
    }
    .ph-sidepics-3.ph-uw .g-array-item-text {
        font-size: .9rem!important;
        display: none;
    }
    .ph-sidepics-3.ph-sw .g-array-item-text {
        font-size: .9rem!important;
    }
    .ph-sidepics-3.ph-wide .g-array-item-text {
        font-size: .9rem!important;
    }
    .ph-sidepics-3 .g-array-item-read-more {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
    }
    .ph-sidepics-3 .g-array-item-read-more a {
        font-size: 1.2vw;
        font-weight: 700;
        margin: 0;
        padding: 0 0 2vw calc(12vw + 1rem);
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        background: transparent;
        color: var(--ph-read-more-color);
        border-radius: 0;
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
    }
    .ph-sidepics-3.ph-uw .g-array-item-read-more a {
        padding: 0 0 2vw calc(25vw + 1rem);
        font-size: .7vw;
    }
    .ph-sidepics-3.ph-sw .g-array-item-read-more a {
        padding: 0 0 2vw calc(25vw + 1rem);
        font-size: .7vw;
    }
    .ph-sidepics-3.ph-wide .g-array-item-read-more a {
        padding: 0 0 2vw calc(25vw + 1rem);
    }
    .ph-sidepics-3.ph-standard .g-array-item-read-more a {
        padding: 0 0 2vw calc(20vw + 1rem);
    }
    .ph-sidepics-3.ph-square .g-array-item-read-more a {
        padding: 0 0 2vw calc(12vw + 1rem);
    }
    .ph-sidepics-3.ph-portrait .g-array-item-read-more a {
        padding: 0 0 2vw calc(12vw + 1rem);
    }
    .ph-sidepics-3 .g-grid:hover {
        transform: scale(1.05);
    }
    .ph-sidepics-3 .button {
        border: none;
        background: none;
    }
    .ph-sidepics-3 .button:hover {
        border: none;
        background: none;
    }
}
@media only screen and (min-width: 50.99rem) {
    .ph-sidepics-3.ph-underline .g-content-array > .g-grid {
        box-shadow: none;
        border-bottom: 1px solid var(--primary-color);
        padding-bottom: 1rem;
        background: transparent;
    }
    .ph-sidepics-3.ph-underline .g-content-array > .g-grid > .g-block {
        transition: var(--default-transition);
    }
    .ph-sidepics-3.ph-underline .g-grid:hover {
        transform: none;
    }
    .ph-sidepics-3.ph-underline .g-content-array > .g-grid:hover > .g-block {
        transform: scale(1.05);   
    }
    .ph-sidepics-3.ph-underline .g-array-item-image {
        box-shadow: var(--default-box-shadow);
    }
    .ph-sidepics-3.ph-underline .g-array-item-image:after {
        box-shadow: none;
    }
}

/************ SIDE BY SIDE MOBILE  ************/
@media only screen and (max-width: 50.99rem) {
    .ph-sidebyside-mobile > .g-content {
        margin: 0;
        padding: 0;
    }
    .ph-sidebyside-mobile .g-content-array {
        margin: 0;
        padding: 1rem;
        display: flex;
        flex-direction: column;
        gap: var(--ph-gap);
    }
    .ph-sidebyside-mobile .g-content-array > .g-grid {
        margin: 0;
        padding: 0;
        box-shadow: var(--ph-box-shadow);
    }
    .ph-sidebyside-mobile .g-content-array > .g-grid > .g-block {
        margin: 0;
        padding: 0;
    }
    .ph-sidebyside-mobile .g-content-array > .g-grid > .g-block > .g-content {
        margin: 0;
        padding: 0;
    }
    .ph-sidebyside-mobile .g-array-item {
        margin: 0;
        padding: 0;
        position: relative;
        display: flex;
        flex-direction: row;
        background: var(--default-white);
        overflow: hidden;
        max-height: calc(36vw * 4/3)
    }
    .ph-sidebyside-mobile.ph-uw .g-array-item {
        max-height: calc(42vw * 1/3.6);
    }
    .ph-sidebyside-mobile.ph-sw .g-array-item {
        max-height: calc(42vw * 1/2.39);
    }
    .ph-sidebyside-mobile.ph-wide .g-array-item {
        max-height: calc(42vw * 9/16);
    }
    .ph-sidebyside-mobile.ph-standard .g-array-item {
        max-height: calc(42vw * 3/4);
    }
    .ph-sidebyside-mobile.ph-square .g-array-item {
        max-height: 36vw;
    }
    .ph-sidebyside-mobile.ph-portrait .g-array-item {
        max-height: calc(36vw * 4/3);
    }
    .ph-sidebyside-mobile.ph-uw .g-content-array .g-array-item-image {
        margin: 0;
        padding: 0;
        position: relative;
        max-width: 42vw;
        max-height: calc(42vw * 1/3.6);
        width: 42vw;
        height: calc(42vw * 1/3.6);
        flex: 1;
    }
    .ph-sidebyside-mobile.ph-sw .g-content-array .g-array-item-image {
        margin: 0;
        padding: 0;
        position: relative;
        max-width: 42vw;
        max-height: calc(42vw * 1/2.39);
        width: 42vw;
        height: calc(42vw * 1/2.39);
        flex: 1;
    }
    .ph-sidebyside-mobile.ph-wide .g-content-array .g-array-item-image {
        margin: 0;
        padding: 0;
        position: relative;
        max-width: 42vw;
        max-height: calc(42vw * 9/16);
        width: 42vw;
        height: calc(42vw * 9/16);
        flex: 1;
    }
    .ph-sidebyside-mobile.ph-standard .g-content-array .g-array-item-image {
        margin: 0;
        padding: 0;
        position: relative;
        max-width: 42vw;
        max-height: calc(42vw * 3/4);
        width: 42vw;
        height: calc(42vw * 3/4);
        flex: 1;
    }
    .ph-sidebyside-mobile.ph-square .g-content-array .g-array-item-image {
        margin: 0;
        padding: 0;
        position: relative;
        max-width: 36vw;
        max-height: 36vw;
        width: 36vw;
        height: 36vw;
        flex: 1;
    }
    .ph-sidebyside-mobile.ph-portrait .g-content-array .g-array-item-image {
        margin: 0;
        padding: 0;
        position: relative;
        max-width: 36vw;
        max-height: calc(36vw * 4/3);
        width: 36vw;
        height: calc(36vw * 4/3);
        flex: 1;
    }
    .ph-sidebyside-mobile .g-content-array .g-array-item-image {
        margin: 0;
        padding: 0;
        position: relative;
        width: 36vw;
        flex: 1;
    }
    .ph-sidebyside-mobile .g-array-item-image:after {
        box-shadow: inset -1px 0px 5px rgba(0,0,0,.2);
        content: '';
        display: block;
        height: 100%;
        position: absolute;
        top: 0;
        width: 100%;
    }
    .ph-sidebyside-mobile .g-content-array .g-array-item-image a {
        height: 100%;
        width: 100%;
    }
    .ph-sidebyside-mobile .g-content-array .g-array-item-image img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
    .ph-sidebyside-mobile .g-array-item-title {
        flex: 1;
        padding: 1rem 1rem 2rem 1rem;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .ph-sidebyside-mobile .g-item-title {
        font-family: var(--ph-title-font);
        font-weight: var(--ph-title-weight);
        font-size: var(--ph-title-font-size-mobile);
        border-bottom: none;
    }
    .ph-sidebyside-mobile.ph-uw .g-item-title {
        font-size: 3vw;
    }
    .ph-sidebyside-mobile.ph-sw .g-item-title {
        font-size: 3vw;
    }
    .ph-sidebyside-mobile.ph-wide .g-item-title {
        font-size: 4vw;
    }
    .ph-sidebyside-mobile .g-item-title a {
        color: var(--ph-title-color);
    }
    .ph-sidebyside-mobile .g-array-item-text {
        display: none;
        content-visibility: hidden;
    }
	.ph-sidebyside-mobile .g-array-item-read-more {
		position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
	}
    .ph-sidebyside-mobile .g-array-item-read-more a {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 1rem;
        background: transparent;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        color: var(--ph-read-more-color);
        font-size: 1rem;
    }
    .ph-sidebyside-mobile.ph-uw .g-array-item-read-more a {
        font-size: 2vw;
    }
    .ph-sidebyside-mobile.ph-sw .g-array-item-read-more a {
        font-size: 3vw;
    }
    .ph-sidebyside-mobile.ph-wide .g-array-item-read-more a {
        font-size: 3vw;
    }
    .ph-sidebyside-mobile .g-array-item:hover {
        background: rgba(var(--secondary-rgb),.3);
    }
    .ph-sidebyside-mobile .g-content-array-pagination {display: none;}
}