/* CSS Document */
@charset "UTF-8";
@viewport {
	width: device-width;
	height: device-height;
}

@font-face {
    font-family:Centra No2;
    src: url(/fonts/CentraNo2-Book.ttf);
	font-weight:normal;
}

@font-face {
    font-family:Centra No2;
    src: url(/fonts/CentraNo2-BookItalic.ttf);
	font-weight:normal;
	font-style:italic;
}

@font-face {
    font-family:Centra No2;
    src: url(/fonts/CentraNo2-Extrabold.ttf);
	font-weight:bold;
}

@font-face {
    font-family:Centra No2;
    src: url(/fonts/CentraNo2-ExtraboldItalic.ttf);
	font-weight:bold;
	font-style:italic;	
}



/* default all elements */
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 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  font: inherit;
  vertical-align: baseline;
  list-style:none;
  list-style-type:none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* Teaching ie html5 new elements. */
header, section, footer, aside, nav, main, article, figure {
    display: block; 
}

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

body {
	font-family:'Centra No2', sans-serif;
	font-size:1em;
	line-height: 1.75em;
    font-weight: normal;
  	letter-spacing: 0.025em; /* 16 * 0.0625 = 1px */
	color:#000;
	background:#f8f8f8; /* light grey */	
}

.clear { clear:both; }

p {
	/*font-size:.8em;*/
	font-size:1.25em;
	/*margin-bottom:1.75em;*/
	margin-bottom:1.25em;
}

b, strong { 
	font-weight:bold;
	/*font-size:.95em;*/
}

i, em { font-style:italic; }

h1 { 
	/*font-size:1.25em;*/
	font-size:2em;
	font-weight:normal;
	text-transform:uppercase;
}

h2 {
	/*font-size:1.15em;*/
	font-size:1.5em;
	font-weight:bold;
	margin-bottom:.75em;
}

h3 {
	/*font-size:.8em;*/
	font-size:1.2em;
	font-weight:bold;
	text-transform:uppercase;
	padding-top:.75em;
	margin-bottom:.5em;
}


.bulletpoints {
	font-size:1.2em;
	margin-top:.75em;
}

.bulletpoints li {
	list-style:disc;
	margin-left:1.5em;
	line-height:1.2em;
	margin-bottom:1em;
}
.about .bulletpoints {font-size:1em;}
.about .bulletpoints li {margin-bottom:1em;}
ol, ul {margin-bottom:2em;}
ol li {
	list-style:decimal;
	margin-left:1.5em;
	margin-bottom:.8em;
}
li { line-height:1.2em;}

a:link, a:visited {
	text-decoration:none;
	color:#000;
	border:none;
}

a:hover, a:active {
	text-decoration:none;
	color:#000;
	background:#EF008C; /* hot pink */
	border:none;
}

p a:link, p a:visited, .ways h3 a:link, .ways h3 a:visited {
	text-decoration:underline;
	-moz-text-decoration-color: #EF008C; /* hot pink */ /* Code for Firefox */
    text-decoration-color: #EF008C; /* hot pink */
}
p a:hover, p a:active, .ways h3 a:hover, .ways h3 a:active {
	color:#EF008C; /* hot pink */
	background:none;
	text-decoration:underline;
}

img.a { border:none; }
img { width:100%; }

.title { font-style:italic; }

.time {white-space:nowrap;}

.shadow {box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}

/* GENERAL HEADER */

#mainHeader {
	width:100%;
	position:fixed;
	top:0;
	left:0;
	margin:0;
	border:none;
	background:#FFF;
	line-height:1.1em;
	z-index:9000;
}


#logo {
	position:relative;
	margin-left:3%;
	margin-top:12px;
	margin-bottom:8px;
	width:28%;
	width:300px;
	height:auto;
	background:none;
	z-index:9500;
}
#logo a {background:none;}

#topNavMenu {
	float:right;
	width:100%;
	margin-right:3%;
	margin-top:-2em;
	z-index:9600;
}

#mainMenu {
	float:right;
	margin-bottom:5px;
	z-index:9700;
}

#mainMenu li {
	position:relative;
	float:left;
	display:inline;
	margin-left:20px;
	overflow:visible;
	font-size:1.2em;
	line-height:.9em;
	margin-bottom:.25em;
	font-weight:bold;
	/*text-transform:uppercase;*/
}
#mainMenu li a {
	display:block;
	padding:1px 2px;
}

#mainMenu li a:hover, #mainMenu li a:active {
	color:#EF008C; /* hot pink */
	background:none;
}

#mainMenu ul { /*subnav left align code */
	display: none;
    position: absolute;
	top:110%;
	right:0;
	margin-right:-10px;
	min-width:180px;
	width:auto;
	padding:10px;
	text-align:right;
	font-size:.8em;
	background:#fff;
	border:1px solid #000;
}
#mainMenu ul#subPrograms {min-width:220px;}

#mainMenu ul li {float:none;}
#topNavMenu ul li:hover > ul {display:block;}
#menu-icon, #menu-icon-x {display: none;}


#returnSpace {
	width:1px;
	height:1em;
	display:inline;
	float:left;
}
	
#socialIcons {
	position:absolute;
	top:10px;
	right:3%;
	z-index:9550;
}

#socialIcons li {
	float:left;
	display:inline;
	margin-left:20px;
}

#socialIcons li a img {
	width:16px;
	height:16px;
}
#socialIcons li.topSupport {
	font-weight:bold;
	margin-left:0;
	margin-right:25px;
}
#socialIcons li a { background:none; }
#socialIcons li.topSupport a:hover, #socialIcons li.topSupport a:active {
	color:#EF008C; /* hot pink */
	background:none;
}


/* List Nav Menus */

.listNav {
	width:100%;
	margin-top:1em;
	margin-bottom:1.1em;
}

