/*
Theme Name: UofT Art Museum 2021
Theme URI: #
Author: Webstructure
Author URI: http://www.webstructure.ca
Description: Custom theme for the U of T Art Museum web site. Updated September 2019 to add Video templates.
Version: 0.9
License: Not licensed for use by anyone other than U of T.
License URI: N/A
Text Domain: uoft_artmuseum
Tags: light, one-column, two-columns, three-columns, right-sidebar, fixed-width, flexible-width, custom-header, custom-menu, editor-style, featured-images, full-width-template, theme-options, threaded-comments

Contents
Global Declarations
	Resets
	Fonts Base
	Reusable Elements
	Wordpress Core Classes
Main Page Header
	Layout / Structure
	Main Navigation
	Secondary Navigation
	Search Field
	Skip Nav links
Sub-Navigation Column
Main Content
	Structure
	Basic Text styles
	Link Styles
	Post Functions
	Comments
Main Page Footer
Template-specific styles
	Home Page Template
Shortcodes
	[format] Text Styles
	[column] Column System
	[button]
*/




/************************************************************ 
GLOBAL DECLARATIONS
************************************************************/

/************************** 
Resets
**************************/

/* box layout (include padding in box size) */
*, 
*:before, 
*:after {
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
 }

html, 
body { 
	margin: 0; 
	padding: 0;
}

/* margins */
p, 
ul, 
ol, 
table { 
	margin-bottom: 1em;
	margin-top: 0; 
}

/* lists */
ul, 
ol { 
	margin-left: 2em; 
	padding-left: 0;
}

ul.nobullets {
	list-style-type:none;
	margin-left:0;
}

/* tables */
table { 
	border-collapse: collapse; 
	width: 100%; 
}
table th { 
	text-align: left;
}

/* responsive images */
img { 
	height: auto;
	max-width: 100%; 
}

p:empty {
	display:none;
}

 
/************************** 
Fonts Base
**************************/
body {
	font-family: 'NBInternationalProLight', Arial, sans-serif;
	font-size: 15px;
	/*line-height: 1.2;*/
	line-height:1.33;
	position:relative;
	padding-top:70px;
	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/************************** 
Reusable Elements
**************************/
.wrapper { 
	margin: 0 auto;
	max-width: 1140px; 
	padding: 0; 
	width: 100%; 
}

/* default button styles */
button,
input[type="submit"] {
	background: #666;
	border: 1px solid #333;
	color: #fff;
	font-size: 0.8em;
	padding: 3px 10px;
	text-transform: uppercase;
}


.screen-reader-text { 
	left: -10000px;
	position: absolute; 
}

/* other common HTML tags */
hr { 
	background-color: #7f7f7f;
	border: 0;
	height: 1px; 
	margin: 1em 0;
	padding: 0;
}

.year-selector-error {
	display:none;
}
.year-selector-error.show {
	display:block;
}


/************************** 
Wordpress Core Classes
**************************/
.wp-caption { 
	background-color: #f1f1f1; 
	margin-bottom: 1em;
	padding: 5px; 
}
.wp-caption-text { 
	font-size: 0.9em; 
	font-style: italic; 
	text-align: center;
}
.sticky { 
	border: 1px solid #ccc;
	padding: 10px; 
}
.gallery-caption {}
.bypostauthor { /* see comments section of stylesheet */ }

/* alignment */
.alignleft { 
	float: left; 
}
img.alignleft {	
	margin: 0 20px 5px 0; 
}
.wp-caption.alignleft {	
	margin: 0 20px 5px 0; 
}

.alignright { 
	float: right; 
}
img.alignright { 
	margin: 0 0 5px 20px; 
}
.wp-caption.alignright { 
	margin: 0 0 5px 10px; 
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.aligncenter { 
	margin: 0 auto; 
}

img.alignnone { 
	margin: 0; 
}


/**************************
Gutenberg Support
**************************/
/* wide and full width blocks */
.wp-block-image.alignwide,
.wp-block-cover.alignwide,
.wp-block-gallery.alignwide,
.wp-block-columns.alignwide,
.wp-block-table.alignwide {
	width:75vw;
	position:relative;
	left:50%;
	transform:translateX(-50%);
}
.wp-block-image.alignfull,
.wp-block-cover.alignfull,
.wp-block-gallery.alignfull,
.wp-block-columns.alignfull,
.wp-block-table.alignfull {
	width:100vw;
	position:relative;
	left:50%;
	transform:translateX(-50%);
}

.wp-block-cover.has-parallax {
	width:100% !important;
	left:0 !important;
	transform: none !important;
}

/* buttons */
a.wp-block-button__link:link,
a.wp-block-button__link:visited {
	color:#fff;
	text-decoration:none;
}
a.wp-block-button__link:hover,
a.wp-block-button__link:focus {
	opacity:0.7;
}

/* Columns */
.wp-block-column {
	flex-basis:50%;
}

/* responsive iframes */
.wp-block-embed.is-type-video .wp-block-embed__wrapper {
	position:relative;
	overflow: hidden;
    padding-top: 56.25%;
}
.wp-block-embed.is-type-video iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}


/************************************************************ 
MAIN PAGE HEADER
************************************************************/

/************************** 
Layout / Structure
**************************/
#pageheader { 
	z-index: 100;
	overflow:visible;
}
#pageheader #brand {
	height:70px;
	width:100%;
	/*background-color:rgb(205,215,225);*/
	background-color:rgba(230,235,240,0.95);
	position:fixed;
	right:0;
	top:0;
	overflow:hidden;
	transition:top ease-in-out 0.4s;
	z-index:1;
}
body.has-notification-bar #pageheader #brand,
body.page-template-t_homepage.has-notification-bar #pageheader #brand.show {
	top:35px;
}
#pageheader #brand.hide,
body.has-notification-bar #pageheader #brand.hide,
body.page-template-t_homepage.has-notification-bar #pageheader #brand {
	top:-70px;
}
#pageheader #brand img {
	max-width:125px;
	position:absolute;
	top:6px;
	right:-8px;	
}
#pageheader #nav-panel { 
	background:#000;
	bottom:0;
	color:#fff;
	height:100vh;
	left:-280px;
	padding:75px 25px;
	position:fixed;
	top:0;
	width: 280px;
	z-index:999;
	transition:all ease-in-out 0.4s;
	overflow:auto;
}
#pageheader #nav-panel.open {
	left:0;
}
body.has-notification-bar #pageheader #nav-panel {
	top:35px;
}

