/*

Theme Name: Various Small Fires

Description: Custom theme for Various Small Fires gallery in Venice, CA.  Commissioned by Esther Kim Varet.  Based on the BlankSlate theme.  April, 2013.

Author: Michael Ray-Von

Author URI: http://michaelray-von.com/

*/



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{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}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}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{};





* { margin:0; }



html, body {

	width: 100%;

	height: 100%;

	font-family: 'Helvetica', sans-serif;

	line-height: 1.4;

}



#wrapper {

	width: 90%;

	min-height: 100%;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	padding-top: 30px;

}

#container {

	width: 100%;

}

#content {margin-top: 100px;}

.push {

	overflow:auto;

	padding-bottom: 3em;

}

footer {

	width: 90%;

	margin: -2em auto 0 auto;

	padding: 1em;

	position: relative;

	height: 1em;

	clear:both;

	font-size:8px;

	font-family: 'Helvetica', sans-serif;

	background-color: #000;

	color: #fff;

}

#copyright {

	background-color: none;

	color: #000

	text-transform: uppercase;

}



/* TYPE */

h1 {

	font-weight: bold;

	font-size: 18px;

}

em {

	font-style: italic;

}

i {

	font-style: italic;

}

strong {

	font-weight: bold;

}

b {

	font-weight: bold;

}

#content a:link {

	color:#000000;

	text-decoration:none;

}



#content a:link:hover {color:#000;}

#content a:link:focus {color:#000;}

#content a:visited {color:#f00;}

#content a:visited:hover {color:#000;}

#content a:visited:focus {color:#000;}

}

/* END TYPE */



/* HEADER */

header {

	left: 0px;

	width: 100%;

	height: 50px;

	position: relative;

	margin-top: 0px;

}

.navItem {

	background-color: transparent;

	color: #000;

	font-size: 13px;

	padding: 10px 20px 10px 20px;

	text-align: center;

	display: inline;

	float: left;

}

nav a:link.navItem {

	color: #000;

	text-decoration: none;

	border-bottom: 3px solid transparent;

	border-top: 3px solid transparent;

}

nav a:hover.navItem {

	color: #000;

	text-decoration: none;

	border-bottom: 3px solid red ;

}

/* HOMEPAGE NAV LINK COLOR */

.page-id-4 nav a:link.navItem {

	color: #fff;

}

/* HOMEPAGE NAV LINK HOVER COLOR */

.page-id-4 nav a:hover.navItem {
	
	color:#fff;

}

/* HOMEPAGE NAV LINK VISITED COLOR */

.page-id-4 nav a:visited.navItem {

	color:#fff;

}

#branding a:link.navItem {

	color: #000;

	text-decoration: none;

	border:0;

	/*padding: 10px;*/

	padding:0;

	font-size: 0px;

}



#branding {

	float: right;

	font-size: 0px;

	/* background-color: #fff; */

}

nav {

	float: left;

	display: inline-block;

	font-family: 'Helvetica', sans-serif;

	/*background-color: ##000000;*/



}

nav li {

	list-style: none;

	display: inline;

	text-transform:uppercase;

}

li.current_page_item a.navItem, li.current-menu-item a.navItem {

	background-color: #000;

	color: #fff;

}

li.current_page_item a:hover {

	border-bottom: 3px solid transparent;

}


/* END HEADER */



/* cPAGE */

#homeCurrent a {

	color:#000; opacity: 1;

	text-decoration: none;

   	transition: opacity .25s ease-in-out;

   	-moz-transition: opacity .25s ease-in-out;

   	-webkit-transition: opacity .25s ease-in-out;

	}

#homeCurrent a:visited {

	color:#000;}

#homeCurrent a:hover {

color:#ff0000; opacity: 1;}

#homeCurrent {

color: #000;

    font-size: 1.2em;

    text-align: center;

    width: 420px;

    left: 50%;

    margin-left: -200px;
    
    bottom: 45%;
    /*bottom: 50%;*/
	
    position: fixed;

    /*background-color:#ffffff;*/

text-transform:uppercase;

}

#bg {

	color: #ffffff;

	position: fixed;

	left: 0;

	top: 0;

	overflow: hidden;

	z-index: -999;

	height: 80%;

	width: 100%;

	display:table-cell;

	vertical-align:middle;

}

img.attachment-full {

	height: auto;

	width: 100%;

}

/* END HOMEPAGE */



/* TABLE */

table {

	width: 100%;

	margin-bottom: 40px;

	position: relative;

	border-collapse: collapse;

}

tr {

	width: 100%;

	vertical-align: top;

}

td {

	vertical-align: top;

}

td.period {

	width: 40%;

	text-align: right;

	border-right: 1px black solid;

	font-family: 'Helvetica', sans-serif;

	font-size: 14px;

	text-transform: uppercase;

	padding-right: 40px;

}

