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 !important;
z-index: 100 !important;
display: block !important;
clear: both !important;
padding: 20px 0 !important;
} .cbp-nav,
.cbp-nav-pagination,
.cbp-l-filters-button,
.masonry-post .cbp-nav,
.masonry-post .cbp-nav-pagination,
#blog .cbp-nav,
#blog .cbp-nav-pagination,
.cbp-nav-pagination-item {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
height: 0 !important;
overflow: hidden !important;
} .navigation.pagination {
clear: both !important;
margin-top: 40px !important;
display: block !important;
} .catnav + .cbp-nav,
.catnav ~ .cbp-nav-pagination {
display: none !important;
} #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;
}