/*
Theme Name: SeaTrek Theme
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/
sup {
	line-height: 1;
}

.logo {padding: .6rem 0;}
.header-scrolled .logo {padding-top: .1rem;	padding-bottom: .4rem;}

:root {
	--stb-color-sand			: #ce9a45;
	--stb-color-warmgold		: #e5b15a;
	--stb-color-marigold		: #ff9933;
	--stb-color-ensign-red		: #b42318;

	--stb-color-marine-blue		: #004a69;
	--stb-color-coastal-blue	: #0f81a1;
	--stb-color-skysail-blue	: #88bbc8;
	--stb-color-sky-blue		: #bde5f0;
	--stb-color-sea-salt		: #e9edea;

	--stb-color-white			: #ffffff;
	--stb-color-fog				: #eeeeee;
	--stb-color-silver			: #dddddd;
	--stb-color-anchor-gray		: #888888;
	--stb-color-charcoal		: #333333;
	--stb-color-graphite		: #222222;
	--stb-color-obsidian		: #111111;
	--stb-color-black			: #000000;

	--stb-color-white-90		: rgba(255, 255, 255, 0.9);

	--stb-font-quicksand		: 'quicksand', Helvetica, Arial, sans-serif;
}

/*-------------------- Font Size --------------------*/
body, body .avia-tooltip{font-size:19px}
@media screen and (max-width:1223px){
body,body .avia-tooltip{font-size:18px}
}
@media screen and (max-width:991px){
body,body .avia-tooltip{font-size:17px}
}
/*
@media screen and (max-width:767px){
body,body .avia-tooltip{font-size:17px}
}
*/
@media screen and (max-width:639px){
body,body .avia-tooltip{font-size:16px}
}
/*
@media screen and (max-width:539px){
body,body .avia-tooltip{font-size:15px}
}
*/
@media screen and (max-width:479px){
body,body .avia-tooltip{font-size:15px}
}

/*-------------------- Header --------------------*/
@media screen and (min-width:768px){
#header{background:linear-gradient(to bottom,rgba(0,0,0,.4) 0%,rgba(0,0,0,0) 100%) !important}
}
#header_main {border: none}
#header_meta {border-top: 5px solid #0f81a1 !important;}
#header:not(.av_header_transparency) #header_main {border-top: 5px solid #0f81a1 !important;}
.av_minimal_header_shadow {box-shadow: 0 0 50px 0px rgba(0,0,0,0.5);}
.html_header_top #top .av_header_stretch .container{width:92%}
@media screen and (max-width:767px){
#header_meta {display:none;}
.responsive #top .av_header_transparency.av_alternate_logo_active .logo a > svg {
padding: .6rem 0;
}
}
#top #wrap_all #header .menu-schedule a:before {
	content: '';
	display: none;
	font-family: "entypo-fontello";
}

#top #wrap_all #header .menu-schedule .avia-menu-text {
	border: none;
}
@media screen and (max-width:992px){
	#top #wrap_all #header .menu-schedule a:before {
		font-size: 1.75em;
		display: inline-block;
	}

	#top #wrap_all #header .menu-schedule .avia-menu-text {
		display: none;
	}
}
#top #wrap_all #header .menu-reserve>a .avia-menu-text {
	border-radius: 90px;
	padding: .5em 1.5em;
	background-color: var(--stb-color-sand);
	border-color: var(--stb-color-sand);
	text-transform: uppercase;
}

/*-------------------- Footer --------------------*/
.footer-list {
	margin-top: 10px;
}
@media only screen and (max-width: 767px) {
	.responsive #top #wrap_all .footer-mobile-accordion-container .container {
		width: 100%;
		max-width: 100%;
	}
}
.footer-mobile-accordion-container .toggler {
	border-left: none;
	border-right: none;
	padding: 1em 3px 1em 2em;
}

.footer-mobile-accordion-container .toggle_icon {
	left: auto;
	right: 1em;
	border: none;
}

.footer-mobile-accordion-container .toggle_content {
	background-color: #055b7a;
	border: none;
	margin-bottom: 0;
	padding: 1em 2em;
}

.footer-mobile-accordion-container .toggle_content a:before {
	content: '';
	font-family: 'entypo-fontello';
	margin: 0 .5em;
}

/*-------------------- home --------------------*/
.magazine-hm {width: 120px;}

/*-------------------- headings --------------------*/
#top #wrap_all .all_colors h5 {font-weight:400;}

/*-------------------- breadcrumbs --------------------*/
span.trail-before {
	display: none!important;
}
.title_container .breadcrumb {
    right: auto;
	font-size: .75em;
}
.breadcrumb-trail {
    font-weight: bold;
}

.breadcrumb .sep {
    width: auto;
    padding: 0px 8px;
}

.breadcrumb-trail a {
    padding: 0;
}

/*-------------------- Content --------------------*/
#top #wrap_all .all_colors h1,
#top #wrap_all .all_colors .h1
{font-size:2.7em;line-height:1.2em;text-transform:none;letter-spacing:0}
#top #wrap_all .all_colors h2,
#top #wrap_all .all_colors .h2
{font-size:2.04em;line-height:1.25em;font-weight:400;text-transform:none;letter-spacing:0}
#top #wrap_all .all_colors h3{font-size:1.71em;line-height:1.3em;font-weight:400;text-transform:none}
#top #wrap_all .all_colors h4,blockquote{font-size:1.37em;line-height:1.35em}
#top #wrap_all .all_colors h5{font-size:1.22em;line-height:1.4em}
#top #wrap_all .all_colors h6{font-size:1em;line-height:1.45em}

#wrap_all h1 b,
#wrap_all h2 b,
#wrap_all h3 b
{
  color: #ce9a45;
}

@media only screen and (max-width: 539px) {
	#top #wrap_all .all_colors h1,
	#top #wrap_all .all_colors .h1
	{font-size:2.2em;}
	#top #wrap_all .all_colors h2,
	#top #wrap_all .all_colors .h2
	{font-size:1.8em;}
	#top #wrap_all .all_colors h3{font-size:1.6em;}
	#top #wrap_all .all_colors h4,blockquote{font-size:1.25em;}
	#top #wrap_all .all_colors h5{font-size:1.1em;}
	#top #wrap_all .all_colors h6{font-size:1em;}
}
#top .fullsize .template-blog .post .entry-content-wrapper {text-align: unset;}
#top .post-entry .minor-meta {
	text-transform: uppercase;
	line-height: 1.5em;
	margin-bottom: .5em;
}

/* small title on post grid/list no meta */
#top #wrap_all .all_colors .stb-small-post-title .slide-content .slide-entry-title,
#top #wrap_all .all_colors .stb-small-post-title .av-special-heading-tag {
	font-size: 1.37em;
}
.stb-small-post-title .av-subheading.av-subheading_below:not(.stb-expertise) {
	margin-top: 1em;
}
#top .stb-small-post-title .minor-meta {
	display: none !important;
}

/* image caption */
#top .wp-caption .wp-caption-dd, .wp-caption-text {
  line-height: 1.6;
  padding: 12px 10px 14px;
}

/* hide the post button */
.stb-hide-post-button .avia-button-wrap {
	display: none;
}
@media only screen and (min-width: 768px) {
	.stb-hide-post-button .slide-entry-wrap {
		margin-bottom: 0;
	}
}


#main .cruise-content a:where(:not([class])),
#main .entry-content a:where(:not([class])),
#main .avia_textblock a:where(:not([class])),
#main .entry-content a.mfp-iframe,
#main .avia_textblock a.mfp-iframe,
#main .entry-content a.lightbox-added,
#main .avia_textblock a.lightbox-added {
    text-decoration: underline;
    text-decoration-thickness: from-font;
	text-underline-offset: .25em;
	text-decoration-color: #bde5f0;
}

#main .cruise-content a:where(:not([class])):hover,
#main .entry-content a:where(:not([class])):hover,
#main .avia_textblock a:where(:not([class])):hover,
#main .entry-content a.mfp-iframe:hover,
#main .avia_textblock a.mfp-iframe:hover,
#main .entry-content a.lightbox-added:hover,
#main .avia_textblock a.lightbox-added:hover {
	text-decoration: none;
}

#top .custom-color-heading a {text-decoration: none;}
#top .custom-color-heading a:hover {color:#d9815b;}

#top .av-special-heading.av-linked-heading a:hover{opacity:1;}

#top .all_colors u, #top .all_colors span[style*='underline;'] {
	color: #004a69;
	text-decoration: none !important;
	display: inline-block;
}

