/**
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 {
	margin: 0 0 0 30px;
	width: fit-content;
}

.elementor-location-header .mobile-switch .elementor-icon-wrapper{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

/****************************************** FOOTER ******************************************/
.elementor-location-footer .monkey-footer a, .elementor-location-footer a {
	color: #000;
}

.elementor-location-footer a.elementor-item.menu-link, .elementor-location-footer a.elementor-item.menu-link:hover {
	padding: 0;
    line-height: 2;
}

.elementor-location-footer a.elementor-item-active::after, .elementor-location-footer a.elementor-item.menu-link:hover::after {
	display: none;
}


.elementor-location-footer p {
	margin-bottom: 0;
	line-height: 2;
}


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

/*** Container width ***/
.elementor-section.elementor-section-boxed > .elementor-container {
	max-width: 1600px;
}

section:not(.rounded-bg, .elementor-inner-section, .about-block, .booking-form) {
    padding-left: 40px;
    padding-right: 40px;
}

footer section {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/*** Fontsizes ***/
h1, .entry-content h1 {
	font-size: 76px;
	line-height: 1;
	color: #000;
}

h2, .entry-content h2 {
	font-size: 54px;
	line-height: 1;
	color: #000;
}

h3, .entry-content h3 {
	font-size: 19px;
	font-weight: 800;
	margin-bottom: 5px;
	color: #000;
}

p, .entry-content p {
	margin-bottom: 0;
	line-height: 1.5;
	color: #000;
}

::placeholder {
     color: #000 !important;
     opacity: 1 !important;
}

/*** Form ***/
input, textarea {
	padding: 13px 22px !important;
}

/*** SVG size ***/
svg {
	width: 100%;
	height: 100%;
}

/*** Wrap by defauld ***/
.elementor-container {
	flex-wrap: wrap;
}

/*** Whatsapp button ***/
.whatsapp-button .elementor-widget-container {
	height: 0;
	width: 0;
}

.whatsapp-button .elementor-widget-container svg {
	right: calc((100% - 1750px) / 2);
    bottom: 80px;
    position: fixed;
	transition: all ease .2s;
	width: 40px;
	height: 40px;
}

.whatsapp-button .elementor-widget-container svg:hover path {
	transition: all ease .2s;
	fill: #F7BC2F;
}

/*** Hide overflow ***/
.overflow-hide .elementor-widget-wrap {
	overflow: hidden;
}

/*** Rounded background ***/
.rounded-bg .elementor-container .elementor-column .elementor-widget-wrap {
	background: #F7EDDF !important;
}

.rounded-bg .elementor-container .elementor-column:first-of-type .elementor-widget-wrap {
	border-radius: 50px 0 0 50px !important;
}

.rounded-bg .elementor-container .elementor-column:last-of-type .elementor-widget-wrap {
	border-radius: 0 50px 50px 0 !important;
}

/*** Margin sections ***/
.reg-section {
	margin-top: 120px !important;
	margin-bottom: 120px !important;
}

.title-section {
	margin-top: 120px !important;
	margin-bottom: 60px !important;
}

.icon-row {
	margin-top: 60px !important;
	margin-bottom: 160px !important;
}

.icon-row.no-buttons, .icon-row.icon-triple {
	margin-top: 60px !important;
	margin-bottom: 120px !important;
}

.contact-section {
	margin-top: 120px !important;
	margin-bottom: 0 !important;
}

/*** Page-banner ***/

.page-banner .elementor-column:last-of-type .elementor-widget-wrap {
	overflow: hidden;
}

.page-banner .elementor-column:last-of-type .elementor-widget-image .elementor-widget-container, .elementor-column:last-of-type .page-banner .elementor-widget-image {
	height: 100%;
	padding-top: 5%;
}

.page-banner .elementor-column:last-of-type .elementor-widget-wrap {
	padding: 0;
}

.page-banner .elementor-column:last-of-type .elementor-widget-image .elementor-widget-container img {
    object-fit: cover;
    max-width: 500px;
    border-radius: 50% 50% 0 50%;
    aspect-ratio: 1/1;
    margin-right: -10%;
    margin-bottom: -10%;
}

.home-banner .elementor-column:last-of-type .elementor-widget-image .elementor-widget-container img {
	max-width: 800px;
}

.banner-house .elementor-column:first-of-type .elementor-widget-image {
	position: absolute;
    bottom: 0;
	width: 33%
}

/*** Img left ***/ 
.img-left img {
	max-height: 500px;
    object-fit: contain;
    object-position: left;
}

/*** Slider right ***/
.slider-right .elementor-column:last-of-type .elementor-widget-container {
	border-radius: 200px 0 0 200px !important;
	overflow: hidden !important;
}

/*** Header reviews ***/
.review-header  {
	text-align: center;
}

.review-header a {
	color: #000;
}


.review-header a:hover {
	color: #F7BC2F;
}

.review-header p {
    display: inline;
    width: fit-content;
}

.review-header .rplg-stars {
	margin-left: 5px;
	font-size: 22px !important;
}


.rplg .review-header .rplg-stars svg {
	height: 20px !important;
	width: 20px !important;
}

/*** HOME reviews ***/
.rplg .grw-slider:not(.wp-dark) .grw-slider-review-inner.grw-slider-review-border {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	max-height: 10em !important;
    vertical-align: top !important;
    overflow-y: auto !important;
}

.rplg .grw-slider .grw-slider-reviews {
	align-items: flex-start !important;
}

.rplg .rplg-review-badge {
	display: none !important;
}

.rplg .rplg-badge2 {
	box-shadow: none !important;
	margin: 0 !important;
	z-index: 1 !important;
}

.rplg-badge-logo {
	display: none !important;
}

.rplg-badge2 .rplg-badge2-score {
	margin: 0 !important;
    text-align: center;
	font-size: 15px !important;
}

.rplg .rplg-review-name {
	color: #000 !important;
}

.rplg .rplg-review-text {
	color: #000 !important;
}

.rplg .rplg-stars svg use {
	fill: #F7BC2F !important;
}

.rplg .rplg-biz-rating.rplg-biz-google .rplg-biz-score {
	font-size: 15px !important;
	color: #000 !important;
}

.rplg .grw-slider .rplg-box-content, .rplg .rplg-stars {
	display: inline !important;
}

.rplg .grw-slider .grw-slider-dots {
	padding-top: 20px;
	position: relative !important;
}

/*** Star only reviews ***/
.rplg[data-id="353"] span.rplg-review-text {
    display: none;
}

.rplg[data-id="353"] .rplg-stars {
    position: absolute;
    left: 79px !important;
    top: 35%;
}

.rplg[data-id="353"] .rplg-review-name {
	padding-bottom: 1em;
}

.rplg[data-id="353"] .grw-slider:not(.wp-dark) .grw-slider-review-inner.grw-slider-review-border {
	vertical-align: middle !important;
}

/*** BUTTONS ***/
body .elementor-button.elementor-size-sm, body .elementor-button.elementor-size-xs, body .elementor-button.elementor-size-md, body .elementor-button.elementor-size-lg, body .elementor-button.elementor-size-xl, body .elementor-button {
	border-radius: 10px;
	padding: 15px 30px;
	line-height: 1;
}

.button-secondair a.elementor-button, .button-secondair a.elementor-button:focus {
	background: transparent;
    color: #000 !important;
	border-radius: 0;
    margin-left: 30px;
    padding: 5px;
	border: none !important;
}

.button-secondair a.elementor-button:hover {
	background: transparent;
    color: #000 !important;
	transition: all ease .2s;
}

.button-secondair a.elementor-button span::after {
    content: " ";
    background: #000;
    width: calc(100% - 30px);
    margin: auto;
    border-radius: 0px;
    height: 1px;
    position: absolute;
    left: 30px;
    z-index: 0;
    bottom: 0;
    transition: all ease .2s;
}

.button-secondair a.elementor-button:hover span::after {
	content: " ";
    width: 30%;
    left: 50%;
    margin: auto;
    transition: all ease .2s;
}

/*** Icon rijen ***/
.icon-row .elementor-widget-wrap {
    padding: 0 40px 0 40px !important;
}

.icon-row .elementor-column:last-of-type .elementor-widget-wrap {
    padding-bottom: 0 !important;
}

.icon-row .elementor-column:last-of-type {
	margin-bottom: 0 !important;
}
.icon-row .elementor-widget-container {
	max-width: 300px;
    margin: auto;	
}

.icon-row.no-buttons .elementor-column:last-of-type, .icon-row.no-buttons .elementor-column:nth-of-type(3),.icon-row.no-buttons .elementor-widget-wrap {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.icon-row.icon-triple .elementor-column:last-of-type .elementor-widget-wrap {
	padding-bottom: 40px !important;
}

.icon-row.icon-triple .elementor-column:last-of-type {
	margin-bottom: 0 !important;
}

.button-box {
	position: absolute;
	bottom: -40px;
	display: flex;
}

/*** About-us block ***/

.about-block .elementor-element .elementor-element .elementor-widget-container {
	width: 50%;
	margin: auto;
}

.about-block .elementor-element .elementor-element .elementor-widget-container .elementor-button-wrapper .elementor-button {
	margin-top: 20px;
}

.about-block .elementor-element .elementor-element {
	width: 100%;
}

/*** Slider bullets ***/
.swiper-pagination-bullet:not(.swiper-pagination-bullet-active), .rplg .grw-slider .grw-slider-dot {
	border: solid 1px #F7BC2F !important;
	background: transparent !important;
    opacity: 1 !important;
}

.wp-gr .grw-slider .grw-slider-dot.active, .rplg .grw-slider .grw-slider-dot.active, .rplg .grw-slider .grw-slider-dot:hover {
	border: solid 1px #F7BC2F !important;
	outline: solid 1px #F7BC2F;
	background: #F7BC2F !important;
}

/*** Slider 1.5 slide ***/
.slider-anderhalf .elementor-element {
	overflow: hidden;
}

.slider-anderhalf .elementor-element .swiper-container-horizontal>.swiper-pagination-bullets {
	width: calc(70% - 50px);
	padding-bottom: 5px;
	bottom: 0;
    display: flex;
    justify-content: center;
}

.swiper-pagination-bullet-active, .swiper-pagination-bullett:hover {
	outline: solid 1px #F7BC2F;
}

.slider-anderhalf .elementor-element .swiper-image-stretch .swiper-slide .swiper-slide-image {
    aspect-ratio: 1/1;
    object-fit: cover;
	width: calc(100% - 50px);
    margin-right: 50px;
}

.elementor-widget-image-carousel .swiper-container {
	width: 65%;
	padding-bottom: 50px;
    overflow: visible;
    margin-left: 0;
    margin-right: 30%;
}

/*** Width contact text ***/
section:last-of-type p {
    max-width: 80%;
}

footer section:last-of-type p {
	max-width: 100%;
}

/*** Booking ***/
.booking-form .elementor-container {
    background: #F7EDDF;
    border-radius: 50px;
}

.tommy-matrix {
    padding: 80px 120px;
	width: auto !important;
}

.tommy-matrix fieldset {
	border: none;
	padding: 0;
}

.matrix-bar label:not(.checkbox):not(.btn) {
	background: transparent;
	color: #000;
}

.matrix-bar label>select, .matrix-bar label.active select {
    padding-left: 5px;
    color: #000;
    border: solid 1px #000;
    border-radius: 10px;
	font-family: "Raleway";
}

.matrix-bar span.label-name {
	font-size: 13px;
}

.matrix-bar label:not(.checkbox):not(.btn)::after {
	display: none;
}

.the-matrix::after {
	display: none;
}

.matrix-date-row .matrix-time {
	font-family: "Raleway";
	font-weight: 800;
}

.time-bar {
	position: relative;
	height: 40px;
}

.time-bar .time-ff, .time-bar .time-back {
	background: transparent;
	color: #459655;
}

.time-bar .time-ff:hover, .time-bar .time-back:hover {
	color: #F7BC2F;	
}

.matrix-date-row .fixed-one {
	background: transparent;
}

.tbs-widget-label {
	display: none !important;
}
.matrix-bar {
	margin-top: 0 !important;
}

.matrix-scroll {
	padding-bottom: 0 !important;
}
.matrix-row .fixed-one .fixed-one_text {
	font-family: "Raleway";
    display: flex;
    align-items: center;	
}

.matrix-row.arrangement .fixed-one {
	border: none !important;
}

.matrix-row .fixed-one .fixed-one_image, .matrix-row .fixed-one .fixed-one_text {
	background: #459655 !important;
}

.matrix-beschikbaarheid {
	background: #fff;
}

.matrix-beschikbaarheid:hover {
	background: #F7BC2F;
}

.matrix-beschikbaarheid .matrix-prijs {
	color: #000;
	font-family: "Raleway";
}

.the-matrix .popup .input-container_header {
	background: #459655;
}

.the-matrix .popup .show-col-table tr td {
	color: #000 !important;
    font-family: 'Raleway' !important;
}

.the-matrix .popup .input-container_header>.header-col {
	border: none;
	padding-left: 0;
}

.the-matrix .showtime {
	border: none;
}

.the-matrix .popup button {
	border-radius: 10px;
    padding: 15px 30px;
    line-height: 1;
	border: none;
}

.the-matrix .popup .close i {
	transition: all ease .2s;
}

.the-matrix .popup .close:hover {
	opacity: 1;
}

.the-matrix .popup .close:hover i {
	color: #F7BC2F;
	transition: all ease .2s;
}

/*** BIG SCREENS ***/
@media (min-width: 1610px) {
	header nav ul li a {
		--e-nav-menu-horizontal-menu-item-margin: calc( 60px / 2 );
	}
	
	header .elementor-button-wrapper {
		margin-left: 30px;
	}
}

/*** Desktop + CSS ***/
@media only screen and (min-width: 1250px) {
	.rounded-bg p, .elementor-column.elementor-col-66 p {
		max-width: 80%;
	}
	
}

/*** Desktop CSS ***/
@media (min-width: 1025px) {
	/*** Info section ***/
	.info-section .elementor-column:last-of-type .elementor-widget-wrap {
    	max-width: 80%;
	}
}

/**** small desktop CSS ****/
@media only screen and (max-width: 1800px) {
	/*** Whatsapp button ***/
	.whatsapp-button .elementor-widget-container {
		margin-right: 0;
		margin-bottom: 0;
	}
	
	.whatsapp-button .elementor-widget-container svg {
		right: 10px;
		width: 35px !important;
	}
	
}

@media (max-width: 1425px) {
	footer h2 {
		font-size: 40px;
	}
}

@media (max-width: 1383px) {
	.nav-container .elementor-nav-menu--main {
		display: none;
	}
	
	.mobile-switch {
		display: block !important;
	}
	
	/*** Mobile nav ***/
	#elementor-popup-modal-25 .dialog-widget-content {
		padding: 50px;
	}
	
	#elementor-popup-modal-25 .dialog-message {
		width: 100vw !important;
	}
	
	nav.elementor-section {
		width: calc(100vw - 100px);
	}
	
	nav .elementor-widget-theme-site-logo img {
    	width: 120px !important;
	}
	
	nav.elementor-section nav ul {
		display: flex;
    	flex-direction: column;
	    align-items: center;	
	}
	
	#elementor-popup-modal-25 .dialog-close-button .eicon-close {
		font-size: 25px;
	}
	
	#elementor-popup-modal-25.elementor-popup-modal .dialog-close-button {
		top: 50px;
		right: 50px
	}
}

