body {
	font-family: Gothic A1, sans-serif;
}

a {
	text-decoration: none;
	color: mediumpurple;
}

h3, h5, h6 {
	margin-top: 1em;
}

h4 {
	font-weight: 900;
	font-family: Cabin Sketch, sans-serif;
	color: mediumpurple;
}

#resources h6 {
	font-weight: 700;
}

a h6, h6 a {
	color: mediumpurple;
}

a:hover, a h6:hover, h6 a:hover {
	color: indigo;
}

footer {
	text-align: center;
	color: #888;
	width: 90%;
	padding-top: 1em;
	border-top: 1px mediumpurple solid;
	font-size: 90%;
}

.footer {
	position:absolute;
	bottom:0px;
}

p {
	font-weight: 100;
}

ul {
	font-size: 80%;
}

#version {
	width: 100%;
}

button, select, btn-group, option, .tab button {
	border-radius: 50px!important;
}

.btn {
	width: 100%;
	padding: 5%;
}

.header {
	background-size: cover;
	background-color: white;
	border-radius: 20px;
	box-shadow: 3px 3px 20px 10px #ddd;
	text-align: center;
}

.jumbotron {
	background-image: url(Pattern_05.gif);
	background-attachment: fixed;
	background-repeat: repeat;
	border-radius: 0;

}

.nav-link:hover {
	background-color: mediumpurple;
	color: white;
	border-radius: 5px;
}

.navbar-brand {
	font-family: Cabin Sketch, sans-serif;
	text-align: center;
}

.selected {
	text-underline-position: 1px;
	background-color: mediumpurple;
	color: white;
	border-radius: 5px;
}

.btn-group.special {
	display: flex;
}

.special .btn {
	flex: 1
}

.solution-all {
	height: 100vh;
	overflow-y: scroll;
}

#solution-select, #resourceTabs {
	background-color: white;
	border-bottom: 5px mediumpurple solid;
}

/* Style the tab */
.tab {
	overflow: hidden;
	background-color: #f1f1f1;
}

.highlight {
	color: mediumpurple;
	font-weight: 700;
}

.seesolutions {
	background-color: #9370DB;
	color: white;
}

.seesolutions:hover {
	background-color: #b198e2;
}


.controls {
	background-color: #ece8ff;
	padding: 2em;
	text-align: left;
}

#question-container {
	font-size: 100%;
	text-align: center;
}