td.shows {

	padding-left: 40px;

	font-size: 18px;

}

#content td.shows a:link {

	color: #000;

	text-decoration: none;

}

#content td.shows a:visited {

	color: #000;

}

#content td.shows a:hover {

	color: #f00;

}

.shows div {

	display: inline-block;

}

/* END TABLE */



/* ARTISTS */

#content td.artists a:link{

	width: 100%;

	color: #000;

	text-decoration: none;

	text-align: center;

	display: inline-block;

	text-transform:uppercase;

	/* font-size: 24px; */

	/* padding-top: 10px; */

}

#content td.artists a:visited{

	color: #000;

	text-decoration: none;

}

#content td.artists a:hover{

	color: #f00;

	text-decoration: none;

}



/* END ARTISTS */



/* CONTACT */

div#contact {

	position: relative;

	display: inline-block;

	float: left;

	width: 30%;

	padding-right: 5%;

	font-size: 18px;

}

div#contact a:link {

	color:#f00;

}

div#contact a:visited {

	color:#f00;

}

a.contactSection {

	font-family: 'Helvetica', sans-serif;

	font-size: 14px;

	text-transform: uppercase;

}

div#about {

	position: relative;

	display: inline-block;

	float: left;

	padding-left: 4%;

	max-width: 60%;

	border-left: 1px solid black;

}

div#blank_about {

	position: relative;

    	display: inline-block;

    	float: left;

    	padding-left: 20%;

    	max-width: 60%;

    	margin-top: 10%;

}

div#blank_about_video {

	position: relative;

	padding-bottom: 56.25%; /* 16:9 */

	padding-top: 25px;

	height: 0;

}



div#blank_about_video iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

div#murals {

	position: relative;

	display: inline-block;

	float: left;

	width: 88%;

	border-top: 1px solid black;

	padding: 6%;

	margin-top: 50px;

}



/* END CONTACT */



/* MAILING LIST */

body div#mc_embed_signup .asterisk {

	color: #f00;

}

body div#mc_embed_signup .button {

	background-color: #000;

	border-radius: 0;

	border: 1px transparent solid;

	font: 14px 'Helvetica', sans-serif;

	text-transform: uppercase;

}

body div#mc_embed_signup .button:hover {

	background-color: #fff;

	border: 1px black solid;

	color: #000;

}

body div#mc_embed_signup input {

	border: 1px solid #000;

}

body div#mc_embed_signup {

	font: 14px 'Helvetica', sans-serif;

	text-transform: uppercase;

}

body div#mc_embed_signup h2 {

	font-weight: normal;

	font-size: 18px;

	border-bottom: 1px black solid;

	display: inline-block;

	font-family: 'Helvetica', sans-serif;

	text-transform: none;

	font-weight: bold;

}

body div#mc_embed_signup form {

	padding-left: 0;

}



/* END MAILING LIST */

/* SEOUL */
/* custom style for Seoul page, 12-22-18*/

.page-id-7823 #blank_about {
	padding-left:20px;
	margin-top:10px;
}



/* END SEOUL */

/* SEOUL VIP */
/* custom style for Seoul VIP page, 12-19-18*/

.page-id-8017 #blank_about {
	padding-left:20px;
	margin-top:10px;
}

#blank_about > p:nth-child(5) {
	font-size: 18px;
}

.page-id-8017 #blank_about > p:nth-child(1) > img {
	width: 100%;
  	height: auto;
}

.page-id-8017 #content a:link {
	text-decoration: underline;
}

@media only screen and (max-width: 480px) {
	.page-id-8017 #blank_about {
		max-width:none;
	}
}
/* END SEOUL VIP */



/* SHOW */



#showInfo {

	width: 90%;

	background-color: none;

	color: #000;

	padding-bottom: 30px;

	position: relative;

	text-align: left;

	border-bottom: 1px solid black;

	margin-bottom: 50px;

	margin-top: 70px;

	margin-left: 5%;

	font-size: 20px;

}

#showText {

	width: 90%;

	padding: 0px 5% 50px 5%;

	margin-bottom: 70px;

	position: relative;

	display: block;

	float: left;

}

.item {

	padding-bottom:40px;

}

#images {

	margin: 0 auto;

	clear: both;

}

#images a img {

	border: 1px transparent solid;

}

#images a:hover img{

	border: 1px black solid;

}

/* END SHOW */



/* ARTIST PAGE */

div#artistPress{

	width: 100%;

	display: inline-block;

	position: relative;

	float: left;

	margin-top: 5px;

	margin-bottom: 40px;

}

div#artistExhibitions{

	height: auto;

	display: inline-block;

	position: relative;

	margin-top: 5px;

	margin-bottom: 40px;

	width: 100%;

}