@media only screen and (max-width: 1383px) and (min-width: 1025px) {
		
	header div .elementor .elementor-hidden-desktop {
		display: block !important;
	}
	
}

@media only screen and (max-width: 1250px) {
/*** Stack columns ***/
	.elementor-column.elementor-col-25 {
		min-width: 50%;
	    margin-bottom: 40px;
	}
	
	footer .elementor-column.elementor-col-25 {
		margin-bottom: 0;
	}
	
	footer .elementor-column.elementor-col-25 {
		margin-bottom: 0;
	}
	
	/*** Icon rijen ***/
	.icon-row .elementor-widget-wrap {
    	padding: 0 40px 40px 40px !important;
	}
	
	/*** Home banner ***/
	.home-banner .elementor-column:last-of-type .elementor-widget-image .elementor-widget-container img {
		max-width: 500px;
	}
	
	/*** Fonts ***/
	h1, .entry-content h1 {
		font-size: 40px;
	}
	
	h2, .entry-content h2 {
		font-size: 35px;
	}

}
@media only screen and (min-width: 768px) and (max-width: 1250px) {
	
	footer .elementor-column.elementor-col-25 .elementor-widget-wrap {
		border-radius: 0 !important;
	}
	
	footer .elementor-column.elementor-col-25:first-of-type .elementor-widget-wrap {
		border-radius: 50px 0 0 0 !important;
	}
	
	footer .elementor-column.elementor-col-25:nth-of-type(3) {
		order: 2;
	}
	
	footer .elementor-column.elementor-col-25:nth-of-type(2) {
		order: 3;
	}
	
	footer .elementor-column.elementor-col-25:nth-of-type(4) {
		order: 4;
	}
	
	footer .elementor-column.elementor-col-25:nth-of-type(3) .elementor-widget-wrap {
		border-radius: 0 50px 0 0 !important;
	}
	
	.icon-row .elementor-column:last-of-type {
		margin-bottom: 40px !important;
	}
}

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

	h3, .entry-content h3 {
		font-size: 19px;
	}
	
	/*** Buttons ***/
	.button-secondair a.elementor-button {
    	margin-left: 30px;
    	padding: 0 0 3px 0 !important;
	}
	/*** Review slider ***/
	.swiper-slide div {
		display: flex;
		justify-content: space-around;
	}
	
	/*** Margin sections ***/
	.page-banner {
		margin-bottom: 80px !important;
	}
	
	.icon-row, .icon-row.icon-triple {
		margin-top: 40px !important;
		margin-bottom: -40px !important;
	}
	
	.icon-row.no-buttons {
		margin-top: 40px !important;
	}

	.reg-section {
		margin-top: 80px !important;
		margin-bottom: 80px !important;
	}

	.title-section {
		margin-top: 80px !important;
		margin-bottom: 40px !important;
	}
	
	.contact-section {
		margin-top: 80px !important;
		margin-bottom: 40px !important;
	}
	
	.tommy-matrix {
		padding: 80px 40px;
	}
	
	/*** Contact section ***/
	.contact-section .elementor-column.elementor-col-50 {
    	width: 100%;
	}
	
}

