@import url('//fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Gilda+Display&family=Mea+Culpa&display=swap');
/************ TEMPLATE  ************

************/

.site-1, .site-2, .site-3 {
    --primary-color: #182964;
    --secondary-color: #bc902d;
    --tertiary-color: #f1efeb;

    --primary-rgb: 24,41,100;
    --secondary-rgb: 188,144,45;
    --tertiary-rgb: 241,239,235;

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

    --title-font-family: 'Cormorant Garamond', serif;
    --body-font-family: 'Gilda Display', serif;
	--tertiary-font-family: 'Mea Culpa', cursive;

    --heading-color: var(--primary-color);
    --heading-font-family: var(--title-font-family);

    --title-border-bottom: 1px solid var(--secondary-color);
    --home-title-font: var(--title-font-family);
    --transparent: rgba(255,255,255,0);

    --default-box-shadow: 0px 0px 10px rgba(0,0,0,.5);
    --swiper-box-shadow: var(--default-box-shadow);

    --ql-title-color: var(--primary-color);
	--ql-right-border-color: transparent;
	--ql-font-size-desktop: clamp(1rem, 1.25vw, 2rem);

	--h3-margin: 0 0 20px 0;
	--hero-opacity: 0.95;

	--side-menu-bg: var(--tertiary-color);
	--side-menu-bg-hover: var(--primary-color);
}

.site-2 {
	--hero-title-left-position: 5%;
	--hero-title-color: var(--default-white);
	--ql-box-shadow: none;
	--ql-bottom-border-color: var(--secondary-color);
	--ql-background-color: rgba(var(--primary-color),0.25);	
}

.grid.grid-image-link .g-array-item-image a {
    pointer-events: all!important;
}


.grid-articles {
	--grid-transition: .7s all ease-in-out;
}
.storepage {	--hero-opacity: 0.6;}

.site-1 .ql-fa-toplinks, .site-2 .ql-fa-toplinks, .site-3 .ql-fa-toplinks {
    --ql-icon-color: var(--primary-color);
    --ql-title-color: var(--primary-color);
}

.readon, .button, .btn, p.readmore .btn, .listentobutton.moduletable a, .pager.pagenav a {
    background: var(--secondary-color);
    font-family: var(--title-font-family);
	border-radius: 0;
	padding: 0.75rem 3.5rem;
}

span.raisecap {font-size: 4rem; line-height: 1;}
span.dropcap {font-size: 4rem; line-height: 1; float: left; margin-right: 10px;}
span.blue {color: var(--primary-color);}
span.gold {color: var(--secondary-color);}
span.semibold {font-weight: 600;}
span.spaced {letter-spacing: 2px;}
span.titlefont {font-family: var(--title-font-family); font-size: 1.5rem;}
span.subtitle {font-size: 1.5rem;}
span.caption {font-size: 0.85rem;}
span.meaculpa {font-family: var(--tertiary-font-family);}


h1.meaculpa {font-family: var(--tertiary-font-family);}
h4.meaculpa {font-family: var(--tertiary-font-family);}
hr { border-bottom: 1px solid var(--secondary-color);}
hr.navy { border-bottom: 1px solid var(--primary-color);}
h6 {text-transform: none;}

hr.blue {
    border-bottom: 6px solid var(--primary-color);
    padding: 0;
    margin: 5px 0;
}
hr.gold {
    border-bottom: 6px solid var(--secondary-color);
    padding: 0;
    margin: 5px 0;
}
hr.blue-med {
    border-bottom: 3px solid var(--primary-color);
    padding: 0;
    margin: 5px 0;
}
hr.gold-med {
    border-bottom: 3px solid var(--secondary-color);
    padding: 0;
    margin: 5px 0;
}

html body p {
    line-height: 1.75;
    /*text-align: justify;*/
}

blockquote {
    color: var(--default-black);
    padding: 0 0 0 30px;
    margin: 0 0 20px;
    border-left: 5px solid var(--secondary-color);
    font-family: var(--title-font-family);
    font-style: italic;
    line-height: 1.2;
    
}


a.transparentbutton {
	color: var(--primary-color);
	background: transparent;
    font-family: var(--title-font-family);
	letter-spacing: 1px;
	border-radius: 0;
	border: 2px solid var(--primary-color);
	font-weight: 700;
	padding: 0.75rem 3.5rem;
}
a.bluebutton {
	color: var(--default-white);
	background: var(--primary-color);
    font-family: var(--title-font-family);
	letter-spacing: 1px;
	border-radius: 0;
	border: 2px solid var(--primary-color);
	font-weight: 700;
	padding: 0.75rem 3.5rem;
	display: inline-block;
}

.transparentbutton:hover {background: var(--primary-color)!important; color: var(--default-white); border: 2px solid var(--primary-color);}
.bluebutton:hover {	color: var(--primary-color); background: transparent; border: 2px solid var(--primary-color);}
.button:hover, .readon:hover {
	background: var(--primary-color) !important;
}

.ql-fa-toplinks-2 .g-blockcontent-buttons>a:hover {background: transparent !important;}

@media only screen and (min-width: 50.99rem) {
	blockquote {font-size: 1.4rem;}
	hr.short {
    padding: 0;
    margin: 1.5rem auto;
    width: 400px;
}
hr.blue-short {
	border-bottom: 1px solid var(--primary-color);
    padding: 0;
    margin: 1.5rem auto;
    width: 400px;
}
}
@media only screen and (max-width: 50.99rem) {
	blockquote {
		font-size: 1.1rem;
		margin-left: -2%;
        margin-right: -2%;
    }
	.quotes blockquote {
		font-size: 1.1rem;
		margin-left: -12%;
        margin-right: -12%;
    }
	blockquote p {
        font-size: 1rem;
		line-height: 1.2 !important;
		margin-top: 10px !important;
    }
	hr.short {
    padding: 0;
    margin: 1.5rem auto;
    width: 200px;
}
hr.blue-short {
	border-bottom: 1px solid var(--primary-color);
    padding: 0;
    margin: 1.5rem auto;
    width: 200px;
}
}

.noclick {pointer-events: none;}

.tall-hero .hero img, .tall-hero #hero.hero-grow, .tall-hero #hero {height: 32vw;}
.extratall-hero .hero img, .extratall-hero #hero.hero-grow, .extratall-hero #hero {height: 40vw;}
.short-hero .hero img, .short-hero #hero.hero-grow, .short-hero #hero {height: 16vw;}

    .side-menu-particle .g-blockcontent-subcontent-title-text {
		color: var(--primary-color);
	}
    .side-menu-particle .g-blockcontent-subcontent-block.active .g-blockcontent-subcontent-title-text,
    .side-menu-particle .g-blockcontent-subcontent-block:hover .g-blockcontent-subcontent-title-text {
        color: var(--default-white);
    }
    .side-menu-particle .g-blockcontent-subcontent-title-text.active,
	.side-menu-particle .g-blockcontent-subcontent-title-text:hover {
		color: var(--default-white);
	}


/*************** ALL SITE *****************/

.item-image {display: none;}
.g-container { width: 100%;}

.site-1-home .g-content-array .g-array-item-image,
.site-2-home .g-content-array .g-array-item-image, 
.site-3-home .g-content-array .g-array-item-image  {
    margin: 0;
}

.storepage #hero-title-text {
	left: 43%;
    right: 0;
    bottom: 30%;
	width: 100%;
    /*background: linear-gradient(to top, white 10%, transparent 100%);*/
    padding-left: 2vw;
    padding-bottom: 1vw;
    padding-top: 0;
	margin-top: -5vw;
	z-index: 100;
}


#g-mainbar .moduletable {
    margin: 0;
}

:is(.site-1-home, .site-2-home, .site-3-home) #g-page-surround .g-array-item-text {
    margin: 0;
}

/*:is(.site-1-sub, .site-2-sub, .site-3-sub) section:not(#g-navigation, #g-container-footer, #g-copyright) .g-content:not(.g-blockcontent-subcontent-block-content) {
    margin: 0.625rem !important;
    padding: 1.5rem !important;
}*/

:is(.site-1-sub, .site-2-sub, .site-3-sub) section:not(#g-navigation, #g-container-footer, #g-copyright) #grid-addpic .g-content {
    padding: 0 !important;
    margin: 0 !important;
}

:is(.site-1-sub, .site-2-sub, .site-3-sub) section#g-container-main #g-aside .g-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

:is(.site-1-sub, .site-2-sub, .site-3-sub) section#g-container-main #g-aside .grid-staff .g-content {
    padding: 0 !important;
    margin: 0 !important;
  }

@media (min-width: 50.99rem) {
    :is(.site-1-home, .site-2-home, .site-3-home) #g-top .modern-alert .g-joomla-articles {
        padding: 0 3% !important;
    }
}

/*SUB-PAGE GRIDS TEXT SPACING*/

@media (min-width: 50.99rem) {
    #site-grid:is(.site-1-sub, .site-2-sub, .site-3-sub) #g-mainbar > .g-grid:has([itemprop="articleBody"]) {
        padding: 2vw 0!important;
    }
    #site-grid:is(.site-1-sub, .site-2-sub, .site-3-sub) #g-mainbar > .g-grid:has([itemprop="articleBody"]) p {
        font-size: 1.25vw;
        font-family: var(--body-font-family);
    }
}

@media only screen and (max-width: 50.99rem) {
    #site-grid:is(.site-1-sub, .site-2-sub, .site-3-sub) #g-mainbar > .g-grid:has([itemprop="articleBody"]) {
        padding: 2rem 0!important;
    }
}

/*****************************/

.top-item {
    z-index: 15;
}

/*************** HOMELAYOUT ***************/ 
/*************** OFFCANVAS ****************/

.g-offcanvas-toggle {color: var(--primary-color);} 
.g-offcanvas-toggle .fa-fw {text-shadow: none;}

@media only screen and (max-width: 50.99rem) {
    #g-offcanvas .g-social-items {
        display: flex;
        flex-direction: row;
        gap: 2rem;
        align-items: center;
        justify-content: center;
    }
    #g-offcanvas .g-social-items a {
        color: var(--default-white);
    }
     #g-offcanvas .g-social-items a:hover {
        color: var(--secondary-color);
    }
	.site-1 #g-offcanvas #g-mobilemenu-container .g-toplevel>li>.g-menu-item-container>.g-menu-item-content, 
	.site-2 #g-offcanvas #g-mobilemenu-container .g-toplevel>li>.g-menu-item-container>.g-menu-item-content, 
	.site-3 #g-offcanvas #g-mobilemenu-container .g-toplevel>li>.g-menu-item-container>.g-menu-item-content {
		text-transform: uppercase;
	}
	#g-offcanvas #g-mobilemenu-container .g-toplevel>li:hover>.g-menu-item-container>.g-menu-item-content,
	#g-offcanvas #g-mobilemenu-container .g-toplevel>li.active>.g-menu-item-container>.g-menu-item-content {
		color: var(--default-white);
	}
	#g-offcanvas a.transparentbutton {font-size: 1.25rem; font-weight: normal; padding: 0.25rem 6rem 0.25rem 0.25rem !important;
        border: 2px white solid;
    }
	
}

/*************** TOP **********************/
/*************** NAVIGATION ***************/

.site-1 .g-main-nav .g-toplevel>li.active>.g-menu-item-container,
.site-2 .g-main-nav .g-toplevel>li.active>.g-menu-item-container,  
.site-3 .g-main-nav .g-toplevel>li.active>.g-menu-item-container  {
    border-bottom: 1px solid transparent;
}
.g-main-nav .g-toplevel>li>.g-menu-item-container, .g-main-nav .g-sublevel>li>.g-menu-item-container {
	padding: 0.425rem 0.575rem 0.225rem 0.575rem;
}


