/* Local CSS Rules */

 :root {
	 --custom-primary: #1a428a;
	 --custom-primary-rbg: 26,66,138;
	 --custom-secondary: #757778;
	 --custom-link-color: var(--custom-primary);
	 --custom-link-hover-color: var(--custom-primary);
	 --custom-navbar-color: var(--bs-navbar-color);
	 --custom-navbar-hover-color: var(--custom-primary);
	 --custom-nav-link-color: var(--custom-primary);
	 --custom-dropdown-link-active-color: var(--custom-primary);
	 --custom-dropdown-link-active-bg: var(--custom-primary);
	 --custom-btn-bg: var(--custom-primary);
	 --custom-btn-border-color: #163978;
	 --custom-btn-hover-bg: #3f69b5;
	 --custom-btn-hover-border-color: var(--custom-primary);
	 --custom-btn-active-bg: var(--custom-btn-hover-bg);
	 --custom-btn-active-border-color: var(--custom-primary);
	 --custom-secondary-btn-color: var(--bs-white);
	 --custom-secondary-btn-bg: var(--custom-secondary);
	 --custom-secondary-btn-border-color: #8a8c8e;
	 --custom-secondary-btn-hover-color: var(--bs-white);
	 --custom-secondary-btn-hover-bg: #b5b5b7;
	 --custom-secondary-btn-hover-border-color: var(--custom-secondary-btn-border-color);
	 --custom-secondary-btn-active-bg: var(--custom-secondary-btn-hover-bg);
	 --custom-secondary-btn-active-border-color: var(--custom-secondary-btn-border-color);
	 --custom-accordion-btn-color: var(--custom-primary);
	 --custom-accordion-active-color: var(--custom-primary) 
}
/** Links **/
 a {
	 --bs-link-color: var(--custom-primary);
}
 a:hover {
	 --bs-link-hover-color: var(--custom-primary);
}
/** Navigation **/
 .nav-link {
	 --bs-nav-link-color: var(--custom-nav-link-color);
}
 .nav-link:hover, .nav-link:focus {
	 --bs-nav-link-hover-color: var(--custom-nav-link-hover-color);
}
 .navbar-nav {
	 --bs-nav-link-color: var(custom-navbar-color);
}
 .navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus, .navbar-nav .nav-link.show {
	 background: var(--custom-navbar-hover-color);
}
 .navbar-nav .nav-link.show {
	 color: var(--bs-white);
}
 .navbar-nav .nav-link {
	 --bs-nav-link-color: var(--custom-navbar-color) 
}
 .dropdown-menu > li > a {
	 color: var(--bs-nav-link-color);
}
 .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	 --bs-dropdown-link-active-bg: var(--custom-dropdown-link-active-bg);
}
 .dropdown-item.active {
	 color: var(--bs-white);
	;
	 background-color: var(--custom-dropdown-link-active-bg);
}
/** Buttons **/
 .btn-primary {
	 --bs-btn-bg: var(--custom-btn-bg);
	 --bs-btn-border-color: var(--custom-btn-border-color);
	 --bs-btn-hover-bg: var(--custom-btn-hover-bg);
	 --bs-btn-hover-border-color: var(--custom-btn-hover-border-color);
	 --bs-btn-active-bg: var(--custom-btn-active-bg);
	 --bs-btn-active-border-color: var(--custom-btn-active-border-color);
}
 .btn-secondary {
	 --bs-btn-color: var(--custom-secondary-btn-color);
	 --bs-btn-bg: var(--custom-secondary-btn-bg);
	 --bs-btn-border-color: var(--custom-secondary-btn-border-color);
	 --bs-btn-hover-color: var(--custom-secondary-btn-hover-color);
	 --bs-btn-hover-bg: var(--custom-secondary-btn-hover-bg);
	 --bs-btn-hover-border-color: var(--custom-secondary-btn-hover-border-color);
	 --bs-btn-active-bg: var(--custom-secondary-btn-active-bg);
	 --bs-btn-active-border-color: var(--custom-secondary-btn-active-border-color);
}
 .uofs-jumbotron.text-bg-light .btn-secondary .uofs-icon::before, .uofs-jumbotron.text-bg-dark .btn-secondary .uofs-icon::before, .bg-primary .btn-secondary .uofs-icon::before {
	 color: var(--custom-secondary-btn-color) !important;
}

.uofs-jumbotron.bg-primary .btn-primary {
    background-color: var(--custom-primary);
}
.uofs-jumbotron.bg-primary .btn {
    border-color: var(--bs-white);
}

/** Backgrounds **/
 .bg-primary {
	 --bs-primary-rgb: var(--custom-primary-rbg);
}
/** Accordion **/
 .accordion-button {
	 --bs-accordion-btn-color: var(--custom-accordion-btn-color);
	 --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23512d6d'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	 --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23512d6d'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
 .accordion-button:not(.collapsed) {
	 --bs-accordion-active-color: var(--custom-accordion-active-color);
}
 .list-group-item {
	 color: var(--custom-primary);
}
/********************* Custom *********************/
/** Icons **/
 .uofs-icon-cls-health, .uofs-icon-cls-agriculture, .uofs-icon-cls-environment, .uofs-icon-cls-materials {
	 display: inline;
	 padding-left: 1.2em;
	 font-family: revert;
}
 .uofs-icon-cls-health:before, .uofs-icon-cls-agriculture:before, .uofs-icon-cls-environment:before, .uofs-icon-cls-materials:before{
	 content: '';
	 position:absolute;
	 width:1em;
	 height:1em;
	 margin-left: -1.3em;
	/*margin-top: 3px;
	*/
	 margin-top: 0.125em;
}
h1 .uofs-icon-cls-health:before, h1 .uofs-icon-cls-agriculture:before, h1 .uofs-icon-cls-environment:before, h1 .uofs-icon-cls-materials:before {
	/*margin-top: 5px;
	*/
}
 .uofs-icon-cls-health:before{
	 background: url('/images/icons/health.png');
	 background-size: cover;
}
 .uofs-icon-cls-agriculture:before{
	 background: url('/images/icons/agriculture.png');
	 background-size: cover;
}
 .uofs-icon-cls-environment:before{
	 background: url('/images/icons/environment.png');
	 background-size: cover;
}
 .uofs-icon-cls-materials:before{
	 background: url('/images/icons/advanced_materials.png');
	 background-size: cover;
}