#pageheader #nav-panel::-webkit-scrollbar {
  width: 8px;  /* for vertical scrollbars */
  height: 12px; /* for horizontal scrollbars */
}

#pageheader #nav-panel::-webkit-scrollbar-track {
  background: rgba(128, 128, 128, 1);
}

#pageheader #nav-panel::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 4px;
    border-radius: 4px;
}


/**************************
Main Navigation
**************************/
#nav-toggle {
	display:block;
	margin:0;
	width:35px;
	height:auto;
	top:13px;
	left:25px;
	position:fixed;
	padding:10px 0;
	z-index:1000;
	outline:none;
	transition:all ease-in-out 0.4s;
}
#nav-toggle.hide,
body.has-notification-bar #nav-toggle.hide {
	top:-57px
}
#nav-toggle.active {
	top:13px;
	transition:none;
}
body.has-notification-bar #nav-toggle,
body.has-notification-bar #nav-toggle.active {
	top:48px;
}

#nav-toggle .label {
	position:absolute;
	left:-10000px;
}
#nav-toggle .line {
	display:block;
	height:5px;
	margin-bottom:5px;
	background-color:#000;
	transition:all ease-in-out 0.4s;
}
#nav-toggle.active .line {
	background-color:#fff;
	opacity:1;
}
#nav-toggle.active .line.mid {
	opacity:0;
}
#nav-toggle.active .line.top {
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	margin-top:10px;
}
#nav-toggle.active .line.bottom {
	-ms-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	margin-top:-20px;
}

#nav-click-off {
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	display:none;
	z-index:998;
}
#nav-click-off.active {
	display:block;
}

#pageheader .primary-nav {
	margin-bottom:45px;
}

#pageheader .primary-nav ul {
	margin:0;
	padding:0;
}

#pageheader .primary-nav li { 
	display: block; 
	position: relative;
	margin-bottom:3px;
}
#pageheader .primary-nav a { 
	color: #fff;
	display: block;
	font-size: 1.467em; /*22px;*/
	padding-bottom: 3px;
	padding-top: 3px;
	text-decoration: none;
	line-height:1;
}
#pageheader .primary-nav a:hover { 
	color: #eee;
}
#pageheader .primary-nav .sub-menu {
	margin-bottom:10px;
}
#pageheader .primary-nav .sub-menu li { 
	display: block;
}
#pageheader .primary-nav .sub-menu a { 
	font-size:1em;
	padding-left:20px;
	padding-top:0;
	padding-bottom:0;
	color:#999999;
}
#pageheader .primary-nav .sub-menu a:before {
	content:'–';
	margin-left:-20px;
	padding-right:5px;
}
#pageheader .primary-nav .sub-menu a:hover {
	color:#fff;
}

#pageheader .social-icons {
	margin-bottom:35px;
}
#pageheader .social-icons p {
	margin:0;
}
#pageheader .social-icons a {
	display:inline-block;
	width:25px;
	height:25px;
}

#pageheader .footnote {
	font-size:0.8667em;
}

/**************************
Search Field
**************************/
#main-search { 
	position: relative; 
	width: 100%;
	height:27px;
	background:#fff;
	margin-bottom:25px;
	margin-top:0;
}
#main-search input.search-field {
	border: 0;
	font-size: 0.8em;
	height: 27px;
	width: 170px;
	display:block;
	padding:0;
	line-height:27px;
}
#main-search input.search-submit {
	background: transparent url(img/icon_search.png) no-repeat center;
	border: 0;
	height: 27px;
	position: absolute;
	top:0px;
	right:0px;
	text-indent: -10000px;
	width: 30px;
}

/************************** 
Skip Nav links
**************************/
#skip-nav a:hover, 
#skip-nav a:active, 
#skip-nav a:focus { 
	left: 20px; 
	top: 20px;
}


/************************************************************ 
SUB NAVIGATION COLUMN
************************************************************/


/************************************************************ 
MAIN CONTENT
************************************************************/

/**************************
Structure
**************************/
#content { 
	font-size: 1em; 
	width: 100%;
	margin-top:55px;
}
#content:after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}
#content.gutenberg {
	margin-top:0;
}

