/**********************
	* CSS DOCUMENT FOR PRINTABLE VERSION
**********************/
@font-face {
  font-family: 'Roboto';
  src: url("Fonts/Roboto-Regular-webfont.woff") format("woff");
  font-weight: 400; 
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url("Fonts/Roboto-Medium-webfont.woff") format("woff");
  font-weight: 500; 
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url("Fonts/Roboto-Bold-webfont.woff") format("woff");
  font-weight: 700; 
  font-style: normal;
}
@font-face {
  font-family: 'RobotoCnd';
  src: url("Fonts/RobotoCondensed-Regular-webfont.woff") format("woff");
  font-weight: 400; 
  font-style: normal;
}
@font-face {
  font-family: 'RobotoCnd';
  src: url("Fonts/RobotoCondensed-Bold-webfont.woff") format("woff");
  font-weight: 700; 
  font-style: normal;
}

:root {
  --mainColor: #c0193c;
  --darkRed: #880b2b;
  --darkRed2: #650b21;
  --gray: #7F7F7F;
  --lightGray: #cfcecd;
  --lighterGray: #F5F4F3;
  --black: #2A2928;
  --white: #fff;
  --darkWhite: #F9F9F9;
}

h1, h2, h3, h4, h5, p { padding: 0; margin: 0; }

body { background:#fff; color: #000; font-size: 11pt; line-height: 16pt; font-family: "Roboto", Arial, Helvetica, sans-serif; }
h1 { padding:33pt 0 11pt; font-size: 22pt; line-height:22pt; font-weight: normal; font-family: "RobotoCnd", Arial, Helvetica, sans-serif; }
h2 { padding:27pt 0 9pt; font-size: 18pt; line-height:18pt; font-weight: normal; font-family:"Roboto", Arial, Helvetica, sans-serif; }
h3 { padding:7pt 0 5pt; font-size: 16pt; line-height:18pt; font-weight: normal; font-family:"RobotoCnd", Arial, Helvetica, sans-serif; }
h4 { font-size: 14pt; font-weight: normal; font-family:"RobotoCnd", Arial, Helvetica, sans-serif; }
h5 { font-size: 12pt; font-weight: normal; font-family:"Roboto", Arial, Helvetica, sans-serif; }

strong, b { font-weight:700; font-family:"Roboto", Arial, Helvetica, sans-serif; }
a { color:#000; font-weight:normal; }
p { padding:0 0 5pt; }
table th { text-align: left; }

/************************
	* HIDE ELEMENTS
************************/
#blk-menu, .blk-actions, .blk-lang, #accesslinks { display: none; }
#toggle-menu, .ctn-search.flex-grid, .ctn-functions { display: none; }

/***********************
	* STYLES
***********************/
.logo img { display: block; height:auto; width:5cm; max-width:inherit; }
#content { padding: 10pt 0; }
.text iframe { width: 100%; }
.flex-grid { display: flex; flex-flow: row wrap; justify-content: left; align-items: stretch; gap:1cm; margin: 1em 0; }
.flex-item { position: relative; display: block; width:calc((100% - 1cm) / 2); flex-grow: 0; }
.flex-item img { display: block; width:100%; height:auto; }
/* Specific */
#breadcrumbs { display:none; }
#content-head { padding:1cm 0; }
.ctn-standard #content-head h1 { max-width:10cm }
.intro { margin-top:0.5cm; font-size:1.15em; line-height: 1.25; font-weight:500 }
.img-main { float: right; object-fit: cover; object-position: center; margin:0 0 1cm 1cm; width:7cm; border-radius: 1em; }
.blks-3 .flex-item, .blks-4 .flex-item, .ctn-news .flex-item {
  margin:0 auto;
  width:calc((100% - 2px - 1cm) / 2);
  padding-bottom: .5rem;
  background-color: var(--white);
  border: 1px solid var(--gray);
  border-radius: .5rem;
  text-align: center;
}
.blks-3 img, .blks-4 img, .ctn-news img { border-radius: .5rem .5rem 0 0; }
.blks-3 h3, .blks-3 h4, .blks-4 h3, .blks-4 h4, .ctn-news h3, .ctn-news h4 { padding: .5rem 1rem 0; }
.blks-3 p, .blks-4 p, .ctn-news p {
  margin-bottom: 1em;
  padding: 0 1rem;
  text-align: justify;
  text-justify: auto;
  word-break: break-word;
  hyphens: auto;
}
#top-home .flex-grid { gap: 0; flex-flow:nowrap; }
#top-home .flex-item { padding:1cm; width:48%; flex-grow:initial; }
#top-home img { display: none; }
#partners img.bkg-image { display:none; }
a.lnk-producer {
  display: inline-block;
  margin: 1rem 1rem 1rem 0;
  padding: .5rem 1rem;
  height: 4rem;
  width: auto;
  max-width: 150px;
  background-color: var(--white);
  border-radius: .5rem;
  vertical-align: middle;
}
a.lnk-producer img {
  display: inline-block;
  object-fit: contain;
  object-position: center;
  height: 100%;
  width: 100%;
}
#ctn-filters, #form-filters, .ctn-categories { display:none }
a.product .image {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 5cm;
}
a.product .image img {
    object-position: bottom center;
    object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: 7cm;
    max-height: 5cm;
  }
.ctn-image { margin:0.5cm auto; width:10cm }
.ctn-image img { object-position: top center; object-fit: contain; width: 100%; height: 100%; max-height:10cm }
.ctn-documents { display:none; }
.blk-variation {
  margin: 1em 0;
  padding: 1rem 1rem .5rem;
  display: flex;
  flex-flow: row nowrap;
  gap: 0 1rem;
  align-items: baseline;
  font-family: "RobotoCnd",Arial, Helvetica, sans-serif;
  background-color: var(--white);
  border: 1px solid var(--lightGray);
  border-radius: .5rem;
}
.wishlist-add, .form-add2cart { display:none; }
#related-products { display:none; }
.contact h3 { display:none; }
.form-contact { display:none; }

/****************/
footer .wrapper { padding: 2em 0; text-align:left; }
footer .flex-grid { gap: 1cm 2cm; align-items: baseline; }
footer .flex-grid .flex-item { font-size: 10pt; width:auto; flex-basis: fit-content; flex-grow: initial; }
footer .flex-grid .flex-item:last-child { display:none; }
footer h5 { font-size:10pt }
footer img { display:none; }
.mi-signature { font-size: 7pt; }
