/*
 *  Post Credits
*/


.post-credits-box{
    padding: 32px;
}
.post-credits{
    position: relative;
}
.post-credits,
.post-credits a{
    font-size: 14px;
    color: rgba(0,0,0,0.7);
    line-height: 1.3;
}
.post-credits.close *:not(.switch){
    pointer-events: none;
}
.post-credits.close,
.post-credits.close a{
    color: rgba(0,0,0,0.30);
}
.post-credits a{
    text-decoration: none;
}
.post-credits .credits-header{
    font-size: 130%;
    font-weight: 600;
    margin-bottom: 12px;
}

.post-credits .group,
.post-credits .item{
    margin-bottom: 10px;
}
.post-credits .group .preview{
    max-width: 50px;
    max-height: 50px;
}
.post-credits:not(.close) .group .credit-name{
    font-size: 115%;
}
.post-credits:not(.close) .group .credit-name a{
    font-size: inherit
}
.post-credits:not(.close) .group .credit-name{
    font-weight: 500;
    margin-bottom: 4px;
    position: relative;
    display: block;
}
.post-credits .group .trigger[class*="popup-"]:hover,
.post-credits .group a:hover{
    cursor: pointer;
    color: rgba(0,0,0,1);
}
.post-credits .group .counter,
.post-credits .group .type{
    display: inline-block;
    position: relative;
    padding: 2px 4px;
    margin-right: 8px;
    top:-1px;
    line-height: 10px;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.2);
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 70%;
    font-weight: 600;
}
.post-credits .group .type{
    background-color: #ccc;
    color: #fff;
}
.theme-kadence .post-credits .group .type{
    background-color: var(--global-palette1);
}
.post-credits .group .counter{
    margin-left: 12px;
    margin-right: 4px;
}
.post-credits .group .counter:after{
    content: 'x'
}
.post-credits.grouped-by-type .group .counter,
.post-credits:not(.close) .group .counter{
    display: none;
}

.post-credits.grouped-by-name.close .items{
    display: none;
}
.post-credits:not(.close) .object{
    margin-bottom: 2px;
}
.post-credits .description{
    font-style: italic;
    border-left: 1px solid rgba(0,0,0,0.3);
    padding: 4px;
    padding-left: 12px;
    margin-top: 2px;
    margin-left: 2px;
}
.post-credits .links .spacer{
    padding: 0 4px;
    position: relative;
    display: inline-block;
}
.post-credits .switch:after{
}
.post-credits .switch{
    position: absolute;
    display: block;
    padding: 2px 4px;
    top: 2px;
    left: -32px;
    width: 16px;
    height: 16px;
    line-height:8px;
    border-radius: 4px;
    font-weight: 600;
    cursor: pointer;
}
.post-credits.close .switch{
    width: 100%;
}
.post-credits .switch:after{
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    left: 36%;
    width: 7px;
    height: 7px;
    border-top: 2px solid rgba(1,1,1,1);
    border-right: 2px solid rgba(1,1,1,1);
    transform: translate(-50%,-50%) rotate(45deg);
}
.post-credits.close .switch:after{
    border-top: 1px solid rgba(1,1,1,0.4);
    border-right: 1px solid rgba(1,1,1,0.4);
    left: 6px;
}
.post-credits.close:hover,
.post-credits.close:hover a{
    color: #000;
}

/* close credits */
.post-credits:not(.close) .switch{
    transform: rotate(90deg);
}
.post-credits.close.grouped-by-type .credits-header,
.post-credits.close .name,
.post-credits.close .description{
    display: none;
}
.post-credits.close .group,
.post-credits.close .item,
.post-credits.close .object,
.post-credits.close .links{
    display: inline;
}
.post-credits.close .links .spacer{
    padding: 0 2px;
}
.post-credits.close .group .type{
    margin-right: 4px;
}
.post-credits.close .group:not(:first-child) .type{
    margin-left: 8px;
}

.no-hover-shadow:hover{
    box-shadow: none !important;
}

.post-credits.close.grouped-by-name .credits-header{
    font-weight: 400;
    padding-right: 8px;
    display: inline-block;
    font-size: 100%;
}
.post-credits.close.grouped-by-name .credits-header:after{
    content: ':';
}
.post-credits.close.grouped-by-name .groups{
    display: inline-block;
}

.post-credits a.info {
    margin-left: 8px;
    padding-left: 4px;
    border-left: 1px solid var(--global-palette1);
    color: var(--global-palette1);
}

.nen-ajax-loader{
    min-height: 48px;
    position: relative;
}
.nen-ajax-loader:before{
    content:'';
    border: 6px solid rgba(0,0,0,0.1);
    border-top: 6px solid #000; 
    border-radius: 50%;
    width: 48px;
    height: 48px;
    position: absolute;
    animation: ajax-loader-spin 1.2s linear infinite;
    left: calc( 50% - 24px) ;
    top: calc( 50% - 24px) ;
}

