@import url('//fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
/************ TEMPLATE  ************
Primary color Blue rgb: rgb(45,46,122)

font
'Raleway', sans-serif;
'Cinzel', sans-serif;

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

.parish-1 {
    --primary-color: #2E2D7D;
    --secondary-color: #B9242A;
	--Lightest-grey: #F1F2F2;

    --primary-rgb: 46,45,125;
    --secondary-rgb: 119,0,9;

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

    --title-font-family: 'Cinzel', sans-serif;
    --body-font-family: 'Raleway', sans-serif;

    --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);
	
	--default-transition: var(--primary-color);
	
	--ql-title-color: var(--default-white);
    --ql-font-size-desktop: 3vw;
    --ql-font-size-mobile: 8vw;
	
	--ph-border-radius: 0;
	--ph-box-shadow: none;
	--ph-title-font: var(--body-font-family);
	--ph-title-font-size-desktop: 1.5rem;
	--ph-title-weight: 700;
	--aspect-width-portrait: 3/4;
    --aspect-height-portrait: 4/3;
	--ph-width: 15vw;
	--ph-title-color: var(--default-white);
	--ph-background-color: rgba(var(--primary-rgb),0.9);
	
    --ph-title-font-size-mobile: 4vw;
    --ph-text-font-size-mobile: 1.1rem;
}

.site-2 {
	--primary-color: #B9232A;
    --secondary-color: #2E2D7D;
	--Lightest-grey: #F1F2F2;

    --primary-rgb: 185,35,42;
    --secondary-rgb: 46,45,125;

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

    --title-font-family: 'Cinzel', sans-serif;
    --body-font-family: 'Raleway', sans-serif;

    --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);
	
	--default-transition: var(--primary-color);
	
	--ql-title-color: var(--default-white);
    --ql-font-size-desktop: 3vw;
    --ql-font-size-mobile: 8vw;
	
	--ph-border-radius: 0;
	--ph-box-shadow: none;
	--ph-title-font: var(--body-font-family);
	--ph-title-font-size-desktop: 1.5rem;
	--ph-title-weight: 700;
	--aspect-width-portrait: 3/4;
    --aspect-height-portrait: 4/3;
	--ph-width: 15vw;
	--ph-title-color: var(--default-white);
	--ph-background-color: rgba(var(--primary-rgb),0.9);
	
    --ph-title-font-size-mobile: 4vw;
    --ph-text-font-size-mobile: 1.1rem;

	--grid-img-width: 14vw;
}



.readon, .button, .btn, p.readmore .btn, .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span, .listentobutton.moduletable a {
    background: var(--primary-color);
    font-family: 'Raleway', sans-serif;
} 

/*************** HOMELAYOUT ***************/ 
/*************** OFFCANVAS ****************/
.g-offcanvas-toggle {color: var(--default-white);} 
.g-offcanvas-toggle .fa-fw {text-shadow: none;}

/*************** TOP **********************/ 

:is(.parish-1-home, .site-2-home) #g-top .g-content {
	padding: 0 0 0 3vw;
	margin: 0;
}

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

	:is(.parish-1-home, .site-2-home) :is(.parish-alert, .school-alert) .g-array-item {
		padding: 1vw 0;
	}
	
}

:is(.parish-1-home, .site-2-home) :is(.parish-alert, .school-alert) h3 > a {
	    pointer-events: none;        
        text-decoration: none;
}

/*************** NAVIGATION ***************/

.g-main-nav {
	font-family: var(--body-font-family); text-transform: uppercase; text-align: center; 
	}
.g-main-nav .g-toplevel {
    text-transform: inherit;
}

.parish-1-home #menu-8473-particle > nav > ul > li.g-menu-item.g-menu-item-418.g-menu-item-type-particle.g-standard > div > div > div > div > a:nth-child(2) {
	margin-left: 1vw;
}

.g-main-nav .g-toplevel>li>.g-menu-item-container>.g-menu-item-content {
	font-size: .9vw;
}

:is(.parish-1-sub, .site-2-sub) #g-navigation > div > div:nth-child(1){
	padding: 1vw 0 1vw 0;
}

