@charset "UTF-8";
body { padding: 0; margin: 0; }

figure, ul, ol { margin: 0; padding: 0; }

figure, article, main, header, footer, aside, section { display: block; }

a { color: inherit; text-decoration: none; }

a[href]:hover { text-decoration: underline; }

iframe, a img { border: none; }

h1, h2 { margin: 0; }

ul, ol { list-style: none; }

body, input, button, textarea, select { font-family: Geogrotesk, sans-serif; }

input[type=search] { -webkit-appearance: textfield; }

input[type=search]::-webkit-search-decoration { -webkit-appearance: none; }

button:focus { outline: none; }

@font-face { font-family: Geogrotesk; src: url("../fonts/77c5adea-c45f-4bd6-bc83-c171aa401eac.eot?#iefix"); src: url("../fonts/77c5adea-c45f-4bd6-bc83-c171aa401eac.eot?#iefix") format("eot"), url("../fonts/ae7eda9b-5729-4029-8ea8-1f4b2feb6595.woff") format("woff"), url("../fonts/f5e7d965-e646-4ea9-8b21-bf17e3e5de42.ttf") format("truetype"), url("../fonts/ae5b8a9c-af85-4ddf-a0a6-602405583707.svg#ae5b8a9c-af85-4ddf-a0a6-602405583707") format("svg"); }
@font-face { font-family: Geogrotesk; font-style: italic; src: url("../fonts/93fbb9a2-de65-439d-8da8-88dea1386e36.eot?#iefix"); src: url("../fonts/93fbb9a2-de65-439d-8da8-88dea1386e36.eot?#iefix") format("eot"), url("../fonts/9d81665d-ed3b-4dad-a030-36bbb4d7d6f1.woff") format("woff"), url("../fonts/dc1e6db4-951f-4180-8c9e-d35cf0b6cd4c.ttf") format("truetype"), url("../fonts/a8786b55-19f8-4d2c-822c-b14e00485a1f.svg#a8786b55-19f8-4d2c-822c-b14e00485a1f") format("svg"); }
@font-face { font-family: Geogrotesk; font-weight: bold; src: url("../fonts/a3e2c11b-c08f-452d-98b2-82cf697c9968.eot?#iefix"); src: url("../fonts/a3e2c11b-c08f-452d-98b2-82cf697c9968.eot?#iefix") format("eot"), url("../fonts/9548811b-a57e-4d9f-abad-aeb27640450d.woff") format("woff"), url("../fonts/1a8cf960-d55c-4ac5-af4e-79ca12bca166.ttf") format("truetype"), url("../fonts/0f568404-e588-4700-ae22-7b62fbcc7327.svg#0f568404-e588-4700-ae22-7b62fbcc7327") format("svg"); }
@font-face { font-family: Geogrotesk; font-style: italic; font-weight: bold; src: url("../fonts/abdf2699-d4b8-4a42-b561-c0d668c135df.eot?#iefix"); src: url("../fonts/abdf2699-d4b8-4a42-b561-c0d668c135df.eot?#iefix") format("eot"), url("../fonts/cd1ca43e-6589-4945-a182-1fc7e52557dc.woff") format("woff"), url("../fonts/72c4e457-dec9-4f76-9d52-6d14dc3ef8dd.ttf") format("truetype"), url("../fonts/26e947b8-66d3-44b6-8e98-fbd15d7b516a.svg#26e947b8-66d3-44b6-8e98-fbd15d7b516a") format("svg"); }
.ad { background-color: white; }

.ad:empty { display: none; }

.ad.expandable { -moz-transition-property: height; -o-transition-property: height; -webkit-transition-property: height; transition-property: height; -moz-transition-duration: 1s; -o-transition-duration: 1s; -webkit-transition-duration: 1s; transition-duration: 1s; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; }
.ad.expandable > div, .ad.expandable > div > iframe { height: 100%; }

.ad-nav-king { height: 250px; width: 300px; }

.ad-nav-king.expanded, .ad-nav-king.user-expandable:hover { height: 600px; }

.ad-nav-bishop { height: 100px; width: 300px; }

.ad-nav-bishop.expanded, .ad-nav-bishop.user-expandable:hover { height: 250px; }

.ad-article-knight { display: none; }

.ad-article-bishop { display: block; height: 100px; width: 300px; margin: 2rem auto; }

@media screen and (min-width: 39rem) { .ad-article-bishop { display: none; }
  .ad-article-knight { min-height: 90px; padding-top: 1rem; display: block; text-align: center; }
  .ad-article-knight > div > iframe { display: block; margin: 0 auto; } }
