/**
 * Onspot Unique CSS - Main CSS File
 * Author: Croatia On Spot
 * Author URI: https://www.croatiaonspot.com
 */

:root, 
:before, 
:after {
	--ui-body-background-color: #f5f5f5;
	--ui-body-text-color-1: #64696d;
	--ui-text-color-brighter-1: #979c9e;
	--ui-text-color-brighter-2: #7f8182;
	--ui-headings-text-color-1: #303133;
	--ui-headings-text-color-2: #4b4e57;
	--ui-background-color: #ffffff;
	--ui-elements-background-color: #0f2838;
	--ui-elements-border-color: #17364a;
	--ui-elements-border-radius-4: 4px;
	--ui-elements-border-radius-8: 8px;
	--ui-elements-border-radius-12: 12px;
	--ui-light-shade-0: #fcfcfc;
	--ui-light-shade-1: #f7f7f7;
	--ui-light-shade-2: #f0f0f0;
	--ui-light-shade-3: #ebebeb;
	--ui-light-shade-4: #e0e0e0;
	--ui-icons-color-1-normal: #646b70;
	--ui-icons-color-2-normal: #5b6268;
	--ui-icons-color-1-inactive: #cdcbcb;
}
.sk__header-wrapper {
	-webkit-backdrop-filter: blur(5px);
	        backdrop-filter: blur(5px);
}

@-webkit-keyframes fadeOutSimple {
	0% { opacity: 1; }
	100% { opacity: 0; }
}

