@import url('//fonts.googleapis.com/css2?family=Artifika&family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
/************ TEMPLATE  ************
Rotator Size: 1600x900 (wide, 16:9)

/************ FONTS  ************
Serif: Artifika Regular
Sans Serif: Montserrat
font-family: 'Artifika', serif;
font-family: 'Montserrat', sans-serif;

/************ COLORS  ************
Blue: #17244C; rgba(23,36,76,1)
Organge: #EE7623; rgba(238,118,35,1)
Light Blue: #1A428A; rgba(26,66,138,1)
Light Grey: #F1F2F2 ---background color

/************ NOTES ************
-Header/Menu: rgba(23,36,76,.8)
-Rotator overlay: rgba(0,0,0,.2)
-QL overlay: rgba(238,118,35,.5)
-Mass Times overlay/bg: rgba(23,36,76,.7)
-Drop/boxshadow: Rotator overlay text, mass times, side ads, 'view all headlines' button, background boxes for calendar, fb, etc, bottom ads

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

.school-home {
	--mt-fixed-height: 36vw;
	--title-font-family: 'Montserrat', sans-serif;
}

body {color: #333; font-family: 'Montserrat', sans-serif;}

h1, h2, h3, h4, h5, h6 {margin: .75rem 0; line-height: 1.3; font-weight: normal;}
p {line-height: 1.3;}
.page-header h1 {text-transform: none; font-size: 3rem;}
h1 {color: #001940; font-size: 3.5rem; font-weight: bold;}
h2 {font-variant-caps: small-caps; color: #17244C; font-size: 2.5rem; font-family: 'Montserrat', sans-serif;  font-weight: bold;}
.page-header h2 { padding-bottom: 0.25rem; line-height: 2.5rem;}
h2.light {font-weight: 400;}
h3 {color: #17244C; font-size: 2rem; border-bottom: 1px solid #EE7623;  line-height: 1.3; margin: 0 0 10px 0; }
h3.mont {font-family: 'Montserrat', sans-serif;}
h4 {color: #EE7623; font-size: 2rem;} 
h4.mont {font-family: 'Montserrat', sans-serif;}
h5 {background: #17244C; font-size: 1.75rem;color: white; border-radius: .2rem; padding: .5rem;} 
h6 {color: #EE7623; font-size: 1.5rem; text-transform: uppercase; font-weight: bold;}
h6.mixed {text-transform: none;}
a {color: #ee7623 ;} 
a:hover {color: black;}



@media only screen and (min-width: 768px) and (max-width: 1199px) {  
	h1 {font-size: 2.2rem;}   
  	h2 {font-size: 1.5rem;}  
  	h3 {font-size: 1.5rem;}  
   	h4 {font-size: 1.5rem;} 
    h5 {font-size: 1.2rem;} 
    h6 {font-size: 1.2rem;} 
    p {font-size: 1rem; margin-bottom: 4px;} 
    h1, h2, h3 {line-height: 1.2;} 
	h4, h5, h6, p{line-height: 1.1;}
} 

@media only screen and (max-width: 767px) { 
 	h1 {font-size: 2.2rem;}
  	h2 {font-size: 1.75rem;}
  	h3 {font-size: 1.75rem;}
  	h4 {font-size: 1.75rem;}
  	h5 {font-size: 1.2rem;}
  	h6 {font-size: 1.2rem;}
  	p {font-size: 1rem; margin-bottom: 4px;}
  	h1, h2, h3 {line-height: 1.2;}
  	h4, h5, h6, p{line-height: 1.1;} 
}


.readon, .button, .btn, p.readmore .btn, .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span, .listentobutton.moduletable a {
     background: #EE7623;  font-family: 'Montserrat', sans-serif; margin: 3px;} 


/*************** HOMELAYOUT ***************/ 

/*************** OFFCANVAS ****************/
.g-offcanvas-toggle {color: #ffffff;} 
@media only screen and (max-width: 51rem) {
	.g-social .g-social-items a {padding: 15px;}
	#g-mobilemenu-container .g-toplevel li, #g-mobilemenu-container .g-sublevel li { font-weight: 300;}
}

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

/*************** NAVIGATION ***************/
.homelayout #g-navigation .g-container {position: relative; height: 56vw;}
.homelayout2 #g-navigation .g-container {position: relative; }
.outline-22 #g-navigation .g-container .g-grid:nth-child(1),
.outline-23 #g-navigation .g-container .g-grid:nth-child(1) {z-index: 11; position: relative; background: rgba(23,36,76,.8);}
.outline-22  #g-navigation .g-container .g-grid:nth-child(2),
.outline-23  #g-navigation .g-container .g-grid:nth-child(2) {z-index: 11; position: relative; background: rgba(23,36,76,.8);}
.homelayout #g-navigation .g-container .g-grid:nth-child(3) {z-index: 10; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%;}
.fwrotator .layout-slideshow .sprocket-features-content {top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2);}
.fwrsolidback .layout-slideshow .sprocket-features-title, .fwrsolidback .layout-slideshow .sprocket-features-desc {background: none;}
.fwrbigarrows .layout-slideshow .sprocket-features-arrows .arrow {color: rgba(255,255,255,.5);}
.layout-slideshow .sprocket-features-pagination li {padding: 10px; background: #ffffff;}
.homelayout #g-navigation .sprocket-features-desc :is(h1,h2,h3,h4,h5,h6) {
	font-family: 'Artifika', serif;
	font-weight: normal;
	font-size: 3rem;
	text-shadow: 1px 1px 5px rgba(0,0,0,.5);
	text-transform: none;
	font-variant-caps: normal;
	border-bottom: none;
	margin: 0;
	line-height: 1.2;
}
.homelayout #g-navigation .sprocket-features-desc p {text-shadow: 1px 1px 5px rgba(0,0,0,.5); font-family: 'Artifika', serif; font-size: 1.5rem;}
.homelayout2 #g-navigation .sprocket-features-desc p {text-shadow: 1px 1px 5px rgba(0,0,0,.5); font-family: 'Artifika', serif; font-size: 1.5rem;}

.outline-24 #g-navigation .g-container {background: white;}


.outline-25 .toplinks .g-iconmenu .g-iconmenu-text {  font-weight: 300;}

.school-home #g-navigation > .g-container {
	position: unset;
	height: fit-content;
}

