/* 
Forced Entertainment - Master Sheet
Original Authored, 12th Sept - 2014
Large Version update, 22nd Oct - 2018
*/


/* RESET ------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

/* TOP LEVEL LAYOUT ------------------------------------- */

html{
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
	position: relative;
    min-height: 100%;
    background: #000000;
    font-size: 1.1em;
	line-height:1.3em; 
    /*font-size: 0.938em; */
	/* line-height:1.30em; */
	color:#333333;
}


.container {
	width:1001px;
    min-height: 100vh;
	height:auto;
	overflow:auto;
	margin:0px auto;
	/* background:url(/assets/images/bg-grid.png) top left repeat; */
    background:url(/assets/images/bg-grid-50.png) top left repeat;
}

header {
	width:1000px;
	height:0px;
	overflow:visible;
	}

.content, footer {
	width:710px;
	margin:0 0 0 260px;
	min-height:100px;
	float:left;
	clear:both;
	position:relative;
	}
	
.tier {	
	width:100%;
	float:left;
	clear:both;
	height:auto;
	overflow:auto;
	}
	
footer {
	border-top: 1px solid #FFFFFF;
	margin:0px 0 0 260px;
	padding:10px 0 20px 0;
	font-family:'DIN Next W01 Medium';
    font-size: 0.9em;
	color:#FFFFFF;
	}

.colour-mask {
	width:100%;
	min-height:100%;
	margin:0px;
	}
	
	
