body.debug{
	/* visibility: visible; */
}

/* ============================================================================
   CORE CSS
   ========================================================================= */

/**
 * Contains the default styles that are to be shared throughout the site
 * (including the booking steps and the admin ckeditor).
 */

/* ----- 
 	STRUCTURE - SKIN & COLORS
 ----- */

body{
	background-color:var(--color-lightgray);
}

.wrapper{
	/* background-color:var(--color-lightgray); */
}

.wrapper:nth-child(3n+1){
	/* background-color:rgba(0,0,0,0.012); */
}

.wrapper:nth-child(3n+2){
	/* background-color:rgba(0,0,0,0.024); */
}

.wrapper:nth-child(3n+3){
	/* background-color:rgba(0,0,0,0.036); */
}

.wrapper:nth-child(2n+1){
	/* background-color:rgba(0,0,0,0.012); */
}

.wrapper:nth-child(2n+2){
	/* background-color:rgba(0,0,0,0.024); */
}

.id-wrapper-header,
.id-wrapper-header:nth-child(1n),
body.show-offcanvas .id-wrapper-header,
body.show-offcanvas .id-wrapper-header:nth-of-type(1n){
	background-color:var(--color-5);
	border-bottom:1px solid var(--color-lightgray-dark);
}

.mode-standard.banner-pos-header-slider,
body.show-offcanvas .mode-standard.banner-pos-header-slider,
body.show-offcanvas .mode-standard.banner-pos-header-slider:nth-of-type(1n),
.mode-standard.banner-pos-header-slider .slider-controls{
	/*background-color:var(--color-text-body);*/
	/*background-color:var(--color-lightgray);*/
	background-color:var(--color-background-text);
}

.id-wrapper-body,
.id-wrapper-body:nth-child(1n){
	/*background-color:var(--color-lightgray);*/
	background-color:var(--color-background-text);
}

.id-wrapper-sharebar,
.id-wrapper-sharebar:nth-child(1n){
	/* background-color:var(--color-lightgray); */
	/* background-color:var(--color-background-text); */
}

.id-wrapper-footerboxes,
.id-wrapper-footerboxes:nth-child(1n){
	/* background-color:var(--color-lightgray); */
	/* background-color:var(--color-background-text); */
}

.id-wrapper-footerbar,
.id-wrapper-footerbar:nth-child(1n){
	/* background-color:var(--color-lightgray); */
	/* background-color:var(--color-background-text); */
}

.id-wrapper-menu-multicol,
.id-wrapper-menu-multicol:nth-child(1n){
	background-color:var(--color-lightgray-dark);
}


.id-wrapper-footer,
.id-wrapper-footer:nth-child(1n){
	/* background-color:var(--color-lightgray); */
	/* background-color:var(--color-background-text); */
}

.system-page .id-wrapper-body,
.system-page .id-wrapper-body:nth-child(1n){
	/*background-color:transparent;*/
}

.id-page,
.wrapper-section .wrapper-inner{
	/* background-color:var(--color-background-text); */
}

.requiredfield-asterisk{
	color:var(--color-warning);
}

/* ----- 
 	TYPOGRAPHY	- SKIN & COLORS
 ----- */
/*
::selection{
		
	background:rgb(47,100,198);
	color:#fff;
}

::-moz-selection{
		
	background:rgb(47,100,198);
	color:#fff;
}

*/

/*
body{
	-webkit-tap-highlight-color:rgb(47,100,198);
}

*/


/* ----- 
 	FORM AND BUTTONS - SKIN & COLORS
 ----- */

.button[type=reset]:not(.button-reset){
	text-shadow:none!important;
	box-shadow:none!important;
	/* background-image:-webkit-linear-gradient(top,rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.15) 100%)!important; */
	/* background-image:linear-gradient(to bottom,rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.15) 100%)!important; */
	background-image:-webkit-linear-gradient(top,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%)!important;
	background-image:linear-gradient(to bottom,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%)!important;
	/* background-image:none; */
	color:#fff!important;
	border-color:transparent!important;
}

/**
 * Button skin DEFAULT
 */