.school-home .g-content-array {
	margin: 0;
	padding: 0;
}

.mass-times-block {
    height: var(--mt-fixed-height)!important; 
    overflow: hidden; 
    background: url('/images/template/school-about.jpg') 0% 0% no-repeat;
    background-size: cover; 
    background-position: center;
}
.mass-times-block > .g-content {
    background: rgba(26,66,138,.8);
}
.mass-times-block .g-content-array {
    margin: 0;
}
.mass-times-block .g-array-item {
    height: var(--mt-fixed-height-desktop)!important;
    padding: 2vw;
}
.mass-times-block :is(h1,h2,h3,h4,h5,h6) {
    color: var(--mt-header-color);
    font-size: var(--mt-header-desktop);
    border-bottom: none;
    text-transform: none;
    font-family: var(--title-font-family);
    font-variant-caps: normal;
    margin: 0;
	border-bottom: 1px solid #EE7623;
	margin-bottom: .5vw;
}
.mass-times-block p {
    font-size: var(--mt-para-desktop);
    color: #ffffff;
}

@media only screen and (max-width: 767px) {
    .mass-times-block {height: var(--mt-height-mobile)!important;}
    .mass-times-block .g-array-item {height: var(--mt-height-mobile)!important; padding: 1rem;}

    .mass-times-block :is(h1,h2,h3,h4,h5,h6) {font-size: var(--mt-header-mobile);}
    .mass-times-block p {font-size: var(--mt-para-mobile);}

	.school-home .fullwidth-swiper {
		order: 1;
	}
	.school-home .mass-times-block {
		order: 2;
	}
}