.pink {color:#ec008c;}	
.dark-pink {color:#5e0038;}

.turquoise {color:#00d1c7;}
.dark-turquoise {color:#005450;}

.blue {color:#028bff;}
.dark-blue {color:#013866;}

.emerald {color:#009a5e;}
.dark-emerald {color:#003e26;}

/* Web Fonts */

@font-face {
  font-family: 'Druk Web';
  src: url('/assets/fonts/Druk-Bold-Web.eot');
  src: url('/assets/fonts/Druk-Bold-Web.eot?#iefix') format('embedded-opentype'),
     url('/assets/fonts/Druk-Bold-Web.woff') format('woff'),
     url('/assets/fonts/Druk-Bold-Web.ttf') format('truetype'),
     url('/assets/fonts/Druk-Bold-Web.svg#Druk Web') format('svg');
  font-weight:  700;
  font-style:   normal;
  font-stretch: normal;
}

/*

CDN Registered classes 

font-family:'DINNextLTW01-UltraLight 706122';
font-family:'DIN Next W01 Regular';
font-family:'DIN Next W01 Italic';
font-family:'DIN Next W01 Medium';
font-family:'DINNextW01-MediumItalic';
font-family:'DIN Next W01 Black';
font-family:'DIN Next W01 Heavy';
font-family:'DINNextW01-HeavyItalic';
font-family:'DIN Next W01 Bold';
font-family:'DINNextW01-BoldItalic';

*/


/* NAVIGATION ------------------------------------- */

nav {
	position:fixed;
	background-color:#FFFFFF;
	background-color: rgba(255, 255, 255, 0.9);
	width:210px;
	margin:0 0 0 30px;
	z-index:1000;
	}
	
nav ul {
	display:block;
	padding:10px;
	font-family:'DIN Next W01 Medium';
	font-weight:normal;
    font-size: 1em;
	}
	
nav ul li a {
	display:block;
	padding:5px 0;
    line-height: 1.2em;
	text-decoration:none;
	-webkit-transition: color 300ms ease-out;
	-moz-transition: color 300ms ease-out;
	-ms-transition: color 300ms ease-out;
	-o-transition: color 300ms ease-out;
	transition: color 300ms ease-out;
}

.home-logo {
	width:190px;
	height:110px;
	margin:20px 10px 0px 10px;
	display:block;
	text-indent:-99999px;
	background-image:url(/assets/images/dtop-logo.png);
	background-image:url(/assets/images/dtop-logo.svg);
	background-size: 190px 480px;
	}
	
nav .menubutton {
	display:none;
	}
	
nav .menubutton span {
	display: block;
	height: 30px;
	width: 30px;
	position: absolute;
	right: -5px;
	top: 8px;
	background-image: url(/assets/images/colour-oc.svg);
	background-size: 60px 120px;
	margin: 0;
	}

/* NAV MLIST ADDITION ------------------------------------- */


nav .m-listmenu {
    position: absolute;
    left: 0px;
    top: 100%;
    height: 60px;
    margin: 0;
    overflow: hidden;
    box-sizing: border-box;
    -webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
    background-color: rgba(0, 0, 0, 0.5);  
}

nav .m-listmenu a {
    text-decoration: none;
    display: block;
    position: relative;
    height: 100%;
}

nav .m-listmenu:hover {
    height: 160px;
}

nav .m-listmenu .mlink { 
	display:block;
    height: auto;
    margin: 0px 0px 0px 0px;
	padding:10px;
	position:relative;
    background-color: transparent;
    box-sizing: border-box;
    width: 210px;
    text-decoration: none;
    color: #FFFFFF;
    text-decoration: none;
	}

nav .m-listmenu .mlink h2 {
    text-transform: uppercase;
    line-height: 1.05em;
    font-family:'DIN Next W01 Medium';
	font-weight:normal;
    padding: 5px 0px;
	font-size:0.9em;
}

nav .m-listmenu .mlink:hover {
    color: #FFFFFF;
}


.pink nav .m-listmenu:hover, 
.pink nav .m-listmenu.form-open {background-color:#ec008c;}	

.turquoise nav .m-listmenu:hover,
.turquoise nav .m-listmenu.form-open {background-color:#00d1c7;}

.blue nav .m-listmenu:hover,
.blue nav .m-listmenu.form-open {background-color:#028bff;}

.emerald nav .m-listmenu:hover,
.emerald nav .m-listmenu.form-open {background-color:#009a5e;}

nav .m-listmenu .mlink span.mtext, nav .sign-up-form-block label {
    font-family: 'DIN Next W01 Regular';
    line-height: 1.4em;
    margin: 10px 0 0 0;
    font-size: 0.85em;
    line-height: 1.2em;
    text-transform:none;
    display: block;
}

nav .m-listmenu .mlink span.base-link {
    width:100%;
    box-sizing: border-box;
    font-size: 0.65em;
    height: 30px;
    line-height: 30px;
    position: absolute;
    top: 130px;
}

nav .m-listmenu span {
    -moz-transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -o-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	transition: all 900ms ease;
    opacity: 0;
}

nav .m-listmenu:hover span, nav .m-listmenu.form-open span  {
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	transition: all 900ms ease;
    opacity: 1;
} 

nav .m-listmenu span.open-button{
    display: block;
    position: absolute;
    box-sizing: border-box;
    border: none;
    width: 100%;
    text-align: left;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    position: absolute;
    bottom:0px;
    opacity:1;
    cursor: pointer;
    background-color:rgba(0,0,0,0.6);
}


.pink nav .m-listmenu button.ml-submit {color:#ec008c;}	

.turquoise nav .m-listmenu button.ml-submit {color:#00d1c7;}

.blue nav .m-listmenu button.ml-submit {color:#028bff;}

.emerald nav .m-listmenu button.ml-submit {color:#009a5e;}

nav .m-listmenu:hover button.open-button {
    opacity:1;
    -webkit-transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	transition: all 900ms ease;
}

nav .m-listmenu button.close-button {
    display: none;
    -webkit-transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	transition: all 900ms ease;
}

nav .m-listmenu.form-open button.close-button {
    display: block;
    opacity: 0.4;
}

nav .m-listmenu.form-open button.close-button .more-link {
    background-position: -30px -300px;
}

nav .m-listmenu.form-open button.close-button:hover {
    opacity: 1;
}


nav .m-listmenu.form-open {
    top: 0%;
    height: 500px;
    -webkit-box-shadow: 0 0 2200px 2200px rgba(0,0,0,0.4);
    box-shadow: 0 0 2200px 2200px rgba(0,0,0,0.4);
    
}

nav .sign-up-form-block {
    padding: 0 10px;
    opacity: 0;
    -moz-transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -o-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	transition: all 900ms ease;
}

nav .m-listmenu.form-open .sign-up-form-block {
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}


nav .sign-up-form-block label  {
    color: #FFFFFF;
    padding: 5px 0;
    font-family: 'DIN Next W01 Medium';
}

nav .sign-up-form-block label.error {
    padding: 0;
    margin: 0 0 -5px 0;
    position: relative;
    top:-5px;
}


nav .sign-up-form-block input.text-input  {
    display: block;
    height: 30px;
    line-height: 30px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    border: 0px;
    font-size: 1em;
    color: #FFFFFF;
    font-family: 'DIN Next W01 Medium';
    background-color:rgba(0, 0, 0, 0.4); 
    margin: 0 0 10px 0;
    outline: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    -webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}


nav .sign-up-form-block input.text-input:focus  {

    background-color:rgba(0, 0, 0, 0.6); 

}

nav .m-listmenu.confirmed-subscription:hover, nav .m-listmenu.confirmed-subscription {
    background-color: rgba(0, 0, 0, 0.5);
    height: 60px;
}

nav .m-listmenu.confirmed-subscription h2 span {
    opacity: 1;
    font-family: 'DIN Next W01 Medium';
    font-size: 0.6em;
    position: relative;
    top: -5px;
}

nav .m-listmenu p.ml-sub-error {
    color: #FFFFFF;
    font-family: 'DIN Next W01 Medium';
    padding: 0;
    position: relative;
    top: -20px;
    font-size: 0.85em;
    line-height: 1.2em;
    text-transform: none;
    display: block;
}

	
/* FOOTER ------------------------------------- */
	
footer .social-block {
	display:block;
	height:40px;
	float:left;
	width:100%;
	padding:0 0 0 10px;
	}
	
footer .cta { 
	display:block;
	height:30px;
	width:220px;
	float:left;
	clear:left;
	padding:0 0 0 10px;
	position:relative;
	left:0px;
	font-family: 'Druk Web';
    letter-spacing: 0.02em;
	font-weight:normal;
	font-size:1.333em;
	text-transform:uppercase;
	line-height:32px;
	-webkit-transition: background-color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out;
	-ms-transition: background-color 300ms ease-out;
	-o-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
	}
	
footer .credit {
	font-size:0.7em;
	padding:5px 10px 15px 10px;
	display:block;
    line-height: 1.9em;
	}
	
footer .column.last .credit {
	padding:0px 10px 15px 10px;
	}
	
footer .funders {
	padding:4px 0 2px 0;
	}
	
/* BUTTONS AND INDICATORS ------------------------------------- */
	
footer .social, .more-link, .open-link, .quote-icon, .twitter-icon, .twitter-icon-white, .notebook-icon, .expand-click span, .expand-click-related span, .internal-click, .shop-icon, .prev-link {
	display:block;
	height:30px;
	width:30px;
	float:left;
	clear:none;
	text-indent:-99999px;
	background-image:url(/assets/images/icon-sheet.png);
	background-image:url(/assets/images/icon-sheet.svg);
	background-size: 60px 330px;
	margin:0 5px 0 0;
	}
	
.quote-icon, .twitter-icon, .notebook-icon, .twitter-icon-white {
	position:absolute;
	top:10px;
	left:10px;
	background-position:-30px -150px;
	}
	
.shop-icon {
	position:absolute;
	top:10px;
	right:10px;}

.notebook-icon {
	background-position:-32px -60px;
	}
	
.twitter-icon, .twitter-icon-white {
	background-position:0px 0px;
	}

.social.twitter, .social.youtube, .social.vimeo, .social.facebook, .social.gplus, .social.igram  {
    background-image:url(/assets/images/footer-social-sprite.svg);
    background-size: 180px 180px;
    }


.pink .social.twitter {
    background-position: 0px 0px;
	}

.turquoise .social.twitter {
    background-position: -30px 0px;
    }

.blue .social.twitter {
    background-position: -60px 0px;
	}

.emerald .social.twitter {
    background-position: -90px 0px;
	}



.pink .social.facebook {
    background-position: 0px -30px;
	}

.turquoise .social.facebook {
    background-position: -30px -30px;
    }

.blue .social.facebook {
    background-position: -60px -30px;
	}

.emerald .social.facebook {
    background-position: -90px -30px;
	}



.pink .social.youtube {
    background-position: 0px -60px;
	}

.turquoise .social.youtube {
    background-position: -30px -60px;
    }

.blue .social.youtube {
    background-position: -60px -60px;
	}

.emerald .social.youtube {
    background-position: -90px -60px;
	}



.pink .social.gplus {
    background-position: 0px -90px;
	}

.turquoise .social.gplus {
    background-position: -30px -90px;
    }

.blue .social.gplus {
    background-position: -60px -90px;
	}

.emerald .social.gplus {
    background-position: -90px -90px;
	}





.pink .social.vimeo {
    background-position: 0px -120px;
	}

.turquoise .social.vimeo {
    background-position: -30px -120px;
    }

.blue .social.vimeo {
    background-position: -60px -120px;
	}

.emerald .social.vimeo {
    background-position: -90px -120px;
	}



.pink .social.igram {
    background-position: 0px -150px;
	}

.turquoise .social.igram {
    background-position: -30px -150px;
    }

.blue .social.igram {
    background-position: -60px -150px;
	}

.emerald .social.igram {
    background-position: -90px -150px;
	}



.more-link, .open-link, .expand-click span, .expand-click-related span, .internal-click, .prev-link {
	position:absolute;
	top:0px;
	right:0px;
	}
	
.more-link {
	background-position:0px -270px;
	}
	
.prev-link {
	background-position:-30px -120px;
	}
	
.open-link {
	background-position:0px -300px;
	}
	
.expand-click span, .expand-click-related span {
	background-position:0px -180px;
	}
	
.expand-click span.closed, .expand-click-related span.closed {
	background-position:0px -150px;
	}
	
.internal-click {
	background-position:0px -300px;
	}
	
.shop-icon {
	background-position:-30px -120px;
	}
	
	
/* HOMEPAGE ------------------------------------- */

.home-carousel {
	width:950px;
	height:450px;
	overflow:hidden;
	margin:10px 0 10px 20px;
	float:left;
	position:relative;
	}
	
.tier.home-panel-wrap {
    width: 100%;
    clear: both;
    height: auto;
    
}

.home-tour-panel, .home-about-panel {
    min-height: 400px;
    width: 350px;
    padding: 0 0 50px 0;
    box-sizing: border-box;
    float: left;
    position: relative;
}

.home-tour-panel {
    float:right;
}


.home-tour-panel .base-link, .home-about-panel .base-link {
    display: block;
    box-sizing: border-box;
    width: 100%;
    bottom: 10px;
} 

.home-about-panel .about {
	font-family:'DIN Next W01 Medium';
	font-weight:normal;
	font-size:1.5em;
	line-height:1.15em;
    letter-spacing: 0em;
    color: #FFFFFF;
    padding: 10px;
    box-sizing: border-box;
	}

.home-tour-panel a.tour-date-listing {
    color: #FFFFFF;
    display: block;
    padding: 10px;
    box-sizing: border-box;
    background-color: transparent;
}

.home-tour-panel a.tour-date-listing, .home-tour-panel a.tour-date-listing h3 {
	text-decoration:none;
	-webkit-transition: color 300ms ease-out;
	-moz-transition: color 300ms ease-out;
	-ms-transition: color 300ms ease-out;
	-o-transition: color 300ms ease-out;
	transition: color 300ms ease-out;
	}

.home-tour-panel a.tour-date-listing {
   min-height:80px; 
}

.home-tour-panel a.tour-date-listing:hover {
    background-color: transparent;
}

.blue .home-tour-panel a.tour-date-listing h3 {
    border-bottom: 1px solid #028bff;
}

.pink .home-tour-panel a.tour-date-listing h3  {
    border-bottom: 1px solid #ec008c;
}

.emerald .home-tour-panel a.tour-date-listing h3  {
    border-bottom: 1px solid #009a5e;
}

.turquoise .home-tour-panel a.tour-date-listing h3 {
    border-bottom: 1px solid #00d1c7;
}


.blue .home-tour-panel a.tour-date-listing:hover h3 {
    color:#028bff;
}

.pink .home-tour-panel a.tour-date-listing:hover h3  {
    color:#ec008c;
}

.emerald .home-tour-panel a.tour-date-listing:hover h3  {
    color:#009a5e;
}

.turquoise .home-tour-panel a.tour-date-listing:hover h3 {
    color:#00d1c7;
}
	
.tour-date-listing  {
	text-decoration:none;
	-webkit-transition: background-color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out;
	-ms-transition: background-color 300ms ease-out;
	-o-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
	min-height:80px;
	}

.home-news-slider {
    float: left;
    clear: both;
    width: 100%;
}


/* news panel */

	
.news-scroller-home {
	min-height:250px;
    color: #FFFFFF;
    margin: 0 0 10px 0;
	}
	
.blue .news-scroller-home {
    background-color:#028bff;
    background-color:rgba(2, 139, 255, 0.4);
}

.pink .news-scroller-home  {
    background-color:#ec008c;
    background-color:rgba(236, 0, 140, 0.4);
}

.emerald .news-scroller-home  {
    background-color:#009a5e;
    background-color:rgba(0, 154, 94, 0.4);
}

.turquoise .news-scroller-home {
    background-color:#00d1c7;
    background-color:rgba(0, 209, 199, 0.4);
}

.news-scroller-home .news-i-content {
    width:350px;
    min-height: 250px;
    float: right;
    padding: 10px 20px 10px 10px;
    box-sizing: border-box;
    
}

.news-i-content p {
    font-family: 'PT Sans', sans-serif;
    font-weight: 500;
    line-height: 1.3em;
    font-size: 0.8em;
}

.news-listing {
    position: relative;
}

	
.news-listing .image-wrap {
	position:absolute;
	top:0px;
	left:0px;
	width:350px;
    height:250px;
	opacity:0;
    -moz-transform: translateX(-25%);
    -webkit-transform: translateX(-25%);
    -o-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
    -webkit-transition: all 600ms ease-out;
	-moz-transition: all 600ms ease-out;
	-ms-transition: all 600ms ease-out;
	-o-transition: all 600ms ease-out;
	transition: all 600ms ease-out;
    overflow: hidden;
	}


.flex-active-slide .news-listing .image-wrap {
    opacity:1;
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.news-listing .image-wrap img {
    width: 100%;
    position: relative;
} 

	
.news-listing .inline-link a {
	display:block;
	clear:left;
	padding:5px 0 0 0;
	color:#FFFFFF;
	}
	
.news-listing a {
	color:#333333;
	font-family: 'DIN Next W01 Medium';
	}

.news-scroller-home .tweet-variant{
  height: 250px;
    -webkit-transition: all 900ms ease-out;
    -moz-transition: all 900ms ease-out;
	-ms-transition: all 900ms ease-out;
	-o-transition: all 900ms ease-out;
	transition: all 900ms ease-out;
  opacity: 0;
    -moz-transform: translateX(50%);
    -webkit-transform: translateX(50%);
    -o-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
}

.news-scroller-home .tweet-variant.flex-active-slide{
  opacity: 1;
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.blue .tweet-variant {
    background-color:#028bff;
    background-color:rgba(2, 139, 255, 0.5);
}

.pink .tweet-variant  {
    background-color:#ec008c;
    background-color:rgba(236, 0, 140, 0.5);
}

.emerald .tweet-variant  {
    background-color:#009a5e;
    background-color:rgba(0, 154, 94, 0.5);
}

.turquoise .tweet-variant {
    background-color:#00d1c7;
    background-color:rgba(0, 209, 199, 0.5);
}


.news-scroller-home .slider-tweet-panel {
    box-sizing: border-box;
    margin: 10px;
    position: relative;
    height: 100%;
}

.news-scroller-home .slider-tweet-panel:after {
   display: block;
    content: "";
    height: 1px;
    clear: both;
    width:100%;
}

.news-scroller-home .tweet-panel {
    display: block;
    width: 100%;
    box-sizing: border-box;
    float: right;
    color: #FFFFFF;
    font-family: 'PT Sans', sans-serif;
    font-weight: 500;
    line-height: 1.5em;
    font-size: 0.9em;
}

.news-scroller-home .tweet-panel li {
    display: block;
    width: 330px;
    box-sizing: border-box;
    float: left;
    position: relative;
    min-height: 160px;
    padding: 10px 0 0 0;
}

.news-scroller-home .tweet-panel li:first-of-type {
    padding: 10px 30px 0 0;
    width: 360px;
}

.news-scroller-home .tweet-panel a {
    color: #FFFFFF;
     font-family: 'PT Sans', sans-serif;
    font-weight: 700;
}

.news-scroller-home .tweet-panel .tweet-time {
    display:block;
    position: absolute;
    bottom: 0px;
    height: 30px;
    line-height: 30px;
    width: 50%;
    font-size: 0.8em;
    border-top: 1px solid #FFFFFF;
    font-family: 'DIN Next W01 Bold';
}

.news-scroller-home .tweet-panel .afti-short-timeline p {
    display:none;
}

.news-scroller-home .user-link {
    display: block;
    position: absolute;
    width: 620px;
    bottom: 20px;
    box-sizing: border-box;
    left: 0px;
    height: 30px;
    line-height: 32px;
    padding: 0 0 0 40px;
    color: #FFFFFF;
    font-family: 'DIN Next W01 Bold';
    color: #FFFFFF;
    font-size: 0.9em;
    text-transform: uppercase;
    text-decoration: none;
}

.news-scroller-home .user-link .twitter-icon {
    top:0px;
    left: 5px;
}

.blue .news-scroller-home .user-link {
    color: #028bff;
    background-color:rgba(255,255,255,1);
}

.pink .news-scroller-home .user-link {
    color: #ec008c;
    background-color:rgba(255,255,255,1);
}

.emerald .news-scroller-home .user-link {
    color: #009a5e;
    background-color:rgba(255,255,255,1);
}
.turquoise .news-scroller-home .user-link {
    color: #00d1c7;
    background-color:rgba(255,255,255,1);
}

	
/* COLUMNS AND LAYOUT  ------------------------------------- */

.half-column-left, .half-column-left-nopad, .half-column-right, .half-column-right-nopad {
	width:330px;
	float:left;
	padding:10px;
	position:relative;
	margin:0;
	}
	
.half-column-left-nopad, .half-column-right-nopad {
	width:350px;
	padding:0px;
	}
	
.half-column-right, .half-column-right-nopad {
	float:right;
	}
	
.two-third-left, .two-third-left-nopad {
	width:450px;
	float:left;
	padding:10px;
	position:relative;
	margin:0;
	}

.two-third-right {
    width:470px;
	padding:0px;
    position:relative;
	margin:0;
    padding:10px;
    float: right;
    box-sizing: border-box;
}
	
.two-third-left-nopad {
	width:470px;
	padding:0px;
	}
	
.one-third-right, .one-third-right-nopad  {
	width:210px;
	float:right;
	padding:10px;
	position:relative;
	margin:0;
	}
	
.one-third-right-nopad {
	width:230px;
	padding:0px;
	}
	
.column, .column.last  {
	width:230px;
	margin:0 10px 0 0;
	float:left;
	position:relative;
	}
	
.column.last {
	margin:0;
	}
	
.linked-base {
	margin:0 0 40px 0;
	}

.content-box {
	padding:10px;
	color:#FFFFFF;
	margin:0 0 10px 0;
	display:block;
	}

.base-link {
	position:absolute;
	bottom:-30px;
	height:30px;
	display:block;
	font-family:'DIN Next W01 Bold';
	text-transform:uppercase;
	color:#FFFFFF;
	background-color: rgba(0, 0, 0, 0.5);
	left:0px;
	padding:0 0 0 10px;
	line-height:30px;
	text-decoration:none;
	-webkit-transition: background-color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out;
	-ms-transition: background-color 300ms ease-out;
	-o-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
	font-size:0.867em;
	}
	
.half-column-left .base-link, .half-column-right .base-link {
	width:340px;	
	}
	
.two-third-left-nopad .base-link {
	width:460px;
	}
	
.small-sq .base-link, .twitter-feed .base-link {
	width:220px;	
	}
	
.c-link-box .base-link {
	width:210px;
	}
	
/* CROSS PAGE ELEMENTS ------------------------------------- */	

.title-base {
	position: absolute;
	height: 7px;
	width: 230px;
	bottom: 0px;
	right: -240px;
	}
	
.created-posted, .post-edit-link, .modal-launcher, .back-button {
	position:absolute;
	top:10px;
	right:0px;
	width:210px;
	text-transform:uppercase;
	}
	
.post-edit-link, .modal-launcher, .back-button {
	top:60px;
	color:#FFFFFF;
	text-decoration:none;
	line-height: 32px;
	height: 30px;
	padding: 0px 10px;
	margin: 0 0 10px 0;
	font-family: 'DIN Next W01 Medium';
	font-size: 0.867em;
	background-color: rgba(0, 0, 0, 0.6);
	-webkit-transition: background-color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out;
	-ms-transition: background-color 300ms ease-out;
	-o-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
	}

.modal-launcher {
	top: 30px;
}

.back-button {
   top:100px; 
}

.modal-launcher.disabled {
	opacity: 0.2;
	pointer-events:none;
}
	
.base-line {
	border-bottom:1px solid #FFFFFF;
	margin-bottom:10px;
	}
	
.top-line {
	border-top:1px solid #FFFFFF;
	}
	
.expand-box, .page-link-dark {
	width:auto;
	background-color: rgba(0, 0, 0, 0.3);
	margin:0 0 10px 0;
}

.page-link-dark {
	display:block;
	text-decoration:none;
	position:relative;
	-webkit-transition: background-color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out;
	-ms-transition: background-color 300ms ease-out;
	-o-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
	}

.related .expand-box {
	background-color:transparent; 
	}

.expand-click, .expand-click-related {
	display:block;
	margin:10px 0 0 0;
	text-transform:uppercase;
	cursor:pointer;
	position:relative;
	}
	
.related .expand-click, .related .expand-click-related {
	background-color: rgba(0, 0, 0, 0.6);
	margin:0 10px 10px 0;
	}
	
.expand-box ul li a, .links-listing li a, .expand-box ul li span.active {
	display:block;
	padding: 0 10px 5px 10px;
	text-transform:uppercase;
	cursor:pointer;
	font-family: 'DIN Next W01 Bold';
	color:#FFFFFF;
	text-decoration:none;
	font-size: 0.867em;
	-webkit-transition: color 300ms ease-out;
	-moz-transition: color 300ms ease-out;
	-ms-transition: color 300ms ease-out;
	-o-transition: color 300ms ease-out;
	transition: color 300ms ease-out;
	}
	
.expand-content {
	height:auto;
	}
	
.links-listing {
	margin:0 0 10px 0;
	}	

.twitter-feed {
	color: #FFF;
	padding: 40px 10px 10px 10px;
	margin: 0 0 40px 0;
	position: relative;
	}
	
.hidden {
	display:none;
	}
	
.min-box-height {
	min-height:480px;
}

.min-box-height.participation-section {
	min-height:240px;
	}  
	

/* FLEX BOX LAYOUTS ------------------------------------- */

#flexgrid, .tier.related, .flex-iso { 
	width:720px;
	overflow:visible;
	position:relative;
	background-image:url(/assets/images/grid-bg.svg);
	background-position:0px 0px;
	background-size:240px 240px;
	background-repeat:repeat;
}

.flex-iso .item {
   float: left;
    margin: 0 10px 10px 0;
}

.flex-iso:after {
    content: " ";
    display: table;
    clear: both;
}

.tier.related {
	background:none;
	}

.stamp.top-right {
	position:absolute;
	top:0px;
	right:10px;
	}
	

.stamp.top-left {
	position:absolute;
	top:0px;
	left:0px;
	}

.item {
	z-index:10;
}


.item img {
	border: none !important;
	clear: none;
	display: block;
	opacity:0.85;
	z-index:0;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	}
	
.item a div {
	z-index:5;
	} 
	
.item a {
	text-decoration:none;
	}
	
.small-sq, .small-ls, .small-p, .item.title {
	width:230px;
	height:auto;
	margin:0 0 10px 0;
	min-height:230px;
	position:relative;
	overflow:hidden;
	}
	
.small-ls {
	width:470px;
	}
	
.small-p {
	width:230px;
	height:470px;
	}
	
.med-sq {
	width:470px;
	height:470px;
	margin:0 0 10px 0;
	position:relative;
	overflow:hidden;
	}

.item.title {
    margin: 0 10px 10px 0;
}

.turquoise .item.title {
    background-color: #00d1c7;
    background-color: rgba(2, 209, 199, 0.9);
}

.pink .item.title {
    background-color: #ec008c;
    background-color: rgba(236, 0, 140, 0.9);
}

.blue .item.title {
    background-color: #028bff;
    background-color: rgba(2, 139, 255, 0.9);  
}

.emerald .item.title {
    background-color: #009a5e;
    background-color: rgba(0, 154, 94, 0.9);
}

.item.title h2 {
    position: absolute;
    top: 0px;
    left: 0px;
}
	
	
	
/* Projects */
	
.item .project-link {
	position:absolute;
	bottom:0px;
	background-color: rgba(0, 0, 0, 0.6);
	width:100%;
	padding:2px 0 0 0;
	height:auto;
	color:#FFFFFF;
	-webkit-transition: background-color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out;
	-ms-transition: background-color 300ms ease-out;
	-o-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
	}
	
.item .project-link span.inner-link, .project-link p {
	opacity:0;
	display:block;
	height:0px;
	-webkit-transition: opacity 600ms ease-out;
	-moz-transition: opacity 600ms ease-out;
	-ms-transition: opacity 600ms ease-out;
	-o-transition: opacity 600ms ease-out;
	transition: opacity 600ms ease-out;
	font-family:'DIN Next W01 Medium';
    line-height: 1.2em;
	}
	
.item .project-link span.inner-link, .item .notebook-link span.inner-link, .item .shop-link span.inner-link {
	height:0px;
	position:absolute;
	opacity:0;
	font-size:0.867em;
	left:0px;
	bottom:0px;
	}

.item a:hover .project-link {
	top:0px;
	height:100%;
	background-color: rgba(0, 0, 0, 0.85);
	padding: 2px 0px 0px 0px;
	}
	
.item a:hover .project-link span.inner-link, .item a:hover .shop-link span.inner-link {
	height:30px;
	width:220px;
	opacity:1;
	bottom:2px;
	height:30px;
	line-height:30px;
	padding:0 0 0 10px;
	text-transform:uppercase;
	font-family: 'DIN Next W01 Bold';
	}

.small-ls.item a:hover .project-link span.inner-link {
	width:460px;
	}
	
.item a:hover .project-link p {
	opacity:1;
	height:auto;
	padding:8px 10px 10px 10px;
	}
	
/* Quotes */
	
.item.quote blockquote {
	font-family:'DIN Next W01 Black';
	display:block;
	color:#FFFFFF;
	font-size:1.067em;
	padding:10px;
	margin:30px 0 0 0;
	line-height:1.15em;
	}
	
.item.quote cite {
	display:block;
	color:#FFFFFF;
	padding:0px 10px 10px 10px;
	font-family: 'DIN Next W01 Regular';
	font-size:0.933em;
	line-height:1em;
	}
	
/* twitter panel */

.small-sq.twitter-h {
	min-height:200px;
	overflow:visible;
	margin:0 0 40px 0;
	}
	
.item.twitter-h ul li {
	padding:10px;
	color:#333333;
	margin:30px 0 0 0;
	font-family:'DIN Next W01 Medium';
	}
	
.item.twitter-h ul li a {
	color:#333333;
	}
	
.item.twitter-h ul li .tweet-time {
	display: block;
	font-size: 0.8em;
	padding:5px 0 0 0;
	}
	
.item.twitter-h ul li p {	
	display:none;
	}
	
.item.twitter-feed {
	width:210px;
	height:390px;
	}
	
	
/* Notebook  */

.item.notebook a {
	display:block;
	text-decoration:none;
	overflow:hidden;
	padding:0 0 30px 0;
	-webkit-transition: background-color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out;
	-ms-transition: background-color 300ms ease-out;
	-o-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
	}

	
.small-sq.notebook a { height:200px;}
.small-ls.notebook a { height:200px;}
.small-p.notebook a { height:440px;}

.item.notebook p {
	font-family: 'DIN Next W01 Medium';
	display: block;
	color: #FFF;
	font-size: 0.933em;
	line-height: 1.3em;
	padding: 5px 10px;
	clear: left;
	}
	
.notebook a img {
	z-index:-1;
	}
	
.notebook-icon {
	text-indent: 0px;
	width: 150px;
	position: relative;
	background-repeat: no-repeat;
	font-family: 'DIN Next W01 Regular';
	font-size: 0.8em;
	color: #FFF;
	padding: 0 0 0 35px;
	line-height: 30px;
	top: 0px;
	text-transform: uppercase;
	}


.item .notebook-link span.inner-link{
	height:30px;
	opacity:0;
	-webkit-transition: opacity 300ms ease-out;
	-moz-transition: opacity 300ms ease-out;
	-ms-transition: opacity 300ms ease-out;
	-o-transition: opacity 300ms ease-out;
	transition: opacity 300ms ease-out;
	bottom:0px;
	color:#FFFFFF;
	height:30px;
	line-height:30px;
	padding:0 0 0 10px;
	text-transform:uppercase;
	font-family: 'DIN Next W01 Bold';
	width:460px;
	}
	
	
.small-sq.item .notebook-link span.inner-link, .small-p.item .notebook-link span.inner-link{
	width:220px;
	}
	
.item a:hover .notebook-link span.inner-link{
	opacity:1;
	}
	
span.notebook-type-video, span.notebook-type-image {
	display:block;
	width:60px;
	height:60px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-30px;
	margin-left:-30px;
	text-indent:-9999px;
	background-image:url(/assets/images/notebook-type.svg);
	background-size: 120px 120px;
	background-position:0px 0px;
	z-index:10;
	opacity:0.7;
	-webkit-transition: opacity 300ms ease-out;
	-moz-transition: opacity 300ms ease-out;
	-ms-transition: opacity 300ms ease-out;
	-o-transition: opacity 300ms ease-out;
	transition: opacity 300ms ease-out;
	}
	
span.notebook-type-image {
	background-position:-60px 0px;
	}
	
a:hover span.notebook-type-video, a:hover span.notebook-type-image {
	opacity:1;
	}
	
.med-sq .notebook-link {
	height:470px;
	}
	
.med-sq .notebook-link p {
	text-transform:none;
	font-family: 'DIN Next W01 Regular';
	} 
	
.med-sq .notebook-link .inner-link {
	height: 30px;
	opacity: 1;
	-webkit-transition: opacity 300ms ease-out;
	-moz-transition: opacity 300ms ease-out;
	-ms-transition: opacity 300ms ease-out;
	-o-transition: opacity 300ms ease-out;
	transition: opacity 300ms ease-out;
	bottom: 0px;
	color: #FFF;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 10px;
	text-transform: uppercase;
	font-family: 'DIN Next W01 Bold';
	width: 460px;
	position:absolute;
	bottom:0px;
	}
		


/* shop */

.item a .shop-link {
	position:absolute;
	bottom:0px;
	padding: 2px 0 0 0;
	width:100%;
	}
	
.item a:hover .shop-link {
	padding: 2px 0 30px 0;
	-webkit-transition: background-color 600ms ease-out;
	-moz-transition: background-color 600ms ease-out;
	-ms-transition: background-color 600ms ease-out;
	-o-transition: background-color 600ms ease-out;
	transition: background-color 600ms ease-out;
	}
	
.item a .shop-link span.inner-link{
	display:none;
	opacity:0;
	-webkit-transition: opacity 300ms ease-out;
	-moz-transition: opacity 300ms ease-out;
	-ms-transition: opacity 300ms ease-out;
	-o-transition: opacity 300ms ease-out;
	transition: opacity 300ms ease-out;
	}
	
.item a:hover .shop-link span.inner-link{
	display:block;
	height:30px;
	opacity:1;
	bottom:0px;
	color:#FFFFFF;
	height:30px;
	line-height:30px;
	padding:0 0 0 10px;
	text-transform:uppercase;
	font-family: 'DIN Next W01 Bold';
	}

/* Generic   */
	
.item.generic-box {
	width:450px;
	height:210px;
	margin-bottom:10px;
	padding:10px;
	color:#333333;
	}

.item.generic-box h2.box-title {
        padding: 12px 10px 8px 0px;
}

.item.generic-box.white-bg h2.box-title {
        color: #333333;
}
	
.item.generic-box-link a {
	display:block;
	position:absolute;
	top:0px;
	height:230px;
	text-decoration:none;
	color:#FFFFFF;
	z-index:1;
	width: 100%;
	}
	
.item.generic-box-link img {
	position:absolute;
	top:0px;
	left:0px;
	opacity:0.4;
	z-index:0;
	-webkit-transition: opacity 600ms ease-out;
	-moz-transition: opacity 600ms ease-out;
	-ms-transition: opacity 600ms ease-out;
	-o-transition: opacity 600ms ease-out;
	transition: opacity 600ms ease-out;
	}
	
.item.generic-box-link:hover img {
	opacity:0.85;
	}
	
.item.generic-box-link a p {
	padding:0px 10px 10px 10px;
	color:#FFFFFF;
	}
	
.item.generic-box-link a .inner-link {
	height: 30px;
	font-size: 0.867em;
	position:absolute;
	bottom:0px;
	left: 0px;
	width: 220px;
	opacity: 1;
	bottom: 2px;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 10px;
	text-transform: uppercase;
	font-family: 'DIN Next W01 Bold';
	}
	
.item.generic-box-twitter {
	padding: 40px 0px 10px 0px;
	height:420px;
	color:#FFFFFF;
	}
	
.item.generic-box-twitter p {
	padding:10px;
	}

/* MAIN PAGES ------------------------------------- */

.page-carousel, .single-feature{
	width:470px;
	height:270px;
	overflow:hidden;
	margin:0 0 10px 0;
	float:left;
	position:relative;
	}
	
.single-feature img {
	border: none !important;
	width:100%;
	}
	
	
.gallery-carousel a, .gallery-static a {
	display:block;
	float:left;
	clear:none;
	height:57px;
	width:57px;}

.gallery-carousel a img, .gallery-static a img {
	border: none !important;
	display: block;
	opacity:0.75;
	z-index:0;
	-webkit-transition: opacity 300ms ease-out;
	-moz-transition: opacity 300ms ease-out;
	-ms-transition: opacity 300ms ease-out;
	-o-transition: opacity 300ms ease-out;
	transition: opacity 300ms ease-out;
	}
	
.gallery-carousel a img:hover, .gallery-static a img:hover {
	opacity:1;
	}	

.gallery-carousel ul li {
	width:228px;
	margin:0 0 10px 0;
	}
	
.gallery-control li, .gallery-static h3 {
	display:inline-block;
	line-height:18px;
	width:48px;
	cursor:pointer;
	font-family:'DIN Next W01 Regular';
	color:#FFFFFF;
	text-transform:uppercase;
	margin:6px 0px;
	padding:0px 10px;
	}
	
.gallery-static {
	padding: 0 0 10px 0;
	height: auto;
	overflow: auto;
	}
	
.gallery-static h3 {
	display:block;}
	
.gallery-control li.flex-active, .gallery-static h3 {
	cursor:default;
	font-family:'DIN Next W01 Bold';
	}
	
.gallery-control li.second-slide {
	border-left:1px solid #FFFFFF;
	margin:6px 0px 6px 0px;
	padding:0 0 0 10px;
	}

.reactions {
    border-top:1px solid #FFFFFF;
    padding-top:10px;
    }

.reactions .quote-icon {
	display:block;
	position:relative;
	float:left;
	}
	
.reactions .quote blockquote {
	font-family:'DIN Next W01 Black';
	float:left;
	clear:left;
	display:block;
	font-size:1.067em;
	padding:10px;
	margin:0px 0 0 0;
	line-height:1.15em;
	text-transform:uppercase;
	}
	
.reactions .quote cite {
	display:block;
	float:left;
	clear:left;
	color:#FFFFFF;
	padding:0px 10px 10px 10px;
	font-family: 'DIN Next W01 Regular';
	font-size:0.933em;
	line-height:1em;
	}
	
.reactions .twitter-feed {
	min-height:150px;
	}
	
.reactions .twitter-feed, .item.twitter-feed  {
	font-family: 'DIN Next W01 Medium';
	font-size: 0.933em;
	line-height: 1.3em;
}

.reactions .twitter-feed li, .item.twitter-feed li {
	display:block;
	margin:0 0 10px 0;
	}
	
.reactions .twitter-feed li a, .item.twitter-feed li a {	
	color:#FFFFFF;
	}

.reactions .tweet-time, .item.twitter-feed .tweet-time {
	display:block;
	font-size: 0.8em;
	}

.reactions .twitter-feed p, .item.twitter-feed p {
	display:none;
}
	
.reactions .review-links a, .downloads a  {
	padding: 0px 10px 0px 10px;
	font-size: 0.933em;
	line-height: 1.4em;
	color:#FFFFFF;
	text-decoration:none;
	font-family: 'DIN Next W01 Medium';
	-webkit-transition: color 300ms ease-out;
	-moz-transition: color 300ms ease-out;
	-ms-transition: color 300ms ease-out;
	-o-transition: color 300ms ease-out;
	transition: color 300ms ease-out;
	display:block;
	}

.one-third-right-nopad ul.downloads {
    margin: 10px 0 20px 0;
}

.one-third-right-nopad ul.downloads li {
    margin: 10px 0 0 0;
}

.one-third-right-nopad ul.downloads li a {
    padding: 0px 10px 0px 30px;
    position: relative;
} 

.one-third-right-nopad ul.downloads li a:before {
    display: block;
    height: 30px;
    width: 30px;
    position: absolute;
    top: -5px;
    left: 0px;
    content: "";
    background-image: url(/assets/images/icon-sheet.png);
    background-image: url(/assets/images/icon-sheet.svg);
    background-size: 60px 330px;
    background-position: -30px -60px;
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.reactions .quote {
   margin: -15px 0 20px 0;     
}
	
.review-links, .downloads {
	margin:0 0 10px 0;
	}

.review-links a {
    padding: 0 0 10px 40px !important;
    position: relative;
    }

.review-links li a:before {
    display: block;
    content: " ";
    height: 30px;
    width: 30px;
    position: absolute;
    top: -3px;
    left: 5px;
    background-image: url(/assets/images/icon-sheet.png);
    background-image: url(/assets/images/icon-sheet.svg);
    background-size: 60px 330px;
    background-position: 0px -300px;
    }
	
.p-upcoming-tour-dates, .p-previous-tour-dates{
	display:block;
	padding:0 10px;
	color:#FFFFFF;
	border-bottom:1px solid rgba(255, 255, 255, 0.4);
	margin:0 0 10px 0;
	}
	
.p-previous-tour-dates{
	border-bottom:1px solid rgba(0, 0, 0, 0.6);
	}
	
.p-upcoming-tour-dates p, .p-previous-tour-dates p {
	font-family: 'DIN Next W01 Medium';
	padding:0 0 5px 0;
	}
	
.p-upcoming-tour-dates p a, .p-previous-tour-dates p a {
	color:#FFFFFF;
	-webkit-transition: color 300ms ease-out;
	-moz-transition: color 300ms ease-out;
	-ms-transition: color 300ms ease-out;
	-o-transition: color 300ms ease-out;
	transition: color 300ms ease-out;
	}
	
.p-previous-tour-dates p, .p-previous-tour-dates p a {
	color:#333333;
	}
	
#p-tour-dates {
	display:none;
	font-family: 'DIN Next W01 Medium';
	width:100%;
	min-width:260px;
	}
	
.custom-area {
	padding:0px;
	margin:0 0 10px 0;
	height:auto;
	}
	

/* Donations   */
.donate {
	border-top:7px solid #FFFFFF;
	border-top:7px solid rgba(255, 255, 255, 0.9);
	}
	
.donate h3 {
	font-family: 'Druk Web';
    letter-spacing: 0.02em;
  	font-weight: normal;
  	font-size: 2em;
  	text-transform: uppercase;
  	padding: 5px 0px;
	color:#FFFFFF;
	margin:10px;
	}
	
.donate p, .donate .giftaid label {
	color:#FFFFFF;
	padding:0px 10px 5px 10px;
	font-family: 'DIN Next W01 Regular';
	}

.donate #support {
	height: 40px;
	border: none;
	outline: none;
    box-sizing: border-box;
	width: 100%;
	padding: 0 10px 0 30px;
    font-family: 'DIN Next W01 Medium';
    font-size: 1em;
	font-weight: normal;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
	border: none;
    border: 1px solid #FFFFFF;
	color: #FFF;
	margin: 0 0 10px 0;
	-webkit-appearance: none;
    background-color: transparent;
	/* background-color: rgba(0, 0, 0, 0.6); */
	position:relative;
    height: 40px;
    line-height: 40px;
  	}
	
.donate #donate-form {
	position:relative;
	}
	
.donate #donate-form:after {
	position: absolute;
  	top: 0px;
  	left: 0px;
  	content: "\00A3";
  	font-family: 'DIN Next W01 Bold';
  	font-size: 1.3em;
  	color: #FFF;
  	display: block;
  	height: 40px;
  	width: 30px;
  	line-height: 43px;
  	text-align: center;
  	}
	
.donate .giftaid {
	padding:0px 10px;
	}
	
	
/* NOTEBOOK POSTS ------------------------------------- */
	
	
.notebook-gallery-area {
	width:480px;
	float:left;
	clear:left;
	overflow:visible;
	position:relative;
}

.notebook-gallery-area img {
	border: none !important;
	display: block;
	opacity:0.7;
	float:left;
	width:150px;
	margin:0 10px 10px 0;
	-webkit-transition: opacity 300ms ease-out;
	-moz-transition: opacity 300ms ease-out;
	-ms-transition: opacity 300ms ease-out;
	-o-transition: opacity 300ms ease-out;
	transition: opacity 300ms ease-out;
	}
	
.notebook-gallery-area.video-gallery-area a img {
	width:470px;
	}
	
.notebook-gallery-area a:hover img {
	opacity:1;
	}
	
.notebook-gallery-area .notebook-type-image {
	left: 500px;
	top: 21px;
	opacity:1;
}

.created-posted .notebook-icon {
	left:0px;
	}
	
.notebook-meta {
	margin:0 0 10px 0;
	}
	
.notebook-meta p {
	display:inline-block;
	text-transform:uppercase;
	color:#FFFFFF;
	margin:0px;
	padding:10px;
	}
	
.notebook-meta p a {
	color:#FFFFFF;
	text-decoration:none;
	opacity:0.7;
	-webkit-transition: opacity 300ms ease-out;
	-moz-transition: opacity 300ms ease-out;
	-ms-transition: opacity 300ms ease-out;
	-o-transition: opacity 300ms ease-out;
	transition: opacity 300ms ease-out;
	}
	
.notebook-meta p a:hover {
	opacity:1;
	}
	
.notebook-meta .mini-title {
	border-bottom: 1px solid #FFF;
	padding: 4px 0px 6px 0px;
	margin: 0 10px;
	font-family: 'Druk Web';
    letter-spacing: 0.02em;
	font-weight: normal;
	font-size: 1.333em;
	text-transform: uppercase;
}

.wp-pagenavi {
	clear: both;
	border-top: 1px solid #FFF;
	padding:10px;
	text-transform:uppercase;
	font-family: 'DIN Next W01 Bold';
}

.wp-pagenavi span, .wp-pagenavi a {
	text-decoration: none;
	display:inline-block;
	background-color: rgba(0, 0, 0, 0.6);
	padding: 0px;
	line-height:30px;
	min-width:30px;
	text-align:center;
	margin:0;
	-webkit-transition: background-color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out;
	-ms-transition: background-color 300ms ease-out;
	-o-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
	
	}
	
.wp-pagenavi span.pages {
	background-color:transparent;
	text-align:left;
	font-family: 'DIN Next W01 Medium';
	margin:0 10px 0 0;
	}

.wp-pagenavi a {
	color:#FFFFFF;
	
}

.wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink {
	text-indent:-9999px;
	background-image: url(/assets/images/icon-sheet.svg);
	background-size: 60px 330px;
	background-position: 0px -240px;
}

.wp-pagenavi .previouspostslink {
	background-position: 0px -210px;
	}

.wp-pagenavi a:hover, .wp-pagenavi span.current {

}

.wp-pagenavi span.current {
	
}

.wp-pagenavi a.last, .wp-pagenavi a.first {
	padding: 0 10px;
}

.post-nav {
	position:absolute;
	width:230px;
	right:0px;
	top:120px;
	}



	
/* TOUR DATES ------------------------------------- */
	
.tour-dates {
	min-height:120px;
	position:relative;
	padding:0 0 20px 0;
	margin:0 0 10px 0;
	overflow:hidden;
	}
	
.td-repeater {
	position:relative;
	}
	
.td-repeater .post-edit-link {
	top:0px;
	right:0px;
	}
	
.tour-dates h2 { 
	border-bottom:1px solid #FFFFFF;
	margin:10px;
	padding:10px 0px 10px 0;
	font-size:1.9em;
	}
.tour-dates p {	
	color:#FFFFFF;
    font-family: 'PT Sans', sans-serif;
    font-weight: 500;
	padding:0px 10px 10px 10px;
	}

.tour-dates p.venue-date {
	font-size: 1.1em;
	}
	
.tour-dates p span {
	font-family: 'PT Sans', sans-serif;
    font-weight: 700;
	}
	
.tour-dates .tour-detail {
	z-index:10;
	position:relative;
	}

.tour-dates .tour-detail p.date {
    font-size: 1.2em;
    font-weight: 700;
}

.tour-dates .tour-detail p strong {
    font-size: 1em;
    margin: 0;
    display: block;
    font-weight: 700;
}
	
.tour-detail a {
	color:#FFFFFF;
	font-family: 'PT Sans', sans-serif;
    font-weight: 700;
	-webkit-transition: color 300ms ease-out;
	-moz-transition: color 300ms ease-out;
	-ms-transition: color 300ms ease-out;
	-o-transition: color 300ms ease-out;
	transition: color 300ms ease-out;
	}
	
.tour-dates img {
	position:absolute;
	top:0px;
	left:0px;
	z-index:5;
    
    /* TOUR DATE IMAGE REVERSION */
    
	opacity:0.4;
	width:100%;
	-webkit-transition: opacity 300ms ease-out;
	-moz-transition: opacity 300ms ease-out;
	-ms-transition: opacity 300ms ease-out;
	-o-transition: opacity 300ms ease-out;
	transition: opacity 300ms ease-out;
	}

.tour-dates:hover img {
	opacity:0.4;
	}
	
.full-tour-list table {
	font-family: 'DIN Next W01 Medium';
	color:#FFFFFF;
	width:auto;
	margin:0 0 10px 0;
	}
	
.full-tour-list table tr td {
	padding:0px 10px 20px 10px;
	}
	
.full-tour-list .date-title {
	padding:0px 10px;
	line-height:30px;
	display:block;
	width:210px;
	margin:0; 
	position:relative;
	right:10px;
	font-family: 'DIN Next W01 Black';
	text-transform:uppercase;
	}
	
.t-title { 
	font-family: 'DIN Next W01 Bold';
	text-transform:uppercase;
	}
	
.t-title, .t-dates {
	width:220px;
	}
	
.t-location {
	width:205px;
	}
	
.full-tour-list a {
	color:#FFFFFF;
	}


/* NEW PREVIOUS TOUR DATES STYLES  */

.full-tour-listings-filter {
    margin: 0 0 20px 0;
    overflow: visible;
}


.full-tour-listings-filter h2.year-title {
    padding: 10px;
    line-height: 30px;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
}

.full-tour-listings-filter h2.year-title:after, .full-tour-listings-filter h3.month-title:after{
    content: "";
    display: block;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    right: 5px;
    top: 50%;
    margin: -15px 0 0 0;
    opacity: 1;
    background-color: transparent;
    border: 2px solid #FFFFFF;
    background-image:url(/assets/images/plus-minus.svg);
    background-size: 60px 30px;
    background-repeat: no-repeat;
    background-position: -2px -2px;
}

.full-tour-listings-filter h3.month-title.pending {
    opacity:0.6;
    cursor: none;
    
}

.full-tour-listings-filter h2.year-title.open:after,.full-tour-listings-filter h3.month-title.open:after {
    background-position: -32px -2px;
}


.full-tour-listings-filter h3.month-title:after{
    border: 2px solid transparent;
}

.full-tour-listings-filter h3.month-title.pending:after {
    content: "LOADING";
    background-image:none;
    width: 100px;
    text-align: right;
    font-family: 'DIN Next W01 Bold';
    font-size: 12px;
    line-height: 30px;
    
}

.full-tour-listings-filter h3.month-title{
    width: 90%;
    margin-bottom: 10px;
    margin-left: 10%;
    color: #FFFFFF;
    line-height: 20px;
    box-sizing: border-box;
    padding: 10px;
    font-family: 'DIN Next W01 Black';
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    
}

.full-tour-listings-filter .month {
    width: 90%;
    margin: 0 0 0 10%;
}

.full-tour-listings-filter .tour-date-block {
    border-bottom: 1px solid rgba(255,255,255,0.4);
}

.full-tour-listings-filter .month .tour-date-block:last-of-type {
    border-bottom: none;
}

.full-tour-listings-filter .tour-date-block:after {
    content: " ";
    display: table;
    clear: both;
}

.full-tour-listings-filter .tour-date-block .project,
.full-tour-listings-filter .tour-date-block .dates,
.full-tour-listings-filter .tour-date-block .venue
 {
        float: left;
        display: block;
        width: 33%;
        box-sizing:border-box;
        color: #FFFFFF;
        padding: 20px 10px;
        font-family: 'PT Sans', sans-serif;
        font-weight: 700;
     
}

.full-tour-listings-filter .tour-date-block .project a {
    font-family: 'DIN Next W01 Bold';
    color: #FFFFFF;
}

.full-tour-listings-filter .tour-date-block .venue a {
    color: #FFFFFF;
}

.full-tour-listings-filter .year .year-list, .full-tour-listings-filter .year .month {
    height: 0px;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    -moz-transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -o-transform: translateY(30px);
    -ms-transform: translateY(30px);
transform: translateY(30px);
}

.full-tour-listings-filter .year.open .year-list, .full-tour-listings-filter .year .month.open {
    height: auto;
    overflow: visible;
    opacity: 1;
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}



	
/* SHOP ------------------------------------- */
                
.product-price {
	font-family: 'DIN Next W01 Black';
	font-weight: normal;
	font-size: 2.0em;
	padding:0 10px;
}

.related-product-area {
	position:relative;
	width:480px;
	background-image:url(/assets/images/grid-bg.svg);
	background-position:0px 0px;
	background-size:240px 240px;
	background-repeat:repeat;
	overflow:auto;
	}

.related-product-area .shop {
	float:left;
	margin:0 10px 10px 0;
	}
	
.buy-button {
	position:relative;
	z-index:10;
	}
	
.buy-button input[type="image"] {
	width:0px;
	padding:0 0 0 230px;
	height:30px;
	display:block;
	height:30px;
	overflow:hidden;
	z-index:10;
	}
	
.buy-button:before {
	content: "ADD TO BASKET";
	display:block;
	height:30px;
	width:220px;
	padding:0 0 0 10px;
	color:#FFFFFF;
	background-color: #000000;
	background-color: rgba(0, 0, 0, 0.6);
	position:absolute;
	font-family:'DIN Next W01 Bold';
	top:0px;
	line-height: 32px;
	z-index:-1;
	background-image: url(/assets/images/basket-icon.svg);
	background-size: 30px 60px;
	background-repeat:no-repeat;
	background-position:200px 0px;
}
	

/* TYPOGRAPHY ------------------------------------- */

h1 {
	font-family: 'Druk Web';
    letter-spacing: 0.02em;
	font-weight:normal;
	font-size: 2.4em;
	}

.page-title {
	padding: 165px 10px 10px 10px;
	margin: 0 0 10px 0;
	color: #FFF;
	line-height: 35px;
	position:relative;
	width:450px;
	text-transform:uppercase;
	} 

h2 {
	font-family: 'Druk Web';
    letter-spacing: 0.02em;
	font-weight:normal;
	font-size:2em;
	text-transform:uppercase;
	color:#FFFFFF;
	}	
	
h3 {}

h4 {}

p {
	font-family:'DIN Next W01 Regular';
	line-height:1.4em;
	font-size:0.933em;
	line-height:1.3em;
	}
	
.mini-title, .expand-click, .page-link-dark, .expand-click-related {
	line-height:32px;
	height:30px;
	padding:0px 10px;
	margin:0 0 10px 0;
	font-family:'DIN Next W01 Medium';
	color:#FFFFFF;
	clear:left;
	}
	
.expand-click, .expand-click-related {
	font-size: 0.8em;
    padding:0px 10px 30px 10px;
    border: 1px solid white;
    box-sizing: border-box;
	}
	
	
.page-link-dark {
	font-size: 0.867em;
	}

	
.box-title{
	padding:12px 10px 8px 10px;
	line-height:30px;
	margin:0 0 10px 0;
	}
	
.page-intro, .created-posted {
	font-family:'DIN Next W01 Medium';
	display:block;
	font-size:1.2em;
    line-height: 1.2em;
	padding:10px;
	margin:0;
	}

footer h3, .tour-date-listing h3, .project-link h2, .news-listing h3, .c-link-box h2, .notebook-link h2, .shop-link h2, .generic-box-link h2.box-title  {
	font-family: 'Druk Web';
    letter-spacing: 0.02em;
	font-weight:normal;
	font-size:1.48em;
	text-transform:uppercase;
	padding:8px 10px 6px 10px;
	}
	
.project-link h2, .notebook-link h2, .shop-link h2, .generic-box-link h2.box-title  {
	line-height:1em;
	}

.project-link h2 span.back-note {
    font-family: 'DIN Next W01 Medium';
    letter-spacing: 0;
    display: block;
    padding: 5px 0 0 0;
    font-size: 0.6em;
}
	
.notebook-link h2 {
	padding:0px;
	margin:0px 10px 0 10px;
	padding:12px 0px 2px 0;
	}
	
.tour-date-listing h3, .news-listing h3, .c-link-box h2 {
	border-bottom:1px solid #FFFFFF;
	padding:2px 0px 8px 0px;
	}
	
.news-listing h3 {
	border-bottom:none;
    padding:8px 0px 2px 0px;
    line-height: 1em;
	}
	
.tour-date-listing p {
	padding:10px 0 0 0;
	}
	
.news-listing p, .c-link-box p {
	padding:10px 0;
	font-size:0.9em;
	}

.tour-date-listing p span, .item.quote cite span, .quote cite span {
	font-family:'DIN Next W01 Bold';
	}
	
	
footer p, footer ul {
	padding:10px;
	font-size:0.933em;
	line-height:1.4em;
	}

footer a {
	color:#FFFFFF;
	text-decoration:none;
	-webkit-transition: color 300ms ease-out;
	-moz-transition: color 300ms ease-out;
	-ms-transition: color 300ms ease-out;
	-o-transition: color 300ms ease-out;
	transition: color 300ms ease-out;
	}
	
.uppercase-text {
	text-transform:uppercase;
	}
	
/* editable-areas */

.ea {
	padding:20px 10px; 
	min-height:200px;
	font-family:'DIN Next W01 Regular';
	margin:0 0 10px 0;
	position:relative;
	}

.ea.white-bg {
    color:#333333;
}

.ea.gdpr-text {
    color:#FFFFFF;
    min-height: auto;
    padding: 10px 0;
}

.ea.gdpr-text a {
    color:#FFFFFF;
}
	
.custom-intro.ea {
	color:#FFFFFF;
	min-height:20px;
	}
	
.ea p {
	padding:0 0 10px 0;
    font-family: 'PT Sans', sans-serif;
	font-weight: 500;
    line-height: 1.5em;
	}
	
.ea a {
	color:#333333;
	-webkit-transition: color 300ms ease-out;
	-moz-transition: color 300ms ease-out;
	-ms-transition: color 300ms ease-out;
	-o-transition: color 300ms ease-out;
	transition: color 300ms ease-out;
	font-family: 'PT Sans', sans-serif;
    font-weight: 700;
	}
	
.custom-intro.ea a {
	color:#FFFFFF;
	}
	
.ea p em, ea em {
	font-family: 'PT Sans', sans-serif;
    font-style: italic;
	}
	
.ea p strong, .ea strong {
	/* font-family:'DIN Next W01 Heavy'; */
    font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	font-weight:bold;
	}
	
.ea p em strong, .ea p strong em  {
	/* font-family:'DINNextW01-HeavyItalic'; */
	/* font-weight:normal; */
    font-family: 'PT Sans', sans-serif;
	font-weight: 700;
    font-style: italic;
	}
	
.ea ul, .ea ol {
	padding:20px 40px;
	/* font-family:'DIN Next W01 Regular'; */
    font-family: 'PT Sans', sans-serif;
	font-size: 0.933em;
	line-height: 1.3em;
	}
	
.ea ul li, .ea ol li {
	margin:0 0 10px 0;
	}
	
.ea ul li {
	list-style:outside;
	list-style-type:square;
	} 

.ea ol li {
	list-style:outside;
	list-style-type:decimal;
	}
	
.ea blockquote p, .ea p blockquote {
	font-family:'DIN Next W01 Black';
	text-transform:uppercase;
	font-size: 1.067em;
	padding:20px 40px;
	position:relative;
	}
	
.ea blockquote:before {
	display: block;
	content: "";
	width: 30px;
	height: 30px;
	position: absolute;
	left: 10px;
	margin: 10px 0 0 0;
	background-position: 0px 0px;
	background-image: url(/assets/images/page-icons.svg);
	background-size: 60px 60px;
	background-position: 0px 0px;
	}
	
.ea h2.box-title, .ea h2{
	padding:0px 0px 8px 0px;
	line-height:30px;
	margin:0 0 10px 0;
	color:#333333;
	}


	
.ea h2, .ea h3, .ea h4, .ea h5, .eh h6 {
	margin:10px 0; 
	font-family: 'Druk Web';
    letter-spacing: 0.02em;
	text-transform:uppercase;
	font-weight:normal;
	line-height:1em;
	}

.ea.gdpr-text h2, .ea.gdpr-text h3, .ea.gdpr-text h4, .ea.gdpr-text h5, .ea.gdpr-text h6  {
    color:#FFFFFF;
}

.ea h3 {
	font-size: 1.6em;
	}

.ea h4 {
	font-size: 1.4em;
	}

.ea h5, .ea h6 {
	font-size: 1.0em;
	font-family:'DIN Next W01 Black';
	}
	
.ea img {
	height: auto;
	max-width:450px;
	} 
	

#custom-top {
    position: relative;
    padding-bottom: 57%;
    padding-top: 10px;
    height: 0;
    overflow: hidden;
	}
	
#custom-top iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
	}

/* FOOTER POP-UP  ------------------------------------- */

footer.pop .footer-popup {
	position:fixed;
	bottom:0px;
  	height: 120px;
  	overflow: hidden;
  	margin: 0px auto;
	z-index:1000;
	}
	
footer.pop .footer-popup .popup {
	width:710px;
	height:120px;
	position:relative;
	margin-top: 100%;
	}
	
footer.pop .footer-popup .popup .popup-text {
	width:90%;
	display:block;
	color:#FFFFFF;
	padding:10px;
	}
	
footer.pop .footer-popup .popup .popup-text p, footer.pop .footer-popup .popup .popup-text h3 {
	padding:0px 0px 5px 0px;
	margin:0px;
	}

footer.pop .footer-popup .popup .popup-close {
	position:absolute;
	top:0px;
	right:5px;
	width:30px;
	height:30px;
	background-size: 60px 330px;
	background-position: -30px -300px;	
	background-image: url(/assets/images/icon-sheet.svg);
	cursor: pointer;
	text-indent:-9999px;
	}
	
	
footer.pop .footer-popup .popup .base-link {
	background-color:transparent;
	bottom:0px;
	padding: 0 40px 0 10px;
	}

	

/* COLOUR SHIFTS  ------------------------------------- */

.white { color:#FFFFFF;}

.white-bg {
	background-color:#FFFFFF;
	background-color: rgba(255, 255, 255, 0.9);
	}
	
.dark-bg {
	background-color:#000000;
	background-color: rgba(0, 0, 0, 0.4);
	}
	
.external-link-box a {
	background-color:#000000 !important;
	background-color: rgba(0, 0, 0, 0.4) !important;
	}
	

/* pink */

.pink .colour-mask {
	/* background:url(/assets/images/d-pink-trans.png) top left repeat; */
	}
	
.pink nav a,
.pink footer a:hover,
.pink .project-link p,
.pink .reactions .review-links a:hover,
.pink .tour-detail a:hover,
.pink .expand-content li a:hover,
.pink .expand-content li span.active,
.pink .links-listing li a:hover,
.pink .downloads li a:hover,
.pink .ea a:hover,
.pink .project-link h2 span.back-note {
	color:#ec008c;
	}

.pink nav a:hover,
.pink nav a.active,
.pink nav a.subactive 
{color:#5e0038;}

.pink nav .home-logo {
	background-position:0px 0px;
	}
	
.pink .twitter-icon {
	background-position:-30px -180px;
	}

.pink .home-carousel .flex-direction-nav .flex-prev,
.pink .home-carousel .flex-direction-nav .flex-next,
.pink .page-carousel .flex-direction-nav .flex-prev,
.pink .page-carousel .flex-direction-nav .flex-next,
.pink footer .cta,
.pink .current-shift,
.pink .input-field,
.pink .input-area,
.pink .mailing-list-form-area .ml-submit, .pink nav .cta,
.pink select option { 
	background-color:#ec008c;
	background-color: rgba(236, 0, 140, 0.9);
	}
	
.pink .home-carousel .flex-direction-nav .flex-prev:hover,
.pink .home-carousel .flex-direction-nav .flex-next:hover,
.pink .page-carousel .flex-direction-nav .flex-prev:hover,
.pink .page-carousel .flex-direction-nav .flex-next:hover,
.pink footer .cta:hover,
.pink .tour-date-listing:hover,
.pink .base-link:hover,
.pink .item.notebook a:hover,
.pink .page-link-dark:hover,
.pink .tour-dates,
.pink .item a:hover .shop-link,
.pink .generic-box-link a,
.pink .notebook-meta,
.pink .post-edit-link:hover,
.pink .back-button:hover,
.pink .wp-pagenavi a:hover,
.pink .mailing-list-form-area .ml-submit:hover, .pink nav .cta:hover { 
	background-color:#5e0038;
	background-color: rgba(94, 0, 56, 0.5);
	}
	
.pink footer {
	border-bottom:40px solid #ec008c;
	border-bottom:40px solid rgba(236, 0, 140, 0.9);
	}
	

.pink footer.pop {
	border-bottom:120px solid #ec008c;
	border-bottom:120px solid rgba(236, 0, 140, 0.9);
	}
	
.pink nav .menubutton span {
	background-position: 0px 0px;
	}

.pink nav .menubutton span.open {
	background-position: 0px -60px;
	}


/* turquoise */

.turquoise .colour-mask {
	/* background:url(/assets/images/d-turquoise-trans.png) top left repeat; */
	}
	
.turquoise nav a,
.turquoise footer a:hover,
.turquoise .project-link p,
.turquoise .reactions .review-links a:hover,
.turquoise .tour-detail a:hover,
.turquoise .expand-content li a:hover,
.turquoise .expand-content li span.active,
.turquoise .links-listing li a:hover,
.turquoise .downloads li a:hover,
.turquoise .ea a:hover,
.turquoise .project-link h2 span.back-note{
	color:#00d1c7;
	}

.turquoise nav a:hover,
.turquoise nav a.active,
.turquoise nav a.subactive {
	color:#005450;
	}

.turquoise nav .home-logo {
	background-position:0px -120px;
	}
	
.turquoise .twitter-icon {
	background-position:-30px -210px;
	}
	
.turquoise .home-carousel .flex-direction-nav .flex-prev,
.turquoise .home-carousel .flex-direction-nav .flex-next,
.turquoise .page-carousel .flex-direction-nav .flex-prev,
.turquoise .page-carousel .flex-direction-nav .flex-next,
.turquoise footer .cta,
.turquoise .current-shift,
.turquoise .input-field,
.turquoise .input-area,
.turquoise .mailing-list-form-area .ml-submit, .turquoise nav .cta,
.turquoise select option { 
	background-color:#00d1c7;
	background-color: rgba(2, 209, 199, 0.9);
	}
	
.turquoise .home-carousel .flex-direction-nav .flex-prev:hover,
.turquoise .home-carousel .flex-direction-nav .flex-next:hover,
.turquoise .page-carousel .flex-direction-nav .flex-prev:hover,
.turquoise .page-carousel .flex-direction-nav .flex-next:hover,
.turquoise footer .cta:hover,
.turquoise .tour-date-listing:hover,
.turquoise .base-link:hover,
.turquoise .item.notebook a:hover,
.turquoise .page-link-dark:hover,
.turquoise .tour-dates,
.turquoise .item a:hover .shop-link,
.turquoise .generic-box-link a,
.turquoise .notebook-meta,
.turquoise .post-edit-link:hover,
.turquoise .back-button:hover,
.turquoise .wp-pagenavi a:hover,
.turquoise .mailing-list-form-area .ml-submit:hover, .turquoise nav .cta:hover { 
	background-color:#005450;
	background-color: rgba(0, 84, 80, 0.5);
	}
	
.turquoise footer {
	border-bottom:40px solid #00d1c7;
	border-bottom:40px solid rgba(2, 209, 199, 0.9);
	}
	
.turquoise footer.pop {
	border-bottom:120px solid #00d1c7;
	border-bottom:120px solid rgba(2, 209, 199, 0.9);
	}
	
.turquoise nav .menubutton span {
	background-position: -30px 0px;
	}

.turquoise nav .menubutton span.open {
	background-position: -30px -60px;
	}


/* blue */

.blue .colour-mask {
	/* background:url(/assets/images/d-blue-trans.png) top left repeat; */
	}
	
.blue nav a,
.blue footer a:hover,
.blue .project-link p,
.blue .reactions .review-links a:hover,
.blue .tour-detail a:hover,
.blue .expand-content li a:hover,
.blue .expand-content li span.active,
.blue .links-listing li a:hover,
.blue .downloads li a:hover,
.blue .ea a:hover,
.blue .project-link h2 span.back-note {
	color:#028bff;
	}

.blue nav a:hover,
.blue nav a.active,
.blue nav a.subactive {
	color:#013866;
	}

.blue nav .home-logo {
	background-position:0px -240px;
	}
	
.blue .twitter-icon {
	background-position:-30px -240px;
	}
	
.blue .home-carousel .flex-direction-nav .flex-prev,
.blue .home-carousel .flex-direction-nav .flex-next,
.blue .page-carousel .flex-direction-nav .flex-prev,
.blue .page-carousel .flex-direction-nav .flex-next,
.blue footer .cta,
.blue .current-shift,
.blue .input-field,
.blue .input-area,
.blue .mailing-list-form-area .ml-submit, .blue nav .cta,
.blue select option { 
	background-color:#028bff;
	background-color: rgba(2, 139, 255, 0.9);
	}
	
.blue .home-carousel .flex-direction-nav .flex-prev:hover,
.blue .home-carousel .flex-direction-nav .flex-next:hover,
.blue .page-carousel .flex-direction-nav .flex-prev:hover,
.blue .page-carousel .flex-direction-nav .flex-next:hover,
.blue footer .cta:hover,
.blue .tour-date-listing:hover,
.blue .base-link:hover,
.blue .item.notebook a:hover,
.blue .page-link-dark:hover,
.blue .tour-dates,
.blue .item a:hover .shop-link,
.blue .generic-box-link a,
.blue .notebook-meta,
.blue .post-edit-link:hover,
.blue .back-button:hover,
.blue .wp-pagenavi a:hover,
.blue .mailing-list-form-area .ml-submit:hover, .blue nav .cta:hover { 
	background-color:#013866;
	background-color: rgba(1, 56, 102, 0.5);
	}
	
.blue footer {
	border-bottom:40px solid #028bff;
	border-bottom:40px solid rgba(2, 139, 255, 0.9);
	}
	
.blue footer.pop {
	border-bottom:120px solid #028bff;
	border-bottom:120px solid rgba(2, 139, 255, 0.9);
	}
	
.blue nav .menubutton span {
	background-position: 0px -30px;
	}

.blue nav .menubutton span.open {
	background-position: 0px -90px;
	}	

/* emerald */

.emerald .colour-mask {
	/* background:url(/assets/images/d-emerald-trans.png) top left repeat; */
	}
	
.emerald nav a,
.emerald footer a:hover,
.emerald .project-link p,
.emerald .reactions .review-links a:hover,
.emerald .tour-detail a:hover,
.emerald .expand-content li a:hover,
.emerald .expand-content li span.active,
.emerald .links-listing li a:hover,
.emerald .downloads li a:hover,
.emerald .ea a:hover,
.emerald .project-link h2 span.back-note {
	color:#009a5e;
	}
	
.emerald nav a:hover,
.emerald nav a.active,
.emerald nav a.subactive {
	color:#003e26;
	}

.emerald nav .home-logo {
	background-position:0px -360px;
	}

.emerald .twitter-icon {
	background-position:-30px -270px;
	}
	
.emerald .home-carousel .flex-direction-nav .flex-prev,
.emerald .home-carousel .flex-direction-nav .flex-next,
.emerald .page-carousel .flex-direction-nav .flex-prev,
.emerald .page-carousel .flex-direction-nav .flex-next,
.emerald footer .cta,
.emerald .current-shift,
.emerald .input-field,
.emerald .input-area,
.emerald .mailing-list-form-area .ml-submit, .emerald nav .cta,
.emerald select option { 
	background-color:#009a5e;
	background-color: rgba(0, 154, 94, 0.9);
	}
	
.emerald .home-carousel .flex-direction-nav .flex-prev:hover,
.emerald .home-carousel .flex-direction-nav .flex-next:hover,
.emerald .page-carousel .flex-direction-nav .flex-prev:hover,
.emerald .page-carousel .flex-direction-nav .flex-next:hover,
.emerald footer .cta:hover,
.emerald .tour-date-listing:hover,
.emerald .base-link:hover,
.emerald .item.notebook a:hover,
.emerald .page-link-dark:hover,
.emerald .tour-dates,
.emerald .item a:hover .shop-link,
.emerald .generic-box-link a,
.emerald .notebook-meta,
.emerald .post-edit-link:hover,
.emerald .back-button:hover,
.emerald .wp-pagenavi a:hover,
.emerald .mailing-list-form-area .ml-submit:hover, .emerald nav .cta:hover { 
	background-color:#003e26;
	background-color: rgba(0, 62, 38, 0.5);
	}
	
.emerald footer {
	border-bottom:40px solid #009a5e;
	border-bottom:40px solid rgba(0, 154, 94, 0.9);
	}
	
.emerald footer.pop {
	border-bottom:120px solid #009a5e;
	border-bottom:120px solid rgba(0, 154, 94, 0.9);
	}
	
.emerald nav .menubutton span {
	background-position: -30px -30px;
	}

.emerald nav .menubutton span.open {
	background-position: -30px -90px;
	}

footer a.cta:hover { 
	color:#FFFFFF;
	}


.contact-detail {
	display:block;
	padding:10px 10px 10px 40px;
	position:relative;
	font-family:'DIN Next W01 Medium';
	color:#FFFFFF;
    font-size: 0.8em;
	text-decoration:none;
	}
	
footer .contact-detail {
	padding:10px 10px 10px 40px;
    margin: 5px 0 0 0;
	font-size: 0.9em;
    line-height: 1.3em;
	}
	
footer .footer-email {
	position:relative;
	top:-6px;
	}

.tel-icon, .email-icon {
	display:block;
	position:absolute;
	top:2px;
	left:7px;
	display: block;
	height: 30px;
	width: 30px;
	float: left;
	clear: none;
	text-indent: -99999px;
	background-image: url(/assets/images/page-icons.svg);
	background-size: 60px 60px;
	margin: 0 5px 0 0;
	}
	
.tel-icon {
	background-position: -30px 0px;
	}

.email-icon {
	background-position: -30px -30px;
	}

div.wpcf7 {
	padding: 0;
    margin: 0 0 30px 0;
    position: relative;
}

.wpcf7-form:after, div.wpcf7:after {
    content: " ";
    display: table;
    clear: both;
}


div.wpcf7-response-output, div.sign-up-form-block .response {
	clear:both;
	margin:0 0 10px 0;
	padding:10px;
	font-family:'DIN Next W01 Bold';
	text-transform:uppercase;
}

div.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	width: 1px;
	margin: 0;
	padding: 0;
	border: 0;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

.wpcf7-display-none {
	display: none;
}

	
div.wpcf7 .wpcf7-captchar.input-field {
	width:220px;
	float:left;
	}
	
div.wpcf7 .wpcf7-captchac {
	float:right;
	background-color:#FFFFFF;
	padding:6px 148px 10px 10px;
	}

@media only screen and (max-width: 760px) {
    
    div.wpcf7 .wpcf7-captchar.input-field {
	   width:210px;
	}
}


@media only screen and (max-width: 480px) {
    
    div.wpcf7 .wpcf7-captchac {
        padding:6px 38px 10px 10px;
    }
    
    div.wpcf7 .wpcf7-captchar.input-field {
	   width:160px;
	}
}
	
div.wpcf7 br {
	display:none;
	}
		
div.wpcf7 .current-shift {
 	margin:0 0 10px 0;
	overflow:hidden;
	position:relative;
	z-index:10;
    box-sizing: border-box;
    background-color: transparent !important;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
 }

div.wpcf7 .current-shift::after {
   position: absolute;
    width: 1px;
    height: 40px;
    right: 0;
    top: 0;
    content: "";
    background-color: #FFFFFF;
}
 

.gdpr-text {
    margin: 10px;
}

.gdpr-text p {
    margin: 0 0 10px 0;
}

.gdpr-text a {
    color: #FFFFFF;
    }

#ml-main-form {
    margin: 0 0 30px 0;
    position: relative;
    height: auto;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    opacity:1;
}

#ml-main-form.complete {
    height: 0;
    opacity:0;
}

#ml-main-form p.required, div.wpcf7 p span.required {
    text-align: right;
    float: right;
    margin: 20px 0;
    display: block;
    clear: both;
    font-size: 14px;
    font-family: 'DIN Next W01 Medium';
}

div.wpcf7 p span.required {
    margin: 20px 0 0 0;
}

#ml-main-form label, div.wpcf7 label {
    color: #FFFFFF;
    padding: 10px;
    box-sizing: border-box;
    display: block;
    font-family: 'DIN Next W01 Medium'; 
}

#ml-main-form input, div.wpcf7 .input-field, div.wpcf7 .input-area, .mailing-list-form-area .input-area, div.wpcf7 #listtype {
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    padding: 0 10px;
    color: #FFFFFF;
    width: 100%;
    background-color: transparent;
    border: 1px solid #FFFFFF;
    font-family: 'DIN Next W01 Medium'; 
    font-size: 1em;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    outline: none;
    -webkit-appearance: none;
    -webkit-border-radius:0; 
    border-radius:0;
}

div.wpcf7 #listtype{
	margin:0;
	background-color:transparent;
	width:110%;
	z-index:1;
	}

div.wpcf7 .current-shift::before {
 	content:"";
	display:block;
	position:absolute;
 	background-image: url(/assets/images/icon-sheet.svg);
	background-size:60px 330px;
	background-position:-30px 240px;
	top:5px;
	right:0px;
	width:30px;
	height:30px;
	z-index:-1;
 }
	

div.wpcf7 .input-area {
    height: 200px;
    line-height: 1em;
    resize:none;
	height:200px;
	line-height:20px;
    padding: 10px;
}

select option {
    margin:0px;
	padding:0px;
	border:none;
	}


#ml-main-form button, div.wpcf7 .wpcf7-submit, input.donate-now {
    position: relative;
    background-color: #FFFFFF;
    opacity: 1;
    height: 40px;
    display: block;
    font-family: 'DIN Next W01 Bold';
    text-transform: uppercase;
    margin: 20px 0 0 0;
    padding: 0 0 0 10px;
    line-height: 42px;
    font-size: 1em;
    text-decoration: none;
    z-index: 5;
    width: 100%;
    cursor: pointer;
    text-align: left;
    -webkit-appearance: none;
    -webkit-border-radius:0; 
    border-radius:0;
}

input.donate-now {
    border: none;
}

#ml-main-form button.pending {
    opacity: 0.3;
}

div.wpcf7 .wpcf7-submit {
    float: left;
    clear: both;
}

#ml-main-form span.error, span.wpcf7-not-valid-tip, .sign-up-form-block label.error  {
	font-size: 1em;
	display: block;
	clear:left;
	height:20px;
	padding:10px;
	overflow:visible;
	font-family: 'DIN Next W01 Regular';
}


.sign-up-form-block #success {
    height: 0;
    opacity: 0;
    overflow: hidden;
    
}

.sign-up-form-block #success.visible {
    height: auto;
    opacity:1;
    overflow: visible;
}

.sign-up-form-block #success div {
    opacity: 0;
    -webkit-transition: all 800ms ease;
    -moz-transition: all 800ms ease;
    -ms-transition: all 800ms ease;
    -o-transition: all 800ms ease;
    transition: all 800ms ease;
}

.sign-up-form-block #success.visible div {
    opacity: 1;
    
}

.emerald #ml-main-form button, 
.emerald div.wpcf7 .wpcf7-submit,
.emerald input.donate-now
{
    color: #009a5e;
} 

.turquoise #ml-main-form button,
.turquoise div.wpcf7 .wpcf7-submit,
.turquoise input.donate-now
{
    color: #00d1c7;
}

.pink #ml-main-form button,
.pink div.wpcf7 .wpcf7-submit,
.pink input.donate-now
{
    color: #ec008c;
}

.blue #ml-main-form button,
.blue div.wpcf7 .wpcf7-submit,
.blue input.donate-now
{
    color: #028bff;
}



.emerald #ml-main-form input:focus,
.emerald div.wpcf7 .input-field:focus, 
.emerald div.wpcf7 .input-area:focus,
.emerald .donate #support:focus
{
    border: 1px solid #009a5e;
}


.turquoise #ml-main-form input:focus,
.turquoise div.wpcf7 .input-field:focus, 
.turquoise div.wpcf7 .input-area:focus,
.turquoise .donate #support:focus
{
    border: 1px solid #00d1c7;
}


.pink #ml-main-form input:focus,
.pink div.wpcf7 .input-field:focus, 
.pink div.wpcf7 .input-area:focus,
.pink .donate #support:focus
{
    border: 1px solid #ec008c;
}


.blue #ml-main-form input:focus,
.blue div.wpcf7 .input-field:focus, 
.blue div.wpcf7 .input-area:focus,
.blue .donate #support:focus

{
    border: 1px solid #028bff;
}



#ml-main-form .loader-wrap {
    width: 30px;
    height: 30px;
    margin: 0 auto;
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0px;
    position: relative;
    top: -35px;
        
} 
    
