/****** Fonts ******/

:root {
    --font-macho: 'Macho', Trebuchet MS, sans-serif;
    --font-geneo-std: 'Geneo-std', Georgia, serif;
    --font-oxanium: 'Oxanium', Lucida Console, sans-serif;
    --font-fw-light: 300;
    --font-fw-regular: 400;
    --font-fw-medium: 500;
    --font-fw-semibold: 600;
    --font-fw-bold: 700;
    --font-fw-extrabold: 800;
}

.macho {
    font-family: var(--font-macho);
    font-weight: var(--font-fw-light);
}
.geneo-std {
    font-family: var(--font-geneo-std);
    font-weight: var(--font-fw-regular);
}


/****** Font Weights ******/

/* fw is shorthand for font weight */

.fw-light{
    font-weight: var(--font-fw-light);
}

.fw-regular {
    font-weight: var(--font-fw-regular);
}
.fw-medium {
    font-weight: var(--font-fw-medium);
}
.fw-semibold {
    font-weight: var(--font-fw-semibold);
}
.fw-bold {
    font-weight: var(--font-fw-bold);
}
.fw-extrabold {
    font-weight: var(--font-fw-extrabold);
}


/****** Font Sizing ******/

/* This is adjust the sizing of any body text up or down a bit from the normal body font size.
Don't use for header tags (e.g. h1, h2, etc ...) */
/* fs is shorthand for font size */

.fs-3extralarge {
    font-size:  2rem;
    line-height: 2.25rem;
}
.fs-2extralarge {
    font-size:  1.5rem;
    line-height: 2rem;
}
.fs-extralarge {
    font-size:  1.25rem;
    line-height: 1.875rem;
}
.fs-large {
    font-size:  1.125rem;
    line-height: 1.75rem;
}
.fs-medium {
    font-size:  1rem;
    line-height: 1.5rem;
}
.fs-small {
    font-size:  0.875rem;
    line-height: 1.25rem;
}
.fs-extrasmall {
    font-size:  0.75rem;
    line-height: 1.125rem;
}

/* Headers */

h1,h2,h3,h4,h5,h6 {
    font-family: var(--font-geneo-std);
    font-weight: var(--font-fw-regular);
}

h1 {
    font-size: 2.5rem;
    line-height: 3.25rem;
}

@media screen and (max-width: 767px) {
    h1 {
        font-size: 2.25rem;
        line-height: 3rem;
    }
}

h2 {
    font-size: 2.25rem;
        line-height: 2.5rem;
}
@media screen and (max-width: 767px) {
    h2 {
        font-size: 2rem;
        line-height: 2.2rem;
    }
}

h3 {
    font-size: 2rem;
    line-height: 2.2rem;
}
@media screen and (max-width: 767px) {
    h3 {
        font-size: 1.875rem;
        line-height: 2.375rem;
    }
}

h4 {
    font-size: 1.875rem;
    line-height: 2.375rem;
}
@media screen and (max-width: 767px) {
    h4 {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}
h5 {
    font-size: 1.5rem;
    line-height: 2rem;
}
@media screen and (max-width: 767px) {
    h5 {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}
h6 {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
@media screen and (max-width: 767px) {
    h6 {
        font-size: 1.125rem;
        line-height: 1.625rem;
    }
}


/****** Paragraph and Other Text ******/

a {
    color: var(--base-color-red);
    text-decoration: none;
}
a:hover {
    color: var(--base-color-pink-dark);
}
em, i {
    font-style: italic;
}
strong {
    font-weight: 700;
}

p {
    font-family: var(--font-macho);
    font-weight: var(--font-fw-regular);
}

/* misc */

.subtitle {
    text-transform: uppercase;
    font-size: 22px;
    color: #7e8186;
    letter-spacing: 0.025rem;
    text-align: justify;
}

.subheading{
    text-transform: uppercase;
    font-size:16px;
    font-family: 'macho';
}

.datepicker-text {
    font-size: 14pt;
    margin: 5px 0px 0px 0px;
    color: #000;
    font-weight: 400
}

.medium-title {
    font-size: 1.35em;
}

.leading-20{
    line-height:20px;
}