:is(.parish-1-sub .site-2-sub) #g-navigation > div > div:nth-child(2) {
		margin-top: 1rem;
}

#g-navigation .g-content-array {margin: 0;}

#contentarray-2957-particle > h2 {
	font-size: 4vw;
	font-weight: 400;
	margin-top: 1vw;
	letter-spacing: 0.15rem;
}

.mass-times-heading {
	font-family: var(--title-font-family);
	font-size: 2.2vw;
	text-transform: none;
	color: var(--default-white);
	margin: initial;
}

.mass-times-body {
	font-size: 1.2vw;
	color: var(--default-white);
	font-family: var(--body-font-family);
	margin: initial;
}

/*#menu-8473-particle > nav > ul {
	font-family: var(--body-font-family);
	text-transform: uppercase;
}*/

:is(.parish-1-home, .site-2-home) #g-sidebar > div > div > div {
	margin-top: 7vw;
}

.site-2-sub .school-menu {
	box-shadow: var(--default-box-shadow);
	margin-top: 1rem;
}


    .ql-solid-color.ql-offset .g-blockcontent-subcontent-block:nth-child(odd):hover {background: #777;}
    .ql-solid-color.ql-offset .g-blockcontent-subcontent-block:nth-child(even):hover {background: #777;}
    .ql-solid-color .g-blockcontent-subcontent-block-content {margin: 0; padding: 0; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center;}
	.ql-solid-color .g-blockcontent-buttons {position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; padding: 0; margin: 0;}
	.ql-solid-color .g-blockcontent-buttons a {position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; padding: 0; margin: 0; background: transparent; border-radius: 0; opacity: 0;}



@media only screen and (min-width: 50.99rem) {
	
	.ph-sidepics-3 .g-content-array > .g-grid > .g-block {
		padding-bottom: 1rem;
		border-bottom: 1px solid #8B9CA3;
	}
	
	.ph-sidepics-3 .g-array-item:hover {
		transform: scale(1.05);
	}
	
	.ph-sidepics-3 .g-grid:hover {
		transform: none;
	}

	.parish-1-home #g-extension .button {
		font-size: 1.1vw;
		padding: 0.8vw 2.5vw;
	}
	
	.parish-1-home #g-navigation > div {
		position: relative;
		height: 56vw!important;
		overflow: hidden;
	}

	
	.site-2-home #g-navigation > div {
		position: relative;
		height: 41vw!important;
		overflow: hidden;
	}
	
	:is(.parish-1-home, .site-2-home) #g-navigation > div{
		position: relative;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 56vw;
		width: 100%;
		z-index: 5;
	}
	
	:is(.parish-1-home, .site-2-home) #g-navigation > div > div:nth-child(2) {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		z-index: 10;
	}
	
	.parish-1-home #g-navigation > div > div:nth-child(3) {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 56vw;
		width: 100%;
		z-index: 5;
	}

	.site-2-home #g-navigation > div > div:nth-child(3) {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 41vw;
		width: 100%;
		z-index: 5;
	}
		
	:is(.parish-1-home, .site-2-home) #g-navigation > div > div:nth-child(4) {	
		position: absolute;
		top: 4vw;
		bottom: 0;
		left: 0;
		right: 0;
		height: 31vw;
		width: 35%;
		z-index: 8;
		margin: 0vw auto 0vw auto;
	}
	.site-2-home #g-navigation > div > div:nth-child(4) {
		top: 4vw;
		width: 40%;
	}
	
	.site-2-home #g-navigation > div > div:nth-child(6) {
		position: absolute;
		top: 0vh;
		width: 100%;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 6;
		background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgba(255,255,255,.5));		
	}
	
	:is(.parish-1-home) #g-navigation > div > div:nth-child(5) {	
		position: absolute;
		top: 32vw;
		left: 0;
		right: 0;
		width: 75%;
		z-index: 8;
		margin: 4vw auto 2vw auto;
	}
	
	.site-2-home #g-navigation > div > div:nth-child(5) {
		position: absolute;
		top: 41vw;
		left: 0;
		right: 0;
		width: 95%;
		z-index: 8;
		margin: auto;
	}
	
	.parish-1-home #g-navigation > div > div:nth-child(6) {	
		position: absolute;
		top: 46vw;
		left: 0;
		right: 0;
		width: 90%;
		z-index: 8;
		margin: 2vw 5vw 2vw auto;
	}
	
	:is(.parish-1-home, .site-2-home) #logo-8738-particle > a > img {
	    width: 100%;
		height: auto;	
	}
	
	#contentarray-9468-particle > div > div > div > div > div > div > div {
		    display: flex;
			justify-content: space-between;
	}
	
	.parish-1-home #g-navigation > div > div:nth-child(7) > div {
		position: absolute;
		top: 0vh;
		width: 100%;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 6;
		background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgba(255,255,255,.5));
	}
	
	.ql-solid-color .g-blockcontent-subcontent {display: flex; flex-direction: row; gap: 1.5vw;}
    .ql-solid-color .g-blockcontent-subcontent-block {position: relative; background: rgba(var(--primary-rgb),.8); height: 5vw; transition: var(--default-transition); box-shadow: 2px 2px 10px rgba(0,0,0,.5);}
    .ql-solid-color.ql-offset .g-blockcontent-subcontent-block {background: rgba(var(--primary-rgb),.8);}
    .ql-solid-color .g-blockcontent-subcontent-block:hover {background: var(--primary-color); transform: scale(1.02); transition-duration: 500ms;}
    .ql-solid-color .g-blockcontent-subcontent-title {margin: 0; padding: 0 2vw; color: var(--default-white); text-align: center; line-height: 0.7;}
    .ql-solid-color .g-blockcontent-subcontent-title-text {font-family: var(--title-font-family); font-variant: small-caps; font-weight: 400; letter-spacing: 1px; font-size: 1.4vw;}
	
	.site-2-home .ql-solid-color .g-blockcontent-subcontent-block {position: relative; background: rgba(var(--primary-rgb),.8); height: 6vw; transition: var(--default-transition);}
}

