.snp-card {
display: flex;
gap: 18px;
padding: 14px 18px 16px !important;
}
.snp-side {
flex: 0 0 80px;
text-align: center;
padding-top: 4px;
}
.snp-avatar-wrap {
margin-bottom: 6px;
}
.snp-avatar {
width: 56px;
height: 56px;
border-radius: 50%;
object-fit: cover;
background: #fff;
border: 2px solid #fff;
box-shadow: 0 1px 4px rgba(0,0,0,0.12);
display: inline-block;
}
.snp-side-name {
font-size: 13px;
font-weight: 600;
color: #ff6f00;
line-height: 1.25;
word-wrap: break-word;
}
.snp-main {
flex: 1 1 auto;
min-width: 0;
}
.snp-main .snp-thumb {
margin: 0 0 12px;
border-radius: 8px;
max-height: 220px;
overflow: hidden;
}
.snp-main .snp-thumb img {
border-radius: 8px;
width: 100%;
height: 100%;
max-height: 220px;
object-fit: cover;
display: block;
}
.snp-main .snp-title { margin-top: 8px; }
.snp-card > .snp-admin-bar { width: 100%; }
@media (max-width: 600px) {
.snp-card {
flex-direction: column;
gap: 10px;
padding: 12px 14px !important;
}
.snp-side {
flex: 0 0 auto;
display: flex;
align-items: center;
gap: 10px;
text-align: left;
padding-top: 0;
}
.snp-avatar {
width: 44px !important;
height: 44px !important;
border-width: 2px;
}
.snp-avatar-wrap { margin-bottom: 0; }
.snp-side-name { font-size: 13px; }
.snp-main .snp-thumb,
.snp-main .snp-thumb img {
max-height: 140px !important;
}
.snp-main .snp-thumb img {
width: 100% !important;
height: 140px !important;
object-fit: cover !important;
}
}  body.single-site-news #secondary { display: none !important; }
body.single-site-news #primary {
width: 100% !important;
float: none !important;
margin: 0 !important;
}
body.single-site-news .wrap {
max-width: 100% !important;
padding: 0 !important;
}
body.single-site-news .entry-content,
body.single-site-news .site-main {
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.single-site-news .entry-header,
body.single-site-news .single-featured-image-header {
display: none !important;
} .snp-comments-wrap { max-width: 1240px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
}
@media (max-width: 600px) {
.snp-comments-wrap { padding: 0 15px; }
}
.b17-comments { max-width: 1090px;
margin: 24px 0 0 auto;
padding: 24px 28px;
background: #fff;
border: 1px solid #ede8e0;
border-radius: 16px;
box-shadow: 0 4px 20px rgba(0,0,0,0.06);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
color: #2d2926;
}
.b17-title {
font-size: 18px;
font-weight: 600;
color: #2d2926;
margin: 0 0 18px;
padding-bottom: 12px;
border-bottom: 1px solid #f0ece8;
}
.b17-empty {
color: #888;
font-size: 14px;
text-align: center;
padding: 18px 0;
} .b17-list {
list-style: none;
margin: 0 0 24px;
padding: 0;
}
.b17-comment {
display: flex;
gap: 0;
background: #fafaf6;
border: 1px solid #ede8e0;
border-radius: 10px;
padding: 0; margin: 0 0 10px;
overflow: hidden; transition: box-shadow .15s, border-color .15s;
}
.b17-comment:hover {
border-color: #ffd9b3;
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
} .b17-side {
flex: 0 0 110px;
text-align: center;
padding: 12px 8px;
background: #f0ebe0;
border-right: 1px solid #ede8e0;
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
}
.b17-comment--owner .b17-side {
background: #fff3e0;
border-right-color: #ffd9b3;
}
.b17-avatar-wrap { margin-bottom: 2px; }
.b17-avatar-wrap img,
img.b17-avatar {
width: 56px;
height: 56px;
border-radius: 50%;
display: inline-block;
object-fit: cover;
border: 2px solid #fff;
box-shadow: 0 1px 4px rgba(0,0,0,0.08);
} img.b17-avatar.b17-avatar--owner {
background: #fff;
border-color: #ffd9b3;
}
.b17-author {
font-size: 13px;
font-weight: 600;
color: #ff6f00;
line-height: 1.3;
word-wrap: break-word;
} .b17-role {
font-size: 10px;
line-height: 1.2;
font-style: italic;
color: #8a7a62;
margin-top: 2px;
word-wrap: break-word;
}
.b17-role--owner {
color: #b85c00;
font-weight: 600;
font-style: normal;
} .b17-main {
flex: 1 1 auto;
min-width: 0;
padding: 12px 14px; }
.b17-head {
display: flex;
align-items: baseline;
gap: 6px;
margin-bottom: 6px;
font-size: 11px;
color: #999;
}
.b17-num    { color: #999; font-weight: 500; }
.b17-sep    { color: #ccc; }
.b17-date   { color: #999; } .b17-quote {
background: #fff8ee;
border: 1px solid #ffd9b3;
border-left: 3px solid #ff6f00;
border-radius: 6px;
padding: 6px 10px 7px;
margin: 0 0 8px;
font-size: 12px;
color: #6b5a48;
cursor: pointer;
transition: background .15s, border-color .15s;
}
.b17-quote:hover {
background: #ffeed5;
border-color: #ffc488;
}
.b17-quote:hover .b17-quote-head { color: #a04a00; } @keyframes b17FlashPulse {
0%   { box-shadow: 0 0 0 0 rgba(255,111,0,0); border-color: #ede8e0; background: #fafaf6; }
15%  { box-shadow: 0 0 0 6px rgba(255,111,0,0.28); border-color: #ff8f00; background: #fff3e0; }
45%  { box-shadow: 0 0 0 0 rgba(255,111,0,0); border-color: #ede8e0; background: #fafaf6; }
60%  { box-shadow: 0 0 0 6px rgba(255,111,0,0.22); border-color: #ff8f00; background: #fff3e0; }
100% { box-shadow: 0 0 0 0 rgba(255,111,0,0); border-color: #ede8e0; background: #fafaf6; }
}
.b17-comment.b17-flash {
animation: b17FlashPulse 1.6s ease-in-out;
}
.b17-quote-head {
font-size: 11px;
font-weight: 600;
color: #b85c00;
margin-bottom: 3px;
padding-bottom: 3px;
border-bottom: 1px dashed #ffd9b3;
}
.b17-quote-body {
line-height: 1.35;
font-style: italic;
}
.b17-quote-body br + br { display: none; } .b17-body {
font-size: 14px;
line-height: 1.45;
color: #2d2926;
word-wrap: break-word;
}
.b17-body p { margin: 0 0 .35em; }
.b17-body p:last-child { margin-bottom: 0; }
.b17-body:empty { display: none; }
.b17-body a { color: #ff6f00; text-decoration: none; border-bottom: 1px dashed #ff6f00; }
.b17-body a:hover { color: #e65100; border-bottom-style: solid; } .b17-actions {
display: flex;
flex-wrap: wrap;
gap: 5px;
margin-top: 8px;
padding-top: 7px;
border-top: 1px dashed #ede8e0;
}
.b17-btn {
background: #fff;
border: 1px solid #ffd9b3;
color: #ff6f00;
border-radius: 16px;
padding: 4px 12px;
font-size: 12px;
font-weight: 500;
cursor: pointer;
font-family: inherit;
line-height: 1.4;
transition: all .12s;
}
.b17-btn:hover,
.b17-btn:focus {
background: #fff !important; border-color: #ff6f00;
color: #e65100;
}
.b17-btn-danger {
color: #c0392b;
border-color: #f5c6c2;
}
.b17-btn-danger:hover,
.b17-btn-danger:focus {
background: #fff !important;
border-color: #c0392b;
color: #7f0e0e;
} .b17-body[contenteditable="true"] {
background: #fffef5;
border: 1px dashed #ff6f00;
border-radius: 8px;
padding: 8px 10px;
outline: none;
}
.b17-edit-bar {
display: flex;
gap: 6px;
align-items: center;
margin-top: 6px;
}
.b17-edit-bar button {
background: #ff6f00;
color: #fff;
border: none;
border-radius: 14px;
padding: 4px 12px;
font-size: 12px;
cursor: pointer;
}
.b17-edit-bar button.b17-cancel { background: #999; }
.b17-edit-bar .b17-status { font-size: 11px; color: #777; } .b17-form-wrap { max-width: 1090px;
margin: 18px 0 0 auto;
padding: 14px 28px 4px;
background: #f3eee4;
border: 1px solid #e0d8c8;
border-radius: 16px;
box-shadow: 0 4px 20px rgba(0,0,0,0.06);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
color: #2d2926;
}
.b17-form-wrap #respond,
.b17-form-wrap .comment-respond {
background: transparent;
padding: 0;
margin: 0;
border: none;
box-shadow: none;
}
.b17-form-wrap #reply-title,
.b17-form-wrap .comment-reply-title {
font-size: 16px;
font-weight: 600;
color: #2d2926;
margin: 0 0 6px;
padding: 0;
}
.b17-form-wrap .logged-in-as,
.b17-form-wrap .comment-notes {
margin: 0 0 8px;
font-size: 12px;
color: #6b5a48;
}
.b17-form-wrap .comment-form { margin: 0; padding: 0; }
.b17-form-wrap .comment-form > p:last-of-type,
.b17-form-wrap .form-submit { margin-bottom: 0; padding-bottom: 0; }
.b17-form-wrap #reply-title small { font-size: 12px; margin-left: 8px; }
.b17-form-wrap .comment-form label {
display: block;
font-size: 12px;
color: #666;
margin-bottom: 4px;
font-weight: 500;
}
.b17-form-wrap .comment-form p { margin: 0 0 12px; }
.b17-form-wrap .comment-form input[type="text"],
.b17-form-wrap .comment-form input[type="email"],
.b17-form-wrap .comment-form textarea {
width: 100%;
padding: 9px 12px;
border: 1px solid #ede8e0;
border-radius: 10px;
background: #fafaf6;
font-size: 14px;
font-family: inherit;
color: #2d2926;
box-sizing: border-box;
transition: border-color .15s, background .15s;
}
.b17-form-wrap .comment-form input:focus,
.b17-form-wrap .comment-form textarea:focus {
outline: none;
border-color: #ff6f00;
background: #fff;
}
.b17-form-wrap .comment-form textarea { resize: vertical; min-height: 110px; line-height: 1.5; }
.b17-form-wrap .form-submit { margin-top: 4px; }
.b17-form-wrap .form-submit .submit,
.b17-form-wrap #submit {
background: linear-gradient(135deg, #ff6f00 0%, #ff8f00 100%);
color: #fff;
border: none;
border-radius: 18px;
padding: 10px 26px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
box-shadow: 0 2px 8px rgba(255,111,0,0.32);
transition: transform .12s, box-shadow .12s;
font-family: inherit;
}
.b17-form-wrap .form-submit .submit:hover,
.b17-form-wrap #submit:hover {
transform: translateY(-1px);
box-shadow: 0 4px 14px rgba(255,111,0,0.42);
} .b17-fmt-toolbar {
display: flex;
flex-wrap: wrap;
gap: 4px;
margin-bottom: 6px;
}
.b17-fmt-btn {
background: #fff;
border: 1px solid #ede8e0;
border-radius: 6px;
padding: 4px 10px;
font-size: 13px;
font-weight: 600;
cursor: pointer;
color: #555;
font-family: inherit;
}
.b17-fmt-btn:hover { border-color: #ff6f00; color: #ff6f00; }
.b17-fmt-btn.b17-fmt-italic { font-style: italic; } @media (max-width: 600px) {
.b17-comments { padding: 16px 14px; margin: 16px 8px 0; border-radius: 12px; transform: none; }
.b17-form-wrap { padding: 16px 14px; margin: 12px 8px 0; border-radius: 12px; transform: none; }
.b17-comment { flex-direction: row; gap: 0; padding: 0; }
.b17-side { flex: 0 0 78px; padding: 10px 6px; }
.b17-main { padding: 10px 12px; }
.b17-avatar-wrap img,
img.b17-avatar { width: 44px; height: 44px; }
.b17-author { font-size: 12px; }
.b17-role { font-size: 9px; }
.b17-body { font-size: 13px; }
.b17-actions { gap: 4px; }
.b17-btn { font-size: 11px; padding: 3px 9px; }
} .snp-pending { max-width: 1090px;
margin: 24px 0 0 auto;
padding: 18px 24px;
background: #fffaf0;
border: 1px solid #f0d9a8;
border-left: 4px solid #e6a23c;
border-radius: 14px;
box-shadow: 0 2px 12px rgba(0,0,0,0.04);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
color: #5b4632;
}
.snp-pending-title {
font-size: 15px;
font-weight: 600;
color: #b87900;
margin: 0 0 14px;
padding-bottom: 10px;
border-bottom: 1px dashed #f0d9a8;
}
.snp-pending-list {
list-style: none;
margin: 0;
padding: 0;
}
.snp-pending-item {
background: #fff;
border: 1px solid #f0e0c0;
border-radius: 10px;
padding: 10px 14px;
margin: 0 0 10px;
}
.snp-pending-item:last-child { margin-bottom: 0; }
.snp-pending-meta {
display: flex;
align-items: baseline;
gap: 10px;
margin-bottom: 6px;
font-size: 13px;
color: #6b5a48;
}
.snp-pending-meta b { color: #2d2926; font-weight: 600; }
.snp-pending-date { color: #9a8870; font-size: 12px; }
.snp-pending-text {
font-size: 14px;
line-height: 1.55;
color: #2d2926;
margin: 4px 0 8px;
word-wrap: break-word;
}
.snp-pending-text p { margin: 0 0 6px; }
.snp-pending-text p:last-child { margin-bottom: 0; }
.snp-pending-actions {
display: flex;
gap: 8px;
margin-top: 8px;
}
.snp-pending-actions a {
display: inline-flex;
align-items: center;
gap: 4px;
font-size: 12px;
padding: 4px 12px;
border-radius: 6px;
text-decoration: none;
border: 1px solid transparent;
transition: background .15s, border-color .15s, color .15s;
}
.snp-pending-approve {
color: #2e7d32;
background: #e8f5e9;
border-color: #c5e1c8;
}
.snp-pending-approve:hover {
background: #d4ead6;
border-color: #9ccfa1;
color: #1b5e20;
}
.snp-pending-delete {
color: #b71c1c;
background: #fdecea;
border-color: #f5c6c2;
}
.snp-pending-delete:hover {
background: #f8d7d4;
border-color: #e89c95;
color: #7f0e0e;
}
@media (max-width: 600px) {
.snp-pending { margin: 16px 8px 0; padding: 14px 14px; border-radius: 12px; transform: none; }
.snp-pending-meta { flex-wrap: wrap; gap: 6px; }
} .sn-hp {
position: absolute !important;
left: -9999px !important;
top: -9999px !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
} .sn-turnstile-wrap {
margin: 12px 0;
padding: 10px 12px;
background: #fafaf3;
border: 1px solid #e8e4df;
border-radius: 8px;
}
.sn-turnstile-wrap > label {
display: block;
font-size: 12px;
color: #888;
font-style: italic;
margin-bottom: 8px;
}
.sn-turnstile-wrap .cf-turnstile {
min-height: 65px;
}