Body{
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

h1{
    font-family: "Libre Baskerville", serif;
    font-weight: 400;
    font-style: normal;
}

h2, h3, h4 {
    font-family: "Libre Baskerville", serif;
    font-weight: 400;
    font-style: normal;
    color: #1E429B;
}

h5 {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    color: #1E429B;
}


.cen-p-line-height {
    line-height: .5rem;
}
.cen-hr{
    border: none;
    height: 5px;
    background-color: #1e3a8a;
}

.cen-bg-darkblue{
    background-color: #002968;
}

.cen-bg-darkblue-opacity{
    background-color: #002968;
    opacity: 80%;
}

.cen-font-darkblue {
    color: #1E429B;
    font-weight: 600;
}

.cen-bg-darkgrey{
    background-color: #EDEEEF;
}

.cen-font-yellow{
    color: #F9D01A;
}

.cen-hero-title{
    letter-spacing: .2rem;
    line-height: 3rem;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.cen-hero-blurb{
    letter-spacing: .1rem;
}


.cen-link-hover-blue:hover {
    text-decoration: underline !important;

}

.cen-btn-yellow-hover:hover {
    color: #F9D01A !important;  /* Change text color to yellow on hover */
    background-color: #002968;
    transition: color 0.3s ease-in-out; /* Smooth transition effect */
   
}
/*--------------------------------------------------------------
# NAV
--------------------------------------------------------------*/
.nav-item{
    font-size: .9rem;
}
.nav-item a:hover{
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    background-color: #0d6efd;
    color: #fff;
    font-size: .9rem;
}

.dropdown-menu a {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    background-color: #002968;
    color: #fff;
    border-radius: 0;
    font-size: .9rem;
}

.dropdown a:hover {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    background-color: #0d6efd;
    color: #fff;
    border-radius: 0;
    font-size: .9rem;
}

.dropdown-menu a:link {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    background-color: #002968;
    color: #fff;
    border-radius: 0;
    font-size: .9rem;
}

.dropdown-menu a.dropdown-item:hover {
    background-color: #0d6efd;
    border-radius: 0;
}

.dropdown-toggle[aria-expanded="true"] {
    background-color: #0d6efd ;
    border-radius: 0;
}

.dropdown-menu{
    background-color: #002968;
    color: #fff;
}

.navbar-toggler {
    background-color: #0d6efd;
    border: none;
}


.cen-btn-darkblue{
    background-color: #002968;
    border: 0;
    border-radius: 5;
}

.cen-breadcrumbs{
    font-style: italic;
    text-decoration: none;
    color: #4E5053;
}

/*--------------------------------------------------------------
# Counts
--------------------------------------------------------------*/


.cen-counts  {
    padding: 20px ;
    width: 80%;
    justify-content: space-around;
    text-align: center;
    background: #1E429B;
}



.cen-counts  span {
    font-size: 36px;
    display: block;
    font-weight: 600;
    color: #F9D01A;
}

.cen-counts  p {
    padding: 0;
    margin: 0;
    font-family: "Raleway", sans-serif;
    font-size: 14px;
}


/*--------------------------------------------------------------
# Page header
--------------------------------------------------------------*/


.cen-page-header{
    background-image: url('../img/page-header-bg.jpg');

    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    padding: 20px; /* Adjust as needed for spacing */
    text-align:left;
    color: white; /* Adjust text color if needed */
}



/*--------------------------------------------------------------
# Journals
--------------------------------------------------------------*/


.cen-letters{
    color: #B9090A;
    font-weight: bold;
}

/*--------------------------------------------------------------
# PEER REVIEWER
--------------------------------------------------------------*/

option {
    font-size: .8rem; /* Adjust this value as needed */
    font-family: "Libre Baskerville", serif;
}


/*--------------------------------------------------------------
# BREAK POINTS
--------------------------------------------------------------*/

@media (max-width: 576px) { /* Bootstrap's breakpoint for small devices */
    .custom-car-img-height-sm {
        height: 50%;
    }
}

@media (max-width: 990px) {


    .mobile-left-align {
      text-align: left !important;  /* Force left alignment */
      width: 100%;                  /* Make the list item take full width */
    }
  
    .mobile-left-align .dropdown-toggle {
      display: block;               /* Ensure the dropdown button is block-level */
      width: 100%;                  /* Full width for better alignment */
      text-align: left;             /* Align text to the left inside the button */
      padding-left: 1rem;           /* Add padding to match other items */
    }
    
    .mobile-left-align .dropdown-menu {
      width: 100%;                  /* Ensure the dropdown itself is full width */
    }
  }