@media only screen and (min-width: 767px) {
	.school-home #g-navigation .g-logo img {
		width: 50%;
	}
}


@media only all and (min-width: 51rem){
	.outline-22 #g-navigation .g-logo img {width: 45vw;}
	.outline-23 #g-navigation .g-logo img {width: 50vw;}
	.outline-26 #g-navigation .g-logo img {width: 50vw;}
	.outline-25 #g-navigation .g-logo img {width: 50vw;}
}

@media only screen and (max-width: 51rem) {
	.outline-22 #g-navigation .g-logo img {width: 90%; padding: 4vw 0 4vw 0;}
	.outline-23 #g-navigation .g-logo img {width: 90%; padding: 2vw 0 2vw 0;}
	.outline-26 #g-navigation .g-logo img {width: 90%; padding: 2vw 0 2vw 0;}
	.outline-22 .fwrwide .layout-slideshow .sprocket-features-img-container img {height: 48vw!important;}
	.homelayout #g-navigation .g-container {position: initial; height: fit-content;} 
	.homelayout #g-navigation .g-container .g-grid:nth-child(1) {z-index: 11; position: initial; background: rgba(23,36,76,.8);}
	.homelayout #g-navigation .g-container .g-grid:nth-child(2) {z-index: 11; position: initial; background: rgba(23,36,76,.8);}
	.homelayout #g-navigation .g-container .g-grid:nth-child(3) {z-index: 10; position: initial; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%;}
	.fwrsuperwide .layout-slideshow .sprocket-features-img-container, 
	.fwrwide .layout-slideshow .sprocket-features-img-container, 
	.fwrultrawide .layout-slideshow .sprocket-features-img-container {padding-bottom: 0;}
	.homelayout #g-navigation .sprocket-features-desc :is(h1,h2,h3,h4,h5,h6) {
		font-family: 'Artifika', serif;
		font-weight: normal;
		font-size: 2rem;
		text-shadow: 1px 1px 5px rgba(0,0,0,.5);
		text-transform: none;
		font-variant-caps: normal;
		border-bottom: none;
		margin: 0;
		line-height: 1.2;
	}
	#g-navigation .arrow {display: none;}
}

/**Clarity dropdown- remove border-radius on menu dropdowns:***/
.g-main-nav .g-standard .g-dropdown {border-radius: 0px;}
.g-main-nav .g-dropdown .g-dropdown-column>.g-grid>.g-block.size-100 {border-radius: 0px;}
.g-main-nav .g-dropdown .size-100>.g-sublevel>li.g-go-back+li>.g-menu-item-container {
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
}
.g-main-nav .g-dropdown .size-100>.g-sublevel>li:last-child>.g-menu-item-container {
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
}

/*Clarity- remove top level dropdown indicatator***/
.g-main-nav .g-toplevel > li.g-parent .g-menu-parent-indicator {display: none;}
/*clarity increase menu font size, remove capitalization***/
.g-main-nav .g-toplevel>li>.g-menu-item-container>.g-menu-item-content {font-size: 1rem; letter-spacing: 0; font-weight: 500;}
.g-main-nav .g-toplevel {text-transform: none;}
.g-main-nav {font-family: 'Montserrat', sans-serif;}


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

.rsphotoblocknews .sprocket-strips-item .readon:hover { background: rgba(37,29,131,0.9); }
.rsphotoblocknews .sprocket-strips-content h4 {background: rgba(37,29,131,0.8); }
.rsphotoblocknews .sprocket-strips-item { background-image: url(/images/stories/template/default-news.jpg); }
.fwrwide .sprocket-feature-content {
	position: relative;
}
.fwrwide a.readon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	background: transparent;
	opacity: 0;
	border-radius: 0;
}
@media only screen and (min-width: 767px) {
	.fwrwide .layout-slideshow .sprocket-features-img-container img {
		height: 37vw!important
	}
}

