/* Color Variables */
:root{

    /* Color Variables */
    --Neutral-Gray-100: #FBFBFB;
    --Neutral-Gray-200: #EDEDED;
    --Neutral-Gray-300: #D0D0D0;
    --Neutral-Gray-400: #B6B6B6;
    --Neutral-Gray-500: #9B9B9B;
    --Neutral-Gray-600: #747474;
    --Neutral-Gray-700: #5E5E5E;
    --Neutral-Gray-800: #505050;
    --Neutral-Gray-900: #393939;
    --Neutral-Gray-1000: #242424;


    --Orangey-Red-100: #FDFAF9;
    --Orangey-Red-200: #F8EAE6;
    --Orangey-Red-300: #EDC8BD;
    --Orangey-Red-400: #E2A997;
    --Orangey-Red-500: #D6876D;
    --Orangey-Red-600: #C3502B;
    --Orangey-Red-700: #9E4123;
    --Orangey-Red-800: #87371E;
    --Orangey-Red-900: #612815;
    --Orangey-Red-1000: #2C1008;


    --Cantelope-100: #FEFBF6;
    --Cantelope-200: #FAEDD8;
    --Cantelope-300: #F0CB8E;
    --Cantelope-400: #E7AB49;
    --Cantelope-500: #C5923E;
    --Cantelope-600: #946D2F;
    --Cantelope-700: #785826;
    --Cantelope-800: #664B20;
    --Cantelope-900: #493617;
    --Cantelope-1000: #2E220F;


    --Forest-Green-100: #FAFCFB;  
    --Forest-Green-200: #E6EFEC;
    --Forest-Green-300: #BFD6CD;
    --Forest-Green-400: #9ABEB0;
    --Forest-Green-500: #73A591;
    --Forest-Green-600: #3B8065;
    --Forest-Green-700: #306852;
    --Forest-Green-800: #285945;
    --Forest-Green-900: #1D4032;
    --Forest-Green-1000: #132820;


    --Teal-100: #F9FCFC;
    --Teal-200: #E3F0F1;
    --Teal-300: #B4D7DA;
    --Teal-400: #87BFC3;
    --Teal-500: #59A7AC;
    --Teal-600: #307F85;
    --Teal-700: #27676C;
    --Teal-800: #27676C;
    --Teal-900: #173E41;
    --Teal-1000: #173E41;


    --Navy-Blue-100: #FBFBFD;
    --Navy-Blue-200: #ECEEF6;
    --Navy-Blue-300: #CCD0E6;
    --Navy-Blue-400: #ADB4D6;
    --Navy-Blue-500: #8F99C8;
    --Navy-Blue-600: #6370B2;
    --Navy-Blue-700: #4959A5;
    --Navy-Blue-800: #38499C;
    --Navy-Blue-900: #283470;
    --Navy-Blue-1000: #192147;


    --Neutral-Indigo-100: #FBFBFC;
    --Neutral-Indigo-200: #ECEDF1;
    --Neutral-Indigo-300: #CED0DA;
    --Neutral-Indigo-400: #B2B5C5;
    --Neutral-Indigo-500: #969AAF;
    --Neutral-Indigo-600: #6D7391;
    --Neutral-Indigo-700: #565C7F;
    --Neutral-Indigo-800: #565C7F;
    --Neutral-Indigo-900: #323752;
    --Neutral-Indigo-1000: #202335;


    --Plum-100: #FCFBFD;
    --Plum-200: #F0EDF6;
    --Plum-300: #D5CCE5;
    --Plum-400: #BEAFD6;
    --Plum-500: #A592C7;
    --Plum-600: #8266B1;
    --Plum-700: #6D4DA3;
    --Plum-800: #5F3C9B;
    --Plum-900: #442B6E;
    --Plum-1000: #2B1B47;


    --Magenta-100: #FDFAFD;
    --Magenta-200: #F7EBF7;
    --Magenta-300: #E8C6E9;
    --Magenta-400: #DBA4DC;
    --Magenta-500: #CC80CE;
    --Magenta-600: #B545B7;
    --Magenta-700: #933895;
    --Magenta-800: #7D307F;
    --Magenta-900: #7D307F;
    --Magenta-1000: #7D307F;


    --Primary-Neutral-Gray:#393939;
    --Primary-Teal: #27676C;
    --Primary-Forest-Green: #306852;   
    --Primary-Orangey-Red: #C3502B;
    --Primary-Cantelope: #E7AB49;
    --Primary-Navy-Blue: #38499C;
    --Primary-Neutral-Indigo: #323752;  
    --Primary-Plum: #5F3C9B;
    --Primary-Magenta: #933895;

/* Typography Variables */
    font-size: 12px;
    font-weight: 400;
    font-family: "Montserrat", sans-serif;

.medium{
    font-weight: 500;
}
strong{
    font-weight: 700;
}
.caption{
    font-size: .83rem;
}
small{
    font-size: .69rem;
}
/* Display Fonts for really big lettering */
.d-1{
    font-size: 9rem;
    font-weight: 700;
}
.d-2{
    font-size: 7.5rem;
    font-weight: 700;
}
.d-3{
    font-size: 6.2rem;
    font-weight: 700;
}
.d-4{
    font-size: 5.2rem;
    font-weight: 700;
}
.d-5{
    font-size: 4.3rem;
    font-weight: 700;
}
.d-6{
    font-size: 3.6rem;
    font-weight: 700;
}
/* Header and Sub-Header Fonts */
h1, h2, h3, h4, h5, h6{
    font-weight: 700;
    font-family: "Barlow", sans-serif;
}
h1{
    font-size: 3rem;
}
h2{
    font-size: 2.5rem;
}
h3{
    font-size: 2.1rem;
}
h4{
    font-size: 1.7rem;
}
h5{
    font-size: 1.4rem;
}
h6{
    font-size: 1.2rem;
}
.sub-header{
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}
.button-font{
    font-size: 2.085rem;
    text-decoration: none;
}

/* ********************************************************** */
/* *************** GOOGLE'S BARLOW FONT CSS CLASSES ********** */
/* ********************************************************** */

.barlow-thin {
  font-family: "Barlow", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.barlow-extralight {
  font-family: "Barlow", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.barlow-light {
  font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.barlow-regular {
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.barlow-medium {
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.barlow-semibold {
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.barlow-bold {
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.barlow-extrabold {
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.barlow-black {
  font-family: "Barlow", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.barlow-thin-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.barlow-extralight-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.barlow-light-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.barlow-regular-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.barlow-medium-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.barlow-semibold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.barlow-bold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.barlow-extrabold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.barlow-black-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 900;
  font-style: italic;
}

.barlow-condensed-thin {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.barlow-condensed-extralight {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.barlow-condensed-light {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.barlow-condensed-regular {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.barlow-condensed-medium {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.barlow-condensed-semibold {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.barlow-condensed-bold {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.barlow-condensed-extrabold {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.barlow-condensed-black {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.barlow-condensed-thin-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.barlow-condensed-extralight-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.barlow-condensed-light-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.barlow-condensed-regular-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.barlow-condensed-medium-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.barlow-condensed-semibold-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.barlow-condensed-bold-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.barlow-condensed-extrabold-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.barlow-condensed-black-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 900;
  font-style: italic;
}


}
/* End Base Styles*/