:root {
    --theme-color1: #8836f9;
    --gray-color: #f1f3f4;
}

#main-header {
    background-image: url(vine_grape_bunches.jpg);
    position: relative;
}

#main-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.5;
}

#main-container::before { content: none; }

#title img {
    padding: 25px;
    background-color: white;
    border-radius: 999px;
}

.is_frontpage #title img { max-height: 400px; }

h1, h2, h3, h4, h5, h6 {
    color: #4e7b45;
    line-height: 1.2;
}

h1, h2, h3, #title, .slogan { letter-spacing: -1px; }

h1 { text-align: center; }

.box {
    background-color: var(--gray-color);
    padding: 20px;
}

.box h2 { text-align: center; }

.box-hero-image { border-radius: 10px; }

.copy figure.image {
    background-color: var(--gray-color);
    padding: 20px 20px 8px;
}

.box,
.copy img,
.copy .slideshow,
.copy iframe:not(.no-style),
.copy figure.image {
    border-radius: 20px;
    box-shadow: none;
}

.copy .slideshow:not(.no-style) img { border-radius: 20px !important;}

.box,
.copy img,
.copy .slideshow,
.copy iframe:not(.no-style) { border: none; }

.copy figure.image img { border-radius: 15px !important; }

.copy figure.image figcaption {
    color: var(--text-color);
    text-shadow: none;
}

.custom_button {
    background-color: var(--theme-color1);
    border-radius: 9999px;
    color: white;
    text-shadow: none;
    font-weight: normal;
    font-size: 1em;
    padding: 7.5px 15px;
    min-width: 4em;
    text-transform: none;
}

.custom_button:hover, .custom_button:active {
    background-color: white;
    color: var(--theme-color1);
}

#featured1 { background-image: url(vineyard_row.jpg); }

#featured1 a {
    color: white;
    text-decoration: underline;
}

#featured3 { background-image: url(cheers_with_wine.jpg); }