body {
  color: #292123; }

main {
  background: #C1C8CE; }

.wrap--white {
  background: #fff; }

.wrap--secondary {
  background: #6a6a6a; }

.wrap--background {
  background: #F0ECEC; }

.account-details .form {
  display: inline-block;
  width: 100%; }
  .account-details .form + .form {
    border-top: 1px solid #C1C8CE;
    padding-top: 24px;
    margin-top: 16px; }

.button--theme--primary,
.button--theme--secondary {
  text-shadow: 0 0 1px #6a6a6a; }

* {
  font-family: "Source Sans Pro", "Helvetica", "Arial", sans-serif; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
  font-weight: 700;
  color: #4b3e73; }

.badge {
  font-weight: 700; }
  .badge--white {
    background: white;
    color: #6a6a6a; }



.footer--site {
    background: #6a6a6a;
}
.homepage .row + .row {
    margin-top: 0;
}

.featured-product figcaption {
    margin-top: 34px;
    /* margin-top: 8px; */
    text-align: right;
    border-top: 1px solid #999;
}

.featured-product figcaption a {
        color: #fff !important;
    border-bottom: 0;
    color: white;
    background: #4b3e73;
    border-color: #4b3e73;
    display: inline-block;
    width: auto;
    margin: 16px auto;
    padding: 0.5em 1em;
    font-size: 1rem;
    line-height: 1;
    border-radius: 2px;
    border-width: 1px;
    border-style: solid;
}
.featured-product a {
    color: #C21D32;
    border-bottom: 0;
}
.featured-products__header h1 {
    width: calc(99.9% * 1/1 - (16px - 16px * 1/1));
    margin-bottom: 32px;
}
footer.footer--site {
    margin-top: -5px;
}
.header__info .search-form .button {
    margin-top: 18px;
}
.header__info .search-form input[type=text] {
    height: 1.9em;
}
a.button, button.button input[type=button].button, input[type=submit].button, .button {
    padding: 0.4em 1em;
}
.wrap--secondary:nth-child(1n) {
    float: left;
}

/* LARGER BANNER STYLES */
.wrap--white {
    background-color: #2e1a47; /* UPDATE HEADER COLOR HERE */
}
.logo-space {
    width: 45%;
}
.header__info {
    width: 50%;
}
.wrap--secondary {
    padding: 5px 15px;
    width: 100%;
}
.wrap--white {
    padding: 15px;
}
header.header--site {
    background-color: #2e1a45;
}