/* navbar */
.navbar {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}

.navbar__menu>.navbar__menu-list>.navbar__menu-item>.navbar__menu-link {
  text-transform:uppercase
}


/*====obrazky v menu====*/
/*instagram*/
#menu-item-433730 a,
/*fb*/
#menu-item-433728 a,
/*youtube1*/
#menu-item-433729 a {
  font-size: 0;
  background-size: contain;
  width: 40px;
  height: 40px;
  text-align: center;
  -webkit-filter: saturate(0%) brightness(0%) invert(100%) opacity(1);
  filter: saturate(0%) brightness(0%) invert(100%) opacity(1);
  filter: url('data:image/svg+xml;utf8,  <svg xmlns="http://www.w3.org/2000/svg">    <filter id="recolor" color-interpolation-filters="sRGB">      <feColorMatrix type="matrix" values="        0 0 0 0 1        0 0 0 0 1        0 0 0 0 1        0 0 0 1 0      "/>    </filter>  </svg>  #recolor');
  margin: 0px 5px;
}

/*fb*/
#menu-item-433728 a {
  background: transparent url(https://stupavskymaraton.webinpage.cz/static/icons/facebook-square.svg) no-repeat;
}
/*instagram*/ 
#menu-item-433730 a  {
  background: transparent url(https://stupavskymaraton.webinpage.cz/static/icons/instagram.svg) no-repeat;
  margin: 0px 20px 0px 5px;
}
  /*youtube*/
#menu-item-433729 a {
  background: transparent url(https://stupavskymaraton.webinpage.cz/static/icons/youtube.svg) no-repeat;
}
  /*logo*/
#menu-item-433731 a {
  background: transparent url(/obrazok/3/logo-png/) no-repeat;
  font-size: 0;
  background-size: contain;
  background-position: center center;
  width: 100px;
  height: 100px;
  text-align: center;
  margin: 0px 10px;
}
/*fb*/
#menu-item-433728 a:after,
/*instagram*/
#menu-item-433730 a:after,
/*youtube*/
#menu-item-433729 a:after,
/*logo*/
#menu-item-433731 a:after {
  display: none;
}

  /*fb*/
#menu-item-433728 a:hover,
  /*instagram*/
#menu-item-433730 a:hover,
/*youtube*/
#menu-item-433729 a:hover,
  /*logo*/
#menu-item-433731 a:hover {
  opacity: 0.6
}

@media (max-width: 992px) {
    /*fb*/
  #menu-item-433728,
  /*instagram*/
  #menu-item-433730,
  /*youtube*/
  #menu-item-433729 {
    order: 1
  }

  #menu-item-433731 {
    order: -1
  }
}

@media (min-width: 992px) {

  .navbar__menu>.navbar__menu-list {
    align-items: center
  }

  .navbar__menu>.navbar__menu-list>.navbar__menu-item {
    align-items: center;
    display: flex;
  }

  .navbar__brand {
    flex: 0
  }

  .navbar {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

/**/
h6,
.h6,
h5,
.h5,
h4,
.cart-form__title,
.account-form__title,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
  color: var(--bs-primary);
  text-transform:uppercase
}

/**/
strong {font-weight:500}

/*uprava nahledoveho obrazku pro novinky*/
.section-dynamic[data-dynamic-id="novinky"] .article-item__img-wrapper {
    padding-bottom: 100%;
}

/**/

.article-item__img-wrapper {
    padding-bottom: 100%;
}

.product-item,
.article-item {
  background-color: rgba(var(--bs-body-color-rgb), 0.08);
  padding: 15px;
  height:100%;
  border-radius: 0.25rem;
}

.section-bg .article-item {
  background-color: var(--bs-body-bg)
}


/*categories*/
.category {
  background-color: rgba(var(--bs-body-color-rgb), 0.08);
}

/**/
.section-tabs.section-bg .tab-content {
  background-color:var(--bs-body-bg);
  padding-left:1rem;
  padding-right:1rem;
  padding-bottom:1rem;
}

.section-tabs.section-bg .nav-tabs .nav-link:hover,
.section-tabs.section-bg .nav-tabs .nav-link.active {
  background-color:var(--bs-body-bg);
}

@media (min-width:576px) {
  .section-tabs.section-bg .nav-tabs {
    background-color:var(--bs-body-bg);
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    padding-top:0.5rem;
    padding-left:0.5rem;
    padding-right:0.5rem;
  }
}

/**/
.footer {
  padding-top:0;
}

/*loga slider*/
.carousel-multiple .card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1 0 auto;
  padding: 5px;
  border-radius: 0;
  outline: 0;
  background-color: transparent;
}

