/*
Theme Name:     Pagecraft Child
Description:    Custom WordPress Child theme for theme "PageCraft"
Author:         Pagecraft
Author URI: 	https://pagecraft.nl
Tested up to:   6.2
Requires PHP:   8.2
Template:       pagecraft
Text Domain:    pagecraft-child
Version:        1.0.1
*/


/****************************************** GLOBAL ******************************************/

/* Variables */

:root {
	--pc-black: #000;
	--pc-white: #fff;
	--pc-transparent: #FFFFFF00;
	--light-gray: #F5F5F5;
	
	--spacing-desktop: 40px;
	--spacing-laptop: 30px;
	--spacing-tablet: 20px;
	--spacing-mobile: 20px;
	
	--gform-asterix-color: #3f3f3f;
	--gform-error-color: #ff0000;
	--gform-placeholder-color: #3f3f3f;
	--gform-border-color: #c5c5c5;
	--gform-active-border-color: #000;
	--gform-font-size: var(--e-global-typography-text-font-size);

}

/*  Variable COLORS - globals form Elementor page builder
	var(--e-global-color-primary);
	var(--e-global-color-secondary);
	var(--e-global-color-accent);
	var(--e-global-color-text);
	var(--e-global-color-584f52f) // Globale kleur 'Zwart'
	var(--e-global-color-43f9ea8) // Globale kleur 'Wit'
*/

/*  Variable Fonts - globals form Elementor page builder
	var(--e-global-typography-primary-font-family);
	var(--e-global-typography-secondary-font-family);
*/
/*  Default Elementor colors from plugin
	var(--e-a-color-black);
	var(--e-a-color-white);
*/

