/*
Theme Name: NBG
Theme URI: https://wordpress.org/themes/nbg/
Author: Helloknox
Author URI: https://helloknox.com/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nbg
Tags:
*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=c98edd94-0dbb-4924-a615-54b9eab2730c&fontids=705949");
@font-face{
    font-family:"CenturyExpandedLTW01-Ro";
    src:url("assets/fonts/705949/3fc90cbc-c149-4297-90a2-01d44b955919.eot?#iefix");
    src:url("assets/fonts/705949/3fc90cbc-c149-4297-90a2-01d44b955919.eot?#iefix") format("eot"),
    	url("assets/fonts/705949/ada50358-aeee-4f99-8544-6add4e108878.woff2") format("woff2"),
    	url("assets/fonts/705949/fdbd4ad2-72aa-45cb-abd4-085b1459f027.woff") format("woff"),
    	url("assets/fonts/705949/d5c4c353-c256-4778-a45b-8dcd602b6494.ttf") format("truetype");
    font-display: swap;
}

@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=c98edd94-0dbb-4924-a615-54b9eab2730c&fontids=705946");
@font-face{
    font-family:"CenturyExpandedLTW01-It";
    src:url("assets/fonts/705946/0a9dfc19-0565-435b-93b4-802062df792c.eot?#iefix");
    src:url("assets/fonts/705946/0a9dfc19-0565-435b-93b4-802062df792c.eot?#iefix") format("eot"),
    	url("assets/fonts/705946/e71300fe-b525-4c62-8152-5c4c1e0b9053.woff2") format("woff2"),
    	url("assets/fonts/705946/fc6cd18c-bebd-4c90-b112-7fcf4311b02c.woff") format("woff"),
    	url("assets/fonts/705946/643982a3-4f1b-480c-8d3d-d1ba91aff09b.ttf") format("truetype");
    font-display: swap;
}

.collapse.in {
  display: block;
}

.collapse {
  display: none;
}

.br-hide {
	display: none;
}

.text-center {
	text-align: center;
} 

@media screen and (min-width: 991px) { 
	.br-hide {
		display: block;
	}
}

.br3 {
	border-radius: 3px;
}

a.anchor {
    display: block;
    position: relative;
    top: 33px;
    visibility: hidden;
}

/* New image layout */
/* New image layout */

.tripple-group {
	margin: 30px auto;
	display: block;
	max-width: 700px;
}

.tripple-group-wide {
	margin-bottom: 20px;
}

.tripple-group-split {
	justify-content: space-between;
	display: flex;
	margin-bottom: 40px;
}

.tripple-group-a {
	margin: 0 10px 0 0;
}


.tripple-group-b {
	margin: 0 0 0 10px;
}

.img-gallery {
	padding: 0;
}




.pb-30 {
	padding-bottom: 15px;
}

.pl-15 {
	padding-left: 7px;
}

.pr-15 {
	padding-right: 7px;
}

.ml-15 {
	margin-left: 7px;
}

.mr-15 {
	margin-right: 7px;
}

@media screen and (min-width: 767px) {
	.pb-30 {
		padding-bottom: 30px;
	}

	.pl-15 {
		padding-left: 15px;
	}

	.pr-15 {
		padding-right: 15px;
	}

	.ml-15 {
		margin-left: 15px;
	}

	.mr-15 {
		margin-right: 15px;
	}
}

/* SLICK  */

.slick-dots {
	bottom: -60px;
}

.slider {
    margin: 0px auto;
}

.slick-slide {
  margin: 0px 1px -4px 1px;
}

.single-luggage .slick-slide {
  margin: 0px 1px;
}

.slick-slide img {
  height: 250px;
  width: auto !important;
}

@media screen and (min-width: 1200px) {
	.slick-slide img {
  		height: 400px;
	}
}

.flexible-gallery {
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

.contact-gallery {
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

/* Bloom */

.et_bloom .et_bloom_form_container .et_bloom_form_content {
  padding: 0px 30px 40px 30px !important;
}

.et_bloom_submit_subscription {
  padding: 15px !important;
}

.et_bloom .et_bloom_form_container .et_bloom_form_content input {
	border: 1px #ddd solid !important;
}

.et_bloom .et_bloom_form_header h2 {
	font-weight: 400 !important;
}

.page-template-page-luggage .et_bloom .et_bloom_form_container.et_bloom_rounded input, .page-template-page-luggage .et_bloom .et_bloom_form_container.et_bloom_rounded textarea, .page-template-page-luggage .et_bloom .et_bloom_form_container.et_bloom_rounded .et_bloom_form_content #mc_embed_signup .button, .page-template-page-luggage .et_bloom .et_bloom_form_container.et_bloom_rounded button {
    border-radius: 50px !important;
}

/* Hides the main nav */
/* Hides the main nav */

.js .main-navigation ul, .main-navigation .menu-item-has-children > a > .icon, .main-navigation .page_item_has_children > a > .icon, .main-navigation ul a > .icon {
    display: none !important;
}

#CybotCookiebotDialog a {
	padding: 4px;
}



