/* Písmo a farby */
.btn.btn-default, a.btn.btn-default {border-color: #3098d5;border-radius: 5px;}
.link-like, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, body, .top-navigation-bar .dropdown button {color: #000;}
a, #footer .news-item-widget a, #footer .contact-box a, #footer ul a, #signature a, .top-navigation-bar a, .navigation-in a, .pageArticleDetail a, .form-group label a, .cookies-settings {color: #000; text-decoration: underline;}
a:hover,.news-item .text .title:hover, #footer .news-item-widget a:hover, #footer .contact-box a:hover, #footer ul a:hover, #signature a:hover, .pageArticleDetail a:hover, .form-group label a:hover, .cookies-settings:hover {color: #4682B4;text-decoration: none;}

/* Tlačidlá */
.btn.btn-primary, a.btn.btn-primary {color: #fff;border-color: #01A75F;background-color: #01A75F;padding: 15px 50px;font-size: 16px;font-weight: 600;border-radius: 5px;text-decoration: none;}
.btn.btn-success {color: #fff;border-color: #01A75F;background-color: #01A75F;padding: 15px 20px;font-size: 16px;font-weight: 600;border-radius: 5px;}
.btn.btn-primary:hover, a.btn.btn-primary:hover, .btn.btn-success:hover{border-color: #028049;background-color: #028049;}

/* Homepage */
.external-fonts-loaded h1, .external-fonts-loaded h2, .external-fonts-loaded h3, .external-fonts-loaded h4, .external-fonts-loaded h5, .external-fonts-loaded h6, .external-fonts-loaded .h1, .external-fonts-loaded .h2, .external-fonts-loaded .h3, .external-fonts-loaded .h4, .external-fonts-loaded .h5, .external-fonts-loaded .h6, .external-fonts-loaded .cart-table .main-link, .external-fonts-loaded .cart-related-name, .external-fonts-loaded #navigation, .external-fonts-loaded .menu-helper, .p-detail-tabs, .blank-mode h1, .blank-mode h2, .blank-mode h3, .blank-mode h4, .blank-mode h5, .blank-mode h6, .blank-mode .h1, .blank-mode .h2, .blank-mode .h3, .blank-mode .h4, .blank-mode .h5, .blank-mode .h6, .blank-mode .cart-table .main-link, .blank-mode .cart-related-name, .blank-mode, body, body.blank-mode, #dklab_instagram_widget_heading > .text, #header, #header .site-name a, #footer > div.footer-bottom > div > span.copyright > a, #signature a, #navigation .navigation-in ul li:hover>a>b, .navigation-in>ul>li.exp>a, .navigation-in>ul>li>a, .navigation-in>ul>li>a:hover, .cart-widget-product-name a, .cart-free-shipping strong, .unit-value, ol.cart-header li a, ol.cart-header li strong, .cart-table .p-price .price-final, .cart-table .unit-value, .top-navigation-bar a, .top-menu-trigger-visible .top-navigation-menu-trigger, .radio-wrapper.active label>span b, .filters-wrapper .filters-unveil-button-wrapper .btn.btn-default.unveil-button {font-family: "Montserrat", sans-serif;}
.navigation-in>ul>li, .menu-helper>ul>li {border: none;}
#header .cart-count, .welcome h1, .search {display: none;}
.top-navigation-bar .container>div:first-child {text-align: center;}
.homepage-box {border: none;background-color: #fff;}
.homepage-box .container {border: none;}
.responsive-tools>a[data-target=navigation] {position: relative;right: -5px;text-decoration: none;}
.responsive-tools>a[data-target=navigation]:hover:before {background-color: #fff;}
.responsive-tools>a[data-target="navigation"]::before {background-color: #fff;color: #1a1a1a;font-size: 25px;top: -6px;position: relative;}
.responsive-tools>a[data-target="navigation"]::after {content: 'Menu';display: block;font-size: 11px;color: #000;position: relative;top: -12px;right: 2px;text-transform: uppercase;}
.responsive-tools>a[data-target=search] {display:none;}
h1, .h1 {font-size: 30px;font-weight: 700;}
body, p, .h5, h5, .navigation-in {font-size: 15px;}
.welcome >div {border-radius: 5px;max-width: 700px;width: 100%;background-color: #fff;padding: 20px;margin-bottom: 50px; margin-top: 50px;-webkit-box-shadow: 0 8px 12px rgba(110, 110, 110, 0.5);box-shadow: 0 8px 12px rgba(110, 110, 110, 0.5);}
.homepage-box.welcome-wrapper {background-image: url(https://cdn.myshoptet.com/usr/658478.myshoptet.com/user/documents/upload/Sablona/Titulna.jpg);background-position: center center;background-size: cover;background-repeat: no-repeat;margin-top: 0px;margin-bottom: 0px;}
.navigation-in ul li a b {font-weight: 700;text-transform: uppercase;}
.news-item .text .title {font-weight: 600;color: #000;text-decoration: underline;}
.plus-gallery-item, #cboxContent {border-radius: 5px;}

/* Vlajočky */
#language-switcher img {margin: 0 5px; max-width: 30px;border: 1px solid #dadada;}

/* Benefit bannery */
.benefitBanner {margin: 40px auto 10px auto;}
.benefitBanner__picture {flex: 0 0 45px;max-width: 45px;}
.benefitBanner__item {justify-content: center;}

/* Carousel */
.extended-banner-texts {display: flex;flex-wrap: wrap;align-content: flex-end;justify-content: center;}
.extended-banner-text {background-color: transparent;border: none;z-index: 5;position: relative;box-shadow: none;max-width: 420px;margin-bottom: 20px;}

/* Top kategorie */
.top-cat {padding-bottom: 40px;text-align: center;}
.flex-center-wrap {display: flex;flex-wrap: wrap;justify-content: center;}
.cat-item {max-width: 330px;width: 100%;margin: 10px;}
.cat-item a {display: flex;flex-direction: column;align-items: center;justify-content: center;text-decoration: none;background: #fff;border-radius: 5px;border: 1px solid #dadada;box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);transition: all 0.3s ease-in-out;padding: 10px;height: 165px;}
.cat-item a:hover {box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);transform: translateY(-5px);background: #f8f8f8;}
.cat-item a span {color: #000;font-weight: 600;font-size: 16px;margin-top: 15px;text-align: center;transition: color 0.3s ease;}
.cat-item a:hover span {color: #4682B4;}
.cat-img {width: 70px;height: 70px;display: flex;align-items: center;justify-content: center;}
.cat-img img {max-width: 100%;height: auto;transition: transform 0.3s ease-in-out;}
.cat-item a:hover .cat-img img {transform: scale(1.1);}

/* Pätička */
.footer-rows .site-name a img {display: none;}
.custom-footer {padding-left: 0px;padding-top: 25px;}
#footer h4 {font-weight: 700;}
.footer-rows+.footer-bottom {border-top-style: solid;}
.footer-links-icons .footer-icon {padding: 10px 15px;border-radius: 5px;background-color: #fff;border: 1px solid #dadada;}
#footer .news-item-widget a {font-weight: 300;}

/* Pätička - kontakty */
.f-contacts-inner {display: flex;flex-direction: column;}
.f-phone, .f-email {display: flex;flex-direction: row;align-items: center;margin-bottom: 10px;}
.f-phone a, .f-email a {color: #000;font-weight: 600;font-size: 16px;line-height: 25px;text-decoration: underline;}
.f-phone a:hover, .f-email a:hover {text-decoration: none;color: #4682B4;}
.f-phone img, .f-email img {margin-right: 15px;flex: 0 1 22px;max-width: 25px;}
.f-phone span {line-height: 25px;display: flex;align-items: center;color: #000;}
.f-contacts-bottom a {margin-right: 10px;margin-top: 10px;}
.f-contacts-bottom img {max-width: 35px;}
.f-photo img {width: 100px;margin-bottom: 10px;}
.f-photo-text {line-height: 25px;font-size: 16px;color: #000;margin-bottom: 10px;}

@media (min-width: 1200px) {
  .news-item .image {width: 150px;}
}

@media screen and (min-width: 768px) {
  #header {height: 80px;}
  .submenu-visible .navigation-in>ul>li.ext.exp>ul {border: none;}
  .navigation-in>ul>li>a, .menu-helper ul li a {color: #000;font-size: 16px;}
  .navigation-in>ul>li.ext>a>span {display: inline-block;}
  .navigation-in>ul>li.ext>ul>li>div>a {color: #000;font-weight: 500;}
  .top-navigation-bar .container>div:last-child {display: none;}
  .navigation-in > ul > li.ext > ul > li > a img {max-height: 35px;}
  .content-inner {max-width: 80%;}
  .navigation-in {background-color: #fff;}
  .fitted .navigation-in ul {justify-content: center;}
   #navigation {top: -67px;z-index: 1;}
   #header .site-name a img {position: relative;z-index: 2;}
  .submenu-visible .navigation-in>ul>li.ext.exp>ul {display: flex;flex-direction: column;align-items: flex-start;max-width: fit-content;border-radius: 5px;padding: 10px 0 10px 0;box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.85);-webkit-box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.85);-moz-box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.85);}
  .navigation-in>ul>li.ext>ul>li {align-items: center;display: flex;min-height: 40px;width: 100%;justify-content: center;}
  .navigation-in>ul>li.exp>ul {left: 27%;}
  .navigation-in>ul>li.ext>ul>li>div {width: 100%;}
  .navigation-in>ul>li>a {padding-bottom: 20px;}
  .navigation-in ul.menu-level-2 li:hover {background-color: #f1f1f1;}
  .navigation-in>ul>li.ext>ul>li>div>a {padding: 0px;}
  .top-navigation-bar {border-top-color: #dadada;font-size: 15px;}
  .top-navigation-bar .container {height: 50px;}
  .navigation-in #language-switcher {display: none;}
  .top-navigation-bar #language-switcher {float: right;height: 50px;line-height: 50px;position: relative;right: 25px;}
}

@media screen and (max-width: 1440px) {
  .top-cat .cat-item {max-width: 280px;}
}

@media screen and (max-width: 1199px) {
  .navigation-in ul li a {padding: 1.25rem 10px;}
}

@media screen and (max-width: 992px) {
  .benefitBanner__item {justify-content: left; margin-bottom: 25px;}
  .benefitBanner {margin: 40px auto 10px auto;}
}

@media screen and (max-width: 767px) {
  .scrolled body:not(.search-window-visible) .top-navigation-bar {border-bottom: 1px solid #dadada;box-shadow: none;}
  .top-navigation-bar {border-bottom: 1px solid #dadada;}
  .navigation-in>ul:last-child, .top-navigation-bar #language-switcher {display: none;}
   #footer .banner {margin: 0px;min-height: 0;}
   #footer .contact-box {margin-bottom: 25px;}
  .navigation-close:before {color: #1a1a1a;font-size: 18px;margin-right: 5px;}
  .navigation-in>ul>li>a {display: flex;justify-content: center;}
  .navigation-in ul li a b {font-size: 20px;padding: 25px;}
  #header, .entrance-protection h1 {color: #fff;}
  .navigation-in ul {margin-top: 20px;}
  ul.menu-level-2 {margin-top: 0px;}
  .navigation-in #language-switcher {margin-top: 50px;text-align: center;position: relative;}
  .submenu-arrow {font-size: 16px;}
  .benefitBanner {display: flex;flex-wrap: wrap;justify-content: center;}
  .benefitBanner__item {width: 50%;flex-direction: column;flex: auto;}
  .benefitBanner__link {flex-direction: column;}
  .benefitBanner__content {text-align: center; padding-right: 0px;}
  .top-cat .cat-item {max-width: 175px;margin: 5px;}
  .top-cat .cat-item a {padding: 5px;height: 150px;}
  .top-cat {padding-top: 0px;padding-bottom: 25px;}
  .top-cat .container {margin: 0 -10px 0px;padding: 0;}
  #footer>.container {text-align: center;}
  .f-contacts-inner {align-items: center;}
  .navigation-in #language-switcher {margin-top: 50px;text-align: center;position: relative;}
}