/* Keep contact fields visible before they receive focus. */
.gc-right-form input[type="text"],
.gc-right-form input[type="email"],
.gc-right-form input[type="tel"],
.gc-right-form textarea {
    border: 1px solid #999;
    border-radius: 3px;
    background-color: #fff;
}

.gc-right-form input[type="text"]:focus,
.gc-right-form input[type="email"]:focus,
.gc-right-form input[type="tel"]:focus,
.gc-right-form textarea:focus {
    border-color: #ff7b31;
    outline: 2px solid #ff7b31;
    outline-offset: 1px;
}

/* Give custom-field text and video tabs room on narrow screens. */
@media screen and (max-width: 640px) {
    .gc-single-product .gc-tabs .tabs-content .tabs-panel {
        padding-left: 15px;
        padding-right: 15px;
    }

    #product-tabs-video .gc-post-video-list {
        grid-template-columns: minmax(0, 1fr);
    }

    .gc-single-product .tabs-panel h2 {
        color: #333;
        font-size: 1.6rem;
        font-weight: 600;
        line-height: 1.25;
        margin: 1.5rem 0 0.75rem;
    }
}

/* A tab title is highlighted only while Foundation marks it active. */
.gc-single-product .gc-tabs .tabs-title .gc-tab-link,
.gc-single-product .gc-tabs .tabs-title .gc-tab-link strong,
.gc-single-product .gc-tabs .tabs-title .gc-tab-link b {
    color: #a1a0a0;
    font-weight: 400;
}

.gc-single-product .gc-tabs .tabs-title .gc-tab-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    padding: 8px;
    line-height: 1.25;
    text-align: center;
    white-space: normal;
}

.gc-single-product .gc-tabs .tabs-title.is-active .gc-tab-link,
.gc-single-product .gc-tabs .tabs-title.is-active .gc-tab-link strong,
.gc-single-product .gc-tabs .tabs-title.is-active .gc-tab-link b {
    color: #ff7b31;
    font-weight: 600;
}