/**
 * DBB Members Page Styles
 * Card profile layout matching drinkbay.beer/members
 */

/* Card Profile Base */
.card.profile {
	background-color: #fff;
	color: #666;
	font-size: 1rem;
	transition: transform .3s;
}

.card.profile,
.card.profile .card-body,
.card.profile .card-body .logo,
.card.profile .card-body .clapboard,
.card.profile .card-body .controls {
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
}

.card.profile .card-body .logo,
.card.profile .card-body .clapboard,
.card.profile .card-body .controls {
	height: 7.5rem;
}

/* Logo */
.card.profile .logo {
	width: 6rem;
	padding: 0;
	background-color: #fff;
}

.card.profile .logo .ratio {
	width: 5rem;
}

/* Clapboard (title, desc, location) */
.card.profile .clapboard {
	font-size: 1rem;
	font-weight: 400;
}

.card.profile .clapboard .info {
	height: 5.4rem;
	padding: 0.3rem 0.5rem;
	font-size: 0.9rem;
	line-height: 1.2rem;
}

.card.profile .card-body .title {
	margin-bottom: 0.1rem;
	color: var(--dbb-text, #1B2936);
	font-size: 1.2rem;
	font-weight: 500;
}

.card.profile .clapboard .title,
.card.profile .clapboard .desc {
	min-height: 1.25rem;
	max-height: 2.5rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}

.card.profile .clapboard .title {
	max-height: 3rem;
}

.card.profile .clapboard .loc {
	height: 2.1rem;
	padding: 0 0.5rem;
	color: var(--dbb-text, #1B2936);
	font-size: 0.9rem;
}

.card.profile .clapboard .loc .loc-text {
	flex: 1 1 0;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.card.profile .clapboard .loc i {
	margin-right: 0.1rem;
}

/* z-index for text/controls over babg_brand */
.card.profile .clapboard,
.card.profile .loc,
.card.profile .controls {
	z-index: 5;
}

/* Controls (bookmark, region badge) */
.card.profile .controls {
	flex: 0 0 2.5rem !important;
	width: 2.5rem !important;
	min-width: 2.5rem;
	max-width: 2.5rem;
	padding: 0 !important;
	margin: 0 !important;
}

.card.profile .controls .options {
	height: 5.4rem;
	padding-top: 0.6rem;
}

.card.profile .controls .options i {
	margin-bottom: 0.5rem;
}

.card.profile .controls .region {
	width: 100%;
	height: 2.1rem;
	color: #fff;
	font-size: 0.9rem;
	font-weight: 400;
	text-transform: uppercase;
}

/* Inline region badges in location row */
.card.profile .clapboard .loc .col {
	flex: 0 0 2.5rem;
	width: 2.5rem;
	height: 2.1rem;
	padding: 0;
	line-height: 2.1rem;
}

/* Region colors */
.region-sf { background-color: var(--dbb-sf, #f4b137) !important; }
.region-sv { background-color: var(--dbb-sv, #e0843d) !important; }
.region-nb { background-color: var(--dbb-nb, #a5a984) !important; }
.region-co { background-color: var(--dbb-co, #95b6bb) !important; }
.region-eb { background-color: var(--dbb-eb, #b096a5) !important; }

/* BABG Brand Badge */
.card.profile img.babg_brand {
	position: absolute;
	top: -28px;
	right: -26px;
	width: 156px;
	opacity: 0.2;
	transform: rotate(-25deg);
	z-index: 3;
}

/* Favorite */
i.favorite.fa-bookmark {
	color: var(--dbb-primary, #C53117);
	cursor: pointer;
}