.button{
	text-shadow:1px 1px 1px rgba(0,0,0,0.3);
	/* box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.15); */
	box-shadow:none;
	/* background-image:-webkit-linear-gradient(top,var(--color-accent) 0%,var(--color-accent-dark) 100%); */
	/* background-image:linear-gradient(to bottom,var(--color-accent) 0%,var(--color-accent-dark) 100%); */
	background-image:none;
	color:#fff;
	background-color:var(--color-accent);
	border-color:var(--color-accent-dark);
}

/**
 * Button skin DEFAULT:HOVER
 */
.button:hover{
	text-shadow:0 0 2px rgba(0,0,0,0.4);
	/* box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.5),0 1px 3px rgba(0,0,0,0.35); */
	box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.3);
	/* background-image:-webkit-linear-gradient(top,var(--color-accent) 50%,var(--color-accent-dark) 100%); */
	/* background-image:linear-gradient(to bottom,var(--color-accent) 50%,var(--color-accent-dark) 100%); */
	background-image:none;
	background-color:var(--color-accent);
	color:#fff;
	border-color:var(--color-accent-dark);
}

/**
 * Button skin DEFAULT:ACTIVE
 */
.button:active,
.button.active,
.button.active:hover,
.button.active:active{
	text-shadow:-1px -1px 1px rgba(0,0,0,0.4),1px 1px 1px rgba(255,255,255,0.1);
	box-shadow:inset 0 3px 6px 0 rgba(0,0,0,0.15),inset 0 -1px 1px 0 rgba(255,255,255,0.5),-1px -1px 2px 0 rgba(0,0,0,0.2),1px 1px 2px 0 rgba(255,255,255,0.15);
	background-image:none;
	background-color:var(--color-accent-dark);
	color:#fff;
	border-color:var(--color-accent-dark);
}


/* =====
 COMPONETS ON ALL TEMPLATES - SKIN & COLORS
 ====== */

.page-notice{
	background-color:var(--color-background-text);
	box-shadow:0 0 5px 2px rgba(var(--color-text-body-rgb),0.2);
}

.page-notice-error,
.page-notice-error:nth-child(1n){
	background-color:var(--color-warning);
	border-bottom-color:var(--color-warning-dark);
}

.page-notice-error,
.page-notice-error a,
.page-notice-error h1,
.page-notice-error h2
.page-notice-error h3,
.page-notice-error .page-notice-title{
	color:#fff;
}

.cookienotice-box .box-inner{
	background-color:var(--color-background-text);
	box-shadow:0 0 5px 2px rgba(var(--color-text-body-rgb),0.2);
}

/** 'screen-reader-text' has been replaced by 'sr-only' but is still used when writing out rating(stars) so keep until it has been changed */
.sr-only,
.screen-reader-text{
	position:absolute;
	top:-9999em;
	left:-9999em;
}

.no-typeicon .sr-only,
.no-typeicon .screen-reader-text{
	position:static;
	top:auto;
	left:auto;
}

a.sr-only.skip-to-main-content-link { 
	position: absolute; 
	background-color: black; 
	color: white; 
	opacity: 0; 
	z-index: 999; 
	left: -9999px; 
	padding: 1em;
	top: 0;
} 
a.sr-only.skip-to-main-content-link:focus {
	left: 50%;
	transform: translateX(-50%);
	opacity: 1;
}   

/* ----- 
 	LAYOUT
 ----- */

/*
html [class^="grid-col-"],
html [class*=" grid-col-"]{
	padding-top:15px;
	padding-bottom:15px;
}
*/


/**
 *  customize scrollbar (Chrome and webkit)
 */
/*
::-webkit-scrollbar {
	width:12px;
	box-shadow:none;
	background-color:var(--color-lightgray);
}
 
::-webkit-scrollbar-track {   
	border-radius:10px;
	box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
	background-color:var(--color-lightgray);
}
 
::-webkit-scrollbar-thumb {
	border-radius:10px;
	box-shadow:inset 0 0 0 3px var(--color-lightgray),inset 3px 0 0 0 var(--color-lightgray),inset -3px 0 0 0 var(--color-lightgray);
	background-color:var(--color-midgray);  
}
*/



