/*! GruntPony - v0.0.3 - 2014-05-20
* https://bitbucket.org/itcase-dev/itcase-grunt-pony
* Copyright (c) 2014 ITCase; Licensed MIT */


.comment
{
}
	.comment form select {
		margin-left: 30px;
	}
	.comment__title
	{
		font: 18px Arial;
		color:#000;
	}
		.comment__title-link
		{
			color:#000;
		}
		.comment__title-link:hover
		{
			color:#f00;
		}
	.comment-list
	{
		position:relative;
		padding: 0;
		margin: 0;
		list-style: none;
	}
		.comment-list__item
		{
			text-indent: 0 !important;
		    padding: 0;
		    margin: 0;
		    vertical-align: top;
		    position: relative;
		    background: #cecece;
		    border-radius: 5px;
		    margin-bottom: 1.5em;
		    position: relative;
	        min-height: 150px;
		}
			.comment-list__item-image-wrap {
				width: 100px;
			    height: 100px;
			    overflow: hidden;
			    float: left;
			    border-radius: 50%;
			    border: 10px solid #fff;
			    margin-right: 10px;
			    margin-bottom: 20px;
			}
			.comment-list__item:nth-child(odd) .comment-list__item-image-wrap
			{
				float: right;
				margin-left: 10px;
			}
			.comment-list__item-image
			{
			    width: 80px;
			    /* transform: translateX(-15%); */
			    /* height: 100%; */
			    height: 80px;
			    background-size: cover;
			    background-image: url("/static/index/img/tourist-bg.jpg");
			    background-position: center center;
			}
			.comment-list__item-body
			{
				padding: 10px;
				border: none;
				font-size: 12px;
				justify-content: flex-start;
				align-items: flex-start;
				/*min-height: 150px;*/
			}
			.comment-list__item-text_type_answer
			{
				padding: 1em 1.5em;
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				border-radius: 10px;
				background: #FFF7E1;
			}

				.comment-list__item-text-date
				{
					font: 0.7em Arial;
					color: #333;
				}
				.comment-list__item-text-title
				{
					font: 1.1em Arial;
					color:#000;
					padding:0 0 .8em 0;
					display:inline-block;
				}
				.comment-list__item-text-link
				{
					font: 1.1em Arial;
					color:#0c60a5;
					padding:0 0 .3em 0;
					display:inline-block;
				}

				.comment-list__item-text-preview
				{
					font: 12px Arial, sans-serif;
				    color: #333;
				    line-height: 1.3em;
				    margin-left: 0px;
				    padding: 10px;
				    background: #f3f3f3;
				    border-radius: 5px;
				}
				.comment-list__item:nth-child(odd) .comment-list__item-text-preview {
					margin-right: 0px;
					margin-left: 0px;
				}


		.comment-list__item-info
		{
			width: 100%;
			padding: 5px 0px 0px 0px;
			margin-bottom: 0px;
			text-align: right;
			display: block;
		}
			.comment-list__item-info-label
			{
				color:#333;
				display: inline-block;
				padding: 0 0.5em 0 0;
			}
			.comment-list__item-info-image
			{
				width: 30px;
				vertical-align: middle;
			}
			.comment-list__item-info-person
			{
			    font-size: 16px;
			    color: #333;
			}
			.comment-list__item-info-date
			{
			    position: relative;
			    bottom: 10px;
			    left: 10px;
			    font-size: 11.9px;
			    width: auto;
			    text-align: left;
			    padding: 15px;
			    border-radius: 4px;
			    color: #484848;
			}
			.comment-list__item:nth-child(odd) .comment-list__item-info-date
			{
				text-align: right;
				padding: 15px;
			}

			.comment-list__item:nth-child(odd) .comment-list__item-info-link
			{
				right: 10px;
				left: auto;
			}
			.comment-list__item-info-link {
				position: absolute;
			    top: 155px;
			    left: 10px;
			    width: 110px;
			    text-align: center;
			}
			.comment-list__item-info-person-post
			{
				color:#333;
				display: inline-block;
			}
.comment-list__item:nth-child(n)
{
	background: #FFC0CB;
}
.comment-list__item:nth-child(2n)
{
	background: #FFE4C4;
}
.comment-list__item:nth-child(3n)
{
	background: #8FBC8F;
}
.comment-list__item:nth-child(4n)
{
	background: #87CEFA;
}
.comment-button
{
	text-align: center;
	margin: 0;
}