html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*, *:before, *:after { margin: 0; padding: 0; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }

/* GENERAL STYLES */
a img, area { border: 0; }
a { font-size: 1.0em; }

a:link, a:visited { color: #c734a5; text-decoration: none; }
a:active, a:hover { color: #000; text-decoration: underline; }
#inner-content a:link, #inner-content a:visited { color: #c734a5; }
#inner-content a:active, #inner-content a:hover { color: #000; }

html, body { height: 100%; }
body { 
background-color: #fff;
background-size: cover;
background-repeat: no-repeat;
font: 300 14px Lato, "Myriad Pro", sans-serif;
letter-spacing: .05em;
color: #656262; }
.body-press { margin: 15px; text-align: justify; }
.home { overflow: hidden; background-image: linear-gradient(135deg, rgba(0,0,0,.4) 0%, rgba(0,0,0,0) 60%), url('/wp-content/uploads/abc-home-pic.jpg'); }

h1, h1 a { margin: 0; font: 400 14px Lato, "Myriad Pro", sans-serif; letter-spacing: 2px; text-transform: uppercase; }
h2, h2 a { margin: 0 0 8px 0; color: #000; font-size: 13px; font-weight: normal; }
h3, h3 a { margin: 0; font-size: 12px; font-weight: normal; }
h1 a:link, h1 a:visited { color: #555; }

ul { margin: 16px 20px 0 40px; }
li { margin-bottom: 6px; }
b, strong, .bold { font-weight: bold; font-size: 1.0em; }
i, em, .italic { font-style: italic; font-size: 1.0em; }
p { margin-bottom: 16px; font-size: 1.0em; }
table { border: 0; padding: 0; margin: 0; }
td { font-size: 12px; vertical-align: top; }

form { display: inline; }
input, textarea, select { border: solid 1px #bbb3ae; background: #fff; font-size: 12px; }
select { height: 20px; padding: 2px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
option { padding: 2px 8px 2px 2px; }
input { padding: 2px; }
input.button, input[type="submit"] { height: auto; padding: 2px 8px; border: 1px solid #fff; background: transparent; color: #fff; text-transform: uppercase; letter-spacing: 1px; }
input.button:hover { background: #0ff; }
input.upload, input[type="upload"] { height: 22px; border: 0; }
input.radio, input.checkbox, input[type="radio"], input[type="checkbox"] { margin: 1px 4px 1px 0; border: 0; vertical-align: middle; }
input.checkbox, input[type="checkbox"] { margin: 0 4px 0 0; padding: 0; vertical-align: middle; }
/* label { display: none; } */
input#s { width: 80px; }

.cb { clear: both; }
.special { color: #f00; }
.smaller-font { font-size: .9em; }
.smallest-font { font-size: .8em; }
.left { float: left; }
.right { float: right; }
.text-justify { text-align: justify; }
.align-right { text-align: right; }
.divider { margin: 12px 0; border-bottom: 1px solid rgba(0,0,0,.05); }

img { max-width: 100%; height: auto; }
.img-left, .alignleft { margin: 4px 12px 12px 0; background: #fff; border: 1px solid #c6c7c3; float: left; }
.img-right, .alignright { margin: 4px 0 12px 12px; background: #fff; border: 1px solid #c6c7c3; float: right; }
.aligncenter { margin: 4px auto 12px auto; background: #fff; border: 1px solid #c6c7c3; }

.div-img-left { margin: 0 12px 12px 0; padding-bottom: 6px; border-bottom: 1px solid rgba(0,0,0,.05); color: #777; font-size: .9em; line-height: 12px; float: left; }
.div-img-left img { border: 1px solid #c6c7c3; }
.div-img-left span { float: right; }

img.source-image { top: 0; left: 0; position: absolute; z-index: -1; }

#logo { width: 333px; height: 29px; margin: 42px 0 8px 36px; position: relative; }
#logo img { -webkit-filter: invert(1); filter: invert(1); }
#title { height: 22px; top: 106px; left: 712px; position: absolute; z-index: 5; }

/* nav */
#sidebar { width: 250px; margin: 28px 0 0 24px; padding: 12px 36px 8px 16px; position: relative; float: left; }
#sidebar ul { margin: 0; }
#sidebar li { list-style-type: none; }
#sidebar ul li { padding: 5px 0; margin: 0; font: 300 13px Lato, "Myriad Pro", sans-serif; color: #656262; letter-spacing: 2px; text-transform: uppercase; }
#sidebar ul li.current-menu-item > a, #sidebar ul ul li.current-menu-item > a, #sidebar ul ul li.current-page-ancestor > a { font-weight: 400; }
#sidebar ul li.current-menu-item li a { font-weight: normal; }
#sidebar ul li a { font: 400 13px Lato, "Myriad Pro", sans-serif; color: #121212; letter-spacing: 2px; text-transform: uppercase; text-decoration: none; }
.home #sidebar ul li a { color: #fff; }
#sidebar ul a:hover { color: #0ff; }

#sidebar ul ul.sub-menu { display: none; }
#sidebar ul li.current-menu-item > ul.sub-menu, #sidebar ul li.current-page-ancestor > ul.sub-menu { display: block; margin: 3px 0; padding: 4px 4px 0 8px; }
#sidebar ul li ul.sub-menu li { margin-bottom: 4px; padding: 0; font-weight: normal; text-transform: none; letter-spacing: 1px; }
#sidebar ul li ul.sub-menu li:last-of-type { margin-bottom: 8px; }
#sidebar ul ul.sub-menu li a { text-transform: none; }

#sidebar ul ul ul.sub-menu { padding: 1px 4px 0 16px !important; }
#sidebar ul ul ul li a { font: 300 12px Lato, "Myriad Pro", sans-serif; color: #656262; letter-spacing: 1px; text-transform: none; }

#sidebar ul li a[title~=Alphabet] { margin-top: 10px !important; color: #c734a5 !important; display: block; }
.home #sidebar ul li a[title~=Alphabet] { color: #ff0 !important; }

li.widget { margin: 0; padding: 0; }
h2.widgettitle { height: 0; margin: 0; padding: 0; }

/* content containers */
#content { width: calc(100% - 320px); max-width: 1000px; min-height: 400px; margin-top: 44px; padding-bottom: 50px; line-height: 1.6em; position: relative; float: left; }
#under-construction { width: 500px; height: 87px; top: 132px; left: 510px; font-size: 13px; position: absolute; z-index: 7; }

.wrapper { width: 100%; overflow: hidden; }
#inner-content { min-height: 360px; padding: 40px; background: #fff; color: #101010; position: relative; }
.home #inner-content { display: none; }

#home { /* width: 600px; */ position: relative; }
#home img.main, #home img.ngg-singlepic {  }
.home #logo img { -webkit-filter: invert(0); filter: invert(0); }

#photo { /* width: 600px;  */position: relative; }
#photo img.main, #photo img.ngg-singlepic {  }

#exhibition-image { width: 600px; margin: 0 1.5em 1em 0; float: left; }
#exhibition-details { margin-top: 4px; position: relative; }
.gallery-nav { margin: 8px 0; font-size: 12px; }

#narrow { width: 200px; margin: 34px 400px 0 0; position: relative; }
#narrow div.ngg-gallery-thumbnail-box { clear: both; }

#gallery { /* width: 700px; */ position: relative; }

/* content */
#content p { line-height: 1.6em; }
.press-details, .magazine-press { text-transform: capitalize; }
.embed-youtube { text-align: left !important; }
.embed-youtube, .embed-vimeo { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; margin-bottom: 16px; }
.embed-youtube iframe, .embed-vimeo iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* blog */
#sidebar2 { width: 200px; margin: 36px 0 16px; }
#sidebar2 h4 { margin: 20px 0 4px; font: 300 13px Lato, "Myriad Pro", sans-serif; letter-spacing: 1px; }
#sidebar2 h4:first-of-type { margin: 0 0 4px; }
#sidebar2 ul { margin: 8px 20px 0px 26px; }

body.archive h2, body.single h2 { margin-bottom: 30px; color: #999; text-transform: uppercase; font-size: 1.8em; }
body.single h2 a { color: #999; font-size: 1.0em; }
body.archive .post { margin-bottom: 60px; padding-bottom: 30px; border-bottom: 1px solid rgba(0,0,0,.05); }
.navigation { margin-bottom: 14px; }
.post { margin-bottom: 24px; padding-bottom: 14px; border-bottom: 1px solid rgba(0,0,0,.05); }
.post h3, .post h3 a { font: bold 17px/30px verdana, geneva, arial, sans-serif; }
.postmetadata { margin: 0 0 8px 0; padding: 4px 0; }
.postmetadata, .postmetadata span, .date { font-size: .9em; }
.entry { margin-top: 14px; }
.entry img { max-width: 100%; height: auto; margin: 10px 0; }
.entry iframe { margin: 10px 0; }

/* footer */
#copy { bottom: 14px; width: 100%; padding: 11px; font-size: 10px; color: #444; text-align: right; position: relative; }
#copy a:link, #copy a:visited { color: #65737c; }
#copy input.button { padding: 0 3px; color: #65737c; font-size: 10px; }

#search { padding: 6px 0 0; position: relative; }

/* visual form builder override */
.visual-form-builder fieldset { background: transparent; border-radius: 0; border: none; margin: 0; }
.visual-form-builder .vfb-legend { margin: 0; padding: 0; border-bottom: none; }
.visual-form-builder ul { margin: 0; padding: 0; font-size: 13px; }
label.vfb-desc { font-weight: normal; }
.visual-form-builder label, label.vfb-desc { padding-bottom: 0; color: inherit; }
.visual-form-builder .vfb-legend h3 { font-size: 13px; line-height: 1em; padding: 0 0 0 6px; }
input.vfb-large, select.vfb-large, textarea.vfb-textarea { width: 88%; }
input.vfb-text, textarea.vfb-textarea, select.vfb-select { padding: 2px; }

/* JetPack */
iframe.jetpack-likes-widget { height: 60px !important; }
div.sharedaddy div.sd-block { border-top: 0 !important; }

.socialmedia-buttons img { width: 18px !important; height: auto !important; }

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

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

}
@media only screen and (max-width: 640px) {
	#content, #sidebar, #exhibition-image { width: 100%; float: none; }
	#content, #inner-content { padding: 20px; }
	#logo { width: calc(100% - 80px); height: 29px; margin: 42px 40px 8px; }
	#logo img { max-width: 100%; }
	#sidebar ul li a { font: 400 16px Lato, "Myriad Pro", sans-serif; }
}