/* Fonts Used */

.josefin-sans {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

.questrial-regular {
  font-family: "Questrial", sans-serif;
  font-weight: 400;
  font-style: normal;
}


.lexend {
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.barlow-condensed-extralight {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* end of fonts */

/* Colour Fonts */
.red-font{
    color: red !important;
}
.purple-font{
    color:purple !important;
}
.orange-font{
    color:orange !important;
}
.green-font{
    color:green !important;
}
.gray-font{
    color:gray !important;
}
.blue-font{
    color:blue !important;
}
/* end of color */
*{
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 400;
    font-style: normal;
}
p{
    font-size: 18px;
}
table,tr,th,td{
    font-size: 14px;
}

th{
    font-weight: 600;
}

.header .row {
    background-color: #5C5470;
    color: white;
    border-bottom:firebrick solid 2px  ;
}

.header h2{
    font-size: 22px;
    font-weight: bolder;
    font-family: "Josefin Sans", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.admin-side-menu
{
    position: fixed;
    background-color: #F5E8C7;
    color: beige;
    height:83%;
    top: 20;             /* Stick to top */
    left: 0;  
    overflow: auto;   
    border-right: solid 2px firebrick;
}

.main-content {
  position: absolute;
  background-color: white;
  height: 82%;
  right: 0;
  padding: 0;
  margin: 0;
  overflow: auto;
}

.footer{
    background-color: #3C3D37;
    color: white;
    padding: 20px;
    font-size:14px;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
}
.nav-link{
    color:#191970;
    font-family: "Lexend", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    display: block; /* Makes the entire link a block, so the box effect applies to the whole area */
    border-radius: 5px; /* Rounds the corners */
    transition: 0.3s; /* Smooth transition for hover effects */
}

.nav-link:hover {
  background-color: #ddd; /* Changes background on hover */
  color: #000;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); /* Adds a subtle shadow on hover */
  transform: translateX(5px); /* Moves the item slightly to the right */
}
.page-header{
    background-color:#FFD588;
    font-size: 18px;
    font-weight: 400;
    color: #3C3D37;
    padding:10px;
    border-bottom: solid firebrick 2px;
    font-family: "Josefin Sans", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}