/*
Theme Name: Sinergio
Author: Sinergio
Author URI: https://www.sinergio.be/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/* ======================================
        VARIABELE
====================================== */
/* ======================================
        INCLUDES FUNCTIES
====================================== */
/* ======================================
        ALGEMEEN
====================================== */
header {
  overflow: hidden;
}
body {
  overflow-x: hidden;
}
.menu_wrapper {
  position: absolute !important;
  right: 20px !important;
  width: 40px !important;
  z-index: 99999 !important;
  top: 80px !important;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.menu_wrapper .elementor-button-icon {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.menu_wrapper:hover {
  right: 180px !important;
}
.menu_wrapper:hover .elementor-button-icon {
  transform: rotate(180deg);
}
.navigatie {
  margin-left: 20px;
}
.navigatie ul li {
  position: relative;
  width: 200px;
}
.navigatie ul li a {
  margin-left: 25px;
  display: block;
  padding: 10px;
}
.navigatie ul li::before {
  content: "";
  display: block;
  float: left;
  width: 5px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 15px;
}
.navigatie ul li:nth-child(3n + 1) a {
  background: transparent linear-gradient(90deg, #E84E1C00 0%, var(--e-global-color-secondary) 100%) 0% 0% no-repeat padding-box;
}
.navigatie ul li:nth-child(3n + 1) a:hover {
  background: var(--e-global-color-secondary);
}
.navigatie ul li:nth-child(3n + 1)::before {
  background: var(--e-global-color-secondary);
}
.navigatie ul li:nth-child(3n + 2) a {
  background: transparent linear-gradient(90deg, #E84E1C00 0%, var(--e-global-color-accent) 100%) 0% 0% no-repeat padding-box;
}
.navigatie ul li:nth-child(3n + 2) a:hover {
  background: var(--e-global-color-accent);
}
.navigatie ul li:nth-child(3n + 2)::before {
  background: var(--e-global-color-accent);
}
.navigatie ul li:nth-child(3n + 3) a {
  background: transparent linear-gradient(90deg, #E84E1C00 0%, var(--e-global-color-primary) 100%) 0% 0% no-repeat padding-box;
}
.navigatie ul li:nth-child(3n + 3) a:hover {
  background: var(--e-global-color-primary);
}
.navigatie ul li:nth-child(3n + 3)::before {
  background: var(--e-global-color-primary);
}
.werkwijze .e-n-accordion-item-title {
  position: relative;
}
.werkwijze .e-n-accordion-item-title::after {
  content: "";
  width: calc(100% - 95px);
  border-bottom: solid 2px white;
  display: block;
  position: absolute;
  bottom: 50px;
  left: 65px;
}
.werkwijze .e-n-accordion-item-title-text strong {
  background: var(--e-global-color-text);
  z-index: 1;
  position: relative;
  margin-top: 5px;
}
.werkwijze .e-n-accordion-item-title-text span {
  background: var(--e-global-color-text);
  position: relative;
  margin-left: 10px;
  margin-right: 35px;
  width: 50px;
  height: 50px;
  display: inline-block;
  text-align: center;
  padding-top: 9px;
  z-index: 1;
}
.werkwijze .e-n-accordion-item-title-text span::before {
  content: "";
  width: 50px;
  height: 50px;
  border: solid 4px white;
  display: block;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
}
.werkwijze details {
  margin-bottom: 15px !important;
}
.werkwijze details:nth-child(3n + 3) span::before {
  border-color: var(--e-global-color-primary) !important;
}
.werkwijze details:nth-child(3n + 1) span::before {
  border-color: var(--e-global-color-secondary) !important;
}
.werkwijze details:nth-child(3n + 2) span::before {
  border-color: var(--e-global-color-accent) !important;
}
/* ======================================
        EXTRA
====================================== */
a, input, textarea, select, button {
  outline: 0;
}
.elementor-widget-text-editor p:last-child {
  margin-bottom: 0;
}
/* ======================================
        IMPORTS
====================================== */
/* ======================================
        HEADER
====================================== */
/* ======================================
        LOGO
====================================== */
/* ======================================
        NAVIGATIE
====================================== */
/* ======================================
        OVERZICHT
====================================== */
/* ======================================
        INDIVIDUEEL
====================================== */
/* ======================================
        WINKELMAND
====================================== */
/* ======================================
        AFREKENEN
====================================== */
/* ======================================
        THANK YOU
====================================== */
.forminator-module-edit-link {
  display: none !important;
}
.cmplz-blocked-content-container {
  position: relative;
}
.cmplz-blocked-content-container::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
}
.forminator-g-recaptcha.cmplz-placeholder-element {
  background: none !important;
}
.forminator-g-recaptcha.cmplz-blocked-content-container {
  box-shadow: none !important;
  margin-bottom: 0 !important;
}
.forminator-g-recaptcha.cmplz-blocked-content-container::after {
  display: none !important;
}
.cmplz-blocked-content-notice {
  border-radius: 10px !important;
  border: none !important;
  padding: 15px !important;
  color: white !important;
  background: #302f3e !important;
  box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.4) !important;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.cmplz-blocked-content-notice:hover {
  background: #434159 !important;
}
/* ======================================
        FOOTER
====================================== */
/* ======================================
        SINERGIO
====================================== */
.sinergio img {
  height: 30px;
  width: auto;
}
/* ======================================
        RESPONSIVE
====================================== */
/*  BIG SCREEN  */
/*  MID SCREEN  */
/*  SMALL SCREEN  */
/*  TABLET  */
@media screen and (max-width: 1024px) {
  .troeven-images {
    bottom: initial !important;
    top: 0 !important;
    margin-top: -105px !important;
  }
}
/*  SMARTPHONE  */
/*  EXTRA  */
/* ======================================
        NUTTIGE FUNCTIES
========================================= 

@include transition; -> Transitie functie ophalen
@include transition_easyload; -> Transitie easyload functie ophalen
@include displayflex; -> Display Flex

========================================= */