@import url("//fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap");
/************ TEMPLATE  ************
Rotator Size: 1600x669 (super wide, 2.39:1)

/************ FONTS  ************
Serif: Libre Baskerville
Sans Serif: Lato

/************ COLORS  ************
Blue: #173a70; rgba(23,58,112,1)
Red: #7a0a12; rgba(122,10,18,1)
Lightest Blue-grey: #edeff3; rgba(237,239,243,1) >>> background color

/************ NOTES ************
-rotator overlay for text, and paralax overlay: LightestBG 80% - rgba(237,239,243,.8)
-rotator text titles, module titles, news article titles and 'read more', buttons for calendar and news >>> Red
-QL: rgba(23,58,112,.7)
-Drop/Box Shadow: rotator text box, QLs, ads, pics, pretty much most things have a slight dropshadow, except for the logo and text everywhere. Feel free to omit where you see fit
-Add Formed widget so the section looks like on StLeo-Doug in the Flocknote/FB area


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

body {
  color: #333;
  font-family: "Lato", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0.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: #173a70;
  font-size: 3.5rem;
  font-weight: bold;
  font-family: "Libre Baskerville", serif;
}
h2 {
  font-variant-caps: small-caps;
  color: #7a0a12;
  font-size: 2.5rem;
  font-family: "Lato", sans-serif;
  font-weight: bold;
}
.page-header h2 {
  padding-bottom: 0.25rem;
  line-height: 2.5rem;
}
h3 {
  color: #7a0a12;
  font-size: 2rem;
  border-bottom: 1px solid #173a70;
  line-height: 1.3;
  margin: 0 0 10px 0;
  font-family: "Libre Baskerville", serif;
}
h3.lato {
  font-family: "Lato", sans-serif;
}
h4 {
  color: #7a0a12;
  font-size: 2rem;
}
h4.lato {
  font-family: "Lato", sans-serif;
}
h5 {
  background: #173a70;
  font-size: 1.75rem;
  color: white;
  border-radius: 0.2rem;
  padding: 0.5rem;
}
h6 {
  color: #173a70;
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: bold;
}
h6.mixed {
  text-transform: none;
}
a {
  color: #173a70;
}
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: #7a0a12;
}

/*************** HOMELAYOUT ***************/
/*************** OFFCANVAS ****************/

/*************** TOP **********************/
/*************** NAVIGATION ***************/
#g-navigation .g-grid:first-child:not(.g-grid:last-child) {
  background-image: url("/images/template/header-graphic.webp");
  background-color: #edeff3;
  background-repeat: no-repeat;
  
  /* Positions it on the right and vertically centered */
  background-position: right center; 
  
  /* Sets height to 100% and width to auto */
  background-size: auto 140%; 
}
#g-navigation .g-logo img {
  height: 10vw;
  width: auto;
}
#g-navigation .g-content {
  padding: 1rem;
}
.g-menu-item-title {
  font-family: "Lato", sans-serif;
  text-transform: initial;
}
.g-main-nav .g-toplevel > li.g-parent .g-menu-parent-indicator {
  display: none;
}
.g-main-nav .g-toplevel > li.active > .g-menu-item-container {
  border-bottom: none;
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
  height: 100%;
  display: flex;
  align-items: center;
}
.g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
  letter-spacing: 0;
  font-weight: 400;
  font-size: 1rem;
}

@media only screen and (max-width: 767px) {
  #g-navigation .g-grid:first-child:not(.g-grid:last-child) {
    background: #edeff3;
  }
  #g-navigation .g-logo img {
    height: 12vw;
  }
}

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

/*************** SLIDESHOW ****************/
.fwrsolidback .layout-slideshow .sprocket-features-title,
.fwrsolidback .layout-slideshow .sprocket-features-desc {
  background: rgba(237, 239, 243, 0.8);
  top: 4vw;
  bottom: 4vw;
  left: 4vw;
  height: 80%;
  width: 30%;
  border-radius: 15px;
  padding: 1vw 2vw;
}
.homelayout .fwrotator .layout-slideshow .sprocket-features-content {
  top: 0;
  bottom: 0;
  left: 4vw;
  right: 0;
  width: 100%;
}
.sprocket-features-desc :is(h1, h2, h3, h4, h5, h6) {
  color: #7a0a12 !important;
  font-family: "Libre Baskerville", serif;
  margin: 0.5rem 0 0 0;
}
.sprocket-features-desc p {
  color: #000000 !important;
  margin-bottom: 0.25rem;
}
.fwrbigarrows .layout-slideshow .sprocket-features-arrows .arrow {
  color: rgba(255, 255, 255, 0.5);
}