.listNav li {
	width:100%;
	padding:.65em 0;
	border-bottom:1px solid #ccc;
	line-height:1.1em;
}
.listNav li:first-child {border-top:1px solid #ccc;}
.listNav li a {font-size:1.5em;}
.listNav .event {
	float:left;
	display:inline;
	width:50%;
	/*font-size:1.5em;*/
	line-height:1.25em;
}
.listNav .date {
	float:right;
	display:inline;
	width:47%;
	padding-top:.1em;
	/*font-size:.7em;*/
	line-height:1.25em;
}
.listNav .date .time {margin-left:10px;}


.pageNav { /*Artist Index and Past Exhibition top nav */
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:auto;
	padding-top:4rem;
	padding-top:5.5rem;
	padding-left:10%;
	padding-right:10%;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(248,248,248);
	/* RGBa with 0.6 opacity */
	background: rgba(248,248,248, 0.80);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3f8f8f8, endColorstr=#B3f8f8f8);
	filter: alpha(opacity=80);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3f8f8f8, endColorstr=#B3f8f8f8)";
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
	z-index:7000;
}

/* artist index subnav specific style */

.artistNav {
	width:auto;
	margin:auto;
	padding-top:1em;
	padding-left:5%;
	font-size: 1.2em;
	font-weight:bold;
}
.artistNav header {
	float:left;
	display:inline;
	margin-right:40px;
}

.artistNav li {
	float:left;
	display:inline;
	width:auto;
	padding:0 .25em;
	margin:0;
	border-bottom:none;
	letter-spacing:.25em;
}
.artistNav li a {background:none;}

.artistNav li a {
	opacity:0.4;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.artistNav li a:hover {opacity:1;}


/* Past Exhibition subnav specific style */

.yearNav {
	padding-top:1em;
	padding-bottom:1.5em; /*space for graphic */
}
.yearNav li {
	float:left;
	display:inline-block;
	width:8.5%;
	height:3em;
	padding:0;
	margin:0;
	border-bottom:3px solid #CCC;
	text-align:center;
}
.yearNav li.arrowhead {
	width:7.5%;
	margin:0;
	border-bottom:none;
}
.yearNav li.arrowhead img {
	width:1.625em;
	margin-top:2.15em;
}
.yearNav li#prevYY {text-align:right;}
.yearNav li#nextYY {text-align:left;}
.yearNav li a {background:none;}
.yearNav li a .year {
	font-size:1.2em;
	opacity:0.4;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.yearNav li a:hover .year {opacity:1;}
.yearNav li a .year::after { /* create graphic dots */
	content: "";
	display:block;
	opacity:1;
	width: 10px;
	height: 10px;
	background:#999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin:auto;
	margin-top:.25em;
	margin-bottom:0;
}

section .yearNav, .contentWrap.support .yearNav {border:none;} /* content area */
section .yearNav li, .contentWrap.support .yearNav li {height:3.5em;} /* content area */
section .yearNav li.arrowhead img, .contentWrap.support .yearNav li.arrowhead img {margin-top:2.65em;} /* content area */



/* OFFSET HEADER ANCHOR LINK */
.offset:before {
  content:"";
  display:block;
  position:relative;
  height:3em; /* fixed header height*/
  margin:-3em 0 0; /* negative fixed header height */
  opacity: .99;
  z-index:-1;
}


/* CONTENT AREA */


.contentWrap {
	position:relative;
	width:100%;
	min-height:620px;
	padding:5em 20% 40px 20%;
	/*background:#f8f8f8; /* light grey */
	z-index:1;
}
.contentWrap.home, .contentWrap.exhibition {padding:7em 3% 40px 3%;}
.contentWrap.home h1 {margin-bottom:20px;}
.contentWrap.home .date {font-size:1.2em;}
.contentWrap.home a h3.exType {margin:0; font-size:.9em;}
.contentWrap.home #homeSlides h3.exType { float:right; display:inline;}
.contentWrap.home #homeSlides .date {margin-top:.6em;}
.contentWrap.home a h2 { display:inline;}
.contentWrap.home a:hover h2 { background-color:#EF008C;} /* hot pink */

#homeSlides, #exSlides {
	float:right;
	display:inline-block;
	width:60%;
}
#homeEvents, #exHead, #pgHead, #exRelated {
	float:left;
	display:inline-block;
	width:30%;
}

#homeEvents ul li {
	padding:1em 0;
	border-top:1px solid #000;
}
#homeEvents ul:last-child {border-bottom:1px solid #000;}

 
.exText ol {font-size:1.25em;}
.exText ul {font-size:1.35em; padding-left:20px;}
.exText ul li { line-height:1em;list-style:disc; margin-bottom:.25em;}
.exText ol li { line-height:1.2em; margin-bottom:.75em;}

#exHead .exType {
	display:inline-block;
	padding:5px 10px 2px 10px;
	margin-bottom:20px;
	line-height:1em;
	color:#fff;
	background:#EF008C; /* hot pink */
}
#exHead h2 {font-size:1.6em;}
#exHead h2 .subTitle { font-weight:normal; font-size:.8em;}
/*#exHead h2,*/ #exHead .relatedEvents, #exHead .eventInfo {margin-bottom:3em;}
#exHead .relatedEvents {font-size:.9em;}
#exHead .aboutSpeaker {
	margin-top:-1em;
	/*margin-bottom:3em;*/
	line-height:1.2em;
}
#exHead .eventInfo {margin-top:3em;line-height:1.25em;}
#exHead .eventInfo h3 {font-size:1em;}
#exHead .eventInfo div h3 {margin-bottom:0;}
#exHead .eventInfo div {margin-bottom:1.5em;}
#exHead .eventInfo div .note {margin-bottom:10px;}
#exSlides {padding-top:1em;}



.contentWrap.withCover {
	position:relative;
	margin-top:400px;
	padding:4em 5% 80px 5%;
}
.contentWrap.withCover section {
	float:left;
	display:inline-block;
	width:47%;
}
.contentWrap.withCover section.submissions { width:60%;}
.contentWrap.withCover section.sideNav { width:34%;}
.contentWrap.withCover section.sideNav ul {margin-top:0; padding-top:0;}
.contentWrap.withCover section.intro, .contentWrap.withCover section.submissions {
	margin-right:6%;
}
.contentWrap.withCover section h3 {
	margin-top:0;
	padding-top:0;
}
/*.pulldownNav .event, .listNav .event {
	float:left;
	display:inline;
	width:60%;
}
.listNav .date { width:35%; }*/

section .yearNav {
	width:110%;
	margin-left:-5%;
}




.contentWrap.pastEx {
	margin-top:180px;
	padding:5em 10% 40px 10%;
	padding:3em 5% 40px 5%;
}	
.contentWrap.exThumbs {
	padding:5em 10% 40px 10%;
	min-height:620px;
}

.contentWrap h1 {
	margin-bottom:1.5em;
}
.contentWrap.exThumbs h1 {
	margin:1em 5% .5em 5%;
	text-align:right;
}

.contentWrap.artistList {
	padding:14em 0 3em 15%;
	min-height:620px;
}
.contentWrap.artistList .artistCol {
	float:left;
	display:inline-block;
	width:30%;
	margin-right:3.33%;
}
.contentWrap.artistList .artistCol li {
	/*font-size:.85em;*/
	font-size:1.25em;
	line-height:1em;
	margin-bottom:1.2em;
}

.contentWrap section {margin-bottom:5em;}
.contentWrap section ul li {
	font-size:.9em;
	line-height:1.75em;
	margin-bottom:.5em; 
}
.contentWrap section ul li .jobtitle {
	font-size:.75em;
	margin-right:1em;
}

.about {
	width:80%;
	margin:0 10%;
	padding-bottom:3em;
}
.about .jobpost {
	padding:3em 0;
	border-bottom:1px solid #EF008C; /* hot pink */
}
.about .jobpost:first-of-type {padding-top:0;}
.about .jobpost:last-of-type {border-bottom:none;}
.about .staff {
	float:left;
	display:inline-block;
	width:20%;
	margin-right:5%;
	margin-bottom:1em;
	font-size:1.3em;
	line-height:1em;
}
.about .staff img {margin-bottom:.5em;}
.about .staff figcaption {height:5em; font-size:.9em; font-weight:bold;}
.about .staff figcaption .jobtitle, .about .staff figcaption .contact {
	display:block; margin-top:.3em; margin-bottom:.3em; font-size:.8em; line-height:1em; font-weight:normal; 
}
.about .staff figcaption .contact {display:inline-block;}

.about ul li, .about ol li {
	font-size:1.25em;
	margin-bottom:5px;
}
.about ul li .jobtitle {
	font-size:.9em;
}
.about .press { clear:both; display:block; margin-bottom:1.5em;}
.about .press h2 { margin-bottom:0;}
.about .press a:hover h2 { background:#EF008C;} /* hot pink */
.about .press .source {font-style:italic; font-size:1.15em; margin-top:0;}
.about .press time {font-style:normal;}

.columns {
	font-size:.9em;
	margin-bottom:5em;
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-count: 3;
	-moz-column-gap: 5%;
	-webkit-column-gap: 5%;
	column-gap: 5%;
}

.about div {
	float:left;
	display:inline-block;
}

.about #map {
	width:55%;
	margin-right:60px;
}