@media only screen and (min-width: 50.99rem) {
	
    .g-main-nav .g-toplevel>li>.g-menu-item-container>.g-menu-item-content {
        font-size: clamp(1rem, 1.1vw, 2rem);
        font-family: var(--title-font-family);
		text-transform: uppercase;
		letter-spacing: 0;
		font-weight: 700;
	}
    .g-main-nav .g-sublevel>li>.g-menu-item-container>.g-menu-item-content>.g-menu-item-title {
        font-size: clamp(1rem, 1.1vw, 2rem);
        font-family: var(--title-font-family);
		letter-spacing: 0;
		font-weight: 700;
    }
	.g-main-nav a.transparentbutton > .g-menu-item-title {
		color: var(--primary-color) !important;
		padding: 0.225rem 0.575rem 0.225rem 0.575rem !important;
		margin-bottom: -8px;
	}
	.g-main-nav a.transparentbutton {border: 2px solid var(--primary-color) !important;}
	.g-main-nav a.transparentbutton:hover {color: var(--default-white) !important;}

    #g-navigation .g-social-items {
        display: flex;
        flex-direction: row;
        gap: 2vw;
        align-items: center;
        justify-content: center;
    }
    #g-navigation .g-social-items a {
        color: var(--primary-color);
        font-size: clamp(1.15rem, 1.25vw, 2rem);
    }
     #g-navigation .g-social-items a:hover {
        color: var(--secondary-color); 
    }
	.site-1-home #g-navigation, .site-2-home #g-navigation {
		z-index:  11;
		position: relative;
	}
	.site-1 #g-navigation, .site-2 #g-navigation, .site-3 #g-navigation  {
		height: 5.5vw;
        z-index: 500;
        min-height: 60px;
	}
	.site-1 #g-navigation .g-logo img, .site-2 #g-navigation .g-logo img, .site-3 #g-navigation .g-logo img {
        max-width: 100%;
        height: 4vw;
        width: auto;
        margin: 0.75vw 0 0.75vw 1vw;
    }

    .site-1 #g-navigation > .g-container, .site-2 #g-navigation > .g-container, .site-3 #g-navigation > .g-container {
        height: 5.5vw;
        min-height: 60px;
    }

    .site-1 #g-navigation, .site-2 #g-navigation, .site-3 #g-navigation {
        position: relative;
    }

    .site-1 #g-navigation .g-grid:has(> .menu-block), .site-2 #g-navigation .g-grid:has(> .menu-block),
	.site-3 #g-navigation .g-grid:has(> .menu-block) 	{
        position: absolute;
        top: 0;
        align-items: flex-end;
        min-height: 60px;
    }

    .site-1 .g-main-nav .g-toplevel, .site-2 .g-main-nav .g-toplevel, .site-3 .g-main-nav .g-toplevel {
        justify-content: flex-end;
    }

    .site-1 #g-navigation .g-grid:has(> .ql-fa-toplinks-2), .site-2 #g-navigation .g-grid:has(> .ql-fa-toplinks-2),
	.site-3 #g-navigation .g-grid:has(> .ql-fa-toplinks-2)	{
        position: absolute;
        top: 15%;
        z-index: 11;
    }

    .site-1 #g-navigation .menu-block, .site-2 #g-navigation .menu-block, .site-3 #g-navigation .menu-block {
        padding-right: 1vw;
        margin-bottom: 0.2rem;
    }

    #logo-5784-particle {
        position: relative;
        z-index: 99;
    }

    .site-1 .ql-fa-toplinks-2 .g-blockcontent-subcontent > .g-block, .site-2 .ql-fa-toplinks-2 .g-blockcontent-subcontent > .g-block,
	.site-3 .ql-fa-toplinks-2 .g-blockcontent-subcontent > .g-block {
        flex: initial;
    }

    .site-1 #g-navigation .ql-fa-toplinks-2 .g-blockcontent-subcontent,
	.site-2 #g-navigation .ql-fa-toplinks-2 .g-blockcontent-subcontent,
	.site-3 #g-navigation .ql-fa-toplinks-2 .g-blockcontent-subcontent
	{
        justify-content: flex-end;
        gap: 2vw;
    }
	
}

@media only screen and (min-width: 50.99rem) {
    #g-navigation .g-container.is-sticky {
        position: fixed;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        /* match your normal max-width and padding */
        z-index: 500;
        background: rgba(255,255,255,.8);
      }
}

@media only screen and (max-width: 50.99rem) {
    .site-1 #g-navigation .g-logo, .site-2 #g-navigation .g-logo, .site-3 #g-navigation .g-logo  {
        max-width: 50%;
        margin: 1.5rem auto;
    }
	.site-1 #g-navigation .ql-fa-toplinks-2 .g-blockcontent-subcontent,
	.site-2 #g-navigation .ql-fa-toplinks-2 .g-blockcontent-subcontent,
	.site-3 #g-navigation .ql-fa-toplinks-2 .g-blockcontent-subcontent {
		background: transparent;
		box-shadow: none;
		border-top: 1px solid var(--primary-color);
		padding: 0.5rem;
	}
	
}

/*************** SLIDESHOW ****************/ 

#fade-effect {
	left: 0;
    right: 0;
    bottom: 0;
	width: 100%;
    background: linear-gradient(to top,
		white 0%,
		white 30%,
		rgba(255, 255, 255, 0.8) 50%,
		rgba(255, 255, 255, 0.5) 70%,
		rgba(255, 255, 255, 0.2) 90%,
		transparent 100%);
    padding-left: 6vw;
    padding-bottom: 1vw;
    padding-top: 0;
	margin-top: -5vw;
	z-index: 100;
}

@media only screen and (min-width: 50.99rem){ 
	.site-1-home #g-slideshow, .site-2-home #g-slideshow, .site-3-home #g-slideshow {
		margin-top: -8vw !important;
	}
}

/* only show pagination arrows on hover */

@media (min-width: 50.99rem) {

    :is(.fullwidth-swiper, .fade-arrows) .swiper-navigation :is(.fa-angle-left, .fa-angle-right) {
        opacity: 0;
        visibility: hidden;
        transition: 0.3s all ease-in-out;
    }

    :is(.fullwidth-swiper, .fade-arrows):hover .swiper-navigation :is(.fa-angle-left, .fa-angle-right) {
        opacity: 1;
        visibility: visible;
        transition: 0.3s all ease-in-out;
    }

    .site-1-home .fullwidth-swiper .swiper-navigation > div, .site-2-home .fullwidth-swiper .swiper-navigation > div,
	.site-2-home .fullwidth-swiper .swiper-navigation > div {
        padding-top: 5.5vw
    }

}

.site-1-home #g-slideshow .slide-content, .site-2-home #g-slideshow .slide-content, .site-3-home #g-slideshow .slide-content {
    max-width: 1100px;
}

/* slideshow quotes */

.quotes .swiper-navigation div[class*="button-next"], .quotes .swiper-navigation div[class*="button-prev"] {
	color: var(--tertiary-color);
}
.grayarrows .swiper-navigation div[class*="button-next"], .grayarrows .swiper-navigation div[class*="button-prev"] {
	color: var(--tertiary-color);
}
.bluearrows .swiper-navigation div[class*="button-next"], .bluearrows .swiper-navigation div[class*="button-prev"] {
	color: var(--primary-color);
}
.goldarrows .swiper-navigation div[class*="button-next"], .goldarrows .swiper-navigation div[class*="button-prev"] {
	color: var(--secondary-color);
}

.swiper-quotes .g-swiper-text {
    display: flex;
    gap: 1.5rem;
    flex-direction: column;
}
.helpusbuild .swiper-quotes .g-swiper-text {
    display: flex;
    gap: 1rem;
    flex-direction: column;
} 
a.swiperbutton {
	color: var(--default-white);
	background: var(--secondary-color);
    font-family: var(--title-font-family);
	letter-spacing: 1px;
	border-radius: 1.5rem;
	border: none;
	font-weight: 700;
	padding: 0.75rem 3.5rem;
}
.swiperbutton:hover {background: var(--primary-color); color: var(--default-white); border: none;}


.swiper-navigation div[class*="button-next"], .swiper-navigation div[class*="button-prev"] {
    font-size: 2.5rem;}

@media (min-width: 50.99rem) {
    .swiper-quotes .g-swiper-text :is(h1, h2, h3, h4, h5, h6, p, a) {
		margin: 0;
		line-height: 1.2;
		color: white;
		text-align: left;
	}
	
	.swiper-quotes .g-swiper-text p {
        font-size: 1.4vw;
    }

	.helpusbuild 	.swiper-quotes .g-swiper-text h3 {
        border-bottom: none;
    }
    .swiper-quotes .g-swiper .g-swiper-slider .swiper-slide .slide .slide-content-wrapper {
        justify-content: left;
        padding-left: 5vw;
        padding-top: 2.5vw;
    }
	.helpusbuild .swiper-quotes .g-swiper .g-swiper-slider .swiper-slide .slide .slide-content-wrapper {
        justify-content: center;
        padding-left: 0;
        padding-top: 0;
    }
	.fa-angle-left:before {
		content: "\f053";
	}
	.fa-angle-right:before {
		content: "\f054";
	}
}

#g-slideshow  .g-swiper .g-swiper-slider .swiper-slide .slide .slide-content-wrapper .slide-content .button:hover {color: white !important;}

@media (max-width: 50.99rem) {
	.swiper-quotes .g-swiper-text :is(h1, h2, h3, h4, h5, h6, p, a) {
		margin: 0;
		line-height: 1;
		color: white;
		text-align: left;
	}
	#g-slideshow .g-swiper-text h1 {
		font-size: 6.5vw;
	}

	
	#g-slideshow .g-swiper-text p {
        font-size: 0.95rem;
		line-height: 1.2 !important;
    }
	
	.swiper-navigation div[class*="button-next"], .swiper-navigation div[class*="button-prev"] {
		font-size: 1.5rem;
	}
	.fa-angle-left:before {
		content: "\f053";
		font-size: 1.5rem;
	}
	.fa-angle-right:before {
		content: "\f054";
		font-size: 1.5rem;	
	}
	.swiper-quotes .g-swiper-text p {
        font-size: 1rem;
		line-height: 1.2 !important;
    }

}

/*************** HEADER *******************/
/*************** ABOVE ********************/

@media (min-width: 50.99rem) {

    .site-1-home #g-above .g-content, .site-2-home #g-above .g-content, .site-3-home #g-above .g-content {
        padding: 0;
        margin: 0;
    }

    .site-1-home #g-above .g-content .g-array-item-text p:last-child,
	.site-2-home #g-above .g-content .g-array-item-text p:last-child, 
	.site-3-home #g-above .g-content .g-array-item-text p:last-child {
        margin-bottom: 0;
    }

    .site-1-home #g-above .g-content .g-array-item-text :is(h1, h2, h3, h4, h5, h6):first-child,
    .site-2-home #g-above .g-content .g-array-item-text :is(h1, h2, h3, h4, h5, h6):first-child,
    .site-3-home #g-above .g-content .g-array-item-text :is(h1, h2, h3, h4, h5, h6):first-child	{
        margin-top: 0;
    }

    .site-1 #g-above, .site-2 #g-above, .site-3 #g-above {
        padding: 5% 10% !important;
    }

    .site-1-home #g-above .g-array-item h1, .site-2-home #g-above .g-array-item h1, .site-3-home #g-above .g-array-item h1 {
        font-size: 4rem;
    }

}

