@font-face{
	font-family: "serif";
	src:url('/theme/fonts/liberation-serif/LiberationSerif-Regular.ttf');
	font-weight: normal;
	font-variant: normal;
}
@font-face{
	font-family: "headers";
	src:url('/theme/fonts/arima-koshi/ArimaKoshi-ExtraBold.otf');
	font-weight: normal;
	font-variant: normal;
}
body{
	margin:0px;
	font-size: 14px;
	font-family: "serif";
	color:midnightblue;
	background-color: #ff6341;
	word-break: normal;
}
h1{
	font-size: 42px;
	line-height:45px;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	font-size: 36px;
	font-family: "headers";
	/*color:midnightblue;*/
	/*text-align:center;*/
	font-weight: bold;
}

a, a:visited, a:active{
	color:black;
}
blockquote{
	font-weight:bold;
}

a{
	/*color:lightseagreen;*/
	text-decoration: none;
}
hr{
	border:0;
	border-bottom:1px solid black;
}

section{
	width: calc(100% - 4em);
	padding:0 2em;
}
header{
	top:0;
	height: auto;
	margin:0 0 5em 0;
	text-align: center;
}
	#menu{
		width: 100%;
		margin:0;
		font-size: 9vw;
		line-height: 1.2;
		color:white;
		padding:90px 0;
		background-color: black;
	}
		#menu.main{
			position: relative;
			z-index: 10;
		}
	#menu select{
		height:5vw;
		vertical-align: middle;
		color:black;
		padding: 0 0 0 1em;
		margin:0 1em;
	}
	#menu.sticky{
		position: fixed;
		font-size: 2em;
		width: 100%;
		top:0;
		left:0;
		padding:10px 0;
		margin:0;
		background-color: black;
	}
		#menu.sticky{
			z-index: 1;
		}
		#menu.sticky a{
			color:white;
		}
		#menu.sticky select{
			padding:0;
			height: auto;
			margin:0 0.5em;
		}

#content{
	margin-bottom:5em;
}

	.featured {
		max-width: calc(50% - 1.5em);
		float: left;
		margin:2em 0;
		color:rgb(0, 5, 33);
	}

	.featured:nth-child(even) {
		float:right;
		margin-top: 10em;
	}
	.featured:nth-child(odd) {
		clear: left;
	}
	.featured:last-of-type{
		margin-bottom:5em;
	}
	.entry-title{
		border: 0;
		border-radius: 15px 50px;
		background-color: white;
		padding: 2em;
		text-align: center;
	}
		.entry-title a{
			color:#ff6341;
		}
	.entry-subtitle{
		font-size: 12px;
		line-height: 1.5;
		text-align:left;
		margin:2em 0 1em;
		padding:0 20px;
		color:white;
		/*margin-left:50px;*/
	}
	.entry-content{
		font: 16px serif;
		line-height: 28px;
		letter-spacing: 0.01em;
		/*background-color: midnightblue;*/
		padding:0 20px;
		color:black;
	}
	.entry-readmore a{
		text-decoration: underline;
	}
	.entry-tags a{
		font-weight:bold;
		text-decoration: underline;
		color:white;
	}

/* article pages */
#content.article{
	max-width:900px;
	margin:0 auto 5em auto;
}
	#content.article .entry-content{
		font-size: 21px;
		line-height: 1.7;
	}

#list{
	margin:3em 0;
	clear: both;
}
	#list ul, #list li{
		list-style: none;
		padding:0;
		margin:2em 0;
	}
	#list .entry-title{
		margin-top:0; /* reset */
		margin-bottom:0; /* reset */
		padding:1em 2em;
	}

footer{
	width: calc(100% - 4em);
	margin:0;
	padding:2em;
	left:0;
	background-color: rgb(228, 43, 3);
	color:white;
	clear:both;
}


@media only screen and (orientation:portrait) {
	body {
		
	}
	#menu{
		clear:both;
		max-width: 100%;
	}
	.featured{
		max-width: calc(100% - 8em); !important
		clear:both; !important
	}
	.featured:nth-child(even) {
		clear:both; !important
	}
	.entry-content{
		max-width: 80%;
	}


}