@font-face {
  font-family: Yu Mincho Demibold;
  src: url('fonts/yu-mincho-demibold.ttf');
}

.event-form{background-color:#faf6f1}
.event-form *{position: relative; box-sizing: border-box;}

.contactform{margin: 100px auto 0; padding: 80px 0px; max-width: 700px;}
	
.contactform br{display: none;}
.contactform h2{font-family: Yu Mincho Demibold; font-size: 80px; text-align: center; margin-bottom: 0px; line-height: 100%;}
.contactform .subtext{font-size: 24px; font-weight: 500; text-align: center; margin-bottom:80px}
.contactform .headertext{font-size: 14px; text-align: center}
.contactform form{margin-top:40px; font-size: 15px}

.contactform .prefilled{}
.contactform .prefilled input{font-weight:500;}

.contactform label{display: block;}
.contactform .form-group ph{color:#707070}
.contactform .form-group{margin-bottom:20px; }
/*
.contactform .form-group.checkboxlist{background-color:#fff; border-radius:.6vw; padding:1vw; font-weight: 500}
.contactform .form-group.checkboxlist .wpcf7-list-item{display: block; margin-left:0px; margin-top: .5vw;}
.contactform .form-group.checkboxlist .wpcf7-list-item label{display: flex; font-weight: 400;}
.contactform .form-group.checkboxlist .wpcf7-list-item label input{width: .68vw; height: auto; margin-right: .6vw;}
*/
.contactform input,.contactform textarea,.contactform select{font-size: 15px; font-weight: 500; width:100%; color:#282828; background-color:#fff; border-radius:10px; border:0px; padding:0px 20px; }
.contactform input,.contactform textarea{}
.contactform input,.contactform select{height:50px;}
.contactform textarea{height:182px; padding-top:12px;}
.contactform .mandate{position: absolute; background-color: #e45b4e; color: #fff; border-radius: 5px; z-index: 1; right: 10px; top: 14px; height: 20px; width: 32px; text-align: center;
    font-size: 12px; display: flex; align-items: center; justify-content: center; min-width: 36px; min-height: 18px;}


.contactform .submit-btn{width:314px; margin:80px auto 0px;  }
.contactform .submit-btn input{border: 1px solid #ff0000; border-radius:30px; color:#ff0000; background-color: unset; font-size:16px; font-weight: 500; padding: 12px 0px 14px; cursor: pointer }
.contactform ::placeholder{color:#626262; font-weight: 300;}
.contactform .mandate.error-change{background-color:#0cd444}
.contactform .submit-btn input.wpcf7-submit-change{background-color:#0cd444; border: 1px solid #0cd444; color:#fff}

.contactform .wpcf7-spinner{position: absolute}

.contactform .date-time-container {display: flex; justify-content: space-between; margin:0px;}
.contactform .date-time-container label{width: calc(50% - 10px)}

.contactform select {
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
}


@media(max-width:767px)
{
	.contactform h2{font-size: 50px}
	.contactform .subtext{font-size: 16px}
	.contactform{margin-top: 50px; padding:50px 20px}
	.contactform .form-group{font-size: 14px}
	.contactform input, .contactform textarea, .contactform select{font-size:14px;}
	.contactform input, .contactform select{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.contactform .mandate{}
	.contactform textarea{}
	
	.contactform .subtext{margin-bottom: 50px}
	.contactform .headertext{text-align: left}
	
	.contactform .date-time-container label{width: calc(50% - 10px);}
	
		
	.contactform .submit-btn{max-width:250px; margin-top: 40px}
	.contactform .submit-btn input{font-size:15px;}
}