.carousel-multiple .card-img {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1 0 auto;
  background-color: #fff;
  padding: 5px;
  border: 0;
  position: relative;
}

.carousel-multiple img {
  max-width: 100%;
  max-height: 70px;
}

@media (max-width: 767px) {
  .carousel-multiple .carousel-inner .carousel-item>div {
    display: none;
  }

  .carousel-multiple .carousel-inner .carousel-item>div:first-child {
    display: block;
  }
}

.carousel-multiple .carousel-inner .carousel-item.active,
.carousel-multiple .carousel-inner .carousel-item-next,
.carousel-multiple .carousel-inner .carousel-item-prev {
  display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {

  .carousel-multiple .carousel-inner .carousel-item-end.active,
  .carousel-multiple .carousel-inner .carousel-item-next {
    transform: translateX(16.66666667%);
  }

  .carousel-multiple .carousel-inner .carousel-item-start.active,
  .carousel-multiple .carousel-inner .carousel-item-prev {
    transform: translateX(16.66666667%);
  }
}

.carousel-multiple .carousel-inner .carousel-item-end,
.carousel-multiple .carousel-inner .carousel-item-start {
  transform: translateX(0);
}


/*preteky*/
.section-preteky {
  text-align: left;
}

.section-preteky.section-3-col-top-text.cell-borders .section-cell-item {
      border-radius:1.55rem;
  padding:0.5rem
}

@media (max-width:768px) {
    .section-3-col-bottom-text.cell-borders .section-cell-item.col-6,
  .section-3-col-top-text.cell-borders .section-cell-item.col-6 {
    width: calc(50% - 2*var(--section-item-margin))
  }
}


@media(min-width: 768px) {

  .section-3-col-bottom-text.cell-borders .section-cell-item.col-md-6,
  .section-3-col-top-text.cell-borders .section-cell-item.col-md-6 {
    width: calc(50% - 2*var(--section-item-margin))
  }
}

/**/

.section-3-col-bottom-text h3,
.section-3-col-bottom-text .h3,
.section-3-col-bottom-text p,
.section-3-col-top-text h3,
.section-3-col-top-text .h3,
.section-3-col-top-text p {
  max-width: unset;

}

/*=====basic======*/

h1,
.h1,
.section--header h1,
.section--header .h1,
.section-title h1,
.section-title .h1 {
  font-size: calc(1.375rem + 1.5vw);
}

.container--article h1+p,
.container--article .h1+p {
  margin-top: 0;
}

.container--article ol+h2,
.container--article ol+.h2,
.container--article ul+h2,
.container--article ul+.h2,
.container--article p+h2,
.container--article p+.h2 {
  margin-top: clamp(2rem, 4vw, 3rem)
}

.container--article ol+h3,
.container--article ol+.h3,
.container--article ul+h3,
.container--article ul+.h3,
.container--article p+h3,
.container--article p+.h3 {
  margin-top: clamp(1.5rem, 4vw, 2rem)
}

.section-3-col-bottom-text h3,
.section-3-col-bottom-text .h3,
.section-3-col-bottom-text p,
.section-3-col-top-text h3,
.section-3-col-top-text .h3,
.section-3-col-top-text p {
  max-width: 100%;
  margin: unset;
  margin-bottom: 1rem;
}

/**/
.section--header~.perex,
.section--header~.section-perex,
.perex {
  display: block;
  margin-top: 0;
  text-align: left;
  padding-left: 0;
  padding-right: 0;
}

.section--header {
  text-align: left;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.main>.container:first-child,
.main>.motive__motto:first-child,
.container--article {
  padding-bottom: 0rem
}

#main {
  padding-top: 0rem;
  padding-bottom: 0rem;
}

#index .main,
#index .container--article,
#index .main>.container:first-child {
  padding-bottom: 0;
}

