﻿/* Global */
body {
	padding-top: 3.2rem;
	font-family: Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Roboto, "Source Sans Pro", Helvetica, Arial,sans-serif;
	font-weight: 700;
}

label {
	margin: 8px 8px 0 5px;
}

.link {
    color: #0050C7 !important;
    text-decoration: underline;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 14px;
}

.page-item .page-link {
    color: #000000;
}
.page-item .page-link:hover {
    background-color: #cfb87c;
}
.page-item.active .page-link {
    color: #000000;
    background-color: #ffffff;
    border-color: #cfb87c;
}

.page-item.disabled .page-link {
    color: #6c757d;
    background-color: #fff;
    border-color: #dee2e6;
}

/* #region Styles for this project */

/*CU Gold */
.bg-cu-gold {
	background-color: #cfb87c;
}

.border-cu-gold {
	border-color: #cfb87c;
	border-width: 1px 1px 0 1px;
	border-style: solid;
}

.btn-cu-gold {
	background-color: #cfb87c;
	color: #000000;
	font-weight: bold;
}

.btn-cu-gold:hover {
	background-color: #c8ad6a;
	color: #000000;
	text-decoration: none;
}

.card-title-cu {
	font-size: 20px;
	font-weight: 700;
}

.modal-title {
	font-size: 20px;
	font-weight: 700;
}

/* Override Bootstrap */
/*.table-sm th {
	padding:5px;
}

.table-sm td {
	padding:5px;
}

.table thead th {
	border-bottom: 1px solid #dee2e6 !important;
}*/

/* Override DataTables */
table.dataTable {
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	margin-top: 5px;
}

.dataTables_filter {
	float:left !important;
}


/* Override default */
/*td {
	font-size: 14px !important;
}

th {
	font-size: 14px !important;
	font-weight: 700;
}*/
/* #endregion */


/* #region Global CU Bar */
.global-bar {
	border-bottom: 1px solid #dddddd;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0;
	padding-right: 0;
	line-height: 1;
	font-family: "Helvetica Neue", Helvetica, Arial,sans-serif;
}

.global-bar .navbar-brand {
	font-family: "Helvetica Neue", Helvetica, Arial,sans-serif;
	font-size: 1.3rem;
	font-weight: 300;
	color: #333333;
	padding-top: 0;
	padding-bottom: 0;
	margin-right: 0;
	margin-top: 5px;
}

@media (max-width: 576px) {
	.global-bar .navbar-brand {
		padding-left: 10px;
	}
}

.global-bar .navbar-brand img {
	max-width: 30px;
	margin-top: -5px;
}

.global-bar .navbar-nav {
	padding-top: 0;
	padding-bottom: 0;
}

.global-bar .navbar-brand strong {
	font-weight: 700;
}

.global-bar li.nav-item a {
	font-size: 14px;
	color: #333333;
}

.global-bar li.nav-item a:hover {
	text-decoration: underline;
}

.global-bar.navbar a {
	display: inline-block;
}

.global-bar ul li:after {
	font-size: 14px;
	content: "|";
}

@media (max-width: 992px) {
	.global-bar ul li:after {
		content: "";
	}
}

.global-bar ul li:last-child:after {
	content: "";
}

.global-bar .fa-search {
	font-size: 20px;
}
/* #endregion Global CU Bar */


/* #region Local Header */
/* Region below Global bar */

.local-header {
	background-color: #f5f5f5;
	border-bottom: 1px solid #dddddd;
}

.local-header h2 {
	font-size: 30px;
	font-weight: 700;
	margin: 27px 0;
}

.local-header h2 span {
	padding-left: 5px;
}

/* #endregion */


/* #region Navigation Bar */
/* part of _NavigationBar.cshtml */

