/*** TOPLAST.SK __CUSTOM STYLE ***/
/*
*
*
*
*
*
*/ /*BODY__LINEAR GRADIENT*/

.overall-wrapper {
  background: white;
}

/* NAV ŠÍPKA */

/* collapsed */
#categories .expandable > .topic > a > span:before,
#categories .expandable > a > span:before {
  content: "›" !important;
  font-size: 18px;
  font-weight: bold;
  display: inline-block;
  transition: transform 0.2s ease;
}

/* expanded */
#categories .expandable.expanded > .topic > a > span:before,
#categories .expandable.expanded > a > span:before {
  content: "›" !important; /* override minus */
  transform: rotate(90deg);
}

/* HEADER */

.top-navigation-bar {
  background-color: #fff;
}

.top-navigation-contacts {
  background-color: #fff;
}

.top-navigation-contacts a.project-phone:before {
  color: #007a38;
}

@media (min-width: 992px) {
  .top-navigation-contacts a > span {
    display: inline;
    color: #007a38;
  }
}

.top-nav-button-login {
  color: #007a38;
}
.top-nav-button-login:hover {
  color: #007a38;
}

/* TOP NAVIGATION BAR */

.top-navigation-bar .dropdown button,
.top-navigation-bar a {
  font-size: 15px;
}

:where(body.ums_a11y_login--on) .top-nav-button-login {
  font-size: 15px;
}

.navigation-in ul li a b {
  font-weight: 400;
  font-size: 15px;
  text-transform: uppercase;
}

.btn.btn-default {
  border-color: black;
}

/* LOGO */
#header .site-name a img {
  display: block;
  margin: 0 auto;
  max-height: 90px;
}

@media (min-width: 768px) {
  .header-top {
    height: 120px;
  }
}

/* HEADER MOBIL */

@media (max-width: 768px) {
  .top-navigation-bar {
    background-color: #fff;
  }

  #header .site-name a img {
    max-height: 50px;
  }

  .responsive-tools > a[data-target="search"]:before {
    content: "\e920";
    color: #007a38;
  }

  .responsive-tools > a[data-target="navigation"]:before {
    background-color: #007a38;
    border-radius: 0px;
  }
}

/* CATEGORIES */

.box-bg-variant .categories a {
  font-size: 14px;
  line-height: 26px;
  font-weight: 600;
}

.categories .topic.active > a:hover {
  background-color: var(--color-primary);
  color: white;
}

@media (min-width: 768px) {
  .box-bg-variant .categories a {
    border-bottom: 1px solid #e0dfdf;
  }
}

/* PRODUCT */

.products-block.products > div {
  padding: 20px;
}

/* FOOTER */
@media (min-width: 1200px) {
  #footer .site-name {
    display: none !important;
    text-align: left;
  }
}

@media (min-width: 1200px) {
  .custom-footer {
    padding-left: 0px;
    padding-top: 76px;
    padding-right: 0px;
  }
}

.custom-footer {
  background: #007a38;
  border-radius: 0px 0px 0px 0px;
}

.custom-footer,
.footer-bottom,
.footer-links-icons {
  border-color: #dadada00;
}

#footer > .container {
  background-color: #007a38;
}

.custom-footer h4 {
  color: white;
  font-weight: 600;
  font-size: 18px;
}

#footer ul a {
  color: white;
}

#footer ul a:hover {
  color: white;
}

.custom-footer > div {
  padding-left: 30px;
  padding-right: 30px;
}

.custom-footer ul li {
  padding-bottom: 6px;
  color: white !important;
}
span.copyright {
  color: white;
}

a.cookies-settings.js-cookies-settings {
  color: white;
}

#signature a {
  color: #fff;
}

#signature a:hover {
  color: #fff;
}

/* CATEGORIES - VISA PLATBY - BORDER */
.sidebar-inner > div,
.subcategories li a {
  border: 0px;
}

/* KONKURENČNÉ VÝHODY */

.benefitBanner__title {
  font-size: 1.1em;
  width: 100%;
  color: #007a38;
  font-size: 18px;
  text-transform: uppercase;
}

.benefitBanner__content {
  font-size: 16px;
  color: #de127a;
}

.multiple-columns-body .position--benefitHomepage .benefitBanner__item {
  flex: 1 1 33%;
  flex-direction: column;
  text-align: center;
  margin-top: 30px;
}

