@charset "UTF-8";


/* BODY TAG */

body {
	font-family: hkgrotesk, droidsans, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: none;
	font-size: 12px;
	color: #382c26;
	text-align: left;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}

html, body {height: 100%;}



/* FORCE SCROLLBAR*/

html {
    overflow-y: scroll;
}



/* LINK FORMATTING */

a {
	outline: none;
	text-decoration: none;
	font-weight: normal;
	color: #756a64;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-appearance: none;
	-moz-appearance: none;
	}
	
a:hover {
	font-weight: normal;
	color: #000000;	
	}


p:first-of-type {margin-top: 0;}
p:last-of-type {margin-bottom: 0;}

.readingtext {
	text-align: justify;
	margin: 15px 0;
	font-size: 110%;
}



@media (min-width: 800px) {
.readingtext {
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-count: 3;
       	-moz-column-gap: 30px;
       	-webkit-column-gap: 30px;
	column-gap: 30px;
}
}



.reading-text p:first-of-type {margin-top: 0!important;}


/* TEXT FORMATTING */

.center {text-align: center;}
.capitalize {text-transform: capitalize;}


/* TEXT STYLES */

.italic {font-style: italic;}



/* HEADINGS */

h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	}

.pagetitle { /* PAGE HEADINGS */
	font-family: antonio;
	text-transform: uppercase;
	letter-spacing: -1px;
	font-size: 200%;
	line-height: 200%;
	}

.squareboxtitle { /* SQUARE BOX TITLES */
	color: #FFFFFF;
	font-size: 150%;
	}


.bigboxtitle { /* BIG BOX TITLES */
	padding-bottom: 10px;
	}

.subtitle, .press { /* SUBTITLES */
	font-size: 120%;
	padding-bottom: 10px;
	border-bottom: dotted 1px #dad1c5;
	margin-bottom: 10px;
	}

.bigsub {font-size: 160%; margin-top: -5px;}

.boxthird:last-of-type .press {border-bottom: none; padding: 0; margin: 0;}

.categorytag { /* CATEGORY TITLES */
	font-size: 95%;
	padding: 5px 8px;
	}

.caption {
	font-size: 90%;
	font-style: italic;
	padding-top: 5px;
	display: inline-block;
	float: left;
	}



.download {}



/* LINK STYLES */

a.gridcat {color: #FFFFFF; font-weight: normal; text-transform: capitalize;}
a.gridcat:hover {color: #FFFFFF;}



/* CONTAINER TAGS */

#container {
	width: 100%;
	min-height: 100%;
	position: relative;
	}

#wrapper {
	margin: 0px auto;
	overflow: hidden;
	width: 100%;
	}

.midfloat {display: inline-block; text-align: left;}




/* SITE DIMENSIONS */

.box1 {max-width: 1100px;}
.isotopebox {max-width: 1130px!important;}



/* SECTION STYLING */

section {
	float: left;
	width: 100%;
	padding: 0 30px;
	box-sizing: border-box;
	}

.homebg {background-size: cover; background-position: center; height: 100%;}

.box1 {margin: 0 auto; overflow: hidden;}




/* PADDING STYLING */

.padbot1, .padbot1list {padding-bottom: 45px;}
.padbot2 {padding-bottom: 15px;}
.padbot3 {padding-bottom: 30px;}
.marbot {margin-bottom: 30px;}
.padbotlist:last-of-type {padding: 0;}



/* HEADER & FOOTER TAGS */

.header, .footer {width: 100%; display: block; float: left;}

.header {
	z-index: 8888;
	background-color: #FFFFFF;
	position: fixed;
	top: 0;
	}

.footer {
	padding-top: 40px;
	position: absolute;
	bottom: 0;
	font-size: 95%;
	}

.footer, .footer a {}

.footer a {
	text-transform: capitalize;
	padding-bottom: 3px;
	}

.footer a:hover {}

.ftr2 {float: left;}


/* NAVIGATION STYLING */

.navig, .logo {float: left;}

.logo {
	background-image: url(images/navig/logo.png);
	background-repeat: no-repeat;
	overflow: hidden;
	}