.id-wrapper-body{
	-webkit-transition: min-height 1.3s ease-out;
	transition: min-height 1.3s ease-out;
}

/* ----- 
 	TYPOGRAPHY	
 ----- */
.slider-wrapper,
.render-booking-version,
.render-booking-version .id-wrapper-body,
.render-booking-pricetable-version,
.render-booking-pricetable-version .id-wrapper-body{
	font-size:14px;
	font-size:1.4rem;
}

/*
.no-js body,
.js body,
.no-js h4,
.js h4,
.no-js h5,
.js h5,
.no-js h6,
.js h6{
	font-family:Arial,Helvetica,sans-serif;
}

.mac body,
.ios body,
.mac h4,
.ios h4,
.mac h5,
.ios h5,
.mac h6,
.ios h6{
	font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
}
*/



/**
 * Readability resets (box-desc,box-nav etc are sometimes UL or P) 
 */
.renderPrintVersionMenu,
.render-booking-version h1,
.render-booking-version h2,
.render-booking-version h3,
.render-booking-version h4,
.render-booking-version h5,
.render-booking-version h6,
.render-booking-version p,
.render-booking-version table,
.render-booking-version form,
.render-booking-version ul,
.render-booking-version ol,
.render-booking-version dl,
.render-booking-version table,
.render-booking-pricetable-version h1,
.render-booking-pricetable-version h2,
.render-booking-pricetable-version h3,
.render-booking-pricetable-version h4,
.render-booking-pricetable-version h5,
.render-booking-pricetable-version h6,
.render-booking-pricetable-version p,
.render-booking-pricetable-version table,
.render-booking-pricetable-version form,
.render-booking-pricetable-version ul,
.render-booking-pricetable-version ol,
.render-booking-pricetable-version dl,
.render-booking-pricetable-version table{
	max-width:100%;
}

/* ----- 
 	FORM AND BUTTONS 
 ----- */

.button{
	font-family:var(--font-family-button);
	font-weight:var(--font-weight-button);
	text-transform:var(--text-transform-button);
	text-decoration:none;
	border-radius:var(--border-radius-button);
	outline:0 none;
	border-style:solid;
	border-width:1px;
	display:inline-block;
	vertical-align:top;
	/*padding:3px 9px;*/
	/*padding:0.25em 0.75em;*/
	/* padding:0.875em 2.5em; */
	padding:0.563em 0.813em;
	text-align:center;
}

button.button,
input.button{
	/*padding-top:4px;*/
	/*padding-bottom:4px;*/
	/*padding-top:0.333em;*/
	/*padding-bottom:0.333em;*/
}

.button{
	/* padding-left:0.75em; */
	/* padding-right:0.75em; */
}

button.button{
	/* padding:0.25em 0.83em; */
}

a.button{
	/* padding:0.25em 0.83em; */
}

input.button{
	/* padding:0.333em 0.85em; */
}

/* ----- 
 	GENERAL STYLE FRAMEWORK
 ----- */

.button,
[class^="icon-"],
[class*=" icon-"],
.id-header{
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

/** 
 * Remove cursor hand/pointer for everything except links, 
 * see article: https://adamsilver.io/articles/buttons-shouldnt-have-a-hand-cursor/ 
 */
.button,
.requiredfield-asterisk{
	/*cursor:pointer;*/
	cursor:default;
	-webkit-tap-highlight-color:transparent;
}

.button[href]:not([href^="#"]){
	cursor:pointer;
}

.button,
.button:hover,
.button:hover span{
	text-decoration:none;
}

.button{
	white-space:nowrap;
}

.android-only{
	display:none!important;
}

.isAndroid .android-only{
	display:block!important;
}
/**/

/*
 Stereo - Simple framework for 2 column content
*/

.stereo-container:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
	margin:0;
	padding:0;
}

.stereo-container{
	display:block;
	max-width:100%;
	padding-top:10px;
	padding-bottom:22px;
}

.stereo-left{
	float:left;
	width:43%;
	margin-right:2%;
}

.stereo-right{
	float:right;
	width:55%;
}

