/*
	* CSS for Posts
	*
	* @package      ourbestbites
	* @author       Lindsay Humes
	* @since        1.0.0
	* @license      GPL-2.0+
*/
.entry-header {
    position:relative;
}
.entry-header:after {
    content: '';
    display: block;
    width: 100%;
    height: 18px;
    background: url(https://ourbestbites.com/wp-content/themes/ourbestbites/assets/images/accent-lines.svg) repeat center;
    margin-top: var(--wp--custom--layout--block-gap);
}
.entry-title {
    margin: var(--wp--custom--layout--block-gap) 0 var(--wp--custom--layout--block-gap-small);
}
.entry-header-meta {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: var(--wp--custom--layout--block-gap-small);
    row-gap: var(--wp--custom--layout--block-gap-small);
    align-items: center;
    margin: 0 0 var(--wp--custom--layout--block-gap-small);
}


.entry-header-meta .post-author .label {
    margin-right: 3px;
}
.entry-header-meta svg {
    width: 15px;
    height: 15px;
}
.entry-header-meta .recipe-jump svg {
    fill: var(--wp--preset--color--green);
}
.entry-header-meta .post-comments svg {
    fill: var(--wp--preset--color--yellow);
}
.entry-header-meta .post-date svg {
    fill: var(--wp--preset--color--orange);
}
.entry-header-meta .post-author svg {
    fill: var(--wp--preset--color--pink);
}
.post-disclosure {
    margin:  var(--wp--custom--layout--block-gap) 0;
    font-size: var(--wp--preset--font-size--xsmall);
    letter-spacing: var(--wp--preset--letter-spacing--normal);
    line-height: var(--wp--custom--line-height--small);
    text-align: left;
    opacity: .9;
    display: block;
}
#dpsp-post-sticky-bar-markup, #dpsp-post-content-markup {
    margin:0!important;
}

@media (max-width: 600px) {
    .entry-header-meta {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .entry-header-meta .post-meta, .entry-header-meta .recipe-jump {
        justify-content: center;
        background: var(--wp--preset--color--green-lightest);
        padding: 8px;
    }
    .entry-header-meta .post-meta.post-comments {
        background: var(--wp--preset--color--yellow-lightest);
    }
    .entry-header-meta .post-meta.post-date {
        background: var(--wp--preset--color--orange-lightest);
    }
    .entry-header-meta .post-meta.post-author {
        background: var(--wp--preset--color--pink-lightest);
    }
    .post-disclosure {
        font-size: .6rem;
        text-align: center;
    }
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

#respond {
    -webkit-box-shadow: var(--wp--custom--box-shadow--1);
    -moz-box-shadow: var(--wp--custom--box-shadow--1);
    box-shadow: var(--wp--custom--box-shadow--1);
    background: var(--wp--preset--color--white);
    border-radius: var(--wp--custom--border-radius--small);
    padding: var(--wp--custom--layout--block-gap);
}

h3#reply-title, h2.comments-title {
    text-align: left;
    margin-bottom: var(--wp--custom--layout--block-gap-small);
}

h2.comments-title {
    margin-top: var(--wp--custom--layout--block-gap-large);
}

.comment-form p {
    margin: 0 0 var(--wp--custom--layout--block-gap-small);
}

p.comment-form-author, p.comment-form-email {
    background: var(--wp--preset--color--blue-lightest);
    padding: var(--wp--custom--layout--block-gap-small);
    border-radius: var(--wp--custom--border-radius--small);
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

p.comment-form-comment {
    background: var(--wp--preset--color--blue-lightest);
    padding:var(--wp--custom--layout--block-gap-small);
    border-radius: var(--wp--custom--border-radius--small);
}

p.comment-form-author input#author, p.comment-form-email input#email {
    border: 0;
    background: transparent;
    width: 75%;
    padding: 0;
}

p.comment-form-comment textarea#comment {
    border: 0;
    padding: 0;
    background: transparent;
}

p.comment-form-cookies-consent {
    margin: 0 0 var(--wp--custom--layout--block-gap-small);
    font-size: var(--wp--preset--font-size--xsmall);
}

p.form-submit {
    margin: 0;
}
p.akismet_comment_form_privacy_notice {
    text-align: center;
    margin: 20px auto 0;
    font-size: .7rem;
}
@media (max-width: 600px) {
    p.akismet_comment_form_privacy_notice {
    font-size: .5rem;
}
}
#cancel-comment-reply-link {
    display: block;
    margin-top: var(--wp--custom--layout--block-gap-small);
}

.comment-form-cookies-consent label {
    font-size: var(--wp--preset--font-size--xsmall);
    line-height: var(--wp--custom--line-height--small);
    text-transform: none;
    letter-spacing: 0;
    font-weight: 400;
}

.comment-form-cookies-consent input {
    vertical-align: middle;
}

/* Comment List Format */
ol.comment-list {
    padding: 0;
}

.comment {
    list-style-type: none;
    position: relative;
    padding: 0;
}
.comment::before {
    display:none;
}

.comment-body {
    margin-bottom: var(--wp--custom--layout--block-gap-large);
    background: var(--wp--preset--color--blue-lightest);
    padding: var(--wp--custom--layout--block-gap);
    border-radius: var(--wp--custom--border-radius--medium);
    position: relative;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.bypostauthor .comment-body {
    border: var(--wp--custom--border-width--medium) solid var(--wp--preset--color--blue-light);
}

.comment-body p {
    margin: 0 0 var(--wp--custom--layout--block-gap-small);
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.comment-metadata {
    font-size: var(--wp--preset--font-size--xsmall);
    letter-spacing: var(--wp--preset--letter-spacing--normal);
    line-height: var(--wp--custom--line-height--small);
    font-weight: 400;
    color: var(--wp--preset--color--ink);
    margin: var(--wp--custom--layout--block-gap-small) 0;

}

.comment-metadata a {
    color: var(--wp--preset--color--ink);

}

.comment-content {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.comments-pagination {
    text-align: center;
    margin: var(--wp--custom--layout--block-gap) auto;
}

.comment-content .wprm-comment-rating {
    position: absolute;
    right: 20px;
    top: 20px;
}

.comment-body .reply {
    font-size: var(--wp--preset--font-size--xsmall);
    letter-spacing: var(--wp--preset--letter-spacing--loose);
    line-height: var(--wp--custom--line-height--small);
    text-transform: uppercase;
    font-weight: 700;
}