/* bootstrap reset*/
.row {
	margin-left: 0;
	margin-right: 0;
}
/*header and contents*/
.tenhr-header {
	background-image: url("../img/full-background.jpg");
	background-color: #d1bd5a; 
	width: 100%;
	background-position: center;
	background-repeat: repeat-y;
	background-size: contain;
	position: fixed;
	z-index: 1;
	padding-left: 0;
	padding-right: 0;
}
#tenhr-logo {
	font-family: 'Spectral SC', serif;
	font-size: 2vw;
	text-shadow: 0px 0px 4px #ab9559;
}
#tenhr-tenhr {
	color: #171613;
	font-size: 4vw;
	display: flex;
	justify-content: center;
	align-items: center;
}
#tenhr-number {
	font-family: "Times New Roman", Times, serif;
}
#tenhr-motto {
	color: #2b2617;
	font-size: 2.5vw;
	display: flex;
	justify-content: center;
	align-items: center;
}
#tenhr-menu {
	font-family: 'Josefin Sans', sans-serif;
}
#tenhr-list {

}
#tenhr-list li {
	list-style-type: none;
	display: inline;
	font-size: 1vw;
	padding: 1%;
}
@keyframes tenhr-link {
  0%   {color: #2e2416;}
  60%  {color: #543d1d;}
  100% {color: #ad6a4b;}
}
@keyframes tenhr-off {
  0%   {color: #ad6a4b;}
  60%  {color: #543d1d;}
  100% {color: #2e2416;}
}
#tenhr-list li a {
	text-decoration-line: none;
	color: #2e2416;
	animation-name: tenhr-off;
	animation-duration: 0.4s;
	animation-iteration-count: 1;
}
#tenhr-list li a:hover {
	text-decoration-line: none;
	animation-name: tenhr-link;
	animation-duration: 0.4s;
	animation-iteration-count: 1;
	color: #ad6a4b;
}
.tenhr-divider {
	background-image: url("../img/brick.jpg");
	background-color: #9c8e49; 
	height: 24px;
	width: 100%;
	background-position: center;
	background-repeat: repeat-x;
	background-size: contain;
}
/*content area*/
#tenhr-content-container {
	
}
#tenhr-spacer {
	height: 1px;
}
.tenhr-column {
	background-image: url("../img/column.jpg");
	background-color: #bdac5b; 
	background-position: top;
	background-repeat: repeat-y;
	background-size: contain;
}
#tenhr-content {
	background-image: url("../img/background.jpg");
	background-color: #e3ce78; 
	background-position: center;
	background-repeat: repeat-y;
	background-size: contain;
}
/*each article*/
.tenhr-article {
	background-color: #fce1c2;
	border-radius: 10px;
	padding: 1.1%;
	margin: 1.4%;
}
.tenhr-article-title {
	font-family: 'Spectral SC', serif;
	font-size: 1.5vw;
}
.tenhr-article-content {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 1vw;
}
.tenhr-article-content a {
	text-decoration-line: none;
	color: #2e2416;
}
.tenhr-article-content a:hover {
	text-decoration-line: none;
	color: #ad6a4b;
}
.content-image {
	height: auto;
}
/*utility & non-location specific */
#blackout {
	background-color: rgba(0,0,0, 0.94);
	z-index: 3;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 1000px;
	display: none;
}