/* intl-tel-input alignment with Mindrops contact form */
.contact-phone-group .iti {
    width: 100%;
    display: block;
}

.contact-phone-group .iti__flag-container {
    z-index: 2;
}

.contact-phone-group .form-control.phone-intl-input {
    width: 100%;
    padding-left: 52px;
}

.contact-phone-group.phone-invalid .form-control.phone-intl-input {
    border-color: #d9534f;
}

.iti__country-list {
    z-index: 10000;
    background-color: #fff;
    color: #1f2937;
    border: 1px solid #e5e7eb;
}

/* Override .hero { color: white } inheritance on dropdown list items */
.iti__country-list .iti__country {
    color: #1f2937;
}

.iti__country-list .iti__country.iti__highlight {
    background-color: #f1f5f9;
}

.iti__country-list .iti__country-name,
.iti__country-list .iti__dial-code {
    color: #1f2937;
}

.iti__country-list .iti__search-input {
    color: #1f2937;
    background-color: #fff;
}

.iti__country-list .iti__search-input::placeholder {
    color: #6b7280;
}

/* Compact / hero landing-page forms */
.hero-form .contact-phone-group,
#comment-form .contact-phone-group {
    width: 100%;
}

.hero-form .contact-phone-group {
    margin-bottom: 15px;
    color: #1f2937;
}

.hero-form .contact-phone-group .iti,
#comment-form .contact-phone-group .iti {
    width: 100%;
    display: block;
}

.hero-form .contact-phone-group .phone-intl-input,
.hero-form .contact-phone-group .iti input[type="tel"],
#comment-form .contact-phone-group .phone-intl-input {
    width: 100%;
    box-sizing: border-box;
}

.hero-form .contact-phone-group .phone-intl-input,
.hero-form .contact-phone-group .iti input[type="tel"] {
    padding: 12px;
    padding-left: 52px;
    margin-bottom: 0;
    border-radius: 5px;
    color: #1f2937;
}

.hero-form .contact-phone-group.phone-invalid .phone-intl-input,
.hero-form .contact-phone-group.phone-invalid .iti input[type="tel"] {
    border-color: #d9534f;
}

#comment-form .contact-phone-group {
    color: #1f2937;
}

#comment-form .contact-phone-group .phone-intl-input {
    padding-left: 52px;
    color: #1f2937;
}

#comment-form .contact-phone-group.phone-invalid .phone-intl-input {
    border-color: #d9534f;
}