@media only screen and (max-width: 767px) {
	.rsphotoblocknews .sprocket-strips-content h4, .rsphotoblocknews .sprocket-strips-item .readon:hover { top: 0; background: rgba(37,29,131); }
	.outline-25 #g-slideshow > .g-container > .g-grid > .g-block:nth-child(1) {
		order: 2;
	}
	.outline-25 #g-slideshow > .g-container > .g-grid > .g-block:nth-child(2) {
		order: 1;
	}
}
.outline-24 #g-slideshow  .rsphotoblocknews .sprocket-strips-content h4 a { color: #ffffff;}

.g-swiper-title {font-family: 'Artifika', serif;}


/*************** HEADER *******************/ 
@media only screen and (min-width: 767px) {
	.ql-inner-box .g-blockcontent-subcontent {
		gap: 1vw;
	}
	.ql-inner-box .g-blockcontent-subcontent-title > .g-blockcontent-subcontent-title-text {
		color: #ffffff;
	}
	.ql-inner-box .g-blockcontent-subcontent-title {
		background: rgba(23,36,76,.6);
	}
	.ql-inner-box .g-blockcontent-subcontent-block-content:hover .g-blockcontent-subcontent-title {
		background: rgba(23,36,76,.8);
	}
}

@media only screen and (max-width: 767px) {
	.ql-dm .g-blockcontent-subcontent-title > .g-blockcontent-subcontent-title-text {
		color: #ffffff;
	}
	.ql-dm .g-blockcontent-subcontent-title {
		background: rgba(23,36,76,.6);
	}
	.ql-dm .g-blockcontent-subcontent-block-content:hover .g-blockcontent-subcontent-title {
		background: rgba(23,36,76,.8);
	}
}

@media only screen and (min-width: 767px) {
	.school-home .ql-inner-box .g-blockcontent-subcontent {
		gap: 1vw;
	}
	.school-home .ql-inner-box .g-blockcontent-subcontent-title > .g-blockcontent-subcontent-title-text {
		color: #ffffff;
	}
	.school-home .ql-inner-box .g-blockcontent-subcontent-title {
		background: rgba(238,118,35,.6);
	}
	.school-home .ql-inner-box .g-blockcontent-subcontent-block-content:hover .g-blockcontent-subcontent-title {
		background: rgba(238,118,35,.8);
	}
}

@media only screen and (max-width: 767px) {
	.ql-dm .g-blockcontent-subcontent-title > .g-blockcontent-subcontent-title-text {
		color: #ffffff;
	}
	.ql-dm .g-blockcontent-subcontent-title {
		background: rgba(238,118,35,.6);
	}
	.ql-dm .g-blockcontent-subcontent-block-content:hover .g-blockcontent-subcontent-title {
		background: rgba(238,118,35,.8);
	}
}

    /*Quicklinks*/
.a-links .sprocket-strips-s-content h4.sprocket-strips-s-title {font-size: 1.75rem; font-family: 'Montserrat', sans-serif;}
.a-links .sprocket-strips-s-content h4.sprocket-strips-s-title a {background: rgba(238,118,35,.5); text-shadow: 1px 1px #4c4c4c; padding-left: 1.5vw;}
.a-links .sprocket-strips-s-content h4.sprocket-strips-s-title a:hover {background: rgba(238,118,35,.7);}

@media only screen and (max-width: 767px) {
  #g-header {padding-top: 2vw!important;}

  .a-links .sprocket-strips-s-item {background: rgba(238,118,35,.5);}
  .a-links .sprocket-strips-s-content h4.sprocket-strips-s-title a {background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 33%, rgba(238,118,35,.5) 33%, rgba(238,118,35,.5) 100%);}
  .a-links .sprocket-strips-s-content h4.sprocket-strips-s-title a:hover {background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 33%, rgba(238,118,35,.7) 33%, rgba(238,118,35,.7) 100%);}
}

.outline-24 #g-header {padding: 0 12%;}
.outline-24 .qloverlaybackpic .sprocket-strips-content {background: rgba(238,118,35,0.5);}
.outline-24 .qloverlaybackpic .sprocket-strips-content:hover {background: rgba(238,118,35,1);}