#main-column {
	position:relative;
}

.fold,
.section {
	border-top:1px solid #7f7f7f;
	padding-top:10px;
	margin-bottom:45px;
}
.fold.no-border,
.section.no-border {
	padding-top:0;
	border-top:0;
}
.section {
	/*padding-top:15px;*/
	overflow:hidden;
}
.section.no-bottom {
	margin-bottom:0;
}

/**************************
Basic Text Styles
**************************/

/* Header Elements */
h1, h2, h3, h4, h5 {
	font-family: 'NBInternationalProRegular', Arial, sans-serif;
	color: #000;
	font-weight:normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1 {
	font-size: 36px;
	line-height: 1.14;
	/*margin-bottom:36px;*/
	margin-top:0;
	margin-bottom:20px;
	letter-spacing:-1px;
}

h2 {
	font-size: 22px;
	line-height: 1.23;
	font-weight: 100;
	margin-top: 7px;
}
h2:first-child {
	line-height:1;
}

h3 {
	font-size: 16px; /* font rendering fix */
	line-height: 1.14;
	margin-top: 7px;
}
.search a h3 {
	text-decoration:none;
}
.search a:hover h3 {
	text-decoration:underline;
}

h2:first-child,
h2:first-of-type, 
h3:first-child {
	margin-top:0;
}


.h3Nospace {
	margin-top: -12px;
}

h4 {
	font-family: 'NBInternationalProBold', Arial, sans-serif;
	font-size: 1em;
	line-height: 1.2;
	margin:0;
}
.serif-text h4 {
	font-size:1.077em
}
h5 {
	font-family: 'NBInternationalProLightItalic', Arial, sans-serif;
	font-size:1em;
	line-height:1.2;
	margin:0;
}

/* links in headers */
h1 a:link, h1 a:visited,
h2 a:link, h2 a:visited,
h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited,
h5 a:link, h5 a:visited {
	text-decoration:none;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover {
	text-decoration:underline !important;
}

strong {
	/*font-family: 'NBInternationalProRegular', Arial, sans-serif;
	font-weight: normal;*/ /* commented out for font rendering fix */
}

.date,
.author {
	color:#7f7f7f;
}


.introtext,
.callout { 
	font-size: 1.2em;
	font-weight: 700;
}

.serif-text {
	font-family:TiemposTextRegular, Georgia, "Times New Roman", serif;
	font-size:0.8667em;
}
.serif-text strong {
	font-family:TiemposTextMedium, Georgia, "Times New Roman", serif;
	font-weight:normal;
}
.serif-text.all * {
	font-family:TiemposTextRegular, Georgia, "Times New Roman", serif;
}

.text-grey {
	color:#7f7f7f;
}
.text-grey h2,
.text-grey h3,
.text-grey h4 {
	color:#000;
}

.hours-table th,
.hours-table td {
	padding:0;
	font-weight:normal;
}

.hidden {
	position:relative;
	left:-10000px;
}

.pad-right-110 {
	padding-right:110px;
}
.pad-right-20pcent {
	padding-right:20%;
}
.pad-right-30pcent {
	padding-right:30%;
}

.footnote {
	font-size:0.75em;
}

.unstyled-list ul {
	list-style:none;
	margin-left:0;
	padding-left:0;
}

.spacer {
	display:block;
	margin:0;
	padding:0;
	line-height:1px;
}
.spacer.full-line {
	height:1em;
}
.spacer.quarter-line {
	height:0.25em;
}
.spacer.half-line {
	height:0.5em;
}
.spacer.three-quarter-line {
	height:0.75em;
}

.logos ul li {
    margin-bottom: 24px;
}

.archive-link,
.hidden-toggle,
#ajax-post-load-button {
	color:#ff4338;
	font-size:0.933em;
	clear:both;
}
.archive-link a:link,
.archive-link a:visited,
.hidden-toggle a:link,
.hidden-toggle a:visited,
#ajax-post-load-button a:link,
#ajax-post-load-button a:visited {
	text-decoration:none;
}
.archive-link a:hover,
.archive-link a:active,
.hidden-toggle a:hover,
.hidden-toggle a:active,
#ajax-post-load-button a:hover,
#ajax-post-load-button a:active {
	text-decoration:underline;
}


/**************************
Link Styles
**************************/
a:link, 
a:visited {
	color: inherit;
	text-decoration: underline;
}
a:hover,
a:active {
	text-decoration: none;
}

.icon-link a {
	text-decoration:none;
}
.icon-link a:hover {
	opacity:0.7;
}
.icon-link a img {
	display:inline-block;
	vertical-align:middle;
	margin-top:-4px;
	margin-right:5px;
}



/**************************
Post Functionality
**************************/

/* post metas */
article.post {
	margin-bottom:2em;
}
.post-meta { 
	background-color: #f3f3f3; 
	border-bottom: 1px solid #e3e3e3;
	border-left: 1px solid #e3e3e3; 
	clear: both; 
	margin-bottom: 1em; 
	padding: 5px; 
}
.post-meta p { 
	margin: 0;
}
/* paged navigation for post lists, search results and prev/next post links */
.post-navigation { 
	clear:both;
}
html.js .post-navigation {
	display:none;
}
.post-navigation .prev { 
	float: left;
}
.post-navigation .next { 
	float: right;
}