/*  */

@media only screen and (min-width: 50.99rem){
	.site-1-home #g-above, .site-3-home #g-above  {
		background: url(../images/template/vine-vector.png) 95% 95% no-repeat;
		background-size: 70%;
        background-position: bottom right;
}
	.site-2-home #g-above  {
		background: url(../images/template/vine-vector-whole.png) 95% 95% no-repeat;
		background-size: 70%;
        background-position: bottom right;
}
}
@media only screen and (max-width: 50.99rem) {
	.site-1-home #g-above, .site-3-home #g-above {
		background: url(../images/template/vine-vector.png) 95% 95% no-repeat;
		background-size: 100%;
	}
	.site-2-home #g-above {
		background: url(../images/stories/template/vine-vector-mobile.png) 95% 95% no-repeat;
		background-size: 100%;
	}
	#g-above .g-content {
		padding: 0.75rem;
	}
	
}


/*************** SHOWCASE *****************/

@media (min-width: 50.99rem) {
    
    .site-1-home #g-showcase .g-content .g-array-item-text p:last-child,
    .site-2-home #g-showcase .g-content .g-array-item-text p:last-child, 
    .site-3-home #g-showcase .g-content .g-array-item-text p:last-child {
        margin-bottom: 0;
    }
    .site-1-home #g-showcase .g-content .g-array-item-text :is(h1, h2, h3, h4, h5, h6):first-child {
        margin-top: 0;
    }
    .site-2-home #g-showcase .g-content .g-array-item-text :is(h1, h2, h3, h4, h5, h6):first-child {
        margin-top: 0;
		line-height: 1;
    }
	.site-3-home #g-showcase .g-content .g-array-item-text :is(h1, h2, h3, h4, h5, h6):first-child {
        margin-top: 0;
    }

}

@media (max-width: 50.99rem) {
    
    .site-1-home #g-showcase .g-content .g-array-item-text p:last-child,
    .site-2-home #g-showcase .g-content .g-array-item-text p:last-child, 
    .site-3-home #g-showcase .g-content .g-array-item-text p:last-child {
        margin-bottom: 0;
    }
    .site-1-home #g-showcase .g-content .g-array-item-text :is(h1, h2, h3, h4, h5, h6):first-child, 
	.site-2-home #g-showcase .g-content .g-array-item-text :is(h1, h2, h3, h4, h5, h6):first-child, 
	.site-3-home #g-showcase .g-content .g-array-item-text :is(h1, h2, h3, h4, h5, h6):first-child  	{
        margin-top: 0;
    }
	

}

/*  */

.site-1-home #g-showcase h4 {color: white;}
.site-2-home #g-showcase h4, .site-2-home #g-showcase h6 {color: white;}

@media only screen and (min-width: 50.99rem){

   .site-1-home #g-showcase {
        background: url(/images/template/buildingproject-parallax.jpg) 50% 50% no-repeat;
        background-size: cover;
        background-attachment: fixed;
	}
	.site-1-home #g-showcase .g-container {
		background-color: rgba(0,0,0,.25);
		padding: 8.5% !important;
	}
	
	/*.site-2-home #g-showcase {
        background: url(/images/stories/template/themonasterykitchen.jpg) 50% 50% no-repeat;
        background-size: cover;
        background-attachment: fixed;
	}
	.site-2-home #g-showcase .g-container {
		background-color: rgba(0,0,0,.25);
		padding: 8.5% !important;
	}*/
	

/* ========================================================= */
/* MONASTERY KITCHEN LAYOUT CSS */
/* ========================================================= */

.monastery-kitchen-section {
    display: flex;
    /* This ensures the section spans the full available width of the container */
    width: 100%;
    /* Define a minimum height for the section */
    min-height: 450px; 
    position: relative;
    overflow: hidden; /* Important for clean edges */
    margin: 0 0 30px 0; /* Add some margin above/below the section */
}

/* 1. Image Area (Left Side) */
.monastery-kitchen-image {
    /* Takes up about 65% of the width */
    flex: 0 0 60%; 
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

/* 2. Content Box (Right Side) */
.monastery-kitchen-content {
    /* Takes up the remaining 35% of the width */
    flex: 0 0 40%;
    background-color: white;
    padding-left: 0px; /* Space for the overlay effect */
    padding-right: 30px;
    display: flex; /* Helps center the text vertically */
    align-items: center;
    position: relative; /* Context for the absolute positioning of the overlay */
	max-height: 400px;
	margin: 50px 0 50px -50px;
}

/* The white box overlaps the image on its left edge */
.monastery-kitchen-content::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    /* Extend the white background to the left (50px margin + 100px overlap) */
    left: -100px; 
    width: 100px;
    background-color: white;
}

/* Content Text Styling */
.monastery-kitchen-content .content-wrapper {
    /* Keep content centered and above the ::before pseudo-element */
    position: relative; 
    z-index: 2; 
    max-width: 450px;
}
}


@media only screen and (max-width: 50.99rem) {

	.site-1-home #g-showcase {
        background: url(/images/template/buildingproject-parallax-mobile3.jpg) 60% 50% no-repeat;
        background-size: cover;
        /*background-attachment: fixed;*/
	}
	.site-1-home #g-showcase .g-container {
		background-color: rgba(0,0,0,.25);
		padding: 5% !important;
	}
	
	
	
	/*.site-2-home #g-showcase {
        background: url(/images/stories/template/themonasterykitchen.jpg) 60% 50% no-repeat;
        background-size: cover;
        background-attachment: fixed;
	}
	.site-2-home #g-showcase .g-container {
		background-color: rgba(0,0,0,.25);
		padding: 5% !important;
	}*/
  .monastery-kitchen-section {
        flex-direction: column; /* Stacks the image and content vertically */
        min-height: auto;
    }

    .monastery-kitchen-image {
        /* On small screens, the image takes full width and a fixed height */
        flex: 1 1 100%;
        height: 330px; 
		min-height: 300px;
	}
	#g-showcase	.monastery-kitchen-image {
		width: 150%;
    }
	.adjustimgmobile {
		background-color: white !important;
        background-attachment: initial !important;
        background-position: 50% 0% !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
	}
	
    .monastery-kitchen-content {
        /* Content takes full width below the image */
        flex: 1 1 100%;
        padding: 40px 20px;
        text-align: center;
    }

    /* Remove the overlay effect on small screens */
    .monastery-kitchen-content::before {
        content: none; 
    }
    
    .monastery-kitchen-content .content-wrapper {
        margin: 0 auto;
    }

}

/*************** UTILITY ******************/
.site-2-home #g-utility .g-content {
	padding-bottom: 0;
}

/*************** FEATURE ******************/
/*************** MAIN *********************/

.site-1-home #g-container-main > div > div > div.g-block.size-47, 
.site-2-home #g-container-main > div > div > div.g-block.size-47 {
    display: flex;
    align-items: center;
    justify-items: center;
}

.site-1-home #g-container-main #g-mainbar, .site-2-home #g-container-main #g-mainbar {
    width: 100%;
}

@media (min-width: 50.99rem) {
    
    .site-1-home #g-mainbar .g-content .g-array-item-text p:last-child, 
    .site-2-home #g-mainbar .g-content .g-array-item-text p:last-child {
        margin-bottom: 0;
    }
    .site-1-home #g-mainbar .g-content .g-array-item-text :is(h1, h2, h3, h4, h5, h6):first-child,
    .site-2-home #g-mainbar .g-content .g-array-item-text :is(h1, h2, h3, h4, h5, h6):first-child {
        margin-top: 0;
    }

}

@media (max-width: 50.99rem) {
    
    .site-1-home #g-showcase .g-content .g-array-item-text p:last-child, 
    .site-2-home #g-showcase .g-content .g-array-item-text p:last-child {
        margin-bottom: 0;
    }
    .site-1-home #g-showcase .g-content .g-array-item-text :is(h1, h2, h3, h4, h5, h6):first-child, 
    .site-2-home #g-showcase .g-content .g-array-item-text :is(h1, h2, h3, h4, h5, h6):first-child {
        margin-top: 0;
    }
}

/*  */

@media only screen and (min-width: 50.99rem) {
    .site-1-sub #g-mainbar, .site-2-sub #g-mainbar, .site-3-sub #g-mainbar  {
        min-height: 30vh;
    }
	.site-1-home #g-container-main {
		padding: 2.5% 5% 2.5% 5%;
	}
	.site-1-home #g-container-main .g-content  {
		padding: 2.5rem 1.5rem;
	}
	.site-1-home #g-container-main p, .site-2-home #g-container-main p {
		font-size: 1.25rem;
	}
	.site-2-home #g-container-main {
		padding: 1% 3% 3.5% 3%; 
	}	
	.site-2-home #g-container-main .g-content  {
		padding: 0.5rem 1rem;
	}
	.site-2-home #g-container-main  .g-swiper .g-swiper-slider .swiper-slide .slide .slide-content-wrapper .slide-content .g-swiper-text h1 {
		color: white;
		line-height: 1.2;
		font-size: clamp(3rem, 4.25vw, 2rem);
	}

}

@media only screen and (max-width: 50.99rem) {
    :is(.site-1-sub, .site-2-sub) #g-mainbar > .g-grid > .g-block > .g-content {
        margin: 0;
        padding: 0;
    }
	.site-1-home #g-container-main .g-content, .site-2-home #g-container-main .g-content {
		padding: 1.5rem 0.5rem;
	}
	.site-2-home #g-container-main .oneheartonemind img {
		aspect-ratio: 9 / 16;
	}
	
	/*.site-2-home #swiper-9208-particle .swiper-container {
		min-height: 50vw;
		overflow: visible;
	}*/
	.site-2-home #g-container-main  .g-swiper .g-swiper-slider .swiper-slide .slide .slide-content-wrapper .slide-content .g-swiper-text h1 {
		color: white;
		line-height: 1.2;
		font-size: clamp(2rem, 4.25vw, 2rem);
	}
}


.site-2-home #g-container-main  .g-swiper .g-swiper-slider .swiper-slide .slide .slide-content-wrapper .slide-content .g-swiper-text h6 {
	color: white;
	line-height: 1.2;
	font-size: 1.2rem;
}
.site-2-home #g-container-main  .g-swiper .g-swiper-slider .swiper-slide .slide .slide-content-wrapper .slide-content .g-swiper-text a.transparentbutton {
	color: white;
	border: 2px solid white;
}



.horarium-page div > p {
	margin-bottom: 0.9rem;
}

/* Sub Pages */

/*************** EXPANDED *****************/ 

/*.site-2-home #g-expanded h4, .site-2-home #g-expanded h6 {color: white;}
@media only screen and (min-width: 50.99rem) {
	.site-2-home #g-expanded {
        background: url(/images/stories/template/priorychesse.jpg) 50% 50% no-repeat;
        background-size: cover;
        background-attachment: fixed;
	}
	.site-2-home #g-expanded .g-container {
		background-color: rgba(0,0,0,.25);
		padding: 5% 7% !important;
	}
}
@media only screen and (max-width: 50.99rem) {
	.site-2-home #g-expanded {
        background: url(/images/stories/template/priorychesse.jpg) 60% 50% no-repeat;
        background-size: cover;
        background-attachment: fixed;
	}
	.site-2-home #g-expanded .g-container {
		background-color: rgba(0,0,0,.25);
		padding: 5% !important;
	}
}*/

