:root {
    --product-card-border-width: 2px;
    --font-copperplate: 'Copperplate';
    --font-sweet-sans: 'Sweet Sans';
    --font-dantiane: 'Dantiane';
    --font-stylebender: 'Stylebender';
    --font-icons: 'gadabout-icons';

    --theme-color-olive-green: #6a6732;
    --theme-color-mint-green: #bcceb5;
    --theme-color-pink: #e4acb5;
    --theme-color-mustard-gold: #c9a130;
    --theme-color-teal: #87a7a4;
    --theme-color-brick-red: #c84236;
    --theme-color-mauve: #ae8291;
}

/* Links */
.entry-content p a {
    color: var(--theme-color-brick-red);
    text-decoration: none;
    transition: color 0.3s ease;
}
.entry-content p a:hover {
    color: var(--theme-color-pink);
}

.entry-content p span.signature,
.editor-styles-wrapper p span.signature {
    font-family: var(--font-dantiane);
    font-size: 25px;
}

@media screen and (min-width: 768px) {
    .entry-content p span.signature,
    .editor-styles-wrapper p span.signature {
        font-size: 34px;
    }
}

/* Copperplate 10px */
.entry-content p.is-style-copperplate-10px,
.entry-content ul.is-style-copperplate-10px,
.entry-content ol.is-style-copperplate-10px,
.editor-styles-wrapper p.is-style-copperplate-10px,
.editor-styles-wrapper ul.is-style-copperplate-10px,
.editor-styles-wrapper ol.is-style-copperplate-10px {
    font-family: var(--font-copperplate);
    font-size: 10px;
    line-height: 24px;
    letter-spacing: 0.5px;
}

@media screen and (min-width: 768px) {
    .entry-content p.is-style-copperplate-10px,
    .entry-content ul.is-style-copperplate-10px,
    .entry-content ol.is-style-copperplate-10px,
    .editor-styles-wrapper p.is-style-copperplate-10px,
    .editor-styles-wrapper ul.is-style-copperplate-10px,
    .editor-styles-wrapper ol.is-style-copperplate-10px {
        font-size: 10px;
        line-height: 24px;
    }
}

/* Copperplate 12px */
.entry-content p.is-style-copperplate-12px,
.entry-content ul.is-style-copperplate-12px,
.entry-content ol.is-style-copperplate-12px,
.editor-styles-wrapper p.is-style-copperplate-12px,
.editor-styles-wrapper ul.is-style-copperplate-12px,
.editor-styles-wrapper ol.is-style-copperplate-12px {
    font-family: var(--font-copperplate);
    font-size: 12px;
    letter-spacing: 1px;
}

@media screen and (min-width: 768px) {
    .entry-content p.is-style-copperplate-12px,
    .entry-content ul.is-style-copperplate-12px,
    .entry-content ol.is-style-copperplate-12px,
    .editor-styles-wrapper p.is-style-copperplate-12px,
    .editor-styles-wrapper ul.is-style-copperplate-12px,
    .editor-styles-wrapper ol.is-style-copperplate-12px {
        font-size: 12px;
    }
}

/* Copperplate 13px */
.entry-content p.is-style-copperplate-13px,
.entry-content ul.is-style-copperplate-13px,
.entry-content ol.is-style-copperplate-13px,
.editor-styles-wrapper p.is-style-copperplate-13px,
.editor-styles-wrapper ul.is-style-copperplate-13px,
.editor-styles-wrapper ol.is-style-copperplate-13px {
    font-family: var(--font-copperplate);
    font-size: 13px;
    letter-spacing: 0.5px;
}

@media screen and (min-width: 768px) {
    .entry-content p.is-style-copperplate-13px,
    .entry-content ul.is-style-copperplate-13px,
    .entry-content ol.is-style-copperplate-13px,
    .editor-styles-wrapper p.is-style-copperplate-13px,
    .editor-styles-wrapper ul.is-style-copperplate-13px,
    .editor-styles-wrapper ol.is-style-copperplate-13px {
        font-size: 13px;
    }
}

/* Copperplate 15px */
.entry-content p.is-style-copperplate-15px,
.entry-content ul.is-style-copperplate-15px,
.entry-content ol.is-style-copperplate-15px,
.editor-styles-wrapper p.is-style-copperplate-15px,
.editor-styles-wrapper ul.is-style-copperplate-15px,
.editor-styles-wrapper ol.is-style-copperplate-15px {
    font-family: var(--font-copperplate);
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.5px;
}

