/*
	Theme Name: Pam Hall
	Theme URI: http://matthewhollett.com/design/
	Author: Matthew Hollett
	Author URI: http://matthewhollett.com/
	Description: A responsive WordPress theme, custom designed for Pam Hall by Matthew Hollett.
	Version: 1.0
	Text Domain: pamhall
*/



/* Google Web Fonts */
@import url('https://fonts.googleapis.com/css?family=Raleway:100,400');



*, *::after, *::before {
	box-sizing: border-box;
	text-rendering: optimizeLegibility;
}
html {scroll-behavior: smooth;}
body {
 background-color: #fff; color: #222; margin: 0;
 font-family: 'Raleway', 'Lucida Grande', 'Trebuchet MS', Helvetica, Arial, sans-serif;
}

a {text-decoration: none; transition: color 0.15s ease-out;}
a:link, a:visited {color: #385354;}
a:hover, a:active {color: #87c6cc;}
img {max-width: 100%; height: auto;}
iframe, .mejs-container {max-width: 100% !important;}
a img {border: none;}

ul {list-style: none; margin: 0; padding: 0;}
ul li {margin: 0; padding: 0 0 0 21px;}
ol {margin: 0; padding: 0;}
ol li {margin: 0; padding: 0 0 0 21px;}
table {max-width: 100%;}

h1, h2, h3, h4, h5, h6 {font-weight: normal; line-height: 1.2;}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {margin-top: 0;}
h1 {padding: 0.5em 0; font-size: 3.2em; line-height: 1; font-weight: 100; border-bottom: 1px #ddd solid;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1em; text-transform: uppercase;}
h6 {font-size: 1em; font-style: italic;}

.clear {font-size: 0; height: 0; clear: both;}

.logo, .nav, .button, .emm-paginate, form label, #wpadminbar {
	-webkit-touch-callout: none;
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
}
.footer {-moz-osx-font-smoothing: grayscale;}
.mailto {font-size: 1.2em;}

.screenreader-text {position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;}
.screenreader-text:focus {
 display: inline-block; position: static; width: auto; height: auto; margin: auto; padding: 3px; color: black;
}



/* page and head */
.wrapper {position: relative; width: 1500px; margin: 0 auto;}

.header {margin: 0.5em 0 0 0; overflow: hidden;}
.logo-wrapper {text-align: center;}
.logo {
 display: inline-block; margin: 0.25em auto 0 auto; font-size: 4.5em; text-transform: uppercase; line-height: 1;
 font-weight: 100;
}
.logo a {display: block; width: 100%; height: 100%; margin: 0;}

.nav {
 margin: 0.25em 0 1em 0; padding: 0; font-size: 1.4em; text-align: center; text-transform: lowercase; overflow: hidden;
}
.nav ul {list-style: none; margin: 0; padding: 0;}
.nav ul li {display: inline-block; margin: 0; padding: 0;}
.nav ul li a, .nav ul li span {display: block; width: 100%; margin: 0; padding: 10px 12px;}
.nav ul li.current_page_item>a {color: #222 !important;}
.nav ul li a:link, .nav ul li a:visited {color: #999;}
.nav ul li a:hover, .nav ul li a:active {color: #87c6cc;}

.nav ul li ul {
 display: none !important; position: absolute; margin: -1px 0 0 0; padding: 0.5em 0 0.75em 0;
 font-size: 0.95em; background-color: #eee; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); z-index: 1000;
}
.nav ul li ul li {display: block; margin: 0; padding: 0;}
.nav ul li ul li a {padding: 8px 16px;}
.nav ul li:hover ul {display: block !important;}
.nav ul li ul li ul {
 position: relative; margin: -0.5em 0 0 0; padding: 0 0 0 1em; font-size: 0.92em; background-color: transparent; box-shadow: none; z-index: 1;
}

.nav #menuToggle {display: none; margin: 0; padding: 0.5em 0; text-align: center; cursor: pointer;}
.nav #menuToggle:hover {color: #87c6cc;}
.nav #menuToggle .fa-times {display: none;}
.nav #menuToggle.expanded .fa-times {display: inline;}
.nav #menuToggle.expanded .fa-bars {display: none;}



/* search and social */
.social-header {position: absolute; top: 10px; right: 60px;}
.social {margin: 0; padding: 0; line-height: 1;}
.social a {display: inline-block; margin: 0 9px; padding: 0; font-size: 1.8em; vertical-align: middle;}
.social a:link, .social a:visited, .search-icon {color: #bbb;}
.social a:hover, .social a:active, .search-icon:hover {color: #87c6cc;}
.search-icon:hover {filter: drop-shadow(0 0 1px #555);}

.search-div {
 display: inline-block; width: 50px; margin: 0; padding: 10px; vertical-align: middle;
 background-color: #fff; border-radius: 25px; transition: width 0.3s ease-out; z-index: 1000; cursor: pointer;
}
.search-form {position: relative; min-width: 28px; width: 100%; height: 28px; overflow: hidden;}
.search-input {
 top: 0; right: 0; width: 100%; height: 28px; margin: 0 !important; padding: 5px; border: 0 !important;
 font-size: 1em; color: #222; font-family: 'Lucida Grande', 'Trebuchet MS', Helvetica, Arial, sans-serif;
 background-color: #fff; box-shadow: none !important; opacity: 0; transition: opacity 0.3s ease-out;
}
.search-input::-webkit-search-cancel-button {display: none;}
.search-icon, .search-submit {
 display: block; position: absolute; top: 1px; right: 0; width: 28px; height: 28px; padding: 0; margin: 0;
 color: #bbb; font-size: 25px !important; text-align: center; line-height: 1 !important;
 cursor: pointer; background: transparent !important; border: 0;
}
.search-submit {color: transparent !important;}
.search-icon {transition: all 0.3s ease-out;}
article input[type=submit].search-submit {
 padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; text-shadow: none !important;
}
.search-div.expanded {width: 300px; border: 1px #ccc solid; cursor: default;}
.search-div.expanded .search-input {opacity: 1;}
.search-div.alwaysexpanded {width: 300px !important;}

.header-search-div {position: absolute; top: 0; right: 0; display: block; margin: 0;}
.header-search-div .search-form {float: right;}
.header-search-div, .header-search-div .search-input {background-color: #bbb;}
.header-search-div .search-input, .header-search-div .search-icon, .header-search-div .search-submit {color: #fff;}
.header-search-div.expanded {border: 0;}
.header-search-div.expanded, .header-search-div.expanded .search-input {background-color: #bbb !important;}

.header-search-div:hover, .header-search-div:hover .search-input {background-color: #87c6cc;}



/* body */
.section {margin-top: 2em;}
.section-page, .section-single, .section-search {max-width: 700px; margin-left: auto; margin-right: auto;}
.section-page-publications {max-width: none;}

.section article {font-size: 1.2em; line-height: 1.7;}
.section-search article, .emm-paginate {clear: both; width: 100%; margin-top: 3em; padding-top: 3em; border-top: 1px #ddd solid;}
.section-search article:first-of-type {margin-top: 1em; padding-top: 1em; border-top: 0;}
.section-page article li, .section-single article li, .section-page article blockquote, .section-single article blockquote,
 .post-excerpt, .post-image-wrapper, .gallery dl dt {max-width: 700px;}

.section-search h2 a {text-decoration: none !important;}

.section article a:link, .section article a:visited {text-decoration: underline;}
.section article a:hover, .section article a:active {color: #87c6cc;}

.section-single article h2, .section-single article h3, .section-page article h2, .section-page article h3 {margin-top: 2em;}
.heading-sublink {margin: -1em 0 2em 0; padding: 0; font-size: 1em; text-transform: uppercase;}

.section article ul {list-style: none; margin: 1em 0; padding: 0 0 0 1.2em; text-indent: -1.2em;}
.section article ul li {margin: 0 0 0 0.5em; padding: 0;}
.section article ul li::before {content: "•"; display: block; float: left; width: 1.2em; color: #222;}
.section article ol {list-style-position: inside; margin: 1em 0; padding: 0 0 0 1.2em; text-indent: -1.2em;}
.section article ol li {margin: 0 0 0 0.5em; padding: 0;}

.post-block-container {display: flex; flex-flow: row wrap; margin: 0 -1.5%;}
.post-block {flex: 0 1 25%; margin: 0 0 2em 0; padding: 0 1.5%;}
.section-search .post-block {padding-left: 0; padding-right: 0;}

.post-back {font-size: 0.95em; line-height: 1.4; margin-bottom: 2em;}
.post-back a {text-decoration: none !important;}
.post-back-title {font-style: italic;}

.post-meta {margin: -1em 0 1em 0;}
.post-date, .post-taxonomies, .post-type {margin: 0.25em 0; color: #aaa; font-size: 0.9em; line-height: 1.4;}
.post-type {margin: 1em 0 -1em 0; text-transform: uppercase;}

.post-image-wrapper {
 position: relative; height: 0; padding-bottom: 63%; border: 1px #ddd solid; overflow: hidden;
 background: #ffffff;
 background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #dddddd 100%);
 background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#dddddd 100%);
 background: radial-gradient(ellipse at center, #ffffff 0%,#dddddd 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=1 );
}
.post-image-wrapper:hover {
 background: #ffffff;
 background: -moz-radial-gradient(center, ellipse cover, #ffffff 20%, #dddddd 100%);
 background: -webkit-radial-gradient(center, ellipse cover, #ffffff 20%,#dddddd 100%);
 background: radial-gradient(ellipse at center, #ffffff 20%,#dddddd 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=1 );
}

.post-image-link {
 display: block; position: absolute; width: 100%; height: 100%; box-shadow: none !important;
 background-position: center center; background-repeat: no-repeat; background-size: cover; transition: transform 0.3s ease-out;
}
.post-image-link:hover {transform: scale(1.07);}

.publication-block .post-image-wrapper {background: #efefef !important; border-color: #fff !important;}
.publication-block .post-image-link {background-size: contain;}

.search-image {float: right; width: 200px; max-width: 50%; height: auto; margin: 0 0 10px 10px; border: 1px #ddd solid;}

.post-previous-next {clear: both; margin: 2em 0; font-size: 1em; line-height: 1.4;}
.post-previous-next a {color: #fff !important;}
.post-previous-next-label {font-size: 0.8em; color: #222; text-transform: uppercase;}
.post-previous, .post-next {position: relative; width: 49%;}
.post-previous {float: left; text-align: right;}
.post-next {float: right;}

.point-left, .point-right {position: relative; padding: 10px; background-color: #d3d3d3;}
.point-left::after, .point-left::before, .point-right::after, .point-right::before {content: ""; position: absolute; width: 30px; height: 50%;}
.point-left:hover, .point-right:hover {background-color: #eeb300;}

.point-left {margin-left: 30px;}
.point-left::after, .point-left::before {right: 100%;}
.point-left::before {top: 0px; background: linear-gradient(to top left, #d3d3d3 50%, transparent 51%);}
.point-left::after {bottom: 0px; background: linear-gradient(to bottom left, #d3d3d3 50%, transparent 51%);}
.point-left:hover::before {top: 0px; background: linear-gradient(to top left, #eeb300 50%, transparent 51%);}
.point-left:hover::after {bottom: 0px; background: linear-gradient(to bottom left, #eeb300 50%, transparent 51%);}

.point-right {background-color: #d3d3d3; margin-right: 30px; position: relative;}
.point-right::after, .point-right::before {left: 100%;}
.point-right::before {top: 0px; background: linear-gradient(to top right, #d3d3d3 50%, transparent 51%);}
.point-right::after {bottom: 0px; background: linear-gradient(to bottom right, #d3d3d3 50%, transparent 51%);}
.point-right:hover::before {top: 0px; background: linear-gradient(to top right, #eeb300 50%, transparent 51%);}
.point-right:hover::after {bottom: 0px; background: linear-gradient(to bottom right, #eeb300 50%, transparent 51%);}

.fluid-width-video-wrapper {max-width: 100%; margin: 1.5em 0;}
hr {height: 0; border: 0; border-top: 1px #ddd solid; margin: 3em 0;}

blockquote {
 margin: 1.5em 15px; padding: 0.5em 10px; quotes: "\201C""\201D""\2018""\2019";
 font-size: 1.05em; font-style: italic; font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Trebuchet MS', 'Arial', sans-serif;
}
blockquote:before {color: #ccc; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em;}
blockquote:after {color: #ccc; content: close-quote; opacity: 0;}
blockquote p {display: inline;}



/* home and slides */
.home-intro {font-size: 1.5em; line-height: 1.6; text-align: center;}
.home-intro p {max-width: 500px; margin: 0 auto;}

.slides-wrapper {position: relative; height: 0; padding-bottom: 40.9%; background-color: #222; overflow: hidden;}
ul.slides {position: absolute; width: 100%; height: 100%; margin: 0 auto; padding: 0; list-style: none; overflow: hidden;}
ul.slides li {display: none; width: 100%; height: 100%; margin: 0 !important; padding: 0 !important;}
ul.slides li:first-child {display: block; position: relative;}
.home-slide-image {width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.home-slide-caption {
 position: absolute; bottom: 0; left: 0; margin: 0; padding: 6px 15px; background-color: rgba(0, 0, 0, 0.75); border-radius: 0 8px 0 0;
 color: #ddd; font-size: 0.78em; font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Trebuchet MS', 'Arial', sans-serif;
}

ul.rslides_tabs {
 position: absolute; bottom: 20px; left: 0; width: 100%; margin: 0 auto;
 font-family: 'Lucida Grande', 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 1.3em; text-align: center; z-index: 1000;
}
ul.rslides_tabs li {display: inline-block; position: relative; left: auto; top: auto; width: auto; height: auto; margin: 0; padding: 0;}
ul.rslides_tabs li a {display: block; width: 100%; height: 100%; padding: 0 7px; font-size: 1.1em; color: #fff; opacity: 0.65;}
ul.rslides_tabs li a:hover {opacity: 1;}
ul.rslides_tabs li.rslides_here a {color: #eeb300; opacity: 1;}



/* work */
.sort {position: relative; font-size: 1.3em; line-height: 1.4; text-align: center; margin-bottom: 0;}
.nice-select {float: none; display: inline-block; margin: 5px; font-size: 1em; background-color: transparent; border-radius: 4px;}
.nice-select .list {background-color: #fff;}
.nice-select .option {line-height: 35px; min-height: 35px;}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {background-color: #87c6cc;}

#work h1 {clear: both; display: block; margin: 0.75em 0 0 0; font-size: 3.6em; border-bottom: 0; border-top: 1px #ddd solid;}

.work-container {display: flex; flex-flow: row wrap; margin: 0 -1%;}
.work-just-one-or-two {justify-content: center;}
.work-block {flex: 0 1 25%; margin: 0 0 2% 0; padding: 0 1%;}
.hiddenwork {display: none;}

.work-block h2 {margin-top: 0.5em !important; font-size: 1.15em;}
.work-block h2 a {color: #222 !important; text-decoration: none !important;}

.work-type {
 position: absolute; bottom: 0; left: 0; width: auto; margin: 0; padding: 1px 8px; background-color: #87c6cc;
 color: #fff; font-size: 0.78em; text-transform: uppercase; z-index: 800;
}

.work-brief {font-size: 0.8em; line-height: 1.5;}
.work-brief-date {font-style: italic;}



/* single works and publications */
.section-single article h1 {font-size: 2.675em;}

.section-related-work {margin-top: 4em; padding-top: 2em; border-top: 1px #ddd solid;}
.section-related-work h1 {font-size: 2.6em; text-align: center; margin-bottom: 0.5em; border-bottom: 0;}

.pdf-button-wrapper {margin: 2em 0; text-align: center;}
.button img {width: 30px; height: auto; }

.publication-gallery-wrapper {margin: 2em 0 1em 0;}
ul.publication-gallery {display: flex; flex-flow: row wrap; margin: 0 -1.5% !important; list-style: none !important; padding: 0 !important;}
ul.publication-gallery li {flex: 0 1 33.33%; margin: 0 0 2% 0 !important; padding: 0 1.5% !important; background: none !important; overflow: hidden;}
ul.publication-gallery li::before {content: none !important;}

.publication-image-wrapper {display: block; box-shadow: inset 0 0 0 1px #ccc; transition: box-shadow 0.3s ease-out; z-index: 100; overflow: hidden;}
.publication-image {
 height: 230px; background-color: #ddd; background-position: center center; background-repeat: no-repeat; background-size: cover;
 transition: transform 0.4s ease-out; z-index: -1;
}
ul.publication-gallery a.publication-image-wrapper:hover {box-shadow: inset 0 0 0 5px #87c6cc;}
ul.publication-gallery a:hover .publication-image {transform: scale(1.07);}

.section article .display-posts-listing {font-size: 1.2em; line-height: 1.4;}
.section article .display-posts-listing .listing-item {display: table; width: 100%; margin: 1em 0; padding: 0; border: 1px #ddd solid; overflow: hidden;}
.section article .display-posts-listing .listing-item:hover {border-color: #87c6cc;}
.section article .display-posts-listing .listing-item a {display: table-cell; vertical-align: middle; text-decoration: none;}
.section article .display-posts-listing .listing-item a.image {width: 18%; padding: 22px 0% 22px 4%;}
.section article .display-posts-listing .listing-item a.title {width: 74%; padding: 22px 4% 22px 4%;}
.section article .display-posts-listing .listing-item img {display: block; width: 100%; height: auto; margin: 0; border-radius: 50%; box-shadow: 0 1px 2px #000;}

.section-single-publication article .display-posts-listing .listing-item, .display-posts-listing .listing-item-work {background-color: #eee;}
.section-single-publication article .display-posts-listing .listing-item img, .display-posts-listing .listing-item-work img {border-radius: 0 !important;}



/* special pages */
.go-fish-body .gallery-caption {display: none;}



/* buttons and forms */
.button, article input[type=submit] {
 display: inline-block; padding: 7px 20px !important;
 border-width: 0; border-radius: 5px !important; box-shadow: 0 1px 0 #444 !important; text-shadow: rgba(0,0,0,.4) 0 1px 2px;
 background: #385354;
 background: -moz-linear-gradient(top, #77afb4 0%, #385354 100%);
 background: -webkit-linear-gradient(top, #77afb4 0%,#385354 100%);
 background: linear-gradient(to bottom, #77afb4 0%,#385354 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77afb4', endColorstr='#385354',GradientType=0 );
 color: #fff !important; font-size: 1.1em !important; text-decoration: none !important; vertical-align: middle; cursor: pointer;
 transition: background 0.15s ease-out;
}
article input[type=submit] {font-size: 1.1em !important;}
.button:hover, .button:active, article input[type=submit]:hover, article input[type=submit]:active {
 background: #87c6cc !important; color: #fff;
}
.button:active, article input[type=submit]:active {
 box-shadow: none !important; transform: translateY(2px);
}



/* footer */
.footer-wrapper {position: relative; margin: 4em 0 0 0; background-color: #385354; border-top: 8px #87c6cc solid; overflow: hidden;}
.footer {position: relative; width: 1500px; margin: 4em auto; color: #fff; font-size: 1.1em; line-height: 1.4;}

.footer a:link, .footer a:visited, .copyright a:link, .copyright a:visited {color: #fff; text-decoration: underline;}
.footer a:hover, .footer a:active, .copyright a:hover, .copyright a:active {color: #87c6cc;}

.footer-contact {float: left; width: 35%;}
.footer-support {float: right; width: 55%;}

.footer-sponsors {float: right; width: 55%; margin-top: 3em;}
ul.sponsors-list {list-style: none; margin: 30px 0 0 0; padding: 0;}
ul.sponsors-list li {
 display: inline-block; max-width: 100%; background: none; margin: 0 48px 42px 0; padding: 0; opacity: 0.8;
 transition: opacity 0.2s ease-in-out;
}

ul.sponsors-list li#sponsors-sshrc {display: block; width: 550px; height: 26px; background: url('images/sponsor-sshrc.png') center center no-repeat; background-size: contain;}
ul.sponsors-list li#sponsors-cc {width: 325px; height: 50px; background: url('images/sponsor-cc.png') center center no-repeat; background-size: contain;}
ul.sponsors-list li#sponsors-artsnl {width: 150px; height: 57px; background: url('images/sponsor-artsnl.png') center center no-repeat;}
ul.sponsors-list li#sponsors-mun {width: 150px; height: 92px; background: url('images/sponsor-mun.png') center center no-repeat;}
ul.sponsors-list li#sponsors-curra {width: 150px; height: 75px; background: url('images/sponsor-curra.png') center center no-repeat;}
ul.sponsors-list li#sponsors-shorefast {width: 158px; height: 45px; background: url('images/sponsor-shorefast.png') center center no-repeat;}
ul.sponsors-list li a {display: block; width: 100%; height: 100%; margin: 0; box-shadow: none !important;}
ul.sponsors-list li:hover {opacity: 1;}

.copyright-wrapper {position: relative; margin: 0; color: #fff; background-color: #222; overflow: hidden;}
.copyright {position: relative; width: 1500px; margin: 2em auto 3em auto; text-align: center;}



/* misc */
.sidebar {}
.read-more {}

.gallery {display: flex; flex-flow: row wrap; margin: 2em -1.5%;}
.gallery dl {flex: 0 1 25%; margin: 0 0 3% 0; padding: 0 1.5%;}
.gallery dl dt {position: relative; height: 0; padding-bottom: 100%; overflow: hidden;}
.gallery dl dt a {display: block; position: absolute; width: 100%; height: 100%;}
.gallery dl dt a img {display: block; width: 100%; height: auto; transition: transform 0.3s ease-out;}
.gallery dl dt.landscape a img {width: auto !important; min-width: 100%; max-width: none; height: 100%;}
.gallery dl a:hover img {transform: scale(1.07);}

.emm-paginate {clear: both; display: block; margin: 3em 0 1em 0; font-size: 1.4em; line-height: 1.4; overflow-wrap: break-word;}
.emm-paginate a {padding: 1px 7px; text-align: center;}
.emm-paginate a:link, .emm-paginate a:visited {}
.emm-paginate a:hover, .emm-paginate a:active {background-color: #ccc;}
.emm-paginate .emm-title {color: #222; margin-right: 4px;}
.emm-paginate .emm-gap {color: #999;}
.emm-paginate .emm-page {}
.emm-paginate .emm-prev, .emm-paginate .emm-next {}
.emm-paginate .emm-current {background-color: #ccc; color: #fff; padding: 1px 6px; cursor: default;}



/* selections; hide input placeholder text on focus; fix for ios automatically styling phone numbers */
::-moz-selection, ::selection {background: #04a4cc; color: #fff; text-shadow: none;}
input:focus::-webkit-input-placeholder, input:focus::-moz-placeholder {color: transparent;}
a[href^="tel"] {color: inherit; text-decoration: none;}



/* wordpress core */
div#wpadminbar {z-index: 10000 !important;}

.alignnone {margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter {display: block; margin: 5px auto 5px auto;}
.alignright {float: right; margin: 5px 0 20px 20px;}
.alignleft {float: left; margin: 5px 20px 20px 0;}
.aligncenter {display: block; margin: 5px auto 5px auto;}
a img.alignright {float: right;	margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float: left;	margin: 5px 20px 20px 0;}
a img.aligncenter {display: block;	margin-left: auto;	margin-right: auto;}

.wp-caption {padding: 5px 3px 10px;	max-width: 100% !important;}
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none; height: auto;	margin: 0;	padding: 0;	max-width: 100% !important;}
.wp-caption .wp-caption-text, .gallery-caption {
 margin: 0;	padding: 4px; font-size: 0.7em;	color: #888; line-height: 1.4;
 font-family: 'Verdana', 'Helvetica', 'Arial', sans-serif;
}

input[type="password"] {
 margin: 0 5px; padding: 5px 7px; font-size: 0.9em;
 border: 1px #999 solid; border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 12px inset; transition: all 0.30s ease-in-out;
}
input[type="password"]:focus {
 box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 12px inset, #fff 0 0 5px; border: 1px #87c6cc solid;
}
.post-password-form p {margin: 2em 0;}






/* responsive */

/* When width is less than 1560 */
@media only screen and (max-width: 1580px) {
 .wrapper, .footer, .copyright {width: 96%; max-width: 1500px; min-width: 310px;}
 
 .work-container {margin: 0 -1.5%;}
 .post-block, .work-block {flex: 0 1 33.33%; padding: 0 1.5%;}
}


/* When width is less than 800 */
@media only screen and (max-width: 800px) {
 .section, .sidebar {display: block; float: none; width: 100%; top: auto; left: auto; right: auto; bottom: auto;}
 
 .post-block, .work-block {flex: 0 1 50%;}
 #work h1 {font-size: 3.1em;}
 .work-block h2 {font-size: 1.05em;}
 
 .gallery dl {flex: 0 1 33.33%;}
 
 .footer-contact, .footer-support, .footer-sponsors {float: none; width: 100%;}
 .footer-support {margin-top: 4em;}
}


/* When width is less than 700 */
@media only screen and (max-width: 700px) { 
 .footer {font-size: 1em;}
}


/* When width is less than 600 */
@media only screen and (max-width: 600px) {
 .logo {display: block; margin: 1em auto 0 auto; font-size: 3.7em;}

 h1 {text-align: center;} 
 .alignright, .alignleft {display: block; float: none !important; width: auto; height: auto; margin: 1em 0 !important; padding: 0;}
}


/* When width is less than 480 (also prevent nav from staying hidden on wider screens) */
@media only screen and (min-width: 481px) { .nav ul {display: block !important;} }
@media only screen and (max-width: 480px) {
 .wrapper, .footer, .copyright {width: 100%; padding-left: 10px; padding-right: 10px;}
 
 .nav #menuToggle {display: block; font-size: 1em;}
 .nav ul {display: none;}
 .nav ul li {display: block; margin: 0;}
 .nav ul li ul {display: block !important; position: relative; margin: 0 0 1em 0.75em; padding: 0; font-size: 0.95em; box-shadow: none; z-index: 0;}
 .nav ul li ul li {display: block; margin: 0; padding: 0;}
 .nav ul li ul li a {display: block; margin: 0; padding: 4px 18px;}
 
 .social-header {top: 10px; right: 68px;}
 .header-search-div {right: 8px;}
 
 .section {font-size: 0.9em;}
 blockquote {margin: 1em 0.5em; font-size: 1em;}
 
 .gallery dl, ul.publication-gallery li {flex: 0 1 50%;}
}






/* higher-resolution images for retina screens */
/* see: http://stackoverflow.com/questions/16154494/retina-displays-high-res-background-images */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
 ul.sponsors-list li#sponsors-sshrc {
  background-image: url('images/sponsor-sshrc-2x.png');
  background-size: 550px 26px;
 }
 ul.sponsors-list li#sponsors-cc {
  background-image: url('images/sponsor-cc-2x.png');
  background-size: 325px 50px;
 }
 ul.sponsors-list li#sponsors-artsnl {
  background-image: url('images/sponsor-artsnl-2x.png');
  background-size: 150px 57px;
 }
 ul.sponsors-list li#sponsors-mun {
  background-image: url('images/sponsor-mun-2x.png');
  background-size: 150px 92px;
 }
 ul.sponsors-list li#sponsors-curra {
  background-image: url('images/sponsor-curra-2x.png');
  background-size: 150px 75px;
 }
}