/*
Theme Name:     AVS Maatschappelijke Dienstverlening
Description:    Custom WordPress Child theme for theme "PageCraft"
Author:         Factor Blue BV
Author URI: 	https://factorblue.com
Tested up to:   6.2
Requires PHP:   8.1
Template:       pagecraft
Text Domain:    pagecraft-child
Version:        1.0
*/


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

/* Variables */

:root {
/*  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);
*/
	--e-global-color-white-transparent: #FFFFFFDD;
	--e-global-color-white: #FFFFFF;
	--e-global-color-background-gradient: #f29405;
	--e-global-color-gradient: linear-gradient(40deg, #f29405 1%, #eb660c 14%, #e8455b 73%, #e40d7e 100%);
	--e-global-color-moz-gradient: -moz-linear-gradient(40deg, #f29405 1%, #eb660c 14%, #e8455b 73%, #e40d7e 100%);
	--e-global-color-webkit-gradient: -webkit-linear-gradient(40deg, #f29405 1%, #eb660c 14%, #e8455b 73%, #e40d7e 100%);
}

.gradient-bg {
	background: var(--e-global-color-background-gradient);
    background: var(--e-global-color-moz-gradient);
    background: var(--e-global-color-webkit-gradient);
    background: var(--e-global-color-gradient);
}

/**********    Disable default styling    ***************/
* {
	box-sizing: border-box;
}
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;
}

/****************************************** Spacing classes *****************************************/
.padding-section {
	padding-top: 120px;
	padding-bottom: 120px;
}

.padding-top {
	padding-top: 120px;
}

.padding-bottom {
	padding-bottom: 120px;
}

@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: 90px;
		padding-bottom: 90px;
	}

	.padding-top {
		padding-top: 90px;
	}

	.padding-bottom {
		padding-bottom: 90px;
	}
}


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

	.padding-top {
		padding-top: 90px;
	}

	.padding-bottom {
		padding-bottom: 90px;
	}
}

/****************************************** Loop items (with) Gradient buttons ******************************************/
a.ivy-loop-item:hover {
	border: 1px solid var(--e-global-color-primary)!important;
}

a.ivy-loop-item img {
	transition: transform .2s ease-in;
}
a.ivy-loop-item:hover img {
	transform: scale(1.04);
}

a.ivy-loop-item .ivy-btn span,
button.gform_button {
    position: relative;
    background: var(--e-global-color-background-gradient);
    background: var(--e-global-color-moz-gradient);
    background: var(--e-global-color-webkit-gradient);
    background: var(--e-global-color-gradient);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f29405', endColorstr='#e40d7e', GradientType=1);
    padding: 10px 50px!important;
    color: #ffffff!important;
    text-transform: uppercase;
    border: 1px solid transparent;
    line-height: 24px!important;
    border-radius: .25rem !important;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
a.ivy-loop-item .ivy-btn span:after,
button.gform_button img {
    position: absolute;
    right: -15px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    display: block;
    width: 30px;
    height: 30px;
    content: url(https://avs-md.nl/wp-content/themes/AVS-MD/stylesheets/../images/icons/ivy.svg);
    transition: all .25s;
}

a.ivy-loop-item:hover .ivy-btn span,
button.gform_button:hover {
    opacity: 0.9!important;
}
a.ivy-loop-item:hover .ivy-btn span:after,
button.gform_button:hover img {
    transform: rotate(-30deg);
}

/****************************************** Header ******************************************/
header .elementor-sticky {
	transition: all .3s linear;
}
header .elementor-sticky.elementor-sticky--effects {
	background-color: var(--e-global-color-white-transparent);
}
header:hover .elementor-sticky {
	background-color: var(--e-global-color-white);
	-webkit-box-shadow: 0px 10px 10px -10px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 10px 10px -10px rgba(0,0,0,0.75);
	box-shadow: 0px 10px 10px -10px rgba(0,0,0,0.75);
}

/****************************************** Slider overlay ******************************************/
.elementor-swiper-button.elementor-swiper-button-next,
.elementor-swiper-button.elementor-swiper-button-prev {
	display: flex;
    align-items: center;
    background-color: #ffffffcc;
    height: 100%;
}
/****************************************** Gravity form style ******************************************/
/*** https://docs.gravityforms.com/css-targeting-examples/ ***/
body .gform_heading .gform_required_legend,
body .gform_footer.top_label .gform-loader {
	display: none;
}

body .gform-body.gform_body .gform_fields.top_label {
	gap: 24px;
}

body .gform_wrapper .gform_body .gform_fields .gfield.gfield--type-text .gfield_required.gfield_required_asterisk body .gform_wrapper .gform_body .gform_fields .gfield.gfield--type-text label {
	color: #A36A10;
}

body .gform_wrapper .gform_body .gform_fields .gfield label {
	margin-bottom: 4px;
	font-size: 12px;
	line-height: 18px;
	font-weight: 400;
	font-family: Poppins;
	color: #3f3f3f;
}

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_required.gfield_required_asterisk {
	color: #3f3f3f;
}

body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input::placeholder,
body .gform_wrapper .gform_body .gfield .ginput_container textarea::placeholder {
	color: #8c8c8c;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	font-family: Poppins;
}

body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input:not([type='submit']),
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container textarea,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container select {
	border: solid 1px #c5c5c5;
	border-radius: 3px;
	padding: 8px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	font-family: Poppins;
	color: #3f3f3f;
}

body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input:not([type='submit']):focus,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container textarea:focus,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container select:focus {
	box-shadow: none;
	border: solid 1px #3f3f3f;
}
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container label.error {
	color: #c02b0a;
}

body .gform_wrapper .gform_body .gform_fields .gfield:focus-within label,
body .gform_wrapper .gform_body .gform_fields .gfield:focus-within .gfield_required.gfield_required_asterisk {
	color: #A36A10;
}