@charset "utf-8";

/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */
/* COMPONENTS - INSET CONTENT IN HEADER																									    */
/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 996px) {
	
	.logo{ margin-left:20px;}
	.list-header{ margin-right:20px;}
}

/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */
/* LOGO	- SWAP LOGO SMALLER LOGO WITH NO STRAP																						*/
/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */

@media all and (max-width: 900px) {
	
	.logo{
		float:left;
		margin-top:16px;
		margin-left:16px;
		background-image:url("../../images/logo/hn-logo-no-strap-83x48.png");
		height:48px;
		width:83px;
	}
	
	.logo-text{
		display:block;
	}
}

/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */
/* HEADER - REDUCE HEIGHT FOR HEADER WHEN LOGO CHANGES																						*/
/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */
@media all and (max-width: 900px) {

	.header {
		height: 80px;
	}
}

/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */
/* ROW COLUMN HEIGHT																					            */
/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */

/* --------------------------------------- */
/* FIXED BREAK 1						   */																			
/* --------------------------------------- */

@media screen and (min-width: 960px) {
	
	.row{width:960px;}
	
	.column-1{width:8.333333333333334%}
	.column-2{width:16.666666666666668%}
	.column-3{width:25%}
	.column-4{width:33.333333333333333%}
	.column-5{width:41.66666666666667%}
	.column-6{width:50%}
	.column-7{width:58.333333333333336%}
	.column-8{width:66.66666666666667%}
	.column-9{width:75%}
	.column-10{width:83.33333333333334%}
	.column-11{width:91.66666666666667%}
	.column-12{width:100%}
}

/* --------------------------------------- */
/* TABLES BREAK 2						   */																			
/* --------------------------------------- */

@media screen and (min-width: 640px) and (max-width: 960px) {
	
	.row{
		width:100%;	
		display:table;
	}

	.column-1{width:8.333333333333334%}
	.column-2{width:16.666666666666668%}
	.column-3{width:25%}
	.column-4{width:33.333333333333336%}
	.column-5{width:41.66666666666667%}
	.column-6{width:50%}
	.column-7{width:58.333333333333336%}
	.column-8{width:66.66666666666667%}
	.column-9{width:75%}
	.column-10{width:83.33333333333334%}
	.column-11{width:91.66666666666667%}
	.column-12{width:100%}
	
	.column-1, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-8, .column-9, .column-10, .column-11, .column-12{
		display: table-cell; 
		float:none;
	}
	
	div[class*="fixed-height-"]{
		height:100%;
	}
}

/* --------------------------------------- */
/* THIN COLUMNS BREAK 3					   */																			
/* --------------------------------------- */

@media screen and (min-width: 860px) and (max-width: 900px) {
	
	.column-1{width:100%;display:block;}
	.column-2{width:100%;display:block;}
	.column-3{width:100%;display:block;}
	.column-4{width:100%;display:block;}
	.column-8{width:100%;display:block;}
	.column-9{width:100%;display:block;}
}

/* --------------------------------------- */
/* THIN COLUMNS BREAK 4					   */																			
/* --------------------------------------- */

@media screen and (min-width: 760px) and (max-width: 860px) {
	
	.column-1{width:100%;display:block;}
	.column-2{width:100%;display:block;}
	.column-3{width:100%;display:block;}
	.column-4{width:100%;display:block;}
	.column-8{width:100%;display:block;}
	.column-9{width:100%;display:block;}
}

/* --------------------------------------- */
/* THIN COLUMNS BREAK 5					   */																			
/* --------------------------------------- */

@media screen and (min-width: 640px) and (max-width: 760px) {
	
	.column-1{width:100%;display:block;}
	.column-2{width:100%;display:block;}
	.column-3{width:100%;display:block;}
	.column-4{width:100%;display:block;}
	.column-8{width:100%;display:block;}
	.column-9{width:100%;display:block;}
	.table-wrapper > .column-4{width:100%;display:block;}
	.table-wrapper > .column-4{width:100%;display:block;}
	.table-wrapper > .column-8{width:100%;display:block;}
	
}

/* --------------------------------------- */
/* STACK BREAK 6					       */																			
/* --------------------------------------- */

