/**
 * Any questions, contact:
 * p.vullings@massey.ac.nz
 *
 * Styles for the New Design (ND) template. These are designed to complement the
 * styles already defined for the OT responsive template.
 **/
 
 /**
 * Default programme search to have white background
 **/
form.advSearch_form .advSearchInner{
	background-color:#fff;
}

/**
 * Reduce size of the massey logo at smaller screen sizes
 **/
@media (max-width: 479px){
	.mainLogo a#masseyLogo {
		display:none;
	}
}
@media (max-width: 899px){
	.mainLogo a#masseyLogo {
		width: 30%;
		min-width: 200px;
		margin-left: auto;
		margin-right: auto;
	}
}

/**
 * General styles for template
 **/
.nd *{
	box-sizing: border-box;
}
.nd p,
.nd ul,
.nd ol{
	margin:0 0 1em 0;
	font-size:16px;
	line-height:1.6em;
	color: #5E5E5E;
}
.nd p.nd-featured{
	font-size:18px;
}
.nd-wrap{
	max-width:1200px;
	margin:0 auto;
}
.nd-wrap:after {
	content: '';
	display: block;
	clear: both;
}
.nd-container{
	position:relative;
}
.nd-content,
.nd-content-nocontrast{
	padding:2em;
}
.nd-square{
	height:0;
	padding-bottom:100%;
}
.nd a{
	color: #0090e9;
	text-decoration:none;
}
.nd a:hover{
	color: #0090e9;
	text-decoration:underline;
}
.nd h1 a,
.nd h2 a,
.nd h3 a,
.nd h4 a,
.nd h5 a,
.nd h6 a,
.nd h1 a:hover,
.nd h2 a:hover,
.nd h3 a:hover,
.nd h4 a:hover,
.nd h5 a:hover,
.nd h6 a:hover{
	color:inherit;
	font-size:inherit;
	line-height:inherit;
 }

/**
 * Headings
 **/
.nd h1{
	padding:0;
	margin:0 0 40px 0;
	
	font-size:60px;
	line-height:1em;
	
	color:#333;
}
.nd h2{
	padding:0;
	margin:0;
	color:#00408d;
	font-size:44px;
	line-height:1em;
	margin-bottom:40px;
}
.nd h3{
	padding:0;
	margin:0;
	color:#00408d;
	font-size:28px;
	line-height:1em;
	margin-bottom:20px;
}
.nd h4{
	margin-top:0;
}
.nd h5{
	margin-top:0;
	color:#00408d;
}
.nd h3+h5{
	margin-top:-15px;
}
.nd h6{
	margin-top:0;
}

/**
 * Block quote
 **/
.nd blockquote{
	font-style:italic;
	font-size:20px;
	line-height:28px;
	font-weight:300;
	color:#666;
	position:relative;
	margin:0 2em;
}
.nd blockquote p{
	margin:0;
	padding:0;
	display:inline;
	font-size:inherit !important;
	font-style:inherit;
	line-height:1.1em;
	color:inherit;
	position:relative;
}
.nd blockquote p::before {
	color: #666;
	content: open-quote;
	font-size: 80px;
	line-height:1em;
	font-style:normal;
	font-family:NimbusSanNovCon-Med;

	position:absolute;
	top:-20px;
	left:-30px;
}
.nd blockquote p::after {
	color: #666;
	content: close-quote;
	font-size: 80px;
	line-height:1em;
	font-style:normal;
	font-family:NimbusSanNovCon-Med;
	position:absolute;
}
.nd blockquote cite{
	display:block;
	font-size:0.7em;
	margin-top:2em;
	margin-bottom:2em;
	font-weight:normal;
	line-height:1.5em;
}
blockquote + blockquote.nd-plain cite{
	display:none;
}
.nd blockquote cite strong{
	font-style:normal;
	font-weight:bold;
}
.nd blockquote.nd-fact{
	text-align:center;
	font-size:3em;
	font-style:normal;
	margin:0;
}
.nd blockquote.nd-fact strong{
	color:#E4A024;
	font-weight:normal;
}
.nd blockquote.nd-fact p::before{
	content: "";
}
.nd blockquote.nd-fact p::after{
	content: "";
}
.nd .nd-clickable{
	cursor: pointer;
}
.nd blockquote.nd-plain{
	font-style:normal;
}
.nd blockquote.nd-plain p:before{
	content:"";
}
.nd blockquote.nd-plain p:after{
	content:"";
}
@media (max-width: 899px){
	.nd blockquote.nd-fact {
		font-size:2.4em;
	}
	.nd blockquote{
		margin:0;
	}
}

