/*IN-THREAD STYLES */
/* Give Featured Comments a Blue Ribbon */
.comment.featured > article {
/*image URL suits a year/month/date pretty permalinks structure */
background-image: url(../../../../wp-content/plugins/extraordinary-comments/images/blue_ribbon_2.png);
background-position: 100% 1em;
background-repeat: no-repeat;  
border: 1px solid #24bbe8;
box-shadow: 5px 5px 5px #24bbe8;
font-size: 1.2em;
line-height: 1.5em;
margin: 2em 0;
padding: 1em;
}
/* Black Out Buried Comments and their contents*/
.buried > article,
.buried > article a,
.buried > article .comment-author,
.buried > article a:hover {
background: black;    
color: black;
}
.buried > article p::selection {
color: black;
}
.buried > article img {
display: none;
}
.buried > article iframe {
display: none;
}
/* but don't black out the menu! */
.buried > article a.feature-comments {
    color: white;
}
/*GENERAL CUSTOMIZATION */
.cks_exc .post-data {
padding-top: 1em;
font-family: Calibri, sans-serif;
clear: both;
font-size: 16px;
}
.cks_exc .post-data a:hover {
opacity: 0.6;
}
.cks_exc-comment-irt {
margin-top: 0;
}
.cks_exc-comment-irt a {
border-bottom: none;    
font-size: 1em;
letter-spacing: 0;
}
.cks_exc-post-title {
clear: left;
float: left;
}
.cks_exc-comment-author a, 
.cks_exc-comment-author a:hover {
letter-spacing: 2px;
}
.cks_exc-comment-author  {
clear: both;
padding: 1em 0 0;
text-align: center;
font-size: 1.4em;
}
.cks_exc-comment .comment-author img {
margin-bottom: 0; 
margin-right: .25em;
vertical-align: middle;
border: 1px dotted darkgray;
/* will override gravatar size settings in many themes: */
height: auto;
wideth: auto;
}
.cks_exc-comment-body {
clear: both;
padding: 1em 0;
}
.cks_exc-footer {
font-style: italic;
padding-top: 2em;
text-align: right;
}
/* WIDGET CUSTOMIZATION */
/* In many themes you will need to override ID styles with specific widget ID. 
Save widget and view lower right in widget's settings, substitute in code below for
for "#cks_exc-[widget ID]" */
#cks_exc-[widget-ID] li {
border: 1px dotted gray;   
padding: 1em;
}
#cks_exc-[widget-ID] p.cks_exc-widget-descr {
font-style: italic;
font-size: 1em;
font-family: Georgia, serif;
}
.cks_exc-comment-widget a:hover{
opacity:0.6;
}
.cks_exc-comment-header-widget {
width: 100%;
}
.cks_exc-comment-widget ul li a {
font-size: 1.15em;
}
.cks_exc-comment-widget a.cks_exc-link-to-comment {
border-bottom: none;
}
#widgets .cks_exc-widget ul {
margin-right: 0;
padding: 0;
}
.cks_exc-widget .cks_exc-comment-irt {
float: none;
}
.cks_exc-widget .cks_exc-post-title {
clear: both;
float: none;
}
.cks_exc-widget .cks_exc-comment-author {
padding: 0;
}
#widgets .cks_exc-widget .cks_exc-comment-body p {
font-size: 1em;
}
.cks_exc-linkback-widget {
float: right;
font-size: 1em;
font-style: italic;
font-weight: 700;
}
/* ARCHIVE CUSTOMIZATIONS */
.cks_exc-comment-archive {
padding: 1em;
border: 1px dotted gray;
}
.cks_exc-archive-comment {
border-bottom: 1px dotted gray;
margin: 1em 0;
padding: 1em 0;
}
.cks_exc-comment-header-archive a,
.cks_exc-comment-header-archive .comment-irt a {
color: #351515;
font-size: 1.2em;
font-weight: 700;
font-family: Calibri, sans-serif;
letter-spacing: 1px;
}
.cks_exc-comment-header-archive a:hover, 
.cks_exc-comment-header-archive .comment-irt a:hover {
color: #351515;
letter-spacing: 1px;
opacity: 0.6;
}
.cks_exc-archive .comment-datetime {
float: left;
}
.cks_exc-archive .comment-irt {
float: right;
}
.cks_exc-archive .comment-irt {
float: right;
}
.cks_exc-comment-archive .comment-body p {
font-family: Georgia, serif;
font-size: 1.1em;
line-height: 1.6em;
}
/* Extraordinary Comments / V 0.9 / CK MacLeod / October 2016 */