/*
	Theme Name: Wheelhouse
	Theme URI: https://matthewhollett.com/design/
	Author: Matthew Hollett
	Author URI: https://matthewhollett.com/
	Description: Wheelhouse is a responsive WordPress theme, custom designed by Matthew Hollett for Pam Hall's Towards an Encyclopedia of Local Knowledge.
	Version: 2.0
	Text Domain: sketch
*/



/* Google Web Fonts */
@import url(https://fonts.googleapis.com/css?family=Cardo:400,400italic,700|Lato:300,300italic,400);



*, *::after, *::before {
	box-sizing: border-box;
	text-rendering: optimizeLegibility;
}
html {scroll-behavior: smooth;}
body {
 margin: 0; background-color: #efefef; color: #222;
 font-family: "Cardo", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
}
a {text-decoration: none; transition: color 0.15s ease-out;}
a:link, a:visited {color: #e28130;}
a:hover, a:active {color: #e8ad32;}
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; color: #75666f; line-height: 1.2;}

.wc-responsive-video {max-width: 100%; margin: 1.5em 0;}
hr {clear: both; height: 0; border: 0; border-top: 1px #ccc solid; margin: 3em 0;}

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

.logo, .nav, .button, .emm-paginate, label, #wpadminbar {
	-webkit-touch-callout: none;
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
}
/*.darkbackround {-moz-osx-font-smoothing: grayscale;}*/
/*.svg-inline--fa {display: inline-block; margin-right: 0.5em;}*/

.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: -1px auto 0 auto; padding-bottom: 3em;
 border-top: 1px transparent solid; background-color: #fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
 overflow: hidden;
}

.header-wrapper {
 position: relative; margin: 0;
 background: #4d6995;
 background: -moz-linear-gradient(top,  #4d6995 0%, #384d6d 100%);
 background: -webkit-linear-gradient(top,  #4d6995 0%,#384d6d 100%);
 background: linear-gradient(to bottom,  #4d6995 0%,#384d6d 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d6995', endColorstr='#384d6d',GradientType=0 );
 border-bottom: 4px #e8ad32 solid; z-index: 1000;
}
.header {
 position: relative; width: 1500px; min-height: 100px; margin: 0 auto; padding: 0;
 color: #fff; font-size: 1.22em; line-height: 1.4;
}
.header a:link, .header a:visited {color: #fff;}
.header a:hover, .header a:active {color: #e8ad32}

.logo {float: left; max-width: 310px; margin: 0 35px 0 0;}
.logo-byline, .chapter-title {margin: 0; color: #ccc; font-size: 0.83em;}
.logo-byline {letter-spacing: -0.02em;}

.nav ul {display: flex; flex-flow: row wrap; list-style: none; margin: 0; padding: 0;}
.nav ul li {flex: 0 1 23%; min-height: 100px; margin: 0; padding: 0;}
.nav ul li .chapter-title {display: block;}
.chapter-title-semicolon {display: none;}

.logo a, .nav ul a {display: block; width: 100%; height: 100%; margin: 0; padding: 12px 12px;}
.nav ul li.current_page_item {border-bottom: 5px #e8ad32 solid; background-color: rgba(255,255,255,0.15);}
.nav ul li.current_page_item a {color: #e8ad32;}



/* 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: #e8ad32;}

.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; border: 1px #ccc solid;}

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

/*.header-search-div:hover, .header-search-div:hover .search-input {background-color: #e8ad32;}*/



/* body */
.section {margin-top: 35px; padding: 0 50px;}
.section-page, .section-404 {max-width: 59%; margin-top: 70px;} /* was max-width: 640px; */
.section-with-sidebar {float: left;}

.section article, .home-intro-content {line-height: 1.5;}

.section h1 {font-size: 1.6em;}
.section h1:first-child, .section h2:child, .section h3:child {margin-top: 0;}
.section-page h2, .section-page h3 {margin-top: 2em;}

.section article a:link, .section article a:visited {text-decoration: underline dotted #bbb;}
.section article a:hover, .section article a:active {text-decoration: underline solid #e8ad32;}

.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; padding: 0 0 0 1.2em; text-indent: -1.2em;}
.section article ul li::before {content: "•"; display: block; float: left; width: 1.2em; color: #222;}



/* home page */
.slides-wrapper {position: relative; height: 0; padding-bottom: 36%; background-color: #222;}
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: -35px; 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: #bbb; opacity: 0.65;}
ul.rslides_tabs li a:hover {opacity: 1;}
ul.rslides_tabs li.rslides_here a {color: #eeb300; opacity: 1;}

.section-home-main {margin-top: 3em;}
.home-intro {float: right; width: 44%;}

.home-map-wrapper {float: left; width: 48%; height: auto; margin-right: 8%;}
.home-map {position: relative; width: 450px; max-width: 100%; margin: 0 auto;}
#mapChapter1, #mapChapter2, #mapChapter3 {}
#mapChapter1 {position: absolute; top: 0; left: 0; width: 56%; height: 33%;}
#mapChapter2 {position: absolute; top: 19%; left: 65%; width: 35%; height: 12%;}
#mapChapter3 {position: absolute; top: 49%; left: 25%; width: 32%; height: 16%;}

.section-home-random {margin: 90px 0 0 0;}
.section-home-random ul {display: flex; flex-flow: row wrap; margin: 0 -1%;}
.section-home-random ul li {flex: 0 1 25%; margin: 0 0 2% 0; padding: 0 1%;}
.section-home-random ul li a {display: block; width: 100%; height: 100%; border: 4px transparent solid;}
.section-home-random ul li img {display: block; width: 100%; height: 100%; margin: 0; padding: 0; border: 1px #ddd solid;}

.section-home-random ul li a, .section-home-random ul li a img {transition: border 0.2s ease-in-out;}
.section-home-random ul li a:hover, .section-home-random ul li a:hover img {border-color: #e8ad32;}



/* chapter pages */
.section-chapter {max-width: none; min-height: 300px;}
.section-chapter h2 {margin-top: auto;}

.chapter-tags {float: right; width: 11%; margin-right: 3%;}
.chapter-thumbs {float: right; width: 45%; margin-right: 3%;}
#chapter-preview {position: relative; float: right; width: 38%; height: 100%;}
#chapter-preview.following #chapter-preview-div {position: fixed; top: 40px; width: inherit; max-width: inherit; z-index: 2000;}

#chapter-preview-div {position: absolute; top: 48px; width: 100%;}
#chapter-preview img {display: block; width: 100%; margin: 0; border: 1px #ccaebb solid;}
.previewCaption {max-width: 350px; margin: 0.5em 0; color: #888; font-size: 1.1em; line-height: 1.3;}

#chapter-preview-div.chapter3-preview-div a {display: block; width: 100%; height: 100%; border: 1px #ccaebb solid;}
#chapter-preview-div.chapter3-preview-div img {display: inline-block; width: 50%; border: none;}

.chapter-tags ul, .page-tags ul {list-style: none; margin: 0; padding: 0; font-size: 0.95em; line-height: 1.5;}
.chapter-tags ul li, .page-tags ul li {margin: 0; padding: 0 0 0 10px; text-indent: -10px;}
.chapter-tags li.current-cat a {color: #75666f; font-weight: 700; cursor: default;}

.chapter-thumbs ul {display: flex; flex-flow: row wrap; margin: 0 -0.5%;}
.chapter-thumbs ul li {flex: 0 1 25%; margin: 0 0 1% 0; padding: 0 0.5%;}

.chapter-thumbs ul li a {display: block; width: 100%; height: 100%; border: 1px #ccaebb solid; transition: all 0.2s ease-in-out;}
.chapter-thumbs ul li img {display: block; width: 100%; height: 100%; margin: 0;}

.chapter-thumbs ul li a:hover {border-color: #e8ad32; outline: 4px solid #e8ad32;}
.chapter-thumbs ul li a:hover img {filter: sepia(100%) hue-rotate(340deg);}

.chapter3-thumbs ul li {flex: 0 1 50%; line-height: 0;}
.chapter3-thumbs ul li img {display: inline-block; width: 50%;}

.seealso {margin-top: -0.5em; color: #75666f; font-size: 1em;}



/* individual pages */
.page-image {margin-bottom: 70px; border-bottom: 1px #ccaebb solid;}
.page-image img {display: block;}

.side-by-side {border-top: 1px transparent solid;}
.side-by-side .chapter3left {float: left; width: 50%; margin: 0;}
.side-by-side .chapter3right {float: right; width: 50%; margin: 0;}

.loupe {
 background: #efefef;
 border-radius: 150px;
 cursor: crosshair;
 cursor: none;
 z-index: 2000;
 -webkit-transform: translateZ(0); /* fixes safari rendering glitch */
}
.loupe img {max-width: none;}
.full-link {cursor: default;}

.page-options {float: right; width: 32%; padding: 10px 20px; background-color: #efefef; font-size: 0.92em;}
.page-content {float: right; width: 44%; margin-right: 4%;}
.page-tags {float: right; width: 16%; margin-right: 4%;}
.no-tags {color: #888; font-size: 0.9em; font-style: italic;}

.page-options p {margin: 0;}
.page-options label {font-style: italic; cursor: pointer;}
body.touch-device .options-magnifier {display: none;}

.prev-next {margin-top: 70px; border-top: 1px #ccc solid; padding: 20px 0; line-height: 1.3;}
.prev-page {width: 49%; float: left; text-align: left;}
.next-page {width: 49%; float: right; text-align: right;}



/* search pages */
.section-search article, .section-archive article {margin: 1em 0 3.5em 0;}
.section-search article:first-of-type, .section-archive article:first-of-type {margin-top: 3em;}



/* forms */
input, textarea {margin: 0.5em 0; padding: 15px; font-size: 1.1em; line-height: 1.5; border-radius: 2px;}
textarea {width: 100%; max-width: 500px !important;}

.section article form input, .section article form textarea {
 display: block; max-width: 100%; margin-top: 0.3em;
 border: 1px #ccc solid; box-shadow: rgba(0, 0, 0, 0.05) 0px 5px 12px inset;
 transition: all 0.3s ease-in-out;
}
.section article form input:focus, .section article form textarea:focus {
 box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 12px inset, #fff 0 0 5px;
 border: 1px #3272b6 solid;
}



/* buttons */
.button, article input[type=submit] {
 display: inline-block; padding: 12px 30px !important;
 border: 0 !important; border-radius: 5px !important; box-shadow: 0 1px 1px #222 !important; text-shadow: rgba(0,0,0,.6) 0 1px 1px;
 background: #5574a4; background: linear-gradient(to bottom, #5574a4 0%, #4d6995 100%);
 color: #fff !important; font-size: 1.2em !important; text-decoration: none !important; vertical-align: middle; cursor: pointer;
 font-family: 'Lato', 'Lucida Grande', 'Trebuchet MS', Helvetica, Arial, sans-serif;
 transition: background 0.15s ease-out;
}
.button:hover, .button:active, article input[type=submit]:hover, article input[type=submit]:active {
 background: #e8ad32; background: linear-gradient(to bottom, #e8ad32 0%, #e8ad32 100%);
}
.button:active, article input[type=submit]:active {
 box-shadow: none !important; transform: translateY(2px);
}



/* footer */
.footer-wrapper {
 width: 100%; min-height: 200px; margin: 70px 0 0 0;
 background: #4d6995;
 background: -moz-linear-gradient(top,  #4d6995 0%, #384d6d 100%);
 background: -webkit-linear-gradient(top,  #4d6995 0%,#384d6d 100%);
 background: linear-gradient(to bottom,  #4d6995 0%,#384d6d 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d6995', endColorstr='#384d6d',GradientType=0 );
 border-top: 4px #e8ad32 solid;
}
.footer {
 position: relative; width: 1500px; margin: 0 auto; padding: 30px 5px 50px 5px;
 color: #fff; font-size: 1.02em; font-family: 'Lato', 'Lucida Grande', 'Trebuchet MS', Helvetica, Arial, sans-serif; font-style: italic;
}

.foot-text {float: left; width: 34%; margin-right: 6%; line-height: 1.3;}
.foot-sponsors {float: left; width: 60%;}

.footer h2 {font-size: 1.2em; color: #fff; font-style: normal;}
.footer a:link, .footer a:visited {color: #fff; text-decoration: underline dotted #fff;}
.footer a:hover, .footer a:active {color: #e8ad32; text-decoration: underline solid #e8ad32;}

ul.sponsors-list {list-style: none; margin: 30px 0 0 0; padding: 0;}
ul.sponsors-list li {
 display: inline-block; max-width: 100%; margin: 0 48px 42px 0; padding: 0;
 background: none; background-size: contain !important;
 vertical-align: middle; opacity: 0.75; 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 no-repeat;}
ul.sponsors-list li#sponsors-cc {display: block; width: 350px; height: 54px; background: url('images/sponsor-cc.png') center no-repeat;}
ul.sponsors-list li#sponsors-mun {width: 150px; height: 92px; background: url('images/sponsor-mun.png') center no-repeat;}
ul.sponsors-list li#sponsors-curra {width: 150px; height: 75px; background: url('images/sponsor-curra.png') center no-repeat;}
ul.sponsors-list li#sponsors-shorefast {width: 158px; height: 45px; background: url('images/sponsor-shorefast.png') center no-repeat;}
ul.sponsors-list li#sponsors-artsnl {width: 150px; height: 57px; background: url('images/sponsor-artsnl.png') center no-repeat;}
ul.sponsors-list li#sponsors-goddard {width: 150px; height: 57px; background: url('images/sponsor-goddard.png') center no-repeat;}
ul.sponsors-list li#sponsors-mfn {width: 200px; height: 84px; background: url('images/sponsor-mfn.png') center no-repeat;}
ul.sponsors-list li a {display: block; width: 100%; height: 100%; margin: 0;}
ul.sponsors-list li:hover {opacity: 1;}



/* misc */
.sidebar {float: right; max-width: 39%; margin-top: 70px;}
.read-more {}

.gallery {display: flex; flex-flow: row wrap; margin: 0 -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: 75%; 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.4s 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 7px; 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.75em; color: #888; line-height: 1.3;
 font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Trebuchet MS', '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 #6d98e1 solid;
}
.post-password-form p {margin: 2em 0;}






/* responsive */

/* When width is less than 1580 */
@media only screen and (max-width: 1580px) {
 .wrapper, .header, .footer {width: 96%; max-width: 1500px; min-width: 300px;}
}


/* When width is less than 1000 */
@media only screen and (max-width: 1000px) {
 .logo {display: block; float: none; width: 100%; max-width: none;}
 .nav ul li {flex: 0 1 25%; min-height: 0; margin: 0; font-size: 0.9em; line-height: 1.3;}
 
 #chapter-preview, .chapter-thumbs, .chapter-tags {display: block; float: none; width: 100%; top: 0; left: 0; right: 0; bottom: 0; margin-right: 0;}
 #chapter-preview {display: none;}
 .chapter-tags {margin-top: 60px;}
 
 .chapter-thumbs ul li {flex: 0 1 20%;}
 .chapter3-thumbs ul li {flex: 0 1 33.333%;}
}


/* When width is less than 830 */
@media only screen and (max-width: 830px) {
 .section, .sidebar, .slides-wrapper ul li p {padding-left: 30px; padding-right: 30px;}
 
 .home-intro, .home-map-wrapper, .section, .sidebar, .foot-text, .foot-sponsors {display: block; float: none; width: 100%; top: 0; left: 0; right: 0; bottom: 0;}
 .home-map-wrapper {margin-top: 80px;}
 .section-home-random {margin-top: 60px;}
 .section-page, .section-404 {margin-top: 50px;}
 .section-with-sidebar, .section-page, .section-404, .sidebar {display: block; float: none; width: 100%; max-width: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0;}
 
 .page-image {margin-bottom: 20px;}
 .page-tags, .page-content, .page-options {display: block; float: none; width: 100%; top: 0; left: 0; right: 0; bottom: 0;}
 .page-content, .page-tags {margin-top: 90px;}
 body.touch-device .page-content {margin-top: 50px;}
 
 .foot-sponsors {margin-top: 80px;}
}


/* When width is less than 700 */
@media only screen and (max-width: 700px) {
 .section-home-random ul li {flex: 0 1 50%;}
 
 .chapter-thumbs ul li {flex: 0 1 33.33%;}
 .chapter3-thumbs ul li {flex: 0 1 50%;}
 
 .side-by-side .chapter3left, .side-by-side .chapter3right {float: none; width: 100%;}
}


/* When width is less than 600 */
@media only screen and (max-width: 600px) {
 .wrapper, .header, .footer {width: 100%;}
 .header {padding-left: 3px; padding-right: 3px;}
 .section, .sidebar, .slides-wrapper ul li p, .footer {padding-left: 15px; padding-right: 15px;}
 
 .logo {max-width: 90%;}
 .nav ul {margin-bottom: 0.5em;}
 .nav ul li {flex: 0 1 100%; margin: 0;}
 .nav ul li.current_page_item {border-bottom: 0; background-color: rgba(255,255,255,0.15);}
 .nav ul a {padding-top: 4px; padding-bottom: 4px;}
 .nav ul li .chapter-title, .chapter-title-semicolon {display: inline-block;}
  
 .header-search-div {right: 8px;}
 .home-intro-button-p {text-align: center;}
}


/* When width is less than 520 */
@media only screen and (max-width: 520px) {
 .home-slide-caption {padding: 4px 8px; font-size: 0.74em;}
 
 .chapter-tags ul, .page-tags ul {font-size: 1em;}
 
 ul.sponsors-list li#sponsors-mun, ul.sponsors-list li#sponsors-curra, ul.sponsors-list li#sponsors-shorefast,
 ul.sponsors-list li#sponsors-artsnl, ul.sponsors-list li#sponsors-goddard, ul.sponsors-list li#sponsors-mfn {
  width: 40%; margin: 0 4% 8% 4%;
 }
}


/* When width is less than 400 */
@media only screen and (max-width: 400px) {
 .logo {max-width: none;}
 
 .chapter-thumbs ul li {flex: 0 1 50%;}
 .chapter3-thumbs ul li {flex: 0 1 100%;}
}