/*======================================
Theme Name: bauhaus divi child
Theme URI: https://divicake.com/
Description: child theme for /100-years-bauhaus
Version: 1.0
Author: Divi Cake
Author URI: https://divicake.com/
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */

/* 
 * Edits below were made by Rene <rene@amayamedia.com>
 * These styles are needed for the contact form in /contact
 * */
.wpcf7-form.sent #contact-form,
.wpcf7-form.sent .wpcf7-response-output {
	display: none;
}
#contact-form * {
	box-sizing: border-box
}
#contact-form * {
	font-family: neuzeit-grotesk,sans-serif!important;
	color: #000000;
}
#contact-form .column {
	margin-bottom: 30px;
}
#contact-form label strong {
	font-size: 18px;
    line-height: 39px;
    letter-spacing: 1.8px;
}
#contact-form input {
	width: 100%;
    height: 54px;
    border: 2px solid #FFCE00;
    padding: 0 20px;
	font-size: 20px;
}
#contact-form textarea {
	min-height: 260px;
	width: 100%;
    border: 2px solid #FFCE00;
    padding: 20px;
	font-size: 20px;
}
#contact-form input[type="submit"] {
    background: #FFCE00;
    border: 2px solid #000000;
    width: auto;
    color: #000000;
    font-size: 24px;
    line-height: 39px;
    font-weight: bold;
	cursor: pointer;
}

/* Thank You Message*/
.wpcf7-form.sent #contact-form-thank-you {
	display: block;
}
#contact-form-thank-you {
	display: none;
}
#contact-form-thank-you h2 {
	font-size: 26px;
	line-height: 36px;
}
#contact-form-thank-you p {
	color: #000000;
	font-size: 20px;
	line-height: 36px;
}
#contact-form-thank-you .btn {
	display: inline-block;
	background: #FFCE00;
    border: 2px solid #000000;
    width: auto;
    color: #000000;
    font-size: 24px;
    line-height: 54px;
	height: 54px;
    font-weight: bold;
	padding: 0 20px;
}

/* Responsive styles */
@media (min-width: 981px) {
	#contact-form .row {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		margin: 0 -18px 28px;
	}
	#contact-form .column {
		flex: 1;
		margin: 0 18px;
	}
	/* Thank You */
	#contact-form-thank-you {
		max-width: 620px;
	}
	#contact-form-thank-you h2 {
		font-size: 50px;
	}
}