@media only all and (min-width: 51rem) {
	#g-navigation .g-logo img {
		width: 300px;
}
}

@media only screen and (max-width: 50.99rem) {
	
	.ph-sidebyside-mobile .g-array-item:hover {
		background: rgba(241, 242, 242, .9);
	}
	
	.site-2-home #g-navigation > div > div:nth-child(1) > div.g-block.size-50.center.showmobile {
		margin: 2vw 0 2vw 0;
	}
	
	.parish-1-home #contentarray-9468-particle > div > div > div > div > div > div > div {
		margin-left: 5%;
	}
	
	:is(.parish-1-home) #g-navigation > div > div:nth-child(6) {
		background: var(--default-white);
	}
	
	.site-2-home #g-navigation > div > div:nth-child(5) {
		background: var(--default-white);
	}
	
	:is(.parish-1-home, .parish-1 .site-2-home) #custom-1376-particle {
		padding-top: 0;
		padding-bottom: 0;
	}
	
	:is(.parish-1-home, .parish-1 .site-2-home) #contentarray-2957-particle {
		padding-bottom: 0;
	}
	
	.site-2-home #g-container-main > div > div.g-block.size-25 {
		margin: 0 5% 0 5%;	
	}
	
	.parish-1-home #g-aside > div:nth-child(1) > div > div > div > div > div {
		margin: 0px 2rem 0 2rem;
	}
	
	.ql-solid-color {margin: 1rem;}
    .ql-solid-color .g-blockcontent-subcontent {display: flex; flex-direction: column; gap: 1.5vw;}
    .ql-solid-color .g-blockcontent-subcontent-block {position: relative; background: rgba(var(--primary-rgb),.9); width: 100%; height: 7vw; transition: var(--default-transition);}
    .ql-solid-color.ql-offset .g-blockcontent-subcontent-block {background: rgba(var(--secondary-rgb),.8);}
    .ql-solid-color .g-blockcontent-subcontent-block:hover {background: rgba(var(--primary-rgb), 0.99); transform: scale(0.98); transition-duration: 500ms;}
    .ql-solid-color .g-blockcontent-subcontent-title {margin: 0; padding: 4vw 1rem; color: var(--default-white); text-align: center; line-height: 0.7;}
    .ql-solid-color .g-blockcontent-subcontent-title-text {font-family: var(--title-font-family); font-weight: 400; font-variant: small-caps; letter-spacing: 1px;}


	
	:is(.parish-1-home, .parish-1 .site-2-home) #g-navigation > div > div:nth-child(1) {
	    background-color: var(--primary-color);
		padding: 2vw 0 2vw 0;
	}
	
	.parish-home #g-navigation > div > div:nth-child(5) {
		margin-left: 5%;
	}
	
	#contentarray-2957-particle > h2 {
		font-size: 3vw;
	}
	
	#contentarray-2358-particle {
		width: 75%;
		margin: auto;
	}
	
	.mass-times-heading {
		font-size: 2rem;
	}
	
	p.mass-times-body {
		font-size: 1rem;
		margin-bottom: 5vw;
	}
}

