/*
	* CSS for Posts
	*
	* @package      joc
	* @author       Lindsay Humes
	* @since        1.0.0
	* @license      GPL-2.0+
*/
.jump-links {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
}

.jump-links-text {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.recipe-info {
    margin: 0 var(--wp--custom--layout--block-gap) 0 0;
    display: flex;
    align-items: center;
    line-height: 1;
}

.recipe-info svg {
    fill: var(--wp--preset--color--red);
    margin-right: 3px;
}

.jump-text {
    font-size: var(--wp--preset--font-size--small);
    line-height: var(--wp--custom--line-height--xsmall);
    text-decoration: underline;
}
.jump-text .wprm-recipe-rating .wprm-recipe-rating-details {
    font-size: 1em;
}
.jump-text .wprm-recipe-time .wprm-recipe-details-unit {
    font-size: 1em;
}

.recipe-jump, .video-jump {
    display: block;
    padding: var(--wp--custom--layout--block-gap-small);
    background: var(--wp--preset--color--yellow);
    color: var(--wp--preset--color--ink);
    border-radius: var(--wp--custom--border-radius--medium);
    box-shadow: var(--wp--custom--box-shadow--2);
    line-height: 1;
}

.recipe-jump .jump-text, .video-jump .jump-text {
    color: var(--wp--preset--color--ink);
    text-decoration: none;
    font-weight: 700;
    display: block;
}
.entry-header-details a, .entry-header-details a:visited{
    color: var(--wp--preset--color--ink); 
}
.entry-header-details a:hover, .entry-header-details a:visited:hover{
    color: var(--wp--preset--color--red); 
}
.entry-header-meta {
    display: flex;
    gap: 15px;
    column-gap: 15px;
    align-items: center;
    justify-content: flex-start;
    margin: var(--wp--custom--layout--block-gap) 0 0;
    font-size: var(--wp--preset--font-size--xsmall);
    line-height: var(--wp--custom--line-height--xsmall);
    font-weight: 700;
}

@media (max-width: 600px) {
    .entry-header-meta {
        justify-content: center;
    }
}

.entry-header-meta .post-date {
    position: relative;
    padding-left: 15px;
}

.entry-header-meta .post-date::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 2px;
    width: 2px;
    background-color: var(--wp--preset--color--ink);
    position: absolute;
    top: 50%;
    left: 0;
}

.joc-recipe-details {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    column-gap: 20px;
    margin: 0 0 var(--wp--custom--layout--block-gap);
    padding: var(--wp--custom--layout--block-gap) 0;
    border-bottom: var(--wp--custom--border-width--small) solid var(--wp--preset--color--grey);
}

.joc-recipe-details .recipe-rating a {
    display: flex;
}

.joc-recipe-details .recipe-rating-label {
    margin-right: 2px;
}

.post-disclosure {
    margin: var(--wp--custom--layout--block-gap) 0;
    font-size: var(--wp--preset--font-size--xsmall);
    letter-spacing: var(--wp--custom--letter-spacing--none);
    line-height: var(--wp--custom--line-height--small);
    text-align: left;
    opacity: .9;
    display: block;
}

@media (max-width: 600px) {
    .jump-links {
        justify-content: center;
    }
    .entry-header-meta {
        font-size: .7rem;
    }

    .entry-header .wrap {
        text-align: center;
    }

    .jump-links {
        flex-wrap: wrap;
    }

    .video-jump.recipe-info {
        margin: 0;
    }

    .jump-links-text {
        width: 100%;
        margin: var(--wp--custom--layout--block-gap) 0 0;
        justify-content: center;
        flex-wrap: wrap;
    }
    .recipe-info.rating-jump {
        width: 100%;
        justify-content: center;
        margin: 10px 0 0;
    }

    .entry-header-meta {
        flex-wrap: wrap;
        justify-content: center;
        gap: 5px;
        column-gap: 5px;
    }

    .entry-header-meta .post-author-byline {
        display: block;
        width: 100%;
        margin: 0 0 var(--wp--custom--layout--block-gap-small);
    }

    .entry-header-meta .post-date {
        padding-left: 10px;
    }

    .entry-header-meta .post-date.published-date {
        padding-left: 0;
    }

    .entry-header-meta .post-date.published-date::before {
        display: none;
    }

    .joc-recipe-details {
        display: grid;
        align-items: stretch;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
        column-gap: 10px;
        border: 0;
        margin: 0;
    }

    .joc-recipe-details .post-meta {
        display: block;
        text-align: center;
        border: var(--wp--custom--border-width--xsmall) solid var(--wp--preset--color--grey);
        background: var(--wp--preset--color--white);
        padding: 8px;
    }

    .joc-recipe-details .post-meta svg {
        display: block;
        width: 25px;
        height: 25px;
        margin: 0 auto 5px;
    }

    .joc-recipe-details .post-meta .wprm-recipe-details-label {
        display: block;
    }

    .post-disclosure {
        font-size: var(--wp--preset--font-size--xxsmall);
    }

    .joc-recipe-details .recipe-rating a {
        display: block;
    }

    .joc-recipe-details .recipe-rating-label {
        margin: 0;
    }
}

