Windsurfing backup CSS + SCRIPT

<style>
@media (min-width: 768px) {
#categories .expandable.expanded > ul {
display:none;
}
#categories .expandable:hover >ul {
display:block;
background: #f7f7f7;
margin-bottom: 0px;
position: absolute;
z-index: 11;
margin-left: 100%;
margin-top: -46px;
width: 100%;
}
.categories li {
padding:8px;
}
.categories li:hover {
background-color:#dedede;
}
}
/* Levé menu s podkategoriemi float right jako alza */

@media (max-width: 767px) {
.content-wrapper.container .row>div {padding-left:0px;padding-right:0px;}
#header {margin-bottom: 0px;}
}
body {overflow-x:hidden;}
.wide-carousel {
width: 100vw;
position: relative;
margin-left: -50vw;
left: 50%;
}

.homepage-box {
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
border-top-style: none;
border-top-width: 1px;
border-bottom-style: none;
border-bottom-width: 1px;
}
.homepage-box {
border-top: none;
border-bottom: none;
background-color: #ffffff;
}
/* Carousel extention */

.navigation-in>ul>li>a:hover {background-color:rgba(255, 255, 255, 0);}

.news-wrapper {
width: 100%;
display: flex;
flex-wrap: wrap;
}

@media (min-width: 1000px) {
.news-wrapper .news-item {width: 33%;
display: inline-block;
padding-left: 10px;
padding-right: 10px;
margin: 20px 0;
position: relative;
}
}

@media (max-width: 1000px) {
.news-wrapper .news-item {width: 100%;
display: inline-block;
padding: 10px;
position: relative;
}
}
.news-item .image {
width:100%;
}
.news-item .text .title {
font-weight:500;
font-size:22px;
}
.news-item > .text > .description > p {
font-size:14px;
}
/* Blog */

