/* CSS Document */


.container.body-content {
    padding-left: 0;
	padding-right: 0;
}

.main-wrap.html {
    max-width: unset;
}

.page-header, .page-footer {
  position: relative;
  min-height: 512px;
  overflow: hidden;
  background-color: var(--zm-accent);
}

.page-header-image, .page-footer-image {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 130%;
  transform: translate3d(-50%, 0, 0);
  object-fit: cover;
  object-position: center top;
  max-width: none;
  will-change: transform;
  pointer-events: none;
  user-select: none;
}

.page-footer {
	min-height: 1080px;
}

.page-footer-image {
	height: 100%;
}


.page-header-content, .page-footer-content {
    position: absolute;
    top: 50%;
	transform: translateY(-50%);
    left: 5%;
    color: white;
}

.page-header-content.hotellerie {
	right: 5%;
    left: auto;
    top: 60%;
}

.page-header.ristorazione .page-header-image { object-position: center; }

@media only screen and (max-width:991px) {
	.page-header.ristorazione .page-header-image { object-position: 70% top; }
	.page-header.uomo .page-header-image { object-position: 25% top; }
	.page-header.corporate .page-header-image { object-position: 85% top; }
	.page-header.uomo .page-header-image { object-position: 64% top; }
	.page-header.hotellerie .page-header-image {  }
	
	.page-footer.chef .page-footer-image {	}
}

.page-footer-content a.btn.btn-primary {
    background: var(--zm-offwhite);
    color: black;
}

.page-footer-content a.btn.btn-primary {
    transition: all .2s ease;
}


span.align-middle.d-inline-block.star {
    transform: translateY(-.35em);
}


.inside-category .image-card::after {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
	height: 100%;
}

.inside-category .image-card-caption {
    left: 50%;
    top: 50%;
	bottom: auto;
    transform: translate(-50%);
	text-align: center;
}


.photo-watermark {
	top: 0;
    right: -4rem;
}


/* ------------ */
/* MOBILE PHONE */
/* ------------ */

@media only screen and (max-width:991px) {
	.photo-watermark {
    	font-size: 1rem;
	    right: 1rem;
	}
	.hotellerie .image-card-caption h3 {
    	font-size: var(--font-h6);
    	letter-spacing: .2rem !important;
	}
}