/*
	Theme Name: NLHistory
	Theme URI: http://matthewhollett.com/design/
	Author: Matthew Hollett
	Author URI: http://matthewhollett.com/
	Description: NLHistory is a responsive WordPress theme, custom designed for the NL Historical Society by Matthew Hollett.
	Version: 3.0
	Text Domain: nlhistory
*/



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



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

a {text-decoration: none; transition: color 0.15s ease-out;}
a:link, a:visited {color: #a23e26;}
a:hover, a:active {color: #daaa56;}
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, blockquote:first-child, p:first-child {margin-top: 0;}
h1 {font-size: 2.4em; text-align: center;}
h2 {font-size: 1.7em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.15em;}
h5 {font-size: 1em;}
h6 {font-size: 1em; font-style: italic;}

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

article blockquote {
 position: relative; margin: 1.5em 10px 1em 10px; padding: 0.5em 10px; quotes: "\201C""\201D""\2018""\2019";
 font-size: 1.15em; font-style: italic;
}
article blockquote::before {
 color: #ccc; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.45em;
}
article blockquote::after {color: #ccc; content: close-quote; opacity: 0;}
article blockquote p {display: inline;}

.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;
}
/*.darkbackround {-moz-osx-font-smoothing: grayscale;}*/

.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 {
 width: 530px; max-width: 100%; height: 110px; margin: 0.5em auto; font-size: 1.4em;
 background: url('images/nlhs-logo.png') center center no-repeat; background-size: contain;
}
.logo a {display: block; width: 100%; height: 100%; margin: 0;}

.nav-wrapper {
 margin: 1em 0 0 0; overflow: hidden;
 background-image: linear-gradient(-180deg, #a23e26 0%, #7a301e 100%); box-shadow: 0 1px 1px 0 rgba(0,0,0,0.50);
}
.nav {
 margin: 0; padding: 0; overflow: hidden;
 color: #fff; font-size: 1.1em; font-weight: 200; text-shadow: 0 1px 2px rgba(0,0,0,0.70); text-align: center;
}
.nav a:link, .nav a:visited {color: #fff;}
.nav a:hover, .nav a:active {color: #daaa56;}

.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 16px;}
.nav ul li a:hover {color: #fff; background-color: #daaa56;}
.nav ul li.current_page_item>a {color: #fff; background-color: #222;}

.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; text-align: left; background-color: #5d2517; 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.25em 0 0 0; padding: 0 0 0 0.75em; font-size: 0.92em;
 background-color: transparent; box-shadow: none; z-index: 1;
}
.nav ul li ul li ul li a {padding-top: 3px; padding-bottom: 3px;}
.nav ul li ul li ul li a::before {display: inline-block; content: '\2022'; vertical-align: top; margin-right: 5px;}

.nav #menuToggle {display: none; margin: 0; padding: 0.5em 0; text-align: center; cursor: pointer;}
.nav #menuToggle:hover {color: #ff6e4b;}
.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: #a23e26;}
.social a:hover, .social a:active, .search-icon:hover {color: #daaa56;}

.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: #a23e26;}
.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: #a23e26 !important;}

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



/* body */
.section {margin: 2em 0;}
.section-page, .section-single, .section-search {max-width: 750px; margin-left: auto; margin-right: auto;}

.section article {font-size: 1.05em; line-height: 1.5;}
.section-search article, .emm-paginate {clear: both; width: 100%; padding-top: 3em; margin-top: 3em; border-top: 1px #ccc solid;}
.section-page article li, .section-single article li, .section-page article blockquote, .section-single article blockquote,
 .post-image-wrapper, .gallery dl dt {max-width: 750px;}

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

.section-single article h2, .section-single article h3, .section-page article h2, .section-page article h3 {margin-top: 2em;}
.section-page-news article h2, .section-page-publications article h2 {margin-top: 0;}
.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; 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;}

.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 {position: relative; max-width: 750px; margin: 0 auto;}
.post-block {margin: 4em 0;}
.post-block-image {float: left; width: 25%;}
.post-block-body {float: right; width: 70%;}
.post-block-body.no-post-image {width: 100%;}

.post-block h2 {text-align: left;}
.post-block h2 a:link, .post-block h2 a:visited {text-decoration: none;}
.post-block h2 a:hover, .post-block h2 a:active {text-decoration: underline solid #daaa56;}
.post-block img {margin: 0 25px 25px 0; border: 1px #444 solid; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.50);}
.post-block a:hover img {border: 1px #daaa56 solid;}

.section article h3.post-lecturer {margin-top: -0.3em;}
.event-meta {font-size: 1.1em; text-align: center;}

.post-meta {margin: -1em 0 3em 0; text-align: center;}
.post-date, .post-taxonomies, .post-type {margin: -1em 0 0 0; font-size: 1.1em; line-height: 1.4;}
.post-type {margin: 1em 0 -1em 0; color: #999; text-transform: uppercase;}
.taxonomy-description {color: #aaa; margin-bottom: 2em;}

.post-image-wrapper {position: relative; height: 0; padding-bottom: 70%; overflow: hidden;}

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

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

.single-post-image {float: right; width: 280px; max-width: 45%; height: auto; margin: 0 0 25px 25px; border: 1px #ddd solid;}
a:hover .single-post-image {border: 1px #daaa56 solid;}

.post-previous-next {clear: both; margin: 3em 0; line-height: 1.4;}
.post-previous-next-label {font-size: 0.9em; color: #222; text-transform: uppercase;}
.previous-next-date {font-size: 0.9em; color: #999;}
.post-previous, .post-next {
 position: relative; width: 48.5%; padding: 15px; border: 1px #ccc solid;
}
.post-previous-next a {text-decoration: none !important;}
.post-previous:hover, .post-previous:active, .post-next:hover, .post-next:active {border-color: #daaa56;}
.post-previous {float: left; text-align: right;}
.post-next {float: right;}



/* home */
.slides-wrapper3 {background-color: #000;}
.slides-wrapper2 {max-width: 1500px !important; margin: 0 auto;}
.slides-wrapper {
 position: relative; /*height: auto; min-height: 420px;*/ border-bottom: 2px #a23e26 solid;
 height: 0; padding-bottom: 41.7%;
}
/*
.home-intro {position: relative; width: 1500px; margin: 0 auto;}
.home-intro-box {
 float: right; position: relative; width: 320px; max-width: 100%; height: auto; padding: 30px; margin: 25px 20px 50px 20px;
 background-color: rgba(0,0,0,0.7); border-radius: 5px; font-size: 1.1em; color: #fff; line-height: 1.5; z-index: 100;
}
.home-intro-box .button-p {margin-bottom: 0.5em;}
*/
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: top 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: -45px; 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;}

.home-main-wrapper {margin-top: 4em;}

.section-intro {max-width: 700px; margin: -1em auto 100px auto; text-align: center;}
.section-intro h1 {font-size: 1.6em;}

.news-note {text-align: center; line-height: 1.5;}



/* publications */
.section-page-publications .post-block-image {float: left; width: 35%;}
.section-page-publications .post-block-body {float: right; width: 60%;}

.pub-image {float: left; width: 300px; max-width: 40%; margin: 0 30px 30px 0; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.50);}



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

.wpcf7 textarea {height: 200px;}

input[type=checkbox] {width: 40px; transform: scale(1.5);}
span.wpcf7-list-item {display: table-row;}
span.wpcf7-list-item * {display: table-cell; vertical-align: top; padding-bottom: 10px;}

.wpcf7-response-output {width: auto; color: #222; margin: -1em 0 1em 0 !important;} /* don't add padding because div is on page even when empty */
span.wpcf7-not-valid-tip, span.wpcf7-not-valid-tip-no-ajax {display: block; color: #222 !important; font-size: 0.9em;}

.archives-by-date {clear: both; width: 100%; padding: 40px; margin-top: 3em; background-color: #eee; overflow: hidden;}
.archives-by-date select {padding: 8px 20px; margin-top: -0.5em;}



/* buttons */
.button, article input[type=submit] {
 display: inline-block; padding: 8px 24px !important;
 border: 0 !important; border-radius: 2px !important; box-shadow: 0 1px 1px #222 !important; text-shadow: rgba(0,0,0,.6) 0 1px 1px;
 background-image: linear-gradient(-180deg, #E15533 1%, #6F2513 100%);
 color: #fff !important; font-size: 1.2em !important; text-decoration: none !important; vertical-align: middle; cursor: pointer;
 transition: background 0.15s ease-out;
}
.button:hover, .button:active, article input[type=submit]:hover, article input[type=submit]:active {
 background: #daaa56 !important; color: #fff;
}
.button:active, article input[type=submit]:active {
 box-shadow: none !important; transform: translateY(2px);
}

.red-button {background-color: #ff4e4e;}
.blue-button {background-color: #4e7cff;}
.green-button {background-color: #55b638;}



/* footer */
.footer-wrapper {margin: 4em 0 0 0; background-color: #222; border-top: 4px #a23e26 solid; overflow: hidden;}
.footer {
 position: relative; width: 1500px; margin: 1em auto;
 font-size: 0.88em; color: #fff; line-height: 1.4; overflow: hidden;
}

.logo-footer {width: 380px; height: 79px; background-image: url('images/nlhs-logo-white.png');}

.social-footer {position: absolute; top: 10px; right: 0;}
.social-footer a {margin: 0 13px; font-size: 2.9em;}
.social-footer a:link, .social-footer a:visited {color: #fff;}
.social-footer a:hover, .social-footer a:active {color: #f4c675;}

.footer-contact-address {max-width: 750px; margin: 4em auto; font-size: 1.3em; line-height: 1.5;}
.footer-contact {float: left; width: 40%;}
.footer-address {float: right; width: 40%;}
.footer-contact-address .svg-inline--fa, .contact-body .svg-inline--fa {display: inline-block; margin-right: 0.5em;}

.footer .copyright {margin-top: 4em; font-size: 1.05em; text-align: center;}

.footer a:link, .footer a:visited {color: #fff; text-decoration: underline dotted #bbb;}
.footer a:hover, .footer a:active {color: #daaa56; text-decoration: underline solid #daaa56;}



/* misc */
.sidebar {}
.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 #daaa56 solid;
}
.post-password-form p {margin: 2em 0;}






/* responsive */

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


/* When width is less than 950 */
@media only screen and (max-width: 950px) {
 .logo {margin-top: 25px;}
}


/* When width is less than 800 */
@media only screen and (max-width: 800px) { 
 .gallery dl {flex: 0 1 33.33%;}
 
 .social-footer {position: relative; top: auto; right: auto; margin: 1.5em 0 0.5em 0; text-align: center;}
 .footer-contact, .footer-address {display: block; float: none; width: 100%; text-align: center;}
 .footer-address {margin-top: 2em;}
}


/* When width is less than 700 */
@media only screen and (max-width: 700px) {
 .logo {margin-top: 38px;}
}


/* When width is less than 600 */
@media only screen and (max-width: 600px) {
 .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, .nav, .home-intro, .footer {width: 100%; padding-left: 10px; padding-right: 10px;}
 
 .logo {display: block; width: 100%; height: 0; padding-bottom: 20.8%; margin-top: 45px;}
 .header-search-div {right: 8px;}
 
 .nav #menuToggle {display: block; font-size: 1.15em;}
 .nav ul {display: none; font-size: 1.1em;}
 .nav ul li {display: block; margin: 0; text-align: center;}
 .nav ul li ul {
  display: block !important; position: relative; margin: 0 0 1em 0; padding: 0;
  font-size: 0.8em; box-shadow: none; background-color: #762d1c; 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: 6px 18px;}
 
 /*.home-intro-box {float: right; width: 100%; margin: 15px 0 80px 0; padding: 20px;}*/
 .section-intro h1 {font-size: 1.45em;}
 
 .section {font-size: 0.9em;}
 
 article blockquote {margin: 1em 0.5em; font-size: 1.1em;}
 .gallery dl {flex: 0 1 50%;}
 
 .post-previous, .post-next {width: 100%; float: none; text-align: left;}
 .post-next {margin-top: 1.5em;}
}






/* print stylesheet */
@media print {
 .header, .nav-wrapper, .slides-wrapper3, .sidebar, .footer-wrapper, .post-previous-next {display: none;}
 .wrapper, .home-intro, .section {width: 100% !important; max-width: 100% !important; font-size: 0.82em !important;}
}