body {color: #444 !important;}

a {color: #444;}

.single .wp-caption-text {
	font-size: 1em !important;
	margin-top: 5px;
}



div.wpforms-container-full .wpforms-form input.wpforms-field-medium, div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium {
	max-width: unset !important;
}

div.wpforms-container-full {
  margin: 0px auto !important;
}

.wpforms-field-label {
	font-weight: 400 !important;
}

.wpforms-confirmation-container-full {
	background-color: transparent !important;
	border: 0px !important;
}

.wpforms-confirmation-container-full p {
	color: #fff !important;
	text-align: center;
}

.featured-image {
		display: flex;
}

.featured-image img {
	margin: 0 auto;
  	max-width: 890px;
  	width: 100%;
}

/* END 2019 Navigation updates */
/* END 2019 Navigation updates */

/* Careers */
/* Careers */

a.career-position {
	text-decoration: none;
	all: unset;
	border: 1px #ccc solid;
	border-radius: 6px;
	padding: 20px 20px 10px 20px;
	display: block;
	cursor: pointer;
}

a:hover.career-position {
	border: 1px #fff solid;
}

@media screen and (min-width: 991px) {
	a.career-position {
		text-decoration: none;
		all: unset;
		border: 1px #ccc solid;
		border-radius: 6px;
		padding: 50px 65px 30px 65px;
		display: block;
		cursor: pointer;
	}
}

.careers-btn {
	border: 1px #fff solid;
  border-radius: 50px;
  padding: 3px 20px;
  font-size: 1em !important;
  text-transform: uppercase;
  height: 24px;
  margin-top: 8px;
}

.break {
	display: none;
}

.normal-break {
	font-style: normal;
}

@media screen and (max-width: 991px) {
	.break {
		display: inline;
	}
}

.display-small {
	font-size: 1em;
	line-height: 1.2em;
	font-style: normal;
	padding-top: 20px;
	display: block;
}


@media screen and (max-width: 767px) {
	.container {
		padding-left: 25px !important;
		padding-right: 25px !important;
	}

	.container-wide {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.container-wide .col-xs-12 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}

.single .entry-header {
	padding: 40px 0 0 0;
}

.single .img-holder-outer {
	margin: 0 auto;
	width: 70vw;
	max-width: 1200px;
}

@media screen and (max-width: 1200px) {
	.single .img-holder-outer {
		margin: 0 auto;
		width: 100vw;
		min-width: unset;
	}
}

@media screen and (max-width: 767px) {
	.single .img-holder-outer {
		margin: 0 auto;
		width: 100vw;
		min-width: unset;
	}
}

.single .img-holder {
    margin-top: 87px;
    height: 30vw;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

@media screen and (max-width: 1200px) {
	.single .img-holder {
    	height: 400px;
    	margin-top: 87px;
    	margin-bottom: 0px;
	}
}

@media screen and (max-width: 767px) {
	.single .img-holder {
		height: 55vw;
		background-size: cover;
		margin-top: 73px;
	}
}

@media screen and (max-width: 600px) {
	.single .img-holder {
		margin-top: 46px;
		background-position: center;
	}
}

.single .img-holder-gallery {
    background-color: #000;
}

.entry-header ul {
	text-align: center;
	list-style: none;
	margin: 0px;
	padding: 1% 0 1% 0;
	font-size: 0px;
}


.content-categories {
	padding: 4% 0;
}

.content-categories ul {
	text-align: center;
	list-style: none;
	margin: 0px;
	padding: 0% 0 2% 0;
	font-size: 0px;
}

.entry-header ul li, .content-categories ul li {
	font-size: 12px;
	display: inline-block;
	border-right: 1px #444 solid;
	margin: 0px;
	padding: 0px 15px;
	text-transform: uppercase;
}

@media screen and (max-width: 1200px) {
	.entry-header ul li, .content-categories ul li {
		padding: 0px 10px;
	}
}

@media screen and (max-width: 991px) {
	.entry-header ul li, .content-categories ul li {
		padding: 10px 5px;
	}
}

@media screen and (max-width: 600px) {
	.entry-header ul li, .content-categories ul li {
		display: block;
		border: 0px;
	}
}

.entry-header ul li a, .content-categories ul li a {
	text-decoration: none;
	padding: 3px 0px;
}

.entry-header .current-cat a, .content-categories .current-cat a {
	color: #353535 !important;
}

.entry-header ul li:last-child, .content-categories ul li:last-child {
	border-right: 0px;
}




.single .img-holder-gallery .entry-title, .single .introduction .entry-title {
	font-size: 2.6em;
	text-align: center;
	padding: 50px 0;
	font-family: 'CenturyExpandedLTW01-Ro';
	margin: 0px auto;
	width: 60%;
}

@media screen and (max-width: 991px) {
	.single .img-holder-gallery .entry-title, .single .introduction .entry-title {
		width: 70%;
		font-size: 2.3em;
	}
}

@media screen and (max-width: 767px) {
	.single .img-holder-gallery .entry-title, .single .introduction .entry-title {
		width: 90%;
		font-size: 2em;
	}
}

.entry-title a {
	text-decoration: none;
}

.entry-title-left {
	text-align: left !important;
}

@media screen and (max-width: 767px) {
	.single .entry-title, .blog .entry-title, .page-template-page-theysay .entry-title, .error404 .entry-title, .page-id-318 .entry-title {
		font-size: 2em;
		padding-top: 1.5%;
		padding-bottom: 2%;
	}
}

.single .site .introduction p, .blog .entry-summary p, .page .introduction p, .page-template-page-theysay .entry-summary p {
  font-weight: 700;
}

@media screen and (max-width: 767px) {
	.single .site .introduction p, .blog .entry-summary p, .page .introduction p, .page-template-page-theysay .entry-summary {
		font-size: 1.35em;
		line-height: 1.35em;
	}
}

.blog .entry-summary hr, .blog .entry-header hr, .page-template-page-theysay .entry-header hr, .page-template-default .entry-header hr  {
	border-top: 1px solid #353535;
	width: 70%;
	margin-top: 20px;
  margin-bottom: 60px;
  height: 0px;
}

.blog article:last-child hr, .category article:last-child hr {
	border: 0px;
}

.blog .entry-header, .page-template-page-theysay .entry-header {
	margin-top: 20px;
	margin-bottom: 10px;
}

.page-template-page-theysay .col-xs-12:first-child .entry-header {
	border: 1px solid #000;
}

.page-template-page-theysay .col-xs-12:first-child .entry-header:before {
	content: 'Latest';
  position: absolute;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  display: block;
  bottom: 10px;
}


.blog .entry-header hr, .page-template-page-theysay .entry-header hr, .page-template-default .entry-header hr {
	margin-bottom: 0px;
}

.blog .entry-header ul, .page-template-page-theysay .entry-header ul, .page-template-default .entry-header ul {
	padding: 5% 0 2% 0;
}

@media screen and (max-width: 767px) {
	.blog .entry-header ul, .page-template-page-theysay .entry-header ul, .page-template-default .entry-header ul {
		padding: 7% 0 2% 0;
	}
}

.single .entry-header hr, .single .content-categories hr {
	border-top: 1px solid #353535;
	width: 70%;
	margin-top: 30px;
    margin-bottom: 40px;
    height: 0px;
}

.single .site p, .blog p, .page-id-72 p {
	font-size: 1.3em;
	line-height: 1.3em;
	margin-bottom: 40px;
}

.page-id-72 li p {
	font-size: 1em;
}

.page-id-72 li li {
	font-size: 1em;
	line-height: 1.65em;
	margin-bottom: 10px;
}

.page-id-72 table tr td {
	font-size: 1.2em;
}

.page-id-72 table tr td p {
	font-size: 1em;
}

@media screen and (max-width: 767px) {
	.page-id-72 table tr td {
		font-size: 0.8em;
	}
}


.single p img {
	margin: 15px 0;
}

.page p img {
	margin: 30px 0;
}

.page-id-318 p img, .page-id-367 p img {
	margin: 70px 0;
}

.entry-content ul, .entry-content ol {
	font-size: 1.3em;
	line-height: 1.3em;
}

.entry-content li {
	padding-bottom: 10px;
	margin-left: 20px;
}

.entry-content p, .entry-content ul, .entry-content ol, .introduction p, .entry-content table, .entry-content h2, .entry-content h3 {
  padding: 0px;
  display: block;
}


@media screen and (min-width: 1700px) {
	.entry-content p, .entry-content ul, .entry-content ol, .introduction h1, .introduction p, .entry-content h2, .entry-content h3, .entry-content figure, .entry-content blockquote {
  		padding: 0px 150px;
	}
}


@media screen and (max-width: 767px) {
	.single p, .blog p, .page-id-72 p {
		font-size: 1.1em;
		line-height: 1.3em;
		margin-bottom: 20px;
	}
}


.single blockquote p, .blog blockquote p, .page blockquote p {
  font-size: 2.6em !important;
	font-size: clamp(1.6em, 2vw, 2.2em) !important;
	font-family: 'CenturyExpandedLTW01-It';
	line-height: 1.3em !important;
}



blockquote {
    border-left: 0px !important;
    padding: 40px 0px !important;
    margin: 0 0 20px !important;
}

blockquote footer {
    padding: 0 165px !important;
}

@media screen and (max-width: 1200px) {
	blockquote footer {
	    padding: 0 85px !important;
	    margin-bottom: 15px;
	    margin-top: 15px;
	}
}

@media screen and (max-width: 991px) {
	blockquote footer {
	    padding: 0 40px !important;
	    margin-bottom: 15px;
	    margin-top: 15px;
	}
}

@media screen and (max-width: 767px) {
	blockquote footer {
	    padding: 0 0px !important;
	    margin-bottom: 15px;
	    margin-top: 15px;
	}
}


.page blockquote {
    border-left: 0px !important;
    padding: 50px 0px 0px 0px !important;
    margin: 0 0 20px !important;
}

.page blockquote p {
    margin: 0px !important;
}

@media screen and (max-width: 767px) {
	blockquote {
	    padding: 50px 0px 0px 10px !important;
	}
}



@media screen and (max-width: 767px) {
	.single .entry-title, .blog .entry-title, .category .entry-title {
		font-size: 2.8em;
		padding-top: 1.5%;
		padding-bottom: 2.5%;
	}

	.single .introduction p, .blog .entry-summary p, .category .entry-summary p {
		font-size: 1.7em;
		line-height: 1.42em;
	}

	.single p, .blog p {
		font-size: 1.6em;
		line-height: 1.6em;
	}
}


.main {margin-top: 150px;}


.press-logo {
	max-width: 200px;
	width: 200px;
	margin: 0 auto;
}



/* Travel Insight Latest */

.feature-component {
  display: flex;
  width: 100%;
  text-decoration: none;
  color: inherit;
}

.feature-content {

  width: 100%;
  border-radius: 3px;
  overflow: hidden;
}

@media screen and (min-width: 991px) {
	.feature-content {
	  display: flex;
	}
}

.left-column {
  display: block;
  background-size: cover;
  background-position: center;
  height: 400px;
}

@media screen and (min-width: 991px) {
	.left-column {
	  flex: 1;
	  min-height: 500px;
	  height: 100%;
	}
}

@media screen and (min-width: 1700px) {
	.left-column {
	  height: 600px;
	}
}

.right-column {
  background-color: #252525;
  color: #fff;
  align-content: center;
}

@media screen and (min-width: 991px) {
	.right-column {
	  flex: 1;
	}
}

.feature-header {
  font-size: 1.5em;
}

.feature-details {
  padding: 40px;
}

@media screen and (min-width: 991px) {
	.feature-details {
	  padding: 70px;
	}
}


.feature-details h2 {
  font-size: clamp(2em, 3vw, 3.2em);
  margin: 0;
  padding: 0.75em 0 0 0;
}

.filter h2 {
  font-size: clamp(1.6em, 2.2vw, 2.4em);
  margin: 0 0 1em 0;
  padding: 0.75em 0 0 0;
}

.feature-details p {
  font-size: 1.1em;
  margin-top: 10px;
  margin-bottom: 30px;
}

.learn-more {
  font-size: 1.2em;
}

.learn-more .arrow-placeholder {
  margin-left: 10px;
}


/* Lightweight Accordion */
/* Lightweight Accordion */

@media screen and (min-width: 1700px) {
	.page-id-72 .lightweight-accordion {
	  padding: 0px;
	}

	.lightweight-accordion {
	  padding: 0px 150px;
	}
}

.lightweight-accordion .lightweight-accordion-title {
  display: list-item;
  background: #f3f3f3 !important;
  padding: 12px 12px 12px 18px;
  cursor: pointer;
}

.lightweight-accordion .lightweight-accordion-title span {
	font-size: 1.3em !important;
  line-height: 1.3em !important;
}

.lightweight-accordion .lightweight-accordion-body {
  padding: 15px 0 0 0 !important;
}

.lightweight-accordion .lightweight-accordion-body p {
  padding: 0px 25px !important;
}

.lightweight-accordion .lightweight-accordion-body ul {
  margin: 0 0 40px 0;
  padding: 0 0 0 45px;
}

.lightweight-accordion .lightweight-accordion-body ul li {
  line-height: 1.25em;
  padding: 0 0 15px 0;
}

/* Main navigation smaller items */
/* Main navigation smaller items */

.header-navigation {
	top: 30px;
	position: relative;
	height: 30px;
}

.header-navigation a {
	color: #fff;
	padding: 0 10px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 0.8em;
}

.header-navigation-button {
	top: 30px;
	position: relative;
	height: 30px;
}

@media screen and (min-width: 991px) {
	.header-navigation-button {
		top: 35px;
	}
}

.header-navigation-button a {
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.8em;
  background: #fff;
  padding: 5px 10px;
  letter-spacing: 0px;
}

.header-navigation a:hover {
	color: #fff;
	text-decoration: none;
}

.left-navigation {
	position: relative;
	width: 280px;
}

.right-navigation {
	position: relative;
	width: 280px;
	text-align: right;
}

@media screen and (max-width: 991px) {
	.hide-navigation {
		display: none;
	}
}



/* Luggage updates */
/* Luggage updates */

.box-fill {
  background-color: rgba(0,0,0, 0.2);
  width: 100%;
  height: 75vh;
  position: absolute;
  top: 0;
}

.luggage-banner {
	height: 90vh;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
}

.luggage-banner-note {
  position: absolute;
  bottom: 0px;
  right: 0;
  background-color: rgba(0,0,0,0.5);
  padding: 5px 10px;
  color: #ddd;
  display: inline-block;
  font-size: 0.7em;
}

.aboutpage-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white; /* Adjust as necessary */
    font-family: 'CenturyExpandedLTW01-Ro';
    z-index: 2; /* Ensure the text is above the tint */
    width: 100%;
    text-align: center;
}

.aboutpage-title h1 {
    display: inline-block;
    font-size: 3em;
    color: #fff;
    width: 100%;
    align-items: center;
}

@media (min-width: 991px) {
  .aboutpage-title h1 {
    font-size: 4em;
  }
}

@media (min-width: 1200px) {
  .aboutpage-title h1 {
    font-size: 5.5em;
  }
}

.aboutpage-note {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(0,0,0,0.5);
  padding: 5px 10px;
  color: #ddd;
  display: inline-block;
  font-size: 0.7em;
  z-index: 2;
}

.luggage-banner .luggage-text {
	display: flex;
	height: 85vh;
	justify-content: center;
	flex-direction: column;
}

@media (min-width: 991px) {
	.luggage-banner .luggage-text  {
		height: 85vh;
	}
}

.luggage-banner .display {
	font-size: 2.7em;
	line-height: 1.4em;
	font-family: 'CenturyExpandedLTW01-Ro';
	padding: 0px;
	color: #222;
}

@media (min-width: 991px) {
	.luggage-banner .display {
		font-size: 4em;
	}
}

.img-fluid.h-100 {
    height: 75vh !important;
    object-fit: cover;
    z-index: -12;
  }

.img-fluid {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

@media (min-width: 991px) {
	.text-container {
	  max-width: 85%;
	  margin-right: auto;
	  padding: 0 15px;
	}
}

@media (min-width: 1200px) {
	.text-container {
	  max-width: 65%;
	  margin-right: auto;
	  padding: 0 15px;
	}

	.text-container-why {
	  max-width: 85%;
	}
}

.add-transparency {
    filter: grayscale(100%); /* This changes the saturation to 0 */
    opacity: 0.05; /* This changes the opacity to 5% */
}

@media (min-width: 991px) {
	.w-95{width:95%!important}
}

.page-template-page-luggage, .single-luggage {
	background-color: #f0f0f0;
	background: rgb(240,240,240);
	background: linear-gradient(45deg, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 100%);
}

@media (min-width: 1400px) {
  .luggage-style .container {
    max-width: 1320px;
  }
}

.luggage-heading {
  font-optical-sizing: auto;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 20px;
  font-size: 1.6em;
  padding-left: 10px;
}

.luggage-title {
  font-optical-sizing: auto;
  font-weight: 400;
  font-size: 1.6em;
  padding-bottom: 0px;
}


.luggage-style .luggage-standard p {
  font-family: 'CenturyExpandedLTW01-Ro';
  font-optical-sizing: auto;
  font-size: 1.2em;
  padding-top: 20px;
  margin: 0 auto;
  line-height: 1.5em;
  text-decoration: none;
}

.luggage-style .text-container .luggage-standard a {
	text-decoration: underline;
}

.luggage-style .luggage-standard a {
  text-decoration: none;
  padding: 0 20px;
}

.luggage-style .single-luggage-standard a {
  padding: 0px;
}

@media screen and (min-width: 991px) {
	.page-template-page-luggage .luggage-description {
		width: 60%;
	}
}

.themeMember {
	opacity: 0;
}

.page-template-page-luggage .signature {
  padding-bottom: 100px;
}

.flexible-subscribe-panel-luggage h2 {
		color: #fff;
}

.page-template-page-luggage .entry-title, .luggage-style .entry-title {
  font-family: 'CenturyExpandedLTW01-Ro';
  font-optical-sizing: auto;
  font-weight: 400;
  text-align: left !important;
  font-size: 1em;
  padding-bottom: 0px;
  padding-top: 5px;
  line-height: 1.2em;
}

.col-6.col-lg-4.animateChild {
  padding-bottom: 25px;
}

/* This is for the new centered image in Luggage */
.product-image-wrapper {
    height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-image-wrapper img {
    max-width: 70%;
    max-height: 70%;
    object-fit: contain;
}


/* Search and filter */
/* Search and filter */

.searchandfilter ul {
  margin: 0px;
  padding: 0px;
}

.searchandfilter ul li {
  	display: block;
  	padding: 0px 0px 20px 0px;
}

@media screen and (min-width: 991px) {
	.searchandfilter ul li {
	  	display: inline-block;
	  	padding: 0px 20px 0px 0px;
	}
}

.searchandfilter select.sf-input-select {
	background-color: #e6e6ea;
	border-color: #e6e6ea;
	font-weight: 600;
	padding: 0 10px;
}

.searchandfilter label {
	color: #353535;
	display: inline-block !important;
}

.searchandfilter li[data-sf-field-input-type="checkbox"] label {
	color: #353535;
	font-weight: 400;
	font-size: 16px;
}

.searchandfilter select.sf-input-select {
  min-width: 130px;
  max-width: 180px;
}

@media screen and (max-width: 991px) {
	.searchandfilter select.sf-input-select {
	  min-width: 240px;
	}
}

select {
  border: 1px solid #bbb;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  height: 3em;
  max-width: 100%;
}

.searchandfilter ul li.sf-level-0 {
  display: inline-block !important;
  padding: 15px 20px 3px 0px;
  margin: 0 10px;
  color: #454545;
  border-bottom: 5px solid #dbdbdb;
}

/* Rollover image styles Luggage home */
/* Rollover image styles Luggage home */

.figure {
	position: relative;
}

.figure .image-hover {
	display: none;
}

@media screen and (min-width: 991px) {

	.figure .image-hover {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		object-fit: contain;
		opacity: 0;
		transition: opacity .2s;
	}

	.figure:hover .image-hover {
		opacity: 1;
	}
}

.responsive-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

html {
	font-family: sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	margin: 0;
	font-family: 'CenturyExpandedLTW01-Ro' !important;
	overflow-x: hidden; 
}

article,
aside,
footer,
header,
nav,
section {
	display: block;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

figcaption,
figure,
main {
	display: block;
}

figure {
	margin: 2em 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
	outline-width: 0;
}

b,
strong {
	font-weight: inherit;
}

b,
strong {
	font-weight: 700;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

video {
	width: 100%;
	height: auto;
}

img {
	border-style: none;
}

svg:not(:root) {
	overflow: hidden;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}


/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/

body,
input,
select,
textarea {
	color: #333;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.66;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	line-height: 1.2;
	margin: 0 0 0.75em;
	padding: 1.5em 0 0;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	padding-top: 0;
}

h1 {
	font-size: 24px;
	font-weight: 300;
}

h2 {
	font-size: 1.8em;
	font-weight: 300;
}

h3 {
	font-size: 1.6em;
	font-weight: 300;
}

h4 {
	font-size: 16px;
	font-weight: 800;
}

h5 {
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}

h6 {
	font-size: 15px;
	font-weight: 800;
}

.single-post h6 {
	font-size: 14px !important;
	font-weight: 400 !important;
	text-align: center !important;
}

p {
	margin: 0 0 1.5em;
	padding: 0;
}

.code p {
	margin: 0;
	padding: 0;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	font-family: 'CenturyExpandedLTW01-It';
	overflow: hidden;
}

blockquote p::before {
	content: "\201C";
}

blockquote p::after {
	content: "\201D";
}

blockquote cite {
	display: block;
	font-style: normal;
	font-weight: 600;
	margin-top: 0.5em;
}


.dark label, .dark .wpforms-captcha-math {
	color: #fff;
	display: block;
	font-weight: 800;
	margin-bottom: 0.5em;
}

.light label, .light .wpforms-captcha-math {
	color: #222;
	display: block;
	font-weight: 800;
	margin-bottom: 0.5em;
}


/* Contact  */
/* Contact  */

.contact-gallery .slick-active {
  opacity: 1;
}

.page-template-page-contact .entry-title {
	text-align: left !important;
	color: #fff;
}

.wpforms-container-full .wpforms-form input[type="text"], .wpforms-container-full .wpforms-form input[type="email"], .wpforms-container-full .wpforms-form input[type="tel"], .wpforms-field-select select {
	height: 50px !important;
	border-radius: 4px !important;
	background-color: #ddd !important;
	font-size: 1.25em !important;
}

.wpforms-container-full .wpforms-form textarea {
	border-radius: 4px !important;
	background-color: #ddd !important;
	font-size: 1.25em !important;
}

.wpforms-container-full .wpforms-form input.wpforms-field-medium {
	max-width: inherit !important;
}

.wpforms-captcha-math {
	color: #fff;
}

.wpforms-field-label {
	padding-bottom: 15px !important;
}

.wpforms-conditional-hide {
    display: none !important;
}

.dark hr {
	border-top: 1px solid #fff;
	border-bottom: none;
	border-left: none;
	border-right: none;
	background-color: transparent;
}

.light hr {
	border-top: 1px solid #111;
	border-bottom: none;
	border-left: none;
	border-right: none;
	background-color: transparent;
}

.copy {
	padding: 0 0 20px 0;
}

.form-border {
  border-bottom: 1px solid #fff !important;
  margin: 0 0 30px 0 !important;
  padding: 0px !important;
}

/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/

a {
	color: #222;
	text-decoration: underline;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	color: #000;
	outline: 0;
}


/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/

/* Navigation */

.navigation-top {
	top: 0px;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 3;
}

.admin-bar .navigation-top {
	top: 30px;
}


.py-5 {
	padding: 5em 0;
}

.py-4 {
	padding: 4em 0;
}

.py-3 {
	padding: 3em 0;
}

.py-2 {
	padding: 2em 0;
}

.center-bullets {
	text-align: center;
    list-style-position: inside;
}

.animate {
	opacity: 0;
	transition: opacity ease-out 0.5s;
}

.animate.is-active {
	opacity: 1;
	transition: opacity ease-out 0.5s;
}

@media ( min-width: 768px ) {
	.animate {
		transition: opacity ease-out 0.5s, transform ease-out 1.5s;
		transform: translateY(30px);
	}

	.animate.is-active {
		transition: opacity ease-out 0.5s, transform ease-out 1.5s;
		transform: translateY(0px);
	}
}


img, video {
  height: auto;
  max-width: 100%;
}

.nbg-button {
  padding: 1.2em 3em;
  display: inline-block;
  font-size: 13px;
  letter-spacing: 1px;
  cursor: pointer;
  border-radius: 50px !important;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  margin: 20px 0 0 0;
  transition: background 0.5s ease; /* Smooth fade transition */
  font-family: 'CenturyExpandedLTW01-Ro' !important;
}

.dark .nbg-button {
  color: #fff !important;
  border: 2px solid #fff !important;
  background-color: rgba(0,0,0,0) !important;
}

.nbg-button-home {
  color: #fff !important;
  border: 2px solid #fff !important;
  background-color: rgba(0,0,0,0) !important;
}

.dark .nbg-button:hover {
  background-color: rgba(0,0,0,1);
}

.light .nbg-button {
  color: #000 !important;
  border: 2px solid #000 !important;
  background-color: rgba(255,255,255,0) !important;
}

.light .nbg-button:hover {
  background-color: rgba(255,255,255,1);
}


.nbg-button-black {
  color: #000 !important;
  border: 2px solid #000 !important;
  background-color: rgba(255,255,255,0) !important;
}

.nbg-button-black:hover {
  background-color: rgba(255,255,255,1);
}







/* CTA */
.flexible .contact {
    font-family: 'CenturyExpandedLTW01-Rg';
    font-weight: normal;
    color: #222;
    padding: 10px 20px;
    display: inline-block;
    background-color: #fff;
    border-radius: 3px;
    font-size: 28px;
    text-decoration: none;
    margin: 30px 0 0 0;
}

/* New layout 2021 */
/* New layout 2021 */
.flexible .flex-container-new  .contact {
    font-family: 'CenturyExpandedLTW01-Rg';
    font-weight: normal;
    color: #222;
    padding: 10px 20px;
    display: inline-block;
    background-color: #fff;
    border-radius: 3px;
    font-size: 28px;
    text-decoration: none;
    margin: 20px 0 0 0 !important;
}




/* GRID layout for Destinations */
.blog .post .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.page-template-page-theysay .post .row > [class*='col-'] .entry-header {
	  position: relative;
}

@media screen and (min-width: 991px) {
	.page-template-page-theysay .post .row > [class*='col-'] .entry-header {
	  min-height: 390px;
	  position: relative;
	}
}

.blog .post .row > [class*='col-'] img {
  width: 100%;
}


@media screen and (min-width: 1200px) {
	.blog .post .row > [class*='col-'] .entry-header {
	  max-width: 345px;
	}
}

/* Post title size on blog listing page */
.blog .post .entry-title, .page-template-page-theysay .post .entry-title {
	font-size: 1.5em;
	margin: 0px auto;
	width: 90%;
}

/* Post title size on category listing page */
.category .post .entry-title {
	font-size: 1.5em;
	margin-top: 20px;
	padding: 0px;
	text-align: center;
	font-family: 'CenturyExpandedLTW01-It';
}



/* Global Padding */
/* Global Padding */

/* 555 */

.pt-5-flex {
	padding-top: max(3vw, 65px);
}
.pb-5-flex {
	padding-bottom: max(3vw, 65px);
}

@media (min-width: 991px) {
	.pt-5-flex {
		padding-top: max(6vw, 80px);
	}
	.pb-5-flex {
		padding-bottom: max(6vw, 80px);
	}
}

/* 333 */

.pt-3-flex {
	padding-top: max(4vw, 60px);
}
.pb-3-flex {
	padding-bottom: max(4vw, 60px);
}

@media (min-width: 1800px) {
	.pt-3-flex-xl {
	padding-top: max(4vw, 60px);
	}
	.pb-3-flex-xl {
		padding-bottom: max(4vw, 60px);
	}
}


/* 111 */

.pt-1-flex {
	padding-top: max(2vw, 35px);
}
.pb-1-flex {
	padding-bottom: max(2vw, 35px);
}


/* Global Margin */
/* Global Margin */

/* 555 */

.mt-5-flex {
	margin-top: max(6vw, 60px);
}
.mb-5-flex {
	margin-bottom: max(6vw, 60px);
}

/* 333 */

.mt-3-flex {
	margin-top: max(4vw, 35px);
}
.mb-3-flex {
	margin-bottom: max(4vw, 35px);
}

/* 111 */

.mt-1-flex {
	margin-top: max(2vw, 30px);
}
.mb-1-flex {
	margin-bottom: max(2vw, 30px);
}


/* site-header */
/* site-header */

/* Default site-header styles */
.site-header {
  position: relative;
  background-color: black; /* No background color initially */
  min-height: 102px;
  z-index: 1000;
  margin-bottom: -152px;
  transition: opacity 0.5s, top 0.3s, background-color 0.3s, height 0.3s;
  width: 100%;
}

/* Home page styles */
.page-id-6355 .site-header {
  background-color: transparent; /* Transparent for the home page */
}

.page-id-6355 .main {
	margin-top: 0px;
}

.page-id-66 .site-header {
  background-color: transparent;
}

.page-id-66 .main {
  margin-top: 0px;
}

/* Non-home page styles 
:not(.home) .site-header {
  background-color: black;
  transition: background-color 0.3s;
}
*/

/* Fixed and visible navigation styles */
.site-header.show {
  position: fixed;
  top: 0;
  background-color: #000; /* Fully opaque black */
  z-index: 1000;
  margin: 0 auto;
}

/* Adjust height for larger screens */
@media (min-width: 991px) {
  .site-header {
    min-height: 102px;
  }

  .home .site-header {
    min-height: 102px;
  }

  .site-header.show {
    min-height: 102px;
  }
}

/* Admin bar adjustments */
.admin-bar .site-header.show {
  top: 45px;
}

@media (min-width: 991px) {
  .admin-bar .site-header.show {
    top: 32px;
  }
}



.logo {
	max-width: 120px;
	padding: 17px 0px 12px 0px;
}

@media screen and (max-width: 991px) {
	.logo {
		width: 100px;
	}
}



.video-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    object-fit: cover; /* This makes the video behave like a background image set to cover */
    z-index: -1;
}

.full-screen-video-section-slim .video-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 25vh;
    object-fit: cover; /* This makes the video behave like a background image set to cover */
    z-index: -1;
}

@media screen and (min-width: 991px) {
	.full-screen-video-section-slim .video-bg {
	    height: 40vh;
	}
}

/* Banner */

.full-screen-video-section {
  height: 100vh;
  overflow: hidden;
  position: relative;
}

.full-screen-video-section-slim {
  height: 25vh;
}

@media screen and (min-width: 991px) {
	.full-screen-video-section-slim {
	  height: 40vh;
	}
}

.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: white;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.3); /* Optional: to darken the background for better text readability */
}

.full-screen-video-section h1 {
	color: #fff;
	margin: 35px 0;
	padding: 0 20px;
	font-size: clamp(2em, 3vw, 3.5em);
  font-family: 'CenturyExpandedLTW01-Ro';
}

.btn {
    padding: 10px 20px;
    font-size: 1.2em;
}

.banner-section {
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 60%;
  display: flex;
  align-items: center;
  height: 80vh;
  text-align: center;
  background-color: #000;
}

.scroll-arrow {
    position: absolute;
    bottom: 20px; /* Adjust distance from the bottom */
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
}

.arrow-icon {
    font-size: 2rem; /* Adjust the size of the arrow */
    color: rgba(255,255,255,0.9); /* Replace with your preferred color */
    animation: bounce 2s infinite;
}

/* Initial state: black and white with a 2-second delay for the color transition */
.fade .image-fade-color {
    filter: grayscale(100%);
    animation: fadeToColor 2s ease-in-out 2s forwards; /* Added 2s delay */
    will-change: filter; /* Optimize for smooth transitions */
}

/* Keyframes for transitioning to color */
@keyframes fadeToColor {
    to {
        filter: grayscale(0%);
    }
}

/* Ensure the logo remains unaffected by background transitions */
.overlay-text, .logo-image {
    animation: fadeInLogo 1s ease-in 1s forwards; /* Adjust this as needed */
    opacity: 0; /* Start with the logo hidden */
}

/* Keyframes for fading in the logo */
@keyframes fadeInLogo {
    to {
        opacity: 1;
    }
}


.fade-in-button {
    animation: fadeInbutton 2s ease-in 4s forwards; /* Adjust this as needed */
    opacity: 0; /* Start with the logo hidden */
}

@keyframes fadeInbutton {
    to {
        opacity: 1;
    }
}

.parallax-scroll {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  overflow: hidden;
}

.parallax-scroll-alternative {
  height: 60%;
}

@media screen and (min-width: 1200px) {
	.parallax-scroll-alternative {
	  height: 98%;
	}
}


@media screen and (min-width: 1800px) {
	.parallax-scroll-alternative {
	  height: 100%;
	}
}

.parallax-scroll-slim {
  height: clamp(300px, 70vw, 650px);
}




/* Region page display */

.map-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: #eee;
}

.map {
    position: relative;
}

.map-image {
    width: 100%;
    height: auto; /* Ensures responsiveness */
    display: block;
}

.map-pin {
    position: absolute;
    width: 22px; /* Adjust for pin size */
    height: 22px;
    background-color: #111;
    border-radius: 50%;
    cursor: pointer;
    transform: translate(-50%, -50%); /* Centers pin on the position */
    transition: transform 0.3s ease-in-out;
}

.map-pin:hover {
    transform: translate(-50%, -50%) scale(1.2); /* Highlight on hover */
}

.image-display {
    position: relative;
    height: 300px; /* Adjust as needed */
    overflow: hidden;
}


.region-link {
    text-decoration: none !important;
}

.region-item .region-title {
    font-size: clamp(1.1em, 1.4vw, 1.2em);
    font-family: 'CenturyExpandedLTW01-Ro';
    padding: 15px 0 15px 0;
    border-bottom: 1px solid #111;
    color: #444;
}

@media (min-width: 1200px) {
	.region-item .region-title {
	    padding: 25px 0 25px 0;
	}
}

.region-item .region-title:hover {
    color: #000;
}

/* Remove the bottom border for the last .region-title */
.region-item:last-child .region-title {
    border-bottom: none;
}




.image-display {
    position: relative;
    height: 500px; /* Adjust height as needed */
    overflow: hidden;
}

@media (min-width: 1200px) {
	.image-display {
	    height: 650px;
	}
}

.region-image {
  opacity: 1;
  transform: scale(1.2) translateX(-4%);
  z-index: 2; /* Ensures active image is on top */
  transition: opacity 1s ease-in-out, transform 8s ease-in-out 2s; /* Add 2s delay */
}

.region-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 1;
  transform: scale(1) translateX(0);
  z-index: 1;
  transition: opacity 1s ease-in-out, transform 8s ease-in-out; /* No delay for non-active state */
}




/* Image / text panel */
/* Image / text panel */

section {
	padding: 40px 0;
}

@media (min-width: 1200px) {
	section {
		min-height: 800px;
	}
}

section.slim {
	padding: 80px 0;
	display: flex;
  align-items: center;
}

@media (min-width: 991px) {
	section.slim {
		min-height: 400px;
	}
}

@media (min-width: 1200px) {
	section.slim {
		min-height: 450px;
	}
}

.row-flip {
	flex-direction: row-reverse;
}

.full-width-section {
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 90%;
  display: flex;
  align-items: center;
}


@media (min-width: 1200px) {
  .full-width-section {
	 background-size: 75%;
  }
}

@media (min-width: 1400px) {
  .full-width-section {
	 background-size: 70%;
  }
}

.full-width-section-flip {
  background-position: left center;
}

@media (max-width: 1200px) {
  .full-width-section {
    background-image: none !important;
    padding-right: 0;
  }
}

.dark {
	background-color: #000;
	color: #fff;
}

.dark a {
	color: #fff;
}

.light {
	background-color: #fff;
	color: #222;
}

.light a {
	color: #222;
}


@media (min-width: 1200px) {
	.full-width-section-inner, .full-width-video-section-inner {
		padding: 70px;
		min-height: 550px;
		width: 550px;
		background-color: #252525;
	}

	.dark .full-width-section-inner, .dark .full-width-video-section-inner {
		background-color: #252525;
	}

	.light .full-width-section-inner, .light .full-width-video-section-inner {
		background-color: #f7f7f7;
	}
}

/* This pushes the inner box over when flipped */

.full-width-section-inner.flip {
	margin-left: auto;
}

/* Video version of the full width section */
/* Video version of the full width section */

.full-width-video-section {
    background-position-y: 28.1579%;
    position: relative;
    overflow: hidden;
    display: flex;
  	align-items: center;
}

.video-container {
    position: absolute;
    top: 0;
    right: 0;
    width: 65%; /* Control the video width, leaving space for the background color */
    height: 100%;
    overflow: hidden;
    z-index: 0; /* Keep the video behind the text */
}

.video-container-flip {
    left: 0;
    right: unset;
}

.video-bg-panel {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensure the video covers the container while maintaining aspect ratio */
}

.full-width-video-section-inner {
    position: relative;
    z-index: 1; /* Ensure the text is on top of the video */
}

@media (min-width: 1400px) {
    .full-width-video-section {
        background-size: 65%; /* Maintain background size */
    }

    .video-container {
        width: 65%; /* Control video size on large screens */
    }
}

.full-width-video-section-mobile-image {
    display: none; /* Hide mobile image by default, show it on mobile */
}

@media (max-width: 1200px) {
    .video-container {
        display: none; /* Hide video on smaller screens */
    }

    .full-width-video-section-mobile-image {
        display: block; /* Show mobile image on smaller screens */
        margin: 0 0 -8px -25px;
    }
}

.standard-content h1 {
	font-size: 2.6em;
	font-size: clamp(2em, 3vw, 3.5em);
	font-family: 'CenturyExpandedLTW01-Ro';
	line-height: 1.3em;
}

.standard-content h2 {
	font-size: 2.6em;
	font-size: clamp(1.6em, 2vw, 2.2em);
	font-family: 'CenturyExpandedLTW01-Ro';
	line-height: 1.3em;
}

.testimonial-quote h2 {
	font-size: clamp(1.4em, 1.6vw, 2em);
	font-family: 'CenturyExpandedLTW01-It';
	line-height: 1.3em;
}

.standard-content p {
	font-size: 1.25em;
}

.wpforms-form .standard-content p {
	font-size: 1.25em !important;
}

.standard-content ul {
	margin: 0 0 50px 0;
  padding: 0 0 0 15px;
}

.standard-content li {
	font-size: 1.25em;
}

/* For lists */

.standard-content-list ul {
	margin: 0px;
  	padding: 0px;
  	list-style: none;
}

.standard-content-list li {
	font-size: 1.25em;
	line-height: 1.45;
  padding: 15px 0;
  border-bottom: 1px rgba(255,255,255,0.3) solid;
  margin: 0 auto;
}

@media (min-width: 1200px) {
	.standard-content-list li {
	  	width: 90%;
	}
}



/* Double */
/* Double */

.double {
	  position: relative;
  	z-index: 1;
}

/* Ensures slider images fill the space */
.double-slider-image {
  height: 480px; /* Full-height columns */
  background-size: cover;
  background-position: center;
}

@media (min-width: 1200px) {
  .double-slider-image {
    height: 50vw;
    max-height: 550px;
  }
}

/* Content overlay styling */
.double-content-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  z-index: 2;
  background: rgba(0, 0, 0, 0.4);
  transition: background 0.5s ease; /* Smooth fade transition */
}

