/*————————————

Dropdowns

————————————*/

class*=“u-dropdown–”
class*=“u-dropdown–”

{

left: 100%;
top: 0;

&.u-dropdown--reverse-x {
        left: auto;
        right: 100%;
}

}

.u-dropdown–simple, .u-dropdown–jquery-slide, .u-dropdown–css-animation {

&.u-dropdown--reverse-y {
        top: auto;
        bottom: 100%;

        margin-top: 0 !important;
        @include px-to-rem(margin-bottom, 20px);
}

}

/* Simple Dropdown */ .u-dropdown–simple.u-dropdown–hidden {

display: none;

}

/* CSS Animation Dropdown */ .u-dropdown–css-animation {

animation-duration: 1s;

&.u-dropdown--hidden {
      opacity: 0;
              visibility: hidden;
      }

}

.u-dropdown–hidden:not(.hs-sub-menu-opened) * {

transition: none !important;

&::before,
&::after {
  transition: none !important;
}

}