/*
Theme Name: Divi Child Theme
Theme URI: http://presentailor.com
Description: Child Theme For Divi
Author: Robin Stegt
Author URI: http://presentailor.com
Version: 1.0.0
Template: Divi
*/

/* Contact Form 7 */

.grid {
	.col-1 {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-column: span 1;
		gap: 10px;
	}
	.col-2 {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-column: span 2;
		gap: 10px;
	}
}

@media (max-width: 768px) {
	.grid {
		.col-1 {
			grid-template-columns: repeat(1, 1fr);
			grid-column: span 1;
			gap: 0px;
		}
		.col-2 {
			grid-template-columns: repeat(1, 1fr);
			grid-column: span 1;
			gap: 0px;
		}
	}
}

.required {
	color: red;
}

.gdpr-info {
	font-size: 12px;
	padding-bottom: 20px;
}

.wpcf7 {
	max-width: 600px;
	margin: 0 auto;
	border-radius: 5px;
	margin-bottom: 20px;
}

.wpcf7-form {
	display: flex;
	flex-direction: column;
}

.wpcf7-form p {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.wpcf7-form label {
	margin-bottom: 20px;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
textarea {
	background-color: #f3f3f3;
	padding: 10px;
	border: 2px solid transparent;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
	border-radius: 5px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
textarea:focus {
	outline: none;
	border: 2px solid var(--gcid-primary-color);
}

.wpcf7-form input[type="submit"] {
	float: right;
	font-size: 1.2em;
	background-color: var(--gcid-primary-color);
	color: #ffffff;
	border: none;
	padding: 10px 20px;
	border-radius: 3px;
	cursor: pointer;
	transition: all 0.3s ease;
}

.wpcf7-form input[type="submit"]:hover {
	background-color: var(--gcid-primary-color);
}

.wpcf7-response-output {
	margin-top: 20px;
	padding: 20px;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 3px;
}

.wpcf7-response-output p {
	margin-bottom: 0;
}

.wpcf7-response-output.wpcf7-validation-errors {
	background-color: #f2dede;
}

.wpcf7-response-output.wpcf7-validation-errors ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.wpcf7-response-output.wpcf7-validation-errors li {
	margin-bottom: 10px;
}

.wpcf7-response-output {
	background-color: #dc323230;
	color: #dc3232;
	border: none !important;
	padding: 20px !important;
}

.wpcf7-form.sent .wpcf7-response-output {
	background-color: #7cce0030;
	color: #7cce00;
	border: none !important;
	padding: 20px !important;
}

.wpcf7-form.sent > * :not(.wpcf7-response-output) {
	display: none !important;
}