.navig ul {padding: 0; margin: 0;}
.navig ul li:first-of-type a {margin-left: 0;}

.footer ul {padding: 0; margin: 0;}
.footer ul li {display: inline-block; height: 100%;}
.footer ul li:first-of-type {padding-left: 0;}

.headwrap {height: 100%; overflow: visible!important;}


/* NAVIGATION BUTTONS */

.navbtn {
	height: 30px;
	background-size: auto 200%;
	background-repeat: no-repeat;
	background-position: 50% 0%;
	}

.btnnews, .btnnewson {width: 40px; background-image: url(images/navig/btnnews.png);}
.btnworks, .btnworkson {width: 53px; background-image: url(images/navig/btnworks.png);}
.btntexts, .btntextson {width: 45px; background-image: url(images/navig/btntexts.png);}
.btnpress, .btnpresson {width: 45px; background-image: url(images/navig/btnpress.png);}
.btnpublications, .btnpublicationson {width: 98px; background-image: url(images/navig/btnpublications.png);}
.btnexhibitions, .btnexhibitionson {width: 90px; background-image: url(images/navig/btnexhibitions.png);}
.btnevents, .btneventson {width: 90px; background-image: url(images/navig/btnevents.png);}
.btnbiography, .btnbiographyon {width: 77px; background-image: url(images/navig/btnbiography.png);}
.btncontact, .btncontacton {width: 64px; background-image: url(images/navig/btncontact.png);}
.btnstudio, .btnstudioon {width: 48px; background-image: url(images/navig/btnstudio.png);}
.btnwatercolour, .btnwatercolouron {width: 102px; background-image: url(images/navig/btnwatercolour.png);}
.btnpainting, .btnpaintingon {width: 66px; background-image: url(images/navig/btnpainting.png);}
.btngouache, .btngouacheon {width: 65px; background-image: url(images/navig/btngouache.png);}
.btndrawing, .btndrawingon {width: 65px; background-image: url(images/navig/btndrawing.png);}
.btneditions, .btneditionson {width: 64px; background-image: url(images/navig/btneditions.png);}
.btnsculpture, .btnsculptureon {width: 81px; background-image: url(images/navig/btnsculpture.png);}
.btnfilm, .btnfilmon {width: 34px; background-image: url(images/navig/btnfilm.png);}
.btnphotography, .btnphotographyon {width: 100px; background-image: url(images/navig/btnphotography.png);}

.btnnewson, .btnnews:hover,
.btnworkson, .btnworks:hover,
.btntextson, .btntexts:hover,
.btnpresson, .btnpress:hover,
.btnpublicationson, .btnpublications:hover,
.btnexhibitionson, .btnexhibitions:hover,
.btneventson, .btnevents:hover,
.btnbiographyon, .btnbiography:hover,
.btncontacton, .btncontact:hover,
.btnstudioon, .btnstudio:hover,
.btnwatercolouron, .btnwatercolour:hover,
.btnpaintingon, .btnpainting:hover,
.btngouacheon, .btngouache:hover,
.btndrawingon, .btndrawing:hover,
.btneditionson, .btneditions:hover,
.btnsculptureon, .btnsculpture:hover,
.btnfilmon, .btnfilm:hover,
.btnphotographyon, .btnphotography:hover
{background-position: 50% 100%;}

.submenu {
	position: absolute;
	background: #FFFFFF;
	overflow: visible;
	display: none;
	z-index: 99999999;
	margin: 0;
	text-align: center!important;
	padding: 0 5px 5px 5px;
	right: 50%;
    	margin-right: 156px;
	}

.submenu li {margin: 0!important; display: block!important;}

#submenuparent:hover + .submenu, .submenu:hover {display: block;}

@media screen and (min-width: 960px) {
.submenu {right: 505px; margin-right: 0;}
}


/* NAVIGATION ACCORDION */