header.app { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-color: #d9d6d4; border-width: 1px; border-bottom-style: solid; background-color: white; }
header.app h1 { display: inline-block; font-size: 0; width: 2.3rem; overflow: hidden; }
header.app img.logo { padding: 0.4rem 0 0.2rem 0; }
header.app img.since1956 { display: none; position: absolute; right: 10px; top: 56px; }
header.app #header-banner { position: absolute; left: 300px; }
header.app #header-banner img { width: 550px; }
@media screen and (min-width: 39rem) { header.app { height: 5.6rem; position: fixed; z-index: 3; top: 0; left: 0; }
  header.app img.since1956 { display: block; }
  header.app h1 { overflow: visible; width: auto; }
  header.app img.logo { width: auto; padding: 0; display: block; } }

@media screen and (min-width: 39rem) { body.admin-bar > header.app { margin-top: 32px; } }

nav.app-alter { text-transform: uppercase; font-size: 0.9rem; display: block; float: right; margin: 9px 0 0 0; position: relative; padding: 5px 1rem 0 1rem; }
@media screen and (min-width: 39rem) { nav.app-alter { float: none; margin: -3px 0 0 0; border-top: 1px solid #eee; } }
nav.app-alter > ul { margin: 0.4em 0 0 0; }
nav.app-alter > ul > li { cursor: pointer; color: #321e13; display: inline; }
nav.app-alter > ul > li a:hover { text-decoration: none; opacity: 0.5; }
nav.app-alter > ul > li + li { margin-left: 0.4rem; }
nav.app-alter > ul .side-nav, nav.app-alter > ul .menu-divider { display: none; }
nav.app-alter > ul > li.topics { float: right; }
nav.app-alter > ul > li.topics > .text { display: none; }
nav.app-alter > ul > li.most-popular { display: none; }
@media screen and (min-width: 39rem) { nav.app-alter > ul .side-nav, nav.app-alter > ul .menu-divider { display: inline-block; color: #9f9f9f; }
  nav.app-alter > ul > li.topics { float: none; }
  nav.app-alter > ul > li.most-popular { display: inline; }
  nav.app-alter > ul > li.topics > .text { display: inline; margin-left: 0.4em; } }
nav.app-alter img.burger { height: 0.7em; }

button.most-popular { border: none; background: transparent; padding: 0; margin: 0; cursor: pointer; }
button.most-popular > .text { background: #321e13; color: white; text-transform: uppercase; font-size: 0.9rem; display: inline-block; padding: 0 0.4em; line-height: 1.6em; }

button.most-popular:after { background: white; content: ''; display: inline-block; width: 0px; height: 0px; border-style: solid; border-width: 0.4rem 0.4rem 0 0.4rem; border-color: #321e13 transparent transparent transparent; margin-left: 0.4rem; }

nav.most-popular { position: absolute; left: 300px; top: 2.15rem; margin-left: -1rem; -moz-box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.75); -webkit-box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.75); box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.75); }
nav.most-popular time { font-style: italic; color: silver; margin-left: 0.4em; }
nav.most-popular > ol { counter-reset: li; margin-top: 1px; }
nav.most-popular > ol > li { line-height: 1em; text-transform: none; white-space: nowrap; text-overflow: ellipsis; width: 62rem; }
nav.most-popular > ol > li:before { content: counter(li); counter-increment: li; display: inline-block; width: 1rem; height: 1rem; line-height: 1.2em; background: #321e13; color: white; text-align: center; font-size: 0.8em; margin: 0 0.4rem 0 0.6rem; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; }
nav.most-popular > ol > li:first-child { position: absolute; top: -1.8rem; left: 2rem; }
nav.most-popular > ol > li:first-child:before { display: none; }
nav.most-popular > ol > li + li { display: none; }

nav.most-popular.open > ol > li + li { display: block; padding: 0.6em 0; border-style: none solid solid solid; border-width: 1px; border-color: #d9d6d4; background: white; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

aside.app-social { display: none; }
@media screen and (min-width: 39rem) { aside.app-social { text-transform: uppercase; font-size: 0.8rem; position: absolute; right: 1rem; display: block; top: 12px; }
  aside.app-social ul, aside.app-social li { display: inline-block; }
  aside.app-social li { margin-left: 0.6em; }
  aside.app-social img { height: 1.4em; vertical-align: middle; }
  aside.app-social li.classifieds { margin-left: 2em; }
  aside.app-social li.classifieds .highlight { color: #1a9a9a; } }

footer.app { font-size: 0.9rem; padding: 1em; background-color: #d9d6d4; clear: both; text-align: right; max-width: 62rem; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (min-width: 39rem) { footer.app { margin-left: 300px; } }
footer.app nav > ul > li { display: inline-block; }
footer.app nav > ul > li + li { margin-left: 2em; }

nav.app { display: none; }
@media screen and (min-width: 39rem) { nav.app { display: block; float: left; width: 316px; margin-left: -316px; position: fixed; z-index: 2; height: 100%; overflow-y: scroll; overflow-x: hidden; margin-left: 0; }
  nav.app p { margin: 0; } }
@media screen and (min-device-width: 48rem) and (max-device-width: 64rem) and (orientation: portrait) { nav.app { display: none; } }

nav.app > ul { width: 300px; }
@media (min-width: 39rem) { nav.app > ul { border-right: 1px solid #d9d6d4; } }
nav.app > ul > li:not(.contains-ad):nth-of-type(1n) { background-color: #f9f6e6; }
nav.app > ul > li:not(.contains-ad):nth-of-type(2n) { background-color: #e5efea; }
nav.app > ul > li:not(.contains-ad):nth-of-type(3n) { background-color: #deedee; }
nav.app > ul > li:not(.contains-ad):nth-of-type(4n) { background-color: #d7e1e2; }
nav.app > ul > li:not(.contains-ad):nth-of-type(5n) { background-color: #eeece3; }
nav.app > ul > li:not(.contains-ad):nth-of-type(6n) { background-color: #eff6ee; }
nav.app > ul > li:not(.contains-ad):nth-of-type(7n) { background-color: #eaf0e6; }
nav.app > ul > li:not(.contains-ad):nth-of-type(8n) { background-color: #e0eada; }
nav.app > ul > li:not(.contains-ad):nth-of-type(9n) { background-color: #dce1d9; }
nav.app > ul > li { border-width: 1px; border-bottom-style: solid; border-bottom-color: #d9d6d4; padding: 0.75rem 2rem; }
nav.app > ul > li > a { display: block; }
nav.app > ul > li .title, nav.app > ul > li .category { font-weight: bold; letter-spacing: 0.05em; }
nav.app > ul > li > a:hover { text-decoration: none; }
nav.app > ul > li .title { text-transform: uppercase; color: #574138; font-size: 0.75rem; }
nav.app > ul > li .category { color: #939291; font-size: 0.9rem; margin-top: 0.8rem; }
nav.app > ul > li .category:before { content: '#'; margin-right: 0.4em; }
nav.app > ul > li .pubdate { font-family: Georgia, serif; font-style: italic; color: #a1a1a1; letter-spacing: 0.05em; font-size: 0.7rem; margin-top: 0.5rem; padding-left: 1.4em; background-image: url(../img/symbols/written-icon.svg); background-repeat: no-repeat; background-position: left center; -moz-background-size: 1em auto; -o-background-size: 1em auto; -webkit-background-size: 1em auto; background-size: 1em auto; }
nav.app > ul > li:hover, nav.app > ul > li:first-child { background-color: #e9e7e0; }
nav.app > ul > li.contains-ad { padding: 0; }

nav.topics { font-size: 0.9rem; float: left; background-color: #331d13; position: fixed; z-index: 2; left: -10rem; top: 0; width: 10rem; height: 100%; }
@media screen and (min-width: 39rem) { nav.topics { padding-top: 6.4rem; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } }
nav.topics > ul { height: 100%; padding-bottom: 6.4rem; overflow: scroll; -webkit-overflow-scrolling: touch; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
nav.topics > ul > li { margin: 1em; padding: 0.2em; color: white; }
nav.topics > ul > li.selected { color: #baa29b; }
nav.topics > ul > li.classifieds { border-bottom: 1px solid rgba(255, 255, 255, 0.4); padding-bottom: 1em; }

body.admin-bar nav.topics { top: 32px; padding-bottom: 28px; }

nav.topics, nav.app, main { -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -webkit-transition-property: -webkit-transform; transition-property: transform; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; }

@media screen and (max-width: 39rem) { header.app { -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -webkit-transition-property: -webkit-transform; transition-property: transform; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } }
body.topics-open nav.topics, body.topics-open nav.app, body.topics-open main { -moz-transform: translate(10rem, 0); -ms-transform: translate(10rem, 0); -webkit-transform: translate(10rem, 0); transform: translate(10rem, 0); }
@media screen and (max-width: 39rem) { body.topics-open header.app { -moz-transform: translate(10rem, 0); -ms-transform: translate(10rem, 0); -webkit-transform: translate(10rem, 0); transform: translate(10rem, 0); } }

@media screen and (min-width: 39rem) { html, body { height: 100%; }
  main { min-height: 100%; }
  main > article.single { overflow-y: hidden; } }
body { background-color: #f8f8f8; }

main { background-color: white; max-width: 62rem; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /*
@media screen and (min-width: $mobile-break) and (max-width: $tablet-break) {
	margin: $header-height 0 0 0;
}
*/ }
@media screen and (min-width: 39rem) { main { margin: 5.6rem 0 0 300px; border-width: 1px; border-style: none solid; border-color: #d9d6d4; } }
@media screen and (min-device-width: 48rem) and (max-device-width: 64rem) and (orientation: portrait) { main { margin: 5.6rem 0 0 0; } }
main > header { margin: 1.4rem 2rem; padding-top: 0.8em; }
main > p { margin: 1em 2rem; }

p.ui-message { color: #b4ada9; }

form.search { display: inline; }
form.search img.symbol { height: 1em; vertical-align: middle; }
/*form.search input.search { outline: none; margin: 0; padding: 0; font-size: 0.9rem; border: none; width: 4.6em; color: #321e13; }*/
form.search input.search {
    outline: none;
    margin: 0;
    margin-right: 2px;
    padding: 0;
    font-size: 0.9rem;
    border: none;
    width: 12em;
    color: #4C4949;
    background-color: rgba(103, 125, 125, 0.12);
    padding: 1px;
}
form.search input.search::-moz-placeholder { color: #321e13; }
form.search input.search::-webkit-input-placeholder { color: #321e13; }
form.search input.search:-ms-input-placeholder { color: #321e13; }
form.search input.search::-webkit-search-cancel-button { display: none; }

form.comments { margin-top: 2rem; text-align: right; }
@media (min-width: 39rem) { form.comments { margin-left: 2rem; } }
form.comments p { text-align: left; }
form.comments textarea { display: block; width: 100%; height: 3.75rem; border: 1px #5a4c46 solid; margin-top: 1rem; font-size: 0.9rem; padding: 0.4rem 0.6rem; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition-property: height; -o-transition-property: height; -webkit-transition-property: height; transition-property: height; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; }
form.comments textarea:focus { height: 11.25rem; }
form.comments input.submit { margin-top: 2em; font-size: 1rem; padding: 0.4rem 1rem; }
form.comments p.posting-as { color: #64625d; }
form.comments p.posting-as span.user { color: #3f3b34; }

aside.newsletter-signup { background-color: #f8f8f8; border-style: solid none; border-width: 1px; border-color: #d9d6d4; padding: 1.75rem 0 2.3rem 0; margin: 2rem 0; /*
@media screen and (min-width: $mobile-break) and (max-width: $tablet-break) {
	margin-left: $sidebar-width;
	padding-left: $general-padding;
}
*/ }

input.submit, input.email { -webkit-appearance: none; -webkit-border-radius: 0; }

input.submit { background-color: #1a9a9a; color: white; text-transform: uppercase; border: none; }

form.newsletter { max-width: 40rem; margin: 0 auto; position: relative; padding: 0 1rem; }
@media (min-width: 39rem) { form.newsletter { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 10px; } }
form.newsletter > input.submit, form.newsletter > input.email { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; height: 2.5rem; }
form.newsletter > input.submit { font-size: 1.4rem; display: block; margin: 1rem auto 0 auto; }
@media (min-width: 39rem) { form.newsletter > input.submit { width: 20%; display: inline-block; margin: 0; } }
form.newsletter > input.email { width: 100%; border: #d9d6d4 solid 1px; font-size: 0.9rem; padding: 0 1rem; }
@media (min-width: 39rem) { form.newsletter > input.email { width: 80%; border-style: solid none; float: left; } }
@media (min-width: 39rem) { form.newsletter :before { content: ''; background-color: #1a9a9a; height: 2.5rem; position: absolute; width: 10px; bottom: 0; left: 0; display: block; } }
form.newsletter > h1 { font-size: 1.8rem; font-weight: normal; color: #5a4c46; margin-bottom: 1rem; }
@media (min-width: 39rem) { form.newsletter > h1 { margin-left: -10px; } }

form.providers { text-align: center; margin: 1rem 0; }
form.providers > button { border: none; background: none; margin: 0 1rem; cursor: pointer; }
form.providers > button > img { height: 4rem; }

a.login, a.logout { color: #299b98; }

div.signup { border: 1px solid #d9d6d4; padding: 1rem; margin: 1rem 0 2rem 0; }

form.signup { text-align: center; }
form.signup input.submit { font-size: 1.4rem; padding: 0.4rem 1rem; }
form.signup a.login { margin-left: 1rem; text-decoration: underline; }
form.signup fieldset.fields > input, form.signup fieldset.marketing > input { border: #d9d6d4 solid 1px; font-size: 1rem; padding: 0.4rem 1rem; }
form.signup fieldset.marketing > input { max-width: 10rem; }
form.signup fieldset { border: none; }
form.signup fieldset.marketing, form.signup fieldset.newsletter { color: #64625d; }
form.signup fieldset.marketing p, form.signup fieldset.marketing label, form.signup fieldset.newsletter p, form.signup fieldset.newsletter label { font-size: 0.9em; }
form.signup fieldset.newsletter { margin: 1rem 0; }
form.signup p.error { background-color: #f1ddcf; }
form.signup p.success { background-color: #deedee; margin: 2rem 0; }
form.signup p.error, form.signup p.success { padding: 0.4rem 1rem; text-align: center; }

form.email-article { display: none; }

form.email-article.display { display: block; margin: 1rem 0; padding: 1rem; color: #5d5d5d; background-color: #f8f8f8; text-align: center; }
form.email-article.display h1 { font-size: 1.4rem; font-weight: normal; text-transform: capitalize; }
form.email-article.display label { font-size: 0.9rem; text-transform: uppercase; }
form.email-article.display input.text { border: #d9d6d4 solid 1px; font-size: 1rem; padding: 0.4rem 1rem; }
form.email-article.display input.submit { font-size: 1.2rem; display: block; margin: 1rem auto 0 auto; }

::-webkit-input-placeholder { text-transform: uppercase; color: #5a4c46; }

::-moz-placeholder { text-transform: uppercase; color: #5a4c46; opacity: 1; }

:-ms-input-placeholder { text-transform: uppercase; color: #5a4c46; }

.featured-embed { max-width: 40rem; margin: 0 auto; }

article > .body iframe { display: block; margin: 0 auto; overflow: hidden; }
article > .body iframe.google-maps { width: 100%; height: 20rem; }
article > .body iframe.twitter-tweet { margin: 0 auto !important; }
article > .body div.sfy-story { clear: none !important; }

div.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
div.video-container > iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }

div.body-part > div.video-container { margin: 4em 0; }

div.gallery figure.gallery-item { max-width: 62rem; width: 100%; }
div.gallery figure.gallery-item + figure.gallery-item { margin-top: 2rem; }
div.gallery figure.gallery-item img { width: 100%; display: block; }
div.gallery figure.gallery-item figcaption { font-family: Geogrotesk, sans-serif; }

article.index + article.index, aside + article.index { padding-top: 1rem; }
@media (min-width: 39rem) { article.index + article.index, aside + article.index { padding-top: 2rem; } }

article.index.no-related + article.index, article.index.no-related + aside.ad, article.index.no-related + aside.ad:empty + aside.ad:empty + article.index { border-top: 1px solid #d9d6d4; }

article.index { padding-bottom: 1rem; }
@media (min-width: 39rem) { article.index { padding-bottom: 2.5rem; } }

article.index:first-child > header, article.index:first-child > div.wrapper > header, article.index:first-child > div.wrapper > figure.featured-image, article.standalone-image article.index:first-child > div.wrapper > figure, article.single > header { padding-top: 1rem; }

article { color: #3f3b34; }
article > div.wrapper > header, article > header { margin-bottom: 1.3rem; }
article > div.wrapper > header nav.article, article > header nav.article { margin-top: 1.3rem; }
article > div.wrapper > header h1, article > header h1 { color: #5a4c46; font-weight: bold; font-size: 1.8rem; margin-bottom: 0.3em; }
article > div.wrapper > header address, article > header address { display: inline; font-style: normal; color: #5d5d5d; }
article > div.wrapper > header .author + .pubdate:before, article > header .author + .pubdate:before { content: '|'; margin-right: 0.2em; }
article > div.wrapper > header .pubdate, article > header .pubdate { color: #9c9c9c; }
article > div.wrapper > header .author, article > div.wrapper > header .pubdate, article > header .author, article > header .pubdate { text-transform: uppercase; font-size: 0.9em; }
article > div.wrapper > header .category, article > header .category { color: #1a9a9a; font-size: 0.9em; line-height: 100%; font-weight: bold; text-transform: uppercase; margin-bottom: 0.5em; display: block; }
article > .excerpt, article > .comments, article > .body > .body-part, article > header, article > div.wrapper > header, article > footer { margin-left: 1rem; margin-right: 1rem; }
article > .excerpt, article > .body > .body-part, article > header, article > div.wrapper > header, article > footer { max-width: 40rem; }
article .contact { font-style: italic; }
article > .body, article > .excerpt { margin-top: 1rem; font-family: Georgia, serif; line-height: 1.6em; word-wrap: break-word; text-align: justify; }
@media (min-width: 39rem) { article > .body, article > .excerpt { margin-top: 2rem; } }
article > .body a, article > .excerpt a { color: #329bde; }
article > .body h2, article > .body h3, article > .body h4, article > .body h5, article > .body h6 { font-family: Geogrotesk, sans-serif; color: #5a4c46; }
article > .body blockquote { font-family: Georgia, serif; font-style: italic; background-color: #faf9f9; padding: 0.8em 2.6em; margin: 1em 0; quotes: "“" "”" "‘" "’"; position: relative; }
article > .body blockquote > p { margin: 0; }
article > .body blockquote > p + p { margin-top: 1em; }
article > .body blockquote:before, article > .body blockquote:after { position: absolute; font-size: 4em; line-height: 0.1em; }
article > .body blockquote:before { content: open-quote; left: 0.1em; top: 0.45em; }
article > .body blockquote:after { content: close-quote; right: 0.2em; bottom: 0; }
article > .body ul, article > .body ol { padding-left: 1em; margin-left: 1em; }
article > .body ul { list-style: disc; }
article > .body ol { list-style: decimal; }
article > .body p > img { max-width: 100%; height: auto; }
article > footer { margin-top: 3.3rem; }
@media (min-width: 39rem) { article > .excerpt, article > .comments, article > .body > .body-part, article > header, article > div.wrapper > header, article > footer { margin-left: auto; margin-right: auto; } }

@media (min-width: 88rem) { article.single nav.article { position: fixed; left: 300px; top: 8rem; margin-left: 62.8rem; }
  article.single nav.article li { display: block; }
  article.single nav.article li.share { position: static; }
  article.single nav.article li.share > ul.providers > li > iframe { height: auto; }
  article.single nav.article li.share > ul.providers > li > iframe.horizontal { display: none; }
  article.single nav.article li.share > ul.providers > li > iframe.vertical { display: block; margin: 0 auto; }
  article.single nav.article li.share > ul.providers > li > iframe.vertical.fb { width: 47px; height: 86px; overflow: visible; }
  article.single nav.article li.share > ul.providers > li > iframe.vertical.tw { width: 60px; }
  article.single nav.article li + li { margin: 1rem 0 0 0; } }
article.single > footer { margin-top: 0; padding-top: 2rem; clear: both; }

@media (min-width: 1000px) { article.index.featured-thumbnail > div.wrapper { max-width: 40rem; margin-left: auto; margin-right: auto; }
  article.index.featured-thumbnail > div.wrapper > header { float: left; width: 29rem; }
  article.index.featured-thumbnail > div.wrapper > figure.featured-image, article.standalone-image article.index.featured-thumbnail > div.wrapper > figure { width: 10rem; margin-left: 1rem; padding-bottom: 1rem; float: right; }
  article.index.featured-thumbnail > div.wrapper > figure.featured-image > figcaption, article.standalone-image article.index.featured-thumbnail > div.wrapper > figure > figcaption { display: none; }
  article.index.featured-thumbnail > p.excerpt { clear: both; } }

article.single.featured-thumbnail > figure.featured-image, article.standalone-image article.single.featured-thumbnail > figure { max-width: 700px; }

@media (min-width: 39rem) { article.single.page > .body { margin-bottom: 4rem; } }

article .realestate-promoted { position: relative; }
article .realestate-promoted h4 { background: #f8c24b; color: white; font-weight: normal; padding: 9px 30px; font-size: 15px; }
article .realestate-promoted h5 { margin-top: -5px; }
article .realestate-promoted h5 img { width: 275px; margin: 0 0 0 57px; }
article .realestate-promoted .arrow { position: absolute; top: 35px; left: 60px; width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 0 10px; border-color: #f8c24b transparent transparent transparent; }

article.single .realestate-promoted { margin-top: -20px; }

article .paid-advertising { position: relative; }
article .paid-advertising h4 { background: #1a9a9a; color: white; font-weight: normal; padding: 9px 30px; font-size: 15px; }

article.single .paid-advertising { margin-top: -20px; }

article .body h1 { font-family: Geogrotesk, sans-serif; font-weight: normal; font-size: 30px; }

@media (min-width: 39rem) { nav.article { position: relative; }
  nav.article:after { content: ''; display: block; clear: both; height: 1px; } }
nav.article li, nav.article a { color: #5a4c46; }
nav.article li { display: inline-block; text-transform: uppercase; text-align: center; font-size: 0.7em; }
nav.article li + li { margin-left: 1.2em; vertical-align: top; }
nav.article li img { height: 2em; display: block; margin: 0 auto 0.4em auto; }
nav.article li.share { display: none; }
@media (min-width: 39rem) { nav.article li.share { display: block; position: absolute; right: 0; bottom: 0; } }
nav.article li.share > ul.providers { max-width: 500px; }
nav.article li.share > ul.providers > li > iframe { overflow: hidden; height: 20px; display: block; }
nav.article li.share > ul.providers > li > iframe.vertical { display: none; }
nav.article li.share > ul.providers > li > iframe.horizontal.fb { width: 126px; }
nav.article li.share > ul.providers > li > iframe.horizontal.tw { width: 90px; }

.model_popup { width: 450px; border: 1px solid #c4c4c4; background-color: white; margin: 0 auto; position: fixed; top: 100px; left: 400px; z-index: 99999; -webkit-box-shadow: 0px 0px 47px 0px rgba(0, 0, 0, 0.33); -moz-box-shadow: 0px 0px 47px 0px rgba(0, 0, 0, 0.33); box-shadow: 0px 0px 47px 0px rgba(0, 0, 0, 0.33); }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { .model_popup { top: 150px; left: 250px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) { .model_popup { top: 120px; left: 340px; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { .model_popup { width: 80%; left: 10%; top: 20px; } }

.model_logo { text-align: center; margin-top: 65px; background: url("../img/popup-logo.png") no-repeat; background-size: 150px; width: 150px; height: 153px; margin: 35px auto 0 auto; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { .model_logo { display: none; } }

.text_content { width: 100%; text-align: center; }

.head_slogan { text-align: center; margin-top: 0px; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { .head_slogan { margin-top: 40px; } }

.head_slogan h2 { width: 78%; font-size: 16px; margin: 0 auto; font-weight: normal; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { .head_slogan h2 { font-weight: 12px; } }

.subscribe_box { font-size: 15px; margin-top: 30px; }

.subscribe_btn_popup { width: 281px; border-radius: 10px; border: 1.5px solid #c4c4c4; padding: 15px; margin-top: 20px; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { .subscribe_btn_popup { font-weight: 10px; width: 70%; margin-top: 10px; } }

.submit_box { margin-top: 22px; }

.subscribe_btn_submit { background-color: #079b9b; border: none; color: #fff; height: 40px; width: 275px; font-size: 20px; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { .subscribe_btn_submit { width: 70%; } }

.terms_class { font-size: 11px; margin: 10px 0 20px 0; }

.terms_class a { color: #079b9b; text-decoration: underline; }

.close { position: absolute; top: 0; right: 0; background: url("../img/popup-close.png"); width: 41px; height: 42px; overflow: hidden; text-indent: -100px; }

.close:hover { opacity: 0.4; }

article figure > figcaption:empty, article div.content-view-embed > div.class-image > figcaption:empty { display: none; }
article figure > figcaption, article figure > div.attribute-caption, article div.content-view-embed > div.class-image > figcaption, article div.content-view-embed > div.class-image > div.attribute-caption { line-height: 1.4em; padding: 1em 1rem; font-size: 0.9em; background-color: #f8f8f6; }
article figure > figcaption > p, article figure > div.attribute-caption > p, article div.content-view-embed > div.class-image > figcaption > p, article div.content-view-embed > div.class-image > div.attribute-caption > p { margin: 0; display: inline; }
article figure > figcaption > p.caption, article figure > div.attribute-caption > p.caption, article div.content-view-embed > div.class-image > figcaption > p.caption, article div.content-view-embed > div.class-image > div.attribute-caption > p.caption { font-size: 0.9em; margin-left: 0.5em; }
article figure > figcaption > p + p, article figure > div.attribute-caption > p + p, article div.content-view-embed > div.class-image > figcaption > p + p, article div.content-view-embed > div.class-image > div.attribute-caption > p + p { margin-left: 0.2em; }

article.standalone-image figure > figcaption { text-align: left; background-color: #f9f5e6; color: #333; font-size: 1em; }
article.standalone-image figure > figcaption > p.caption { display: block; text-align: right; }

figure.featured-image, article.standalone-image figure { max-width: 62rem; width: 100%; /*
@media screen and (min-width: $mobile-break) and (max-width: $tablet-break) {
	margin: 0 -20px;
	width: auto;
}
*/ }
@media (min-width: 39rem) { figure.featured-image > figcaption, article.standalone-image figure > figcaption { padding: 1em 2rem 1em 7rem; } }
figure.featured-image > a > img, article.standalone-image figure > a > img { width: 100%; height: auto; display: block; }

figure.featured-embed.video { width: 100%; }
@media (max-width: 39rem) { figure.featured-embed.video { margin: 0 0 1em 0; } }

figure.inline, article div.content-view-embed > div.class-image { max-width: 100%; }
figure.inline img, article div.content-view-embed > div.class-image img { display: block; height: auto !important; max-width: 100%; }
figure.inline > figcaption, figure.inline > div.attribute-caption, article div.content-view-embed > div.class-image > figcaption, article div.content-view-embed > div.class-image > div.attribute-caption { font-family: Geogrotesk, sans-serif; }

article div.content-view-embed > div.class-image > div.attribute-caption { max-width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
article div.content-view-embed > div.class-image > div.attribute-caption br { display: none; }
article div.content-view-embed > div.class-image > div.attribute-caption p > span { font-size: 0.9em; }
article div.content-view-embed > div.class-image > div.attribute-image p { margin: 0; }

figure.inline.size-large { max-width: 100%; }
figure.inline.size-large img { height: auto !important; max-width: 100%; }

figure.inline.size-small > figcaption { text-align: left; }
figure.inline.size-small > figcaption p.caption { display: block; margin-left: 0; }

figure.inline.aligncenter { margin: 2em auto; }

figure.inline.alignright { float: right; margin: 1em 0 1em 1em; }

figure.inline.alignleft { float: left; margin: 0 1em 1em 1em; }

section.comments { background-color: #f8f8f8; margin-top: 1rem; padding-bottom: 8rem; position: relative; }
section.comments > header, section.comments > footer, section.comments > article.comment, section.comments > form.comments { max-width: 40rem; margin: 0 auto; }
section.comments > header, section.comments > .ad + footer { padding-top: 3.4rem; }
section.comments > header h1, section.comments > header h2, section.comments > footer h1, section.comments > footer h2 { font-weight: normal; text-align: center; text-transform: capitalize; font-size: 1.2rem; }
section.comments .author + .pubdate:before { content: '|'; }
section.comments .author { color: #299b98; }
section.comments .ad { background-color: transparent; }

section.related + section.comments { margin-top: 4rem; }

section.comments:before { display: block; content: ''; width: 0; height: 0; border-style: solid; border-width: 0 1rem 1rem 1rem; border-color: transparent transparent #f8f8f8 transparent; position: absolute; top: -1rem; left: 50%; margin-left: -1rem; }

section.replies { margin-left: 1rem; }

menu.comment { margin: 0; padding: 0; }
menu.comment > button, menu.comment > span { font-size: 0.9em; }
menu.comment > span { color: #301913; }
menu.comment > button { cursor: pointer; padding: 0; margin: 0; border: none; background: none; }
menu.comment > button.vote { margin: 0 0.2em; width: 1em; height: 1em; background: no-repeat center center; -moz-background-size: 1em auto; -o-background-size: 1em auto; -webkit-background-size: 1em auto; background-size: 1em auto; }
menu.comment > button.vote.up { background-image: url(../img/symbols/arrow-up.svg); }
menu.comment > button.vote.down { background-image: url(../img/symbols/arrow-down.svg); }
menu.comment > span.vote-count.down::before { content: '|'; padding-right: 0.5em; color: #d5d4cf; vertical-align: top; }

article.comment { margin: 2rem 0; }
article.comment > .body { font-family: Geogrotesk, sans-serif; font-size: 0.9rem; color: #64625d; margin-top: 1rem; }
article.comment > .body > .body-part, article.comment > header, article.comment > footer { margin: 1rem 0; }
@media (min-width: 39rem) { article.comment > .body > .body-part, article.comment > header, article.comment > footer { margin-left: 2rem; } }

main > div.author { margin: 0 4rem; padding: 1rem 0; max-width: 40rem; }
@media screen and (max-width: 30rem) { main > div.author { margin: 0 1rem; } }
main > div.author h1 { color: #2f1606; font-weight: normal; margin-bottom: 0.4em; }
main > div.author nav > ul > li { display: inline-block; }
main > div.author nav > ul > li + li { margin-left: 1em; }

section.related { margin-top: 1rem; }
@media screen and (min-width: 64rem) { section.related { margin-top: 0; } }
section.related :after { display: block; content: ''; clear: both; }

section.related > nav.related { width: 100%; }
section.related > nav.related > a { display: block; text-align: center; cursor: pointer; }
section.related > nav.related > a > h1 { font-size: 0.9rem; background-color: #565342; color: white; display: inline-block; font-weight: normal; padding: 0 0 0 1em; line-height: 1.6rem; height: 1.6rem; }
section.related > nav.related > a > h1 > span.icon-wrapper { width: 1.6rem; height: 1.6rem; display: inline-block; background-color: white; border: 1px solid #565342; margin: 0 0 0 1em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
section.related > nav.related > a > h1 > span.icon-wrapper > span.icon { display: inline-block; border-style: solid; border-width: 1px; border-color: transparent #565342 #565342 transparent; height: 40%; width: 40%; margin-bottom: 2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transform: rotate(-45deg) translateX(-2px); -ms-transform: rotate(-45deg) translateX(-2px); -webkit-transform: rotate(-45deg) translateX(-2px); transform: rotate(-45deg) translateX(-2px); -moz-transform-origin: center 50%; -ms-transform-origin: center 50%; -webkit-transform-origin: center 50%; transform-origin: center 50%; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -webkit-transition-property: -webkit-transform; transition-property: transform; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; }
section.related > nav.related div.wrapper { min-height: 12px; border-top: 1px solid #bdb6b1; -moz-box-shadow: inset 0px 12px 7px -10px #dbd7d4; -webkit-box-shadow: inset 0px 12px 7px -10px #dbd7d4; box-shadow: inset 0px 12px 7px -10px #dbd7d4; }
section.related > nav.related ul, section.related > nav.related div.right, section.related > nav.related div.left { height: 0; background-color: #f9f6e6; display: inline-block; -moz-box-shadow: inset 0px 12px 7px -10px #dbd7d4; -webkit-box-shadow: inset 0px 12px 7px -10px #dbd7d4; box-shadow: inset 0px 12px 7px -10px #dbd7d4; -moz-transition-property: height; -o-transition-property: height; -webkit-transition-property: height; transition-property: height; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; }
section.related > nav.related ul, section.related > nav.related div.left { float: left; }
section.related > nav.related div.right, section.related > nav.related div.left { display: none; }
@media screen and (min-width: 64rem) { section.related > nav.related div.right, section.related > nav.related div.left { display: block; width: 10%; line-height: 10rem; overflow: hidden; cursor: pointer; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } }
section.related > nav.related div.right > div.icon, section.related > nav.related div.left > div.icon { display: inline-block; vertical-align: middle; width: 1rem; height: 1rem; border-style: solid; border-width: 1px; border-color: transparent transparent #5e5747 #5e5747; }
section.related > nav.related div.left { padding-left: 4rem; }
section.related > nav.related div.left > div.icon { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
section.related > nav.related div.right { padding-right: 4rem; }
section.related > nav.related div.right > div.icon { -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); margin-left: 1rem; }
section.related > nav.related ul { width: 100%; white-space: nowrap; overflow: scroll; -webkit-overflow-scrolling: touch; }
@media screen and (min-width: 64rem) { section.related > nav.related ul { width: 80%; } }
section.related > nav.related ul > li { display: inline-block; width: 7.5rem; vertical-align: top; height: 100%; overflow: hidden; }
section.related > nav.related ul > li > a { display: block; padding: 1rem 1rem; height: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #857f6a; position: relative; text-align: center; background-image: -webkit-radial-gradient(#e1ded8, transparent); -moz-background-size: 1px 80%; -o-background-size: 1px 80%; -webkit-background-size: 1px 80%; background-size: 1px 80%; background-position: 0 50%; background-repeat: no-repeat; }
section.related > nav.related ul > li > a:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; pointer-events: none; -moz-box-shadow: inset 0px -20px 7px -7px #f9f6e6; -webkit-box-shadow: inset 0px -20px 7px -7px #f9f6e6; box-shadow: inset 0px -20px 7px -7px #f9f6e6; }
section.related > nav.related ul > li > a:hover:before { -moz-box-shadow: inset 0px -20px 7px -7px #e6e3d2; -webkit-box-shadow: inset 0px -20px 7px -7px #e6e3d2; box-shadow: inset 0px -20px 7px -7px #e6e3d2; }
section.related > nav.related ul > li > a:hover { background-color: #e6e3d2; text-decoration: none; -moz-box-shadow: inset 0px 12px 7px -10px #dbd7d4; -webkit-box-shadow: inset 0px 12px 7px -10px #dbd7d4; box-shadow: inset 0px 12px 7px -10px #dbd7d4; }
section.related > nav.related ul > li img { display: block; width: 4rem; height: auto; padding-bottom: 0.4rem; margin: 0 auto; }
section.related > nav.related ul > li p { margin: 0; white-space: normal; word-wrap: break-word; font-weight: bold; text-transform: uppercase; font-size: 0.75rem; }

section.related > nav.related.open ul, section.related > nav.related.open div.right, section.related > nav.related.open div.left { height: 9.25rem; }
section.related > nav.related.open > a > h1 > span.icon-wrapper > span.icon { -moz-transform: rotate(45deg) translateY(-2px); -ms-transform: rotate(45deg) translateY(-2px); -webkit-transform: rotate(45deg) translateY(-2px); transform: rotate(45deg) translateY(-2px); }

div.classifieds-header { background-color: #2e190e; margin-bottom: 2rem; }
div.classifieds-header a.post-yours { display: block; background-color: #9ed7c6; text-transform: uppercase; color: white; font-size: 1.4rem; padding: 1rem; }
@media (min-width: 39rem) { div.classifieds-header a.post-yours > .words { display: block; vertical-align: middle; float: right; text-align: center; line-height: 1.2em; padding-right: 1rem; }
  div.classifieds-header a.post-yours > .words > .first-word { display: block; font-size: 1.4em; } }
div.classifieds-header a.post-yours:before { display: inline-block; content: ''; width: 0; height: 0; border-style: solid; border-width: 1em 0 1em 1.5em; border-color: transparent transparent transparent white; vertical-align: middle; margin-left: -1rem; margin-right: 1.4rem; }
@media (min-width: 39rem) { div.classifieds-header a.post-yours:before { margin-right: 0.8rem; display: block; float: left; } }
div.classifieds-header div.second-line { background: white; padding-top: 0.5rem; }
div.classifieds-header div.third-line { border-top-style: solid; border-color: #d9d6d4; border-width: 1px; }
@media (min-width: 39rem) { div.classifieds-header div.third-line { padding-left: 0.8rem; } }

form.search-classifieds { padding: 1rem; }
form.search-classifieds img.symbol { height: 2rem; vertical-align: middle; margin-right: 0.4rem; }
form.search-classifieds input.search { border-style: none none solid none; border-width: 1px; border-color: white; color: white; background-color: transparent; font-size: 1rem; padding-bottom: 0.4em; display: block; }
form.search-classifieds input.search::-moz-placeholder { color: white; text-transform: none; }
form.search-classifieds input.search::-webkit-input-placeholder { color: white; text-transform: none; }
form.search-classifieds input.search:-ms-input-placeholder { color: white; text-transform: none; }

form.filter-search { border-style: solid none; border-color: #d9d6d4; border-width: 1px; }
form.filter-search input.submit { font-size: 1rem; color: white; background-color: #9ed7c6; cursor: pointer; }
form.filter-search input.submit:hover { color: #9ed7c6; background-color: white; }
form.filter-search button.sort { background: none; border: none; text-transform: uppercase; color: #dad7d5; font-size: 0.75rem; padding: 0.5rem 0.2rem; cursor: pointer; margin: 0; }
form.filter-search button.sort + button.sort { margin: 0 0 0 0.2rem; }
form.filter-search button.sort.checked { color: #321e13; font-weight: bold; background-image: url(../img/symbols/up.svg); background-repeat: no-repeat; background-position: center bottom; -moz-background-size: 0.5rem auto; -o-background-size: 0.5rem auto; -webkit-background-size: 0.5rem auto; background-size: 0.5rem auto; }
@media (min-width: 39rem) { form.filter-search select { font-size: 1rem; display: block; float: left; padding: 0 1rem; margin: 0; border: none; -webkit-appearance: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background-image: url(../img/symbols/down.svg); background-repeat: no-repeat; background-position: right center; -moz-background-size: 0.8rem auto; -o-background-size: 0.8rem auto; -webkit-background-size: 0.8rem auto; background-size: 0.8rem auto; border-right: 0.8rem solid transparent; max-width: 8em; }
  form.filter-search select + select { border-left: 1px solid #d9d6d4; }
  form.filter-search select, form.filter-search input.submit { line-height: 3rem; }
  form.filter-search input.submit { margin: 0; padding: 0 1rem; border-style: none solid; border-color: #d9d6d4; border-width: 1px; } }

@media (min-width: 39rem) { div.classifieds-header > div.first-line, form.search-classifieds > label { display: -webkit-box; display: -moz-box; display: -ms-box; display: box; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -ms-box-orient: horizontal; box-orient: horizontal; -webkit-box-align: stretch; -moz-box-align: stretch; -ms-box-align: stretch; box-align: stretch; }
  form.search-classifieds, form.search-classifieds input.search { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; } }
article.classified { font-family: Georgia, sans-serif; }

article.classified > header > time.pubdate { text-transform: none; }

article.classified.index { padding-bottom: 1rem; padding-top: 1rem; }
article.classified.index + article.classified.index { padding-top: 1rem; }
article.classified.index > header { margin-bottom: 0; }
article.classified.index > header > time.pubdate { display: none; }
article.classified.index > header > a { color: #1a9a9a; }
article.classified.index > header > a > h1 { color: #1a9a9a; font-size: 1rem; font-family: Georgia, serif; font-style: italic; }

article.classified.index.featured-thumbnail { overflow: hidden; }
article.classified.index.featured-thumbnail ul.details { display: inline-block; }

article.classified.index.spotlight { background-color: #f9f6e5; border-color: #d9d6d4; border-width: 1px; border-style: solid none; }
article.classified.index.spotlight + article.classified.index.spotlight { border-top-style: none; }

article.classified div.gallery { max-width: 40rem; margin: 0 auto; }
article.classified div.gallery figure.gallery-item img { width: auto; max-width: 100%; }
article.classified ul.details { max-width: 40rem; margin: 0.6em auto; padding: 0; }
article.classified ul.details > li.excerpt { margin-top: 0.6em; }
article.classified ul.details > li.province, article.classified ul.details > li.price { display: inline-block; }
article.classified ul.details > li.province:before { content: '('; }
article.classified ul.details > li.province:after { content: ')'; }

figure.classified.featured-image, article.standalone-image figure.classified { width: auto; float: left; margin-right: 1rem; }
figure.classified.featured-image > a > img, article.standalone-image figure.classified > a > img { width: 5rem; }

article.classified div.gallery figure.gallery-item img { width: 100% !important; }

body.longform { background-color: white; }
body.longform header.app { height: 3.6rem; }
body.longform header.app h1 { width: 20rem;/*2rem;*/ overflow: hidden; }
body.longform header.app nav.app-alter { display: none; }
body.longform header.app aside.app-social { margin-top: -2rem; }
body.longform header.app aside.app-social li.classifieds, body.longform header.app aside.app-social li.instagram, body.longform header.app aside.app-social li.newsletter { display: none; }
body.longform footer.app { max-width: 100%; margin-left: 0; }

#main.longform { border: none; max-width: 100%; }
@media screen and (min-width: 39rem) { #main.longform { margin: 3.6rem auto 0 auto; } }

article.longform > object.longform-menu-svg { display: none; }
@media screen and (min-width: 39rem) { article.longform > object.longform-menu-svg { display: block; max-width: 100%; } }
article.longform > figure.featured-image, article.standalone-image article.longform > figure { margin: 0 auto; }
article.longform > figure.featured-image figcaption, article.standalone-image article.longform > figure figcaption { display: none; }
article.longform > .body { line-height: 1.8em; }

.xdebug-error { position: fixed; z-index: 100; width: 80%; left: 10%; top: 10%; }