#ajax-post-load-button {
	margin-top:45px;
}
/* page navigation for multi-page posts */
#page-links { 
	font-size: 0.8em;
	line-height: 1; 
	margin: 1em 0; 
	text-align: right; 
}
#page-links span { 
	border: 1px solid #ccc;
	display: inline-block; 
	font-weight: 700; 
	padding: 8px; 
}
#page-links a span { 
	border: 0;
	font-weight: 500; 
}

/************************** 
Comments
**************************/
#comments { 
	border-top: 1px dashed #ccc; 
	margin-top: 1em;
}
#comments ol { 
	list-style: none; 
	margin-left: 0; 
}
#comments ol.comment-list { 
	border-bottom: 1px dashed #ccc;
}
#comments ol.children { 
	border-left: 1px solid #ccc; 
	margin-top: 1em;
}
#comments .comment { 
	background-color: #f1f1f1;
	margin-bottom: 1em; 
	padding: 2%; 
}
#comments .bypostauthor { 
	background-color: #ebf5ff;
}
#comments .comment-metadata { 
	font-size: 0.8em; 
	font-style: italic;
}
#commentform label { 
	display: block;
}
#commentform textarea { 
	width: 100%;
}
.comment-navigation { 
	overflow: hidden;
}
.comment-navigation .prev, 
.comment-navigation .next { 
	width: auto;
}
.comment-navigation .prev { 
	float: left;
}
.comment-navigation .next { 
	float: right;
}


/************************************************************
MAIN PAGE FOOTER
************************************************************/

#pagefooter { 
	clear: both; 
	color: #000000;
	background-color:rgb(230,235,240);
	margin-top:50px;
	padding: 50px 0;
	overflow: hidden;
}

#pagefooter .footer-nav .menu {
	margin-left:0;
	display:flex;
	flex-wrap:nowrap;
	justify-content: space-between;
}
#pagefooter .footer-nav .menu > li {
	/*display:inline-block;*/
	width:auto;
	/*vertical-align:top;*/
	/*padding-right:25px;*/
	flex-basis:auto;
	flex-grow:1;
	flex-shrink:1;
}
#pagefooter .footer-nav .menu > li.menu-item-has-children {
	min-height:150px;
}
#pagefooter .footer-nav .menu > li:last-child {
	padding-right:0;
}
#pagefooter .footer-nav .menu a {
	text-decoration:none;
}
#pagefooter .footer-nav .menu a:hover {
	text-decoration:underline;
}
#pagefooter .footer-nav .menu > li > a {
	white-space:nowrap;
	color:#000;
	font-size: 1.467em;
    line-height: 1;
}
#pagefooter .footer-nav .sub-menu {
	position:absolute;
	margin-left:0;
}
#pagefooter .footer-nav .sub-menu:before {
	color:#666;
	display:block;
	content:"—";
	line-height:10px;
	padding:0;
}
#pagefooter .footer-nav .sub-menu a {
	font-size:0.933em;
	color:#666;
}

#pagefooter .footer-left,
#pagefooter .footer-right {
	min-width:450px;
	margin-left:0;
}
#pagefooter .footer-right .col1 {
	padding-left:12px;
	padding-right:12px;
}
#pagefooter .footer-right .col2 {
	padding-left:12px;
	padding-right:12px;
}
#pagefooter .footer-right .col3 {
	padding-left:24px;
}
#pagefooter .footer-right img {
	max-width:90%;
}
#pagefooter .widget-area .column *:last-child {
	margin-bottom:0;
}
#pagefooter .column.museum-info {
	/*width:19.5%;*/
	white-space:nowrap;
}
#pagefooter .column.museum-info p {
	margin-bottom:5px;
}
#pagefooter .wheelchair {
	/*width:7.1666%;*/
	text-align:center;
}
#pagefooter .wheelchair img {
	display:inline-block;
	height:25px;
	width:auto;
}
#pagefooter .social-icons {
	white-space:nowrap;
}
#pagefooter .social-icons a {
	display:inline-block;
	width:25px;
	height:25px;
	margin-right:10px;
}

#pagefooter .museum-info p {
	padding-bottom:10px;
}
#pagefooter .wheelchair p,
#pagefooter .social-icons p {
	padding-bottom:7px;
}



/************************************************************ 
TEMPLATE-SPECIFIC STYLES
************************************************************/

/**************************
Grid Layouts
**************************/
.grid-layout {
	overflow:hidden;
}
.grid-layout .item {
	/*display:inline-block;*/
	/*margin-left:-0.25em;
	width:24%;*/
	min-width:140px;
	min-height:350px;
	margin-right:1%;
	vertical-align:top;
	float:left;
}
.grid-layout .item img.attachment-post-thumbnail {
	/*width:100% !important;*/
}

.grid-layout.two-column .item {
	width:49.2%;
	margin-right:1.6%;
	height:auto;
}

.grid-layout.three-column .item {
	width: 32.2667%;
	margin-right:1.6%;
}

.grid-layout.four-column .item {
	width:24.25%;
}
.grid-layout.two-column .item:nth-child(even),
.grid-layout.three-column .item:nth-child(3n),
.grid-layout.four-column .item:nth-child(4n),
.grid-layout.six-column .item:nth-child(6n) {
	margin-right:0;
}
.grid-layout.two-column .item:nth-of-type(2n+1),
.grid-layout.three-column .item:nth-of-type(3n+1) {
	clear:left;
}

