@import url('//fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500&family=Gotu&family=Lato:wght@400;700&display=swap');

/************ TEMPLATE  ***********
Rotator Size: 1600x900 (wide, 16:9)

/************ FONTS  ***********
Serif Heading: EB Garamond
Sans Serif Heading: Gotu
Sans Serif: Lato

/************ COLORS  ************
dark blue: #00303f, rgba(0,48,63,1)
dark teal: #7a9d96, rgba(112,157,150,1)
light teal: #cae4db, rgba(202,228,219,1)
*/

body {	font-family: 'Lato', sans-serif; }

h1 {color: #00303f; font-size: 2.5rem; font-family: 'EB Garamond', serif; font-weight: 500;}
h2, .page-header h2, h3.g-title, .moduletable h3 {color: #00303f; font-size: 2.2rem; border-bottom: 2px #7a9d96 solid; font-family: 'EB Garamond', serif; font-weight: 500;}
h3 { color: #00303f;  font-family: 'EB Garamond', serif; font-size: 2rem; border-bottom: 2px solid #cdbe79;  line-height: 1.3; margin: 0; padding: 0 0 0 1rem;}
h4 { font-family: 'Gotu', san-serif; background: #182A47;  color: #cdbe79; font-size: 1.8rem; color: white;  border-radius: .2rem; padding: .5rem .4rem;}
h4.sprocket-strips-title { font-size: 1.5rem;}
h5 {font-family: 'Gotu', san-serif; color: #00303f; font-size: 1.8rem; }
h6 { font-family: 'Gotu', san-serif; color: #7A9D96; font-size: 1.6rem; font-style: italic;}
a { color: #7a9d96; }
.g-social a { color: #00303f; }
a:hover { color: #7a9d96; }
h1.bigtitle { font-size: 3.5rem; font-weight: 400;}
h4.sprocket-lists-modern-title { background: none; color: #666666; font-size: 1.7rem !important;}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
	h1 { font-size: 2rem; }  
	h2 { font-size: 1.5rem; }
	h3 { font-size: 1.5rem; }
	h4 { font-size: 1.5rem; }
	h5 { font-size: 1.2rem; }
	h6 { font-size: 1.2rem; }
	p { font-size: 1rem; margin-bottom: 4px;}
	h1, h2, h3, h4 { line-height: 1.5; }
	h5, h6, p { line-height: 1.2; }
}

.readon, .button, .btn, p.readmore .btn, .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span {
	background: #7a9d96;
	font-family: 'Lato', sans-serif; 
}

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

@media only screen and (max-width: 767px) {
	.g-logo img {width: 90%;}
}
/*.imgshadow td a:hover img {box-shadow: 2px 2px 10px rgba(0,0,0,.5);}*/
.imgshadow td a:hover img { transform: scale(1.15);  transition-duration: 1.25s;}

.g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content { font-weight: bold ;}
.g-main-nav .g-toplevel > li:hover > .g-menu-item-container, .g-main-nav .g-toplevel > li.active > .g-menu-item-container { color: #00303f; } 

#trigger-overlay:after { content: 'Menu'; padding-left: 5px; font-weight: 700; color: #00303f; font-family: 'Lato', san-serif; font-size: 16px;}
.g-overlaytoggle .g-overlaytoggle-bar-wrapper { position: relative; right: auto; top: auto; }
.g-overlaytoggle .nav-toggle { display:flex;  align-items: center; }
.g-overlaytoggle .nav-toggle .g-overlaytoggle-bar, .g-overlaytoggle .nav-toggle .g-overlaytoggle-bar:before, .g-overlaytoggle .nav-toggle .g-overlaytoggle-bar:after { background: #00303f; }

/************ ROTATOR  ************/
#g-above .g-content { padding: 0; margin: 0; }
.homelayout .overlayrotatorarea .g-container .g-grid {z-index: 1;}

.verticalcolumnoverlay div {  background: rgb(0 48 63 / 75%); }
.verticalcolumnoverlay div:hover {  background: rgb(0 48 63 / 90%); }
.verticalcolumnoverlay div a { color: white; font-size: 1.5rem; }

@media only screen and (max-width: 767px) {
	.verticalcolumnoverlay div {  background: rgb(0 48 63); }
	.fwrotator .layout-slideshow .sprocket-features-content {height: 0;}
	.fwrsuperwide .layout-slideshow .sprocket-features-img-container {padding-bottom: 0; }
}





/************ QUICKLINKS  ************/
.overlaybackpic .sprocket-strips-content {	background: rgba(0,48,63,.8);}
.overlaybackpic .sprocket-strips-content:hover {	background: rgba(0,48,63,.9);} 

/************ MODULES  ************/
/* SIDE MENU */
.moduletable .nav.menu, .moduletable .unstyled { background: #00303f; }
.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover {
	color: #00303f;
	background: #cae4db;
}

/****LOGIN FORM***/
form#login-form div.userdata ul.unstyled {
display: none;
}
#g-navigation form {margin: 0;}


/************ SECTIONS  ************/
#g-top {padding-right: 5%;}
/*#g-top .g-content {padding: 0.5rem;}*/
#g-navigation {padding: 0 5%; border-bottom: 2px solid #cae4db; }
#g-above {border-bottom: 2px solid #cae4db; }
#g-utility {padding: 0 5%;}
#g-expanded { background: url(/images/template/st-anthony-background.jpg) 100% 100% no-repeat; background-size: 40%; }
#g-bottom .g-grid { padding-top: 30px;}
#g-bottom, #g-footer { border: none;}
#g-footer h5, #g-footer h5 a { color: white;}
#g-footer p { padding-bottom: 20px;}

.homelayout #g-expanded .g-block:last-child .platform-content:nth-child(2) { padding: 0;}

#g-container-main  {
	margin-left: 4% !important;
    margin-right: 4% !important;
}


/************ move ads higher on mobile  ************/
/***reorder columns in a container***/
@media only screen and (max-width: 767px) {
	#g-expanded .g-block:first-child  { order: 2; }
	#g-expanded .g-block:last-child { order: 1; }
}


/************ NEWS  ************/
.sprocket-lists-modern-pagination li { background: #00303f;  }
.sprocket-lists-modern-arrows .arrow { color: #00303f; background: #cae4db; }

.extrapadtitlebottom h3 { margin-bottom: 15px;}

/************ MOBILE  ************/
.g-offcanvas-toggle { color: #00303f; }

/************ CAL  ************/
.rme-badge { background: #00303f; }

/************ FOOTER  ************/
#g-footer a { color: white; }
#g-footer a:hover { color: #cae4db; }