.media {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	padding-top:0px;
	height: 0;
	margin-top:1em;
	margin-bottom:1.5em;
}

.media iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.caption {
	margin-top:-1em;
	margin-bottom:2em;
	line-height:1.2em;
	color:#666;
}
.bxslider .caption {margin-top:10px;}

.contentWrap.program #navBack {
	position:absolute;
	top:160px;
	left:6.25%;
}
#navBack a {
	font-size:.75em;
	font-size:1em;
	padding:1em 0 1em 3.25em;
	padding:1em 0 1em 35px;
	color:#999;
	background:url(img-base/arrow-prev-999.png) no-repeat left center;
	background-size:2.5em;
	background-size:1.75em;
	background-size:26px;
}
#navBack a:hover {
	color:#EF008C; /* hot pink */
	background:url(img-base/arrow-prev-pink.png) no-repeat left center;
	background-size:2.75em;
	background-size:1.75em;
	background-size:26px;
}

.browseEditions {
	display:block;
	margin-top:180px;
	padding:0 6.25%;
	text-align:center;
}
.navIndex {
	margin-top:1.5em;
	font-size:.75em;
	width:3.25em;
	padding:1.5em;
	background:url(img-base/icon-index-999.png) no-repeat center;
	background-size:2.25em;
}
.navIndex:hover {
	background:url(img-base/icon-index-pink.png) no-repeat center;
	background-size:2.25em;
}
.navPrev {
	float:left;
	display:inline;
	font-size:.75em;
	line-height:1.2em;
	text-align:left;
	padding:.5em 0;
	padding-left:3.25em;
	background:url(img-base/arrow-prev-999.png) no-repeat left center;
	background-size:2.5em;
}
.navPrev:hover {
	background:url(img-base/arrow-prev-pink.png) no-repeat left center;
	background-size:2.5em;
}
.navNext {
	float:right;
	display:inline;
	font-size:.75em;
	line-height:1.2em;
	text-align:right;
	padding:.5em 0;
	padding-right:3.25em;
	background:url(img-base/arrow-next-999.png) no-repeat right center;
	background-size:2.5em;
}
.navNext:hover {
	background:url(img-base/arrow-next-pink.png) no-repeat right center;
	background-size:2.5em;
}

.contentWrap.submission {
	padding-right:15%;
	padding-bottom:80px;
}
/*
.contentWrap.support {
	position:relative;
	min-height:50px;
	padding-left:15%;
	padding-right:10%;
	padding-bottom:0;
	z-index:1;
}*/

.contentWrap .instruction div {
	font-size:1.1em;
	margin-bottom:1.5em;
}
.contentWrap .instruction h3, .contentWrap.support .sidebar h3 {
	margin-top:0;
	padding:0;
	margin-bottom:.25em;
	font-size:.95em;
}
.contentWrap.submission .instruction div/*, .contentWrap.support .sidebar div*/ {margin-bottom:2em;}
/*.contentWrap.support .sidebar div {line-height:1.25em;}
.contentWrap.support .sidebar div:last-child {margin-bottom:.5em;}
.contentWrap.support .sidebar time {
	display:block;
	margin-bottom:.5em;
}
.contentWrap.support .sidebar .time {margin-left:20px;}
.contentWrap.support .sidebar .relatedEvents dd {margin-bottom:2em;}
*/

.contentWrap .instruction p {
	font-size:.98em;
	line-height:1.5em;
	margin-bottom:1em;
}
.contentWrap .instruction .note, #editionInfo .note {
	font-size:.9em;
	font-style:italic;
}
.btnLg, #homeEvents .btnLg, #exHead .btnLg, .sidebar .btnLg, .member .btnLg, 
.instruction .btnLg, #editionInfo .btnLg, .calevent .btnLg, #my-welcome-message .btnLg {
	display:inline-block;
	margin-top:2em;
	margin-bottom:2em;
	font-size:1em;
	line-height:1.5em;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	color:#EF008C; /* hot pink */
	padding:.5em 1em;
	border:2px solid #EF008C; /* hot pink */
	-webkit-transition: 250ms all;
    -moz-transition: 250ms all;
    -ms-transition:250ms all;
    -o-transition: 250ms all;
    transition: 250ms all; 
}
#my-welcome-message .btnLg {margin-bottom:0; font-size:.75em;}
#homeEvents .btnLg {margin:0; margin-top:.5em;}
#exHead .btnLg {margin:0; min-width:100px;}

.member .btnLg, #my-welcome-message .btnLg {
	color:#fff;
	background:#EF008C; /* hot pink */
}
#donate .btnLg {
	padding:.75em 1.5em;
	margin-top:.5em;
}
.btnLg:hover, #homeEvents .btnLg:hover, #exHead .btnLg:hover, .instruction .btnLg:hover, #editionInfo .btnLg:hover, .calevent .btnLg:hover, .btnSm:hover {color:#fff;background:#EF008C; /* hot pink */}
.member .btnLg:hover, #my-welcome-message .btnLg:hover {
	color:#EF008C; /* hot pink */
	background:#fff;
	border:2px solid #EF008C; /* hot pink */
}

.contentWrap.support section {
	padding:0;
	margin:0;
	margin-bottom:6em;
}

.contentWrap.withCover .memberships, .contentWrap.withCover .waysToGive { width:100%;}
.contentWrap.withCover .intro {margin-bottom:3em;}
.waysToGive {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	-moz-column-gap: 60px;
	-webkit-column-gap: 60px;
	column-gap: 60px;
	
}
.ways {
	-webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column;         /* IE 11 */
    display:table;                      /* Actually FF 20+ */
	margin-bottom:3em;
}
.ways h2 {font-size:1.5em; } 
.contentWrap.withCover .thumbWrap h2 {font-size:1.75em; text-align:left;} 
	
