/*
Theme Name: Zářecká Lhota
Description: Šablona obce podle původního webu Joomla. Původní grafické podklady: siteground-j15-96.
Version: 1.0.0
Text Domain: zarecka-lhota
Requires at least: 6.5
Requires PHP: 8.0
*/
:root { color-scheme: light; }
body { margin:0; padding:0; font:11px/1.3em Tahoma,Verdana,Arial,sans-serif; color:#666; background:#fff url(assets/images/page_bg.png) repeat-x top left; }
a { color:#000; text-decoration:underline; font-weight:400; }
a:visited { color:#666; }
a:hover { color:#c93600; }
a:focus-visible,button:focus-visible,input:focus-visible { outline:2px solid #153a71; outline-offset:3px; }
img { border:0; }
p { margin:5px 0; text-align:justify; }
h1,h2,h3,h4 { font-family:Tahoma,Arial,sans-serif; line-height:inherit; }
h1 { font-size:1.3em; color:#153a71; }
h2 { font-size:11px; color:#000; }
h3 { font-size:11px; color:#333; }
button,input { font:inherit; }
.screen-reader-text { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip-link:focus { position:fixed; top:8px; left:8px; z-index:100; padding:10px; background:#fff; width:auto; height:auto; clip:auto; }
#wrapper { position:relative; width:960px; max-width:calc(100% - 66px); margin:0 auto; }
#top { height:39px; }
#header { position:relative; width:100%; height:237px; }
.header-link { display:block; width:100%; }
.header-image { display:block; width:100%; height:auto; }
.mobile-toggle { display:none; }
#content { position:relative; background:#e7edf4; border:1px solid #cfcfff; border-radius:6px; }
#leafs { position:absolute; top:-19px; right:-39px; width:58px; height:81px; background:url(assets/images/leafs.png) no-repeat; pointer-events:none; }
.content-middle { display:grid; grid-template-columns:210px minmax(0,1fr); gap:14px; padding:9px; min-height:948px; }
#leftcolumn { min-width:0; }
.sidebar-box { margin:0 0 14px; border:1px solid #d7d9dc; border-radius:6px; background:#f4f7fb; }
.sidebar-box h2 { margin:-1px -1px 0; padding:5px 13px; border:1px solid #ffca70; border-radius:6px; color:#ff2a00; background:linear-gradient(#ffca72,#ffe1ac); font-size:11px; line-height:13px; }
.sidebar-box ul.menu { list-style:none; padding:11px 0 13px; margin:0; }
.sidebar-box ul.menu li { margin:0; padding:0; line-height:20px; }
.sidebar-box ul.menu a,.sidebar-box ul.menu a:visited { display:block; margin:0 10px 0 13px; padding-left:12px; color:#444; text-decoration:none; background:url(assets/images/menu_arrow.png) no-repeat left 1px; }
.sidebar-box ul.menu a:hover,.sidebar-box ul.menu .current-menu-item>a { color:#ff4200; }
.sidebar-box ul.sub-menu { list-style:none; margin:0; padding:0 0 0 12px; }
.online-count { text-align:center; padding:7px 10px; }
#maincolumn_left { min-width:0; padding:6px 0; }
.entry-title { font-size:11px; line-height:15px; margin:0 0 3px; color:#000; }
.entry-header { display:flex; align-items:start; justify-content:space-between; gap:10px; }
.entry-tools { display:flex; gap:5px; padding-right:4px; }
.print-page { border:0; background:transparent; color:#666; cursor:pointer; font-size:10px; padding:0; }
.entry-content { color:#666; overflow-wrap:break-word; }
.entry-content img { max-width:100%; height:auto; }
.entry-content iframe { max-width:100%; }
.entry-content h1 { margin:.67em 0; color:#153a71; }
.entry-content h2 { margin:6px 0; }
.entry-content h3 { margin-top:25px; }
.entry-content ul { padding-left:28px; }
.entry-content li { margin-bottom:5px; }
.entry-content>li { list-style:none; }
.entry-content table { max-width:100%; }
.entry-content .rTable { display:flow-root; width:650px; max-width:100%; }
.rTableHeading,.rTableBody,.rTableFoot,.rTableRow { clear:both; }
.rTableHead,.rTableFoot { background:#ddd; font-weight:bold; }
.rTableCell2a,.rTableCell2b,.rTableCell4,.rTableHead { box-sizing:border-box; border:1px solid #999; float:left; min-height:28px; padding:6px 1%; }
.rTableCell2a,.rTableHead { width:85%; }
.rTableCell2b { width:15%; text-align:center; }
.rTableCell4 { width:25%; min-height:43px; padding:14px 1%; }
.zl-events-placeholder { display:none; }
.zl-events { width:100%; overflow:auto; }
#footer { position:relative; height:30px; padding:0 10px; line-height:29px; text-align:center; color:#ff4200; background:url(assets/images/footer_bg.png) no-repeat center bottom; }
#footer p { margin:0; text-align:center; }
#footer a { color:#ff4200; font-size:10px; }
#footer_leafs { position:absolute; top:-20px; left:-38px; width:98px; height:46px; background:url(assets/images/footer_leafs.jpg) no-repeat; pointer-events:none; }
.search-form { display:flex; gap:6px; margin:15px 0; }
.search-field { max-width:100%; padding:5px; border:1px solid #a8b6ca; background:#fff; color:#333; }
.search-submit { padding:5px 9px; border:1px solid #e3b261; border-radius:3px; background:#ffe1ac; color:#333; }
.search-result { margin:20px 0; }
.search-result h2 { font-size:14px; }
@media(max-width:1000px) {
 #wrapper { max-width:calc(100% - 32px); }
 #header { height:auto; padding-bottom:15px; }
 #leafs { right:-15px; }
 #footer_leafs { left:-15px; }
 .content-middle { grid-template-columns:190px minmax(0,1fr); gap:12px; }
}
@media(max-width:700px) {
 body { font-size:14px; line-height:1.5; }
 #wrapper { max-width:calc(100% - 20px); }
 #top { height:16px; }
 #header { padding-bottom:12px; }
 #leafs { display:none; }
 .content-middle { display:block; padding:10px; min-height:0; }
 .mobile-toggle { display:block; width:100%; text-align:left; padding:10px 12px; margin-bottom:10px; border:1px solid #eabf78; border-radius:5px; background:#ffdda0; color:#333; font-weight:bold; }
 .js #leftcolumn[data-collapsed="true"] { display:none; }
 .sidebar-box h2 { font-size:14px; padding:8px 13px; }
 .sidebar-box ul.menu a { padding-top:4px; padding-bottom:4px; background-position:left 7px; }
 #maincolumn_left { padding:8px 0; }
 .entry-title { font-size:14px; }
 .entry-content { overflow-x:auto; }
 .entry-content h1 { line-height:1.4; }
 .entry-content .zl-photo-strip { display:grid; grid-template-columns:1fr 1fr; gap:2px; }
 .entry-content .zl-photo-strip img { width:100%; margin:0!important; }
 .entry-content .rTable { min-width:0; }
 .rTableCell2a { width:76%; }
 .rTableCell2b { width:24%; }
 .rTableCell4 { width:50%; min-height:68px; }
 #footer { height:auto; min-height:30px; font-size:11px; }
 #footer_leafs { display:none; }
}
@media print {
 body { font-size:11pt; color:#000; background:#fff; }
 #wrapper { width:auto; max-width:none; }
 #top,#header,#leftcolumn,#leafs,#footer,.entry-tools,.mobile-toggle { display:none; }
 #content { border:0; background:#fff; }
 .content-middle { display:block; padding:0; min-height:0; }
 .entry-content { color:#000; }
 .entry-content a { color:#000; }
}