@media (max-width: 991px) {
	.double-content-overlay {
	  border-bottom: 1px #fff solid;
	}
}

.double-content-overlay:hover {
  background: rgba(0, 0, 0, 0.6); /* Darker overlay on hover */
}

.double-content-overlay p {
	width: 80%;
}

@media screen and (min-width: 1200px) {
	.double-content-overlay p {
		width: 60%;
	}
}

.double .slick-slide {
  margin: 0px 0px -8px 0px;
}

/* Overlay menu */
/* Overlay menu */

.overlay {
  height: 0%;
  opacity: 0;
  width: 100%;
  position: fixed;
  z-index: 1001;
  top: 0;
  left: 0;
  background-color: var(--navy);
  overflow-y: hidden;
  transition: height 0.5s ease, opacity 0.5s ease;
}

.overlay.show {
  height: 100%;
  opacity: 1;
}

.overlay-bg {
	background-color: rgba(0,0,0,0.90);
}

.overlay-content {
  position: relative;
  top: 4vh;
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 991px) {
	.overlay-content {
	  top: 4vh;
	}
  .overlay {overflow-y: auto;}

  .overlay .closebtn {
  	font-size: 50px;
  	top: 45px;
  	right: 45px;
  }
}

.overlay .closebtn {
  font-size: 50px;
  color: #fff;
  text-decoration: none;
  position: absolute;
  right: 0px;
  z-index: 99999999;
  background-color: transparent;
  border: 0px;
  cursor: pointer;
}

