/*@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300);
@import url("https://fonts.googleapis.com/css?family=Source+Code+Pro:300,400,700&subset=latin-ext");*/

@font-face { font-family: StargateAncient; src: url('Stargate_Ancient.ttf'); } 
@font-face { font-family: StargateUniverse; src: url('Stargate_Universe.ttf'); } 
@font-face { font-family: StargateMilkyway; src: url('Stargate_Milkyway.ttf'); } 
@font-face { font-family: StargatePegasus; src: url('Stargate_Pegasus.ttf'); } 

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	/*font:14px/1.3 Arial,sans-serif;*/
	background-color: #2B2B2B;
	color: #9c89e0;
	/* color:rgb(92, 68, 224); */
	/* color:rgb(64, 48, 141); */
	padding-bottom: 50px;
}

header h1 {
	background-color: #2B2B2B;
	box-shadow: 0 -1px 2px #111111;
	color: #fff;
	display: block;
	height: 70px;
	position: relative;
	width: 100%;
	z-index: 100;
}

header h2 {
	font-size: 22px;
	font-weight: normal;
	left: 50%;
	margin-left: -400px;
	padding: 22px 0;
	position: absolute;
	width: 540px;
}

body h1 {
	background-color: #2B2B2B;
	box-shadow: 0 -1px 2px #111111;
	text-align: center;
	display: block;
	height: 50px;
	font-size: 2em;
	position: relative;
	width: 100%;
}

body h2 {
	background-color: #2B2B2B;
	text-align: center;
	display: block;
	height: 70px;
	position: relative;
	width: 100%;
	margin-top: 1.0em;
}

body h3 {
	background-color: #2B2B2B;
	text-align: center;
	display: block;
	height: 30px;
	position: relative;
	width: 100%;
}

body .text {
	background-color: #2B2B2B;
	box-shadow: 0 -1px 2px #111111;
	text-align: center;
	display: block;
	height: 70px;
	padding-top: 10px;
	padding-bottom: 30px;
	position: relative;
	width: 100%;
}

table {
	font-family: arial, sans-serif;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #ddd;
}

table th {
	background: #2e4460;
	color: #FFFFFF;
	padding: 0.5rem 1rem;
	font-weight: normal
}

table tbody {
	background: #3C3F41
}

table tr:nth-child(2n) td {
	background: rgba(0, 0, 0, 0.05)
}

td,
th {
	text-align: left;
	padding: 8px;
}

.row {
	margin-left: -5px;
	margin-right: -5px;
}

.column {
	float: left;
	width: 50%;
	padding: 5px;
	box-sizing: border-box;
	box-shadow: 0 -1px 2px #111111;
}

.row::after {
	content: "";
	clear: both;
	display: table;
}

p {
	margin-bottom: 1.0em;
}

a:link {
	color: lightgray;
}

a:visited {
	color: lightblue;
}

.fa.mod:before {
	content: "\f56d";
}

.fa.hash:before {
	content: "\f573";
}

.fa.changelog:before {
	content: "\f15c";
}

.fa.recommended:before {
	content: "\f005";
}

.fa.latest:before {
	content: "\f0c3";
}

.fa.modern:before {
	content: "\f3c1";
	/* unlocked lock */
	/*content: "\f52b"; open door */
	/* content: "\f49e"; open box */
}

.fa.archived:before {
	content: "\f023";
	/* locked lock */
	/* content: "\f52a"; closed door */
	/* content: "\f466"; closed box */
}

.fa.serverrules:before {
	content: "\f0e3";
}

.downloads {
	position: relative;
	display: flex;
	justify-content: center;
	padding: 0;
	align-items: flex-start;
	flex-wrap: wrap
}

.downloads div.download {
	min-width: 350px;
	max-width: 100%;
	color: #eeeeee;
	padding: 0;
	position: relative;
	text-decoration: none;
	transition: background 0.2s ease-in-out;
	text-align: center;
	font-size: 1.5rem;
	box-shadow: 0 1px 2px #303234;
	border-radius: 3px;
	margin: 0 1rem 1rem
}

.downloads div.download i {
	position: relative;
	margin-right: 5px;
	top: 2px
}

.downloads div.download small {
	font-size: 1rem
}

.downloads div.download .title {
	position: relative;
	background-color: #2e4460;
	border-radius: 3px 3px 0 0;
	padding: 10px;
	line-height: 1.2rem
}

.downloads div.download .links {
	position: relative;
	background: #303234;
	border-radius: 0 0 3px 3px;
	border-top: 1px solid #303234;
	margin: 0;
	display: grid;
	grid-gap: 1px;
	grid-auto-flow: column;
	grid-template-rows: 1fr 1fr;
	grid-auto-columns: 1fr
}

.downloads div.download .links .link {
	background: #3C3F41
}

.downloads div.download .links .mod {
	grid-column-end: span 2;
	grid-row-end: span 2
}

