/*
    custom.css
    Any site-specific CSS customization should be added to this file.
    This file overrides the defaults in illiad.css, which should not be altered.
*/
/* - - SMU style modifications - - */

/* - - last edited Nov 2024 by Clayton Crenshaw - - */

/* - - modifications to colors and headers referenced in ILLiad.css - - */

/* -- Sticky footer styles (FROM BOOTSTRAP EXAMPLE)  -- */

html {
  position: relative;
  min-height: 100%;
}

@media (min-width: 768px) {

body {
  margin-bottom: 100px; /* Margin bottom by footer height */
}

.footer-bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100px; /* Set the fixed height of the footer here */
}
}
/*-- End Sticky Footer  --*/

body {
    font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5 {
	color: #333;
}
h1 {
	font-size: 30px;
	padding: 10px;
	text-align: center;
	margin: 0;
/*--	background-color: #404041;  --*/
	background-color: #354CA1;
	color: white;
/*--	padding: 1rem;  --*/
}
h2 {
	font-size: 24px;
	padding: 10px 0 8px;
}

h3 {
	font-size: 20px;
}
	
.card-title {
	color: #333;
	font-size: 22px;
	padding: 10px 0 0;
}
p {
	color: #333;
	font-size: 16px;
	padding: 0px;  
	margin-bottom: 1rem;
}

a {
	color: #3366CC;
}

a:hover, a:active {
	text-decoration: underline;
}

ul {
	color: #333;
	padding-left:20px;
}
/*--
ol {
	
}
--*/
li  {
	text-align: none;
	padding-bottom: 1rem;
}
/*--
.navbar-nav  {
	height: 4rem;	
}
--*/
.info-block  {
	padding: 0;
}

.faq-item-box ol, .faq-item-box ul,  {
	padding-left: 0;
	padding-inline-start: 0 !important;
}

.small-notes {
	color: #333;
}
.common-note {
	color: #333;
}
.req {
	color: #cc0035;
}

.fa-1x {
    font-size: 1em;
}

/*These are the CSS classes for the header and footer */

.head {
	background-color: #fff;
	height: auto;
	padding: 10px;
	text-align: center;
	width: 100%;
}
/*These are CSS classes for the buttons*/

.btn-primary {
	background-color: #354ca1;
}
.btn-primary:disabled {
	background-color: #354ca1;
}
.btn-secondary {
	background-color: #e2e3e5;
	color: #333;
}
.btn-primary:hover {
	background-color: #2c3e84;
	color: #FFF;  /*-- changed 8 Feb 2022 --*/
	text-decoration: underline;
}
.btn-secondary:hover, .dropdown-item:focus, .dropdown-item:not(.disabled):hover {
	background-color: #FFF;  
	color: #05171f;
	text-decoration: underline;
}
.badge-primary {
	background-color: #354ca1;
}
.selectOptions {
	color: #333;
	padding: 20px 12px 6px;
}
/*These are CSS alert styling classes*/

.btn-alert {
	color: #cc0035;
	font-size: 14px;
	padding: 4px 12px 6px;
}
.btn-alert:hover {
	color: #b10000;
}
.alerts-bar {
	background-color: #f1f4f7;
	margin: 0 0 20px;
	text-align: center;
}

.alert-secondary  {
        color: #333;
	font-weight: 500;
	background-color: rgba(53, 76, 161, 0.15);
}

/*These are CSS styling classes for the navigation bar*/

.main-navbar {
	background-color: #e2e3e5;
	color: #333;
	padding: 5px;
	font: bold 26px 'Open Sans', sans-serif;
	font-kerning: auto;
}
nav li {
	margin: 0px 0px 0px 12px;
}
nav li a {
	font: normal 18px 'Open Sans', sans-serif;
	text-decoration: none;
}

.nav-item  {
	padding-bottom: 0;
}

.navbar-dark .navbar-nav .nav-link {
	color: #333;
}
.navbar-dark .navbar-nav .nav-link {
	color: #333;
}
.navbar-dark .navbar-nav .show > .nav-link {
    color: #333;
}
 .navbar-dark .navbar-nav .nav-link:hover {
    color: #333;
    background-color: #FFF;	
 }
.dropdown-item {
	font-size: 14px;
}
/*These are the CSS Styling classes for search*/

#no-results-message {
	color: #868e96;
	font-size: 16px;
	padding: 4px 0 0;
}
.btn-outline-success {
	color: #fff;
	border-color: #fff;
}
.btn-outline-success:hover {
	background-color: #52b3d9;
	color: #fff;
	border-color: #52b3d9;
}
/* - - SMU unique customizations - - */

#navbarNavDropdown {
/*--	margin: .5rem 0 !important;  --*/
}
#header {
	background-color: #354ca1
}
#logo img {
	height: 75px;
}
#logo {
/*--	padding: 10px 0;  --*/
	padding: 0 0 10px 0;
}
#ask {
/*--	background-color: #26367b;  --*/
	background-color: #354ca1;
/*--	padding: 10px; --*/
	padding: 0 10px 0 0;
}
#ask a {
	color: white;
	text-decoration: none;
}

#ask a:hover, #ask a:focus {
	text-decoration: underline;
}

@media (max-width: 768px) {
	#logo {
		text-align: center
	}
	#logo img {
		height: 50px;
	}
}
.navbar-dark .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}