@media screen and (min-width: 768px) {
    .entry-content p.is-style-copperplate-15px,
    .entry-content ul.is-style-copperplate-15px,
    .entry-content ol.is-style-copperplate-15px,
    .editor-styles-wrapper p.is-style-copperplate-15px,
    .editor-styles-wrapper ul.is-style-copperplate-15px,
    .editor-styles-wrapper ol.is-style-copperplate-15px {
        font-size: 15px;
        line-height: 24px;
    }
}

/* Dantiane 22px */
.entry-content p.is-style-dantiane-22px,
.entry-content ul.is-style-dantiane-22px,
.entry-content ol.is-style-dantiane-22px,
.editor-styles-wrapper p.is-style-dantiane-22px,
.editor-styles-wrapper ul.is-style-dantiane-22px,
.editor-styles-wrapper ol.is-style-dantiane-22px {
    font-family: var(--font-dantiane);
    font-size: 22px;
}

@media screen and (min-width: 768px) {
    .entry-content p.is-style-dantiane-22px,
    .entry-content ul.is-style-dantiane-22px,
    .entry-content ol.is-style-dantiane-22px,
    .editor-styles-wrapper p.is-style-dantiane-22px,
    .editor-styles-wrapper ul.is-style-dantiane-22px,
    .editor-styles-wrapper ol.is-style-dantiane-22px {
        font-size: 22px;
    }
}

/* Dantiane 34px */
.entry-content p.is-style-dantiane-34px,
.entry-content ul.is-style-dantiane-34px,
.entry-content ol.is-style-dantiane-34px,
.editor-styles-wrapper p.is-style-dantiane-34px,
.editor-styles-wrapper ul.is-style-dantiane-34px,
.editor-styles-wrapper ol.is-style-dantiane-34px {
    font-family: var(--font-dantiane);
    font-size: 34px;
}

@media screen and (min-width: 768px) {
    .entry-content p.is-style-dantiane-34px,
    .entry-content ul.is-style-dantiane-34px,
    .entry-content ol.is-style-dantiane-34px,
    .editor-styles-wrapper p.is-style-dantiane-34px,
    .editor-styles-wrapper ul.is-style-dantiane-34px,
    .editor-styles-wrapper ol.is-style-dantiane-34px {
        font-size: 34px;
    }
}

/* Dantiane 40px */
.entry-content p.is-style-dantiane-40px,
.entry-content ul.is-style-dantiane-40px,
.entry-content ol.is-style-dantiane-40px,
.editor-styles-wrapper p.is-style-dantiane-40px,
.editor-styles-wrapper ul.is-style-dantiane-40px,
.editor-styles-wrapper ol.is-style-dantiane-40px {
    font-family: var(--font-dantiane);
    font-size: 40px;
}

@media screen and (min-width: 768px) {
    .entry-content p.is-style-dantiane-40px,
    .entry-content ul.is-style-dantiane-40px,
    .entry-content ol.is-style-dantiane-40px,
    .editor-styles-wrapper p.is-style-dantiane-40px,
    .editor-styles-wrapper ul.is-style-dantiane-40px,
    .editor-styles-wrapper ol.is-style-dantiane-40px {
        font-size: 40px;
    }
}

/* Dantiane 50px */
.entry-content p.is-style-dantiane-50px,
.entry-content ul.is-style-dantiane-50px,
.entry-content ol.is-style-dantiane-50px,
.editor-styles-wrapper p.is-style-dantiane-50px,
.editor-styles-wrapper ul.is-style-dantiane-50px,
.editor-styles-wrapper ol.is-style-dantiane-50px {
    font-family: var(--font-dantiane);
    font-size: 50px;
}

@media screen and (min-width: 768px) {
    .entry-content p.is-style-dantiane-50px,
    .entry-content ul.is-style-dantiane-50px,
    .entry-content ol.is-style-dantiane-50px,
    .editor-styles-wrapper p.is-style-dantiane-50px,
    .editor-styles-wrapper ul.is-style-dantiane-50px,
    .editor-styles-wrapper ol.is-style-dantiane-50px {
        font-size: 50px;
    }
}

