header {
z-index: 100 !important;
width: 100% !important;
overflow: hidden !important;
overflow-y: auto !important;
position: relative !important;
background: transparent !important;
}
header .wrap {
position: relative !important;
max-width: 1620px !important;
margin: 0 auto !important;
padding: 0 !important;
}
header .inner {
padding: 60px 30px !important;
margin: 0 !important;
}
header h1 {
margin: 0 !important;
padding: 0 !important;
font-size: inherit !important;
line-height: inherit !important;
background: none !important;
} header .logo {
display: block !important;
position: absolute !important;
left: 46px !important;
top: 30px !important;
z-index: 100 !important;
}
header .logo img {
width: 268px !important;
height: auto !important;
transition: all 0.2s ease-out !important;
}
header .logo img:hover {
transform: scale(1.025) !important;
} header nav,
nav {
display: block !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
background: transparent !important;
}
header nav ul,
header nav ul.pages,
header nav ul.pages.right,
nav ul.pages,
nav ul.pages.right {
display: block !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
text-align: right !important;
background: transparent !important; flex-direction: unset !important;
flex-wrap: unset !important;
justify-content: unset !important;
}
header nav ul li,
header nav ul.pages li,
header nav ul.pages.right li,
nav ul.pages li,
nav ul.pages.right li {
display: inline-block !important;
padding: 30px 0 30px 30px !important;
margin: 0 !important;
float: none !important;
background: transparent !important;
}
header nav ul li a,
nav ul.pages li a {
padding: 15px 0 !important;
text-decoration: none !important;
background: transparent !important;
border: none !important;
}
header nav ul li a:hover,
nav ul.pages li a:hover {
color: #FF0000 !important;
} header nav ul li:last-child a,
nav ul.pages li:last-child a {
border-left: 1px solid rgba(184,183,185,0.2) !important;
padding-left: 30px !important;
margin-right: 30px !important;
} header nav ul li.lang-switcher,
nav ul.pages li.lang-switcher {
padding-right: 15px !important;
}
header nav ul li.lang-switcher a,
nav ul.pages li.lang-switcher a {
padding: 15px 5px !important;
border: none !important;
border-left: none !important;
}
header nav ul li.lang-switcher span,
nav ul.pages li.lang-switcher span {
padding: 0 2px !important;
} .nav_close,
.nav_open,
header nav ul.sub,
nav ul.sub {
display: none !important;
} .textXS {
font-family: 'IBM Plex Sans', Arial, Helvetica, Verdana, sans-serif !important;
font-size: 14px !important;
line-height: 1em !important;
}
.uppercase {
text-transform: uppercase !important;
} .grey {
color: #B8B7B9 !important;
} .bold {
font-weight: 700 !important;
} header nav ul li.lang-switcher a.bold,
nav ul.pages li.lang-switcher a.bold {
color: #fff !important;
} .arr_right,
.arr.arr_right,
span.arr_right {
display: inline-block !important;
width: 20px !important;
height: 10px !important;
background-image: url(//andrekohout.cz/pisu-si/assets/img/arr_right.svg) !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
margin-left: 5px !important;
position: relative !important;
top: 1px !important;
} @media only screen and (max-width: 1112px) {
header .inner {
padding: 60px !important;
}
header .logo img {
width: 172px !important;
}
header .logo {
top: 29px !important;
left: 30px !important;
}
header {
left: 0 !important;
right: 0 !important;
top: 0 !important;
bottom: auto !important;
width: auto !important;
}
body.nav_opened {
overflow: hidden !important;
}
.nav_opened header {
position: fixed !important;
z-index: 1000 !important;
bottom: 0 !important;
background-color: #000 !important;
background-image: url(//andrekohout.cz/pisu-si/files/static/background-gradient.png) !important;
}
header .logo {
margin-bottom: 0 !important;
}
.nav_opened header .logo {
margin-bottom: 20px !important;
}
header nav,
nav {
display: none !important;
top: 120px !important;
}
.nav_open,
.nav_close {
display: block !important;
position: absolute !important;
z-index: 100 !important;
top: 20px !important;
right: 20px !important;
cursor: pointer !important;
}
.nav_open .icon span,
.nav_close .icon span {
top: -2px !important;
}
.nav_open .icon span {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
display: inline-block !important;
width: 100% !important;
height: 100% !important;
background-image: url(//andrekohout.cz/pisu-si/assets/img/icon-menu.svg) !important;
background-size: 20px 11px !important;
background-position: center !important;
background-repeat: no-repeat !important;
}
.nav_close {
display: none !important;
}
.nav_opened .login_nav,
.nav_opened nav,
.nav_opened header nav,
.nav_opened .nav_close {
display: block !important;
}
.nav_opened .nav_open {
display: none !important;
}  body nav ul,
body nav ul.pages,
body nav ul.pages.right,
body header nav ul,
body header nav ul.pages,
body header nav ul.pages.right {
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: flex-start !important;
width: 100% !important;
text-align: center !important;
margin: 0 !important;
padding: 0 !important;
} body nav ul li,
body nav ul.pages li,
body nav ul.pages.right li,
body header nav ul li,
body header nav ul.pages li,
body header nav ul.pages.right li {
float: none !important;
display: block !important;
width: 100% !important;
max-width: 100% !important;
flex: 0 0 auto !important;
text-align: center !important;
padding: 17px 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
} body nav ul li a.textXS,
body nav ul.pages li a.textXS,
body nav ul.pages.right li a.textXS,
body header nav ul li a.textXS,
body header nav ul.pages li a.textXS,
body header nav ul.pages.right li a.textXS {
padding: 0.25em 0 !important;
display: block !important;
font-size: 32px !important;
font-weight: 700 !important;
color: #FF0000 !important;
} body nav ul li .arr,
body nav ul.pages li .arr,
body header nav ul li .arr,
body header nav ul.pages li .arr {
display: none !important;
} body nav ul li:last-child a,
body nav ul.pages li:last-child a,
body nav ul.pages.right li:last-child a,
body header nav ul li:last-child a,
body header nav ul.pages li:last-child a,
body header nav ul.pages.right li:last-child a {
border-left: 0 !important;
border-top: 1px solid rgba(184,183,185,0.2) !important;
padding-top: 34px !important;
margin-right: 0 !important;
padding-left: 0 !important;
}  body nav ul li.lang-switcher,
body nav ul.pages li.lang-switcher,
body nav ul.pages.right li.lang-switcher,
body header nav ul li.lang-switcher,
body header nav ul.pages li.lang-switcher,
body header nav ul.pages.right li.lang-switcher {
order: -1 !important; width: 100% !important;
text-align: center !important;
padding: 20px 0 30px 0 !important;
margin-bottom: 10px !important;
border-bottom: 1px solid rgba(184,183,185,0.2) !important;
} body .lang-switcher .flag,
body header .lang-switcher .flag,
body nav .lang-switcher .flag,
.lang-switcher .flag {
display: inline-block !important;
font-size: 42px !important;
line-height: 1 !important;
vertical-align: middle !important;
} body .lang-switcher .lang-text,
body header .lang-switcher .lang-text,
body nav .lang-switcher .lang-text,
.lang-switcher .lang-text {
display: none !important;
} body .lang-switcher .lang-separator,
body header .lang-switcher .lang-separator,
body nav .lang-switcher .lang-separator,
.lang-switcher .lang-separator {
display: none !important;
} body nav ul li.lang-switcher a,
body nav ul.pages li.lang-switcher a,
body nav ul.pages.right li.lang-switcher a,
body header nav ul li.lang-switcher a,
body header nav ul.pages li.lang-switcher a,
body header nav ul.pages.right li.lang-switcher a {
display: inline-block !important;
padding: 5px 15px !important;
font-size: inherit !important;
color: inherit !important;
border: none !important;
background: transparent !important;
margin: 0 5px !important;
} body nav ul li.lang-switcher a.bold,
body nav ul.pages li.lang-switcher a.bold,
body header nav ul li.lang-switcher a.bold,
body header nav ul.pages li.lang-switcher a.bold {
transform: scale(1.1);
} body nav ul li.lang-switcher a.grey,
body nav ul.pages li.lang-switcher a.grey,
body header nav ul li.lang-switcher a.grey,
body header nav ul.pages li.lang-switcher a.grey {
opacity: 0.6;
}
} @media only screen and (min-width: 1113px) {
.lang-switcher .flag {
display: inline-block !important;
font-size: 16px !important;
vertical-align: middle !important;
margin-right: 2px !important;
}
.lang-switcher .lang-text {
display: inline !important;
vertical-align: middle !important;
}
.lang-switcher .lang-separator {
display: inline !important;
}
} .catnav {
position: relative;
z-index: 10;
display: block;
clear: both;
}  .navigation.pagination {
clear: both;
margin-top: 40px;
display: block;
text-align: center;
} #footer ul,
#footer-black ul {
margin-bottom: 0;
padding: 0px 0px 10px 0px;
}
#footer .social-icons li,
#footer-black .social-icons li {
display: inline-block;
padding: 5px 20px;
font: 600 11px 'Poppins', sans-serif;
text-transform: uppercase;
letter-spacing: 1.5px;
}
#footer .social-icons li,
#footer .social-icons li a {
color: #000;
}
#footer-black .social-icons li,
#footer-black .social-icons li a {
color: #fff;
}  .cbp-nav,
.cbp-nav-pagination,
.cbp-nav-controls,
.cbp-loadMore-block,
.cbp-nav-next,
.cbp-nav-prev,
.cbp-wrapper + .nav-links,
.cbp + .nav-links,
.cbp-wrapper + .navigation,
#blog .nav-links,
#blog .navigation.pagination,
#blog-post .nav-links,
#blog-post .navigation.pagination,
section#blog > .container > .nav-links,
section#blog > .fullwidth-style > .nav-links,
.masonry-post .nav-links,
.catnav + .nav-links,
.catnav + .navigation {
display: none !important;
visibility: hidden !important;
height: 0 !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
} .wp-pagination-wrapper {
clear: both;
margin: 30px 0;
display: block !important;
visibility: visible !important;
height: auto !important;
overflow: visible !important;
}
.wp-pagination-wrapper .navigation.pagination {
display: block !important;
visibility: visible !important;
height: auto !important;
}
.wp-pagination-wrapper .nav-links {
display: flex !important;
visibility: visible !important;
height: auto !important;
justify-content: center;
align-items: center;
gap: 10px;
flex-wrap: wrap;
} .wp-pagination-wrapper .page-numbers {
display: inline-flex !important;
visibility: visible !important;
align-items: center;
justify-content: center;
min-width: 40px;
height: 40px !important;
padding: 0 12px;
background: #f5f5f5;
color: #333;
text-decoration: none;
border-radius: 4px;
font-size: 14px;
transition: all 0.2s ease;
}
.wp-pagination-wrapper .page-numbers:hover {
background: #e74c3c;
color: #fff;
}
.wp-pagination-wrapper .page-numbers.current {
background: #e74c3c;
color: #fff;
}
.wp-pagination-wrapper .page-numbers.dots {
background: transparent;
pointer-events: none;
}
.wp-pagination-wrapper .page-numbers.prev,
.wp-pagination-wrapper .page-numbers.next {
font-size: 0;
}
.wp-pagination-wrapper .page-numbers.prev::before {
content: "←";
font-size: 16px;
}
.wp-pagination-wrapper .page-numbers.next::before {
content: "→";
font-size: 16px;
} .catnav .nav-links,
.catnav .navigation,
.catnav .page-numbers:not(a),
.catnav .cbp-nav-pagination,
.catnav ~ .cbp-nav,
.catnav ~ .nav-links,
.catnav ~ .navigation.pagination {
display: none !important;
} .cbp-nav-pagination-item,
.cbp-nav-pagination-active,
span.cbp-nav-pagination-item,
a.cbp-nav-pagination-item {
display: none !important;
} .container > .cbp-nav,
.container > .nav-links:not(.wp-pagination-wrapper .nav-links),
.fullwidth-style > .cbp-nav,
.fullwidth-style > .nav-links:not(.wp-pagination-wrapper .nav-links),
.pt15 > .cbp-nav,
.pb130 > .cbp-nav {
display: none !important;
} .cbp-wrapper ~ .cbp-nav,
.cbp ~ .cbp-nav,
[id^="blogtwo-boxed"] ~ .cbp-nav,
[id^="blogtwo-boxed"] + .cbp-nav {
display: none !important;
}