.member {
	padding:20px;
	border:1px solid #EF008C; /* hot pink */
	box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.2);
	text-align:center;
	margin-bottom:40px;
}
.member header {line-height:1.5em;} 
.member header h2 {
	font-size:1.3em;
	font-weight:bold;
	margin-bottom:0;
}
.member header .price {margin-top:.5em; font-size:1.5em; color:#EF008C; /* hot pink */}
.member ul, .member p {
	text-align:left;
}
/*
#donate .content {width:60%; margin-right:5%;}
#donate .sidebar {width:35%;}
#donate .message {font-size:1.35em;}
#donate .note {font-style:italic;}
*/

a.pdfLink:link, a.pdfLink:visited {
	display:block;
	margin-bottom:2em;
	font-size:1.1em;
	font-weight:bold;
	padding:1.2em 0 .8em 2.5em;
	background:url(/img-base/icon-PDF-000.png) no-repeat left center;
	background-size:2em;
	-webkit-transition: 250ms all;
    -moz-transition: 250ms all;
    -ms-transition:250ms all;
    -o-transition: 250ms all;
    transition: 250ms all; 
}
a.pdfLink:hover, a.pdfLink:active {
	color:#EF008C; /* hot pink */
	background:url(/img-base/icon-PDF-pink.png) no-repeat left center;
	background-size:2em;
}


dl.faqs dt {
	padding-top:1.5em;
	border-top:1px solid #EF008C; /* hot pink */
	font-size:1.2em;
	line-height:1.5em;
	font-weight:600;
}
dl.faqs dd {
	font-size:1.25em;
	line-height:1.5em;
	margin-top:1em;
	margin-bottom:1.5em;
}


.poster {
	width:100%;
	height:auto;
	margin:0;
	-webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
}


.exThumb, .thumbWrap {
	float:left;
	display:inline-block;
	margin:0 5% 0em 5%;
	width:40%;
	text-align:center;
}
.thumbWrap {
	font-size:.8em;
	line-height:1.2em;
}

.contentWrap.thumbs .exThumb {
	width:20.8%;
	min-height:16rem;
	margin:0 6.25% 1em 6.25%;
}
.contentWrap.thumbs .thumbWrap {
	width:20.8%;
	height:16rem;
	margin:0 6.25% 1em 6.25%;
}

.contentWrap.pastEx .exThumb {
	float:left;
	display:inline-block;
	margin:0 3% 30px 3%;
	width:27%;
	text-align:center;
}
.exThumb .thumb {
	display:table-cell;
	display: flex;
	width:100%;
	height:17em;
	overflow:hidden;
	text-align:center !important;
	vertical-align:middle; 
	margin-left:auto;
	margin-right:auto;
	justify-content: center;
  	align-items: center;
}
.contentWrap.pastEx .exThumb .thumb {
	height:12em;
	padding:0 5%;
}

.thumbWrap div {
	display:block;
	margin-bottom:.5em;
}
.thumbWrap .thumbArtist {
	font-size:.9rem;
	line-height:1rem;
	font-weight:bold;
}
.thumbWrap .thumbTitle {
	font-size:.9rem;
	line-height:1rem;
	font-style:italic;
}
.thumbYY {font-style:normal;}
.thumbWrap .thumbInfo {font-size:.9em;}

.thumb img {
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	margin:auto;
	margin-right: auto;
	margin-left: auto;
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
	
}
a:hover .thumb img {
	-webkit-filter: brightness(50%);
  	filter: brightness(50%);
}
.exThumb a:hover, .thumbWrap a:hover {background:none;}
.exThumb .exType {
	margin-top:.5em;
	margin-bottom:.5em;
	font-size:.9em;
	line-height:1em;
	color:#EF008C;
}
.exThumb .date {
	margin-top:.5em;
	margin-bottom:.5em;
	line-height:1.2em;
}
.exThumb .date .opening {display:block; /*color:#EF008C;*/}
.exThumb h2, .exThumb .exhibitionName {
	min-height:5em;
	font-size:1.25em;
	line-height:1em;
	overflow:scroll;
}
.contentWrap.exThumbs .exThumb h2 {
	font-size:1.5em;
	line-height:1.2em;
}
.exThumb h2, #exHead h2 {font-weight:normal;}
.exThumb h2 .title, #exHead h2 .title {font-weight:bold;}

.contentWrap.editions {
	padding:5em 6.25% 2em 6.25%;
}
.contentWrap.thumbs {
	padding:2em 0 2em 0;
}
.contentWrap.thumbs h2 {
	width:87.5%;
	margin:0 6.25%;
	margin-bottom:3em;
	font-size:.8em;
	font-weight:600;
	text-transform:uppercase;
	color:#999;
	border-top:1px solid #ccc;
}
.thumb a:hover img {
	-webkit-filter: brightness(50%);
  	filter: brightness(50%);
}
.thumb a:hover {background:none;}



#backdrop {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:400px;
	max-height:70%;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	z-index:-10;
}
.bxslider {background:#f8f8f8;} /* light grey */
.cover .bxslider, .features .bxslider {z-index:-10;}
.bx-wrapper .bx-pager {
	position:absolute;
	top:-30px;
	right:0;
	height:1px;
}
.bx-wrapper .bx-pager.bx-default-pager {margin-left:0;}
.cover .bxslider li {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	width:100%;
	height:600px;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}
.bxslider.bgLink li img.clearPic {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:600px;
	z-index:1000;
}
.bxslider li img {
	height:auto;
	width:auto;
	max-height:500px;
	max-width:99.5%;
	margin:0 auto;
	z-index:-1;
}
.cover .bxslider li img {
	height:90%;
	width:auto;
	max-height:90%;
	max-width:100%;
	margin:2em auto 0 auto;
	z-index:-1;
}

#backdrop h1 {
	position:absolute;
	right:6.25%;
	bottom:1em;
	color:#fff;
	text-shadow: 1px 1px 3px #333;
	z-index:1000;
}

.slider.cover h1 {
	position:absolute;
	right:6.25%;
	bottom:5em;
	color:#fff;
	z-index:1000;
}
	
.slider.features {background:#fff;}


.leftCol {
	float:left;
	display:inline-block;
	width:30%;
	margin-left:6.25%;
}
.rightCol {
	float:right;
	display:inline-block;
	width:50%;
	margin-right:6.25%;
	text-align:left;
}

.rightCol .relatedEvents {
	text-align:right;
	padding-right:2em;
	margin-bottom:2em;
}
.relatedEvents .date {line-height:1.25em;}
.relatedEvents dd {
	font-size:1.25em;
	line-height:1.25em;
	font-weight:bold;
	margin-bottom:1.5em;
}

.leftCol h3 {margin-top:4em;}

#exRelated .thumbWrap {
	display:block;
	width:100%;
	text-align:left;
	margin:0;
	margin-bottom:3em;
}
#exRelated .thumbWrap .thumb {
	width:70%;
	height:auto;
	text-align:left;
	margin:0;
	margin-bottom:.5em;
}
#exRelated .thumbWrap .thumb img {
	margin:0;
	max-height:200px;
}
#exRelated .sidePastExNav {
	font-size:1.1em;
	line-height:1em;
}
#exRelated .sidePastExNav li {margin-bottom:.25em;}
#exRelated .sidePastExNav li a:hover {background:#EF008C;}
	

/* Calendar */

#calendar {
	position:fixed;
	top:110px;
	left:5%;
	width:30%;
	box-sizing: border-box; /*padding and border included in the element's total width and height.*/
}

#calendar header {
     overflow: clear;
     position: relative;
}
#calendar h2 {
	 font-size:1.25em;
     font-weight: bold;
     margin: 0 0 10px;
     text-align: center;
}
#calendar .button {
	width: 24px;
    height: 24px;
    position: absolute;
    top: .25em;
	text-indent: -9999px;
	border:none;
}
#calendar .button:first-child {
      left: 0;
	  background: url('/img-base/arrow-prev-999.png') no-repeat;
	background-position:center;
	background-size:contain;
}
#calendar .button:last-child {
      right: 0;
	  background: url('/img-base/arrow-next-999.png') no-repeat;
	background-position:center;
	background-size:contain;
}
#calendar .button:first-child:hover {
      left: 0;
	  background: url('/img-base/arrow-prev-pink.png') no-repeat;
	background-position:center;
	background-size:contain;
}
#calendar .button:last-child:hover {
      right: 0;
	  background: url('/img-base/arrow-next-pink.png') no-repeat;
	background-position:center;
	background-size:contain;
}
	
#calendar table {
      background: #fff;
      border-collapse: collapse;
      color: #222;
	  font-size:1.25em;
      width: 100%;
}
#calendar td {
      border: 1px solid #ccc;
	  line-height:2em;
      text-align: center;
	  padding:2px 0;
}
#calendar tr:first-child td {font-weight: 400;}
#calendar .selected {
      background: #ccc;
	  font-weight:400;
	  -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}
#calendar .selected.past {background:#f2f2f2;}
#calendar .selected.multi {background:#dfdfdf;}
#calendar .selected:hover {
      background: #EF008C; /*green*/
	  font-weight:400;
}