/**
 * Header
 **/
 
.nd-header{
	
}
.nd-header .nd-logo{
	padding:1em 0;
}
.nd-header .nd-logo img{
	width:288px;
	margin-left:3em;
}
@media (max-width:479px){
	.nd-header .nd-logo img{
		margin-left:1em;
	}
}
@media (max-width:359px){
	.nd-header .nd-logo img{
		width:200px;
	}
}
.nd-header .nd-menu{
	background-color:#004289;
	height:48px;
}
.nd-header .nd-menu input[type=button],
.nd-header .nd-menu button{
	border:none;
	background-color:#0090E9;
	color:#fff;
	line-height:48px;
	padding:0 1em;
	margin:0;
}
.nd-header .nd-menu input[type=button].secondary,
.nd-header .nd-menu button.secondary{
	background-color:transparent;
}
.nd-header .nd-menu input[type=button]:hover,
.nd-header .nd-menu button:hover{
	background-color:#29a2ea;
}
.nd-header .nd-menu input[type=button].secondary:hover,
.nd-header .nd-menu button.secondary:hover{
	background-color:rgba(255,255,221,0.15);
}
.nd-header .nd-menu ul{
	padding:0;
	margin:0;
	list-style-type:none;
	display:inline-block;
	font-size:18px;
	
	vertical-align:top;
}
.nd-header .nd-menu li{
	display:inline-block;
	color: #fff;
	padding:0 40px 0 0;
	white-space:nowrap;
	
	line-height:48px;
}
.nd-header .nd-menu li a{
	color: #fff;
	text-decoration:none;
}
.nd-header .nd-menu li a:hover{
	text-decoration:underline;
}
.nd-header .nd-menu li i{
	font-size:12px;
	margin-left:4px;
}
@media (max-width:1279px){
	.nd-header .nd-menu{
		padding:0 2em;
	}
}

/**
 * Footer
 **/

.nd-footer{
	height:300px;
	background-color:#004289;
	color:#fff;
	padding:2em 0;
}
.nd-footer p,
.nd-footer a,
.nd-footer li{
	color:#fff;
}

/**
 * In-page sticky nav
 **/
.nd-sticky-nav{
	background-color:#dadada;
	padding:0 40px;
	text-align:right;
	
	position:relative;
	z-index:99;
}
@media screen and (max-width: 779px){
	.nd-sticky-nav{
		padding:0 20px;
	}
}
.nd-sticky-nav h2{
	color: #363636;
	font-size:30px;
	padding:0;
	margin:0;
	display:inline-block;
	
	vertical-align:top;
	line-height:70px;
}
.nd-sticky-nav ul{
	padding:0;
	margin:0;
	list-style-type:none;
	display:inline-block;
	font-size:13px;
	
	vertical-align:top;
}
.nd-sticky-nav li{
	display:inline-block;
	color: #252525;
	padding:0 0 0 20px;
	margin:30px 0 24px 20px;
	border-left:1px solid #252525;
	
	line-height:16px;
}
.nd-sticky-nav a{
	color: #252525;
	text-decoration:none;
}
.nd-sticky-nav a:hover{
	color: #151515;
	text-decoration:underline;
}
.nd-sticky-nav li:first-of-type{
	border-left: none;
}
.nd-sticky-nav-floating{
	box-shadow: 0 3px 5px rgba(0,0,0,0.2);
}
@media screen and (max-width: 899px){
	.nd-sticky-nav{
		display:none;
	}
}

/**
 * Hero banner
 **/
