.button:focus, .button:hover, button:focus, button:hover, input[type='button']:focus, input[type='button']:hover, input[type='reset']:focus, input[type='reset']:hover, input[type='submit']:focus, input[type='submit']:hover {
    background-color: #554687;
    border-color: #554687;
    color: #fff;
    outline: 0
}

div.container {
    margin: 0 auto;
    max-width: 112.0rem;
    padding: 0 2.0rem;
    position: relative;
    width: 100%;
}

blockquote{
    margin-top: 0;
    border-left:unset;
    padding-left: unset;
}
blockquote h1 {
    font-size: 1.1em;
    font-weight: bolder;
    color: #39296D;
    margin-bottom: 0;
    padding: 0;
    margin-top: 25px;

}

blockquote p {

    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

div.header {
    font-weight: bold;
    margin-bottom: 0;
}

div.borderRight {
    border-right: 0.3rem solid #d1d1d1;
}

div.multiCol {
    columns: 2 360px;
    word-break: break-word;
    white-space: normal;

}

div.multiCol ul {
    list-style-type:none;
    margin-top: 0;
    margin-bottom: 0;
}


/* div.multiCol ul li::before { content: "\2610"; margin-right: 0.5em; }*/

div.multiCol ul li {

    padding-bottom: 2px;
    font-size: 1.1em;
}

ol {
    margin-top: 0;
    margin-bottom: 0;
}

ol li {

    padding-bottom: 2px;
    font-size: 1.1em;
}

label {
    color: #39296D;
    font-size: 1.2em;
}

textarea {
    height: unset;
}

img.logo {
    padding-top: 5px;
    height: 60px;


}

img.previewPicture {
    max-width: 200px;
    max-height: 200px;
}

h4 {
    margin-bottom: 0;
}

:root {
    --color-message-success-bg: #e3fcec;
    --color-message-success-text: #1f9d55;
    --color-message-success-border: #51d88a;

    --color-message-warning-bg: #fffabc;
    --color-message-warning-text: #8d7b00;
    --color-message-warning-border: #d3b800;

    --color-message-error-bg: #fcebea;
    --color-message-error-text: #cc1f1a;
    --color-message-error-border: #ef5753;

    --color-message-info-bg: #eff8ff;
    --color-message-info-text: #2779bd;
    --color-message-info-border: #6cb2eb;
}

.message {
    padding: .5rem 1rem;
    background: var(--color-message-info-bg);
    color: var(--color-message-info-text);
    border-color: var(--color-message-info-border);
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    margin-bottom: 1rem;
    cursor: pointer;
}

.message.hidden {
    display: none;
}

.message.success {
    background: var(--color-message-success-bg);
    color: var(--color-message-success-text);
    border-color: var(--color-message-success-border);
}

.message.warning {
    background: var(--color-message-warning-bg);
    color: var(--color-message-warning-text);
    border-color: var(--color-message-warning-border);
}

.message.error {
    background: var(--color-message-error-bg);
    color: var(--color-message-error-text);
    border-color: var(--color-message-error-border);
}

ol.unpadded {
    padding-left: 15px;
}

ul.unpadded {
    padding-left: 20px;
}

span.validPass {
    color: green;
}

span.invalidPass {
    color: red;
}

div.rowNoBottomMargin {
    margin-bottom: unset;
}

input[type=color] {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
    outline: none;
    height: 3rem;
    width: 100%;
    font-size: 16px;
    margin: 0 0 8px 0;
    padding: 0;
    box-shadow: none;
    box-sizing: content-box;
    transition: box-shadow .3s, border .3s
}


ul.colorList {
    list-style-type: none;
    padding: 0;
}

li.recipeItem {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.color-box {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

div.multiCol ul.shoppingList li {
    font-size: 1em;
}

[type="checkbox"]:not(:checked).shuffleCheckBox, [type="checkbox"]:checked.shuffleCheckBox {
    position: unset;
    opacity: unset;
    pointer-events: unset;
}