/*************** EXTENSION ****************/

.site-1-home #g-extension > div > div > div:nth-child(2), .site-2-home #g-extension > div > div > div:nth-child(2) {
    display: flex;
    justify-content: center;
    align-items: center;
}

.site-1-home #g-extension, .site-2-home #g-extension  {
    padding: 2.5% 5% !important;
}

/*  */

@media only screen and (min-width: 50.99rem) {

	.site-1-home #g-extension .g-content, .site-2-home #g-extension .g-content {
		padding: 1.5rem;
	}
	
}
@media only screen and (max-width: 50.99rem) {
	.site-1-home #g-extension .g-block:nth-child(3) .g-content, .site-2-home #g-extension .g-block:nth-child(3) .g-content {
		padding: 0 0.5rem;
	}
}

/*************** BOTTOM *******************/

@media only screen and (min-width: 50.99rem) {
    .site-1 #g-bottom, .site-2 #g-bottom/*, .site-3 #g-bottom*/ {
        padding: 2vw 0!important;
    }
    .site-1 #g-bottom .admod td, .site-2 #g-bottom .admod td, .site-3 #g-bottom .admod td {
        padding: 0;
    }
}

/*************** FOOTER *******************/

.site-1 #g-footer p, .site-2 #g-footer p, .site-3 #g-footer p   {font-family: var(--body-font-family);}
#g-footer .g-content-array {margin: 0;}
#g-footer a {color: var(--default-white); transition: .3s all ease-in-out;} 
#g-footer :is(h1,h2,h3,h4,h5) {color: var(--default-white);} 
#g-footer a:hover {opacity: .5;}
.site-1 #g-footer hr, .site-2 #g-footer hr, .site-3 #g-footer hr {
    border-bottom: 1px solid var(--default-white);
}
@media only screen and (min-width: 50.99rem) {
	.site-1 #g-footer img.footer-logo, .site-2 #g-footer img.footer-logo, .site-3 #g-footer img.footer-logo {
        max-width: 90%;
    }
}

@media only screen and (max-width: 50.99rem) {
	#g-footer {padding: 0.5rem 1rem;}
}

/*************** COPYRIGHT ****************/ 

@media only screen and (max-width: 50.99rem) {
    .web-policy {
        justify-content: flex-end;
        padding-right: 10px;
    }
    .site-1 .adminfootericon {
        bottom: 40px
    }
    .site-2 .adminfootericon {
        bottom: 40px
    }
}

/*************** MODULES ******************/

.moduletable .nav.menu, .moduletable .unstyled {background: var(--primary-color);} 
.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover {    
    color: var(--default-white); 
    background: var(--secondary-color);
} 

/*************** SUBPAGES *****************/

.site-1-sub #g-container-main {
    padding: 2rem 0;
}
.legacy #g-container-main {
	padding: 0;
}
.legacy #g-container-main .g-content {
	padding-top: 0;
	margin-top: 0;
}

@media only screen and (max-width: 50.99rem) {
	.legacy #g-container-main {
	padding: 0;
}
.legacy #g-container-main .g-content {
	padding-top: 0;
	margin-top: -2vw;
}
}

/*************** MOBILE *******************/

@media only screen and (max-width: 50.99rem) {
	.g-offcanvas-toggle {
		background: var(--default-white);
		display: grid;
		justify-content: center;
		align-items: center;
		border-radius: 50%;
		box-shadow: var(--default-box-shadow);
	}
}

/*************** ADS **********************/

@media only screen and (min-width: 50.99rem) {
    #site-grid #g-container-main {
        padding-bottom: 3vw;
    }
}

@media only screen and (max-width: 50.99rem) {
    .grid.ph-sidebyside-mobile .g-array-item-read-more {
        opacity: 0;
    }
    .grid.ph-sidebyside-mobile .g-array-item-title {
        padding: 1rem;
    }
}

@media only screen and (min-width: 50.99rem) {
    .search-page button.btn {
        background: var(--primary-color)!important;
    }
    .search-page button.btn:hover {
        background: var(--secondary-color)!important;
    }
}

@media only screen and (max-width: 50.99rem) {
    .search-page button.btn {
        background: var(--primary-color)!important;
    }
    .search-page button.btn:hover {
        background: var(--secondary-color)!important;
    }
}

@media only screen and (max-width: 50.99rem) {
    .ph-sidebyside-mobile .g-array-item-read-more {
        opacity: 0;
    }
    .ph-sidebyside-mobile .g-array-item-title {
        padding: 1rem;
    }
}

/*  */

@media only screen and (min-width: 50.99rem) {
    #g-top-nav {
        display: none!important;
    }
    #g-mobile-fixed-nav {
        display: none!important;
    }
}

@media only screen and (max-width: 50.99rem) {
    #g-top-nav {
        display: none!important;
    }
    #g-mobile-fixed-nav {
        display: none!important;
    }
}

body {background-color: var(--primary-color);}
@media only screen and (max-width: 50.99rem) {
@media (display-mode: standalone) {
    #g-top-nav {
        display: flex!important;
    }
    #g-mobile-fixed-nav {
        display: flex!important;
    }
    #g-top.modern-alert-padding {
        padding: 2rem 5%!important;
    }
    body {background-color: var(--primary-color);}
    #g-offcanvas {height: calc(100% - 120pt); top: 40pt; bottom: 80pt;}
    #g-top {margin-top: 40pt!important;}
    #g-navigation .g-logo {display: none;}
    #g-top-nav .g-particle:has(.g-logo) {width: 100%;}
    #g-top-nav .g-logo {text-align: center; display: flex; align-items: center; justify-content: center; width: 100%; height: 40pt;}
    #g-top-nav .g-logo img {height: 80%; width: auto;}
    #g-page-surround .g-offcanvas-toggle {display: none;}
    #g-page-surround {background: var(--primary-color);}
    #g-top-nav {display: flex; position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 40pt; background: var(--primary-color); z-index: 100; box-shadow: var(--default-box-shadow);}
    .g-offcanvas-toggle {position: fixed!important; z-index: 101; top: 0; left: 10pt; height: 40pt; font-size: 23pt; display: flex; justify-content: center; align-items: center; background: none!important; border-radius: unset; box-shadow: unset;}
    .g-offcanvas-toggle {color: var(--default-white);} 
    .g-offcanvas-toggle .fa-fw {text-shadow: none;}
    #g-container-footer {padding-bottom: 80pt!important;}
    #g-mobile-fixed-nav {display: flex; height: 80pt; background: var(--primary-color); color: var(--default-white); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); z-index: 100; position: fixed; bottom: 0; left: 0; right: 0; width: 100%; box-shadow: var(--default-box-shadow)}
    .mobile-nav-link {color: var(--default-white); display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; height: 60pt;}
    .mobile-nav-link:hover {color: var(--secondary-color);}
    .mobile-fixed-nav {width: 100%; height: 60pt;}

    .mobile-fixed-nav {
        margin: 0;
        padding: 0;
        display: flex;
        width: 100%;
        align-items: center;
        overflow: hidden;
    }
    .mobile-fixed-nav .g-particle {
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .mobile-fixed-nav .g-particle > div {
        margin: 0;
        padding: 0;
    }
    .mobile-fixed-nav .g-blockcontent {
        margin: 0;
        padding: 0;
    }
    .mobile-fixed-nav .g-blockcontent-subcontent {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 1pt;
    }
    .mobile-fixed-nav .g-blockcontent-subcontent-block {
        margin: 0;
        padding: 0;
        flex: 1;
        position: relative;
    }
    .mobile-fixed-nav .g-blockcontent-subcontent-block-content {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .mobile-fixed-nav .g-blockcontent-subcontent-title-icon {
        margin: 0;
        padding: 0;
        order: 1;
        color: var(--default-white);
        font-size: 5vw;
    }
    .mobile-fixed-nav .g-blockcontent-subcontent-title {
        margin: 0;
        padding: 0;
        order: 2;
    }
    .mobile-fixed-nav .g-blockcontent-subcontent-title-text {
        margin: 0;
        padding: 0;
        color: var(--default-white);
        font-size: 4vw;
        font-family: var(--body-font-family);
    }
    .mobile-fixed-nav .g-blockcontent-buttons {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
    }
    .mobile-fixed-nav .g-blockcontent-buttons a {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
    }
}
}
/*****************************************************/
/************DIV TAG SECTIONS WITHIN ARTICLES**************/
/*****************************************************/
.notable {border: 0px transparent solid;}
.notable td {
    padding: 0;
    border: 0px solid transparent;
}


.whitetrans { background: rgba(255,255,255,0.75); padding: 25px 10px; margin-top: 0px; margin-bottom: -30px;}
.blueback { background: var(--primary-color); padding: 0 20px; margin-top: 10px; margin-bottom: 10px; color: white;}
.grayback { background: var(--tertiary-color); padding: 0 20px; margin-top: 10px; margin-bottom: 10px; }
.goldback { background: var(--secondary-color); padding: 0 20px; margin-top: 10px; margin-bottom: 10px; }
.tertiary-back { background: var(--tertiary-color); padding: 20px; margin-top: 10px; margin-bottom: 10px; }