.grid-layout.four-column .has-filter .item:nth-of-type(4n+2) {
	clear:left;
}
.grid-layout.four-column.has-description .item:nth-of-type(4n+2) {
	clear:none;
}

.grid-layout.six-column .item {
	width:15.8333%;
	height:270px;
}

.grid-layout .has-filter .item {
	margin-right:0.75% !important;
}

/* Grid Layouts with a description */
.grid-layout.four-column.has-description .item.description {
	width:49.35%;
	padding-right:110px;
	font-size:1.4666em;
}
.grid-layout.four-column.has-description .item.description .serif-text {
	font-size:0.591em;
}
.grid-layout.four-column.has-description .item:nth-child(4n) {
	margin-right:1%;
	clear:left;
}
.grid-layout.four-column.has-description .item:nth-child(3) {
	margin-right:0;
}

.grid-layout.four-column.has-description .item:nth-child(4n+3) {
	margin-right:0;
}

/* non-specific grid layout styles */
.item.description {
	padding-right:110px;
	font-size:1.4666em;
}

/* Grids created with WordPress column blocks */
.wp-grid .wp-block-column:not(:first-child) {
	margin-left:1%;
}
.wp-grid .wp-block-column h3 {
	margin-bottom:0.25em;
}
.wp-grid .wp-block-column h3 a:hover {
	text-decoration:none !important;
}



/**************************
Year Selectors
**************************/
.year-selector {
	padding:5px 0;
	margin-bottom:10px;
	margin-right:0.75%;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
.year-selector h3 {
	display:inline;
	font-family:'NBInternationalProLight', Arial, sans-serif;
	font-weight:normal;
}
.year-selector ul {
	list-style:none;
	display:inline;
	margin:0;
	padding:0;
}
.year-selector li {
	display:inline-block;
	border-left:1px solid #000;
	padding-left:3px;
	margin-left:3px;
}
.year-selector li:first-child {
	border-left:0;
	padding-left:0;
	margin-left:0;
}
.year-selector a {
	text-decoration:none;
	outline:none;
}
.year-selector a:hover {
	text-decoration:underline;
}
.year-selector li.active a {
	font-family:'NBInternationalProRegular', Arial, sans-serif;
}


/**************************
home page template
**************************/
body.page-template-t_homepage {
	padding-top:0;
}
body.page-template-t_homepage #content {
	margin-top:0;
}
body.page-template-t_homepage #pageheader #brand {
	top:-70px;
}
body.page-template-t_homepage #pageheader #brand.show {
	top:0;
}
body.page-template-t_homepage #nav-toggle .line {
	background-color:#fff;
}
#home-feature-image img {
	display:block;
	max-width:none;
	width:100%;
}
#home-feature-logo {
	position:absolute;
	width:408px;
	height:auto;
	top:35px;
	right:0;
	overflow:hidden;
	opacity:1;
	transition:all ease-in-out 0.4s;
}
#home-feature-logo.hide {
	opacity:0;
}
#home-feature-logo img {
	position:relative;
	right:-25px;
	top:0;
	display:block;
}
#startbutton {
	position:absolute;
	top:100vh;
	left:50vw;
	
	margin-left:-32px;
	margin-top:-60px;
}
#startbutton a {
	display:block;
	text-indent:-10000px;
	outline:none;
	width:64px;
	height:37px;
	background:transparent url(img/chevron_down.png) no-repeat center;
}

.page-template-t_homepage h3.item-title {
	margin-bottom:0.25em;
}
.page-template-t_homepage #exhibitions .works-by {
	display:none;
}
.page-template-t_homepage #content .serif-text {
	font-size:13px;
}
.page-template-t_homepage #content .serif-text h3 {
	display:inline;
	font-family:inherit;
	font-size:1em;
}
.page-template-t_homepage #content .serif-text h3 + p {
	display:inline;
}
.page-template-t_homepage #home-info {
	font-size:0.9333em;
	color:#7f7f7f;
	margin-top:45px;
	margin-bottom:45px;
}
/* #home-info columns */
.page-template-t_homepage #home-info .third-col {
	width:30%;
}
.page-template-t_homepage #home-info .column-first {
	width:40.8%
}
.page-template-t_homepage #home-info .column-last {
	width:26%
}
.page-template-t_homepage #home-info .column-first h2 {
	display:block;
	float:none;
}
.page-template-t_homepage #home-info .column-first p {
	padding-right:40px;
}
.page-template-t_homepage #home-info .column *:last-child {
	margin-bottom:0;
}
.page-template-t_homepage #home-info .serif-text {
	color:#000;
	font-size:13px;
}
.page-template-t_homepage #home-info h2 {
	display:inline-block;
	float:left;
}

.page-template-t_homepage #home-info .location-text {
	width:63%;
	float:right;
}
.page-template-t_homepage #home-info .hours-table {
	width:70%;
	float:right;
}
.page-template-t_homepage #home-info .hours-table th {
	font-weight:normal;
	padding:0;
}
.page-template-t_homepage #home-info .hours-table td {
	text-align:right;
	padding:0;
}

