#header #emergency .contain {
padding: 10px 40px 13px;
}
#content .contain {
padding: 50px 40px;
}
#support .contain {
grid-template-columns: 1fr;
grid-template-rows: auto;
column-gap: 40px;
row-gap: 20px;
grid-template-areas: 
"support"
"connect"
"volunteer";
}
.vrtwo, .vr {
display: none;
}
#footer .contain {
padding: 40px;
}
#footer .contain > ul > li {
width: 33%;
}
#subfooter ul {
display: block;
border-right: none;
}
#subfooter ul li {
padding: 0;
}
#carousel .slide {
padding-bottom: 150%;
}
#pitch .contain {
padding: 50px;
grid-template-columns: 1fr;
grid-template-rows: auto;
row-gap: 30px;
column-gap: 70px;
grid-template-areas: "contact""minibio";
}
#pitch .contain .contact {
text-align: center;
}
#discover h2 {
font-size: 5em;
}
#frblog .blogpost {
width: 98%;
}
#discover .disblock {
width: calc(100% - 2px);
margin-bottom: 4px;
}
#events .contain {
flex-wrap: wrap;
}
#events .event {
width: 98%;
padding: 5px 30px;
}
#featuredevent .contain {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
column-gap: 50px;
grid-template-areas: "femeta" 
"fethumb"
"feinfo";
padding: 60px 50px;
}
#search .contain {
padding: 40px;
}
#search input[type="search"] {
width: 60%;
}
#content .calevent a {
grid-template-areas: 
"calevetitle calevetitle calevetitle calevetitle"
"calevedate calevedate calevedate calevedate"
"caleveexc caleveexc caleveexc caleveexc";
}
#content .eventlinks a {
display: block;
padding: 5px 0px;
}
#content .eventlinks a.ticketlink {
padding: 5px 25px;
display: inline-block;
}
.eventmeta .session {
grid-template-columns: 1fr 1fr;
row-gap: 15px;
grid-template-areas: "evedate evedate"
"eveloc eveloc"
"evemap evemap";
}
#topper h2 {
font-size: 5.5em;
}
#exhibits .exhibit {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
row-gap: 0px;
column-gap: 0px;
grid-template-areas: 
"exphoto"
"exmeta"
"exlink";
background-color: #f2f2f2;
margin: 0 0 50px 0;
}
#exhibits .exhibitphoto {
padding: 30px 30px 30px 30px;
height: auto;
}
#content iframe {
max-width: 100%;
}
.visitdirhol, .visitmeta {
flex-wrap: wrap;
}
.visitdirhol > div, .visitmeta > div {
width: 100%;
}
.inthishead {
display: grid;
grid-template-columns: 100%;
grid-template-rows: auto;
column-gap: 40px;
row-gap: 20px;
grid-template-areas: "inthishead""inthiscover";
align-items: center;
padding: 50px 0;
}
#content .inthishead h3, .inthishead div.cover {
text-align: center;
}
.catarticles h3 div {
float: none;
display: block;
margin-bottom: 20px;
margin-top: 20px;
}
.catarticles .cauth {
display: block;
}
.catarticles .cauth::before {
content: none;
}
.whsample {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
column-gap: 40px;
grid-template-areas: "sampletext";
align-items: center;
margin: 50px 0px;
padding: 20px 40px;
-webkit-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.15);
}
.whtexts > div {
width: 100%;
}
.whsample .cover {
display: none;
}
.editorial ul {
columns: 2;
}
.editorial ul li {
margin-bottom: 5px;
}
#accordion {
padding: 0px;
}
ul#staff li {
grid-template-columns: 1fr;
column-gap: 15px;
row-gap: 5px;
grid-template-areas: "stna" "stti"
"stem" "stph";
text-align: center;
}
.tl-skinny .tl-slide .tl-slide-content-container {
margin-bottom: 10px;
}
#header.stickie {
padding: 0 25px;
}
#header.stickie > .contain {
padding: 20px 0px;
}
#header > .contain {
position: relative;
}
#pitch .brief p {
text-align: center;
}
.trigger {
display: block;
font-size: 5em;
line-height: 1;
color: #fff;
right: 0;
position: absolute;
top: 10px;
}
ul#mainnav {
display: none;
width: 250px;
background-color: rgba(255,255,255,.9);
background-color: #4192e1;
position: absolute;
right: 0;
top: 0;
-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.35);
box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.35);
}
ul#mainnav .sub-menu, ul#mainnav li:hover .sub-menu {
position: relative;
columns: unset;
padding: 0;
margin: 0;
box-shadow: none;
right: auto;
}
body ul#mainnav > li > ul, ul#mainnav > li#menu-item-18691 > ul {
width: 100%;
box-sizing: border-box;
}
ul#mainnav > li > ul.sub-menu > li > ul > li:first-of-type > a,  ul#mainnav > li > ul.sub-menu > li:first-of-type > a {
padding-top: 10px;
}
ul#mainnav > li > ul.sub-menu > li > ul > li:last-of-type > a {
padding-bottom: 10px;
}
ul#mainnav > li > a {
padding-top: 8px;
padding-bottom: 8px;
padding-left: 12px;
}
ul#mainnav > li:first-of-type > a {
padding-top: 16px;
}
ul#mainnav > li:last-of-type > a {
padding-bottom: 16px;
}
#header ul#metanav {
display: block;
margin-top: 40px;
text-align: right;
}
#header ul#metanav li {
display:block;
clear: both;
border-left: none;
}
#header .contain {
display: grid;
grid-template-columns: auto auto;
grid-template-rows: auto;
row-gap: 25px;
column-gap: 30px;
grid-template-areas: "mainid metahead" "mainid .";
}
nav ul {
text-align: left;
}
nav#mobile {
-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.35);
box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.35);
position: absolute;
right: 0;
top: 0;
width: 60%;
z-index: 55000;
background-color: rgba(255,255,255,.9);
background-color: #4192e1;
box-sizing: border-box;
padding-bottom: 10px;
}
nav > ul a {
color: #fff;
display: block;
padding: 0px 12px;	
}
nav > ul > li > a {
padding: 8px 12px 0 12px;	
}
nav#mobile ul {
list-style: none;
margin: 0;
padding: 0;
}
nav > ul li {
font-size: 14px;
line-height: 1.3;
margin: 0 0 0 0;
padding: 0;
}
nav > ul > li {
font-size: 21px;
text-transform: uppercase;
padding-top: 0px;
}
nav > ul > li > ul > li {
text-transform: uppercase;
font-weight: 900;
padding-top: 10px;
padding-bottom: 10px;
}
nav > ul > li > ul > li > a {
color: #000;
}
nav > ul > li > ul > li > ul > li {
text-transform: none;
font-weight: 400;
padding-bottom: 2px;
}
nav#mobile > ul > li > ul {
padding-left: 12px;
}
nav#mobile > ul:first-of-type li {
font-size: 14px;
line-height: 1;
padding-top: 12px;
text-transform: none;
padding-bottom: 12px;
margin-bottom: 12px;
border-bottom: 1px dotted #fff;
}
nav#mobile > ul:first-of-type li a::before {
content: '\2715';
padding-right: 10px;
}
#header ul#metanav li:first-of-type a {
display: inline-block;
}