.blueback p, .blueback li, .blueback h1, .blueback h2, .blueback div .blueback h3, .blueback h4, .blueback h5, .blueback h6, .blueback blockquote {color: #ffffff; }
.goldback p, .goldback li, .goldback h1, .goldback h2, .goldback div .goldback h3, .goldback h4, .goldback h5, .goldback h6, .goldback blockquote, .goldback a {color: #ffffff; }
.grayback p, .grayback li, .grayback h1, .grayback h2, .grayback div .grayback h3, .grayback h4, .grayback h5, .grayback h6, .grayback blockquote  {color: var(--primary-color); }
.tertiary-back p, .tertiary-back li, .tertiary-back h1, .tertiary-back h2, .tertiary-back div .tertiary-back h3, .tertiary-back h4, .tertiary-back h5, .tertiary-back h6, .tertiary-back blockquote  {color: var(--default-black); }
.primary-back blockquote {color: white;}



.goldback a:hover {color: var(--primary-color);}

.whiteborder {border: 2px solid white; padding: 2vw; }
.blackborder {border: 2px solid black; padding: 2vw; }
.blueborder {border: 2px solid var(--primary-color); padding: 2vw; }
.goldborder {border: 2px solid var(--secondary-color); padding: 2vw; }
.grayborder {border: 2px solid var(--tertiary-color); padding: 2vw; }

.flexrow > .two-thirds-side { flex: 1.75;}
.flexrow > .moduleside { flex: 0.75;}
.flexrow > .pointsevenfive { flex: 0.75;}
/*.flexrow > .moduleside { flex-basis: 35%}
.flexrow > .fiftypercent { flex-basis: 50%}*/
.circle img {border-radius: 50%;}

.tertiary-back a.whitebutton {
	color: var(--default-black);
	background: transparent;
    font-family: var(--body-font-family);
	letter-spacing: 3px;
	border-radius: 0;
	border: 2px solid var(--default-black);
}
.tertiary-back .whitebutton:hover {background: var(--default-black); color: var(--default-white);   border: 2px solid var(--default-black);}

a.whitebutton {
	color: white;
	background: transparent;
    font-family: var(--body-font-family);
	letter-spacing: 3px;
	border-radius: 0;
	border: 2px solid white;
}
.whitebutton:hover {background: white; color: var(--primary-color);   border: 2px solid var(--secondary-color);}




/************ FLEX ITEM  ************/
.flexcolumn { display: flex; flex-direction: column; }
.flexcolumn > div { flex: 1;}
.flexcenter { display: flex; align-items: center; justify-content: center;}

/************ FLEX ITEM  ************/
.flexrow { display: flex; align-items: center; justify-content: center;   }


.fullwidthpic { width: 100%;}
img.fullwidth { width: 100%;}

@media only screen and (min-width: 50.99rem) {
	.vine-right { background: url(../images/stories/template/vine-vector-right.png) 0% 0% no-repeat; background-size: 100%;}
	.vine-left { background: url(../images/stories/template/vine-vector-left.png) 0% 0% no-repeat; background-size: 100%; }

	.flexrow > div { flex: 1; padding: 10px;}
	.flexrow div.pad-left10 {padding-left: 10%; flex: 0.75;}
	.flexrow div.pad-left5 {padding-left: 5%; flex: 0.75;}
	.flexrow div.pad-right10 {padding-right: 10%; flex: 0.75;}
	.flexrow div.pad-right5 {padding-right: 5%; flex: 0.75;}
	.flexrow div.shift-right {margin-right: -10vw;}
	.flexrow div.shift-right5 {margin-right: -3vw;}
	.flexrow div.shift-left {margin-left: -10vw;}
	.flexrow div.shift-left5 {margin-left: -3vw;}
	
	.flexrow div.bottom-image {margin: -15vw 0 0 0;}
	.flexrow div.bottom-image5 {margin: -5vw 0 0 0;}
	.flexrow div.bottom-image2 {margin-bottom: -7vw;}
	.flexrow div.rel-image {position: relative;}
	
	.minus10 div.pad-left10 {padding-left: 10%; flex: 0.75;}
	.minus10 div.pad-left5 {padding-left: 5%; flex: 0.75;}
	.minus10 div.pad-right10 {padding-right: 10%; flex: 0.75;}
	.minus10 div.pad-right5 {padding-right: 5%; flex: 0.75;}
	.minus5 div.shift-right {margin-right: -10vw;}
	.minus10 div.shift-right {margin-right: -10vw;}
	.minus10 div.shift-right5 {margin-right: -5vw;}
	.minus10 div.shift-left {margin-left: -10vw;}
	.minus5 div.shift-left {margin-left: -10vw;}
	.minus10 div.shift-left5 {margin-left: -5vw;}
	.minus10 div.rel-image {position: relative;}
	.sizedup {width: 45vw;}

	.minus10, .platform-content .moduletable.minus10  {  margin: 0 calc(-10vw - 35px); }
	.minus5, .platform-content .moduletable.minus5  {  margin: 0 calc(-5vw - 20px); }
	.minus2-5, .platform-content .moduletable.minus5  {  margin: 0 calc(-2.5vw - 20px); }
	.plus10, .platform-content .moduletable.plus10 {  margin: 0 10vw; }
	.plus5, .platform-content .moduletable.plus5 {  margin: 0 5vw; }
	.shiftimageleft5 {margin-left: -5vw;}
	.shiftimageleft2 {margin-left: -2vw;}
	.shiftimageright5 {margin-right: -5vw;}
	
	.flexrow div.two-thirds-side:first-child, .flexrow div.moduleside:first-child { padding-right: 20px;}
	.flexrow div.two-thirds-side:last-child, .flexrow div.moduleside:last-child { padding-left: 20px;}
	
	.flexrow > .two-thirds-side { flex: 2;}
	.flexrow > div { order: 2; }

    .flexrow > div:has(img) {
        padding: 1rem 0;
		vertical-align: middle;
    }
	.storefront .flexrow > div:has(img) {
		padding: 1rem 0 1rem 0;
	}
	.legacy .flexrow > div:has(img), .helpusbuild .flexrow > div:has(img) {
		padding: 1rem 0 1rem 0;
	}
    .flexrow {
        gap: 2rem;
    }
	.helpusbuild .flexrow {
        gap: 1rem;
    }
	.flextable.spacedcells > div {
		padding: 20px 30px;
	}
	.flextable.spacedcells > div:last-child {
		padding-right: 30px;
	}
	

}
	.helpusbuild .flextable.spacedcells > div {
		padding: 20px;
	}
	



@media only screen and (max-width: 50.99rem) {
	.faux-hero h1 {
		font-size: 1vw !important;
	}
	
	.flexrow > div { flex: 1; padding: 10px 0;}
	.flexrow { flex-direction: column; }
	.site-1-sub #g-container-main {
        margin: 0;
        padding: 5%;
    }
	.site-2-sub #g-container-main {
        margin: 0;
        padding: 5%;
    }
	.site-3-sub #g-container-main {
        margin: 0;
        padding: 5%;
    }
	#g-mainbar {
        padding: 0;
    }
	.mobilepaddingright #g-mainbar {
        padding: 0 5% 0 2%;
    } 
	.vine-right { background: url(../images/stories/template/vine-vector-right.png) 0% 0% no-repeat; background-size: 200%;}
	.vine-left { background: url(../images/stories/template/vine-vector-left.png) 0% 0% no-repeat; background-size: 200%; }

	 
    .plus10, .platform-content .moduletable.plus10 {padding: 0 calc(1vw + 10px);}
    .minus10, .platform-content .moduletable.minus10   {margin: 0 calc(-5vw - 0px);}
	.plus5, .platform-content .moduletable.plus5 {padding: 0 calc(1vw + 5px);}
	.centeronmobile {align-items: center; text-align: center;}
	
	.flexrow div.shift-right {margin-right: -15vw; margin-left: -15vw;}
	.flexrow div.shift-left {margin-left: -15vw; margin-right: -15vw;}
	.flexrow div.fullwidthmobile { margin: -10vw -8vw 0 -7vw;}
	.flexrow div.margin10mobile { margin-right: 10px; margin-left: 10vw;}
	.flexrow div.margin5mobile {margin-right:5vw; margin-left: 5vw;}
	.minus10 div.margin5mobile {margin-right:5vw; margin-left: 5vw;}
	
	.rte-height /*ready to enroll accordian*/ { min-height: 48.35vw; padding: 0 10px;	}
	h4.rtebuffer {margin-left: 1.5rem; margin-right: 1.5rem;}
	p.rtebuffer {margin-left: 1.5rem; margin-right: 1.5rem;}

	
	.torightedge-mobile { position: absolute; /*top: -20vw;*/ right: -15vw; }
	.moveintoabove-mobile {	position: absolute; top: 70vw; right: 8vw; }
	.halo-sunburst {margin-bottom: -23vw; margin-top: -18.5vw; }
	.order-second-mobile {order: 2; margin-top: 2rem;}
	.halfaboveflexbox {margin-top: -50vw !important; padding: 30px 10px  !important;}
	.halfaboveflexboxtopmargin {margin-top: 40vw;}
	.offtorightmobile {
		margin-right: -50vw !important;
        width: 125% !important;
        padding: 15px !important;
        margin-bottom: 5vw !important;
	}
	.offtorightmobilebottom {
		margin-right: -35vw !important;
        width: 115% !important;
        padding: 15px !important;
        margin-bottom: 5vw !important;
	    margin-top: -50vw !important;
	}
	.offtoleftmobile {
		margin-left: -35vw !important;
        width: 115% !important;
        padding: 15px !important;
        margin-bottom: 5vw !important;
        margin-top: -50vw !important;
	}
	
	.storefront .flexrow > div:has(img) {
		padding: 1rem 0 1rem 0;
	}
	.flextable.spacedcells > div {
		padding: 10px;
	}
	.flextable.spacedcells > div:last-child {
		padding-right: 10px;
	}
	
	
}
.equaltable td {
	padding: 0 2%;
}

.cheeseback {background: url(../images/stories/shop/cheese-wheels.jpg) 0% 50% no-repeat; }
.cheeseback h4, .cheeseback h3, .cheeseback p, .cheeseback ul, .cheeseback h1, .cheeseback h5, .cheeseback h6 {color: white;}

/* two thirds side */

.two-thirds-side p:last-child {
    margin-bottom: 0;
}
@media only screen and (max-width: 50.99rem) {
    #g-container-main .equaltable img {
        width: revert-layer;
    }
}
.helpusbuild .g-imagegrid .g-imagegrid-item img {
    border-radius: 0;
	padding: 0.5rem;
}
.helpusbuild .g-imagegrid .g-imagegrid-item .indicator div {
	font-size: 1.3rem;
	font-weight: 400;
}


p.csscode {background-color: #f7f7f7;
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding: 0.938rem; margin: 0 0 1.5rem;
	border-radius: 0.1875rem;
	font-family: "Menlo", "Monaco", monospace;
	clear: both;
} 



/*  */

.style-1303 #g-footer:has([class*="-1303"]) {background-image: url('/images/template/parallax1.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat;}

@media (min-width: 50.99rem) {
  .style-201 .g-container:has([class*="-201"]) {background-image: url('/images/template/header-church-transparent-background.png'); background-position: center; background-size: cover; background-repeat: no-repeat;}
  .style-202 .g-container:has([class*="-202"]) {background-image: url("/images/template/header-church-transparent-background.png"); background-position: center; background-size: cover; background-repeat: no-repeat;}
  .style-301 .mass-times-301 {background: url('/images/template/masstimes.jpg') 0% no-repeat; background-size: cover; background-position: center;}
  .style-303 .mass-times-303 {background: url('/images/template/masstimes.jpg') 0% no-repeat; background-size: cover; background-position: center;}
  .style-304 .mass-times-304 {background: url('/images/template/masstimes.jpg') 0% no-repeat; background-size: cover; background-position: center;}
  .style-305 .mass-times-305 {background: url('/images/template/masstimes.jpg') 0% no-repeat; background-size: cover; background-position: center;}
  .style-1001 :is(#g-navigation, #g-slideshow, #g-header, #g-above, #g-feature, #g-showcase, #g-utility, #g-container-main, #g-expanded, #g-extension, #g-bottom, #g-footer, #g-copyright):has([class*="-1001"]) {background: url('/images/template/parallax1.jpg') 50% 50% no-repeat;}
  .mockup-ads.particle-template .g-block:has(div.adside) .adside {background-image: url("/images/template/side-ads.png");}
  .mockup-ads.particle-template .adhorizontal {background-image: url("/images/template/horizontal-ads.png");}
}

/*  */

/* Building Project Page */

/* Hero Title Styling */
.subtitle-hero #hero {
  position: relative;
}

.subtitle-hero #hero .hero-title-design {
    position: absolute;
    line-height: 1;
    gap: 0.75rem;
    left: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    color: var(--primary-color);
    font-size: 5rem;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); */
    z-index: 10;
    width: 100%;
    padding: 0 20px;
    backdrop-filter: blur(3px);
}

/*.floatintohero {
	position: absolute;
    line-height: 1;
    gap: 0.75rem;
    left: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    color: var(--primary-color);
    font-size: 5rem;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); 
    z-index: 10;
    width: 100%;
    padding: 0 20px;
}*/


@media (min-width: 50.99rem) {
    .subtitle-hero #hero .hero-title-design {
        padding-top: 5vw;
    }
}

.subtitle-hero #hero .hero-title-design span {
  display: block;
  font-size: 2.4rem;
  font-weight: 400;
  letter-spacing: 1px;
}

/* Media Queries */
/* Large tablets */
@media screen and (max-width: 1200px) {
  .subtitle-hero #hero .hero-title-design {
    font-size: 3rem;
  }

  .subtitle-hero #hero .hero-title-design span {
    font-size: 1.8rem;
  }
}

