/*
 * Oak Haven Counsel - project styles.
 * Loaded after css/style.css so anything here wins. Keep template overrides
 * and new components in this file rather than editing the vendor stylesheet.
 */

/* Carousel captions sit better at this size on tall hero images. */
.carousel-caption h3 {
    text-shadow: 0 2px 12px rgba(0, 0, 0, .45);
}

/* Practice-area and attorney cards in grid layouts. */
.shadow-sm {
    box-shadow: 0 .125rem .5rem rgba(55, 55, 63, .08) !important;
}

.icon-box.mx-auto {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Cards in the owl carousels need equal heights to line up. */
.owl-carousel .owl-stage {
    display: flex;
}

.owl-carousel .owl-item {
    display: flex;
    flex: 1 0 auto;
}

.owl-carousel .owl-item > div {
    width: 100%;
}

/* Attorney grid photos - keep faces framed consistently. */
.team-item .team-img img {
    height: 300px;
    object-fit: cover;
    object-position: top center;
}

/* Flash messages. */
.alert {
    border-left: 4px solid currentColor;
}

/* FAQ accordion buttons. */
#faqAccordion .btn-link {
    font-weight: 500;
    text-decoration: none;
    white-space: normal;
}

#faqAccordion .btn-link:hover,
#faqAccordion .btn-link:focus {
    text-decoration: none;
    color: #B49C73 !important;
}

/* Form validation text on the dark consultation panel. */
.bg-appointment .invalid-feedback {
    font-size: 87.5%;
}

/* Footer hour rows. */
.border-dark {
    border-color: rgba(255, 255, 255, .1) !important;
}

/* Long practice-area body copy reads better slightly wider. */
.lead {
    font-size: 1.15rem;
    line-height: 1.7;
}