/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
/*ALGEMEEN*/
/*Kruisje weg in zoekbalk */
input.elementor-search-form__input::-webkit-search-cancel-button {
    	display: none;
	}
body, .team-wrapper {
	overflow-x: hidden;
}
.elementor-toggle-item {
	border-top: 1px solid #D8D8D8;
}
.elementor-toggle-item:first-child {
	border-top: 0px !important;
}

/*END ALGEMEEN*/
/*HOMEPAGE*/
.jet-animated-text--effect-fx12 .jet-animated-text__animated-text-item:after {
	display: contents;
	content: '_';
	animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
.elementor-toggle-title span {
	margin-right: 20px;
}
.elementor-button-icon svg {
	width: 16px;
}
.elementor-button-text {
	text-align: left;
}
.team-swiper .swiper {
	overflow: visible;
	clip-path: inset(0 -9999px 0 0);
}
div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea {
	background: #F5F2ED !important;
	border: 0px !important;
	border-bottom: 1px #000 solid !important;
	border-radius: 0px !important;
	padding: 30px 0px !important;
	font-size: 20px !important; 
	line-height: 33px !important;
	font-weight: 500 !important;
}
div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
	font-size: 23px !important;
    line-height: 37px !important;
	font-weight: 500 !important;
    padding: 0px 0px 6px 0px !important;
    background: transparent !important;
    border-bottom: 2px solid #000 !important;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
	margin-top: 50px;
}
.wpforms-submit-container button:after {
	content: '';
	display: inline-block;
	width: 16px; 
	background: url(/wp-content/uploads/2024/06/icon-arrow-link.svg) center center;
	background-size: contain;
	background-repeat: no-repeat;
	height: 16px;
	margin-left: 20px;
}
.wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
	background: transparent !important;
	border: 0px !important;
	padding: 0px !important;
	color: #000 !important;
}
 /*FOOTER*/
    .site-footer .grid-container {
    	max-width: 1600px!important;
    	padding: 0 30px;
    	margin: auto;
    	display: grid;
    	grid-column-gap: 30px;
    	grid-template-columns: calc(50% - 22.5px) calc(50% - 22.5px);
    }

    .site-footer {
    	max-width: 100%!important;
    	width: 100%;
    	background-color: #000000;
    	color: #ffffff;
    	padding: 100px 0 0;
    	line-height: 38px;
    	padding-inline-start: 0px !important;
    	padding-inline-end: 0px !important;
    }
    .site-footer h3 {
    	font-size: 85px;
    	font-weight: 600;
    	line-height: 82px;
    	letter-spacing: -1,5px;
    	color: #ffffff;
    	margin-bottom: 40px;
    }
    .site-footer ul {
    	list-style: none;
    	padding: 0px;
    }
    .site-footer a {
    	color: #ffffff;
    	font-weight: normal;
    }
    .site-footer a:hover {
    	font-weight: normal;
    }
    .site-footer .footer-contact-list {
    	width: 50%;
    	display: inline-block;
    	float: left;
    }
    .site-footer .grid-item {
    	text-align: left;
    }
    .site-footer .social-icons img {
    	margin-right: 20px;
    	width: 30px
    }
    .site-footer .copyright-bar-wrapper {
    	width: 100%;
    	margin: 100px auto 0;
    }
    .site-footer .copyright-bar {
    	grid-template-columns: calc(50% - 22.5px) calc(50% - 22.5px);
    	padding-bottom: 15px;
    	font-size: 12px;
    	line-height: 22px;
    	padding: 20px 30px;
    	border-top: 1px solid #ffffff !important;
    }
    .site-footer .copyright-bar .grid-item:last-child {
    	text-align: right;
    }
    .site-footer .copyright-bar p {
    	margin-bottom: 0px;
    }
    @media only screen 
and (min-width : 320px) 
and (max-width : 767px) {
	.home-animated-text .jet-animated-text__before-text {
		width: 100% !important;
	}
		
}
    @media only screen 
and (max-width : 1024px) {
		.site-footer .grid-container {
			grid-template-columns: calc(100%) !important;
		}

		.site-footer .copyright-bar .grid-item:last-child {
    	text-align: left !important;
    }

		.site-footer h3 {
    	font-size: 50px;
    	line-height: 50px;
    }
}
@media only screen 
and (min-width : 1024px)
and (max-width : 1200px) {
	.site-footer h3 {
    	font-size: 65px;
    	line-height: 65px;
    }
}
@media only screen 
and (min-width : 1200px)
and (max-width : 1366px) {
	.site-footer h3 {
    	font-size: 75px;
    	line-height: 75px;
    }
}
    /*END FOOTER*/
