/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/* ======================================================
   BASIC
====================================================== */
body{
    -webkit-font-smoothing: antialiased;
    -webkit-animation: fadeInAnimation ease 3s;
            animation: fadeInAnimation ease 3s;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    background-color: #f1e8df !important;
}

.overall-wrapper {
    background: #fff;
}

@-webkit-keyframes fadeInAnimation {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fadeInAnimation {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

  @media (min-width: 768px) {
    .container {
        width: 100% !important;
    }
}

.cs-row {
    width: 100%;
}
.p-t-b-large{
  padding-top: 90px;
  padding-bottom: 90px;
}

/* BASIC (vložený kód) */

  .banner-wrapper > span:first-child {
      padding: 0 !important;
  }
@media (min-width: 1350px){
  .cs-row {
        padding-left: 60px;
        padding-right: 60px;
    }
  }
@media (max-width: 1349px){
      .cs-row {
        padding-left: 20px;
        padding-right: 20px;
    }
  }
@media (min-width: 992px){
  .homepage-banners-full-width .banner-wrapper>span {
        max-width: 100% !important;
    }
  }/*
  @media (max-width: 991px){
  
  }*/
  @media (min-width: 980px){
  .full-width {
      left: unset !important;
      margin: 0 !important;
      right: unset !important;
      width: 100% !important;
  }
  .content {
      padding-left: 0 !important;
      padding-right: 0 !important;
  }
}
@media (max-width: 979px){
    .cs-row {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (min-width: 768px) {
  .container {
      width: 100% !important;
  }
}
@media (max-width: 767px) {
    .content-wrapper.container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
@media (max-width: 480px){
    .cs-row {
        width: 100%;
        padding-left: 5px;
        padding-right: 5px;
    }
}

button {
    border-radius: 0 !important;
}

.row.banners-row.has-text-banner.banners-empty {
    overflow: hidden;
}

/* HOME PAGE set up*/
.footer-newsletter {
    display: none !important;
}


/* ======================================================
   TYPOGRAFIE
====================================================== */
:root {
  --step-0: clamp(14px, calc(13.46px + 0.169vw), 16px);
  --step-1: clamp(15px, calc(14.19px + 0.254vw), 18px);
  --step-2: clamp(22px, calc(21.46px + 0.169vw), 24px);
  --step-3: clamp(26px, calc(23.83px + 0.678vw), 34px);
  --step-4: clamp(29px, calc(26.56px + 0.763vw), 38px);
  --step-5: clamp(32px, calc(29.83px + 0.678vw), 40px);
  --step-6: clamp(35px, calc(29.41px + 1.864vw), 62px);
  --step-7: clamp(50px, calc(41.864px + 2.542vw), 80px);
}

h1, h2, h4, h5, h6{
  font-family: big-caslon-fb, serif;
  font-weight: 400;
  font-style: normal;
}
h1{ font-size: var(--step-5); }
h2{ font-size: var(--step-4); }
h3{ font-size: var(--step-0); }
h4{ font-size: var(--step-3); }
h5{ font-size: var(--step-2); }
h6{ font-size: var(--step-1); }

h3, p, a, span, .text{
  font-family: "commuters-sans", sans-serif !important;
  font-weight: 400;
  font-style: normal;
}

p, a{
    font-size: 14px;
}
/* Header navigace */
header nav a,
header nav a b{
  font-weight: 400 !important;
  letter-spacing: 0;
  font-size: 14px;
}

/* Tlačítka v navigaci */
.navigation-buttons a{
  background: transparent !important;
}


/* =========================================================
   BTN
========================================================= */
.cs-btn, button.btn.btn-cart.add-to-cart-button{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;

  position: relative;
  border: none !important;
  padding-bottom: 10px;

  font-weight: 600;
  text-decoration: none;
  color: #000;

  -webkit-transition: -webkit-transform 0.3s ease;

  transition: -webkit-transform 0.3s ease;

  -o-transition: transform 0.3s ease;

  transition: transform 0.3s ease;

  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.cs-btn span.btn-icon, button.btn.btn-cart.add-to-cart-button span.btn-icon{
  margin-left: 15px;
  max-width: 11px;
  -webkit-transform: rotateZ(45deg);
      -ms-transform: rotate(45deg);
          transform: rotateZ(45deg);
}

.cs-btn::after, button.btn.btn-cart.add-to-cart-button::after{
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;

  width: 80%;
  height: 1px;
  background: #000;

  -webkit-transition: width 0.3s ease;

  -o-transition: width 0.3s ease;

  transition: width 0.3s ease;
}

.cs-btn:hover, button.btn.btn-cart.add-to-cart-button:hover{
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
.cs-btn:hover::after, button.btn.btn-cart.add-to-cart-button:hover::after{
  width: 100%;
}
.cs-btn { font-size: 14px; }

/* Add to cart */
button.btn.btn-cart.add-to-cart-button {
    min-width: 180px;
    background-color: #fff;
    border: none;
    text-transform: uppercase;
}
button.btn.btn-cart.add-to-cart-button span {
    font-weight: 600;
}
button.btn.btn-cart.add-to-cart-button > span:first-of-type {
    margin-right: 0;
    width: 125px;
}
button.btn.btn-cart.add-to-cart-button > span:first-of-type img {
    margin-right: 5px;
    max-width: 20px;
}