@charset "UTF-8";
/* ==========================================================
Contact Page
========================================================== */

.page-contact{
padding:80px 0 50px;
}

.contact-description{
max-width:760px;
margin:0 auto 60px;
text-align:center;
}

.contact-description p{
line-height:2;
}

.contact-wrapper{
max-width:900px;
margin:0 auto;
}

.contact-form{
padding:50px;
background:#fff;
border-radius:12px;
box-shadow:var(--shadow);
}

.contact-info{
margin-top:50px;
padding:0px;
background:var(--color-bg);
border-radius:12px;
text-align:center;
}

.contact-info h2{
margin-bottom:20px;
font-size:1.5rem;
color:var(--color-primary);
}

.contact-info p{
margin:0;
}

.contact-info a{
font-size:1.1rem;
font-weight:700;
color:var(--color-secondary);
transition:var(--transition);
}

.contact-info a:hover{
opacity:.8;
}

/* ==========================================================
Contact Form 7
========================================================== */

.wpcf7{
margin:0;
}

.wpcf7 p{
margin-bottom:24px;
}

.wpcf7 label{
display:block;
margin-bottom:8px;
font-weight:700;
color:var(--color-primary);
}

.wpcf7-text,
.wpcf7-email,
.wpcf7-tel,
.wpcf7-select,
.wpcf7-textarea{
width:100%;
}

.wpcf7-textarea{
min-height:220px;
}

.wpcf7-submit{
min-width:220px;
}

.wpcf7-response-output{
margin-top:30px;
padding:15px;
border-radius:8px;
}

.wpcf7-not-valid-tip{
margin-top:8px;
font-size:.875rem;
}

.wpcf7-spinner{
vertical-align:middle;
}

/* ==========================================================
Responsive
========================================================== */

@media (max-width:767px){

.page-contact{
padding:50px 0;
}
	.page-contact{
		padding-bottom:20px !important;
	}
.contact-description{
margin-bottom:40px;
}

.contact-form{
padding:30px 24px;
}

.contact-info{
margin-top:40px;
padding:30px 24px;
}

.contact-info h2{
font-size:1.3rem;
}

.wpcf7-submit{
width:100%;
}

}

.contact-description{
max-width:760px;
margin:40px auto 60px;
text-align:center;
font-size:1.05rem;
line-height:2;
}
.contact-wrapper{
max-width:760px;
margin:0 auto;
}