/* Medium tablets */
@media screen and (max-width: 992px) {
  .subtitle-hero #hero .hero-title-design {
    font-size: 2.5rem;
  }

  .subtitle-hero #hero .hero-title-design span {
    font-size: 1.5rem;
  }
}

/* Small tablets and large phones */
@media screen and (max-width: 768px) {
  .subtitle-hero #hero .hero-title-design {
    font-size: 2rem;
  }

  .subtitle-hero #hero .hero-title-design span {
    font-size: 1.3rem;
    margin-top: 0.3rem;
  }

  .subtitle-hero #hero::after {
    height: 20px;
  }
}

/* Mobile phones */
@media screen and (max-width: 576px) {
  .subtitle-hero #hero .hero-title-design {
    font-size: var(--mid-font);
    letter-spacing: 1px;
  }

  .subtitle-hero #hero .hero-title-design span {
    font-size: 1.5rem;
    letter-spacing: 0.5px;
  }

  .subtitle-hero #hero::after {
    height: 3px;
  }
}

/* Extra small devices */
@media screen and (max-width: 375px) {
  .subtitle-hero #hero .hero-title-design {
    font-size: 1.5rem;
  }

  .subtitle-hero #hero .hero-title-design span {
    font-size: 1rem;
  }
}

/*  */
/*  banner section */

.site-1 {
    --full-width-margin-neg: -13vw;
    --full-width: 100vw;
}

.banner-image {
  width: var(--full-width);
  position: relative;
  overflow: hidden;
  height: 250px;
  background: url(../images/stories/auto-extract/20250620_102525_SMBosm_resized.jpg);
  background-position: center;
}

.banner-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-attachment: fixed;
  background-size: cover;
  opacity: 0;
}

@media (min-width: 50.99rem) {
  .banner-image {
    margin-left: var(--full-width-margin-neg);
    margin-bottom: -4.75vw;
  }
}

@media (max-width: 50.99rem) {

    .banner-image {
        margin-left: -2.125rem;
    }

}

/*  */

@media (min-width: 50.99rem) {

    .building-project .flexrow .two-thirds-side {
        flex: 1.25;
    }

    .building-project .two-thirds-side p:last-child {
        margin-bottom: 0;
    }

}

.building-project li {
    color: #000000;
}



/* norbertine-page */

@media (min-width: 50.99rem) {

    .norbertine-page .row-reverse {
        flex-direction: row-reverse;
    }

   /* .norbertine-page .flexrow div.two-thirds-side:first-child, .norbertine-page .flexrow div.moduleside:first-child {
        flex: 0.5;
        padding-left: 30px;
        padding-right: 0;
    }*/

    .group-photo .two-thirds-side {
        flex: 1.25 !important;
    }

}

/************BUILDING PROJECT CONDENSE BISHOP LETTER JS IN RAW TAGS MODULE    ************/


.helpusbuild .layer-top {
	z-index: 12;
	position: relative;
}
/*  */
/* ===== expand-content ===== */

[data-expand-content] .expand-inner {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.4s ease;
}

[data-expand-content].active .expand-inner {
  max-height: 1000px;
  opacity: 1;
}

.expand-button {
  cursor: pointer;
  background: var(--secondary-color);
  border: none;
  color: white;
  padding: 10px 25px;
  margin: 0 30%;
  transition: color 0.3s ease;
  display: block;
}

/* ===== readmore-accordion ===== */

[data-readmore-accordion] .readmore-content {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.4s ease;
}

[data-readmore-accordion].active .readmore-content {
  max-height: 10000px;
  opacity: 1;
  overflow: visible;
}

.readmore-top,
.readmore-bottom {
  cursor: pointer;
  background: var(--secondary-color);
  border: none;
  color: white;
  padding: 10px 25px;
  transition: color 0.3s ease;
  display: inline-block;
}

[data-readmore-accordion].active .readmore-top {
  display: none;
}

[data-readmore-accordion] .readmore-bottom {
  display: none;
}

[data-readmore-accordion].active .readmore-bottom {
  display: inline-block;
  margin-top: 0.75em;
}




/* --- Custom Accordion Styles  Holy Mass and Public Prayer Schedule --- */

/* Main container for the accordion */
.custom-accordion {
  font-family: serif; /* Or the specific font your theme uses */
  width: 100%;
}

/* The clickable title bar */
.custom-accordion summary {
  font-size: 1.5em; /* Adjust size as needed */
  color: var(--secondary-color);   /* Orange color from screenshot */
  padding: 15px 10px;
  cursor: pointer;
  list-style: none; /* Removes the default triangle/marker */
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--primary-color); /* The thin black line */
}

/* Hide the default arrow in Webkit browsers (Chrome, Safari) */
.custom-accordion summary::-webkit-details-marker {
  display: none;
}

/* Custom arrow using a pseudo-element */
.custom-accordion summary::after {
  content: '▼'; /* Downward arrow character */
  font-size: 0.8em;
  color: black;
  transition: transform 0.3s ease-in-out; /* Smooth rotation for the arrow */
}

/* Rotate the arrow when the section is open */
.custom-accordion details[open] summary::after {
  transform: rotate(180deg);
}

/* --- Smooth Expand/Collapse Animation --- */

/* The content area that expands/collapses. This defines the initial (collapsed)
   state and the properties to be animated. */
.custom-accordion .accordion-content {
  overflow: hidden;
  max-height: 0;
  padding: 0 10px; /* Keep horizontal padding, remove vertical */
  opacity: 0;
  
  /* Define the smooth transition. The duration (0.4s = 400ms) should
     match the 'transitionDuration' variable in the JavaScript. */
  transition: 
    max-height 0.4s ease-in-out,
    padding 0.4s ease-in-out,
    opacity 0.2s ease-in-out;
}


/*  */

/* 3-image-row */

.t-gallery-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 0;
}

.t-image-row {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
}

.t-image-container {
  flex: 1;
  min-width: 250px;
  max-width: 350px;
}

.t-image-wrapper {
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.3s ease;
}

.t-image-wrapper:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.t-image-wrapper img {
  width: 100%;
  height: auto;
  display: block;
}

/* Responsive design */
@media (max-width: 768px) {
  .t-gallery-container {
    padding: 15px;
  }
  
  .t-image-row {
    gap: 15px;
  }
  
  .t-image-container {
    min-width: 200px;
  }
}

@media (max-width: 480px) {
  .t-gallery-container {
    padding: 10px;
  }
  
  .t-image-row {
    flex-direction: column;
    gap: 10px;
  }
  
  .t-image-container {
    min-width: 100%;
  }
}

/* end 3-image-row */

/* 50-50-image left & right */

.t-fifty-fifty-container {
    max-width: 1200px;
    margin: 0 auto;
    /* padding: 60px 20px; */
}

.t-content-wrapper {
    display: flex;
    align-items: center;
    gap: 4rem;
    min-height: 300px;
}

.t-image-section,
.t-text-section {
    flex: 1;
}

.t-image-frame {
    position: relative;
    overflow: hidden;
    transition: box-shadow 0.3s ease;
}

.t-image-frame img {
    width: 100%;
    height: auto;
    display: block;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.norbertine-page .t-image-frame img {
    max-width: 400px;
    margin: auto;
}

/* Responsive design */
@media (max-width: 968px) {
    .t-fifty-fifty-container {
        padding: 40px 20px;
    }
    
    .t-content-wrapper {
        gap: 30px;
    }
}

@media (max-width: 768px) {
    .t-content-wrapper {
        flex-direction: column;
        gap: 40px;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .t-fifty-fifty-container {
        padding: 30px 15px;
    }
    
    .t-content-wrapper {
        gap: 30px;
    }
}

/* end 50-50-image left & right */

/* text-overlaying-banner */

.t-hero-container {
    position: relative;
    min-height: 300px;
    max-height: 1000px;
    overflow: auto;
}

.t-hero-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.t-hero-background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.t-hero-container :is(h1,h2,h3,h4,h5, h6) {
    color: white;
} 

.t-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.4) 100%);
}

.t-hero-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    z-index: 2;
}

.t-content-inner {
    max-width: 800px;
    padding: 40px 20px;
    color: white;
}

/* Responsive design */
@media (max-width: 968px) {
    .t-content-inner {
        max-width: 600px;
        /* padding: 60px 20px; */
    }
}

@media (max-width: 768px) {
    .t-content-inner {
        padding: 50px 15px;
    }
}

@media (max-width: 480px) {
    .t-content-inner {
        padding: 40px 10px;
    }
}

/* end text-overlaying-banner */

/*****************************************************/
/************ALL THINGS ECWID**************/
/*****************************************************/
/****************hide categories on store front**********************/
html#ecwid_html body#ecwid_body .ecsp.ecsp-SingleProduct-v2.loaded .ecsp-title, html#ecwid_html body#ecwid_body .ecsp.ecsp-SingleProduct-v2.loaded .ecsp-productBrowser-price {
	font-size: 1.1rem !important;
}

.storefront html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__wrap .grid__categories {display: none;} 
.storefront html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__categories--advanced[data-items="10"] {display: none;} 

/****************hide featured products on store page*************************************/
.storepage html#ecwid_html body#ecwid_body .ec-store__category-page.ec-store__category-page--0.ec-store--medium-category-images.ec-store--medium-product-images .ec-grid.grid__wrap .ec-filters__products .grid__wrap-inner,
.ec-store__category-page.ec-store__category-page--0.ec-store--medium-category-images.ec-store--medium-product-images .ec-grid.grid__wrap .ec-filters__products .ec-page-title.ec-page-title__featured-products{
display: none;
} 

html#ecwid_html body#ecwid_body .ecsp, html#ecwid_html body#ecwid_body .ecwid {
	color: var(--primary-color) !important;
	font-size: 1rem !important;
}
html#ecwid_html body#ecwid_body .ec-size.ec-size--l .ec-store .grid__categories--medium-items * {
	font-size: 1rem !important;
}

@media (min-width: 50.99rem) {
    .storepage #g-mainbar {
        padding-left: 1.5% !important;
        padding-right: 1.5% !important;
    }
}

.storefront .grid__categories {
    display: none !important;
}

.storepage#ecwid_body .ec-store__category-page.ec-store__category-page--0.ec-store--medium-category-images.ec-store--medium-product-images .ec-grid.grid__wrap .ec-filters__products .grid__wrap-inner {
    display: none !important;
}

.horizontal-menu-button {
    display: flex !important;
    flex-direction: row !important;
    gap: 1rem !important;
    align-items: center !important;
}

html#ecwid_html body#ecwid_body .horizontal-menu-container.horizontal-mobile .horizontal-menu-button svg {
    width: auto !important;
    height: 25px !important;
    margin: 0 !important;
    display: flex;
}

html#ecwid_html body#ecwid_body nav.horizontal-menu.horizontal-menu--mobile {
    font-size: clamp(1rem, 1.4vw, 2.25rem) !important;
}

nav.horizontal-menu li:hover {
    background-color: rgb(235, 235, 235) !important;
    transition: all 0.3s ease-in-out;
}

nav.horizontal-menu li {
    transition: all 0.3s ease-in-out;
}

.horizontal-menu-button-text {
    font-size: clamp(1rem, 1.4vw, 2.25rem) !important;
}

.storefront .ec-footer {
	padding: 0 !important;
}
#g-feature .g-content {
	padding: 0 1.5rem;
}


