.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
	display: block;
}


/*--------------------------------------------------------------
10.0 Comments
--------------------------------------------------------------*/
.comments-area {
	h4.comments-title {
		margin: 2em 0;
	}
	ol {
		list-style: none;
		margin-left: 0;
		.children {
		    margin-left: 80px;
			@media only screen and (max-width: 40em) {
				margin-left: 20px;
			} // small
			@media only screen and (min-width: 40.063em) and (max-width: 64em) {
				margin-left: 20xp;
			} // medium
		}
	}
}
.comment {
	margin-top: 40px;
	img.avatar {
   	 	display: block;
    	float: left;
   		height: 60px;
    	margin: 0 20px 0 0;
    	width: 60px;
    	border-radius: 50%;
		@media only screen and (max-width: 40em) {
			display: none;
		} // small
		@media only screen and (min-width: 40.063em) and (max-width: 64em) {
			display: none;
		} // medium
	}
	.comment-content {
		background-color: $vapor;
	    @include border-radius(3px);
	    margin-left: rem-calc(80);
	    padding: rem-calc(40);
		@media only screen and (max-width: 40em) {
			margin-left: 0;
			padding: 1rem;
		} // small
		@media only screen and (min-width: 40.063em) and (max-width: 64em) {
			margin-left: 0;
			padding: 1rem;
		} // medium
		
	}
	.comment-meta-header {
		cite {
			display: inline;
			margin-right: 1em;
			font-weight: bold;
			font-size: 1.2em;
			color: $charcoal;
			&:before {
				content: none;
			}
		}
		.comment-meta {
			font-size: rem-calc(14);
		}
		.comment-reply-link {
			float: right;
			font-size: rem-calc(16);
			font-style: italic;
		}
	
		
	}
}
.comment-respond {
	margin: 3em 0;
	h3.comment-reply-title {
		font-size: rem-calc(27);
	}
	.comment-form-comment label {
		display: none;
	}
	.logged-in-as {
		font-size: rem-calc(14);
	}
	textarea {
		background-color: $smoke;
		border: none;
		box-shadow: none;
		&:focus {
			background-color: $vapor;
			background-color: $vapor;
			box-shadow: 0 0 5px $primary-color;
			border: $primary-color;
		}
	}
	#cancel-comment-reply-link {
		float: right;
		position: relative;
		top: 2.5em;
		font-style: italic;
		font-weight: normal;
	}
}