@media screen and (min-width: 240px) and (max-width:640px) {
	
	.row{
		width:100%;
		display:block;
	}
	
	div[class*="column-"]{
		width:100%;
		float: left;
		height:100%;
		display:block;
	}

	div[class*="fixed-height-"]{
		height:auto;
	}
	
	div[class*="column-"].theme-white{
		border:none;
	}

	div[class*="column-"].theme-black{
		border:none;
	}

	div[class*="column-"].theme-red {
		border:none;
	}
	

}

/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */
/* BANNER ORBIT - MOVE BANNER TITLE TO CAPTION																								        */
/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width: 720px) {
	
	.orbit-wrapper > .orbit-caption {
	
		position:absolute;
		top:32px;
	}
	
	.orbit-caption {
		font-family:'FuturaStdLight', Arial, Helvetica, sans-serif;
	}
	
	.orbit-caption h4 {
		font-size:36px;
		font-weight:200;
	}
	
	.orbit-caption p {
		font-size:18px;
		font-weight:200;
	}	
}

/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */
/* LIST HORIZONTAL - CHANGE TEXT TO ICONS																							    */
/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */

#main-horizontal-icons{
	display:none;	
}

#main-horizontal-text{
	display:block;
}

#header-horizontal-nav{
	display:block;
}

@media screen and (max-width: 900px) {
	
	#main-horizontal-icons{
		display:block;
	}	

	#main-horizontal-text{
		display:none;
	}
	
	#header-horizontal-nav{
		display:none;
	}	
}

/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */
/* VIDEO - MOVE DESCRIPTION TEXT BELOW VIDEO - MOVE VIDEO LIST TEXT BELOW THUMBNAIL																									*/
/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */

@media all and (max-width: 900px) {
	
	div[class*="video-player-"] {
		width:100%;
		height:100%;
	}
	
	.video-player-featured {
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
	}
	
	.video-player-featured iframe,  
	.video-player-featured object,  
	.video-player-featured embed{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}

@media all and (max-width: 450px) {
	.video-list > .panel >  .image-small {
		height: 80px;
	}
}

/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */
/* LIST TEXT 																								*/
/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */

@media all and (max-width: 680px) {
	
	ul.list-text  {
		padding-left:16px;
		margin-left:-16px;
		height:auto;
		width:100%;
		padding-bottom:12px;
		padding-top:12px;
	}
	
	ul.list-text li p {
		line-height:normal;
	}
	
	ul.list-text.right{
		float:left;
	}
}

@media all and (max-width: 500px) {
	
	ul.list-text li {
		float: none;
		border-left: none;
		padding-left: 0px;
		padding-right: 8px;
	}
}




/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */
/* BAR																								*/
/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */

@media all and (max-width: 500px) {
	
	.bar > .icon{
		display:none;
	}
	
	.bar > .icon.icon-close{
		display:block;
	}
	
	.bar.over-flow {

		overflow:auto;
		height:auto;
		line-height:normal;
		padding-top:12px;
		margin-bottom:0px
	}	
	
	.bar p {
		margin-bottom:12px
	}
}

/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */
/* IMAGE - PLACE TEXT UNDER IMAGE - CHANGE GALLERY COULMNS 															s*/
/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */

@media all and (max-width: 450px) {
	.image-small {
		float:none;
	}
}

@media all and (max-width:550px) {

	.image-medium{
		float:none;
	}
	
	.image-medium.gallery{
		float:left;
	}
}

@media all and (max-width: 600px) {
	.image-medium.gallery:nth-child(3n) {
		margin-right:6%;
	}
	
	.image-medium.gallery:nth-child(2n) {
		margin-right:0px;
	}
	
	.image-medium{
		width:47%;
		margin-right:6%;
	}
	
	image-medium:first-child{
		margin-right:6%;
	}
	
	
}

@media all and (max-width: 400px) {
	.image-medium.gallery:nth-child(3n) {
		margin-right:0px;
	}
	
	.image-medium.gallery:nth-child(2n) {
		margin-right:0px;
	}
	
	.image-medium{
		width:100%;
		margin-right:0px;
	}
}