/* COMMON STYLES for site widgets
======================================================== */
.inactive {color:#bbb;}

/* SEARCH widget
======================================================== */
#search .input-group-addon {border: 1px solid #8a8b8f;background: #8a8b8f;}
#search .form-control:focus {border-color: #ddd!important;box-shadow: 0 0 8px #ddd!important;}
#search .input-group-addon a::before {content:'\f002';color:#fff;font-family:'FontAwesome';}
#search .searchresultsblock {padding-top:20px;padding-bottom:20px;}
#searchresultslist .excerpt {margin-bottom: 20px;}
#searchresultslist .excerpt::after, #searchresultslist .excerpt::before {content: '...';}

/* SUBSCRIBE widget
======================================================== */
#subscribe .input-group-addon {border: 1px solid #8a8b8f;background: #8a8b8f;}
#subscribe .form-control:focus {border-color: #ddd!important;box-shadow: 0 0 8px #ddd!important;}
#subscribe .input-group-addon a::before {content:'\f1fa';color:#fff;font-family:'FontAwesome';}
#subscribe .subscriberesultsblock > div {padding-top:5px;font-size:85%;}
div[data-method="message"] {color: green;}
div[data-method="error"] {color: red;}

/* COMMENTS widget
======================================================== */
#respond .form-control:focus {border-color: #ddd!important;box-shadow: 0 0 8px #ddd!important;}
p.help-block-error {margin-top:5px;margin-bottom:10px;color: red;font-size:85%}
p.help-block {font-size:85%;}

.comment-form button[type="submit"]{background: #8a8b8f;color:#fff;border:none;border-radius:4px;padding:6px 12px;}

#respond .form-author,#respond .form-email {width:48%;float:left;}
#respond .form-author {margin-right:4%;}
#respond .form-respond {clear:both;}
#respond #errorlist li span {display:block;}

#comments h3 span {display:block;font-size:60%;margin-top:10px;}
#comments ul {list-style-type:none;padding:0;}
#comments ul li > ul {padding-top:0px;margin-top:0px;margin-left:87px;}
#comments ul li.parent {margin-bottom:10px;}
#comments ul li.parent > ul {margin-left:87px;}
#comments .comment {margin-bottom:20px;}
#comments .comment::after {content:'';display:table;clear:both;}
#comments .avatar {width:72px;float:left;}
#comments .meta {font-size:85%;padding-bottom:10px;}
#comments .meta span {padding-right:10px;}
#comments .meta a::before {content:'|';padding:0 10px;color:#bbb;cursor:default;}
#comments .meta a.reply::before{content:'';}
#comments .comment-author .meta > span:not(.time) {color: DodgerBlue;}
#comments .comment-files a {display:block;font-size:85%;word-wrap: break-word;}
#comments .meta,#comments .comment-body,#comments .comment-files {margin-left:90px;}

/* MESSAGES widget ex.validate subcription
======================================================== */
.rolemessage {width:80%;margin:40px auto;}
.rolemessage .wrapping{padding:20px;}
.rolemessage .sub-heading {text-align:center;margin-bottom:20px;}
.rolemessage div span {font-weight:bold;}

/* RELEASE messages
======================================================== */
.moderatorSelector{
    width: 100%;
    height: 20px;
    margin-bottom: 22px;
    margin-top: 30px;
    text-transform: uppercase;
    font-size: 11px;
}

.moderatorSelector-button, .moderatorSelector-button:hover{
    padding: 10px 22px 10px 22px;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    cursor: pointer;
    color: #999 !important;
    text-decoration: none !important;
}

.moderatorSelector-button--active, .moderatorSelector-button--active:hover{
    padding: 10px 22px 10px 22px;
    border-bottom: 1px solid;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none !important;
}