div#artistExhibitions a div {

	text-decoration: underline;

}



/*div#artistExhibitions a:link {

	color: #000;

	text-decoration: none;*/

	text-decoration: underline;

}

div#artistExhibitions a:visited {

	color: #000;

}

div#artistExhibitions a:hover {

	color: #f00;

}*/

div#museumsprojects{

	height: auto;

	display: inline-block;

	position: relative;

	margin-top: 5px;

	margin-bottom: 40px;

	width: 100%;

}

div#museumsprojects a:link {

	color: #000;

	text-decoration: none;

}

div#museumsprojects a:visited {

	color: #000;

}

div#museumsprojects a:hover {

	color: #f00;

}

div#imgContainer {

	float: left;

	width: 100%;

}

div.artistAnchor {

	font-size: 16px;

	margin-right: 10px;

}

div.artistAnchor.exhibitions, div.artistAnchor.press {

	display:none !important;

}

div#artistContent{

	margin-bottom: 0px;

}

.columns {

	-moz-column-gap: 3em;

	-moz-column-rule: 1px solid black;

	-webkit-column-gap: 3em;

	-webkit-column-rule: 1px solid black;

	column-gap: 3em;

	column-rule: 1px solid black;

}

.twocol {

	-moz-column-count: 2;

	-webkit-column-count: 2;

	column-count: 2;

}

.threecol {

	-moz-column-count: 3;

	-webkit-column-count: 3;

	column-count: 3;

}

/* END ARTIST PAGE */



/* NEWS */

.newsContent {

	margin-top: 100px;

	width:90%;

	padding-left: 5%;

	padding-right: 5%;

}

.news .p-date {

	font: 14px 'Helvetica', sans-serif;

	text-transform: uppercase;

	margin-bottom: 10px;

}

.news .p-head {

	border-bottom:1px black solid;

	margin-bottom:18px;

	font-size:24px;

	width: 50%;

}

.news .p-con {

	padding: 15px 0 15px 0;

	width:100%;

}

.news {

	margin-bottom:40px;

}



a#newsTop:link {

	position: fixed;

	bottom:30px;

	left: 1%;

	width: auto;

	height: auto;

	color: black;

	padding:3px;

	text-decoration:none;

	font: 14px 'Helvetica', sans-serif;

	z-index: 8000;

}

a#newsTop:visited { color: black;}

a#newsTop:hover {color: black;}



.p-con a:link {

	color: red;

	text-decoration: underline;

}

.p-con a:visited {

	color: red;

	text-decoration: underline;

}

.p-con a:hover {

	color: red;

	text-decoration: underline;

}

div#newsNav {

	padding-top:20px;

}

#newsNav a:link {

	color: black;

	text-decoration: none;

	font: 16px 'Helvetica', sans-serif;

	text-transform: uppercase;

}

#newsNav a:visited {

	color: black;

}

#newsNav a:hover {

	color: red;

}



.news img {

	height: 50%;

	max-height: 500px;

}



/* END NEWS */



/* MOBILE */

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



#wrapper {

	width: 100% !important;

	/* padding-top: 0px; */

}

header {

	display:block;

	position: relative;

	margin-bottom: 50px;

	z-index:900;

	width:100%;

}

#branding {

	width: 50%;

	float: left;

	overflow:hidden;

	height: 195px;

	/*background-color: #ffffff;*/

}

nav {

	width: 50%;

	float: right;

	border-left: 0;

	border-right: 0;

	line-height:1; /*Adjusted for Sean Shim-Boyle THIEF exhibit frontpage - you can delete this line*/

	/*background-color: #ffffff;*/

	height: 185px;

	padding-top: 10px;

}

a.navItem {

	font-size: 10px;

	padding: 5px 20px;

	text-align: left;

	display: block;

	width: 100%;

	z-index: 901;

}

#branding a:link.navItem {

	padding-top: 34px;

	text-align: center;

}

body div#container {

	position: relative;

	display: block;

	padding-left:5%;

}

#homeCurrent {

	font-size: 16px;

   	width: 100%;

   	left: 0%;

   	right: 0;

   	margin-left: 0 !important;

   	position: fixed;

	margin-top:100px;
	
	bottom: 40%; /*for three exhibit homepage, added 4-1-19*/

}

.item img {

	width: 100%;

}

#images {

	width: 100%;

}

#showInfo {

	margin: 100px 0;

	width: 100%;

	margin-bottom: 30px;

}

#showText {

	width: 100%;

	padding: 0;

	padding-bottom: 30px;

}

footer {

	left:4% !important;

	width: 100% !important;

	margin: 0;

}

div#content {

	width: 100%;

	padding-top: 100px;



}

article#content {

	width: 100%;

	padding-top: 50px;



}

td.period {

	width: 40%;

}

div#contact, div#about {

	display: inline;

	max-width: 100%;

	width: 100%;

	border: 0;

}