.overlay-content .heading {
	font-size: max(1.7vw, 1.7em);
	margin: 0 0 0.5em 0;
	padding: 0 0 0.5em 0;
	font-weight: 400;
	line-height: 1;
	color: #fff;
}

.burger {
  cursor: pointer;
  top: 3px;
  position: relative;
}


/* Location */
/* Location */

.header-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: calc(100% - 60px); /* Dynamic width calculation */
	margin: 0 auto;
}

@media screen and (min-width: 991px) {
	.header-container {
		width: calc(100% - 120px); /* Dynamic width calculation */
	}
}

.header-locations-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden; /* Ensures the scrollable area stays within bounds */
    width: 100%; /* Full width of the container */
    border-top: 1px #fff solid;
}

.header-locations {
	box-sizing: border-box;
	display: flex;
	justify-content: left;
	width: calc(100% - 60px);
	padding: 12px 0;
	overflow-x: auto; /* Enables horizontal scrolling */
	white-space: nowrap; /* Prevent content wrapping */
  scrollbar-width: none; /* Firefox: Hide scrollbar */
  -ms-overflow-style: none; /* IE and Edge: Hide scrollbar */
  scroll-behavior: smooth; /* Smooth scrolling effect */
  -webkit-overflow-scrolling: touch; /* Momentum scrolling on iOS */
  white-space: nowrap; /* Prevents wrapping of menu items */
}

