.dropdown-menu {
  padding: 10px 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  border: none;
}

.dropdown-item {
  font-size: 14px;
  padding: 5px 15px;
  line-height: 1.6em;
  color: $base-color1;
  letter-spacing: 0.17px;
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: $base-color1;
  text-decoration: none;
  background-color: $base-color4;
}

.dropdown-divider {
  border-color: $base-color4;
  margin: 10px 0;
}

.dropdown-toggle:after,
.dropleft .dropdown-toggle:before {
  font-size: 18px;
  position: relative;
  top: 2px;
}

.dropdown-toggle:after {
  margin-left: 6px;
}

.dropleft .dropdown-toggle:before {
  margin-right: 6px;
}

.dropdown-toggle-split.dropdown-toggle:after {
  margin-left: 0;
}

.dropleft .dropdown-toggle-split.dropdown-toggle:before {
  margin-right: 0;
}

.dropdown-toggle.btn-sm:after,
.dropleft .dropdown-toggle.btn-sm:before {
  top: 2px;
  font-size: 16px;
}

.dropdown-toggle.btn-lg:after,
.dropleft .dropdown-toggle.btn-lg:before {
  top: 2px;
  font-size: 20px
}

.btn-lg+.dropdown-menu {
  width: 220px;
}


// Dropdown Btn
.yoo-dropdown {
  list-style: none;
  position: absolute;
  width: 280px;
  background: $main-color;
  left: 0;
  top: 100%;
  padding: 10px 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
  border-radius: 4px;
  display: block;
  z-index: 6;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);

  a:hover {
    background-color: $base-color4;
  }
}

.yoo-fade-up .yoo-desktop-nav .yoo-nav-list .yoo-dropdown.yoo-style1 .yoo-has-children>a {
  position: relative;
}

.yoo-fade-up .yoo-desktop-nav .yoo-nav-list .yoo-dropdown.yoo-style1 .yoo-has-children>a:before {
  content: '';
  position: absolute;
  height: 6px;
  width: 6px;
  border: 1px solid $base-color3;
  border-left: 0;
  border-top: 0;
  right: 15px;
  top: 15px;
  transform: rotate(-45deg);
}

.yoo-drop-style1 {
  .yoo-toggle-btn {
    display: flex;
    font-size: 24px;
    padding: 5px 0;

    &.yoo-large-size {
      font-size: 30px;
    }

    &.yoo-small-size {
      font-size: 18px;
    }
  }

  .yoo-drop-dropdown-list {
    padding: 0;
  }

  .btn:focus {
    outline: none;
    box-shadow: none;
  }
}

.yoo-toggle-list.yoo-style1 {
  display: flex;
  flex-wrap: wrap;

  .yoo-toggle-body {
    margin-right: 20px;

    &:last-child {
      margin-right: 0;
    }
  }
}

.yoo-drop-style1 {
  .yoo-toggle-btn {
    cursor: pointer;
  }

  .yoo-dropdown {
    margin-top: 10px;
  }

  .yoo-dropdown.active {
    margin-top: 0;
    opacity: 1;
    visibility: visible;
  }
}

.yoo-left-dropdown {
  .yoo-dropdown {
    left: 0;
  }
}

.yoo-right-dropdown {
  .yoo-dropdown {
    left: inherit;
    right: 0;
  }
}