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

/***********
/************ TEMPLATE  ************
Rotator Size: 1000x563 (wide, 16:9)

/************ FONTS  ************
Serif: Lora
Sans Serif: Montserrat
font-family: 'Lora', serif;
font-family: 'Montserrat', sans-serif;

/************ COLORS  ************
Blue: #004B8D; rgba(0,75,141,1)
Light Blue: #4682B4; rgba(70,130,180,1)
Light Grey: #F1F2F2 >>> background color

/************ NOTES ************
- Menu bar: rgba(0,75,141,.75)
- Mass Times overlay: rgba(70,130,180,.9)
- QL overlay: rgba(70,130,180,.6)
- QL text has a 50% dropshadow to make the text pop a little more
- Most items (like images, buttons, bars, badges) float/have a dropshadow
- There are two images for the header, the St. Teresa image overlays the b/w image
- Mass Times are static:



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

body {color: #333; font-family: 'Montserrat', 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;}
h2 {font-variant-caps: small-caps; color: #004b8d; font-size: 2.5rem;   font-weight: bold;}
.page-header h2 { padding-bottom: 0.25rem; line-height: 2.5rem;}
h3 {color: #004b8d; font-size: 2rem; border-bottom: 1px solid #001940;  line-height: 1.3; margin: 0 0 10px 0;}
h3.mont {font-family: 'Montserrat', sans-serif;}
h4 {color: #4682B4; font-size: 2rem;} 
h4.mont {font-family: 'Montserrat', sans-serif;}
h5 {background: #4682B4; font-size: 1.75rem;color: white; border-radius: .2rem; padding: .5rem;} 
h6 {color: #004b8d; font-size: 1.5rem; text-transform: uppercase; font-weight: bold; font-family: 'Montserrat', sans-serif;}
h6.mixed {text-transform: none;}
 a {color: #4682B4;} 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: #4682B4;  font-family: 'Montserrat', sans-serif;
} 


/*************** HOMELAYOUT ***************/ 
.homelayout h3.g-title:not(.homelayout #g-extension h3.g-title) {background: #004B8D; color: #ffffff; border-radius: 7px; font-weight: 400; border-bottom: none;}

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

 /*************** TOP **********************/ 

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


.g-logo img {/*height: 13vw;*/ width: auto!important; padding: 2vw;}
.homelayout #g-navigation {background: url('/images/template/header.jpg') 100% 100% no-repeat; background-size: cover;}
.homelayout #g-navigation .g-container {background: url('/images/template/header-sta.png') 0% 0% no-repeat; background-size: contain;}
.homelayout #g-navigation .g-container .g-grid:nth-child(3):not(.homelayout #g-navigation .g-container .g-grid:nth-child(2)) {padding: 3vw 5%;}
.homelayout #g-navigation .g-container .g-grid:nth-child(3) .g-block:first-child {margin-right: 1vw; margin-left: -1vw;}
.homelayout #g-navigation .g-container .g-grid:nth-child(3) .g-block:last-child {margin-left: 1vw; margin-right: -1vw}
.g-main-nav .g-toplevel {padding-left: 5%; height: 3vw;}
.g-main-nav .g-toplevel .g-menu-item-container {height: 100%; display: flex; align-items: center;}

.m-times {background: url('/images/template/masstimes.jpg') 0% 0% no-repeat; height: 30vw!important;}
.m-times > div {background: rgba(70,130,180,.9); height: 100%; padding: 2vw 1vw;}
.m-times :is(h1,h2,h3,h4,h5,h6) {color: #ffffff; border-bottom: none; text-transform: none; font-family: 'Lora', serif; font-weight: normal; font-variant-caps: normal; margin-bottom: 0.25rem;}
.m-times :is(p, a) {color: #ffffff; /*font-size: 1vw;*/}
.layout-showcase .sprocket-features-img-container img {height: 30vw!important; width: 100%; object-position: center; object-fit: cover; margin: 0;}
.arrows-active .sprocket-features-list {margin: 0;}
.pagination-active {margin: 0;}
.pagination-active .sprocket-features-pagination {bottom: 15px;}
.layout-showcase .sprocket-features-pagination li {padding: 7px;}
.layout-showcase .sprocket-features-arrows .arrow {background: none; box-shadow: none; font-size: 5em;}

@media only screen and (max-width: 767px) {
  .g-logo {text-align: center;}
  .g-logo img {/*height: 12vw;*/ text-align: center; margin: 2vw 0 4vw 2vw;}
	
	/*.homelayout #g-navigation .g-container {background: url('/images/template/header-sta.png') 0% 0% no-repeat; background-size: 40%;}*/
	.homelayout #g-navigation .g-container {background: none;}
  .homelayout #g-navigation .g-container .g-grid:nth-child(3) {flex-direction: column-reverse; padding: 0; margin: 0;}
  .homelayout #g-navigation .g-container .g-grid:nth-child(3) .g-block:nth-child(3) {margin: 0; width: 100%;}
  .homelayout #g-navigation .g-container .g-grid:nth-child(3) .g-block:nth-child(2) {margin: 0; width: 100%; height: 70vw;} 
  .homelayout #g-navigation .g-container .g-grid:nth-child(3) .g-block:first-child {margin-right: 0; margin-left: 0;}
  .homelayout #g-navigation .g-container .g-grid:nth-child(3) .g-block:last-child {margin-left: 0; margin-right: 0;}
  .homelayout #g-navigation .g-container .g-grid:last-child .g-block:first-child {width: 100%;}

  .homelayout #g-navigation .g-container .g-grid:nth-child(3):not(.homelayout #g-navigation .g-container .g-grid:nth-child(2)) {padding: 2vw 0;}

  .layout-showcase .sprocket-features-img-container img {height: 56vw!important;}
  .layout-showcase .sprocket-features-pagination li {display: none;}

  .m-times {height: 70vw!important;}
  .m-times :is(h1,h2,h3,h4,h5,h6) {font-size: 6vw;}
  .m-times :is(p, a) {font-size: 3vw;}

}


/**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: 'Montserrat', sans-serif;}


/*************** SLIDESHOW ****************/ 
/*************** HEADER *******************/ 
    /*Quicklinks*/
	
.a-links .sprocket-strips-s-item {box-shadow: 0px 0px 10px rgb(0 0 0 / 30%)}
.a-links .sprocket-strips-s-content h4.sprocket-strips-s-title {font-family: 'Montserrat', sans-serif;}
.a-links .sprocket-strips-s-content h4.sprocket-strips-s-title a {background: rgba(70,130,180,.6); text-shadow: 2px 2px #000000;}
.a-links .sprocket-strips-s-content h4.sprocket-strips-s-title a:hover {background: rgba(70,130,180,.8);}

@media only screen and (max-width: 767px) {
  .homelayout #g-header {padding-top: 2vw!important;}

  .a-links .sprocket-strips-s-item {background: rgba(70,130,180,.6);}
  .a-links .sprocket-strips-s-content h4.sprocket-strips-s-title a {background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 33%, rgba(70,130,180,.6) 33%, rgba(70,130,180,.6) 100%);}
  .a-links .sprocket-strips-s-content h4.sprocket-strips-s-title a:hover {background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 33%, rgba(70,130,180,.8) 33%, rgba(70,130,180,.8) 100%);}
}

/*************** ABOVE ********************/ 
/*************** FEATURE ******************/ 
#g-feature {padding: 0 5%;}

.homelayout #g-feature h1 {color: #004B8D; font-weight: 400;}
.zoompics h3.g-title {padding-left: 1vw;  }
.zoompics .sprocket-lists-portrait-title {color: #004B8D; font-family: 'Montserrat', sans-serif; }
.sprocket-lists-portrait-pagination li {background: #4682B4;}
.zoompics .sprocket-lists-portrait-arrows .arrow {color: #4682B4;}
.sprocket-lists-portrait-container li {border-bottom: 1px solid #4682B4;}
.zoompics .active .portrait-image img, .zoompics.noncollapse .portrait-image img {height: 12vw;  width: 12vw; margin: 0 5px 5px 0;}

/*************** SHOWCASE *****************/ 
/*************** UTILITY ******************/ 

/*************** EXPANDED *****************/ 
/*************** EXTENSION ****************/
.homelayout #g-extension {padding: 2% 5%;}
.homelayout #g-extension {background: url('/images/template/paralax2.jpg') 0% 0% no-repeat; background-size: cover; background-attachment: fixed;}
.homelayout #g-extension h3.g-title {border-bottom: none; color: #4682B4;}
.rme-badge {background: #004B8D;}
.rme-timeline-point:hover, .rme-timeline-point.active, .rme-timeline-point span {background: #004B8D;}
.rme-arrow {color: #004B8D;}
.rme-description {color: #004B8D;}

/*************** BOTTOM *******************/
#g-bottom {background: transparent;}

/*************** FOOTER *******************/
#g-container-footer {background: #004B8D; position: relative; width: 100%;}
#g-container-footer .g-logo {position: initial;}
#g-container-footer .g-logo img {position: absolute; bottom: 0; right: 0; margin: 0; padding: 0; height: 14vw;}
#g-footer a {color: #ffffff;} 
#g-footer p {font-family: 'Montserrat', sans-serif;}

@media only screen and (max-width: 767px) {
  #g-container-footer .g-logo {display: none;}
  #g-footer .g-grid .g-block:nth-child(2) {display: none;}
}

/*************** COPYRIGHT ****************/ 
/*************** MODULES ******************/
.moduletable .nav.menu, .moduletable .unstyled {background: #004B8D;} 
.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover {    
    color: #ffffff; 
    background: #4682B4; 
} 


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



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


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