VIPA CSS

<style>
body.type-product .price-standard, body.type-product .price-save {width:100%;padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 1px #dadada; font-size: 18px !important;}
body.type-product .price-standard:before {content: 'Běžná cena:'; font-weight: bold; margin-right: 30px; color: #333;}
body.type-product .price-standard>span {text-decoration: none;}
body.type-product .price-save:before {content: 'Ušetříte:'; font-weight: bold; margin-right: 54px; color: #024ea4;}
body.type-product .price-save {color: #024ea4;}
body.type-product .flag.flag-discount {display: none;}
</style>

<style>
body {overflow-x: hidden;}

@media (min-width:768px) {
#header {background-image:url("https://324180.myshoptet.com/user/documents/upload/res/header_background.png");background-position: bottom; background-repeat: repeat-x;background-color:#fff;}
#navigation, .navigation-in, .navigation-in > ul, .xxxmenu-helper ul {height:53px;}
.navigation-in>ul>li {
height: 53px;
border-color: #018659;
}
.menu-helper>span {height: 44px;}
.navigation-in ul li a b {color: #fff !important; font-weight: 600 !important;}
}

.menu-helper::after {
color: #ffffff;
background-color: #02a46d;
}
.menu-helper {margin-top:10px;}
.navigation-in>ul>li>a {
padding-top: 19px;
padding-bottom: 20px;
margin-top: 0px;
}
.navigation-in>ul>li>ul, .menu-helper>ul>li>ul {xxxmargin-top: 20px;}

.navigation-in ul li:hover a b, .menu-helper ul li:hover a b {color: #fff !important;}
.navigation-in > ul > li:hover > a, .menu-helper > ul > li:hover > a {background-color: #00724b;}

.navigation-buttons > a[data-target="cart"] i {background-color: #02a46d !important; color: #fff !important; font-weight: 600;}
.compact-form .btn {background-color: #111; border-color: #fff; color: #fff;}
.compact-form .btn:hover {background-color: #02a46d; border-color: #02a46d; color: #fff;}
/* Top menu & header */

@media (min-width: 768px) {
.row.banners-row .col-sm-8 {width: 100%;}
.carousel-inner>.item>img, .carousel-inner>.item>a>img {margin-left: auto; margin-right: auto;}
.row.banners-row .col-sm-4 {width: 100%;}
.row.banners-row .col-sm-4 {padding-left: 0px;}
.next-to-carousel-banners {width:100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: row wrap;justify-content:center;}
.next-to-carousel-banners .banner-wrapper {width:33.3333%; margin-top: 0px;}
.banners-row .banner-wrapper+.banner-wrapper {margin-top: 0px;}
.banner-wrapper a img:hover {transform: none !important;}
}
/* Bannery */

.sidebar {background-color: #ffffff;}
.categories .topic>a {padding-top: 10px;
padding-bottom: 10px;
font-weight: bold;
color: #111;
text-transform: uppercase;
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: #02a46d; letter-spacing: 4px;}
.sidebar-inner {padding-top: 0px;}
.categories .topic {background-color: #fff; border-bottom: solid 1px #eeeeee;}
/* Left menu */

@media (max-width:768px) {
.navigation-in .appended-category {margin-left: 20px; margin-right: 20px;}
.navigation-in > ul > li:not(.appended-category), .navigation-in >ul > li:not(.appended-category) a b {background-color: #02a46d; color: #fff !important;}
.navigation-in>ul>li>a {padding-top: 18px; padding-bottom: 18px;}
.navigation-in>ul>li>a b {font-weight: bold; color: #111; text-transform: uppercase; letter-spacing: 2px;}
.navigation-close {color: #fff;}
.submenu-arrow {margin-top: -7px;}
}
/* Mobile menu */

.p .name {color: #231f20; font-size: 20px !important; font-weight: 500; height: 60px !important;}
@media (min-width:992px) {
.products-block.products>div {padding: 25px;}
}

.flag.flag-action {background-color:#a40202 !important;}
.flag.flag-new {background-color:#02a46d !important;}
.flag.flag-tip {background-color:#024ea4 !important;}
.flag.flag-discount {background-color:#a40202 !important;}
.flag.flag-discount > span > span{color:#fff !important;}
.flag.flag-freeshipping {background-color:#024ea4 !important;}
.flag.flag-freeshipping span {color:#fff !important;}

h4.homepage-group-title, .h4.homepage-group-title {font-size: 34px; font-weight: 600;}
.products-block.products .p .name {font-weight: bold;}
/* Category & products */

#footer {margin-top:-4px;}
#footer, .custom-footer, .footer-bottom, #footer>.container {background-color: #000; border-color: #000; } /* #231f20 */
#footer h4 {color: #02a46d;}
#footer ul a, #footer .contact-box a, .contact-box ul li>span.mail::before, .contact-box ul li>span.tel::before, .contact-box ul li>span.facebook::before, .contact-box ul li>span.instagram::before {color: #fff}
.compact-form .btn { background-color: #02a46d;}
#footer .site-name {display: none !important;}
@media (min-width: 1200px) {
.custom-footer {padding-left: 0px; padding-top: 76px;}
}

.brands-addon {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
flex-flow: row wrap;justify-content:space-between; margin: 50px auto; padding-top:50px; border-top: solid 1px #dadada; }
.brands-addon .kn_child4 img {opacity: 1;}
.brands-addon .kn_child4 img:hover {opacity: 0.7;}

@media (max-width: 991px) {
.brands-addon .kn_child4 {width:48%; padding:25px;}
}

@media (min-width: 992px) {
.brands-addon .kn_child4 {width:20%; padding:25px;}
}

/*
.categories .topic > a {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 70px;
font-size: 16px;
font-weight: bold;
background-position: 25px center;
background-repeat: no-repeat;
background-size: 30px auto;
}
.categories .topic a[href="/akce-1-1-zdarma/"]
{background-image:url("https://www.vipa-sro.cz/uploads/2019/03/1552346082get-one-free-vipa.png");background-repeat:no-repeat;}
.expanded li a {
padding-top: 6px;
padding-bottom: 6px;
margin: 0px 30px;
border-bottom: solid 1px #dadada;
}
.expanded li:last-child a {border-bottom: none;}
#categories .categories {
margin-bottom: 2px;
}
.categories li.active>a {
color: #02a46d;
background-color: transparent;
font-weight: bold;
}
.categories .topic {
border: solid 1px #dadada;
}
#categories .expandable>.topic>a>span {
top: 14px;
left: auto;
right: 20px;
font-weight: 600;}
.categories .topic.active>a {
color: #fff;
background-color: #555;
}

.categories:nth-child(1) .topic {background-color: #da3030;}
.categories:nth-child(2) .topic {background-color: #02a46d;}
.categories:nth-child(3) .topic {background-color: #da307c;}
.categories:nth-child(4) .topic {background-color: #daa830;}
.categories:nth-child(1) .topic a, .categories:nth-child(2) .topic a, .categories:nth-child(3) .topic a, .categories:nth-child(4) .topic a {color: #fff;}
*/

</style>

<style><!--
.shp-tab a[href$="#variants"] + .shp-tab a[href$="#description"] {
display: none !important;
}
#tab-content {
display: flex;
flex-direction: column;
}
#variants.active + #description {
display: block !important;
opacity: 1 !important;
order: 99;
}
#variants + #description {
border-top: 1px solid #e1e1e1;
margin-top: 25px;
}
.shp-tab.active + .shp-tab a[href$="#description"] {display: none;}

--></style>