/*
 * theia.css — styles for the legacy theia.mobi pages (slugs: theia, theia-gdpr)
 * Extracted out of the inline <style> blocks that used to live in the page
 * content. Loaded conditionally from header.inc.php for those two pages only.
 *
 * All rules are scoped to the theia page bodies. The layout rules use
 * :not(#container) so they style the page's OWN inner .container and never
 * leak onto the theme's outer #container wrapper (which also has class
 * "container") — that leak added stray margin/min-height above the header.
 */

body#theia,
body#theia-gdpr {
	font-family: sans-serif;
	color: #333;
	font-size: 14px;
	-webkit-text-size-adjust: 100%;
}

#theia h1, #theia h2, #theia h3, #theia h4, #theia h5,
#theia-gdpr h1, #theia-gdpr h2, #theia-gdpr h3, #theia-gdpr h4, #theia-gdpr h5 {
	margin-top: 0;
}

#theia h1, #theia-gdpr h1 {
	text-align: left;
	color: #333;
	margin-top: 1em;
	margin-bottom: 0;
}

#theia h2, #theia-gdpr h2 {
	color: #333;
	font-size: 1.3em;
	padding-top: 1.6em;
	margin-bottom: 0.5em;
}

#theia p, #theia ul, #theia ol,
#theia-gdpr p, #theia-gdpr ul, #theia-gdpr ol { line-height: 1.5; }

#theia ul, #theia-gdpr ul { padding-bottom: 6px; }
	#theia ul li, #theia-gdpr ul li { padding-bottom: 3px; }
	#theia ul ul, #theia-gdpr ul ul { padding-bottom: 0; }
	#theia ul ul, #theia ul ul ul,
	#theia-gdpr ul ul, #theia-gdpr ul ul ul { list-style: square; }

/* The page's own content container (NOT the theme's outer #container) */
#theia .container:not(#container),
#theia-gdpr .container:not(#container) {
	width: 760px;
	margin: 40px auto;
}
#theia .container:not(#container)      { min-height: 500px; }
#theia-gdpr .container:not(#container) { min-height: 800px; }

#theia .left,  #theia-gdpr .left  { float: left; }
#theia .right, #theia-gdpr .right { float: right; }
#theia .clear, #theia-gdpr .clear { clear: both; }

#theia small, #theia-gdpr small { font-size: 12px; color: #666; }

#theia .section, #theia-gdpr .section {
	margin-bottom: 5px;
	padding-bottom: 5px;
	clear: both;
}

#theia a.logo, #theia-gdpr a.logo {
	display: block;
	text-align: center;
	background: none !important;
	padding-top: 12px;
}

#theia a.logo img, #theia-gdpr a.logo img,
#theia .divTableCell img {
	max-width: 100%;
	height: auto;
	border: none;
	background: none;
}

@media only screen and (max-width: 960px) {
	#theia .container:not(#container),
	#theia-gdpr .container:not(#container) {
		width: 90%;
		margin: 20px auto;
	}
	#theia .content-table, #theia-gdpr .content-table { width: 100%; }
	#theia .logo, #theia-gdpr .logo { width: 180px; }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	#theia .logo, #theia-gdpr .logo {
		width: 200px;
		margin: 0 auto;
	}
}

@media only screen and (min-width: 960px) {
	#theia .container:not(#container),
	#theia-gdpr .container:not(#container) { width: 860px; }
}

@media only screen and (min-width: 1200px) {
	#theia .container:not(#container),
	#theia-gdpr .container:not(#container) {
		width: 960px;
		font-size: 1.11em;
	}
}

/* Table layout used by the theia portfolio grid */
#theia .divTable     { display: table; width: 100%; }
#theia .divTableRow  { display: table-row; }
#theia .divTableCell { border: none; display: table-cell; padding: 3px 10px; }
#theia .divTableBody { display: table-row-group; }

/* The Bluetooth-service modal (theia page only) */
#theia .modal {
	display: none;
	position: fixed;
	z-index: 1;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.4);
}

#theia .modal-content {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	width: 80%;
}

#theia .close:hover,
#theia .close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}