:root {
    --bg: #fff;
    --text: #000;
    --ard: #f4f4f4;
    --card: #f2f2f2;
    --link: #A0522D;
    --link_h: #000080;
    --impot: #8B0000;
    --bord: #bbb;
    --btnhov:#e7e7e7;
    --frm:#fff;
    --logo: url('img/logo_b.svg');
}

body.dark {
    --bg: #121212;
    --text: #ddd;
    --card: #222;
    --ard: #333330;
    --link: #D79E65;
    --link_h: #ADD8E6;
    --impot: #F0BD35;
    --bord: #444;
    --btnhov:#444;
    --frm:#000;
    --logo: url('img/logo_w.svg');
}

body {
    background: var(--bg);
    color: var(--text);
    --pad:0px;
}

.card { background: var(--card);}


body {
font-family: Arial, Helvetica, sans-serif;
margin: 0 auto;
padding: 0 16px;
max-width: 1000px;
font-size: 15px;
}
button,input,select,textarea {
border-radius:4px;  cursor:pointer;
border: solid 1px var(--bord);
padding: 4px 6px;
background-color: var(--frm);
color: var(--text);
font-size: .85em;
}
a{text-decoration: none; color: var(--link);}
a:hover{ text-decoration: underline;}
.r { float:right; }
.l { float:left; }

#menu-btn, #menu-x {
z-index:999;
top:0px;
right:0px;
position:fixed;
font-size:32px;
border:none;
cursor:pointer;
padding:2px 6px;
}
#menu-x {font-size: 18px; margin:0 6px;}

#scrollTopBtn {
display: none;
bottom: 0px;
right: 0px;
z-index:999;
position:fixed;
font-size:32px;
border:none;
cursor:pointer;
line-height:32px;
padding: 5px 10px;
}




#subheader {height:42px; display:flex; gap:6px; align-items:center;  margin-right: 28px; padding: 4px 0;}
#subheader button {border:none; background:transparent;}
#language_trigger{ margin:0 8px}
#search_button{ color: var(--text); font-size:32px; }
#search-x{ color: var(--text);font-size: 18px; margin:0 6px; }
#themeToggle img{width:32px; height:32px; position:relative; top:2px; }
#partnres{ font-size:12px; font-weight: bold; display: none;flex: 1 1 auto;  min-width: 0; letter-spacing: .5px; text-transform: uppercase;}

