/********* Basic elements *********/
@font-face {
	font-family: gentium-book;
	src: url("../assets/fonts/gentium-book-basic.regular.ttf");
}

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background-color: #77778B; /*#6D6993;*/
	color: white;	/* default font color */
	font-size: 1.2em;
	font-family: gentium-book;
	/*font-family: Arial, Helvetica, sans-serif;*/
	/*font-family: 'Oswald', sans-serif;*/
}

footer {
	margin-top: 15%;
}

a:link {
	color: #ccddff;
}
a:visited {
	color: #ccddff;
}
a:hover, a:focus, a:active {
	color: blue;
}

h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
}

/********* Donations *********/
#other-amount-container {
	margin: 15px auto -10px auto;
	height: 80px;
	width: 400px;
	border: 1px solid white;
	line-height: 80px;
}

#other-amount-container.div {
	font-size: 1.2em;
	line-height: 80px;
}

#other-input {
	margin-left: -16px;
}

.donation-amount-container {
	background-color: white;
	color: #77778B;
	padding: 30px 20px 30px 20px;
	text-align: center;
	margin-top: -10px;
}

.donation-amt {
	display: inline-block;
	width: 90px;
	height: 90px;
	line-height: 90px;
	outline: 1px solid white;
	margin-right: 2%;
	font-size: 1.2em;
	border: 1px solid #77778B;
}

.donation-amt:last-child {
	margin-right: 0;
}

.donation-amt:hover {
	cursor: pointer;
	background-color: #77778B;
	color: white;
}

.selected {
	background-color: #77778B;
	color: white;
}

.hidden {
	display: none;
}