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

Gemini/Xenon
Rotator Size: 660x371 (16:9)

Fonts 
Serif: Lora
Sans Serif: Lato

Colors 
Dark Red: #551D24 (parish)
Bright Red: #971E26 (school)
Gold: #BAA169

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

body {color: #333; }

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

h1 {color: #971E26; font-size: 3rem;}
h2, .page-header h2, h3.g-title { color: #971E26; font-size: 2rem; border-bottom: 1px solid #333;  line-height: 1.3; margin: 0; padding: 0; font-family: Lora, serif; text-transform: none; }
h3 {color: #BAA169; font-size: 1.75rem; font-family: Lato, san-serif; text-transform: uppercase; }
h4 {background: #551D24; font-size: 1.75rem;color: white; border-radius: .2rem; padding: .1rem .4rem;}
h5 {color: #971E26; font-size: 1.5rem; text-transform: uppercase;}
h6 {color: #971E26; font-size: 1.6rem; font-style: italic;}
a { color: #971E26; }
a:hover { color: #BAA169; }

#g-footer a{ color: white;  }
#g-footer a:hover{ color: #BAA169;  }

blockquote {
	color: #333;     
	padding: 0 0 0 15px;
	margin: 0 0 20px;
	border-left: 5px solid #d5d5d5;
	font: italic 16px/22px Georgia, Serif;
	line-height: 1.2;
	font-size: 1.3rem;
}

address {
	font-style: italic;
	font-weight: bold;
	font-size: 1.2rem;
	line-height: 1.2;
}

/************ BUTTONS  ************/
.readon, .button, .btn, p.readmore .btn, .mod-articles-category-title:after  { 
  color: #551D24; 
  font-size: 1rem;
  text-transform: none;
  font-weight: normal;
  background: #BAA169; 
  padding: .7rem 1.3rem; 
  border-radius: .5rem; 
  margin: 0;
  display: inline-block;
  font-weight: 500;
  line-height: 1.125rem;
  border: none;
  transition: all .2s ease-in;
}
#g-bottom a.button { background: #203B71;  }
.readon:hover, .button:hover, .btn:hover,  p.readmore .btn:hover,  .category-modulecentertitle:hover .mod-articles-category-title:after {background: #777; color: white;}

.btn .icon-chevron-right { display: none;}

/************ TABLES  ************/
.fancytable th {color: white; background: #551D24; border: 1px solid #551D24;}
.fancytable td { border: 1px solid #551D24;}

/************ ALERT ************/
.alert .g-content {padding: 0; margin: 0;}
.alert {border: none; padding: 0; margin: 0; background-color: #FFCFCF; color: #FF0000;}
.alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6, .alert p { margin-left: 20px; color: red; background: transparent;}
.platform-content { margin: 0; padding: 0;}

/************ SPACING  ************/
#g-navigation { padding-bottom: 0px;}
.platform-content { padding:0; margin: 0; }
.headerpadding  { padding: 15px 0 10px 0;}

.section-paddings, #g-container-overlay, #g-top, #g-slideshow, 
#g-navigation, #g-header, #g-above, #g-utility, #g-feature, 
#g-expanded, #g-extension, #g-bottom, #g-footer, #g-copyright {
		padding: 0;
}

h1.mission { text-align: center; font-size: 2.7vw; color: white;  }

@media only screen and (max-width: 767px) {
	h1.mission { font-size: 6vw;}
}

/************ BACKGROUNDS  ************/
#g-navigation, #g-showcase, #g-feature, #g-extension, #g-bottom, #g-footer { background: none; }
body #g-page-surround {	background: #551d24 url(../images/template/pattern-parish1.png) 0 0 repeat; }
body.outline-10 #g-page-surround {	background: #971E26 url(../images/template/pattern-parish1.png) 0 0 repeat; }


/************ BASIC MENU FIXES  ************/
#g-slideshow { border-bottom: 3px #551D24 solid;}
.g-main-nav .g-standard > .g-dropdown, .g-main-nav .g-fullwidth > .g-dropdown { margin-top: 0px;}
#g-slideshow .g-content { margin: 0; padding: 0; }
.g-main-nav .g-toplevel > li.g-parent .g-menu-parent-indicator { display: none;  }
.g-main-nav .g-toplevel > li > .g-menu-item-container { 
	padding-left: 0px; 
	padding-right: 0px;  
	font-size: 1.3vw;
	color: #971E26;
}


.g-main-nav ul.g-toplevel {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
}
.g-main-nav .g-standard .g-fade.g-dropdown { z-index: 10;}
.g-main-nav .g-dropdown { border-radius: 0 0 6px 6px;}

.g-main-nav .g-standard > .g-dropdown.g-dropdown-right, .g-main-nav .g-fullwidth > .g-dropdown.g-dropdown-right { left: 0; }

@media only screen and (max-width: 767px) { 
	.g-logo img { width: 70%;} 
	.g-offcanvas-toggle {
		top: 20px;
		left: 20px;
		color: white; 
	}
	
}

@media only screen and (min-width: 1500px) { .g-main-nav .g-toplevel > li > .g-menu-item-container { font-size: 1.3rem;}}

/************ OFFCANVAS MENU  ************/
#g-offcanvas #g-mobilemenu-container .g-toplevel > li > .g-menu-item-container > .g-menu-item-content, #g-offcanvas #g-mobilemenu-container .g-sublevel > li > .g-menu-item-container > .g-menu-item-content {font-weight: normal; }
#g-offcanvas .g-menu-item-title {color: white; }
#g-offcanvas #g-mobilemenu-container ul > li > a.g-menu-item-container:hover {background: rgba(0,0,0,0.15); }
#g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {border: none; background: none; }
#g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover {border: none; background: none; }



.box1.moduletable { background: #971e26; }

/************ SIDE MENU  ************/
#g-aside .moduletable[class*="box"] { padding: 0; }
#g-aside .g-content { padding-left: 0; padding-right: 0px;}
.moduletable .nav.menu li a { width: 100%; border-radius: 0; padding: 10px 20px; color: white; font-weight: normal;}
.moduletable .nav.menu li{ transition: all .2s ease-in; border-radius: 3px; width: 100%; padding: 0; margin: 0;}
.moduletable .nav.menu, .moduletable .unstyled { border: none; padding: 0; margin: 0; display: block;}
.moduletable .nav.menu li:last-child {  padding-bottom: 0;  margin-bottom: 30px;}
.moduletable .nav.menu .nav-child li:last-child {  margin-bottom: 0px;}
.moduletable .nav .nav-child { margin-top: 0px;}
.moduletable .nav.menu .nav-child li { border: none; margin-left: 20px; padding-right: 20px;}

.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover { 
	color: #551D24;
	background: #BAA169;
	font-weight: normal;
}

/************ SHOWCASE ROTATOR  ************/

#g-showcase p, #g-showcase h1, #g-showcase h3 {color: white;}
#g-showcase h2 {color: white; border-bottom: none;}

.sprocket-features-img-container img {
	object-fit: cover; 
	object-position: center;
	height: 321px !important;
	width: 100%;
}

body .sprocket-features-desc p { margin-bottom: .75rem; }

.arrows-active .sprocket-features-list { margin: 0; }
.pagination-active { margin-bottom: 0px;}
.pagination-active .sprocket-features-pagination { bottom: 0px; left:auto; right:50px;}
.layout-showcase .sprocket-features-pagination li { padding: 10px; }

.pagination-active .sprocket-features-pagination { bottom: 30px; }

.sprocket-features-container {display: flex; align-items: center; }
.sprocket-features-img-container {flex:2.25; order:2;}
.sprocket-features-content {flex:1; order:1; margin-left: 15px; margin-right: 10px; overflow-y: auto; background: white; }

.sprocket-features-img-container { margin-right: 0; }
.layout-showcase .sprocket-features-img-container img { float: none; margin-right: 0px;}

h2.sprocket-features-title, .sprocket-features-desc h2 {
	font-weight: normal; 
	font-size: 1.8vw;
	border-bottom: none;
	padding: 0;
}

.sprocket-features-desc p { 
	font-size: 1.2vw;
	line-height: 1.3;
	padding: 0%; 
}
h2.sprocket-features-title a { color: #03284c; }

.sprocket-features-desc .readon { margin-top: 20px; display: block; width: 130px; text-align: center;}
.sprocket-features-list { margin: 0; background: white;  }
.sprocket-features { padding: 25px 0; }

@media only screen and (min-width: 1200px) {
	.sprocket-features-img-container img { height: 450px !important;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.sprocket-features-img-container img {height: 225px !important; }
}

@media only screen and (max-width: 767px) {
	#g-header .g-content { padding: 0px; }
	.sprocket-features-container {flex-direction:column;}
	h2.sprocket-features-title, .sprocket-features-desc h2{ font-size: 1.35rem; }
	.sprocket-features-desc p { font-size: .9rem; padding-bottom: 5px; }
	body .sprocket-features-desc p { margin-bottom: 0px;}
	.sprocket-features-img-container {margin-right: 0px;}
	.sprocket-features-content { margin-right: 0px; height:320px;}
	.sprocket-features-arrows { display: none;}
	.sprocket-features-img-container { order:1;}
	.sprocket-features-content { order:2;}
	.sprocket-features-img-container img {height: 265px !important; width: 100%; }
	.layout-showcase .sprocket-features-img-container img { margin: 0;}
}



/************ BIGGER ARROWS ON SLIDESHOW ************/
.sprocket-features.layout-showcase.arrows-active.arrows-onhover .sprocket-features-arrows .arrow { 
	background: none; box-shadow: none; color: white;}
.sprocket-features.layout-showcase.arrows-active.arrows-onhover .sprocket-features-arrows .arrow { font-size: 5rem; }
.arrows-onhover .sprocket-features-arrows .arrow.prev { margin-left: -40px;}
.arrows-onhover .sprocket-features-arrows .arrow.next { margin-right: -40px;}

/************ UPCOMING EVENTS  ************/
.rme-badge { 
	font-family: Lato, san-serif; 
	background: #971E26; 
	border-radius: 3px; 
	color: white; 
	padding: 5px 0px; 
	width: 55px; 
	float: none; 
	margin-bottom: 0px;
}
.rme-items { display: block;}
.rme-description { flex: 1; color: #333;}
.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: 10px 0px; 
	padding: 0;
}
.rme-timeline.arrows-on { display: none;}

@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;}
}

/************ HEADLINES  ************/
h4.sprocket-lists-portrait-title { background: none; font-size: 1.4rem !important; color: #414042; margin-top: 0px; margin-bottom: 0px; line-height: 40px !important;}
.active h4.sprocket-lists-portrait-title { margin-bottom: 10px; line-height: 1.3 !important;}
.portrait-image img {height: 40px;}
.active .portrait-image img {   object-fit: cover;  object-position: center;  height: 200px;}
.active .portrait-image { width: 40%;}
.sprocket-lists-portrait-container li {  border-bottom: 2px solid rgba(85, 29, 36, 0.9); }

.sprocket-lists-item { color: #333; }
h4.sprocket-lists-title { color: #971E26;  background: none; border: none;}
.sprocket-lists-title .indicator { display: none; }
.sprocket-lists-container li { border-bottom: 2px rgba(0,0,0,.3) solid; padding: 5px 0;}
.sprocket-lists-title { margin: 0 !important; padding-left: 0px !important;}
.sprocket-lists-portrait p {color: #333333;}
.sprocket-lists-item .sprocket-padding { padding: 0 10px 10px 0px;}
.sprocket-lists-container img {
	object-fit: cover;  
	object-position: center;  
	height: 8vw; 
	width: 40%;
}
#g-extension .platform-content:first-child {margin-bottom: 0px; padding-bottom: 0px;}
#g-extension .platform-content:last-child { margin-top: 0px; padding-top: 0px;}
.sprocket-lists-item .readon { display: table; }
#g-extension .imgshadow td a:hover img {box-shadow: 2px 2px 10px rgba(0,0,0,.5);}


/************ QUICKLINKS  ************/
.quicklinks {  display: flex;}
.quicklinks > div { flex: 1; padding: 10px; transition: all .3s ease-in; }
.quicklinks > div:hover { background: #551D24;}
.quicklinks > div:hover a { color: #ffffff; }
.quicklinks a { color: #551D24; text-align: center; font-size: 1.3vw;}
.quicklinks img { 
	object-fit: cover;  
	object-position: center;  
	height: 8vw; 
	width: 100%;
}

#g-utility .g-content { padding: 0; }

@media only screen and (max-width: 767px) {
	.quicklinks > div { flex: 50%; }
	.quicklinks { flex-wrap: wrap; }
	.quicklinks a { font-size: 1rem;}
	.quicklinks img { height: 30vw; }
}



/************ HOMEPAGE NEWS AREA  ************/
#g-extension .g-container { background: white; }
#g-feature:before { border: none;}
h3.g-title { margin: 0; padding: 0; border-bottom: 1px #971E26 solid;}
.centertitle h3.g-title { text-align: center;}
#g-extension .g-grid:first-child .g-content { margin-bottom: 0px; padding-bottom: 0px;}
.mod_docman_icons { padding-top: 20px;}
.goldborderimages img { border: 2px #BAA169 solid; transition: all .3s ease-in; }
.goldborderimages img:hover { border: 2px #333 solid;}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	#g-extension .g-grid .g-content { margin: .625rem .25rem 0 .25rem; padding: 1.5rem 0 0 0;}
}

.outline-10 #g-extension h4 {color: #971E26; font-size: 1.5rem; border-bottom: 0px solid;  line-height: 1.3; margin: 0; padding: 0; font-family: Lora, serif; text-transform: none; background: none;} 



/************ FOOTER  ************/
#g-footer h2 { border: none;}
#g-footer { border-top: 3px #fff solid;} 
#g-footer .g-grid:first-child .g-content {margin-bottom: 0; padding-bottom: 0;}
#g-footer .g-grid:nth-child(2) .g-content {margin-top: 0; padding-top: 0;}
#g-footer .fa-fw {font-size: 2rem;}


/************ FAQ  ************/
.table-striped tbody tr:nth-child(2n+1) td, .table-striped tbody tr:nth-child(2n+1) th {
    background: rgba(0,0,0,.03);
}
.list-striped li:nth-child(odd), .list-striped dd:nth-child(odd), .row-striped .row:nth-child(odd), .row-striped .row-fluid:nth-child(odd), .cat-list-row0 { background: none; }

/* .mod-articles-category-title:after { display: table; content: 'Answer';} */


/************ FOR LARGE SCREENS  ************/
@media only screen and (min-width: 1600px) {
	h2.sprocket-features-title, .sprocket-features-desc h2 {font-size: 2rem;}
	.sprocket-features-desc p { font-size: 1rem;  }
	.quicklinks a { font-size: 1.4rem;}
	h1.mission { font-size: 3rem;}
	.quicklinks img { height: 160px;}
}


ul.category-moduletrimpadding { margin-left: 0px;}
.category-moduletrimpadding li  { margin-bottom: 15px;}

/*********** adding Analytics Privacy Policy for Google Signal *********/
@media only screen and (min-width: 50.99rem) {
    #g-copyright {
        position: relative;
    }
    .web-policy {
        position: absolute;
        bottom: 0px;
        right: 10px;
        padding-left: 20px;
        z-index: 1000;
    }
    .web-policy * {
        margin: 0;
        padding: 0;
    }
    .web-policy p {
        margin: 0;
        padding: 0;
        font-size: .8vw;
        text-transform: none;
    }
    .web-policy a {
        color: var(--web-policy-color)!important;
    }
    .web-policy a:hover {
        color: var(--web-policy-hover)!important;
    }
	.web-policy div {
		padding-top: 1vw  !important; }
}