@media only screen and (max-width: 767px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	
	/*** Fonts ***/
	h1, .entry-content h1 {
		font-size: 50px;
	}

	h2, .entry-content h2 {
		font-size: 40px;
	}
	
	/*** Margin sections ***/
	.page-banner {
		margin-bottom: 60px !important;
	}
	
	.icon-row {
		margin-top: 30px !important;
		margin-bottom: 60px !important;
	}
	
	.icon-row.no-buttons {
		margin-top: 30px !important;
		margin-bottom: 60px !important;
	}
	
	.icon-row.icon-triple {
		margin-top: 30px !important;
		margin-bottom: -80px !important;
	}

	.reg-section {
		margin-top: 60px !important;
		margin-bottom: 60px !important;
	}

	.title-section {
		margin-top: 60px !important;
		margin-bottom: 30px !important;
	}
	
	.contact-section {
		margin-top: 60px !important;
		margin-bottom: 0!important;
	}
	
	.tommy-matrix {
		padding: 40px 20px;
	}
	
/*** Rounded background ***/
.rounded-bg .elementor-container .elementor-column:first-of-type .elementor-widget-wrap {
	border-radius: 50px 50px 0 0 !important;
}

.rounded-bg .elementor-container .elementor-column:last-of-type .elementor-widget-wrap {
	border-radius: 0 0 50px 50px !important;
}
	
/*** Page banner ***/
.page-banner .elementor-column:last-of-type .elementor-widget-image .elementor-widget-container img {
	max-height: 400px;
    max-width: 400px;
}
	
/*** Hide house in banner ***/
.page-banner .elementor-column:first-of-type .elementor-widget-image .elementor-widget-container img {
	display: none;
}
	
/*** ICON ROW BUTTONS ***/
	.button-box {
		position: relative;
		bottom: 0;
	}
	
	.button-box .elementor-widget-wrap {
		padding-bottom: 0 !important;
	}
	
	.icon-row.no-buttons .elementor-column:nth-of-type(3) {
		margin-bottom: 40px !important;
	}
	
/*** About-block ***/
	.about-block .elementor-element .elementor-element .elementor-widget-container {
		width: 100%;
	}
/*** Slider ***/
	.elementor-widget-image-carousel .swiper-container {
		width: 100%;
	}
	
	.slider-anderhalf .elementor-element .swiper-container-horizontal>.swiper-pagination-bullets {
		width: 100%;
	}
	
	.slider-anderhalf .elementor-element .swiper-image-stretch .swiper-slide .swiper-slide-image {
		margin: 0;
	}

	/*** Buttons ***/
	.button-secondair a.elementor-button {
		margin-left: 10px;
	}
	
	.button-secondair a.elementor-button span::after {
		width: calc(100% - 10px);
		left: 10px;
	}
	
	/*** Footer navs ***/
	footer nav ul li a {
		justify-content: center !important;
	}

}

