/*------------------------------------
  Opacity
------------------------------------*/
.opacity-0 {
  opacity: 0 !important;
}

.g-opacity-0_3 {
  opacity: .3 !important;
}

.g-opacity-0_4 {
  opacity: .4 !important;
}

.g-opacity-0_5 {
  opacity: .5 !important;
}

.g-opacity-0_6 {
  opacity: .6 !important;
}

.g-opacity-0_7 {
  opacity: .7 !important;
}

.g-opacity-0_8 {
  opacity: .8 !important;
}

.g-opacity-1 {
  opacity: 1 !important;
}

// Hover
.opacity-0 {
  &--hover:hover {
    opacity: 0 !important;
  }

  &--parent-hover {
    .g-parent:hover & {
      opacity: 0 !important;
    }
  }
}

.g-opacity-0_3 {
  &--hover:hover {
    opacity: .3 !important;
  }

  &--parent-hover {
    .g-parent:hover & {
      opacity: .3 !important;
    }
  }
}

.g-opacity-0_5 {
  &--hover:hover {
    opacity: .5 !important;
  }

  &--parent-hover {
    .g-parent:hover & {
      opacity: .5 !important;
    }
  }
}

.g-opacity-0_6 {
  &--hover:hover {
    opacity: .6 !important;
  }

  &--parent-hover {
    .g-parent:hover & {
      opacity: .6 !important;
    }
  }
}

.g-opacity-0_7 {
  &--hover:hover {
    opacity: .7 !important;
  }

  &--parent-hover {
    .g-parent:hover & {
      opacity: .7 !important;
    }
  }
}

.g-opacity-0_8 {
  &--hover:hover {
    opacity: .8 !important;
  }

  &--parent-hover {
    .g-parent:hover & {
      opacity: .8 !important;
    }
  }
}

.g-opacity-1 {
  .u-block-hover:hover &--hover,
  &--hover:hover {
    opacity: 1 !important;
  }

  &--parent-hover {
    .g-parent:hover & {
      opacity: 1 !important;
    }
  }
}