/*************** ABOVE ********************/ 
.homelayout #g-above {padding: 1% 1%;}
.homelayout2 #g-above {padding: 1% 1%;}
.outline-23.homelayout #g-above h3 {border-bottom: none; font-size: 2.5rem;}
.outline-26.homelayout2 #g-above h3 {border-bottom: none; font-size: 2.5rem;}
.outline-23.homelayout #g-above p {font-size: 1.5rem; font-family: 'Artifika', serif;}
.outline-26.homelayout2 #g-above p {font-size: 1.5rem; font-family: 'Artifika', serif;}

/*************** FEATURE ******************/ 
#g-feature h3.g-title {font-weight: 400;}
.outline-23.homelayout #g-feature .g-container .g-grid .g-block:nth-child(2) img {width: 25vw; height: auto;}
.outline-26.homelayout2 #g-feature .g-container .g-grid .g-block:nth-child(2) img {width: 25vw; height: auto;}

.homelayout #g-feature h3 {border-bottom: none; color: #ffffff; }
.outline-26.homelayout2 #g-feature h3 {border-bottom: none; color: #ffffff; }
/*.homelayout2 #g-feature h3 {border-bottom: none; color: #ffffff; }*/
.homelayout #g-feature {background: url('/images/template/paralax-parish.jpg') 0% 0% no-repeat; background-size: cover; background-attachment: fixed;}
.outline-26.homelayout2 #g-feature {background: url('/images/stories/template/paralax-school.jpg') 0% 0% no-repeat; background-size: cover; background-attachment: fixed;}
.homelayout #g-feature .g-container {background: rgba(23,36,76,.8); padding: 8vw 0 8vw 5%!important;}
.outline-26.homelayout2 #g-feature .g-container {background: rgba(23,36,76,.8); padding: 8vw 0 8vw 5%!important;}
#g-feature {padding: 0 5%;}

@media only screen and (max-width: 767px) {
	.outline-23.homelayout #g-feature .g-container .g-grid .g-block:nth-child(2) img {width: 90%; height: auto;}
	.outline-26.homelayout2 #g-feature .g-container .g-grid .g-block:nth-child(2) img {width: 90%; height: auto;}
}

/*************** SHOWCASE *****************/ 
/*************** UTILITY ******************/ 
#g-utility h3.g-title {font-weight: 400; font-size: 2.5rem;}

