/**
 * Created from sitepackagebuilder.com
 */
 :root {
    --primary-color: #820808;
    --text-color: #1B1B1B;
    --default-spacing: 5rem;
    --ff-main: "Work Sans", sans-serif;
    --h1: 700 40px/48px var(--ff-main);
    --h2: 700 40px/52px var(--ff-main);
    --h3: 700 32px/36px var(--ff-main);
    --h4: 700 24px/32px var(--ff-main);
    --paragraph: 400 18px/30px var(--ff-main);
    --button: 400 18px/30px var(--ff-main);
    --menu: 16px/21px var(--ff-main);
}

h1, 
.h1{
  font: var(--h1);
  text-transform: uppercase;
}

h2, 
.h2{
  font: var(--h2);
}

h3, 
.h3{
  font: var(--h3);
}

h4, 
.h4{
  font: var(--h4);
}

p{
  font: var(--paragraph);
}

body{
    font: var(--paragraph);
}

.white-text{
    color: white !important;
}

.button {
    background-color: var(--primary-color);
    color: white;
    padding: .8rem 1.2rem;
    border: 2px solid var(--primary-color);
    display: inline-block;

    i {
        margin-left: .8rem;
    }
    &:hover {
        background-color: transparent;
        color: var(--primary-color);
        border: 2px solid var(--primary-color);
    }
}

.button-outline {
    border: 2px solid white;
    padding: .8rem 1.2rem;
    color: white;
}

a{
    text-decoration: none;
    color: var(--text-color);
}

.btn-group{
    margin-top: 2rem;
    width: 100%;
    .button-form{
        width: 100%;
        background-color: var(--primary-color);
        color: white;
        padding: .8rem 1.2rem;
        border: 2px solid var(--primary-color);
    
        i {
            margin-left: .8rem;
        }
        &:hover {
            background-color: transparent;
            color: var(--primary-color);
            border: 2px solid var(--primary-color);
        }
}
}