@import url('//fonts.googleapis.com/css?family=Cinzel|Lato:400,400i,700,700i&display=swap');
 
/************ TEMPLATE  ************
Parish Rotator Size: 1600x669 (super wide, 2.39:1)

************ FONTS  ************
PARISH - 
Serif: Cinzel
Sans Serif: Lato

************ COLORS  ************
Burgandy: #72263b, rgba(114,38,59,1)
Grey: #b6b6b9, rgba(182,182,185,1)
Light Grey: #f1f2f2, rgba(241,242,242,1)

************ NOTES ************
PARISH: Logo/Quicklinks background: 85% opacity; rgba(114,38,59,.85)
*/

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: #72263b; font-size: 4vw; font-weight: normal; font-family: 'Cinzel';}

h2, .page-header h2 {  color: #4e4e4e; font-size: 3rem;  font-family: 'Cinzel';  border-bottom: 1px solid #72263b; padding-bottom: 0px;}
h3 { color: #72263b; font-size: 2.25rem; border-bottom: 1px solid #b6b6b9;  line-height: 1.3; margin: 0 0 10px 0; font-family: 'Cinzel'; }
h4 { color: #72263b; font-size: 1.8rem; text-transform: uppercase; }
h5 {background: #72263b; font-size: 1.75rem;color: white; border-radius: .2rem; padding: .5rem;}
h6 {color: #450e09; font-size: 1.4rem;  font-family: 'Cinzel';}
a { color: #72263b; }
a:hover { color: black; }


@media only screen and (max-width: 767px) {
	h1 { font-size: 9vw; }  
	h2, .page-header h2 { font-size: 2rem; }
	h3 { font-size: 1.8rem; }
	h4 { font-size: 1.5rem; }
	h5 { font-size: 1.25rem; }
	h6 { font-size: 1.2rem; }
	p { font-size: 1rem; margin-bottom: 4px;}
	h1, h2, h3, 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: #72263b;
}

/************ HEADER  ************/

#g-offcanvas .g-menu-item-title {color: #000000;}
#g-offcanvas .g-social a:hover { color: #72263b !important; }
/*.homelayout*/ .g-logo img {max-height: 25vw; width: auto;}
#g-navigation .g-logo img {height: 7vw; width: auto;}
#g-showcase #quicklogo img {height: 15vw; width: auto; padding: .5vw;}

@media only screen and (min-width: 768px) {
	.homelayout .size-70 { flex: 1; width: 100%;}
	.homelayout .g-logo img {padding: 10px 0;}
}

@media only screen and (max-width: 769px) {
	#quicklogo { display:none; }
}

/************ ROTATOR  ************/

.verticalcolumnoverlay div, .verticalcolumnoverlay #quicklogo:hover {  background: rgba(114,38,59,.85); }
.verticalcolumnoverlay div:hover {  background: rgba(114,38,59,.95); }
.verticalcolumnoverlay div a { color: white; font-size: 1.5rem; }

.outline-11 .verticalcolumnoverlay {position: absolute; top: 0; bottom: 0; left: -58vw; right: 0; width: 100%; display: flex; flex-direction: column;}
.outline-11 .verticalcolumnoverlay img {height: 17vw; width: 17vw;}

@media only screen and (max-width: 767px) {
	.verticalcolumnoverlay div {  background: rgba(114,38,59,1); }
	.verticalcolumnoverlay div:hover {  background: rgba(114,38,59,.75); }

	.outline-11 .verticalcolumnoverlay {left: 0; position: inherit;}
	.outline-11 .g-logo img {width: auto; aspect-ratio: 16/9;}
}

/************ HERO IMAGES  ************/

.hero img { width: 100%; object-position: center; }
.hero h1 {
	color: white;
    font-size: 9vw;
    line-height: 9vw;
    font-weight: bold;
    text-shadow: 3px 3px 13px rgba(0,0,0,0.65); }
.hero-container {
    position: relative;
    text-align: center;
    color: white; }
.hero-overlay {	margin-bottom: 2%;}
.hero-text {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
	width: 90%; }

/************ NEWS  ************/

.rsphotoblocknews .sprocket-strips-item .readon:hover { background: rgba(114,38,59,.85); }
.rsphotoblocknews .sprocket-strips-content h4 {background: rgba(114,38,59,.95); }
.outline-9 .rsphotoblocknews .sprocket-strips-item {background-image: url(/images/stories/template/default-news.jpg); }
.outline-11 .rsphotoblocknews .sprocket-strips-item {background-image: url(/images/stories/template/news-school-default.jpg);}

@media only screen and (max-width: 767px) {
	.rsphotoblocknews .sprocket-strips-content h4, .rsphotoblocknews .sprocket-strips-item .readon:hover {
		top: 0; background: #72263b;
	} 
}

/************ QUICKLINKS  ************/

/************* HEADLINES *********/

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

.moduletable .nav.menu, .moduletable .unstyled { background: #72263b; }
.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover {
	color: #72263b;
	background: #b6b6b9;
}

.alignbaseline {
	align-items: baseline;
}

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

#g-feature h3 {border-bottom: none;}
#g-feature {padding: 0 5%;}
#g-footer a { color: white; }
#g-footer img { height: 15vw; width: auto; }
#g-footer .g-content {padding: 0;}
.padleftside { padding-left: 5vw; flex: 1.3; }
.slightlybiggertext p { font-size: 1.3rem;}
.sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span { background: none; color: #72263b; padding: 0;}
.sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span:hover { background: none; color: #333; padding: 0;}
.biggertitle h3.g-title {  font-size: 2.7rem;  line-height: 1.2;}
h4.sprocket-lists-portrait-title { text-transform: none; font-size: 1.8rem !important;}

#g-extension .g-content {padding: 0.75rem;}

/*PARISH*/
.outline-9 #g-extension { 
	background-image: url(/images/stories/template/bg-church.jpg);
	background-position: 0% 0%;
	background-repeat: no-repeat;
	background-size: contain;
}
.outline-9 #g-expanded {background: #f8f8f8;}

/*SCHOOL*/
.outline-11 #g-extension {background: #f8f8f8;}
.outline-11 #g-bottom, #g-expanded {background: #ffffff;}
.outline-11 #g-utility {background: url(/images/stories/template/bg-school.png) 50% 0 no-repeat; background-size: cover;}

/*MOBILE*/
@media only screen and (max-width: 767px) {
	#g-extension { background: none; }
	#g-footer img { height: 25vw; width: auto; }
	.rsphotoblocknews .sprocket-strips .sprocket-strips-nav .arrow.next { right: -40px; }
	.padleftside { padding-left: 0px;}
	.outline-9 #g-extension {background: none;}
	.outline-11 #g-utility {background: none;}
}

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

.g-offcanvas-toggle { color:white }

.mod_placehere_leading.even { overflow: visible !important; }


/****LOGIN FORM***/
#g-aside form div.userdata ul.unstyled {display: none;}


.outline-9 #g-footer p {
	margin: 0;
}

.outline-9 #g-footer > div:nth-child(1) > div > div > div > div > div > div > div > div:nth-child(2) {
	display: flex;
	align-items: center;
}