@charset "UTF-8";
/* CSS Document */



/* WIDESCREEN */
@media screen and (max-width: 1550px) { 
	body {font-size:62.5%;}
	p {font-size: 1.4em; line-height: 1.4em; margin-bottom: 1.5em;}
	nav ul.mainnav li a {height:88px;}
	nav ul.mainnav li ul {left:-18px;}
	.search-container {bottom:13px; right:0;}
	.search-icon {left:0.6em; top:0.5em;}
	p.maincta a:after {top:10px;right:10px;}
	.module {height:235px;}
	.sideicons {top:-50px; width:75px;}

	div.strapline {
	    width: 480px;
	    bottom: 16px;
	}

}

@media screen and (max-width: 1447px) { 

	div.strapline {
	    width: 460px;
	}

}

@media screen and (max-width: 1409px) { 

	div.strapline {
	    width: 420px;
	}

}

@media screen and (max-width: 1300px) { 

	div.strapline {
	    width: 380px;
	}

}

@media screen and (max-width: 1280px) { 
	footer .footer-container, .wrapper {width:960px;}

	div.strapline {
	}

	div.strapline p {
		font-size: 18px;
	}

}


/* TABLET/NETBOOK */
@media screen and (max-width: 959px) { 
	.wrapper, footer .footer-container {width:100%;}
	.logo {width:131px;}
	nav ul.mainnav li {font-size:1.24em;}

	div.strapline {
		left: 25%;
		width: 300px;
/*	    border-bottom: 2px solid yellow !important;
*/	}

	div.strapline p {
		font-size: 16px;
	}
	
	/*Hero*/
	.hero .hero-desktop {display:none;}
	.hero .hero-tablet {display:block;}
	.hero .intro-content {width:96%;}
	.module {height:260px;}
	.news-icon2 {width:80px; height:auto;}
	.sidebox2 {padding-top:2em;}	
	footer .footer-container {width:100%;}
	
}


@media screen and (max-width: 780px) { 
	div.strapline {
		left: 22%;
		width: 300px;
/*	    border-bottom: 2px solid black !important;
*/	}

	div.strapline p {
		font-size: 16px;
	}
}

/* SMALL TABLET */
@media screen and (max-width: 767px) {
		
	div.strapline {display: none;}

	.content-footer-main, .content-footer-side {width:98%;}
	figure img {width:380px; display:block; margin-left:auto; margin-right:auto;}
	blockquote {padding:3%;}
	blockquote.small {padding:5%;}
	.content-footer blockquote {padding:2%;}
        .module-row .span6 {border-bottom:1px solid #e5e4de;}
	.module {height:auto; padding-bottom:1em; margin-bottom:2em;}
	.span8 div:nth-child(3) div:nth-child(2) {border:none;} /*Landing page modules -  no border last module*/
	.courses-row .span6:first-of-type {margin-bottom:2em;}
	p.maincta a {position:relative; left:0;}
	p.maincta a:after {top:9px;right:10px;}
	
	/*NAVIGATION*/
	ul#subnav {display:none;}	
	nav ul { display: none; }
  	nav select {display:block; width:300px; position:absolute; bottom:0; right:0; margin:1em 2%;}
	
	/*Search*/
	.search-container {bottom:107px;}	
	
	/*Hero*/
	.hero {margin:0; padding:0;}
	.hero .hero-tablet {display:none;}
	.hero .intro-content {position:static; left:0; top:0; padding:2em 2%; margin-bottom:2em; background:url(http://nordicwalkingforhealth.co.uk/NW-CMS/wp-content/themes/Nordic2013/images/bg2.png) repeat-x, url(http://nordicwalkingforhealth.co.uk/NW-CMS/wp-content/themes/Nordic2013/images/bg-overlay.png) bottom right no-repeat;}
	
	
	.span6 {position:relative; height:auto;}
	
	.sidenav {display:none;}
	.sidebox2 h2 {width:100%}
	.sidebox1, .sidebox2, .sidebox3, .sidebox4 {width:92%; padding:2em 3%;}
	
	footer .footer-container  {height:100%;}
	footer .footer-container nav {display:none;}	
}


/* MOBILE LANDSCAPE */
@media screen and (max-width: 480px) {
	blockquote, blockquote.small {padding:8%;}
	
	.content-footer blockquote {padding:5%;}
	header {padding-bottom:1em; height:180px;}
	nav select {width:98%; left:0; margin:1em 1%;}
	.search, .search-icon, .icon-email, #search-submit {display:none;}
	.course-container .img-container {width:100%;}
	.post-section {width:100%;}
	.course-extra img {display:block; width:20%;}
	.sidebox2, .sidebox3, .sidebox4 {margin-top:1em;}
	.sideicons {display:none;}
	.full-quote-side, .full-quote-main {width:98%;}
	.form-element-left, .form-element-right {width:100%; float:left;}
}

@media screen and (max-width: 400px) {
	figure img {width:100%;}
	.news-image {width:auto !important;}
}

/* MOBILE PORTRAIT */
@media screen and (max-width: 320px) {
	.sidebox2 h2 {width:50%}
	.icon-website {margin-right:1em;}
	.icon-map {margin-left:1em;}
}

@media screen and (max-width: 240px) {
	.wrapper {width:240px;}
}