/* 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;
	}
}

/* ------------ */
/* FAQ */
/* ------------ */

  .faq-section .card-header {
    padding: 0;
  }

  .faq-section .card-header .btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    color: #000;
    font-family: var(--body-font);
    font-weight: 500;
    text-decoration: none;
    white-space: normal;
  }

  .faq-section .card-header .btn:hover,
  .faq-section .card-header .btn:focus {
    color: #000;
    text-decoration: none;
    box-shadow: none;
  }

  .faq-section .card-header .btn::after {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-left: 20px;
    flex-shrink: 0;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform 0.25s ease;
  }

  .faq-section .card-header .btn[aria-expanded="true"]::after {
    transform: rotate(225deg);
  }
	.faq-section a  {
		text-decoration: underline;
	}


	.pswp-caption-content { display: none; }

	#zampieri-gallery {
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: center !important;
		align-items: flex-start !important;
		gap: 16px !important;
		padding: 24px 0;
	}

	#zampieri-gallery .zampieri-item {
		flex: 0 0 200px !important;
		max-width: 200px !important;
	}
	#zampieri-gallery img { width: 100%; height: auto; filter: brightness(0.96);}
	#zampieri-gallery h6 { font-size: 0.85rem; }
 
	@media (max-width: 575px) {
		#zampieri-gallery .zampieri-item {
			flex-basis: calc(50% - 8px) !important;
			max-width: calc(50% - 8px) !important;
		}
	}

@media only screen and (max-width:991px) {
	div#accordionVetturiere {
    	padding: 0 1rem;
	}
}