.html_elegant-blog #top #wrap_all .avia-content-slider .slide-entry-title {letter-spacing: initial;}
.container .minor-meta {font-size: .75em;}
.html_elegant-blog #top .minor-meta {
	font-family: var(--stb-font-quicksand);
}
/* hide the entry footer */
/* .entry-footer {display: none;} */
.html_elegant-blog .avia-content-slider .slide-meta {display: none;}
/*
.template-cruise-single .av-share-box {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
*/
.image-overlay .image-overlay-inside {display: none;}
.avia-image-overlay-wrap a.avia_image .image-overlay {
	display: none !important;
}
.no-break {text-wrap: nowrap;}


#top .avia-button.btn-orange {
/*	background-color: #ff9933;
	border-color: #ff9933; */
	background-color: var(--stb-color-sand);
	border-color: var(--stb-color-sand);
	color: var(--stb-color-white);
}

.avia-button.avia-size-large {
  font-size: 13px;
}
@media only screen and (min-width: 640px) {
  .avia-button.avia-size-large {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) {
  .avia-button.avia-size-large {
    padding: 16px 32px 14px;
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) {
  .avia-button.avia-size-large {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .avia-button.avia-size-large {
    padding: 17px 34px 15px;
    font-size: 17px;
  }
}

.blockShadowTop,.blockShadowBottom,.blockShade {position: relative;} 
.blockShadowTop:before {content: '';position: absolute;top: 0;height: 80px;width: 100%;background: linear-gradient(to bottom, rgba(0,0,0,.3) 0%,rgba(0,0,0,0) 100%);}
.blockShadowBottom:after {content: '';position: absolute;bottom: 0;left:0;height: 80px;width: 100%;background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 100%);}
.blockShade:before {content: '';position: absolute;top: 0;height: 50%;width: 100%;background: linear-gradient(to bottom, rgba(85,85,85,1) 5%,rgba(85,85,85,0) 100%);}

.narrow-content {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
/* =========================================
   Gradient Overlay Base Setup
========================================= */
[class*="stb-bg-grd"] {
	position: relative;
	/* Defaults */
	--rgb: 255, 255, 255;
	--a: 1;
	--dir: to right; 
}

[class*="stb-bg-grd"]::before {
	content: '';
	position: absolute;
	pointer-events: none;
	
	/* Mobile: Fill the container */
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%; 
	
	/* Gradient Application */
	background: linear-gradient(
		var(--dir),
		rgba(var(--rgb), var(--a)) 0%,
		rgba(var(--rgb), 0) 100%
	);
}

/* =========================================
   Modifiers: Direction
   (Matches logic: L = starts left, moves to right)
========================================= */
[class*="grdL"] { --dir: to right; }
[class*="grdR"] { --dir: to left; }
[class*="grdT"] { --dir: to bottom; }
[class*="grdB"] { --dir: to top; }

/* =========================================
   Modifiers: Opacity
========================================= */
[class*="-gro10"] { --a: .1; }
[class*="-gro20"] { --a: .2; }
[class*="-gro30"] { --a: .3; }
[class*="-gro40"] { --a: .4; }
[class*="-gro50"] { --a: .5; }
[class*="-gro60"] { --a: .6; }
[class*="-gro70"] { --a: .7; }
[class*="-gro80"] { --a: .8; }
[class*="-gro90"] { --a: .9; }

/* =========================================
   Modifiers: Color (Optional)
========================================= */
[class*="-blk"] { --rgb: 0, 0, 0; }
[class*="-blu"] { --rgb: 0, 74, 105; }

/* =========================================
   Desktop Overrides
========================================= */
@media (min-width: 768px) {

	/* 1. Set Width for Left/Right Gradients */
	[class*="grdL"]::before,
	[class*="grdR"]::before {
		width: 60%;
	}

	/* 2. Positioning Logic */
	/* Ensure Right gradient sticks to right and ignores 'left: 0' */
	[class*="grdR"]::before {
		left: auto; 
		right: 0;
	}
	
	/* ================================
		Top/Bottom Logic (if needed)
		This requires resetting height/width
	================================ */
	[class*="grdT"]::before,
	[class*="grdB"]::before {
		height: 60%;
		width: 100%; /* Reset width if mixed */
	}

	[class*="grdB"]::before {
		top: auto;
		bottom: 0;
	}
}

/* =========================================
   Blurred Overlay Base Setup
========================================= */
[class*="stb-bg-blr"] {
	position: relative;
	/* Defaults */
	--b-a: 1;
	--b-dir: to right; 
}
[class*="stb-bg-blr"]::after {
	content: '';
	position: absolute;
	pointer-events: none;
	
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%; 
	
	/* 1. Backdrop Blur */
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);

	/* 2. Masking (This creates the fade effect) */
	/* Use the variable in BOTH so the direction works everywhere */
	-webkit-mask-image: linear-gradient(
		var(--b-dir),
		rgba(0,0,0, var(--b-a)) 0%,
		rgba(0,0,0, var(--b-a)) 60%,
		transparent 100%
	);
	mask-image: linear-gradient(
		var(--b-dir),
		rgba(0,0,0, var(--b-a)) 0%,
		rgba(0,0,0, var(--b-a)) 60%,
		transparent 100%
	);
}

/* =========================================
   Modifiers: Direction
   (Matches logic: L = starts left, moves to right)
========================================= */
[class*="blrL"] { --b-dir: to right; }
[class*="blrR"] { --b-dir: to left; }
[class*="blrT"] { --b-dir: to bottom; }
[class*="blrB"] { --b-dir: to top; }

/* =========================================
   Modifiers: Opacity
========================================= */
[class*="-blro10"] { --b-a: .1; }
[class*="-blro20"] { --b-a: .2; }
[class*="-blro30"] { --b-a: .3; }
[class*="-blro40"] { --b-a: .4; }
[class*="-blro50"] { --b-a: .5; }
[class*="-blro60"] { --b-a: .6; }
[class*="-blro70"] { --b-a: .7; }
[class*="-blro80"] { --b-a: .8; }
[class*="-blro90"] { --b-a: .9; }

/* =========================================
   Desktop Overrides
========================================= */
@media (min-width: 768px) {
	/* 1. Set Width for Left/Right Gradients */
	[class*="blrL"]::after,
	[class*="blrR"]::after {
		width: 60%;
	}

	/* 2. Positioning Logic */
	/* Ensure Right gradient sticks to right and ignores 'left: 0' */
	[class*="blrR"]::after {
		left: auto; 
		right: 0;
	}
	
	/* ================================
		Top/Bottom Logic (if needed)
		This requires resetting height/width
	================================ */
	[class*="blrT"]::after,
	[class*="blrB"]::after {
		height: 60%;
		width: 100%; /* Reset width if mixed */
	}

	[class*="blrB"]::after {
		top: auto;
		bottom: 0;
	}
}

.stb-handwritting {
	font-family: "Charm", cursive;
	font-weight: 400;
	font-style: normal;
	line-height: 1.4;
	color: var(--enfold-main-color-heading);
	font-size: clamp(
		22px,
		calc(22px + (40 - 22) * ((100vw - 390px) / (1200 - 390))),
		40px
	);
}

.stb-frame-image .avia-image-overlay-wrap {
	border: 1px solid var(--stb-color-silver);
	background-color: var(--stb-color-white-90);
	padding: 1em;
}
.stb-frame-image-s .avia-image-overlay-wrap {
	border: 1px solid var(--stb-color-silver);
	background-color: var(--stb-color-white-90);
	padding: .3em .3em 1em;
}
.stb-frame-image-p .avia-image-overlay-wrap {
	border: 1px solid var(--stb-color-silver);
	background-color: var(--stb-color-white-90);
	padding: 1em 1em 2.5em;
}
.stb-frame-slider {
	z-index: 0;
	border: 1em solid var(--stb-color-white-90) !important;
	box-shadow: 0 0 1px 1px var(--stb-color-fog);
}
.stb-shadow-image .avia-image-overlay-wrap {
	box-shadow: 5px 5px 20px rgba(0,0,0,.2);
}
.stb-shadow-image-s .avia-image-overlay-wrap {
	box-shadow: 2px 2px 8px rgba(0,0,0,.2);
}

/* a little animation */
/* to rotate back for animated grow on hover */
.av-hover-grow {
	transition: ease-in-out all .3s;
}
.av-hover-grow:hover {
	transform: rotate(0);
	z-index: 10;
	box-shadow: 5px 5px 20px rgba(0,0,0,.2);
}
.stb-frame-slider:hover,
.stb-frame-image:hover,
.stb-shadow-image:hover,
.stb-shadow-image-s:hover {
	z-index: 10;
}
.stb-frame-slider:hover,
.stb-frame-image:hover .avia-image-overlay-wrap,
.stb-shadow-image:hover .avia-image-overlay-wrap,
.stb-shadow-image-s:hover .avia-image-overlay-wrap {
	box-shadow: 5px 5px 20px rgba(0,0,0,.2);
}

#top .img-op05 {opacity: .05}
#top .img-op10 {opacity: .1}
#top .img-op15 {opacity: .15}
#top .img-op20 {opacity: .2}
#top .img-op25 {opacity: .25}
#top .img-op30 {opacity: .3}
#top .img-op35 {opacity: .35}
#top .img-op40 {opacity: .4}
#top .img-op45 {opacity: .45}
#top .img-op50 {opacity: .5}
#top .img-op55 {opacity: .55}
#top .img-op60 {opacity: .6}
#top .img-op65 {opacity: .65}
#top .img-op70 {opacity: .7}
#top .img-op75 {opacity: .75}
#top .img-op80 {opacity: .8}
#top .img-op85 {opacity: .85}
#top .img-op90 {opacity: .9}
#top .img-op95 {opacity: .95}

.img-sz10 {width: 10%}
.img-sz15 {width: 15%}
.img-sz20 {width: 20%}
.img-sz25 {width: 25%}
.img-sz30 {width: 30%}
.img-sz35 {width: 35%}
.img-sz40 {width: 40%}
.img-sz45 {width: 45%}
.img-sz50 {width: 50%}
.img-sz55 {width: 55%}
.img-sz60 {width: 60%}
.img-sz65 {width: 65%}
.img-sz70 {width: 70%}
.img-sz75 {width: 75%}
.img-sz80 {width: 80%}
.img-sz85 {width: 85%}
.img-sz90 {width: 90%}

.img-rt05 {transform: rotate(5deg)}
.img-rt10 {transform: rotate(10deg)}
.img-rt15 {transform: rotate(15deg)}
.img-rt20 {transform: rotate(20deg)}
.img-rt25 {transform: rotate(25deg)}
.img-rt30 {transform: rotate(30deg)}
.img-rt35 {transform: rotate(35deg)}
.img-rt40 {transform: rotate(40deg)}
.img-rt45 {transform: rotate(45deg)}

.img-rt-05 {transform: rotate(-5deg)}
.img-rt-10 {transform: rotate(-10deg)}
.img-rt-15 {transform: rotate(-15deg)}
.img-rt-20 {transform: rotate(-20deg)}
.img-rt-25 {transform: rotate(-25deg)}
.img-rt-30 {transform: rotate(-30deg)}
.img-rt-35 {transform: rotate(-35deg)}
.img-rt-40 {transform: rotate(-40deg)}
.img-rt-45 {transform: rotate(-45deg)}

.img-flipH {transform: scaleX(-1)}
.img-flipV {transform: scaleY(-1)}

.img-gray {filter: grayscale(1)}

#top .img-trans {transition: transform 0.5s ease-in-out;}
#top .no-bottom-margin{margin-bottom:0 !important}

#top .stb-iconlist .av-iconlist-small {
  margin-top: .5em;
  padding-top: .5em;
  border-top: 3px solid var(--stb-color-sky-blue);
}
#top .stb-iconlist .av-iconlist-small li {
  margin-bottom: .3em;
  padding-bottom: .3em;
  border-bottom: 1px solid var(--stb-color-silver);
}

