@charset "utf-8";
/* CSS Document */

.comment-container {
    margin-top: 20px;
}

/* Zebra striping */

.comment:nth-child(odd) {
    background-color: #f7f9fc;
}

.comment:nth-child(even) {
    background-color: #ffffff;
}

.comment-meta {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #d9dde3;
}

.comment-name {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 1.05em;
    color: #2d4a67;
}

.comment-date {
    margin-left: 10px;
    font-size: 0.85em;
    color: #777;
}

.comment-text {
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 1.05em;
    line-height: 1.8;
    letter-spacing: 0.4px;
    color: #333;
    margin-top: 8px;
}

.no-comment{
	font-family: Arial, sans-serif;
    font-size: 1.2em;
    line-height: 1.8;
    letter-spacing: 0.6px;
    color: #F00;
    margin-top: 8px;
	
	}

/* Notes */

.comment {
    padding: 15px 20px;
    margin-bottom: 10px;
    border-left: 4px solid #4a6f91;
    border-bottom: 1px solid #d6dbe1;
    border-radius: 4px;
}

.comment:hover {
    background-color: #eef5ff;
    transition: background-color 0.3s ease;
}