@media only screen and (max-width: 767px) {
  .fwrsolidback .layout-slideshow .sprocket-features-title,
  .fwrsolidback .layout-slideshow .sprocket-features-desc {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
    padding: 5vw;
  }
  .homelayout .fwrotator .layout-slideshow .sprocket-features-content {
    top: 42vw;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
  }
  /*.fwrsuperwide .layout-slideshow .sprocket-features-img-container, .fwrwide .layout-slideshow .sprocket-features-img-container, .fwrultrawide .layout-slideshow .sprocket-features-img-container {padding-bottom: 90vw;}*/
}

/*************** HEADER *******************/
/*Quicklinks*/
.qloverlaybackpic .sprocket-strips-item {
  border-radius: 15px;
}
.qlexpandingborder h4.sprocket-strips-title {
  border-radius: 15px;
  font-size: 1.5rem;
}

.qloverlaybackpic .sprocket-strips-content {
  background: rgba(23, 58, 112, 0.7);
  border-radius: 15px;
}
.fwrotator .layout-slideshow .sprocket-features-content {
  height: 100%;
}
.qloverlaybackpic .sprocket-strips-content:hover {
  background: rgba(23, 58, 112, 0.9);
}

@media only screen and (max-width: 767px) {
  .homelayout #g-header .g-content {
    margin: 0;
    padding: 0;
  }
  .qloverlaybackpic .sprocket-strips-content,
  .qloverlaybackpic .sprocket-strips-content:hover {
    background: none;
  }
  .qloverlaybackpic li {
    background: rgba(23, 58, 112, 1);
  }
  .qloverlaybackpic li:hover {
    background: black;
  }
  .qloverlaybackpic .sprocket-strips .sprocket-strips-container > li {
    border-bottom: 0;
  }
  .qloverlaybackpic .sprocket-strips-item {
    border-radius: 0;
  }
}

/*************** ABOVE ********************/
/*Upcoming Events*/
.rokminievents3 {
  display: flex;
  justify-content: center;
}
.rme-items {
  display: flex;
  flex-direction: column; /*width: 80%;*/
}
.rme-items li {
  margin: 4px 0px;
}
.rme-item {
  display: flex;
  flex-direction: row;
}
.rme-badge {
  background: #173a70;
}

@media only screen and (max-width: 767px) {
  .rme-items {
    width: 75%;
    flex-direction: initial;
  }
}

/*Recent News*/
h4.sprocket-lists-portrait-title {
  font-family: "Libre Baskerville", serif;
}
h4.sprocket-lists-portrait-title a {
  color: #7a0a12;
}
.sprocket-lists-portrait-container li {
  border-bottom: 1px solid #173a70;
}

.zoompics .active .portrait-image img,
.zoompics.noncollapse .portrait-image img {
  height: 12vw;
  width: 12vw;
  margin: 10px;
  box-shadow: 0px 0px 10px rgb(0 0 0 / 30%);
}

@media only screen and (max-width: 767px) {
  .sprocket-lists-portrait-item {
    padding: 2vw;
  }
  .sprocket-lists-portrait-container li {
    display: flex;
    flex-wrap: wrap;
  }
  .sprocket-lists-portrait-container li .portrait-image img {
    width: 100% !important;
    height: 25vw !important;
  }
  .zoompics .portrait-image {
    width: 25vw;
  }
  .zoompics .sprocket-lists-portrait-container > li.active h4 {
    width: 45%;
    align-items: flex-end;
    margin-left: 10px;
  }
}

/*************** SHOWCASE *****************/
/*************** UTILITY ******************/
/*************** FEATURE ******************/
.homelayout #g-feature {
  background: url("/images/template/paralax1.jpg") 0% 0% no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.homelayout #g-feature .g-container {
  background: rgba(237, 239, 243, 0.8);
  padding-top: 4vw !important;
}
.homelayout #g-feature iframe {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.sta-social {
  text-align: right;
}
.ht-social {
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .sta-social,
  .ht-social {
    text-align: center !important;
    padding: 0 !important;
  }
  /*.sta-social iframe {width: 350px!important;}
    .ht-social iframe {width: 350px!important;}*/
  .homelayout #g-feature .g-content {
    margin: 5% !important;
  }
}

/*************** EXPANDED *****************/
.homelayout #g-expanded .g-grid .g-block .g-content {
  background: #ffffff;
  border-radius: 15px;
}
.homelayout
  #g-expanded
  .g-grid
  .g-block:first-child
  .platform-content:first-child {
  padding-top: 2vw;
}

/*************** EXTENSION ****************/
/*************** BOTTOM *******************/
/*************** FOOTER *******************/
/*#g-footer .admod {padding: 2vw 0;}*/
#g-footer :is(h1, h2, h3, h4, h5, h6, p, a) {
  color: #ffffff;
  border-bottom: none;
}
#g-footer p {
  font-family: "Lato", sans-serif;
}

/*************** COPYRIGHT ****************/
#g-copyright div {
  font-family: "Lato", sans-serif;
}

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

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

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

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