/**********    Disable default styling    ***************/
ol, ul {
	padding-left: 20px;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.elementor-widget-text-editor p:first-of-type {
    margin-top: 0;
}

img {
	object-fit: cover;
}

/****************************************** Spacing classes *****************************************/
.padding-section {
	padding-top: var(--spacing-desktop);
	padding-bottom: var(--spacing-desktop);
}

.padding-top {
	padding-top: var(--spacing-desktop);
}

.padding-bottom {
	padding-bottom: var(--spacing-desktop);
}

@media screen and (min-width: 1160px) {
	.padding-left {
		padding-left: calc((100vw - var(--content-width)) / 2);
	}
	
	.padding-right {
		padding-right: calc((100vw - var(--content-width)) / 2);
	}
}

@media screen and (max-width: 1024px) {
	.padding-section {
		padding-top: var(--spacing-laptop);
		padding-bottom: var(--spacing-laptop);
	}

	.padding-top {
		padding-top: var(--spacing-laptop);
	}

	.padding-bottom {
		padding-bottom: var(--spacing-laptop);
	}
}


@media screen and (max-width: 767px) {
	.padding-section {
		padding-top: var(--spacing-tablet);
		padding-bottom: var(--spacing-tablet);
	}

	.padding-top {
		padding-top: var(--spacing-tablet);
	}

	.padding-bottom {
		padding-bottom: var(--spacing-tablet);
	}
}

@media screen and (max-width: 500px) {
	.padding-section {
		padding-top: var(--spacing-mobile);
		padding-bottom: var(--spacing-mobile);
	}

	.padding-top {
		padding-top: var(--spacing-mobile);
	}

	.padding-bottom {
		padding-bottom: var(--spacing-mobile);
	}
}

/* hide reCaptcha Badge */
.grecaptcha-badge { visibility: hidden; }

/* HEADER */
header .elementor-widget.elementor-widget-nav-menu .elementor-widget-container nav.elementor-nav-menu--main > ul.elementor-nav-menu {
	gap: 30px;
}
header .elementor-widget.elementor-widget-nav-menu .elementor-widget-container nav.elementor-nav-menu--main > ul.elementor-nav-menu li.menu-item::after {
	content: "";
	display: inline-block;
	height: 2px;
	width: 0%;
	position: absolute;
	bottom: -3px;
	left: 0;
	background-color: #214836;
	transition: ease all 0.3s;
	opacity: 0;
}
header .elementor-widget.elementor-widget-nav-menu .elementor-widget-container nav.elementor-nav-menu--main > ul.elementor-nav-menu li.menu-item:hover::after {
	width: 100%;
	opacity: 1;
}
header .elementor-widget.elementor-widget-nav-menu .elementor-widget-container nav.elementor-nav-menu--main > ul.sub-menu.elementor-nav-menu--dropdown li.menu-item:hover::after {
	width: 0 !important;
	opacity: 0 !important;
}
header .elementor-widget.elementor-widget-nav-menu .elementor-widget-container nav.elementor-nav-menu--main ul.sub-menu.elementor-nav-menu--dropdown li.menu-item::after {	
	display: none;
}
header .elementor-widget.elementor-widget-nav-menu .elementor-widget-container nav.elementor-nav-menu--main ul.sub-menu.elementor-nav-menu--dropdown li.menu-item {
    min-width: 180px;
}
header .elementor-widget.elementor-widget-nav-menu .elementor-widget-container nav.elementor-nav-menu--main ul.sub-menu.elementor-nav-menu--dropdown li.menu-item:hover a {
    color: #214836;
}
header .elementor-widget.elementor-widget-nav-menu .elementor-widget-container nav.elementor-nav-menu--main ul.sub-menu.elementor-nav-menu--dropdown {
	top: 30px !important;
	left: -10px !important;
}

/* Header menu stycky effect */
header.elementor-sticky.elementor-sticky--active.elementor-sticky--effects .elementor-element.elementor-sticky > .e-con-inner {
	padding-bottom: 0 !important;
	padding-top: 0 !important;
}
header.elementor-sticky.elementor-sticky--active.elementor-sticky--effects .elementor-element.elementor-sticky .elementor-widget.elementor-widget-theme-site-logo.elementor-widget-image picture img {
	display: none;
}
header.elementor-sticky.elementor-sticky--active.elementor-sticky--effects .elementor-element.elementor-sticky .elementor-widget.elementor-widget-theme-site-logo.elementor-widget-image picture::after {
	content: url("../../uploads/2025/06/MJFP-logo-cherry-50.png");
	display: inline-block;
}
header.elementor-sticky.elementor-sticky--active.elementor-sticky--effects .elementor-element.elementor-sticky > .e-con-inner .elementor-element.elementor-hidden-tablet.elementor-hidden-mobile.e-con.e-child {
	padding-top: 0;
}


/* FOOTER */
/* Social icon */
.elementor-widget.elementor-widget-social-icons .elementor-widget-container .elementor-social-icons-wrapper .elementor-grid-item:first-child {
	margin-right: 10px;
}
.elementor-widget.elementor-widget-social-icons .elementor-widget-container .elementor-social-icons-wrapper .elementor-grid-item:nth-child(2) {
	margin-right: 5px;	
}
/* Homepage styles */

/* Advieskeuze HTML element */
.advieskeuze-container {
	background-color: white;
    transform: scale(0.56);
    padding-bottom: 15px;
}

/* Laatste updates styles */
.laatste-updates-container .laatste-updates-con-linkedin .es-carousel-layout-container .es-carousel-layout-wrapper .swiper .swiper-wrapper .swiper-slide {
	width: 334px !important;
}
.laatste-updates-container .laatste-updates-con-linkedin .es-carousel-layout-container .es-bullets-control-container {
	display: none;
}
.laatste-updates-container .laatste-updates-advieskeuze iframe {
	min-height: 453px;
	width: 334px;
	border-radius: 20px;
}
.laatste-updates-container .laatste-updates-advieskeuze iframe html body {
	display: flex;
    flex-direction: column;
    align-items: center;	
}

/* Homepage carousel */
.logo-slider .swiper-slide {
	padding: 20px;
	height: 100% !important;
	border-radius: 10px 10px 10px 20px;
	min-height: 111.94px !important;
	display: flex;
    align-items: center;
	justify-content: center;
} 

.logo-slider .swiper-slide img {
	filter: brightness(0) invert(1);
	transition: background-color .3s ease-in-out;
}

.logo-slider .swiper-slide:hover {
	transition: all .3s ease-in-out;
	background-color: var(--e-global-color-43f9ea8);
	border-radius: 10px 10px 10px 20px;
}

.logo-slider .swiper-slide:hover img {
	filter: none;
}

/* Onze mensen Archive page */
h2 span {
	color: var(--e-global-color-accent);
}
a.mjfp-archive-page-item:hover .elementor-widget.elementor-widget-image img {
	background-color: #ffd2e0;
	transition: all ease 0.3s;
}

/* Breadcrumbs */
#breadcrumbs span  {
	color: #F56318;
	font-weight: 600;
	line-height: 20px;
	display: flex;
    gap: 10px;
}
#breadcrumbs span a,
#breadcrumbs span span {
	color: #000000;
	font-weight: 600;
}
#breadcrumbs > span::before {
	display: inline-block;
	content: "//";
	font-size: 16px;
	line-height: 16px;
	color: #F56318;
}