.evListing {
	position:relative;
	width:47%;
	min-height:520px;
	margin-top:150px;
	margin-left:43%;
	margin-bottom:40px;
	padding:0;
}
.calevent {
	width:100%;
	padding:0;
	padding-bottom:1.5em;
}
.calevent:before { /*offset for fixed header */
	display: block; 
 	content: " "; 
  	height: 100px;      /* Give height of your fixed element */
    margin-top: -100px; /* Give negative margin of your fixed element */
	margin-bottom:1.5em;	
	border-bottom:1px solid #ccc;
}
.calevent .eventThumb {
	float:left;
	display:inline;
	width:30%;
	margin:0 10% 2em 0;
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.calevent a:hover .eventThumb {
	-webkit-filter: brightness(50%);
  	filter: brightness(50%);
}
.calevent .eventInfo {margin-left:40%;}
.calevent .eventInfo h2 {
	font-size:1.5em;
	line-height:1.2em;
	margin-bottom:0.5em;
}
.calevent .eventInfo .subtitle {
	display:block;
	margin-top:-.25em;
	margin-bottom:.5em;
}
.calevent .date {
	font-size:1.1em;
	margin-bottom:.25em;
	font-weight:bold;
}
/*.calevent .time {margin-left:20px;}*/
.calevent .cost {
	font-size:1.25em;
	line-height:1.25em;
	margin-bottom:.5em;
}
.calevent .venue h3 {
	font-size:.85em;
	line-height:1.2em;
	margin-bottom:.5em;
}
.calevent h3.eventType {
	float:right;
	display:inline-block;
	width:60%;
	font-size:1em;
	line-height:1em;
	font-weight:bold;
	padding:0;
	margin-bottom:1em;
	color:#EF008C; /* hot pink */
}
.calevent .venue {
	font-size:1.1em;
	line-height:1.25em;
	margin-bottom:1.5em;
}
.calevent .subtitle {
	margin-top:-1em;
	font-size:1.1em;
	line-height:1.25em;
	margin-bottom:1em;
	width:100%;
}
.calevent .btnLg {
	padding:.1em 1em 0em 1em;
	margin-top:0em;
	margin-bottom:.5em;
	font-size:1.2em;
	font-weight:bold;
}
.calevent .eventTxt {margin-top:1em;}
.calevent p, .calevent ul {margin-bottom:.75em;}
.calevent ul li {
	font-size:1.1em;
	line-height:1.25em;
	margin-bottom:.25em;
}



/* FOOTER AREA */

footer {
	width:100%;
	padding:20px 3%;
	font-size:1.1em;
	line-height:1.2em;
	background:#ddd; /*grey*/
}
.footerHours {margin-bottom:20px;}
.footerInfo {
	float:left;
	display:inline-block;
	margin-right:20px;
	padding-right:20px;	
	border-right:1px solid #000;
	font-size:.8em;
	line-height:.85em;
}

#footerMailing {float:right; display:inline; font-weight:bold;}
#footerMailing a {
	padding-left:40px;
	background:url(/img-base/icon-mail-000.png) center left no-repeat;
	background-size:contain;
}
#footerMailing a:hover {
	background-image:url(img-base/icon-mail-pink.png);
	color:#EF008C;
}

#freckles {
	float:right;
	display:inline-block;
	font-size:.8em;
	line-height:.85em;
}



/* Scroll to Top */

.scrollup {
    width: 30px;
    height: 30px;
    position: fixed;
    bottom: 15%;
    right: 2.5%;
    display: none;
    text-indent: -9999px;
	background: url('/img-base/arrow-up-000.png') no-repeat;
	background-position:center;
	background-size:contain;
	z-index:9500;
}

.scrollup:hover {
	width: 30px;
    height: 30px;
	background:url('/img-base/arrow-up-pink.png') no-repeat;
	background-position:center;
	background-size:contain;
}

/* Tooltip */
.hotspot:hover {
	cursor:pointer;
	background:#EF008C; /* hot pink */
}
#tt {
	position:absolute; 
	display:block;
	padding:0;
	margin:0;
	z-index:500;
}

/* First Visit Popup Message */
#fvpp-blackout {
	display: none;
	z-index: 499;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #000;
	opacity: 0.5;
}

#my-welcome-message {
	display: none;
	z-index: 999;
	position: fixed;
	width: 36%;
	left: 32%;
	top: 25%;
	padding: 20px 2%;
	background: #FFF;
}

#fvpp-close {
	position: absolute;
	top: 10px;
	right: 20px;
	cursor: pointer;
	background:none;
}
#fvpp-close:hover {color:#EF008C;} /* hot pink */

#fvpp-dialog h2 {
	font-size: 2em;
	margin: 0;
}

#fvpp-dialog p {margin: 0;}
#my-welcome-message h2 {margin-top:20px;}

@media 
only screen and (max-width: 1020px) {
/* For PHONE layouts */ 
/* For Tablet vertical slideshow, was 800px */

#logo {
	width:30%;
	margin-top:18px;
	margin-bottom:8px;
}

#menu-icon, #menu-icon-x {
	display:block;
	position:fixed;
	top:5px;
	top:1.25em;
	right:6.25%;
	width: 28px;
	height: 28px;
	z-index:8000;
	z-index:-1;
}
#menu-icon-x {z-index:9999;}
#topNavMenu {
	clear:both;
	position:fixed;
	top:3.75em;
	right:3%;
	width:auto;
	height:auto;
	max-height:90%;
	margin:0;
	padding:20px;
	background:#FFF; 
	border:1px solid #000;
	overflow:scroll;
	z-index:9990;
}
#topNavMenu ul {clear:both; text-align:left; }
#mainMenu {float:left;}
#mainMenu li {
	clear:both;
	display:block;
	position:relative;
	margin: 0; 
	padding:0;
	font-size: 1.2em;
	line-height:1em;
	margin-bottom:.75em;
}
#mainMenu ul { /*subnav new code */
    position:static;
	top:0;
	left:0;
	border:none;
	margin:0;
	margin-left:0;
	width:200px;
	font-size:.8em;
	margin-bottom:-.5em;
}

#socialIcons {
	position:relative;
	margin-left:-1px;
	margin-bottom:0;
}
#socialIcons li {
	margin-left:0;
	margin-right:12px;
}
#socialIcons li:last-of-type {
	margin-right:0;
}
#socialIcons li a img {
	width:20px;
	height:20px;
}
#returnSpace {
	width:100%;
	clear:both;
	display:block;
}

#topNavMenu { display: none; }
#topNavMenu:target { display: block; }

.yearNav {
	width:120%;
	margin-left:-10%;
}
.artistNav {
	padding-top:1em;
	padding-left:0;
}
.artistNav header {
	clear:both;
	display:block;
	width:100%;
	margin-left:.25em;
	margin-bottom:.5em;
}
.artistNav li {
	padding:0 .25em;
	letter-spacing:.25em;
}
.listNav .event {width:55%;}
.listNav .date {width:42%;}

.columns {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-gap: 20px;
	column-gap: 20px;
}

.about {
	width:94%;
	margin:0 1% 0 5%;
}
.about div {clear:both;}
.about ul li {line-height:1em; margin-bottom:10px;}
.about #map {
	width:90%;
	margin-right:0;
}
.about .staff {
	width:28%;
	margin-right:5%;
}
.about .staff figcaption {height:5.5em;}


.slider.cover h1 {
	top:540px;
	color:#fff;
}

.contentWrap {
	padding:4em 17% 2em 20%;
	min-height:760px;
}

.contentWrap.artistList, .contentWrap.exThumbs {
	min-height:760px;
}

