@charset "UTF-8";
@import "init.css";


/***** HTML common settings *****/

body {
	font-size: medium;
	line-height: 160%;
	background: #c22047 none;
	color: #ffffff;
}

h2 {
	font-size: 150%;
	line-height: 150%;
	font-weight: bold;
	margin-bottom: 1em;
}

h2 img {
	height: 1.25em;
	vertical-align: top;
	margin-right: 0.25em;
}

footer {
	padding: 1em;
}

footer section {
	display: table;
	margin: 0px auto;
	margin-bottom: 1em;
}

footer a {
	color: #ffffff;
	font-weight: bold;
}

.gtMinistryContainer {
	padding: 1em 0px;
	padding-bottom: 2em;
	margin-bottom: 1em;
	border-bottom: #cccccc 1px solid;
}

.gtMinistryContainer h2 {
	border-left: #c22047 0.5em solid;
	padding-left: 0.5em;
}

.gtMinistryContainer h2 a {
	color: #000000;
}

.gtFixedEntryTitle {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	box-sizing: border-box;
	background: #ffffff none;
	background: rgba(255, 255, 255, 1.0);
	padding-top: 60px;
	padding-bottom: 1em;
	z-index: 50;
}

.gtFixedEntryTitle h2 {
	width: 100%;
	margin: 0px auto;
}

/* Fixed Title Transition */

.fxt-enter {
	top: 0px;
	opacity: 0;
}

.fxt-leave-to {
	top: -100px;
}

.fxt-enter-to, .fxt-leave {
	top: 0px;
	opacity: 1.0;
}

.fxt-enter-active {
	transition-property: all;
	transition-duration: 100ms;
	transition-timing-function: ease-out;
}

.fxt-leave-active {
	transition-property: all;
	transition-duration: 500ms;
	transition-timing-function: ease-out;
}

/* The end */

.gtEntryList {
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-left: 0.5em;
}

.gtEntryList li {
	margin-bottom: 0.5em;
	text-align: justify;
}

.gtEntryList li a {
	display: block;
	padding: 0.2em 1em;
}

.gtEntryList li a:hover {
	text-decoration: none;
	background: #eeeeff none;
}

.gtDetailsLink {
	margin-top: 1em;
}

a.gtControls {
	display: table;
	padding: 0.5em 1em;;
	font-size: 90%;
	line-height: 100%;
	font-weight: bold;
	background: #c22047 none;
	color: #ffffff;
	border-radius: 0.2em;
	margin: 0px 0px 0px auto;
}

a.gtControlOnLeft {
	margin: 0px auto 0px 0px !important;
}

a.gtControlOnCenter {
	margin: 0px auto !important;
}

a.gtControls:hover {
	color: #ffff00;
	text-decoration: none;
}

.gtAboutArticle {
	padding: 1em;
	margin-bottom: 2em;
}

#globalHeader {
	position: fixed;
	left: 0px;
	width: 100%;
	height: 34px;
	box-sizing: border-box;
	z-index: 99;
	background: #c22047 none;
	color: #ffffff;
	/*padding: 0.25em 1em;*/
}

/* global header transition */

.gh-enter, .gh-leave-to {
	top: -50px;
}

.gh-enter-to, .gh-leave {
	top: 0px;
}

.gh-trans-active {
	transition-property: all;
	transition-duration: 250ms;
	transition-timing-function: ease-out;
}

/* The end */

#globalHeader h1 {
	position: absolute;
	left: 1em;
	top: 8px;
	line-height: 100%;
	z-index: 10;
}

#globalHeader h1 img {
	height: 20px;
}

#ghDate {
	position: absolute;
	left: 0px;
	top: 0px;
	box-sizing: border-box;
	width: 100%;
	padding: 0.2em 1em;
	text-align: right;
}

#ghDate input[type=date] {
	border: none;
	background: inherit;
	color: #ffffff;
	font-family: inherit;
	font-size: 90%;
	font-weight: bold;
	text-align: right;
}

#mainpane {
	background: #ffffff none;
	color: #000000;
}

#mainpane h1 {
	text-align: center;
	padding: 3em 10px 2em 10px;
}

#mainpane h1 img {
	width: 95%;
	max-width: 400px;
}

#currentDate {
	font-size: 150%;
	line-height: 150%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0.25em;
}

#currentDate span {
	font-size: 67%;
}

#dateControl {
	width: 20em;
	margin: 0px auto;
	margin-bottom: 2em;
}

#dateControl section {
	width: 50%;
	float: left;
}

#dateControl div {
	clear: both;
}

#maincontainer {
	box-sizing: border-box;
	width: 100%;
	max-width: 40em;
	margin: 0px auto;
	padding: 0px 1em;
	padding-bottom: 2em;
}

#copyright {
	margin-bottom: 0px;
	font-size: 90%;
	line-height: 150%;
}