@media (min-width: 991px ) {
	.header-locations {
	    justify-content: center;
	}

	.header-locations {
			width: 100%;
	}
}

.header-locations::-webkit-scrollbar {
    display: none; /* Chrome, Safari, and Opera: Hide scrollbar */
}


.scroll-arrow-location {
    position: absolute;
    right: 0; /* Positioned on the right edge */
    top: 50%; /* Centered vertically */
    transform: translateY(-50%); /* Adjusts for centering */
    z-index: 1000; /* Higher than other elements */
    padding: 10px; /* Adds click area padding */
    cursor: pointer; /* Makes it clear it's clickable */
}

.scroll-arrow-location img {
    width: 11px; /* Adjust size as needed */
    height: auto;
    position: relative;
    top: 3px;
}

@media (min-width: 991px ) {
	.scroll-arrow-location img {
	    display: none;
	}
}

.location-menu {
	list-style: none;
	margin: 0px;
	padding: 0;
}

.location-menu li {
	display: inline-block;
	padding: 0 8px;
	margin: 0px;
}

.location-menu li a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 0.9em;
}

/* ── Mobile: Keep as is (Stacked) ── */
.nb-panels-wrap {
  padding-bottom: 2rem;
}

.nb-panels {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0 1rem;
}

.nb-panel .panel {
  height: 75vw;
  min-height: 280px;
}