/* 1. CU class for main navbar */
.cu-navbar {
	background-color: #fff;
	border-color: #ddd;
	border-width: 0 0 1px 0;
	border-style: solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

/* 2. Main nav item. */
.cu-navbar li.nav-item {
	background-color: #fff;
	border-color: #ddd;
	border-style: solid;
	border-width: 0 0 0 1px;
	float: left;
}
.cu-navbar li.nav-item:last-child {
	border-right: 1px solid #ddd;
}
.cu-navbar li.nav-item.active {
	background-color: #f5f5f5;
}
.cu-navbar li.nav-item:hover {
	background-color: #f5f5f5;
}
.cu-navbar .nav-link {
	color: #212529 !important;
	padding: 15px !important;
}

/* 3. Dropdown menu. */
.cu-navbar .dropdown-menu {
	background-color: #f5f5f5; 
	border-radius: 0;
	margin-top: 0;
	padding: 0;
}

/* 4. Dropdown menu item. */
.cu-navbar a.dropdown-item {
	background-color: #f5f5f5;
	color: #212529 !important;
	padding: 10px !important;
}
.cu-navbar a.dropdown-item.active {
	background-color: #e5e5e5;
}
.cu-navbar a.dropdown-item:hover {
	background-color: #e5e5e5;
}


/* Large screens */
@media (min-width: 768px) {
	.cu-navbar {
		padding-top: 0;
		padding-bottom: 0;
	}
}

/* Smaller screens */
@media (max-width: 768px) {
	/* 2. Main nav item. */
	.cu-navbar ul.navbar-nav {
		border-top: 1px solid #dddddd;
	}
	.cu-navbar li.nav-item {
		background-color: #ffffff;
		border-color: #ddd;
		border-style: solid;
		border-width: 0 1px 1px 1px;
	}
	.cu-navbar li.nav-item.active {
		background-color: #f5f5f5 !important;
	}

	/* 3. Dropdown menu. */
	.cu-navbar .dropdown-menu {
		border-bottom: none;
		border-left: none;
		border-right: none;
		border-top: 1px solid #dddddd;
		margin:0;
	}

	/* 4. Dropdown menu item. */
	.cu-navbar a.dropdown-item {
		border-bottom: 1px solid #ddd;
		padding-left: 25px !important;
	}
}
/* #endregion Navigation Bar */


/* #region Footer */

.ankleLinkTitle {
	display: block;
	margin-bottom: 10px;
	font-weight: 600;
	font-size: 18px;
}

.cu-footer-bottom {
	border-top: 1px solid #cfb87c;
	padding: 30px 0;
	color: #000000;
}

.cu-footer-bottom a {
	color: #000000;
}

.cu-footer-bottom a:hover {
	text-decoration: underline;
}

.cu-footer-bottom hr {
	margin-top: 0;
	border-top: 1px solid #ddd;
}

.cu-footer-bottom p {
	font-size: .9rem;
	margin-bottom: 0;
}

.cu-footer-top {
	background-color: #eeeeee;
	border-top: 1px solid #cfb87c;
	padding: 30px 0;
	color: hsl(0, 0%, 0%);
	font-family: "Source Sans Pro",Arial,Helvetica,sans-serif;
}

.cu-footer-top a {
	color: #000000;
}

.cu-footer-top .address {
	border-bottom: 1px solid #ccc;
	padding-bottom: 7px;
	margin-bottom: 15px;
}

.cu-footer-top .col-md-4 {
	float: left;
}

.cu-footer-top .col-md-8 {
	max-width: 100%;
}

.cu-footer-top .link-header {
	margin-bottom: 10px;
	font-weight: 800;
	font-size: 1.3em;
}


.cu-footer-top p {
	font-size: .9em;
	font-weight: 300;
	margin-bottom: 0;
}

.cu-footer-top .social-area {
	margin-top: 25px;
}

.cu-footer-top .social-area span {
	background: #cfb87c;
	border: 1px solid transparent;
	color: #333;
	padding: 10px;
	margin-right: 15px;
	margin-bottom: 15px;
}

.cu-footer-top strong {
	font-weight: 900;
}

.linkArea li {
	margin-bottom: 10px;
	font-weight: 300;
}

.linkArea a {
	display: block;
	font-size: 16px;
	line-height: 1.2em;
}

/* #endregion Footer */

/* End CSS*/