#ml-main-form .loader,
#ml-main-form .loader:after {
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: block;
}
#ml-main-form .loader {
    margin: 3px;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 4px solid rgba(255,255,255, 0.2);
    border-right: 4px solid rgba(255,255,255, 0.2);
    border-bottom: 4px solid rgba(255,255,255, 0.2);
    border-left: 4px solid #FFFFFF;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


	

/* responsive */

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


.container {
	width: 750px;
	height: auto;
	overflow: auto;
	padding: 0 0 0 0;
	margin: 0px auto;
	background: url(/assets/images/bg-grid.png) top center repeat;
	}

.content, footer, header {
	width: 710px;
	margin: 0 0 0 20px;
	}

header {
	height:auto;
	}
	
nav {
	position:relative;
	margin:0 0 50px 0;
	width:710px;
	top:0px;
	min-height: 60px;
	}

    
nav .m-listmenu, nav .m-listmenu:hover {
     height:40px;   
    } 
    
nav .m-listmenu .mlink {
    width:710px;   
    } 
    
nav .m-listmenu .mlink h2 br, nav .m-listmenu span.open-button {
    display: none;    
    } 
    
nav .sign-up-form-block input.text-input, nav .m-listmenu button.ml-submit {
     width: 450px;  
    }
    
nav .sign-up-form-block .loader-wrap {
    width: 450px;
    margin: 0;
    }
    
