/*
Theme Name:     Page Craft 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
*/


/****************************************** 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-border-radius: 3px;
	--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);
	}
}




/* HEADER */

nav.elementor-nav-menu--main .elementor-nav-menu .menu-item a.elementor-item p {
	padding-right: 6px;
	font-size: 12px;
	line-height: 15px;
	padding-top: 3px;
}


/* 01 De Band styles */
.met-remix {
	transition: all ease 0.2s;
	transition-duration: 0.2s;
}

.met-remix .met-remix-card-right {
	margin-left: 0;
	transition: all ease 0.2s;
}
.met-remix:hover .met-remix-card-right {
	margin-left: 45px;
}

.met-remix .met-remix-card-left {
	margin-right: 0;
	transition: all ease 0.2s;
}
.met-remix:hover .met-remix-card-left {
	margin-right: 45px;
}

.met-remix .elementor-element.elementor-widget.elementor-widget-image {
	position: relative;
 	overflow: hidden;
	transition: all 0.2s ease;
}

.met-remix:hover .elementor-element.elementor-widget.elementor-widget-image::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(circle, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.2) 100%);
	pointer-events: none;
} 


@media screen and (min-width: 1024px) {
	.met-remix .met-remix-text-cindy {
		opacity: 0;
		transition: all ease 0.2s;
	}

	.met-remix:hover .met-remix-text-cindy {
		opacity: 1;
		padding-bottom: 40px;
	}
}


/* 02 Nieuws section styles */
.elementor-element.elementor-widget.elementor-widget-loop-grid .elementor-loop-container.elementor-grid .elementor.e-loop-item.post.type-post:nth-of-type(even) .elementor-element.elementor-widget.elementor-widget-image {
	left: unset;
    right: 0;
}
.elementor-element.elementor-widget.elementor-widget-loop-grid .elementor-loop-container.elementor-grid .elementor.e-loop-item.post.type-post .elementor-element.e-flex.e-con-boxed.e-con.e-parent .e-con-inner .elementor-element.e-con-full.e-flex.e-con.e-child {
	backdrop-filter: blur(5px);
}
.elementor-element.elementor-widget.elementor-widget-loop-grid .e-loop__load-more.elementor-button-wrapper .elementor-button-link.elementor-button {
	box-shadow: 0px 5px 0px 0px #271537;
}
.elementor-element.elementor-widget.elementor-widget-loop-grid .e-loop__load-more.elementor-button-wrapper .elementor-button-link.elementor-button:hover {
	box-shadow: 0px 5px 0px 0px #10021d;
}


/* Contact form - done with Elementor */

form.elementor-form .elementor-form-fields-wrapper .elementor-field-type-textarea.elementor-field-group textarea.elementor-field-textual.elementor-field {
	height: 85px;
}

form.elementor-form .elementor-form-fields-wrapper .elementor-field-group.elementor-field-type-submit.e-form__buttons .elementor-button {
	box-shadow: 0px 5px 0px 0px #271537;
}

form.elementor-form  .grecaptcha-badge {
	visibility: hidden;
}
form.elementor-form  .elementor-field-type-html i {
	font-size: 14px;
}
form.elementor-form  .elementor-field-type-html i a {
	font-size: 14px;
	text-decoration: underline;
	transition: all .2s linear;
}
form.elementor-form  .elementor-field-type-html i a:hover {
	opacity: .5;
}

/* Sticky element right */
/* The band */
.sticky-right-link-container .sticky-right-link-band span.elementor-heading-title a {
    margin-right: -45px;
    white-space: nowrap;
	transition: all ease 0.2s;
}
.sticky-right-link-container .sticky-right-link-band:hover span.elementor-heading-title a {
	margin-right: 0px;
	color: #ffffff;
	border-bottom: 1px solid #7a071b;
	color: #ffffff;
}
/* Nieuws */
.sticky-right-link-container .sticky-right-link-nieuws span.elementor-heading-title a {
    margin-right: -60px;
    white-space: nowrap;
	transition: all ease 0.2s;
}
.sticky-right-link-container .sticky-right-link-nieuws:hover span.elementor-heading-title a {
	margin-right: 0px;
	color: #ffffff;
	border-bottom: 1px solid #7a071b;
	color: #ffffff;
}
/* Aankomende Optredens */
.sticky-right-link-container .sticky-right-link-aankomende-optredens span.elementor-heading-title a {
    margin-right: -199px;
    white-space: nowrap;
	transition: all ease 0.2s;
}
.sticky-right-link-container .sticky-right-link-aankomende-optredens:hover span.elementor-heading-title a {
	margin-right: 0px;
	color: #ffffff;
	border-bottom: 1px solid #7a071b;
	color: #ffffff;
}
/* Fotos */
.sticky-right-link-container .sticky-right-link-fotos span.elementor-heading-title a {
    margin-right: -50px;
    white-space: nowrap;
	transition: all ease 0.2s;
}
.sticky-right-link-container .sticky-right-link-fotos:hover span.elementor-heading-title a {
	margin-right: 0px;
	color: #ffffff;
	border-bottom: 1px solid #7a071b;
	color: #ffffff;
}
/* Contact */
.sticky-right-link-container .sticky-right-link-contact span.elementor-heading-title a {
    margin-right: -64px;
    white-space: nowrap;
	transition: all ease 0.2s;
}
.sticky-right-link-container .sticky-right-link-contact:hover span.elementor-heading-title a {
	margin-right: 0px;
	color: #ffffff;
	border-bottom: 1px solid #7a071b;
	color: #ffffff;
}

.sticky-link-container-indicator-page-start.active,
.sticky-link-container-indicator-band.active,
.sticky-link-container-indicator-nieuws.active,
.sticky-link-container-indicator-aankomende-optredens.active,
.sticky-link-container-indicator-fotos.active,
.sticky-link-container-indicator-contact.active {
	background: #E2011C !important;
}


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


@media screen and (max-width: 768px) {
	.met-remix-text-cindy {
		position: relative !important;
		margin-top: -70px;
	}
}