/* License: AGPL-3.0-or-later WITH Web-Template-Output-Additional-Permission-3.0-or-later */
@import 'mixins';

.titleRow {
	padding: 15px 15px 10px 15px;
	position: relative;
	overflow: hidden;
	background: $fog;
}
.titleRow-info {
	float: left;
	max-width: 85%;
}
.titleRow h2 {
	margin: 0 0 1px 0;
	font-size: 17px;
	@include ellipsis;
	font-weight: 400;
	line-height: normal;
}
.titleRow p {
	min-height: 21px;
	@include opacity(0.8);
	@include ellipsis;
	font-size: 14px;
	margin: 0;
	line-height: 17px;
}
.titleRow .fa-star {
	font-size: 14px;
	color: rgba($logo-blue, 0.9);
}
.titleRow img {
	float: left;
	padding-right: 15px;
	max-width: 15%;
	max-height: 55px;
}
#donate .closeButton {
  z-index: 1;
  top: 5px;
}

@media screen and (max-width: 350px) {
	.titleRow {
		padding: 10px;
	}
	.titleRow img {
		padding-right: 10px;
	}
	.titleRow h2 {
		font-size: 15px;
	}
	.titleRow p {
		font-size: 12px;
	}
}