@keyframes fadeOutSimple {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
@-webkit-keyframes fadeInSimpplergh {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes fadeInSimpplergh {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@-webkit-keyframes fadeInToTenPercent {
	0% { opacity: 0; }
	100% { opacity: 0.1; }
}
@keyframes fadeInToTenPercent {
	0% { opacity: 0; }
	100% { opacity: 0.1; }
}
@-webkit-keyframes dropShadowToComingSoonLogo {
	0% { -webkit-filter: drop-shadow(1px 3px 3px rgba(0,0,0,0)); filter: drop-shadow(1px 3px 3px rgba(0,0,0,0)); }
	100% { -webkit-filter: drop-shadow(1px 3px 3px rgba(0,0,0,0.34)); filter: drop-shadow(1px 3px 3px rgba(0,0,0,0.34)); }
}
@keyframes dropShadowToComingSoonLogo {
	0% { -webkit-filter: drop-shadow(1px 3px 3px rgba(0,0,0,0)); filter: drop-shadow(1px 3px 3px rgba(0,0,0,0)); }
	100% { -webkit-filter: drop-shadow(1px 3px 3px rgba(0,0,0,0.34)); filter: drop-shadow(1px 3px 3px rgba(0,0,0,0.34)); }
}

.cs-tagline {
	opacity: 0;
	margin-top: -16px;
	-webkit-animation: fadeInSimpplergh 2s ease 2s forwards;
	        animation: fadeInSimpplergh 2s ease 2s forwards;
}

.cs-timer {
	opacity: 0;
	-webkit-animation: fadeInSimpplergh 3s ease 2s forwards;
	        animation: fadeInSimpplergh 3s ease 2s forwards;
}

.coming-soon-curtain {
	-webkit-animation: fadeOutSimple 4s ease 1.4s forwards;
	        animation: fadeOutSimple 4s ease 1.4s forwards;
/*	animation: fadeOutSimple 1s ease 1s forwards;*/
}

.cs-logo-container {
	z-index: 10;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 100%; /* Ensures adaptability */
	-webkit-filter: drop-shadow(1px 3px 3px rgba(0,0,0,0));
	        filter: drop-shadow(1px 3px 3px rgba(0,0,0,0));
	-webkit-animation: dropShadowToComingSoonLogo 4s ease 1.4s forwards;
	        animation: dropShadowToComingSoonLogo 4s ease 1.4s forwards;
}

/* Scaling for smaller screens */
@media (max-width: 1432px) {
	.cs-logo-container {
		zoom: 0.8;
	}
}
@media (max-width: 992px) {
	.cs-logo-container {
		zoom: 0.7;
	}
}
@media (max-width: 575px) {
	.cs-logo-container {
		zoom: 0.6;
	}
}
@media (max-width: 480px) {
	.cs-logo-container {
		zoom: 0.45;
	}
}
@media (max-width: 400px) {
	.cs-logo-container {
		zoom: 0.4;
	}
}

.cs-logo-wrapper {
	position: relative;
	width: 635px;
	height: 122px;
	overflow: hidden;
	-webkit-transform: translateX(-61px);
	    -ms-transform: translateX(-61px);
	        transform: translateX(-61px); /* Shifts left temporarily */
	-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.3, 1.6, 0.4, 1);
	transition: -webkit-transform 0.6s cubic-bezier(0.3, 1.6, 0.4, 1);
	-o-transition: transform 0.6s cubic-bezier(0.3, 1.6, 0.4, 1);
	transition: transform 0.6s cubic-bezier(0.3, 1.6, 0.4, 1);
	transition: transform 0.6s cubic-bezier(0.3, 1.6, 0.4, 1), -webkit-transform 0.6s cubic-bezier(0.3, 1.6, 0.4, 1);
}

/* No change needed for .cs-logo-graphic */
.cs-logo-graphic {
	position: absolute;
	width: 122px;
	height: 122px;
	background-size: contain;
	background-repeat: no-repeat;
	left: 50%;
	top: 0;
	opacity: 0;
	-webkit-transform: scale(0) translateX(-50%);
	    -ms-transform: scale(0) translateX(-50%);
	        transform: scale(0) translateX(-50%);
}

/* .cs-logo-wording-stage will still move to 122px */
.cs-logo-wording-stage {
	position: absolute;
	width: 513px;
	height: 122px;
	overflow: hidden;
	left: calc(50% - (122px / 2)); /* Starts offset */
}

/* .cs-logo-wording */
.cs-logo-wording {
	position: absolute;
	width: 513px;
	height: 122px;
	background-size: contain;
	background-repeat: no-repeat;
	left: -513px; /* Initially hidden out of stage */
}



/** VERY INTERESTING HOME BACKGROUND IMAGE OVERLAY COLOR/TINT **/
/*.sk__absolute.onspot-tinter {
	background: #00093bc7; THIS ONE
	background: #0e143387; 
}*/

.font-family-1 {
	font-family: var(--body-font-family) !important;
}
.font-family-2 {
	font-family: var(--font-family-2) !important;
}
.font-family-3 {
	font-family: var(--font-family-3) !important;
}
.font-weight-100 {
	font-weight: 100 !important;
}
.font-weight-200 {
	font-weight: 200 !important;
}
.font-weight-300 {
	font-weight: 300 !important;
}
.font-weight-400 {
	font-weight: 400 !important;
}
.font-weight-500 {
	font-weight: 500 !important;
}
.font-weight-600 {
	font-weight: 600 !important;
}
.font-weight-700 {
	font-weight: 700 !important;
}
.font-weight-800 {
	font-weight: 800 !important;
}
.font-weight-900 {
	font-weight: 900 !important;
}

/**
 * Homepage
 */
.onspot-homepage-content-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 80vh;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-flow: column;
	        flex-flow: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.onspot-homepage-content {
	position: relative;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-flow: column;
	        flex-flow: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 16px;
	padding: 84px 24px 90px;
	-webkit-backdrop-filter: blur(3px);
	        backdrop-filter: blur(3px);
	border-bottom: 1px solid rgba(0,0,0,0.15);
	border-top: 1px solid rgb(114,207,255,0.49);
}
.shadow.onspot-homepage-content {
	border-bottom: 1px solid rgba(0,0,0,0);
	border-top: 1px solid rgb(114,207,255,0);
}
@-webkit-keyframes shadowOnspotHomepageContent {
	0% {
		border-bottom: 1px solid rgba(0,0,0,0);
		border-top: 1px solid rgb(114,207,255,0);
	}
	100% {
		border-bottom: 1px solid rgba(0,0,0,0.15);
		border-top: 1px solid rgb(114,207,255,0.49);
	}
}
@keyframes shadowOnspotHomepageContent {
	0% {
		border-bottom: 1px solid rgba(0,0,0,0);
		border-top: 1px solid rgb(114,207,255,0);
	}
	100% {
		border-bottom: 1px solid rgba(0,0,0,0.15);
		border-top: 1px solid rgb(114,207,255,0.49);
	}
}
.shadow.onspot-homepage-content {
	-webkit-animation: shadowOnspotHomepageContent 4s ease 1.4s forwards;
	        animation: shadowOnspotHomepageContent 4s ease 1.4s forwards;
}
.onspot-homepage-content-background {
	background: var(--body-background-color);
	background: #00b2d8;
	background: #00B2D8;
	background: -o-linear-gradient(84deg,rgba(0, 178, 216, 1) 51%, rgba(0, 216, 162, 1) 93%);
	background: linear-gradient(6deg,rgba(0, 178, 216, 1) 51%, rgba(0, 216, 162, 1) 93%);
	mix-blend-mode: multiply;
	z-index: -2;
	opacity: 0.1;
}
.shadow.onspot-homepage-content-background {
	opacity: 0;
	-webkit-animation: fadeInToTenPercent 4s ease 1.4s forwards;
	        animation: fadeInToTenPercent 4s ease 1.4s forwards;
}
.onspot-homepage-content-vignette {
	background: #007194;
	background: -o-radial-gradient(circle, rgba(0,88,142,0.11) 0%, rgba(0, 238, 255, 0) 35%);
	background: radial-gradient(circle, rgba(0,88,142,0.11) 0%, rgba(0, 238, 255, 0) 35%);
	background: -o-radial-gradient(circle, rgba(0,88,142,0.33) 0%, rgba(0, 238, 255, 0) 35%);
	background: radial-gradient(circle, rgba(0,88,142,0.33) 0%, rgba(0, 238, 255, 0) 35%);
	background: -o-radial-gradient(circle, rgba(0,88,142,0.33) 10%, rgba(0, 238, 255, 0) 40%);
	background: radial-gradient(circle, rgba(0,88,142,0.33) 10%, rgba(0, 238, 255, 0) 40%);
	z-index: -1;
}
.shadow.onspot-homepage-content-vignette {
	opacity: 0;
	-webkit-animation: fadeInSimpplergh 4s ease 1.4s forwards;
	        animation: fadeInSimpplergh 4s ease 1.4s forwards;
}
@media screen and (max-aspect-ratio: 1/1) {
	.onspot-homepage-content-vignette {
		background: -o-radial-gradient(circle, rgba(0,88,142,0.33) 40%, rgba(0, 238, 255, 0) 100%);
		background: radial-gradient(circle, rgba(0,88,142,0.33) 40%, rgba(0, 238, 255, 0) 100%);
	}
	.shadow.onspot-homepage-content-vignette {
		opacity: 0;
		-webkit-animation: fadeInSimpplergh 4s ease 1.4s forwards;
		        animation: fadeInSimpplergh 4s ease 1.4s forwards;
	}
}
.onspot-homepage-logo {
	-webkit-filter: drop-shadow(2px 6px 6px rgba(0,0,0,0.34));
	        filter: drop-shadow(2px 6px 6px rgba(0,0,0,0.34));
}
.onspot-homepage-content form {
	width: 436px;
	max-width: calc(100% - 64px);
}
@media all and (min-width: 601px) and (max-width: 1920px) {
	.onspot-homepage-logo {
		zoom: 0.75;
	}
	.onspot-homepage-content form {
		width: calc(436px * 0.75);
		max-width: calc(100% - 64px);
	}
}
@media all and (max-width: 600px) {
	.onspot-homepage-logo {
		zoom: 0.6;
	}
	.onspot-homepage-content form {
		width: calc(436px * 0.6);
		max-width: calc(100% - 64px);
	}
}
p.onspot-homepage-tagline {
	font-size: 15px;
}
@media all and (max-width: 575px) {
	p.onspot-homepage-tagline {
		font-size: 13px;
		max-width: 80%;
	}
}
.onspot-white-deco-line-30 {
	height: 1px;
	width: 100%;
	background-color: rgba(52,242,255,0.49);
}
.shadow.onspot-white-deco-line-30 {
	opacity: 0;
	-webkit-animation: fadeInSimpplergh 4s ease 1.4s forwards;
	        animation: fadeInSimpplergh 4s ease 1.4s forwards;
}

/**
 * Destination page
 */
.about-destination.destination-description {
	-webkit-backdrop-filter: blur(4px);
			backdrop-filter: blur(4px);
}

/**
 * Confo (contact info on on_spot pages)
 */
.confo-stage {
	display: none;
}
.confo-stage.expanded {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row;
	        flex-flow: row;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;

	background: rgba(13,42,54,0.86);
	-webkit-backdrop-filter: blur(10px);
	        backdrop-filter: blur(10px);
	z-index: 100;
}
.confo-stage-closer {
	z-index: -1;
}
.confo-stage-inner {
	padding: 80px 60px;
	background: var(--body-background-color);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-flow: column;
	        flex-flow: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 24px;
	border-radius: 29px;
	width: 580px;
	max-width: 100%;
}
.confo-x {
	position: absolute;
	top: 24px;
	right: 24px;
	font-size: 32px;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	cursor: pointer;
}
.confo-x:hover {
	color: #ffffff;
}
.confo-boxes {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-flow: column;
	        flex-flow: column;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: start;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 16px;
}
.confo-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row;
	        flex-flow: row;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: start;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 16px;
}
.confo-icon {
	width: 36px;
	height: 36px;
	background: rgba(255,255,255,0.1);
	color: #fff;
	border-radius: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	font-size: 17px;
}
.confo-text {
	max-width: calc(100% - (36px + 16px)); /* .confo-icon's width + .confo-box's gap */
	margin-top: 5px;
}
.confo-text a {
	color: var(--body-text-color);
}.confo-text a:hover {
	color: #ffffff;
}
@media all and (max-width: 500px) {
	.confo-stage-inner {
		padding: 52px 24px 40px;
		gap: 12px;
		border-radius: 17px;
		max-width: 80%;
	}
	.confo-icon {
		width: 20px;
		height: 20px;
		background: transparent;
	}
	.confo-text {
		max-width: calc(100% - (20px + 16px));
		margin-top: 0;
	}
	.confo-x {
		top: 11px;
		right: 13px;
		font-size: 28px;
	}
}
.manual-tiktok-i svg {
	width: 15px;
	height: 20px;
}
.manual-tiktok-i:before {
	display: none !important;
}
.sk__header-socials a i.manual-tiktok-i:hover svg image {
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.sk__header-socials a i.manual-tiktok-i:hover svg image {
	-webkit-filter: brightness(4);
	        filter: brightness(4);
}

/**
 * Onspot header
 */
.onspot-header {
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	height: 84px;
	background: rgba(0, 0, 0, 0.27);
	-webkit-backdrop-filter: blur(5px);
	        backdrop-filter: blur(5px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}


/*@media all and (min-width: 500px) {
	.post-image-inner.featured {
		aspect-ratio: 10 / 4.63;
	}
}
@media all and (max-width: 499px) {
	.post-image-inner.featured {
		aspect-ratio: 1 / 1;
	}
	.sk__featured-post .post-image-inner {
		aspect-ratio: 1 / 1;
	}
}*/
@media all and (min-width: 500px) {
	.post-image-inner.featured, 
	.sk__featured-post .post-image-inner, 
	.sk__featured-post .post-image-inner > a, 
	.sk__featured-post .post-image-inner > a > .sk__in-content-post-image, 
	.post-image:not(.sk__single) .post-image-inner.featured > a, 
	.post-image:not(.sk__single) .post-image-inner.featured .sk__in-content-post-image, 
	.post-image.featured:not(.sk__single) .post-image-inner > a, 
	.post-image.featured:not(.sk__single) .post-image-inner .sk__in-content-post-image {
		aspect-ratio: 10 / 4.63;
	}
}
@media all and (max-width: 499px) {
	.post-image-inner.featured, 
	.sk__featured-post .post-image-inner, 
	.sk__featured-post .post-image-inner > a, 
	.sk__featured-post .post-image-inner > a > .sk__in-content-post-image, 
	.post-image:not(.sk__single) .post-image-inner.featured > a, 
	.post-image:not(.sk__single) .post-image-inner.featured .sk__in-content-post-image, 
	.post-image.featured:not(.sk__single) .post-image-inner > a, 
	.post-image.featured:not(.sk__single) .post-image-inner .sk__in-content-post-image {
		aspect-ratio: 1 / 1;
	}
}

/* Touch-up featured posts title (because Cleanstart missed that feature at this time) */
.sk__featured-post-content .entry-title, 
.sk__featured-post-content .entry-title > a {
	font-weight: 700;
	line-height: 1.3;
}
.sk__featured-post .sk__carousel-image:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: RGBA(0, 0, 0, 0.5);
	background: -webkit-gradient(linear,left bottom, left top,color-stop(9%, rgba(0, 0, 0, 0.31)), color-stop(49%, rgba(0, 0, 0, 0)));
	background: -o-linear-gradient(bottom,rgba(0, 0, 0, 0.31) 9%, rgba(0, 0, 0, 0) 49%);
	background: linear-gradient(0deg,rgba(0, 0, 0, 0.31) 9%, rgba(0, 0, 0, 0) 49%);
}

/**
 * Featured post mod: put text inside/over the image
 */
.featured_post_text_inside.sk__blog-card .sk__post-info {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: RGBA(0, 0, 0, 0.5);
	background: -webkit-gradient(linear,left bottom, left top,color-stop(45%, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	background: -o-linear-gradient(bottom,rgba(0, 0, 0, 0.5) 45%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(0deg,rgba(0, 0, 0, 0.5) 45%, rgba(0, 0, 0, 0) 100%);
}
/* add grid row gap's equivalent as bottom margin */
.featured.sk__blog-card {
	margin-bottom: var(--blog-grid-row-gap);
}

.mustsee-minigraph {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-transform: translateY(-23%);
	    -ms-transform: translateY(-23%);
	        transform: translateY(-23%);
}

@media all and (max-width: 1023px) {
	.mustsee-minigraph img {
		max-width: clamp(72px, 18vw, 116px);
		height: auto;
	}
}
@media all and (max-width: 767px) {
	.mustsee-minigraph {
		-webkit-transform: translateY(0);
		    -ms-transform: translateY(0);
		        transform: translateY(0);
	}
}

@media all and (min-width: 769px) {
	.sk__mastcat-mobile {
		display: none !important;
	}
}
@media all and (max-width: 768px) {
	.sk__mastcat-desktop, 
	.sk__mastcat-info {
		display: none !important;
	}
	.sk__blog-card.sk__mastcat-card {
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: normal !important;
		    -ms-flex-flow: column !important;
		        flex-flow: column !important;
	}
}

.sk__mastcat-card .sk__post-info.sk__mastcat-mobile {
	padding: 12px 0;
}

@media all and (min-width: 992px) and (max-width: 1199px) {
	.sk__grid, .sk__grid.sk__blog-grid {
		grid-column-gap: 24px;
		grid-row-gap: var(--blog-grid-row-gap);
	}
	.sk__blog-card.sk__mastcat-card, 
	.sk__mastcat-card .post-image-inner {
		border-radius: 12px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.sk__grid, .sk__grid.sk__blog-grid {
		grid-column-gap: 20px;
		grid-row-gap: var(--blog-grid-row-gap);
	}
	.sk__blog-card.sk__mastcat-card, 
	.sk__mastcat-card .post-image-inner {
		border-radius: 12px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	.sk__grid, .sk__grid.sk__blog-grid {
		grid-column-gap: 16px;
		grid-row-gap: var(--blog-grid-row-gap);
	}
	.sk__blog-card.sk__mastcat-card, 
	.sk__mastcat-card .post-image-inner {
		border-radius: 8px;
	}
}
@media all and (max-width: 575px) {
	.sk__grid, .sk__grid.sk__blog-grid {
		grid-column-gap: 8px;
		grid-row-gap: var(--blog-grid-row-gap);
	}
	.sk__blog-card.sk__mastcat-card, 
	.sk__mastcat-card .post-image-inner {
		border-radius: 4px;
	}
}

.onspot-master-thumbnails .post-image-inner, 
.onspot-master-thumbnails img {
	aspect-ratio: 10 / 15.88 !important;
}


@-webkit-keyframes mastCardsFadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translateY(100px);
				transform: translateY(100px);
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
				transform: translateY(0);
	}
}
@keyframes mastCardsFadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translateY(100px);
				transform: translateY(100px);
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
				transform: translateY(0);
	}
}
.onspot-master-thumbnails .sk__blog-card.sk__mastcat-card {
	opacity: 0;
	-webkit-animation: mastCardsFadeInUp 1.2s cubic-bezier(0,.47,.17,1) forwards;
			animation: mastCardsFadeInUp 1.2s cubic-bezier(0,.47,.17,1) forwards;
}
.onspot-master-thumbnails .sk__blog-card.sk__mastcat-card:nth-child(1) {
	-webkit-animation-delay: 1s;
			animation-delay: 1s;
}
.onspot-master-thumbnails .sk__blog-card.sk__mastcat-card:nth-child(2) {
	-webkit-animation-delay: 1.2s;
			animation-delay: 1.2s;
}
.onspot-master-thumbnails .sk__blog-card.sk__mastcat-card:nth-child(3) {
	-webkit-animation-delay: 1.4s;
			animation-delay: 1.4s;
}


.sk__mastcat-card {
	overflow: hidden;
}

.sk__mastcat-card .sk__in-content-post-image img {
	position: relative;
	z-index: -1;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	-webkit-transform: scale(1.16);
	    -ms-transform: scale(1.16);
	        transform: scale(1.16);
}
.sk__mastcat-card:hover .sk__in-content-post-image img {
	-webkit-transition: all 4s cubic-bezier(.16,.03,0,.93) 0s;
	-o-transition: all 4s cubic-bezier(.16,.03,0,.93) 0s;
	transition: all 4s cubic-bezier(.16,.03,0,.93) 0s;
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
}

.sk__mastcat-info {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 1.2rem;
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.sk__mastcat-card:hover .sk__mastcat-info {
	-webkit-backdrop-filter: blur(16px);
			backdrop-filter: blur(16px); /* bilo je 10px na sk__mastcat-background koji je uklonjen */
	-webkit-transition: all 1.4s ease 0.2s;
	-o-transition: all 1.4s ease 0.2s;
	transition: all 1.4s ease 0.2s;
}
	
.sk__mastcat-card .sk__mastcat-excerpt {
	max-height: 0;
	height: auto;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease 0s, max-height 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s, max-height 0.3s ease 0s;
	transition: opacity 0.3s ease 0s, max-height 0.3s ease 0s;
}
.sk__mastcat-card .sk__mastcat-excerpt p {
	margin-bottom: 0;
	-webkit-transform: translateY(40px);
	    -ms-transform: translateY(40px);
	        transform: translateY(40px);
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	font-weight: 300;
	color: #ffffff;
}
.sk__mastcat-card:hover .sk__mastcat-excerpt {
	max-height: 200px;
	height: auto;
	opacity: 1;
	-webkit-transition: opacity 0.2s ease 0.2s, max-height 1.2s ease-out 0s;
	-o-transition: opacity 0.2s ease 0.2s, max-height 1.2s ease-out 0s;
	transition: opacity 0.2s ease 0.2s, max-height 1.2s ease-out 0s;
}
.sk__mastcat-card:hover .sk__mastcat-excerpt p {
	-webkit-transition: all 0.3s ease 0.3s, -webkit-transform 0.2s ease 0.2s;
	transition: all 0.3s ease 0.3s, -webkit-transform 0.2s ease 0.2s;
	-o-transition: all 0.3s ease 0.3s, transform 0.2s ease 0.2s;
	transition: all 0.3s ease 0.3s, transform 0.2s ease 0.2s;
	transition: all 0.3s ease 0.3s, transform 0.2s ease 0.2s, -webkit-transform 0.2s ease 0.2s;
	-webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
}

h4.sk__mastcat-thumb-title {
	font-size: 49px;
	color: #ffffff;
	line-height: 1.65;
	letter-spacing: -0.03rem;
	font-weight: 700;
	margin-bottom: 0;
	font-family: var(--font-family-1);
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
@media all and (min-width: 1400px) and (max-width: 1920px) {
	h4.sk__mastcat-thumb-title {
		font-size: 37px;
	}
}
@media all and (min-width: 1200px) and (max-width: 1399px) {
	h4.sk__mastcat-thumb-title {
		font-size: 37px;
	}
}
@media all and (min-width: 992px) and (max-width: 1199px) {
	h4.sk__mastcat-thumb-title {
		font-size: 37px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	h4.sk__mastcat-thumb-title {
		font-size: 28px;
	}
	.sk__mastcat-info {
		padding: 12px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	h4.sk__mastcat-thumb-title {
		font-size: 22px;
	}
	.sk__mastcat-info {
		padding: 8px;
	}
	.sk__blog-feed .sk__post-info.sk__mastcat-mobile .post-excerpt p {
		font-size: 13px;
		color: #e2e2e2;
	}
}
@media all and (max-width: 575px) {
	h4.sk__mastcat-thumb-title {
		font-size: 16px;
	}
	.sk__mastcat-info {
		padding: 8px;
	}
	.sk__blog-feed .sk__post-info.sk__mastcat-mobile .post-excerpt p {
		font-size: 12px;
		color: #e2e2e2;
	}
}
.sk__mastcat-icon img {
	-webkit-transition: opacity 0.4s ease 0s, -webkit-transform 0.6s ease 0.4s;
	transition: opacity 0.4s ease 0s, -webkit-transform 0.6s ease 0.4s;
	-o-transition: opacity 0.4s ease 0s, transform 0.6s ease 0.4s;
	transition: opacity 0.4s ease 0s, transform 0.6s ease 0.4s;
	transition: opacity 0.4s ease 0s, transform 0.6s ease 0.4s, -webkit-transform 0.6s ease 0.4s;
	-webkit-transform: translateX(-100px);
	    -ms-transform: translateX(-100px);
	        transform: translateX(-100px);
	opacity: 0;
}
.sk__mastcat-card:hover .sk__mastcat-icon img {
	-webkit-transition: opacity 0.4s ease 0.3s, -webkit-transform 2s ease 0.3s;
	transition: opacity 0.4s ease 0.3s, -webkit-transform 2s ease 0.3s;
	-o-transition: opacity 0.4s ease 0.3s, transform 2s ease 0.3s;
	transition: opacity 0.4s ease 0.3s, transform 2s ease 0.3s;
	transition: opacity 0.4s ease 0.3s, transform 2s ease 0.3s, -webkit-transform 2s ease 0.3s;
	-webkit-transform: translateX(0);
	    -ms-transform: translateX(0);
	        transform: translateX(0);
	opacity: 1;
}

.post-image-inner:not(.featured) > a {
	aspect-ratio: inherit;
}
.post-image-inner:not(.featured) > a > .sk__in-content-post-image {
	aspect-ratio: inherit !important;
}

.post-image-inner > a > .sk__in-content-post-image {
	will-change: transform;
}

/**
 * sk__blog-grid MODS
 * 
 * !!! FOR MOBILE MAX-WIDTH 1023 !!!
 * 
 * !!! OPTIMIZED FOR 3 COLUMN GRID ON ALL MOBILE DEVICES !!!
 */
@media all and (max-width: 1023px) {
	.sk__blog-grid.sk__grid-lg-3.sk__grid-md-3.sk__grid-sm-3.sk__grid-xs-3.sk__grid-xxs-3 {
		grid-row-gap: 2vw;
	}
	.sk__blog-grid.sk__grid-lg-3.sk__grid-md-3.sk__grid-sm-3.sk__grid-xs-3.sk__grid-xxs-3 .sk__blog-card:not(.sk__mastcat-card) .sk__post-info {
		padding: 20px 6px;
		padding: 3vw 1.2vw;
		row-gap: 2vw;
		row-gap: clamp(4px, 2vw, 6px);
	}
	.sk__blog-grid.sk__grid-lg-3.sk__grid-md-3.sk__grid-sm-3.sk__grid-xs-3.sk__grid-xxs-3 .sk__blog-card:not(.sk__mastcat-card) .blog-feed-article-title, 
	.sk__blog-grid.sk__grid-lg-3.sk__grid-md-3.sk__grid-sm-3.sk__grid-xs-3.sk__grid-xxs-3 .sk__blog-card:not(.sk__mastcat-card) .blog-feed-article-title > a {
		font-size: 3.42vw;
		font-size: 3vw;
		letter-spacing: -0.1vw;
	}

	.sk__blog-grid.sk__grid-lg-3.sk__grid-md-3.sk__grid-sm-3.sk__grid-xs-3.sk__grid-xxs-3 .sk__blog-card:not(.sk__mastcat-card) .post-excerpt p {
		font-size: clamp(11px, 3vw, 16px);
		line-height: 1.45;
	}
	.sk__blog-grid.sk__grid-lg-3.sk__grid-md-3.sk__grid-sm-3.sk__grid-xs-3.sk__grid-xxs-3 .sk__blog-card:not(.sk__mastcat-card), 
	.sk__blog-grid.sk__grid-lg-3.sk__grid-md-3.sk__grid-sm-3.sk__grid-xs-3.sk__grid-xxs-3 .sk__blog-card:not(.sk__mastcat-card) .post-image-inner {
		border-radius: 1.6vw;
	}
}


/**
 * Pages - theme
 * =============
 */
.onspot-page-hero {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	-ms-flex-line-pack: center;
	    align-content: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding-bottom: 48px;
	padding-top: 50px;
}
@media all and (min-width: 601px) and (max-width: 994px) {
	.onspot-page-hero {
		padding-top: 50px;
	}
}
@media all and (max-width: 600px) {
	.onspot-page-hero {
		padding-top: 30px;
	}
}
@media all and (min-width: 992px) and (max-width: 1920px) {
	.onspot-page-hero {
		padding-bottom: 28px;
	}
}
@media all and (min-width: 576px) and (max-width: 991px) {
	.onspot-page-hero {
		padding-bottom: 16px;
	}
}
@media all and (max-width: 575px) {
	.onspot-page-hero {
		padding-bottom: 16px;
	}
}

/*.onspot-page-hero:not(.image-back-hero), 
.subtle-bottom-gradient-background {
	background: rgb(255,255,255);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 85%, rgba(249,249,249,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(85%, rgba(255,255,255,1)), to(rgba(249,249,249,1)));
	background: linear-gradient(180deg, rgba(255,255,255,1) 85%, rgba(249,249,249,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f9f9f9",GradientType=1);
}*/

.image-back-hero {
	position: relative;
}

.image-back-hero > img, 
img.onspot-page-hero-image {
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.onspot-page-hero:not(.image-back-hero) .onspot-page-hero-image, 
.onspot-page-hero:not(.image-back-hero) > img.sk__object-fit-cover.sk__absolute {
	display: none;
}

.image-back-hero:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.28);
}

.onspot-page-hero-heading {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-flow: column wrap;
	        flex-flow: column wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: center;
}

.onspot-page-hero-heading h1, 
.onspot-page-hero h2 {
	margin-bottom: 1rem;
}

@media all and (max-width: 575px) {
	.onspot-page-hero-heading h1, 
	.onspot-page-hero h2 {
		margin-bottom: 8px;
	}
}

.page-hero-excerpt {
	margin-top: 1.6rem;
	font-weight: 300;
	line-height: 1.5;
	max-width: 1200px;
	color: var(--body-color);
}

@media all and (min-width: 576px) and (max-width: 1920px) {
	.page-hero-excerpt {
		max-width: 960px;
	}
}

@media all and (max-width: 575px) { /* xs */
	.page-hero-excerpt {
		font-weight: 400;
	}
	.page-hero-excerpt {
		max-width: 80%;
	}
}

@media all and (max-width: 440px) { /* custom xxs */
	.page-hero-excerpt {
		max-width: 100%;
		font-size: 14px;
		margin-top: 1.1rem;
	}
}

ul.page-hero-metas {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-flow: column;
	        flex-flow: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.page-hero-metas li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row;
	        flex-flow: row;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 6px;
}

.image-back-hero h1, 
.image-back-hero h2, 
.image-back-hero h3, 
.image-back-hero h4, 
.image-back-hero h5, 
.image-back-hero h6, 
.image-back-hero p, 
.image-back-hero span, 
.image-back-hero a, 
.image-back-hero .page-hero-excerpt, 
.image-back-hero .page-hero-metas, 
.image-back-hero .page-hero-subdescription {
	color: #ffffff;
	-webkit-backdrop-filter: blur(2px);
			backdrop-filter: blur(2px);
	text-shadow: 0 1px 4px rgba(0,0,0,0.3);
}
.sk__backdrop-blur-block-heading {
	display: block;
	-webkit-backdrop-filter: blur(2px);
			backdrop-filter: blur(2px);
}
h1.subtle-h1-text-shadow, 
.subtle-h1-text-shadow {
	text-shadow: 2px 6px 11px rgba(0,0,0,0.3);
}
.main-h1-fadein {
	opacity: 0;
	-webkit-animation: fadeInSimpplergh 0.8s ease 0.3s forwards;
			animation: fadeInSimpplergh 0.8s ease 0.3s forwards;
}
.main-h2-fadein {
	opacity: 0;
	-webkit-animation: fadeInSimpplergh 0.4s ease 0.75s forwards;
			animation: fadeInSimpplergh 0.4s ease 0.75s forwards;
}


.page-hero-links, 
.col.page-hero-links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 16px;
}

/**
 * Activities section headings
 */
.onspot-activities-section-heading {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row;
	        flex-flow: row;
	gap: 20px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 70px 0 10px 0;
}
@media all and (max-width: 994px) {
	.onspot-activities-section-heading {
		padding: 24px 0 0 0;
	}
}
.onspot-activities-section-divider {
	height: 1px;
	width: auto;
	background: rgba(255,255,255,0.3);
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	margin-top: -18px;
}

/**
 * Important & Useful Numbers
 */
.sk__grid.onspot-useful-contacts {
	grid-row-gap: 8px !important;
}
.onspot-useful-contacts {
	background-color: rgba(150,188,216,0.1);
	padding: 40px 24px;
	border-radius: 16px;
	-webkit-backdrop-filter: blur(6px);
	        backdrop-filter: blur(6px);
}
.onspot-useful-contact {
	margin-bottom: 0.25rem;
}
.onspot-useful-contact.spacey {
	margin-bottom: 1.5rem;
}
.onspot-useful-contact p {
	font-weight: 300;
	margin-bottom: 0.2rem;
	color: #ffffff;
}
.onspot-useful-contact p.spacey {
	margin-bottom: 0.5rem;
}

.sk__grid:not(.sk__mastcat-grid) .sk__blog-card:hover .sk__in-content-post-image {
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
}

/**
 * Embeds
 */

/* TikTok embeds */

blockquote.tiktok-embed {
	padding: 0;
	margin: 0;
	border: 0;
}

/**
 * Google Maps styling
 */
.custom-info-window {
	font-size: 14px; 
	background-color: rgba(255, 255, 255, 0.9); /* Slight transparency */
	padding: 8px;
}
.custom-info-window h1, 
.custom-info-window h2, 
.custom-info-window h3, 
.custom-info-window h4, 
.custom-info-window h5, 
.custom-info-window h6  {
	color: #303538;
	margin-bottom: 0;
}
.custom-info-window p  {
	color: #808b8e;
	margin-bottom: 0;
}

/**
 * PAGE - content-on_spot.php
 * ==========================
 */
.onspot-place-minimenu-wrap {
	position: relative;
}
.onspot-place-minimenu {
	position: absolute;
	top: 0;
	right: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 18px;
}
a.onspot-minimenu-hambi {
	max-width: 41.8px !important;
	padding: 0 !important;
	margin: 0 !important;
	width: 41.8px !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	font-size: 23px !important;
}
@media all and (max-width: 1200px)and (max-width: 1512px) {
	a.onspot-minimenu-hambi {
		max-width: 35px !important;
		width: 35px !important;
		font-size: 20px !important;
	}
}
@media all and (min-width: 768px) and (max-width: 1512px) {
	a.onspot-minimenu-hambi {
		max-width: 41.8px !important;
		width: 41.8px !important;
		font-size: 23px !important;
	}
}
@media all and (max-width: 767px) {
	a.onspot-minimenu-hambi {
		max-width: 35px !important;
		width: 35px !important;
		font-size: 20px !important;
	}
}
.onspot-minisubmenu {

	display: none;

	position: absolute;
	top: 60px;
	right: 0;
	background-color: rgba(0, 0, 0, 0.85);
	padding: 24px;
	border-radius: 11px;
	z-index: 100;
}
.onspot-minisubmenu.expanded {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-flow: column;
	        flex-flow: column;
	gap: 7px;
	min-width: 200px;
	-webkit-animation-name: safadein;
	        animation-name: safadein;
	-webkit-animation-duration: 0.25s;
	        animation-duration: 0.25s;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
}
.onspot-minisubmenu a {
	color: var(--body-color);
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	font-size: 14px;
}
.onspot-minisubmenu a:hover {
	color: #ffffff;
}
@media all and (min-width: 1200px) {
	.onspot-place-minimenu-wrap.desktop {
		display: block;
	}
	.onspot-place-minimenu-wrap.mobile {
		display: none;
	}
}
@media all and (max-width: 1199px) {
	.onspot-place-minimenu-wrap.desktop {
		display: none;
	}
	.onspot-place-minimenu-wrap.mobile {
		display: block;
		padding-top: 20px;
		width: auto;
	}
	.onspot-place-minimenu {
		position: relative;
		padding-bottom: 4px;
		gap: 13px;
	}
}
.flipped-x {
	-webkit-transform: scale(-1, 1);
	    -ms-transform: scale(-1, 1);
	        transform: scale(-1, 1);
}
.sk__flexed-btn {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	gap: 8px;
}

:root, 
:before, 
:after {
	--onspot-place-padding-qhd: 56px;
	--onspot-place-padding-hd: 42px;
	--onspot-place-padding-xl: 36px;
	--onspot-place-padding-lg: 32px;
	--onspot-place-padding-md: 28px;
	--onspot-place-padding-sm: 20px;
	--onspot-place-padding-xs: 16px;
	--onspot-place-padding-xxs: 12px;
}

.onspot-place-frame {
	padding: 56px;
}

.onspot-place-media {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	gap: 56px;
}

.sk__grid.onspot-place-slides-grid {
	gap: 56px;
}
@media all and (min-width: 1921px) {
	.onspot-place-frame {
		padding: 56px;
	}
	.onspot-place-media, 
	.sk__grid.onspot-place-slides-grid {
		gap: 56px;
	}
}



/** for 768-1199 see Tablets below */


@media all and (min-width: 381px) and (max-width: 575px) { /* custom xs */
	.onspot-place-frame {
		padding: 0;
		margin-bottom: calc(16px * 2);
	}
	.onspot-place-media, 
	.sk__grid.onspot-place-slides-grid {
		gap: 14px;
	}
}
@media all and (max-width: 380px) { /* custom xxs */
	.onspot-place-frame {
		padding: 0;
		margin-bottom: calc(12px * 2);
	}
	.onspot-place-media, 
	.sk__grid.onspot-place-slides-grid {
		gap: 14px;
	}
}

.onspot-place-content {
	opacity: 0;
	-webkit-transform: translateX(-100px);
	    -ms-transform: translateX(-100px);
	        transform: translateX(-100px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-flow: column;
	        flex-flow: column;
	gap: 30px;
	-webkit-animation-name: safadeInLeft;
	        animation-name: safadeInLeft;
	-webkit-animation-duration: 0.6s;
	        animation-duration: 0.6s;
	-webkit-animation-delay: 0.5s;
	        animation-delay: 0.5s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
}

.onspot-place-content-action-buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-flow: column;
	        flex-flow: column;
	gap: 30px;
}

@-webkit-keyframes safadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100px);
		        transform: translateX(-100px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
}

@keyframes safadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100px);
		        transform: translateX(-100px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
}

.onspot-place-page-title-and-logo {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 36px;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	padding-top: 134px;
}
@media all and (min-width: 1200px) {
	.onspot-place-page-title-and-logo.desktop {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.onspot-place-page-title-and-logo.mobile {
		display: none;
	}
}
@media all and (max-width: 1199px) {
	.onspot-place-page-title-and-logo.desktop {
		display: none;
	}
	.onspot-place-page-title-and-logo.mobile {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding-top: 0;
	}
}

.onspot-place-logo {
	width: 160px;
	height: 160px;
}
.onspot-place-page-title {
	max-width: calc(100% - (160px + 36px)); /* .onspot-place-logo width - .onspot-place-page-title-and-logo gap */
}
.onspot-place-page-title-and-logo.nologo .onspot-place-page-title {
	max-width: 100%;
}
.onspot-place-page-title h1.page-title {
	margin-bottom: 0;
}
.onspot-short-description {
	max-width: 428px;
	width: auto;
	line-height: 1.6;
}
span.viewcount {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
		-ms-flex-flow: row;
			flex-flow: row;
	gap: 6px;
	-webkit-box-align: baseline;
		-ms-flex-align: baseline;
			align-items: baseline;
}

.onspot-long-description {
/*	max-width: 802px;*/
	max-width: 80%;
	width: auto;
}
/*.onspot-long-description > * {
	margin-bottom: 0;
}*/
.onspot-long-description > :last-child {
	margin-bottom: 0;
}

.onspot-long-description p, 
p.onspot-long-description {
	font-family: var(--font-family-2);
	text-transform: none;
	font-weight: 300;
	font-style: normal;
	color: #fff;
}

.onspot-place-checks {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: start;
	gap: 20px;
}

.onspot-check {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: start;
	gap: 12px;
}
.onspot-check p, 
.onspot-check span {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.onspot-vibe-check {
	
	max-width: 300px;
	
	width: 384px;
	max-width: 80%;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-flow: column;
	        flex-flow: column;
	gap: 8px;
}

a.onspot-action-button {
	-ms-flex-item-align: start;
	    align-self: flex-start;
	min-width: 356px;
}

.featured-place-slide {
	position: relative;
	opacity: 0;
	aspect-ratio: 10 / 7.84;
	overflow: hidden;
	border-radius: 16px;
}

.featured-place-slide-3 {
	-webkit-animation-name: safadein;
	        animation-name: safadein;
	-webkit-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-delay: 0.70s;
	        animation-delay: 0.70s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
}
.featured-place-slide-2 {
	-webkit-animation-name: safadein;
	        animation-name: safadein;
	-webkit-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-delay: 1.0s;
	        animation-delay: 1.0s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
}
.featured-place-slide-4.ramp-5 {
	-webkit-animation-name: safadein;
	        animation-name: safadein;
	-webkit-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-delay: 1.2s;
	        animation-delay: 1.2s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
}
.featured-place-slide-5.ramp-5 {
	-webkit-animation-name: safadein;
	        animation-name: safadein;
	-webkit-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-delay: 1.4s;
	        animation-delay: 1.4s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
}
.featured-place-slide-6.ramp-5 {
	-webkit-animation-name: safadein;
	        animation-name: safadein;
	-webkit-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-delay: 1.6s;
	        animation-delay: 1.6s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
}
.featured-place-slide-7.ramp-5 {
	-webkit-animation-name: safadein;
	        animation-name: safadein;
	-webkit-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-delay: 1.8s;
	        animation-delay: 1.8s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
}

.featured-place-bigslide:hover .lightbox-hover-effect-child, 
.featured-place-slide:hover .lightbox-hover-effect-child {
	opacity: 1;
}
.featured-place-bigslide img, 
.featured-place-slide img {
 -webkit-transition: all 0.4s ease 0s;
 -o-transition: all 0.4s ease 0s;
 transition: all 0.4s ease 0s;
}
.featured-place-bigslide:hover img, 
.featured-place-slide:hover img {
	-webkit-filter: saturate(167%) brightness(28%);
	        filter: saturate(167%) brightness(28%);
}
/*.featured-place-slide:not(:is(.featured-place-slide-2, .featured-place-slide-3)) {
	display: none;
}*/

/**
 * Hover effect for lightbox thumbnail images
 */

.lightbox-hover-effect-parent {
	position: relative;
	overflow: hidden;
	border-radius: 16px;
}
.lightbox-hover-effect-child {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(3,22,33,0.97);
	background-color: rgba(0, 0, 0, 0);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	opacity: 0;
	-webkit-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
}
.lightbox-hover-effect-child.brand {
	background-color: rgba(var(--a-color-initial),0.92);
}

.lightbox-hover-effect-parent:hover .lightbox-hover-effect-child {
	opacity: 1;
}

.lightbox-hover-effect-child span {
	font-size: 29px;
	color: #ffff;
}

.lightbox-hover-effect-parent img {
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.lightbox-hover-effect-parent:hover img {
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
	-webkit-transition: all 3s cubic-bezier(.05,.95,.28,.99) 0s;
	-o-transition: all 3s cubic-bezier(.05,.95,.28,.99) 0s;
	transition: all 3s cubic-bezier(.05,.95,.28,.99) 0s;
}

/**
 * fslightbox.js - Earthy Style by Skilltech
 */
.fslightbox-container {
	background: -o-linear-gradient(rgba(3,22,33,0.97), rgba(3,22,33,0.97) 1810%) !important;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(3,22,33,0.97)), color-stop(1810%, rgba(3,22,33,0.97))) !important;
	background: linear-gradient(rgba(3,22,33,0.97), rgba(3,22,33,0.97) 1810%) !important;
}
.fslightbox-slide-btn, 
.fslightbox-toolbar-button {
	background: rgba(255,255,255,0.7) !important;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.fslightbox-slide-btn-container:hover .fslightbox-slide-btn, 
.fslightbox-toolbar-button:hover  {
	background: #fff !important;
}
.fslightbox-svg-path {
	fill: #062230 !important;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.fslightbox-slide-btn-container:hover .fslightbox-svg-path, 
.fslightbox-toolbar-button:hover .fslightbox-svg-path {
	fill: #031621 !important;
}
.fslightbox-toolbar {
	background: transparent !important;
}

/**
 * YouTube video - youtube featured video player
 * 
 * it needs .sk__featured-video-target
 * and it needs .js
 */
.sk__youtube-featured-video, 
.featured-place-bigslide {
	position: relative;
	width: 100%;
	aspect-ratio: 10 / 6.04;
	border-radius: 16px;
	overflow: hidden;
}

.featured-place-bigslide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.featured-place-bigslide > img {
	opacity: 0;
	-webkit-animation-name: safadein;
	        animation-name: safadein;
	-webkit-animation-duration: 0.3s;
	        animation-duration: 0.3s;
	-webkit-animation-delay: 1s;
	        animation-delay: 1s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
}

.sk__youtube-featured-video iframe {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none; /* Prevent accidental interactions */
	-webkit-transform: scale(1.08);
	    -ms-transform: scale(1.08);
	        transform: scale(1.08);
}
.sk__youtube-featured-video.mobile iframe {
	-webkit-transform: scale(1.08);
	    -ms-transform: scale(1.08);
	        transform: scale(1.08);
}
.sk__youtube-featured-video:not(.mobile) iframe {
	opacity: 0;
}
.sk__youtube-featured-video.mobile iframe {
	opacity: 1;
}
/*.sk__youtube-featured-video iframe.zoomed, 
.sk__youtube-featured-video:hover iframe {
	transform: scale(1.4) !important;
	transition: all 0.3s ease 0s !important;
}*/

.sk__youtube-featured-video-curtain {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	background: var(--body-background-color);
	opacity: 0;
}

@-webkit-keyframes featuredCurtain {
	0% {
		opacity: 1;
		right: 0;
		-webkit-transform: scaleX(0);
		        transform: scaleX(0);
	}
	45% {
		right: 0;
		-webkit-transform: scaleX(1);
		        transform: scaleX(1);
	}
	55% {
		right: 0;
		-webkit-transform: scaleX(1);
		        transform: scaleX(1);
	}
	99% {
		opacity: 1;
		right: 100%;
		-webkit-transform: scaleX(1);
		        transform: scaleX(1);
	}
	100% {
		opacity: 0;
		right: 100%;
		-webkit-transform: scaleX(0);
		        transform: scaleX(0);
	}
}

@keyframes featuredCurtain {
	0% {
		opacity: 1;
		right: 0;
		-webkit-transform: scaleX(0);
		        transform: scaleX(0);
	}
	45% {
		right: 0;
		-webkit-transform: scaleX(1);
		        transform: scaleX(1);
	}
	55% {
		right: 0;
		-webkit-transform: scaleX(1);
		        transform: scaleX(1);
	}
	99% {
		opacity: 1;
		right: 100%;
		-webkit-transform: scaleX(1);
		        transform: scaleX(1);
	}
	100% {
		opacity: 0;
		right: 100%;
		-webkit-transform: scaleX(0);
		        transform: scaleX(0);
	}
}
.sk__youtube-featured-video-curtain {
	-webkit-transform-origin: right center;
		-ms-transform-origin: right center;
			transform-origin: right center;
	-webkit-animation-name: featuredCurtain;
	        animation-name: featuredCurtain;
	-webkit-animation-duration: 2s;
	        animation-duration: 2s;
	-webkit-animation-timing-function: cubic-bezier(.49,0,0,1);
	        animation-timing-function: cubic-bezier(.49,0,0,1);
	z-index: 1;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
}

.sk__youtube-featured-video-play-button {
	width: 80px;
	height: 80px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
	font-size: 40px;
	color: white;
	background: rgba(0, 0, 0, 0.5);
	padding: 15px;
	border-radius: 50%;
	cursor: pointer;
	display: none;
	opacity: 0;
	-webkit-transition: background 0.4s ease-in-out, opacity 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out, opacity 0.4s ease-in-out;
	transition: background 0.4s ease-in-out, opacity 0.4s ease-in-out;
	display: none;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	-webkit-animation-name: safadein;
	        animation-name: safadein;
	-webkit-animation-duration: 0.4s;
	        animation-duration: 0.4s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
}
/* Show the play button only when hovering */
.sk__youtube-featured-video:hover .sk__youtube-featured-video-play-button {
	display: block;
}

.sk__youtube-featured-video-play-button span.sico {
	-webkit-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
	opacity: 0;
	-webkit-transform: translateX(2px) scale(0.8);
	    -ms-transform: translateX(2px) scale(0.8);
	        transform: translateX(2px) scale(0.8);
}
.sk__youtube-featured-video:hover .sk__youtube-featured-video-play-button span.sico {
	opacity: 1;
}
@-webkit-keyframes safadein {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes safadein {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes skVideoEntrance {
	0% {
		opacity: 0;
		-webkit-transform: scale(1.8);
		        transform: scale(1.8);
	}
	40% {
		opacity: 1;
		-webkit-transform: scale(1.4);
		        transform: scale(1.4);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1.08);
		        transform: scale(1.08);
	}
}

@keyframes skVideoEntrance {
	0% {
		opacity: 0;
		-webkit-transform: scale(1.8);
		        transform: scale(1.8);
	}
	40% {
		opacity: 1;
		-webkit-transform: scale(1.4);
		        transform: scale(1.4);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1.08);
		        transform: scale(1.08);
	}
}
.sk__youtube-featured-video:not(.mobile) iframe {
	-webkit-transform-origin: center center;
		-ms-transform-origin: center center;
			transform-origin: center center;
	-webkit-animation-name: skVideoEntrance;
	        animation-name: skVideoEntrance;
	-webkit-animation-duration: 4s;
	        animation-duration: 4s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-delay: 1s;
	        animation-delay: 1s;
}
.sk__youtube-featured-video.mobile iframe {
	opacity: 0;
	-webkit-transform-origin: center center;
		-ms-transform-origin: center center;
			transform-origin: center center;
	-webkit-animation-name: safadein;
	        animation-name: safadein;
	-webkit-animation-duration: 2s;
	        animation-duration: 2s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-delay: 1s;
	        animation-delay: 1s;
}

/**
 * Desktop FullHD
 */
@media all and (min-width: 1881px) and (max-width: 1920px) {
	.onspot-place-frame {
		padding: 42px;
	}
	.onspot-place-media, 
	.sk__grid.onspot-place-slides-grid {
		gap: 42px;
	}
	.onspot-place-content {
		gap: 22px;
	}
	.onspot-place-page-title-and-logo {
		padding-top: 60px;
		gap: 27px;
	}
	.onspot-place-logo {
		width: 120px;
		height: 120px;
	}
	.onspot-place-page-title {
		max-width: calc(100% - (120px + 36px)); /* .onspot-place-logo width - .onspot-place-page-title-and-logo gap */
	}
	.onspot-place-page-title-and-logo.nologo .onspot-place-page-title {
		max-width: 100%;
	}
	.onspot-place-page-title h1.page-title {
		font-size: 52px;
		letter-spacing: -0.16vw;
	}
	.onspot-long-description {
		max-width: 90%;
	}
	.onspot-long-description p, 
	p.onspot-long-description {
		font-size: 15px;
	}
	.onspot-place-checks p.font-16 {
		font-size: 15px;
	}
	.onspot-check.font-24 span.sico {
		font-size: 21px;
	}
	.featured-place-slide {
		aspect-ratio: 10 / 6.6;
	}
	.onspot-place-content-action-buttons {
		gap: 20px; /* match to .onspot-place-content */
	}
	a.onspot-action-button.sk__btn {
		padding: 15px 27px 13px 27px;
		font-size: 14px;
		min-width: 288px;
	}
}

/**
 * Laptops
 */
@media all and (min-width: 1703px) and (max-width: 1880px) { /* Laptops 1728 - MacBook Pro 16" */
	.onspot-place-frame {
		padding: 40px;
	}
	.onspot-place-media, 
	.sk__grid.onspot-place-slides-grid {
		gap: 36px;
	}
	.onspot-place-content {
		gap: 20px; /* 22px; */
	}
	.onspot-place-page-title-and-logo {
		padding-top: 48px; /* 52px; */
		gap: 27px;
	}
	.onspot-place-logo {
		width: 6.18vw; /* 6.28vw; */
		height: 6.18vw; /* 6.28vw; */
	}
	.onspot-place-page-title {
		max-width: calc(100% - (6.18vw + 27px)); /* .onspot-place-logo width - .onspot-place-page-title-and-logo gap */
	}
	.onspot-place-page-title-and-logo.nologo .onspot-place-page-title {
		max-width: 100%;
	}
	.onspot-place-page-title h1.page-title {
		font-size: 2.7vw; /* 2.9vw; */
		letter-spacing: -0.14vw;
	}
	.onspot-long-description {
		max-width: 100%;
	}
	.onspot-long-description p, 
	p.onspot-long-description {
		font-size: 14.4px;
	}
	.onspot-place-checks p.font-16 {
		font-size: 14.4px;
	}
	.onspot-check.font-24 span.sico {
		font-size: 21px;
	}
	.onspot-vibe-check h3 {
		font-size: 1.7362vw;
	}
	.featured-place-slide {
		aspect-ratio: 10 / 7.6;
	}
	.onspot-place-content-action-buttons {
		gap: 20px; /* match to .onspot-place-content */
	}
	a.onspot-action-button.sk__btn {
		padding: 15px 28px 14px 28px;
		font-size: 15px;
		min-width: 298px;
	}
}
@media all and (min-width: 1513px) and (max-width: 1702px) { /* Laptops 1536 - MacBook 16 */
	.onspot-place-frame {
		padding: 40px;
	}
	.onspot-place-media, 
	.sk__grid.onspot-place-slides-grid {
		gap: 36px;
	}
	.onspot-place-content {
		gap: 20px; /* 22px; */
		padding-left: 20px;
	}
	.onspot-place-page-title-and-logo {
		padding-top: 48px; /* 52px; */
		gap: 27px;
	}
	.onspot-place-logo {
		width: 6.18vw; /* 6.28vw; */
		height: 6.18vw; /* 6.28vw; */
	}
	.onspot-place-page-title {
		max-width: calc(100% - (6.18vw + 27px)); /* .onspot-place-logo width - .onspot-place-page-title-and-logo gap */
	}
	.onspot-place-page-title-and-logo.nologo .onspot-place-page-title {
		max-width: 100%;
	}
	.onspot-place-page-title h1.page-title {
		font-size: 2.7vw; /* 2.9vw; */
		letter-spacing: -0.14vw;
	}
	.onspot-long-description {
		max-width: 100%;
	}
	.onspot-long-description p, 
	p.onspot-long-description {
		font-size: 14.4px;
	}
	.onspot-place-checks p.font-16 {
		font-size: 14.4px;
	}
	.onspot-check.font-24 span.sico {
		font-size: 21px;
	}
	.onspot-vibe-check h3 {
		font-size: 1.7362vw;
	}
	.featured-place-slide {
		aspect-ratio: 10 / 7.6;
	}
	.onspot-place-content-action-buttons {
		gap: 20px; /* match to .onspot-place-content */
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: row wrap;
		        flex-flow: row wrap;
	}
	a.onspot-action-button.sk__btn {
		padding: 12px 24px 11px 24px;
		font-size: 14px;
		min-width: auto;
	}
}
@media all and (min-width: 1487px) and (max-width: 1512px) { /* Laptops 1512 - MacBook Pro 14" */
	.onspot-place-minimenu a.sk__btn.sk__btn-sm {
		font-size: 10px;
		padding: 9px 19px 8px 19px;
	}
	.onspot-place-frame {
		padding: 68px 40px 40px 40px;
	}
	.onspot-place-media, 
	.sk__grid.onspot-place-slides-grid {
		gap: 36px;
	}
	.onspot-place-content {
		gap: 20px; /* 22px; */
		padding-left: 20px;
	}
	.onspot-place-page-title-and-logo {
		padding-top: 32px; /* 52px; */
		gap: 27px;
	}
	.onspot-place-logo {
		width: 6.18vw; /* 6.28vw; */
		height: 6.18vw; /* 6.28vw; */
	}
	.onspot-place-page-title {
		max-width: calc(100% - (6.18vw + 27px)); /* .onspot-place-logo width - .onspot-place-page-title-and-logo gap */
	}
	.onspot-place-page-title-and-logo.nologo .onspot-place-page-title {
		max-width: 100%;
	}
	.onspot-place-page-title h1.page-title {
		font-size: 2.7vw; /* 2.9vw; */
		letter-spacing: -0.14vw;
	}
	.onspot-long-description {
		max-width: 100%;
	}
	.onspot-long-description p, 
	p.onspot-long-description {
		font-size: 14.4px;
	}
	.onspot-place-checks p.font-16 {
		font-size: 14.4px;
	}
	.onspot-check.font-24 span.sico {
		font-size: 21px;
	}
	.onspot-vibe-check h3 {
		font-size: 1.7362vw;
	}
	.featured-place-slide {
		aspect-ratio: 10 / 7.6;
	}
	.onspot-place-content-action-buttons {
		gap: 20px; /* match to .onspot-place-content */
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: row wrap;
		        flex-flow: row wrap;
	}
	a.onspot-action-button.sk__btn {
		padding: 12px 24px 11px 24px;
		font-size: 14px;
		min-width: auto;
	}
}
@media all and (min-width: 1415px) and (max-width: 1487px) { /* Laptops 1440 - MacBook Air 13" */
	.onspot-place-minimenu a.sk__btn.sk__btn-sm {
		font-size: 10px;
		padding: 9px 19px 8px 19px;
	}
	.onspot-place-frame {
		padding: 40px;
	}
	.onspot-place-media, 
	.sk__grid.onspot-place-slides-grid {
		gap: 36px;
	}
	.onspot-place-content {
		gap: 20px; /* 22px; */
		padding-left: 0;
		padding-right: 24px;
	}
	.onspot-place-page-title-and-logo {
		padding-top: 29px; /* 52px; */
		gap: 27px;
	}
	.onspot-place-logo {
		width: 6.18vw; /* 6.28vw; */
		height: 6.18vw; /* 6.28vw; */
	}
	.onspot-place-page-title {
		max-width: calc(100% - (6.18vw + 27px)); /* .onspot-place-logo width - .onspot-place-page-title-and-logo gap */
	}
	.onspot-place-page-title-and-logo.nologo .onspot-place-page-title {
		max-width: 100%;
	}
	.onspot-place-page-title h1.page-title {
		font-size: 2.7vw; /* 2.9vw; */
		letter-spacing: -0.14vw;
	}
	h2.onspot-short-description {
		max-width: 100%;
		font-size: 18px;
	}
	.onspot-long-description {
		max-width: 100%;
	}
	.onspot-long-description p, 
	p.onspot-long-description {
		font-size: 14.4px;
	}
	.onspot-place-checks p.font-16 {
		font-size: 14.4px;
	}
	.onspot-check.font-24 span.sico {
		font-size: 21px;
	}
	.onspot-vibe-check h3 {
		font-size: 1.7362vw;
	}
	.featured-place-slide {
		aspect-ratio: 10 / 7.6;
	}
	.onspot-place-content-action-buttons {
		gap: 20px; /* match to .onspot-place-content */
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: row wrap;
		        flex-flow: row wrap;
	}
	a.onspot-action-button.sk__btn {
		padding: 12px 24px 11px 24px;
		font-size: 14px;
		min-width: auto;
	}
}
@media all and (min-width: 1375px) and (max-width: 1414px) { /* Laptops 1400 - MacBook 15 */
	.onspot-place-minimenu a.sk__btn.sk__btn-sm {
		font-size: 10px;
		padding: 9px 19px 8px 19px;
	}
	.onspot-place-frame {
		padding: 40px;
	}
	.onspot-place-media, 
	.sk__grid.onspot-place-slides-grid {
		gap: 36px;
	}
	.onspot-place-content {
		gap: 20px; /* 22px; */
		padding-left: 0;
		padding-right: 24px;
	}
	.onspot-place-page-title-and-logo {
		padding-top: 29px; /* 52px; */
		gap: 27px;
	}
	.onspot-place-logo {
		width: 6.18vw; /* 6.28vw; */
		height: 6.18vw; /* 6.28vw; */
	}
	.onspot-place-page-title {
		max-width: calc(100% - (6.18vw + 27px)); /* .onspot-place-logo width - .onspot-place-page-title-and-logo gap */
	}
	.onspot-place-page-title-and-logo.nologo .onspot-place-page-title {
		max-width: 100%;
	}
	.onspot-place-page-title h1.page-title {
		font-size: 2.7vw; /* 2.9vw; */
		letter-spacing: -0.14vw;
	}
	h2.onspot-short-description {
		max-width: 100%;
		font-size: 18px;
	}
	.onspot-long-description {
		max-width: 100%;
	}
	.onspot-long-description p, 
	p.onspot-long-description {
		font-size: 14px;
	}
	.onspot-place-checks p.font-16 {
		font-size: 14px;
	}
	.onspot-check.font-24 span.sico {
		font-size: 21px;
	}
	.onspot-vibe-check h3 {
		font-size: 1.7362vw;
	}
	.featured-place-slide {
		aspect-ratio: 10 / 7.6;
	}
	.onspot-place-content-action-buttons {
		gap: 20px; /* match to .onspot-place-content */
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: row wrap;
		        flex-flow: row wrap;
	}
	a.onspot-action-button.sk__btn {
		padding: 12px 24px 11px 24px;
		font-size: 14px;
		min-width: auto;
	}
}
@media all and (min-width: 1341px) and (max-width: 1374px) { /* Laptops 1366 */
	.onspot-place-minimenu a.sk__btn.sk__btn-sm {
		font-size: 10px;
		padding: 9px 19px 8px 19px;
	}
	.onspot-place-frame {
		padding: 40px;
	}
	.onspot-place-media, 
	.sk__grid.onspot-place-slides-grid {
		gap: 28px;
	}
	.onspot-place-content {
		gap: 16px; /* 22px; */
		padding-left: 0;
		padding-right: 24px;
	}
	.onspot-place-page-title-and-logo {
		padding-top: 29px; /* 52px; */
		gap: 27px;
	}
	.onspot-place-logo {
		width: 6.18vw; /* 6.28vw; */
		height: 6.18vw; /* 6.28vw; */
	}
	.onspot-place-page-title {
		max-width: calc(100% - (6.18vw + 27px)); /* .onspot-place-logo width - .onspot-place-page-title-and-logo gap */
	}
	.onspot-place-page-title-and-logo.nologo .onspot-place-page-title {
		max-width: 100%;
	}
	.onspot-place-page-title h1.page-title {
		font-size: 2.7vw; /* 2.9vw; */
		letter-spacing: -0.14vw;
	}
	h2.onspot-short-description {
		max-width: 100%;
		font-size: 18px;
	}
	.onspot-long-description {
		max-width: 100%;
	}
	.onspot-long-description p, 
	p.onspot-long-description {
		font-size: 13px;
	}
	.onspot-place-checks p.font-16 {
		font-size: 13px;
	}
	.onspot-check.font-24 span.sico {
		font-size: 21px;
	}
	.onspot-vibe-check {
		max-width: 100%;
	}
	.onspot-vibe-check h3 {
		font-size: 1.7362vw;
	}
	.featured-place-slide {
		aspect-ratio: 10 / 5.6;
	}
	.onspot-place-content-action-buttons {
		gap: 16px; /* match to .onspot-place-content */
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: row wrap;
		        flex-flow: row wrap;
	}
	a.onspot-action-button.sk__btn {
		padding: 12px 24px 11px 24px;
		font-size: 14px;
		min-width: auto;
	}
	.featured-place-slide, 
	.lightbox-hover-effect-parent, 
	.sk__youtube-featured-video, 
	.featured-place-bigslide {
		border-radius: 11px;
	}
}
@media all and (min-width: 1200px) and (max-width: 1340px) { /* Laptops 1280 - MacBook 13 */
	.onspot-place-minimenu a.sk__btn.sk__btn-sm {
		font-size: 10px;
		padding: 9px 19px 8px 19px;
	}
	.onspot-place-frame {
		padding: 30px;
	}
	.onspot-place-media, 
	.sk__grid.onspot-place-slides-grid {
		gap: 28px;
	}
	.onspot-place-content {
		gap: 16px; /* 22px; */
		padding-left: 10px;
		padding-right: 24px;
	}
	.onspot-place-page-title-and-logo {
		padding-top: 29px; /* 52px; */
		gap: 27px;
	}
	.onspot-place-logo {
		width: 6.18vw; /* 6.28vw; */
		height: 6.18vw; /* 6.28vw; */
	}
	.onspot-place-page-title {
		max-width: calc(100% - (6.18vw + 27px)); /* .onspot-place-logo width - .onspot-place-page-title-and-logo gap */
	}
	.onspot-place-page-title-and-logo.nologo .onspot-place-page-title {
		max-width: 100%;
	}
	.onspot-place-page-title h1.page-title {
		font-size: 2.7vw; /* 2.9vw; */
		letter-spacing: -0.14vw;
	}
	h2.onspot-short-description {
		max-width: 100%;
		font-size: 18px;
	}
	.onspot-long-description {
		max-width: 100%;
	}
	.onspot-long-description p, 
	p.onspot-long-description {
		font-size: 13px;
	}
	.onspot-place-checks p.font-16 {
		font-size: 13px;
	}
	.onspot-check.font-24 span.sico {
		font-size: 21px;
	}
	.onspot-vibe-check {
		max-width: 100%;
	}
	.onspot-vibe-check h3 {
		font-size: 1.7362vw;
	}
	.featured-place-slide {
		aspect-ratio: 10 / 7.6;
	}
	.onspot-place-content-action-buttons {
		gap: 16px; /* match to .onspot-place-content */
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: row wrap;
		        flex-flow: row wrap;
	}
	a.onspot-action-button.sk__btn {
		padding: 12px 24px 11px 24px;
		font-size: 14px;
		min-width: auto;
	}
	.featured-place-slide, 
	.lightbox-hover-effect-parent, 
	.sk__youtube-featured-video, 
	.featured-place-bigslide {
		border-radius: 11px;
	}
}
/**
 * Tablets
 */

@media all and (min-width: 1024px) and (max-width: 1199px) { /* iPad Pro 12.9" */
	.onspot-place-media {
		gap: 28px;
	}
	.sk__grid.onspot-place-slides-grid {
		gap: 18px;
		width: calc(28% - 18px);
		-ms-grid-columns: 1fr;
		grid-template-columns: repeat(1, 1fr);
	}
	.w-100.sk__featured-video-target {
		width: 72% !important;
		margin-right: -10px;
	}
	.onspot-place-frame {
		padding: 12px 24px;
		margin-bottom: 0;
	}
	.onspot-place-content {
		gap: 20px;
	}
	.onspot-place-page-title-and-logo {
		gap: 24px;
	}
	.onspot-place-logo {
		width: 13vw;
		height: 13vw;
	}
	.onspot-place-page-title h1.page-title {
		font-size: 5vw;
	}
	.onspot-long-description {
		max-width: 100%;
	}
	.featured-place-slide {
		aspect-ratio: 10 / 7.97;
	}
	.onspot-place-content-action-buttons {
		gap: 20px; /* match to .onspot-place-content */
	}
}
@media all and (min-width: 820px) and (max-width: 1023px) { /* iPad Air 10.9" */
	.onspot-place-media {
		gap: 28px;
	}
	.sk__grid.onspot-place-slides-grid {
		gap: 18px;
		width: calc(28% - 18px);
		-ms-grid-columns: 1fr;
		grid-template-columns: repeat(1, 1fr);
	}
	.w-100.sk__featured-video-target {
		width: 72% !important;
		margin-right: -10px;
	}
	.onspot-place-frame {
		padding: 8px 16px;
		margin-bottom: 0;
	}
	.onspot-place-content {
		gap: 20px;
	}
	.onspot-place-page-title-and-logo {
		gap: 24px;
	}
	.onspot-place-logo {
		width: 14.6342vw;
		height: 14.6342vw;
	}
	.onspot-place-page-title h1.page-title {
		font-size: 6vw;
	}
	.onspot-long-description {
		max-width: 100%;
	}
	.featured-place-slide {
		aspect-ratio: 10 / 7.97;
	}
	.onspot-place-content-action-buttons {
		gap: 20px; /* match to .onspot-place-content */
	}
}
@media all and (min-width: 800px) and (max-width: 819px) { /* Samsung Galaxy Tab S8 */
	.onspot-place-media {
		gap: 28px;
	}
	.sk__grid.onspot-place-slides-grid {
		gap: 18px;
		width: calc(28% - 18px);
		-ms-grid-columns: 1fr;
		grid-template-columns: repeat(1, 1fr);
	}
	.w-100.sk__featured-video-target {
		width: 72% !important;
		margin-right: -10px;
	}
	.onspot-place-frame {
		padding: 8px 16px;
		margin-bottom: 0;
	}
	.onspot-place-content {
		gap: 20px;
	}
	.onspot-place-page-title-and-logo {
		gap: 24px;
	}
	.onspot-place-logo {
		width: 120px;
		height: 120px;
	}
	.onspot-place-page-title h1.page-title {
		font-size: 6vw;
	}
	.onspot-long-description {
		max-width: 100%;
	}
	.featured-place-slide {
		aspect-ratio: 10 / 7.97;
	}
	.onspot-place-content-action-buttons {
		gap: 20px; /* match to .onspot-place-content */
	}
}
@media all and (min-width: 768px) and (max-width: 799px) { /* iPad Mini 8.3" */
	.onspot-place-media {
		gap: 28px;
	}
	.sk__grid.onspot-place-slides-grid {
		gap: 18px;
		width: calc(28% - 18px);
		-ms-grid-columns: 1fr;
		grid-template-columns: repeat(1, 1fr);
	}
	.w-100.sk__featured-video-target {
		width: 72% !important;
		margin-right: -10px;
	}
	.onspot-place-frame {
		padding: 6px 12px;
		margin-bottom: 0;
	}
	.onspot-place-content {
		gap: 20px;
	}
	.onspot-place-page-title-and-logo {
		gap: 24px;
	}
	.onspot-place-logo {
		width: 120px;
		height: 120px;
	}
	.onspot-place-page-title h1.page-title {
		font-size: 6vw;
	}
	.onspot-long-description {
		max-width: 100%;
	}
	.featured-place-slide {
		aspect-ratio: 10 / 7.97;
	}
	.onspot-place-content-action-buttons {
		gap: 20px; /* match to .onspot-place-content */
	}
}

/**
 * Phablets (empty space between phones and tablets)
 */
@media all and (min-width: 576px) and (max-width: 767px) {
	.onspot-place-frame {
		padding: 20px 40px;
		margin-bottom: 0;
	}
	.onspot-place-media, 
	.sk__grid.onspot-place-slides-grid {
		gap: 24px;
	}
	.onspot-place-minimenu a.sk__btn.sk__btn-sm {
		font-size: 10px;
		padding: 9px 19px 8px 19px;
	}
	.onspot-place-content {
		gap: 20px;
	}
	.onspot-place-page-title-and-logo {
		padding-top: 0;
		gap: 3vw;
	}
	.onspot-place-logo {
		width: 15.748vw;
		height: 15.748vw;
	}
	.onspot-place-page-title {
		max-width: calc(100% - (15.748vw + 3vw)); /* .onspot-place-logo width - .onspot-place-page-title-and-logo gap */
	}
	.onspot-place-page-title-and-logo.nologo .onspot-place-page-title {
		max-width: 100%;
	}
	.onspot-place-page-title h1.page-title {
		font-size: 5.7vw; /* 2.9vw; */
		letter-spacing: -0.14vw;
	}
	h2.onspot-short-description {
		font-size: 21px;
	}
	.onspot-long-description {
		max-width: 100%;
	}
	.onspot-long-description p, 
	p.onspot-long-description, 
	.onspot-place-checks p.font-16 {
		font-size: 14px;
	}
	.onspot-place-checks {
		gap: 9px 15px;
	}
	.onspot-place-content-action-buttons {
		gap: 20px; /* match to .onspot-place-content */
	}
	a.onspot-action-button.sk__btn {
		padding: 14px 27px 11px 27px;
		font-size: 14px;
		min-width: 100%;
		max-width: 100%;
	}
	.featured-place-slide, 
	.lightbox-hover-effect-parent, 
	.sk__youtube-featured-video, 
	.featured-place-bigslide {
		border-radius: 12px;
	}
}

/**
 * Phones (most used)
 */
@media all and (min-width: 430px) and (max-width: 575px) { /* iPhone Pro Max (14/15) */
	.onspot-place-minimenu a.sk__btn.sk__btn-sm {
		font-size: 10px;
		padding: 9px 19px 8px 19px;
	}
	.onspot-place-content {
		gap: 20px;
	}
	.onspot-place-page-title-and-logo {
		padding-top: 0;
		gap: 15px;
	}
	.onspot-place-logo {
		width: 56px;
		height: 56px;
	}
	.onspot-place-page-title {
		max-width: calc(100% - (56px + 15px)); /* .onspot-place-logo width - .onspot-place-page-title-and-logo gap */
	}
	.onspot-place-page-title-and-logo.nologo .onspot-place-page-title {
		max-width: 100%;
	}
	.onspot-place-page-title h1.page-title {
		font-size: 24px;
		letter-spacing: -0.04rem;
	}
	h2.onspot-short-description {
		font-size: 17px;
	}
	.onspot-long-description {
		max-width: 100%;
	}
	.onspot-long-description p, 
	p.onspot-long-description, 
	.onspot-place-checks p.font-16 {
		font-size: 14px;
	}
	.onspot-place-checks {
		gap: 9px 15px;
	}
	.onspot-place-content-action-buttons {
		gap: 20px; /* match to .onspot-place-content */
	}
	a.onspot-action-button.sk__btn {
		padding: 14px 27px 11px 27px;
		font-size: 14px;
		min-width: 100%;
		max-width: 100%;
	}
	.featured-place-slide, 
	.lightbox-hover-effect-parent, 
	.sk__youtube-featured-video, 
	.featured-place-bigslide {
		border-radius: 9px;
	}
}
@media all and (min-width: 412px) and (max-width: 429px) { /* OnePlus 6 */
	.onspot-place-minimenu a.sk__btn.sk__btn-sm {
		font-size: 10px;
		padding: 9px 19px 8px 19px;
	}
	.onspot-place-content {
		gap: 20px;
	}
	.onspot-place-page-title-and-logo {
		padding-top: 0;
		gap: 15px;
	}
	.onspot-place-logo {
		width: 56px;
		height: 56px;
	}
	.onspot-place-page-title {
		max-width: calc(100% - (56px + 15px)); /* .onspot-place-logo width - .onspot-place-page-title-and-logo gap */
	}
	.onspot-place-page-title-and-logo.nologo .onspot-place-page-title {
		max-width: 100%;
	}
	.onspot-place-page-title h1.page-title {
		font-size: 24px;
		letter-spacing: -0.04rem;
	}
	h2.onspot-short-description {
		font-size: 17px;
	}
	.onspot-long-description {
		max-width: 100%;
	}
	.onspot-long-description p, 
	p.onspot-long-description, 
	.onspot-place-checks p.font-16 {
		font-size: 14px;
	}
	.onspot-place-checks {
		gap: 9px 15px;
	}
	.onspot-place-content-action-buttons {
		gap: 20px; /* match to .onspot-place-content */
	}
	a.onspot-action-button.sk__btn {
		padding: 14px 27px 11px 27px;
		font-size: 14px;
		min-width: 100%;
		max-width: 100%;
	}
	.featured-place-slide, 
	.lightbox-hover-effect-parent, 
	.sk__youtube-featured-video, 
	.featured-place-bigslide {
		border-radius: 9px;
	}
}
@media all and (min-width: 393px) and (max-width: 411px) { /* iPhone Pro (14/15) */
	.onspot-place-minimenu a.sk__btn.sk__btn-sm {
		font-size: 10px;
		padding: 9px 19px 8px 19px;
	}
	.onspot-place-content {
		gap: 20px;
	}
	.onspot-place-page-title-and-logo {
		padding-top: 0;
		gap: 15px;
	}
	.onspot-place-logo {
		width: 56px;
		height: 56px;
	}
	.onspot-place-page-title {
		max-width: calc(100% - (56px + 15px)); /* .onspot-place-logo width - .onspot-place-page-title-and-logo gap */
	}
	.onspot-place-page-title-and-logo.nologo .onspot-place-page-title {
		max-width: 100%;
	}
	.onspot-place-page-title h1.page-title {
		font-size: 24px;
		letter-spacing: -0.04rem;
	}
	h2.onspot-short-description {
		font-size: 17px;
	}
	.onspot-long-description {
		max-width: 100%;
	}
	.onspot-long-description p, 
	p.onspot-long-description, 
	.onspot-place-checks p.font-16 {
		font-size: 14px;
	}
	.onspot-place-checks {
		gap: 9px 15px;
	}
	.onspot-place-content-action-buttons {
		gap: 20px; /* match to .onspot-place-content */
	}
	a.onspot-action-button.sk__btn {
		padding: 14px 27px 11px 27px;
		font-size: 14px;
		min-width: 100%;
		max-width: 100%;
	}
	.featured-place-slide, 
	.lightbox-hover-effect-parent, 
	.sk__youtube-featured-video, 
	.featured-place-bigslide {
		border-radius: 9px;
	}
}
@media all and (min-width: 384px) and (max-width: 392px) { /* Samsung Galaxy Ultra (S23/S24/S25) */
	.onspot-place-minimenu a.sk__btn.sk__btn-sm {
		font-size: 10px;
		padding: 9px 19px 8px 19px;
	}
	.onspot-place-content {
		gap: 20px;
	}
	.onspot-place-page-title-and-logo {
		padding-top: 0;
		gap: 15px;
	}
	.onspot-place-logo {
		width: 56px;
		height: 56px;
	}
	.onspot-place-page-title {
		max-width: calc(100% - (56px + 15px)); /* .onspot-place-logo width - .onspot-place-page-title-and-logo gap */
	}
	.onspot-place-page-title-and-logo.nologo .onspot-place-page-title {
		max-width: 100%;
	}
	.onspot-place-page-title h1.page-title {
		font-size: 24px;
		letter-spacing: -0.04rem;
	}
	h2.onspot-short-description {
		font-size: 17px;
	}
	.onspot-long-description {
		max-width: 100%;
	}
	.onspot-long-description p, 
	p.onspot-long-description, 
	.onspot-place-checks p.font-16 {
		font-size: 14px;
	}
	.onspot-place-checks {
		gap: 9px 15px;
	}
	.onspot-place-content-action-buttons {
		gap: 20px; /* match to .onspot-place-content */
	}
	a.onspot-action-button.sk__btn {
		padding: 14px 27px 11px 27px;
		font-size: 14px;
		min-width: 100%;
		max-width: 100%;
	}
	.featured-place-slide, 
	.lightbox-hover-effect-parent, 
	.sk__youtube-featured-video, 
	.featured-place-bigslide {
		border-radius: 9px;
	}
}
@media all and (min-width: 360px) and (max-width: 383px) { /* Samsung Galaxy (non-ultra)(S21/S22/S23/S24/S25), iPhone Mini */
	.onspot-place-minimenu a.sk__btn.sk__btn-sm {
		font-size: 10px;
		padding: 9px 19px 8px 19px;
	}
	.onspot-place-content {
		gap: 20px;
	}
	.onspot-place-page-title-and-logo {
		padding-top: 0;
		gap: 15px;
	}
	.onspot-place-logo {
		width: 56px;
		height: 56px;
	}
	.onspot-place-page-title {
		max-width: calc(100% - (56px + 15px)); /* .onspot-place-logo width - .onspot-place-page-title-and-logo gap */
	}
	.onspot-place-page-title-and-logo.nologo .onspot-place-page-title {
		max-width: 100%;
	}
	.onspot-place-page-title h1.page-title {
		font-size: 21px;
		letter-spacing: -0.04rem;
	}
	h2.onspot-short-description {
		font-size: 17px;
	}
	.onspot-long-description {
		max-width: 100%;
	}
	.onspot-long-description p, 
	p.onspot-long-description, 
	.onspot-place-checks p.font-16 {
		font-size: 14px;
	}
	.onspot-place-checks {
		gap: 9px 15px;
	}
	.onspot-place-content-action-buttons {
		gap: 20px; /* match to .onspot-place-content */
	}
	a.onspot-action-button.sk__btn {
		padding: 14px 27px 11px 27px;
		font-size: 14px;
		min-width: 100%;
		max-width: 100%;
	}
	.featured-place-slide, 
	.lightbox-hover-effect-parent, 
	.sk__youtube-featured-video, 
	.featured-place-bigslide {
		border-radius: 9px;
	}
}
@media all and (max-width: 359px) { /* X-Small Phones */
	.onspot-place-minimenu a.sk__btn.sk__btn-sm {
		font-size: 10px;
		padding: 9px 19px 8px 19px;
	}
	.onspot-place-content {
		gap: 20px;
	}
	.onspot-place-page-title-and-logo {
		padding-top: 0;
		gap: 15px;
	}
	.onspot-place-logo {
		width: 56px;
		height: 56px;
	}
	.onspot-place-page-title {
		max-width: calc(100% - (56px + 15px)); /* .onspot-place-logo width - .onspot-place-page-title-and-logo gap */
	}
	.onspot-place-page-title-and-logo.nologo .onspot-place-page-title {
		max-width: 100%;
	}
	.onspot-place-page-title h1.page-title {
		font-size: 20px;
		letter-spacing: -0.04rem;
	}
	h2.onspot-short-description {
		font-size: 17px;
	}
	.onspot-long-description {
		max-width: 100%;
	}
	.onspot-long-description p, 
	p.onspot-long-description, 
	.onspot-place-checks p.font-16 {
		font-size: 13px;
	}
	.onspot-place-checks {
		gap: 9px 15px;
	}
	.onspot-place-content-action-buttons {
		gap: 20px; /* match to .onspot-place-content */
	}
	a.onspot-action-button.sk__btn {
		padding: 14px 27px 11px 27px;
		font-size: 14px;
		min-width: 100%;
		max-width: 100%;
	}
	.featured-place-slide, 
	.lightbox-hover-effect-parent, 
	.sk__youtube-featured-video, 
	.featured-place-bigslide {
		border-radius: 9px;
	}
}

footer#colophon {
	background: rgba(255,255,255,0.05);
	-webkit-backdrop-filter: blur(5px);
	        backdrop-filter: blur(5px);

	/* Experimental rounded footer */
	max-width: calc(100vw - 40px);
	margin-inline: 20px;
	margin-bottom: 20px;
	border-radius: clamp(12px, 2.4vw, 20px);
	overflow: hidden;
}

.onspot-map {
	overflow: hidden;
	width: calc(100% - 40px);
	height: 60vh;
	margin-inline: 20px;
	margin-bottom: 40px;
	border-radius: clamp(12px, 2.4vw, 20px);
	background: var(--body-background-color);
}

.onspot-footer-top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding: 40px 0;
	background: rgba(0,0,0,0.1);
	background: rgba(0,0,0,0.45);
	border-bottom: 1px solid rgba(0,0,0,0.2);

	/*
	V2 PURPLE background: rgb(92 15 255 / 22%);
	V3 AQUAMARINE background: rgb(23 178 219 / 15%);
	BORDER FOR V2 & V3 border-bottom: 1px solid rgb(0 0 0 / 39%);
	*/
}
@media all and (max-width: 767px) {
	.onspot-footer-top {
		padding: 20px;
	}
}
.onspot-footer-deco-line {
	border-top: 1px solid rgba(255,255,255,0.1);
}
.onspot-footer-top img {
	max-width: 352px;
	height: auto;
}
@media all and (max-width: 1023px) {
	.onspot-footer-top img {
		width: 160px;
		max-width: 38.8vw;
	}
}
.onspot-main-footer {
	padding-block: 14px;
}
.onspot-footer-box {
	padding: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-flow: column;
	        flex-flow: column;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: start;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: start;
	font-weight: 300;
}
@media all and (max-width: 767px) {
	.onspot-footer-box {
		padding: 20px 0;
	}
}
/*.fubox-left {
	align-items: end;
}
.fubox-center {
	align-items: center;
}
.fubox-right {
	align-items: start;
}
.fubox-left hr {
	align-items: end;
	margin-right: 0;
}
.fubox-center hr {
	align-items: center;
}
.fubox-right hr {
	align-items: start;
	margin-left: 0;
}*/
/*.onspot-footer-box h6 {
	font-family: var(--font-family-2), sans-serif !important;
	font-weight: 400 !important;
}*/
.onspot-footer-box hr {
	width: 100px;
	margin-left: 0;
	margin-bottom: 2rem;
}
@media all and (max-width: 767px) {
	.onspot-footer-box hr {
		margin-bottom: 5vw;
		margin-top: 0;
	}
}
.onspot-footer-box a,
.onspot-footer-box p {
	color: #fff;
	margin-bottom: 0.25em;
}
@media all and (max-width: 767px) {
	.onspot-footer-box a {
		margin-bottom: 10px;
	}
}
.onspot-footer-box a:hover {
	color: var(--a-color-initial);
}
.onspot-subfooter-deco-line {
	border-bottom: 1px solid rgba(0,0,0,0.2);
}
.onspot-subfooter {
	background: rgba(0,0,0,0.18);
	background: rgba(255,255,255,0.03);
	border-top: 1px solid rgba(255,255,255,0.1);
}

.onspot-footer-bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding: 12px;
}
@media all and (max-width: 767px) {
	.onspot-footer-bottom {
		padding: 12px 0;
	}
}
.onspot-footer-bottom p {
	margin-bottom: 0;
	font-size: 14px !important;
	font-weight: 300 !important;
}
@media all and (max-width: 575px) {
	.onspot-footer-bottom p {
		font-size: 11px !important;
	}
}

.onspot-404-links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 20px;
}

@media all and (min-width: 601px) and (max-width: 1920px) {
	form {
		--form-field-padding-top: 9px !important;
		--form-field-padding-right: 20px !important;
		--form-field-padding-bottom: 9px !important;
		--form-field-padding-right: 30px !important;
	}
	button.sk__search-button {
		padding: 1px 9px !important;
		font-size: 17px;
	}
}
@media all and (max-width: 600px) {
	form {
		--form-field-padding-top: 8px !important;
		--form-field-padding-right: 16px !important;
		--form-field-padding-bottom: 8px !important;
		--form-field-padding-right: 24px !important;
	}
	button.sk__search-button {
		padding: 1px 7px !important;
		font-size: 16px;
	}
}

.sk__search-results.type-destination:not(.vp-type-poi) {
	background: rgba(255,255,255,0.06);
	padding: 20px;
	border-radius: 8px;
	border: 2px solid var(--a-color-initial);
}
.sk__search-result-icon-marker {
	-webkit-transform: translateY(7px);
	    -ms-transform: translateY(7px);
	        transform: translateY(7px);
}

.post-type-search-marker {
	margin-right: 12px;
}
.search-page-sub-container {
	min-height: 86vh;
}
.sk__content-search.sk__blog-card {
	border-radius: 0 !important;
}
.sk__search-results-grid.sk__grid.sk__blog-grid {
    grid-column-gap: clamp(16px, 2vw, 48px) !important;
    grid-row-gap: clamp(16px, 2vw, 48px) !important;
}

.sk__search-results-grid.sk__grid.sk__blog-grid h5.entry-title {
	font-size: 16px !important;
}
.sk__search-results-grid.sk__grid.sk__blog-grid .entry-summary, 
.sk__search-results-grid.sk__grid.sk__blog-grid .entry-summary p, 
.sk__search-results-grid.sk__grid.sk__blog-grid .entry-summary a {
	font-size: 16px !important;
}
.sk__search-results-grid.sk__grid.sk__blog-grid .entry-footer, 
.sk__search-results-grid.sk__grid.sk__blog-grid .entry-footer p, 
.sk__search-results-grid.sk__grid.sk__blog-grid .entry-footer a {
	font-size: 13px !important;
}
@media all and (max-width: 1199px) {
	.sk__search-results-grid.sk__grid.sk__blog-grid h5.entry-title {
		font-size: 12px !important;
	}
	.sk__search-results-grid.sk__grid.sk__blog-grid .entry-summary, 
	.sk__search-results-grid.sk__grid.sk__blog-grid .entry-summary p, 
	.sk__search-results-grid.sk__grid.sk__blog-grid .entry-summary a {
		font-size: 12px !important;
	}
	.sk__search-results-grid.sk__grid.sk__blog-grid .entry-footer, 
	.sk__search-results-grid.sk__grid.sk__blog-grid .entry-footer p, 
	.sk__search-results-grid.sk__grid.sk__blog-grid .entry-footer a {
		font-size: 11px !important;
	}
	.entry-footer.sk__search-results.font-12 {
		font-size: 11px !important;
	}
	.sk__search-results-grid.sk__grid.sk__blog-grid footer.sk__search-results {
		padding: 0;
		margin: 0;
		border: none;
	}
}

.sk__grid .sk__search-results-thumb-wrapper, 
article.sk__search-results:not(.type-destination) .sk__search-results-thumb-wrapper img {
	border-radius: 8px;
}

.low-menu {
	position: fixed;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	    -ms-flex-flow: row-reverse;
	        flex-flow: row-reverse;
	-webkit-column-gap: 34px;
	   -moz-column-gap: 34px;
	        column-gap: 34px;
	bottom: 0;
	right: 0;
	width: 100%;
	opacity: 0;
	padding: 20px;
	background: #656C7A;
	background: -webkit-gradient(linear,left top, right top,from(rgba(101, 108, 122, 0)), to(rgba(0, 0, 0, 0.19)));
	background: -o-linear-gradient(left,rgba(101, 108, 122, 0) 0%, rgba(0, 0, 0, 0.19) 100%);
	background: linear-gradient(90deg,rgba(101, 108, 122, 0) 0%, rgba(0, 0, 0, 0.19) 100%);
	-webkit-animation: fadeInSimpplergh 4s ease 1.4s forwards;
	        animation: fadeInSimpplergh 4s ease 1.4s forwards;
}
@media all and (max-width: 599px) {
	.low-menu {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		row-gap: 9px;
		-webkit-column-gap: 0;
		   -moz-column-gap: 0;
		        column-gap: 0;
	}
}
a.lowlink {
	color: #fff;
}

/* Don't let search form relocate on moble menu */
li.custom-content.sk__product-search-in-menu-wrapper {
	-ms-grid-row: initial !important;
	grid-row: initial !important;
}

/**
 * Polish mobile menu social icons
 */
.sk__mobile-socials a i {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1px 1px 1px 1px;
	min-width: 30px;
	min-height: 30px;
	font-size: 17px;
}

/**
 * Checkmark animation
 */
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

.sk__animated-checkmark-wrapper {
	width: 100%;
	padding: 40px 40px 70px 40px;
}
.sk__animated-checkmark {
	-webkit-transform: scale(1.8);
	    -ms-transform: scale(1.8);
	        transform: scale(1.8);
}
@-webkit-keyframes checkmark {
    0% {
        stroke-dashoffset: 50px;
    }

    100% {
        stroke-dashoffset: 0;
  }
}

@keyframes checkmark {
    0% {
        stroke-dashoffset: 50px;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes checkmark-circle {
    0% {
        stroke-dashoffset: 240px;
    }

    100% {
        stroke-dashoffset: 480px;
    }
}

@keyframes checkmark-circle {
    0% {
        stroke-dashoffset: 240px;
    }

    100% {
        stroke-dashoffset: 480px;
    }
}

.inlinesvg .svg svg {
    display: inline;
}

.icon--order-success svg path {
    -webkit-animation: checkmark 0.4s ease-in-out backwards;
    animation: checkmark 0.4s ease-in-out backwards;
      -webkit-animation-delay: 0.9s; /* Safari 4.0 - 8.0 */
    animation-delay: 0.9s;
    -webkit-transform: translate(3px,1px);
        -ms-transform: translate(3px,1px);
            transform: translate(3px,1px);
}

.icon--order-success svg circle {
    -webkit-animation: checkmark-circle 0.7s ease-in-out backwards;
    animation: checkmark-circle 0.7s ease-in-out backwards;
      -webkit-animation-delay: 0.3s; /* Safari 4.0 - 8.0 */
    animation-delay: 0.3s;
}

.sk__icon-video {
	width: 500px;
	max-width: 60vw;
}
.sk__theme-hue {
	-webkit-filter: sepia(1) hue-rotate(148deg) brightness(1.1);
			filter: sepia(1) hue-rotate(148deg) brightness(1.1);
}

/**
 * UI Elements
 * ===========
 */

/**
 * UI Elements - Card
 */
.ui--card {
	background-color: var(--ui-elements-background-color);
	border: 1px solid var(--ui-elements-border-color);
	border-radius: var(--ui-elements-border-radius-4);
}
.ui--card.sk__blog-card:hover {
	background-color: var(--ui-elements-background-color) !important;
	border-color: var(--ui-elements-border-color) !important;
	transform: translateY(-5px);
}
.ui--card.rounded-8 {
	border-radius: 12px;
}
.ui--card.rounded-12 {
	border-radius: 12px;
}
.ui--card.rounded-16 {
	border-radius: 16px;
}
.ui--card.rounded-20 {
	border-radius: 20px;
}
.ui--card.rounded-24 {
	border-radius: 24px;
}
.ui--card.not-rounded {
	border-radius: 0;
}

.ui--card.borderless {
	border: none;
}

.ui--card.backdrop {
	background-color: rgba(255,255,255,0.75);
	border: 1px solid rgba(255,255,255,0.6);
	-webkit-backdrop-filter: blur(8px);
	        backdrop-filter: blur(8px);
}

.ui--card.subtle-backdrop {
	background-color: rgba(255,255,255,0.94);
	border: 1px solid rgba(255,255,255,0.94);
	-webkit-backdrop-filter: blur(8px);
	        backdrop-filter: blur(8px);
}

.ui--card.hoverable {
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

.ui--card.backdrop.hoverable:hover {
	background-color: rgba(255,255,255,0.85);
	border: 1px solid rgba(255,255,255,0.9);
}

.ui--card.padded-12 {
	padding: 12px;
}
.ui--card.padded-16 {
	padding: 16px;
}
.ui--card.padded-20 {
	padding: 20px;
}
.ui--card.padded-24 {
	padding: 24px;
}
.ui--card.extra-padded {
	padding-inline: clamp(16px, 2.8vw, 62px);
	padding-block: clamp(20px, 3.2vw, 74px);
}

.ui--card.l-padded {
	padding-inline: clamp(16px, 2.8vw, 30px);
	padding-block: clamp(20px, 3.2vw, 52px);
}