/* -----------------------------   GENERAL FORMATTING  JCOMMENTS --------------------- */

#jc {padding:15px !important;}
#jc .h6 {font-size:20px !important; color:#614a04 !important; line-height:1.2; text-transform:uppercase; margin:0 0 8px;}
#jc #addcomments {text-transform:uppercase !important; font-weight:400 !important;}
.jcomments-links {margin:30px 0 60px !important;}
#comments-form label {font-size:0.9em !important;}
#jc .captcha {font-size:90% !important;}
#comments-footer {border:0 none !important; height:0 !important; padding:- !important; margin:0 !important;}
#jc blockquote {background:none !important;}
#jc .h6 a {float:right;}
#jc .toolbar-button-ip {font-size:80%;}
#jc .form-label {font-weight:400 !important;}

.published, .comment-email {margin-left:3px;}

.captcha-container {display:flex; align-items:center;}
.captcha-container .captcha-reload {margin:0 15px;}
.captcha-container .captcha-reload .icon-loop.icon-fw {margin-right:8px;}

/*  -----------------------------CONTENT PLUGIN STYLES  ----------------------------------*/

.jcomments-links {margin-top:10px; clear:both; text-align:left;}
.comments-link {background-position:0 -27px;}
#jc #addcomments {text-transform:uppercase !important; font-weight:400 !important;}
.jcomments-links {margin:30px 0 60px !important;}
#comments-form label {font-size:12px !important; text-transform:none; color:#999;}
#jc .captcha {font-size:90% !important;}
#comments-footer {border:0 none !important; height:0 !important; padding:- !important; margin:0 !important;}
#jc .form-check-input[type="checkbox"] {margin:0 15px 0 0 !important;}

/* ------------------------- JCOMMENTS COMMON STYLES ---------------------------------*/

#jc {clear:both; padding-top:30px !important;}
#jc a, #jc a:hover {outline:none !important;}
#jc .busy {display:none; margin:3px auto; padding:0; width:16px; height:16px; background:url(/components/com_jcomments/tpl/block-san/images/jc_busy.gif) no-repeat;}
#jc p.message {color:#777; background-color:inherit; background-image:none; text-align:center; text-decoration:none; text-transform:none; text-indent:0; padding:5px 0 0; border-top:1px solid #d2dadb;}

#comments {margin:0; padding:0; width:100%; text-align:left; text-decoration:none; text-transform:none; text-indent:0;}
#comments a {text-decoration:none;}
#comments a[rel*=external], #comments a[rel*=external]:active, #comments a[rel*=external]:hover, #comments a[rel*=external]:focus {background:url(/components/com_jcomments/tpl/block-san/images/jc_link.png) no-repeat center right; padding:0 10px 0 0; margin:0 2px; display:inline-block;}

/* List footer */
.comments-list-footer {margin-bottom:1rem;}

/* Show/hide form */
#comments-form-link .showform {margin:5px 0 22px 22px; font-weight:600;}

