
.plugin { padding: 0; }

#providers {
 /*width: 220px;*/
}

.plugin #providers .provider, .plugin #providers .provider .button { 
 width: 191px !important;
 height: 46px !important;
    /*
 width: 104px;
 height: 40px;
    */
} 

.plugin #providers .provider {
 margin-bottom: 5px;
 float: left;
 margin-right: 5px;
 padding: 0;
}
 
.plugin #providers .provider .name {
 display: none;
}
 
.plugin #providers .provider .button {
 background: url("//www.azonetwork.com/images/social_signin_buttons.png") no-repeat scroll 0 0 transparent;
 background-size: 100%;
}
 
.plugin #providers .provider #button_facebook {
 background-position: 0 -46px; /* -208px 0 */
}

.plugin #providers .provider #button_linkedin {
 background-position: 0 -92px; /* -728px 0 */
}
 
.plugin #providers .provider #button_google {
 background-position: 0 0; /* -416px 0 */
}
 
.plugin #providers .provider #button_twitter {
 background-position: 0 -138px; /* -1664px 0 */
}
 
.plugin #providers .provider #button_yahoo {
 background-position: -2002px 0; /* -2288px 0 */
}

.plugin #providers .providers_group .providers_block .providers_row {
	max-width: 400px;
}

.plugin .footer { display: none; }

@media (max-width: 384px) {
	/*

		384px width is the width for the 4 "large" buttons including the margins

		could consider use these small icons all the time, they look nice.

		these styles come from social_login_squares.css,
		using these to have smaller versions of the buttons for
		mobile devices
	*/

	/*
	.plugin #providers .provider, .plugin #providers .provider .button { 
	 width: 30px !important;
	 height: 30px !important;
	} 
	*/

	/*
	.plugin #providers .provider .button {
	 background: url("//www.azonetwork.com/images/social_provider_squares.png") no-repeat scroll 0 0 transparent;
	}
	*/
	 
	/*
	.plugin #providers .provider #button_facebook {
	 background-position: 0 0;
	}

	.plugin #providers .provider #button_linkedin {
	 background-position: -60px 0;
	}
	 
	.plugin #providers .provider #button_google {
	 background-position: -30px 0;
	}
	 
	.plugin #providers .provider #button_twitter {
	 background-position: -90px 0;
	}
	 
	.plugin #providers .provider #button_yahoo {
	 background-position: 0 0;
	}
	*/


}