nav .sign-up-form-block .loader-wrap .loader {
    left:45%;
    }
    
nav .m-listmenu.form-open {
     height: 440px;
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0.0);
    box-shadow: 0 0 0 0 rgba(0,0,0,0.0);
    }
  
nav .m-listmenu:after {
    position: absolute;
    top: 5px;
    right:5px;
    background-image: url(/assets/images/icon-sheet.svg);
    background-size: 60px 330px;
    background-position: 0px -270px;
    height: 30px;
    width: 30px;
    content: "";
    opacity: 1;
    -webkit-transition: opacity 300ms ease-out;
	-moz-transition: opacity 300ms ease-out;
	-ms-transition: opacity 300ms ease-out;
	-o-transition: opacity 300ms ease-out;
	transition: opacity 300ms ease-out;
    }
    
nav .m-listmenu.form-open:after {
    opacity: 0;    
    }
    
nav .m-listmenu.confirmed-subscription:hover, nav .m-listmenu.confirmed-subscription {
    background-color: rgba(0, 0, 0, 0.5);
    height: 40px;
}

nav .m-listmenu.confirmed-subscription h2 span, nav .m-listmenu.confirmed-subscription:after {
    display: none;
}
    
    
	
.pink nav .home-logo {
	background-position: 0px 0px;
	border-bottom:5px solid #ec008c;
	}
	