.stereo-full{
	width:100%
}

/**/


.id-wrapper-header{
	position:relative;
	z-index:3;
}

.id-wrapper-body{
	/*padding:1.5em 0;*/
	padding:0;
}

/* =====
 COMPONETS ON ALL TEMPLATES
 ====== */

/* PAGE NOTICE (ALERT BOX - dom-start.asp)*/
.page-notice,
.page-notice-inner,
.page-notice-title,
.page-notice-desc,
.page-notice-nav{
	box-sizing:border-box;
}

.page-notice{
	/* margin-bottom:1.5em; */
	position: relative;
	z-index:4;
}

.page-notice + .wrapper{
	z-index:3;
}

.page-notice-inner{
	width: 90ch;
	max-width: 100%;
	padding-top:1.5em;
	padding-bottom:1.5em;
}

.page-notice-title,
.page-notice-desc,
.page-notice-nav{
	max-width:100%;
	/* width:450px; */
	margin-left:auto;
	margin-right:auto;
	padding-left:9px;
	padding-right:9px;
	padding-left:0.9rem;
	padding-right:0.9rem;
}

.page-notice-nav{
	text-align:right;
}

.page-notice-icon{
	display: inline-block;
	/* vertical-align: middle; */
	vertical-align: baseline;
}

.page-notice p:last-of-type{
	padding-bottom:0;
	margin-bottom:0;
}

.page-notice-error{
	border-bottom-style:solid;
	border-bottom-width:2px;
}

.page-notice-error a{
	font-family:var(--font-family-body-bold);
	font-weight:var(--font-weight-body-bold);
}

.show-page-notice-highlight .wrapper{
	opacity: 0.2;
}

.show-page-notice-highlight .wrapper.page-notice{
	opacity: 1;
}

/**/
.box.cookienotice-box,
.cookienotice-box .box-inner{
	box-sizing:border-box;
	margin:0 auto;
	padding:0;
}

.box.cookienotice-box{
	font-size:1em;
	width:100%;
	/*padding-bottom:1.5em;*/
	position:absolute;
	left:0;
	top:0;
	z-index:999;
}

.cookienotice-box .box-inner{
	font-size: 0.875em;
	padding:0.75em;
}

.cookienotice-box,
.cookienotice-box .box-inner,
.cookienotice-box .box-title,
.cookienotice-box .box-desc,
.cookienotice-box .box-nav{
	display:block;
	text-align:center;
}

.cookienotice-box .box-title{
	font-family:var(--font-family-body-bold);
	font-weight:var(--font-weight-body-bold);
	font-size:1em;
	line-height:inherit;
	font-family:inherit;
	color:inherit;
}

.cookienotice-box .box-title,
.cookienotice-box .box-desc,
.cookienotice-box .box-nav{
	margin-top:0;
	padding-top:0.25em;
	padding-bottom:0.25em;
	margin-bottom:0;
}

.cookienotice-box-readmore{
	padding-left:0.75em;
	padding-right:0.75em;
}

.cookienotice-box-dismiss{
	padding-left:0.75em;
	padding-right:0.75em;
	vertical-align:middle;
}

/* =====
 STRUCTURE
 ====== */
.wrapper{
	/*width:100%;*/
	/*max-width:1680px;*/
	/*margin-left:auto;*/
	/*margin-right:auto;*/
	/*box-shadow:-2px 0 0 0 rgba(0,0,0,0.12), 2px 0 0 0 rgba(0,0,0,0.12);*/
}


.wrapper:after,
.wrapper-inner:after{
	content:"";
	display:table;
	clear:both;
}

.id-wrapper-header .wrapper-inner,
.id-wrapper-header-secondary-menu .wrapper-inner{
	box-sizing:border-box;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}

/* =====
 HEADER (main section)
 ====== */

.id-header .main-section-inner{
	position:relative;
	/* border-radius:0; */
	/* background-position:left top; */
	/* background-repeat:no-repeat; */
	/* background-size:cover; */

}

.id-header .main-section-inner:after{
	content:"";
	display:table;
	clear:both;
}

