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

//Standard header and footer
.site-header {
	display: none !important;
}

.header {
	padding: 32px;
}

.header .elementor-container {
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
}

.header ul {
	display: block;
	text-align: right;
	padding-left: 0;
}

.header ul li {
	display: inline-block;
	padding: 0 16px;
}

.header ul li a {
	color: black;
	text-decoration: none;
	font-size: 18px;
}

#footer .footer-menu ul li{
	list-style: none;
	padding: 8px 0;
}

#footer .footer-menu ul li a{
	color: black;
	text-decoration: none;
}

// Home

.home-header-image .elementor-container .elementor-widget-wrap{
	min-height: 35vh;
}

.dienst_block .elementor-widget-wrap {
	padding: 128px 16px 16px 16px !important;
}

.dienst_button a {
	width: 100%;
}

.dienst_button a .elementor-button-text {
	text-align: left;
}

.home_form input, .home_form textarea {
	border: none;
	border-bottom: 3px solid #233F88;
	margin: 8px 0;
	padding: 8px;
	font-weight: 300;
	font-size: 24px;
} 

.home_form input::placeholder, textarea::placeholder {
	font-weight: 300;
	font-size: 18px;
	color: #B2BCD6;
}

.home_form input[type=submit] {
	background-color: #233F88;
	padding: 8px 16px;
	color: white;
	font-weight: 300;
	display: inline-block;
	border-bottom: 0;
	border-radius: 0;
}

.casestudies_grid_6_werkwijze {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 32px;
    column-gap: 32px;
}

.casestudies_grid_6_werkwijze .image {
	text-align: center;
}

.casestudies_grid_6_werkwijze .image img {
	width: 80%;
	height: auto;
	margin: 0 auto;
}

.casestudies_grid_6_werkwijze .case_study .content {
	padding: 100px 32px 32px 32px;
	margin-top: -75px;
}

.casestudies_grid_6_werkwijze .case_study:nth-of-type(even) .content {
	background-color: #233F88;
}

.casestudies_grid_6_werkwijze .case_study:nth-of-type(odd) .content {
	background-color: #E5E5E5;
}

.casestudies_grid_6_werkwijze .case_study:nth-of-type(odd) .content a {
	color: #101010;
	text-decoration: underline;
}

.casestudies_grid_6_werkwijze .case_study:nth-of-type(even) .content a {
	color: #fff;
	text-decoration: underline;
}

.casestudies_grid_6_werkwijze .case_study:nth-of-type(odd) .content h4, .casestudies_grid_6_werkwijze .case_study:nth-of-type(odd) .content p {
	color: #101010;
}

.casestudies_grid_6_werkwijze .case_study:nth-of-type(even) .content h4, .casestudies_grid_6_werkwijze .case_study:nth-of-type(even) .content p {
	color: #fff;
}

.case_study_2 .casestudies_grid_2 {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-content: center;
	align-items: center;
}

.case_study_2 .casestudies_grid_2 .case_study {
	flex: 1;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	color: white;
	padding: 300px 16px 16px 16px;
	position: relative;
}

.case_study_2 .casestudies_grid_2 .case_study::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.3);
	height: 100%;
	width: 100%;
	z-index: 5;
}

.case_study_2 .casestudies_grid_2 .case_study:first-of-type {
	margin-right: 16px;
}

.case_study_2 .casestudies_grid_2 .case_study:last-of-type {
	margin-left: 16px;
}

.case_study_2 .casestudies_grid_2 .case_study .case_study_content {
	z-index: 10;
	position: relative;
}

.case_study_2 .casestudies_grid_2 .case_study h4 {
	font-weight: 300;
	color: #fff;
}

.case_study_2 .casestudies_grid_2 .case_study a {
	color: #233F88;
	background-color: white;
	padding: 8px 16px;
	display: inline-block;
	text-decoration: none;
}

// Onze expertises
a.expertise_link {
	font-size: 16px !important;
	font-weight: normal !important;
	color: #233F88 !important;
	text-decoration: none !important;
	border-bottom: 1px solid #233F88 !important;
}

#expertises ul {
	
}

.stappen_image .elementor-widget-container{
	min-height: 60vh;
}

@media (max-width: 1126px) {
	.row_form .elementor-column.elementor-col-50 {
		width: 100%;
	}
}

@media (max-width: 1024px) {
	.casestudies_grid_6_werkwijze {
			 grid-template-columns: repeat(2, 1fr);
		}
}
@media (max-width: 768px) {
	
	.header_menu {
		display: none;
	}
	.header ul li {
		display: block;
		text-align: center;
	}
	
	.case_study_2 .casestudies_grid_2 {
		flex-direction: column;
	}
	
	.case_study_2 .casestudies_grid_2 .case_study:first-of-type {
		margin: 0 0 16px 0;
	}

	.case_study_2 .casestudies_grid_2 .case_study:last-of-type {
		margin-left: 0;
	}
	
	.casestudies_grid_6_werkwijze {
		 grid-template-columns: repeat(1, 1fr);
	}
	
.casestudies_grid_6_werkwijze .case_study:nth-of-type(4), 
.casestudies_grid_6_werkwijze .case_study:nth-of-type(5),
.casestudies_grid_6_werkwijze .case_study:nth-of-type(6) {
		display: none;
	}
}

.contact_form input, textarea {
	border: 1px solid #122350;
	border-radius: 0;
}

.contact_form input::placeholder, .contact_form textarea::placeholder {
	font-weight: 300;
	color: #000;
}

.contact_form input[type=submit] {
	background-color: #122350;
	padding: 8px 32px;
	display: inline-block;
	color: white;
	font-weight: 300;
	border: 1px solid #122350;
}

.contact_form input[type=submit]:hover {
	background-color: transparent;
	color: #122350;
	border: 1px solid #122350;
}