/* 
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 */
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  color: transparent;
  -webkit-text-stroke-color: var(--e-global-color-primary);
  -webkit-text-stroke-width: 2px;
}

.elementor-button .elementor-button-icon {
  fill: var(--e-global-color-primary);
}

#arbo_inspiratie {
  height: 100%;
  padding: 15px 25px;
  border-radius: 25px;
  transition: all 0.5s ease;
}
#arbo_inspiratie img {
  transition: all 0.5s ease;
}
#arbo_inspiratie:hover img {
  transform: scale(1.05);
  border-radius: 20px;
}

#arbo_inspiratie:hover {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  transform: translateY(-15px);
}

#arbo_inspiratie_wrapper .elementor-widget-theme-post-excerpt {
  flex-grow: 1;
}

.gform_button .button,
input[type="submit"].gform_button {
  background-color: var(--e-global-color-accent) !important;
  color: #fff;
}
.mega-animated,
.mega-animated a {
  position: relative !important;
}
.mega-animated a {
  background-image: url(/wp-content/uploads/2025/04/menu-bg.png),
    url(/wp-content/uploads/2025/04/menu-bg-rotated-1.png) !important;
  background-position: left top, right bottom !important;
  background-size: 19px, 19px !important;
  background-repeat: no-repeat, no-repeat !important;
}
.single-sc_event .sc_event_details,
.single-sc_event .page-header {
  display: none;
}
.elementor-widget-theme-post-content {
  width: 100vw;
}
@media (min-width: 992px) {
  .singleh1 {
    font-size: 4rem;
  }
}
.inspiratie-container .elementor-widget-theme-post-content p:first-of-type {
  font-size: 1.2rem;
  margin-bottom: 30px;
}
/* Standaard: alleen werkgever-menu tonen */
#mega-menu-menu-1,
.navbar-werknemer {
  display: none !important;
}
#mega-menu-max_mega_menu_1,
.navbar-werkgever {
  display: block !important;
}

/* Bij keuze 'werknemer': alleen werknemer-menu tonen */
.toggle-werknemer #mega-menu-menu-1,
.toggle-werknemer .navbar-werknemer {
  display: block !important;
}
.toggle-werknemer #mega-menu-max_mega_menu_1,
.toggle-werknemer .navbar-werkgever {
  display: none !important;
}

/* Bij keuze 'werkgever': alleen werkgever-menu tonen */
.toggle-werkgever #mega-menu-max_mega_menu_1,
.toggle-werkgever .navbar-werkgever {
  display: block !important;
}
.toggle-werkgever #mega-menu-menu-1,
.toggle-werkgever .navbar-werknemer {
  display: none !important;
}

/* Actieve knop stijl */
.toggle-button {
  font-size: 0.9rem !important;
  padding: 8px 10px !important;
}
.toggle-button:focus,
.toggle-button.active {
  background-color: var(--e-global-color-accent) !important;
  color: white !important;
}

#stickyheaders {
  transition: transform 0.34s ease;
}
.headerup {
  transform: translateY(
    -130px
  ); /*adjust this value to the height of your header*/
}
.headerup .menu-container {
  margin-bottom: -130px;
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  /* CSS rules for extra small screens */
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

#bg-tab {
  transform: scale(0.9);
  margin-bottom: -10px;
  position: relative;
}
#bg-tab::after {
  content: "";
  background-color: #cde1e1;
  position: absolute;
  top: -60px;
  left: -30px;
  right: -100vw;
  bottom: -10px;
  z-index: -1;
  border-radius: 0 0 0 40px;
}