/************ COLORS & FONTS *********/
@import url('//fonts.googleapis.com/css?family=Cinzel:400,700|Raleway');

:root { --main-color: #770A15; } /* RED - Used for titles and buttons */
:root { --accent-color: #EFAC09; } /* GOLD - Used for backgrounds */
:root { --secondary-color: #EFAC09; } /* Used for links */
:root { --base-font-color: #333; } 

body {color: #333; }

/* DEFAULT FOR ALL */
h1, h2, h3, h4, h5, h6 { margin: .75rem 0; line-height: 1.3; font-weight: normal;}

/* SIZES */
h1 {font-size: 2.5rem; }
h2, h3, h4, h5, h6 { font-size: 2rem;}

/* FONTS */
body, p, h6 { font-family: 'Raleway', sans-serif; }
h1, h2, h3, h4, h5 { font-family: 'Cinzel', serif }

/* STYLING */
h1 {color: #770A15; font-size: 2.5em;}
h2 {color: #770A15; font-size: 2rem; border-bottom: 1px solid #333; line-height: 1.25;}
h3 {color: #770A15; font-size: 2rem;}
h4 {background: #770A15; font-size: 1.75rem;color: white; border-radius: .2rem; padding: .1rem .4rem;}
h5 {color: #770A15; font-size: 1.5rem; text-transform: uppercase;}
h6 {color: #333; font-size: 1.5rem;}
p{color: #333; font-size: 1.15rem; }
li {color: #333; font-size: 1rem; }
a { color: #EFAC09; }

.page-header h2 {
	line-height: 1.25;
	padding-bottom: 0.25rem;
	margin-top: 1rem;
}

blockquote {
  color: #333;     
  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 { 
  color: white; 
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: normal;
  background: #EFAC09; 
  padding: .7rem 1.3rem; 
  border-radius: .5rem; 
  display: inline-block;
  font-weight: 500;
  line-height: 1.125rem;
  border: none;
  transition: all .2s ease-in;
}
.readon:hover, .button:hover {background: #770A15; color: white;}


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


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


/************ HEADER AND MENU  ************/
.homelayout #g-navigation { 
	position: absolute;
	z-index: 10;
	padding: 1rem;
	width: 45%;
	background: rgba(0,0,0,0);
}

#g-navigation { padding-top: 2%; padding-bottom: 1%; }
#g-slideshow {padding: 0px; }
.g-main-nav {font-family: 'Cinzel', serif; }
.g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {
	font-size: 1.45vw;
	padding: 0.5rem 0rem;
}
.g-main-nav .g-toplevel > li > .g-menu-item-container { border-bottom: 1px #EFAC09 solid; }

#g-utility {padding: 2% 10%; }

/************ BANNER LOGO ************/
@media only screen and (max-width: 767px) {
	.homelayout #g-navigation { 
		position: relative;
		width: 100%;
		background: #770A15;
		padding-top: 2%;
		padding-bottom: 1%;
	}
}

/************ OVERLAY LOGO ************/
/*@media only screen and (max-width: 767px) {
	.homelayout #g-navigation { 
		position: absolute;
		z-index: 10;
		padding: 2% 2% 2% 10%;
		width: 60%;
		background: rgba(0,0,0,0);
	}
}*/

@media only screen and (max-width: 767px) {
	.g-logo img { width: 80%; }
	#g-utility {padding: 0px; }
}


/* MENU IN FLEX TABLE  - OPTIONAL CSS */
.g-main-nav ul.g-toplevel {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
}

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


/************ SIDE MENU STYLING - OPTIONAL CSS   ************/
.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; }

/************ MOBILE MENU  ************/
.g-offcanvas-toggle {color: white; }
#g-offcanvas #g-mobilemenu-container {font-family: 'Cinzel', serif; font-weight: normal;}

@media only screen and (max-width: 767px) {
	.g-offcanvas-toggle {
		top: 0;
		left: 0;
		padding-top: 1%;
	}
}

/************ ROTATOR  ************/
#g-slideshow .g-content {margin: 0px; padding: 0px; }

.sprocket-features.layout-slideshow > .sprocket-features-img-container {
    top: 0;   
}

/************ ROTATOR BIGGER ARROWS - OPTIONAL CSS  ************/
.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; background: none; }

.quicklinks > div { 
	background: #770A15; 
	position: relative; 
	flex: 1;
	height: 125px;
	margin: 0 15px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.quicklinks .background { 
	background-position: 50% 50%;
	background-repeat: no-repeat;  
	background-size: cover; 
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	opacity: .5;
}

.quicklinks > div:hover .background {opacity: .2;}
.quicklinks > div:nth-child(1) .background { background-image: url(images/quicklinks1.jpg);}
.quicklinks > div:nth-child(2) .background { background-image: url(images/quicklinks2.jpg); }
.quicklinks > div:nth-child(3) .background { background-image: url(images/quicklinks3.jpg); }
.quicklinks > div:nth-child(4) .background { background-image: url(images/quicklinks4.jpg); }


.linktext {
	z-index: 5;
	opacity: .99;
	font-family: 'Cinzel', serif;
	font-weight: bold ;
	text-shadow: 2px 2px 8px #000000;
	border: 2px #fff solid;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	display: flex;
    justify-content: center;
    align-items: center;
	font-size: 2rem;
	line-height: 1.3;
	height: 100%;
    width: 100%;
}

a .linktext { color: white;}

.linktext:hover, {
	margin: 0;
}

#quicklinks .g-content .platform-content:last-child, #quicklinks .g-content .platform-content:first-child { 
    margin: 0;
    padding: 20px 0 10px 0;
}

@media only screen and (max-width: 767px) {
	
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.quicklinks > div { height: 150px; }
	.linktext { font-size: 1.5rem;  }
}

@media only screen and (max-width: 767px) {
	.quicklinks {flex-wrap: wrap; justify-content: space-around;  }
	.quicklinks > div { 
		flex: 0 1 50%; 
		width: 50%;
		height: 150px;
		margin-top: 20px;
		margin-bottom: 20px;
		align-items: center;
	}
	.linktext { font-size: 1.5rem; }
}






/************ ROK MINIEVENTS UPCOMING EVENTS - OPTIONAL CSS   ************/
.rme-timeline-point:hover, .rme-timeline-point.active, .rme-badge { background: #EFAC09; }
.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; }

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

/************ MODULES  ************/
#g-extension {padding: 0;}

#g-extension .g-content {padding: 0 1.5rem 0 0.5rem; margin:0 0.25rem 0.25rem 0.25rem;}
#g-extension .platform-content {padding: 0; }
#g-extension h3.g-title {
	font-weight: bold ;
	font-size: 1.5rem;
	padding: 5px 0 5px 10px;
	background: linear-gradient(#EFAC09, #9E722B );
	color: white;
	line-height: 1.85rem;
}

#g-extension h5 {
	color: white;
	font-weight: bold;
	font-size: 1.45rem;
	margin: 0px;
}

.mod_placehere {overflow: inherit; }
.mod_placehere_leading.even {overflow: inherit !important; }

@media only screen and (max-width: 767px) {
	#g-extension {padding: 4% 0;}
}




/************ MODULE HELPER - OPTIONAL CSS  ************/
.moduletable.extrabottompadding { padding-bottom: 50px; }
.moduletable.moveintoabovemodule { margin-top: -50px; }

/************ HOMELAYOUT  ************/
#g-extension {
	background-image: url(images/background.jpg);
	background-position: 5% 0%;
	background-repeat: no-repeat;
	background-size: 50%;
}

#g-extension p {color: white;}

#g-footer h5 {
	font-size: 2.75vw;
	border-top: 1.25px #efac09 solid;
	padding-top: 1.45vw;
	text-transform: none;
	margin: 0px;
}

#g-footer p { font-size: 1.45vw; color: #EFAC09;}
#g-footer a:hover { color: white; }
#g-footer {border-top: none;}

@media only screen and (max-width: 767px) {
	#g-footer h5 { font-size: 4vw; }
	#g-footer p { font-size: 3vw;}
	#g-extension {
		background-image: url(images/background.jpg);
		background-position: 5% 0%;
		background-repeat: no-repeat;
		background-size: 100%;
	}
}
/************ SEARCH ISSUE  ************/

.search #searchForm input.inputbox { color: black;}