.contentWrap.withCover {
	padding:4em 15% 40px 15%;
	min-height:360px;
}
.contentWrap.withCover section {
	clear:both;
	display:block;
	width:100%;
	margin-right:0;
}
.contentWrap.withCover section.intro, .contentWrap.withCover section.submissions, .contentWrap.withCover section.sideNav {
	width:100%;
	margin-right:0;
}

.contentWrap.program {padding-right:15%;}
.contentWrap.program h1, .contentWrap.program .aboutSpeaker {width:100%;}
.contentWrap.program .eventInfo {
	position:absolute;
	position:static;
	top:0;
	left:0;
	margin-right:0;
	margin-bottom:3em;
}
.contentWrap.program .eventInfo .date {	
	float:left;
	display:inline-block;
	width:25%;
	margin-right:3%;
}
.contentWrap.program .eventInfo .cost {
	float:right;
	display:inline-block;
	width:25%;
	margin-top:.5em;
	padding:0;
}
.contentWrap.program .eventInfo .venue {
	float:left;
	display:inline-block;
	width:40%;
	margin-right:3%;
	margin-top:0;
}

.contentWrap.submission .content {
	clear:both;
	display:block;
	width:100%;
	margin-right:0%;
}
.contentWrap.submission .instruction {
	clear:both;
	display:block;
	width:100%;
	margin-right:0;
}

.contentWrap.exThumbs {padding:4em 0% 1em 0%;}
.contentWrap.pastEx {padding:3em 3% 40px 3%;}
.exThumb .thumb {height:14em;}
.contentWrap.pastEx .exThumb .thumb { padding:0;}

.contentWrap.thumbs .exThumb, .contentWrap.thumbs .thumbWrap {
	width:30%;
	min-height:20rem;
	margin:0 10% 40px 10%;
}
.contentWrap.thumbs .exThumb .thumb, .contentWrap.thumbs .thumbWrap .thumb {height:14rem;}

.contentWrap.withCover.support {padding:4em 10% 40px 10%;}

.waysToGive {
	-moz-column-count: 1;
	-webkit-column-count: 1;
	column-count: 1;
	-moz-column-gap: 0;
	-webkit-column-gap: 0;
	column-gap: 0;
	
}
.member {
	clear:both;
	display:block;
	width:95%;
	min-height:0;
	height:auto;
	padding-bottom:30px;
}


#calendar {left:5%;}
#calendar.smaller {top:200px;}
#calendar h2 {font-size: 16px;}
#calendar .button {
	width: 20px;
    height: 20px;
     top: 0;
	 z-index:7000;
}
#calendar .button:first-child {left: -10px;}
#calendar .button:last-child {right: -10px;}

.evListing {
	width:55%;
	min-height:720px;
	margin-left:40%;
}
.calevent .eventThumb {
	width:35%;
	margin:0 5% 2em 0;
}
.calevent .time {
	display:block;
	margin-left:0;
}


#footerMailing {
	float:none;
	clear:both;
	display:block;
	margin-bottom:1em;
}
.footerInfo {margin-bottom:15px;}
#freckles {float:left;}

.scrollup {
    bottom: 22%;
    right: 3%;
}

#my-welcome-message {
	width: 50%;
	left: 25%;
}

}

@media only screen and (max-device-width: 700px) {
/* For PHONE layouts */

#logo {margin-top:10px;}
#menu-icon, #menu-icon-x {
	top:10px;
	right:20px;
}

#topNavMenu {
	top:3.25em;
	right:5%;
	width:auto;
	height:auto;
	max-height:90%;
	margin:0;
	padding:20px;
	background:#FFF; 
	border:1px solid #000;
	overflow-y: scroll;
	overflow: -moz-scrollbars-vertical;
	overflow: scroll;
}
#mainMenu {
	float:left;
	margin-bottom:6px;
}

#topNavMenu ul {clear:both; }
#mainMenu li {
	clear:both;
	display:block;
	position:relative;
	margin: 0; 
	padding:0;
	font-size: 1.2em;
	line-height:1em;
	margin-bottom:.75em;
}
#mainMenu ul {
	font-size:.8em;
	font-weight:normal;
	padding-top:1em;
	padding-bottom:0;
	margin-bottom:0;
}

#socialIcons {
	position:relative;
	padding-bottom:20px;
}
#socialIcons li {
	margin-left:0;
	margin-right:20px;
}
#socialIcons li a img {
	width:20px;
	height:20px;
}

#mainMenu ul { /*subnav new code */
    position:static;
	top:0;
	left:0;
	border:none;
	margin:0;
	margin-left:0;
	width:200px;
}


#topNavMenu { display: none; }
#topNavMenu:target { display: block; }

.pageNav {
	padding-top:3.5em;
	padding-left:5px;
	padding-right:0;
	padding-bottom:0;
}
.yearNav {
	width:100%;
	padding-top:1.5em;
	padding-bottom:0;
	margin:0;
	font-size:1em;
}

.eventsCol .yearNav {padding-left:10px;}

.yearNav li {
	width:auto;
	height:2em;
	margin-right:1em;
	border-bottom:none;
	text-align:left;
}

.yearNav li.arrowhead {width:2.25em; margin:0;}
.yearNav li.arrowhead img {width:20px; margin-top:0;}
.yearNav li#prevYY {text-align:left; margin-right:10px;}
.yearNav li#nextYY {text-align:right;}
.yearNav li a .year::after {display:none;} /* remove graphic dots */

section .yearNav, .contentWrap.support .yearNav {margin-bottom:1.5em;}/* content area */
section .yearNav li, .contentWrap.support .yearNav li {height:2em;} /* content area */
section .yearNav li.arrowhead img, .contentWrap.support .yearNav li.arrowhead img {margin-top:0.25em;} /* content area */

.listNav, .artistPanel {
	position:relative;
	top:-1.8em;
	padding-top:0;
	font-size:.9em;
}
.artistPanel {
	position:absolute;
}
.listNav { margin-bottom:.5em; }



.offset:before {
  content:"";
  display:block;
  height:100px; /* fixed header height*/
  margin:-100px 0 0; /* negative fixed header height */
}

#backdrop {
	height:200px;
}
#backdrop h1 {
	bottom:.5em;
}
.slider.cover {	
	height:300px;
}
.slider.cover h1 {
	top:360px;
	color:#fff;
}


.contentWrap {
	margin-top:0px;
	padding:2em 12% 1em 20%;
	min-height:300px;
}
.contentWrap.home, .contentWrap.exhibition {padding-top:5em;min-height:300px;}

.contentWrap.withCover {
	margin-top:200px;
	padding-top:1em;
	min-height:220px;
}
.contentWrap.pastEx { width:94%;margin-left:3%;min-height:300px;}
.contentWrap.exThumbs {min-height:300px;}
.contentWrap.artistList {
	margin:0;
	margin-top:7em;
	padding:1em 0 1em 5%;
	min-height:300px;
}
.contentWrap.artistList .artistCol li {
	font-size:1.2em;
	line-height:1.25em;
	margin-bottom:1em;
}

.contentWrap h1 {margin-bottom:1em;}

.contentWrap.program {
	padding-top:3em;
	padding-bottom:3em;
}

.contentWrap.program #navBack {
	position:absolute;
	top:80px;
	left:3%;
}


#navBack a {
	width:100%;
	padding:.25em 0em .25em 2em;
	color:#999;
	background:url(img-base/arrow-prev-999.png) no-repeat center left;
	background-size:2.5em;
	background-size:26px;
}
#navBack a:hover {
	color:#EF008C; /* hot pink */
	background:url(img-base/arrow-prev-pink.png) no-repeat center left;
	background-size:2.75em;
	background-size:26px;
}


