:root{
  --ground:#f2f3ee;
  --panel:#e8ebe0;
  --ink:#232f1f;
  --ink-soft:#4d5a46;
  --accent:#4b6b3a;
  --accent-dark:#374f2a;
  --gold:#a9822f;
  --line:#cdd0c0;
  --maxw:1080px;
  --font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --font-display:Georgia,"Times New Roman",serif;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--ground);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6}
a{color:var(--accent-dark);text-decoration:none}
a:hover,a:focus{color:var(--gold);text-decoration:underline}


#sideBar,#banner,#footer,#advert1,#advert2,
#b_user_l,#b_user_l2,#b_user_r,#b_user_r2,
#left,#top_menu_r,#slideitbaby{display:none}

#container{max-width:var(--maxw);margin:0 auto;padding:0 16px}


.wrapper{padding:28px 0 6px}
.brand-name{font-family:var(--font-display);font-size:1.9rem;font-weight:700;color:var(--accent-dark);letter-spacing:.01em}
.brand-name:hover{color:var(--gold);text-decoration:none}
.brand-tagline{margin:.25rem 0 0;color:var(--ink-soft);font-size:.95rem;font-style:italic}


.top_container{background:var(--accent-dark);border-radius:4px}
.mainlevel-son-of-suckerfish-horizontal{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.mainlevel-son-of-suckerfish-horizontal>li{position:relative;border-top:1px solid rgba(255,255,255,.12)}
.mainlevel-son-of-suckerfish-horizontal>li:first-child{border-top:none}
.mainlevel-son-of-suckerfish-horizontal>li>a,
.mainlevel-son-of-suckerfish-horizontal>li>span{display:block;padding:12px 16px;color:#f2f3ee;font-size:.95rem}
.mainlevel-son-of-suckerfish-horizontal>li>a:hover,
.mainlevel-son-of-suckerfish-horizontal>li>a.mainlevel_current-son-of-suckerfish-horizontal{background:var(--accent);color:#fff;text-decoration:none}
.mainlevel-son-of-suckerfish-horizontal ul[id^="menulist_"]{list-style:none;margin:0;padding:0 0 8px}
.mainlevel-son-of-suckerfish-horizontal ul[id^="menulist_"] a,
.mainlevel-son-of-suckerfish-horizontal ul[id^="menulist_"] span{display:block;padding:8px 16px 8px 32px;color:#dfe4d6;font-size:.88rem}
.mainlevel-son-of-suckerfish-horizontal ul[id^="menulist_"] a:hover{color:#fff;text-decoration:underline}
@media (min-width:768px){
  .mainlevel-son-of-suckerfish-horizontal{flex-direction:row;flex-wrap:wrap}
  .mainlevel-son-of-suckerfish-horizontal>li{border-top:none}
  .mainlevel-son-of-suckerfish-horizontal ul[id^="menulist_"]{display:none;position:absolute;left:0;top:100%;min-width:220px;background:var(--accent-dark);box-shadow:0 6px 16px rgba(0,0,0,.18);padding:6px 0;z-index:20}
  .mainlevel-son-of-suckerfish-horizontal>li:hover>ul[id^="menulist_"],
  .mainlevel-son-of-suckerfish-horizontal>li:focus-within>ul[id^="menulist_"]{display:block}
}


.fab-divider{margin:18px 0;text-align:center}
.fab-divider svg{width:100%;max-width:320px;height:18px;display:inline-block}


.main_container{padding:8px 0 32px}
#main_wrap{display:flex;flex-direction:column;gap:24px}
#content{width:100%}
#right{width:100%}
@media (min-width:768px){
  #main_wrap{flex-direction:row;align-items:flex-start}
  #content{flex:1 1 70%;min-width:0}
  #right{flex:0 0 26%}
}
.blog-featured .item-title{font-family:var(--font-display);font-size:1.7rem;color:var(--accent-dark);margin:0 0 .9rem;line-height:1.3}
.blog-featured p{margin:0 0 1rem;max-width:62ch}
.blog-featured p strong{font-weight:500;color:var(--ink)}

#right .moduletable{background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:14px 16px}
#right .moduletable h3{margin:0 0 .4rem;font-family:var(--font-display);font-size:1.05rem;color:var(--accent-dark)}
#right .moduletable p{margin:0;font-size:.9rem;color:var(--ink-soft)}


#copyright{border-top:1px solid var(--line);margin-top:24px;padding:16px;text-align:center;font-size:.82rem;color:var(--ink-soft)}
#copyright a{color:var(--accent-dark)}