@charset "utf-8";
/* CSS Document */
@media all{
	.contact-hero{min-height:50vh;}
	.contact-hero-caption{padding: var(--gap-margins);}
	.contact-hero h1{font-size: calc(var(--HeadingOne) - 1rem); max-width:30%;}
	.contact-hero h1 span{font-weight: 500;}

	.contact-content{padding: var(--gap-margins);}
	.contact-content-gap{row-gap:4rem;}
	.contact-content-inner-grid_devider{height: 1px; background: var(--BorderClr); opacity: 0.15;}

	.contact-top{grid-template-columns: 40% 1fr; column-gap: 5rem;}
	.contact-top h2{color: var(--PrimaryClr); font-size: calc(var(--HeadingTwo) - 1rem);}
	.contact-top p{color: var(--GrayClr); font-size: 1.2rem; max-width:75%;}


	.contact-office-location{grid-template-columns: 1fr 1fr; column-gap: 4rem; row-gap:2rem;}
	.location-info{max-width: 660px;}
	.location-info *{margin-bottom:15px ;}
	.location-info h2{color:var(--PrimaryClr); font-size: calc(var(--HeadingThree) - 1rem);}
	.location-info p{color: var(--GrayClr); font-size: 1.2rem;}
	.location-info p a{color: var(--GrayClr);}
	.location-info p a:hover{color:var(--PrimaryClr);}

	.contact-us-form{display: grid;grid-template-columns: 1fr 1fr;row-gap: 1.5rem;column-gap: 2rem;max-width: 600px;}
	.contact-us-form label{font-size: 16px;font-weight: 700;color:#4e4e4e;max-width: 100%;font-family:var(--HeadingFont);margin-bottom: 0.4rem;}
	.contact-us-form label span{color: red;}

	.contact-note{font-size:16px;font-weight:500;color:#4e4e4e;font-family: var(--HeadingFont);}

	.contact-us-form .wpcf7-text,
	.contact-us-form .wpcf7-email,
	.contact-us-form .wpcf7-textarea{width: 100%;border: solid 1px var(--BorderClr);border-radius: 0px;font-family:var(--HeadingFont);padding: 0.5rem 0.7rem;font-size: 1rem;font-weight: 500;}
	.contact-us-form .wpcf7-textarea{resize: none; height:150px;}

	.wpcf7-form-control-wrap{display: flex; flex-direction: column;}
	.wpcf7-not-valid-tip{font-size:14px;font-weight:600;}
	.wpcf7-response-output{font-size:14px;font-weight:600; text-align: center; max-width: 600px;}

	.wpcf7-submit{background: var(--PrimaryClr);border-radius: 10px;font-size:16px;font-weight: 500;color:#ffffff;font-family: var(--HeadingFont);border: 0px;padding: 0.6rem 2rem;}
	.wpcf7-submit:hover{background: var(--BorderClr);}

}


@media (max-width:1600px) {
	.location-info{max-width:500px;}
	
}


@media (max-width:1200px) {
	.contact-hero{display: flex;}
	.contact-hero img{height: 100%; object-fit: cover;}
	.contact-hero h1{font-size: calc(var(--HeadingTwo) - 0.5rem); max-width: 100%;}
}

@media (max-width:767px) {
	.contact-hero h1{font-size: calc(var(--HeadingTwo) - 1rem); max-width: 80%;}
	.contact-content-gap{row-gap:2rem;}

	.contact-top{grid-template-columns:1fr; row-gap: 5rem;}
	.contact-office-location{grid-template-columns: 1fr}

	.location-info h2{font-size: calc(var(--HeadingTwo) - 1rem);}
	.contact-top p, .location-info p{font-size: 1rem; max-width: 100%;}

	.contact-us-form{grid-template-columns: 1fr;row-gap: 1rem;}
}
