/**
Theme Name: Astra Child
Author: Monkey Vision
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* VOEG JE CSS TOE EN SCHEIDT DEZE DMV DE COMMENT RIJEN ZOALS HIERDONDER,
 * PER ONDERDEEL VAN JE SITE EEN APARTE SECTIE, BV EEN SOORT STYLING VAN EEN ROW, EEN PLUGIN, ETC ETC
 * HOUDT HET OVERZICHTELIJK VOOR DE VOLGENDE LEZER
 * HOOFD ITEM? LANGE COMMENT ROW
 * SUB ITEM? KORTERE VERSIE ZOALS HIERONDER MET DE MEDIA QUERIES
*/

html {
	overflow-x:hidden;
}

/****************************************** HEADER ******************************************/

.elementor-location-header .elementor-sticky--effects {
	/* Schrijf hier je CSS als je de header een andere size wilt geven op scroll*/
	/* De laatste class zit op het header element */
}
.elementor-location-header .mobile-switch .elementor-icon-wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
}

/****************************************** FOOTER ******************************************/
.elementor-location-footer .monkey-footer a {
	text-decoration:underline;
	color:white;
}





/****************************************** HIER JOUW CUSTOM CSS ******************************************/

@media only screen and (max-width: 1024px) {
/*************** ADD TABLET ONLY CSS HERE  ***************/


}

@media only screen and (max-width: 767px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
/****************************************** BLOG THUMB LOOP ******************************************/
.column-url,
.column-url *{
	position:absolute;
	height:100%;
	width:100%;
	z-index:2;
	opacity:0;
}
/****************************************** OWL CAROUSEL ******************************************/
.owl-carousel {
	display:block!important;
}
.owl-carousel .owl-nav button{
	height:25px;
	width:25px;
	background-repeat:no-repeat!important;
	background-size:contain!important;
	background-position:center!important;
}
.owl-carousel .owl-nav button span{
	display:none;
}
.owl-carousel .owl-nav .owl-prev{
	background-image:url('/wp-content/uploads/2022/01/Icon-ionic-ios-arrow-back.svg')!important;
}
.owl-carousel .owl-nav .owl-next{
	background-image:url('/wp-content/uploads/2022/01/Icon-ionic-ios-arrow-forward.svg')!important
}
.owl-carousel .owl-dots {
	margin: auto;
}
.owl-carousel .owl-dots .owl-dot{
	background-color:black;
	height:7px;
	width:7px;
	margin: 5px;
}
.owl-carousel .owl-dots .owl-dot.active {
	background-color:grey;
}
/****************************************** GRAVITY FORMS **************************************************/
.gform_body input,
.gform_body select {
	padding: 10px 15px !important;
}
.woocommerce select {
	padding:0 10px!important;
}

/********************************** KLEINE VELDEN EN INPUTS *******************/
.gform_body input[type=text],
.gform_body input[type=tel] {
    border: none !important;
    border-radius: 0 !important;
    border: 1px solid #000000b0 !important;
    background-color: white !important;
    line-height: 24px !important;
}
/********************************** KLEINE VELDEN FOCUS ********************/
.gform_body input[type=text]:focus,
.gform_body input[type=tel]:focus {
    border: 1px solid #CBCBCB !important;
	box-shadow: none !important;
}
					/*bericht*/
.gform_body textarea {
    border: none;
    border-radius: 0px!important;
    border: 1px solid #000000b0 !important;
    background-color: white !important;
}
					/*selectie bericht*/
.gform_body textarea:focus {
    border: 1px solid #CBCBCB !important;
	box-shadow: none !important;
}

/******************** VALIDATIE **************************/

					/* VALID */

/* border van kleine velden validatie */
    .gform_wrapper input[type=text].valid,
	.woocommerce-input-wrapper input[type=text].valid,
	.woocommerce-input-wrapper input[type=tel].valid,
	.woocommerce-input-wrapper input[type=email].valid {
        border: 1px solid #56c92a !important;
        position: relative;
    }

/* checkmark van kleine velden validatie */
    .gform_wrapper input[type=text].valid,
	.woocommerce-input-wrapper input[type=text].valid,
	.woocommerce-input-wrapper input[type=tel].valid,
	.woocommerce-input-wrapper input[type=email].valid {
        background-image: url("/wp-content/uploads/2021/07/checkmark.svg")!important;
        background-size: 15px!important;
        background-position: right!important;
        background-position-x: 98%!important;
        background-repeat: no-repeat!important;
    }
/* border van bericht validatie */
    .gform_wrapper textarea.valid, 
	.woocommerce-input-wrapper textarea.valid{
        border: 1px solid #56c92a !important;
        position: relative;
    }
/* checkmark van bericht validatie */
    .gform_wrapper textarea.valid,
    .woocommerce-input-wrapper textarea.valid{
        background-image: url("/wp-content/uploads/2021/07/checkmark.svg")!important;
        background-size: 15px!important;
        background-position: right!important;
        background-position-x: 98%!important;
        background-repeat: no-repeat!important;
    }


					/* ERROR */
/* border van kleine velden error */
    .gform_wrapper input[type=text].error,
	.woocommerce-input-wrapper input[type=text].error,
	.woocommerce-input-wrapper input[type=tel].error,
	.woocommerce-input-wrapper input[type=email].error {
        border: 1px solid #EE2B2B !important;
    }
/*error tekst onder het bericht*/
	.gform_wrapper label.error,
	html .woocommerce-input-wrapper label.errror {
		color: #cf361f!important;	
	}
/* kruisje van bericht error */
    .gform_wrapper input[type=text].error,
	.woocommerce-input-wrapper input[type=text].error,
	.woocommerce-input-wrapper input[type=tel].error,
	.woocommerce-input-wrapper input[type=email].error {
        background-image: url("/wp-content/uploads/2021/07/cross.svg")!important;
        background-size: 15px!important;
        background-position: right!important;
        background-position-x: 98%!important;
        background-repeat: no-repeat!important;
    }
/* border van tekstveld error */
	.gform_wrapper textarea.error,
	.woocommerce-input-wrapper  textarea.error{
	    border: 1px solid #EE2B2B !important;
        position: relative;
}
/* checkmark van bericht validatie */
    .gform_wrapper textarea.error,
	.woocommerce-input-wrapper textarea.error {
        background-image: url("/wp-content/uploads/2021/07/cross.svg")!important;
        background-size: 15px!important;
        background-position: right!important;
        background-position-x: 98%!important;
        background-repeat: no-repeat!important;
    }


/****************** Coming Soon ********************/

.entry-content h5, 
.entry-content h6{
	margin-bottom: 0!important;
}

.full-col{
	height:calc( 100vh - 89px );
}

.full-col .elementor-widget-wrap{
	height:100%;
}

@media only screen and (min-width:1024px){
	.inner-section-contact{
		position: absolute;
		bottom:30px;
	}
}