/*************** SLIDESHOW ****************/ 
/*************** HEADER *******************/
/*************** ABOVE ********************/
/*************** SHOWCASE *****************/

.site-2-home #g-showcase p {
	color: var(--default-black);
}

/*************** UTILITY ******************/

.site-2-home #g-utility { background: url(/images/stories/solutio/school-paralax.jpg) 50% 0 no-repeat; background-size: cover; }
.site-2-home #g-utility .g-grid { width: 100%; background: rgba(var(--primary-rgb),.6); padding: 1rem 8%;}
.site-2-home #contentarray-3214-particle > div > div {background: rgba(255, 122, 89, 0) !important;}

.site-2-home #g-utility :is(h1, h2, h3, h4, h5 , h6) {
	color: var(--default-white);
	font-size:	4rem;
	letter-spacing: 0.25rem;
	text-shadow: black 1px 0 13px;
}

.site-2-home #contentarray-3214-particle > div > div > div > div {
	padding-bottom: 0;
}

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

	.viewallnews {
		font-size: 20px;
		letter-spacing: 0.1rem;
		padding: 1.2rem 4rem 1.2rem 4rem;
	}
	
	.homepagebutton {
		border-radius: 0;
		background: var(--primary-color);
		color: white;
		font-size: 1rem;
		text-transform: none;
		font-weight: normal;
		padding: .7rem 1.3rem;
		margin: 0;
		display: inline-block;
		line-height: 1;
		border: 1px solid var(--primary-color);
	}
	
	.homepagebutton:hover {
		border-radius: 0;
		background: transparent;
		color: var(--primary-color);
		font-size: 1rem;
		text-transform: none;
		font-weight: normal;
		padding: .7rem 1.3rem;
		margin: 0;
		display: inline-block;
		line-height: 1;
		border: 1px solid var(--primary-color);
	}
	
	.bigbutton {
		font-size: 20px;
		letter-spacing: 0.1rem;
		padding: 1rem 3rem 1rem 3rem;
	}
	
	.bigbutton:hover {
		font-size: 20px;
		letter-spacing: 0.1rem;
		padding: 1rem 3rem 1rem 3rem;
	}
	
	.parish-1-home #g-mainbar #custom-1376-particle {
		padding-top: 0;
	}


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

	.site-2-home #g-aside > div > div > div {
		margin-top: 9vw;
	}
	
	.site-2-home #custom-1376-particle {
	padding-top: 0;
	}
	
	.ph-photoblocknews .g-array-item {
		border-radius: 0;
	}
	.ph-photoblocknews .pagination-button-next, .ph-photoblocknews .pagination-button-prev {
		font-size: 3rem;
	}
	
	
}
	
