@charset "UTF-8";

a.btn-login{
	display: block;
	color: #fff !important;
	text-decoration: none;
	font-size: 12px;
	border-radius: 4px;
	height: 49px;
	width: 280px;
	text-align:center;
	text-decoration:none !important;
	margin: 0 0 12px 0;
	padding: 0.4em 2em;
}
a.btn-login:before {
	content: "";
	display: inline-block;
	width: 40px;
	height: 40px;
	vertical-align: middle;
	padding-top:6px;
}

a.btn-login span.text {
	padding-top:2px;
}

@media screen and (min-width: 768px){
	a.btn-login{
		padding: 0.5em 2em;
		margin: 12px;
		font-size:12px;
		display:inline-block;
	}
	a.btn-login:before {
		margin: 2px 20px 0 -15px;
	}
}


a.btn-line{
	background: #00C300;
}
a.btn-line:before {
	background: url(../img/login/line.png) no-repeat;
	background-size: contain;
}

a.btn-twitter{
	background: #1da1f2;
}
a.btn-twitter:before {
	background: url(../img/login/twitter.png) no-repeat;
	background-size: contain;
}

a.btn-yahoo{
	background: #ff0033;
}

a.btn-yahoo:before {
	background: url(../img/login/yahoo.png) no-repeat;
	background-size: contain;
}

a.btn-google{
	color: #555 !important;
	background: #fff;
	border: outset 1px #555;
}
a.btn-google:before {
	background: url(../img/login/google.png) no-repeat;
	background-size: contain;
}

.head-border {
    display: flex;
    align-items: center;
}

.head-border:before,
.head-border:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #666;
}

.head-border:before {
    margin-right: 1rem;
}

.head-border:after {
    margin-left: 1rem;
}

.inline-block_login {
	display: inline-block;
}

.login_buttons {
    text-align: center;
}