.nd-hero{
	background-size:cover;
	background-position:center center;
}
.nd-hero.nd-hero-center{
	background-position:center center;
}
.nd-hero.nd-hero-top{
	background-position:center top;
}
.nd-hero.nd-hero-near-top{
	background-position:center 25%;
}
.nd-hero.nd-hero-bottom{
	background-position:center bottom;
}
.nd-hero.nd-hero-near-bottom{
	background-position:center 75%;
}
.nd-hero .nd-wrap{
	max-width:1296px;
}
.nd-hero-panel{
	background-color:rgba(0,0,0,0.6);
	padding:48px;
	color:#fff;
	
	width:100%;
	max-width:600px;
	min-height:300px;
	box-sizing: border-box;
	position:relative;
}
.nd-hero-panel.nd-hero-panel-right{
	margin:0 0 0 auto;
}
.nd-hero-image-stacked{
	height:0;
	background-position:center center;
	background-size:cover;
	padding:0 0 45% 0;
	display:none;
}
.nd-hero-top .nd-hero-image-stacked{
	background-position:center top;
}
.nd-hero-near-top .nd-hero-image-stacked{
	background-position:center 25%;
}
a.nd-hero-button{
	font-family:NimbusSanNovCon-Med;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    background-color: transparent;
    text-transform: uppercase;
    font-size: 26px;
    line-height: 70px;
    display: inline-block;
	
	width:48%;
	margin-right:2%;
	text-align:center;
}
a.nd-hero-button + a.nd-hero-button{
	margin-right:0;
	margin-left:2%;
}
a.nd-hero-button:hover{
	background-color: rgba(255,255,255,0.2);
	text-decoration:none;
	color:#fff;
}
.nd-hero-panel .nd-tag-list{
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: inline-block;
}
.nd-hero-panel .nd-tag-list li{
    display: inline-block;
    color: #f37308;
    padding: 0;
    white-space: nowrap;
    font-size: 13px;
    line-height: 20px;
}
.nd-hero-panel .nd-tag-list a{
    background-color: #f37308;
    color: #fff;
    display: inline-block;
    border-radius: 3px;
    padding: 0.2em 0.8em;
    margin: 0 10px 10px 0;	
}
.nd-hero-panel .nd-tag-list a:hover{
    background-color: #f58b2d;
    text-decoration: none;
}
@media screen and (max-width: 899px){
	.nd-hero-panel{
		max-width:none;
		min-height:0;
		background-color:#666;
	}
	.nd-hero-image-stacked{
		display:block;
	}
	.nd-hero{
		background-image:none !important;
	}
}
@media screen and (max-width: 639px){
	.nd-hero-panel{
		max-width:none;
	}
	.nd-hero-panel a.nd-hero-button{
		width:100%;
		margin-right:0;
	}
	.nd-hero-panel a.nd-hero-button + a.nd-hero-button{
		margin-left:0;
		margin-top: 24px;
	}
}
@media screen and (max-width: 479px){
	.nd-hero-panel{
		padding:24px;
	}
}
.nd .nd-hero-panel h1{
	color:#fff;
}
h1.nd-secondary {
	color:#fff;
	font-size:32px;
	margin-top:-32px;
}
.nd-hero-panel h3{
	padding:0;
	margin:0 0 16px 0;
	color:#fff;
	
	font-size:28px;
	line-height:1em;
}
.nd-hero-panel p{
	color:#fff;
	padding:0;
	margin:0 0 40px 0;
	font-size:18px;
}
.nd-hero-panel-bottom{
	padding-top:40px;
}
.nd-hero-panel .nd-search input[type=text]{
	border:0;
	padding:0 26px;
	margin:0;
	background-color:#fff;
	width:100%;
	
	border-radius:5px;
	color:#666666;
	font-size:20px;
	line-height:70px;
}

/**
 * Content areas
 **/
 
.nd-area{
	position:relative;
}
 
/** Blue (featured) area */
.nd-area-blue{
	background-color:#00408d;
	padding:48px;
	color:#fff;
}
.nd-area-blue p{
	color:#fff;
	font-size:18px;
}
.nd-area-blue h2{
	color:#fff;
}
.nd-area-blue .nd-content{
	background-color:#175197;
}
.nd-area-blue .nd-content p{
	color:#bfcfe2;
}
.nd-blue-bg{
	background-color:#00408d;
}
.nd-area-blue blockquote,
.nd-area-blue blockquote::before,
.nd-area-blue blockquote::after {
	color:#fff;
}