@media (min-width: 50.99rem) {
    
    html#ecwid_html body#ecwid_body nav.horizontal-menu.horizontal-menu--mobile {
        width: fit-content !important;
    }

    .horizontal-menu-parent.horizontal-subviewopen {
        padding: 2rem !important;
    }
}

/***********accordian-wrapper on shop side menu ********************/

.storepage .accordian-wrapper {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.storepage .accordian-wrapper  .g-content-array > .g-grid > .g-block > .g-content {
	padding: 0 0 0.25rem 0;
}

.storepage .accordian-wrapper .g-content-array > .g-grid {
	background: transparent;
	}
.storepage .accordian-wrapper .g-item-title {
	padding: 0 ;
}	
.storepage .accordian-wrapper .g-array-item-title {
	padding: 0 3vw 0 0;
}	
	
.storepage .accordian-wrapper .g-item-title a {
	color: var(--primary-color);
	font-family: var(--body-font-family);
	/*text-transform: uppercase;*/
	font-size: 1rem;
    font-weight: 300;
}

.saints .grid-articles {
        --grid-title-bg-opacity: .2;
        --grid-title-bg-hover-opacity: .6;
}
.saints  .grid-title-white .g-item-title a {
	text-shadow: 1px 1px black;
}

@media only screen and (min-width: 50.99rem) {
	.storepage .accordian-wrapper .g-array-item-title:after {
	color: var(--primary-color);
	content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-size: 1vw;
}
	.storepage .accordian-wrapper .g-content-array > .g-grid.active .g-array-item-title:after {
		content: "\f077";
	}
	.cheesepage .showmobile, .helpusbuild .showmobile, .showmobile {display:none;}

    .cheesepage	.ql-square-1 .g-blockcontent-subcontent-block-content > .g-blockcontent-buttons > a {
		text-shadow: none;
		color: white;
		font-size: 1.5rem;
	}
	.cheesepage .ql-vw20 .g-blockcontent-subcontent-block-content {
		height: 25vw;
	}
	.saintnorbert .ql-vw20 .g-blockcontent-subcontent-block-content {
		height: 16vw;
		box-shadow: none;
	}
	.saintnorbert .ql-square-1 .g-blockcontent-subcontent-block {
        flex: calc(100% / 5);
	}
	.saintnorbert .ql-square-1 .g-blockcontent-subcontent-block-content > h4.g-blockcontent-subcontent-title {
		background: rgba(0,0,0,0.25);
	}
	.saintnorbert .ql-square-1 .g-blockcontent-subcontent-block-content > .g-blockcontent-buttons > a {
		color: var(--default-white);
		text-shadow: 1px 1px var(--default-black);
		font-size: 1.25rem;
	}
	.saintnorbert .ql-square-1 .g-blockcontent-subcontent-block-content:hover h4.g-blockcontent-subcontent-title {
		background: rgba(0,0,0,0.75);
	}
	.ricvera-library-thumbs .ql-vw20 .g-blockcontent-subcontent-block-content {
		height: 30vw;
		box-shadow: none;
	}
	.ricvera-library-thumbs .ql-square-1 .g-blockcontent-subcontent-block {
        flex: calc(100% / 5);
	}
	.ricvera-library-thumbs .ql-square-1 .g-blockcontent-subcontent-block-content > h4.g-blockcontent-subcontent-title {
		background: rgba(0,0,0,0.25);
	}
	.ricvera-library-thumbs .ql-square-1 .g-blockcontent-subcontent-block-content > .g-blockcontent-buttons > a {
		color: var(--default-white);
		text-shadow: 1px 1px var(--default-black);
		font-size: 1.25rem;
	}
	.ricvera-library-thumbs .ql-square-1 .g-blockcontent-subcontent-block-content:hover h4.g-blockcontent-subcontent-title {
		background: rgba(0,0,0,0.75);
	}
	
}

@media only screen and (max-width: 50.99rem) {
	.storepage .accordian-wrapper .g-array-item-title:after {
	color: var(--primary-color);
	content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-size: 4vw;
}
	.storepage .accordian-wrapper .g-content-array > .g-grid.active .g-array-item-title:after {
		content: "\f077";
	}
	.cheesepage .hidemobile, .helpusbuild .hidemobile, .hidemobile {display:none;}
	
	.saintnorbert .ql-dm .g-blockcontent-subcontent-block-content {
		border-radius: 0;
		height: 40vw;
	}
	.saintnorbert .ql-dm .g-blockcontent-subcontent-block-content img {
		border-radius: 0;
	}
	.saintnorbert .ql-dm .g-blockcontent-subcontent-title {
		background: rgba(0,0,0,0.25);
		color: var(--default-white);
	}
	.saintnorbert .ql-dm .g-blockcontent-buttons:hover {
		background: rgba(0,0,0,0.75);
		border-radius: 0;
	}
	
	.ricvera-library-thumbs .ql-dm .g-blockcontent-subcontent-block-content {
		border-radius: 0;
		height: 60vw;
	}
	.ricvera-library-thumbs .ql-dm .g-blockcontent-subcontent-block-content img {
		border-radius: 0;
	}
	.ricvera-library-thumbs .ql-dm .g-blockcontent-subcontent-title {
		background: rgba(0,0,0,0.25);
		color: var(--default-white);
	}
	.ricvera-library-thumbs .ql-dm .g-blockcontent-buttons:hover {
		background: rgba(0,0,0,0.75);
		border-radius: 0;
	}
}

.storepage #g-sidebar ul {margin: 0 0 1rem 1rem;}

.storepage .accordian-wrapper .g-content-array > .g-grid.active, .accordian-wrapper .g-content-array > .g-grid:hover {
	background: transparent;
	box-shadow: none;
}
.storepage .accordian-wrapper .g-content-array > .g-grid.active .g-item-title a {
	color: var(--primary-color);
}
.storepage .accordian-wrapper .g-content-array > .g-grid.active .g-array-item-text {
	background: transparent;
	overflow: hidden;
	box-shadow: none;
}

.storepage .shopsidemenu p {
	margin-bottom: 1rem;
	font-size: 1rem;
	line-height: 1.5 !important;
}

.storepage .accordian-wrapper .g-content-array > .g-grid.active .g-array-item-text {
		font-size: 1rem;
		padding:  0.25rem 0 0 0;
		line-height: 1.5;
	}
.shopsidemenu hr {margin: 0.5rem 0;}
.storepage .shopsidemenu li {margin: 0.5rem 0;}
.storepage .shopsidemenu .g-content {padding-right: 0.5rem;}
.storepage #g-sidebar .g-content {padding-right: 0.5rem;}



.storefront h5 {
	font-size: 0.75rem;
	padding: 0.25rem;}





/*****************************************************/
/***************FARM PAGES**********************/
/*****************************************************/


@media only screen and (min-width: 50.99rem) {
	.farm-program .g-content:not(.button)  {
		background: var(--tertiary-color);
		padding: 3vw;
	}
	.farm-program :is(h1,h2,h3,h4,h5,h6) {
		line-height: 1.1;
	}
	/*#g-showcase .farm-program {
		padding: 5% 2.5%;
	}*/
	#g-extension .farm-program, #g-showcase .farm-program  {
		padding: 9% 5%;
	}
	.farm-program #contentarray-7329-particle {
		position: relative;
		z-index: 10;
		margin-left: -20%;
		margin-right: 10%;
		border-radius: 0.5rem;
	}
	.farm-program #contentarray-2832-particle {
		position: relative;
		z-index: 10;
		margin-left: 10%;
		margin-right: -20%;
		border-radius: 0.5rem;
	}
}
	
@media only screen and (max-width: 50.99rem) {
	.farm-program .g-content:not(.button) {
		padding: 1.5rem;
		background: var(--tertiary-color);
	}
	.farm-program :is(h1,h2,h3,h4,h5,h6) {
		font-size: 9vw;
	}
	.farm-program {
		padding: 2%;
	}
	.farm-program #contentarray-7329-particle  {
		position: relative;
		z-index: 10;
		margin: 2% -4% -5% 4%;
	}
}
	


.farmhome .grid-block {
    display: grid;
}

.farmhome .grid-block .g-logo {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.farmhome .grid-block img {
    transition: all 500ms ease-in-out;
    width: 100%;
    height: 100%;
    object-fit: cover;
	/*pointer-events: none;*/
	
}
.farmhome .grid-block a {
	pointer-events: none;
}

.pt5br img, .pt5br /*point 5 border radius*/, .pt5br .swiper-container {
	border-radius: 0.5rem;
}
.onept5br img, .onept5br, .onept5br .swiper-container {
	border-radius: 1.5rem;
}

.farmhome .grid-block img:is(:hover, :active, :focus) {
    transition: all 600ms ease-in-out;
    transform: scale(1.02);
}


.farmhome #g-imagegrid-4855-particle .g-content {
	padding-left: 0 !important;
	padding-right: 0 !important;
	
} 
.farmhome #g-imagegrid-4855-particle img {
	border-radius: 0;
}

.site-3-home #g-bottom {
	margin-top: 3rem;
}
.site-3-home #g-bottom .g-content {
	padding: 0;
	margin: 0;
}
/***reorder columns in a container***/
@media only screen and (max-width: 767px) {
	.site-3-home #g-extension .g-block:first-child  { order: 2; }
	.site-3-home #g-extension .g-block:last-child { order: 1; }
}



.site-3-home .grid-block .grid.grid-articles .g-array-item-image a {
        pointer-events: none !important;
    }
.site-3 .grid-articles .g-array-item-text, .site-3 .grid-articles .g-array-item-text p  {
	font-size: 1.05rem !important;
}



.saintnorbert .g-imagegrid .g-imagegrid-item img {
	border-radius: 0;
	width: 98%;
	height: 98%;
}
.families .g-swiper .g-swiper-slider .swiper-slide .slide .slide-content-wrapper .slide-content .g-swiper-text {
	color: var(--primary-color);
}

.families .grid-articles .g-array-item-image img {
	aspect-ratio: 3 / 2;
	border-radius: 1rem;
}
.families .grid-articles .g-item-title {
	text-align: center;
}
@media only screen and (min-width: 50.99rem) {
	img[align="left"], img[style*="float:left"], img[style*="float: left"], .pull-left {
		padding-right: 0px; margin-right: 30px;
	}
	img[align="right"], img[style*="float:right"], img[style*="float: right"], .pull-right {
		padding-left: 0px; margin-left: 30px;
	}	
}

.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item__content img.k-js-image-preview {
    aspect-ratio: 3 / 2;
}

