/* Styles for Soapbox Events. */
html, body {
	height: 100%;
	/*background-color: #f7f4ea;*/
    background-color: #dcd0be;
    font-family: 'LotaGrotesque-SemiBold';
}

h1, p {
    text-align: center;
}

.logo {
    width: 100%;
    max-width: 900px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    display: block;
}

p {
    font-size: 175%;
    font-family: 'LotaGrotesque-Light'
}

a {
	color: #43879c;
	text-decoration: none;
}

a:hover, a:active {
	color: #fff;
	background-color: #43879c;
	text-decoration: none;
}

.btn {
	border-radius: 15px;
	/*padding-top: 7px;
	padding-bottom: 5px;*/
}

.btn-toolbar > .btn-group > .btn {
	border-radius: 6px;
}

.btn-primary {
	background-color: #43879c;
	background-image: none;
	border-color: #43879c;
}

.btn-primary.ng-valid.ng-dirty {
	border-color: #245580;
}

.btn-primary:hover {
	background-color: #3b7789;
	border-color: #43879c;
}

.btn-primary.active {
	background-color: #316372;
	border-color: #43879c;
}

.btn-primary.active.ng-valid.ng-dirty {
	border-color: #245580;
}

.btn-primary.active:hover {
	background-color: #2c5866;
}

.btn-success {
	background-color: #58b04d;
	background-image: none;
}

.btn-success:hover {
	background-color: #49913f;
}

.btn-success.active {
	background-color: #3f7d37;
}

.btn-success.active:hover {
	background-color: #386f31;
}

.btn-danger {
	background-color: #c5423d;
	background-image: none;
}

.btn-danger:hover {
	background-color: #ab3935;
}

.btn-danger.active {
	background-color: #91302d;
}

.btn-danger.active:hover {
	background-color: #782825;
}