/**
 * GLOBAL STYLES
 *
 * ------------------------------------------------------------------------- */

:root {
	--site1: #151e33;
	--site2: #00c37a;
}

body {
	background: #fff;
}

@media (max-width: 767px) {

	.entrance .container {
	    top: auto;
	    transform: none;
	}

}

.auth-heading {
	font-size: 22px;
	margin-bottom: 0;
	text-align: center; 
}

.or-divider {
	align-items: center;
	border: 1px solid #ccc;
	border-radius: 50%;
	color: #333;
	display: flex;
	font-size: 15px;
	height: 44px;
	justify-content: center;
	margin: 40px auto;
	position: relative;
	text-transform: uppercase;
	width: 44px;
}

.or-divider::before,
.or-divider::after {
	background: #ccc;
	content: '';
	display: block;
	height: 40px;
	left: 50%;
	position: absolute;
	width: 1px;
}

.or-divider::before {
	bottom: 100%;
}

.or-divider::after {
	top: 100%;
}

.auth-logo {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

/**
 * TYPOGRAPHY
 *
 * ------------------------------------------------------------------------- */

.list-links li {
	position: relative;
}

.list-links li + li::before {
	border-left: 1px solid #ccc;
	content: '';
	display: block;
	height: 10px;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

/**
 * CARD STYLES
 *
 * ------------------------------------------------------------------------- */

.card-header {
	background: #fff;
	border: none;
	padding: 1.875rem 1.25rem; 
}

.card-body {
    padding: 0 0 1.25rem;
}

@media (min-width: 768px) {

	.card-body {
		padding: 0 1.25rem 1.25rem;
	}

}

/**
 * BUTTON STYLES
 *
 * ------------------------------------------------------------------------- */

.btn {
	border: none;
}

 .btn-primary {
 	background: var(--site2);
 	font-size: 1.25rem;
 	text-transform: uppercase;
 }

 .btn-group-lg>.btn, .btn-lg { line-height: 1.6!important; padding: .6rem 1rem!important; }


 .btn-primary:hover {
 	background: var(--site1);
 }

 .btn-facebook {
 	background: #3b5998;
 }

 .btn-facebook:hover, 
 .btn-primary:not(:disabled):not(.disabled):active {
 	background: #223458;
 }

 .btn-rounded {
 	border-radius: 100px;
 }

 .btn-link {
 	color: #999;
 	font-size: 18px;
 }

.btn-link:hover {
  color: #666;
}

.btn-link-primary {
	color: #00c37a;
}

.btn-link-primary:hover {
	color: #5E852B;
}

/**
 * FORM STYLES
 *
 * ------------------------------------------------------------------------- */
.form-control { line-height: 2; }

.col-form-label {
	color: #999;
	font-size: 0.625rem;
	text-transform: uppercase;
}

.form-control-min {
	border: none;
    border-bottom: 1px solid #cccccc;
    border-radius: 0;
    padding: .495rem 0; 
}

.form-control-min::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #333;
  font-size: 15px;
  text-transform: uppercase; 
}

.form-control-min::-moz-placeholder { /* Firefox 19+ */
  color: #333;
  font-size: 15px;
  text-transform: uppercase; 
}

.form-control-min:-ms-input-placeholder { /* IE 10+ */
  color: #333;
  font-size: 15px;
  text-transform: uppercase; 
}

.form-control-min:-moz-placeholder { /* Firefox 18- */
  color: #333;
  font-size: 15px;
  text-transform: uppercase; 
}

.form-control-min:focus {
	border: 0;
	border-bottom: 1px solid #000000;
	box-shadow: none;
	outline: 0;
}

.form-check {
	padding-left: 0;
}

.form-check label {
	color: #333;
	font-size: 15px;
	text-transform: uppercase;
}

.form-check label::before {
	background: #eee;
	border: none;
	border-radius: 3px;
}

.form-check input[type=checkbox]:checked+label::after {
    color: #333;
	text-align: center;
}