/* MENU ITEMS */

:root {
    --underline-height: .5em;
    --transition-duration: .5s;
  }

body {
    font-family: 'Epilogue', sans-serif;
    background: whitesmoke;
    min-height: 100vh;
    overflow-x: hidden;
}

.top-nav {
    position: relative;
    white-space: nowrap;
    background: white;
    padding: var(--underline-height) 0;
    margin: 0;
    box-shadow: 0 1em 2em rgba(0, 0, 0, 0.05);
}

.underline {
    display: block;
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 0;
    height: var(--underline-height);
    width: 16.6666666667%;
    background-color: white;
    pointer-events: none;
    mix-blend-mode: multiply;
    transition: transform var(--transition-duration) ease-in-out;
}

.underline:nth-child(1) {
    background: #85b09a;
    transition: calc(var(--transition-duration) * .8);
}

.underline:nth-child(2) {
    background: #e89cae;
    transition: calc(var(--transition-duration) * 1.2);
}

.underline:nth-child(3) {
    background: #85b09a;
}

a {
    display: inline-block;
    z-index: 10;
    padding: 1em 0;
    text-align: center;
    cursor: pointer;
}

.menu-item{
    text-decoration: none;
    color: black;
}

.dropdown {
    position:static !important;
}

.dropdown-menu {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important;
    margin-top:5px !important;
    width: 16.3vw !important;
}

/* Container holding the image and the text */
.overlap {
  position: relative;
  text-align: center;
  color: white;
}

/* Centered text */
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.font-primary {
  color: #85b09a;
}

.font-secondary {
  color: white;
}

mark {
  background-color: #85b09a;
  color: white;
}

.footer {
  background-color: white;
}


/* custom scrollbar */

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #85b09a #ffffff;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 16px;
  }

  *::-webkit-scrollbar-track {
    background: none;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #85b09a;
    border-radius: 10px;
    border: 3px solid #ffffff;
  }



  .no-highlight:focus {

      outline: none;
      box-shadow: none;

  }

  .accordion-button:not(.collapsed) {
    color: white;
    background-color: #85b09a;
}

.card-primary {
  border-color: #85b09a;
}

.background-primary{
  color: white;
  background-color: #85b09a;
}

.background-secondary{
  color: white;
  background-color: #e89cae;
}

.background-tertiary{
  color: white;
  background-color: #f1be48;
}

/* Active tabs for fixtures */
.nav .nav-item .nav-link.active {
  background-color: #85b09a;
  color: white;
}

.nav .nav-item .nav-link {
  color: #85b09a;
}

div#navbar > div > a {
    z-index: 10;
    width: 16.3vw;
}

.fixture-shadow{
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}

.fixture-shadow:hover{
  box-shadow: 0 0 10px #85b09a;
}

.footer-link {
  text-decoration: none;
  color: grey;
}

.NavItemSmall{
  display: block;
  padding: 0.5rem 1rem;
  color: grey;
  text-decoration: none;
}

.subNavItemSmall{
  text-decoration: none;
  color: grey;
  list-style: none;
}

.nav-item:not(.collapsed) > a{
  color: grey;
}

ul.subNavItemSmall > li > a {
    text-align: left;
}

.form-control:focus {
  box-shadow: none;
  border-color: #85b09a;
}