.stb-heading-stripe .av-special-heading-tag:before {
  content: '';
  position: absolute;
  left: -.75em;
  width: 6px;
  height: 100%;
  background-color: var(--stb-color-sand);
}
.stb-heading-stripe-b .av-special-heading-tag:before {
  content: '';
  position: absolute;
  left: -.75em;
  width: 10px;
  height: 100%;
  background-color: var(--stb-color-sky-blue);
}

.stb-ornate-subhead .av-subheading_above p {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: .75em;
}
/* Circle (before) */
.stb-ornate-subhead .av-subheading_above p::before {
	content: "";
	display: inline-block;
	flex-shrink: 0;
	width: 1em;
	height: 1em;
	border: .1em solid #000;
	border-radius: 50%;
}

/* Line (after) - occupies half of remaining space */
.stb-ornate-subhead .av-subheading_above p::after {
  content: "";
  width: 6em;
  height: .1em;
  background: var(--enfold-main-color-color);
  flex-shrink: 0;
}

.stb-ornate-subhead-t .av-subheading_above p,
.stb-ornate-subhead-b .av-subheading_below p {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: .75em;
	color: var(--stb-color-sand);
}
.stb-ornate-subhead-t .av-subheading_above p {
	color: var(--stb-color-graphite);
}
.stb-ornate-subhead-t .av-subheading_above p::after,
.stb-ornate-subhead-t .av-subheading_above p::before,
.stb-ornate-subhead-b .av-subheading_below p::after,
.stb-ornate-subhead-b .av-subheading_below p::before {
	content: "";
	display: inline-block;
	flex-grow: 1;
	height: 1px;
	background: var(--enfold-main-color-heading);
	width: 4em;
}
.stb-ornate-subhead-t .av-subheading_above p::after,
.stb-ornate-subhead-t .av-subheading_above p::before {
	background: var(--stb-color-silver);
}
.stb-ornate-subhead-white .av-subheading_above p,
.stb-ornate-subhead-white .av-subheading_below p {
	color: var(--stb-color-white);
}
.stb-ornate-subhead-white .av-subheading_above p::after,
.stb-ornate-subhead-white .av-subheading_above p::before,
.stb-ornate-subhead-white .av-subheading_below p::after,
.stb-ornate-subhead-white .av-subheading_below p::before {
	background: var(--stb-color-white);
}
@media only screen and (min-width: 992px) {
.stb-ornate-subhead .av-subheading_above p::after {
	width: 8em;
}
.stb-ornate-subhead-t .av-subheading_above p::after,
.stb-ornate-subhead-t .av-subheading_above p::before,
.stb-ornate-subhead-b .av-subheading_below p::after,
.stb-ornate-subhead-b .av-subheading_below p::before {
	width: 6em;
}
}

.stb-paper {
	position: relative;
	background-image: url(/wp-content/uploads/2025/11/parchment_body.webp);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-attachment: scroll;
	background-size: cover !important;
}
.stb-paper > .container {
	z-index: 2;
}
.stb-papertop:before,
.stb-paperbottom:after {
	content: '';
	width: 100%;
	height: 200px;
	position: absolute;
	left: 0;
	background: top center repeat-x;
	z-index: 1;
}
.stb-papertop:before {
	top: -100px;
	background-image: url(/wp-content/uploads/2025/12/parchment_top-gs.webp);
}
.stb-paperbottom:after {
	bottom: -100px;
	background-image: url(/wp-content/uploads/2025/12/parchment_bottom-gs.webp);
}
/* not use anymore 
.stb-highlight-box{
	position:relative;
	top: 200px;
	padding: 3em 3em 3em 3em;
}
.stb-highlight-spacer{
	height: 150px !important;
}
@media only screen and (min-width: 768px) {
.stb-highlight-spacer{
	height: 200px !important;
}
}
*/
#top .stb-highlight-feature .flex_column_table {
	margin-top: -200px;
	margin-bottom: 50px;
}
.stb-show-overlow{
	overflow: visible;
}

.stb-bg-white-blurred {
  background-color: rgba(255,255,255,.8);
  backdrop-filter: blur(10px);
  border: 1em solid #fff;
}

#top .av-section-tab-title {
  font-weight: bold;
}

@media only screen and (max-width: 480px) {
#top .stb-tabbing .av-section-tab-title {
	padding: 10px 10px 0 10px;
}
}
@media only screen and (min-width: 992px) {
#top .stb-tabbing .av-inner-tab-title {
	font-size: 15px;
}
}

/* blue ribbon tab section */
#top .stb-tab-blue .av-tab-arrow-container span {
	background-color: var(--stb-color-warmgold);
}
#top .stb-tab-blue .av-tab-section-outer-container .av-tab-section-tab-title-container {
	background-color: var(--stb-color-marine-blue);
}
#top .stb-tab-blue .av-tab-section-outer-container .av-section-tab-title {
	color: var(--stb-color-white);
}
#top .stb-tab-blue .av-tab-section-outer-container .av-section-tab-title:hover {
	color: var(--stb-color-warmgold);
}
#top .stb-tab-blue .av-tab-section-outer-container .av-active-tab-title.av-section-tab-title {
	color: var(--stb-color-warmgold);
}
#top .stb-tab-blue .av-tab-section-outer-container .av-active-tab-title.av-section-tab-title:hover {
	color: var(--stb-color-white);
}

