/* Local CSS Rules */
:root {
	--custom-primary: #512d6d;
	--custom-primary-rbg: 81,45,109;
	--custom-secondary: #005EB8;
	
	--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-alert-bg: var(--custom-primary);
	--custom-alert-warning-bg: var(--custom-secondary);
	--custom-alert-warning-color: var(--bs-white);
    --custom-alert-border-color: var(--custom-secondary);
	
	--custom-btn-bg: var(--custom-primary);
	--custom-btn-border-color: #311C42;
	--custom-btn-hover-bg: #3D2252;
	--custom-btn-hover-border-color: var(--custom-primary);
	--custom-btn-active-bg: var(--custom-secondary-btn-color);
	--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: #01386d;
	--custom-secondary-btn-hover-color: var(--bs-white);
	--custom-secondary-btn-hover-bg: #01498e;
	--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);
}

/** Alerts **/
.alert-primary {
    --bs-alert-bg: var(--custom-alert-bg);
}

.alert-warning {
    --bs-alert-bg: var(--custom-alert-warning-bg);
    --bs-alert-color: var(--custom-alert-warning-color);
    --bs-alert-border-color: var(--custom-alert-border-color);
}

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

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