/* @group Contact
------------------------------------ */

[data-page="contact"] { background-color: var(--dark-beige); }
@media only screen
and (min-width : 961px) {
    [data-page="contact"] { background: no-repeat url('../../img/layout/contact/background.png') var(--dark-beige) center center; background-size: 100% 100%; }
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .page-template-contact .end { display: none; }
}

/* @group Contact Header
------------------------------------ */
.contact-header h2,
.contact-header p { color: var(--light-green); }
.contact-header h2 { margin: 0 0 2rem; }
@media only screen
and (min-width : 961px) {
    .contact-header h2 { color: var(--dark-green); margin: 0 0 5.5rem; }
    .contact-header p { color: var(--dark-green-secondary); }
    .contact-header .text-box { padding-left: 7rem; margin-bottom: 5.5rem; }
    .resident-links .text-box { margin-bottom: 20px; padding-left: 7rem; display: flex;flex-direction: column; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .contact-header .text-box { margin-bottom: 4rem; }
    .resident-links .text-box { margin-bottom: 4rem;  }
}

/* @end Contact Header */


/* @group Contact Links
------------------------------------ */
.contact-links .content dl { margin: 0 0 4rem; }
.contact-links .content dl h3,.resident-links .content .text-box h3 { text-transform: uppercase; color: var(--rust); margin: 0 0 1.5rem; }
.contact-links .content dl a{ font: 500 1.6em / 1.3em var(--meta-pro-font); letter-spacing: .125em; }
.resident-links .content a{
    text-decoration: underline;
    font-weight: bold;
    font: 500 1.6em / 1.3em var(--meta-pro-font);
     letter-spacing: .125em;
     font-size: unset!important; 
}
.resident-links .content .text-box h3{
    font-size: unset!important; 
}
.resident-links .content{ font: 500 1.6em / 1.3em var(--meta-pro-font); letter-spacing: .125em; margin-bottom: 20px;max-width: 700px;}
@media only screen
and (min-width : 961px) {
    .contact-links .content { margin-bottom: 7rem; padding-left: 7rem; display: flex; }
    .contact-links .content dl { flex: 0 1 50%; max-width: 50%; margin: 0; }
    .contact-links .content dl h3,.resident-links .content .text-box h3 { margin: 0 0 2rem; }
    .contact-links .content dl a { font-size: 2em; letter-spacing: .1em; }
    .resident-links .content a{
        font-size: unset!important; letter-spacing: .1em;
    }
    .resident-links .content{ font-size: 2em; letter-spacing: .1em; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
}

/* @end Contact Links */


/* Animations
------------------------------------ */

.contact-links .content dl { opacity: 0; }
.contact-links.animateActive .content dl { animation: fade var(--transition-delay) forwards; }
.contact-links.animateActive .content dl:nth-child(1) { animation-delay: calc(var(--transition-delay-short) * 3); }
.contact-links.animateActive .content dl:nth-child(2) { animation-delay: calc(var(--transition-delay-short) * 3.5); }

.contact-form { opacity: 0; }
.contact-form.animateActive { animation: fade var(--transition-delay) forwards; animation-delay: var(--transition-delay-short); }

.hywrap{
    padding-bottom: 50px;
}
.hywrap{
    padding-left: 7rem;
}
#form-fields label.control-label{
    font: 500 16px / 1.3em var(--meta-pro-font);
    color: var(--dark-green);
}
#more-info a,label.radio{
    font: 500 16px / 1.3em var(--meta-pro-font);
    color: var(--dark-green)!important;
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    #form-fields label.control-label{
        font: 500 16px / 1.3em var(--meta-pro-font);
    }
    #more-info a,label.radio{
        font: 400 16px / 1.3em var(--meta-pro-font);
    }
    .hywrap{
        padding-left: 0!important;
    }
}
.hywrap button[type="submit"]{
    font: 500 20px / 1.3em var(--meta-pro-font);
	text-align: center;
	font-family: var(--rubric-font)!important;
	text-transform: uppercase!important;
	text-decoration: none!important;
	background-color: var(--rust)!important;
    color: var(--beige)!important;
	border: 1px solid var(--rust)!important;
	border-radius: 0!important;
	cursor: pointer!important;
}
.hywrap button[type="submit"]:hover{
    background-color: var(--beige)!important;
    color: var(--rust)!important;
}
.hywrap .LV_invalid{
    font-family: var(--meta-pro-font)!important;
}
/* Do not use `.hywrap input` — it matches radio/checkbox; border/color !important breaks native controls and clicks. */
.hywrap input[type="text"],
.hywrap input[type="email"],
.hywrap input[type="tel"],
.hywrap input[type="number"],
.hywrap input[type="url"],
.hywrap input[type="search"],
.hywrap input[type="password"],
.hywrap input[type="date"],
.hywrap input[type="datetime-local"],
.hywrap select,
.hywrap textarea {
    color: var(--dark-green)!important;
    border-color: var(--dark-green)!important;
}