/* sand ribbon tab section */
#top .stb-tab-sand .av-tab-arrow-container span {
	background-color: var(--stb-color-marine-blue);
}
#top .stb-tab-sand .av-tab-section-outer-container .av-tab-section-tab-title-container {
	background-color: var(--stb-color-warmgold);
}
#top .stb-tab-sand .av-tab-section-outer-container .av-section-tab-title {
	color: var(--stb-color-white);
}
#top .stb-tab-sand .av-tab-section-outer-container .av-section-tab-title:hover {
	color: var(--stb-color-marine-blue);
}
#top .stb-tab-sand .av-tab-section-outer-container .av-active-tab-title.av-section-tab-title {
	color: var(--stb-color-marine-blue);
}
#top .stb-tab-sand .av-tab-section-outer-container .av-active-tab-title.av-section-tab-title:hover {
	color: var(--stb-color-white);
}

/* regular tab */
#top .main_color .stb-tabcon.tabcontainer .tab.active_tab,
#top .alternate_color .stb-tabcon.tabcontainer .tab.active_tab {
	color: var(--stb-color-white);
	background-color: var(--stb-color-marine-blue);
}
#top .main_color .stb-tabcon.tabcontainer .active_tab_content {
	background-color: var(--enfold-main-color-bg);
}
#top .alternate_color .stb-tabcon.tabcontainer .active_tab_content {
	background-color: var(--enfold-alternate-color-bg);
}
#top .main_color .stb-tabcon.tabcontainer .active_tab_content,
#top .alternate_color .stb-tabcon.tabcontainer .active_tab_content {
	border: none;
}

.js_active .stb-tabcon .tab {
	font-weight: bold;
	background-color: var(--stb-color-sea-salt);
	border: 1px solid var(--stb-color-silver);
	padding: .75rem 1.5rem .5rem;
	top: 0;
}

@media screen and (min-width:768px){
	#top .main_color .stb-tabcon.tabcontainer .active_tab_content,
	#top .alternate_color .stb-tabcon.tabcontainer .active_tab_content {
		border-top: 4px solid var(--stb-color-coastal-blue);
	}
	.js_active .stb-tabcon .tab,
	.js_active .stb-tabcon .tab:first-child,
	.js_active .stb-tabcon .tab:last-child {
		border-bottom: none;
		border-top-left-radius: 1.5em;
		border-top-right-radius: 1.5em;
		margin-right: .5em;
	}
}
.js_active .stb-tabcon .tab:last-child {
  margin-right: 0;
}

ul.stb-list {
  list-style: none;
  margin-left: 0;
}
.stb-list li {
  border-bottom: 1px solid var(--stb-color-fog);
  margin: 0 -.5em;
  padding: .3em .5em;
}
.stb-tablist .stb-list li {
  margin: 0;
  padding: .3rem 1.5rem;
}
.js_active .stb-tablist .tab_content {
  padding: 0;
  
}

/* column left border */
.stb-leftstripe-1,
.stb-leftstripe-2,
.stb-leftstripe-3,
.stb-leftstripe-4,
.stb-leftstripe-5 {
  border-left: .5em solid;
  padding: 1em 0 0 1em;
  transform: translateX(-1.5em);
}
.stb-leftstripe-1 {
  border-color: var(--stb-color-marine-blue) !important;
}
.stb-leftstripe-2 {
  border-color: var(--stb-color-coastal-blue) !important;
}
.stb-leftstripe-3 {
  border-color: var(--stb-color-skysail-blue) !important;
}
.stb-leftstripe-4 {
  border-color: var(--stb-color-sky-blue) !important;
}
.stb-leftstripe-5 {
  border-color: var(--stb-color-sea-salt) !important;
}
@media only screen and (min-width: 768px) {
  .stb-leftstripe-1,
  .stb-leftstripe-2,
  .stb-leftstripe-3,
  .stb-leftstripe-4,
  .stb-leftstripe-5 {
    padding-left: 1.5em;
    transform: translateX(-2em);
  }
}

/* accordion */
.stb-accordion .toggler u {
  color: var(--stb-color-sand) !important;
}
.stb-accordion .toggler {
	font-size: 1.2em !important;
	font-family: var(--stb-font-quicksand);
	top: unset;
	border-left: none;
	border-right: none;
	padding: .75em 2.5em .75em .5em;
	border-color: var(--stb-color-sky-blue);
	background-color: transparent;
}
.stb-accordion .av_toggle_section:not(:last-child) .toggler {
	border-bottom: none;
}
.stb-accordion .toggler:hover {
	background-color: rgba(136,187,200,.1);
}
.stb-accordion .toggle_icon {
	left: auto;
	right: 1em;
	border: none;
}
.stb-accordion .toggle_icon .hor_icon {
	display: none;
}
.stb-accordion .toggle_icon .vert_icon {
	top: 0px;
	left: unset;
	border-top: 2px solid var(--stb-color-coastal-blue);
	border-left: 2px solid var(--stb-color-coastal-blue);
	width: 10px;
	height: 10px;
	transform: rotate(-135deg);
}
.stb-accordion .activeTitle {
	border-top-width: 3px;
}
.stb-accordion .activeTitle .toggle_icon .vert_icon {
	top: 6px;
	transform: rotate(45deg);
}
.stb-accordion .av_toggle_section:last-child .activeTitle {
	border-bottom: none;
}
.stb-accordion .av_toggle_section:last-child .toggle_content {
	border-bottom: 1px solid var(--stb-color-sky-blue);;
}
.stb-accordion .activeTitle.toggler:hover {
	background-color: rgba(255,255,255,.5);
}
.stb-accordion .toggle_content {
	background-color: transparent;
	border: none;
	margin-bottom: 0;
	padding: 0 .5em .75em .5em;
	border-top: 1px solid var(--stb-color-fog);
}

/* list table */
table.stb-listtable {
    background: transparent;
}
.stb-listtable tr:nth-child(odd),
.stb-listtable tr:nth-child(even) {
    background: transparent;
}
.stb-listtable tr th,
.stb-listtable tr td {
    border: 0;
}
.stb-listtable tr th {
    border-bottom: solid 1px;
    font-size: .75rem;
    color: var(--stb-color-anchor-gray);
    line-height: normal;
}
.stb-listtable tr td {
    color: var(--stb-color-graphite);
    font-size: 1rem;
    font-weight: bold;
}

/* slider */
#top .avia-slideshow-arrows a {
    border-radius: 4em;
}
#top .avia-slideshow-arrows a.avia-svg-icon svg:first-child {
	margin-top: 15px;
}

/* submenu */
#top .stb-submenu .av-submenu-pos-left .av-subnav-menu li:first-child a {
  padding-left: 0;
}
@media screen and (min-width:768px){
  #top .stb-submenu .container {
    padding: 0 50px  !important;;
  }
}

/* video list */
#top #wrap_all .all_colors .stb-video-post-title .avia-video {
  margin-bottom: 0;
}
#top #wrap_all .all_colors .stb-video-post-title .av-special-heading {
  border-left: 3px solid var(--stb-color-sand);
  min-height: 3.8em;
  padding: .5em 1em .5em 1em;
  margin-top: .3em;
  background: #f8f8f8;
}
#top #wrap_all .all_colors .stb-video-post-title .av-special-heading-tag {
  font-family: var(--stb-font-quicksand);
  color: var(--enfold-main-color-color);
  font-size: 1em;
  text-align: left;
}

/* masonry */
#top .container .stb-masonry.av-masonry.av-large-gap.av-masonry-gallery {
  padding-top: 0;
}

/* custom homepage banner */
.avia-fullscreen-slider.homepage-banner .caption_right .slideshow_align_caption {
	text-align: left;
}

.avia-fullscreen-slider.homepage-banner .caption_right .caption_container,
.avia-fullscreen-slider.homepage-banner .caption_left .caption_container {
	display: flex;
	align-items: end;
}
.avia-fullscreen-slider.homepage-banner .caption_right .slideshow_caption,
.avia-fullscreen-slider.homepage-banner .caption_left .slideshow_caption {
	height: auto;
	width: 37%;
	padding-top: 0px !important;
	padding-bottom: 0px;
	border-left: 1px solid;
/*	bottom: 100px; */
	bottom: auto;
	margin-bottom: 7em;
}