#user-info-content,
.container.container--files:first-child,
.container--files {
  padding-bottom: clamp(1.5rem, 3vw, 4rem);
}

.perex__text-wrapper,
.section-perex__text-wrapper {
  text-align: left;
}

.font-size-fluid,
.col-text,
.section--header,
.section--text,
.section-blank,
.section-title,
.section-header,
.section-cta,
.section-2-col-right-text,
.section-2-col-left-text {
  font-size: var(--bs-body-font-size);
  line-height: var(--bs-body-line-height);
}

.section-dynamic .article-item-wrapper {
  flex: unset;
}

.section-container:not(.section-bg)+p+.section-container:not(.section-bg) {
  padding-top: 0;
}

section .section-bg-light,
section .section--bg,
section .section-bg {
  padding: 1rem !important;
  margin: 0;
}

.section-3-col-bottom-text .section-cell-item,
.section-3-col-top-text .section-cell-item {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.section-3-col-bottom-text .section-cell-item img:only-child,
.section-3-col-top-text .section-cell-item img:only-child{
  margin:0;
}

.section-3-col-bottom-text,
.section-3-col-top-text {
  text-align: left;
  -webkit-box-align: unset;
  -ms-flex-align: unset;
  align-items: unset
}

.section--fullwidth.section-map * {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

/*table*/
.table-overflow tr:first-of-type,
.table-collapse td:first-of-type {
  font-weight: inherit !important;
}

/*stejná výška ve vypisu*/
.categories--root .category,
.file-item,
.product-item {
  height: 100% !important;
}

/* Bloky s uzsim containerem - pokud je potreba predefinovat $line-width
====================================================================== */

.container--article .col-text,
.container--article .section--header,
.container--article .section--text,
.container--article .section-blank,
.container--article .section-title,
.container--article .section-header,
.container--article .section-cta,
.container--article .col-text.section-bg-light>*,
.container--article .col-text.section-bg>*,
.container--article .section--header.section-bg-light>*,
.container--article .section--header.section-bg>*,
.container--article .section--text.section-bg-light>*,
.container--article .section--text.section-bg>*,
.container--article .section-blank.section-bg-light>*,
.container--article .section-blank.section-bg>*,
.container--article .section-title.section-bg-light>*,
.container--article .section-title.section-bg>*,
.container--article .section-header.section-bg-light>*,
.container--article .section-header.section-bg>*,
.container--article .section-cta.section-bg-light>*,
.container--article .section-cta.section-bg>*,
.section--3-col-text-bottom h3,
.section--3-col-text-bottom p,
.section--3-col-text-top h3,
.section--3-col-text-top p,
.comments,
.top-products__title,
.active-category__title,
.perex,
.section-perex,
.sitemap,
.product-page__description .section-dynamic[data-dynamic-type="folder"],
.col-text.section-bg-light>*,
.col-text.section-bg>*,
.section--header.section-bg-light>*,
.section--header.section-bg>*,
.section--text.section-bg-light>*,
.section--text.section-bg>*,
.section-blank.section-bg-light>*,
.section-blank.section-bg>*,
.section-title.section-bg-light>*,
.section-title.section-bg>*,
.section-header.section-bg-light>*,
.section-header.section-bg>*,
.section-cta.section-bg-light>*,
.section-cta.section-bg>*,
.section-pricelist.section-bg-light>*,
.section-pricelist.section-bg>*,
.col-text,
.section--header,
.section--text,
.section-blank,
.section-title,
.section-header,
.section-cta,
.section-pricelist,
.section-3-col-bottom-text h3,
.section-3-col-bottom-text .h3,
.section-3-col-bottom-text p,
.section-3-col-top-text h3,
.section-3-col-top-text .h3,
.section-3-col-top-text p {
  max-width: unset;
}

@media (min-width: 768px) {

  .user-form,
  .form-row--center .form-row__text,
  .account-form__fieldset,
  .form-row--center .form-row__text {
    max-width: 100%;
  }
}

