/* End Custom Fonts CSS */

.elementor-kit-8 {
	--e-global-color-primary: #181a18;
	--e-global-color-secondary: #fff;
	--e-global-color-text: #8c8a8a;
	--e-global-color-accent: #ff1187;
	--e-global-color-e1c7b6e: #f2f2f2;
	--e-global-color-d323056: #000;
	--e-global-color-94f6a1f: #bbb;
	--e-global-color-5e39bea: #121212;
	--e-global-typography-primary-font-family: "Good Brush";
	--e-global-typography-primary-font-weight: 500;
	--e-global-typography-secondary-font-family: "Bebas Neue";
	--e-global-typography-secondary-font-size: 16px;
	--e-global-typography-secondary-font-weight: 400;
	--e-global-typography-secondary-text-transform: uppercase;
	--e-global-typography-secondary-letter-spacing: 1.4px;
	--e-global-typography-text-font-family: "Roboto";
	--e-global-typography-text-font-weight: 400;
	--e-global-typography-accent-font-family: "Roboto";
	--e-global-typography-accent-font-weight: 500;
	--e-global-typography-ce328cc-font-family: "IBM Plex Mono";
	--e-global-typography-ce328cc-text-transform: uppercase;
	--e-global-typography-ce328cc-letter-spacing: 2px;
	--e-global-typography-47a8baa-font-family: "Bebas Neue";
	--e-global-typography-47a8baa-font-size: 44px;
	--e-global-typography-47a8baa-font-weight: 700;
	--e-global-typography-47a8baa-text-transform: uppercase;
	--e-global-typography-47a8baa-letter-spacing: 1.4px;
	--e-global-typography-454861e-font-family: "Bebas Neue";
	--e-global-typography-454861e-font-size: 34px;
	--e-global-typography-454861e-font-weight: 700;
	--e-global-typography-454861e-text-transform: uppercase;
	--e-global-typography-454861e-letter-spacing: 1.4px;
	color: #fff;
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
	font-weight: var(--e-global-typography-text-font-weight);
}

.elementor-kit-8 e-page-transition {
	background-color: #181a18;
}

.elementor-kit-8 a {
	color: var(--e-global-color-accent);
}

.elementor-kit-8 a:hover {
	color: var(--e-global-color-accent);
}

.elementor-kit-8 h1 {
	color: #fff;
	font-family: "Good Brush", Sans-serif;
	font-size: 50px;
	font-weight: 600;
}

.elementor-kit-8 h2 {
	color: #fff;
	font-family: "Good Brush", Sans-serif;
	font-size: 50px;
	font-weight: 600;
}

.elementor-kit-8 h3 {
	color: #fff;
	font-family: "Bebas Neue", Sans-serif;
	font-size: 22px;
	font-weight: 600;
}

.elementor-kit-8 h4 {
	color: #fff;
	font-family: "Bebas Neue", Sans-serif;
	font-size: 18px;
	font-weight: 600;
}

.elementor-kit-8 h5 {
	color: #fff;
}

.elementor-kit-8 h6 {
	color: #fff;
}

.elementor-section.elementor-section-boxed > .elementor-container {
	max-width: 1140px;
}

.e-con {
	--container-max-width: 1140px;
}

.elementor-widget:not(:last-child) {
	margin-block-end: 20px;
}

.elementor-element {
	--widgets-spacing: 20px 20px;
	--widgets-spacing-row: 20px;
	--widgets-spacing-column: 20px;
}

h1.entry-title {
	display: var(--page-title-display);
}

@media (max-width:1024px) {
	.elementor-section.elementor-section-boxed > .elementor-container {
		max-width: 1024px;
	}
	
	.e-con {
		--container-max-width: 1024px;
	}
}

@media (max-width:767px) {
	.elementor-section.elementor-section-boxed > .elementor-container {
		max-width: 767px;
	}
	
	.e-con {
		--container-max-width: 767px;
	}
}

/* Start custom CSS */

/*mega menu fix*/
.jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-mega-container__inner {
	background-color: transparent;
}

.jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-item__inner {
	background-color: transparent;
}

/*CTA btn for mobile*/
@media (max-width:768px) {
	#OfferteAanvragen, #PortfolioBekijken {
		max-width: 225px;
		margin: auto;
	}
}

/*portfolio tabs kleiner*/
@media (min-width:768px) {
	div.eael-tabs-nav {
		width: 75%;
		margin-left: auto;
		margin-right: auto;
	}
}

/*Homepage services boxes font*/
.BoxFont {
	font-family: "Good Brush", Sans-serif;
	display: block;
	font-size: 22px;
}