/** White area */
.nd-area-white{
	background-color:#fff;
	padding:48px;
	color:#636363;
}
.nd-area-white .nd-content{
	background-color:#f0f0f0;
}
.nd-white-bg{
	background-color:#fff;
}

/** Grey area */
.nd-area-grey{
	background-color:#f0f0f0;
	padding:48px;
	color:#434343;
}
.nd-area-grey .nd-content{
	background-color:#fff;
}
.nd-grey-bg{
	background-color:#f0f0f0;
}

/**
 * Columns
 **/
.nd-cols:after {
    content: '';
    display: block;
    clear: both;
}
.nd-col-2 {
	float:left;
	width:50%;
	padding-right:1em;
	min-height:250px;
	/*position:relative;*/
}
.nd-col-2.nd-33{
	width:33.33%;
}
.nd-col-2.nd-66{
	width:66.66%;
}
.nd-col-2+.nd-col-2{
	padding-right:0;
	padding-left:1em;
}
.nd-col-wide {
	float:left;
	width:75%;
	min-height:250px;
	position:relative;
}
.nd-col-narrow {
	float:left;
	width:25%;
	position:relative;
}
.nd-col-200-square{
	float:left;
	width:200px;
	height:200px;
	position:relative;
}
@media screen and (max-width: 899px){
	.nd-col-2 {
		width:100%;
		float:none;
		padding-right:0;
		padding-left:0;
		min-height:0;
	}
	.nd-col-2.nd-33{
		width:100%;
	}
	.nd-col-2.nd-66{
		width:100%;
	}
	.nd-col-2+.nd-col-2{
		padding-right:0;
		padding-left:0;
		padding-top:2em;
		
	}
	.nd-col-wide {
		width:100%;
		float:none;
		min-height:0;
	}
	.nd-col-narrow {
		display:none;
	}
	.nd-col-200-square{
		float:none;
		margin:0 auto;
	}
}

/**
 * LISTS
 **/
