/*
File: typography.css
This contains sizing and font choices for typography
*/

#rf-body h3,
#rf-body .h3 {
    font-size: 2rem;
    line-height: 2.25rem; /* 1.5 * line-height */
    padding-bottom: 0.75rem; /* 0.5 * line-height */
}

#rf-body h4,
#rf-body .h4 {
    font-size: 1.5rem;
    line-height: var(--line-height);
    padding-bottom: var(--line-height);
}

#rf-body h5,
#rf-body .h5 {
    font-size: 1.25rem;
    line-height: var(--line-height);
    padding-bottom: var(--line-height);
}

#rf-body p,
#rf-body .p {
    font-size: 1rem;
    line-height: var(--line-height);
    padding-bottom: var(--line-height);
}

#rf-body p:only-child,
#rf-body .p:only-child {
    padding-bottom: 0;
}

/* Inline link styles */
#rf-body p a,
#rf-body label a {
    color: var(--color-1);
    font-weight: bold;
    transition: var(--transition-standard);
    position: relative;
    display: inline-block;
}

#rf-body p a::after,
#rf-body label a::after {
    content: "";
    display: block;
    z-index: 0;
    position: absolute;
    height: 1px;
    width: 0;
    bottom: 3px;
    background-color: var(--color-2);
    transition: var(--transition-standard);
}

#rf-body p a:hover,
#rf-body label a:hover {
    color: var(--color-2);
}

#rf-body p a:hover::after,
#rf-body label a:hover::after {
    width: 100%;
}

/* Large paragraph style */
#rf-body .rf-paragraph-lg {
    font-size: 1.5rem;
    line-height: 2.25rem; /* 1.5 * line-height */
    letter-spacing: 0.25px;
    font-weight: 300;
}

/* Fine print style */
#rf-body .rf-fine-print {
    font-size: 0.875rem;
    line-height: 1rem;
    color: var(--color-font-3);
}

#rf-body .rf-fine-print a,
#rf-body .rf-fine-print a:hover {
    color: inherit;
}

#rf-body .rf-fine-print a::after {
    bottom: 0;
    background-color: var(--color-font-3);
}

/*
SPECIFIC TYPOGRAPHY OVERRIDES
*/

#rf-body .et_pb_toggle_title,
#rf-body .rf-title-line p,
#rf-body .rf-slide-sidebar p {
    padding-bottom: 0;
}