﻿p::selection {
    background: #23a6d5;
    color: #fff;
}

input:invalid {
    color:darkred;
}

.card.recipe-result p a {
    color: #2563eb;
    /* text-decoration: none; */
}

.recipe-result {
}

    .recipe-result h1, .recipe-result h2, .recipe-result h3 {
        /*padding:  2em 0em;*/
    }

    .recipe-result h1 {
        font-size: 1.5rem;
        padding: 1.5em 0 1em 0
    }

    .recipe-result h2 {
        font-size: 1.2rem;
        padding: 1.2em 0 .8em 0
    }

    .recipe-result h3 {
        font-size: .9rem;
        padding: .9em 0 .6em 0
    }

    .recipe-result h4 {
        font-size: .8rem;
        padding: .8em 0 .5em 0
    }

    .recipe-result p {
        /*padding: 1em 0;*/
    }
    .recipe-result li p {
        margin-bottom: 0.5em;
    }
    .recipe-result li p:last-child {
        margin-bottom: 1em;
    }
    .recipe-result ol {
        padding-left: 1em;
    }
    .recipe-result ol, .recipe-result ul, .recipe-result dl {
        margin-top: 0;
        margin-bottom: 0.5rem;
    }

    .recipe-result .working {
        /*background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);*/
        /*background-size: 400% 400%;*/
        /*animation: gradient 10s ease infinite;*/
        /*height: 100vh;*/
    }

    .recipe-result .normal {
        font-size: 1em;
    }

    .recipe-result .large {
        font-size: 1.8em;
    }

    .recipe-result .quote {
        /*font-size: 1.8em;*/
    }

    .recipe-result blockquote {
        margin: 0 0 2em 0;
        padding: 1em;
        background-color: #f6f6fb;
        font-size: .9em;
    }

    .recipe-result table {
        margin-bottom: 1em;
        width:100%;
    }

    .recipe-result .table {
        vertical-align: middle;
    }

.editor-preview {
    padding: 1em;
    background: #fefefe;
}


    .recipe-result th {
        display: table-cell;
        vertical-align: inherit;
        font-weight: bold;
        text-align: -internal-center;
        padding: 1em .6em;
    }

    .recipe-result td, .recipe-result th {
        border-right: 1px solid #dcdcdc;
    }

    .recipe-result td {
        border-top: 1px solid #dcdcdc;
        padding: .4em .6em;
    }


        .recipe-result td:last-child, .recipe-result th:last-child {
            border-right: 0;
        }

        .recipe-result td:first-child, .recipe-result th:first-child {
            border-left: 0;
        }

/* Context Menu */

.blazor-context-menu__item--default {
    min-width: 8em !important;
    padding: 0.3335em !important;
}
.blazor-context-menu__item--with-submenu:after {
    right: -.335em !important;
    border: .435em solid transparent !important;
    padding-right: .235em !important;
    padding-left: .0135em !important;
}

::placeholder {
    color:lightgray;
}


@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

