/*
File: typography.css
Typography sizing and font choices
*/

/* HEADING STYLES */
body.et_divi_theme h1, 
body.et_divi_theme .h1 {
    font-family: var(--font-title);
    min-height: 0vw;
    font-size: 4rem;
    font-size: clamp(3rem, calc(3rem + ((1vw - 0.48rem) * 1.3889)), 4rem);
}

body.et_divi_theme h1 span, 
body.et_divi_theme .h1 span {
    display: block;
}

body.et_divi_theme h2, 
body.et_divi_theme .h2 {
    font-family: var(--font-title);
    min-height: 0vw;
    font-size: 3rem;
    font-size: clamp(2rem, calc(2rem + ((1vw - 0.48rem) * 1.3889)), 3rem);
}

body.et_divi_theme h2 span, 
body.et_divi_theme .h2 span {
    display: block;
}

body.et_divi_theme h3, 
body.et_divi_theme .h3 {
    font-family: var(--font-title);
    min-height: 0vw;
    font-size: 2.25rem;
    font-size: clamp(1.5rem, calc(1.5rem + ((1vw - 0.48rem) * 1.0417)), 2.25rem);
}

body.et_divi_theme h3 span, 
body.et_divi_theme .h3 span {
    display: block;
}

body.et_divi_theme h4, 
body.et_divi_theme .h4 {
    font-family: var(--font-title);
    min-height: 0vw;
    font-size: 1.5rem;
    font-size: clamp(1.25rem, calc(1.25rem + ((1vw - 0.48rem) * 0.3472)), 1.5rem);
}

body.et_divi_theme h4 span, 
body.et_divi_theme .h4 span {
    display: block;
}

body.et_divi_theme h5, 
body.et_divi_theme .h5 {
    font-family: var(--font-title);
    min-height: 0vw;
    font-size: 1.25rem;
    font-size: clamp(1rem, calc(1rem + ((1vw - 0.48rem) * 0.3472)), 1.25rem);
}

body.et_divi_theme h5 span, 
body.et_divi_theme .h5 span {
    display: block;
}

body.et_divi_theme h6, 
body.et_divi_theme .h6 {
    font-family: var(--font-title);
    min-height: 0vw;
    font-size: 1rem;
    font-size: clamp(0.85rem, calc(0.85rem + ((1vw - 0.48rem) * 0.2083)), 1rem);
    line-height: var(--line-height);
}

body.et_divi_theme h6 span, 
body.et_divi_theme .h6 span {
    display: block;
}

/* BODY FONTS */
body.et_divi_theme,
body.et_divi_theme a,
body.et_divi_theme li {
    font-family: var(--font-body);
    line-height: var(--line-height);
    font-weight: 400;
    font-size: 1rem;
}

#rf-body {
    font-family: var(--font-body);
    line-height: var(--line-height);
    font-weight: 400;
    font-size: 1rem;
}

body.et_divi_theme a {
    transition: var(--transition-standard);
}

/* Links inside headings and paragraphs */
body.et_divi_theme h1 a,
body.et_divi_theme h2 a,
body.et_divi_theme h3 a,
body.et_divi_theme h4 a,
body.et_divi_theme h5 a,
body.et_divi_theme h6 a,
body.et_divi_theme p a {
    color: var(--color-1) !important;
    font-weight: 700;
}

body.et_divi_theme h1 a:hover,
body.et_divi_theme h2 a:hover,
body.et_divi_theme h3 a:hover,
body.et_divi_theme h4 a:hover,
body.et_divi_theme h5 a:hover,
body.et_divi_theme h6 a:hover,
body.et_divi_theme p a:hover {
    color: var(--color-2) !important;
}

/* LARGE PARAGRAPH STYLE */
body.et_divi_theme .rf-paragraph--large,
body.et_divi_theme .rf-paragraph--large a {
    font-size: 1.3125rem;
    font-size: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 0.5435)), 1.3125rem);
}

#rf-body .rf-paragraph--large,
#rf-body .rf-paragraph--large a {
    font-size: 1.3125rem;
    font-size: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 0.5435)), 1.3125rem);
}

/* SMALL PARAGRAPH STYLE */
body.et_divi_theme .rf-paragraph--small,
body.et_divi_theme .rf-paragraph--small a {
    font-size: 0.875rem;
    line-height: 1.3125rem;
}

#rf-body .rf-paragraph--small,
#rf-body .rf-paragraph--small a {
    font-size: 0.875rem;
    line-height: 1.3125rem;
}

/* DARK LAYOUT */
body.et_divi_theme .et_pb_layout_dark {
    color: var(--color-font-inverse);
}