/*
    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.
*/


.logo { 
  width: 400px; 
  padding: 5px 0px 25px 0px; 
}


/* Override Bootstrap's text-muted color for accessibility */
.text-muted {
    color: #000000 !important;
}

/* Override gray text in transaction cards for accessibility */
.card-subtitle.text-muted,
.field.text-muted {
    color: #000000 !important;
}


/* Change the button color in Main Menu to be the Loyola orange #f5aa0a */
.btn-primary {
    background-color: #f5aa0a;
    color: #fff;
    margin: 10px 5px 10px 0;
}

.btn-primary:disabled {
    background-color: #f5aa0a;
}

.btn-secondary {
    background-color: #e2e3e5;
    color: #f5aa0a;
    margin: 10px 5px 10px 0;
}

/*change color of icons on Main Menu page to Loyola orange */
   .header-special .fas {     color: #f5aa0a; }

/*These are CSS styling classes for the navigation bar*/
/*change background color of Main Menu to be the Loyola orange #006854 */
	nav.main-navbar {
     background-color: #f5aa0a !important;
     color: #000;
     padding: 5px;
     font: bold 26px 'Open Sans', sans-serif;
     font-kerning: auto;
}
/*change MainMenu font colors to black (in New Requests, History, Search, FAQ, Logoff etc.)
The hover/focus lines are needed because Bootstrap's navbar-dark class defaults those states to a semi-transparent white, 
which would look odd against an orange background. */
	.navbar-dark .navbar-nav .nav-link {     color: #000; }  .navbar-dark .navbar-nav .nav-link:hover,
	.navbar-dark .navbar-nav .nav-link:focus {     color: #000; }

/* change font color to black for the button text (like the Details button) */
	.btn-primary {     color: #000; }  .btn-primary:hover {     color: #000; }