.page-template-t_homepage .fold {
	position:relative;
	font-size:15px;
}
.page-template-t_homepage .section-link {
	display:inline-block;
	position:absolute;
	top:10px;
	right:0;
	text-decoration:none;
	font-size:0.933em;
	color:#7f7f7f;
}
.page-template-t_homepage .section-link:hover {
	color:#000;
}

.page-template-t_homepage .fold p {
	margin-bottom:0;
}
.page-template-t_homepage .fold a {
	text-decoration:none;
	/*font-size:0.9333em;*/
}

.page-template-t_homepage #exhibitions .item .exhibition-thumb {
	max-height:410px;
	overflow:hidden;
}
.page-template-t_homepage #exhibitions .item .wp-post-image {
	width:100%;
}

.page-template-t_homepage #upcoming-exhibitions h3 {
	margin:5px 0 0 0;
	font-family:'NBInternationalProLight', Arial, sans-serif;
	font-size:14px;
}
.page-template-t_homepage #upcoming-exhibitions .date {
	font-size:14px;
}
.page-template-t_homepage #upcoming-exhibitions a {
	display:block;
	margin-bottom:1em;
}
.page-template-t_homepage #upcoming-exhibitions .serif-text {
	margin-top:3px;
}

.page-template-t_homepage .fold#videos {
	border-top:0;
	padding-top:45px;
	padding-bottom:45px;
	background:#f3f5f8;
}
.page-template-t_homepage .fold#videos .wrapper {
	border-top:1px solid #7f7f7f;
	padding-top:10px;
	position:relative;
}

.page-template-t_homepage #collections {
	margin-bottom:0;
}
.page-template-t_homepage #collections h4 {
	margin-bottom:1em;
}
.page-template-t_homepage #collections .serif-text {
	margin-top:7px;
}



/**************************
Archive templates - common styles
**************************/
.archive .item,
.search .item {
	transition:all ease-out 0.4s;
	margin-bottom:25px;
}
.archive .item a,
.search .item a {
	text-decoration:none;
	display:block;
}
.archive .item a:hover h3.exhibition-title {
	text-decoration:underline;
}
.archive .item a p,
.search .item a p {
	margin-bottom:0;
}
.archive .section .row {
	margin-top:45px;
}
.archive .section .row.first,
.archive .section .row .row {
	margin-top:0 !important;
}

.archive .item .item-title,
.archive .item .location p,
.search .item .item-title {
	margin-bottom:0.25em;
}
.archive .section,
.search .section {
	/*padding-top:15px;*/
}
.archive .exhibition-listing .section#current,
.archive .exhibition-listing.archive-only .section#past {
	padding-top:0;
}

.search .item .wp-caption,
.search .item img {
	max-width:100%;
}
.search .item .wp-caption {
	padding-top:0;
	padding-left:0;
	padding-right:0;
}

/**************************
Exhibition listing pages
**************************/
.exhibition-listing #touring .row {
	margin-top:0;
}
.exhibition-listing #touring .row.nested {
	padding-top:10px;
}

.exhibition-listing .current.item .exhibition-thumb {
	max-height:410px;
	overflow:hidden;
}
.exhibition-listing .current.item .exhibition-thumb .wp-post-image {
	width:100%;
}

.exhibition-listing .exhibition .abstract {
	padding-right:30%;
}
.exhibition-listing .exhibition .abstract h3,
.exhibition-listing .exhibition .abstract p {
	display:inline;
}
.exhibition-listing .exhibition .abstract h3 {
	font-family:TiemposTextRegular, Georgia, "Times New Roman", serif;
	font-size:1em;
}
.item .date + .works-by,
.item .date + .abstract {
	margin-top:1em;
}




/**************************
Program listing pages
**************************/
.program-listing .featured {
	border-bottom:1px solid #7f7f7f;
	padding-bottom:15px;
	margin-bottom:10px;
}
.archive-only #featured {
	margin-bottom:0;
	width:99%;
}
.archive-only #featured .item {
	/*margin-right:1% !important;*/
}
.archive-only #featured .item:last-child {
	margin-right:0 !important;
}


/**************************
Publication listing page
**************************/
.item .thumb {
	background-color:#CDD7E1;
	text-align:center;
	padding:23px 0;
	height:276px;
	position:relative;
}
.item .thumb img {
	width:auto !important;
	max-width:180px;
	max-height:225px;
	position:absolute;
	top:50%;
	left:50%;
	-ms-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}


/**************************
Single Exhibition template
**************************/
#feature {
    padding-bottom: 24px;
    border-bottom: 1px solid #808080;
    margin-bottom: 24px;
}
#feature .main-image img {
	display:block;
}
.thumbnails {
	margin-bottom:24px;
}
.thumbnails img {
	display:block;
}
.works-by h3 {
	font-family:NBINternationalProBold,Arial,sans-serif;
	font-size:0.933em;
	line-height:1.29;
	margin:0;
}
.single .archive .item .works-by {
	display:none;
}
.single #upcoming {
	margin-top:35px;
	margin-bottom:0;
}