/*MAINCTA form button styling*/
#contactbutton, #offerteAanvragen > div > div > div > section > div > div > div > div > div > form > div > div.elementor-field-group.elementor-column.elementor-field-type-submit.elementor-col-20.e-form__buttons.elementor-md-100, form > div > div.elementor-field-group.elementor-column.elementor-field-type-submit.elementor-col-100.e-form__buttons > button {
	background: url("https://cdn-fjejh.nitrocdn.com/MZpAovnsmHlaHjGhEblyjxdHZqiAovvK/assets/images/source/rev-2301f03/www.bkn-productions.com/wp-content/uploads/2022/02/Stroke-button-Roze.svg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin-top: 10px;
}

#contactbutton:focus, #offerteAanvragen:focus {
	outline: none;
}

/*Brush button styling*/
.highlight {
	background: url("https://cdn-fjejh.nitrocdn.com/MZpAovnsmHlaHjGhEblyjxdHZqiAovvK/assets/images/source/rev-2301f03/www.bkn-productions.com/wp-content/uploads/2022/02/Stroke-button-Roze.svg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding: 8px 0;
}

.highlightBG {
	background: url("https://cdn-fjejh.nitrocdn.com/MZpAovnsmHlaHjGhEblyjxdHZqiAovvK/assets/images/source/rev-2301f03/www.bkn-productions.com/wp-content/uploads/2021/12/brush-stroke-banner-5.1.svg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding: 8px 0;
}

/*Hover video mouse icon*/
.bdt-hover-video.skin-accordion .bdt-hover-wrapper-list .bdt-hover-mask-list .bdt-hover-mask:hover {
	cursor: url("https://cdn-fjejh.nitrocdn.com/MZpAovnsmHlaHjGhEblyjxdHZqiAovvK/assets/images/optimized/rev-2301f03/www.bkn-productions.com/wp-content/uploads/2021/08/02-play-button-pink.svg"), auto;
}

#vertical-6874f3f :hover {
	cursor: url("https://cdn-fjejh.nitrocdn.com/MZpAovnsmHlaHjGhEblyjxdHZqiAovvK/assets/images/optimized/rev-2301f03/www.bkn-productions.com/wp-content/uploads/2021/08/02-play-button-pink.svg"), auto;
}

/*Pink overlay small cards - op portfolio pagina*/
#pinkoverlay .bdt-post-gallery-inner::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-color: rgba(250, 25, 135, .7);
	background-image: url("https://cdn-fjejh.nitrocdn.com/MZpAovnsmHlaHjGhEblyjxdHZqiAovvK/assets/images/optimized/rev-2301f03/www.bkn-productions.com/wp-content/uploads/2021/11/Play_button.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50px;
	transition: all 300ms ease-out;
	pointer-events: none;
}

/*Hover transition - op portfolio pagina*/
#pinkoverlay .bdt-gallery-item:hover .bdt-post-gallery-inner::after {
	opacity: 0;
}

/*Black overlay big cards - op portfolio pagina*/
#blackoverlay .bdt-post-gallery-inner::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-color: rgba(0, 0, 0, .7);
	background-image: url("https://cdn-fjejh.nitrocdn.com/MZpAovnsmHlaHjGhEblyjxdHZqiAovvK/assets/images/optimized/rev-2301f03/www.bkn-productions.com/wp-content/uploads/2022/06/Knop-Portfolio-v2.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 300px;
	transition: all 300ms ease-out;
	pointer-events: none;
}

/**/
.bdt-post-gallery-inner {
	-webkit-box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, .33);
	box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, .33);
}

/*BLackHover transition - op portfolio pagina*/
#blackoverlay .bdt-gallery-item:hover .bdt-post-gallery-inner::after {
	opacity: 0;
}

/*hide front image box on hover*/
.elementor-flip-box:hover .elementor-flip-box__layer.elementor-flip-box__front {
	opacity: 0;
	transition: opacity .4s;
}

.elementor-flip-box--effect-zoom-in .elementor-flip-box:hover .elementor-flip-box__back {
	-webkit-transform: scale(1.3) !important;
	-ms-transform: scale(1.3) !important;
	transform: scale(1.3) !important;
}

/*Homepage diensten blok titel achtergrond*/
.ServiceBox > .elementor-widget-container > .eael-interactive-promo > figure > figcaption > div > h2 {
	background-color: rgba(0, 0, 0, .45);
	padding: 5px;
}

/*portfolio grid fix*/
.bdt-post-gallery .bdt-post-gallery-inner {
	border-radius: 0px !important;
}

/*illustratie te forceren in de banners van de dienstenpagina's 22-05-2022*/
.vergroting-illustraties {
	min-width: 120% !important;
}