@import url("https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@700&display=swap");


/*own small form - footer*/
.small-form  .add-comment__input--code,
.small-form .user-form__input {
  padding: 0.3em 0.5em;
}
.add-comment__captcha-img {
  height:35px;
}

.small-form .user-form__label {
  margin:0;
}

.small-form .user-form {
  background-color:transparent;
  padding:0;
  box-shadow:none;
}

.small-form .user-form__info-required {
  position:relative;
  padding-bottom:10px;
  text-align:right;
  right:0;
}

.small-form .user-form__info-required {
  display:none;
}

.user-form__field {
    margin-bottom: 0.5rem;
}

/*uprava velikosti loga*/

@media(min-width: 1200px) {
  .navbar__brand {
    min-height: 3rem
  }
}

.navbar__brand-logo-img {
  max-width: 13rem;
  max-height: 5rem
}

@media(min-width: 576px) {
  .navbar__brand-logo-img {
    max-width: 15rem
  }
}

@media(min-width: 1200px) {
  .navbar__brand-logo-img {
    max-width: 20rem;
    max-height: 5rem
  }
}

/* Navigation
====================================================================== */
.header {
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
      box-shadow: 0px 3px 10px #00000024;
}


.navbar__menu-link {
  text-transform: uppercase;
  font-size: .875rem;
  letter-spacing: .05em;
  font-weight: bold;
}

.navbar__menu-item.active>.navbar__menu-link,.navbar__menu-item.active>.navbar__menu-link .navbar__menu-item .active {
    color: initial
}

.navbar__menu-item.active .navbar__menu-link:hover,
.navbar__menu-link:hover {
  color:var(--bs-primary);
}

/* Buttons
  ====================================================================== */
.btn {
    letter-spacing: .15em;
    text-transform: uppercase;
    font-size: .875rem;
    padding: .625em 1.5em;
}

.btn-sm {
    letter-spacing: .1em;
    font-size: .8375rem;
    padding: .325em .75em;
}

.btn-lg {
    font-size: 1.125rem;
}

/* Motive
  ====================================================================== */
.custom-motive .carousel-caption {
    top: 1.25rem;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.custom-motive .carousel-caption h1 {
    font-size: clamp(2rem, 5vw, 5rem);
    text-transform: uppercase;
}

.custom-motive .carousel-caption h1 + p {
    font-size: clamp(1.125rem, 2.5vw, 1.75rem);
}

.custom-motive .section-bg,
.custom-motive .section-bg-light,
.custom-motive .section--bg {
    margin-left: 0;
    margin-right: 0;
}


body:not(#index) .motive__background,
body:not(#index) .motive__motto {
    opacity: 1;
}

body:not(#index) .motive {
    display: none;
}

.motto {
    max-width: 50rem;
}

.motto__title {
    font-weight: 700;
}

.motto__text {
    font-family: "Hind Siliguri", sans-serif;
    font-size: 2rem;
    line-height: 1;
}

.motto__title,
h1, h2, h3, h4, h5, h6 {
    font-family: "Hind Siliguri", sans-serif;
}

@media (min-width: 768px) {
    .motto__title {
        font-size: 4rem;
    }
    #index .motto__title {
        font-size: clamp(1.5rem, 5vw, 3.5rem);
    }
    #index .motto__text {
        font-size: clamp(1rem, 3vw, 2.5rem);
    }
}

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

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


section, .section {
    padding-top: clamp(3rem,9vw,7rem);
    padding-bottom: clamp(3rem,9vw,7rem);
}


/* 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 > * {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }

.col-text.section-bg-light > * .section-content, .col-text.section-bg > * .section-content,
.section--header.section-bg-light > * .section-content,
.section--header.section-bg > * .section-content,
.section--text.section-bg-light > * .section-content,
.section--text.section-bg > * .section-content,
.section-blank.section-bg-light > * .section-content,
.section-blank.section-bg > * .section-content,
.section-title.section-bg-light > * .section-content,
.section-title.section-bg > * .section-content,
.section-header.section-bg-light > * .section-content,
.section-header.section-bg > * .section-content,
.section-cta.section-bg-light > * .section-content,
.section-cta.section-bg > * .section-content,
.section-pricelist.section-bg-light > * .section-content,
.section-pricelist.section-bg > * .section-content,
.container--article .col-text.section-bg-light > * .section-content, .container--article .col-text.section-bg > * .section-content,
.container--article .section--header.section-bg-light > * .section-content,
.container--article .section--header.section-bg > * .section-content,
.container--article .section--text.section-bg-light > * .section-content,
.container--article .section--text.section-bg > * .section-content,
.container--article .section-blank.section-bg-light > * .section-content,
.container--article .section-blank.section-bg > * .section-content,
.container--article .section-title.section-bg-light > * .section-content,
.container--article .section-title.section-bg > * .section-content,
.container--article .section-header.section-bg-light > * .section-content,
.container--article .section-header.section-bg > * .section-content,
.container--article .section-cta.section-bg-light > * .section-content,
.container--article .section-cta.section-bg > * .section-content {
  padding-left: 0;
  padding-right: 0; }

.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 {
  max-width: 100%; }

.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,
.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 {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  max-width: none; }

@media (min-width: 576px) {
  .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 ,
  .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{
    padding-left: calc((100vw - 540px + (2 * 0.75rem)) / 2);
    padding-right: calc((100vw - 540px + (2 * 0.75rem)) / 2);
    margin-left: calc((-100vw + 540px - (2 * 0.75rem)) / 2);
    margin-right: calc((-100vw + 540px - (2 * 0.75rem)) / 2); } }

@media (min-width: 768px) {
  .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,
  .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 {
    padding-left: calc((100vw - 720px + (2 * 0.75rem)) / 2);
    padding-right: calc((100vw - 720px + (2 * 0.75rem)) / 2);
    margin-left: calc((-100vw + 720px - (2 * 0.75rem)) / 2);
    margin-right: calc((-100vw + 720px - (2 * 0.75rem)) / 2);} }

@media (min-width: 992px) {
  .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 ,
  .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 {
    padding-left: calc((100vw - 960px + (2 * 0.75rem)) / 2);
    padding-right: calc((100vw - 960px + (2 * 0.75rem)) / 2);
    margin-left: calc((-100vw + 960px - (2 * 0.75rem)) / 2);
    margin-right: calc((-100vw + 960px - (2 * 0.75rem)) / 2); } }

@media (min-width: 1200px) {
  .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 ,
  .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 {
    padding-left: calc((100vw - 1140px + (2 * 0.75rem)) / 2);
    padding-right: calc((100vw - 1140px + (2 * 0.75rem)) / 2);
    margin-left: calc((-100vw + 1140px - (2 * 0.75rem)) / 2);
    margin-right: calc((-100vw + 1140px - (2 * 0.75rem)) / 2);  } }

@media (min-width: 1400px) {
  .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,
  .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 {
    padding-left: calc((100vw - 1320px + (2 * 0.75rem)) / 2);
    padding-right: calc((100vw - 1320px + (2 * 0.75rem)) / 2);
    margin-left: calc((-100vw + 1320px - (2 * 0.75rem)) / 2);
    margin-right: calc((-100vw + 1320px - (2 * 0.75rem)) / 2); } }

@media (min-width: 768px) {
  .user-form,
  .form-row--center .form-row__text,
  .account-form__fieldset,
  .form-row--center .form-row__text {
    max-width: 100%; } }


}