@media only screen and (max-width: 50.99rem) {
	
	:is(.parish-1-home, .site-2-home) #contentarray-2957-particle > h2 {
			font-size: 3rem;
	}
		
	:is(.parih-1-home, .site-2-home) .ph-sq-5 {
       padding-top: 1rem;
	}
	
    :is(.parih-1-home, .site-2-home) .ph-sq-5 .g-title {
        color: var(--primary-color);
        border: none;
        font-size: 14vw;
        font-weight: 400;
        letter-spacing: 2px;
        font-variant-caps: normal;
        margin: 0;
        padding: 0;
	}
	
	.site-2-home #logo-9820-particle > a{
		margin: 3vw auto 3vw auto;
	}
	
	.site-2-home {
		--ph-title-color: var(--primary-color);
	}
	
	.site-2-home #g-mainbar .g-array-item-title {
		background: #F3F5F7;
	}
	
	.parish-1-home #g-mainbar {
		--ph-title-color: var(--primary-color);
		--ph-title-font-size-mobile: 1.6rem;
	}
	
	:is(.parish-1-home, .site-2-home) .ph-sidebyside-mobile .g-array-item {
		box-shadow: var(--default-box-shadow);
		background: #f1f3f2;
	}	
}


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

.site-2-home #g-expanded > div > div:nth-child(2),
.site-2-home #g-expanded > div > div:nth-child(4) {
	background: var(--primary-color);
	border-radius: 20px;
	box-shadow: 0px 0px 7px 2px rgb(0 0 0 / 40%);
}

.site-2-home #g-expanded :is(h1,h2,h3,h4,h5,h6) {
	color: var(--default-white);
	font-size: 2.8vw;
}

.site-2-home #g-expanded {
	padding: 5vw 0;
}

.site-2-home :is(.bigbutton, .homepagebutton) {
	border: 3px solid var(--default-white);
	border-radius: 20px;	
}

.site-2-home :is(.bigbutton, .homepagebutton):hover {
	transform: scale(0.98);
	background: #A6262C;
	transition: 1s;
}

.parish-1-home #g-expanded :is(h1,h2,h3,h4,h5,h6) {
	color: var(--default-white);
} 

.parish-1-home #g-expanded .button {
	background: transparent;
	border: 3px solid var(--default-white);
	color: var(--default-white);
	border-radius: 0;
	font-size: 1.25rem;
    letter-spacing: 0.1rem;
    padding: 1rem 3rem 1rem 3rem;
}

.parish-1-home #g-expanded .button:hover {
	transform: scale(0.98);
	transition: 1s;
}

.parish-1-home #g-expanded > div > div:nth-child(4) > div > div > div > div > p:nth-child(3),
#g-expanded > div > div:nth-child(2) > div > div > div > div > p:nth-child(3) {
	margin-bottom: 0;
}

.parish-1-home #g-expanded {
	padding: 5vw 0vw;
}

@media only screen and (max-width: 50.99rem) {
	
	.site-2-home #g-expanded .size-35 {
		margin: 5vw;
	}
	
	
	.site-2-home #g-expanded :is(h1,h2,h3,h4,h5,h6) {
		font-size: 7vw;
	}
	
	.parish-1-home #g-expanded :is(h1,h2,h3,h4,h5,h6) {
		font-size: 7vw;
	}
	
	.parish-1-home #g-expanded > div >div:nth-child(2), .parish-1-home #g-expanded > div >div:nth-child(4) {
		background: var(--primary-color);
		border-radius: 20px;
		box-shadow: 0px 0px 7px 2px rgb(0 0 0 / 40%);
		margin: 5vw;
	}
	
}

@media only screen and (min-width: 50.99rem) {
	
	.parish-1-home #g-expanded :is(h1,h2,h3,h4,h5,h6) {
		font-size: 3vw;
	}
	
	.parish-1-home #g-expanded > div >div:nth-child(2), .parish-1-home #g-expanded > div >div:nth-child(4) {
		background: var(--primary-color);
		border-radius: 0px;
		box-shadow: 0px 0px 7px 2px rgb(0 0 0 / 40%);
	}
	
}

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

#g-extension img {
	box-shadow: 2px 2px 10px rgba(0,0,0,.5);
}

.parish-1-home #g-extension h1 {
	font-size: 2.8vw;
}