/* Accordion */
.elementor-widget.elementor-widget-n-accordion .elementor-widget-container .e-n-accordion details.e-n-accordion-item .e-n-accordion-item-title,
.elementor-widget.elementor-widget-n-accordion .elementor-widget-container .e-n-accordion details.e-n-accordion-item .elementor-element.e-con-full.e-con.e-child {
	border-width: 0;
}
.elementor-widget.elementor-widget-n-accordion .elementor-widget-container .e-n-accordion details.e-n-accordion-item .e-n-accordion-item-title .e-n-accordion-item-title-icon {
	width: 20px;
    height: 20px;
    border: 1px solid #5f5f5f;
    border-radius: 20px;
}
.elementor-widget.elementor-widget-n-accordion .elementor-widget-container .e-n-accordion details.e-n-accordion-item .e-n-accordion-item-title .e-n-accordion-item-title-icon svg {
	height: 6px;
	width: 6px;
}
.elementor-widget.elementor-widget-n-accordion .elementor-widget-container .e-n-accordion details.e-n-accordion-item .e-n-accordion-item-title .e-n-accordion-item-title-icon span {
	align-items: center;
    justify-content: center;
	width: 20px;
    height: 20px;
}

/* Contact form styles */

.contactformulier form.elementor-form .elementor-form-fields-wrapper .elementor-field-type-html,
.contactformulier form.elementor-form .elementor-form-fields-wrapper .elementor-field-type-html a {
	padding-bottom: 0px;
    color: var(--e-global-color-secondary);
    font-family: "Plus Jakarta Sans", Sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}

.contactformulier form.elementor-form .elementor-form-fields-wrapper .elementor-field-group.elementor-column .elementor-field.elementor-field-textual::placeholder {
  opacity: 1;
}

.contactformulier form.elementor-form .elementor-field {
  padding-left: 0;
}

body .gform_wrapper .gform_footer input[type=submit] {
	font-family: var(--e-global-typography-primary-font-family);
	background-color: var(--e-global-color-secondary) !important;
}
body .gform_wrapper .gform_footer input[type=submit]:hover {
	background-color: var(--e-global-color-primary) !important;
}
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container label.error {
	color: var(--gform-error-color);
} */


/* Swiper center align*/
.swiper-slide {
	display: flex !important;
	justify-content: center !important;
}

/* Elementor Cart Button*/
.elementor-menu-cart__toggle_button {
	background-color: var(--pc-transparent) !important;
	padding: 0 !important;
}

/* Link */

.link-rev a {
	font-family: var(--e-global-typography-52e738d-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-52e738d-font-size) !important;
    font-weight: var(--e-global-typography-52e738d-font-weight) !important;
    line-height: var(--e-global-typography-52e738d-line-height) !important;
}