/*#image-details {
	overflow:none;
}
#image-details .thumbnails {
	display:flex;
	width:auto;
	max-width:none;
	justify-content: space-between;
}
#image-details .image-thumb {
	width:368px;
	margin-left:18px;
}
#image-details .image-thumb:first-child {
	margin-left:0;
}*/
#image-details .carousel {
	margin-bottom:24px;
}
#image-details .slick-prev,
#image-details .slick-next {
	z-index:100;
	width:30px;
	height:30px;
}
#image-details .slick-prev:before,
#image-details .slick-next:before {
	font-size:30px;
}
#image-details .slick-prev {
	left:20px;
}
#image-details .slick-next {
	right:20px;
}
#image-details .slide {
	padding-left:9px;
	padding-right:9px;
}
#image-details .image-thumb,
#image-details .image-thumb img {
	display:block !important;
}


/**************************
Single Publication template
*************************
.hentry.type-publication {
	overflow:hidden;
}
.type-publication .entry-thumbnail {
	float:left;
	max-width:25%;
	height:100%;
	margin-right:1.6%;
}
.type-publication.entry-content {
	float:left;
	width:73.4%;
}
.type-publication .entry-title {
	margin-top:0;
}*/

/**************************
image detail overlay
**************************/
#image-overlay {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:100000;
	display:none;
}
#overlay-bg {
	background-color:rgba(255,255,255,0.9);
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.close-button {
	height:27px;
	position:absolute;
	bottom:0;
	right:0;
	margin-bottom:5px;
}
.close-button a {
	display:block;
	width:17px;
	height:27px;
	padding:5px 0;
	background:url(img/gr_close-button.png) no-repeat center;
	text-indent:-10000px;
	text-align:left;
	outline:none;
}
.format-image .image-content {
	/*max-width:640px;
	width:95%;*/
	max-width:95%;
	width:auto;
	margin:0;
	/*overflow:hidden;*/
	/*display:none;*/
	position:absolute;
	top:0;
	left:50%;
	z-index:1;
	-ms-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
}
.format-image p {
	margin:0;
}
.format-image .image-content {
	position:relative;
	max-width:640px;
}
.format-image .image {
	/*overflow:hidden;*/
	/*margin-bottom:7px;*/
	/*border:1px solid #eee;*/
	position:relative;
	max-height:80vh !important;
}
.format-image .image img {
	display:block;
	width:100%;
	max-width:640px;
	min-width:100%;
	position:relative;
	top:0;
	left:50%;
	cursor:move;
	transition:width ease-in-out 0.3s, height ease-in-out 0.3s;
	-ms-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
}
.format-image .image img.zoomed {
	max-width:none;
}

.format-image .image-footer,
.format-image .image-header {
	background-color:rgba(255,255,255,0.9);
	width:100%;
	overflow:hidden;
	z-index:9000;
	position:relative;
}
.format-image .image-wrapper {
	max-width:640px;
	margin:0 auto;
	height:100%;
	position:relative;
}
.format-image .image-footer {
	padding:27px 0 20px 0;
	/*min-height:100vh;*/
	min-height:50vh;
}

.format-image .zoomers {
	width:90px;
	/*float:right;*/
	overflow:hidden;
	position:absolute;
	bottom:0;
	left:0;
}
.format-image .zoomers a {
	display:block;
	float:left;
	width:45px;
	height:46px;
	text-indent:-10000px;
	outline:none;
	background-repeat:no-repeat;
	background-position:top left;
}
.format-image .zoomers a.zoom-in {
	background-image:url(img/gr_zoom-in.png);
}
.format-image .zoomers a.zoom-out {
	background-image:url(img/gr_zoom-out.png);
}
.format-image .text {
	width:60%;
}
.format-image .text.long-form {
	width:100%;
}
.format-image h2 {
	margin:0;
}
.format-image h1 {
	font-size:22px;
	line-height:1.23;
	margin:0 0 1em 0;
	font-family:NBInternationalProLightItalic, Arial, sans-serif;
}
.format-image .long-form p {
	margin-bottom:1em;
	
}





/************************************************************ 
PAGE-SPECIFIC STYLES
************************************************************/
.page-about-us .serif-text h3 {
	/*font-size:1em;*/
}


/************************************************************ 
COLLECTIONS
************************************************************/

body.page-collections h1.entry-title {
	margin-bottom:20px;
}

.collections-linknav {
	list-style-type:none;
	margin:0;
	padding:0;
	position:absolute;
	right:0;
	top:17px;
}
.collections-linknav li {
	display:inline-block;
	padding-left:6px;
	margin-left:4px;
	border-left:1px solid #7f7f7f;
}
.collections-linknav li:first-child {
	border-left:0;
	padding-left:0;
	margin-left:0;
}
.collections-linknav a {
	text-decoration:none;
	font-size:0.9333em;
	line-height:1;
}
.collections-linknav a:hover,
.collections-linknav .current-menu-item > a {
	text-decoration:underline;
}

#collection-search {
	padding-top:0;
	margin-bottom:27px;
}
#collection-search form {
	position:relative;
	margin-top:27px;
}
#collection-search input.searchterm {
	box-sizing:border-box;
	height:60px;
	padding:15px 57px 15px 10px;
	background-color:rgb(230,235,240);
	width:100%;
	border:0;
}
#collection-search input.submitbutton {
	position:absolute;
	top:0;
	right:0;
	width:57px;
	height:100%;
	border:0;
	background:transparent url(img/icon_search_reversed.png) no-repeat center;
	text-indent:-10000px;
}
#collection-search ::-webkit-input-placeholder {
   color: #000;
}
#collection-search :-moz-placeholder { /* Firefox 18- */
   color: #000;  
}
#collection-search ::-moz-placeholder {  /* Firefox 19+ */
   color: #000;  
}
#collection-search :-ms-input-placeholder {  
   color: #000;  
}

