Levneji 2.0 CSS
<link rel="stylesheet" type="text/css" href="https://code.kubanavratil.com/user/documents/upload/res2020/owl.carousel.min.css">
<link rel="stylesheet" type="text/css" href="https://code.kubanavratil.com/user/documents/upload/res2020/owl.theme.default.min.css">
<style>
::-webkit-scrollbar {width: 0px;}
body, .content-wrapper, .box.box-bg-variant {background-color: #e3e0d1 !important;}
/* header */
.navigation-in>ul>li>a, .navigation-in ul.menu-level-2 a, .menu-helper>span, .menu-helper > ul > li a, .navigation-buttons a[data-target="search"], .navigation-buttons a[data-target="cart"], .navigation-buttons a[data-target="login"], .navigation-buttons a[data-target="navigation"], .navigation-in>ul>li.exp>a {color: #e3e0d1;}
.navigation-in>ul>li>a:hover, .navigation-in ul.menu-level-2 a:hover, .menu-helper>span:hover, .menu-helper > ul > li a:hover, .navigation-buttons a[data-target="search"]:hover, .navigation-buttons a[data-target="cart"]:hover, .navigation-buttons a[data-target="login"]:hover, .navigation-buttons a[data-target="navigation"]:hover {color: #ccd970;}
#header, .navigation-in, .menu-helper>span, .navigation-buttons a[data-target="search"], .navigation-buttons a[data-target="login"], .navigation-buttons a[data-target="cart"], .navigation-buttons a[data-target="navigation"], .menu-helper>ul>li.exp>a, .menu-helper>ul>li.exp>ul>li, .navigation-buttons {background-color: #4d6625; border-color: #4d6625;}
.navigation-buttons a[data-target="search"]:hover, .navigation-buttons a[data-target="cart"]:hover, .navigation-buttons a[data-target="login"]:hover, .navigation-buttons a[data-target="navigation"]:hover {background-color: #2e3c18; border-color: #2e3c18;}
@media (min-width: 992px) {
.navigation-in ul.menu-level-2, .menu-helper>ul {background-color: #2e3c18; border-color: #2e3c18;}
.container.navigation-wrapper .site-name {margin: 0; margin-right: 50px !important;}
}
/* left menu */
.sidebar {background-color: #e3e0d1;}
.categories .topic>a {padding-top: 10px;
padding-bottom: 10px;
font-weight: bold;
color: #4d6625;
letter-spacing: 2px;}
#categories .expandable>.topic>a>span {top: 10px;}
.expanded li a { padding-top: 10px;
padding-bottom: 10px;
font-weight: 400;
text-transform: lowercase;
letter-spacing: 2px;}
.box.box-bg-variant.box-categories h4 {font-size: 22px; color: #2e3c18; letter-spacing: 4px;}
.sidebar-inner {padding-top: 0px;}
.categories .topic { background-color: #e3e0d1;
border-bottom: solid 1px #cab394;}
/* mobile */
@media (max-width: 992px) {
.container.navigation-wrapper .site-name {flex: unset;}
#header {padding: 10px 2px;}
.navigation-buttons {top: 10px;}
.menu-level-1:before {
content: 'Menu';
display: block;
font-size: 40px;
color: #e3e0d1;
text-align: center;
margin: 50px auto;
}
.navigation-in ul li a {
font-size: 26px;
padding-top: 2rem;
padding-bottom: 2rem;
}
.navigation-in ul li a b {font-weight: 100 !important; color: #fff;}
.navigation-in ul.menu-level-2 li a {padding: 14px; font-weight: 100;}
.navigation-in ul.menu-level-2 {background-color: #e3e0d1;}
.navigation-in ul.menu-level-2 li a {color: #4d6625;}
.navigation-in ul li a {padding: 20px 30px;}
.navigation-in>ul>li {border-top: solid 1px #2e3c18;}
.navigation-in ul.menu-level-2 li a {padding: 20px 30px 20px 50px; border-bottom: solid 1px #cab394;}
.navigation-close {color: #e3e0d1;}
}
/* Banners */
.carousel-control::before {background: transparent; border: none;}
.extended-banner-title {
background: transparent;
border: none;
top: calc(50% - 32px);
left: calc(50% - 145px);
font-size: 40px;
color: #e3e0d1;
font-weight: 600;
box-shadow: none;
text-align: center;
}
/* CTA */
.btn.btn-primary, a.btn.btn-primary {
color: #4d6625;
font-weight: 600;
border-color: #4d6625;
background-color: transparent;
}
.btn.btn-conversion, a.btn.btn-conversion, .btn.btn-cart, a.btn.btn-cart {
color: #4d6625;
font-weight: 600;
border-color: #cdd872;
background-color: #cdd872;
}
.btn.btn-conversion:hover, a.btn.btn-conversion:hover, .btn.btn-cart:hover, a.btn.btn-cart:hover, .btn.btn-primary:hover, a.btn.btn-primary:hover {
color: #cdd872;
border-color: #4d6625;
background-color: #4d6625;
}
/* border-radius */
.products-block > div .p > a img, .image360 a img, .p-image a img {border-radius: 25px;}
.p-thumbnails a img {border-radius: 15px; margin: 0 5px;}
.p-thumbnail.highlighted::before, .show360image.highlighted::before, .p-thumbnail:hover::before, .show360image:hover::before { top: 5px;
left: 10px;
background-color: #2e3c18;
width: 18px;
height: 18px;
border-radius: 100%;
}
.wide .image360, .wide .p-image {padding-left: 0; padding-right: 0;}
/* HP */
.top-products-wrapper {display: none;}
/* category */
.flag.flag-action {background-color: #2e3c18;color:#ccd970;}
.flag.flag-new {background-color: #ccd970;color:#2e3c18;}
.flag.flag-tip {background-color: #5d4833;}
.flag.flag-freeshipping {background-color: #5d4833;}
.flag.flag-discount {background-color: #2e3c18;color:#ccd970;}
.flags-extra .price-standard, .flags-extra .price-save {color:#ccd970;}
.p .name {color: #2e3c18;font-weight: 600;}
.products-block .p {border-style: none;}
.products-block .p-code {display: none;}
.shp-tabs-holder, .shp-tabs {border-color: transparent; background-color: transparent;}
/* cart etc. */
.content-window-in, .cart-table tr td {background-color: #e3e0d1;}
/* footer */
#footer {background-color: #cab394; border-top-color: #cab394;}
.footer-bottom, .footer-newsletter {border-color: #5d4833;}
.kn_preorder, .kn_preorder + td {
background-color: #4d6625;
padding: 10px !important;
color: #fff;
}
</style>
