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-hero-title{
    letter-spacing: .2rem;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.cen-hero-blurb{
    letter-spacing: .5rem;
}
/*--------------------------------------------------------------
# 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%;
    }
  }