@import url(/fonts/grouchy/stylesheet.css);
@import url(/fonts/aracne/stylesheet.css);
@import url(/fonts/organic/stylesheet.css);

html{margin-top: 0 !important;}
body{
	font-size: 16px;
	font-family: 'OrganicLight';
	font-weight: normal;
	line-height: 210%;
}
h1,h2,h3,h4{font-family: 'GrouchyBold'; font-weight: normal;}
a{text-decoration: none; color: #000;}
a.orange{color: #F26522 !important;}
a.blue{color: #0054A6 !important;}
p{margin: 0 0 1em;}

select{
	-webkit-appearance:none;
}

#wpadminbar{display: none;}

.defaultcontent{display: none; height: 0px;}

.clearfix{clear:both; height:0; font-size: 1px; line-height: 0px; display: block;}


.credit a{color:inherit; text-decoration: none;}
.credit a:hover{text-decoration: underline;}

/* TEXT COLOURS */


/* BREADCRUM */
.breadcrum{min-height: 23px; line-height: 23px; text-align: center;}
.breadcrum li{position: relative; margin: 0;}
.breadcrum li > *{display: inline-block; font-family: 'OrganicBold'; font-weight: normal; font-size: 0.7em;}
.breadcrum li > * > span.break{display: inline-block; padding: 0 5px;}
.breadcrum li > a{color: #000;}

/* MENU */
.mm-menu li > * > span.break{display: none;}
nav ul{margin: 0 auto; padding: 0; display: inline-block;}
nav li{display: inline-block;}
nav li a, nav li span{text-transform: uppercase; font-size: 0.8em;}
nav li.current-menu-item > a, nav li.current-menu-item > span{color: #F26522 !important;}
nav li.current-menu-item .break{color: #000 !important;}

/* STRUCTURE */
#container{max-width: 986px; margin: 0 auto; padding: 0 10px; background: #fff; overflow: hidden;}
#container > header{height: 81px; border-bottom: 1px solid #000; position: relative; visibility: hidden;}
#container > header h1{margin: 16px 0 0px 5px; height: 57px;}
#container > header h1 a{display: inline-block; width: 158px; height: 55px;}
#container > header h1 a img{height: 100%;}
#container > header .description{display: none;}
#container > header .responsive{text-align: center;}
#container > header nav{height: 23px; line-height: 23px;}
#container > header nav a{color: #000; font-family: 'OrganicBold'; font-weight: normal; padding: 0 17px;}
#container > header nav ul ul{display: none;}
#container > footer{background: #FAF8F7; margin: 50px 0 0;}
#container > footer h3{font: 1.2em;}
#container > footer > div{padding-left: 54px; padding-right: 46px; position: relative;}
#container > footer > div#footer_links{padding-top: 28px; padding-bottom: 36px;}
#container > footer > div#footer_links #footer_left{width: 380px; float: left;}
#container > footer > div#footer_links #footer_left h3{margin-top:0; }
#container > footer > div#footer_links #footer_left nav{width: 100%;}
#container > footer > div#footer_links #footer_left nav li{width: 120px; line-height: normal;margin-bottom: 8px; float: left;}
#container > footer > div#footer_links #footer_left nav a{color: #84888B; font-family: 'OrganicBold'; font-weight: normal; font-size: 0.75em;}
#container > footer > div#footer_links #footer_left nav li.current-menu-item a{color: #F26522;}
#container > footer > div#footer_links #footer_right h4{color: #84888B; font-family: 'OrganicBold'; font-weight: normal; text-transform: uppercase; font-weight: normal; font-size: 0.75em; margin: 0 0 15px; line-height: normal;}
#container > footer > div#footer_links #footer_right{margin-left: 400px;}
#container > footer > div#footer_links #footer_right a{color: #0054a6;}
#container > footer > div#footer_copyright{background: #F6F3F3; height: 31px; line-height: 31px; font-family: 'GrouchyBold'; font-weight:normal; font-size: 0.6em; text-align: left; }
#mobilemenutoggle, #searchform, #respond{display: none;}


/* ART */
.art-view #container{position:absolute; top:0; right:0; bottom:0; left:0; width:100%; max-width:100%; margin: 0 auto; padding: 0; background: #fff; overflow: hidden;}
.art-view #container header,
.art-view #container footer{display: none;}
.art-view .breadcrum *{color: #84888B; font-family: 'OrganicBold'; font-size:14px; font-weight: normal; text-transform: uppercase; line-height: 1.2em; text-align: center;}
.art-view #breadcrum1{position:absolute; height:38px; bottom:12%; z-index:10; width: 100%; background: url('../images/artists_nav_colours.png') no-repeat center 90%; background-size: 970px auto;}
.art-view #breadcrum2{position:absolute; bottom:9%; z-index:10; width: 100%;}
.art-view .breadcrum li.current-menu-item > span {color: #FFF !important;}
.art-view.light_text  .breadcrum li.current-menu-item > span {color: #FFF !important;}
.art-view.dark_text  .breadcrum li.current-menu-item > span {color: #323232 !important;}
.art-view .view-by-label{display:inline-block;}
.art-view nav li.current-menu-item .break{color: #84888B !important;}

.page-id-1305 #breadcrum1 ul>li:first-child{display:none;}

.art-view #main, .art-view .art-room,
 .art-view #art-room, 
 .art-view #art-room .wallpaper, .wallpaper{position:absolute; top:0; right:0; bottom:0; left:0; width:100%; max-width:100%; margin: 0 auto; padding: 0; overflow: hidden;}
.wallpaper img{width:100%; min-width:100%; min-height:100%;}
.wallpaper{position:fixed;}
  .art-view #art-room .wallpaper{z-index:0;}
.art-view #art-room .floor, .floor{position:absolute; height:110px; right:0; bottom:0; left:0; z-index:1;}
.floor{position:fixed;}
.floor img{width:100%; min-width:100%; min-height:100%;}

#art-room{width: 100%; position: relative; min-height: 600px;}

.art-view .home-link{display:block; background: url('../images/groucho_home_button_new.png'); background-size: contain;
width:102px; height:135px; position:absolute; z-index: 20; top:-80px; left:20px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;}
.art-view .home-link:hover{top:0;}

#art-room .collection-intro{position: absolute; bottom:20%; z-index: 20; width:100%;}
#art-room .collection-intro h1{color: #fff; text-align: center; position:relative; max-width: 800px; margin:0 auto 10px auto;}
#art-room.light_text .collection-intro h1{color: #fff;}
#art-room.light_text .collection-intro .html{color: #E3E0DF;}
#art-room.dark_text .collection-intro h1{color: #000;}
#art-room.dark_text .collection-intro .html{color: #3e3e3e;}
#art-room .collection-intro .html{color: #c2c2c2; text-align: center; position:relative;max-width: 800px; margin:0 auto 10px auto; line-height: 1.2em;}
#art-room .collection-intro .html a,#art-room .collection-intro .html a:hover{color: #f26522;}
#art-room > .artwidget{position: absolute; z-index:2; opacity:0;}
#art-room > .artwidget img{width: 100%;}
#art-room > .artwidget.shadow img{
	-webkit-box-shadow: 3px 3px 20px 0px rgba(0, 0, 0, 1);
	-moz-box-shadow:    3px 3px 20px 0px rgba(0, 0, 0, 1);
	box-shadow:         3px 3px 20px 0px rgba(0, 0, 0, 1);
}
#art-room > .artwidget .room-label{text-align: center; margin-top: 8px;}
#art-room > .artwidget .room-label .white-box{display:inline-block; background-color: #fff; line-height: 1.2em; padding: 3px 8px; border: 1px solid #c2c2c2;}


#art-room .art-rollover{position:absolute; border-radius:50%; background-color: rgba(255,0,0,0.5); opacity:0;
    padding:15px; z-index:20;}
#art-room .art-rollover .outer {display: table; width: 100%; height: 100%;}
#art-room .art-rollover .outer > .inner{display: table-cell; vertical-align: middle; width: 100%; margin: 0 auto; text-align: center;}
#art-room .art-rollover .artist{color: #000; font-size: 0.7em; font-family: 'OrganicBold'; font-weight: normal; text-transform: uppercase; line-height: 1.2em; text-align: center;}
#art-room .art-rollover .caption{color: #fff; font-size: 0.7em; font-family: 'OrganicBold'; font-weight: normal; text-transform: uppercase; line-height: 1.2em; text-align: center;}

#artist{position:relative; max-width:986px; margin:0 auto; padding: 70px 10px 10px 10px;}
#artist .artist-title{position:relative; text-align: center; margin:0 0 20px 0;}
#artist h1{text-transform: uppercase; color: #000; line-height: 100%; font-size: 1.5em; margin: 0 auto; padding: 0 3%; background-color: #fff;
display: inline-block; position: relative; z-index: 1; letter-spacing: 1px;}
#artist .middle-line{position: absolute; left: 0; top: 48%; display: block; z-index: 0; width: 100%; border-bottom:1px solid #000;}
#artist #artist-left-col{position:relative; width:50%; float:left;}
#artist .html{line-height: 1.4em; max-height: 480px; overflow-y: auto; padding-right: 15px;}
#artist .html::-webkit-scrollbar {
    -webkit-appearance: none;
}

#artist .html::-webkit-scrollbar:vertical {
    width: 11px;
}
#artist .html::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .2);
}


#artist .html p {margin-bottom: 1.4em;}
#artist #artist-right-col{position:relative; width:50%; float:right; padding: 0 0 0 50px;}
#artist #slider{height:400px; margin-bottom: 70px;}
#artist #slider ul.slides li{height:100%;}
#artist #slider ul.slides li img{width:auto; height:100%; max-width:100%; margin:0;}
#artist #carousel{height:62px;}
#artist #carousel .flex-direction-nav{display: none;}
#artist #carousel ul.slides{height:62px; overflow:hidden;}
#artist #carousel ul.slides li{margin-right:7px; width:62px; height:100%; cursor: pointer;}
#artist #carousel ul.slides li img{height:100%; width:auto; max-width:100%; margin:0;}

/* Artist Directory */
#artist #artist-directory ul{list-style-type: none; padding-left: 0;
-moz-column-count: 6;
-moz-column-gap: 20px;
-webkit-column-count: 6;
-webkit-column-gap: 20px;
column-count: 6;
column-gap: 20px;}
#artist #artist-directory .middle-line{border-color: #C8C8C8;}
#artist .letter{font-weight: bold; opacity:0;}
#artist li.artist{line-height: 1.6em;}
#artist #artist-directory{max-height:630px;}


#headerbuttons{position: absolute; right: 0; top:0;}

/* Mobile menu */

.mm-opened .mm-page{box-shadow: none !important;}
.mobilemenu .mm-ismenu{background: #fff; color: #000; font-family: 'OrganicBold'; font-weight: normal; text-transform: uppercase;}
.mobilemenu .mm-menu > .mm-panel{padding: 11px;}
.mobilemenu .mm-menu > .mm-panel > li{margin: 0 0 2px 0 !important; border: none; background: #F7F6F3;  font-size: 0.8em;}
.mobilemenu .mm-menu > .mm-panel > li:after{margin: 0 !important;  border: none !important;}
.mobilemenu .mm-menu > .mm-panel li.current-menu-item a{color: #F26522;}
.mobilemenu .mm-menu .submenu li{color: #323232;}
.mobilemenu .mm-list a.mm-subclose,
.mobilemenu .mm-menu li a{padding-top: 13px;}
.mobilemenu .mm-list a.mm-subclose{margin: 0; background: none !important; color: #F26522 !important;}
.mobilemenu .mm-list a.mm-subclose:before{margin-bottom: -4px; }
.mobilemenu .mm-list a.mm-subclose:before,
.mobilemenu .mm-list a.mm-subopen:after{border-color: #000 !important;}
.mobilemenu #mobilemenutoggle{display: block; position: absolute; top: 10px;}
.mobilemenu #headerbuttons{background: #FFF; border-bottom: 1px solid #333232; line-height: 50px; height: 52px; text-align: right; padding: 0; width: 100%; position: relative;}
.mobilemenu #headerbuttons svg{display: block; width: 36px; height: 30px; margin: 0;}
.mobilemenu #headerbuttons line{stroke: #FF9043; stroke-width:6;}
.mobilemenu #headerbuttons{display: block; color: #FF6B20; font-size: 1.5em; text-transform: uppercase;}
.mobilemenu #headerlinks{padding: 8px 0;}
.mobilemenu #container > header .responsive{visibility: hidden;}
.mobilemenu #container > header{height: 120px; border: none;}
.mobilemenu #container > header h1{text-align: center;}
.mobilemenu #mobilemenutoggle{cursor: pointer;}

.mobilemenu #headerlinks .linkbutton,
.linkbutton{display: inline-block; width: 37px; height: 38px; line-height: 38px; position: relative; background: url("../images/public_top_nav_icons.png") no-repeat; text-indent: -9999px; font-size: 0; vertical-align: top; background-size: auto 100%; }
.linkbutton span{display: block; background: url("../images/linkdeck.png") no-repeat; width: 37px; height: 38px; position: absolute; top:0; left: 0; background-size: auto 100%;}
.linkbutton.withtext{padding-left: 50px; font-family: 'GrouchyBold'; font-weight:normal; background: none;  text-indent: 0px; min-width: 38px; width: auto; font-size: 0.8em;}
.linkbutton.viaduck{}
.mobilemenu #headerlinks .linkbutton.phone,
.linkbutton.phone{background-position: -48px 0;}
.mobilemenu #headerlinks .linkbutton.email,
.linkbutton.email{background-position: -96px 0;}
.mobilemenu #headerlinks .linkbutton.contact,
.linkbutton.contact{background-position: -143px 0;}

.linkbutton.small{background: url("../images/public_top_nav_icons.png") no-repeat; width: 40px; height: 38px;
background-size:auto 100%;
}
.linkbutton.small.viaduck{background-position: 1px 0;}
.linkbutton.small.phone{background-position: -47px 0;}
.linkbutton.small.email{background-position: -94px 0;}
.linkbutton.small.contact{background-position: -142px 0;}


/* CELL STRUCTURE */
.pagewrap{position: relative; margin-top: 40px;}
.pagewrap:after {
    content:'';
    display:block;
    clear: both;
}
a.artwidget{display:block; color: inherit;}
a.artwidget:hover a{color:inherit;}
.gridwrap > .gridwidget{display: block; float: left; margin: 0 2.5% 2.5% 2.5%; min-height: 10px; padding: 0px; position: relative;}
.gridwrap > .gridwidget > img{width: 100%;}
.gridwrap > .gridwidget > .dynamicsidebargrid{position: relative;}
.gridwrap > .gridsizer{height: 0 !important; visibility: hidden; min-height: 0 !important; padding: 0;}
.gridwrap > .gridwidget.nestedwidget .gridwidget .gridsizer{margin: 0; padding: 0;}

.gridwrap .size{position: absolute; top: 0; left: 0; padding: 2px; background: #000; color: #fff; z-index: 10; font-size: 0.8em;}
.gridwrap .pagesize{background: #ccc; left: auto; right: 2.5%;}

/* fix for inline grid pages e.g. news article page */
.gridwrap.nomasonry{text-align: center;}
/*.gridwrap.nomasonry > .gridwidget{display: inline-block; float: none;} */
.gridwrap.nomasonry > .gridsizer{display: none;}
/* left align text for text image widgets with left hand image */
.gridwrap.nomasonry [data-image-placement="Left"]{text-align: left;}



/* 1 column */
.cols1{width: 105%; margin-left: -2.5%;}
.cols1 > .gridwidget{width: 95%;}

/* 2 column */
.cols2{width: 71%; margin-left: 15.75%;}
.cols2 > .gridwidget{width: 94.9%;}
.cols2 > .col1{width: 45%;}

/* 3 column */
.cols3{width: 105%; margin-left: -2.5%;}
.cols3 > .col3, .cols3 > .gridwidget{width: 94.9%;}
.cols3 > .col1{width: 28.3%;}
.cols3 > .col2{width: 61.6%;}

/* 4 column */
.cols4{width: 105%; margin-left: -2.5%;}
.cols4 > .gridwidget{width: 94.9%;}
.cols4 > .col1{width: 20%;}
.cols4 > .col2{width: 45%;}
.cols4 > .col3{width: 70%;}

/* 5 column */
.cols5{width: 105%; margin-left: -2.5%;}
.cols5 > .gridwidget{width: 94.9%;}
.cols5 > .col1{width: 15%;}
.cols5 > .col2{width: 35%;}
.cols5 > .col3{width: 55%;}
.cols5 > .col4{width: 75%;}

/* 6 column */
.cols6{width: 105%; margin-left: -2.5%;}
.cols6 > .gridwidget{width: 96.9%; margin: 1.5%; }
.cols6 > .col1{width: 13.6%;}
.cols6 > .col2{width: 30.3%;}
.cols6 > .col3{width: 46.8%;}
.cols6 > .col4{width: 63.4%;}
.cols6 > .col5{width: 80%;}

/* 7 column */
.cols7{width: 101%; margin-left: -0.5%;}
.cols7 > .gridwidget{width: 99%; margin: 0 0.5% 2.5% 0.5%;}
.cols7 > .col1{width: 13.28%;}
.cols7 > .col2{width: 23.6%;}
.cols7 > .col3{width: 37.9%;}
.cols7 > .col4{width: 52.2%;}
.cols7 > .col5{width: 80.8%;}
.cols7 > .col6{width: 85.8%;}

/* FORMS */
.wpcf7{width: 100% !important;}
.wpcf7 form p{width: 100%; margin: 0 0 10px; position: relative;}
.wpcf7 form .clear:after,
.wpcf7 form p:after{content: ''; clear: both; display: block;}
.wpcf7 form p > span{display: block; width: 100%;}
.wpcf7 form > p > label{display: none;}
.wpcf7-response-output{margin: 0 !important;}

.gridwidget.gcform{padding: 5%;}
.gridwidget.gcform > .titlebox{width: 100%; position: relative; text-align: center; margin: 3% 0 8%;}
.gridwidget.gcform > .titlebox > .title{text-transform: uppercase; color: #000; line-height: 100%; font-size: 1.15em; margin: 0 3%; padding: 0 3%; display: inline-block; position: relative; z-index: 1; letter-spacing: 1px; font-family: 'GrouchyBold'; font-weight: normal;}
.gridwidget.gcform > .titlebox > .brd{border-bottom: #556571 1px solid; position: absolute; left: 0; top: 50%; display: block; z-index: 0; width: 100%;}
.gridwidget.gcform textarea{height: 100px;}
.gridwidget.gcform textarea,
.gridwidget.gcform select,
.gridwidget.gcform input[type="submit"],
.gridwidget.gcform input[type="email"],
.gridwidget.gcform input[type="text"]{border: none; background: #fff; width: 100%; color: #000; font-family: 'OrganicLight'; padding: 2%; text-transform: uppercase;}
.gridwidget.gcform input[type="submit"]{text-align: center; font-weight: bold; text-transform: uppercase; padding: 4%;}
.gridwidget.gcform .mobile{display: none;}

.gcform.enquiryform,
.gcform.enquiryform .titlebox > .title{background: #FFC998;}

.gcform.vacanciesform,
.gcform.vacanciesform .titlebox > .title{background: #D9FFFE;}
.gcform.vacanciesform .buttons{margin-top: 4%;}
.gcform.vacanciesform .left,
.gcform.vacanciesform .right{width: 49%; display: block; float: left; position: relative;}
.gcform.vacanciesform .right{float: right;}
.gcform.vacanciesform .right input[type="submit"]{line-height: 2.5em;}
.gcform.vacanciesform .left .the_upload:before{background: #fff; content: "Upload CV";}
.gcform.vacanciesform .buttons:after{clear: both; content: ''; height: 1px; display: block;}	
	
.gcform.membershipform,
.gcform.membershipform .titlebox > .title{background: #87B5D0;}
.gcform .first-name{margin-right: 2%;}
.gcform .first-name,
.gcform .last-name{width: 49%; display: block; float: left;}
.gcform .first-name input,
.gcform .last-name input{padding: 4% !important;}
.gcform .dob{display: none;}
.gcform .mm{margin: 0 2%;}
.gcform .dd,
.gcform .mm,
.gcform .yyyy{width: 32%; display: block; float: left;}
.gcform .dd input,
.gcform .mm input,
.gcform .yyyy input{padding: 6% !important;}
.gcform .upload{display: none;}
.gcform #terms{text-align: center; margin: 5% 0;}
.gcform #terms > span{display: inline; width: auto;}
.gcform #terms > span a{color: #000;}

.gcform .the_upload{cursor: pointer; background: #fff; padding: 4% !important;}
.gcform .the_upload input[type="file"]{opacity: 0; cursor: pointer;}

.gcform .the_upload:before,
.gcform div.bio .the_upload:before{position: absolute; top: 0; left: 0; width: 100%; text-align: center; font-weight: bold; text-transform: uppercase; padding: 4%; line-height: 2.5em;}
.gcform .the_upload:before{content: "Upload Photograph";}
.gcform div.bio .the_upload:before{content: "Upload Biography";}
.gcform div.bio{margin-right: 2%;}
.gcform div.bio,
.gcform div.photo{width: 49%; display: block; float: left; position: relative;}




/* WIDGETS */
.gridwidget{}
.gridwidget .html .melbourne{font-family: 'AracneCondensedRegular'; font-weight: normal;}
.gridwidget .html .organic{font-family: 'OrganicMedium';}
.gridwidget .html .aracne{font-family: 'AracneCondensedRegular';}
.gridwidget .html p.aracne{font-size:1.3em;}
.gridwidget .html .grouchy{font-family: 'GrouchyBold'; font-weight: normal;}
.gridwidget .html .bigwhite{font-size: 5em; color: #fff;}

.gridwidget.verticalwidget > .gridwrap > .gridwidget{display: block; margin-left: auto; margin-right: auto;}

.gridwidget.textwidget{font-size: 0.9em; font-family: 'OrganicLight'; font-weight: normal; line-height: 1.8; color: #323232;}
.gridwidget.textwidget > .html{margin: 0 auto;}
.gridwidget.textwidget > .html a{color: #f26522;}
.gridwidget.textwidget > .html a:hover{color: #f26522;}
.gridwidget.textwidget > .html > img{width: auto;}
.gridwidget.textwidget > .html > h3, .gridwidget.textwidget > .html > h2, 
.gridwidget.textwidget > .html > h1{font-family: 'AracneCondensedRegular'; font-weight: normal; margin-bottom: 30px; font-size:2em; line-height: 1.4em;}
.gridwidget.textwidget .greyed{color: #A3A6A8;}
.gridwidget.textwidget .nomargin{margin: 0px;}

.gridwidget.textwidget.textcols > .html{margin: 0 2.5%;}
.gridwidget.textwidget.textcols2 > .html{column-count:2; -moz-column-count: 2; -webkit-column-count: 2; column-gap: 5em; -moz-column-gap: 5em; -webkit-column-gap: 5em;}
.gridwidget.textwidget.textcols3 > .html{column-count:3; -moz-column-count: 3; -webkit-column-count: 3; column-gap: 4em; -moz-column-gap: 4em; -webkit-column-gap: 4em;}
.gridwidget.textwidget.textcols4 > .html{column-count:4; -moz-column-count: 4; -webkit-column-count: 4; column-gap: 3em; -moz-column-gap: 3em; -webkit-column-gap: 3em;}
.gridwidget.textwidget.textcols5 > .html{column-count:5; -moz-column-count: 5; -webkit-column-count: 5; column-gap: 2em; -moz-column-gap: 2em; -webkit-column-gap: 2em;}
.gridwidget.textwidget.textcols6 > .html{column-count:6; -moz-column-count: 6; -webkit-column-count: 6; column-gap: 1em; -moz-column-gap: 1em; -webkit-column-gap: 1em;}

.gridwidget.videowidget iframe,
.gridwidget.iframewidget iframe{width: 100%; height: 100%; border: none; margin: 0; padding: 0;}

.gridwidget.buttonwidget{padding: 0;}
.gridwidget.buttonwidget .html{position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%;}
.gridwidget.buttonwidget .html .tb{display: table; padding: 0; margin: 0; width: 100%; height: 100%;}
.gridwidget.buttonwidget .html .tr{display: table-cell; vertical-align: middle; width: 100%; height: 100%; text-align: center;}
.gridwidget.buttonwidget .html .tr > span{display: block; font-family: 'OrganicBold'; font-weight:normal; line-height: 1.2; text-transform: uppercase;}
.gridwidget.buttonwidget .html .tr > span.title{font-size: 1.2em; color: #323232; margin-bottom: 8px;}
.gridwidget.buttonwidget .html .tr > span.subtitle{font-size: 0.8em; color: #A3A6A8;}

.gridwidget.nestedwidget{padding: 0;}
.gridwidget.spacer{margin: 0; min-height: 0; height: 0; padding: 0; background: none;}

.gridwidget.banner{padding: 0; background: none; overflow: hidden;}
.gridwidget.banner .bannerbox > *{display: block;}/* TODO The slider should be handling this */
.gridwidget.banner .bannerbox > [data-index="0"]{display: block;}
.flex-control-nav{line-height: 100%;}
/* .post-319 .gridwidget.banner img{width:auto;} */

.gridwidget.revealwidget{padding: 0;overflow: hidden;}
.gridwidget.revealwidget img{z-index: 0; display: block; width: 100%; right: 0; position: relative;}
.gridwidget.revealwidget .html{	position: absolute; height: 100%;background: #F4F1F0;z-index: 1;}
.gridwidget.revealwidget .html,
.gridwidget.revealwidget img{
	-webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.gridwidget.revealwidget .html .tb{display: table; width: 100%; height: 100%;}
.gridwidget.revealwidget .html .tbr{display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center; color: #323232; font-family: 'GrouchyBold'; font-weight:normal; font-size: 1.2em;}
.gridwidget.revealwidget[data-image-placement="Left"] .html{top: 0; width: 33%; left: -50%;}
.gridwidget.revealwidget[data-image-placement="Left"] img{left: 0;}
.gridwidget.revealwidget[data-image-placement="Left"]:hover .html{left: 0;}
.gridwidget.revealwidget[data-image-placement="Left"]:hover img{left: 16%;}
.gridwidget.revealwidget[data-image-placement="Right"] .html{top: 0; width: 33%; right: -50%;word-break: break-word;}
.gridwidget.revealwidget[data-image-placement="Right"] img{right: 0;}
.gridwidget.revealwidget[data-image-placement="Right"]:hover img{right: 16%;}
.gridwidget.revealwidget[data-image-placement="Right"]:hover .html{right: 0;}
.gridwidget.revealwidget[data-image-placement="Bottom"] .html{width: 100%; bottom: -80%; height: auto; padding: 5% 0;}
.gridwidget.revealwidget[data-image-placement="Bottom"] img{bottom: 0;}
.gridwidget.revealwidget[data-image-placement="Bottom"]:hover img{bottom: 16%;}
.gridwidget.revealwidget[data-image-placement="Bottom"]:hover .html{bottom: 0;}

.gridwidget.sharedeckwidget{background:transparent; min-height: 31px; text-align: center; padding: 0;}
footer .gridwidget.sharedeckwidget{text-align: left;}

.sharedeckwidget > a{display: inline-block; background: url("../images/share_suite_icons_final.png"); background-size:auto 100%;
width: 30px; height: 30px; margin: 0 4px;}
.sharedeckwidget > a.twitter{background-position: 0 0;}
.sharedeckwidget > a.facebook{background-position: -38px 0;}
.sharedeckwidget > a.instagram{background-position: -76px 0;}
.sharedeckwidget > a.pinterest{background-position: -115px 0;}
.sharedeckwidget > a.google-plus{background-position: -152px 0;}
.sharedeckwidget > a.web{background-position: -191px 0;}
.sharedeckwidget > a.contact{background-position: -229px 0;}

/* .sharedeckwidget > a{display: inline-block; background: url("../images/sharedeck.png"); width: 30px; height: 30px; margin: 0 4px;}
.sharedeckwidget > a.twitter{background-position: 0 0;}
.sharedeckwidget > a.facebook{background-position: -30px 0;}
.sharedeckwidget > a.instagram{background-position: -60px 0;}
.sharedeckwidget > a.pinterest{background-position: -90px 0;}
.sharedeckwidget > a.google-plus{background-position: -120px 0;}
.sharedeckwidget > a.web{background-position: -150px 0;}
.sharedeckwidget > a.contact{background-position: -180px 0;} */

.gridwidget.grouchopedia img{width: 100%;}
.gridwidget.grouchopedia .html{text-transform: uppercase; font-size: 1em; font-family: 'OrganicBold'; font-weight: normal;line-height: 1.8; padding: 10px 0;}
.gridwidget.grouchopedia .html,
.gridwidget.grouchopedia .img{display: none;}

#popup{position: absolute; top: 0; bottom: 0; left: 0; width: 100%; background: rgba(255, 255, 255, 0.5); z-index: 1000;}
#popup .gridwidget.grouchopedia{display: block; border: 3px #000 solid; width: 80%; max-width: 359px; position: relative; margin: 100px auto 0; background: #fff; text-align: center;}
#popup .gridwidget.grouchopedia .html,
#popup .gridwidget.grouchopedia .img{display: block;}
#popup .gridwidget.grouchopedia .img{border-top: 3px #000 solid;}

.gridwidget.postwidget{padding: 0;}
.gridwidget.postwidget > .html{text-transform: uppercase; color: #84888B; background: #FFF; padding: 4% 4% 0 4%; display: block; text-align: center; color: #000;}
.gridwidget.postwidget > .html > span{display: block; word-break: normal; line-height: 1.8em;}
.gridwidget.postwidget > .html > .post-type{color: #84888B; font-family: 'GrouchyBold'; font-weight:normal; font-size: 0.7em; letter-spacing: 2px;}
.gridwidget.postwidget > .html .post-title{color: #323232; font-family: 'GrouchyBold'; font-weight:normal; font-size: 0.95em; letter-spacing: 1px; line-height: 1.2em; padding: 0.4em 0 0.4em 0;}
.gridwidget.postwidget > .html > .post-excerpt{font-family: 'OrganicLight'; font-weight: normal; font-size: 0.9em; color: #323232; line-height: 1.4em;}
.gridwidget.postwidget > .html > .post-subtitle{font-family: 'OrganicLight'; font-weight: normal; font-size: 0.9em; color: #323232; line-height: 1.4em; text-transform: none;}
.gridwidget.postwidget > .html > .posted{color: #84888B; font-size: 0.7em;}
.gridwidget.postwidget[data-image-placement="Behind"]{overflow: hidden; text-align: center; position: relative;}
.gridwidget.postwidget[data-image-placement="Behind"] > .html{padding: 20% 4%; margin: 15% 0; background: rgba(255, 255, 255, 0.75); position: relative; z-index: 1;}
.gridwidget.postwidget[data-image-placement="Behind"] > img{position: absolute; top: 0; z-index: 0; height: 100%; width: auto; max-width: none; left: -50%;}
.gridwidget.postwidget[data-image-placement="Title Bar"] > .html{padding: 4% 0% 0%;}
.gridwidget.postwidget[data-image-placement="Title Bar"] .h3box{position: relative;}
.gridwidget.postwidget[data-image-placement="Title Bar"] .post-title{text-transform: uppercase; margin: 0 3%; padding: 0 3%; background-color: #FFF; display: inline-block; position: relative; z-index: 1;}
.gridwidget.postwidget[data-image-placement="Title Bar"] .brd{border-bottom: #C8C8C8 2px solid; position: absolute; left: 0; top: 50%; display: block; z-index: 0; width: 100%;}}

.gridwidget[data-text-align="Left"] .html{text-align: left;}
.gridwidget[data-text-align="Center"] .html{text-align: center;}
.gridwidget[data-text-align="Right"] .html{text-align: right;}

.gridwidget.textimagelinkwidget{padding: 0; background: none; text-align: left;}
.gridwidget.textimagelinkwidget > img{width: 100% !important;}
.gridwidget.textimagelinkwidget > .html{display: block; text-transform: uppercase;}
.gridwidget.textimagelinkwidget > .html > span{display: block;}
.gridwidget.textimagelinkwidget > .html > .title{color: #000; margin: 5px 0 12px; font-family: 'AracneCondensedRegular'; font-weight: normal; line-height: 100%; font-size:1.4em;}
.gridwidget.textimagelinkwidget > .html > .text{color: #A3A6A8; font-size: 0.9em; font-family: 'OrganicMedium'; font-weight: normal; line-height: 150%;}
.gridwidget.textimagelinkwidget[data-image-placement="Left"] > .html:after{clear:both; height:0; font-size: 1px; line-height: 0px;}
.gridwidget.textimagelinkwidget[data-image-placement="Left"] > .html{margin-left: 40%; width: 60%;}
.gridwidget.textimagelinkwidget[data-image-placement="Left"] > img{float: left; width: 34% !important;}
.gridwidget.textimagelinkwidget[data-image-placement="Right"] > .html:after{clear:both; height:0; font-size: 1px; line-height: 0px;}
.gridwidget.textimagelinkwidget[data-image-placement="Right"] > .html{margin-right: 40%; width: 60%;}
.gridwidget.textimagelinkwidget[data-image-placement="Right"] > img{float: right; width: 34% !important;}
.gridwidget.textimagelinkwidget[data-image-placement="Top"] > img{margin-bottom: 10px;}
.gridwidget.textimagelinkwidget[data-image-placement="Bottom"] > img{margin-top: 10px;}
.gridwidget.textimagelinkwidget[data-image-placement="Behind"]{overflow: hidden; text-align: center; position: relative;}
.gridwidget.textimagelinkwidget[data-image-placement="Behind"] > .html{padding: 20% 4%; margin: 15% 0; background: rgba(255, 255, 255, 0.75); position: relative; z-index: 1;}
.gridwidget.textimagelinkwidget[data-image-placement="Behind"] > img{position: absolute; top: 0; z-index: 0; height: 100%; width: auto; max-width: none; left: -50%;}

.postid-1121 .gridwidget.textimagelinkwidget > .html > .title {
color: #000;
margin: 5px 0 5px;
font-family: 'OrganicBold';
font-weight: normal;
line-height: 1.2em;
font-size: 0.8em;
text-transform: uppercase;
}
.postid-1121 .gridwidget.textimagelinkwidget > .html > .text {
color: #000;
font-size: 0.8em;
font-family: 'OrganicMedium';
font-weight: normal;
line-height: 1.6em;
}
.postid-1121 .gridwidget.textimagelinkwidget > .html {text-transform: none;}

.gridwidget.headshot{background: #EDE8E7; text-align: center;}
.gridwidget.headshot > .headshot{margin-bottom: 25px; width: 100%; margin-left:%; margin-right:1%;}
.gridwidget.headshot > .headshot > img{max-width: 100%;}
.gridwidget.headshot > .name{color: #000; font-size: 0.8em; font-family: 'OrganicBold'; font-weight: normal; text-transform: uppercase; line-height: 1.2;}
.gridwidget.headshot > .role{color: #323232; padding-bottom: 15px; line-height: 1.2; font-size: 0.8em; }

.gridwidget.archive-link{font-family: 'GrouchyBold'; font-weight:normal; font-size: 1em; text-transform: uppercase; line-height: 1.4; padding: 30px 15%; border-top: 1px solid #C8C8C8; border-bottom: 1px solid #C8C8C8; text-align: center; margin: 0 2.5%;}
.gridwidget.togglebar{padding: 0; border-top: 1px solid #C8C8C8; border-bottom: 1px solid #C8C8C8; text-align: center; margin: 0 2.5% !important;}
.gridwidget.togglebar > .title{font-family: 'GrouchyBold'; font-weight:normal; font-size: 0.8em; text-transform: uppercase; line-height: 1.4; padding: 30px 0;}
.gridwidget.togglebar > .text{padding-bottom: 30px; font-size: 0.9em; line-height: 1.2em; max-width: 600px; margin: 0 auto;}
.gridwidget.togglebar.activebutton{cursor: pointer;}
.gridwidget.togglebar > .button{background: url("../images/arrows.png") 0 0px; width: 17px; height: 10px; position: absolute; top: 40px; right: 25px; display: block;}
.gridwidget.togglebar.close > .text{display: none;}
.gridwidget.togglebar.close > .button{background-position: 0 10px; }

.gridwidget.shapelinkwidget{padding: 0; overflow: hidden;}
.gridwidget.shapelinkwidget > .wrap{width: 100%; position: relative; z-index: 0; display: block; height: 100%;}
.gridwidget.shapelinkwidget > .wrap > img{position: relative; z-index: 1; width: 100%;}
.gridwidget.shapelinkwidget > .wrap > .htmlwrap{position: absolute; z-index: 0; background: #EDE8E7; height: 100%; top: 0; left: 0; width: 100%;}
.gridwidget.shapelinkwidget > .wrap > .htmlwrap .html{ display: table;  width: 100%; height: 100%;}
.gridwidget.shapelinkwidget > .wrap > .htmlwrap .html > .text{display: table-cell; vertical-align: middle; text-align: center; padding: 5%;}
.gridwidget.shapelinkwidget .mask{position: absolute; z-index: 1; display: block; top: 0; left: 0;}
/*
.gridwidget.shapelinkwidget[data-shape="Circle"] > .wrap > .htmlwrap,
.gridwidget.shapelinkwidget[data-shape="Circle"] > .wrap > img,
.gridwidget.shapelinkwidget > .wrap > .top,
.gridwidget.shapelinkwidget[data-shape="Circle"] .wrap{
	width:100%; 
	max-width:100%; 
	-moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    -khtml-border-radius: 50%; 
    border-radius:50%;
}
.gridwidget.shapelinkwidget[data-shape="Circle"] .wrap{
	width:100%; 
	max-width:100%; 
	overflow: hidden;
}
*/

.shapeActive .gridwidget.shapelinkwidget > .wrap > .top,
.gridwidget.shapelinkwidget > .wrap > img{
	transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
.gridwidget.shapelinkwidget > .wrap > .top{background: #000; opacity: 0; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 2;}
.shapeActive .gridwidget.shapelinkwidget > .wrap > .top{opacity: 0.3;}
.shapeActive .gridwidget.shapelinkwidget.rollerable:hover > .wrap > .top,
.gridwidget.shapelinkwidget.rollerable:hover > .wrap > img{opacity: 0;}

.gridwidget.katzchatswidget > .bubble{margin: 50px 4% 50px;display: table;}
.gridwidget.katzchatswidget > .bubble .question{padding: 7% 9% 20% 5%; color: #fff; background: url("../images/katz_left_bubble.png") no-repeat; background-size: 100% 100%;}
.gridwidget.katzchatswidget > .bubble .answer{padding: 7% 8% 20% 7%; color: #000;background: url("../images/katz_right_bubble.png") no-repeat; background-size: 100% 100%;}
.gridwidget.katzchatswidget > .bubble .question,
.gridwidget.katzchatswidget > .bubble .answer{display: table-cell; width: 50%; line-height: 1.8; font-size: 0.8em; font-family: 'OrganicBold'; font-weight: normal;height: 100%;}
.gridwidget.katzchatswidget.close > .bubble{display: none;}

.mobilemenu .gridwidget.katzchatswidget > .bubble .question{padding: 7% 14% 35% 9%;}
.mobilemenu .gridwidget.katzchatswidget > .bubble .question,
.mobilemenu .gridwidget.katzchatswidget > .bubble .answer{width: 80%; display: block; margin: 0 auto;}
.mobilemenu .gridwidget.katzchatswidget > .bubble .answer{padding: 7% 10% 20% 10%;}

.gridwidget.grouchopedia img{width: 100%;}
.gridwidget.grouchopedia .html{text-transform: uppercase; font-size: 1em; font-family: 'OrganicBold'; font-weight: normal;line-height: 1.8; padding: 10px 0;}
.gridwidget.grouchopedia .html,
.gridwidget.grouchopedia .img{display: none;}

#popup .gridwidget.grouchopedia{width: 359px; border: 0px #000 solid; max-width: 359px; position: relative;
margin: 100px auto 0; background: #fff; text-align: center;width: 80%;
-webkit-box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    2px 2px 10px 0px rgba(0, 0, 0, 0.75);
box-shadow:         2px 2px 10px 0px rgba(0, 0, 0, 0.75);
}
#popup .gridwidget.grouchopedia .html,
#popup .gridwidget.grouchopedia .img{display: block;}
#popup .gridwidget.grouchopedia .img{border-top: 0px #000 solid;}
#popup .gridwidget.grouchopedia .html, #popup .gridwidget.grouchopedia:hover .html{
	color: #000;
}
#popup .gridwidget.grouchopedia .html{font-family: 'AracneCondensedRegular'; font-weight: normal; font-size: 32px;}

.gridwidget.imagelink{padding: 0;}
.gridwidget.imagelink > img{width: 100%;}

.gridwidget.membershipform{margin-top: 16px;}
.gridwidget.titlebar{background: none; padding: 0; text-align: center;}
.gridwidget.titlebar .h3box{position: relative;}
/* .gridwidget.titlebar[data-wp-title="FAQs"]:after{
	position:absolute; content:''; background-image: url('../images/FAQS.png'); top:0; left:0; z-index: 2;
	background-size: 150px auto; width:100%; height:150px; background-repeat: no-repeat; background-position: 70% -5px;
} */
.gridwidget.titlebar h1,
.gridwidget.titlebar h3{text-transform: uppercase; color: #000; line-height: 100%; font-size: 1.15em; margin: 0 3%; padding: 0 3%; background-color: #fff; display: inline-block; position: relative; z-index: 1; letter-spacing: 1px;}
.gridwidget.titlebar .h3brd{position: absolute; left: 0; top: 50%; display: block; z-index: 0; width: 100%;}
.gridwidget.titlebar > .html{margin: 1% auto 2% auto; font-size: 0.9em; font-family: 'OrganicMedium'; font-weight: normal; line-height: 140%;}
.gridwidget.titlebar .brd{border-bottom: #C8C8C8 2px solid;}
.archive.category .gridwidget.titlebar .html h2{color: #84888B; font-size: 1.5em; text-transform: uppercase; letter-spacing: 1px;}

/*.postid-383 .gridwidget.titlebar:after{content:' '; background-image:}*/

/* CENTERED ARTICLE POST */
article.post-488,
.postid-732 .textwidget,
article.type-news{text-align: center;}


.postid-319 article.post-319 .gridwrap > div:nth-child(4) > .html{
	-webkit-column-count: 2;
	   -moz-column-count: 2;
			column-count: 2;
	-webkit-column-gap: 100px;
	   -moz-column-gap: 100px;
			column-gap: 100px;
}

#bedroompopup{position:fixed; top:0; right:0; bottom:0; left:0; z-index:100;}
#bedroompopup .bg{background-color: #000; position:absolute; top:0; right:0; bottom:0; left:0;}
#message{position:relative; width:90%; height:402px; max-width:402px; background:url('../images/MEMBER_GUEST_BEDROOMS_ICON.png') no-repeat; background-size:100% auto;
margin-left:auto; margin-right:auto; margin-top: 250px;}
#message .toolbar{font-family: 'AracneCondensedRegular'; font-weight: normal; font-size: 30px;
text-align: center; float: right; margin-right: 9%; margin-top: 25%; line-height: 1.2em;}

@media (max-width: 900px) and (min-width: 800px){
	#container > header nav a{padding: 0 10px;}
	#artist #artist-directory ul{-webkit-column-count: 5; column-count: 5;}
}

@media (max-width: 800px) and (min-width: 750px){
	#container > header nav a{padding: 0 8px;}
	#artist #artist-directory ul{-webkit-column-count: 5; column-count: 5;}
}

@media (max-width: 750px) and (min-width: 621px){
	.postid-319 article.post-319 .gridwrap > div:nth-child(4) > .html{
	-webkit-column-count: 1;
	   -moz-column-count: 1;
			column-count: 1;
	}
	#container > header nav a{padding: 0 6px;}
	#artist #artist-directory ul{-webkit-column-count: 4; column-count: 4;}
}

/* less than 620px */
@media (max-width: 620px){
	body{font-size: 16px;}
	
	#container{padding: 0 2.5%;}
	#footer_links{padding: 20px 6% !important;}
	#footer_left{width: 100% !important; float: none !important;}
	#footer_right{margin: 20px 0 0 0 !important;}
	.pagewrap{width: 100%; margin: 0;}
  	.gridwrap > .gridwidget{width: 100% !important; margin: 15px 0% !important;}
  	.gridwrap > .gridwidget.nestedwidget .gridwidget{margin: 15px 3% !important; width: 94% !important;}
  	.gridwrap > .gridwidget.nestedwidget .gridwidget.gridsizer{margin: 0 !important; padding: 0 !important;}
  	
  	.gridwidget.gcform .mobile{display: block; text-align: center;}
  	.gridwidget.gcform .fullsite{display: none;}
  	
  	.gridwidget.titlebar h3{margin: 0 10%;}
  	.gridwidget.titlebar > .html{margin: 2% 0 4% 0;}
  	
  	.flex-direction-nav a:before{font-size: 1.5em !important; color: #fff;}
  	
  	.art-view .breadcrum{position:relative !important;}
  	.art-view #breadcrum1{margin-top: 80px; margin-bottom: 0px; padding-bottom: 10px; height: auto;}
  	.single-art-room.art-view #breadcrum1{margin-bottom: 0px;}
  	.single-art-room.art-view #breadcrum2{margin-bottom: 20px;}
  	
  	.art-view #container{position:relative;}
  	.art-view #main, .art-view .art-room, .art-view #art-room{position:relative; height:auto; margin-top: 15px;}
  	#artist #artist-directory {max-height: none;}
  	#artist #artist-directory ul{-webkit-column-count: 1; column-count: 1;}
  	#artist #artist-directory ul li{text-align: center;}
  	#artist #artist-left-col{width:100%;}
  	#artist #artist-right-col{width:100%;}
  	#artist .html{max-height: none;}
  	#art-room > .artwidget{position:relative; margin:5%; width:90% !important; left:auto !important; top:auto !important;}
	#art-room .collection-intro {position: relative; bottom: auto; width: 100%;}
	.floor{display:none;}
	.art-rollover.desktop{display:none !important;}
	#art-room .artwidget{height:auto !important; text-align: center;}
	#art-room .artwidget .art-rollover {
		position: relative;
		border-radius: 0 !important;
		background-color: #fff !important;
		opacity: 1;
		padding: 5px 10px;
		z-index: 1;
		height: auto;
		margin-top:3px;
		text-align: center;
		display:inline-block;
		-webkit-box-shadow: 3px 3px 20px 0px rgba(0, 0, 0, 1);
		-moz-box-shadow: 3px 3px 20px 0px rgba(0, 0, 0, 1);
		box-shadow: 3px 3px 20px 0px rgba(0, 0, 0, 1);
	}
	#art-room .art-rollover .caption{color:#878787;}
	.page-id-1305 #art-room .artwidget .art-rollover{display:none;}
	#message .toolbar{font-size: 23px !important; margin-right: 10% !important;}
	#message{margin-top: 160px !important;}
}
@media (max-width: 481px){
	#message .toolbar{font-size: 20px !important; margin-right: 10% !important; }
}