/*--------------------------------------------------------------
## Related Posts
--------------------------------------------------------------*/
.post-related-section {
    margin: 20px auto;
    border: 1px solid var(--wp--preset--color--grey);
    padding: 20px;
}

.post-related-section .related-title {
    margin: 0 0 10px;
}

.related-posts {
    display: grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap: var(--wp--custom--layout--block-gap-small);
}

@media (max-width: 600px) {
    .related-posts {
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}

/*--------------------------------------------------------------
## Author Footer Bio
--------------------------------------------------------------*/
.post-author {
    margin: var(--wp--custom--layout--block-gap) 0;
    border: var(--wp--custom--border-width--xsmall) solid var(--wp--preset--color--ink);
}

.author-img {
    width: 60%;
}

.post-author-info {
    width: 100%;
    padding: var(--wp--custom--layout--block-gap);
}

.author-title {
    line-height: var(--wp--custom--line-height--xsmall);
    margin: 0;
}

.author-bio {
    font-size: var(--wp--preset--font-size--small);
    line-height: var(--wp--custom--line-height--medium);
    margin: var(--wp--custom--layout--block-gap-small) 0;
}

@media (max-width: 600px) {
    .post-author .flexbox {
        display: block;
    }

    .author-img {
        width: 100%;
    }
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

#respond {
    border: var(--wp--custom--border-width--xsmall) solid var(--wp--preset--color--grey);
    background: var(--wp--preset--color--grey);
    padding: var(--wp--custom--layout--block-gap-large);
}

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 {
    border: var(--wp--custom--border-width--xsmall) solid var(--wp--preset--color--grey);
    background: var(--wp--preset--color--white);
    padding: var(--wp--custom--layout--block-gap-small);
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

p.comment-form-author label, p.comment-form-email label {
    width: 10%;
}

p.comment-form-comment {
    border: var(--wp--custom--border-width--xsmall) solid var(--wp--preset--color--grey);
    background: var(--wp--preset--color--white);
    padding: var(--wp--custom--layout--block-gap-small);
}

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

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;
}

.form-submit input[type="submit"] {
    background: var(--wp--preset--color--ink);
    border-radius: 45px;
    box-shadow: var(--wp--custom--box-shadow--2);
    color: var(--wp--preset--color--white) !important;
    width: fit-content;
    margin: var(--wp--custom--layout--block-gap-small) 0;
    padding: var(--wp--custom--layout--block-gap);
    text-decoration: none;
    font-size: var(--wp--preset--font-size--xsmall);
    letter-spacing: var(--wp--custom--letter-spacing--loose);
    line-height: var(--wp--custom--line-height--small);
    text-transform: uppercase;
    font-weight: 700;
}

#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;
}

ol.comment-list > li::before {
    display: none;
}

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

.comment-body {
    margin-bottom: var(--wp--custom--layout--block-gap-large);
    border: var(--wp--custom--border-width--xsmall) solid var(--wp--preset--color--grey);
    background: var(--wp--preset--color--white);
    padding: var(--wp--custom--layout--block-gap);
    position: relative;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.bypostauthor .comment-body {
    background: var(--wp--preset--color--grey);
}

.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--custom--letter-spacing--none);
    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--custom--letter-spacing--loose);
    line-height: var(--wp--custom--line-height--small);
    text-transform: uppercase;
    font-weight: 700;
}