/* Stylebender 20px */
.entry-content p.is-style-stylebender-20px,
.entry-content ul.is-style-stylebender-20px,
.entry-content ol.is-style-stylebender-20px,
.editor-styles-wrapper p.is-style-stylebender-20px,
.editor-styles-wrapper ul.is-style-stylebender-20px,
.editor-styles-wrapper ol.is-style-stylebender-20px {
    font-family: var(--font-stylebender);
    font-size: 20px;
    line-height: 35px;
}

@media screen and (min-width: 768px) {
    .entry-content p.is-style-stylebender-20px,
    .entry-content ul.is-style-stylebender-20px,
    .entry-content ol.is-style-stylebender-20px,
    .editor-styles-wrapper p.is-style-stylebender-20px,
    .editor-styles-wrapper ul.is-style-stylebender-20px,
    .editor-styles-wrapper ol.is-style-stylebender-20px {
        font-size: 20px;
        line-height: 35px;
    }
}

/* Stylebender 26px */
.entry-content p.is-style-stylebender-26px,
.entry-content ul.is-style-stylebender-26px,
.entry-content ol.is-style-stylebender-26px,
.editor-styles-wrapper p.is-style-stylebender-26px,
.editor-styles-wrapper ul.is-style-stylebender-26px,
.editor-styles-wrapper ol.is-style-stylebender-26px {
    font-family: var(--font-stylebender);
    font-size: 26px;
    line-height: 38px;
}

@media screen and (min-width: 768px) {
    .entry-content p.is-style-stylebender-26px,
    .entry-content ul.is-style-stylebender-26px,
    .entry-content ol.is-style-stylebender-26px,
    .editor-styles-wrapper p.is-style-stylebender-26px,
    .editor-styles-wrapper ul.is-style-stylebender-26px,
    .editor-styles-wrapper ol.is-style-stylebender-26px {
        font-size: 26px;
        line-height: 38px;
    }
}

/* Stylebender 30px */
.entry-content p.is-style-stylebender-30px,
.entry-content ul.is-style-stylebender-30px,
.entry-content ol.is-style-stylebender-30px,
.editor-styles-wrapper p.is-style-stylebender-30px,
.editor-styles-wrapper ul.is-style-stylebender-30px,
.editor-styles-wrapper ol.is-style-stylebender-30px {
    font-family: var(--font-stylebender);
    font-size: 30px;
    line-height: 44px;
}

@media screen and (min-width: 768px) {
    .entry-content p.is-style-stylebender-30px,
    .entry-content ul.is-style-stylebender-30px,
    .entry-content ol.is-style-stylebender-30px,
    .editor-styles-wrapper p.is-style-stylebender-30px,
    .editor-styles-wrapper ul.is-style-stylebender-30px,
    .editor-styles-wrapper ol.is-style-stylebender-30px {
        font-size: 30px;
        line-height: 44px;
    }
}

/* Stylebender 40px */
.entry-content p.is-style-stylebender-40px,
.entry-content ul.is-style-stylebender-40px,
.entry-content ol.is-style-stylebender-40px,
.editor-styles-wrapper p.is-style-stylebender-40px,
.editor-styles-wrapper ul.is-style-stylebender-40px,
.editor-styles-wrapper ol.is-style-stylebender-40px {
    font-family: var(--font-stylebender);
    font-size: 32px;
    line-height: 42px;
}

@media screen and (min-width: 768px) {
    .entry-content p.is-style-stylebender-40px,
    .entry-content ul.is-style-stylebender-40px,
    .entry-content ol.is-style-stylebender-40px,
    .editor-styles-wrapper p.is-style-stylebender-40px,
    .editor-styles-wrapper ul.is-style-stylebender-40px,
    .editor-styles-wrapper ol.is-style-stylebender-40px {
        font-size: 40px;
        line-height: 50px;
    }
}

/* Stylebender 50px */
.entry-content p.is-style-stylebender-50px,
.entry-content ul.is-style-stylebender-50px,
.entry-content ol.is-style-stylebender-50px,
.editor-styles-wrapper p.is-style-stylebender-50px,
.editor-styles-wrapper ul.is-style-stylebender-50px,
.editor-styles-wrapper ol.is-style-stylebender-50px {
    font-family: var(--font-stylebender);
    font-size: 50px;
}

