/**  HEADER **/
/*
*
*
*
*
*/
body {
  background-color: #f6f6f6;
}

#header {
  background-color: #1b7694;
  padding-bottom: 30px;
}

/* TOP NAVIGATION BAR */
@media (min-width: 768px) {
  .top-navigation-bar {
    background-color: #282828;
    border: 0px;
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .submenu-visible .navigation-in > ul > li.ext.exp > ul {
    border-radius: 10px;
  }

  /* SUBMENU */

  .navigation-in ul.menu-level-2 a {
    text-transform: uppercase;
    line-height: 2rem;
  }

  .top-navigation-bar .container > div:first-child {
    background-color: #282828;
  }

  .top-navigation-bar .container > div {
    background-color: #282828;
  }

  .header-top {
    margin-bottom: 10px;
    margin-top: 10px;
  }

  .fitted .navigation-in ul {
    justify-content: center;
  }

  li.menu-item-1451 {
    background-color: #f26622;
    border-radius: 8px;
  }

  .navigation-in > ul > li > a {
    border-radius: 8px 8px 0px 0px;
  }

  .navigation-in > ul > li > a:hover {
    border-radius: 8px 8px 0px 0px;
  }

  .navigation-in > ul > li > a:active {
    border-radius: 8px 8px 0px 0px;
  }
}

.top-navigation-contacts a.project-phone:before {
  color: white;
}

.top-navigation-contacts a.project-email:before {
  color: white;
}

.top-navigation-bar a {
  color: white;
}

.top-navigation-bar a:hover {
  color: white;
}

/* NAVIGATION MENU */
.navigation-in ul li a b {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  font-size: 16px;
}

/* KOŠÍK */

#header .cart-count {
  color: white;
}

/* BUTTON */

.btn.btn-default {
  border-radius: 10px;
}

/* SEARCH */

.compact-form .form-control {
  border-radius: 10px;
}

/* CAROUSEL */

.homepage-box.before-carousel {
  padding: 0;
}

/* Vymazanie linky pod carouselom */

.homepage-box.before-carousel {
  border: 0px;
}

.products > div {
  border-color: #8b8b8b;
}

/*
*
*
*
*

**/
/* FOOTER */
footer {
  background-color: #1b7694;
}

.custom-footer {
  background-color: #1b7694;
}

#footer > .container {
  background-color: #1b7694;
}

#footer h4 {
  font-weight: 600;
  color: white;
}

footer p {
  color: white;
}

.custom-footer ul li {
  color: white;
}

#footer ul a {
  color: white;
}
#footer ul a:hover {
  color: white;
  text-decoration: underline;
}

.copyright {
  color: white;
}

.cookies-settings {
  color: white;
}
.cookies-settings:hover {
  color: white;
  text-decoration: underline;
}
#signature a {
  color: white;
}
#signature a:hover {
  color: white;
  text-decoration: underline;
}

/* NEWSLETTER */

.odber {
  background-color: #1b7694;
  padding: 50px 20px;
}
.odber h4 {
  color: white;
}

.form-group.consents label {
  color: white;
}
.form-group label a {
  color: white;
}

/* SKRYTIE WELCOME WRAPPERA */

.homepage-box.welcome-wrapper {
  display: none;
}

/* HOMEPAGE TITLES */

.h4.homepage-group-title,
h4.homepage-group-title {
  font-size: 28px;
  font-weight: 700;
  color: #214055;
  margin-bottom: 50px;
}

/* PRODUCT - NAHLAD */

.products-block.products .p .name {
  font-weight: 500;
  color: #214055;
}

.products-block .ratings-wrapper .availability {
  text-transform: uppercase;
  font: 600;
}

.products .p .price strong {
  color: #214055;
  font-size: 28px !important;
}

/* BUTTON - ADD TO CART */
.btn.add-to-cart-button,
.btn.btn-car {
  background-color: #f26622;
  border: 0px;
  border-radius: 5px;
}

/* SIDE BANER KATEGÓRIE */

