/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/* Home Hero Item CSS Styling */

section.hero-block {
    padding-top: 30px;
}

section.hero-block h1.home-block-text.home-hero-block-title {
    font-family: 'Microbrew Three';
    font-size: 5rem;
}

section.hero-block article.home-hero-block-contents {
    padding: 10px 0px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

section.hero-block article.home-hero-block-contents h1 {
    padding-left: 33px;
    padding-left: var(--margin);
    padding-right: 33px;
    padding-right: var(--margin);
}

section.hero-block article.home-hero-block-contents div.home-block-text > p {
    margin: auto;
    /* margin-bottom: 33px; */
    /* margin-bottom: var(--margin); */
    padding-left: 33px;
    padding-left: var(--margin);
    padding-right: 33px;
    padding-right: var(--margin);
    max-width: 80ch;
}

/* Override margin-top -115px assigned to .cta on #home */
#home section.hero-block article.home-hero-block-contents a.cta {
    margin-top: 0;
    margin-bottom: 33px;
    /* margin-bottom: var(--margin); */
}


/* This was the old gradient for the home page product background
    this has been turned off */
section.hero-block figure.home-hero-figure {
    /* background-image: linear-gradient(to bottom, #f6f0ed, #f6f0ed 60%, #DED9D6 40%, #F6F1ED);
    background-size: cover;
    background-repeat: no-repeat; */

    height: 100%;
}

section.hero-block figure.home-hero-figure img {
    margin: auto;
    display: block;
}