.collection-listing .item {
	margin-bottom:0;
}


/************************************************************ 
SHORTCODES
************************************************************/

/**************************
[format] text styles
**************************/


/************************** 
[column] Column system
**************************/
/* override the webstructure plugin css here */

.half-col { 
	width: 49.2%;
}
.third-col { 
	width: 32.2667%;
}
.two-thirds-col { 
	width: 66.1333%;
}
.fourth-col { 
	width: 23.8%;
}
.three-quarters-col {
	width:74.6%;
}
.fifth-col { 
	width: 18.72%;
}
.sixth-col { 
	width: 15.3333%;
}
.five-sixths-col {
	width: 83.0667%
}

.half-col,
.third-col,
.two-thirds-col,
.fourth-col,
.three-quarters-col,
.fifth-col,
.sixth-col,
.five-sixths-col {
	float: left;
	margin-left: 1.6%;
	position: relative;
}

.section.has-filter .half-col,
.section.has-filter .third-col,
.section.has-filter .two-thirds-col,
.section.has-filter .fourth-col,
.section.has-filter .three-quarters-col,
.section.has-filter .fifth-col,
.section.has-filter .sixth-col {
	margin-right: 1.6%;
	margin-left:0;
}
.section.has-filter .column:last-child {
	margin-right:0;
}

.search .sixth-col {
	width:15.8333%;
}
.search .five-sixths-col {
	width: 83.1667%;
	margin-left:1%;
}

/* Vertically aligned columns */
.vertical-align .column {
	float:none;
	display:inline-block;
	margin-right:-4px;
}
.vertical-align.bottom .column {
	vertical-align:bottom;
}
.vertical-align.middle .column {
	vertical-align:middle;
}

.column > *:last-child {
	margin-bottom:0;
}

/* Footer Columns */
.sixth-col { 
	width: 13.3333%;
}
.sixth-col {
	float: left;
	margin-left: 4%;
	position: relative;
}


/**************************
[button]
**************************/
/* override the webstructure plugin css here */
.button.clear a {
	background:transparent;
	text-decoration:none !important;
	border-radius:0;
	border:1px solid #000;
	color:#000;
	font-family: 'NBInternationalProBold', Arial, sans-serif;
	padding:15px 20px 14px 20px;
}
.button.clear a:hover {
	color:#636363;
}



/************************************************************ 
PLUGIN OVERRIDES
************************************************************/

/**************************
Fancybox
**************************/
#fancybox-wrap #fancybox-close {
	display:block;
	top:-27px;
	right:0;
	width:17px;
	height:27px;
	padding:5px 0;
	background:url(img/gr_close-button.png) no-repeat center;
	outline:none;
}

#fancybox-wrap .fancybox-bg {
	background-image:none;
}

/**************************
Gravity Forms
**************************/
.hide-label .gfield_label {
	position:absolute;
	left:-100000px;
}

form.all-inline .gform_body,
form.all-inline .gform_body ul,
form.all-inline .gform_body li,
form.all-inline .gform_footer {
	display:inline-block;
	vertical-align:middle;
	padding:0;
	margin:0;
}

html body .gform_wrapper form.all-inline .top_label div.ginput_container {
	margin-top:0;
}
html .gform_wrapper form.all-inline ul.gform_fields li.gfield {
	padding-right:0;
	margin-top:0;
}
.gform_wrapper form.all-inline .gform_body {
	width:65%;
	margin-right:-0.25em;
}
.gform_wrapper form.all-inline .gform_footer {
	width:34%;
	margin-left:5px;
}
.gform_wrapper form.all-inline .gform_body * {
	width:100%;
}
html .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
	border:0;
	background:#e5ebef;
	padding:14px 13px;
	font-family:'NBInternationalProLight', Arial, sans-serif;
	font-size:15px;
}
html .gform_wrapper .gform_footer input.button, 
html .gform_wrapper .gform_footer input[type=submit], 
html .gform_wrapper .gform_page_footer input.button, 
html .gform_wrapper .gform_page_footer input[type=submit] {
	border-radius:0;
	background:transparent;
	color:#000;
	border:1px solid #000;
	padding:0 20px;
	text-transform:none;
	font-family:'NBInternationalProBold', Arial, sans-serif;
	font-size:15px;
	line-height:45px;
}
html .gform_wrapper .gform_footer input.button:hover, 
html .gform_wrapper .gform_footer input[type=submit]:hover, 
html .gform_wrapper .gform_page_footer input.button:hover, 
html .gform_wrapper .gform_page_footer input[type=submit]:hover {
	color:#636363;
}

html .gform_footer br {
	display:none !important;
}

::-webkit-input-placeholder {
   color: #000;
}
:-moz-placeholder { /* Firefox 18- */
   color: #000;
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #000;
}
:-ms-input-placeholder {  
   color: #000;
}


/* Hidden Content widget */

.hidden-toggle {

}
.hidden-content{
	display:none;
}