/**
 * Main Template CSS Stylesheet
 * 
 * BOOTSTRAP v3.4.0
 *
 */
.clearBoth {
   clear: both;
}
.forward {
    float: right;
}
.back {
    float: left;
}

/* This is used to re-size images */
img {
    max-width: 100%;
    height: auto;
    border: 0;
}

.qmix > br {
    display: none;
}

.normalprice, .productSpecialPriceSale {
    text-decoration: line-through;
}

#back-to-top {
    position: fixed;
    bottom: 5rem;
    right: 1rem;
    z-index: 1;
    text-align: center;
    cursor: pointer;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}

#back-to-top.show {
    opacity: 1;
    z-index: 1;
}

/* set height of scrollable area in mobile menu */
div#navbarSupportedContent {
    max-height:90vh;
    overflow-y:auto;
}

.zca-banner {
    text-align: center;
}

.ot-title {
    text-align: right;
}
.ot-text,
.totalCell {
    text-align: right;
}

.centeredContent {
    text-align: center;
    padding: 1rem;
}

table.tabTable td {
    padding: 0.5rem;
}
#indexProductList-cat-wrap {
    margin-bottom: 1rem;
}
#productsListing-bottomRow {
    margin-top: 1rem;
}

.sideBoxContent select {
    margin-bottom: 1rem;
}
#navCatTabs a,
#navCatTabs a:hover {
    border: 0.125rem solid #007faf;
}

/* These CSS media queries control how many columns of cards display on the login, checkout_shipping, checkout_payment & checkout_confirmation pages */
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
.card-columns {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
}
}

/*  Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
.card-columns {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
.card-columns {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}
.container-padding{
  padding:0 15vw  !important;
}
.sm-left-lg-right {
    margin-left: auto !important;

}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
.card-columns {
  -webkit-column-count: 2;
  -moz-column-count:2;
  column-count: 2;
}
}

/*pragmaticHTML added:***************************************************************/
@font-face{font-family: 'viaculturaThin';src: url('/f/ViaculturaWeb-Thin.eot');src: url('/f/ViaculturaWeb-Thin.woff') format('woff');font-weight: 200;font-style: lighter}@font-face{font-family: 'viaculturaLight';src: url('/f/ViaculturaWeb-Light.eot');src: url('/f/ViaculturaWeb-Light.woff') format('woff');font-weight: 300;font-style: lighter}@font-face{font-family: 'viaculturaNormal';src: url('/f/ViaculturaWeb-Normal.eot');src: url('/f/ViaculturaWeb-Normal.woff') format('woff'), url('/f/ViaculturaWeb-Normal.ttf') format('ttf');font-weight: 400;font-style: normal}@font-face{font-family: 'ViaculturaNormalBold';src: url('/f/ViaculturaWeb-Normal.eot');src: url('/f/ViaculturaWeb-Normal.woff') format('woff');font-weight: 400;font-style: normal}@font-face{font-family: 'viaculturaSemiBold';src: url('/f/ViaculturaWeb-SemiBold.eot');src: url('/f/ViaculturaWeb-SemiBold.woff') format('woff');font-weight: 600;font-style: normal}@font-face{font-family: 'viaculturaBold';src: url('/f/ViaculturaWeb-Bold.eot');src: url('/f/ViaculturaWeb-Bold.woff') format('woff'), url('/f/ViaculturaWeb-Boldl.ttf') format('ttf');font-weight: 700;font-style: bold}@font-face{font-family: 'viaculturaThinItalic';src: url('/f/ViaculturaWeb-ThinItalic.eot');src: url('/f/ViaculturaWeb-ThinItalic.woff') format('woff');font-weight: 200;font-style: italic}@font-face{font-family: 'viaculturaLightItalic';src: url('/f/ViaculturaWeb-LightItalic.eot');src: url('/f/ViaculturaWeb-LightItalic.woff') format('woff');font-weight: 300;font-style: italic}@font-face{font-family: 'viaculturaNormalItalic';src: url('/f/ViaculturaWeb-NormalItalic.eot');src: url('/f/ViaculturaWeb-NormalItalic.woff') format('woff');font-weight: 400;font-style: italic}@font-face{font-family: 'viaculturaSemiBoldItalic';src: url('/f/ViaculturaWeb-SemiBoldItalic.eot');src: url('/f/ViaculturaWeb-SemiBoldItalic.woff') format('woff');font-weight: 600;font-style: italic}@font-face{font-family: 'viaculturaBoldItalic';src: url('/f/ViaculturaWeb-BoldItalic.eot');src: url('/f/ViaculturaWeb-BoldItalic.woff') format('woff');font-weight: 700;font-style: italic}
body{font-size: 16px;font-family: viaculturaNormal, sans-serif;}
h1,h2,h3,h4,strong,b {font-family: viaculturaSemiBold, sans-serif}
em,i {font-family:viaculturaNormalItalic}
@media (max-width: 576px) { 
  img[src$="hauschka.svg"] {
  width:120px;
  object-fit:none;
  object-position: 0 -30px;
  padding-top: 10px;
  }
}
@media (max-width: 992px) {
  .sm-left-lg-right {
    margin-right: auto !important;
  }
  #navColumnOne:target{ display: block !important;z-index:1030 !important}
  .col-sm-3 {max-width: 100% !important;flex: 0 0 100%}
}
/*menu*/
.category-tab {font-size:1.1vw}
.h{display:none} /*hidden div*/
/*scroll-margin-top = protect scrolling on click anchor [#] */
.m {column-count: 4 !important;width:100% !important;column-gap: 1em;scroll-margin-top: 100vh;
 margin: 5vh 0;
}
.m a {display:block;font-size:1vw}
.mt{width:100%;table-layout: fixed;
/*margin:  0 0 3em 0 ;*/
}
/*.mt td {text-align:center}*/
.border-bottom {
/*  padding-top: 5em;*/
  position: relative;
  padding-bottom: 14px; /* prostor pro border */
}
.border-bottom::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 9px; /* tloušťka "borderu" */
  width: 100%;
  background: linear-gradient(to bottom, #e6e6e6, #fff);
}
a {
  text-decoration: none;
  color: #000 !important;
}

p a {
  text-decoration: underline;
}
img[src$="hauschka.svg"] {
  position:relative;
  top: -33px;
}
.fa-search,  .fa-sign-in-alt,  .fa-sign-out-alt, .fa-user, .fa-cart-shopping, .fa-credit-card {font-size:1.5em}
.navbar, .breadcrumb {padding:0 !important}

/**h6 linka**/

h2{
  text-align: center;
  font-family: 'viaculturaNormal', sans-serif;
  margin-bottom:10vh;
}
h6 {
    margin: 15vh 0 10vh 0;
    position: relative;
    font-size: 14px;
    z-index: 1;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
}
h6:before, h6:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 50%;
    height: 1px;
    content: '\a0';
    background-color: #ccc;
}
h6:before {
    margin-left: -50%;
    text-align: right;
}
.card{border:0}
.ezpagesBar  ul > li{
/*    text-align: center !important;*/
margin:auto !important;
}
.container {
  max-width: 1250px;
}