@media only screen and (min-width: 768px) {
	.avia-fullscreen-slider.homepage-banner .caption_right .caption_container,
	.avia-fullscreen-slider.homepage-banner .caption_left .caption_container {
		align-items: center;
	}
	.avia-fullscreen-slider.homepage-banner .caption_right .slideshow_caption,
	.avia-fullscreen-slider.homepage-banner .caption_left .slideshow_caption {
		min-width: 540px;
		max-height: 400px;
		margin-bottom: 0;
	}
}
@media only screen and (max-width: 768px) {
	.responsive #top .avia-fullscreen-slider.homepage-banner .slideshow_caption {
		padding: 0 2em;
	}
}

.avia-fullscreen-slider.homepage-banner .caption_right .slideshow_caption {
	right: 50px;
}

.avia-fullscreen-slider.homepage-banner .caption_left .slideshow_caption {
	left: 50px;
}

.avia-fullscreen-slider.homepage-banner .banner-subtitle {
	font-size: 1rem;
	display: block;
	font-weight: 400;
	line-height: 1.5;
}

.avia-slideshow-dots a {
	margin: 0 .25rem;
}

/*-------------------- testimonials --------------------*/
#top .av-large-testimonial-slider .avia-testimonial-meta-mini {
	text-align: center;
}
#top .av-large-testimonial-slider .avia-testimonial-name {
	font-size: 14px;
	margin-top: 0;
}
@media only screen and (max-width: 767px) {
.responsive #top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial {
	padding: 0 40px;
}
#top .avia-slider-testimonials.av-slideshow-ui.av-control-default .avia-slideshow-arrows a.prev-slide {
	margin-left: -16px;
}
#top .avia-slider-testimonials.av-slideshow-ui.av-control-default .avia-slideshow-arrows a.next-slide {
	margin-right: -16px;
}
}
@media only screen and (max-width: 640px) {
.responsive #top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial {
	padding: 0;
}
#top .av-large-testimonial-slider .avia-testimonial-content {
  font-size: 1rem !important;;
}
#top .av-large-testimonial-slider .avia-slideshow-arrows,
#top .avia-slideshow .avia-slideshow-arrows {
  display:none;
}
#top .av-control-minimal .avia-slideshow-dots a {
    width: 8px;
    height: 8px;
  padding: 3px;
  }
}
/*-------------------- grid column --------------------*/
.av-border-cells .flex_cell {
	border-left-width: 4px;
}

/*-------------------- blog --------------------*/
/* experts */
.html_elegant-blog #experts .avia-content-slider .entry-footer {
	display: none;
}
.html_elegant-blog .avia-content-slider .stb-expert-name {
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: .3em;
}
.av-subheading.av-subheading_below.stb-expertise {
  margin: 0;
}
.av-subheading.av-subheading_below.stb-expertise p {
  font-size: 80%;
  text-align: center;
}

#top .pagination a, #top .fullsize .template-blog .pagination a {
	color: var(--stb-color-white);
	background-color: var(--stb-color-marine-blue);
	border-color: var(--stb-color-marine-blue);
}
#top .pagination .current {
	color: var(--stb-color-white);
	background-color: var(--stb-color-sand);
	border-color: var(--stb-color-sand);
}
.html_elegant-blog #top .post-entry .post-meta-infos {
	display: none;
}
.avia-content-slider .slide-image img {
	width: 100%;
}
.responsive #top #wrap_all .avia-content-slider-even .slide-entry.slide-parity-odd, 
.responsive #top #wrap_all .avia-content-slider-odd .slide-entry.slide-parity-even {
	margin-bottom: 2em;
}
@media only screen and (max-width: 767px) {
	.responsive #top #wrap_all .flex_column,
	.responsive #top #wrap_all .avia-content-slider-odd .slide-entry.first {
		margin-bottom: 2em;
	}
	.avia-content-slider .slide-entry-wrap {
		margin-bottom: 0;
	}
	.caption_bottom .slideshow_caption .slideshow_inner_caption {
		padding: 0;
	}
}

/*-------------------- instagram feed --------------------*/
.crt-logo.crt-tag {
	display: none !important;
}
.crt-widget.crt-widget-branded {
	padding-bottom: 0 !important;
}

/*-------------------- Icon List --------------------*/
#top .av_iconlist_title a:hover{text-decoration:none}

/*-------------------- Container --------------------*/
@media only screen and (max-width: 767px) {
    .responsive #top #wrap_all .container {
        width: 90%;
        max-width: 90%;
    }
}

/* post listing */
.pagination {
    padding: 0;
    margin: 2em 0;
}

.post-list {
    margin: 2em 0;
}

/* cruise list */
.post-list.cruise-posts {
    display: grid;
    gap: 2rem;
}
@media screen and (min-width: 540px) {
	.post-list.cruise-posts {
		grid-template-columns: repeat(2, 1fr);
    	column-gap: 1.5rem;
	}
}
@media screen and (min-width: 768px) {
	.post-list.cruise-posts {
		column-gap: 2rem;
	}
}
@media screen and (min-width: 992px) {
	.post-list.cruise-posts {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media screen and (min-width: 1100px) {
	.post-list.cruise-posts {
		column-gap: 3rem;
	}
}
@media screen and (min-width: 1400px) {
	.post-list.cruise-posts {
		column-gap: 4rem;
	}
}

/* reading list */
.post-list.reading-posts {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1rem;
	row-gap: 2rem;
}
@media screen and (min-width: 540px) {
	.post-list.reading-posts {
		gap: 2rem;
		row-gap: 3rem;
	}
}
@media screen and (min-width: 768px) {
	.post-list.reading-posts {
		gap: 3rem;
		grid-template-columns: repeat(3, 1fr);
	}
}
@media screen and (min-width: 992px) {
	.post-list.reading-posts {
		grid-template-columns: repeat(4, 1fr);
		gap: 4rem;
		row-gap: 4rem;
	}
}

/* magazine list */
.post-list.magazine-posts {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2rem 1rem;
}
@media screen and (min-width: 480px) {
	.post-list.magazine-posts {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media screen and (min-width: 768px) {
	.post-list.magazine-posts {
		grid-template-columns: repeat(4, 1fr);
	}
}
@media screen and (min-width: 992px) {
	.post-list.magazine-posts {
		grid-template-columns: repeat(5, 1fr);
	}
}
@media screen and (min-width: 1100px) {
	.post-list.magazine-posts {
		column-gap: 1.5rem;
	}
}
@media screen and (min-width: 1200px) {
	.post-list.magazine-posts {
		column-gap: 2rem;
	}
}
.post-list.magazine-posts .post-list-item .featured-image {
	transition: transform .35s ease-in-out,
				box-shadow .35s ease-in-out;
	will-change: transform;
}
.post-list.magazine-posts .post-list-item .featured-image img {
	display: block;
}
.post-list.magazine-posts .post-list-item:hover .featured-image {
	transform: translateY(-.75em) scale(1.05);
	box-shadow: 0px 5px 8px rgba(0,0,0,.2);
}
#top #wrap_all .all_colors .magazine-posts .entry-title {
	font-size: 1.1em;
	font-family: var(--stb-font-quicksand);
	color: var(--enfold-main-color-color);
	margin-top: .3em;
	margin-bottom: 0;
}

.post-list:not(.magazine-posts) .slide-content { text-align: center; }
.post-list .written-by { font-size: .75em; margin-bottom: 1rem; }
.post-list.magazine-posts .post-list-cta {display:none;}

/* related post listing */
.related-post-list { display: flex;  gap: 2rem; row-gap: 4rem; clear:both; justify-content: center; flex-wrap: wrap;}
.related-post-list .slide-content { text-align: center; }

.related-reading,
.related-article,
.related-cruise {
	width: 100%;
	display: flex;
	flex-direction: column;
}
.slide-content {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}
.entry-content-header {
	flex-grow: 1;
}

@media screen and (min-width:640px){
	.related-article,
	.related-cruise {
		width: calc((100% - 2rem) / 2);
	}
}
@media screen and (min-width:992px){
	.related-article,
	.related-cruise {
		width: calc((100% - 4rem) / 3);
	}
}

.related-post-list.reading-posts { gap: 1rem; row-gap: 2rem;}
.related-reading {
	width: calc((100% - 1rem) / 2);
}
@media screen and (min-width: 540px) {
	.related-post-list.reading-posts { gap: 1.5rem; row-gap: 3rem;}
	.related-reading {
		width: calc((100% - 3rem) / 2);
	}
}
@media screen and (min-width: 768px) {
	.related-reading {
		width: calc((100% - 3rem) / 3);
	}
}
@media screen and (min-width: 992px) {
	.related-post-list.reading-posts { gap: 2rem; row-gap: 4rem;}
	.related-reading {
		width: calc((100% - 6rem) / 4);
	}
}
.post-list.reading-posts .entry-title,
.related-post-list .entry-title {
	padding: 15px 0;
}

/* cruise custom listing */
.cruise-posts .post-list-item {
    position: relative;
    border-bottom: 4px solid var(--stb-color-skysail-blue);
    background-color: #fff;
    border-radius: .5rem .5rem 0 0;
    overflow: hidden;
	display: flex;
    flex-direction: column;
}
.alternate_color .cruise-posts .post-list-item {
    background-color: #f5f6f1;
}
.cruise-posts .featured-image a img {
    display: block;
}
.cruise-posts .slide-content {
    padding: 1rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: .75em;
}
#top #wrap_all .all_colors .cruise-posts .entry-title {
    font-family: var(--stb-quicksand);
    font-size: 1.3rem;
    font-weight: bold;
}

/* new layout - not use
.cruise-posts .cruise-meta,
.cruise-posts .post-list-cta {
    display: none;
}
.cruise-posts .cruise-meta-info {
    position: absolute;
    top: 1rem;
    left: 0;
    z-index: 1;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 8rem;
    
    font-size: .6rem;
    line-height: 1;
    color: var(--stb-color-white);
    text-align: left;
    border-right: 5px solid var(--stb-color-sand);
}
.cruise-posts .cruise-meta-info::before {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    background-color: rgba(0, 74, 105, 0.7);
    z-index: -1;
}
.cruise-posts .cruise-meta-info .days {
    font-size: 2.5rem;
    font-weight: bold;
}
.cruise-posts .cruise-meta-info :is(.nights, .port) {
    text-transform: uppercase;
}
.cruise-posts .cruise-meta-info .nights {
    letter-spacing: 2px;
}
*/

/* category list */
.category-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-left: 0;
	gap: 1rem .5rem;
	width: 100%;
}
.category-list li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.category-list .avia-button.avia-size-large {
	min-width: unset;
}
#top .category-list .avia-button.active {
/*	background-color: #ff9933;
	border-color: #cc6600; */
	background-color: var(--stb-color-sand);
	border-color: var(--stb-color-sand);
}

