/* 
 * Card stylesheet 
 */

/* resets */

* {
	margin: 0;
	padding: 0;
}

.vc_row {
	margin: 0 !important;
}

.vc_column_container > .vc_column-inner {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.wpb_content_element {
	margin-bottom: 0 !important;
}

/* Print/display config */
@page {
  size: 91mm 61mm;
  margin: 0;
}

html, body {
  margin: 0;
  padding: 0;
}

.page-container {
  width: 91mm;
  height: 61mm;
  box-sizing: border-box;
  background: white;
  page-break-after: always;
  display: block;
  page-break-before: always;
}

.inner-page {
	border: 2px solid red;
	padding: -2px;
}

@media print {
	.inner-page {
		border: none;
		padding: 0;
	}
}

/*
 * Styling
 */

.page-number {
	display: none;
}

.inner-page {
	height: 55mm;
	width: 85mm;
	margin: 3mm !important;
	overflow: hidden;
}

.page-container.back .inner-page .cover-image {
	position: absolute;
	top: 20px;
	left: 0;
	height: auto;
	width: 80%;
	margin: 0 10% 0 10%;
	object-fit: cover;
	z-index: 1;
}

.page-container.back .inner-page p {
	position: absolute;
	left: 0;
	bottom: 20px;
	width: calc(100% - 20px);
	margin: 0 10px 0 10px;
	text-align: center;
	font-size: 8px;
}

.page-container.front .inner-page .footer-bar img,
.page-container.front .inner-page .footer-bar {
	position: absolute;
	width: 100%;
	height: 10px;
	z-index: 3;
	bottom: 0;
	margin: 0 0 0 0;
}

.page-container.front .inner-page .logo {
	position: absolute;
	top: 20px;
	margin: 0 10% 0 10%;
	z-index: 3;
}

.page-container.front .inner-page .qrcode {
	position: absolute;
	right: calc(10% - 15px);
	width: 29%;
	top: 85px;
	padding: 15px;
}

.page-container.front#marcel .inner-page .qrcode {
	top: 80px;
	width: 33%;
}

.page-container.front .inner-page p {
	position: absolute;
	left: 10%;
	top: 90px;
	width: 51%;
	font-size: 13px;
}

.page-container.front#review-card .inner-page p {
	text-align: center;
}


.page-container.front .inner-page h2 {
	position: absolute;
	left: 10%;
	top: 140px;
	width: 51%;
	text-align: center;
}