@font-face {
  font-family: Hemi Head; 
  src: url(Hemi_Head_Bd_It.otf); 
}

@font-face {
  font-family: Century Gothic; 
  src: url(centurygothic.ttf); 
}

@font-face {
  font-family: Century Gothic Bold; 
  src: url(centurygothic_bold.ttf); 
}

body{
  min-height: 100vh;
  margin: 0;
  display: flex;              
  flex-direction: column;

}

.container{
    flex: 1;
}

#mainLogo{
    font-size: 28px!important;
    font-family: Hemi Head;
  text-shadow: -2px -2px #A40000;
}

nav{
    background-color: #710000!important;
}

.btn-primary{
    background-color: #A40000;
    border: 1px solid #A40000;
}

.btn-primary:hover{
    background-color: #A40000!important;
}

.routeLinkClass{
    color: #b3b3b3;
    text-decoration: none;
    font-size: 13.5px;
}

.routeLinkClass:hover{
    color: #BB1E10!important;
}

.dark-theme{
    background-color: #201e1e;
}

table{
    margin-top: 30px;
    max-width: 85%;
}

th,td {
    background-color: #201e1e !important;
    font-size: 14px!important;
}

th{
    vertical-align: middle;
}

td{
    vertical-align: middle;
}

h1,h2,h3,h4{
    color: white !important;
    font-weight: bold;
}

hr{
    background-color: #710000 !important;
}

.form-select-sort{
    max-width: 180px!important;
}

#inventoryTable th{
    text-align: center;
}

#loginText{
    color: black !important;
}

#footer{
    color:#E6E8DA;
    min-height: 80px;
    align-content: center;
    text-align: center;
    margin-top: auto; 
    font-size: 12px;
    background-color: #201e1e;
}

#footerHr{
    color: #ffffff;
}

#routeLink{
    margin-left: -60px;
}

#sortSelect{
    min-width:160px;
    margin-left: -60px!important;
}


#regLink{
    font-size:14px;
    text-align: center!important;
}

#loginButton, #loginButton:hover{
    background-color: #BB1E10!important;
}

#googleButton{
    background-color: #710000;
}

.usernameStyle{
    color: #8f8f8f!important;
}