.outline-22.homelayout #g-utility {background: url('/images/stories/template/campus.jpg') 100% 0% no-repeat, #F1F2F2; background-size: 65%;}
.outline-25.homelayout2 #g-utility {background: url('/images/stories/template/campus.jpg') 100% 0% no-repeat, #F1F2F2; background-size: 65%;}
h4.sprocket-lists-modern-title {color: #17244C; font-family: 'Montserrat', sans-serif; font-size: 1.5rem !important; font-weight: 500; padding-bottom: 5px !important;}
.homelayout #g-utility h4.sprocket-lists-modern-title .indicator {display: none;}
.homelayout2 #g-utility h4.sprocket-lists-modern-title .indicator {display: none;}
.sprocket-lists-modern-container li { border-bottom: 1px solid #EE7623;}

@media only screen and (max-width: 767px) {
	.outline-22.homelayout #g-utility {background: #F1F2F2;}
}

.homelayout2 .hiddenhome {
    display: none!important;
}

/*************** EXPANDED *****************/ 
#g-expanded h3.g-title {font-weight: 400; font-size: 1.75rem;}
#g-expanded {padding: 0 3% 5vw 3%;}
#g-expanded .g-block .g-content {background: #ffffff;}
#g-expanded h2.contentheading {font-size: 1.75rem;}

/*.outline-23.homelayout #g-expanded .g-grid .g-block:nth-child(3) img {height: 14vw; width: auto;}*/
.outline-23.homelayout #g-expanded .g-grid:first-child .platform-content {padding-bottom: 0;}

.rme-badge {background: #17244C; color: #ffffff;}

.outline-22 .boxshadowaroundpositions .g-block .g-content {padding: 0.5rem; margin: 10px; }
.outline-23 .boxshadowaroundpositions .g-block .g-content {padding: 1.5rem; margin: 10px; }
.outline-26 .boxshadowaroundpositions .g-block .g-content {padding: 1.5rem; margin: 10px; }

@media only screen and (min-width: 767px) {
	.school-home #g-expanded {
		padding: 0 10% 5vw 10%!important;
	}

	.school-home .fb-page > span {
		text-align: center;
	}
}

@media only screen and (max-width: 767px) {
	.school-home #g-expanded > .g-grid > .g-block > .g-content {
		max-width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.outline-23.homelayout #g-expanded .g-grid .g-block:nth-child(3) img {height: 100%; width: auto;}
	.outline-26.homelayout2 #g-expanded .g-grid .g-block:nth-child(3) img {height: 100%; width: auto;}
	#g-expanded {padding: 3vw 5% 9vw 5%;}
}
#g-expanded .k-ui-namespace .mod_docman.mod_docman--documents { justify-content: flex-start;}


/************ UPCOMING EVENTS  ************/
.rme-badge { 
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-family: 'Montserrat', sans-serif; 
	background: #17244C; 
	border-radius: 10px; 
	color: #ffffff; 
	padding: 5px 0px; 
	float: none; 
	margin-bottom: 0px;
}
.rme-items { display: block;}
.rme-description { flex: 1;}
.rme-day, .rme-month { text-transform: none;}
.rme-day { font-size: 1.7rem;}
.rme-title { font-size: 1rem; font-weight: normal;}
.rme-time { font-size: .9rem; font-weight: 300;}
.rme-items li { 
	display: flex; 
	background: none; 
	border: none; 
	margin-left: 2vw; 
	margin-right: 0px; 
	padding-left: 0px; 
	padding-right: 0px;
}

@media only screen and (max-width: 767px) {
	.rme-items li { margin-top: 0px; margin-bottom: 0px; padding-top: 5px; padding-bottom: 5px;}
	/*.rme-title { font-size: .9rem; }
	.rme-time { font-size: .8rem; }*/
	.rme-day { font-size: 1.5rem;}
}


/*************** EXTENSION ****************/
/*************** BOTTOM *******************/
 
 .homelayout #g-bottom .floatingads {margin-top: -75px;}
 
/*************** FOOTER *******************/
#g-footer :is(a,p,h1,h2,h3,h4,h5,h6) {color: #ffffff; border-bottom: none;} 
#g-footer p {font-family: 'Montserrat', sans-serif;} 
/*#g-footer .g-grid .g-block {display: flex; align-items: center;}
.outline-22 #g-footer .g-grid .g-block:nth-child(1) {justify-content: center;}
.outline-22 #g-footer .g-grid .g-block:nth-child(2) {justify-content: flex-start;}

.outline-23 #g-footer .g-grid .g-block:nth-child(1) {justify-content: center;}
.outline-23 #g-footer .g-grid .g-block:nth-child(2) {justify-content: flex-start;}*/

.outline-22 .footer-social-icons {display: flex; flex-direction: row; justify-content: center; gap: 1vw;}
.outline-25 .footer-social-icons {display: flex; flex-direction: row; justify-content: center; gap: 1vw;}
.outline-22 .footer-social-icons i {font-size: 1.5rem;}
.outline-25 .footer-social-icons i {font-size: 1.5rem;}

@media only screen and (max-width: 767px) {
	.outline-22 #g-footer .g-grid .g-block:nth-child(2) {justify-content: center;}
	.outline-25 #g-footer .g-grid .g-block:nth-child(2) {justify-content: center;}
}

/*************** COPYRIGHT ****************/ 
/*************** MODULES ******************/
.moduletable .nav.menu, .moduletable .unstyled {background: #17244C;} 
.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover {    
 	color: #ffffff; 
   	background: #EE7623; 
} 

@media only screen and (max-width: 51rem){#g-container-main .equaltable img { width: auto;}}

/*************** SECTIONS *****************/

/***************Subpages******************/
  .hero img {
    height: 25vw;
    opacity: 0.65;
  }


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


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

.rsphotoblocknews .sprocket-strips-container { flex-wrap: wrap; }
.sprocket-strips .cols-3 > li { width:  15vw;}

/**************Updated Look August 2022*********************
@media only all and (min-width: 51rem){
#g-navigation .g-logo img {
    width: 500px;
}}*/


.mass-times .g-content-array .g-array-item .g-array-item-text {
	margin: 0;
	padding: 1.75vw;
	/*overflow: scroll;*/
}
	
.mass-times {
	height: 37vw!important;
    background: url(/images/stories/template/masstimes.jpg) 0% 0% no-repeat;
    background-size: cover;
}
.mass-times .g-content-array {    
	margin-left: 0;
    margin-right: 0;
}
.mass-times .g-grid {
    background: rgba(255,255,255,.85);
}
.mass-times div {
    height: 100%;
    width: 100%;
}
.mass-times :is(h1,h2,h3) {
    font-size: 2.25vw;
  }
.mass-times :is(h4,h5,h6) {
    font-size: 1.75vw;
  }
.mass-times p {font-size: 1vw;}

.school-welcome .g-content-array .g-array-item .g-array-item-text {
	margin: 0;
	padding: 2vw;
}
	
.school-welcome {
	height: 37vw!important;
    background: url(/images/stories/template/school-welcome.jpg) 0% 0% no-repeat;
    background-size: cover;
}
.school-welcome .g-content-array {    
	margin-left: 0;
    margin-right: 0;
}
.school-welcome .g-grid {
    background: rgba(255,255,255,.85);
}
.school-welcome div {
    height: 100%;
    width: 100%;
}
.school-welcome :is(h1,h2,h3,h4,h5,h6) {
    font-size: 2.5vw;
  }
 .school-welcome p {font-size: 1vw;}

@media only screen and (max-width: 50.99rem) {
  .parish-home.homelayout #g-slideshow > .g-container > .g-grid > .g-block:nth-child(1) {order: 2;}
  .parish-home.homelayout #g-slideshow > .g-container > .g-grid > .g-block:nth-child(2) {order: 1;}


  .parish-home .sc-ct-third .sprocket-features-img-container img {height: 57vw!important;}

  .mass-times {height: 100vw!important;}
  .mass-times :is(h1,h2,h3,h4,h5,h6) {
    font-size: 5.5vw;
  }
  .mass-times p {font-size: 3vw;}
  .mass-times .g-content-array .g-array-item .g-array-item-text {padding: 5vw;}

  .school-welcome {height: 50vw!important; background-position: center;}
  .school-welcome :is(h1,h2,h3,h4,h5,h6) {
    font-size: 6vw;
  }
  .school-welcome p {font-size: 4vw;}
  .school-welcome .g-content-array .g-array-item .g-array-item-text {padding: 5vw;}
}

.homelayout2 .rme-item {
	width: 100%;
}

@media (min-width: 50.99rem) {

	.logo-block {
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	}

	.logo-block .button {
		font-size: 2rem;
	}

}

@media (max-width: 50.99rem) {

	.logo-block {
		grid-template-columns: 1fr 1fr;
	}

	.logo-block .button {
		font-size: 1.25rem;
	}

}

.logo-block p {
	display: grid;
	justify-content: center;
	align-items: center;
}

.logo-block {
	display: grid;
	justify-content: center;
	gap: 2.5rem;
	padding: 0 5% 3% 5%;
}

.logo-block img {
	width: 100%;
}

.logo-block p {
	margin: 0;
}

.logo-block .button {
	height: 100%;
	width: 100%;
	justify-content: center;
	align-items: center;
	display: grid;
	line-height: 1.25;
	border-radius: 0;
}