/* Comment */
#comments .comment-box {margin:0; padding:0;}
#comments .comment-avatar {float:left; margin:0 .5rem .5rem 0; min-width:32px; padding:0;}
#comments .avatar-indent {padding-left:40px;}
.comment-info {margin-top:0 !important;}
.comment-info dd {float:left; font-size:.8em; margin-top:.2em; color:#800000;}

/* Avatar */
#comments .comment-avatar img {max-width:200px; border:none !important;}
#comments .comment-body {clear:both; margin:15px 10px; padding:5px; line-height:1.4; font-size:16px;}

/* Quote, Code and Hidden block styles */
#comments .quote, #comments blockquote, #comments .code {margin:5px 0; font-size:100% !important;}
#comments blockquote {border-left:0.25em solid rgba(189,167,147,.8); text-align:left; padding:0 8px; color:#333 !important;}
#comments .code {background:none; border:none; padding:0;}
#comments figure {margin-bottom:3px;}
#comments figure .quote {color:#666; margin:0 !important; font-size:70% !important;}
#comments .comment-box br {display:none;}

/* Quote and Reply to buttons panel */
#comments .comments-buttons {text-align:right; margin:8px auto !important; font-size:1em; border-top:1px solid rgba(189,167,147,.4) !important; padding:1px; color:transparent; background:rgba(189,167,147,.2) !important;}
#comments .comments-buttons a {padding:0; background-color:transparent; margin:0 5px;}
#comments .email, #comments .emailactive {text-decoration:none; white-space:normal; margin:0; padding:0; line-height:10px; cursor:pointer; border-bottom:1px dotted #999;}
#comments .email {color:#444; background-color:inherit;}
#comments .emailactive {color:#cc0000; background-color:inherit;}
#comments .email img, #comments .emailactive img {padding:0;}
#comments .comment-body img {padding:0; border:0 none;}
#comments .comment-body .img {padding:4px 0 !important; max-width:500px;}
#comments .toolbar {clear:both; border:0; margin:0; padding:0;}
#comments .toolbar .main-actions {float:left;}
#comments .toolbar .main-actions a {padding:0 5px 0 0;}
#comments .toolbar .user-actions {float:right;}
#comments .toolbar .user-actions a {padding:0 0 0 5px;}

/* Comments list */
#comments .even, #comments .odd {margin-bottom:15px; background-color:rgba(238,238,238,.6);}
.comments-list-child .comment {background-color:#fafafa; margin-left:1rem;}
#comments-list .comments-inline-edit {padding:5px;}
#comments .comment.hide-children + .comments-list-child {display:none;}

/* Comment form */
.comments-policy {text-align:justify; font-size:13px !important; color:#666 !important; line-height:1 !important; margin:0 0 15px !important; padding:0 !important;}
.comments-policy.border {border:0 none !important;}
#comments-form .counter {color:#777; font-size:1em;}
#comments-inline-edit {padding:.5rem;}
#comments-form img.smile {margin:0 3px 3px 0; padding:0; border:none; cursor:pointer; float:none; display:inline-block;}
#comments-form img.captcha {padding:0; margin:0 0 3px 0; border:1px solid #ccc;}
#comments-form span.captcha {color:#777; cursor:pointer; display:inline-block;}
#comments-form-buttons {padding-top:15px;}

.comments-inline-report {margin-top:5rem;}

#comments-form #comments-form-name, #comments-form #comments-form-email, #comments-form #comments-form-captcha, #comments-form textarea {background-color:rgba(255,255,255,.6);}
#comments-form input.captcha {width:116px; margin:3px 0 5px 0;}
#comments-form textarea {min-width:250px !important; resize:none; font-size:16px;}
#comments-form-message {padding:.5rem;}
#comments-form .counterpanel {height:13px; display:block; overflow:hidden; color:#ccc; padding:0; margin:0; border:1px solid #ddd; border-top-width:0; max-width:400px !important; width:350px; background-color:#eee;}
#comments-form .grippie {height:30px; display:block; overflow:hidden; color:#ccc; padding:0; margin:-41px 1px 0; border:0; min-width:250px !important; cursor:s-resize; background:#eee; vertical-align:middle; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
#comments-form .grippie .counter {font-size:12px; padding:0; margin:5px 10px;}
#comments-form .grippie span {display:inline; float:left;}
#comments-form .grippie span span {display:inline; float:none;}
#comments-form .grippie::before {content:"\f338"; float:right; font-family:'Font Awesome 6 Pro'; font-weight:300; color:#999; margin:0 5px;}
#comments-form-smilespanel {display:none; cursor:pointer; padding:2px; max-width:200px; background-color:#fff; border:1px solid #ccc; overflow:auto; left:0; top:0; position:absolute; z-index:999999 !important;}
#comments-footer, #comments-footer a {color:#ccc !important; background-color:inherit; font:normal 9px Verdana, Arial, Sans-Serif !important;}
#comments-footer {display:block; height:14px; border-top:1px solid #ccc; padding-top:1px; margin-top:4px; text-align:right;}
#comments-footer a {text-decoration:none !important; text-transform:none; padding:0; margin:0; border:none !important; float:right; background:none !important;}

/* Vote */
#jc .comments-vote {width:auto; float:right;}
#jc .comments-vote .busy {margin:0; float:right; width:16px;}
#jc .comments-vote .vote-value {font-weight:400; line-height:1; margin:0 0 0 10px; float:right;}

/*-------------------------------------- BBCODE ------------------------------*/

#jc #comments-form .bbcode {width:auto; height:auto; display:block !important; margin-bottom:1px;}
#jc #comments-form .bbcode a, #jc #comments-form .bbcode a:focus, #jc #comments-form .bbcode a:active, #jc #comments-form .bbcode a:hover {cursor:pointer; float:left; width:1.8em; height:1.8em; margin:0 1px; padding:4px; display:block !important; border:1px solid #ccc; font:1em 'Font Awesome 6 Pro', 'Font Awesome 6 Brands'; text-align:center; text-decoration:none !important; border-radius:3px; background-image:none !important; line-height:1.3;}
#jc #comments-form .bbcode a {color:#000;}
#jc #comments-form .bbcode a:focus, #jc  #comments-form .bbcode a:active, #jc  #comments-form .bbcode a:hover {color:#f00;}

#jc a.bbcode-b::before {content:"\f032";}
#jc a.bbcode-i::before {content:"\f033";}
#jc a.bbcode-u::before {content:"\f0cd";}
#jc a.bbcode-s::before {content:"\f0cc";}
#jc a.bbcode-url::before {content:"\f0c1";}
#jc a.bbcode-img::before {content:"\f03e";}
#jc a.bbcode-list::before {content:"\f0ca";}
#jc a.bbcode-hide::before {content:"\f06e";}
#jc a.bbcode-quote::before {content:"\f10e";}
#jc a.bbcode-smile::before {content: "\f118";}
#jc a.bbcode-youtube::before {content:"\f167";}
#jc a.bbcode-google::before {content:"\f0d5";}
#jc a.bbcode-wiki::before {content:"\f266";}
#jc a.bbcode-facebook::before {content:"\f09a";}
#jc a.bbcode-flickr::before {content:"\f16e";}
#jc a.bbcode-instagram::before {content:"\f16d";}
#jc a.bbcode-vimeo::before {content:"\f27d";}

#jc .custombbcode {width:23px; height:23px; float:left; display:block; text-decoration:none; cursor:pointer;}

/* ------------------------------- ROUNDED COMMENTS -------------------*/

#jc .rbox {padding:4px 8px; overflow:hidden;}

/* --------------------------------- ICONS ---------------------------------*/

#jc span[class*="icon-"], #jc i[class*="icon-"], .comments-readmore span[class*="icon-"] {font-family:'Font Awesome 6 Pro'; font-weight:400; font-style:normal !important; font-variant:normal; line-height:1; margin:0 3px;}

#jc .icon-calendar::before {content:"\e0d5";}
#jc .icon-envelope::before {content:"\f0e0";}
#jc .icon-user::before {content:"\f007";}
#jc .icon-edit::before {content:"\f044";}
#jc .icon-delete::before {content:"\f1f8";}
#jc .icon-publish::before {content:"\f00c";}
#jc .icon-unpublish::before {content:"\f05e";}
#jc .icon-loop::before {content:"\f021";}
#jc .icon-rss::before {content:"\f09e";}
#jc .icon-mail::before {content:"\f0e0";}
#jc .icon-comment::before {content:"\f075";}
#jc .icon-arrow-up-4::before {content:"\f341";}
#jc .icon-thumbs-up::before {content:"\f164";}
#jc .icon-thumbs-down::before {content:"\f165";}
#jc .icon-thumbs-up, #jc .icon-thumbs-down {margin:0 !important;}
#jc .icon-angle-double-right::before {content:"\f101";} {content:"\f100";}
#jc .icon-angle-right::before {content:"\f105";}
#jc .icon-angle-left::before {content:"\f104";}
.comments-readmore .icon-plus::before {content:"\f055";}
.comments-readmore .icon-chevron-right::before {content:"\f138";}