.nb-panel--secondary .panel {
  height: 10vh;
  min-height: 120px;
}

 .nb-panel--secondary {
   border: 1px solid rgba(255,255,255,0.3);
 }

/* ── Tablet & Desktop (768px and up) ── */
@media (min-width: 768px) {

  .nb-panels {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1.5rem;
    padding: 0 1.5rem;
  }

  /* 1. Main Video (Top) */
  .nb-panel--main {
    flex: 0 0 100%; 
  }
  .nb-panel--main .panel {
    height: 45vh;    /* Set a specific height for the big video */
    min-height: 300px;
  }

  /* 2. Secondary Videos (Bottom row) */
  .nb-panel--secondary {
    flex: 0 0 calc(50% - 0.75rem);
  }
  .nb-panel--secondary .panel {
    height: 13vh;    /* Reduced height so they aren't "tall" */
    min-height: 190px;
  }

  /* 3. Ensure panels fill the width */
  .nb-panel .panel {
    width: 100%; 
  }
}

@media (min-width: 991px) {
	.nb-panels-wrap {
	  padding-left: 10vw;
	  padding-right: 10vw;
	}
}

@media (min-width: 1200px) {
	.nb-panels-wrap {
	  padding-left: 14vw;
	  padding-right: 14vw;
	}
}

