@import url('//fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Lato:wght@400;700&display=swap');
/************ TEMPLATE  ************
Rotator Size: 1600x669 (super wide, 2.39:1)

/************ FONTS  ************
Serif: Cinzel
Sans Serif: Lato

/************ COLORS  ************
Blue: #042843; rgba(4,40,67,1)
Light Blue: #687E8E; rgba(104,126,142,1)
Cream: #E6E3BA; rgba(230,227,186,1)

/************ NOTES ************
*Rotator text background - straight up white @ 80% - rgba(225,225,225,.8)
*Quicklink overlay - blue @ 70% - rgba(4,40,67,.7)
*There's a dropshadow on the news images
************/

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

h1 {color: #042843; font-size: 3.5rem; font-weight: bold; font-family: 'Cinzel', serif;}
 .pageheader h1 {font-size: 2.5rem !important; text-transform: none;}
h2, .page-header h2 { font-variant-caps: small-caps; color: #687E8E; font-size: 2.2rem; font-family: 'lato', sans-serif;  font-weight: bold;}
h3 { color: #042843; font-size: 1.8rem; border-bottom: 1px solid #687E8E;  line-height: 1.3; margin: 0 0 10px 0; font-family: 'Cinzel', serif;}
h4 { color: #687E8E; font-size: 1.8rem; font-family: 'lato', sans-serif;}
h5 {background: #042843; font-size: 1.75rem;color: white; border-radius: .2rem; padding: .5rem;}
h6 {color: #687E8E; font-size: 1.4rem; text-transform: uppercase; font-weight: bold; }
a { color: #687E8E; }
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: #042843;
}
/************ HOMELAYOUT *********/
.homelayout #g-container-main {display: none;}
.homelayout h3.g-title {font-family: 'Cinzel', serif; color: #042843; border-bottom: 1px solid #687E8E;}

#g-navigation {padding: 0 3%;}

@media only screen and (max-width: 767px){ 
	#g-navigation {border-bottom: 3px solid #042843;}
}
/************ SCHOOLLAYOUT *******/
.lowerlinks .button {width: 15vw; height: 5vw; border-radius: 0; /*margin: auto;*/  vertical-align: middle; align-items: center; justify-content: center;}
.lowerlinks .button a {vertical-align: middle; line-height: 3.5vw; font-size: 1.2vw; font-family: 'Cinzel', serif;}

.outline-14 #g-feature h2 {font-weight: 400; font-family: 'Cinzel', serif; color: #687E8E;}

@media only screen and (max-width: 767px){
  .lowerlinks .button {width: 75%; height: 15vw;}
  .lowerlinks .button a {line-height: 11.5vw; font-size: 1.3rem;}
}

/************ TOP ****************/
#g-top {background: url('/images/stories/template/header1.jpg') 100% 0% no-repeat; background-size: 40%; font-weight: 400;}

@media only screen and (max-width: 767px){
  #g-top {background: #ffffff;}
}

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

.alert {
    background-color: inherit;
    color: inherit;
}
.alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6, .alert p {
    color: inherit;
}

/************ SHOWCASE ***********/
    /*Rotator*/
.fwrsolidback .layout-slideshow .sprocket-features-title, .fwrsolidback .layout-slideshow .sprocket-features-desc {
  background: rgba(225,225,225,.9);
  width: 22vw;
  padding: 1vw;}
.fwrsolidback .layout-slideshow .sprocket-features-title, .fwrsolidback .layout-slideshow .sprocket-features-desc h3 {
  color: #687E8E;
  border-bottom: none;}
.fwrsolidback .layout-slideshow .sprocket-features-title, .fwrsolidback .layout-slideshow .sprocket-features-desc p {
  color: #333;}
.layout-slideshow .sprocket-features-content {background: none;}
.outline-14 .fwrotator .layout-slideshow .sprocket-features-content {left: 70vw;}

.content-left .layout-slideshow .sprocket-features-content {height: 100%; width: 100%; top: 0; bottom: 0; left: 0; right: 0;}
.content-left .layout-slideshow .sprocket-features-desc {position: absolute; left: 5vw; top: 25%;}
.content-right .layout-slideshow .sprocket-features-content {height: 100%; width: 100%; top: 0; bottom: 0; left: 0; right: 0;}
.content-right .layout-slideshow .sprocket-features-desc {position: absolute; right: 5vw; top: 25%;}

@media only screen and (max-width: 767px){
  .content-left .layout-slideshow .sprocket-features-content {height: 100%; width: 100%; top: initial;}
  .content-left .layout-slideshow .sprocket-features-desc {position: initial; left: 5vw; top: 25%;}
  .content-right .layout-slideshow .sprocket-features-content {height: 100%; width: 100%; top: initial;}
  .content-right .layout-slideshow .sprocket-features-desc {position: initial; right: 5vw; top: 25%;}
}


@media only screen and (max-width: 767px){
  .outline-14 .fwrotator .layout-slideshow .sprocket-features-content {left: 0vw;}
  .layout-slideshow .sprocket-features-content {padding: 0!important;}
  .layout-slideshow .sprocket-features-desc {margin-top: 0px;}
  .fwrsolidback .layout-slideshow .sprocket-features-title, .fwrsolidback .layout-slideshow .sprocket-features-desc {
    height: 100%;
    width: 100%; 
    padding: 1vw 5vw;  }

  .outline-14 .fwrsolidback .layout-slideshow .sprocket-features-title, .fwrsolidback .layout-slideshow .sprocket-features-desc {
    padding: 3vw 5vw;  }
  .fwrsuperwide .layout-slideshow .sprocket-features-img-container, .fwrwide .layout-slideshow .sprocket-features-img-container, .fwrultrawide .layout-slideshow .sprocket-features-img-container{
    padding-bottom: 81vw;  }
  .fwrotator .layout-slideshow .sprocket-features-content{
    height: 81vw;  }
  .fwrsolidback .layout-slideshow .sprocket-features-title, .fwrsolidback .layout-slideshow .sprocket-features-desc h3 {
    font-size: 1.75rem;   }
  .fwrsolidback .layout-slideshow .sprocket-features-title, .fwrsolidback .layout-slideshow .sprocket-features-desc p {
    font-size: 1rem; 
    margin-bottom: 4px;  }
}

/************ UTILITY ************/
    /*Quicklinks*/
.qloverlaybackpic .sprocket-strips-content {	background: rgba(4,40,67,.7); }
.qloverlaybackpic .sprocket-strips-content:hover {background: rgba(4,40,67,.9);}
    
@media only screen and (max-width: 767px) {
  .sprocket-strips-item {background-image: default;}
  /*.qloverlaybackpic .sprocket-strips-content, .qloverlaybackpic .sprocket-strips-content:hover { background: none; }*/
  .qloverlaybackpic li { background: rgba(126,20,22,1); }
  .qloverlaybackpic li:hover {background: black;}
}

/************ EXPANDED **********/
    /*UPCOMING EVENTS*/
.rme-items {display: flex; flex-direction: column;}
.rme-item {display: flex;}
.rme-items li {margin: 5px 0;}
.cols-5 > li {width: inherit;}
.rme-timeline {display: none;}
.rme-badge {background: #042843;}

    /*Headlines*/
.homelayout #g-expanded .portrait-image img {height: 10vw; width: 15vw; margin: 0.5rem 0.5rem 2rem 0.5rem; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 0px 7px 0 rgba(0,0,0,0.19);}
.homelayout #g-expanded h4.sprocket-lists-portrait-title {font-family: 'Cinzel', serif; font-size: 1.5rem; color: #687E8E;}

@media only screen and (max-width: 767px){
  .homelayout #g-expanded .portrait-image img {height: inherit; width: inherit; box-shadow: none;}
  .homelayout #g-expanded .sprocket-lists-portrait-title {display: inherit;}
  .homelayout #g-expanded .sprocket-lists-portrait-item {display: contents;}
}

/************ BOTTOM *************/
#g-bottom {padding: 2vw 0vw 0vw 0vw!important;}

/************ FOOTER *************/
#g-footer {border-top: none;}
#g-footer h2 {color: #ffffff;}
#g-footer a { color: white; }

/************ MODULES  ************/
.moduletable .nav.menu, .moduletable .unstyled { background: #042843; }
.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover {
	color: #042843;
	background: #E6E3BA;
}

.fancytable th, .infotables th, .contactinfo th {color: white; padding: 5px; background: #042843; border: 1px solid #042843;}
.fancytable td, .infotables td, .contactinfo td {padding: 5px 10px; border: 1px solid #042843;}


/************ SECTIONS  ************/
#g-expanded {padding: 2% 4%;}

.newslayout .pull-left.item-image img {max-width: 25vw;}
@media only screen and (max-width: 767px){
	.newslayout .pull-left.item-image img {width: 100%}
}


.allminlayout .sprocket-lists-item .readon {display: none;}
.allminlayout .sprocket-lists-title {padding: 2px 0 !important; background: none; border: 0px solid white;}
.allminlayout .sprocket-lists ul.sprocket-lists-container li {border-bottom: 0px solid rgba(0, 0, 0, 0.1); padding: 0;}
.allminlayout .sprocket-lists-item .sprocket-padding {padding: 5px;}


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

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