/*
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);
	
	
	--do-black: #000;
	--do-white: #fff;
	--light-gray: #F5F5F5;
	--do-gray: #777777;
	--font-family-text: 'M PLUS Rounded 1c', sans-serif;

}

/*  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);
	}
}

 */

.elementor-carousel-image {
    background: no-repeat 50%;
    background-size: cover;
    height: 100%;
    position: relative;
}

.elementor-carousel-image {
   background-size: contain;
   width: 100%;
}


/* 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;
}


/****************************************** HEADER styles  ******************************************/
/* .e-n-menu-content {
    display: flex;
    align-items: center;
} */

.elementor-nav-menu .sub-arrow .e-font-icon-svg {
	display: none;
}

.elementor-heading-title {
	overflow-wrap: break-word;
      word-wrap: break-word;
      -webkit-hyphens: auto;
      -ms-hyphens: auto;
      -moz-hyphens: auto;
      hyphens: auto;
}

/* Sub menu en nav menu */
@media only screen and (min-width: 1240px) {
	.elementor-nav-menu li.menu-item a:target, 
	.elementor-nav-menu li.menu-item a:hover, 
	.elementor-nav-menu--main .elementor-item.elementor-item-active a {
		text-decoration: underline !important;
		text-decoration-color: var(--e-global-color-primary) !important;
		text-decoration-thickness: 5px !important;
		text-underline-offset: 14px !important;
		transition: none;
	}
	
	.elementor-nav-menu ul.sub-menu li.menu-item a,
	.elementor-nav-menu ul.sub-menu li.menu-item a:target,
	.elementor-nav-menu ul.sub-menu li.menu-item a:hover,
	.elementor-nav-menu ul.sub-menu li.menu-item.elementor-item-active a {
		text-decoration: none !important;
	}
	
	.elementor-nav-menu ul.sub-menu li.menu-item a {
		background-color: #F2F2F2 !important;
	}
	
	.elementor-nav-menu ul.sub-menu li.menu-item a:target,
	.elementor-nav-menu ul.sub-menu li.menu-item a:hover,
	.elementor-nav-menu ul.sub-menu li.menu-item.elementor-item-active a {
		background-color: #E4E4E4 !important;
	}

	span#gform_ajax_spinner_1 {
		display: none !important;
	}
}

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


/********************************** Numbered / Bulleted List *************************************/
.elementor-widget-text-editor li, .elementor-widget-theme-post-content li {
	margin-bottom: 0.6em!important;
}

/****************************************** FOOTER styles  ******************************************/
.elementor-location-footer .tel-container a,
.elementor-location-footer .mail-container a {
	color: var(--e-global-color-accent);
}

/****************************************** SELECTION (highlight) styles  ******************************************/
::selection {
      background: var(--e-global-color-primary);
      color: var(--do-black);
}

/****************************************** Mega Menu style **************************************/
.menu-vertical .e-n-menu-wrapper ul.e-n-menu-heading{
	flex-direction: column !important;
}

/****************************************** Gravity form style ******************************************/
.gfield input:not([type='submit']),
.gfield textarea,
.gform-theme--foundation .gfield select {
    background-color: #F6F6F6 !important;
    border: solid 2px #F6F6F6 !important;
    border-radius: 0px !important;
}

.gform_title, .gform_description, .gform_required_legend {
	display: none;
}

.gfield input:not([type='submit']):focus,
.gfield textarea:focus,
.gform-theme--foundation .gfield select:focus {
    box-shadow: none !important;
    border: solid 2px #707070 !important;
}

.gform-theme--framework input[type=radio]::before {
	background-color: var(--e-global-color-primary) !important;
}

body .gform_wrapper input:not([type=submit]),
body .gform_wrapper textarea  {
    padding: 10px 20px !important;
    /*border: 2px solid var(--e-global-color-primary) !important;*/
    /*background-color: var(--do-gray) !important;*/
	font-size: 18px !important;
	line-height: 24px;
	font-family: 'M PLUS Rounded 1c', sans-serif; 
	color: var(--do-gray);
    margin: 0px;
    box-shadow: none;
    height: auto;
}

body .gform_wrapper input::placeholder,
body .gform_wrapper textarea::placeholder,
body label.gfield_label.gform-field-label {
 	font-size: 18px !important;
	font-weight: 300 !important; 
	line-height: 24px;
	font-family: 'M PLUS Rounded 1c', sans-serif; 
}

body .gform_wrapper .error {
	font-size: 16px !important;
	line-height: 24px;
	color: #ED3B2E !important;
	font-family: 'M PLUS Rounded 1c', sans-serif;
}

.gform_footer {
    width: fit-content;
    gap: 0 !important;
    overflow: hidden !important;
}

#gform_submit_button_1 {
	content: "Contactaanvraag verzenden";
    background: var(--e-global-color-primary) !important;
    border-radius: 0 !important;
    color: var(--do-white) !important;
    transition: all ease .3s !important;
    border: solid 1px var(--e-global-color-primary) !important;
    padding: 20px 40px !important;
    font-weight: 500 !important;
	font-size: 18px !important;
	line-height: 24px !important;
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    transition: all ease .3s;
}

#gform_submit_button_1:hover {
    color: var(--do-white) !important;
    background-color: var(--do-gray) !important;
	border: solid 1px var(--do-gray) !important;
}

.gform_confirmation_wrapper {
	font-weight: 400 !important;
	font-size: 18px !important;
	line-height: 24px !important;
	color: #777777 !important;
	margin-top: 18px !important;
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
}

.gform-field-label {
    color: #707070 !important;
}

@media screen and (max-width: 767px) {
    .gform_footer::before {
        padding: 15px 25px !important;
    }
}

/* Toggle widget icon */
.elementor-toggle-icon.elementor-toggle-icon-right {
	margin-top: 5px !important;
}

.elementor-toggle .elementor-tab-title .elementor-toggle-icon .elementor-toggle-icon-closed {
	text-align: center !important;
}

.e-n-menu-dropdown-icon:focus,
.e-n-menu-dropdown-icon:hover,
.e-n-menu-dropdown-icon:active {
	background-image: none !important;
}

@media screen and (max-width: 767px) {
    .gform_confirmation_wrapper {
        font-size: 16px !important;
		margin-top: 0px !important;
    }
}


/* Popup Roll en Connect */

.rollconnect-popup .elementor-form input {
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

.rollconnect-popup .elementor-button {
	background-image: none !important;
}