/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

html {
    overflow:auto;
}
body {
    overflow:hidden;
}
ul.elementor-nav-menu--dropdown a, ul.elementor-nav-menu--dropdown a:focus, ul.elementor-nav-menu--dropdown a:hover {
    border-left:none !important;
}

/*== Sticky header ==*/
/* Changes the header to not be sticky when editing (doesn't show in the front end) */
body.elementor-editor-active #stickyheader {
    margin-bottom:0px !important;
}
/* sticky padding*/
#stickyheader {
    transition: all 0.5s ease;
}
#stickyheader.elementor-sticky--effects #menusection {
    padding-top:8px;
    padding-bottom:8px;
    box-shadow:0 0 5px rgba(0,0,0,0.5);
}
/* --- LOGO ---- */
/* Logo sizing before sticky */
.logo img {
    max-height:200px;
    transition: all 0.8s ease;
}
/* Logo sizing after sticky */
#stickyheader.elementor-sticky--effects .logo img {
    max-width: 150px;
}
#stickyheader.elementor-sticky--effects nav a {
    color:;
}
 /*== Einde sticky header ==*/


.e-parent, .space {
    padding-left:60px !important;
    padding-right:60px !important;
}
.e-parent.nospace {
    padding-left:0px !important;
    padding-right:0px !important;
}
@media only screen and (min-width: 1201px) and (max-width: 1366px) {
	.e-parent, .space {
        padding-left:50px !important;
        padding-right:50px !important;
    }
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
	.e-parent, .space {
        padding-left:40px !important;
        padding-right:40px !important;
    }
}
@media only screen and (min-width: 881px) and (max-width: 1024px) {
	.e-parent, .space {
        padding-left:30px !important;
        padding-right:30px !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 880px) {
	.e-parent, .space {
        padding-left:25px !important;
        padding-right:25px !important;
    }
}
@media only screen and (max-width: 767px) {
	.e-parent, .space {
        padding-left:20px !important;
        padding-right:20px !important;
    }
}

 
.icon-bg {
    transition:all 0.3s;
}
.icon-bg .elementor-icon-box-icon {
    transition:all 0.3s;
}
.icon-bg .elementor-icon-box-icon {
    padding:15px;
}
.icon-bg:hover {
    scale:1.1;
}
.icon-bg .elementor-icon-box-icon {
    background:url(/wp-content/themes/media/shape-rood.svg) top center no-repeat;
}
.icon-bg:hover .elementor-icon-box-icon {
    transform: scale(1.1) rotate(4deg);
}


.grayscale-hover img {
    filter: grayscale(100%);
}
.grayscale-hover img:hover {
    filter: grayscale(0%);
}


.merkslider img {
    width:250px;
    padding-left:15px;
    padding-right:15px;
}


.footerlink a {
    display:inline-block;
    clear:both;
    border-bottom:1px dashed;
    margin-bottom:20px;
}

.elementor-icon-list-text span {
    display:inline-block;
    margin-left:;
    color:var( --e-global-color-7e1ea20 );
}
 
.white-heading h1, .white-heading h2, .white-heading h3 {
     color:#fff !important;
}

.elementor-icon svg {
    max-width:100%;
}


/*==================== Gravityform ====================*/
.gform_wrapper .gform_required_legend {
    display:none;
}
.gform_wrapper input, .gform_wrapper textarea, .gform_wrapper select {
    background-color: #ffffff;
    border-style:solid;
    border-width:1px;
    border-color:var(--e-global-color-accent);
    border-radius: 0px 0px 0px 0px;
    padding:15px 20px !important;
}
.gform_wrapper .formulier-title {
    font-size:var( --e-global-typography-82186f2-font-size ) !important;
    margin-top:30px;
    color:var( --e-global-color-primary);
}
.gform_button button {
    border:2px solid var(--e-global-color-primary);
}
/*==================== Einde Gravityform ====================*/


/* MEGA MENU */
.custom-menu-vertical ul,
.custom-menu-vertical .elementor-widget-container ul {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 8px; /* optional spacing */
  margin: 0;
  padding: 0;
  list-style: none;
}

.custom-menu-vertical li {
  width: 100%;
}

.custom-menu-vertical a {
  display: block !important;
  width: 100%;
}

/* HEADER CSS */ 

.nav-menu .elementor-nav-menu > li:last-child > a {
    background-color: #ffa526;
    color: #ffffff !important;
    padding-block: 20px;
}

.nav-menu .elementor-nav-menu > li:last-child > a:hover {
    background-color: #ffe446;
    padding-block: 20px;
}

/* Taalwisselaar uitlijnen */

header .trp-shortcode-switcher {
    overflow: unset;
}

/* Link menu hover */
.link_menu a:hover {
    color: #FFA52C!important;
}


/* Cookie melding button kleur */
#cookie_consent.generic-bar button.btn-accept, #cookie_details.generic .button-wrapper button.btn-accept {
    background-color:#e1e1e1!important;
    color:#222222;
    font-weight:normal;
}
#cookie_consent.generic-bar button.btn-accept:hover, #cookie_details.generic .button-wrapper button.btn-accept:hover {
    background-color:#d1d1d1 !important;
}
/* Einde cookie melding button kleur */


.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    z-index: 3;
}


.swiper-pagination {
    margin-bottom:20px;
}
.slider .swiper-pagination-bullet {
    height:7px !important;
    width:100px !important;
    border-radius:2px
}
@media only screen and (min-width: 1201px) and (max-width: 1366px) {
    .slider .swiper-pagination-bullet {
        height:6px !important;
        width:90px !important;
    }
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
    .slider .swiper-pagination-bullet {
        height:5px !important;
        width:70px !important;
    }
}
@media only screen and (min-width: 881px) and (max-width: 1024px) {
    .slider .swiper-pagination-bullet {
        height:4px !important;
        width:60px !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 880px) {
    .slider .swiper-pagination-bullet {
        height:4px !important;
        width:50px !important;
    }
}
@media only screen and (max-width: 767px) {
    .slider .swiper-pagination-bullet {
        height:4px !important;
        width:30px !important;
    }
}


.so-product-attributes-list .so-attr-value, .so-product-attributes-list .so-attr-icon svg {
    color:var(--e-global-color-primary) !important;
    fill:var(--e-global-color-primary) !important;
}