/* ==========================================================================
   Fansite Affiliates — default styles
   Matches the CSS supplied by the theme author. Disable with:
   add_filter( 'fansite_affiliates_load_css', '__return_false' );
   ========================================================================== */

.affiliates {
	margin: 0 auto !important;
	text-align: center;
	clear: both;
	display: block;
}

/* Image Affiliates */

.family-image,
.elites-image,
.partner-image {
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 2px;
}

.elites-image img {
	margin: 6px 5px 7px 3px !important;
	width: 3vw;
}

.family-image img {
	margin: 6px 8px 7px 3px !important;
	width: 5vw;
}

.partner-image img {
	margin: 6px 8px 7px 3px !important;
	width: 8vw;
}

/* Text Affiliates */

.family-text,
.elites-text,
.partner-text {
	font-size: .68em;
	font-weight: 400;
	line-height: 1.5;
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 22.33%;
	margin: 3px;
	padding: 5px;
	text-align: center;
	border: 1px solid #E1E1E1;
	background: rgba(255,255,255,0.2);
	text-transform: uppercase;
}

.family-text a,
.elites-text a,
.partner-text a {
	display: block;
	color: #555;
}

.family-text a span,
.elites-text a span,
.partner-text a span {
	font-weight: 700;
	display: block;
	font-size: 13px;
	text-transform: capitalize;
	font-style: italic;
	color: #000;
}

.family-text a:hover,
.elites-text a:hover,
.partner-text a:hover,
.family-text a:hover span,
.elites-text a:hover span,
.partner-text a:hover span {
	display: block;
	color: #000 !important;
}