.blue nav .home-logo {
	background-position: -100px 0px;
	border-bottom:5px solid #028BFF;
	}

.emerald nav .home-logo {
	background-position: -150px 0px;
	border-bottom:5px solid #009A5E;
	}
	
.turquoise nav .home-logo {
	background-position: -50px 0px;
	border-bottom:5px solid #00D1C7;
	}

nav .menubutton {
	display:block;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 595px;
	height: 26px;
	margin: 0px 10px;
	padding: 10px 25px 10px 10px;
	border-bottom: 5px solid #333;
	display: block;
	cursor: pointer;
	text-align:right;
	font-family: 'DIN Next W01 Medium';
	font-size:0.867em;
	line-height: 32px;
	}
	
.mobnav {
	padding: 10px 0 10px 80px;
	}
	
.pink nav .menubutton {
	border-bottom:5px solid #ec008c;
	}
	
.blue nav .menubutton {
	border-bottom:5px solid #028BFF;
	}
	
.emerald nav .menubutton {
	border-bottom:5px solid #009A5E;
	}

.turquoise nav .menubutton {
	border-bottom:5px solid #00D1C7;
	}
	
nav .cta {
  width: 620px;
  top:0px;
  margin:0px;
  }
    
    
/* NAV MLIST ADDITION ------------------------------------- */
        

