/*
File: info-and-care.css
This contains overrides for brush info and care page
*/

/* ADDING A VS TO THE BRUSH SIZE COMPARISON */
.rf-vs-after {
    position: relative;
}

.rf-vs-after::after {
    content: "VS";
    /* h4 styles */
    font-size: 1.5rem;
    line-height: var(--line-height);
    padding-bottom: var(--line-height);
    /* positioning */
    position: absolute;
    right: calc(-8% - 1.5rem);
    top: calc(50% - 1.5rem);
    color: var(--color-font-3);
}

/* LETTING FEATURED BLOCKS SIT VERTICAL */
/* Used for the 3-up blocks */
.rf-block-vertical {
    flex-direction: column;
    margin-right: var(--size-medium);
}

/*
BRUSH CLEANING SECTION
*/

.rf-brush-care-columns {
    display: flex;
}

.rf-brush-care-columns > div {
    margin-right: var(--size-large);
    max-width: 800px;
}

.rf-brush-care-columns > div:last-child {
    margin-right: 0;
}