@media only screen and (min-width: 50.99rem) {
	
	:is(.parish-1-home, .parish-1) #contentarray-2358-particle > div {
		display: flex;
		flex-direction: row;
		margin: 0;
		justify-content: center;
	}
	
	:is(.parish-1-home, .parish-1) #contentarray-2358-particle > div > .g-grid {
		flex: 1;
		margin: 0;
		min-width: 0px;
		max-width: 600px;
	}
	
}

@media only screen and (max-width: 50.99rem) {
	
	.parish-1-home #g-extension h1 {
	font-size: 7vw;
}
	
}

/*************** BOTTOM *******************/
/*************** FOOTER *******************/

	#g-footer .g-content-array {margin: 0;}
	#g-footer a {color: #ffffff;}
	#g-footer {padding-top: 0;}
	
	#g-footer a:hover {
		color: #adadad;
	}
	
	:is(.parish-1-home, .parish-1) #g-footer {
		background: url("/images/template/footer.jpg") 0% 0% no-repeat;
		background-size: cover;
		}
		
	#g-footer :is(p, h1, h2, h3, h4, h5, h6) {
		color: var(--default-white);
		font-family: var(--body-font-family);
	}
	
	#g-footer h2 {
		font-family: var(--title-font-family);
	}
	
	#g-footer .g-content {
		padding: 0.2rem;
	}
	
	#g-footer .g-logo {
		margin-top: 3rem;
	}

@media only screen and (max-width: 50.99rem) {
	
	#g-footer .g-logo {
		margin: 0 20% 0 20%;
	}
	
	
	
}

table, td {border: 0px solid #ffffff;}

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

.box1.moduletable:before, .box1.widget:before, .box1.g-outer-box:before, .box1>.g-content:before, 
.box1.moduletable:after, .box1.widget:after, .box1.g-outer-box:after, .box1>.g-content:after {
	background: rgba(0, 0, 0, 0);
}
/*************** SECTIONS *****************/
/*************** MOBILE *******************/ 
/*************** ADS **********************/
/******* Youth Ministry Page **************/

.parish-1-sub #module-contentarray-200-particle > div > div.g-content-array-pagination > button.button.float-left.contentarray-button.pagination-button.pagination-button-prev {
	margin-bottom: 2vw;
    margin-top: 1vw;
}

.youth-ministry #g-mainbar > div:nth-child(1) > div > div {
	margin-bottom: 0;
    }
	
.youth-ministry {
		
	--grid-bg: rgba(var(--primary-rgb),.7);
		
}

/**** School Staff Grid article view >> image not so large when no bio text *******/
/*** add staff-page to page class of grid items menu item ***/
.staff-page .item-image img {max-width: 22vw;}

/******School news grid titles********/

.site-2-sub .school-news-items .g-array-item-title h3 {text-shadow: 1px 1px 6px black;}

/* parish news page */

.news-page .item-image {
	display: none;
}

.news-page .page-header h2 {
	font-size: 2.75rem;
	font-weight: bold;
}

.faculty-staff-page .grid-dm .g-particle,
.faculty-staff-page .grid-dm .g-content-array.g-joomla-articles {
	width: 100%;
}

@media (max-width: 50.99rem) {
	.grid.grid-staff.grid-dm .g-array-item-text {
		flex-direction: column;
	}

	.site-2-sub .item-image,
	.site-2-sub .item-image img  {
		width: 100% !important;
	}
}

.site-2-sub .item-image,
.site-2-sub .item-image img {
	border-radius: 1rem;
}

@media (min-width: 50.99rem) {
	.faculty-staff-page .grid-staff .g-array-item-read-more a {
		opacity: 1;
		background-color: var(--primary-color);
		color: white;
		border-radius: 1rem;
		padding: 1rem 2rem;
		height: initial;
		width: initial;
		position: initial;
		transition: all 200ms ease-in-out;

	}

	.faculty-staff-page .grid-staff .g-array-item-read-more a:hover {
		transition: all 200ms ease-in-out;
		background-color: gray;
	}	

	.faculty-staff-page .grid-staff .g-array-item-read-more {
		opacity: 1;
		position: initial;
		margin-bottom: 1rem;
	}
}