/* ++++++++++++++++++++++++++++++++++++ main ++++++++++++++++++++++++++++++++++++ */

/* #region------------ root variables ------------ */
:root {
    /*============ COLORS ============*/
    /* --clr-primary: rgb(165 42 42); */
    --clr-primary: rgb(187 53 8);
    --clr-neutral: rgb(244, 244, 244);

    --clr-text-light: rgb(255 255 255);
    --clr-text-dark: rgb(0 0 0);

    /*============ FONT VARIABLES & SETTINGS ============*/
    font-size: 16px;
    --ff-serif: Georgia, 'Times New Roman', Times, serif;
    --ff-sans-serif: /*"Open Sans",*/ Verdana, Geneva, Tahoma, sans-serif;
    --ff-monospace: 'Courier New', Courier, monospace;

    --ff-body: var(--ff-sans-serif);
    --ff-heading: var(--ff-sans-serif);
    --ff-button: var(--ff-sans-serif);

    /*---------------------------------------------------*/

    --fs-primary-heading: 2.7rem;
    --fs-secondary-heading: 2.7rem;
    --fs-tertiary-heading: 2rem;
    --fs-body: 1rem;
    --fs-button: 1.1rem;

    /*============ PAGE LAYOUT ============*/
    --page-margin: 5vw;
    --section-gap: 6rem;
}
/* #endregion */

 /*============ Elements ============*/

html {
    scroll-padding-top: 140px;
    scroll-behavior: smooth;
}

h1,h2,h3,h4,h5,h6 {
    font-family: var(--ff-heading);
}

h1 {
    margin-bottom: 1.5rem;
    font-size: var(--fs-primary-heading);
}
h2 {
    font-size: var(--fs-secondary-heading);
    font-weight: 600;
    margin-bottom: 1.5rem;
}
h3 {
    font-size: var(--fs-secondary-heading);
    font-weight: 400;
    margin-bottom: 1.5rem;
}
@media only screen and (max-width: 640px) {
    h1 {
        font-size: 1.9rem;
    }
}

p {
    margin-bottom: 1.5rem;
    font-family: var(--ff-body);
    font-size: var(--fs-body);
}
li {
    margin-bottom: 1rem;
    font-family: var(--ff-body);
    font-size: var(--fs-body);
}
a {
    font-family: var(--ff-body);
    font-size: var(--fs-body);
}

 /*============ CMS Classes ============*/
 .button {
    background-color: var(--clr-primary);
    padding: 1rem 2rem;
    font-size: 1.1rem;
    font-weight: 600;
    display: inline-block;
    text-align: center;
    color: var(--clr-text-light);
    text-transform: uppercase;
    letter-spacing: .5px;
}
 .button a {
    text-align: center;
    color: var(--clr-text-light);
    font-size: 1.1rem;
    letter-spacing: .5px;
    text-transform: uppercase;

}
.button:hover {
    text-decoration: underline;
}

 .button-alt {
    background-color: white;
    padding: 1rem 2rem;
    color: var(--clr-primary);
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-weight: 600;
    display: inline-block;
    white-space: nowrap;
    text-align: center;
}
.button-alt:hover {
    text-decoration: underline;
}

.tertiary-heading {font-size: var(--fs-tertiary-heading);}

.embiggen {font-size: 2.3rem;}
.sub-embiggen {font-size: 1.8rem;}

.align_center {text-align: center;}
.align_right {text-align: right;}