/* cruise listing */
:is(.posttype-cruise, .cruise-posts) .cruise-cat {
    text-transform: uppercase;
    font-size: .75em;
    font-weight: bold;
    line-height: 1.2;
    margin: .5em 0;
}

:is(.posttype-cruise, .cruise-posts) .cruise-meta {
    display: flex;
    justify-content: space-between;
	padding: 0.75em 0px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    font-weight: bold;
    font-size: .75em;
	line-height: 1.5;
    text-transform: uppercase;
    border-color: #bde5f0 !important;
	
    width: 80%;
	margin: 0 auto;
}
.posttype-cruise .cruise-meta {
	margin-bottom: 1rem;
}

:is(.posttype-cruise, .cruise-posts) .cruise-meta .sep {
    color:#dcddd8;
    margin: 0 .5em;
}
:is(.posttype-cruise, .cruise-posts) .cruise-meta .meta-info {
	text-align: center;
	width: 100%;
}
:is(.posttype-cruise, .cruise-posts) .cruise-meta .fare {
	text-align: right;
}
/*
@media screen and (min-width:480px){
	.html_elegant-blog #top .template-cruise .post-entry .blog-categories {
		min-height: 40px;
	}
	.template-cruise .avia-content-slider .slide-entry-title {
		min-height: 200px;
	}
}
*/

/*======================*/
/* cruise page - single */
/*======================*/
/*
.cruise-content-container .content {
	padding-top: 0;
}
*/
.cruise-banner {
	height: 40vh;
	overflow: hidden;
	position: relative;
}
.cruise-banner::before {
	content: '';
	width: 100%;
	height: 10%;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.cruise-banner img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	position: absolute;
	top: 0;
	left: 0;
}
.cruise-header {
    background-color: var(--enfold-main-color-bg);
    color: var(--enfold-main-color-color);
}

.cruise-header .av-special-heading {
    margin-top: 0;
    padding-top: 50px;
}
.cruise-header h1,
.cruise-header h2,
.cruise-header h3,
.cruise-header h4,
.cruise-header h5 {
    color: var(--enfold-main-color-heading);
}
.cruise-header .entry-subtitle {
	letter-spacing: 1px;
}
:root {
    --cruise-info-column: 1;
    --cruise-info-column-gap: 1em;
	--nav-height: 0px; /* 130px; */
}
.cruise-infobox {
	display: flex;
	flex-wrap: wrap;
	gap: var(--cruise-info-column-gap);
	align-items: center;
	padding: .5em;
	margin-top: 1em;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #bde5f0 !important;
}
.cruise-infobox > div {
/*	width: calc((100% - (var(--cruise-info-column) - 1) * 1em) / var(--cruise-info-column)); */
	text-align: center;
	width: 100%;
}

.cruise-infobox h4 {
	font-weight: 400;
}
.cruise-cta {
	display: flex;
	justify-content: center;
	gap: 1em;
	margin-left: auto;
	margin-right: auto;
}
.cruise-cta a {
	width: 130px;
}
.cruise-cta .cruise-map {
	background-color: var(--stb-color-sand);
	border-bottom: var(--stb-color-sand);
	color: var(--stb-color-white);
}
.cruise-cta .cruise-expert {
	background-color: var(--stb-color-marine-blue);
	border-color: var(--stb-color-marine-blue);
	color: var(--stb-color-white);
}

.cruise-itinerary-wrapper {
	margin-top: 2em;
}
.cruise-itinerary-title .entry-title {
    margin-bottom: .5em;
    padding-bottom: .3em;
    border-bottom: 1px solid var(--stb-color-coastal-blue);
}
.cruise-itinerary-content-wrapper {
	display: grid;
	gap: 1em;
	align-items: start;
}
.cruise-itinerary-gallery {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: .5em;
}
.cruise-itinerary-gallery img {
    display: block;
	object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}
@media screen and (min-width:768px) and (max-width:992px){
	.cruise-itinerary-gallery {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media screen and (min-width:992px){
	.cruise-itinerary-content-wrapper {
		grid-template-columns: 1fr 1fr;
		gap: 2em;
	}
	.cruise-itinerary-wrapper:nth-child(odd) .cruise-itinerary-content-wrapper > div:nth-child(even) {
		order: -1; /* Move even items to the left column */
	}
}

@media screen and (min-width:540px){
	:root {
        --cruise-info-column: 2;
    }
	.cruise-infobox > div {
		text-align: unset;
	}
	.cruise-infobox > div.cruise-days	{width: 40%}
	.cruise-infobox > div.cruise-routes	{width: calc(60% - var(--cruise-info-column-gap))}
	.cruise-infobox > div.cruise-fare	{width: 40%}
	.cruise-infobox > div.cruise-cta	{width: calc(60% - var(--cruise-info-column-gap))}

	.cruise-cta {
		justify-content: start;
	}
}
@media screen and (min-width:640px){
	.cruise-banner {
		height: 50vh;
	}
}
@media screen and (min-width:768px) and (max-width:992px){
	.cruise-banner {
		height: 60vh;
	}
	:root {
		--cruise-info-column: 3;
	}
	.cruise-infobox > div.cruise-days	{width: 28%}
	.cruise-infobox > div.cruise-routes	{width: calc(48% - (var(--cruise-info-column-gap) * 2) )}
	.cruise-infobox > div.cruise-fare	{width: 24%}
	.cruise-infobox > div.cruise-cta	{width: 50%}
	
	.cruise-cta {
		justify-content: center;
	}
	.cruise-cta a {
		width: 160px;
	}
}
@media screen and (min-width:992px){
	.cruise-banner {
		height: calc(100vh - var(--nav-height));
		min-height: 400px;
	}
	.cruise-banner::after {
		content: '';
		width: 100%;
		height: 70%;
		background: linear-gradient(to top, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0));
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	
	.cruise-header {
		position: relative;
		margin-top: calc((100vh - var(--nav-height)) * -1);
		height: calc(100vh - var(--nav-height));
		background-color: transparent;
		display: flex;
		align-items: end;
	}
	.cruise-header{
		color: #bde5f0;
	}
	.cruise-header h1,
	.cruise-header h2,
	.cruise-header h3,
	.cruise-header h4,
	.cruise-header h5 {
		color: #fff;
	}
	.cruise-infobox {
		border-bottom: none;
		padding-bottom: 2em;
	}
	:root {
        --cruise-info-column: 4;
    }
	.cruise-infobox > div.cruise-days	{width: 22%}
	.cruise-infobox > div.cruise-routes	{width: calc(40% - (var(--cruise-info-column-gap) * 3) )}
	.cruise-infobox > div.cruise-fare	{width: 18%}
	.cruise-infobox > div.cruise-cta	{width: 20%}

	.cruise-cta {
		flex-direction: column;
		align-items: end;
		gap: unset;
		margin-right: unset;
	}
	.cruise-cta a {
		width: 200px;
	}
}

/* cruise submenu tab nav */
.cruise-submenu {
	position: relative;
	font-size: .85em;
	transition: transform 0.3s ease-in-out; /* Smooth transition */
	z-index: 500;
/*	margin-bottom: -50px; */
}

.cruise-submenu:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    height: 4px;
    width: 100%;
    background: var(--enfold-main-color-primary);
	background: #0f81a1;
    z-index: 2;
}
.cruise-submenu > nav {
	padding-top: 2em;
}
.cruise-submenu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	gap: .5em;
	justify-content: center;
}
.cruise-submenu ul li {
	display: flex;
	align-items: center;
	justify-content: center;
}
.cruise-submenu ul li a {
	border: 1px solid var(--stb-color-silver);
	border-bottom: none;
	border-top-left-radius: 1em;
	border-top-right-radius: 1em;
	cursor: pointer;
	padding: .5em 1em;
	text-decoration: none;
	color: var(--stb-color-charcoal);
	background: var(--stb-color-sea-salt);
	font-weight: 600;
	transition: all 0.3s ease-in-out;
	z-index: 1;
	position: relative;
}

