/* ---- Titles ---- */

#logo_container {
	text-align: center;
}

#logo_container > h1 {
	display: none;
}

#logo_container > img {
	max-width: 100%;
}


/* ---- Version display ---- */

#version_container {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-weight: bold;
	color: var(--color-dark);
}
.dark_mode #version_container {
	color: var(--color-bright);
}

#version_container .version_number {
	font-size: 1.75rem;
}

#version_container .version_date {
	font-size: 1.25rem;
}

/* -- DOWN BELOW: DEPRECTAED -- */

.version_number, .version_date {
	line-height: initial;
}

.version_switch {
	display: flex;
	/*align-items: flex-start;*/
	justify-content: center;
	gap: 1em;
	width: 100%;
	margin-top: 0.5em;
}

#version_modal, #tb_version_modal {
	margin-bottom: 1em;
}

#version, .version, #version_modal, #tb_version, #tb_version_modal {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;

	font-weight: bold;
	color: var(--color-base);
}

#version .version_number,
.version .version_number,
#version_modal .version_number,
#tb_version .version_number,
#tb_version_modal .version_number {
	font-size: 16pt;
}

#version .version_time,
.version .version_time,
#version_modal .version_time,
#tb_version .version_time,
#tb_version_modal .version_time {
	font-size: 11pt;
}


/* Older styles */

#generatoriframe {
	width: 100%;
	height: 800px;
	border: none;
	/*border-top: 2px dotted gray;*/
}

#gen-buttons {
	display: block;
	width: 100%;
	margin-bottom: 8px;
}

#gen-buttons a, #gen-buttons iframe {
	margin-top: 4px;
	vertical-align: top;
}

#gen-button-left, #gen-button-center, #gen-button-right {
	display: inline-block;
	width: 33%;
	height: 41px;
	vertical-align: top;
}

#gen-button-left {
	text-align: left;
}

#gen-button-center {
	text-align: center;
}

#gen-button-right {
	text-align: right;
}

#gen-buttons {
	text-align: center;
}

/* Mobile phone CSS */

@media only screen and (max-width: 900px) {

	#gen-button-left, #gen-button-center, #gen-button-right {
		display: inline-block;
		height: 41px;
		vertical-align: top;
		width: auto;
	}

}