/*
 * app005-LPTF [Contracted]
 * Live Version
 * stylesheet [CSS]
 * /styles.css
*/

@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700|Averia+Serif+Libre|Meie+Script|Lato|Open+Sans:300,400,600|Roboto:300,400');

/* Shrink feature adapted from https://codepen.io/tomdurkin/pen/nvAjd */

.half-size {
	width: 50%;
	height: 50%;
}

.size-3-4 {
	width: 75%;
	height: 75%;
}

.header {
	width: 100%;
	background: white;
	border-bottom: 1px solid #e1e1e1;
	/* animation magic */
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	z-index: 1000;
	top: 0;
	position: fixed;
	padding: 10px;
	text-align: center;
}

.header h1 {
	font-size: 30px;
	text-indent: 40px;
	font-weight: bold;
	text-align: center;
}
 
.shrink {
	padding: 3px 0
}

html, body {
	margin: 0px;
	padding: 0px;
	font-family: 'Lato', sans-serif;
	font-size: 13pt;
	height: 100%;
	overflow-y: scroll;
}

.header {
    padding: 10px;
    box-shadow: 0px 3px 8px #ddd;
	font-size: 13pt;
	background-color: #006f50;
}

/*

.header a {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	margin: 5px;
	text-transform: uppercase;
	text-decoration: none;
	color: #646464;
	padding: 5px;
	border-radius: 3px;
	font-size: 15pt;
}

*/

.header a:hover {
	background-color: #eee;
}

h1 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}

h2 {
	font-family: 'Meie Script', 'Open Sans', sans-serif;
	/*
	font-family: 'Averia Serif Libre', 'Open Sans', sans-serif;
	*/
	
	font-weight: bold;
	font-size: 24pt;
	
	color: #006f4f;
}


.main-content {
	border-bottom: 1px solid #ddd;
}

.main-content>.tab-section {
	margin-left: auto!important;
	margin-right: auto!important;
}

.main-content>.tab-section>.tab {
	background-color: #eee;
	color: black;
	padding: 5px;
	display: inline-block;
	width: 24%;
	border: 1px solid #ddd;
	border-bottom: none;
	font-family: 'Roboto Slab', 'Open Sans', sans-serif;
	font-size: 15pt;
}

.main-content>.tab-section>a.tab {
	text-decoration: none;
	text-align: center;
	color: #990000
}

.main-content>.tab-section>.tab.active {
	/*background-color: #990000;*/
	background-color: #006f4f;
	border-bottom: 2px solid #006f4f;
	color: white;
}

.main-content>.content-area {
	border-top: 1px solid #006f4f;
	padding: 10px;
}

.main-content>.content-area>.content>.inner-content {
	width: 70%;
	display: inline-block;
	vertical-align: top;
	padding-left: 15px;
}

.main-content>.content-area>.content>.slideshow {
	width: 29%;
	display: inline-block;
	vertical-align: top;
	margin-top: 15px;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	position: fixed;
}
.main-content>.content-area>.content>.slideshow>img {
	max-width: 100%;
	height: auto;
}

.main-content>.content-area h2 {
	padding-left: 20%;
}


.slideshow>.slide-element {
	display: inline-block;
	vertical-align: middle;
}

img {
	object-fit: contain;
}

.slideshow>.left-click,
.slideshow>.right-click {
	font-size: 50pt;
	cursor: pointer;
	color: white;
}

.slideshow>.left-click { float: left; }
.slideshow>.right-click { float: right; }

.centered {
	text-align: center;
}

tr>td:first-child {
	text-align: right;
}
tr>td:last-child {
	text-align: left;
}
tr>td {
	padding: 3px;
	vertical-align: top;
}

.hidden {
	display: none;
}

blockquote {
	border-top: 7px solid #990000;
	padding-top: 7px;
	display: inline-block;
	width: 45%;
	color: black;
	padding: 5px;
	font-style: italic;
	margin-left: 0;
	text-align: center;
}

.announcement {
	display: block;
	border: 1px solid #006f4f;
	padding: 10px;
	font-weight: 600;
	width: 50%;
	text-align: center;
}

.content-column {
	display: inline-block;
	width: 49%;
	vertical-align: top;
}

.footer {
	bottom: 0;
	float: bottom;
	position: fixed;
	background-color: white;
	display: block;
	width: 100%;
}

.img__special_1 {
	border: 10px solid #990000;
	margin-top: 25px;
}

.img__special_2 {
	margin-top: 10px;
}


/* Image alignment */
@media screen and (max-width: 1720px) {
	.inner-content {
		width: 67%!important;
		margin-right: 20px;
	}
}
@media screen and (max-width: 1450px) {
	.inner-content {
		width: 60%!important;
		margin-right: 20px;
	}
	.content-column {
		display: block;
		width: 95%;
	}
	.tab {
		width: 23%!important;
		font-size: 14pt!important;
	}
}

@media screen and (max-width: 1200px) {
	#full_header { display: none!important; visibility: hidden; }
	#collapsed_header { display: block!important; margin-right: 20px; }
	.tab {
		display: block!important;
		width: 100%!important;
	}
	.tab:first-child {
		margin-left: 0px!important;
	}
	.inner-content, .slideshow, blockquote, .content-column, .announcement {
		display: block;
		width: 95%!important;
	}
	.slideshow, .footer {
		position: relative!important;
	}
}

.tab-section {
	text-align: center;
}

.slideshow, .slideshow>img {
	text-align: center;
}