/** Template **

Gemini 
Rotator Size: 780x422
--------------------------------------------------------------------------
** Fonts **
Module Titles: Spectral
Body Headlines: Lato
Body Copy: Lato
--------------------------------------------------------------------------
** Colors **
Light blue: #3E6CCA
Dark Blue: #15385F

Light Green: #006837
Dark Green: #023C1A

Light Rose: #C2B5BA
Dark Rose: #2D0010
*/


body {color: white; }

h1, h2, h3, h4, h5, h6 { margin: .75rem 0; line-height: 1.3; font-weight: normal;}
p { line-height: 1.3; margin: 0 0 1rem 0;}

h1 {color: #15385F; font-size: 2.5rem; font-family: Lato, san-serif; text-transform: uppercase; }
h2 {color: #15385F; font-size: 2rem; border-bottom: 1px solid white;}
h3 {color: #3E6CCA; font-size: 2rem;}
h4 {background: #15385F; font-size: 1.75rem;color: white; border-radius: .2rem; padding: .1rem .4rem; font-family: Lato, san-serif; }
h5 {color: #15385F; font-size: 1.5rem; text-transform: uppercase;}
h6 {color: white; font-size: 1.5rem;}
a { color: #f9f6a0; }

#g-mainbar a {color: #d4a313;}

blockquote {
	color: white;     
	padding: 0 0 0 15px;
	margin: 0 0 20px;
	border-left: 5px solid #d5d5d5;
	font: italic 16px/22px Georgia, Serif;
	line-height: 1.2;
	font-size: 1.3rem;
}

address {
	font-style: italic; 
	font-weight: bold;
	font-size: 1.2rem;
	line-height: 1.2;
}

/************ BUTTONS  ************/
.readon, .button, .btn, p.readmore .btn { 
  color: white; 
  font-size: 1rem;
  font-weight: normal;
  background: #15385f; 
  text-transform: uppercase;
  padding: .7rem 1.3rem;  
  border-radius: .5rem;  
  display: inline-block;
  font-weight: 500;
  line-height: 1.125rem;
  border: none;
  transition: all .2s ease-in;
  font-family: Lato, san-serif; 
}
.outline-13 .readon, .outline-13 .button, .outline-13 .btn, .outline-13 .btn, .outline-13 p.readmore .btn {background: #023C1A; }
.outline-14 .readon, .outline-14 .button, .outline-14 .btn, .outline-14 .btn, .outline-14 p.readmore .btn {background: #2D0010; }

.readon, .button, .btn, p.readmore .btn .readon:hover, .button:hover, .btn:hover,  p.readmore .btn:hover {background: #777; color: white;}

.btn .icon-chevron-right { display: none;}


/************ TABLES  ************/
.fancytable th {color: white; background: #15385F; border: 1px solid #333;}
.fancytable td { border: 1px solid #333;}

/************ TEMPLATE COLORS  ************/
.outline-14 h1, .outline-14 h2, .outline-14 h5 { color: #2D0010;}
.outline-14 h3 { color: #C2B5BA;}
.outline-14 h4, .outline-14 .fancytable th { background: #2D0010; }

/************ TEMPLATE COLORS  ************/
.outline-13 h1, .outline-13 h2, .outline-13 h5 { color: #023C1A;}
.outline-13 h3 { color: #006837;}
.outline-13 h4, .outline-13 .fancytable th { background: #023C1A; }


/************ ALERT ************/
.alert .g-content {padding: 0; margin: 0;}
.alert {border: none; padding: 0; margin: 0; background-color: #FFCFCF; color: #FF0000;}
.alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6, .alert p { margin-left: 20px; color: red; background: transparent;}


/************ BACKGROUNDS  ************/
body.outline-11 { background: #3e6cca url(../images/homepage/background-top-joseph.jpg) 0 10% no-repeat; }
body.outline-13 { background: #006837 url(../images/homepage/background-top-louis.jpg) 0 10% no-repeat; }
body.outline-14 { background: #2D0010 url(../images/homepage/background-top-rose.jpg) 0 10% no-repeat; }
body.outline-11 #g-page-surround { background: url(../images/homepage/background-bottom-joseph.jpg) 100% 80% no-repeat; }
body.outline-13 #g-page-surround { background: url(../images/homepage/background-bottom-louis.jpg) 100% 80% no-repeat; }
body.outline-14 #g-page-surround { background: url(../images/homepage/background-bottom-rose.jpg) 100% 80% no-repeat; }
#g-showcase .g-container { background: none;}

/************ HEADER AND MENU  ************/
.g-main-nav ul.g-toplevel {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
}

.g-offcanvas-toggle { color: #ecbc2e; top: 0.3rem;   left: 0.3rem;}

.g-iconmenu .g-iconmenu-item:hover .g-iconmenu-icon { color: black;}
.g-iconmenu .g-iconmenu-item {border-right: 1px solid rgba(255, 255, 255, 0.4);}
.g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content, .g-iconmenu .g-iconmenu-text { text-transform: uppercase; font-family: Lato, san-serif; }
.g-main-nav .g-sublevel > li .g-menu-item-content { font-family: Lato, san-serif; } 

#g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container { background: #15385F; }
.outline-13 #g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container { background: #023C1A; }
.outline-14 #g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container { background: #2D0010; }
.g-main-nav .g-toplevel > li.g-parent.g-selected > .g-menu-item-container > .g-menu-parent-indicator:after {content: "\f078";}
#g-navigation .g-main-nav .g-dropdown { background: #15385F; }
.outline-13 #g-navigation .g-main-nav .g-dropdown { background: #023C1A; }
.outline-14 #g-navigation .g-main-nav .g-dropdown { background: #2D0010; }

@media only screen and (max-width: 767px) {
	.g-logo img { width: 70%;}
}



/************ SIDE MENU  ************
.nav.menu { margin: 0; }
.nav.menu > li {padding: 7px 15px; margin: 5px 0; border-radius: 5px; transition: all .2s ease-in;}
.nav.menu > li.active, .nav.menu > li:hover { background: #3E6CCA; }

/************ SIDE MENU STYLING  ************
.moduletable .nav.menu, .moduletable .mostread, .moduletable .latestnews, .moduletable .archive-module, .moduletable .relateditems, .moduletable .categories-module, .moduletable .category-module, .moduletable .latestusers, .moduletable .unstyled, .moduletable .nav.menu li, .moduletable .mostread li, .moduletable .latestnews li, .moduletable .archive-module li, .moduletable .relateditems li, .moduletable .categories-module li, .moduletable .category-module li, .moduletable .latestusers li, .moduletable .unstyled li {border: none;  }
.moduletable .nav.menu, .moduletable .mostread, .moduletable .latestnews, .moduletable .archive-module, .moduletable .relateditems, .moduletable .categories-module, .moduletable .category-module, .moduletable .latestusers, .moduletable .unstyled {padding: 0; }
.moduletable .nav.menu li:last-child {  padding-bottom: 0.938rem;  margin-bottom: 0.625rem;}
.moduletable .nav.menu { display: block; }

/************ SIDE MENU  ************/
#g-aside .moduletable[class*="box"] { padding: 0; }
#g-aside .g-content { padding-left: 0; padding-right: 0px;}
.moduletable .nav.menu li a { width: 100%; border-radius: 0; padding: 10px 20px; color: white; font-weight: normal;}
.moduletable .nav.menu li{ transition: all .2s ease-in; border-radius: 3px; width: 100%; padding: 0; margin: 0;}
.moduletable .nav.menu, .moduletable .unstyled { border: none; padding: 0; margin: 0; display: block;   border-radius: 0; }
.outline-11 .moduletable .nav.menu, .moduletable .unstyled { background: #3F6CC9; }
.outline-13 .moduletable .nav.menu, .moduletable .unstyled { background: #006837; }
.outline-14 .moduletable .nav.menu, .moduletable .unstyled { background: #2D0010; }
.moduletable .nav.menu li:last-child {  padding-bottom: 0;  margin-bottom: 30px;}
.moduletable .nav.menu .nav-child li:last-child {  margin-bottom: 0px;}
.moduletable .nav .nav-child { margin-top: 0px;}
.moduletable .nav.menu .nav-child li { border: none; margin-left: 20px; padding-right: 20px;}

.outline-11 .moduletable .nav.menu li.current.active a, .outline-11 .moduletable .nav.menu li a:hover { 
	color: #ffffff;
	background: #15385F;
	font-weight: normal;
}
.outline-13 .moduletable .nav.menu li.current.active a, .outline-13 .moduletable .nav.menu li a:hover { 
	color: #f9f6a0;
	background: #023C1A;
	font-weight: normal;
}
.outline-14 .moduletable .nav.menu li.current.active a, .outline-14 .moduletable .nav.menu li a:hover { 
	color: #D4A313;
	background: #6C4D58;
	font-weight: normal;
}




/************ ROTATOR  ************/

.sprocket-features-desc h3 { color: white; font-size: 1.75rem; margin-top: 0px; }
.layout-showcase .sprocket-features-desc { margin-top: 0px;}
#g-showcase .g-content {  margin-left: 0px; margin-right: 0px;} 
.layout-showcase .sprocket-features-list {margin: 0;}

.layout-showcase .sprocket-features-content { width: 33%;}
.layout-showcase .sprocket-features-img-container { width: 67%;}
.layout-showcase { margin: 0; }
.layout-showcase .sprocket-features-content, .layout-showcase .sprocket-features-img-container { padding: 0;}

.sprocket-features.layout-showcase h2.sprocket-features-title, .sprocket-features.layout-showcase .sprocket-features-desc {display: block; border: none; font-size: 1.1rem;}

.sprocket-features-img-container img { 	
	object-fit: cover; 
	object-position: center;
	width: 579px;
	height: 326px;
}
	
@media only screen and (min-width: 1200px) {
	.sprocket-features-img-container img { 	width: 804px; height: 452px; }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.sprocket-features-img-container img { 	width: 412px; height: 232px; }
}

@media only screen and (max-width: 767px) {
	.sprocket-features-img-container img { 	width: 100%; height: 200px;	}
	.layout-showcase .sprocket-features-content, .layout-showcase .sprocket-features-img-container { width: 100%;}
}


/************ ROTATOR BIGGER ARROWS  ************/
.sprocket-features.layout-showcase .sprocket-features-arrows .arrow { background: none; color: rgba(255,255,255,.5); font-size: 5rem; }
.layout-showcase .sprocket-features-pagination li, .layout-showcase .sprocket-features-arrows .arrow {box-shadow: none; }

@media only screen and (max-width: 767px) {.layout-showcase .sprocket-features-arrows .arrow {display: none;}}



/************ QUICKLINKS   ************/
.quicklinks { display: flex; margin: 10px 10px; }
.quicklinks > div {transition: background 0.3s linear; flex: 1; display: flex; text-align: right; margin: 5px; }
.quicklinks > div > a > div:last-child { flex: 1; margin: 0 5px 2px 0; font-size: 1.5rem; }
.quicklinks > div > a { display: flex; width: 100%;  align-items: flex-end;  }
.quicklinks > div img { height: 50px; padding: 3px 0 3px 7px; }
.quicklinks > div:nth-child(1) { background: #E7B36A; }
.quicklinks > div:nth-child(2) { background: #9F7D4B; } 
.quicklinks > div:nth-child(3) { background: #65B3FC; }
.quicklinks > div:nth-child(4) { background: #5575B4; }
.quicklinks > div:nth-child(5) { background: #E7B36A; }
.quicklinks > div:hover { background: #888; }
.quicklinks a { color: white; }

@media only screen and (min-width: 1200px) {}

@media only screen and (min-width: 768px) and (max-width: 959px) {}

@media only screen and (max-width: 767px) {
  .quicklinks { flex-wrap: wrap; }
  .quicklinks > div { width: 46%; flex: auto; }
  .quicklinks > div > a > div:last-child { font-size: .8rem; }
}


/************ ROK MINIEVENTS UPCOMING EVENTS   ************/
.rme-timeline-point:hover, .rme-timeline-point.active, .rme-badge { background: #15385f; }
.outline-13 .rme-timeline-point:hover, .outline-13 .rme-timeline-point.active, .outline-13 .rme-badge { background: #023C1A; } 
.outline-14 .rme-timeline-point:hover, .outline-14 .rme-timeline-point.active, .outline-14 .rme-badge { background: #2D0010; }
.rme-timeline-point { background: rgba(255,255,255,.2); }
.rme-timeline { padding-bottom: 40px;}
.rme-badge { color: white; font-size: 0.9rem; margin-bottom: 0px;}
.rme-items li, .rme-timeline-bar, .rme-arrow { border: none; background: none;}
.rme-badge {float: none; }

#g-extension { background: rgba(255,255,255,.3);}
#g-extension .platform-content {padding: 0; margin: 0;}
#g-extension { position: relative;}
.bottomright {
	position: absolute;
    bottom: 5px;
    right: 5px;
}	

.bottomright .button { border-radius: 0; margin-bottom: 0px; }
.bottomright .button:hover { background: #777;}

@media only screen and (max-width: 767px) {
	.rme-badge { float: left;  padding: 2px;}
	.rme-items li { margin: 0; }
}

/************ HEADLINES AREA  ************/
h4.sprocket-lists-title { 
	background: none; 
	color: #15385F; 
	border-radius: 0; 
	margin: 0 !important;
	border-top: 2px #15385F solid; 
	border-bottom: none; 
	border-left: none; 
	border-right: none;	
	font-size: 1.4rem !important;
	font-weight: bold;
}
.sprocket-lists-title .indicator { background: none; line-height: 1rem !important; }
.sprocket-lists-title {}
img.sprocket-lists-image {
	object-fit: cover; 
	object-position: center;
	width: 150px;
	height: 100px;
}

/************ MODULE HELPER ************/
.moduletable.extrabottompadding { padding-bottom: 50px; }
.moduletable.moveintoabovemodule { margin-top: -50px; }
.custommoveintoabovemodule { text-align: center;}

/************ CONTENT HOME  ************/
#g-extension .newstitle h2 {
    font-family: 'Spectral SC', serif; font-size:2rem; border-bottom: none; font-weight: normal;}
.sprocket-lists .sprocket-lists-container li, .sprocket-lists .sprocket-lists-container li.active {background: #0C1241;}
.sprocket-lists .sprocket-lists-title .indicator {display: none;}
.sprocket-lists .sprocket-lists-container li {border-bottom: 1px solid white;}
.sprocket-lists .sprocket-lists-title { text-transform: none;}
.sprocket-lists-title:hover {color: #A19B6E;}
.sprocket-lists-item div {color: white; font-size: .85rem;}
.sprocket-lists .readon {background: transparent;border: 1px solid white;float: none;display: table;margin: auto; margin-top: .5rem; margin-bottom: .5rem; }
.sprocket-padding a {padding: .1rem 1rem; font-size:.8rem; border-radius: 0;}
.sprocket-lists .readon:hover {background: #A49A6D;}

.sprocket-lists-container li {margin: 0 10px; }

.sprocket-lists-item .sprocket-padding, .sprocket-lists .sprocket-lists-container li {padding: 0;}
.sprocket-lists-image {
    float: none;
    margin: 0;
    padding: 0;
}
.sprocket-lists-container img {width: 100%; margin: 0 -5px 5px -5px;}

.sprocket-lists .active .sprocket-lists-title {
    position: absolute;
    z-index: 20;
    background: rgba(0,0,0,.4);
    text-shadow: 1px 1px 1px rgba(23,45,89,0.5);
    left: 1.4rem;
    right: 1.4rem;
    top: 0rem; 
}

.sprocket-lists .sprocket-lists-container li.active .sprocket-lists-title {margin: 0 !important; border-radius: 0;}
.sprocket-lists .sprocket-lists-title, .sprocket-lists-item .sprocket-padding {border-bottom: 1px solid white; border-radius: 0;}

.sprocket-accordion h2 {
    font-family: "Source Sans Pro"; font-weight: bold ;
}
	
.sprocket-lists-portrait-container h4 {background: none; text-align: center; }
.portrait-image {background: #172d59; }
.sprocket-lists-portrait-item p {color: white; }
.sprocket-lists-portrait-item a {
	color: white; 
	border: 1px #fff solid; 
	padding: 5px 5px;
	margin-right: 10px;
	float: right;
}

.active .sprocket-lists-portrait-title {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.sprocket-accordion-title a:hover { color: #ddd; }
.sprocket-accordion-title a { pointer-events: none; }
.active .sprocket-accordion-content { 
	padding: 0 5px; 
	position: absolute;
	bottom: 10px;
}
.sprocket-accordion-content { padding: 0 5px; }
.sprocket-accordion-title {
    font-size: 1.1rem;
    line-height: 1.3;
	margin: 5px 0 5px 0;
} 
.sprocket-accordion-desc {
    font-size: 1rem;
    line-height: 1.3;
}

.sprocket-accordion-overlay {
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0) 70%)
}
h2.sprocket-accordion-title { border: none; }
.sprocket-accordion-item { border-bottom: 3px #fff solid; opacity: 1; }
.sprocket-accordion-item:not(.active) {background: #3e6cca !important; transition: all .2s ease-in;}
.outline-13 .sprocket-accordion-item:not(.active) {background: #006837 !important; }
.outline-14 .sprocket-accordion-item:not(.active) {background: #2D0010 !important; }
#g-extension .g-content {margin: 0; }

.box1.moduletable, .box1.widget, .box1 > .g-content, .box1 h2 {color: white; }
.box1 h2 { margin-bottom: 15px; line-height: 1.5; }
.sprocket-accordion-content .readon { background: #15385f; }
.outline-13 .sprocket-accordion-content .readon { background: #023C1A; }
.outline-14 .sprocket-accordion-content .readon { background: #2D0010; }

.sprocket-accordion-item {	background-image: url("../images/stories/news/article-joseph.png"); }
.outline-13 .sprocket-accordion-item {	background-image: url("../images/stories/news/article-louis.png"); }
.outline-14 .sprocket-accordion-item {	background-image: url("../images/stories/news/article-rose.png"); }

.sprocket-accordion-item { height: 50px; }

.sprocket-accordion-item.active { height: 300px; }

.sprocket-accordion-item h2 { font-family: Lato, san-serif; font-weight: normal;}

/************ MODULES  ************/
.darktitle .g-title { background: #15385f; text-transform: none; font-size: 1.5rem; padding: 10px;}
.outline-13 .darktitle .g-title {background: #023C1A; }
.outline-14 .darktitle .g-title {background: #2D0010; }
#g-footer h1, #g-footer h2, #g-footer h3, #g-footer h4, #g-footer h5, #g-footer .promo, #g-footer .title, #g-copyright h3 { color: white;}

/************* FLOCKNOTE *************/
#g-footer button {padding: 10px;
background: #777777;}