@import url('//fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,400&family=Montserrat:wght@200;400;700&display=swap');

/************ FONTS  *********
Sans Serif Headings: Montserrat
Sans Serif Body font: Lato
font-family: 'Lato', sans-serif;
font-family: 'Montserrat', sans-serif;
***/

/************ COLORS  ********
Dark Blue: #052563; rgba(5,37,99,1)
Blue: #697CA1; rgba(105,124,161,1)
Light Blue: #A5B0C7; rgba(165,176,199,1)
***/

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


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

body {color: #232529; 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 {font-variant-caps: small-caps; color: #052563; font-size: 3.5rem; /*font-weight: bold;*/ font-family: 'Montserrat', sans-serif;}
.page-header h1 {font-size: 3rem;}
h2, .page-header h2 { font-variant-caps: small-caps; color: #697ca1; font-size: 2.5rem; font-family: 'Montserrat', sans-serif;  /*font-weight: bold;*/}
h3 { color: #052563; font-size: 2rem; border-bottom: 1px solid #a5b0c7;  line-height: 1.3; margin: 0 0 10px 0; }
h4 { color: #697ca1; font-size: 2rem; font-weight: bold;}
h5 {background: #052563; font-size: 1.75rem;color: white; border-radius: .2rem; padding: .5rem;}
h6 {color: #697ca1; font-size: 1.5rem; font-variant-caps: small-caps; /*font-weight: bold;*/ }
a { color: #697ca1; }
a:hover { color: #a5b0c7; }


@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, .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span, .listentobutton.moduletable a {
	background: #052563;
}

/************ TOP ***************/
#g-top {background: url(/images/stories/template/header.jpg) center;}
.g-logo img {padding-top: 2vw; padding-left: 6vw; height: 13vw;}
.statue img {height: 15vw;}

@media only screen and (max-width: 767px) {
	.g-logo img {margin: 10vw 0vw 5vw 0vw; height: 15vw; width: 90%;}
}

/************ NAVIGATION ********/
#g-navigation .g-toplevel {padding-left: 1vw;}
.g-social a {padding-right: 5px;}
.g-social a:hover {color: #052563 !important;}

@media only screen and (max-width: 767px) {
	#g-navigation { border-bottom: 5px solid #697ca1; }
}


/************ SLIDESHOW *********/
#g-slideshow h1, #g-slideshow h2, #g-slideshow h3, #g-slideshow h4, #g-slideshow h5, #g-slideshow h6 {color: #ff0000;}

/************ SHOWCASE **********/
@media only screen and (min-width: 767px){
.fwrotator .layout-slideshow .sprocket-features-content {margin-left: 55vw; justify-content: flex-end; bottom: 0;}
}
.layout-slideshow .sprocket-features-desc {width: 30vw;}
.fwrsolidback .layout-slideshow .sprocket-features-title, .fwrsolidback .layout-slideshow .sprocket-features-desc {background: rgba(255,255,255,.65); padding-left: 2vw;}
.fwrotator .sprocket-features-content h1, .fwrotator .sprocket-features-content h2, .fwrotator .sprocket-features-content h3,
.fwrotator .sprocket-features-content h5, .fwrotator .sprocket-features-content h6, .fwrotator .sprocket-features-content p {
	color: #232529;
}

.fwrotator .sprocket-features-content h4 {color: #052563; font-weight: normal;}
.layout-slideshow .sprocket-features-title, .layout-slideshow .sprocket-features-desc {
    background: rgba(5,37,99,.8);
    color: #fff;
}

@media only screen and (max-width: 767px) {
	.sprocket-features-content {margin-left: 0;}
	.fwrotator .layout-slideshow .sprocket-features-content {height: fit-content;}
	.layout-slideshow .sprocket-features-desc {width: 100%;}
	.fwrgradientback .layout-slideshow .sprocket-features-title, .fwrgradientback .layout-slideshow .sprocket-features-desc,
	.fwrotator .layout-slideshow .sprocket-features-title, .fwrotator .layout-slideshow .sprocket-features-desc {padding-left: 5%;}

	.sprocket-features-index {display: flex; flex-direction: column wrap;}
	.sprocket-features-img-container {order: 1;}
	.sprocket-features-content {order: 2;}
	#g-showcase .g-grid:first-child .g-content {padding: 0;}
	/* .sprocket-features-img-container {padding-bottom: 50vw;} */
	
	
}
@media only screen and (min-width: 539px) and (max-width: 767px) {  
	/* .sprocket-features-img-container {padding-bottom: 50vw;} */
}
@media only screen and (max-width: 538px) { 
	.sprocket-features-img-container {padding-bottom: 50vw;}
}
/*@media only screen and (max-width: 469px) { 
	.sprocket-features-img-container {padding-bottom: 75vw;}
}*/

.qlvertical h4.sprocket-strips-title a {background: #052563;}
.qlvertical h4.sprocket-strips-title a:hover {background: #697ca1;}


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

/*QUICKLINKS*/
.align-y { display: flex; align-items: center; }
.align-right.icons { display: flex; justify-content: flex-end; }
.g-iconmenu {display: flex; width: 100%;  margin: 0 0 0 auto;}
.g-iconmenu > a  { color: #001940;  flex:1; border-left: 2px #001940 solid; padding: 10px 25px;}
.g-iconmenu > a:hover { color: rgba(0,25,64,.25); }
.g-iconmenu > a:first-child { border-left: none;}
.g-iconmenu span { display: block; text-align: center; }
.g-iconmenu .g-iconmenu-text {  line-height: 1.1; font-size: 1rem; font-weight: bold; }
.g-iconmenu .g-iconmenu-icon {  font-size: 1.3rem; padding-bottom: 10px; }
.g-iconmenu img { height: 4vw; padding-bottom: 20px;}
.g-iconmenu img:hover { opacity: 0.25; }

@media only screen and (max-width: 767px) {
	.icons .g-content.g-particle { margin: 0px; padding-top: 1rem; }
	.align-y { display: flex; align-items: center; justify-content: center; }
	.align-right.icons { justify-content: center; }
	.g-iconmenu {width: 100%; }
	.g-iconmenu a {padding: 10px 5px;}
	.g-iconmenu img { height: 15vw;}
	.g-iconmenu .g-iconmenu-text {  font-size: .8rem; text-wrap: wrap;}
	#g-utility .g-grid:last-child .g-content {padding: 0.5rem 0;}
}


/************ EXTENSION *********/
.homelayout #g-extension {background: #052563; padding: 4vw!important;}
.homelayout #g-extension .g-grid {background: #ffffff; padding: 5%!important;}

.homelayout #g-extension .g-container > .g-grid:last-child {
	background-color: transparent;
}

.homelayout #g-extension .g-container > .g-grid:last-child > .size-30 {
	background-color: white;
	padding: 1rem 2rem;
	border-radius: 5px;
}

.homelayout #g-extension > div > div:nth-child(2) {
	padding: 5% 0 0 0 !important;
}

.homelayout #g-extension > div > div:nth-child(1) {
	border-radius: 5px;
}

/************ UPCOMING EVENTS  ************/
.rokminievents3 {margin-left: 5vw;}
.rme-badge {
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: #052563; 
	border-radius: 3px; 
	color: white; 
	padding: 5px 0px; 
	width: 55px; 
	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.4rem;}
.rme-month { font-size: 1.3rem; }
.rme-title { font-size: 1.1rem; font-weight: normal;}
.rme-time { font-size: 1rem; font-weight: 300;}
.rme-items li { 
	display: flex; 
	background: none; 
	border: none; 
	margin: 7.5px 0px; 
	padding: 7.5px 0px;
}

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

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

/************ FOOTER ************/
#g-footer {border-top: none;}

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


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


/************ MODULES  ************/
.moduletable .nav.menu, .moduletable .unstyled { background: #697ca1; }
.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover {
	color: #ffffff;
	background: #052563;
}

/************ SECTIONS  ************/
#g-copyright a, #g-copyright h2, #g-copyright h6 { color: white; }

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


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

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

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

/************ ERROR ***********/
.outline-_error .g-logo img {padding-left: 2vw; height: 5vw;}


/* adjustments 2/2 */

/*.homelayout #g-top > .g-container {
	background: rgba(0,0,0,0.2);
}*/

.homelayout #g-utility h4 {
	font-size: 3rem !important;
}

.g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {
	font-size: 1.4rem;
}

@media only screen and (max-width: 767px) {
	.homelayout #g-extension > div > div:nth-child(2) {
		gap: 1rem;
	}
}

/* catholic resources buttons on the homepage */

.homelayout .catholic-resources a {
	width: 100%;
}

/* Darken the header image for readability */
.site #g-top > .g-container {
	background: rgba(0,0,0,0.5);
}

/* Adjust logo and statue size to decrease header height */
.g-logo img {
	padding-top: 10px;
	max-height: 100px;
}
.statue img {
	padding-top: 10px;
	max-height: 100px;
}

/* Decrease font size and padding of menu bar to decrease header height */
.g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {
	font-size: 1.2rem;
	padding: 0.5rem 0.5rem;
}