.downloads div.download .links .mod a {
	font-size: 1.5rem
}

.downloads div.download .links a {
	position: relative;
	box-sizing: border-box;
	font-size: 1rem;
	width: 100%;
	height: 100%;
	text-decoration: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0.75rem;
	color: #bbb;
	transition: background 0.2s ease-in-out
}

.downloads div.download .links a:hover {
	background-color: rgba(0, 0, 0, 0.1)
}

.downloads div.download .links a:active {
	background-color: rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2)
}

.downloads div.download .links a i {
	width: 28px;
	margin: 0;
	font-size: 1.75em
}

.downloads div.download .links a .download-label {
	display: block;
	margin-top: 5px;
	font-size: 0.8em
}

.download-container .btn {
	margin-bottom: 1rem
}

.btn {
	display: inline-block;
	border: none;
	padding: 0.5rem 0.7rem;
	transition: background 0.2s ease-in-out;
	outline: none;
	border-radius: 0;
	background: #de9e59;
	color: #fafafa;
}

.btn:hover,
.btn:active,
.btn:focus {
	border: none;
	color: #fafafa;
	background: #e6b784
}

.btn-large {
	padding: 0.7rem 0.9rem;
	font-size: 1.2rem
}

.content {
	padding: 0 15%;
	display: none;
	overflow: hidden;
}

.content.active {
	padding: 0 15%;
	display: block;
	overflow: hidden;
}

.allversionsbutton {
	margin: 1rem auto;
	display: block;
}

.allversionsbutton:after {
	content: 'Show all versions \02795';
	/* Unicode character for "plus" sign (+) */
	color: white;
	float: right;
}

.allversionsbutton.active:after {
	content: "Hide all versions \2796";
	/* Unicode character for "minus" sign (-) */
}

.allversions {
	display: none;
}

.allversions th {
	padding-right: 10px;
	padding-left: 30px;
}

.allversions td {
	padding-right: 10px;
	padding-left: 30px;
}

#ruleslist {
	text-align: center;
}

.downloadsheadermain {
	background-color: #2B2B2B;
	margin-top: 20px;
	text-align: center;
	display: block;
	height: 50px;
	font-size: 2rem;
	font-weight: bold;
	position: relative;
	width: 100%;
}

.allversionslabel {
	background-color: #2B2B2B;
	text-align: center;
	display: block;
	height: 70px;
	font-size: 1.5em;
	font-weight: bold;
	position: relative;
	width: 100%;
	margin-top: 1.0em;
}

.allversionsversion {
	background-color: #2B2B2B;
	text-align: center;
	display: block;
	height: 30px;
	font-size: 1.17em;
	font-weight: bold;
	position: relative;
	width: 100%;
}

.archived-notice {
	text-align: center;
	color: #FF0000;
	height: 30px;
	font-size: 20px;
}

.logo {
	text-align: center;
}

.logo img {
	height: 325px;
	margin-left: auto;
	margin-right: auto;
	border: #202020;
	border-style: solid;
	border-width: 5px;
	box-shadow: 0 0 20px #111111;
}

.mainlogo {
	text-align: center;
}

.mainlogo img {
	height: 325px;
	margin-left: auto;
	margin-right: auto;
	border: #202020;
	border-style: solid;
	border-width: 5px;
	box-shadow: 0 0 20px #111111;
}

.serverslogo {
	text-align: center;
}

.serverslogo img {
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	border: #202020;
	border-style: solid;
	border-width: 5px;
	box-shadow: 0 0 20px #111111;
}

.versionmenu {
	position: fixed;
	left: 0px;
	top: 420px;
}

.versionmenu li.head {
	background-color: #2e4460;
	color: white;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
	display: block;
	border: none;
	text-align: center;
	outline: none;
	font-size: 15px;
}

.versionmenubutton {
	background-color: #365071;
	color: white;
	cursor: pointer;
	padding: 10px;
	width: 100%;
	display: block;
	border: none;
	text-align: center;
	outline: none;
	font-size: 15px;
}

.versionmenubutton.active {
	background-color: #3C3F41;
}

.versionmenubutton:hover {
	background-color: #3f5c82;
}

.versionmenubutton:after {
	content: '\02795';
	/* Unicode character for "plus" sign (+) */
	font-size: 13px;
	color: white;
	float: right;
	margin-left: 5px;
}

.versionmenubutton.active:after {
	content: "\2796";
	/* Unicode character for "minus" sign (-) */
}

#tutorial {
	text-align: center;
}

#about {
	text-align: center;
}

#ServersTable {
	padding-bottom: 20px;
}

#RequiredModsTable {
	padding-bottom: 20px;
}

#ServerRules {
	padding: 30px;
}

.ancient {
    font-family: StargateAncient;
}

.universe {
    font-family: StargateUniverse;
}

.milkyway {
    font-family: StargateMilkyway;
}

.pegasus {
    font-family: StargatePegasus;
}