Opasky Fiala V2 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>
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
</style>
<style>
#verifyPageForm {display: none !important;}
.entrance-protection-wrapper {display: flex;justify-content: center; align-items: center;}
.entrance-protection .site-name {max-width: 768px !important;margin: 0;padding: 0;}
.entrance-protection-wrapper, .entrance-protection-inner {background-color: #000;}
/* Logo na střed nad menu */
@media (min-width: 992px) {
.container.navigation-wrapper .site-name {flex-basis: calc(100% - 265px);order:1;}
.container.navigation-wrapper .site-name img {margin-left: calc(((100% + 220px) / 2) - 52px);padding: 5px;}
#navigation {flex-basis: calc(100% - 100px);order:3; height: 50px;}
.fitted .navigation-in ul {justify-content: center;margin-left: 68px;}
.navigation-buttons {order: 2;}
.menu-helper {order:4; height: 50px;}
.navigation-in>ul>li>a {padding-top: 17px; padding-bottom: 17px;}
.navigation-buttons {position: absolute !important; top: 0; right: 0;}
}
.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: #000;}
.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: #e8d4cd;}
#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 {background-color: #fff; border-color: #fff;}
.navigation-in ul.menu-level-2, .menu-helper>ul {background-color: #fafafa; border-color: #fafafa;}
.navigation-buttons a[data-target="kn_mail"]::before {content: '\e924'; color: #fff;}
.navigation-buttons a[data-target="kn_call"]::before {content: '\e92c'; color: #fff;}
.navigation-buttons a:hover {background-color: #d0992e !important; border-color: #d0992e; color: #fff !important;}
.navigation-buttons a:hover:before {color:#fff;}
.navigation-in ul.menu-level-2, .menu-helper>ul {background-color: #fafafa; border-color: #fafafa;}
.navigation-buttons {border-right-style: none;}
.navigation-in>ul>li>a:hover {color: #d0992e;}
::-webkit-scrollbar {width: 0px;}
/* top menu */
.added_top_menu {background: #111;}
.added_top_menu .container {display: flex;justify-content: flex-start;}
.added_top_menu ul {padding: 5px;display: flex; list-style-type: none;margin-top:0; margin-bottom: 0;}
.added_top_menu ul:nth-child(2) {margin-left: auto;}
.added_top_menu ul li a {padding: 5px 30px; color: #fff;}
.added_top_menu ul li a:hover {background-color: #000;color: #d0992e;}
.navigation-buttons {position: relative;}
@media (max-width: 992px) {
.added_top_menu .container, .added_top_menu ul {flex-wrap:wrap;}
.added_top_menu ul {justify-content: center;padding: 2px;width: 100%;}
.added_top_menu ul li {padding: 5px 12px;}
.added_top_menu ul li a {padding: 0;}
.added_top_menu ul:nth-child(2) {margin-left:0;}
}
@media (min-width: 992px) and (max-width: 1200px) {
.added_top_menu ul li a {padding: 12px;}
}
@media (max-width: 992px) and (min-width: 480px) {
#navigation {padding-top: 126px;}
}
/* header */
@media screen and (min-width: 992px) {
.dklabScrolled #content-wrapper {margin-top: 131px;}
.dklabScrolled #header {position: fixed; top: 0px; left: 0px; z-index: 52; width: 100%; border-bottom: solid 2px #5f3124;}
.dklabScrolled .popup-widget.cart-widget {position: fixed; top: 75px !important;}
}
.navigation-in ul li a b {
font-weight: 400;
letter-spacing: 1px;
}
.navigation-buttons > a[data-target="cart"] i {
color: #fff;
background-color: #af5634;
}
/* carousel */
@media (min-width:992px) {
.wide-carousel .extended-banner-texts span {left:unset;top:unset;right:unset;bottom:unset;}
.wide-carousel .extended-banner-texts {opacity:0;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display:flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
align-items: center;
background-color: #0000009e;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}
.wide-carousel:hover .extended-banner-texts {opacity:1;}
.extended-banner-title, .extended-banner-text, .extended-banner-link {position: relative;}
.kn_carousel_hover {
width: 550px;
height: auto;
margin: auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.kn_carousel_hover .extended-banner-text {
text-align: center;
border: none;
max-width: unset;
color: #fff;
padding: 12px 30px;
font-family: 'Pacifico', cursive;
font-size: 36px;
margin-bottom: 30px;
background-color: transparent;
}
.kn_carousel_hover .extended-banner-link {
border-color: #d0992e;
background: #d0992e;
color: #fff;
padding: 12px 30px;
margin-top: unset;
height: unset;
}
.kn_carousel_hover .extended-banner-link:hover {
border-color: #9c5800;
background: #9c5800;
color: #fff;
}
}
.carousel-control::before {border-style: none !important;}
.carousel-control:hover::before {color: #d0992e;}
/* cat */
.products-block > div .p .name {font-size: 28px;}
.products-block .p {border-style: none;}
.top-products-wrapper {display: none;}
.products-block > div .p .name {font-family: 'Pacifico', cursive;}
.p-code {display: none !important;}
.products-block .p > a img {width:100%;}
.products-block>div { transition: all 0.5s ease;}
.products-block>div:hover {background-color: #f6f2f0;}
/* detail */
.p-detail-inner-header h1, .category-title {font-family: 'Pacifico', cursive !important;}
.p-short-description + form + div {display: none;}
.short-description p, .basic-description p {font-size: 16px;}
#footer {background-color: #000; border-top-color: #000;}
.footer-bottom, .footer-newsletter {border-color: #222;}
#footer h4 {color: #d0992e;}
.banner a, .banner-wrapper a, .banner-category a, .carousel-inner a, #footer .footer-newsletter p, #signature a, .footer-bottom span {color: #fff;}
#footer ul li::before {border-color: #d0992e;}
.compact-form .btn {color: #fff; border-color: #d0992e; background-color: #d0992e;}
#footer .form-control, #footer select {border-color: #222; color: #666; background-color: #222;}
</style>