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;
}
header nav ul li,
header nav ul.pages li,
nav ul.pages li {
float: none !important;
display: block !important;
text-align: center !important;
padding-top: 17px !important;
padding-bottom: 17px !important;
padding-left: 0 !important;
}
header nav ul li a.textXS,
nav ul.pages li a.textXS {
padding: 0.25em 0 !important;
display: block !important;
font-size: 32px !important;
font-weight: 700 !important;
color: #FF0000 !important;
}
header nav ul li .arr,
nav ul.pages li .arr {
display: none !important;
}
header nav ul li:last-child a,
nav ul.pages 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;
}
} .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;
}