.cruise-submenu ul li a:hover {
	color: var(--stb-color-white);
	background-color: var(--stb-color-sand);
	border-color: var(--stb-color-sand);
}

.cruise-submenu ul li a.active {
	color: var(--stb-color-white);
	background-color: var(--stb-color-marine-blue);
	border-color: var(--stb-color-marine-blue);
	z-index: 3;
}
@media screen and (min-width:768px) {
	.cruise-submenu ul li a {
		border-top-left-radius: 1.5em;
		border-top-right-radius: 1.5em;
		padding: .75em 2em .5em;
	}
}
.cruise-content-container.scrolled .cruise-submenu{
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
	background: var(--enfold-main-color-bg);
	box-shadow: 0 15px 15px rgba(0,0,0,.1);
}
.cruise-submenu-spacer {
	height: 0;
}

/* Tab Content Styling */
.tab-content-wrapper {
	margin-bottom: 3em;
}
.tab-content {
	display: none;
	opacity: 0;
/*	transform: translateY(10px); */
	transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
	padding-top: 0px; /* 100px; */
}
@media screen and (min-width:768px){
	.tab-content {
		padding-top: 50px; /* 150px; */
	}
}
.tab-content-wrapper #overview{
	padding-top: 0;
}

.tab-content.active {
	display: block;
	opacity: 1;
/*	transform: translateY(50px); */
}
#overview.tab-content.active{
/*	transform: translateY(0); */
}
.tab-content-title {
	margin-bottom: 1em;
}
.tab-content-title:first-child {
	margin-top: 0;
}
.tab-content-title:after {
	content: '';
	display: block;
	bottom: 0;
	width: 200px;
	height: 3px;
	background: #bde5f0;
	margin-left: auto;
	margin-right: auto;
}
.tab-content-title .entry-title {
	margin-bottom: .5em;
}

/* schedule tabs/nav */
.tabs-nav-wrapper {
	margin: 2em 0 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1em;
	border-top: 2px solid var(--stb-color-silver) !important;
	padding: 1em .5em 0;
}
@media screen and (max-width:768px){
	.tabs-nav-wrapper {
		flex-direction: column;
	}
}
.tabs-nav-wrapper ul {
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 1em;
}
.tabs-nav-wrapper ul li {
	display: flex;
    margin: 0;
    padding: 0;
}
.tabs-nav-wrapper ul a,
.tabs-nav-wrapper ul a:hover {
    padding: .75em 2em;
    border-radius: 5em;
    color: var(--stb-color-white);
    background-color: var(--stb-color-marine-blue);
}
.tabs-nav-wrapper ul a.active,
.tabs-nav-wrapper ul a.active:hover,
.tabs-nav-wrapper ul a.download-schedule,
.tabs-nav-wrapper ul a.download-schedule:hover {
		background-color: var(--stb-color-sand);
}
.tabs-nav-wrapper ul a:hover {
	opacity: .9;;
}

/* schedule listing */
.schedule-list {
}
.schedule-year-title {
	padding-top: 2rem;
}
.schedule-year-title .title-entry {
	letter-spacing: 0px !important;
	text-align: center;
	font-weight: bold !important;
	font-size: 2.2em !important;
}
.schedule-month-title {
	padding: 0 1rem;
	margin: 3rem 0 1rem;
	border-bottom: none;
	position: relative;
}
.schedule-month-title .title-entry:before {
	content: '';
	position: absolute;
	left: 0;
	width: 4px;
	height: 100%;
	background-color: var(--stb-color-sand);
}

.schedule-item {
	border-radius: .75rem;
	overflow: hidden;
	transition: all 0.3s ease;
}
.main_color .schedule-item:not(.schedule-disabled) {
	background-color: #ffffff;
}
.alternate_color .schedule-item:not(.schedule-disabled) {
	background-color: rgba(245,246,241,.5);
}
.schedule-item:not(:last-child) {
	margin-bottom: .75rem;
}

.schedule-item-inner {
	padding:1rem .5rem;
	border-bottom: none;
}
:is(.main_color, .alternate_color) :is(.schedule-month-title, .schedule-item-inner) {
	border-color: var(--stb-color-coastal-blue);
}

.schedule-item {
	backdrop-filter: blur(8px);
	border: 1px solid rgba(23, 23, 23, 0.1);
	border-radius: .75rem; /* Smaller border radius for horizontal box */
	display: grid;
	grid-template-columns: 180px 1fr 200px;
	align-items: center;
	overflow: hidden;
	transition: all 0.3s ease;
}

.scrd-left {
	padding: 1rem;
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: center;
	text-align: center;
	background: rgba(255,247,237,.9);
	height: 100%;
}
.scrd-center {
	padding: 1.5rem;
	position: relative;
}
.scrd-right {
	padding: 1.5rem;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
	gap: .5rem;
	border-left: 1px solid rgba(255,255,255,0.5);
	height: 100%;
}
.main_color .scrd-right {
	background-color: rgba(245,246,241,.3);
}
.alternate_color .scrd-right {
	background: rgba(255,255,255,0.5);
}

.schedule-item:not(.schedule-disabled):hover {
	transform: scale(1.01);
	box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.1);
	border-color: rgba(23, 23, 23, 0.15);
}

.schedule-item:not(.schedule-disabled):hover .scrd-left {
	background: rgba(255,247,237,1);
}

.schedule-item .cruise-date {
	font-weight: bold;
}
.schedule-item .cruise-days {
	font-size: .75rem;
}
.schedule-item .cruise-code {
	font-size: .75rem;
	font-weight: normal;
}
.schedule-item .cruise-title {
	font-size: 1.5rem;
	font-weight: bold;
}
.schedule-item .cruise-title a {
	transition: all 0.3s ease;
}

.scrd-cruise-meta {
	font-size: .75rem;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #444;
	margin-bottom: 0.25rem;
	display: flex;
	align-items: center;
	gap: 8px;
}
.schedule-item .cruise-expert {
	background: #fef3c7;
	color: #92400e;
	padding: 0 .75rem;
	border-radius: 4px;
	border: 1px solid #fde68a;
}
.schedule-item .cruise-routes {
	font-size: 1rem;
	color: #444;
	margin-top: 0.25rem;
	display: flex;
	align-items: center;
	gap: 8px;
}

.schedule-item .price {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
	line-height: 1.5;
}
.schedule-item .price-amount {
	font-weight: bold;
	font-size: 1.5rem;
	color: var(--stb-color-marine-blue);
	line-height: 1;
}
.schedule-item-price .price-meta {
	font-size: .75rem;
	text-align: right;
}
.schedule-item-price .surcharge,
.schedule-item-price .price-desc {
	font-size: inherit;
}
#top .enquire {
	display: block;
    line-height: 1;
	margin-top: 0.5rem;
	padding: 1rem 2rem;
	border-radius: 100px;
	border: none;
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	background: var(--stb-color-marine-blue);
	cursor: pointer;
	transition: all 0.2s;
}
#top .enquire:hover {
	background: var(--stb-color-sand);
}

