/* tearsheets page */

.wt-notice {
    background: #F6F5F6;
    padding: 7px 10px;
    border-top: 3px solid #84A419;
    margin: 25px 0 0;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
}

.wt-notice.wt-notice-error {
    border-top-color: #AF191F;
}

.tearsheet-actions {
    display: flex;
    flex-wrap: wrap;
    margin: 20px -20px 0;
}

.tearsheet-action {
    margin: 20px
}

.tearsheet-actions div h2 {
    font-weight: 700;
    font-size: 19px;
}

.tearsheet-actions button {
    width: 10em;
    padding: 0;
    background: #a39d97;
    border: 0;
    font-family: inherit;
}

.tearsheet-actions input[type="email"] {
    width: 100%;
    background-color: #f2f2f2;
    border: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .125);
}

.tearsheet-actions button a, .tearsheet-actions input[type="submit"] {
    color: #fff;
    display: block;
    padding: 0.6180469716em 1.41575em;
    background: #a39d97;
    border: 0;
    width: 100%;
    font-size: 16px;
    font-family: inherit;
}

.tearsheet-actions button a:hover, .tearsheet-actions input[type="submit"]:hover {
    color: #fff;
    background: #96588a;
}

/* single product page */

.tearsheet-button {
    background: none;
    margin: 0 0 10px;
    padding: 0;
    border: 0;
}

.tearsheet-button a {
    padding: 2px 10px;
    font-size: small;
    display: block;
    border: 1px solid #96588a;
}

button.tearsheet-button a:hover,
button.tearsheet-button a:focus {
    color: #fff;
    background: #96588a;
    outline: 0;
}

.tearsheet-embed {
    width: auto;
    height: 96vh;
    margin: 0 0 2em;
}

/* pods */

.content-area-tearsheet {
    color: #3F342B;
    padding-top: 4em;
}

.content-area-tearsheet * {
    color: inherit;
}

.content-area-tearsheet .site-content .entry-header {
    margin-left: 0;
}