@import url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Red+Hat+Mono:ital,wght@0,300..700;1,300..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&display=swap");
/* Align the text in navigation bar. */
/* Text Style for navigation bar. */
/* Setting the font for text, background color and shadow box. */
.nbc_header-1 {
  background: #D6D6D5;
  font-family: "Karla", serif;
  font-weight: 700;
  font-size: 20px;
  box-shadow: 0px 0px 10px black;
}

/* A css work around to allow the background to show. */
.nbc_header-1::after {
  content: "";
  display: table;
  clear: both;
}

/* The area where the content will be displayed in. */
.nbc_h1_main-1 {
  width: 95%;
  margin: 0 auto;
  margin-inline: auto;
}

/* Image of the logo for the website */
.nbc_h1_m1_lmini-1 {
  float: left;
  padding: 10px 0;
}

/* This is where the links will be at, the contain for them. */
.nbc_h1_m1_nmain-1 {
  /* Even though we put center its puts them to the right of the image close by. */
  float: center;
}

/* This is for grouping of elements here like bullets. */
/* This will remove the bullet style and leave it as horizontal links. */
.nbc_h1_m1-ulist-1 {
  margin: 0;
  padding: 0;
  /* This gets rids of the bullet style. */
  list-style: none;
}

/* Display the links in nice order. */
.nbc_h1_m1-ulist-1 li {
  display: inline-block;
  /* Inherit style from nbc_STYcen-1. */
  margin-left: 40px;
  padding-top: 60px;
  position: relative;
}

/* Setting the styles for the links. */
.nbc_h1_m1-ulist-1 a {
  /* Inherit style from nbc_STYcen-2. */
  color: #1447b4;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14 px;
}

/* Mouse over change color. */
.nbc_h1_m1-ulist-1 a:hover {
  color: #7e546d;
  transition: all ease-in-out 250ms;
}

/* This is the little effect for bar under the links. */
.nbc_h1_m1-ulist-1 a::before {
  /* The bar. */
  content: "";
  display: block;
  height: 5px;
  background-color: #7e546d;
  /* Position of the bar. */
  position: absolute;
  top: 100%;
  width: 0%;
  /* How fast the effect. */
  transition: all ease-in-out 250ms;
}

/* Forgot what this is. */
.nbc_h1_m1-ulist-1 a:hover::before {
  width: 100%;
}

/* For Text only on the right hand side of the nav bar. */
.nbc_h1_m1_u1-tISSN-1 {
  color: #1447b4;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14 px;
  float: right;
}

/*
// Mouse over change color. 
.nbc_h1_m1_u1-scon-2 a:hover{

    color: unset;
    transition: unset;
}

// This is the little effect for bar under the links.
.nbc_h1_m1-ulist-1 a::before {

    // The bar. 
    content: '';
    display: block;
    height: 5px;
    background-color: #7e546d;

    // Position of the bar.
    position: absolute;
    top: 100%;
    width: 0%;

    // How fast the effect.
    transition: all ease-in-out 250ms;

}

// Forgot what this is. 
.nbc_h1_m1-ulist-1 a:hover::before {

    width: 100%;

}
*/
.nbc_h1_m1_u1_scon-1 {
  display: unset;
}

.nbc_h1_m1_u1_sc1_scon-2 {
  display: unset;
  padding-bottom: 1em;
}

.nbc_h1_m1_u1_sc1_scon-2:hover .nbc_h1_m1_u1_sc1_sc2-salink-1 {
  color: #7e546d;
  transition: all ease-in-out 250ms;
}

.nbc_h1_m1_u1_sc1_scon-2 .nbc_h1_m1_u1_sc1_sc2-salink-1::before {
  content: "";
  display: block;
  height: 5px;
  background-color: #7e546d;
  position: absolute;
  top: 100%;
  width: 0%;
  transition: all ease-in-out 250ms;
}

.nbc_h1_m1_u1_sc1_scon-2:hover .nbc_h1_m1_u1_sc1_sc2-salink-1::before {
  width: unset;
  width: 100%;
}

.nbc_h1_m1_u1_sc1_scon-2:hover .nbc_h1_m1_u1_sc1_sc2_scon-3 {
  margin-top: 1em;
  display: block;
  transform: translateY(0%);
  opacity: 1;
  transition: all 0.6s ease-in;
  visibility: visible;
}

.nbc_h1_m1_u1_sc1_sc2_scon-3 {
  margin-left: unset;
  padding-top: unset;
  position: unset;
  float: unset;
  padding: unset;
  margin: unset;
  color: #D6D6D5;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14 px;
  margin: 0 auto;
  border: 5px solid;
  border-color: #7e546d;
  background: #444;
  position: absolute;
  width: clamp(18.75rem, 13.28125rem + 8.9285714286vw, 25rem);
  height: auto;
  padding-bottom: 8px;
  left: clamp(-4.25rem, 1.5625rem + 3.5714285714vw, -8.25rem);
  visibility: hidden;
  margin-top: 0.3em;
  opacity: 0;
}

/* li:hover .nbc_h1_m1_u1_scon-1 {

   display: block;


}
*/
.nbc_h1_m1_u1_sc1_sc2_scon-3 ul {
  margin-left: unset;
  padding-top: unset;
  position: unset;
  float: unset;
  padding: unset;
  margin: unset;
}

/* Mouse over change color. In the sub-menu.*/
.nbc_h1_m1_u1_sc1_sc2_scon-3 ul a:hover {
  color: unset;
  color: #c18eac;
}

/* This is the little effect for bar under the links. */
.nbc_h1_m1_u1_sc1_sc2_scon-3 ul a::before {
  /* The bar. */
  background-color: unset;
  background-color: #c18eac;
}

.nbc_h1_m1_u1_sc1_sc2_scon-3 li {
  margin-left: unset;
  padding-top: unset;
  margin-left: 3%;
  margin-top: 3%;
}

.nbc_h1_m1_u1_sc1_sc2_scon-3 a {
  color: unset;
  color: #8e8e88;
}

/*.nbc_h1_m1_u1-scon-3 li:hover .nbc_h1_m1_u1_s3-salink-1 {

    //color: unset;
    color: #7e546d;
    //color: white;
    //background: unset;
    transition: all ease-in-out 250ms;

}

// This is the little effect for bar under the links.
// Set up the animation for the bar under the text link. 
.nbc_h1_m1_u1-scon-3 .nbc_h1_m1_u1_s3-salink-1::before {

    // The bar. 
    content: '';
    display: block;
    height: 5px;
    //background-color: unset;
    background-color: #7e546d;
    //background-color: green;

    // Position of the bar.
    position: absolute;
    top: 100%;
    width: 0%;

    // How fast the effect.
    transition: all ease-in-out 250ms;

}

// Forgot what this is. 
.nbc_h1_m1_u1-scon-3 li:hover .nbc_h1_m1_u1_s3-salink-1::before {

    width: unset;
    width: 100%;

}
*/

/*# sourceMappingURL=nav_bar_con.css.map */