.theme-kadence .nen-ajax-loader:before{
    border-top-color: var(--global-palette1); 
}

@keyframes ajax-loader-spin 
{
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


/* 
    COMMENTS (setup for genesis 18-09-2024)
*/

.comment-respond, 
.entry-comments, 
.entry-pings {
    background-color: transparent;
    padding: 0;
}
.nen-comments-box{
    background-color: #f8f8f8;
    padding-top: 48px;
    padding-bottom: 48px;
    margin-top: 64px;
    font-size: 95%;
}
.nen-comments{
    margin: 0 auto;
    left: 50%;
    position: relative;
    display: inline-block;
    transform: translateX(-50%);
}


.nen-comments #comments h3 {
    font-weight: 500;
    color: #3b4;
    margin-bottom: 32px;
    margin-top: 24px;
}
.nen-comments #comments h3.comment-reply-title {
    font-size: 24px;
}
.nen-comments li{
    padding: 0 48px;
    padding-top: 32px;
    margin-bottom: 32px;
}
.nen-comments li.comment {
    background-color: transparent;
    border: none;
}
.nen-comments ol.comment-list > li.comment ,
.nen-comments ul.comment-list > li.comment {
    border-top: 1px solid rgba(0,0,0,0.1);
}
.nen-comments .comment-list ol > li,
.nen-comments .comment-list ul > li{
    padding: 0;
    padding-left: 48px;
}
.nen-comments.max-depth-2 .comment-list > li{
    padding-right: 32px;
}
.nen-comments.max-depth-3 .comment-list > li{
    padding-right: 64px;
}
.nen-comments.max-depth-4 .comment-list > li{
    padding-right: 96px;
}
@media screen and (max-width: 600px) {
    .nen-comments.max-depth-2 .comment-list > li{
        padding-right: 16px;
    }
    .nen-comments.max-depth-3 .comment-list > li{
        padding-right: 32px;
    }
    .nen-comments.max-depth-4 .comment-list > li{
        padding-right: 48px;
    }
}

.nen-comments li.comment article{
    background-color: white;
    border: 1px solid rgba(0,0,0,0.07);
    z-index: 0;
    border-radius: 12px;
    position: relative;
    margin: 0;
    padding: 24px;
    padding-top: 16px;
    max-width: 720px;
}
.nen-comments ol:not(.comment-list) > li.comment:first-child > article:before,
.nen-comments ul:not(.comment-list) > li.comment:first-child > article:before{
    content: '' ;
    width: 24px;
    height: 32px;
    position: absolute;
    left: -32px;
    top: -16px;
    border-bottom-left-radius: 6px;
    border-left: 1px solid rgba(51,187,68,0.6);
    border-bottom: 1px solid rgba(51,187,68,0.6);
}
.nen-comments ol > li.comment.has-children > .children,
.nen-comments ul > li.comment.has-children > .children{
    position: relative;
}
.nen-comments ol:not(.comment-list) > li.comment.has-children:not(:last-child) > .children:before,
.nen-comments ul:not(.comment-list) > li.comment.has-children:not(:last-child) > .children:before{
    content: '' ;
    width: 0px;
    height: 100%;
    position: absolute;
    left: 18px;
    top: 24px;
    border-left: 1px solid rgba(51,187,68,0.6);
}
.nen-comments .comment-respond + ol > li.comment:first-child article:before,
.nen-comments .comment-respond + ul > li.comment:first-child article:before{
    content: none ;
}
.nen-comments ol > li.has-children + li:not(:first-child) article:before,
.nen-comments ul > li.has-children + li:not(:first-child) article:before{
    content: none;
}
.nen-comments ol:not(.comment-list) > li.comment:not(:first-child) article:before,
.nen-comments ul:not(.comment-list) > li.comment:not(:first-child) article:before{
    content: '' ;
    width: 0px;
    height: 32px;
    position: absolute;
    left: 17px;
    top: -32px;
    border-left: 1px solid rgba(51,187,68,0.6);
}
.nen-comments li.comment-author-is-customer > article > .comment-header p{
    display: inline-block;
}
.nen-comments li.comment-author-is-owner > article{
    border: 1px solid rgba(51,187,68,0.3);
}
.nen-comments .comment-reply{
    font-size: 80%;
}
.nen-comments .comment-reply-title a#cancel-comment-reply-link,
.nen-comments .comment-reply a{
    text-decoration: none;
    text-transform: lowercase;
    padding: 1px 8px 2px 8px;
    border: 1px solid #3b4;
    color: #3b4;
    border-radius: 4px;
}
.nen-comments .comment-reply-title a#cancel-comment-reply-link{
    font-size: 80%;
}
.nen-comments .comment-reply-title small{
    float: right;
}
.nen-comments .comment-reply-title a#cancel-comment-reply-link:hover,
.nen-comments .comment-reply a:hover{
    color: #000;
    border-color: #000;
}
.nen-comments ol.comment-list > li.comment-author-is-customer > article,
.nen-comments ul.comment-list > li.comment-author-is-customer > article{
    box-shadow: 3px 3px 6px -2px rgba(0, 0, 0, 0.2);
}

