@charset "utf-8";
/*	
	CONTAINERS																			     		
		.body
		.content
		.header

	COMPONENTS																								
		.bar
		.document
		.logo
		.logo-text
		.panel
		.gallery

	THUMBNAIL-TEXT
		.thumbnail-text

	IMAGE SMALL
		.image-small

	IMAGE MEDIUM
		.image-medium
		
	PUSH MENU
		.push-menu-[n]
*/

/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */
/* CONTAINERS																							     		*/
/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */

body{
	padding:0px;
	margin:0px;
	overflow-x:hidden;
	
}


::-webkit-scrollbar { 
    display: none; 
}

.content{
	width:100%;
	float:left;
	overflow:hidden;
}

.header{
	width:100%;
	height:128px;
}

.header-navbar{
	width:100%;
	height:40px;
}

/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */
/* COMPONENTS																									    */
/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */

.bar {
	height:40px;
	width:100%;
	line-height:40px;
	padding-left:16px;
	padding-right:0;
}

.document {
	padding-left:32px;
	padding-right:32px;
	padding-top:32px;
	padding-bottom:48px;
}

.logo {
	float:left;
	margin-top:26px;
	margin-left:none;
	background-image:url("../../images/logo/hn-logo-110x75.png");
	height:75px;
	width:110px;
}

.logo-text {
	float:left;
	padding-left:16px;
	line-height:80px;
	font-weight:700;
	display:none;
}

.panel{
	padding-left:16px;
	padding-right:16px;
	padding-top:20px;
	padding-bottom:16px;
}

.gallery .condense-text{
	min-height:132px;
	/* to acomidate extra line in titles. */
}

/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */
/* THUMBNAIL-TEXT																									*/
/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */

.thumbnail-text{
	padding:0px;
	overflow:auto;
}

/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */
/* IMAGE SMALL																									    */
/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */

img{
	padding:0px;
	margin:0px;
}


.image-small{
	float:left;
	padding-bottom:16px;
	padding-right:16px;
	
}

.image-small > img{
	border:solid 1px;
	max-width:120px;
	max-height:120px;
}

/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */
/* IMAGE MEDIUM																									    */
/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */

.image-medium{
	width:30%;
	min-width:120px;
    height: auto;
	margin-right:5%;
	margin-bottom:32px;
	float:left;
}

.image-medium > img{
	width:100%;
	height:auto;
}

.image-medium.gallery > img{
	padding-bottom:16px;
}

.image-medium.gallery:nth-child(3n) {
	margin-right:0px;
}

/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */
/* PUSH MENU																								        */
/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */

.push-menu{
	position:absolute;
	right:0px;
	top:0px;  
	z-index:30;
	background-color:rgba(0,204,204,0.5);
	visibility:hidden;
	height:1400px;
}

.push-background{
	width:100%;
	height:1400px;
	background-color:rgba(0,0,0,0.5);
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 30;
	visibility:hidden;
}

div [id*="push-menu-"]{
	-moz-box-shadow:   -1px 0px 12px 0px #333;
	-webkit-box-shadow: -1px 0px 12px 0px #333;
	box-shadow:         -1px 0px 12px 0px #333;
}