/* home */

.home-carousel {
	width: 710px;
	height: 330px;
	overflow: hidden;
	margin: 0 0 10px 20px;
	}
	
.home-logo {
	width: 30px;
	height: 26px;
	margin:0px 10px;
	padding: 10px 10px 10px 10px;
	display: block;
	background-image: url(/assets/images/mobile-logo.png);
	background-image: url(/assets/images/mobile-logo.svg);
	background-size: 200px 50px;	
}

    
/* pages */

.page-title {
	padding: 120px 10px 10px 10px;
}

.post-nav {
	top: 80px;
}


}
@media only screen and (max-width: 760px) {


.container {
	width: 470px;
	height: auto;
	padding: 0 0 0 10px;
	margin: 0px auto;
	background: url(/assets/images/bg-grid.png) top center repeat;
	font-size:0.95em;
	}

.content, footer, header, #flexgrid, .tier.related, .flex-iso {
	width: 460px;
	margin: 0 0 0 0;
	}

header {
	height:auto;
	}
	
nav {
	width:460px;
	}
	
nav .menubutton {
	width: 345px;
	}
	
nav .cta {
  width: 370px;
  }
    
    
nav {
	width:460px;
	}

    
nav .m-listmenu .mlink {
    width:460px;   
    } 
    
nav .m-listmenu .mlink h2 br {
    display: none;    
    } 
    
