/*
 * Urlaubspunkt Core 2.2.6 – compatibility for the existing WPBakery/Gusta
 * sticky deal bar. Supports both the Urlaubspunkt header gallery and the
 * regular featured image as the scroll trigger.
 */

/*
 * First-paint fallback. The identical critical rule is printed inline in the
 * document head, so the editable section cannot flash while deferred CSS or
 * JavaScript is still loading.
 */
html body.single-post:not(.up-core-stickybar-ready) #gusta-sticky {
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

body.single-post #gusta-sticky.up-core-stickybar-host {
	display: block !important;
	position: relative !important;
	z-index: 99990 !important;
	visibility: visible !important;
	opacity: 1 !important;
	pointer-events: none !important;
}

body.single-post #gusta-sticky .up-core-stickybar {
	display: block !important;
	position: fixed !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	z-index: 99990 !important;
	background: #ffffff !important;
	border-top: 1px solid rgba(37, 44, 53, 0.14) !important;
	box-shadow: 0 -8px 28px rgba(31, 38, 45, 0.12) !important;
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
	transform: translate3d(0, 110%, 0) !important;
	transition:
		transform 240ms ease,
		opacity 180ms ease,
		visibility 0s linear 240ms !important;
	will-change: transform, opacity;
}

/* Neutralize the older custom .ult-sticky-section visibility snippet. */
body.single-post #gusta-sticky .ult-sticky-section {
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
	transform: translate3d(0, 110%, 0) !important;
}

html body.single-post.up-core-stickybar-visible #gusta-sticky .up-core-stickybar,
html body.single-post.up-core-stickybar-visible #gusta-sticky .up-core-stickybar.gusta-hide-section,
html body.single-post.up-core-stickybar-visible #gusta-sticky .ult-sticky-section {
	display: block !important;
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
	transform: translate3d(0, 0, 0) !important;
	transition-delay: 0s !important;
}

html body.single-post.up-core-stickybar-footer #gusta-sticky .up-core-stickybar,
html body.single-post #gusta-sticky .ult-sticky-section.is-hidden-footer {
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
	transform: translate3d(0, 110%, 0) !important;
}

body.single-post #gusta-sticky .up-core-stickybar-wrapper {
	visibility: visible !important;
	opacity: 1 !important;
}

html body.single-post.up-core-stickybar-visible #gusta-sticky .up-core-stickybar-wrapper.gusta-hide-section {
	display: block !important;
}

body.single-post #gusta-sticky .up-core-stickybar > .vc_row,
body.single-post #gusta-sticky .up-core-stickybar .up-core-stickybar-content > .vc_row {
	display: flex !important;
	align-items: center !important;
	width: 100% !important;
	max-width: 1300px !important;
	margin: 0 auto !important;
	padding: 10px 55px !important;
	box-sizing: border-box !important;
}

body.single-post #gusta-sticky .up-core-stickybar > .vc_row > .wpb_column,
body.single-post #gusta-sticky .up-core-stickybar .up-core-stickybar-content > .vc_row > .wpb_column {
	float: none !important;
	min-width: 0 !important;
}

@media screen and (max-width: 778px) {
	body.single-post #gusta-sticky .up-core-stickybar > .vc_row,
	body.single-post #gusta-sticky .up-core-stickybar .up-core-stickybar-content > .vc_row {
		padding: 8px 14px !important;
	}

	body.single-post #gusta-sticky .up-core-stickybar > .vc_row > .wpb_column:first-child,
	body.single-post #gusta-sticky .up-core-stickybar .up-core-stickybar-content > .vc_row > .wpb_column:first-child {
		display: none !important;
	}

	body.single-post #gusta-sticky .up-core-stickybar > .vc_row > .wpb_column:nth-child(2),
	body.single-post #gusta-sticky .up-core-stickybar .up-core-stickybar-content > .vc_row > .wpb_column:nth-child(2) {
		width: 35% !important;
		flex: 0 0 35% !important;
	}

	body.single-post #gusta-sticky .up-core-stickybar > .vc_row > .wpb_column:last-child,
	body.single-post #gusta-sticky .up-core-stickybar .up-core-stickybar-content > .vc_row > .wpb_column:last-child {
		width: 65% !important;
		flex: 0 0 65% !important;
	}

	body.single-post #gusta-sticky .up-core-stickybar > .vc_row > .wpb_column:nth-child(2) *,
	body.single-post #gusta-sticky .up-core-stickybar .up-core-stickybar-content > .vc_row > .wpb_column:nth-child(2) * {
		font-size: 18px !important;
		line-height: 1.15 !important;
	}

	body.single-post #gusta-sticky .up-core-stickybar > .vc_row > .wpb_column:last-child *,
	body.single-post #gusta-sticky .up-core-stickybar .up-core-stickybar-content > .vc_row > .wpb_column:last-child * {
		font-size: 15px !important;
	}

	body.single-post #gusta-sticky .up-core-stickybar .dt-btn {
		padding: 10px 16px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.single-post #gusta-sticky .up-core-stickybar,
	body.single-post #gusta-sticky .ult-sticky-section {
		transition: none !important;
	}
}