/*
Theme Name: tolmers square 26
Theme URI: http://tolmers.net
Description: The tolmers vilage forum website theme 2020
version: 2.1

/// Style Sheet updated 24.04.21 ///

colours used:
light grey #f7f3f0
mid grey #a8a8a8 
light grey border #dbd7d1
lighter dark grey #4d4b43
dark grey #4D4B43
olive #bea056

fonts:
font-family: "neue-haas-grotesk-text", sans-serif;
  font-style: normal;
  font-weight: 500; or 700;

// unused
 .fix::after { content: ""; clear:both; display: table; } //clearfix
 * { outline: 1px solid red; } //overflow test

 ///CONTENTS///
-general
-home Page and headers
-single attachment and post/page
-wp-blocks
-lists
-footer
-type
-menus
-image boxes
-list fades
-explore bar
-stories and post sorting
-where are they now?
-gallery
-paginations
-forms
-page of posts
-widgets
-video
-other
-media queries
 */

 /* General */
html, body { margin:0; box-sizing: border-box; font-family:'neue-haas-grotesk-text', sans-serif; background:#fff; text-rendering: optimizeLegibility; }
img { color:#a8a8a8; font-weight:400;}
section, .stand, #foot { margin: 0 auto; max-width: 1440px; width: 100%; }
section { max-width: 1140px; margin: 0 auto; }
nav#toprail { background: #f7f3f0; width: 100%; height:60px; position:fixed; top:0; border-bottom:0.5pt solid #dbd7d1; z-index: 100; }
#mast { position: relative; margin: 0 auto; max-width: 1140px; }
.logo { padding: 15px 0; max-width: 480px; float:left; margin-right: 5%; }
.logo svg { max-width: 480px; height: auto; display: block; width: 100%; }
a.sitelogo { float: left; margin-right: 10px; display: block;  }
p { font-weight: 400; color:#4D4B43; }
a { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; font-weight:500; }
.entry { margin-bottom: 150px; }
.default-loop .entry { max-width: 570px; margin: 30px 0 0 0; float:left; width: 100%; font-size: 18px; line-height: 2; color: #4d4b43; }
.content { width:100%; margin:40px 0; float:left; }
#post-wrap { float: left; width: 100%; margin: 80px 0; }
.postbox { border-radius: 24px; margin-bottom:50px; max-width:31.5%; height:auto; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.postbox:hover { box-shadow: 0px 0px 20px -10px #4D4B43; }
.postbox a { text-decoration:none; color: #4d4b43; }
.postbox p { color: #444; padding:0 5px; }
.postbox h3 a { color:#4D4B43; font-size:20px; font-weight:500; line-height:0.5; }
.postbox h3 { padding:0 5px; margin-bottom:10px; }
.thumblink { display: block; max-height: 230px; overflow: hidden; }
.postbox .thumblink { border-radius:24px; }
.postwrap p { color: #a8a8a8; line-height: 1.4; font-weight:400; }
.postbox:hover { box-shadow:none; } 
.postbox .thumblink img:hover, .cthumb img:hover { box-shadow: 0px 4px 16px -6px #4D4B43; transition: all .3s ease; }
.name { color:#bea056; padding:0 5px; font-weight: 500; margin-top:0; }
.name a { color: #bea056; }
.postbox img { border-radius: 24px; width: 100%; height: auto; }
.story-loop { /*max-width: 700px;*/ display: flex; justify-content: space-between; flex-wrap: wrap; }
.home-explore { margin: 0 0 56px 0; }
.home-collections { margin: 0 0 10px 0; }
.sitelogo img { width: 32px; height: auto; }

#post-nav { margin: 30px auto; height: 150px; max-width:1140px; }
#post-nav a { color:#bea056; text-decoration:none; }
#cat-nav { margin: 30px auto; height: 150px; max-width:1140px; }
#cat-nav a { color:#bea056; text-decoration:none; font-size: 18px; }

/* Add to any */


/* .no-sidebar-loop { margin-bottom:150px; }
.content-wrap { margin-left:-1%; }
.dip-article-block { float:left; width:49%; padding:0 0 20px 1%; height:300px; }
#category.home-collections li { height:280px; }
.home-list { float: left; width: 100%; min-height: 100px; margin:75px 0 50px 0; } */

/* Home Page and headers */
.home-banner { position:relative; }
.home-banner img { width:100%; height:auto; }
/* .stand-first { margin:0; font-size:58px; max-width: 50%; color: #fff; position: absolute; z-index: 2; top: 38%; left: 0; font-weight: 600; line-height: 1.1; }
.stand-next { font-size: 26px; font-weight: 500; max-width: 48%; color: #fff; position: absolute; z-index: 2; top: 60%; left:0;  line-height: 1.4; margin: 0; } */
.stand-first { margin:0 0 15px 0; font-size:58px; max-width: 50%; color: #fff; font-weight: 600; line-height: 1.1; }
.stand-next { font-size: 26px; font-weight: 500; max-width: 50%; color: #fff; line-height: 1.4; margin: 0; }
.home-banner .stand-first { max-width: 60%; margin: 0 0 80px 0; }
.homebutton { position:absolute; }
.homebutton a { padding:8px 22px 10px 24px; text-decoration:none; color:#fff; border-radius: 24px; border: 1px solid #bea056; }
.home-page-intro { float:left; margin:50px 0 0 0; }
.intro-image { max-width: 50%; margin-left:0; float: left; }
.intro-image img { max-width:100%; height:360px; border-radius: 24px; }
.intro-image-text { max-width: 46%; float: right; font-size: 24px; color: #4D4B43; line-height: 1.4; padding-top:30px; }
.intro-image-text-alt { margin: 0 auto; max-width: 75%; font-size: 26px; color: #4D4B43; line-height: 1.6; padding-top:30px; text-align:center; }
.intro-image-text-alt p { font-weight:400; }
.intro-image-button a, .intro-button-first a { padding:8px 22px 10px 24px; text-decoration:none; color:#bea056; border-radius:24px; border: 1px solid #bea056; font-size:20px; }
.intro-image-button a:hover, .intro-button-first a:hover { background:#bea056; color:#fff; }
header { margin-top:60px; width: 100%; }
header img { display:block; padding:0; }
#header-image { height: 400px; margin: 0 auto; width: 100%; background-repeat: no-repeat; background-position: center; position: relative; background-size: cover; }
#header-image-home { height: 94.5vh; margin: 0 auto; width: 100%; background-repeat: no-repeat; background-position: center; position: relative; background-size: cover; transition: all 1s; }
.overlay { position: absolute; top: auto; max-width: 1140px; height: auto; margin: auto; left: 0; right: 0; bottom: 40px; }
.cta.overlay { top:0; }
#home-buttons { width: 100%; height: 37px; margin-bottom: 30px; }
.l-btn { float:left; position:static; }
.l-btn a { background:#bea056; font-size: 20px; }
.l-btn a:hover, .r-btn a:hover  { background:#fff; color:#bea056; border: 1px solid #fff; }
.r-btn { float:left; margin-left:30px; position:static; }
.r-btn a { border: 1px solid #fff; font-size: 20px; }
.i-btn { position:relative; float:right; margin-top:2px; }
.i-btn a { background:#bea056; padding-left:50px; }
.i-btn a:hover { background:#fff; color:#bea056; border: 1px solid #fff; }
.i { position: absolute; top: -3px; left: 9px; width: 20px; height: 20px; border: 1px solid #fff; border-radius: 24px; display: inline; padding: 3px 3px 4px 3px; text-align: center; vertical-align: 5px; font-family: Courier, monospace; font-size: 20px; }
.latest.home-stories li { background:none; height: 280px; }
.home-heading { text-align: center; color: #4d4b43; font-weight: 500; }
.home-intro { text-align: center; color: #a8a8a8; max-width: 660px; margin: 0 auto 40px auto; font-weight:400; line-height: 36px; }
.center { text-align:center; }
.home-loop { margin: 56px 0 100px 0; }
#collections.home-coll li:hover { box-shadow: none; }
.postwrap p { color: #a8a8a8; line-height: 24px; font-weight:400; }
.postbox:hover { box-shadow: none; }
.cthumb, .cthumb img { display: block; }
.home-stories .thumblink { border-radius:24px; }
/* .latest.home-stories li img { border-radius:0; } */
.latest.home-stories li img { height: auto; max-width: 100%; border-radius: 24px; }

/* #latest.home-stories li { background:none; height: 480px; } */
/* .header-left { width:68%; float: left; max-height: 400px; overflow: hidden; }
.header-right { width:32%; float: left; max-height: 400px; } */

/* single attachment */
 #single { width:100%; float:left; margin:120px 0 0 0; padding-bottom: 80px; }
 .single-image { max-width:1170px; margin:0 auto; text-align: center; margin-bottom: 20px; padding-bottom: 60px; border-bottom: 1px solid #ccc; }
 .single-image img { max-width:100%; height:auto; border-radius:24px; max-height: 780px; width: auto; }
 .single-info { border-top: 1px solid #ccc; }
 .img-info { border-bottom: 1px solid #ccc; line-height:15px; font-size:14px; color: #4D4B43 }
 .img-info p { min-height: 16px; }
 .row1 { width: 32%; float: left; color: #a8a8a8; font-weight:500; }
 .row2 { width: 68%; float: left; color: #4D4B43; font-weight:500; }
 button.pill { background: #fff; cursor: pointer; }
 .pill { padding: 7px 14px; border: 1px solid #ccc; border-radius: 24px; color: #bea056; text-decoration: none; margin:0; font-size: 14px; }
 .pill:hover { color: #fff; background: #bea056; border-color:#bea056; }
.img-info-nb { border: none; display: inline-block; margin:0 0 25px 0; }
 /* *** change theme to something meaningful */
 #theme { line-height: 1.6; padding:0 0 30px 0; font-weight:500; color:#a8a8a8; font-size:14px; }
 #theme a { color: #bea056; }
 #single-image-left { width: 42%; float: left; }
 #single-image-right { width: 42%; float: right; }
 #single-cat-box { border-radius: 24px; background: #f7f3f0; margin: 30px 0 0 5%; }
 #single-cat-box h3 { margin:30px 0 0 0; float:left; }
 #description { margin: 30px 0 30px 0; font-size:18px; line-height: 30px; }
 #description p { color:#4d4b43; }
.cathead { display: inline-block; width: 100%; padding: 0 30px; box-sizing: border-box; }
.rule { border-bottom: 1px solid #ccc; display: inline-block; width: 100%; }
.default-loop .entry .wp-block-image { border:none; }
.default-loop .entry .wp-block-image img { max-width: 800px; height: auto; border:none; border-radius: 24px; }
.default-loop .page.entry .wp-block-image img { max-width: 100%; }
 /* .single-info-nb { border: none; padding-top:1px; } */
 .single-rule { width: 100%; display: inline-block; }
 .single-rule p { border-top: 1px solid #ccc; line-height:0; }
/* wp-blocks */
hr.wp-block-separator { display: inline-block; width:100%; border-top: 1px solid #ccc; }
.default-loop .entry .wp-block-image figcaption { color:#a8a8a8; font-size:14px; float: left; padding: 2px 20px 2px 0px; margin: 20px 0 0 0; line-height:1.6; }
.blocks-gallery-caption { color:#a8a8a8; font-size:16px; float: left; padding: 2px 20px 2px 0px; margin: 10px 0 0 0; }
.blocks-gallery-item figcaption { visibility: hidden; }
.wp-block-columns { padding-top:42px; border-top:1px solid #ccc; width: 100%; }
.wp-block-column p { font-size:16px; line-height:1.6; }
.default-loop .entry .wp-block-column .wp-block-image { margin-right: 0; max-width: 800px; margin-top: 20px; }
.default-loop .entry .wp-block-column .wp-block-image img { max-width: 100%; border-radius:0; }
.wp-block-image { margin-left:0; }
.wp-block-image figcaption { padding: 10px; }
.wp-block-image { margin-left: 0; display: inline-block; margin-top: 0; border: 0.25pt solid #ccc; margin-bottom: 36px; }
.page .wp-block-image { margin-right:0; }
.wp-block-image img { border: 0.25pt solid #e2e2e2; display:block; padding:0; }

.wp-block-media-text { background: #f7f3f0; border-radius: 24px; padding: 40px; }
.wp-block-media-text__media img, .wp-block-media-text__media video { height: auto; border-radius:20px; }
.wp-block-media-text p { font-size: 20px; color: #4d4b43; line-height: 32px; }
.wp-block-button__link { padding:8px 22px 10px 24px; text-decoration:none; background-color: transparent; color: #bea056; border-radius:24px; border: 1px solid #bea056; font-size:20px; }
.wp-block-button__link:visited { color:#bea056; }
.wp-block-button__link:hover { background:#bea056; color:#fff; }
.wp-block-button { margin: 15px 0; }

.wp-block-table { margin: 0; font-size:16px; }
.wp-block-table.is-style-stripes { border-bottom:none; }
.wp-block-table.is-style-stripes td { padding: 20px; }
.wp-block-categories-list { list-style: none; padding:0; }
.wp-block-categories-list li { line-height:1.6; }
.entry tr { line-height:1.6; }

.wp-block-group { overflow: hidden; width: 100%; margin: 0 0 5px 0; }

/* lists */
#category.home-collections li { height:240px; }
.latest.home-stories, .latest.home-explore { margin-top:0; }
.latest { float: left; width: 100%; min-height: 100px; margin:50px 0 20px 0; }
.latest ul { list-style: none; margin:0; padding:0; display:flex; justify-content:space-between; flex-wrap:wrap; }
.latest li { width:31.5%; height:440px; background: #f7f3f0; border-radius: 24px; max-width:360px; min-width:320px; }
.latest li img { width:100%; height:auto; border-radius: 24px 20px 0 0; }
.latest a.hil { font-size: 20px; color: #4D4B43; margin:22px 0 0 22px; text-decoration: none; float: left; }
.latest.explore ul { flex-wrap:wrap; }
.latest.explore ul li { margin-bottom:80px; }
.latest .card .dd { pointer-events: none; display:none; background: #fff; border: 1px solid #ccc; border-radius: 18px; padding:40px 5px 20px 20px; margin-top:-40px; }
.latest .card .dd li { list-style: none; margin: 0; padding: 0; display: block; height:auto; width: auto; background:#fff; }
.latest .card .dd li a { pointer-events: auto; color:#bea056; text-decoration: none; border-radius:0; margin:5px 0; padding: 3px 0; display: block; font-size: 14px; font-weight:500; }
.latest .card .dd li a:hover { color:#4D4B43; }
.intro-button-first { display: inline-block; width: 100%; margin-top:40px; margin-bottom: 0; }
.intro-image-button { display: inline-block; width: 100%; margin-top:10px; margin-bottom: 80px; }
.home-rule { margin: 100px 0 50px 0; width: 100%; float: left; }
.line { display:inline-block; height:1px; width:100%; border-top:1px solid #dbd7d1; }
#latest { float: left; width: 100%; min-height: 100px; margin:75px 0 50px 0; }
#latest ul { list-style: none; margin:0; padding:0; display:flex; justify-content:space-between; flex-wrap:wrap; }
#latest li { width:31.5%; height:440px; background: #f7f3f0; border-radius: 24px; }
h3.in-same { margin-bottom: 30px; }
h3.explore-heading { margin-bottom: 30px; }
#latest li img { width:100%; height:auto; border-radius: 24px 20px 0 0; }
#latest a.hil { font-size: 20px; color: #4D4B43; margin:22px 0 0 22px; text-decoration: none; float: left; }
.terme { padding: 7px 14px; float: left; border: 1px solid #ccc; border-radius: 24px; color: #bea056; text-decoration: none; margin: 5px; font-size:14px; }
#latest.explore ul { flex-wrap:wrap; }
#latest.explore ul li { margin-bottom:80px; }
#collection-boxes { max-width: 1140px; margin: 0 auto; }
#category .featured-collections li { width:48%; height:600px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
#category .featured-collections li:hover { box-shadow: 0px 0px 20px -10px #4D4B43; }
.coll { color: #4d4b43; text-decoration: none; font-size:20px; }
#collections li h3 { padding: 0 5px; }
.desc { padding:0 5px; color:#a8a8a8; line-height:1.6; font-size: 16px; }
.feat-coll { color: #bea056; text-decoration: none; padding:0 30px; font-weight: 500; font-size:28px; }
.feat-desc { padding:0 30px; color:#4d4b43; font-size:20px; line-height:1.6; margin-top:-12px;}
.archive { color:#a8a8a8; }

body #a2apage_dropdown, body .a2a_full { background-color: #000 !important; color:#f7f3f0 !important; }
body .a2a_mini_services a.a2a_i, body #a2apage_show_more_less { color:#f7f3f0 !important; }
body .a2a_mini_services a.a2a_i:hover, body #a2apage_show_more_less:hover { color:#888 !important; }

#collections { margin:80px 0 40px 0; float: left; width: 100%; min-height: 100px; }
#collections ul { list-style: none; margin: 0; padding: 0; display: flex; justify-content: space-between; flex-wrap: wrap; }
#collections li { border-bottom:none; margin-bottom:20px; width: 23%; height: 360px; border-radius: 24px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
#collections li:hover { box-shadow: none; }
#collections li img { width: 100%; height: auto; border-radius: 24px; }
#collections li.blank { height:0; padding:0; }
#collections .desc { margin-top:-8px; }
#collections .desc p { color:#a8a8a8; }

#category { float: left; width: 100%; min-height: 100px; }
#category ul { list-style: none; margin:0; padding:0; display:flex; justify-content:space-between; flex-wrap:wrap; }
#category li { width:23%; height:360px; border-radius: 24px; /* margin-bottom:80px; */ -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
#category li:hover { box-shadow: none; }
#category li img { width:100%; height:auto; border-radius: 24px; }
#category a.hil { font-size: 20px; color: #4D4B43; margin:22px 0 0 22px; text-decoration: none; float: left; }
.category { color: #4D4B43; margin: -15px 0 30px 0; }

.terme-list { list-style: none; margin:0px 30px 30px 30px; display: inline-block; padding:0; font-weight: 500; font-size: 14px; color: #4D4B43; /*watch this >> */min-width: 86%; }
.terme-list li { width:100%; float:left; margin-top:10px; border-bottom:1px solid #eaeaea; padding-bottom: 10px; }
.terme-list .terme { margin:5px 5px 5px 0; background:#fff; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
#single .terme-list li { display:table; }
#category .terme-list li { border:none; }
.terme-list .terme:hover { background: #bea056; color: #fff; border:1px solid #bea056; }
.p-terme { float: left; display: block; padding: 12px 0 0 0; margin-right: 20px; }
.parent { width: 30%; display: table-cell; vertical-align: top; }
.children { float: left; }
/* #latest li:hover { }
.terms { padding: 0 12px; float:left; margin-top: 22px; } 
#insame { float: left; width: 100%; min-height: 100px; margin:0 0 125px 0; }
#insame ul { list-style: none; margin:0; padding:0; display:flex; justify-content:space-between; flex-wrap:wrap; }
#insame li { width:31.5%; height:480px; background: #f7f3f0; border-radius: 24px; margin-bottom:80px; }
#insame li img { width:100%; height:auto; border-radius: 24px 20px 0 0; }
#insame a.hil { font-size: 20px; color: #4D4B43; margin:22px 0 0 22px; text-decoration: none; float: left; } */
.explore #post-filter { display: inline-block; margin: 20px 0 10px 0; width: 100%; }
/* footer */
footer { background: #f7f3f0; padding-bottom: 20px; clear: both;  border-top:0.5pt solid #dbd7d1; }
.footer-title { margin: 30px 0 0 0; }
.footer-menu { width: 30%; }
.credits { float: right; }
.credits ul { float: left; list-style: none; margin: 0; padding: 0 50px 0 0; }
#foot .credits ul:last-of-type { padding: 0 10px 0 0; }
.copyright { display:inline-block; width: 100%; font-size: 14px; border-top: 1px solid #ccc; margin-top: 20px; padding-top:10px; }
#foot { color: #4D4B43; padding: 30px 0; line-height: 1.4; min-height: 320px; max-width: 1140px; margin: 0 auto; }

/* type */
.sitename { text-decoration: none; margin:2px 0; color:#4d4b43; float: left; font-weight:600; font-size:22px; }
h2 { font-size: 32px; color: #4d4b43; font-weight: 500; line-height:1.4; }
h3 { font-size: 20px; color: #4d4b43; font-weight:500; line-height:1.6; }
h3 a:hover { color: #bea056; }
h5 { font-size:14px; }
.collection.content { max-width: 570px; font-size:20px; font-weight:500; line-height:1.4; margin-bottom: 20px; color:#4d4b43; }
.collection.content a { color: #bea056; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease}
.collection.content a:hover { color: #fff; background-color: #bea056; }
.entry a { color: #bea056; text-decoration: none; }
.entry a:hover { text-decoration: underline; }
.entry .post-cat { color:#a8a8a8; font-size:16px; text-decoration:none; margin-right:20px; }
.entry .post-title { margin-top:10px; margin-bottom:5px; line-height: 1.4; }
.entry .author-name { color:#bea056; margin:0; border-bottom: 1px solid #dbd7d1; padding-bottom: 20px; }
.entry .contents p { margin:36px 0; font-weight:400; }
.default-loop .entry.page { margin-bottom: 60px; }
.entry .headings { margin: 0 10px 30px 0; }
/* h1.sitename { margin:2px 0; color:#4d4b43; float: left; font-weight:600; font-size:22px; }
h1.sitename a { text-decoration: none; color:#4d4b43; font-weight:600; } */

/* Menus */
.menu-wrap { float: right; margin:9px 0 5px 0; }
#menu-top-menu { list-style: none; margin:12px 0; padding:0; }
#menu-top-menu li { display:inline; margin-right: 20px; }
#menu-top-menu li:last-of-type { margin: 0; }
/* #menu-top-menu li:first-of-type { display: none; } */
#menu-top-menu li.menu-item-home { display: none; }
#menu-top-menu li.more a, #menu-top-menu li.more.current-menu-item a { background: #bea056; color: #fff; border-color:#bea056; }
#menu-top-menu li.more a:hover { background: #fff; }
#menu-top-menu li a { padding:9px 20px 8px 20px; border-radius: 24px; text-decoration:none; color:#4d4b43; border:1px solid #dbdbdb; font-weight:500; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
#menu-top-menu li a:hover { color:#bea056; border:1px solid #bea056; ; }
#menu-top-menu li.current_page_item a, #menu-top-menu li.current-menu-item a, #menu-top-menu li.current-post-ancestor a, #menu-top-menu li.current-menu-parent a, #menu-top-menu light.current-post-parent a { color:#bea056; border:1px solid #bea056; }
.menuicon { position: absolute; right: 10px; display:none; top: 16px; }
.menuicon img { cursor: pointer; width:34px; }
.menu .closemenu { position:absolute; top:0px; left:0px; z-index:10001; visibility: hidden; opacity:0; transition: all 0.5s; height: 50px; width: 100%; background: #777; }
.closemenu::before { color:#ccc; font-size:48px; }
.closemenu.active { visibility: visible; opacity:1; }
.closetxt { color: #ccc; font-family: 'Roboto', sans-serif; vertical-align: 15px; }
.menu-top-container { z-index: 10000; overflow-y:auto; position:fixed; background: #777; width:100%; height:100%; top: 0; left: 0; visibility: hidden; opacity:0; transition: 0.5s; }
.menu-top-container.shown { visibility: visible; opacity:1; }
#sidebar .widget_nav_menu { list-style: none; background:none; padding:0; }
#sidebar .widget_nav_menu ul li { list-style: none; width: 100%; }
#sidebar .widget_nav_menu ul li a { color:#a8a8a8; display: block; padding: 9px 16px; font-weight: 500; border-radius:24px; border: 1px solid #ccc; margin-bottom:12px; }
#sidebar .widget_nav_menu ul li a:hover { color:#fff; background-color:#bea056; border: 1px solid #bea056; }
#sidebar .widget_nav_menu ul li.current_page_item a, #sidebar .widget_nav_menu ul li.current-menu-item a { color:#fff; background:#bea056; border-color:#bea056; }
#sidebar .widget_nav_menu ul li.current_page_item.std { background:#fff; }
#sidebar .widget_nav_menu ul li.current_page_item.std a { color:#bea056; background:none; }
#sidebar .widget_nav_menu ul li.std {  border-radius: 0; padding-left: 0; margin-bottom: 4px; }
#sidebar .widget_nav_menu ul li.std a { border: none; padding: 0; margin: 0 0 10px 0; text-decoration: underline; }
#sidebar .widget_nav_menu ul li.std a:hover { background:none; color:#444; }
#sidebar .widget_nav_menu ul li.std.divider { margin-top: -20px; padding-top: 20px; border-top: 1px solid #dbd7d1; }
/* #sidebar .widget_nav_menu ul li.current_page_item { } */

/* image boxes */
.card { z-index: 1; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; position:relative; }
.card:hover { box-shadow: 0px 0px 20px -10px #4D4B43; }
.card-info { padding: 0 22px 0; }
.card-title { margin:0; font-size: 20px; color: #4D4B43; text-decoration: none; float: left; font-weight: 500; line-height: 1.4; }
.card-navi { 	left: 19px; right: 19px; bottom: 22px; position:absolute; }
.description { color:#a8a8a8; margin-top:14px; display: inline-block; width: 100%; height:50px; line-height:24px; }
.more-info { padding:10px 20px 10px 20px; float: left; border: 1px solid #ccc; border-radius: 24px; color: #a8a8a8; text-decoration: none; font-size: 14px; font-weight: 500; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.more-info:hover { background: #bea056; color: #fff; border-color: #bea056; }

.terms-list { right:0; width: 60%; position: absolute; }
.categories { font-size: 14px; font-weight: 500; margin: 0; padding: 10px 14px 10px 20px; border-radius: 24px; text-decoration: none; color: #a8a8a8; border: 1px solid #ccc; display: block; cursor: pointer; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.categories:hover { background: #fff; color: #4D4B43; }
.terms-list.active .categories { background: #fff; }
.categories::after { font-family: 'dashicons'; content: "\f346"; float: right; font-size:16px; }
.card.active .categories::after { rotate:180deg; }
.card.active { z-index: 10; }
.card.active .categories { color:#4D4B43; }
#latest .card .dd { pointer-events: none; display:none; background: #fff; border: 1px solid #ccc; border-radius: 18px; padding:40px 5px 20px 20px; margin-top:-37px; }
#latest .card .dd li { list-style: none; margin: 0; padding: 0; display: block; height:auto; width: auto; background:#fff; }
#latest .card .dd li a { pointer-events: auto; color:#bea056; text-decoration: none; border-radius:0; margin:5px 0; padding: 3px 0; display: block; font-size: 14px; font-weight:500; }
#latest .card .dd li a:hover { color:#4D4B43; }
.dd li { min-width: auto; }

/* list fades */
.card, .postbox, .terme-list li, #image-collection li { display:block; opacity: 0; transition:opacity 0.5s; }
.card.loaded, .postbox.loaded, .terme-list li.loaded, #image-collection li.loaded { display:block; opacity: 1; }
.card.active .terms-list .dd { background:#fff; display:block !important; }

/* explore bar */
.hc.active { position: relative; }
#explore { height:60px; box-shadow: 0px 15px 20px -25px #4D4B43; }
nav#explore { margin: 0 auto; border-top: 1px solid #dbd7d1; border-bottom: 1px solid #dbd7d1; position:relative; z-index:99; }
.menu-heading { display:none; cursor:pointer; margin:10px 0; padding: 10px 14px 10px 20px; border-radius: 24px; text-decoration: none; color: #a8a8a8; border: 1px solid #dbd7d1; font-weight: 500; font-size: 14px; }
.menu-heading:after { font-family: 'dashicons'; content: "\f346"; float: right; font-size: 17px; }
#explore .midmenu { max-width: 1140px; margin: 0 auto; }
#explore ul { list-style: none; width: 100%; padding: 10px 0 0 0; margin: 0; display:flex; justify-content: space-between; }
#explore li { min-width: 170px; }
#explore li a { padding:10px 14px 10px 20px; border-radius: 24px; text-decoration:none; color:#a8a8a8; border:1px solid #dbd7d1; display: block; font-weight: 500; font-size: 14px; }
#explore li a::after { font-family:'dashicons'; content: "\f346"; float:right; font-size:17px; }
#explore li.active a::after { font-family:'dashicons'; content: "\f346"; rotate:180deg;}
#explore .sub-menu { padding:0; display:none; }
#explore .sub-menu li { list-style: none; margin: 0; display: block; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
#explore .sub-menu a { padding: 5px 0 5px 20px; border:none; font-size:14px; font-weight:500; color: #bea056; }
#explore .sub-menu li a::after { content: none; }
#explore .sub-menu li a:hover { color:#4d4b43; }
#explore .hc { cursor: pointer; }
#explore .hc.active .sub-menu { z-index: 10; max-height:500px; overflow-y:scroll; display: block; width: 100%; width: 300px; position: absolute; left:0; right:0; top:50px; background: #fff; border-top: 1px solid #dbd7d1; border-bottom: 1px solid #dbd7d1; border-left: 1px solid #dbd7d1; border-right: 1px solid #dbd7d1;box-sizing: border-box; box-shadow: 0px 15px 20px -10px #4D4B43; border-radius: 0px 0px 20px 20px; padding: 10px 0 20px 0; }
#explore .hc.active a { border-radius: 20px 20px 0px 0px; border-bottom:0; position: relative; z-index: 100; height: 30px; background: #fff; }
#explore li.active a { color:#bea056; }
.none { pointer-events: none; }
#explore ul li:last-child .sub-menu { left: auto !important; } 
#explore.sticky { position: fixed; top: 60px; width: 100%; background:#fff; max-width: none; z-index: 90; box-shadow: 0px 15px 20px -25px #4D4B43; }
.sticky + .content { padding-top: 60px; }
.stuck { margin-top:120px; }
.explore-page.stuck { margin-top:60px; }
#category li.blank, .explore li.blank { background:none; height: 1px; margin: 0; border:none; }
.postbox.blank { width:100%; background:none; height: 10px; }
/* .ruled { border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 16px; } */

/* Stories and post sorting */
#post-wrap { margin: 80px 0 0 0; }
#order .ui-selectmenu-text { display: block; margin-right:0; }
#ordering { visibility: hidden; }
#order .ui-selectmenu-icon { display:none; }
.ui-selectmenu-text { font-weight:500; color:#bea056; font-family: "neue-haas-grotesk-text", sans-serif; }
.ui-selectmenu-text:after { content: "\f346"; font-size:16px; float: right; font-family: "Dashicons"; margin: 1px; }
.ui-selectmenu-button-open .ui-selectmenu-text:after { rotate:180deg; }
.ui-selectmenu-menu.ui-selectmenu-open { z-index:1; }
.ui-menu-item-wrapper { font-weight:500; color:#bea056; font-family: "neue-haas-grotesk-text", sans-serif; line-height:1.6; }
label.order-title { color:#a8a8a8; padding-left: 5px; display: block; margin-bottom:5px; }
#ordering-menu .ui-state-active, .ui-widget-content { color:#bea056; }
#ordering-menu .ui-state-active, .ui-widget-content .ui-state-active { background:#fff; border: 1px solid transparent; color:#bea056; font-weight:500; }
#ordering-menu .ui-state-active, .ui-widget-content .ui-state-active:hover { color:#4D4B43; }
#ordering-menu.ui-widget.ui-widget-content { border: 1px solid #a8a8a8; margin-top: -16px; padding-top: 20px; background:#fff; padding:20px 0 25px 14px; border-radius: 0 0 23px 23px; }
#ordering-button.ui-selectmenu-button-open { border-radius: 23px 23px 0 0; border-bottom: 1px solid transparent; background: #fff; color:#bea056; }
#ordering-button { transition: all 0.25s; z-index:10; font-size: 16px; color: #a8a8a8; margin: 0 5px 0 0; padding: 10px 14px 10px 20px; background: #f7f3f0; border: 1px solid #a8a8a8; border-radius: 23px; font-family: 'neue-haas-grotesk-text', sans-serif; }
#ordering-button:hover { background:#fff; color:#bea056; }
#sub-mit { -webkit-appearance: none; appearance: none; transition: all 0.25s; padding: 11px 12px 11px 12px; border-radius: 24px; font-weight: 500; color: #a8a8a8; border: 1px solid #a8a8a8; background: #f7f3f0; cursor:pointer; font-family: 'neue-haas-grotesk-text', sans-serif; font-size:14px; margin:10px 0 0 0; }
#sub-mit:hover { background:#bea056; color:#fff; border-color: #bea056; }
#more-stories { display: inline-block; margin-top:20px; }
#more-stories .content { margin-top: 0; margin-bottom: 0; }
.content.stories-loop { border-bottom: 1px solid #ccc; padding-bottom: 40px; }

/* Where are they now */
.entry.watn, .entry.watn-single { margin-top:0; margin-bottom:30px; }
.title-block { border-bottom: 1px solid #ccc; display: inline-block; width: 100%; padding-bottom: 16px; }
.watn .info-block { border-bottom: none; border-top: 1px solid #ccc; padding-bottom: 0; padding-top: 20px; }
.watn-single .info-block { padding-bottom: 40px; padding-top: 20px; }
.title-block .post-title { float:left; }
.title-block a { float:right; margin-top: 18px; }
.all-photos { border: 1px solid #bea056; border-radius: 26px; padding: 0 16px; font-size: 16px; color: #bea056; line-height:2; text-decoration: none; display: inline-block; }
.all-photos:hover { background:#bea056; text-decoration:none; color:#fff; }
.info-block { display: inline-block; margin-top: 5px; border-bottom:1px solid #ccc; padding-bottom: 20px; width:100%; }
.info-block img, .info-row img { border-radius: 50%; max-width: 100px; height: auto; }
.info-block .ib-left-single img, .info-row .ib-left-single img { max-width:150px; }
.piclink { display:block; float:left; }
.info-row { display: inline-block; margin-top: 36px; border-top:1px solid #ccc; padding: 20px 0; width: 100%; }
.info-row .post-title { margin: 60px 0 0 30px; float: left; }
.ib-left { width: 100px; float: left; margin-right:20px; height:100px; }
.ib-right { width: auto; margin-top:33px; }
.ib-right-single { float: right; margin-top:15px; width: 65%; }
.ib-left-single { width: 150px; float: left; margin-right:20px; height:150px; margin-bottom: 20px; }
.now { float: right; margin-top: -33px; }

.p-row { border-top:1px solid #eaeaea; display: table; width: 100%; padding:8px 0; }
.col1 { width: 30%; font-weight: 500; display: table-cell; font-size:15px; color:#a8a8a8; }
.col2 { display: block; font-size:15px; font-weight: 500; }
#person-stories { display: inline-block; margin-top:40px; margin-bottom: 30px; }
#person-stories .story-loop { margin-top:0; margin-bottom: 0; }
#person-stories .postbox { margin-bottom:10px; min-width: 320px; }
.people-rule { margin: 50px 0 50px 0; width: 100%; float: left; }
.people-explore { margin-top:40px; margin-bottom:30px; }
.people-explore .cards { margin-top: 30px; }
.people-explore .card.loaded { margin-bottom: 80px; }
.names .post-title { margin:0 30px 0 0; float: left; }
.names .post-title a { color:#4d4b43; }
.formerly { float: right; margin: 0; font-size: 14px; font-weight: 500; color:#a8a8a8; }
.oldname { margin: 0 0 0 6px; }
.crumbs, .crumbs a { color: #a8a8a8; text-decoration: none; margin-bottom:20px; font-size:16px; }
.arrow::before { margin: 0 2px 0 0; vertical-align: -6px; font-size:18px; }

/* Gallery */
.entry-attachment p { color:#fff; padding:0 10px; font-size:14px; }
#image-collection { list-style: none; width: 100%; padding: 20px 0 0 0; margin: 0 0 50px 0; display:flex; justify-content: space-between; flex-wrap:wrap; }
#image-collection li { width:31.5%; margin-bottom: 20px; }
#image-collection li img { border-radius: 24px; width: 100%; height: auto; margin-bottom: 30px; }
.featherlight-inner img  { width: auto !important; height: auto !important; max-width: 100%; max-height: 80vh; }
.featherlight-content a.moreinfo { background:transparent; text-decoration:none !important; color: #fff; font-size: 24px; cursor: pointer; position: fixed; left: 19px; top:25px; font-family: Courier, monospace; border:2px solid #fff; border-radius:24px; padding:6px 11px; }
.featherlight-content a.moreinfo:hover { color:#222; background:#fff; }
.featherlight-inner { font-family: 'Roboto', sans-serif !important; max-width: 1000px; }
.imgtitle { display: table; width: 100%; }
.featherlight-inner .fl-cap { display: table-caption; }
.featherlight-content .featherlight-previous { background-image:url(images/arrow-left-outlined-white.svg); opacity:0.2; }
.featherlight-content .featherlight-next { background-image:url(images/arrow-right-outlined-white.svg); opacity:0.2; }
.featherlight-previous, .featherlight-next { max-width: 45px; height: auto; }
.featherlight-previous { margin-left:10px; }
.featherlight-next { margin-right:10px; }
.featherlight .featherlight-close-icon.featherlight-close { opacity:.25; width:35px; height:35px; }
.captn { color: #ccc; font-size: 16px; text-align:center; font-family:'neue-haas-grotesk-text', sans-serif; font-weight:400; padding: 10px; font-size: 14px; color: #888; }

/*.featherlight-inner img { max-width: 100%; height: auto; }*/
/* .info { position: fixed; top: 0; left: 0; width: 300px; padding:5px; background: rgba(120,120,120,0.8); border-radius: 0 0 15px 0; opacity: 0; visibility:hidden; transition: 0.5s; }
.infoshown { opacity: 1; visibility:visible; }
.closeinfo p { font-size: 12px; background: #333; float: right; padding: 3px 7px; border-radius: 4px; }
.closeinfo:hover, .infobtn:hover { cursor:pointer; }
.infobtn { font-size: 12px; margin-left: 10px; color: #f00; } */

/* breadcrumb
.breadcrumbs { margin: 20px auto; max-width: 1200px; width: 100%; }
.breadcrumbs .search.current-item { position:static; margin:0; }
.my-cats { min-height:20px; }
.my-cats ul { padding:0; }
.my-cats li { display: inline; }
.bull { font-size:12pt; }
 */

/* Paginations */
.wp-pagenavi { margin-top: 0px; margin-bottom:20px; color:#a8a8a8; width: 100%; font-size:14px; }
.wp-pagenavi a { color:#bea056; }
#latest .wp-pagenavi a:hover { border-color: #bea056; }
.wp-pagenavi a, .wp-pagenavi span { padding:12px 18px; border-radius:24px; }
.wp-pagenavi span { background:#f7f3f0; }
.wp-pagenavi span, .wp-pagenavi a { margin: 2px 12px 2px 0; }
.wp-pagenavi span.current { background:#bea056; border-color:#bea056; color:#fff; }
.wp-pagenavi a:hover { border-color:#4a4a4a; color:#4a4a4a; }
.wp-pagenavi .extend { display:none; }

/* forms */
.mc4wp-alert::before { content: "\f335"; font-family: 'Dashicons'; color: #ccc; font-size: 36px; position: absolute; top: 10px; right: 10px; cursor:pointer; }
.mc4wp-response { background: rgba(0, 0, 0,0.25); position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 100%; visibility:hidden; }
.mc4wp-alert { max-width: 300px; background: #f7f3f0; padding: 100px 40px 30px 30px; height: 320px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; border-radius: 30px; }

.su-form-wrap { transition: all .3s; visibility:hidden; opacity:0; position: fixed; background: rgba(0,0,0,0.25); top: 0; left: 0; width: 100%; height: 100%;  background: rgba(0,0,0,0.25); }
.su-form-wrap.shown { visibility: visible; z-index:101; opacity: 1; }
.mc4wp-form { display:inline-block; width:100%; }
.mc4wp-form input[type="submit"] { border:1px solid #bea056; }
.su-btn { transition:all .3s ease; display:inline-block; border:1px solid #fff; cursor: pointer; color: #bea056; background: #fff; padding: 10px 20px; border-radius: 24px; margin: 30px 0 0 0; font-size:18px; font-weight:500; }
.su-btn-off::after { content: "\f335"; font-family: 'Dashicons'; color: #ccc; font-size: 36px; position: absolute; top: 10px; right: 10px; cursor:pointer; }
.su-btn:hover { color: #fff; border:1px solid #bea056; background: #bea056; }
.su-form { z-index:10; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 300px; background: #f7f3f0; padding:30px; height: 400px; border-radius: 30px; }
.su-form input[type="text"], .su-form input[type="email"] { width: 100%; background:rgba(255,2555,255,0.8); border:1px solid #ccc; line-height: 1.4; font-size: 18px; margin: 5px 0; padding: 5px 0; }
.su-form input[type="submit"] { border-radius: 24px; border:1px solid #bea056; cursor: pointer; color: #bea056; background:none; padding: 10px 20px; margin: 10px 0; font-size:18px; font-weight:600; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.su-form input[type="submit"]:hover { color: #fff; background:#bea056; }
.su-heading { margin-bottom: 20px; }
.subg { position: absolute; width: 100%; height: 100%; z-index: 8; background: transparent; cursor: pointer; }
#signup-form { background: none; }
.su-left { position: absolute; top: 66px; left: 0px; width:400px; color: #fff; }
.su-left h1 { font-size:51px; margin-top:0; line-height:55px; }
.su-left h4 { font-size:24px; font-weight: 500; }
.su-right { position: absolute; right: 0px; color: #fff; top: 76px; width:370px; }
.su-right h2 { font-size:24px; line-height: 1.6; margin: 0; color:#fff; font-weight: 500; }
.su-right a { border-radius:24px; border: none; cursor: pointer; background:#f7f3f0; color:#4D4B43; padding:6px 14px 6px 14px; font-size: 16px; text-decoration: none; }
.wpcf7-submit {transition: all .3s; cursor: pointer; line-height:2; font-size: 18px; font-weight:500; text-decoration: none; color: #fff; background: #bea056; padding: 5px 20px 5px 22px; border-radius: 24px; margin: 10px 0; display: inline-block; border:1px solid #bea056; }
.wpcf7-textarea { width: 100%; border: 1px solid #ccc; border-radius:24px; max-width:80%; padding:20px; font-size:16px; font-family:'neue-haas-grotesk-text', sans-serif; }
.wpcf7-form label { font-size: 18px; padding-left:5px; }
.entry .contents .wpcf7-form p { font-size: 18px; margin:10px 0; }
.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7-text { border-radius: 24px; font-size: 16px; width: 80%; border:1px solid #ccc; height:26px; margin:0; padding:5px 20px; }
.wpcf7-response-output { background: #999; margin-left: 0 !important; }
.wpcf7-not-valid-tip { background: rgb(255, 255, 255); width: 80%; }
#signup { clear:left; height: 405px; margin: 0 auto; width: 100%; background-repeat: no-repeat; background-position: center; position: relative; background-size: cover; }
.wpcf7-quiz { border-radius: 24px; font-size: 16px; width: 10%; border:1px solid #ccc; height:26px; margin:0 0 0 5px; padding:5px 20px; }
/* .mc4-wp-response p { font-weight: 400; color: #a8a8a8; font-size: 16px; line-height: 1.5; }
.mc4-wp-response p strong { font-size: 18px; display:block; color: #4d4b43; font-size: 21px; } */

/* page of posts */
.default-loop .pop-intro { margin-bottom:40px; float: none; }
#pop-wrap { float:none; display:inline-block; margin-bottom: 60px; }
.page-post { font-size: 18px; line-height: 2; color: #a8a8a8; display: inline-block; margin-bottom: 40px; }
#page-posts { width:100%; max-width:570px; }
.page-post-title a { margin: 0; font-size: 24px; color: #4d4b43; text-decoration: none; font-weight: 500; line-height:1; }
.page-post-loop .entry { max-width: 570px; margin: 30px 0 160px 0; float: left; width: 100%; font-size: 18px; line-height: 2; color: #4d4b43; }
.post-thumblink img { max-width:100%; height:auto; border-radius:24px; }
.more { display:none; }
.continue { text-decoration:none; color:#bea056; margin: 10px 0; display: inline-block; }

/* widgets */
#sidebar { margin: 40px 0; max-width:270px; float: right; width: 30%; }
#sidebar .widget { line-height: 1.6; /* background: #f7f3f0; padding:40px;*/ border-radius: 24px; margin-bottom: 40px; } 
#sidebar .widget-title { margin: 0; font-size: 18px; color:#a8a8a8; border-bottom:1px solid #ccc; font-weight:500; padding-bottom:10px; margin-bottom: 30px; }
#sidebar .widget p, #sidebar .widget a { color:#bea056; text-decoration:none; }
#sidebar ul { padding:0; margin:0; }
.widget { line-height: 1.6; }
.widget strong { font-weight:500; }
.widget-title { margin-bottom: 0; }
.widget ul { list-style:none; padding:0; display: inline-block; width: 100%; } /* nw 4-22 */
#foot .widgets ul { list-style:none; margin:0; padding:0 50px 0 0; }
#foot .widget .menu { margin-top:14px; }
#foot .widget { float:left; font-size: 14px; line-height:2; padding-right: 15px; }
#foot .widget a { color:#4D4B43; text-decoration: none; font-size: 14px; }
#foot .widget a:hover { color:#bea056; }
#foot h3 { border-bottom: 1px solid #ccc; padding-bottom: 15px; color:#4d4b43; font-weight:500; }
.widget_search .screen-reader-text { display:block; }
.post-template #sidebar { margin-top: 90px; }
#socials { margin: 30px 0 0 -4px; }

/* video */
iframe { max-width:100%; display: block; }
.wp-block-embed__wrapper { float: none; clear: both; background:#333; width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 6px;/*  */ height: 0; }
.wp-block-embed__wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.wp-block-embed { margin: 0; }

/* other */
a.gold { text-decoration: none; color: #fff; background: #bea056; padding: 5px 20px 5px 22px; border-radius: 24px; margin: 10px 0; display: inline-block; border:1px solid #bea056; }
a.gold:hover, .wpcf7-submit:hover { color:#bea056; background:#fff; border-color:#bea056; text-decoration:none; }
a.gold-reversed { border:1px solid #bea056; text-decoration: none; color: #bea056; background: #fff; padding: 5px 20px 5px 22px; border-radius: 24px; margin: 10px 0; display: inline-block; }
a.gold-reversed:hover { color:#fff; background:#bea056; border-color:#bea056; text-decoration:none; }
.consent a { padding: 8px 22px 10px 24px; text-decoration: none; color: #bea056; border-radius: 24px; border: 1px solid #bea056; font-size: 20px; display:inline-block; margin: 15px 0; }
.consent a:hover { background: #bea056; color: #fff; }
#consent-message { margin: 30px 0 0 5%; display: inline-block; background: #f7f3f0; padding: 20px 30px; border-radius: 22px; }
#consent-message p { line-height:26px; }
.beta { padding: 10px; color: #bea056; display:none; }
#about-menu { display:none; }
.featherlight .featherlight-content { background-color:transparent !important; }
.postbox.blank.loaded { margin: 0; height: 0px; }
/* media queries */
@media screen and (max-width: 1440px) {

}

/* 1200 */
@media screen and (max-width: 1200px) {
  .su-left { left:10px; }
  .su-right { right:40px; }
  footer { padding: 0 20px; }
}

/* 1160 */
@media screen and (max-width: 1160px) {
html {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}
html  ::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}
#category li { max-height: 350px; height:auto; margin-bottom: 5%; }
#category .featured-collections li { height:auto !important; max-height: 540px; }
#boxes { margin:0 20px; width:auto; }
#explore .midmenu { margin:0 20px; }
#mast { margin: 0 10px 0 20px; }
.overlay { left:20px; }
.home-banner .overlay { right:20px; }
.single-image { margin:0 20px; }
#single-image-left { margin-left:20px; }
#single-image-right { margin-right: 20px; }
.latest { margin:50px 0 50px 0; }
.latest .cards { margin:0 20px; }
#category .terme-list { margin-left: 10px; margin-right: 10px; }
#latest { margin:75px 0 50px 0; }
#latest .cards { margin:0 10px; }
/* .latest li img { height: auto; width:auto; overflow: hidden; } */
.collection.content { margin: 40px 20px; width: auto; }
 /* #image-collection { margin:0 10px 150px 10px; width:auto; } */
 #collection-boxes { margin: 0 20px; display: inline-block; width: auto; }
 #more-stories { margin-left:20px; margin-right:20px; }
 #post-filter { max-width: 80%; margin: 0 auto; }
 .default-loop .entry { margin:30px 20px 0 20px; }
 #sidebar { margin: 40px 20px; }
 #page-posts { margin: 0 20px; width:auto; }
 #menu-top-menu li { margin-right: 10px; }
.home-rule { margin:40px 20px 50px 20px; width:auto; float:none; }
#category.home-collections { float:none; margin: 0 20px; width:auto; }
#header-image-home { background-position: 89% 0%; }
#collections { margin: 80px 20px 40px 20px; width:auto; }
h3.in-same { margin-left: 20px; margin-right: 20px; }
.latest.home-explore, .home-page-intro { float:none; }
.home-loop .wp-block-media-text { margin: 0 20px; }
.intro-button-first { margin-bottom: 40px; }
.home-loop { margin:10px 0 40px 0; }
#explore li { min-width: 160px; }
.explore-heading { text-align: center; }
.single-rule p { margin: 0 20px; }
.more-stories { text-align:center; }
.people-explore .all-photos { margin:0 0 30px 20px; }
#person-stories .story-loop { width:auto; margin-left:20px; margin-right:20px; }
#cat-nav { margin: 30px 20px; }

}
/* 1080 */
@media screen and (max-width: 1080px) {
  .latest ul { justify-content: center; }
  .latest li { width: 45%; margin:0 14px; }
  .people-explore li { max-width:360px; min-width:360px; width: 45%; margin:0 10px; }
  .people-explore li.blank { display:none; }
  .home-explore li { width: 45%; margin:0 10px 30px 10px; }
  .home-explore ul li:last-of-type { display: none; }
  .home-stories ul li:last-of-type { display: none; }
  .home-stories .postbox { max-width:360px; }
  #person-stories .story-loop { width:auto; }
  #person-stories .story-loop { margin-left:20px; margin-right:20px; }
  .latest.home-stories li img { width:100%; }
  h3.in-same { text-align:center; }
  .people-explore .all-photos { display: block; margin: 20px auto 30px auto; max-width: 120px; text-align: center; }
  #person-stories .story-loop { justify-content: center; }
  .story-loop.content { margin: 40px auto; width: 80%; float:none; }
  #person-stories .postbox:nth-of-type(3) { display:none; }
  #person-stories h3.in-same { text-align:center; }
  #person-stories .postbox { max-width: 360px; margin:0 10px 10px 10px; }
  .latest.home-stories, .latest.home-explore { float:none; display: inline-block; }
}
/* 1024 */
@media screen and (max-width: 1024px) {
  #person-stories { display:block; }
  #post-wrap { margin: 60px 0 0 0; }
  #header-image { height:350px; }
  #latest { margin:130px 0 50px 0; }
  .latest { margin:20px 0 50px 0; }
  .latest .card .dd { padding: 40px 6px 20px 20px; }
  .latest.home-stories li { height: 320px; }
  .cta.overlay { top: 0; }
  .i-btn { top:auto; }
  #menu-top-menu li:first-of-type { display: block; }
  #menu-top-menu li.menu-item-home { display: block; }
  #home-buttons { position:static; }
  .menuicon { display:block; }
  .menu-wrap { visibility:hidden; position:fixed; width:100%; height:100%; float:none; margin:0; opacity: 0; background:#fff; left: 0; z-index: 101; transition: opacity 0.25s; overflow-y:auto; }
  .menu-wrap.shown { visibility:visible; opacity:1; }
  #menu-top-menu { margin: 100px; }
  .menu .closemenu { width: auto; background: none; left: auto; right: -3px; top: 1px; cursor: pointer; color: #4d4b43; }
  .closemenu .iconify { width:60px; height:60px; }
  #menu-top-menu li { display:block; margin: 40px 0; text-align: center; }
  #explore { height:auto; }
  #explore .hc { margin-bottom: 10px; }
  #explore ul { flex-wrap:wrap; }
  #explore li { min-width: 30%; }
  #explore ul li:last-child .sub-menu { right: auto; width:100%; }
  #explore .hc.active a { height:auto; }
  #explore .hc.active .sub-menu a { height:30px; }
  #explore .hc.active .sub-menu { top:37px; width:100%; }
  /* #explore .midmenu { height: 100%; } */
  #boxes.stuck { margin-top: 110px; }
  .terms-list { width:58%; }
  .categories::after { padding-left: 5px; }
  #header-image { background-position: 75% 0; }
  .home-loop .wp-block-media-text__media img { vertical-align: unset; }
  #header-image-home { background-position: 89% 0%; height: 85vh; }
  #collections { margin: 50px 20px 40px 20px; }
}

/* 960 */
@media screen and (max-width: 960px) {
  .home-banner .stand-first { font-size:48px; }
  .default-loop .entry { width:auto; margin: 20px 20px 0 20px; }
  #sidebar.pge { position: absolute; background: #fff; padding: 00px 0px 10px 0px; border-radius: 0 0 30px 30px; box-shadow: 0 10px 10px #ccc; margin: 0; width: 100%; max-width: none; left: 0; top: -30px; }
  #about-menu { position: absolute; left: 0; margin-bottom: 30px; width: 100%; background: #fff; display: block; }
  #about-menu .label { padding: 11px 16px; font-weight: 500; color: #4d4b43; border-radius: 24px; border: 1px solid #4d4b43; display: block; margin: 0 15px; cursor: pointer; float:right; }
  .label::after { content: "\f346"; float: right; font-family:'Dashicons'; padding-left: 5px; }
  #sidebar ul { display:none; }
  #sidebar ul:first-of-type { margin-top: 70px; }
  #sidebar.down ul { display: block; }
  #sidebar.down ul ul { margin-top:20px; }
  #sidebar .widget_nav_menu ul li { list-style: none; margin: 0 15px; width:auto; }
  #sidebar .widget-title { margin: 0 20px; }
  #sidebar .widget_nav_menu ul li.std a { margin: 0 5px 10px 5px; }
  #about-menu.open .label { color:#bea056; border: 1px solid #bea056; }
  #about-menu.open .label:after { color:#bea056; rotate: 180deg; }
  .default-loop.content { position:relative; }
  .su-right { width:auto; }
  #latest li { width: 45%; }
  .postbox { max-width: 48.5%; }
  #collections li { width:31.5%; }
  .page .post-title { margin-top:40px; }
  .crumbs { margin-top:10px; }
  .footer-menu { float:none; width:auto; margin-bottom: 10px; display: inline-block; }
  .credits { width:auto; }
}
@media screen and (max-width: 800px) {
.home-banner .stand-first { max-width: 80%; }
#person-stories .postbox { margin: 0 10px 40px 10px; }
.people-explore .card.loaded { margin-bottom: 40px; }
#person-stories { margin-bottom:0; }
#person-stories .blank { display:none; }
}
/* 850 */
@media screen and (max-width: 850px) {
  .stand-first { max-width:60%; font-size:40px; }
  .stand-next { max-width:60%; font-size: 22px; }
  .parent { min-width: 110px; }
  .children { width: auto; float: none; }
  .i-txt { display: none; }
  .i-btn a { padding: 10px 22px 12px 22px; }
  .home-loop .wp-block-media-text { grid-template-columns: 100% 1fr; }
  .home-loop .wp-block-media-text__media { grid-row:1; }
  .home-loop .wp-block-media-text__content { grid-row:2; grid-column: 1; padding:0; }
  .su-left { left:0; }
  .su-right { right: auto; top: 50%; }
  .su-btn { position: absolute; bottom: -64px; }
  #signup { background-position: 25% 0%; }
  .featherlight-next, .featherlight-previous { top:95% !important; }
  .default-loop .entry .wp-block-image img { max-width: 100%; }
  .wp-block-image { margin-right:0; }
  .footer-menu { width:100%; }
  .credits { float: left; }
}

@media screen and (max-width: 775px) {
 
}
/* 768 */
@media screen and (max-width: 768px) {
  .home-explore .thumblink { max-height: 200px; }
  .latest.home-stories li { width: 45%; margin: 0 10px 40px 10px; }
  #latest li { width: 49%; }
  
  .su-left { width:60%; }
  .su-left h4 { font-size: 21px; }
  #single-image-left h2, #single-image-left #description p, #single-image-left #theme { text-align: left; max-width:70%; margin:30px 20px 10px; }
  #single-image-left { margin: 0 10px; width:auto; float:none; }
  #single-image-right { width: auto; float: none; margin: 0 20px; }
  #single-cat-box { margin: 30px 0 0 0; }
  .single-info { margin: 0 20px; }
  #consent-message { margin: 30px 0 0 0; }
  .menu-heading { display:block; }
  .menu-heading.open { color:#bea056; border: 1px solid #bea056; }
  .menu-heading.open:after { color:#bea056; }
  #explore #cats { display:none; }
  #explore #cats.down { display:block; }
  #explore.sticky.down { overflow-y: scroll; bottom: 0; }
  #explore.sticky.down body { overflow:hidden; }
  #category.home-collections li { height: auto; margin-bottom: 18px; width: 48%; }
  .wp-pagenavi span, .wp-pagenavi a { margin: 2px 10px 2px 0; }
  .last { display: none; }
  .home-intro { margin:0 20px 40px 20px; max-width:none; }
  #boxes.stuck { margin-top: 60px; }
  /* #header-image-home { height: 768px; } */
  .hc.active .none:first-of-type { box-shadow:0 3px 2px -2px #e1e1e1; }
  /* #explore .hc.active .sub-menu { padding-bottom:50%; } */
  #image-collection li { width: 48.5%; }

  
}
@media screen and(max-width:760px) {
  /* .latest li { width: 100%; margin-left:auto; margin-right:auto; } */
}
/* 680 */
@media screen and (max-width: 680px) {
  .latest.home-stories li img { width:auto; }
  .wp-pagenavi a.page, span.extend, a.last, .pagination__current-page { display: none; }
  #collections li { width:48%; }
  .collection.content { margin: 20px 20px; }
  #post-wrap { margin: 40px 0 0 0; }
}
/* 640 */
@media screen and (max-width: 640px) {
  #category .featured-collections li { width:80%; margin:0 auto 5% auto; }
  #latest { margin:20px 0 50px 0; }
  #latest h3 { text-align: center; }
  .latest { margin:20px 0 50px 0; }
  /* #boxes.stuck { margin-top: 240px; } */
  #explore li { min-width: 48%; }
  .stand-first { max-width:72%; }
  .home-banner .stand-first { font-size:38px; }
  #latest li { width: 75%; margin-left:auto; margin-right:auto; }
  #category li { width: 48%; }
  #category h3 { text-align:center; }
  .latest.home-stories { margin-bottom:10px; }
  .latest.home-stories li { height: 320px; }
  .latest.home-stories li img { width:100%; }
  .home-stories .postwrap { text-align: center; }
  .home-explore .card { margin-bottom:40px; }
  .postbox { max-width: 100%; }
  .su-left h1 { font-size: 9vw; }
  #single { margin-top:90px; }
  #image-collection { margin:0; }
  #person-stories .postbox { margin: 0 0 40px 0; }
  .latest li { width: 90%; margin-left:auto; margin-right:auto; }
}
/* 580 */
@media screen and (max-width: 580px) {
  .i-btn { display:none; }
  .r-btn { float: right; margin-left: 0; }
  .stand-first { max-width: 84%; }
  .su-left { width:70%; }
  .home-loop .wp-block-media-text__content { padding:0; }
  .names .post-title { width:auto; margin-right: 20px; }
  .formerly { float: left; text-align: left; }
  .ib-right-single { width:100%; }
  .ib-left-single { margin: 0 auto 45px auto; float:none; }
  .title-block .all-photos { display: block; margin: 0 auto; max-width: 120px; text-align: center; float:none; }
  .watn-single .title-block .post-title { float: none; text-align: center; margin: 20px 0; }
  .crumbs { text-align: center; }
  .ib-left-single { margin-bottom:15px; }
  .credits ul { float:left; }
}

/* 480 */
@media screen and (max-width: 480px) {
  #boxes { margin: 0 auto; }
  #category .featured-collections li { width:100%; }
  .menuicon img { width:75%; height:auto; }
  .menuicon { top:15px; right: 0; }
  .stand-next { font-size:20px; max-width:80%; }
  #latest li { width: 95%; }
  #latest.explore ul li { margin-bottom: 40px; }
  .latest li { width: 100%; }
  .latest.explore ul li { margin-bottom: 40px; }
  .beta { font-size: 12px; padding:5px; }
  #home-buttons { text-align: center; height:auto; }
  .l-btn { display:inline-block; float:none; margin-bottom:40px; width: 100%; }
  .r-btn { display:inline-block; float:none; }
  #category.home-collections li { width: 90%; margin: auto; height: auto; margin-bottom: 20px; }
  .su-left h1 { font-size: 10vw; line-height: 1.1em; }
  .su-right h2 { font-size: 5vw; }
  #collections ul { max-width:80%; margin:0 auto; }
  #collections li { width:100%; margin-bottom: 30px; height:auto; }
  #ordering-menu { max-width: 200px; }
  #ordering-button { max-width: 180px; }
  .sitename { font-size: 5vw; margin: 0.25em 0; }
  .row1 { width:50%; }
  .row2 { width:auto; }
  .wp-block-media-text { padding:30px; }
  .intro-image-button a, .intro-button-first a { font-size:16px; }
  .home-banner .stand-first { max-width: 100%; text-align: center; margin-bottom:15%; font-size:32px; } 
  #image-collection { justify-content: center; }
  #image-collection li { width: 100%; }
  #image-collection li img { margin-bottom:10px; }
  .story-loop.content { margin: 40px 20px; width: auto; }
  #post-filter { margin: 0 20px; }
  #header-image-home { height: 92vh; }
  .latest.people-explore li, #person-stories .postbox { min-width:0; }
  #more-stories { margin-left:0px; margin-right:0px; }
  .info-block img { max-width:80px; }
  .ib-left { width: 80px; height: 80px; }
  .ib-right { margin-top: 24px; }
  .now { display:none; }
}

/* 360 */
@media screen and (max-width: 360px) {
  .home-banner .stand-first { font-size: 32px; }
  #header-image { height:300px; }
  h1.sitename { font-size:18px; }
  .terms-list { width: 55%; }
  #latest li { min-width: 300px; }
  .latest li { min-width: 0px; }
  #category li { width: 100%; }
  .mc4wp-alert { margin: auto 10px; }
  #ordering-menu { max-width: 170px; }
  #ordering-button { max-width: 150px; }

}
/* @media screen and (max-width: 330px) {
  .latest .cards { margin: 0 10px; }
} */

/* landscape */
@media (orientation: landscape) and (max-width:960px) {
  #header-image-home { height: 768px; }
}
@media (orientation: landscape) and (max-width:860px) {
  #header-image-home { height: 768px; }
}
@media (orientation: landscape) and (max-width:768px) {
  #header-image-home { height: 768px; }
}
@media (orientation: landscape) and (max-width:640px) {
  #header-image-home { height: 640px; }
}
@media (orientation: landscape) and (max-width:580px) {
  #header-image-home { height: 580px; }
}