.wpurp-clear {
    float: none;
    clear: both;
}

.wpurp-meta, .wpurp-searchable-recipe {
    display: none;
}

.wpurp-errors {
  border: 1px solid darkred;
  padding: 10px;
  margin-bottom: 20px;

  ul {
    margin: 0;
  }
}

.wpurp-required {
  color: darkred;
  margin-left: 2px;
  vertical-align: top;
  font-size: smaller;
}

html body.rtl .wpurp-container {
    text-align: right;
}

html body .wpurp-container {
    position: relative;
    clear: both;
    text-align: left;
    font-size: 14px;

    &.wpupg-item {
        float: left;
        clear: none;
    }

    span:not(.wpupg-show-on-hover) {
        display: inline-block;
    }

    &.wpupg-hovering {
        span.wpupg-show-on-hover {
            display: inline-block;
        }
    }

    * {
        border: 0;

        -webkit-margin: 0;
        -moz-margin: 0;
        margin: 0;

        -webkit-padding: 0;
        -moz-padding: 0;
        padding: 0;

        background: none;

        -webkit-border-radius: 0px;
        -moz-border-radius:    0px;
        border-radius:         0px;

        -webkit-box-shadow: none;
        -moz-box-shadow:    none;
        box-shadow:         none;

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;

        max-width: none;

        color: inherit;
        font-size: inherit;
        line-height: 1.4;
        font-weight: normal;
    }

    .wpurp-timer {
        font-weight: bold;
        text-decoration: underline;
    }

    b, strong {
        font-weight: bold;
    }

    hr {
        background-color: #ccc !important;
    }

    li:before {
        content: none;
    }

    // Reset CSS as best as possible (based on normalize.css)
    .wpurp-recipe-notes, .wpurp-paragraph {
        h1 {
            font-size: 2em;
            margin: 0.67em 0;
        }

        h2 {
            font-size: 1.5em;
            margin: 0.83em 0;
        }

        h3 {
            font-size: 1.17em;
            margin: 1em 0;
        }

        h4 {
            font-size: 1em;
            margin: 1.33em 0;
        }

        h5 {
            font-size: 0.83em;
            margin: 1.67em 0;
        }

        h6 {
            font-size: 0.75em;
            margin: 2.33em 0;
        }

        p, pre {
            margin: 1em 0;
        }

        code, kbd, pre, samp {
            font-family: monospace, serif;
            _font-family: 'courier new', monospace;
            font-size: 1em;
        }

        blockquote {
            margin: 1em 40px;
        }

        b, strong {
            font-weight: bold;
        }

        dl, menu, ol, ul {
            margin: 1em 0;
        }

        dd {
            margin: 0 0 0 40px;
        }

        menu, ol, ul {
            padding: 0 0 0 40px;
        }

        .aligncenter {
            margin: 0 auto;
        }
    }

    table {
        table-layout: auto;
        border-collapse: collapse;
        width: 100%;
    }

    a {
        text-decoration: none;

        &:hover {
            text-decoration: underline;
        }
    }

    .wpurp-responsive-mobile, .wpupg-show-on-hover {
        display: none;
    }

    .wpurp-recipe-print-button i.fa:before,
    .wpurp-recipe-add-to-meal-plan i.fa:before,
    .wpurp-recipe-add-to-shopping-list i.fa:before,
    .wpurp-recipe-favorite i.fa:before,
    .wpurp-recipe-stars i.fa:before {
        font-family: 'FontAwesome';
    }

    .wpurp-recipe-sharing .button.pinterest {
        margin-top: 32px;
    }

    .sharrre {
        iframe {
            margin: 0 !important;
            max-width: none !important;
        }

        .button.pinterest {
            &>span {
                cursor: pointer;
                display: inline-block;
                box-sizing: border-box;
                box-shadow: inset 0 0 1px #888;
                border-radius: 3px;
                height: 20px;
                width: 40px;
                -webkit-font-smoothing: antialiased;
                background: #efefef url(data:image/svg+xml;base64, ) 50% 50% no-repeat;
                background-size: 75%;
                position: relative;
                font: 12px "Helvetica Neue", Helvetica, arial, sans-serif;
                color: #555;
                text-align: center;
                vertical-align: baseline;

                &>span {
                    position: absolute;
                    top: -28px;
                    left: 0;
                    height: 28px;
                    width: inherit;
                    line-height: 24px;
                    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNzZweCIgd2lkdGg9IjExNHB4IiB2aWV3Qm94PSIwIDAgMTE0IDc2Ij48Zz48cGF0aCBkPSJNOSAxQzQuNiAxIDEgNC42IDEgOXY0M2MwIDQuMyAzLjYgOCA4IDhoMjZsMTggMTVoNy41bDE2LTE1SDEwNWM0LjQgMCA4LTMuNyA4LThWOWMwLTQuNC0zLjYtOC04LThIOXoiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2I1YjViNSIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+PC9nPjwvc3ZnPg==) 0 0 no-repeat;
                    background-size: 40px 28px;
                }
            }

            a {
                background-image: url(../img/pinit_bg_en_rect_gray_28_2.png) !important;
                background-size: 100% auto !important;
            }
        }
    }

    .wpurp-mediavine-desktop {
         float:right;
         margin:0 0 10px 10px;
     }

    .wpurp-mediavine-mobile {
        margin: 10px 0;
        text-align: center;
    }
}

.wpurp-print {
    .wpurp-jump-to-recipe-shortcode,
    .wpurp-print-recipe-shortcode,
    .wpurp-recipe-snippets {
        display: none;
    }
}

@media (max-width: 600px) {
    html body .wpurp-container .wpurp-mediavine-desktop {
        float: none;
        margin: 10px 0;
        text-align: center;
    }
}