nav .sign-up-form-block input.text-input, nav .m-listmenu button.ml-submit {
     width: 100%;   
    }
    
nav .m-listmenu.form-open {
     height: 440px;   
    }
    
nav .sign-up-form-block .loader-wrap {
    width: 100%;
    margin: 0;
    }
    
    
  
footer.pop .footer-popup .popup {
  width: 460px;
  }
    
.news-scroller-home .tweet-variant {
   height:380px;     
    } 
    
.news-scroller-home .slider-tweet-panel {
    padding: 0;   
    }    
    
.news-scroller-home .tweet-panel {
    width: 100%;
    padding: 10px 50px 0 0;
    float: left;
    clear: both;
    }

.news-scroller-home .twitter-icon {
    top: 10px;
    left: 0px;
    }
    
.news-scroller-home .tweet-panel li, .news-scroller-home .tweet-panel li:first-of-type {
    width: 100%;
    float: left;
    clear: both;
    min-height: 120px;
    padding: 0 0 40px 0;
    margin: 0 0 20px 0;
    }

.news-scroller-home .user-link {
    width: 370px;
    }

	
/* content areas */

.half-column-left, .half-column-left-nopad, .half-column-right, .half-column-right-nopad, .two-third-left {
	width:calc(100% - 20px);
	position:relative;
	float:left;
	}
	
