/* =======================
   CSS Custom Properties
   ======================= */
:root {
	--nav-link: #A09B98;
	--primary-theme: #413730;
	--secondary-theme: #dcd5c9;
	--green-theme: #4F7942;
	--blue-theme: #4A6FA5;
	--red-theme: #A54842;
	--yellow-theme: #D3A748;
	--hover-link: #F8F9FA;
	--std-link: #1E8CD8;
	--std-hover-link: #2EA3F2;
}

/* =======================
   Base Typography
   ======================= */
body {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}
h1, h2, h3, h4, h5, .title {
	font-family: 'Open Sans', serif;
}

/* =======================
   Links & Navigation
   ======================= */
a {
	color: var(--nav-link);
}
a:hover {
	color: var(--secondary-theme);
}
a:focus,
a:active {
	background-color: transparent !important;
	outline: none !important;
}

.content-link a,
.content-link a:focus,
.content-link a:active {
    color: var(--std-link);
}

.content-link a:hover {
    color: var(--std-hover-link);
}

.ge-content.ge-content-type-ckeditor a,
.ge-content.ge-content-type-ckeditor a:focus,
.ge-content.ge-content-type-ckeditor a:active {
    color: var(--std-link);
}

.ge-content.ge-content-type-ckeditor a:hover {
    color: var(--std-hover-link);
}

/* =======================
   Navbar
   ======================= */
.navbar {
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}
.nav-item a {
	font-weight: bold;
	color: var(--nav-link) !important;
}
.nav-item a:hover,
.navbar-brand {
	color: var(--secondary-theme) !important;
}
.navbar .nav-link.active {
	color: var(--secondary-theme) !important;
	font-weight: bold;
}
.navbar .dropdown-item.active {
	background-color: var(--hover-link) !important;
	color: var(--primary-theme) !important;
}

/* =======================
   Dropdowns
   ======================= */
.dropdown-menu .dropdown-item {
	color: var(--primary-theme) !important;
}
.dropdown-menu .dropdown-item:hover {
	color: var(--primary-theme) !important;
}
.list-unstyled .dropdown-item.active {
	background-color: var(--hover-link) !important;
}

/* =======================
   Utility Themes
   ======================= */
.primary-theme {
	background-color: var(--primary-theme) !important;
}
.secondary-theme {
	background-color: var(--secondary-theme) !important;
}
.text-primary {
	color: var(--primary-theme) !important;
}
.text-secondary {
	color: var(--secondary-theme) !important;
}

/* Hover override for buttons with .secondary-theme */
button.secondary-theme:hover,
button.secondary-theme:focus,
button.secondary-theme:active {
	background-color: var(--primary-theme) !important;
	border-color: var(--primary-theme) !important;
	color: #FFFFFF !important;
}

/* =======================
   Buttons
   ======================= */
.btn-primary {
	background-color: var(--blue-theme) !important;
	border-color: var(--blue-theme) !important;
	color: #FFFFFF !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
	background-color: var(--primary-theme) !important;
	border-color: var(--primary-theme) !important;
	color: #FFFFFF !important;
}

.btn-success {
	background-color: var(--green-theme) !important;
	border-color: var(--green-theme) !important;
	color: #FFFFFF !important;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active {
	background-color: var(--primary-theme) !important;
	border-color: var(--primary-theme) !important;
	color: #FFFFFF !important;
}

.btn-secondary {
	background-color: var(--secondary-theme) !important;
	border-color: var(--secondary-theme) !important;
	color: var(--primary-theme) !important;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
	background-color: var(--primary-theme) !important;
	border-color: var(--primary-theme) !important;
	color: #FFFFFF !important;
}

.btn-danger {
	background-color: var(--red-theme) !important;
	border-color: var(--red-theme) !important;
	color: #FFFFFF !important;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
	background-color: var(--primary-theme) !important;
	border-color: var(--primary-theme) !important;
	color: #FFFFFF !important;
}

.btn-warning {
	background-color: var(--yellow-theme) !important;
	border-color: var(--yellow-theme) !important;
	color: #FFFFFF !important;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active {
	background-color: var(--primary-theme) !important;
	border-color: var(--primary-theme) !important;
	color: #FFFFFF !important;
}

/* =======================
   Breadcrumbs & Submenus
   ======================= */
.breadcrumb a {
	color: var(--primary-theme);
	text-decoration: none;
	margin: 0 8px;
}
.breadcrumb a:hover {
	text-decoration: underline;
}

.submenu-item a::before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	border: 2px solid var(--secondary-theme);
	border-radius: 50%;
	margin-left: 20px;
	vertical-align: middle;
}

.text-shadow {
    text-shadow: 0em 0.1em 0.1em rgba(63,28,0,0.4);
}

/* =======================
   Cookie Banner
   ======================= */
div#cookies_popup {
	display: none;
	position: fixed;
	bottom: 0;
	background-color: black;
	color: white;
	width: 100%;
	padding: 5px 8%;
	font-size: 14px;
	font-weight: 500;
}
div#cookies_popup p {
	float: left;
	margin-bottom: 0px;
	padding-top: 3px;
}
div#cookies_popup button {
	float: right;
	color: white;
	background-color: red;
	margin-top: -5px;
	margin-bottom: -5px;
	border-radius: 0px;
	font-size: 13px;
	padding: 11px;
}
div#cookies_popup button:focus {
	box-shadow: 0px;
}

/* =======================
   Login Page
   ======================= */
.login-container {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 20vh;
}
.login-box {
	max-width: 350px;
	width: 100%;
	padding: 20px;
	background: var(--secondary-theme);
	border-radius: 8px;
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

/* =======================
   Footer
   ======================= */
.footer-text a {
	font-weight: 500;
	text-decoration: none;
	color: #000000;
}
.footer-text a:hover {
	text-decoration: underline;
}

/* =======================
   Table Editing & Sorting
   ======================= */
.tabedit th,
.tabedit td,
.tabedit input,
.tabedit select {
	font-size: 14px;
	padding: 8px;
	margin: 0px;
	vertical-align: middle;
}
.tabedit span {
	font-size: 14px;
}

.tablesorter-header {
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
.tablesorter-headerUnSorted {
	background-image: url(../images/bg.gif);
}
.tablesorter-headerAsc {
	background-image: url(../images/asc.gif);
}
.tablesorter-headerDesc {
	background-image: url(../images/desc.gif);
}

#navTopList, #navSideList {
    list-style: none;
    margin: 0;
    padding: 0;
}
#navTopList li, #navSideList li {
    margin-bottom: 2px;
    padding: 4px;
    background-color: #413730;
    color: #FFF;
    cursor: move;
}
.ui-state-highlight {
    height: 1.5em;
    background-color: #7FC0C0;
    border: #413730 2px dotted;
}

/* =======================
   Misc Utilities
   ======================= */
.none {
	display: none;
}