/**
Theme Name: van Dorresteijn B.V.
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: van-dorresteijn-b-v
Template: astra
*/

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css');

/* punt achter h1 en h2 */
h1, h2 {
    display: inline-block; /* Zorg ervoor dat de kopteksten inline blijven */
    padding-right: 20px; /* Ruimte voor de punt */
    position: relative;
}

h1::after, h2::after {
    content: ''; /* Voeg een leeg pseudo-element toe */
    display: inline-block;
    width: 10px; /* Vaste breedte van de punt */
    height: 10px; /* Vaste hoogte van de punt */
    background-color: #FEE501; /* Kleur van de punt */
    border-radius: 50%; /* Maak de punt rond */
    margin-left: 5px; /* Ruimte tussen de tekst en de punt */
    vertical-align: middle; /* Verplaatst de punt naar het midden van de tekst */
    margin-top: 7px; /* Verplaats de punt omlaag bij H1 en H2 */
}

/* H3 heeft geen ::after pseudo-element, dus geen punt */
h3 {
    display: inline-block;
}

/* mask header */
.ast-main-header-wrap.main-header-bar-wrap{
    background-image: url(https://vd.flier-ict.nl/wp-content/uploads/2024/12/bg-menu.webp);
    background-size: auto;
    background-position: right;
    background-repeat: no-repeat;
}
.elementor-element.elementor-element-3ec493e.e-con-full.e-flex.e-con.e-parent.elementor-sticky.e-lazyloaded.elementor-sticky--effects.elementor-sticky--active.elementor-section--handles-inside {
    background-color: white !important;
}
.ast-site-title-wrap {
    display: none !important;
}

/* zoom effect containers */
.zoom-container {
    transition: transform 0.3s ease; /* Zorgt voor een vloeiende overgang */
}

.zoom-container:hover {
    transform: scale(1.02); /* Vergroot het element met 5% */
}

/* opener mobiel */
@media (max-width: 1024px) {
    .openerhome h1.elementor-heading-title.elementor-size-default {
        color: white !important;
    }

    .openerhome p.elementor-heading-title.elementor-size-default {
        color: white !important;
    }

    .elementor-8 .elementor-element.elementor-element-91a71b8 .elementor-button {
        color: white !important;
    }

    .elementor-widget-lottie svg path {
        fill: #ffffff !important; /* Verander de kleur naar rood */
	}
	.elementor-element.elementor-element-3ec493e.e-con-full.e-flex.e-con.e-parent.elementor-sticky.e-lazyloaded {
    background-color: white !important;
	}
}

#menu-item-648 .sub-menu {
    width: 200px !important;
}
#menu-item-896 .sub-menu {
 width: 260px !important;
}
#menu-item-649 .sub-menu {
 width: 280px !important;
}

/* Gravity Forms */
p.gform_required_legend {
    display: none !important;
}
input#gform_submit_button_1, input#gform_submit_button_3, input#gform_submit_button_4 {
    background-color: #003366 !important;
}
.meer-informatie a {
    color: white;
}

/* Geen marge nodig van 1200px tot 1300px */
@media (min-width: 1200px) and (max-width: 1300px) {
    .elementor-element.elementor-element-81fbdde.e-con-full.e-flex.e-con.e-child {
        margin-left: -50px !important;
    }
}
/* Geen marge nodig van 1200px tot 1300px */
@media (min-width: 1300px) and (max-width: 1400px) {
    .elementor-element.elementor-element-81fbdde.e-con-full.e-flex.e-con.e-child {
        margin-left: -30px !important;
    }
}
/* Vanaf 1600px een kleine marge */
@media (min-width: 1600px) and (max-width: 1899px) {
    .elementor-element.elementor-element-81fbdde.e-con-full.e-flex.e-con.e-child {
        margin-left: 35px !important;
    }
}

/* Vanaf 1900px een grotere marge */
@media (min-width: 1900px) and (max-width: 1999px) {
    .elementor-element.elementor-element-81fbdde.e-con-full.e-flex.e-con.e-child {
        margin-left: 70px !important;
    }
}

/* Vanaf 2000px een grotere marge */
@media (min-width: 2000px) and (max-width: 2099px) {
    .elementor-element.elementor-element-81fbdde.e-con-full.e-flex.e-con.e-child {
        margin-left: 100px !important;
    }
}

/* Vanaf 2100px een grotere marge */
@media (min-width: 2100px) and (max-width: 2559px) {
    .elementor-element.elementor-element-81fbdde.e-con-full.e-flex.e-con.e-child {
        margin-left: 120px !important;
    }
}

/* Ultra-wide schermen (2560px en groter) */
@media (min-width: 2560px) and (max-width: 3199px) {
    .elementor-element.elementor-element-81fbdde.e-con-full.e-flex.e-con.e-child {
        margin-left: 140px !important;
    }
}

/* Super ultrawide schermen (3200px en groter) */
@media (min-width: 3200px) {
    .elementor-element.elementor-element-81fbdde.e-con-full.e-flex.e-con.e-child {
        margin-left: 180px !important;
    }
}
@media (min-width: 1200px) {
	.elementor-swiper-button.elementor-swiper-button-next {
    margin-right: -20px !important;
	}
	.elementor-swiper-button.elementor-swiper-button-prev {
		margin-left:-20px !important;
	}
}
@media (max-width: 1200px) {
	.elementor-swiper-button.elementor-swiper-button-next {
    margin-right: -10px !important;
	}
	.elementor-swiper-button.elementor-swiper-button-prev {
		margin-left:-10px !important;
	}
}
@media (min-width: 600px) and (max-width: 1024px) {
    .elementor-element.elementor-element-81fbdde.e-con-full.e-flex.e-con.e-child {
        margin-left: -20px !important;
    }
}
header.entry-header.ast-no-thumbnail.ast-header-without-markup {
    display: none !important;
}