.nen-comments ol.comment-list li.comment-author-is-owner > article .comment-content:before,
.nen-comments ul.comment-list li.comment-author-is-owner > article .comment-content:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: #3b4;
    opacity: 0.15;
    border-radius: 12px;
}
.nen-comments .comment-header{
    margin-bottom: 12px;
    color: #3b4;
}
.nen-comments .comment-header p{
    margin: 0;
}
.nen-comments .comment-header .comment-date:before{
    content: '';
}
.nen-comments .comment-header .comment-author-name{
    font-weight: 600;
    margin-right: 8px;
}
.nen-comments ol.comment-list li.comment-author-is-owner > article .comment-author .comment-author-name,
.nen-comments ul.comment-list li.comment-author-is-owner > article .comment-author .comment-author-name{
    margin-right: 0px;
}
.nen-comments ol.comment-list li.comment-author-is-owner > article .comment-author,
.nen-comments ul.comment-list li.comment-author-is-owner > article .comment-author{
    text-align: right;
    margin-top: -6px;
    margin-bottom: 6px;
    font-weight: 600;
    margin-right: -4px;
    float: right;
}
.nen-comments ol.commentlist ul.children li:not(:first-child):before,
.nen-comments ul.commentlist ul.children li:not(:first-child):before {
    content: '';
    position: absolute;
    width: 4px;
    height: 24px;
    top: -24px;
    left: 50%;
    background-color: rgba(0,0,0,0.2);
}
.nen-comments input{
    padding: 6px 8px;
} 
.nen-comments input[type="email"], 
.nen-comments input[type="text"], 
.nen-comments input[type="url"] {
    width: 100%;
}
.nen-comments input:focus,
.nen-comments textarea:focus{
    border-color: #999;
    background-color: white;
}
.nen-comments form .comment-hp-box{
    height: 0;
    overflow: hidden;
}
.nen-comments article + .comment-respond {
    background-color: white;
    z-index: 0;
    border-radius: 12px;
    position: relative;
    margin: 0;
    margin-left: 64px;
    margin-top: 32px;
    margin-bottom: 48px;
    padding: 24px;
    padding-top: 16px;
    max-width: 720px;
    border: 1px solid #3b4;
}
.nen-comments article + .comment-respond:before{
    content: '';
    position: absolute;
    top: -32px;
    left: 48px;
    border: 12px solid transparent;
    border-bottom-color: #3b4;
}
.nen-comments .comment-respond p {
    margin-bottom: 12px;
}
.nen-comments .comment-respond .form-submit {
    text-align: right;
}
.nen-comments .comment-respond label {
    font-size: 70%;
    text-transform: uppercase;
    margin-bottom: 4px;
}
.nen-comments .comment-respond .comment-form-cookies-consent{
    position: relative;
    font-size: 85%;
    line-height: 1.3;
}
.nen-comments .comment-respond p{
    position: relative;
}
.nen-comments .comment-respond input[type='checkbox']#comment_mail_notify ,
.nen-comments .comment-respond .comment-form-cookies-consent input[type='checkbox'] {
    position: absolute;
    left: 0;
    top: 4px;
}
.nen-comments .comment-respond input[type='checkbox']#comment_mail_notify {
    top: 8px;
}
.nen-comments .comment-respond p label[for="comment_mail_notify"],
.nen-comments .comment-respond .comment-form-cookies-consent label {
    margin-right: 12px;
    margin-left: 48px;
    display: inline-block;
}
.nen-comments .alert {
    font-size: 85%;
    font-style: italic;
    color: #999;
    margin-bottom: 8px;
}
.nen-comments pre{
    margin: 0;
}
.nen-comments code{
    background-color: rgba(256,256,256,0.75);
    border: 1px solid rgba(0,0,0,0.1);
    color: #000;
    font-size: 75%;
    line-height: 20px;
    white-space: pre;
    padding: 12px 24px 12px 16px;
    display: inline-block;
    max-height: 120px;
    overflow: scroll;
    color: #555;
    border-radius: 3px;
}
.nen-comments code br:first-child{
    display: none;
}