/* =================================
	anaie comment CSS
================================= */

/*	comment
============================== */



article.comment h2 {
	background-image:url(../img/flower.jpg);
}

article.comment h2 span {
	display:block;
	color:#fff;
	text-shadow:0 2px 2px #000;
	line-height:1.5;
	background-image:-moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	background-image:-ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,0)),to(rgba(0,0,0,1)));
	background-image: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	padding:0.75em;
	border-bottom:2px solid #fff;
}
section.hidebox {
	overflow:hidden;
}
section.hidebox h3.hide-btn {
	position:relative;
	border-bottom:2px solid #fff;
	text-shadow:0 2px 2px #000;
}
section.hidebox:nth-child(odd) h3.hide-btn {
	color:hsla(0,0%,100%,1);
	background-color:#d71786;
}
section.hidebox:nth-child(even) h3.hide-btn {
	color:hsla(0,0%,100%,1);
	background-color:#a51c4c;
}
section.hidebox h3.hide-btn span {
	display:block;
	cursor:pointer;
	line-height:1.5;
	padding:11px 7px;
	border-left:8px solid #7b1700;
}
section.hidebox h3.hide-btn span:before {
	position:absolute;
	content:"";
	display:block;
	width:22px;
	height:22px;
	right:10px;
	top:50%;
	background-image:url(../img/accordion.svg);
	background-repeat:no-repeat;
	margin-top:-10px;
}
section.hidebox h3.hide-on span:before {
	background-position:0 -50px;
}
section.hidebox h3.hide-off span:before {
	background-position:left top;
}
section.hidebox div.hide-inner {
	padding:15px;
	background-color:#fff4de;
}
section.hidebox div.hide-inner h4 {
	line-height:1.5;
	margin-bottom:0.5em;
	color:#c20070;
}
section.hidebox div.hide-inner p {
	line-height:1.5;
}
section.hidebox div.hide-inner p:not(:last-child) {
	margin-bottom:1.5em;
}
@media all and (min-width: 768px) {
article.comment {
	margin-bottom:40px;
}
section.hidebox h3, section.hidebox p {
}
}
@media all and (max-width: 767px) {
article.comment {
	margin-bottom:15px;
}
section.hidebox h3, section.hidebox p {
}
}