/*** Note **

Rotator: 750x422

--------------------------------------------------------------------------

** Template **
Gemini/Xenon 

--------------------------------------------------------------------------

** Fonts **
Serif: Lora
Sans Serif: Raleway

--------------------------------------------------------------------------
** Colors **
Red: #6B0800
Cream/Tan: #E7D7B5
Gray (Module titles): #58595B **/

/************ COLORS & FONTS *********/
:root { --main-color: #0f3467; } /* Used for titles and buttons */
:root { --accent-color: #8b8a68; } /* Used for titles */
:root { --secondary-color: #3e7cd2; } /* Used for links */
:root { --base-font-color: #333; } 

body {color: var(--base-font-color); }

h1, h2, h3, h4, h5, h6 { margin: .75rem 0; line-height: 1.3; font-weight: normal;}
p { line-height: 1.3;}

h1 {color: #58595B; font-size: 2.5rem; font-family: Raleway, san-serif; text-transform: uppercase; }
h2 {color: #6B0800; font-size: 2.3rem; border-bottom: 1px solid #6B0800; font-weight: 700; }
h3 {color: #58595B; font-size: 2rem;}
h4 {background: #6B0800; font-size: 1.75rem;color: white; border-radius: .2rem; padding: .1rem .4rem;}
h5 {color: #6B0800; font-size: 1.5rem; text-transform: uppercase;}
h6 {color: #58595B; font-size: 1.5rem;}
a { color: #6B0800; }

blockquote {
	color: #58595B;     
	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;
  text-transform: none;
  font-weight: normal;
  background: #6B0800; 
  padding: .3rem 1rem; 
  border-radius: .5rem; 
  display: inline-block;
  font-weight: 500;
  line-height: 1.125rem;
  border: none;
  transition: all .2s ease-in;
}
.readon:hover, .button:hover, .btn:hover,  p.readmore .btn:hover {background: #777; color: white;}

.btn .icon-chevron-right { display: none;}

@media only screen and (max-width: 767px) {
	h1 {font-size: 2rem;}
	h2 {font-size: 1.75rem; }
	h3 {font-size: 1.5rem;}
	h4 {font-size: 1.5rem; }
	h5 {font-size: 1.3rem; }
	h6 {font-size: 1.3rem;}

}



/************ TABLES  ************/
.fancytable th {color: white; background: #6B0800; border: 1px solid #6B0800;}
.fancytable td { border: 1px solid #6B0800;}

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

.section-paddings, #g-container-overlay, #g-top, #g-slideshow, #g-navigation, #g-header, #g-above, #g-feature, #g-expanded, #g-extension, #g-bottom, #g-footer, #g-copyright { padding: 0;}


@media only screen and (min-width: 768px) {
	#g-slideshow { 
		background: #e7d7b5 url(../images/homepage/header.jpg) 100% 50% no-repeat; 
		background-size: cover;
	}
}
#g-utility { 
	background: white url(../images/homepage/background-calendar.jpg) 100% 50% no-repeat; 
	background-size: cover;
}
body #g-page-surround { 
	background: white url(../images/homepage/background.jpg) 0% 100% no-repeat; 
	background-size: 100%;
}
.homelayout #g-extension { 
	background:  rgba(255,255,255,.6) url(../images/homepage/statue.png) 100% 100% no-repeat; 
	background-size: 20%;
}


/************ HEADER AND MENU  ************/
.g-main-nav ul.g-toplevel {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
}

#g-header { box-shadow: 0px -3px 4px rgba(0, 0, 0, 0.20); }
.g-active.g-dropdown.g-dropdown-right { z-index: 10;}

.g-main-nav .g-toplevel > li .g-menu-item-content { font-family: Lora, serif; font-size: 1.1rem;}
.g-main-nav .g-toplevel > li.g-parent .g-menu-parent-indicator{ display: none;}

@media only screen and (max-width: 767px) {
	.g-logo img { width: 75%;}
	.g-offcanvas-toggle { top: 10px; left: 5px;}
}



/************ 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: rgba(139, 138, 104, 0.51); }

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

/************ ROTATOR  ************/

.layout-slideshow .sprocket-features-pagination li { padding: 10px; margin-left: 5px;}
.layout-slideshow .sprocket-features-pagination { left: auto; right: 25px;}

@media only screen and (max-width: 767px) { .layout-slideshow .sprocket-features-pagination { display: none; }}

.tanback { background: #E7D7B5; padding: 10px 20px;}
.tanback  h2 { border: none;} 
#g-showcase { margin: 20px 0 10px 0;}
#g-showcase .g-content { margin: 0; padding: 0;}
#g-showcase .size-33 { margin-right: 2%; flex: 0 31%;  width: 31%;}

@media only screen and (max-width: 767px) {
	#g-showcase .size-33 { margin-right: 0px; flex: 1; width: 100%;}
}





/************ ROTATOR BIGGER ARROWS  ************/
.sprocket-features.layout-slideshow .sprocket-features-arrows .arrow { background: none; color: rgba(255,255,255,.5); font-size: 5rem; }
.layout-slideshow .sprocket-features-pagination li, .layout-slideshow .sprocket-features-arrows .arrow {box-shadow: none; }


/************ QUICKLINKS   ************/
.quicklinks { display: flex; margin: 10px 10px; }
.quicklinks > div {
	transition: background 0.3s linear;  
	background: #6B0800; 
	flex: 1; 
	display: flex; 
	text-align: center; 
	margin: 10px 5%; 
	border-radius: 10px; 
	padding: 10px 0;
	font-size: 1.5rem;
}
.quicklinks > div:hover { background: #888; }
.quicklinks a { color: white; width: 100%; }

@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-badge { background: white; }
.rme-timeline-point.active { background: #6B0800; }
.rme-arrow  { color: #6B0800;} 
.rme-badge { color: #6B0800; font-size: 0.9rem; margin-bottom: 0px; font-family: Lora, serif; font-weight: bold; margin-bottom: 5px;}
.rme-items li, .rme-timeline-bar, .rme-arrow { border: none; background: none;}
.rme-title { font-size: 1.1rem; line-height: 1.2;}
.rme-timeline-point span { background: #6B0800; }
.rme-timeline-point:hover span { background: black;}
.rme-badge {float: none; }
.squared { border-radius: 0;}

.fullcalendarlink { text-align: right; }
.fullcalendarlink .button { margin: 0; font-family: Lora, serif; }

#g-utility .g-content { padding: 0; margin: 0;}

#g-utility .platform-content:first-child, #g-utility .moduletable:first-child, #g-utility .widget:first-child { margin-bottom: 0px; padding-bottom: 0px;}
#g-utility .platform-content:last-child, #g-utility  .moduletable:last-child, #g-utility .widget:last-child { margin-top: 0px; padding-top: 0px;}

@media only screen and (max-width: 767px) {
	.rme-badge { float: left;  padding: 2px;}
	.rme-items li { margin: 0; }
}

/************ HEADLINES AREA  ************/

.biggreytitle h3.g-title { color: #58595B; font-size: 2.5rem; font-weight: 700; padding-bottom: 0px; margin-bottom: 5px;}

h3.g-title { font-weight: 700; padding-bottom: 0px;}

h4.sprocket-lists-title { 
	background: none; 
	color: #58595B; 
	border-radius: 0; 
	margin: 0 !important;	
	border-bottom: none; 
	border-left: none; 
	border-right: none;	
	font-size: 1.4rem !important;
	font-weight: bold;
}

h4.sprocket-lists-title span { color: #6B0800; }
.sprocket-lists-container li {
	border-bottom: 2px #6B0800 solid; 
}
.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;
}

@media only screen and (max-width: 767px) {
	h3.g-title { font-size: 1.75rem;}
}



/************ DOCMAN MODULE  ************/
.k-ui-namespace .mod_docman ul li .koowa_header { padding: 0 0 2px 0;}
.k-ui-namespace .mod_docman.mod_docman--documents ul li { margin-bottom: 0px;}


#g-extension .platform-content { padding: 0;}
#g-extension .platform-content:last-child, #g-extension .moduletable:last-child, #g-extension .widget:last-child { padding-top: 5px;}

/************ MODULE HELPER ************/
.moduletable.extrabottompadding { padding-bottom: 50px; }
.moduletable.moveintoabovemodule { margin-top: -50px; }
.custommoveintoabovemodule { text-align: center;}

/************ HOMELAYOUT  ************/


.pm_mg-round-button {width: 90px !important; bottom: 50px !important; right: 50px !important;}