/*
 Theme Name:     pixeltypen_ Child Theme
 Theme URI:      https://oceanwp.org/
 Author:         pixeltypen / Tobias Bals
 Author URI:     https://pixeltypen.de
 Template:       oceanwp
 Version:        1.0.0
*/

@import "variables";
@import "media_mixins";
@import "mixins";
@import "general";
@import "classes";
@import "typography";
@import "header";
@import "menu";
@import "buttons";
@import "forms";
@import "footer";
@import "hero";
@import "image_slider";
@import "list";
@import "newsletter";
@import "sections";
@import "404";
@import "popup";

.pt_image_container {
  position: absolute;
  top: 10vw !important;
  left: 0 !important;

  @include desktop_only {
    width: calc(((100vw + 3rem) / 2.6) * 1.6) !important;
  }

  padding-left: 10vw !important;
}

//accordion

.e-n-accordion-item {
  .e-opened {
    transform: rotate(180deg);
  }

  &:last-child {
    .e-n-accordion-item-title {
      border-bottom: 2px solid white !important;
    }

    & > .elementor-element {
      border-top: none !important;
    }
  }

  &:last-child[open] {
    & > .elementor-element {
      border-bottom: 2px solid white !important;
    }
  }
}

.e-n-accordion-item[open] {
  & > .elementor-element {
    border-bottom: none !important;
  }
}

//drinks image

.pt_drinks {
  width: 200rem !important;
  max-width: 200rem !important;

  @include desktop {
    &::before {
      @include psudo_basics();
      background-color: map-get($colors, primary);
      height: 1.5px;
      width: 200vw !important;
      right: 99% !important;
      bottom: 7.2rem !important;
    }
  }
}

.pt_food {
  position: relative;

  @include after_desktop_content_width {
    &::before,
    &::after {
      @include psudo_basics();
      background-color: map-get($colors, primary);
      height: 1.5px;
      width: 200vw !important;
    }

    &::before {
      left: 99% !important;
      top: -4.3rem !important;
    }

    &::after {
      right: 99% !important;
      top: 4.28rem !important;
    }
  }
}

.pt_food_plate {
  position: relative;

  &::before {
    @include desktop {
      @include psudo_basics();
      background-color: map-get($colors, primary);
      height: 1px;
      width: 200vw !important;
      right: 99% !important;
      bottom: 17.55rem !important;
      transform-origin: 100% center !important;
      transform: rotate(-3deg) !important;
    }
  }
}

.pt_job_cta {
  overflow: hidden !important;

  .pt_butger_image {
    position: relative;

    &::before {
      @include desktop {
        @include psudo_basics();
        background-color: white;
        height: 1px;
        width: 30vw !important;
        right: 99% !important;
        bottom: 2.15rem !important;
        transform-origin: 100% center !important;

        z-index: 1;
      }
    }
  }
}