#exHead .eventInfo {margin-top:1.5em;}
#exHead .eventInfo div {margin-bottom:.5em;}

.contentWrap section, .contentWrap .about {margin-bottom:3em;}
.contentWrap section ul li, .contentWrap .about ul li {
	line-height:1.75em;
	margin-bottom:1em;
}

.about {padding-bottom:1em;}
.about .press {width:95%;font-size:.9em; line-height:1.5em; margin-bottom:2em;}
.columns {
	-moz-column-count: 1;
	-webkit-column-count: 1;
	column-count: 1;
}
.about ul.columns li {line-height:1em; margin-bottom:.5em;}
.contentWrap .about ul li .jobtitle {
	display:block;
	margin-bottom:0;
	line-height:1em;
}

.about #map {
	width:100%;
	margin-right:0;
	margin-left:-15px;
}
.about .staff {
	width:40%;
	margin-right:10%;
}
.about .staff figcaption {height:5.5em;}


.navPrev {
	display:flex;
	min-height:2em;
	max-width:45%;
	vertical-align:middle;
}
.navNext {
	display:flex;
	min-height:2em;
	max-width:45%;
	vertical-align:middle;
}
.navIndex {width:9.5%;}


.bx-wrapper .bx-pager.bx-default-pager {margin-left:6%;}

.cover .bxslider li, .features .bxslider li, .features .bxslider li figure {
	height:400px;
	height:300px;
}
.features .bxslider li figure {
	height:400px;
	height:300px;
	padding-top:4.25em;
}
.features .bxslider li img {
	height:80%;
	width:auto;
	max-height:80%;
	max-width:100%;
	margin:2em auto 1em auto;
}
.features .bxslider li figure figcaption {
	bottom:5px;
	font-size:.75em;
	line-height:1.25em;
}

.cover .bxslider li .slideinfo {
	position:absolute;
	right:20px;
	bottom:30px;
	padding:.5em .75em;
	border-right:10px solid #EF008C; /* hot pink */
}

.slideinfo .date {font-size:.8em;}
.slideinfo .headline {
	font-size:1em;
	line-height:1.1em;
	font-weight:bold;
}
.slideinfo .title {
	font-size:1em;
	line-height:1.1em;
	font-weight:bold;
	margin-top:.25em;
}

.member ul, .member ul li {
	padding:0;
	margin-bottom:.5em;
}


#calendar, .evListing {
	position:relative;
	display:block;
	margin-top:0;
	width:85%;
	min-height:10em;
	margin-left:20px;
	padding-right:0;
}
.evListing { margin-left:40px;}
#calendar header {width:95%;}
#calendar header h2 {font-size:1.25em;}
#calendar .button {
	width: 30px;
    height: 30px;
}
#calendar table {display:none;}

.calevent .eventThumb {
	width:25%;
	margin:0 8% 2em 0;
}
.calevent .eventInfo {margin-left:33%;}



.scrollup {
    bottom: 8%;
    right: 6%;
}

}


@media only screen and (max-device-width: 700px) and (orientation:landscape) {
/* For PHONE landscape layouts */

.yearNav li.arrowhead {width:1.5em;}

.artistNav {
	padding-left:3%;
}
.artistNav header {
	float:left;
	display:inline;
	width:auto;
	margin-right:20px;
	font-size:.8em;
}
.artistNav li {
	padding:0 .2em;
	letter-spacing:.2em;
}

.listNav li {padding:.5em 0;}
.listNav .event {width:52%;}
.listNav .date {width:45%;}

.navIndex {
	margin-left:45%;
	margin-right:45%;
}
.navPrev {
	margin-top:-2em;
	padding-top:.25em;
}
.navNext {
	margin-top:-2em;
	padding-top:.25em;
}

.cover .bxslider li {height:300px;}
.cover .bxslider li {height:300px;}
.features .bxslider li {height:360px;}
.features .bxslider li figure {
	height:360px;
	padding-top:1em;
}
.slider.cover h1 {top:260px;}
#backdrop {height:140px;}

.contentWrap.withCover {
	margin-top:140px;
	padding-top:1em;
}
.contentWrap.exThumbs {
	padding:0;
	padding-bottom:20px;
	margin:0;
	margin-top:3em;
}
.contentWrap.exThumbs h1 {
	margin:0;
	margin-bottom:.25em;
}
.contentWrap.exThumbs .exThumb {
	width: 45%;
	margin:0 1%;
	width:48%;
	font-size:.9em;
}
.contentWrap.exThumbs .exThumb .thumb {
	height:14em;
	padding:0 3%;
}
.contentWrap.exThumbs .exThumb .date {margin-bottom:.2em;}
.contentWrap.exThumbs .exThumb h2 {
	font-size:1.1em;
	min-height:4em;
}


.contentWrap.pastEx {
	width:100%;
	padding:0 10px;
	padding-bottom:20px;
	margin:0;
	margin-top:7em;
}
.contentWrap.pastEx .exThumb {
	width:30%;
	margin:0 1.66%;
	font-size:.8em;
}
.contentWrap.pastEx .exThumb .thumb {
	min-height:8em;
	padding:0 7%;
}
.contentWrap.pastEx .exThumb h2 {
	height:5em;
}


#givingType .member h2 {
	font-size:1em;
	line-height:1.25em;
}

#credits div {
	float:left;
	display:inline;
	margin-right:20px;
}


.footerInfo, #freckles {line-height:.9em; margin-bottom:4px;}

.scrollup {right: 10px;}

#my-welcome-message {
	width: 86%;
	left: 7%;
	top: 25%;
	padding: 20px;
}

}



@media only screen and (max-device-width: 570px) and (orientation:portrait) {
/* For PHONE portrait layouts */

#logo {
	left:0px;
	width:50%;
}

#homeSlides, #homeEvents, #exHead, #pgHead, #exSlides, #exRelated {
	clear:both;
	display:block;
	width:100%;
	margin-left:0;
}
#exHead .exType, #pgHead .exType {margin-top:0;}
#exHead, #pgHead {margin-bottom:20px;}
#exSlides {padding-top:0;}
.bxslider li img {max-height:400px;}

.artistNav header {
	float:left;
	display:inline;
	width:auto;
	margin-right:10px;
	font-size:.8em;
	line-height:.8em;
	margin-bottom:0;
	padding-top:.5em;
}
.contentWrap.artistList .artistCol {
	clear:both;
	display:block;
	width:88%;
	margin-left:15%;
	margin-bottom:2em;
}
.listNav .event {width:60%;}
.listNav .date {width:35%;}
.listNav .date .time {display:block; margin-left:0;}


.features .bxslider li {height:400px;}
.features .bxslider li figure {
	height:400px;
	padding-top:4.25em;
}
.features .bxslider li img {
	height:78%;
	width:auto;
	max-height:78%;
	max-width:100%;
	margin:2em auto 1em auto;
}

.rightCol, .leftCol {
	clear:both;
	display:block;
	width:75%;
	margin-left:17%;
	margin-right:8%;
}
.rightCol .relatedEvents {
	width:105%;
	text-align:left;
}
.leftCol {text-align:center;}
.leftCol .thumbWrap {text-align:center;}
.leftCol .thumbWrap .thumb {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}



.contentWrap.program #navBack {left:5px;}

.browseEditions {
	margin-top:120px;
	text-align:left;
}
.navIndex {
	display:block;
	margin-top:0;
	width:9.5%;
	padding:1.2em;
}
.navPrev {max-width:48%;}
.navNext {max-width:48%;}