.half-column-left-nopad, .half-column-right-nopad, .two-third-left-nopad {
	width:100%;
	padding:0px;
	}
	
.half-column-right, .half-column-right-nopad {
	float:left;
	clear:left;
	}
	
.half-column-left .base-link, .half-column-right .base-link {
	width:calc(100% - 10px);	
	}
	
.column, .column.last {
	width: 220px;
}

.column.last {
	width: 100%;
}

footer .cta {
	width:calc(100% - 10px);
	}
	
footer .social-block {
	width:calc(100% - 20px);
	border-top:1px solid #FFFFFF;
	padding:10px 10px 0 10px;
	}
	
.one-third-right-nopad {
	width:100%;
	float:left;
	clear:left;
	}
    
    
.home-tour-panel, .home-about-panel { 
    min-height: auto;
    width: 100%;
    }
	
    
.full-tour-listings-filter .tour-date-block .project,
.full-tour-listings-filter .tour-date-block .dates,
.full-tour-listings-filter .tour-date-block .venue
 {
    clear: left;
    width: 100%;
     padding: 10px;
     
}
	
/* flexbox sizing */

#flexgrid, .tier.related, .flex-iso { 
	background-image:url(/assets/images/grid-bg-med.svg);
	background-position:0px 0px;
	background-size:235px 235px;
	background-repeat:repeat;
}

.tier.related {
	background:none;
	}

.min-box-height {
	min-height:470px;
	}
    
.min-box-height.participation-section {
	min-height:240px;
	}  


.stamp.top-right {
	right:0px;
}

.small-ls {
	width: 460px;
	min-height:225px;
}

.small-p {
	width: 225px;
	min-height:460px;
}

.item.generic-box, .item.twitter-feed {
	width:440px;
	}

.item.twitter-feed {
	height:230px;
	}

.small-sq, .item.title {
	width:225px;
	min-height:225px;
	height: 225px;
	}
	
.small-sq.twitter-h {
	height: 195px;
	min-height:195px;
	}

.small-sq .base-link, .twitter-feed .base-link {
	width:calc(100% - 10px);
}
	
.med-sq {
	width: 460px;
	}
	
.med-sq .notebook-link .inner-link {
 	width: 450px;
	}
	
.item a:hover .project-link span.inner-link, .item a:hover .shop-link span.inner-link, .item a:hover .notebook-link span.inner-link {
	width:calc(100% - 10px);
	}

.small-sq.item .notebook-link span.inner-link, .small-p.item .notebook-link span.inner-link, .twitter-feed .base-link {
	width:calc(100% - 10px);
	}
	
.small-ls.notebook a {
	height:195px;
	}
	
.related-product-area {
	width:470px;
	position:relative;
	left:-10px;
	}
.related-product-area .small-sq{
	margin:0 0 10px 10px;
	}
	
	
	
/* home */

.home-carousel {
	width: 460px;
	height: 210px;
	margin: 0 0 10px 0px;
	}
    
.news-listing .image-wrap {
    width: 100%;
    height: 200px;
    position: relative;
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
}
    
.news-listing .image-wrap img {
    top: -50px;
}
    
.news-scroller-home .news-i-content {
    width:100%;
    min-height: 180px;
}
	
/* text tweaks */

.page-title {
	width:440px;
	}
	
.title-base, .post-edit-link, .modal-launcher, .back-button {
	display:none;
	}

.about {
	font-size: 1.5em;
}

.created-posted {
	left:0px;
}

.post-nav {
	position:relative;
	width: 100%;
	top: 0px;
	border-top: 1px solid #FFF;
	margin-top: 10px;
	padding:10px 0 0 0;
	clear:both;
}

/* projects */

.page-carousel, .single-feature {
	width: 460px;
	height: 270px;
	}
	
.reactions.review-links, .reactions div.quote {
	margin: 0 0 20px 0;
	height: auto;
	overflow: auto;
}

/* tour dates */

.full-tour-list .date-title {
	width: 205px;
	position:relative;
	display:block;
	float:left;
}

.full-tour-list table tr td {
	padding: 5px 0px 5px 10px;
}

.t-title, .t-dates  {
	width:205px;
	margin:0;
	}
	
table td {
	position:relative;
	display:block;
	float:left;
	}
	
.t-location {
	position:relative;
	top:-5px; 
	}
	
table tr {
	display:block;
	position:relative;
	float:left;
	clear:left;
	}
	
	
/* notebook */
	
.notebook-gallery-area {
	width:calc(100% + 10px);
	position: relative;
	left: -10px;
	padding:45px 0 0 0;
	}

.notebook-gallery-area.video-gallery-area {
	padding:0;
	}
	
.notebook-gallery-area img {
	width:107px;
	margin: 0 0px 10px 10px;
	}
	
.video-gallery-area img {
	width:calc(100% - 10px);
	}
	
.notebook-gallery-area .notebook-type-image {
	left: 36px;
	top: 18px;
}

.related .expand-click, .related .expand-click-related {
	margin: 0 0 10px 0;
}


.buy-button input[type="image"] {
	padding:0 0 0 460px;
	}
	
.buy-button:before {
	width:calc(100% - 10px);
	background-position:430px 0px;
}

/* donate */

.donate #donate-form, .giftaid {
	float:left;
	}
	
.giftaid {
	position:relative;
	top:10px;
	width: 200px;
	}

}


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

.container {
	font-size:0.85em;
	line-height:1.2em;
	}


.container {
	width: 310px;
	height: auto;
	padding: 0 0 0 10px;
	margin: 0px auto;
	background: url(/assets/images/bg-grid.png) top center repeat;
	}

.content, footer, header, #flexgrid, .tier.related, .flex-iso {
	width: 300px;
	margin: 0 0 0 0;
	}

header {
	height:auto;
	}
	
nav {
	width:300px;
	}
	
nav .menubutton {
	width: 185px;
	}
	
nav .cta {
  width: 210px;
  }
    
nav .m-listmenu .mlink {
    width:300px;   
    }
    
nav .m-listmenu .mlink h2 {
    line-height: 24px;
    padding: 0;
    }
  
 footer.pop .footer-popup .popup {
  width: 300px;
  }
    
.news-scroller-home .tweet-variant {
   height:330px;     
    } 
    
.news-scroller-home .tweet-panel {
    padding: 10px 0;    
    }
    
.news-scroller-home .tweet-panel li, .news-scroller-home .tweet-panel li:first-of-type {
    min-height: auto;
    padding: 0 0 40px 0;   
    }
    
.news-scroller-home .user-link {
    width: 210px;
}
    
	
/* content areas */

	
.column, .column.last {
	width: 100%;
	font-size:1.1em;
}

.column.last, .reactions .column { 
	width: 100%;
}
    
.two-third-right  {
    width: 100%;
    padding: 10px 0;
}

span.credit { display:none;}

.column.last span.credit { display:block;}

footer .column:nth-of-type(2) {
	margin:0px;
	}
	
.half-column-left, .half-column-left-nopad, .half-column-right, .half-column-right-nopad, .two-third-left {
	max-width:300px;
}

.ea img {
	width: 100%;
	height: auto;
	} 
	

	
/* flexbox sizing */

#flexgrid, .tier.related, .flex-iso { 
	background:none;
}

.tier.related {
	background:none;
	}

.min-box-height {
	min-height:470px;
	}
    
.min-box-height.participation-section {
	min-height:240px;
	}  


.stamp.top-right {
	right:0px;
}

.small-ls {
	width: 300px;
	min-height:145px;
}

.small-ls.notebook a {
	height:115px;
	}

.item.generic-box, .item.twitter-feed {
	width:300px;
	}

.small-sq, .item.title  {
	width:145px;
	min-height:145px;
	height: 145px;
	}

	
.med-sq, .small-sq.quote, .small-p, .small-sq.twitter-h {
	width: 300px;
	min-height:145px;
	height:145px;
	}
		
.med-sq .notebook-link .inner-link {
 	width: 290px;
	}
	

.item .column .project-link p, .project-link p, .small-sq.notebook p, .generic-box-link p {
	display:none;
	}
	
/* home */

.home-carousel {
	width: 300px;
	height: 140px;
	margin: 0 0 10px 0px;
	}
	
.page-title {
	width: 280px;
	line-height:1.0em;
	padding: 80px 10px 10px 10px;
}

.notebook-icon {
	background-size: 45px 248px;
	margin: 0 5px 0 0;
	background-position: -25px -42px;
	padding: 0 0 0 23px;
	}
	
.item.notebook p {
	line-height:1.1em;
	}
    
    
.news-listing .image-wrap {
    height: 160px;
}
    
.news-listing .image-wrap img {
    top: -20px;
}
    
.news-scroller-home .news-i-content {
    min-height: 160px;
}
	

/* projects */
	
.page-carousel, .single-feature {
	width: 300px;
	height: 170px;
	}
	
.related-product-area {
	width:310px;
	position:relative;
	left:-10px;
	}
    
.external-link-box .box-title {
    font-size: 1.333em;
    line-height: 1em;
    }

/* contact */
	
.buy-button input[type="image"] {
	padding:0 0 0 300px;
	}
	
.buy-button:before {
	width:calc(100% - 10px);
	background-position:270px 0px;
}
.tour-dates .box-title  {
	line-height:1.2em;
	}

.tour-dates img {
	/* display:none; */
    }
	
.wp-pagenavi span.pages {
	display:block;
	width:100%;
	}
	
/* donate */

.donate #donate-form, .giftaid {
	float:left;
	clear:left
	}
	
.giftaid {
	position:relative;
	top:0px;
	width: 280px;
	}
	
}

/* modal */

#modal {
    top:-100%;
    left: -100%;
    display: table;
    position: fixed;
    background:url(/assets/images/dark-trans.png) top left repeat; 
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1000;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    -ms-transition: opacity 400ms ease-in;
    -o-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
}

.modal-open #modal {
    top:0px;
    left: 0px;
    opacity: 1;
}

#modal .modal-inner {
    max-width: 500px;
    display: table-cell;
    vertical-align: middle;
}
#modal .modal-inner > div { 
    width: 90%;
    max-width: 500px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 40px;
    border: 1px solid #FFFFFF;
    position: relative;
    display: block;
    background:url(/assets/images/dark-trans.png) top left repeat;
}
#modal .modal-inner h2 {
    font-family: 'Druk Web';
    letter-spacing: 0.02em;
    font-weight: normal;
    font-size: 2.4em;
    padding: 24px 0;
    margin: 0;
}

#modal .modal-inner p {
    color: #FFFFFF;
}

#modal .modal-inner #close-modal {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    outline: none;
    border: none;
    top: 0px;
    background-color: transparent;
    border-radius: 0 !important;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    right: 0px;
    background-image: url(/assets/images/icon-sheet.png);
    background-image: url(/assets/images/icon-sheet.svg);
    background-size: 60px 330px;
    background-position: -25px -625px;
    
}

#modal .modal-inner p {
    font-family: 'DIN Next W01 Regular';
    line-height: 1.4em;
    font-size: 0.933em;
    line-height: 1.3em;
}


#modal .modal-inner a.page-link-dark {
    padding: 0px 50px 0px 0px;
    margin: 24px 0 0 0;
    display:inline-block;
    text-transform: uppercase;
}

#modal .modal-inner a.page-link-dark:hover {
    background-color: transparent;
}
