/*@@@@@@@@@@@@@@@@@@@@@@@
Project Page
@@@@@@@@@@@@@@@@@@@@@@@*/

.content .project .item h3 {
	margin-top:-10px;
}

.content .project img {
	max-width:100%;
}

.content .project .item h4 {
	font-size:42px;
	color:#221f1f;
}

.content .project .item h5 {
	font-size:32px;
}

.content .project .toc {
	background-color:#fff;
	box-shadow:0 2px 2px rgba(0,0,0,.25);
	padding:25px;
	border-radius:5px;
}

.content .project .toc h4 {
	margin-bottom:20px;
}

.content .project .toc a {
	display:block;
	color:#b6c01a;
	font-weight:bold;
	font-size:18px;
}

.content .project .toc a:hover {
	text-decoration:underline;
	color:#97a100;
}

.content .project .toc a:not(:last-of-type) {
	margin-bottom:10px;
	padding-bottom:10px;
	border:1px dotted transparent;
	border-bottom:1px dotted #ccc;
}

.content .quote {
    background-color:#fff;
    background-size:cover;
    background-position:center top;
    border-radius:5px;
    border:1px solid #ccc;
    box-shadow:0 3px 5px rgba(0,0,0,0.15);
    padding:20px 30px;
    clear:both;
}

.content .quote p {
    color:#222;
    font-weight:500;
}

.content .quote span {
	font-size:18px;
    text-align:right;
    font-weight:500;
    color:#b6c01a;
    display:block;
}

/*@@@@@@@@@@@@@@@@@@@@@@@
Content
@@@@@@@@@@@@@@@@@@@@@@@*/

	.bridge {
		background-image:url('images/latest_bg.png');
		height:100px;
		background-position:center top;
	}

	.main {
		background-color:#fafafa;
		background-image:url('images/main_bg.jpg');
		background-position:bottom center;
		background-repeat:no-repeat;
	}

	.conbox {
		background-color:#fff;
		box-shadow:0 5px 5px rgba(0,0,0,.15);
		border-radius:5px;
		margin-top:-100px;
		margin-bottom:90px;
	}

	.content {
		padding-top:30px;
		padding-right:0;
		transition:all .5s;
	}

	.contenthide {
		margin-top:-50px;
		opacity:0;
	}

	.content .item:not(:last-of-type) {
		border-bottom:2px dotted #ccc;
		padding-bottom:60px;
	}

	.content .item .line {
		width:100px;
		height:2px;
		background-color:#221f1f;
	}

	.content .disclaimer {
		font-style:italic;
	}

	.person:not(:last-of-type) {
		border-bottom:2px dotted #ccc;
		padding-bottom:60px;
	}

	.content h1 {
		text-transform:capitalize;
		font-size:48px;
	}

	.person .map {
		width:300px;
		margin-left:60px;
		background-position:center center;
		flex-shrink:0;
		border-radius:5px;
		border:1px solid #ccc;
		box-shadow:0 5px 5px rgba(0,0,0,.15);
	}

	.person .mapsite {
		border:2px solid #221f1f;
		color:#221f1f;
		font-weight:bold;
		padding:10px 20px;
		border-radius:5px;
		opacity:.5;
	}

	.person .mapsite:hover {
		opacity:1;
	}

    .person h3 span {
        font-size:24px;
        font-weight:600;
    }

	.content .option {
		background-color:#eee;
		padding:30px;
		border-radius:5px;
		border:1px solid #ccc;
		background-image:url('images/option_bg.jpg');
		background-position:center center;
		background-size:cover;
	}

	.content .option a {
		background-color:#b6c01a;
		padding:10px 20px;
		border-radius:5px;
		color:#fff;
		font-size:18px;
		display:table;
		margin-top:10px;
		opacity:.75;
		background-size:auto 24px;
		background-position:center left -30px;
		background-repeat:no-repeat;
		background-image:url('images/ui/right-arrow-white.png');
	}

	.content .option a:hover {
		opacity:1;
		padding-left:50px;
		box-shadow:0 2px 4px rgba(0,0,0,.25);
		background-position:center left 15px;
	}

	.content .option .pdf {
		background-image:url('images/ui/sidebar_pdf.png');
	}

	.content .option .ext {
		background-image:url('images/ui/link_ext.png');
	}

	.content table {
		border:1px solid #ccc;
		border-bottom:0;
		margin:0 auto;
		padding:0;
		border-spacing:0;
		min-width:600px;
		width:100%;
	}
	
	.content table tr td {
		padding:5px 10px;
		border-bottom:1px solid #ccc;
	}
	
	.content table tr:nth-child(odd) {
		background-color:#fafafa;
	}
	
	.content table tr:first-of-type td {
		background-color:#111;
		color:#fff;
	}

	/* 1400px */
	@media only screen and (max-width: 1400px) {
		.content {
			padding-left:60px;
		}
	}

	/* 1300px */
	@media only screen and (max-width: 1300px) {
		.person .flex {
			display:block;
		}

		.person .map {
			height:300px;
			width:100%;
			margin-left:0;
			margin-top:30px;
			background-repeat:no-repeat;
		}
	}

	/* 800 px */
	@media only screen and (max-width: 800px) {
		.newsbox table {
			display:block;
			width:unset;
			min-width:unset;
			overflow-x:scroll;
			white-space: nowrap;
		}
		.newsbox tbody {
			min-width:600px;
			display:table;
		}
	}

	/* 600px */
	@media only screen and (max-width: 600px) {
		.content h1 {
			font-size:36px;
			line-height:1.3em;
		}
	}