.id-logo{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.logo-inner,
.logo-inner:hover{
	text-decoration:none;
}

.logo-inner{
	display:block;
	padding:0.75em;
}

.id-logo img{
	height:auto;
	width:auto;
	max-width:100%;
	display:inline;
	display:inline-block;
	vertical-align:middle;
	/* box-shadow:inset 0 0 0 1em rgba(255,255,255,0.35),0 0 6px 0 rgba(255,255,255,0.35); */
	/* border-radius:6px; */

}

.id-logo,
.logo-inner,
.id-logo img{
	line-height:0;
}

/* =====
 MAIN FIGURE - WRAPPER IMAGE WIDE (main section)
 ====== */
 
/*.banner-pos-header-slider,*/
.id-wrapper-hero-header{
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	visibility:hidden;
	display:none;
	position:relative;
}

.id-wrapper-hero-header .wrapper-inner{
	position:relative;
}

.id-wrapper-hero-header .inlay-image{
	/* min-height:16vw; */
	/* max-height:40em; */
	max-height:560px;
}

.id-wrapper-hero-header .inlay-image-static{
	/* min-height:16vw; */
	/* min-height:280px; */
	/* max-height:300px; */
	/* max-height:30vh; */
	max-height:560px;
	overflow:hidden;
	text-align:center;
}

.id-wrapper-hero-header .inlay-image-static img{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	width:100%;
	height:auto;
}

@supports (object-fit:cover){
	.id-wrapper-hero-header .inlay-image-static{
		max-height:none;
	}

	.id-wrapper-hero-header .inlay-image-static img{
		position:static;
		top:auto;
		right:auto;
		bottom:auto;
		left:auto;
		margin:0;
		max-height:560px;
		object-fit:cover;
		/* object-position:50% 0; */
	}
}

#bigtext
{
	position: relative;
	width: 35%;
	padding-top: 1%;
	display: inline-block;
	float: left;
	overflow: hidden;
	line-height: 1;
	color: #ec008c;
	font-family: "cooper-black-std";
	white-space: nowrap;
}

/* ===========================================================================
   STEP INDICATOR (Adapted with primary color: #c20073)
=========================================================================== */

.booking-step-nav ol {
	padding: 25px 0px;
}

.booking-stepindicator-item {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0 0.5em;
	padding: 0;
}

.booking-stepindicator-item-inner {
	display: flex;
	align-items: center;
	gap: 0.5em;
	padding: 0.75em 1.5em;
	background: #f1f5f9; /* light gray */
	color: #334155;
	border: 2px solid transparent;
	border-radius: 9999px;
	font-size: 1.5rem;
	font-weight: 500;
	text-decoration: none;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}

.booking-stepindicator-item a:hover .booking-stepindicator-item-inner {
	background: #f8e4ee; /* very light tint of primary */
	color: #1e293b;
	text-decoration: none;
}

.booking-stepindicator-text {
	display: inline-block;
	font-size: 1.5rem;
	line-height: 1.2;
	font-weight: 500;
}

.booking-stepindicator-text-active {
	font-weight: 700;
}

/* Active step style */
.booking-stepindicator-item.booking-stepindicator-active-item .booking-stepindicator-item-inner {
	background: #c20073;
	color: #ffffff;
	font-weight: bold;
	box-shadow: 0 4px 8px rgba(194, 0, 115, 0.4);
}

/* Optional: active link hover stays same color */
.booking-stepindicator-item.booking-stepindicator-active-item a:hover .booking-stepindicator-item-inner {
	background: #9a005b; /* darker variant of #c20073 */
	color: #ffffff;
}

/* Disabled-looking steps (no <a>) */
.booking-stepindicator-item:not(:has(a)) .booking-stepindicator-item-inner {
	background: #e5e7eb;
	color: #9ca3af;
	cursor: default;
	box-shadow: none;
}

/* Responsive adjustments */
@media (max-width: 600px) {
	.booking-step-nav ol {
		font-size: 14px;
	}
	.booking-stepindicator-item-inner {
		padding: 0.5em 1em;
		font-size: 0.9rem;
	}
}

@media (max-width: 800px) {
	.booking-step-nav ol {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}
}