// Transform
@mixin transform($args) {
  -webkit-transform: $args;
  -moz-transform: $args;
  -ms-transform: $args;
  -o-transform: $args;
  transform: $args;
}

.ofc-enabled {
  overflow: hidden;
  overflow-x: hidden !important;
}

#fp-nav ul li .fp-tooltip {
  color: #333;
  text-transform: capitalize;
}

.ofc-light-nav {
  #fp-nav ul li a span,
  .fp-slidesNav ul li a span {
    background: #fff;
  }

  #fp-nav ul li .fp-tooltip {
    color: #fff;
  }
}

.ofc-dark-nav {
  #fp-nav ul li a span,
  .fp-slidesNav ul li a span {
    background: #333;
  }

  #fp-nav ul li .fp-tooltip {
    color: #333;
  }
}

#oceanwp-fullpage {
  .elementor-top-section {
    height: 100%;
    min-height: 100vh;

    > .elementor-container {
      min-height: 100vh;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }
  }

  .elementor .elementor-element {
    background-attachment: initial !important;
  }

  .elementor .elementor-background-overlay {
    -webkit-transform: none;
  }

  .wrap-section {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
  }
}

/* Add the overlay in the Elementor editor */
html.elementor-html.ofc-enabled {
  overflow-y: auto;
}
