/*@font-face {
  font-family: 'LIWebFont';
  src: url('../webfonts/ss-social-regular.eot');*/ /* IE9 Compat Modes */
/*  src: url('../webfonts/ss-social-regular.eot?#iefix') format('embedded-opentype'),
       url('../webfonts/ss-social-regular.woff') format('woff'),
       url('../webfonts/ss-social-regular.ttf') format('truetype');
}*/

/*font-family:'Neue Haas Unica W01 Regular';
font-family:'Neue Haas Unica W01 Hea1492559';
font-family:'Times Ten LT W01 Roman';*/

html,
body{
	margin:0;
	padding:0;
	color:#000;
	-moz-osx-font-smoothing: grayscale;
}

/* Box Model Hack */
* {
  -moz-box-sizing: border-box; /* Firexfox */
  -webkit-box-sizing: border-box; /* Safari/Chrome/iOS/Android */
  box-sizing: border-box; /* IE */
}
html{
	box-sizing: border-box;
}
*,
*:before,
*:after {
  	box-sizing: inherit;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.plain-list{
	padding:0;
	list-style-type: none;
	margin:0;
}
a{
	text-decoration: none;
}
a{
	text-decoration: none;
	color:#000;
}

h1,h2,h3,h4,h5{
	margin:0;
	font-weight: normal;
	font-style: normal;
}
p{
	margin:0;
}
img{
	max-width: 100%;
}
body.coloured a,
body.coloured p,
body.coloured h2,
body.coloured h3,
body.coloured h1,
body.coloured h4,
body.coloured .caption,
body.coloured span,
body.coloured .signup{
	color:#fff;
}
body.coloured .signup{
	border-color: #fff;
}

/* Text */
body{
	font-family: helvetica, arial, sans-serif;
}
.body-text a {
    text-decoration: underline;
}
.footer-item:hover,
.body-text a:hover{
	color: blue;
}


/* MAIN CONTENT */
.page-container{
	position: relative;
}
.content-container {
    max-width: 1300px;
}

/* menu */
.nav-list{
	position: absolute;
	z-index: 4000;
	top:0;
	left:0;
	line-height: 1.4em;
}
.work-sub-menu{
	position: static;
	/*display: none;*/
}
.list-item{
	display: block;
}
nav a{
	color:#000;
}
body.home a:hover{
	text-decoration: none;
	border-bottom: 2px solid #000;
	color:#000;
}
.list-link:hover{
	text-decoration: none;
	border-bottom: 2px solid #000;
}
.list-link.active{
	text-decoration: none;
	border-bottom: 2px solid #000;
}

body.coloured .list-link:hover{
	text-decoration: none;
	border-bottom: 2px solid #fff;
}
.sub-list-item{
	display: none;
}
.sub-list-item.visible{
	display: inline-block;
}

/* Homepage */
body.home{
	width: 100%;
	height: 100vh;
}
body.home .page-container {
    margin: 0;
    height: 100%;
}
body.home .work-sub-menu{
	position: absolute;
	z-index: 3000;
	top:20px;
}
body.home.white .work-sub-menu a,
body.home.white .nav-list a{
	color:#fff;
}
body.home.white .work-sub-menu a:hover,
body.home.white .nav-list a:hover{
	border-bottom: 2px solid #fff;
}

.image-wrapper,
.hp-slideshow{
	width: 100%;
	height: 100%;
	position: relative;
}
.hp-slideshow img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.hp-work-list{
	position: absolute;
	bottom:20px;
	left:15px;
	z-index: 1000;
}
.cycle-next,
.cycle-prev{
	width:40px;
	height: 40px;
	background-color: red;
}


/** MOBILE RULES FOR FORM ELEMENTS **/
input[type="text"], input[type="button"], input[type="submit"], input[type="email"] {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
input{
	display: inline-block;
}
label{
	display: block;
}
/** MAILING LIST **/
.signup.name,
.signup.email{
	border:1px solid #000;
	padding:6px 0 2px 8px;
	background-color: transparent;
}
.signup.button{
	border:none;
	border-bottom: 1px solid #000;
	background-color: transparent;
	padding-top: 7px;
}
.signup.button:hover{
	color:blue;
	border-color: blue;
}
.mc-field-group{
	display: block;
}
#mc_embed_signup div.mce_inline_error{
	background-color: transparent!important;
	color:red!important;
	font-size: 15px!important;
	font-weight: normal!important;
	padding:5px 10px 5px 0!important;
	margin:0!important;
}
#mc_embed_signup input.mce_inline_error {
    border-color: red!important;
}




/* WORK PAGES */
/*text */
body.template-work .body-text{
	max-width: 800px;
}
body.template-work .body-text{
	font-family: helvetica, arial, sans-serif;
	line-height: 1.28em;
}
.extended-title,
.body-text span{
	display: inline-block;
}

.exhibitions a span{
	display: block;
}

.each-image{
	display: block;
}
.image-feed .each-image a{
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}
.each-image img{
	margin:0 auto;
	max-width: 100%;
	height: auto;
    /*-webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.5);*/
}
/*.fluid-video{
	-webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.5);
}*/
.image-feed figure{
	display: inline;
}

/** FOOTER **/
.footer{
	position: absolute;
	bottom:0;
	left:0;
}
.footer-item{
	display: inline-block;
}
.cookie-banner{position:fixed;bottom:0;left:0px;width:100%;max-width:500px;z-index:9999;font-family:Arial, Helvetica, sans-serif;font-size:clamp(1.0625rem, calc(0.94837rem + 0.52174vw), 1.4375rem);line-height:1.4}.cookie-banner .inner{background:#000;color:white;padding:1em 2em 1em 1em;margin:0 25px;font-size:.7em;line-height:1.5}@media (max-width: 899px){.cookie-banner .inner{margin:0;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom, 0px));min-height:240px;line-height:1.3em}}@media (max-width: 899px){.cookie-banner{max-width:none;right:0}}@media (min-width: 900px){.cookie-banner{width:23.5em;max-width:none}.cookie-banner .inner{margin:0;padding:1.4em;min-height:14.3em}}.cookie-banner a{color:#fff !important;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.14em}.cookie-banner p{font-size:1em;line-height:1.5em;margin-bottom:1em}@media (min-width: 900px){.cookie-banner p{font-size:.95em;line-height:1.5;max-width:80%;margin:0 0 1.5em}}@media (max-width: 899px){.cookie-banner p{font-size:1.22em;margin-top:0;margin-bottom:1.5rem}}.cookie-banner .cookie-actions{display:flex;gap:1rem}.cookie-banner .cookie-actions button{font-family:inherit;font-size:1em;background:#000;color:white;border:1px solid white;padding:0.5em 1em;margin-right:1em;cursor:pointer;border-radius:0;transition:all 0.2s ease}@media (min-width: 900px){.cookie-banner .cookie-actions button{margin-right:0;padding:0.5em 1.1em 0.5em 0.7em;font-size:.95em;line-height:1.25}}@media (max-width: 899px){.cookie-banner .cookie-actions button{margin-right:0;padding:0.5em 0.7em;font-size:1.2em;line-height:1.25;white-space:normal}}.cookie-banner .cookie-actions button:hover{background:white;color:#000}@media print{.cookie-banner{display:none}}