@media screen and (min-width: 768px) {
    .entry-content p.is-style-stylebender-50px,
    .entry-content ul.is-style-stylebender-50px,
    .entry-content ol.is-style-stylebender-50px,
    .editor-styles-wrapper p.is-style-stylebender-50px,
    .editor-styles-wrapper ul.is-style-stylebender-50px,
    .editor-styles-wrapper ol.is-style-stylebender-50px {
        font-size: 50px;
    }
}

/* Sweet Sans 12px */
.entry-content p.is-style-sweet-sans-12px,
.entry-content ul.is-style-sweet-sans-12px,
.entry-content ol.is-style-sweet-sans-12px,
.editor-styles-wrapper p.is-style-sweet-sans-12px,
.editor-styles-wrapper ul.is-style-sweet-sans-12px,
.editor-styles-wrapper ol.is-style-sweet-sans-12px {
    font-family: var(--font-sweet-sans);
    font-size: 12px;
    line-height: 20px;
}

@media screen and (min-width: 768px) {
    .entry-content p.is-style-sweet-sans-12px,
    .entry-content ul.is-style-sweet-sans-12px,
    .entry-content ol.is-style-sweet-sans-12px,
    .editor-styles-wrapper p.is-style-sweet-sans-12px,
    .editor-styles-wrapper ul.is-style-sweet-sans-12px,
    .editor-styles-wrapper ol.is-style-sweet-sans-12px {
        font-size: 12px;
        line-height: 20px;
    }
}

/* Sweet Sans 13px */
.entry-content p.is-style-sweet-sans-13px,
.entry-content ul.is-style-sweet-sans-13px,
.entry-content ol.is-style-sweet-sans-13px,
.editor-styles-wrapper p.is-style-sweet-sans-13px,
.editor-styles-wrapper ul.is-style-sweet-sans-13px,
.editor-styles-wrapper ol.is-style-sweet-sans-13px {
    font-family: var(--font-sweet-sans);
    font-size: 13px;
}

@media screen and (min-width: 768px) {
    .entry-content p.is-style-sweet-sans-13px,
    .entry-content ul.is-style-sweet-sans-13px,
    .entry-content ol.is-style-sweet-sans-13px,
    .editor-styles-wrapper p.is-style-sweet-sans-13px,
    .editor-styles-wrapper ul.is-style-sweet-sans-13px,
    .editor-styles-wrapper ol.is-style-sweet-sans-13px {
        font-size: 13px;
    }
}

/* Sweet Sans 15px */
.entry-content p.is-style-sweet-sans-15px,
.entry-content ul.is-style-sweet-sans-15px,
.entry-content ol.is-style-sweet-sans-15px,
.editor-styles-wrapper p.is-style-sweet-sans-15px,
.editor-styles-wrapper ul.is-style-sweet-sans-15px,
.editor-styles-wrapper ol.is-style-sweet-sans-15px {
    font-family: var(--font-sweet-sans);
    font-size: 15px;
    line-height: 26px;
}

@media screen and (min-width: 768px) {
    .entry-content p.is-style-sweet-sans-15px,
    .entry-content ul.is-style-sweet-sans-15px,
    .entry-content ol.is-style-sweet-sans-15px,
    .editor-styles-wrapper p.is-style-sweet-sans-15px,
    .editor-styles-wrapper ul.is-style-sweet-sans-15px,
    .editor-styles-wrapper ol.is-style-sweet-sans-15px {
        font-size: 15px;
        line-height: 26px;
    }
}

/* Sweet Sans 18px */
.entry-content p.is-style-sweet-sans-18px,
.entry-content ul.is-style-sweet-sans-18px,
.entry-content ol.is-style-sweet-sans-18px,
.editor-styles-wrapper p.is-style-sweet-sans-18px,
.editor-styles-wrapper ul.is-style-sweet-sans-18px,
.editor-styles-wrapper ol.is-style-sweet-sans-18px {
    font-family: var(--font-sweet-sans);
    font-size: 18px;
    line-height: 28px;
}

@media screen and (min-width: 768px) {
    .entry-content p.is-style-sweet-sans-18px,
    .entry-content ul.is-style-sweet-sans-18px,
    .entry-content ol.is-style-sweet-sans-18px,
    .editor-styles-wrapper p.is-style-sweet-sans-18px,
    .editor-styles-wrapper ul.is-style-sweet-sans-18px,
    .editor-styles-wrapper ol.is-style-sweet-sans-18px {
        font-size: 18px;
        line-height: 28px;
    }
}