header {clip-path: inset(0 -100vw); background-color:#333; box-shadow: 0 0 0 100vw #333;
color:#fff;
padding: 3vw 0;
display: flex;
align-items: center;
gap: 12px;
}
header::before,header::after {content: '';flex: 1; border-top: 4px double #ccc;}
.logo{color: #fff; font-size:5.0vw; font-family: Georgia, serif;  text-transform: uppercase;letter-spacing: .1vw;}
.logo:hover{text-decoration:none; opacity:.9;}

#small_header { display: none;}

hr{background-color:  var(--bord); margin:4px 0 12px 0; border:none; height:1px;}
hr.double { border: 0; border-top: 4px double var(--text);background-color: transparent;}
.category{text-transform:uppercase; font-size:.75em; letter-spacing:1px;font-weight:bold; margin: 24px 0 16px;}




#menu-block{ margin: 24px 0; padding-bottom: 24px; border-bottom: solid 1px var(--bord);}
.menu_nav{list-style:none; margin:0; padding:0; font-weight: bold;    }
.menu_nav li{display:block; padding:0; margin:0; }
.menu_nav a{display: inline-block; padding:6px;font-size:.85em; letter-spacing:0.5px;  text-transform: uppercase;}
.menu_nav a:hover{background-color: #666; color:#fff; text-decoration: none; }
.menu_nav a.active{ opacity: .5;}



.submenu{}
.submenu a{display:block; padding:6px 0; text-decoration:none; text-transform:none; transition:background 0.5s ease;}

#search_field{display:block; text-align:center; margin:24px auto; line-height: 48px;
background-color:var(--card); padding: 12px; }
#search_field input{ margin: 8px 0; }

.bh { border: none; height:26px;  overflow: hidden;}
.bh span { font-size:1.6em; position: relative; top:-8px;}

.page_navigator ul{display:flex; gap:12px; margin:24px 0; padding:0; list-style: none; font-size: 1.1em; }

#menu-block{ display: none;}

.short-content { margin: 0; font-size: 15px;}
.meta { margin: 0 0 4px 0; font-size: .85em;}
.post {}
.post_short{font-weight: bold; font-size:.85em; letter-spacing: .5px; margin:16px 0;}
.post_content {line-height:145%; margin: 24px auto; max-width: 660px;}
.post_content h2 { font-size:1.3em; }
ul.post_content { padding:16px 32px; background-color:var(--ard); }

.post_content img{ display: block;  width:99%; height:auto; margin: 8px 0;}
.table-wrap {font-size:0.85em; overflow-x:auto; -webkit-overflow-scrolling: touch;
margin: 0 auto;}
.table-wrap table { border-collapse: collapse; }
.table-wrap td, .table-wrap th { border: 1px solid #777; padding: 8px 12px; }


#soc {line-height:145%; margin:0 auto 12px ; padding: 12px 0; border-top: 4px double var(--text); max-width: 660px; text-align: center;}
#soc a{ display:inline-block; background-repeat:no-repeat; background-size: 20px 20px;
background-position:center; width:20px; height:20px; margin: 4px 8px 4px 4px; line-height: 20px; vertical-align: middle; border-radius:20px;  background-color: #eee;}
#sharer_fb {background-image: url(img/fb.svg);}
#sharer_tv {background-image: url(img/tv.svg);}
#sharer_tl {background-image: url(img/t.svg);}
#sharer_lj {background-image: url(img/lj.png);}
#sharer_whatsapp {background-image: url(img/whatsapp.svg);}
#sharer_reddit {background-image: url(img/reddit.svg);}
#sharer_linkedin {background-image: url(img/linkedin.svg);}



#footer{clip-path: inset(0 -100vw); background-color:#333; box-shadow: 0 0 0 100vw #333;
color:#fff; padding:2px 0;  color: #eee; }









H1,H2,H3,H4,H5,H6{ font-weight: bold; margin: 0 0 12px 0; letter-spacing: .5px; font-feature-settings: "ss03";}
H1{font-size:26px; line-height: 30px; letter-spacing: .75px;}
H2{font-size: 17px; line-height:22px;margin: 6px 0 6px 0;}
H3{font-size: 15px; line-height: 19px;}
H4{font-size: 14px; line-height: 18px; letter-spacing: 0.003em;}
H5{font-size: 13px; line-height: 17px; letter-spacing: 0.005em;}
H6{font-size: 12px; line-height: 16px; letter-spacing: 0.007em;}

#subsections { max-width: 680px; margin: 0 auto;}
#subsections H1{font-size: 26px; line-height: 24px;margin: 36px 0 0px 0;}
#subsections H2{font-size: 24px; line-height: 24px; margin: 48px 0 24px 0; color:#777;}
#subsections H3{font-size: 20px; line-height: 22px; margin: 8px 0 8px 0px;}
.container_3,.container_2,.container_4 {display:grid; grid-template-columns:1fr; gap: 24px;}



#first_news{ display: block; margin:28px 0 16px; color: var(--text); }

.post-short{ display:block; margin:0; color: var(--text); }
#first_news:hover,.post-short:hover { text-decoration: none; opacity:.9; }
#first_news:hover h1,.post-short:hover h2, .post-nodate:hover h2 { text-decoration: underline;  }
.short-content{ line-height:130%;  padding: 0; }
#first_news img, .post-short img{width:100%;  border:solid 1px var(--bord);}

.container_nodate { margin:0 auto; max-width:660px;      }
.post-nodate { display: block; margin:18px 0 22px; color: var(--text); }
.post-nodate:hover { text-decoration: none; opacity: .9; }
.post-nodate H2{font-size: 20px; line-height: 24px; margin: 0 0 6px 0;}


#redirect{margin:32px 0;}
.redirect-block{padding: 8px 16px; border-radius:12px; background-color: var(--ard); background-image: var(--logo); background-repeat: no-repeat; background-position: right 16px top 18px; background-size: 24px 36px; }
.redirect-block p{ font-size:15px;}
.subhead{font-size: 12px;font-weight: 600; line-height:16px;letter-spacing: 0.02em; text-transform: uppercase; opacity: .66;}
a.button,input.button{display:inline-block; height:36px; line-height:36px; border-radius: 18px; padding:0 16px;  text-decoration: none; cursor: pointer; background-color:#333; color:#fff;letter-spacing: 1px;  }
a.button:hover {text-decoration:none;background-color:#222; color: #ccc;}

#all_posts { text-align:center; align-items:center; gap:12px; margin: 24px 0; font-weight: bold;}
.disclaimer{ font-size: .85em; opacity: .66;}
.section_description{ font-size: .85em; opacity: .75; margin:24px 0;
}

#guide{ }
a.guide-block { display: block; color: var(--text); text-decoration: none; }
a.guide-block h3{ font-size: 20px;}
a.guide-block:hover h3{ text-decoration: underline; }

#map{ margin: 24px 0; font-size: .85em;}
#map h2{ font-size: 26px; line-height:30px;}

.sponsor{ border: solid 1px  var(--bord); border-radius: 16px; padding: 16px;  align-items: center; line-height: 120%;font-size:.83em;background: var(--card); }
.sponsor > :not(img){ margin:0; padding: 0;}


@media screen and (min-width: 360px) {
body {font-size: 16px;}
.sponsor{ display: flex; gap: 16px; }
.sponsor > img {width: 25%; box-sizing: border-box;  flex-shrink: 0;}
.sponsor > :not(img){box-sizing:border-box;  flex: 1 1 auto; }
}

@media screen and (min-width: 460px) {
body {font-size: 18px;}
}

@media screen and (min-width: 560px) {
#subheader {height:42px;}
.logo{ font-size:5.5vw;}
.container_3 {grid-template-columns: 1fr 1fr;}
.container_2 {grid-template-columns: 1fr 1fr;}
.container_4 { grid-template-columns: 1fr 1fr;}


}

@media screen and (min-width: 620px) {
.logo{font-size:32px;}
header{padding: 16px 0;}
#partnres{ display: block;}
.menu_nav{ column-count: 2; column-gap:40px;}
.post-nodate .short-content { margin:0 0px;}
}

@media screen and (min-width: 720px) {
.container {display:flex; gap:24px;}
.fl1{ flex:1;}
.fl2{ flex:2;}
.fl3{ flex:3;}
#small_header { display: block; font-size: 10px;  text-align: center; margin:6px 0 0px;}
}


@media screen and (min-width: 820px) {
#menu-btn,#menu-x { position: static; padding:0px 0px 2px 12px;}
.menu_lang{ margin-right:4px;}
#menu-block { display: block;}
#main {flex-grow: 3;}
#menu-block  {flex-grow: 0;}
#subheader {margin-right:0;}

.container_3{ grid-template-columns: 1fr 1fr 1fr;}
.container_4{ grid-template-columns: 1fr 1fr 1fr 1fr;}
body { --pad:48px; font-size:19px;}
.table-wrap { width:calc(100% + var(--pad) * 2); margin-inline: calc(var(--pad) * -1);}

}

@media screen and (min-width: 880px) {
body { --pad:64px;}
#main{min-width: 0;}
}