/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.composite_form .step_title_wrapper {
  margin-bottom: 10px !important;
}

.composite_form:not(.paged) .component .component_inner {
  padding-bottom: 0px !important;
}

.component_inner .component_content {
  display: none !important;
}

.header {
  .elementor-element {
    z-index: 5;
  }
}

.component_options_inner {
  .component_options_select_wrapper {
    .dropdown-description {
      text-align: center;
      max-width: 60%;
      margin: 0 auto;
      display: block;
      margin-bottom: 15px;
    }
  }
}

.composite_price {
  .price {
    del {
      display: none !important;
    }
  }
}

.popup-stack {
  padding-bottom: 200px !important;
}
.outer-wrapper {
  .popup-title {
    display: none !important;
  }
}

.outer-wrapper[data-nav_title="Extra SSD"],
.outer-wrapper[data-nav_title="Extra SSD #2"],
.outer-wrapper[data-nav_title="Extra harde schijf"],
.outer-wrapper[data-nav_title="Windows & extra's"],
.outer-wrapper[data-nav_title="Koelpasta"],
.outer-wrapper[data-nav_title="Mooiere voedingkabels"],
.outer-wrapper[data-nav_title="Processorkoeler ventilators"],
.outer-wrapper[data-nav_title="Ventilators behuizing"] {
  .popup-title {
    display: block !important;
  }
}

.outer-wrapper[data-nav_title="Windows & extra's"] {
  order: 1;
}
.outer-wrapper[data-nav_title="Koelpasta"] {
  order: 5;
}
.outer-wrapper[data-nav_title="Mooiere voedingkabels"] {
  order: 4;
}
.outer-wrapper[data-nav_title="Processorkoeler ventilators"] {
  order: 3;
}
.outer-wrapper[data-nav_title="Ventilators behuizing"] {
  order: 2;
}

@media only screen and (max-width: 767px) {
  .component-block {
    text-align: center !important;
    .image-wrapper {
      img {
        margin: 0 auto !important;
        display: block !important;
      }
    }
  }

  .outer-wrapper {
    .price-wrapper {
      right: unset !important;
      transform: unset !important;
      bottom: 50px !important;
      text-align: center;
      left: 0 !important;
      width: 100%;
      background-color: white;
    }
    .close-popup {
      width: 100% !important;
    }
  }
}

.fps_data {
  h4 {
    line-height: 20px !important;
    .gametitle {
      position: relative;
      pointer-events: all;
      z-index: 5;
      .tooltip {
        display: none;
        position: absolute;
        right: -40%;
        top: -25px;
        background-color: grey;
        color: white;
        text-align: center;
        padding: 3px 16px;
        line-height: 12px;
        min-width: 300px;
      }
      &:hover {
        .tooltip {
          display: block;
        }
      }
      .icon {
        &:after {
          speak: none;
          font-weight: 700;
          font-variant: normal;
          text-transform: none;
          -webkit-font-smoothing: antialiased;
          margin: 0;
          text-indent: 0;
          position: absolute;
          top: 0;
          right: -20px;
          width: 15px;
          height: 15px;
          text-align: center;
          content: "?";
          cursor: help;
          background: #bdbdbd;
          border-radius: 50%;
          color: #fff;
          font-size: 10px;
          line-height: 15px;
          font-family: arial;
        }
      }
    }
  }
}