.sidebar-inner {
  background-color: #1b7694;
  padding: 21px;
}
.categories .topic.active > a {
  color: white;
  text-transform: uppercase;
  font-weight: 600;
}
.categories .topic.active > a:hover {
  color: white;
  text-transform: uppercase;
  font-weight: 600;
  background-color: #f26622;
}

.box-bg-variant .categories a {
  color: white;
}
.box-bg-variant .categories a:hover {
  color: white;
  background-color: #f26622;
}
#categories ul .expandable .cat-trigger:hover {
  color: white;
}

.sidebar h4 {
  color: white;
}
.from {
  color: white;
}
.to {
  color: white;
}

.ui-slider .ui-slider-range {
  background-color: white;
}

.sidebar {
  background-color: white;
}

.categories .topic.child-active > a {
  color: white;
  font-weight: 500;
}

.categories .topic.child-active > a:hover {
  color: white;
  font-weight: 500;
}

/* DETAIL PRODUKTU */

.p-detail-inner-header h1 {
  color: #214055;
  font-weight: 600;
}

.multiple-columns-body .position--benefitProduct {
  display: none;
}

.price-final {
  color: #214055;
}
.p-detail .add-to-cart .quantity {
  border-style: 0px;
}

.p-info-wrapper .add-to-cart {
  gap: 10px;
}

/* QUANTITY */

.p-detail .add-to-cart .quantity {
  border-style: ridge;
}

.custom-footer {
  padding-top: 0px;
}

.categories a {
  line-height: 1.7;
}

.benefitBanner {
  padding: 20px;
}

/* FILTER SECTION */

.filter-sections {
  background-color: #1b7694;
}

.filter-label {
  color: white;
}

.filter-count {
  color: #214055;
}

.filter-total-count {
  color: white;
}

a.chevron-after.chevron-down-after.toggle-filters {
  color: white;
}

/*
*
*
*
*
*
*
*
*
*/
/* MEDIAQUERY_MAX WIDT 767PX*/

@media (max-width: 767px) {
  #header {
    padding-bottom: 0px;
  }

  .benefitBanner {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .products .p .price strong {
    font-size: 20px !important;
  }

  .banner {
    min-height: 0px;
  }

  .benefitBanner__item {
    flex-direction: column;
  }

  .benefitBanner__item {
    flex-direction: column;
    align-items: center;
  }

  .benefitBanner__content {
    text-align: center;
  }

  /* FILTER MOBIL */

  .slider-wrapper {
    background-color: #1b7694;
    padding: 10px;
  }

  .filters.visible h4 {
    color: white;
  }
}

/* MEDIAQUERY_MIN WIDT 767PX*/

@media (min-width: 767px) {
  /* BENEFIT BANNER */

  .benefitBanner__title {
    font-size: 1.2em;
    width: 100%;
    text-transform: uppercase;
    color: #1b7694;
  }

  .benefitBanner__content {
    color: #214055;
    font-size: 1.1em;
  }

  .benefitBanner__picture {
    flex: 0 0 100px;
    margin-right: 10px;
    max-width: 100px;
  }

  .custom-footer {
    height: 220px;
  }

  .products-block.products > div {
    padding: 25px;
  }

  /* NAVIGATION - HOVER SECONDARY MENU */
  .navigation-in .has-third-level div > ul a:hover {
    color: #f26622;
  }

  /* SECONDARY NAVIGATION - ROZBALENIE PRODUKTOV */

  .navigation-in > ul > li.ext > ul > li > div > ul {
    display: inline-block;
    line-height: 1.2;
    max-height: 10em;
    overflow: hidden;
  }

  .navigation-in > ul > li.ext > ul > li {
    min-height: 210px;
    align-items: flex-start;
    margin-top: 20px;
  }

  .has-more-items .more-items-trigger {
    bottom: -0.2em;
    cursor: pointer;
    font-size: small;
    height: 22px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 32px;
    font-weight: 600;
    font-size: 18px;
  }
}
