@import url('//fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
/************ TEMPLATE  ************
Rotator Size: 1000x563 (wide, 16:9)

/************ FONTS  ************
Serif: Libre Baskerville, include italics
Sans Serif: Lato

/************ COLORS  ************
St. Andrew Colors:
Bright Red: #C11E1E; rgba(193,30,30,1)
Red: #911616; rgba(145,22,22,1)
Dark Red: #610F0F; rgba(97,15,15,1)

School Colors:
Red: #911616; rgba(145,22,22,1)
Navy Blue: #1B3956; rgba(27,57,86,1)

St. Mary Colors:
Navy Blue: #1B3956; rgba(27,57,86,1)
Light Blue: #6893AD; rgba(104,147,173,1)

/************ NOTES ************
*titles use letter spacing

St. Andrew Notes:
*Mass Times backgound color - red at 70% - rgba(145,22,22,.7)
*Quicklinks overlay - black at 30% - rgba(0,0,0,.3)
*Header - red gradient 100% to 70% - rgba(145,22,22,.7)
Reds Locations:
*Dark Red: menu bar, footer
*Red: Header, mass times backgound, mainbody backgound, calendar badges, mainbody buttons
*Bright Red: quicklink text, heading underline, link text, news color overlay

School Notes: 
*Rotator Text backgound color - navy blue at 70% - rgba(27,57,86,.7)
*Quicklinks overlay - same as St. Andrew
*Header - same as St. Andrew
Color Locations:
*Red - Header, mainbody backgound, quicklink text color, calendar badges, mainbody buttons
*Navy Blue - menu bar, rotator text backgound, news color overlay, footer

St. Mary notes:
*Mass Times backgound color - light blue at 70% - rgba(104,147,173,.7)
*Quicklinks overlay - same
*Header - same but light blue
************/

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

h1, h2, h3, h4, h5, h6 { margin: .75rem 0; line-height: 1.3; font-weight: normal;}
p { line-height: 1.3;}

h1 {color: #610F0F; font-size: 3.5rem; font-weight: bold;}
.outline-10 h1 {color: #1B3956;}
.page-header h1 {text-transform: none; font-size: 3rem;} 
.outline-10 .page-header h1 {color: 1B3956;} 
h2, .page-header h2 { font-variant-caps: small-caps; color: #610F0F; font-size: 2.5rem; font-family: 'lato', sans-serif;  font-weight: bold;}
.outline-10 h2, .outline-10 .page-header h2 { color: #1B3956; }
h3 { color: #333333; font-size: 2.2rem; border-bottom: 1px solid #C11E1E;  line-height: 1.3; margin: 0 0 10px 0; font-family: 'libre-baskerville', serif;}
.outline-10 h3 { border-bottom: 1px solid #6893AD;}
h4 { color: #C11E1E; font-size: 1.8rem;}
.outline-10 h4 { color: #6893AD;}
.outline-11 h4 { color: #1B3956;}
h5 {background: #610F0F; font-size: 1.75rem;color: white; border-radius: .2rem; padding: .5rem;}
.outline-10 h5 {background: #1B3956; font-size: 1.75rem;color: white; border-radius: .2rem; padding: .5rem;}
h6 {color: #333333; font-size: 1.4rem; text-transform: uppercase; font-weight: bold; }
a { color: #c11e1e; }
.outline-10 a { color: #6893AD; }
a:hover { color: #C11E1E; }
.g-social a {color: white;}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    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; }
}

@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, .listentobutton.moduletable a {
	background: #911616; color: white;
}
.outline-10 .readon, .outline-10 .button, .outline-10 .btn, .outline-10 p.readmore .btn, .outline-10 .listentobutton.moduletable a {
	background: #6893AD; color: white;
}
.outline-10 .readon:hover, .outline-10 .button:hover, .outline-10 .btn:hover, .outline-10 p.readmore .btn:hover {
	background: #1b3956;
}

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

/************ HEADER  ************/
/************ TOP ****************/
.outline-9 #g-top, .outline-11 #g-top {background-image: linear-gradient(to bottom, rgba(145,22,22,.7), rgba(145,22,22,1));}
.outline-10 #g-top {background-image: linear-gradient(to bottom, rgba(104,147,173,.7), rgba(104,147,173,1));}
@media only screen and (max-width: 767px) {
	.g-logo img { width: 100%;}
}

/************ NAVIGATION *********
.homelayout #g-navigation a {color: #ffffff!important;}*/

/************ SHOWCASE ***********/
/*@media only screen and (min-width: 767px) {
	.homelayout #g-showcase {
		display: flex;
		justify-content: center;
		background: #911616;
	}
	.homelayout.outline-10 #g-showcase {
		display: flex;
		justify-content: center;
		background: #1B3956;
	}
}*/

@media only screen and (min-width: 1700px) {
	/*.homelayout #g-showcase > .g-container {
		padding: 0 8%!important;
	}*/
	.layout-showcase .sprocket-features-img-container img {
		max-height: 27vw!important;
	}
}

		/*ROTATOR*/
#g-showcase {padding-top: 1rem!important; padding-bottom: 1rem!important;}
.sprocket-features-container {display: flex;}
.sprocket-features-img-container {order: 2; flex: 2;}
.sprocket-features-content {order: 1; flex: 1; position: relative;}
.sprocket-features-desc {position: absolute; height: 100%; width: 100%; padding: .5vw 3vw;}
.arrows-active .sprocket-features-list {margin: 0;}
.pagination-active {margin-bottom: 0px;}
.layout-showcase .sprocket-features-img-container img {margin-right: 0px; width: 100%; height: 37vw; object-fit: cover; object-position: center;}
.pagination-active .sprocket-features-pagination {bottom: 0px;}
.sprocket-features-desc {color: #ffffff;}
.sprocket-features-desc h1,
.sprocket-features-desc h2,
.sprocket-features-desc h3,
.sprocket-features-desc h4,
.sprocket-features-desc h5,
.sprocket-features-desc h6 {color: #ffffff; margin-bottom: .125rem; font-size: 1.75rem;  }
.sprocket-features-desc p {color: #ffffff; line-height: 1.1; margin: 0; font-size: 1rem;}
.sprocket-features-desc .button, .sprocket-features-desc .readon {margin-top: 20px!important; background: #ffffff; color: #333; border: 1px solid #ffffff;}
.sprocket-features-desc .button:hover, .sprocket-features-desc .readon:hover {margin-top: 20px!important; background: transparent; color: #ffffff;}
.layout-showcase .sprocket-features-pagination li {padding: 10px;}
.layout-showcase .sprocket-features-arrows .arrow {background: none; box-shadow: none; font-size: 5rem;}



.sprocket-features-content {background: url('/images/stories/template/rotator-bg.jpg') 0% 0% no-repeat; background-size: cover;}
.standrew .sprocket-features-desc {background: rgba(145,22,22,.7);}
.stmary .sprocket-features-desc {background: rgba(104,147,173,.7);}

.schoolhomelayout .sprocket-features-img-container {order: 1;}
.schoolhomelayout .sprocket-features-content {order: 2;}
.schoolhomelayout .sprocket-features-desc {padding: 4vw;}
.schoolhomelayout .sprocket-features-desc h1,
.schoolhomelayout .sprocket-features-desc h2,
.schoolhomelayout .sprocket-features-desc h3,
.schoolhomelayout .sprocket-features-desc h4,
.schoolhomelayout .sprocket-features-desc h5,
.schoolhomelayout .sprocket-features-desc h6 {border-bottom: none; font-family: 'Libre Baskerville', serif; }



.schoolhomelayout .sprocket-features-desc {background: rgba(27,57,86,.7);}

@media only screen and (max-width: 767px) {
	.sprocket-features-container {flex-direction: column;}
	.sprocket-features-img-container {order: 1;}
	.sprocket-features-content {order: 2; height: 77vw;}
	.sprocket-features-desc {position: inherit; padding-bottom: 40px;}

	.layout-showcase .sprocket-features-img-container img {height: 52vw!important}

	.schoolhomelayout .sprocket-features-desc {padding-bottom: 40px;}


	.sprocket-features-desc h1,
	.sprocket-features-desc h2,
	.sprocket-features-desc h3,
	.sprocket-features-desc h4,
	.sprocket-features-desc h5,
	.sprocket-features-desc h6 {font-size: 1.1rem;}
	.sprocket-features-desc p { font-size: 0.75rem;}
}


/************ UTILTIY  ***********/
		/*QUICKLINKS*/
#g-utility, #g-extension, #g-footer {padding: 0 7%;}
#g-utility h3.g-title {font-size: 2.75rem; border-bottom: none;}
#g-utility .platform-content {
	background: #ffffff; 
	padding: 1.5rem 2.5rem;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}
.homelayout #g-utility .readon {display: none;}
.sprocket-strips-s-title {text-align: center;}
.standrew .sprocket-strips-s-title a {color: #C11E1E;}
.stmary .sprocket-strips-s-title a {color: #6893AD;}
#g-utility .sprocket-strips-s-item:hover {box-shadow: 0px 0px 10px rgba(0,0,0,0.3);}

.sprocket-strips-s-item {
	display: flex;
	flex-direction: column;
}
.sprocket-strips-s-item img {	order: 0;}
.sprocket-strips-s-content {	order: 1;}
.sprocket-strips-s-item img {	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);}

@media only screen and (max-width: 767px) {
	#g-utility h3.g-title {font-size: 2rem;}
	#g-utility.standrew .sprocket-strips-s-title a {color: #ffffff;}
	.stmary .sprocket-strips-s-title a {color: #ffffff;}
	.sprocket-strips-s-item img {height: 4vw;}
	#g-utility, #g-extension, #g-footer {padding: 0 0;}
}

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

		/*QUICKLINKS*
.schoolhomelayout .sprocket-strips-s-title a {color: #C11E1E;}*/

@media only screen and (max-width: 767px) {
	.standrew .sprocket-strips-s-title a, .schoolhomelayout .sprocket-strips-s-title a {color: #ffffff;}
    .standrew .sprocket-strips-s-item, .schoolhomelayout .sprocket-strips-s-item {background: rgba(145,22,22,.8);}
    .stmary .sprocket-strips-s-item {background: rgba(27,57,86,.8);}
}


/************ FEATURE ************/
.homelayout #g-feature a {color: #ffffff!important;}

		/*LATEST NEWS*/
#g-feature h3.g-title {color: #ffffff; font-size: 2.75rem; margin-bottom: 2vw; border-bottom: none;}
.standrew .rsphotoblocknews .sprocket-strips-item .readon:hover {background: rgba(193,30,30,.95);}
.standrew .rsphotoblocknews .sprocket-strips-content h4 {background: rgba(193,30,30,.85);}
.standrew .rsphotoblocknews .sprocket-strips-item {background-image: url(/images/stories/template/default-news.jpg);}

.stmary .rsphotoblocknews .sprocket-strips-item .readon:hover {background: rgba(104,147,173,.95);}
.stmary .rsphotoblocknews .sprocket-strips-content h4 {background: rgba(104,147,173,.85);}
.stmary .rsphotoblocknews .sprocket-strips-item {background-image: url(/images/stories/template/default-news.jpg);}

.rsphotoblocknews .sprocket-strips-arrows .arrow {
	color: rgba(255,255,255,.5);
}

@media only screen and (max-width: 767px) {
	.standrew .rsphotoblocknews .sprocket-strips-content h4, 
	.rsphotoblocknews .sprocket-strips-item .readon:hover {
		top: 0; 
		background: #C11E1E;} 
	
	.stmary .rsphotoblocknews .sprocket-strips-content h4, 
	.rsphotoblocknews .sprocket-strips-item .readon:hover {
		top: 0;
		background: #6893AD;}
}
/************ EXTENSION **********/
#g-extension .g-grid {	background: #ffffff;  box-shadow: 0px 0px 10px rgba(0,0,0,0.3);}
/*.stmary #g-extension .button {	background: #6893AD;}*/
.homelayout #g-extension {	padding-bottom: 1vw;}
#g-extension h3.g-title {font-size: 2.25rem;}


/************ move ads higher on mobile  ************/
/***reorder columns in a container***/
@media only screen and (max-width: 767px) {
	#g-extension .g-block:first-child  { order: 2; }
	#g-extension .g-block:last-child { order: 1; }
	#g-extension .g-block:nth-child(2) { order: 3; }
}


		/*UPCOMING EVENTS*/
.homelayout .rme-badge {
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-family: 'Lato', sans-serif; font-weight: bold ;
	border-radius: 8px; 
	color: white; 
	padding: 5px 0px; 
	width: 55px; 
	float: none; 
	margin-bottom: 0px;
	height: 70px;
	
}

.standrew .rme-badge, .schoolhomelayout .rme-badge {	background: #911616;}
.stmary .rme-badge {	background: #1B3956;}

.homelayout .rme-items { display: block; padding-left: 2rem;}
.homelayout .rme-description { flex: 1;}
.homelayout .rme-day, .homelayout .rme-month { text-transform: none;}
.homelayout .rme-day { font-size: 1.4rem;}
.homelayout .rme-month { font-size: 1.3rem; }
.homelayout .rme-title { font-size: 1.1rem; font-weight: normal;}
.homelayout .rme-time { font-size: 1rem; font-weight: 300;}
.homelayout .rme-items li { 
	display: flex; 
	background: none; 
	border: none; 
	margin: 7.5px 0px; 
	padding: 7.5px 0px;
}

.homelayout .rme-timeline {display: none;}

@media only screen and (max-width: 767px) {
	.homelayout .rokminievents3 { display: flex; justify-content: center; }
	.homelayout .rme-items li { margin-top: 0px; margin-bottom: 0px; padding-top: 5px; padding-bottom: 5px;}
	.homelayout .rme-title { font-size: 1.1rem; }
	.homelayout .rme-time { font-size: 1.1rem; }
	.homelayout .rme-day { font-size: 1.5rem;}
}

/************ BOTTOM *************/
#g-bottom {padding-top: 2vw!important; padding-bottom: 2vw!important;}

/************ FOOTER *************/
#g-footer h3 {	color: #ffffff; 	border-bottom: none; 	font-size: 2.25rem; 	margin-bottom: 0.25rem; }
#g-footer .button { 	background: #ffffff; 	color: #333;	margin-top: .5vw;	padding: .5rem 1rem;	border: 1px solid #ffffff; }
#g-footer .button:hover { 	background: transparent; 	color: white;}


/************ MODULES ************/
.moduletable .nav.menu, .moduletable .unstyled { background: #610F0F; }
.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover {
	/*color: #610F0F;*/
	background: #911616;
}
.outline-10 .moduletable .nav.menu, .outline-10 .moduletable .unstyled { background: #1B3956; }
.outline-10 .moduletable .nav.menu li.current.active a, .outline-10 .moduletable .nav.menu li a:hover {
	/*color: #450e09;*/
	background: #6893AD;
}
.outline-11 .moduletable .nav.menu, .outline-11 .moduletable .unstyled { background: #1B3956; }
.outline-11 .moduletable .nav.menu li.current.active a, .outline-11 .moduletable .nav.menu li a:hover {
	/*color: #450e09;*/
	background: #911616;
}

/************ SECTIONS ************/
#g-footer a:not(#g-footer a.button) { color: #ffffff!important; }

/************ MOBILE  ************/
.g-offcanvas-toggle { color: white; }

@media only screen and (max-width: 767px) {
	.rsphotoblocknews .sprocket-strips .sprocket-strips-container > li {
		border-bottom: none;
	}
}


/*******************************************************SCHOOL*********************************************************************/
/************ SCHOOLHOMELAYOUT ****/
.schoolhomelayout #g-container-main {display: none;}

/************ TOP *****************/
.schoolhomelayout #g-top {background-image: linear-gradient(to bottom, rgba(145,22,22,.7), rgba(145,22,22,1));}



/************ FEATURE *************/
		/*LATEST NEWS*/
.schoolhomelayout .rsphotoblocknews .sprocket-strips-item .readon:hover {background: rgba(27,57,86,.95);}
.schoolhomelayout .rsphotoblocknews .sprocket-strips-content h4 {background: rgba(27,57,86,.85);}
.schoolhomelayout .rsphotoblocknews .sprocket-strips-item {background-image: url(/images/stories/template/news-school-default.jpg);}

.schoolhomelayout #g-feature .g-grid:last-child .g-block:last-child .g-content:last-child { padding-top: 3rem;}
.schoolhomelayout #g-feature { padding: 2% 10%;}
	

@media only screen and (max-width: 767px) {
	.schoolhomelayout .rsphotoblocknews .sprocket-strips-content h4, 
	.rsphotoblocknews .sprocket-strips-item .readon:hover {
		top: 0; 
		background: #C11E1E;} 
		/***reorder columns in a container***/
	.schoolhomelayout #g-feature .g-block:first-child  { order: 2; }
	.schoolhomelayout #g-feature .g-block:last-child { order: 1; }

}
}

.schoolhomelayout #g-feature .feature-title {margin: -2vw;}

/************ EXTENSION ***********/
.schoolhomelayout #g-extension h3.g-title {border-bottom: none;}
.schoolhomelayout #g-extension {padding-bottom: 2vw;}
/*.schoolhomelayout #g-extension .g-grid {
	background: #ffffff;
	padding: 1vw 3vw;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3); 
}*/
.schoolhomelayout .rme-items {padding: 0vw 0vw;}


.schoolhomelayout .rme-timeline-point:hover, .rme-timeline-point.active, .rme-timeline-point span{
	background: #911616;
	color: #911616;
}

@media only screen and (max-width: 767px) {
	.schoolhomelayout .rokminievents3 { display: flex; justify-content: center; }
	.schoolhomelayout .rme-items li { margin-top: 0px; margin-bottom: 0px; padding-top: 5px; padding-bottom: 5px;}
	.schoolhomelayout .rme-title { font-size: 1.1rem; }
	.schoolhomelayout .rme-time { font-size: 1.1rem; }
	.schoolhomelayout .rme-day { font-size: 1.5rem;}
}

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

/************ AFTER TRAINING CHANGES  ************/
#g-top {position: relative;} 
.bottomright .g-content { padding: 0; margin: 0; }
.bottomright a { color: white; position: absolute; bottom: 5px; right: 10px; }
.bottomright a:hover { color: rgba(255,255,255,.8);}

.sprocket-strips-s-content {  margin: 24px 0; }


.moduletable .category-module {padding: 0.5rem 0.25rem; border: 0px solid #ffffff;}
.moduletable .category-module li {padding-bottom: 0.25rem; border-bottom: 0px solid #ffffff; list-style-type: disc;}