/* ── Extra Large Tweaks ── */
@media (min-width: 1400px) {
  .nb-panel--main .panel {
    height: 50vh; /* Larger screens get a slightly taller hero video */
  }
  .nb-panel--secondary .panel {
    height: 17vh; /* Scaling the bottom ones proportionally */
  }
}




/* Destination highlight */
/* Destination highlight */

h1.home-intro, h2.home-intro {
  font-size: 2.6em;
  font-size: clamp(1.5em, 3vw, 2.7em) !important;
  font-family: 'CenturyExpandedLTW01-Ro';
  line-height: 1.2em;
}

.home-intro-small p {
  font-size: clamp(1.2em, 1.6vw, 2.2em) !important;
  font-family: 'CenturyExpandedLTW01-Ro';
  line-height: 1.3em;
}

.hp-top-margin {
	border-top: 1px solid rgba(255,255,255,0.3);
}

.home-intro-small .home-intro-grey {
  color: #aaa;
}

.panel {
  position: relative;
  height: 400px;
  overflow: hidden;
  transition: transform 0.3s ease;
  border-radius: 3px;
}

@media (min-width: 991px ) {
	.panel {
	  height: 600px;
	}
}

.panel-slim {
  height: 350px;
}

@media (min-width: 991px ) {
	.panel-slim {
	  height: 450px;
	}
}

.panel-locations {
  height: 250px;
}

@media (min-width: 991px ) {
	.panel-locations {
	  height: 350px;
	}
}

.panel video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 1.3s ease;
}

.panel .panel-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 25px;
  z-index: 100;
}



.panel .panel-title,
.panel .panel-sub-title {
	color: #fff;
  transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
}

.panel:hover .panel-title,
.panel:hover .panel-sub-title {
  color: #fff;
}

.panel:hover video {
  transform: scale(1.1); /* Zoom in on the video by 10% on hover */
}

.panel .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  opacity: 1; /* Start with overlay hidden */
  transition: opacity 0.4s ease-in-out;
  z-index: 99;
}

.panel .overlay-location {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0.5; /* Start with overlay hidden */
  transition: opacity 1s ease; /* Smooth transition for opacity */
  z-index: 99;
}

.panel:hover .overlay, .panel:hover .overlay-location {
  opacity: 0.5; /* Fully show overlay on hover */
}

.panel .panel-title {
  display: block;
  font-family: 'CenturyExpandedLTW01-R0';
  font-size: clamp(2em, 3.4vw, 2.4em);
  color: rgba(255,255,255,0.9);
  margin: 20px 10px 10px 10px;
  text-align: center;
}

.panel .panel-title-lg {
  display: block;
  font-family: 'CenturyExpandedLTW01-R0';
  font-size: clamp(2em, 3.8vw, 4em);
  color: rgba(255,255,255,0.9);
  margin: 30px 10px 20px 10px;
  text-align: center;
}

.panel .panel-sub-title {
  font-size: clamp(0.8em, 2vw, 1em);
  color: rgba(255,255,255,0.7);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: 'sen', sans-serif;
  text-align: center;
  padding: 0 20px;
}

.panel .credit {
  font-size: 0.7em;
  color: #ddd;
  position: absolute;
  bottom: 0px;
  left: 0;
  text-align: left;
  background-color: rgba(0,0,0,0.5);
  padding: 5px 10px;
}


.testimonial-author {
	font-size: 2.6em;
  font-size: clamp(1.4em, 1.6vw, 2em);
}



/* flexible subscribe */
/* flexible subscribe */

.flexible-subscribe-panel {
	background-color: #fff;
}

.flexible-subscribe-panel-luggage {
	background-color: #965F4C;
}

.flexible-subscribe-panel-luggage .nbg-button {
	color: #fff !important;
  border: 2px solid #fff !important;
  background-color: rgba(0,0,0,0) !important;
}


.flexible-subscribe-panel input {
	display: block;
	background-color: #EDEDED;
	border-radius: 50px;
	padding: 12px 20px;
	border: 0px;
	margin: 10px auto;
	width: 280px;
}