@media only screen and (max-width: 500px) {
	.icon-row .elementor-column:last-of-type .elementor-widget-wrap {
		padding: 0 !important;
	}
}

@media only screen and (max-width: 400px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	h1, .entry-content h1 {
		font-size: 40px;
	}
	
	h2, .entry-content h2 {
		font-size: 30px;
	}
	
	.icon-row .elementor-widget-wrap {
		padding: 0 0 40px 0 !important;
	}

}

/****************************************** 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: 13px 22px !important;
	background-color: #F7EDDF !important;
    border-width: 0 0 0 0 !important;
    border-radius: 10px 10px 10px 10px !important;
}
.woocommerce select {
	padding:0 10px!important;
}

.gform_wrapper.gravity-theme .gform_footer input {
	border-radius: 10px !important;
    padding: 15px 30px !important;
    margin-left: auto !important;
    transition: all ease .3s !important;
}

/********************************** KLEINE VELDEN EN INPUTS *******************/
.gform_body input[type=text],
.gform_body input[type=tel] {
	padding: 10px 15px !important;
	background-color: #F7EDDF !important;
    border: none !important;
    border-radius: 10px 10px 10px 10px !important;
}
/********************************** KLEINE VELDEN FOCUS ********************/
.gform_body input[type=text]:focus,
.gform_body input[type=tel]:focus {
    border: none!important;
    box-shadow: inset 0 0 0 1px rgb(0 0 0 / 10%);
}
					/*bericht*/
.gform_body textarea {
    padding: 10px 15px !important;
	background-color: #F7EDDF !important;
    border-width: 0 0 0 0 !important;
    border-radius: 10px 10px 10px 10px !important;
}
					/*selectie bericht*/
.gform_body textarea:focus {
    box-shadow: inset 0 0 0 1px rgb(0 0 0 / 10%);
}

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