@import url('//fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&family=Lora: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: Lora
Sans Serif: Lato

/************ COLORS  ************
Navy: #001940; rgba(0,25,64,1)
Lightest Grey: #f1f2f2 >>>background color
Menu bar blue: #485975

SH - red: #8A171C; rgba(138,23,28,1)
SPS - red: #821327; rgba(130,19,39,1) --- gold: #C59F3A; rgb(197,159,58)
SPBC - green: #26580F; rgba(38,88,15,1)
SLM - dusty blue: #7D7A8B; rgba(125,122,139,1)

/************ NOTES ************
fonts


colors
blue: #001941  rgba(0, 25, 65, 1)
light gray: #f4f6f5 rgba(244, 246, 245, 1)


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

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;}
.page-header h1 {text-transform: none; font-size: 3rem;}
h1 {color: #001940; font-size: 3.5rem; font-weight: bold; font-family: 'Lora', serif;}
h2 {font-variant-caps: small-caps; color: #8A171C; font-size: 2.5rem; font-family: 'Lora', serif; font-weight: bold;}
.page-header h2 { padding-bottom: 0.25rem; line-height: 2.5rem;}
h3 {color: #001940; font-size: 2rem; border-bottom: 1px solid #cdbe79; line-height: 1.3; margin: 0 0 10px 0; font-family: 'Lora', serif;}
h3.lato {font-family: 'Lato', sans-serif;}
h4 {color: #001940; font-size: 2rem;} 
h4.lato {font-family: 'Lato', sans-serif;}
h5 {background: #485975; font-size: 1.75rem; color: white; border-radius: .2rem; padding: .5rem;} 
h6 {color: #001940; font-size: 1.5rem; text-transform: uppercase; font-weight: bold;}
h6.mixed {text-transform: none;}
a {color: #001940;} 
a:hover {color: black;}

@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: #001940;
  font-family: 'Lato', sans-serif;
} 


/*************** HOMELAYOUT ***************/ 
.homeonly:not(.homelayout .homeonly) {display: none;}
/*cluster*/.outline-18.homelayout h3.g-title {color: #001940; border-bottom: 1px solid #001940; font-weight: 400;}
/*stleo*/.outline-19.homelayout h3.g-title {color: #7D7A8B; border-bottom: 1px solid #7D7A8B; font-weight: 400;}
/*sh*/.outline-21.homelayout h3.g-title {color: #8A171C; border-bottom: 1px solid #8A171C; font-weight: 400;}
/*stpat*/.outline-22.homelayout h3.g-title {color: #26580F; border-bottom: 1px solid #26580F; font-weight: 400;}
/*stpeter*/.outline-23.homelayout h3.g-title {color: #821327; border-bottom: 1px solid #821327; font-weight: 400;}
/*stjoe*/.outline-25.homelayout h3.g-title {color: #192A53; border-bottom: 1px solid #192A53; font-weight: 400;}
.homelayout .hiddenhome-desktop {display: none;}

@media only screen and (max-width: 50.99rem) {
  .homelayout .hiddenhome-desktop {display: block;}
}

/*************** OFFCANVAS ****************/
.g-offcanvas-toggle {color: #ffffff;} 

/*************** TOP **********************/ 
/*cluster*/.outline-18 #g-top .g-container .g-grid:last-child {background: #001940;}
/*cluster*/.outline-20 #g-top .g-container .g-grid:last-child {background: #001940;}
/*stleo*/.outline-19 #g-top .g-container .g-grid:last-child {background: rgba(125,122,139,.8);}
/*sh*/.outline-21 #g-top .g-container .g-grid:last-child {background: rgba(138,23,28,.8);}
/*stpat*/.outline-22 #g-top .g-container .g-grid:last-child {background: rgba(38,88,15,.8);}
/*stpeter*/.outline-23 #g-top .g-container .g-grid:last-child {background: rgba(130,19,39,.8);}
/*stjoe*/.outline-25 #g-top .g-container .g-grid:last-child {background: rgba(25,42,83,.8);}

/*cluster*/.outline-18 #g-top .g-logo img {height: auto;}
/*cluster*/.outline-20 #g-top .g-logo img {height: auto;}
/*stleo*/.outline-19 #g-top .g-logo img {height: auto;}
/*sh*/.outline-21 #g-top .g-logo img {height: auto; width: 30%;}
/*stpat*/.outline-22 #g-top .g-logo img {height: auto;}
/*stpeter*/.outline-23 #g-top .g-logo img {height: auto; width: 25%;}
/*stjoe*/.outline-25 #g-top .g-logo img {height: auto; width: 25%;}

@media only screen and (max-width: 50.99rem) {
  #g-top {padding: 0;}
  #g-top .g-logo {text-align: center;}

/*cluster*/.outline-18 #g-top .g-logo img {height: auto;}
/*cluster*/.outline-20 #g-top .g-logo img {height: auto;}
/*stleo*/.outline-19 #g-top .g-logo img {height: auto; width: 75%;}
/*sh*/.outline-21 #g-top .g-logo img {height: auto; width: 60%;}
/*stpat*/.outline-22 #g-top .g-logo img {height: auto; width: 80%;}
/*stpeter*/.outline-23 #g-top .g-logo img {height: auto; width: 50%;}
/*stjoe*/.outline-25 #g-top .g-logo img {height: auto; width: 50%;}
}

#g-top .g-container {width: 100%;}

/*************** NAVIGATION ***************/



/**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.1rem; font-weight: 500;}
.g-main-nav .g-toplevel {text-transform: none;}
.g-main-nav {font-family: 'Lato', sans-serif;}

.g-toplevel > li {display: flex; align-items: center; justify-content: center;}


/*************** SLIDESHOW ****************/ 
.homelayout #g-slideshow .g-container {position: relative; height: 56vw; width: 100%;}
/*.homelayout #g-slideshow .g-container .g-grid {position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%;}*/
/*.homelayout #g-slideshow .g-container .g-grid:nth-child(1) {z-index: 10; background: url('/images/template/header-swoop.png') 0% 0% no-repeat; background-size: contain;}*/
.homelayout #g-slideshow .g-container .g-grid:nth-child(1) {z-index: 11; position: absolute; top: 0; left: 0; right: 0; width: 100%;}
.homelayout #g-slideshow .g-container .g-grid:nth-child(2) {z-index: 9; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%;}
.homelayout #g-slideshow .g-container .g-grid:nth-child(3) {z-index: 10; position: absolute; top: 0; left: 0; right: 0; width: 100%;}
.homelayout #g-slideshow .g-container .g-grid:nth-child(3) img {width: 100%; height: 14vw!important;}
.homelayout #g-slideshow .g-container .g-grid:nth-child(1) .g-block:nth-child(2) div {height: 100%; width: 100%;}
.homelayout #g-slideshow .g-container .g-grid:nth-child(1) .g-block:nth-child(2) {position: relative;}
/*.homelayout #g-slideshow .g-container .g-grid:nth-child(1) .g-block:nth-child(2) a.button:first-child {position: absolute; top: 1vw; right: 1vw;}*/

.homelayout #g-slideshow .mod-top-buttons > .custom {position: absolute; top: 1vw; right: 1vw; display: flex; flex-direction: column;}

.outline-25 #g-slideshow .g-logo img {    width: 50%;
  height: auto;
  margin-top: 0.05vw;
  margin-left: 2vw;} 

#g-slideshow .g-logo img {width: 66%; height: auto; margin-top: 2vw; margin-left: 2vw;}
.fwrotator .layout-slideshow .sprocket-features-content {top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; background: rgba(0,0,0,.2); align-items: flex-start; justify-content: flex-end;}
.fwrsolidback .layout-slideshow .sprocket-features-desc {background: none; margin-left: 3vw; margin-bottom: 13vw;}
.fwrsolidback .layout-slideshow .sprocket-features-desc :is(h1,h2,h3,h4,h5,h6) {font-size: 2vw;}
.fwrsolidback .layout-slideshow .sprocket-features-desc p {font-size: 1vw;}
.fwrbigarrows .layout-slideshow .sprocket-features-arrows .arrow {z-index: 12;}

@media only screen and (max-width: 50.99rem) {
  .homelayout #g-slideshow .g-container {height: 206vw;}
  .homelayout #g-slideshow .g-container :is(.g-grid:nth-child(1), .g-grid:nth-child(3)) {display: none;}
  .fwrotator .layout-slideshow .sprocket-features-content {height: 70vw; top: 56vw;}
  .fwrwide.fwrbigarrows .layout-slideshow .sprocket-features-arrows .arrow {top: 18vw;}
  .fwrsolidback .layout-slideshow .sprocket-features-desc {margin: 0; height: 100%; width: 100%; padding: 5%;}
  /*cluster*/.outline-18 .fwrsolidback .layout-slideshow .sprocket-features-desc {background: #001940;}
  /*stleo*/.outline-19 .fwrsolidback .layout-slideshow .sprocket-features-desc {background: #7D7A8B;}
  /*sh*/.outline-21 .fwrsolidback .layout-slideshow .sprocket-features-desc {background: #8A171C;}
  /*stpat*/.outline-22 .fwrsolidback .layout-slideshow .sprocket-features-desc {background: #26580F;}
  /*stpeter*/.outline-23 .fwrsolidback .layout-slideshow .sprocket-features-desc {background: #821327;}
  /*stjoe*/.outline-25 .fwrsolidback .layout-slideshow .sprocket-features-desc {background: #192A53;}

  .fwrsolidback .layout-slideshow .sprocket-features-desc :is(h1,h2,h3,h4,h5,h6) {font-size: 2rem;}
  .fwrsolidback .layout-slideshow .sprocket-features-desc p {font-size: 1rem;}
}

/*************** HEADER *******************/ 
.homelayout #g-header h1 {font-weight: 400;}

/*cluster*/.outline-18.homelayout #g-header h1 {color: #001940;}
/*stleo*/.outline-19.homelayout #g-header h1 {color: #7D7A8B;}
/*sh*/.outline-21.homelayout #g-header h1 {color: #8A171C;}
/*stpat*/.outline-22.homelayout #g-header h1 {color: #26580F;}
/*stpeter*/.outline-23.homelayout #g-header h1 {color: #821327;}
/*stjoe*/.outline-25.homelayout #g-header h1 {color: #192A53;}

@media only screen and (max-width: 50.99rem) {
  .homelayout #g-header .g-content {padding: 1.5rem 0 0 0;}
}

/*************** ABOVE ********************/ 
#g-above {padding: 0 5%;}
.qlexpandingborder h4.sprocket-strips-title {font-size: 1.8vw;}

/*cluster*/.outline-18 .qloverlaybackpic .sprocket-strips-content {background: rgba(0,25,65,.7);}
/*cluster*/.outline-18 .qloverlaybackpic .sprocket-strips-content:hover {background: rgba(0,25,65,.9);}

/*stleo*/.outline-19 .qloverlaybackpic .sprocket-strips-content {background: rgba(125,122,139,.7);}
/*stleo*/.outline-19 .qloverlaybackpic .sprocket-strips-content:hover {background: rgba(125,122,139,.9);}

/*sh*/.outline-21 .qloverlaybackpic .sprocket-strips-content {background: rgba(138,23,28,.7);}
/*sh*/.outline-21 .qloverlaybackpic .sprocket-strips-content:hover {background: rgba(138,23,28,.9);}

/*stpat*/.outline-22 .qloverlaybackpic .sprocket-strips-content {background: rgba(38,88,15,.7);}
/*stpat*/.outline-22 .qloverlaybackpic .sprocket-strips-content:hover {background: rgba(38,88,15,.9);}

/*stpeter*/.outline-23 .qloverlaybackpic .sprocket-strips-content {background: rgba(130,19,39,.7);}
/*stpeter*/.outline-23 .qloverlaybackpic .sprocket-strips-content:hover {background: rgba(130,19,39,.9);}

/*stjoe*/.outline-25 .qloverlaybackpic .sprocket-strips-content {background: rgba(25,42,83,.7);}
/*stjoe*/.outline-25 .qloverlaybackpic .sprocket-strips-content:hover {background: rgba(25,42,83,.9);}


@media only screen and (max-width: 767px) {
  .homelayout #g-above {padding: 0;}
  .homelayout #g-above > .g-grid > .g-block > .g-content {padding: 1.5rem 0 0 0;}
  .qloverlaybackpic h4.sprocket-strips-title {margin: 0; font-size: 5vw;}
  .qloverlaybackpic h4.sprocket-strips-title a {background: rgba(0,25,65,.7);}
  .qloverlaybackpic .sprocket-strips .sprocket-strips-container > li {border-bottom: none; margin: 1vw 0;}
  .heightvw13 .sprocket-strips-item, .heightvw13 .sprocket-strips-s-item img, .heightvw13 .sprocket-strips-image-overlay img {height: 18vw;}

	/*cluster*/.outline-18 .qloverlaybackpic .sprocket-strips-content, .qloverlaybackpic .sprocket-strips-content:hover {background: none;}
	/*cluster*/.outline-18 .qloverlaybackpic li {background: rgba(0,25,65,1);}
  /*cluster*/.outline-18 .qloverlaybackpic li:hover {background: black;}

  /*stleo*/.outline-19 .qloverlaybackpic .sprocket-strips-content, .qloverlaybackpic .sprocket-strips-content:hover {background: none;}
	/*stleo*/.outline-19 .qloverlaybackpic li {background: rgba(125,122,139,1);}
  /*stleo*/.outline-19 .qloverlaybackpic li:hover {background: black;}

  /*sh*/.outline-21 .qloverlaybackpic .sprocket-strips-content, .qloverlaybackpic .sprocket-strips-content:hover {background: none;}
	/*sh*/.outline-21 .qloverlaybackpic li {background: rgba(138,23,28,1);}
  /*sh*/.outline-21 .qloverlaybackpic li:hover {background: black;}

  /*stpat*/.outline-22 .qloverlaybackpic .sprocket-strips-content, .qloverlaybackpic .sprocket-strips-content:hover {background: none;}
	/*stpat*/.outline-22 .qloverlaybackpic li {background: rgba(38,88,15,1);}
  /*stpat*/.outline-22 .qloverlaybackpic li:hover {background: black;}

  /*stpeter*/.outline-23 .qloverlaybackpic .sprocket-strips-content, .qloverlaybackpic .sprocket-strips-content:hover {background: none;}
	/*stpeter*/.outline-23 .qloverlaybackpic li {background: rgba(130,19,39,1);}
  /*stpeter*/.outline-23 .qloverlaybackpic li:hover {background: black;}
  
  /*stjoe*/.outline-25 .qloverlaybackpic .sprocket-strips-content, .qloverlaybackpic .sprocket-strips-content:hover {background: none;}
	/*stjoe*/.outline-25 .qloverlaybackpic li {background: rgba(25,42,83,1);}
  /*stjoe*/.outline-25 .qloverlaybackpic li:hover {background: black;}
}


/*************** SHOWCASE *****************/ 
/*************** UTILITY ******************/ 
.homelayout #g-utility {background: url('/images/template/bg-jesus.jpg') 100% 100% no-repeat; background-size: cover;}
/*cluster*/.outline-18 h4.sprocket-lists-portrait-title a {color: #001940;}
/*stleo*/.outline-19 h4.sprocket-lists-portrait-title a {color: #7D7A8B;}
/*sh*/.outline-21 h4.sprocket-lists-portrait-title a {color: #8A171C;}
/*stpat*/.outline-22 h4.sprocket-lists-portrait-title a {color: #26580F;}
/*stpeter*/.outline-23 h4.sprocket-lists-portrait-title a {color: #821327;}
/*stpeter*/.outline-25 h4.sprocket-lists-portrait-title a {color: #192A53;}

.zoompics img {box-shadow: 0px 0px 10px rgba(0,0,0,.5); margin-left: 1vw; margin-right: 1vw;}
/*cluster*/.outline-18 .zoompics .sprocket-lists-portrait-container li {border-bottom: 1px solid #001940;}
/*stleo*/.outline-19 .zoompics .sprocket-lists-portrait-container li {border-bottom: 1px solid #7D7A8B;}
/*sh*/.outline-21 .zoompics .sprocket-lists-portrait-container li {border-bottom: 1px solid #8A171C;}
/*stpat*/.outline-22 .zoompics .sprocket-lists-portrait-container li {border-bottom: 1px solid #26580F;}
/*stpeter*/.outline-23 .zoompics .sprocket-lists-portrait-container li {border-bottom: 1px solid #821327;}
/*stjoe*/.outline-25 .zoompics .sprocket-lists-portrait-container li {border-bottom: 1px solid #192A53;}

.ext-links {display: flex; flex-direction: column; height: 20vw; text-align: center; justify-content: center; align-items: center;}
.ext-links img {width: 14vw; height: auto;}
.ext-links a {box-shadow: 0px 0px 10px rgba(0,0,0,.5); margin: 1vw 0; width: 14vw; height: auto;}
.ext-links a:hover {box-shadow: 0px 0px 0px rgba(0,0,0,.0);}

/*cluster*/.outline-18 .sprocket-lists-portrait-pagination li {background: #001940;}
/*cluster*/.outline-18 .zoompics .sprocket-lists-portrait-arrows .arrow {color: #001940;}

/*stleo*/.outline-19 .sprocket-lists-portrait-pagination li {background: #7D7A8B;}
/*stleo*/.outline-19 .zoompics .sprocket-lists-portrait-arrows .arrow {color: #7D7A8B;}

/*sh*/.outline-21 .sprocket-lists-portrait-pagination li {background: #8A171C;}
/*sh*/.outline-21 .zoompics .sprocket-lists-portrait-arrows .arrow {color: #8A171C;}

/*stpat*/.outline-22 .sprocket-lists-portrait-pagination li {background: #26580F;}
/*stpat*/.outline-22 .zoompics .sprocket-lists-portrait-arrows .arrow {color: #26580F;}

/*stpeter*/.outline-23 .sprocket-lists-portrait-pagination li {background: #821327;}
/*stpeter*/.outline-23 .zoompics .sprocket-lists-portrait-arrows .arrow {color: #821327;}

/*stjoe*/.outline-25 .sprocket-lists-portrait-pagination li {background: #192A53;}
/*stjoe*/.outline-25 .zoompics .sprocket-lists-portrait-arrows .arrow {color: #192A53;}

@media only screen and (max-width: 50.99rem) {
  .ext-links {height: auto;}
  .ext-links a {width: 80%; box-shadow: 0px 0px 5px rgba(0,0,0,.25);}
  .ext-links img {width: 100%;}
  .homelayout #g-utility {background: #f1f2f2;}
}

/*************** FEATURE ******************/ 
/*************** EXPANDED *****************/ 
/*************** EXTENSION ****************/

/*************** BOTTOM *******************/
.homelayout #g-bottom {background: url('/images/template/paralax1.jpg') 0% 0% no-repeat; background-size: cover; background-attachment: fixed;}
/*cluster*/.outline-18.homelayout #g-bottom .g-container {background: rgba(0,25,64,.5);}
/*stleo*/.outline-19.homelayout #g-bottom .g-container {background: rgba(125,122,139,.5);}
/*sh*/.outline-21.homelayout #g-bottom .g-container {background: rgba(138,23,28,.5);}
/*stpat*/.outline-22.homelayout #g-bottom .g-container {background: rgba(38,88,15,.5);}
/*stpeter*/.outline-23.homelayout #g-bottom .g-container {background: rgba(130,19,39,.5);}
/*stjoe*/.outline-25.homelayout #g-bottom .g-container {background: rgba(25,42,83,.5);}
.homelayout #g-bottom img {margin: 3vw 0 2vw 0;}

/*sh*/.outline-21.homelayout #g-bottom img {width: 45%; height: auto;}

@media only screen and (max-width: 50.99rem) {
  .homelayout #g-bottom img {width: 80%; height: auto;}
}

/*************** FOOTER *******************/

#g-footer a {color: #ffffff;} 
#g-footer table, #g-footer td {border: 0px solid #ffffff;}
#g-footer h3.g-title {color: white; border-bottom: 0px solid white; font-weight: 400;}
#g-footer h1 {color: white; border-bottom: 0px solid white; font-weight: 400;}

.footer-table {display: flex; justify-content: center;}
.footer-table img {height: 3vw; width: auto;}

@media only screen and (max-width: 50.99rem) {
  .footer-table {justify-content: flex-start;}
  .footer-table img {height: 6vw; width: auto;}
}

/*************** COPYRIGHT ****************/ 
/*************** MODULES ******************/
/*cluster*/.outline-20 :is(.moduletable .nav.menu, .moduletable .unstyled) {background: #001940;} 
/*cluster*/.outline-20 :is(.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover) {    
  color: #ffffff; 
  background: #7D7A8B; 
} 

/*stleo*/.outline-19 :is(.moduletable .nav.menu, .moduletable .unstyled) {background: #7D7A8B;} 
/*stleo*/.outline-19 :is(.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover) {    
  color: #ffffff; 
  background: #001940; 
} 

/*sh*/.outline-21 :is(.moduletable .nav.menu, .moduletable .unstyled) {background: #8A171C;} 
/*sh*/.outline-21 :is(.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover) {    
  color: #ffffff; 
  background: #C59F3A; 
} 

/*stpat*/.outline-22 :is(.moduletable .nav.menu, .moduletable .unstyled) {background: #26580F;} 
/*stpat*/.outline-22 :is(.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover) {    
  color: #ffffff; 
  background: #7D7A8B; 
} 

/*stpeter*/.outline-23 :is(.moduletable .nav.menu, .moduletable .unstyled) {background: #821327;} 
/*stpeter*/.outline-23 :is(.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover) {    
  color: #ffffff; 
  background: #C59F3A; }

/*stjoe*/.outline-25 :is(.moduletable .nav.menu, .moduletable .unstyled) {background: #192A53;}
/*stjoe*/.outline-25 :is(.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover) {    
  color: #ffffff; 
  background: #7D7A8B;  
} 

.moduletable.staff-page-box #login-form .control-group .btn {
  color: #ffffff;
}
.moduletable.staff-page-box .unstyled > li > a {
  color: #ffffff!important;
}


/*************** SECTIONS *****************/
/*************** MOBILE *******************/ 
/*************** ADS **********************/

#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 9998;
}

#popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  padding: 30px;
  border-radius: 5px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  z-index: 9999;
  max-height: 80%; /* Set the maximum height for the popup */
  overflow-y: auto; /* Enable vertical scrolling if content exceeds maximum height */
}

#popup.show {
  opacity: 1;
  visibility: visible;
  animation: fade-in 0.5s ease-out;
}

#close-popup-button {
  position: absolute;
  top: 10px;
  right: 10px;
}

#popup::-webkit-scrollbar {
  width: 8px; /* Set the width of the scrollbar */
}

#popup::-webkit-scrollbar-track {
  background-color: #f1f1f1; /* Set the background color of the scrollbar track */
  border-radius: 4px; /* Set the border radius of the scrollbar track */
}

#popup::-webkit-scrollbar-thumb {
  background-color: #888; /* Set the color of the scrollbar thumb */
  border-radius: 4px; /* Set the border radius of the scrollbar thumb */
}

#popup::-webkit-scrollbar-thumb:hover {
  background-color: #555; /* Set the color of the scrollbar thumb on hover */
}

@keyframes fade-in {
  from {
    opacity: 0;
    transform: translate(-50%, -60%);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}

@media only screen and (max-width: 600px) {
  /* Adjust the width for mobile devices */
  #popup {
    width: 90%;
  }
}

.homelayout #g-extension {
  padding: 0 !important;
  height: 0;
}

 .sprocket-lists-portrait-item li {
    border-bottom: none;
    overflow: initial;
    padding: 2px 0;
}
.sprocket-lists-portrait-item ul {
    list-style: initial !important;
    margin: unset;
    margin-left: 1.5rem;
    padding: initial;
}

 .sprocket-lists-portrait-container li {
    border-bottom: none;
    overflow: initial;
    padding: 2px 0;
}
.sprocket-lists-portrait-item ul {
    list-style: initial !important;
    margin: unset;
    margin-left: 1.5rem;
    padding: initial;
}
.active .portrait-image {width: 15%;}



/* @media (max-width: 50.99rem) {
  .outline-21 .layout-slideshow .sprocket-features-img-list {
    overflow: visible;
  }

  .outline-21 #g-slideshow > div > div:nth-child(2) > div > div > div > div > div > ul > li.sprocket-features-index-1 > div.sprocket-features-content {
    display: none;
  }

  .outline-21 .fwrotator .layout-slideshow .sprocket-features-content {
    height: fit-content;
    position: relative;
  }
} */

@media only screen and (min-width: 50.99rem) {
  .zoompics .active .portrait-image img, .zoompics.noncollapse .portrait-image img {
    height: unset;
    width: 100%;
    aspect-ratio: 1/1;
  }
  .zoompics .portrait-text {
    font-size: 1vw;
  }
  .sprocket-lists-portrait-container li {
    overflow: hidden;
  }
  .zoompics .active .portrait-image {
    width: 20%;
  }
  .zoompics .active h4.sprocket-lists-portrait-title {
    padding-left: 2vw;
  }
  .zoompics .active .sprocket-lists-portrait-item {
    padding-left: 25%;
  }
  .zoompics .sprocket-lists-portrait-container li {
    padding-top: 1vw;
    padding-bottom: 1vw;
  }
}

@media only screen and (max-width: 50.99rem) {
  /*.outline-21.homelayout .layout-slideshow .sprocket-features-img-list > li {
    display: flex;
    flex-direction: column;
  }
  .outline-21.homelayout .sprocket-features-img-container {
    opacity: 1!important;
    position: relative!important;
    height: 56vw;
    padding-bottom: 0!important;
  }
  /*.outline-21.homelayout .sprocket-features-img-container > img {

  }*
  .outline-21.homelayout .sprocket-features-content {
    height: fit-content;
    position: relative;
    top: unset;
}*/
.fwrsuperwide .layout-slideshow .sprocket-features-img-container, .fwrwide .layout-slideshow .sprocket-features-img-container, .fwrultrawide .layout-slideshow .sprocket-features-img-container {
	padding-bottom: 0;
}
	
}

@media (min-width: 50.99rem) {
  .homelayout #g-slideshow > .g-container {
    height: 56vw!important;
  }
}
@media only screen and (max-width: 50.99rem) {
  /*.outline-21.homelayout .fwrotator {
    margin-bottom: 150vw;
  }*/
  .homelayout #g-slideshow > .g-container {
    height: 185vw!important;
  }
  
  .sprocket-features-img-container {
    padding-bottom: 115vw;
    margin-bottom: 115vw;
  }
  .fwrotator .layout-slideshow .sprocket-features-content {
    overflow: hidden;
    height: 115vw;
  }

  .zoompics .active .portrait-image {
    width: 100%;
  }
  .zoompics .active .portrait-image img {
    width: 100%;
    height: unset;
    aspect-ratio: 1 / 1;
  }
}

/*.revival img {box-shadow: 0 0 10px rgba(0,0,0,.4); width: 100%; max-width: 100%;}
.revival {
  position: relative;
  margin: 0 12.5%;
}
.revival:before {
  content: 'Read More';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}*/


/*.revival:hover {
	    transform: scale(1.05); transition-duration: 1.45s; 
}*/
.revival-box {
  margin: 0!important;
  padding: 0!important;
}
.revival-box p {
  margin: 0;
  padding: 0;
}
.revival-wrapper {
  padding: 1rem 15%;
}
.revival-wrapper .revival-boxes {
  position: relative;
  transition: .4s all ease-in-out;
  /*min-height: 10vw;*/
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0,0,0,.4);
}
.revival-wrapper .revival-boxes:hover {
  transform: scale(1.05);
}
.revival-wrapper .revival-boxes:hover:before {
  opacity: 1;
}
.revival-wrapper .revival-boxes img {
  width: 100%;
  height: auto;
  min-height: 10px;
}
.revival-wrapper .revival-boxes:before {
  content: 'Read More';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  background: rgba(255,255,255,0.65);
  color: #001940;
  font-size: 2vw;
}
/*.revival-wrapper .revival-boxes > a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border-radius: 25px;
  overflow: hidden;
}*/
@media only screen and (min-width: 50.99rem) {
	.revival img {
	max-width: 100%;
}
}

@media only screen and (max-width: 50.99rem) {
  .revival-wrapper {
    padding: 1rem;
  }
}

/*.revival img {
border-radius: 25px;}*/


.servants-page .item-image {
  display: none;
}

@media (min-width: 50.99rem) {
  .servants-page .grid-articles .g-content-array > .g-grid {
    width: 50%;
    max-width: 50%;
  }

  .servants-page #g-mainbar > div:nth-child(2) > div > div {
    margin: 0;
    padding: 0;
  }

  .servants-page .g-block:has(#g-aside) {
    display: none;
  }

  .servants-page .size-75:has(#g-mainbar) {
    width: 100%;
    flex: 0 100%;
  }
}