@media only screen and (min-width: 50.99rem) {
	.accordian-wrapper .g-content-array > .g-grid.active .g-array-item-text {
		overflow: visible;
		background: var(--default-white);
		box-shadow: none;
		font-size: 1.15rem;
		padding: 1vw 2vw;
	}
	/*.accordian-wrapper .g-array-item {
		border-bottom: 2px solid var(--tertiary-color);	*/
	}
	.accordian-wrapper .g-item-title {
		font-size: 1.5rem;
	}
	.accordian-wrapper .g-item-title a {
		font-size: 1.5rem;
		color: var(--secondary-color);	
	}
    .accordian-wrapper .g-content-array > .g-grid {
		background: transparent;
	}
	.questions .accordian-wrapper .g-content-array > .g-grid.active, .questions .accordian-wrapper .g-content-array > .g-grid:hover {
		background: transparent;
		box-shadow: none;
		color: var(--secondary-color);
	}
	.questions .accordian-wrapper .g-array-item-title:after {
		color: var(--primary-color);
	}
}
@media only screen and (min-width: 50.99rem) {
	.shopfaq .accordian-wrapper .g-content-array > .g-grid.active .g-array-item-text {
		overflow: visible;
		background: var(--default-white);
		box-shadow: none;
		font-size: 1.15rem;
		padding: 1vw 2vw;
	}
	.shopfaq .accordian-wrapper .g-item-title {
		font-size: 1.75rem;
		}
	.shopfaq .accordian-wrapper .g-array-item {
		border-bottom: 2px solid var(--tertiary-color);	
	}
	.shopfaq .accordian-wrapper .g-item-title a {
		font-size: 1.75rem;
		color: var(--secondary-color);
	}
	.shopfaq .accordian-wrapper .g-item-title a:hover {
		color: var(--secondary-color);	
	}
    .shopfaq .accordian-wrapper .g-content-array > .g-grid {
		background: transparent;
	}
	.shopfaq .accordian-wrapper .g-content-array > .g-grid:hover .g-item-title a {
		color: var(--secondary-color);
	}
	.shopfaq .accordian-wrapper .g-content-array > .g-grid:active .g-item-title a {
		color: var(--secondary-color);
	}
	.accordian-wrapper .g-content-array > .g-grid:active .g-item-title a {
		color: var(--secondary-color);
	}
	.shopfaq .accordian-wrapper .g-content-array > .g-grid.active, .shopfaq .accordian-wrapper .g-content-array > .g-grid:hover {
		background: transparent;
		box-shadow: none;
		color: var(--secondary-color);
	}
	.shopfaq .accordian-wrapper .g-array-item-title:after {
		color: var(--primary-color);
	}
	
}

#g-container-main .shopfaq ol, #g-container-main .shopfaq ul {
	margin-top: 0;
	margin-bottom: 1rem;
}



@media only screen and (max-width: 50.99rem) {
	.accordian-wrapper .g-content-array > .g-grid.active .g-array-item-text {
		overflow: visible;
		background: var(--default-white);
		box-shadow: none;
		padding: 1vw 6vw;
	}
	.accordian-wrapper .g-array-item {
		border-bottom: 2px solid var(--tertiary-color);	
	}
	.accordian-wrapper .g-item-title {
		font-size: 1.35rem;
	}
	.accordian-wrapper-mobile .g-item-title a {
		font-size: 1.35rem;	
		color: var(--secondary-color);
	}
	.accordian-wrapper-mobile .g-item-title a:hover {
		color: var(--secondary-color);	
	}
	.accordian-wrapper-mobile .g-content-array > .g-grid.active .g-array-item-text {
		font-size: 1.1rem;
	}
	.accordian-wrapper-mobile .g-content-array > .g-grid {
		background: transparent;
	}
	.questions .accordian-wrapper-mobile .g-content-array > .g-grid.active, .questions .accordian-wrapper-mobile .g-content-array > .g-grid:hover {
		background: transparent;
		box-shadow: none;
		color: var(--secondary-color);
	}
	.questions .accordian-wrapper .g-array-item-title:after/*, .questions .accordian-wrapper-mobile .g-item-title a*/ {
		color: var(--primary-color);
	}
}
@media only screen and (max-width: 50.99rem) {
	.shopfaq .accordian-wrapper .g-content-array > .g-grid.active .g-array-item-text {
		overflow: visible;
		background: var(--default-white);
		box-shadow: none;
		padding: 1vw 6vw;
	}
	.shopfaq .accordian-wrapper .g-item-title {
		font-size: 1.35rem;
	}
	.shopfaq .accordian-wrapper .g-array-item {
		border-bottom: 2px solid var(--tertiary-color);	
	}
	.shopfaq .accordian-wrapper-mobile .g-item-title a {
		font-size: 1.35rem;	
		color: var(--secondary-color);
	}
	.shopfaq .accordian-wrapper-mobile .g-item-title a:hover {
		color: var(--secondary-color);	
	}
	.shopfaq .accordian-wrapper-mobile .g-content-array > .g-grid.active .g-array-item-text {
		font-size: 1.1rem;
	}
	.shopfaq .accordian-wrapper-mobile .g-content-array > .g-grid {
		background: transparent;
	}
	.shopfaq .accordian-wrapper-mobile .g-content-array > .g-grid.active, .accordian-wrapper-mobile .g-content-array > .g-grid:hover {
		background: transparent;
		box-shadow: none;
		color: var(--secondary-color);
	}
	.shopfaq .accordian-wrapper .g-array-item-title:after {
		color: var(--primary-color);
	}
}

@media only screen and (min-width: 50.99rem) {
    .grid-desktop-horiz-scroll .g-content-array {
        display: flex!important;
        overflow-x: auto!important;
        white-space: nowrap!important;
        gap: 2vw!important;
        padding: 20px!important;
        scroll-behavior: smooth!important;
        flex-wrap: nowrap!important;
        justify-content: flex-start!important;
    }
    .grid-desktop-horiz-scroll .g-content-array > .g-grid {
        flex: 0 0 auto!important;
        width: 300px!important;
    }
    .grid-desktop-horiz-scroll:has(audio, .feast) .g-content-array > .g-grid > .g-block > .g-content {
        height: 100%!important;
    }
    .grid-desktop-horiz-scroll:has(audio, .feast) .g-content-array > .g-grid > .g-block > .g-content > .g-array-item {
        height: 100%!important;
    }
    .grid-desktop-horiz-scroll:has(audio, .feast) .g-array-item-text { 
        flex: 1;
        display: flex;
        align-items: flex-end;
    }
    .grid-desktop-horiz-scroll:has(audio, .feast) .g-array-item-text p {
        width: 100%!important;
    }
    .grid-desktop-horiz-scroll:has(audio) .g-array-item-text audio {
        width: 100%!important;
        height: 54px!important;
    }
    .grid-desktop-horiz-scroll .g-array-item-text *:not(audio, p:has(audio), p.feast, p.feast > span) {
        display: none!important;
    }
    .grid-desktop-horiz-scroll.grid-articles .g-array-item-title {
        overflow-wrap: break-word!important;
        white-space: normal!important;
        --grid-title-font-size: 1.5vw;
    }
    .grid-desktop-horiz-scroll.grid-articles .g-item-title {
        overflow-wrap: break-word!important;
    }
    .grid-desktop-horiz-scroll.grid-articles .g-item-title a {
        overflow-wrap: break-word!important;
    }
}

@media only screen and (max-width: 50.99rem) {
    .grid-desktop-horiz-scroll:has(audio, .feast) .g-content-array > .g-grid > .g-block > .g-content {
        height: 100%!important;
    }
    .grid-desktop-horiz-scroll:has(audio, .feast) .g-content-array > .g-grid > .g-block > .g-content > .g-array-item {
        height: 100%!important;
    }
    .grid-desktop-horiz-scroll:has(audio, .feast) .g-array-item-text { 
        flex: 1;
        display: flex;
        align-items: flex-end;
    }
    .grid-desktop-horiz-scroll:has(audio, .feast) .g-array-item-text p {
        width: 100%!important;
    }
    .grid-desktop-horiz-scroll:has(audio) .g-array-item-text audio {
        width: 100%!important;
        height: 54px!important;
    }
    .grid-desktop-horiz-scroll .g-array-item-text *:not(audio, p:has(audio), p.feast, p.feast > span) {
        display: none!important;
    }
}
/************ RICVERA LIBRARY  ************/
/************ make block content look like docman   ************/

.k-ui-namespace .mod_docman .koowa_media--gallery .koowa_media__item__thumbnail {
	border: 1px solid rgba(0,0,0,.1);
	aspect-ratio: 3/4;	
}
.k-ui-namespace .mod_docman .koowa_media--gallery .koowa_media_contents, .k-ui-namespace .mod_docman .koowa_media--gallery .koowa_media_contents * {
    box-sizing: inherit;
}
.k-ui-namespace .mod_docman .koowa_media--gallery .koowa_media__item__content {
	border: none;
	background: none;	
}
.k-ui-namespace .mod_docman .koowa_media--gallery .koowa_media__item__link {
	padding: 0;
}


@media only screen and (min-width: 50.99rem) {
	.ql-lower-title .g-blockcontent-subcontent-title-text {
		font-size: 1rem;
	}
	.ql-lower-title h4 {
		font-size: 1rem;
	}
	.ql-lower-title .g-blockcontent-subcontent-block {
		background: /*#F5F5F5;*/ none;
		padding: 8px;
		border: /*1px solid rgba(0,0,0,.1);*/none;
		border-radius: 4px;
		width: 12vw;
	}
	
	.ql-lower-title .g-blockcontent-subcontent-title {
		margin: 5px 0;
	}
	.ql-lower-title .g-blockcontent-subcontent-block-content:hover {
		transform: none;
		
	}
	.ql-lower-title .g-blockcontent > .g-blockcontent-subcontent {
		justify-content: flex-start;
	}
	.ql-lower-title .g-blockcontent-subcontent-img {
		box-shadow: none;
        height: 13vw;
		width: 10vw;
		border: 1px solid rgba(0,0,0,.1);
	}
	
}


@media only screen and (max-width: 50.99rem) {
		.ql-lower-title .g-blockcontent-subcontent-title-text {
		font-size: 1rem;
	}
	.ql-lower-title h4 {
		font-size: 1rem;
	}
	
	.ql-lower-title .g-blockcontent-subcontent {
        flex-wrap: wrap;
        row-gap: 1rem;
        column-gap: 1rem;
    }
	
	.ql-lower-title .g-blockcontent-subcontent-block {
		/*background: none;*/
		padding: 8px;
		/*border: 1px solid rgba(0,0,0,.1);*/
		border-radius: 4px;
		/*width: 12vw;*/
		display: flex;
        flex: 1;
        gap: 2vw;
        justify-content: flex-start;
        min-width: calc(50% - .5rem);
        max-width: calc(50% - .5rem);
        position: relative;
	}
	.ql-lower-title .g-content {
		margin: 0;
		padding: 0;
	}
	.ql-lower-title .g-blockcontent-subcontent-title {
		margin: 5px 0;
        text-align: center;
	}
	.ql-lower-title .g-blockcontent-subcontent-title-text {
		font-weight: 400;
        text-align: center;
	}
	.ql-lower-title .g-blockcontent-subcontent-block-content:hover {
		transform: none;
		
	}
	.ql-lower-title .g-blockcontent > .g-blockcontent-subcontent {
		justify-content: flex-start;
	}
	.ql-lower-title .g-blockcontent-subcontent-img {
		box-shadow: none;
        height: auto;
		width: 100%;
        aspect-ratio: 3/4;
		border: 1px solid rgba(0,0,0,.1);
	}
	.ql-lower-title .g-blockcontent-buttons {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        border-radius: 1rem;
        margin: 0;
        padding: 0;
    }
	.ql-lower-title .g-blockcontent-buttons a {
		position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        border-radius: 1rem;
        margin: 0;
        padding: 0;
        background: transparent;
        color: transparent;
	}
	
}

/*.ricveralibrary #g-mainbar .g-grid:nth-child(2) {
	background: var(--tertiary-color);
}*/

/********************hide forgot password reset options**********************/

.ricveralibrary form div.userdata ul.unstyled {
    display: none;
}

.label-info[href], .badge-info[href] {
    background-color: var(--tertiary-color);
}
a.label:hover, a.badge:hover {
	color: black;
}

.icon-calendar:before {
    content: "\43";
	display: none;
}

.grid-title-primary .g-item-title {
    font-size: 2rem !important;
}
.g-content-array .g-item-title a:hover {
	text-decoration: none !important;
}