/* NEILMURRAY.ORG.UK RESPONSIVE */

/* NEW FOR FOUNDATION */

aside, 
.main 			{ border-top: 1px solid #666; position: relative;padding:0!important;}
aside			{ padding:0 1em!important; }
.main			{ padding:0 1em!important;}
.main 			{ border-left: 1px solid #666;}
.main header, 
aside #nav 		{ height: 50px; }
hr 				{ border-color:#666;}
header, 
.information 				{ padding-left: 24px; }
.information.menu > li > a 	{ padding: 0; }
aside #nav,
aside nav					{ padding-left:1em;}
section li.divider 			{ margin: 16px 0; border-top: 1px solid #666; height: 0; list-style: outside none none; padding: 0;}

/* LAST IMAGE IN GALLERY FLOAT LEFT INSTAED OF RIGHT */
.column:last-child:not(:first-child), 
.columns:last-child:not(:first-child) { float: left; }

/* SPLASH PAGE IMAGE */

html.home  { 
  background: #333 url(../g/splash2.jpg) no-repeat bottom center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}
/* IF USING JS SCRIPT TO ADD USER AGENT CLASS FOR IE 10*/
html[data-useragent*='MSIE 10.0'].home 		{ background:#000 url(../g/splash.jpg) 50% -196px  no-repeat;} 
html.home body 		{ background: transparent; }




/* END */

body 			{ background:#000;color:#b4b9bf;}

/* .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
} */

@font-face {
    font-family: 'ForoLight';
    src: url('ForoLig-webfont.eot');
    src: url('ForoLig-webfont.eot?#iefix') format('embedded-opentype'),
         url('ForoLig-webfont.woff') format('woff'),
         url('ForoLig-webfont.ttf') format('truetype'),
         url('ForoLig-webfont.svg#ForoLight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
  font-family: "foundation-icons";
  src: url("foundation-icons/foundation-icons.eot");
  src: url("foundation-icons/foundation-icons.eot?#iefix") format("embedded-opentype"),
       url("foundation-icons/foundation-icons.woff") format("woff"),
       url("foundation-icons/foundation-icons.ttf") format("truetype"),
       url("foundation-icons/foundation-icons.svg#fontcustom") format("svg");
  font-weight: normal;
  font-style: normal;
}

h1, h2 ,h3, h4		{ font-family:ForoLight;  } 
h1					{ font-weight:900; font-size: 2em; margin: 0.67em 0;}
h1 span				{ font-weight:100;}
section h3			{ font-size: 1.17em;font-weight:600;border-bottom: 1px solid #666;margin-bottom:1em;}

/* ====== MAIN MENU LINK STYLE ====== */

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a 		{text-decoration:none;}


h1  a:link 						{ color: #000;}
h1  a:visited 					{ color: #000;}
h1  a:hover						{ color: #0697db;text-decoration:none;}
h1  a:focus 					{ color: #0697db;}
h1  a:active 					{ color: #0697db;text-decoration:none;}

h2  a:link 						{ color: #c7c2bc; }
h2  a:visited 					{ color: #c7c2bc; }
h2  a:hover						{ color: #0697db; }
h2  a:focus 					{ color: #0697db; }
h2  a:active 					{ color: #0697db; }

nav  a:link 					{ color: #636363;text-decoration:none!important;}
nav  a:visited 					{ color: #636363;text-decoration:none; }
nav  a:hover					{ color: #0697db;text-decoration:none;}
nav  a:focus 					{ color: #0697db;text-decoration:none;}
nav  a:active 					{ color: #0697db;text-decoration:none;}

a.active,
nav a.active,
nav a.active-trail				{ color: #0697db;}

.emailBlock  a:link 			{ color: #636363; }
.emailBlock  a:visited 			{ color: #636363; }
.emailBlock  a:hover			{ color: #05bcc7; }
.emailBlock  a:focus 			{ color: #05bcc7; }
.emailBlock  a:active 			{ color: #636363; }

.links  a:link 					{ color: #ac703d;text-decoration:none;}
.links  a:visited 				{ color: #ac703d; }
.links  a:hover					{ color: #0697db;text-decoration:underline;}
.links  a:focus 				{ color: #0697db;text-decoration:underline;}
.links  a:active 				{ color: #0697db;}

.list  a:link 					{ color: #ac703d;text-decoration:none;}
.list  a:visited 				{ color: #ac703d; }
.list  a:hover					{ color: #0697db;text-decoration:underline;}
.list  a:focus 					{ color: #0697db;text-decoration:underline;}
.list  a:active 				{ color: #0697db;}

.list li a.active				{ color: #0697db;}

.home nav a:link 			{ color: #333;}
.home nav a:visited 		{ color: #333; }
.home nav a:hover			{ color: #0697db;}
.home nav a:focus 			{ color: #0697db;}
.home nav a:active 			{ color: #0697db;}




/* ======= LINKS ======== */

a:link {
	font-weight : 100; 
	text-decoration : none;
	color: #0697db;
	background: transparent; 
	}
a:visited {
	font-weight : 100; 
	text-decoration : none;
	color: #0697db;
	background: transparent; 
	}

a:hover {
	font-weight : 100; 
	text-decoration : underline;
	color: #05bcc7;
	background: transparent; 
	}
a:focus {
	font-weight : 100; 
	text-decoration : none;
	color: #05bcc7;
	background: transparent; 
	}
a:active {
	font-weight : 900; 
	text-decoration : none;
	color: #0697db;
	background: transparent;  
	}
	
	
	
/* ====== GENERAL STYLES ====== */


section,
/* div.toggle, */
div.information				{ padding:24px;}
.biography section			{ padding: 0 24px;}

.list li 					{ color: #ac703d;list-style-type:square;}


/* ======  PRODUCTION MENU POP UP NEW ======  */


ul#nav 							{
									margin: 0;
									/* padding: 0; */
									list-style: none;
									width: 100%; /* 206px Width of Menu Items */
									font-size:12px;
								}


ul#nav li 						{ margin:0;padding:0;height:24px; width:30%;line-height:24px;list-style:none; cursor: pointer;}
.home ul#nav li 				{ width:100%;}
ul#nav li:hover					{ color:#0697db;background:#070707;}

ul#nav li.list-container		{ padding:2px 0;height: 35px; line-height: 35px; padding: 2px 0; width: 101%;}
ul#nav li.bottom:hover			{ border-top:1px solid #666;background:#333;padding-top:1px;}
ul#nav li.top:hover				{ border-bottom:1px solid #666;background:#333;padding-bottom:1px;}

ul#nav li ul.list 				{ 	position: absolute;
									width:80%;
									left: 20%; /* 205px Set 1px less than menu width */
									top: 0;
									display: none;
									z-index:10000;
									padding:0;margin: 0 0 0 1px;text-transform:capitalize;
									background: #333; 
								}

ul#nav li ul.shows				{ width:80vw;} 

ul#nav li ul.list li 			{ width:auto;background:transparent;padding:0;margin:0;}
ul#nav li ul.shows li			{ float:left;}

/* Styles for Menu Items */

ul#nav li a 			  		{ display: block; text-decoration: none; background: #333; /*IE6 Bug */ padding: 0 5px 0 0; }
.splash ul#nav li a 			{ background:transparent;font-size:12px;}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

ul#nav li ul li a 				{ padding: 0 9px;margin-left:1px;width:100%; } /* Sub Menu Styles */
ul#nav li a:hover 				{ color: #0697db;  z-index:1000;} /* Hover Styles */		
nav li.over ul 					{ display: block; z-index:1000;} /* The magic */
ul#nav li.active-link a 		{ color: #0697db;} 
ul#nav li.selected ul.list		{ display:block!important;}


/* ====== NAV ====== */


nav						{ margin: 18px 0;font-size:12px;}
nav ul 					{
							list-style:none;
							margin: 0;
							padding: 0 ;
							font-family:'lucida sans unicode',sans-serif; 
							text-transform:capitalize;
						}
nav a					{ display: block; /* width: 160px; */ text-transform:capitalize; }
nav ul li 				{ margin:0 0 6px 0;padding:0;}
nav ul ul li 			{ margin:3px 0 0 12px;padding:0;list-style:square;line-height: 100%;}
.is-accordion-submenu-parent > a::after { border-color: #ac703d transparent transparent;}
.is-accordion-submenu-parent:hover > a::after { border-color: #0697db transparent transparent;}

.home nav ul li 		{ margin:0;text-align:left;}
.home .button 			{ text-align: left;color: #333; font-weight: 900; }
.home .is-accordion-submenu-parent > a::after { border-color: #333333 transparent transparent;}

.home .button:hover,
.home .button:focus	{ background-color:#666;}


/* ====== NAV TOGGLE ====== */


#toggle ul								{ margin-left:12px;}
#toggle	li,
#toggle ul li a							{ color: #636363;cursor: pointer;}
#toggle ul li a							{ font-size: 90%;max-width: 100%;}

#toggle	li:hover,
#toggle	li.active,
#toggle li.active-link a,
#toggle ul li.active-link a				{ color: #0697db;}

#toggle li:hover 						{ color: #0697db;;text-decoration:none;}
#toggle ul li a:hover					{ color: #0697db;}



/* ====== More information TOGGLE ====== */

	
.information a						{ color: #ac703d;cursor: pointer;}
.information a:hover				{ text-decoration:none;color: #0697db;}		

.information						{ width:100%;font-size:80%;}
.information dl 					{ margin-top: 1rem; }
.information dt						{ float:left;clear:both;font-weight:900;}
.information dt:after				{ content: ':' ;}
.information dd						{ float:right;clear:right;text-align:right;}


/* ====== CONTENT STYLE ====== */


.main 	{/*padding:1em;*/}

.main h2.title, 
.main h3.title,
.main p.date 						{ display:block;padding:0;margin:0 1em 0 0;line-height:normal;text-transform:capitalize;font-size:18px;}
.main h3.title						{ font-style:italic;font-size:16px;font-weight:100;}

ul.links 							{ padding:6px 0;margin:0 0 0 24px;}
ul.links li 						{ display:inline;padding:0;margin:0 1em 0 0;font-size:86%;font-style:italic;}


/* ====== SPLASH PAGE ====== */

.home header h1,
.home nav 							{ color:#000;}
.home nav 							{ font-size:14px;margin:0;}
.home header h1						{ margin-top:2%;}

blockquote							{ margin:0;}
blockquote p:before					{ content: open-quote ;}
blockquote p:after					{ content: close-quote ;}

.home blockquote					{ width:100%; font-size:15px;}
blockquote p						{ font-style:italic;font-weight:900;}
.home blockquote footer				{ font-style:italic;font-size:12px;font-weight:100;}
.home blockquote,
.home blockquote p,
.home cite								{ color:#999/*333*/;}

.menu.nested 						{ margin-left: 0; }
.home nav ul.menu li a					{ list-style:square;background: rgba(255,255,255,0.4);}
/* .home nav ul.menu.nested 			{ background: transparent;} */

/* ====== GALLERY ====== */


ul.gallery,
ul.listing									{ padding:24px 0 0 24px;margin:0;width:100%;}
/*
ul.gallery li.narrow 						{ width: 108px; }
*/
ul.gallery li,
ul.listing li								{ list-style:none; padding-bottom: 0.9375rem;}
.listing .column a 							{ float: left; position: relative; max-width:100%;}
.listing .column a img						{ }
/* 
.productions .main ul.listing li a			{ z-index:2;position:relative;text-decoration:none;} 
.productions .main ul.listing li img				{ position:relative;z-index:4;}
*/

.productions .main ul.listing li h3			{ /* position:relative;top:-60px;width:100%;background:#0697db;height:60px;line-height:60px;text-align:center;padding:0;margin:0;text-transform:capitalize;font-size:16px; */display:none;}
.productions .main ul.listing  li:hover h3,
.productions .main ul.listing  li:focus h3,
.productions .main ul.listing  li:active h3	{ display:block;/* background:#636363;color:#0697db;z-index:3000; */}

.main ul.listing li h3						{ position:absolute;bottom:0;width:100%;background:transparent;height:60px;line-height:60px;text-align:center;padding:0;margin:0;z-index:100;display:block;color:#fff;text-transform:capitalize;font-size:16px;font-weight: 600;}
.main ul.listing li h3.line-height			{ line-height: 30px;}
.main ul.listing li:hover h3				{ background:#636363;color:#0697db;}





.lge_image									{ clear:both;margin:24px 0 0 24px; }

/* Small only */
@media screen and (max-width: 39.9375em) {
			.home nav,
			.home header h1					{ margin-left: 0;}
			
}

/* Medium and up */
@media screen and (min-width: 40em) {
			ul#nav li ul.list 				{ left: 100%; /* 205px Set 1px less than menu width */}
			ul#nav li ul.shows 				{ width: 76vw; }
			ul#nav li ul.list li 			{ width:50vw;}
			ul#nav li ul.shows li 			{ width:30%;}
			.main h2.title, 
			.main h3.title,
			.main p.date 					{ display:inline;padding:0;margin: 0;line-height:3.3em;}
			.main h3.title					{ margin-left:24px;}
			.information 					{ width: 50%; }
			aside, .main					{ padding:0!important; }
			aside #nav, aside nav			{ padding-left:0;}
			.home blockquote				{ width:80%; font-size:15px;}
			.home nav ul.menu li a 			{ background: rgba(255,255,255,0.1);}
			.home nav,
			.home header h1					{ margin-left: 10%;}
			.home header h1					{ margin-top:20%;}
			/* IF USING JS SCRIPT TO ADD USER AGENT CLASS FOR IE 10*/
			html[data-useragent*='MSIE 10.0'].home header h1	{ margin-top:14%;} 
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
			.home nav,
			.home header h1,
			.home div.end					{ margin-left: 10%;}
			.home blockquote				{ margin-top: 1.2em;}
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
			.main h2.title, 
			.main h3.title,
			.main p.date 					{ line-height:30px;display:block;}
			.main h3.title					{ margin-left:0;}
			aside #nav, aside nav			{ padding-left:1em;}
			.home header h1					{ margin-top:2%;}
			.home nav,
			.home header h1					{ margin-left: 0;}
}


/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
			aside #nav, aside nav			{ padding-left:1em;}
			.home header 	h1				{ margin-top:24%;}
			.home nav,
			.home header h1					{ margin-left: 10%;}
}

/* Samsung Galaxy S5  (landscape) ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
			.main h2.title, 
			.main h3.title,
			.main p.date 					{ display:block;margin: 0;line-height:2em;}
			aside #nav, aside nav			{ padding-left:1em;}
			/*.home nav,
			.home header h1					{ margin-left: 0;}*/
			
}

/* Samsung Galaxy S5 (portrait) ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
			.home nav,
			.home header h1					{ margin-left: 0;}
}


/* Large and up */
@media screen and (min-width: 64em) {

}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {

}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10 & ie11 CSS here */
}


@media screen and (min-width:0\0) {  
    /* IE9 and IE10 rule sets go here */  
}