@media (max-width: 768px) {
	.schedule-item {
		grid-template-columns: 170px 1fr;
		grid-template-rows: auto auto;
	}
	.scrd-center {
		padding: 1rem 1.5rem;
	}
	.scrd-right {
		padding: 1rem;
		grid-column: 1 / -1;
		border-left: none;
		border-top: 1px solid rgba(23, 23, 23, 0.1);
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
	.schedule-item .cruise-title {
		font-size: 1.3rem;
	}
	.schedule-item-price .price {
		align-items: center;
	}
	.schedule-item-price .price-meta {
		text-align: left;
	}			
}
@media (min-width: 640px)  and (max-width: 767.98px){
	.schedule-item .price {
		flex-direction: initial;
		align-items: start;
		gap: 1rem;
	}
	.schedule-item-price .surcharge {
		margin-top: .3rem;
	}
}
@media (max-width: 639.98px) {
	.schedule-item {
		grid-template-columns: 100px 1fr;
	}
	.scrd-left {
		justify-content: start;
	}
	.schedule-item .cruise-date {
		text-align: left;
		font-size: 1.2rem;
	}
	.schedule-item .cruise-date span {
		display: block;
	}
	.schedule-item .cruise-date .date-sep {
		display: none;
	}
	.scrd-cruise-meta {
		margin-bottom: 0;
	}
	.schedule-item .cruise-title {
		font-size: 1.4rem;
	}
	.schedule-item-price .price {
		align-items: start;
	}
}

@media (min-width: 992px) {
	.schedule-list-cruise .schedule-item {
		grid-template-columns: 180px 1fr 400px;
	}
	.schedule-list-cruise .scrd-right {
		grid-template-columns: 1fr 1fr;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		width: 100%;
	}
}

.schedule-disabled {
	color: #aaa;
}
.main_color .schedule-disabled {
	background: rgba(255,255,255,.6)
}
.alternate_color .schedule-disabled {
	background: rgba(247,247,247,.5);
}
.schedule-disabled .scrd-left {
	background: rgba(237,237,237,.4);
}
.schedule-disabled :is(.cruise-title a,
.scrd-cruise-meta,
.cruise-routes,
.price-amount,
.schedule-item-cta strong) {
	color: rgba(0,0,0,.3);
}
.schedule-disabled .cruise-title a:hover {
	opacity: .8;
}


/* related content */
.related-section {
	clear: both;
}

/* magazine */
.magazine-content-container .entry-content-wrapper {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}
.magazine-subscribe-title {
    margin-top: 0;
    padding-bottom: 1em;
    margin-bottom: 1em;
}

.magazine-subscribe-title:after {
    content: '';
    display: block;
    width: 20%;
    height: 1px;
    background: #88bbc8;
    margin-left: auto;
    margin-right: auto;
}

.magazine-subscribe-title .entry-title {
    margin-bottom: .5em;
}


/**********************************/
/*         HubSpot Form           */
/**********************************/

/* ==============================
   HubSpot Form Color Variables
================================ */
:root {
  --hs-text-color: var(--enfold-main-color-color);
  --hs-heading-color: var(--enfold-main-color-heading);

  --hs-border-color: var(--stb-color-anchor-gray);
  --hs-accent-color: var(--stb-color-anchor-gray);

  --hs-focus-bg: rgba(255, 255, 255, 0.2);
  --hs-error-color: var(--stb-color-ensign-red);
}

/* ==============================
   Form wrapper
================================ */
#top .stb-hsform .hbspt-form form,
#top .stb-hsform .hbspt-form form fieldset {
  max-width: 900px;
  margin: 0 auto;
  font-family: inherit;
}

/* ==============================
   Form fields
================================ */
#top .stb-hsform .hbspt-form .hs-form-field {
  margin-bottom: 1em;
}

/* Full-width fields */
#top .stb-hsform .hbspt-form .hs-form-field.full,
#top .stb-hsform .hbspt-form .hs-form-field.hs-fieldtype-textarea,
#top .stb-hsform .hbspt-form .hs-form-field.hs-fieldtype-select:last-child {
  width: 100%;
}

/* ==============================
   Labels
================================ */
#top .stb-hsform .hbspt-form label {
  font-size: .75em;
  font-weight: bold;
  margin-bottom: 0;
  display: block;
}

#top .stb-hsform .hbspt-form label span {
  font-size: inherit;
  font-weight: bold;
  color: var(--hs-heading-color);
}

#top .stb-hsform .hbspt-form .hs-field-desc {
  font-size: .75em;
  margin: 0 0 1em;
  line-height: 1.4;
}

/* ==============================
   Inputs & selects
================================ */
#top .stb-hsform .hbspt-form input[type="text"],
#top .stb-hsform .hbspt-form input[type="email"],
#top .stb-hsform .hbspt-form input[type="tel"],
#top .stb-hsform .hbspt-form select {
  width: 100%;
  border: none;
  border-bottom: 2px solid var(--hs-border-color);
  padding: 8px 0;
  margin-bottom: .5em !important;
  font-size: 1em;
  color: var(--hs-text-color);
  background: transparent;
  outline: none;
}

#top .stb-hsform .hbspt-form .hs-input.hs-fieldtype-intl-phone {
  width: 100%;
}

/* Remove default select styling */
#top .stb-hsform .hbspt-form select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%230b2a4a' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 4px center;
  background-size: 10px;
}

/* ==============================
   Textarea
================================ */
#top .stb-hsform .hbspt-form textarea {
  width: 100%;
  min-height: 140px;
  border: 2px solid var(--hs-accent-color);
  padding: .5em;
  margin-bottom: .5em;
  font-size: 1em;
  color: var(--hs-text-color);
  resize: vertical;
  background: transparent;
}

/* ==============================
   Checkboxes
================================ */
.stb-hsform .inputs-list {
  margin: 0;
  list-style: none;
}
.stb-hsform .hs-form-booleancheckbox {
  margin: 0;
}

#top .stb-hsform .hs-form-booleancheckbox label {
  display: flex;
  align-items: baseline;
  gap: .5em;
  line-height: 1.5;
}
#top .stb-hsform .hs-form-booleancheckbox input {
  top: 2px;
  position: relative;
}

/* ==============================
   Button
================================ */
#top .stb-hsform .hbspt-form .hs-submit .hs-button {
  border-radius: 3em;
  padding: 1em 3em;
  background-color: var(--hs-heading-color);
  color: #fff;
  border: none;
  transition: opacity .3s ease-in-out;
}

/* Hover / focus / active */
#top .stb-hsform .hbspt-form .hs-submit .hs-button:hover,
#top .stb-hsform .hbspt-form .hs-submit .hs-button:focus,
#top .stb-hsform .hbspt-form .hs-submit .hs-button:active {
  opacity: .9;
}


/* ==============================
   Focus state
================================ */
#top .stb-hsform .hbspt-form input:focus,
#top .stb-hsform .hbspt-form select:focus,
#top .stb-hsform .hbspt-form textarea:focus {
  background-color: var(--hs-focus-bg);
  box-shadow: none;
}

/* ==============================
   HubSpot quirks
================================ */
#top .stb-hsform .hbspt-form .hs-form-field::after {
  content: "";
  display: block;
  clear: both;
}

#top .stb-hsform .hbspt-form .hs_your_inquiry {
  width: 100%;
}

/* ==============================
   Error states
================================ */
#top .stb-hsform .hbspt-form .hs-error-msgs {
  margin-top: .5em;
  list-style: none;
  padding: 0;
  margin: 0;
  color: var(--hs-error-color);
}

#top .stb-hsform .hbspt-form .hs-error-msgs li {
  margin: 0;
}

#top .stb-hsform .hbspt-form .hs-error-msg {
  font-size: .75em;
  color: var(--hs-error-color);
  line-height: 1;
}

/* Input border when error */
#top .stb-hsform .hbspt-form .hs-error input,
#top .stb-hsform .hbspt-form .hs-error select,
#top .stb-hsform .hbspt-form .hs-input.error {
  border-color: var(--hs-error-color);
}

/* Textarea error */
#top .stb-hsform .hbspt-form .hs-error textarea {
  border-color: var(--hs-error-color);
}

/* Optional: subtle shake on error */
@keyframes hs-shake {
  0% { transform: translateX(0); }
  25% { transform: translateX(-3px); }
  50% { transform: translateX(3px); }
  75% { transform: translateX(-2px); }
  100% { transform: translateX(0); }
}

#top .stb-hsform .hbspt-form .hs-error input,
#top .stb-hsform .hbspt-form .hs-error select,
#top .stb-hsform .hbspt-form .hs-error textarea {
  animation: hs-shake 0.25s ease-in-out;
}