.h4.homepage-group-title,
h4.homepage-group-title {
  font-size: 32px;

  font-weight: 600;
  color: #007a38;
}

.products-block.products .p .name {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  color: black;
}

.products-block.products .p .name:hover {
  color: black;
}

/* DISCOUNT FLAG */
.flag.flag-discount {
  background-color: #de127a;
}

.flags-extra .flag {
  font-size: 16px;
  font-weight: 500;
}

.flags-extra .flag .price-standard {
  font-size: 16px;
  font-weight: 500;
}

/* question box */

:where(.ums_forms_redesign--off) .form-control {
  border-radius: 10px;
}

.top-navigation-contacts a.project-email:before {
  color: #007a38;
}

/* SKOVANIE HORNÉHO MENU NA MOBILE */

@media (max-width: 768px) {
  li.menu-item-908,
  li.menu-item-911,
  li.menu-item-905,
  li.menu-item-902,
  li.menu-item-896,
  li.menu-item-899,
  li.menu-item-29 {
    display: none !important;
  }
}

:where(.ums_forms_redesign--off) .form-control {
  border-radius: 0px;
}

@media (min-width: 768px) {
  .fitted .navigation-in ul {
    justify-content: center;
  }
}

/* hlavička a číslo na stred */
@media (min-width: 768px) {
  .top-navigation-bar .container > div:first-child {
    text-align: center;
  }

  .top-navigation-tools.top-navigation-tools--language {
    width: auto;
    max-width: fit-content;
  }
}

/* zmena  v menu kategoriach */

@media (min-width: 768px) {
  .box-bg-variant .categories a {
    border-bottom: 1px solid #fff;
    background-color: #007a38;
    color: #fff;
  }

  .box-bg-variant .categories a:hover {
    border-bottom: 1px solid #fff;
    background-color: #fff;
    color: black;
  }

  .box-bg-variant .categories a:hover {
    color: black;
  }

  #categories .expandable > .topic > a > span:before {
    color: #cfcece;
  }

  :where(body.ums_page_element_headings--on)
    :where(.sidebar)
    .pageElement__heading {
    display: none;
  }

  .sidebar-inner > div {
    padding: 0px 0;
  }
}

.products-block.products > div:hover {
  padding: 20px;
  border: 2px solid #007a38;
}

.btn.btn-cart {
  background-color: #007a38;
  border-color: #007a38;
}

/* LINKA POD LIŠTOU */

@media (min-width: 768px) {
  .navigation-in {
    border-bottom: 2px solid #de127a;
  }

  #navigation {
    overflow: initial;
  }

  .custom-footer,
  .footer-bottom,
  .footer-links-icons {
    border-top: 3px solid #de127a;
  }
}

/* WELCOME WRAPPER */

.welcome-wrapper {
  background-color: white;
  border: none;
}

:where(body.ums_homepage_cart_checkout_headings--off) .welcome h1 {
  margin-top: 0;
  font-size: 36px;
}

/* KONKURENČNÉ VÝHODY - DESKTOP */
@media (min-width: 992px) {
  .multiple-columns-body .position--benefitHomepage {
    display: grid;
    flex-wrap: wrap;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    justify-items: center;
  }

  /* OHRANIČENIE TELA E-SHOPU */

  .content-wrapper-in {
    border: 2px solid #de127a;
  }
}

.multiple-columns-body .position--benefitHomepage .benefitBanner__item {
  width: 85%;
}

.benefitBanner__item {
  row-gap: 20px;
}

/* UPRAVENIE VÝHOD DO DVOCH STĹPCOV MAX WIDTH: 768PX */

@media (max-width: 768px) {
  .benefitBanner.position--benefitHomepage {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

/* NAVIGAČNÉ BODKY NA CAROUSELI */

ol.carousel-indicators li {
  margin: 10px;
}

ol.carousel-indicators li:focus {
  margin: 10px;
}

.carousel-indicators .active {
  background-color: #de127a;
  height: 12px;
  margin: 10px;
  width: 12px;
}

@media (max-width: 768px) {
  ol.carousel-indicators li {
    margin: 5px;
  }
  .carousel-indicators .active {
    background-color: #de127a;
    height: 12px;
    margin: 5px;
    width: 12px;
  }

  .carousel-indicators {
    bottom: -5px;
  }
}