* {
  font-family: "Source Sans Pro", "Roboto", Arial, sans-serif;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.dropdown-menu.show {
  -webkit-animation: fadeIn 0.3s alternate;
  /* Safari 4.0 - 8.0 */
  animation: fadeIn 0.3s alternate;
}

.nav-item.dropdown.dropdown-mega {
  position: static;
}
.nav-item.dropdown.dropdown-mega .dropdown-menu {
  width: 80%;
  top: auto;
  left: 5%;
}

.nav-item.dropdown.dropdown-mega60 {
    position: static;
}

    .nav-item.dropdown.dropdown-mega60 .dropdown-menu {
        width: 60%;
        top: auto;
        left: 5%;
    }

.nav-item.dropdown.dropdown-mega50 {
    position: static;
}

    .nav-item.dropdown.dropdown-mega50 .dropdown-menu {
        width: 50%;
        top: auto;
        left: 5%;
    }

.nav-item.dropdown.dropdown-mega40 {
    position: static;
}

    .nav-item.dropdown.dropdown-mega50 .dropdown-menu {
        width: 40%;
        top: auto;
        left: 5%;
    }

.navbar-toggler {
  border: none;
  padding: 0;
  outline: none;
}
.navbar-toggler:focus {
  box-shadow: none;
}
.navbar-toggler .hamburger-toggle {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  z-index: 11;
  float: right;
}
.navbar-toggler .hamburger-toggle .hamburger {
  position: absolute;
  transform: translate(-50%, -50%) rotate(0deg);
  left: 50%;
  top: 50%;
  width: 50%;
  height: 50%;
  pointer-events: none;
}
.navbar-toggler .hamburger-toggle .hamburger span {
  width: 100%;
  height: 4px;
  position: absolute;
  background: #333;
  border-radius: 2px;
  z-index: 1;
  transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out;
  left: 0px;
}
.navbar-toggler .hamburger-toggle .hamburger span:first-child {
  top: 10%;
  transform-origin: 50% 50%;
  transform: translate(0% -50%) !important;
}
.navbar-toggler .hamburger-toggle .hamburger span:nth-child(2) {
  top: 50%;
  transform: translate(0, -50%);
}
.navbar-toggler .hamburger-toggle .hamburger span:last-child {
  left: 0px;
  top: auto;
  bottom: 10%;
  transform-origin: 50% 50%;
}
.navbar-toggler .hamburger-toggle .hamburger.active span {
  position: absolute;
  margin: 0;
}
.navbar-toggler .hamburger-toggle .hamburger.active span:first-child {
  top: 45%;
  transform: rotate(45deg);
}
.navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2) {
  left: 50%;
  width: 0px;
}
.navbar-toggler .hamburger-toggle .hamburger.active span:last-child {
  top: 45%;
  transform: rotate(-45deg);
}


.dropdown:hover > .dropdown-menu {
    display: block;
}

.dropdown > .dropdown-toggle:active {
    pointer-events: none; /*Without this, clicking will make it sticky*/
}

.nav-link {
    /*color: black !important;*/
    font-weight: 600;
}

.dropdown.show > .nav-link:after {
    transform: rotate(180deg); /*this will spin the dropdown caret */
    transition: all .2s ease;
}

/* change the default dropdown arrow to fontAwesome caret*/
.dropdown-toggle::after {
    border: none !important;
    vertical-align: 0;
    /*content: '\F282';
    font-family: "bootstrap-icons";*/
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f107" !important; /*fa-angle-down*/
}

nav {
    background-color: #DCFCE7;
}

@media only screen and (min-width: 1278px) {

    /* center the top menu away from browser edge*/
    main {
        max-width: 1160px;
        margin-left: auto;
        margin-right: auto;
        padding: 24px;
    }

    /* round corners for top menu */
    nav {
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
    }
}