.navigtoggle {
	display: block;
	width: 70px;
	height: 70px;
	cursor: pointer;
	position: absolute;
	top: 0; right: 0;
	background-image: url(images/navig/toggle.gif);
	background-position: center;
	background-size: 130%;
	background-color: #3c2b25;
  	-webkit-tap-highlight-color: rgba(0,0,0,0);
  	-webkit-touch-callout: none;
  	-webkit-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;
  	-o-user-select: none;
  	user-select: none;
	}

.childmenu {display: none;}
.bigbtn {display: none!important;}
.smallbtn {
	display: inline-block!important;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
  	-webkit-touch-callout: none;
  	-webkit-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;
  	-o-user-select: none;
  	user-select: none;
	}

@media screen and (min-width: 760px) {
	.nav-collapse {position: relative;}
	.nav-collapse.closed {max-height: none;}
	.navigtoggle {display: none;}
	.navig {display: block!important;}
}

@media screen and (min-width: 960px) {
	.bigbtn {display: inline-block!important;}
	.smallbtn {display: none!important;}
}



/* ISOTOPE */

.isotopewrap {padding: 0 15px!important;}
.isotope-item {padding: 15px; box-sizing: border-box;}
.isotope-item img {width: 100%;}


/* OUTER GRID STYLING */

.box0 {width: 100%; float: left;}

.box2, .box3, .box4 {float: left; position: relative; box-sizing: border-box;}
.boxwrap {position: relative;}

.boxmid {
	position: absolute;
	top: 95%;
	left: 90%;
	transform: translate(-90%, -95%);
	text-align: center;
	}