.btn.btn-conversion, a.btn.btn-conversion, .btn.btn-cart, a.btn.btn-cart {xbackground: #cc311c; /* Old browsers */
xbackground: -moz-linear-gradient(left, #cc311c 0%, #f77136 100%); /* FF3.6-15 */
xbackground: -webkit-linear-gradient(left, #cc311c 0%,#f77136 100%); /* Chrome10-25,Safari5.1-6 */
xbackground: linear-gradient(to right, #cc311c 0%,#f77136 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
xfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc311c', endColorstr='#f77136',GradientType=1 ); /* IE6-9 */}
/* Tlačítka */

.products-block>div {border-color:#ffffff !important;}
/* Odstranění border ve výpisu produktů */

.top-navigation-menu {display:none !important;}

.header-top .cart-count span {
color: #ffffff;
}
.header-top .btn.cart-count::before {
color: #ffffff;
}
/* košík */

.top-navigation-bar {
border-top-color: #fff;
border-bottom-color: #fff;
background-color: #fff;
height: 30px;
}
.top-navigation-menu {
background-color: #2c2c2c;
}
/* Infobar nahoře */

.homepage-box {
margin-top: 0px;
}
/* homebox margins */

.products-block.products .p .name {
font-size: 18px;
font-weight: 500;
}
.products-block .p-code {
background:#fff;
}
/* Úprava výpisu produktů */

.flag.flag-action {background-color: #ef6b5f;}
.flag.flag-new {background-color: #5fc4d8;}
.flag.flag-tip {background-color: #d55a99;}
/* příznaky */

.categories .topic > a {
padding-top: 13px;
padding-bottom: 13px;
padding-left: 70px;
background: xffffff;
color: #444444;
font-size: 16px;
border: 1px solid #e1e1e1;
border-top: 0;

background-position: 30px center;
background-repeat: no-repeat;
background-size: 30px auto;
}
.sidebar {background-color:#f7f7f7;}
.sidebar-inner > div h4 {display:none;}
.sidebar-inner {padding-top:0px;}
#categories {margin-top:-19px;}
.categories .topic.child-active>a {background-color:#f77136 ;color:#ffffff;}
#categories .expandable > a:active > span, #categories .expandable>.topic>a:active>span {margin-top:auto;margin-bottom:auto;}
#categories .expandable > a > span::before, #categories .expandable>.topic>a>span::before {font-size:10px;font-weight:400;}
#categories .expandable.active.expanded>.topic>a>span {color:white;}
.categories a {padding-top:7px;padding-bottom:7px;}
#categories .expandable > a > span, #categories .expandable>.topic>a>span {top:17px;}
#categories ul .expandable .cat-trigger {top:9px;}
/* Nové menu */

.categories .topic.active a:hover[href="/plachty/"],
.categories .topic.child-active a:hover[href="/plachty/"],
.categories .topic > a:hover[href="/plachty/"],
.categories .topic > a[href="/plachty/"]
{background-image:url("https://242285.myshoptet.com/user/documents/upload/resources/Windsurfing/menu_icons_plovaky.png");}
.categories .topic.child-active a[href="/plachty/"],
.categories .topic.active a[href="/plachty/"]
{background-image:url("https://242285.myshoptet.com/user/documents/upload/resources/Windsurfing/menu_icons_plovaky_white.png");}
/* Nové menu ikonky */

#footer, #footer>.container {background-color:#2c2c2c;}
.custom-footer, .footer-bottom {border-color:#2c2c2c;}

/**/
/**/
/**/
/**/
/**/
/**/

@media (min-width: 768px) {
.top-navigation-bar .container>div:last-child {
margin-top: 20px;
}
#navigation {
height: 46px !important;
background: none;
}
/* výška menu */

.navigation-in>ul>li>a {
padding-left: 20px;
padding-right: 20px;
padding-top: 6px;
padding-bottom: 9px;
}
.navigation-in>ul>li {
border-left-color: rgba(255, 255, 255, 0.5);
}
.navigation-in ul, .menu-helper ul {
padding-top:7px;
padding-bottom:7px;
}
.menu-helper>span {
margin-top:6px;
}
.menu-helper>span::before {
background-color: #2c2c2c;
}
.navigation-in {
background:none;
}
.navigation-in ul li a b, .menu-helper ul li a b {
font-weight:600;
}
/* hlavní menu */

/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
}

@media screen and (min-width: 1200px) {
.sticky #content-wrapper {
margin-top: 131px;
}
.sticky #header {
position: fixed;
top: 0px;
left: 0px;
z-index: 52;
width: 100%;
}
}
/* Sticky header */

.sidebar-inner {
display: flex;
flex-direction: column;
}
.sidebar-inner>div {
order: 3;
}
.sidebar-inner>div:nth-child(2) {
order: 2;
}
.sidebar-inner>div.banner:first-of-type {
order: 1;
}
.btn.unveil-button {
display: block;
width: 100%;
}
.filters {
display: none;
}
.filters.visible {
display: block;
}

/* Filtr nad kategoriemi */
</style>

<script type="text/javascript">
$(document).ready(function(){
$(window).scroll(function () {
st = $(document).scrollTop();
if ($(this).scrollTop() > 27) {
$(".overall-wrapper").addClass("sticky");
} else {
$(".overall-wrapper").removeClass("sticky");
}
});
});
</script>

<script type="text/javascript">
jQuery(function ($) {
var config = {contentUrl: 'https://242285.myshoptet.com/code/gradient_border/'};
if ($('#header').length) {$.get(config.contentUrl, function (data) {$('#header').append($(data).find('.news-item-detail .text').html()); }); } });
</script>

<script type="text/javascript">
jQuery(function ($) {
var config = {targetUrl: 'https://242285.myshoptet.com/', contentUrl: 'https://242285.myshoptet.com/code/main-page-containers-2/'};
if (window.location.href == config.targetUrl) {$.get(config.contentUrl, function (data) { $('.h4.homepage-group-title:first').prepend($(data).find('.news-item-detail .text').html()); }); } });
</script>

<script type="text/javascript">
jQuery(function ($) {
var config = {contentUrl: 'https://242285.myshoptet.com/code/top-navigation-expanded-2/'};
if ($('.top-navigation-contacts').length) {$.get(config.contentUrl, function (data) {$('.top-navigation-contacts').html($(data).find('.news-item-detail .text').html()); }); } });
</script>

<script type="text/javascript">
jQuery(function ($) {
var config = {contentUrl: 'https://242285.myshoptet.com/code/footer-brands/'};
if ($('#footer').length) {$.get(config.contentUrl, function (data) {$('#footer').prepend($(data).find('.news-item-detail .text').html()); }); } });
</script>

<script type="text/javascript">
jQuery(function ($) {
var config = {contentUrl: 'https://242285.myshoptet.com/nase-novinky/'};
if ($('#append_latest_article').length) {$.get(config.contentUrl, function (data) {$('#append_latest_article').append($(data).find('.news-item:first').html()); }); }
if ($('#append_article').length) {$.get(config.contentUrl, function (data) {$('#append_article').append($(data).find('.news-item ~ .news-item').html()); }); } });
</script>

<script>
$('#filters').toggleClass('visible');$that=$('.filters-wrapper .unveil-button');var text=$that.text();var hideText=text;var showText=$that.attr('data-text');toggleText($that,text,showText,hideText);if($('.filters-wrapper .unveil-button').length == 0){$('#filters').addClass('visible')}
</script>