ul.nd-list{
	list-style-type:none;
	padding:0;
	margin:0;
}
ul.nd-list li{
	padding:0;
	margin:0;
	float:left;
	line-height:30px;
	padding:9px 0;
	font-size:18px;
	color:#666;
}
ul.nd-list li a,
ul.nd-list li a:hover{
	color:inherit;
}
ul.nd-list::after {
    content: '';
    display: block;
    clear: both;
}
ul.nd-list.nd-icons li{
	padding-left:48px;
	background-size:40px 40px;
	background-position:4px 4px;
	background-repeat:no-repeat;
}
ul.nd-list.nd-icons.nd-icons-large li{
	background-size:70px 70px;
	background-position:9px 9px;
	background-repeat:no-repeat;
	min-height:88px;
	padding:14px 0;
	padding-left:88px;
}
ul.nd-two-columns li{
	width:50%;
}
ul.nd-three-columns li{
	width:33.33%;
}
@media screen and (max-width: 899px){
	ul.nd-three-columns li{
		width:50%;
	}
}
@media screen and (max-width: 639px){
	ul.nd-two-columns li,
	ul.nd-three-columns li{
		float:none;
		width:100%;
	}
}
@supports (column-count: 2) or (-webkit-column-count:2) or (-moz-column-count:2){
	ul.nd-list{
		-webkit-column-gap: 0;
		-moz-column-gap: 0;
		column-gap: 0;
		-webkit-column-rule: none;
		-moz-column-rule: none;
		column-rule: none;
	}
	ul.nd-list li{
		float:none;
		width:auto;
		
		-webkit-column-break-inside:avoid;
		-moz-column-break-inside:avoid;
		-o-column-break-inside:avoid;
		-ms-column-break-inside:avoid;
		column-break-inside:avoid;
	}
	ul.nd-two-columns{
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
	ul.nd-three-columns{
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}
	@media screen and (max-width: 899px){
		ul.nd-three-columns{
			-webkit-column-count: 2;
			-moz-column-count: 2;
			column-count: 2;
		}
	}
	@media screen and (max-width: 639px){
		ul.nd-two-columns,
		ul.nd-three-columns{
			-webkit-column-count: 1;
			-moz-column-count: 1;
			column-count: 1;
		}
	}
}

/**
 * Video
 **/
.nd-video{
	width:100%;
	height:0;
	padding-bottom:55%;
	position:relative;
}
.nd-video iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.nd-youtube-video{
	border:1px solid rgba(0,0,0,0.25);
	padding:0.4em 0.4em 0.4em 2em;
}

/**
 * Image
 **/
.nd-image{
	width:100%;
	height:0;
	padding-bottom:55%;
	position:relative;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}
.nd-parent-image,
.nd-bg-image{
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}

/** Tabs **/
ul.nd-tabs{
	padding:0;
	margin:0;
	list-style-type:none;
	font-size:0;
}
ul.nd-tabs li{
	font-size:18px;
	font-family: 'NimbusSanNovCon-Med', sans-serif;
	color:#5E5E5E;
	padding:0.8em 2em;
	display:inline-block;
	margin:0 5px 5px 0;
	background-color:#d9d9d9;
	white-space:nowrap;
	cursor:pointer;
}
.nd-tab-content{
	display:table;
	table-layout:fixed;
	width:100%;
	min-height:250px;
	position:relative;
}
.nd-tab-content-main{
	display:table-cell;
	position:relative;
}
.nd-tab-content-image{
	display:table-cell;
	width:33.33%;
	position:relative;
	
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}
.nd-tab-content.nd-active h3{
	color:#00408d;
	font-size:28px;
	margin-bottom:20px;
}
ul.nd-tabs li.nd-active{
	background-color:#f0f0f0;
	color:#00408d;
	/*font-weight:bold;*/
}
.nd-area-grey ul.nd-tabs li.nd-active{
	background-color:#fff;
}
@media screen and (max-width: 899px){
	ul.nd-tabs li{
		width:auto;
		display:block;
		margin:0 0 5px 1em;
	}
	ul.nd-tabs li.nd-active{
		margin:0 0 5px 0;
	}
	.nd-tab-content{
		height:auto;
		min-height:0;
		margin-bottom:5px;
		background-color:#d9d9d9;
		cursor:pointer;
	}
	.nd-tab-content-main{
		display:block;
	}
	.nd-tab-content-image{
		display:none;
	}
	.nd-tab-content .nd-content{
		background-image: url(../img/chevron-right-24.png);
		background-repeat: no-repeat;
		background-position: 97% 25px;	
	}
	.nd-tab-content.nd-active .nd-content{
		background-image: url(../img/chevron-down-24.png);
	}
	.nd-tab-content.nd-active{
		cursor:default;
	}
	.nd-area-white .nd-tab-content .nd-content{
		background-color:#d9d9d9;
	}
	.nd-area-grey .nd-tab-content .nd-content{
		background-color:#d9d9d9;
	}
	.nd-area-white .nd-tab-content.nd-active .nd-content{
		background-color:#f0f0f0;
	}
	.nd-area-grey .nd-tab-content.nd-active .nd-content{
		background-color:#fff;
	}
	.nd-tab-content h3{
		font-size:18px;
		font-family: 'NimbusSanNovCon-Med', sans-serif;
		color:#5E5E5E;
		margin-bottom:0;
	}
}

/**
 * Box
 **/
.nd-box{
	display:table;
	table-layout:fixed;
	width:100%;
	position:relative;
	min-height:250px;
	height:250px;
}
.nd-box+.nd-box{
	margin-top:2em;
}
.nd-box.nd-box-condensed+.nd-box.nd-box-condensed{
	margin-top:0;
}
.nd-box-content{
	display:table-cell;
	position:relative;
}
.nd-box-image{
	display:table-cell;
	width:33.33%;
	position:relative;
	
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}
@media screen and (max-width: 899px){
	.nd-box{
		min-height:0;
	}
	.nd-box-image{
		display:none;
	}
}

/**
 * Grid
 **/
.nd-box-image.nd-grid-feature-image{
	width:50%;
}
.nd-grid-feature-image .nd-arrow-left{
	border-right-color:#dae1e9 !important;
}
.nd-grid-feature-image .nd-arrow-up{
	border-bottom-color:#dae1e9 !important;
}
.nd-box-image.nd-grid-feature-image .nd-arrow-up{
	display:none;
}
.nd-box-content.nd-grid-feature-content{
	background-color:#dae1e9;
}
.nd-grid{
	display:table;
	table-layout:fixed;
	width:100%;
	position:relative;
	min-height:250px;
	height:250px;
}
.nd-grid-group{
	display:table-row;
}
.nd-grid-item{
	display:table-cell;
	width:25%;
	position:relative;
	vertical-align:top;
}
.nd-grid-image{
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}
.nd-area-white .nd-grid-image{
	background-color: #f0f0f0;
}
.nd-area-grey .nd-grid-image{
	background-color: #e0e0e0;
}
.nd-area-grey .nd-grid-content.nd-content{
	background-color:#f0f0f0;
}
.nd-area-white .nd-grid-content.nd-content{
	background-color:#fff;
}
.nd-area-grey .nd-grid-image .nd-arrow-left{
	border-right-color:#f0f0f0 !important;
}
.nd-area-grey .nd-grid-image .nd-arrow-right{
	border-left-color:#f0f0f0 !important;
}
.nd-area-white .nd-grid-image .nd-arrow-left{
	border-right-color:#fff !important;
}
.nd-area-white .nd-grid-image .nd-arrow-right{
	border-left-color:#fff !important;
}
@media screen and (max-width: 899px){
	.nd-box-image.nd-grid-feature-image{
		display:block;
		min-height:250px;
		width:100%;
	}
	.nd-box-content.nd-grid-feature-content{
		display:block;
		width:100%;
	}
	.nd-box-image.nd-grid-feature-image .nd-arrow-up{
		display:block;
	}
	.nd-box-image.nd-grid-feature-image .nd-arrow-left{
		display:none;
	}
	.nd-grid{
		display:block;
		width:100%;
	}
	.nd-grid-group{
		display:block;
		width:100%;
	}
	.nd-grid-group:after {
		content: '';
		display: block;
		clear: both;
	}
	.nd-grid-item{
		display:block;
		width:50%;
		float:left;
	}
	.nd-grid-image{
		display:none;
	}
}
@media screen and (max-width: 479px){
	.nd-grid-image{
		display:none;
	}
	.nd-grid-content{
		width:100%;
	}
	.nd-grid-group{
		min-height:0;
	}
	.nd-grid-group-inner{
		min-height:0;
	}
}


/**
 * Arrows
 **/
.nd-arrow-up {
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position:absolute;
  bottom:0;
  right:30px;
  
  border-bottom: 10px solid #f0f0f0;
}
.nd-arrow-up.nd-arrow-white,
.nd-area-white .nd-alt-color.nd-arrow-up{
	border-bottom: 10px solid #fff;
}
.nd-area-grey .nd-alt-color.nd-arrow-up{
	border-bottom: 10px solid #f0f0f0;
}
.nd-arrow-down {
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position:absolute;
  top:0;
  left:30px;
  
  border-top: 10px solid #f0f0f0;
}
.nd-arrow-down.nd-arrow-white,
.nd-area-white .nd-alt-color.nd-arrow-down{
	border-top: 10px solid #fff;
}
.nd-area-grey .nd-alt-color.nd-arrow-down{
	border-top: 10px solid #f0f0f0;
}
.nd-arrow-right {
  width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  position:absolute;
  left:0;
  top:30px;
  
  border-left: 10px solid #f0f0f0;
}
.nd-arrow-right.nd-arrow-white,
.nd-area-grey .nd-arrow-right,
.nd-area-white .nd-alt-color.nd-arrow-right{
	border-left: 10px solid #fff;
}
.nd-area-grey .nd-alt-color.nd-arrow-right{
	border-left: 10px solid #f0f0f0;
}

.nd-arrow-left {
  width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  position:absolute;
  right:0;
  bottom:30px;
  
  border-right:10px solid #f0f0f0; 
}
.nd-arrow-left.nd-arrow-white,
.nd-area-grey .nd-arrow-left,
.nd-area-white .nd-alt-color.nd-arrow-left{
	border-right: 10px solid #fff;
}
.nd-area-grey .nd-alt-color.nd-arrow-left{
	border-right: 10px solid #f0f0f0;
}

/**
 * Vertical grid
 **/
.nd-vert-grid{
	margin-left:-1em;
	margin-right:-1em;
}
.nd-vert-grid:after{
	content: '';
    display: block;
    clear: both;
}
.nd-vert-grid-item{
	float:left;
	width:25%;
	padding-left:1em;
	padding-right:1em;
	margin-bottom:2em;
	cursor: pointer;
}
.nd-vert-grid-image{
	width:100%;
	height:0;
	padding-bottom:70%;
	position:relative;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}
@media screen and (max-width: 899px){
	.nd-vert-grid-item{
		width:50%;
	}
}
@media screen and (max-width: 639px){
	.nd-vert-grid-image{
		display:none;
	}
	.nd-vert-grid{
		margin-left:0;
		margin-right:0;
	}
	.nd-vert-grid-item{
		width:100%;
		padding-left:0;
		padding-right:0;
		margin-bottom:1em;
	}
}

/**
 * Flyover
 **/
.nd-flyover{
	background-color:rgba(0,66,142,0.98);
	color:#fff;
	position:absolute;
	width:50%;
	top:0;
	left:0;
	z-index:9998;
}
.nd-flyover .nd-flyover-inner{
	padding:48px;
	max-width:648px;
	margin:0 0 0 auto;
	position:relative;
}
.nd-flyover h2,
.nd-flyover h3,
.nd-flyover h4,
.nd-flyover p,
.nd-flyover a,
.nd-flyover li{
	color:#fff;
}
.nd-flyover a:hover{
	color: rgba(255,255,255,0.8);
}
ul.nd-programme-list{
	padding:0;
	list-style-type:none;
}
ul.nd-programme-list li{
	font-size:1em;
	line-height:1.8em;
}
.nd-flyover .nd-flyover-close{
	position:absolute;
	top:24px;
	right:24px;
}
@media screen and (max-width: 899px){
	.nd-flyover {
		width:100%;
	}
	.nd-flyover .nd-flyover-inner{
		max-width:none;
		margin:0;
	}
}
.nd-flyover{
	display:none;
}

/**
 * Buttons
 **/
a.nd-button{
	font-family: 'NimbusSanNovCon-Med', sans-serif;
	font-size:18px;
	white-space:nowrap;
	padding:0.8em 2em;
	margin:0 5px 5px 0;
	background-color:#dadada;
	color:#666;
	display:inline-block;
	
	width:100%;
	max-width:350px;
	overflow:hidden;
	text-align:center;
}
a.nd-button:hover{
	background-color:#e1e1e1;
	color:#666;
	text-decoration:none;
}
a.nd-button-blue{
	background-color:#00428e;
	color:#fff;
}
a.nd-button-blue:hover{
	background-color:#265e9f;
	color:#fff;
	text-decoration:none;
}
a.nd-button-orange{
	background-color:#E4A024;
	color:#fff;
}
a.nd-button-orange:hover{
	background-color:#e8ae45;
	color:#fff;
	text-decoration:none;
}
a.nd-button.nd-fullwidth{
	max-width:none;
}

/**
 * Carousel
 **/
.nd-carousel{
	position:relative;
	overflow-x:visible;
}
.nd-carousel-pages{
	padding:0;
	margin:1em 0 !important;
	text-align:center;
	list-style-type:none;
}
.nd-carousel-pages li{
	display: inline-block;
	padding:0;
	margin:0;
	font-size:16px;
	line-height:16px;
	cursor:pointer;
}
.nd-carousel-pages li+li{
	margin-left:0.5em;
}

/**
 * Show/hide
 **/
@media screen and (max-width: 479px){
	.nd-hide-480{
		display:none;
	}
}
@media screen and (min-width: 480px){
	.nd-show-480{
		display:none;
	}
}
@media screen and (max-width: 899px){
	.nd-hide-900{
		display:none;
	}
}
@media screen and (min-width: 900px){
	.nd-show-900{
		display:none;
	}
}

/**
 * Editing (front end)
 **/
a.nd-edit-link{
	background-color:#000;
	color:#fff;
	padding:0 1em;
	font-size:12px;
	line-height:18px;
	display:inline-block;
}
.nd-details{
	display:none;
}