body {
    background-image: url(../images/svg/brouwproces-2.svg);
    background-size: auto 33%;
    background-repeat: repeat-x;
    background-position: 50% 100%;
    background-color: #c6d9d0;
    background-attachment: fixed;
}

#start-brewing-btn img {
    box-shadow: 0px 0px 8px black;
    border-radius: 9999px;
    background-color: #f9b509;
}

.step {
    background-size: auto 33%;
    background-repeat: no-repeat;
    background-position: 50% calc(100% - 150px);
    background-color: var(--light);
}

.step:nth-child(odd),
#overzicht {
    background-color: var(--light-alt);
}

.step:nth-child(even) .step-content p,
.blogpost {
    background-color: rgba(198,217,208, 0.8);
}

.blogpost a {
    text-decoration: underline;
    color: var(--primary);
    background-color: var(--dark);
}

.step .step-content p {
    background-color: rgba(230,214,169, .5);
}

main .step-content>h2 {
    background-color: #f9b509;
    border: 8px solid #40444d;
    color: #40444d;
    border-radius: 20px;
}

#overzicht .step-btn-next,
.step .step-btn-next,
.step .step-btn-back {
    background-color: var(--dark);
    color: var(--light); 
    text-decoration: none;
}


header,
#overzicht {
    border-top: 40px solid var(--dark);
}

/** MENU */

nav#mainNav {
    background-color: var(--dark);
    color: var(--primary);
    box-shadow: 0px 0px 8px black; 
}

.menu-item:hover {
    background-color: var(--secondary);
}

.menu-dropdown-btn+.menu-dropdown {
    background-color: var(--dark);
}

.menu-dropdown-btn+.menu-dropdown li>a:hover {
    background-color: var(--secondary);
}

nav#mainNav a.menu-btn {
    text-decoration: none;
    background-color: transparent;
}


/** ADMIN FORM */

form#editRecipe {
    border: 8px solid #40444d;
    border-radius: 20px;
    text-align: left;
    background-color: #c6d9d0;
}

form#editRecipe ._jsonform-array-buttons {
    border-left: 1px solid black;
}

form#editRecipe fieldset {
    border: none;
    border-left: 1px solid black;
}

form#editRecipe .array{
    border: none;
    background-color: #e6d6a9;
    border: 2px solid black;
    border-radius: 10px;
}

form#editRecipe .array .array{
    border: none;
    background-color: #e6d6a9;
    border-bottom: 2px solid black;
    border-radius: 0;
}

form#editRecipe input {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid black;
}

form#editRecipe input[type=submit] {
    background-color: #f9b509;
}