@import url('//fonts.googleapis.com/css?family=EB+Garamond');

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

TEMPLATE NOTES

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

body {color: #333; font-size: 1.2rem;}

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

h1 {color: #35608a; font-size: 2.5rem;}
h2, .page-header h2 { color: #35608a; font-size: 2rem; border-bottom: 1px solid #333;  line-height: 1.3; margin: 0; padding: 0;}
h3 {color: #d7b04f; font-size: 2rem;}
h4 {background: #35608a; font-size: 1.75rem;color: white; border-radius: .2rem; padding: .1rem .4rem;}
h5 {color: #d7b04f; font-size: 1.5rem; text-transform: uppercase;}
h6 {color: #d7b04f; font-size: 1.6rem; font-style: italic;}
a { color: #d7b04f; }
a:hover { color: #35608a; }

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, .btn, p.readmore .btn   { 
  color: white; 
  font-size: 1rem;
  text-transform: none;
  font-weight: normal;
  background: #35608a; 
  padding: .7rem 1.3rem; 
  border-radius: .5rem; 
  margin: 0;
  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;}

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


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

/************ 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: var(--accent-color); }

/************ 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-title, .layout-slideshow .sprocket-features-desc { background: none; }
.layout-slideshow .sprocket-features-title { padding-bottom: 0px; margin-bottom: 0px;}
.sprocket-features.layout-slideshow .sprocket-features-content { 
	padding: 10px 0 0 5%; 
	margin: 0; 
	top:0; 
	left: 0; 
	bottom: 0; 
	width: 50%;
	background: none;
}

.sprocket-features.layout-slideshow h2.sprocket-features-title, .sprocket-features.layout-slideshow .sprocket-features-desc, .sprocket-features.layout-showcase h2.sprocket-features-title, .sprocket-features.layout-showcase .sprocket-features-desc {display: block; border: none;}
.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; }}




/************ 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; 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: var(--accent-color); }
.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; }
}

/************ HEADLINES AREA  ************/
h4.sprocket-lists-title { 
	background: none; 
	color: #0f3467; 
	border-radius: 0; 
	margin: 0 !important;
	border-top: 2px #0f3467 solid; 
	border-bottom: none; 
	border-left: none; 
	border-right: none;	
	font-size: 1.4rem !important;
	font-weight: normal;
}
.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;}

/************ HOMELAYOUT  ************/
.menubackground { background: white; border-bottom: 3px #0f3467  solid; } 
h3.g-title { 
	padding: 0 0 0 10px;    
	background: #fff9dd;
    border: 1px #b9b9b9 solid;
    border-radius: 5px;
    font-size: 1.7rem;
}
.sprocket-lists-container li { clear:both;	padding-top: 10px;}
h4.sprocket-lists-title { font-weight: bold; color: }
.g-main-nav .g-toplevel > li.active,.g-main-nav .g-toplevel > li:hover { background: #fff9dd; }


.g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container { font-size: 1.2vw;}

#g-container-main > .g-grid > .size-25 { flex: 0 35%;  width: 35%; }
#g-container-main > .g-grid > .size-75 { flex: 0 65%;  width: 65%; }

body .items-row.cols-5 > div p { margin: 0 0 .5rem 0; }

@media only screen and (max-width: 767px) {
	#g-container-main > .g-grid > .size-25, #g-container-main > .g-grid > .size-75 { flex: 0 100%;  width: 100%; }
	#g-offcanvas #g-mobilemenu-container { font-weight: normal; }
	body .items-row.cols-5 > div p { font-size: 1rem; }

}


/************ BASIC MENU FIXES  ************/
.g-main-nav ul.g-toplevel {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
}
.g-main-nav .g-standard .g-fade.g-dropdown { z-index: 10;}
.g-main-nav .g-dropdown { border-radius: 0 0 6px 6px;}

/************ LOGO  ************/
.g-logo img { width: 100%;}

.g-main-nav .g-standard > .g-dropdown.g-dropdown-right, .g-main-nav .g-fullwidth > .g-dropdown.g-dropdown-right { left: 0; }

#g-offcanvas #g-mobilemenu-container .g-toplevel > li:hover > .g-menu-item-container > .g-menu-item-content, 
#g-offcanvas #g-mobilemenu-container .g-toplevel > li.active > .g-menu-item-container > .g-menu-item-content
{ color: #d7b04f; }



@media only screen and (max-width: 767px) { 
	.g-logo img { width: 100%;} 
	.g-offcanvas-toggle { position: relative; top: auto; left: auto; padding-top: 10px; padding-left: 10px; }
	#g-slideshow { padding-top: 20px; padding-left: 0px; padding-right: 0px;}
	.fa.fa-fw.fa-bars:after { content: ' Menu';}
	.g-offcanvas-toggle, .fa-fw { width: 100%; text-align: left; }
}


@media only all and (max-width: 74.938rem) and (min-width: 48rem) {
	#g-container-main {
		margin-left: 10%;
		margin-right: 10%;
	}
}


.items-row.cols-5 { display: flex;  }
.items-row.cols-5 > div { flex: 1;  }


@media only screen and (max-width: 767px) {
	.items-row.cols-5 > div { flex: 20%; width: 20%;  }
	#g-container-main .g-content { padding-left: 0px; padding-right: 0px;}
}

.itemid-124 p { transition: all .3s ease-in; }
.itemid-124 p:hover { background: #FFF9DD; }

body.g-bodyonly { background: none; }

/************ PRINT OUTLINE  ************/
.outline-11 .g-logo img {
    width: 75%;
    margin: auto;
    display: block;
}

.outline-11 .page-header h2 {    font-size: 1.75rem;} 
.outline-11 p.western { font-size: 1rem !important;}
.outline-11 p.western i b { font-size: 1.3rem !important;}
.outline-11 p { margin-bottom: 10px;}