.comments {
    position: relative;
    z-index: 1;
}

.comments-toggle {
    text-align: right;
    margin-top: -35px;
}

.comments-toggle button.button {
    padding-top:7px !important;
    padding-bottom:7px !important;
}

.comments-toggle .comments-toggle-hide {
    display:none;
}

.comments-toggle .comments-toggle-show {
    display:inline;
}

.comments-toggle-active .comments-toggle-show {
    display:none;
}

.comments-toggle-active .comments-toggle-hide {
    display:inline;
}

.comments-wrapper {
    margin-top:20px;
    padding-top:20px;
    border-top:1px solid #ccc;
    display:none;
}

.comments-wrapper h3 {
    color:#887034;
    margin-bottom:15px;
}

.comments-list ul,
.comments-list li { list-style:none; margin:0px !important; padding:0px !important; }

.comments-list li {
   background-color:#dfdfdf;
   padding:10px !important;
   position:relative; 
   border-bottom:1px solid white;  
}

.comments-list li:nth-child(even) {
   background-color:#efefef;
}

.comments-list li:hover,
.comments-list li:nth-child(even):hover {
    background-color:#cbe6ef;    
}

.comments-list li p {
    margin-bottom:0px;
}

.comments-list {
    max-height:427px;
    overflow-y:auto;
    border:1px solid #c0c0c0;
}

.comments-time {
   color:#999;
   display:block;
   font-size:0.9em;
}

.comments-author {
    font-weight:bold;
    color:#666;
}

.comments-form {

}

.comments-form textarea {
   resize:none;
   width:100%;
   display: block;
   margin-bottom:10px;
   padding:7px 5px;
   height:60px;
}

.comments-form-submit {
    text-align: right;
    margin-bottom:15px;
}

.comment-delete {
    background-color: rgba(0, 0, 0, 0);
    border: 0 none;
    color: #999999;
    font-size: 16px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor:pointer;  
    padding:0px;  
}

.comment-delete:hover {
    color:#333;
}

.comments-fancy {
    border:0px;
    padding: 0px;
    margin:0px;
}

.comments-fancy .comments-header {
    position: absolute;
    width:100%;
    top:0px;
    left:0px;
}

.comments-fancy .comments-form textarea {
    height:30px;
}

.comments-fancy .comments-form .form-button {
    width:100%;
}

.comments-fancy .comments-list {
    margin-top:110px;
    max-height:75%;
    top:0px;
    position: absolute;
    width:100%;
}

.comments-fancy-nologin .comments-list {
    margin-top:150px;
    max-height:65%;
}

@media screen and (max-width: 480px)
{
    .comments .button {
        width:100% !important;
    }

    .comments-toggle {
        text-align: center;
        margin-top:0px;
    }
}