/* tags */

.tags-panel { padding:0 1rem 1rem 1rem; text-align:center; }
.tags-panel .t-title { font-size:136%; }
.tags-panel .t-content { padding:1rem; }
.tags-panel .t-content ul { list-style:none; margin:0; padding:0; }
.tags-panel .t-content li { display:inline-block; list-style:none; margin:0; padding:0; }
.tags-panel .t-content a { display:inline-block; padding:0.3rem 0.7rem; white-space:nowrap; font-weight:bold; font-size:87%; text-transform:uppercase; }

/* local tasks */

.block-local-tasks-block { margin:0; padding:0.65em 0; }
.block-local-tasks-block ul { margin:0; padding:0; list-style:none; text-align:center; }
.block-local-tasks-block li { margin:0; padding:0; list-style:none; display:inline-block; }
.block-local-tasks-block a { display:block; margin:0 0.2rem; padding:0.5em 1.2em; background-color:#ffdf8a; color:inherit; text-decoration:none; border-radius:10rem; }
.block-local-tasks-block a.is-active { background-color:#242424; color:#fff; }

/* modal windows */

.modal-window-close { position:absolute; top:1rem; right:1rem; display:block; width:1.4rem; height:1.4rem; line-height:1.4rem; text-align:center; cursor:pointer; background-image:url('../images/2a2a2a/close.svg'); background-position:center center; background-repeat:no-repeat; background-size:cover; }

/* header */

#header { position:relative; display:table; table-layout:fixed; width:100%; height:100px; }
#header ul { padding:0; margin:0; list-style:0; }
#header li { padding:0; margin:0; list-style:0; }
#header .content { position:fixed; z-index:110; top:0; left:0; width:100%; }
#header .block { padding:0; }

#header .peak { height:auto; padding:0.5rem 0; background:#1a1a1a; color:#fff; text-align:center; }
#header .peak ul { display:inline-block; }
#header .peak li { position:relative; display:inline-block; line-height:24px; padding:0 1rem 0 30px; }
#header .peak li::before { position:absolute; content:" "; top:0; left:0; width:24px; height:24px; background-repeat:no-repeat; background-size:contain; opacity:0.38; }
#header .peak li.hours-open::before { background-image:url('../images/ffffff/clock.svg'); width:22px; height:22px; }
#header .peak li.hours-closed::before { background-image:url('../images/ffffff/forbidden.svg'); width:22px; height:22px; }
#header .peak li.address::before { background-image:url('../images/ffffff/location.svg'); }
#header .peak li.phone::before { background-image:url('../images/ffffff/phone.svg'); }

#header .panel { width:100%; height:56px; background:#ffdf8a; box-shadow:0px 1px 7px 0px rgba(0,0,0,0.12); transition:background-color 1.2s ease; }
#header .logo { float:left; display:block; margin:0 0 0 1em; width:64px; height:54px; background-image:url('../images/logo.png'); background-repeat:no-repeat; background-size:contain; background-position:center; cursor:pointer; }
#header .is-button { box-shadow:none; }

#header .navigation-top { float:left; text-align:left; margin:0 1em 0 0; /* max-width:360px; */ height:56px; overflow:hidden; }
#header .navigation-top ul { display:inline-block; list-style:none; margin:0; padding:0; }
#header .navigation-top li { display:inline-block; list-style:none; margin:0; padding:0; }
#header .navigation-top li a { display:block; float:left; color:inherit; padding:0 1em; line-height:56px; }
#header .navigation-button { float:right; margin:0; display:block; }
#header .navigation-button .icon { position:relative; display:inline-block; width:46px; height:56px; cursor:pointer; }
#header .navigation-button .icon::before { position:absolute; left:10px; top:15px; content:" "; width:26px; height:26px; background-repeat:no-repeat; background-position:center; background-size:contain; }
#header .navigation-search .icon::before { background-image:url('../images/2a2a2a/zoom.svg'); }
#header .navigation-open .icon::before { background-image:url('../images/2a2a2a/menu.svg'); }
#header .navigation-open .account-indicator { display:none; position:absolute; z-index:11; top:2em; margin-left:-11px; width:2em; height:2em; border-radius:2em; line-height:2em; background-color:#f4f4f4; background-image:url('../images/2a2a2a/account.svg'); background-position:center center; background-repeat:no-repeat; background-size:cover; }
#header .navigation-catalogue { float:right; margin:0 10px 0 0; padding:0; display:block; line-height:56px; cursor:pointer; }

/*
#header .navigation-catalogue a { position:relative; display:block; padding:0 14px 0 42px; color:inherit; }
#header .navigation-catalogue .icon { position:absolute; left:0; display:inline-block; width:56px; height:56px; }
#header .navigation-catalogue .icon::before { position:absolute; left:0; top:12px; content:" "; width:32px; height:32px; background-image:url('../images/2a2a2a/book.svg'); background-repeat:no-repeat; background-size:contain; }
*/
/*
#header .slogan { position:absolute; z-index:12; bottom:28%; left:0; width:100%; text-align:center; }
#header .slogan .s1 { display:block; margin:2px 1em; line-height:1; font-size:220%; } 
#header .slogan .s1 span { display:inline-block; color:#fff; text-shadow:0 0 10px rgba(0,0,0,0.65); white-space:pre; }
#header .slogan .s2 { display:block; margin:2px 1em; line-height:1; font-size:220%; }
#header .slogan .s2 span { display:inline-block; color:#fff; text-shadow:0 0 10px rgba(0,0,0,0.65); white-space:pre; }
*/
/*
#header.inverse .panel { background:#2a2a2a; color:#f0f0f0; box-shadow:none; transition:background-color 1.2s ease; }
#header.inverse .navigation-open .icon::before { background-image:url('../images/ffffff/menu.svg'); }
#header.inverse .navigation-search .icon::before { background-image:url('../images/ffffff/zoom.svg'); }
#header.inverse .basket-widget-widescreen-icon { background-image:url('../images/ffffff/basket.svg'); }
*/

/* navigation */

#navigation { display:none; position:fixed; top:0; right:0; width:100%; height:100%; z-index:2000; font-size:110%; background:#1f1f1f; overflow:auto; }
#navigation ul { list-style:none; margin:0 0 1.7em 0; padding:0; }
#navigation li { list-style:none; margin:0; padding:0; display:block; text-align:left; }
#navigation a { display:inline-block; padding:0.4rem 0; color:#fff; text-decoration:none; }
#navigation a:hover { color:#fff; text-decoration:none; }
#navigation .panel { padding-left:1.80rem; }
#navigation .title { padding:1em 0 0.7em 0; font-size:120%; color:#9c9c9c; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#navigation .navigation-close { position:fixed; top:0; right:0; }
#navigation .navigation-content { padding:3rem 0 0 0; }
#navigation .modal-window-close { background-image:url('../images/ffffff/close.svg'); }

/* search block */

#block-search { margin:0; padding:2rem 0; }
#block-search form { margin:0; padding:0; position:relative; }
#block-search .mainbox { display:block; }
#block-search .form-item { margin:0; padding:0; width:100%; }
#block-search .form-search { margin:0; padding:0 0.5rem; width:100%; max-width:100%; height:44px; line-height:44px; font-size:144%; background:transparent; color:#ccc; border-color:#ffffff3c; }
#block-search .form-actions { margin:0; padding:0; position:absolute; top:0; right:0; }
#block-search .form-submit { margin:1px; height:42px; line-height:42px; font-size:144%; border-radius:2px; box-shadow:none; }

/* system messages */

#messages { position:fixed; width:100%; height:100%; margin:0; padding:1rem; top:0; left:0; z-index:10000; }
#messages .inner { position:relative; width:100%; max-width:460px; top:7rem; margin:0 auto; background:#c72f41; color:#fff; border-radius:7px; box-shadow:#0000003a 0 0 10px 1px; }
#messages .modal-window-close { background-image:url('../images/ffffff/close.svg'); }
#messages .messages-content { padding:5rem 2em 3rem 2rem; font-size:120%; }
#messages a { color:#ccc; border-bottom:1px solid #ffffff35; }
#messages a:hover { color:#ddd; border-bottom:1px solid #ffffff70; }

/* cookies gdpr */

#cookie-usage-panel .panel-manager a { color:#ce6672; }
#cookie-usage-panel .panel-manager a:hover { color:#ce6672; text-decoration:underline; }
#cookie-usage-panel .panel-manager .form-submit { box-shadow:none; }

/* opener */

#opener { padding:4em 0 0.5em 0; text-align:center; }

/* footer */

#footer { padding:2.4rem 0 0 0; text-align:center; color:#8d8d8d; }
#footer a { font-weight:normal; color:#ffdf8a; }
#footer a:hover { font-weight:normal; color:#fff; }
#footer .support { padding:3rem 0; }
#footer .social { padding:1.2rem 0; background-color:#f0f0f0; }
#footer .social a { display:inline-block; width:28px; height:28px; padding:0; margin:0.5rem; background-position:center; background-repeat:no-repeat; background-size:contain; }
#footer .social a.facebook { background-image:url('../images/social-facebook-black.png'); }
#footer .social a.instagram { background-image:url('../images/social-instagram-black.png'); }
#footer .panel { padding:2rem 0; background-color:#151515; color:#dedede; }
#footer .column { float:left; width:33%; padding:0 1rem 0 0; overflow:hidden; text-align:left; }
#footer .column-title { font-size:140%; }
#footer .column-content { padding:0.5rem 0; }
#footer .column-content p,
#footer .column-content ul { margin:0; padding:0; }

/* reader card generator */

#reader-card-generator { margin:1rem auto; padding:0 1rem; max-width:580px; }

/* services block */

#services { padding:3rem 0; }
#services ul { list-style:none; margin:0; padding:0; }
#services li { position:relative; list-style:none; margin:0; padding:0; line-height:36px; border-bottom:1px solid #dedede; }
#services a { display:block; padding:0 0 0 28px; color:inherit; text-decoration:none; }
#services a::before { position:absolute; content:" "; top:8px; left:0; width:20px; height:20px; background-repeat:no-repeat; background-size:contain; }
#services li.objednavky a::before { background-image:url('../images/c72f41/basket.svg'); }
#services li.bibliobox a::before { background-image:url('../images/c72f41/box.svg'); }
#services li.eknihy a::before { background-image:url('../images/c72f41/smartphone.svg'); }
#services li.medzi a::before { background-image:url('../images/c72f41/repeat.svg'); }
#services li.hry a::before { background-image:url('../images/c72f41/bawling.svg'); }
#services li.kufriky a::before { background-image:url('../images/c72f41/briefcase.svg'); }
#services li.internet a::before { background-image:url('../images/c72f41/wifi.svg'); }
#services li.zdroje a::before { background-image:url('../images/c72f41/checklist.svg'); }
#services li.resers a::before { background-image:url('../images/c72f41/search.svg'); }
#services li.skoly a::before { background-image:url('../images/c72f41/kids.svg'); }
#services li.cennik a::before { background-image:url('../images/c72f41/tag.svg'); }
#services li.kontakt a::before { background-image:url('../images/c72f41/location.svg'); }
#services .column { float:left; width:33%; }
#services .about { padding:0 0 2rem 0; }
#services .images { position:relative; }
#services .images img { display:block; width:100%; height:auto; border-radius:7px; }
#services .image-left { width:38%; height:auto; position:absolute; bottom:0; }
#services .image-right { width:84%; height:auto; float:right; padding:0 0 2rem 0; }
body.is-page #services { padding:0; }


/* search page */

#search-page .search-form .form-item { width:70%; max-width:440px; padding:0 0.5rem 0 0; }
#search-page .search-form .form-search { width:100%; }

/* public documents */

.public-document { margin:0; padding:1.3rem 0; border-top:1px solid #dedede; }
.public-document .doc-title { font-weight:bold; }
.public-document .doc-description { position:relative; }
.public-document .doc-right { position:absolute; top:0; right:0; text-align:right; width:auto; text-transform:uppercase; font-size:84%; color:#9a9a9a; }
.public-document .doc-right a { font-weight:bold; }
.public-document .doc-files { display:block; padding:0.6rem 0 0.2rem 0; }
.public-document .file { display:inline; }
.public-document .file a { position:relative; display:inline-block; padding:0 0 0 1.40em; }
.public-document .file a::before { position:absolute; left:0; top:1px; display:block; content:""; width:1em; height:1em; background-image:url('../images/c72f41/file.svg'); background-repeat:no-repeat; background-size:contain; }
.public-document .ext { position:relative; display:inline-block; padding-right:1.3rem; }
.public-document .ext::after { position:absolute; top:-1px; right:0; width:1rem; height:1rem; content:''; background-image:url('../images/c72f41/external.svg'); background-repeat:no-repeat; background-size:contain; }
.public-document .ajax-container { display:none; margin:1.3rem 0 0 0; padding:1.3rem; border:1px solid #dedede; border-radius:12px; background-color:#f0f0f0; }
.public-document .ajax-container h3 { padding:0.4rem 0 1rem 0; color:inherit; }
.public-document .ajax-container .public-document { margin:0; padding:0; border:0; }

/* internal link */

.internal-links-current { padding:0.5rem 1rem; background-color:#ffc; }

/* admin navigation page alter */

body.admin-navigation-enabled { margin-top:37px; }
body.admin-navigation-enabled #header { margin-top:37px; }