/* signika-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Signika';
  font-style: normal;
  font-weight: 300;
  src: url('../font/signika-v25-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* signika-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Signika';
  font-style: normal;
  font-weight: 400;
  src: url('../font/signika-v25-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* signika-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Signika';
  font-style: normal;
  font-weight: 500;
  src: url('../font/signika-v25-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* signika-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Signika';
  font-style: normal;
  font-weight: 600;
  src: url('../font/signika-v25-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* signika-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Signika';
  font-style: normal;
  font-weight: 700;
  src: url('../font/signika-v25-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-family: 'LaPresse';
  src: url('../font/LaPresse.woff2') format('woff2'),
       url('../font/LaPresse.woff')  format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


.content {
  width: 1000px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 0 30px 30px 30px;
}

.products .table {
  width: 400px;
}

.product-panel {
  width: 450px;
}
.product-panel-inner {
  margin-bottom: 20px;
}

.flexbox-panel {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  gap: 20px;
}
.flexbox-panel-nowrap {
  flex-wrap: nowrap;
}
.flex-end {
  justify-content: flex-end;
}
.flex-end-align {
  align-items: flex-end;
}

.desktop {
  display: block;
}
.mobile {
  display: none;
}


.flexbox-item {
  flex: 0 1 auto;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

h1, h2, h3, body {
  font-family: 'Signika', sans-serif;
}

.infobox {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: center;
}
.infobox .info-row {
  flex: 0 1 auto;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  margin-bottom: 10px;
}

.infobox .info-row.col1 {
  width: 220px;
}
.infobox .info-row.col2 {
  width: 160px;
}
.infobox .info-row.col3 {
  width: 400px;
}

.infobox .info-row .icon {
  float: left;
  margin-right: 20px;
  align-self: center;
}
.infobox .info-row .text {
  align-self: center;
}
      
a {
  text-decoration: none;
  color: #000;
}

#header h1, #header h2 {
  font-family: 'LaPresse';
  font-weight: normal;
  font-style: normal;
}
#header h1 {
  margin-bottom: 0px;
}
#header {
  padding-top: 10px;
}

.header-fixed {
  position: sticky;
  top: 0px;
  background: #fff;
  z-index: 9999;
}

.header-images {
  height: 100px; 
  width: auto;
}

.nodesktop {
  display: none;
}

th.right {
  text-align: right;
}
th.center {
  text-align: center;
}

.footer {
  text-align: center;
  margin-bottom: 50px;
}

@media (max-width: 850px) {
  .infobox .info-row.col1,
  .infobox .info-row.col2,
  .infobox .info-row.col3 {
    width: 100%;
  }

  .mob-cart-btn {
    width: 100%;
  }
  .flex-end-align {
    align-items: flex-start;
  }
  .desktop {
    display: none;
  }
  .mobile {
    display: block;
  }

  .content {
    width: 100%;
    padding: 0 15px 15px 15px;
  }
  
  .nomobile {
    display: none;
  }
  .nodesktop {
    display: block;
  }
  
  .header-images {
    height: 100px;
  }
  
  .product-panel-inner {
    min-height: 50px;
  }
}