.contentWrap.exThumbs, .contentWrap.pastEx {
	padding:0;
}
.contentWrap.exThumbs h1 {
	margin:0;
	padding:0;
	width:120%;
	margin-left:-10%;
	margin-top:.5em;
	margin-bottom:1em;
	text-align:center; 
}
.contentWrap.exThumbs .exThumb {
	clear:both;
	margin:0 5% 1em 5%;
	width:90%;
}
.contentWrap.exThumbs .exThumb .thumb {height:auto;}
.contentWrap.exThumbs .exThumb h2, .exThumb .exhibitionName {
	height:auto;
	margin-bottom:1.5em;
}
.contentWrap.exThumbs .exThumb h2, .contentWrap.exThumbs .exThumb .date {
	width:120%;
	margin-left:-10%;
}

.contentWrap.pastEx .exThumb {
	width:44%;
	margin-bottom:.25em;
	font-size:.8em;
}
.contentWrap.pastEx .exThumb .thumb { height:10em;}
.contentWrap.pastEx .exThumb h2 { height:5em;}


.contentWrap.thumbs .exThumb, .contentWrap.thumbs .thumbWrap {
	width:70%;
	height:auto;
	padding:0;
	margin:0 15% 2rem 15%;
}
.contentWrap.exThumbs {padding-top:2em;}
.contentWrap.thumbs .exThumb .thumb, .contentWrap.thumbs .thumbWrap .thumb {
	height:14rem;
}
.contentWrap.thumbs .exThumb .exhibitionName {
	height:auto;
}

.contentWrap.withCover, .memberships {width:100%; padding-left:10px; padding-right:5px;}
.wayso {width:100%;padding:15px 10px;}
.intro {width:100%;padding:15px 0px;}
.member {width:90%; margin-left:15px;}

.contentWrap.withCover .thumbWrap {
	clear:both;
	display:block;
	width:100%;
	margin:0;
	padding:15px 10px;
	padding-right:10%;
}
.contentWrap.withCover h1, .contentWrap.withCover section {padding:0 10px;}
.contentWrap.withCover .about h1 {padding:0;}
.waysToGive {margin:0; padding:0 10px;}
.intro {margin-bottom:0; padding:0 10px;}
.ways {padding-bottom:0;}



.evListing {
	width:90%;
	min-height:320px;
	margin-left:20px;
	padding-right:0;
}

.calevent .eventThumb {
	clear:both;
	display:block;
	width:50%;
	margin:0 10% .75em 0;
}
.calevent h3.eventType {
	clear:both;
	display:block;
	width:100%;
}
.calevent .eventInfo {
	clear:both;
	display:block;
	width:100%;
	margin-left:0%;
}



.footerInfo, #freckles {border:none; font-size:.75em; line-height:.9em; margin-bottom:4px; margin-right:10px; padding:0;}
#footerMailing:after {clear:both;}


.scrollup {right: 5px;}


#my-welcome-message {
	width: 86%;
	left: 7%;
	top: 20%;
	padding: 20px;
}
}

@media only screen and (max-device-width: 480px) {
/* small phone */

.bxslider li img {max-height:300px;}
.contentWrap.artistList { margin-top:9em;}
.contentWrap.artistList .artistCol {
	clear:both;
	display:block;
	width:88%;
	margin-left:15%;
	margin-bottom:2em;
}
#exhibitionHead {padding:.5em;}

.slideinfo .headline, .slideinfo .title {font-size:.9em;}
	
}

@media all and (min-width: 900px) {
.member.top {position:relative; text-align:left; width:97%;}
.member.top header {
	float:left;
	display:inline-block;
	width:20%;
	line-height:1.5em;
}
.member.top .bulletpoints {float:left; display:inline-block; width:50%; margin:0; margin-right:10%;} 
.member.top .btnLg {
	position:absolute;
	top:0;
	right:40px;
}
.memberships .member { /* original membership style */
	float:left;
	display:table-cell;
	width:30%;
	min-height:38em;
	margin-right:3%;
	margin-bottom:2em;
}

.membershipsCols .member { /* new 4 columns memberships */
	float:left;
	display:table-cell;
	width:22%;
	margin-right:3%;
}
}

@media all and (min-width: 1200px) {

.contentWrap.pastEx {
	padding:5em 10% 40px 10%;
	padding:3em 5% 40px 5%;
}

.exThumb .thumb { height:20em; }
.contentWrap.pastEx .exThumb .thumb {
	height:15em;
	padding:0 5%;
}
.artistNav li {
	padding:0 .25em;
	letter-spacing:.35em;
}
.listNav .event {width:55%;}
.listNav .date {width:40%;}

.cover .bxslider li, .features .bxslider li {height:660px;}
.features .bxslider li img {
	height:90%;
	max-height:90%;
	width:auto;
	margin:2em auto 1em auto;
}


}

@media all and (min-width: 1250px) {
/* Computer Large screen */
.artistNav li {
	padding:0 .25em;
	letter-spacing:.5em;
}
}

@media all and (min-width: 1300px) {
/* Computer Large screen */
#logo {
	margin-top:20px;
	margin-left:5%;	
	width:23%;
}

#topNavMenu {
	margin-right:5%;
	margin-top:-2em;
}

#mainMenu li { margin-left:40px; }
#mainMenu ul { 
	top:110%;
	left:-50%;
	min-width:12em;
}

#socialIcons { right:5%; }
#socialIcons li { margin-left:15px;}

}

@media all and (min-width: 1600px) {
/* Computer Large screen */
#logo { 
	width:20%;
	margin-top:25px;
	margin-left:8%;
}
#topNavMenu { 
	margin-right:8%; 
}
#topNavMenu li {margin-left:60px;}
#topNavSmall { top:15px;right:8%; }
#socialIcons { top:15px;right:8%; }
#socialIcons li { margin-left:24px;}


.cover .bxslider li, .features .bxslider li {height:900px;}
.features .bxslider li figure {height:900px;}


.contentWrap {min-height:900px;}

.pageNav { padding-top:6rem; }
.pageNav .yearNav { padding-left:5%; padding-right:5%; }


.contentWrap.exThumbs {
	padding:5em 10% 40px 10%;
	padding:5em 12% 40px 12%;
	min-height:900px;
}
.contentWrap.pastEx {padding-top:7em;min-height:900px;}
.exThumb .thumb {height:22em;}
.contentWrap.exThumbs .exThumb .thumb { height:26em; }
.contentWrap.exThumbs h1, .contentWrap .pastEx h1 {
	margin-top:1.5em;
	margin-left:10%;
	margin-right:10%;
	margin-bottom:1.5em;
}
.contentWrap.exThumbs h2 {
	font-size:1.75em;
	line-height:1.25em;
	height:4em;
}
.artistNav li {
	padding:0 .25em;
	letter-spacing:.75em;
}



#calendar {
	top:150px;
	left:8%;
	width:30%;
}
#calendar td {padding:.75em 0;}
.evListing { width:46%; margin-left:46%; min-height:900px;}



}


/* Clear Fix */
#topNav::after, #topNavMenu::after, #socialIcons::after, .listNav li::after, .yearNav::after, .artistNav::after, .subNav::after, .contentWrap::after, .about::after, #footerinfo::after, #contact::after, .eventInfo::after, .exThumbs::after, .pastEx::after, .thumbs::after, .bulletpoints::after, .browseEditions::after, .contentWrap.exPage header::after, .eventInfo::after, .contentWrap.exThumbs::after, .member:last-child:after, .member.top .memberNote:after, .footerHours::after,  #freckles::after, footer:before {
  content: "";
  display: table;
  clear: both;
}