@media (min-width: 991px) {
	.flexible-subscribe-panel input {
		display: inline-block;
		border: 0px;
		margin: 0 5px;
		width: unset;
	}
}



/* flexible testimonial */
/* flexible testimonial */

.flexible-testimonial-panel {
	background-color: #fff;
}

.testimonial-quote {

}

.testimonial-author {
    color: #000;
}

.slides-container {
    width: 100%; /* Ensure the container takes up full width */
    overflow: hidden; /* Hide overflow */
}

.slide-item {
    width: 100%; /* Ensure each slide takes up full width */
    display: inline-block; /* Prevents slides from stacking vertically */
}



/* flexible quote */
/* flexible quote */

.flexible-quote-panel {
	background-color: #fff;
}

.quote-quote {

}

.quote-author {
    color: #000;
    margin: 20px;
}

.quote-pic img {
	border-radius: 100px;
	width: 80px;
	height: 80px;
}




@media ( min-width: 1700px ) {
	.container {
		width: 1580px !important;
    	max-width: 1580px !important;
	}
}

.text-right {
	text-align: center;
}

@media ( min-width: 991px ) {
	.text-right {
		text-align: right;
	}
}

.white {
	color: #fff;
}


/* Video Modal */
/* Video Modal */

#videoModal {
    display: none;
}

.modal.show {
    display: block;
}

.modal-fullscreen .modal-content {
    background-color: transparent;
}

.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 999991;
}

.modal-body {
    position: relative;
    padding: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    z-index: 999999;
}

.custom-close {
    position: absolute;
    top: 37px;
	right: 53px;
    z-index: 1060;
    background: none !important;
    border: none;
    padding: 0;
    cursor: pointer;
}

.custom-close img {
    width: 30px;
    height: auto;
    transition: opacity 0.3s ease;
}

.custom-close:hover img {
    
}

.modal-video {
    max-width: 90%;
    max-height: 90vh;
    z-index: 1050;
}


.page-id-6355.page-template-page-flexible-2024 .site-main {
	margin: 0;
}



/* Insight panel */

.insight-panel {
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
  border-radius: 3px;
  height: 250px;
}

@media (min-width: 767px ) {
	.insight-panel {
	  height: 230px;
	}
}

.insight-panel-title {
  font-size: 1.4em;
  padding: 15px 20px 35px 0;
  line-height: 1.3em;
}

.insight-panel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 1.3s ease;
}

.insight-panel:hover img {
  transform: scale(1.05); /* Zoom in on the video by 10% on hover */
}


.search-filter-results a {
	text-decoration: none;
}


/* Menu */
/* Menu */

.menu {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.menu li {
	padding: 10px 0;
}

.menu li a {
	color: #fff;
	font-family: 'CenturyExpandedLTW01-Ro';
	text-decoration: none;
	font-size: clamp(1.2em, 2vw, 1.2em);
	text-transform: uppercase;
}

.page-template-page-luggage #menu-luggage-footer-nav li a, .single-luggage #menu-luggage-footer-nav li a {
	color: #444;
	font-family: "Sen", sans-serif;
	text-decoration: none;
	font-size: 16px;
	text-transform: initial;
}

.menu-title {
	color: #fff;
	margin-bottom: 40px;
  border-bottom: #fff solid 1px;
  padding: 0 0 40px 0 !important;
}

.menu-divider {
  margin-top: 40px;
  border-top: #fff solid 1px;
  padding: 40px 0 0 0 !important;
}

.menu .sub-menu {
    display: none;
    list-style-type: none;
    padding: 20px  0 0 0;
    margin: 0;
}

.menu .menu-item-has-children.expanded > .sub-menu {
    display: block;
}

.menu .menu-item-has-children > .toggle-submenu {
    display: inline-block;
    margin-left: 15px;
    cursor: pointer;
    font-weight: bold;
    font-size: clamp(2em, 2vw, 1.6em);
    font-weight: 100;
    color: #fff;
}

.menu .sub-menu a {
  font-size: clamp(1em, 2vw, 1em);
  color: #fff;
  position: relative; /* Ensure positioning works if needed */
}

.menu .sub-menu a::before {
  content: "—"; /* Adds the em dash */
  margin-right: 0.5em; /* Space between the dash and text */
  color: #fff; /* Matches the link color */
  top: -2px;
  position: relative;
}


/* Social links in overlay navigation */
/* Social links in overlay navigation */

.social-navigation {
	margin: 60px 0 0 0;
}

.social-navigation, .social-navigation a, .social-navigation a:hover {
	color: #fff;
}

.social-navigation ul {
	margin: 0px;
	padding: 0px;
}

.social-navigation li {
  list-style: none;
  margin: 0 auto !important;
  padding: 0 0 10px;
  font-size: 1.3em;
}

.social-navigation li a {
  text-decoration: none	;
}


/* Footer */
/* Footer */

/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/

.site-footer {
	color: #929292;
	background: #000;
	padding: 0;
}

.site-footer-luggage {
	color: #929292;
	padding: 90px 0;
	border-top: 1px solid #d9d9d9;
  	font-optical-sizing: auto;
  	font-weight: 400;
  	font-size: 1em;
  	margin-top: 0px;
}

@media screen and (max-width: 991px) {
	.site-footer nav {
		display: block;
		float: none;
	}
}

#menu-footer-nav, #menu-luggage-footer-nav {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

@media screen and (max-width: 991px) {
	#menu-luggage-footer-nav {
		text-align: center;
	}
}

@media screen and (max-width: 991px) {
	#menu-footer-nav {
		margin: 20px 0;
		text-align: center;
		display: block;
	}
}

#menu-footer-nav li {
	font-size: 18px;
	display: inline-block;
	padding: 0 0 0 25px;
}

#menu-footer-nav li a {
	text-transform: initial;
}

.subscribe {
	font-size: 18px;
	padding: 0 0 10px 0;
}


@media screen and (max-width: 991px) {
	#menu-footer-nav li {
		padding: 0 10px;
		font-size: 18px;
		width: 100%;
		border-left: 0px;
	}
}

#menu-footer-nav li a {
	color: #fff !important;
	text-decoration: none;
}

.site-footer-luggage #menu-footer-nav li a {
	color: #444 !important;
	text-decoration: none;
}


/* Utility Nav */
/* Utility Nav */

#menu-footer-nav-2 {
	padding: 0px;
	margin: 0px;
	list-style: none;
	display: flex;
	justify-content: right;
}

@media screen and (max-width: 991px) {
	#menu-footer-nav-2 {
		margin: 20px 0;
		text-align: center;
		display: block;
	}
}

#menu-footer-nav-2 li {
	display: inline-block;
	padding: 0 10px;
	font-size: 14px;
}

@media screen and (max-width: 991px) {
	#menu-footer-nav-2 li {
		padding: 0 10px;
		font-size: 13px;
		width: 100%;
		border-left: 0px;
	}
}

#menu-footer-nav-2 li, #menu-footer-nav-2 li a {
	color: #fff !important;
	text-decoration: none;
}

.site-footer-luggage #menu-footer-nav-2 li {
	color: #444 !important;
	text-decoration: none;
	font-size: 16px;
}


/* Social icons footer */
/* Social icons footer */

@media screen and (max-width: 991px) {
	.info {
		margin: 0 auto;
		width: 95px;
	}

	.overlay-content .info {
		margin: 0;
		width: 95px;
	}
}

.info ul {
	padding: 0px;
	margin: 0;
	list-style: none;
}

.info li {
	display: inline-block;
	width: 45px;
	padding: 0 5px;
}

.menu-footer-nav-container {
	text-align: right;
}

.menu-footer-nav-container .menu li a {
	color: #fff;
	font-family: 'CenturyExpandedLTW01-Ro';
	font-size: clamp(1em, 2vw, 1em);
}