/**
 * Note that these styles are loaded *after* common styles, so that
 * editor-specific styles using the same selectors will take precedence.
 */
.club-card {
	display: block;
	width: 100%;
	background: #fff;
	border-radius: 2px;
	margin: .5rem;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
@media only screen and (min-device-width : 620px) { 
	.club-card {
		display: inline-block;
		vertical-align:top;
		width: 44%;
	}
}
@media only screen and (min-device-width : 864px) { 
	.club-card {
		margin: 1rem;
	}
}
.club-card-text {
	padding-top: .5rem;
	padding: 1rem;
}
.club-thumb-ctn {
	overflow-y: hidden;
	height:200px;
}
.club-thumb img{
	width:100%;
}
.club-card-text p, 
.club-card-text span {
	color: #666;
	font-size: .9rem;
	margin-bottom:0;
}
.club-card-text i {
	padding-right: .5rem;
}
.club-card-text .club-name {
	font-size: 1.2rem;
	color: #102694;
}
.club-card-text .club-sport {
	color: #FF2D16;
}
.club-card-text .club-ad {
	color: #BDD542;
}


.club-card-text .club-tel:before,
.club-card-text .club-site:before,
.club-card-text .club-mail:before {
   font-family: 'FontAwesome';
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
   font-weight: 900;
}
.club-card-text .club-tel:not(:empty):before {
   content: "\f095";	
}
.club-card-text .club-mail:not(:empty):before {
   content: "\f003";	
}
.club-card-text .club-site:not(:empty):before {
   content: "\f0ac";	
}