div#about {

	margin-top: 20px;

	padding-left: 0;

	padding-top: 20px;

	border-top: 1px black solid;



}

div#murals {

	width:100%;

	padding:0;

	padding-top: 20px;

}

div#artistPress {

	width: 100%;

	padding-right: 0;

	margin-right: 0;

	border-right: 0;

	position: relative;

	float: left;

	margin-bottom: 40px;

	-moz-column-count: 0;

	-webkit-column-count: 0;

	column-count: 0;



}

div#artistExhibitions {

	position: relative;

	margin-bottom: 40px;

}

div#museumsprojects {

	position: relative;

	margin-bottom: 40px;

}

.twocol {

	-moz-column-count: 0;

	-webkit-column-count: 0;

	column-count: 0;

}

.threecol {

	-moz-column-count: 0;

	-webkit-column-count: 0;

	column-count: 0;

}

div.artistAnchor.exhibitions, div.artistAnchor.press {

	display:block!important;

}

}

/* END MOBILE */




/* NEWS2 */

.news2Content {

	margin-top: 100px;

	width:90%;

	padding-left: 5%;

	padding-right: 5%;

}

.news2 .p-head {

	margin-bottom:10px;

}

.news2 .p-con {

padding: 0 0 0 40px;

margin-left:160px;

border-left:1px solid;

position: relative;

min-height: 150px;

}

.news2 {

	margin-bottom:60px;

        clear:both;

}



.news2 .attachment-thumbnail {

float: left;

margin:0 20px 0 0;

width:150px;

height:150px;

}

.press-logo {

position: absolute;

left:-190px;

top:0;

max-width:150px;

max-height:150px;

height:auto;

}



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

.news2 .attachment-thumbnail {

float:none;

margin-bottom: 20px;

}

}



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



.news2 .p-con {

 padding:0;

 border:0;

margin-left:0;

}

.news2 .attachment-thumbnail {

  height: 140px;

  width: 140px;

}

.press-logo {

  right: 0;

  max-width: 120px;

  max-height:120px;

left:inherit;

}



}

/* END NEWS2 */



/* 404 */



.page-id-3020 .page {

  text-align: center;

}

.page-id-3020 h1.entry-title {

  margin-bottom: 20px;

  font-size: 32px;

}

.page-id-3020 aside#sidebar {

  display: none;

}

.exhibition-dev{
	background-color: red;
}

/* END 404 */



/* start artists-dev */
.artists-dev{
	background-color: transparent;
}
.flex-wrap.artists{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.artist-single{
	width: 29%;
	padding: 2%;
	background-color: transparent;
}

.artist-single a{
	color: black!important;
}

.artist-single a:hover{
	color: #f00!important;
}

.feautured-img{
	max-width: 100%;
	margin-bottom: 1em;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.caption{
	height: calc(15% - 3em);
	font-weight: 600;
}

.caption a:hover{
	color: red;
}


.artist-single img{
	max-width: 100%;
	max-height: 100%;
	height: auto;
	width: auto;
}

@media screen and (max-width: 1000px){
	#wrapper{
		width: auto;
	}

	.flex-wrap.artists {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100vw;
	}

	.artist-single {
    width: 100%;
    /* height: 400px; */
    padding: 2%;
    background-color: transparent;
	}
}

/* exhibitions-dev styles start */

.period{
	width: 100%;
	padding: 2%;
}

.exhibitions-dev{
	display: flex;
	align-items: flex-start: ;
	flex-wrap: wrap;
	width: 100%;
}

#content .exhibitions-dev a:visited:hover {
    color: #f00;
}

#content .exhibitions-dev a:link:hover {
    color: #f00;
}
#content .exhibitions-dev a:visited {
    color: black;
}

.item-wrapper{
	display: flex;
	align-items: flex-start: ;
	flex-wrap: wrap;
	width: 100%;
}

.exh-item-wrap{
	width: 29%!important;
	padding: 2%;
	background-color: transparent;
}

.exh-item-wrap img{
	max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.exh-name{

}

.flex-wrap.exh{

}


/* exhibitions-dev styles end */

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

	.exh-item-wrap {
	    width: 100%!important;
			padding-bottom: 10%;
		}

}

@media only screen and (max-width: 480px){
	body div#container {
	    position: relative;
	    display: block;
	    /*padding-left: 0;*/
	}
	div#content {
    width: 100%;
    padding-top: 100px;
    margin-left: 5%;
	}
}

/* RESERVATIONS */

#post-9655 > h1 {
display: none;
}

#comments {
display: none;
}

#sidebar {
display: none;
}

/* RESERVATIONS END */

/* IFRAME TEST */

body.page-id-9743 div#blank_about {
padding-left: 0;
}

/* IFRAME TEST END */