.bg1 {background-color: #406b9d;}
.bg2 {background-color: #e2c85e;}
.bg3 {background-color: #e2eaa5;}
.bg4 {background-color: #e89891;}
.bg5 {background-color: #5275bb;}


/* INNER GRID STYLING */

.gridimagebox {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	}

.gridimagebox img {min-width: 100%;}

.gridimageboxbg {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	background-size: contain;
	background-position: bottom;
	background-repeat: repeat-x;
	}

.midboxwrap {text-align: center;}

.midboxwrap .gridimagebox {display: inline-block; max-width: 100%;}

.gridimage {max-width:100%; max-height:100%;}
.gridcontentbox {margin-top: 10px; overflow: hidden;}

.rectangle {padding-bottom: 60%;}
.square {height: 0; padding-bottom: 100%; background-size: contain;}
.blank {background-color: #dad1c5;}
.cover {background-size: cover;}
.contain {background-size: contain;}

.imageblock {max-width: 100%; display: block;}

.thumb {
	width: 100%;
	float: left;
	height: 0;
	padding-bottom: 100%;
	margin-top: 5px;
	background-size: cover;
	}

.upcoming {
	text-align: right;
	}



/* SINGLE PAGE STYLING */

.relatedlist {margin: 0; padding: 0;}
.relatedlist li {list-style-type: none;}




/* PAGINATION */

.pagination {
	margin-top: 30px;
	float: left;
	width: 100%;
	text-align: right;
	font-size: 110%;
	}



/* TABLE STYLING */

table {line-height: 125%;}
table td {vertical-align: top; padding: 0;}

.table1 {}
.cell1 {min-width: 55px;}
.cell2 {}

table tr td {padding-bottom: 5px;}



/* CONTACT FORM */

.wpcf7-form {}

ul.form, ul.form li {padding: 0; margin: 0 0 10px 0;}

input, textarea {
	font-family: hkgrotesk;
	font-size: 100%;
	line-height: 100%;
	box-sizing: border-box;
	border: 1px solid #e0e0d7;
	padding: 5px;
	margin: 0;
	width: 100%;
	}

textarea {resize: none;}

.wpcf7-captchar {margin-top: 5px;}

input[type=submit] {width: 100px; cursor: pointer;}
input[type=submit]:hover {border: 1px solid #000000;}

div.wpcf7-response-output {margin: 0 0 10px 0; padding: 0;}
div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok {border: none;}
div.wpcf7-mail-sent-ok {color: #7d984a;}
span.wpcf7-not-valid-tip {color: #dd5353; padding-top: 5px;}


/* NAVIGATION MEDIA QUERIES */

@media (min-width: 960px) {
#wrapper {padding: 95px 0 70px;}
.header {height: 75px;}
.footer {height: 80px;}
.logo {width: 20%; height: 75px; background-size: 100%; background-position: center left;}
.navig {width: 80%; position: relative; top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);}
.navig ul {text-align: right;}
.navig ul li {display: inline-block; margin-left: 10px;}
.navbtn {margin-left: 10px;}
.workbtn {display: none!important;}
.ftr2 {width: 50%;}
.ftr2:nth-of-type(odd) {text-align: left;}
.ftr2:nth-of-type(even) {text-align: right;}
.pagetitle {text-align: left;}
}

@media (min-width: 760px) and (max-width: 959px) {
#wrapper {padding: 125px 0 70px;}
.header {height: 110px;}
.footer {height: 80px;}
.logo, .navig {width: 100%; position: static; top: auto; transform: none;}
.logo {height: 50px; margin-top: 10px; background-size: contain; background-position: center;}
.navig {margin: 10px 0;}
.navig ul {text-align: center;}
.navig ul li {display: inline-block; margin-left: 5px;}
.navbtn {margin-left: 10px;}
.workbtn {display: none!important;}
.ftr2 {width: 50%;}
.ftr2:nth-of-type(odd) {text-align: left;}
.ftr2:nth-of-type(even) {text-align: right;}
.pagination {font-size: 115%;}
}

@media (max-width: 759px) {
#wrapper {padding: 0 0 90px;}
.header {min-height: 70px; position: static; margin-bottom: 10px;}
.footer {height: 90px; padding-top: 35px;}
.logo, .navig {width: 100%; position: static; top: auto; transform: none;}
.logo {height: 50px; margin: 10px 0; background-size: contain; background-position: center;}
.navig ul {text-align: center; padding: 5px 0 10px 0;}
.navig ul li {display: block; width: 100%; text-align: center; margin-bottom: 5px;}
.ftr2 {width: 100%; text-align: center;}
.pagetitle {text-align: center;}
.midfloat {width: 100%;}
input[type="submit"] {width: 100%;}
.pagination {font-size: 115%;}
.submenu {display: none;}
}



/* MEDIA QUERIES */

@media (min-width: 960px) {
.box2 {width: 50%;}
.box3 {width: 33.333%;}
.box4 {width: 25%;}
.box2:nth-of-type(odd) {padding-right: 15px; clear: both;}
.box2:nth-of-type(even) {padding-left: 15px;}
.box3:nth-of-type(3n+1) {padding-right: 20px; clear: both;}
.box3:nth-of-type(3n+2) {padding-right: 10px; padding-left: 10px;}
.box3:nth-of-type(3n+3) {padding-left: 20px;}
.box4:nth-of-type(4n+1) {padding-right: 20px; clear: both;}
.box4:nth-of-type(4n+2), .box4:nth-of-type(4n+3) {padding-right: 10px; padding-left: 10px;}
.box4:nth-of-type(4n+4) {padding-left: 20px;}
.thumbwrap {width: 20%; float: left; box-sizing: border-box;}
.thumbwrap:nth-of-type(5n+1) {padding-right: 4px; clear: both;}
.thumbwrap:nth-of-type(5n+2) {padding-left: 1px; padding-right: 3px;}
.thumbwrap:nth-of-type(5n+3) {padding-right: 2px; padding-left: 2px;}
.thumbwrap:nth-of-type(5n+4) {padding-left: 3px; padding-right: 1px;}
.thumbwrap:nth-of-type(5n+5) {padding-left: 4px;}
.isotope-item {width: 25%; padding: 15px; box-sizing: border-box;}
}

@media (min-width: 769px) and (max-width: 959px) {
.box2 {width: 50%;}
.box3 {width: 33.333%;}
.box4 {width: 25%;}
.box2:nth-of-type(odd) {padding-right: 15px; clear: both;}
.box2:nth-of-type(even) {padding-left: 15px;}
.box3:nth-of-type(3n+1) {padding-right: 20px; clear: both;}
.box3:nth-of-type(3n+2) {padding-right: 10px; padding-left: 10px;}
.box3:nth-of-type(3n+3) {padding-left: 20px;}
.box4:nth-of-type(4n+1) {padding-right: 20px; clear: both;}
.box4:nth-of-type(4n+2), .box4:nth-of-type(4n+3) {padding-right: 10px; padding-left: 10px;}
.box4:nth-of-type(4n+4) {padding-left: 20px;}
.thumbwrap {width: 25%; float: left; box-sizing: border-box;}
.thumbwrap:nth-of-type(4n+1) {padding-right: 3.75px; clear: both;}
.thumbwrap:nth-of-type(4n+2) {padding-left: 1.25px; padding-right: 2.5px;}
.thumbwrap:nth-of-type(4n+3) {padding-left: 2.5px; padding-right: 1.25px;}
.thumbwrap:nth-of-type(4n+4) {padding-left: 3.75px;}
.isotope-item {width: 25%; padding: 15px; box-sizing: border-box;}
}

@media (min-width: 737px) and (max-width: 768px) {
.box2, .box3, .box4 {width: 50%;}
.box2:nth-of-type(odd) {padding-right: 15px; clear: both;}
.box2:nth-of-type(even) {padding-left: 15px;}
.box3:nth-of-type(odd) {padding-right: 15px; clear: both;}
.box3:nth-of-type(even) {padding-left: 15px;}
.box4:nth-of-type(4n+1) {padding-right: 20px; clear: both;}
.box4:nth-of-type(4n+2), .box4:nth-of-type(4n+3) {padding-right: 10px; padding-left: 10px;}
.box4:nth-of-type(4n+4) {padding-left: 20px;}
.thumbwrap {width: 25%; float: left; box-sizing: border-box;}
.thumbwrap:nth-of-type(4n+1) {padding-right: 3.75px; clear: both;}
.thumbwrap:nth-of-type(4n+2) {padding-left: 1.25px; padding-right: 2.5px;}
.thumbwrap:nth-of-type(4n+3) {padding-left: 2.5px; padding-right: 1.25px;}
.thumbwrap:nth-of-type(4n+4) {padding-left: 3.75px;}
.isotope-item {width: 25%; padding: 15px; box-sizing: border-box;}
}


@media (min-width: 500px) and (max-width: 736px) {
.box2 {width: 100%;}
.box3, .box4 {width: 50%;}
.box3:nth-of-type(odd) {padding-right: 15px; clear: both;}
.box3:nth-of-type(even) {padding-left: 15px;}
.box4:nth-of-type(4n+1) {padding-right: 20px; clear: both;}
.box4:nth-of-type(4n+2), .box4:nth-of-type(4n+3) {padding-right: 10px; padding-left: 10px;}
.box4:nth-of-type(4n+4) {padding-left: 20px;}
.thumbwrap {width: 20%; float: left; box-sizing: border-box;}
.thumbwrap:nth-of-type(5n+1) {padding-right: 4px; clear: both;}
.thumbwrap:nth-of-type(5n+2) {padding-left: 1px; padding-right: 3px;}
.thumbwrap:nth-of-type(5n+3) {padding-right: 2px; padding-left: 2px;}
.thumbwrap:nth-of-type(5n+4) {padding-left: 3px; padding-right: 1px;}
.thumbwrap:nth-of-type(5n+5) {padding-left: 4px;}
.isotope-item {width: 33.333%; padding: 15px; box-sizing: border-box;}
}


@media (max-width: 499px) {
.box2, .box3, .box4 {width: 100%;}
.thumbwrap {width: 33.333%; float: left; box-sizing: border-box;}
.thumbwrap:nth-of-type(3n+1) {padding-right: 3.333px; clear: both;}
.thumbwrap:nth-of-type(3n+2) {padding-left: 1.667px; padding-right: 1.667px;}
.thumbwrap:nth-of-type(3n+3) {padding-left: 3.333px;}
.isotope-item {width: 100%; padding: 15px; box-sizing: border-box;}
.pagination {text-align: center;}
}