/*
File: interior.css
This contains overrides for interior pages
*/

/* Testimonials Page */
#rf-body .rf-quote-before {
    position: relative !important;
}

#rf-body .rf-quote-before::before {
    content: "\f10d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: block;
    position: absolute;
    font-size: 6rem;
    color: var(--color-1);
    margin-left: -1.5rem;
    margin-top: -1.5rem;
}

#rf-body .rf-testimonial__source {
    /* rf-paragraph-lg styles */
    font-size: 1.5rem;
    line-height: 2.25rem; /* 1.5 * line-height */
    letter-spacing: 0.25px;
    font-weight: 300;
    /* additional styles */
    text-align: right;
}

/* Brush Info and Care Page tables */
#rf-body .rf-info-care-table-wrapper table {
    border-collapse: separate;
    border-radius: calc(var(--size-medium) + 0.125rem);
}

#rf-body .rf-info-care-table-wrapper table th:first-child {
    border-top-left-radius: var(--size-medium);
}

#rf-body .rf-info-care-table-wrapper table th:last-child {
    border-top-right-radius: var(--size-medium);
}

#rf-body .rf-info-care-table-wrapper table tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}

#rf-body .rf-info-care-table-wrapper table tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}

#rf-body .rf-info-care-table-wrapper th {
    background-color: var(--color-1);
    color: var(--color-font-inverse);
}

#rf-body .rf-info-care-table-wrapper td.column-1 {
    width: 20rem;
}

#rf-body .rf-info-care-table-wrapper td.column-4 img {
    max-width: 75px;
    border-radius: 1.5rem;
}

#rf-body .rf-info-care-table-wrapper h4 {
    font-size: 1.25rem;
}

/* Equalize tabs on Brush Info and Care Page */
#rf-body .rf-equal-tabs.rf-brush-cleaning.et_pb_tabs_controls li {
    width: 16.67%; /* change width of tabs here depending on the number of tabs you have */
    text-align: center;
}

#rf-body .rf-equal-tabs.rf-other-care.et_pb_tabs_controls li {
    text-align: center;
}

/* Contact Page */
#rf-body .rf-home-contact__wrapper .rf-home-contact__chip {
    font-size: var(--size-medium);
    padding: var(--size-medium) 0 var(--size-medium) var(--size-medium);
    margin-bottom: var(--size-medium);
    line-height: 2.25rem;
    transition: var(--transition-standard);
}

#rf-body .rf-home-contact__wrapper .rf-home-contact__chip::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 2.25rem;
    margin-right: 1.125rem;
}

@media only screen and (max-width: 980px) {
    #rf-body .rf-home-contact__wrapper .rf-home-contact__chip {
        font-size: var(--size-small) !important;
    }
}

#rf-body .rf-home-contact__wrapper .rf-home-contact__chip:hover {
    color: var(--color-2);
}