/**
 * WooCommerce Selective Login Downloads
 *
 * Frontend styles
 */


/*
|--------------------------------------------------------------------------
| Login Required Badge
|--------------------------------------------------------------------------
*/

.wcsld-login-badge {

	display: inline-block;

	margin: 0.5rem 0;

	padding: 0.35rem 0.75rem;

	background-color: #222;

	color: #ffffff;

	font-size: 0.75rem;

	font-weight: 600;

	line-height: 1.2;

	text-transform: uppercase;

	border-radius: 3px;

	letter-spacing: 0.04em;

}



/*
|--------------------------------------------------------------------------
| Product Page Login Box
|--------------------------------------------------------------------------
*/

.wcsld-login-box {

	margin: 1rem 0;

	padding: 1rem;

	background: #f8f8f8;

	border: 1px solid #e5e5e5;

	border-radius: 4px;

}



/*
|--------------------------------------------------------------------------
| Login Button
|--------------------------------------------------------------------------
*/

.wcsld-login-button {

	display: inline-block;

	margin-top: 0.5rem;

}



/*
|--------------------------------------------------------------------------
| Mobile adjustments
|--------------------------------------------------------------------------
*/

@media screen and (max-width: 600px) {


	.wcsld-login-box {

		padding: 0.75rem;

	}


	.wcsld-login-button {

		width: 100%;

		text-align: center;

	}

}