/* Форма комментирования */

#respond {width: 100%; padding-bottom: 25px; margin: 0;}
	
.logged-in-as {margin-bottom: 7px;}

#wp-comment-wrap {margin-bottom: 15px;}

#comment {width: 100%; resize: none; margin-bottom: 15px;}	
	
#author {padding: 10px 25px; width: 45%; margin-right: 5%; float: left; margin-bottom: 15px;}	
	
#email {padding: 10px 25px; width: 50%; float: left; margin-bottom: 15px;}	

.cptch_block {margin-bottom: 15px;} /* для плагина Captcha */
	
#submit {padding: 10px 25px; cursor: pointer;}
#submit:hover {background: #eee;}

.no-comments {font-weight: bold;}


/* Панель форматирования комментария */

.wp-editor-tabs {display: inline-block; margin-bottom: 7px;}

.wp-editor-tabs button {margin-right: 7px; padding: 3px 7px; cursor: pointer;}


.quicktags-toolbar {margin-bottom: 5px;}
.quicktags-toolbar input {margin-right: 5px !important;}

#wp-link-wrap {position: fixed; left: 30%; top: 15%; background: whitesmoke; padding: 25px 50px; border: 2px solid #50aaff; z-index: 99;}


/* Комментарии */

#comments {width: 100%; display: inline-block;}

.comments-title {text-align: center; width: 100%; display: inline-block; margin-bottom: 15px;}

ol.comment-list, .comment-block {display: inline-block; width: 100%; margin-bottom: 7px;}

.comment-list li {list-style:none; margin-bottom: 7px;}

.children {margin: 0; display: inline-block; width: 100%; padding-left: 60px;}

.comment-autor {width: 60px; position: absolute;}
.comment-autor img {width: 48px; border-radius: 25px; height: auto; box-shadow: 0px 0px 4px rgba(0,0,0,0.2);}

.fn {display: inline-block; font-size: 12px; font-weight: bold; margin-right: 7px;}

.comment-content {
    padding: 10px 15px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    background: #dfefff;
    border: 1px solid #50aaff;
    margin: 0 0 0 60px!important;
    position: relative;
}

.comment-content:before {
    content: '';
    position: absolute;
    left: -10px;
    top: 15px;
    border: 10px solid transparent;
    border-right-color: #50aaff;
    border-left: 0;
}

.comment-content p {clear: both; width: 100%; font-size: 15px; padding: 15px 0;}

.commentmetadata {font-size: 12px; display: inline-block;}
	
.reply {clear: both;}

@media screen and (max-device-width: 480px) { ol .children {padding: 0 0 0 5px;} }