:root {
	--sectionBottom: 60px;
	--color-darkBlue: #00175A;
	--color-lightBlue: #006FCF;
	--color-paleBlue: #66A9E2;
	--color-orange: #FF6D6A;
	--color-teal: #35C4B5;
	--color-yellow: #FDB92D;
}

body {
	background: #FFF;
	color: #53565A;
}

.t-nowrap {
	white-space: nowrap;
}

.jumpnav {
	background: #fff;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	position: sticky;
	top: 75px;
	display: flex;
	align-items: center;
	z-index: 3;
}

	.jumpnav a {
		color: #00175A;
		text-decoration: none;
		padding: 1.2em 1.2em;
		font-size: calc(1.4rem * .625);
		border-bottom: 4px solid transparent;
	}
	
	a.jumpnav-on { border-bottom: 4px solid #006FCF;}
	a.jumpnav-btn { padding: .7em 1.5em; color: #fff; background: #006FCF; border-radius: 3px; margin: 7px 10px 7px auto; text-decoration: none; }

			.sec1600 {
				width: 100%;
				margin: 0 auto var(--sectionBottom) auto;
				max-width: 1600px;
			}

.destinations, .experiences {
	width: 100%;
	max-width: 1200px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
	background-color: #888; /* neutral */
	color: #fff;
	aspect-ratio: 1200 / 800;
	padding: 40px 0;
	display: flex;
	flex-direction: column;
	margin: 0 auto var(--sectionBottom) auto;
	position: relative;
}

	.dest-head {
		text-align: center;
		max-width: 900px;
		margin: 0 auto;
		z-index: 2;
	}

		.dest-head h2 { font-size: calc(3.5rem * .625); margin-bottom: .75em; font-weight: 500; line-height: 1.2em; padding: 0 1.5em;}
		/* removed per client request 3/10/23 */
		.dest-subhead { display: none; font-size: calc(2rem * .625); margin: .5em auto 0 auto; width: 95%; max-width: 1200px; text-align: center; }

	.dest-wrap { 
		display: flex;
		justify-content: space-between;
		width: 95%;
		max-width: 1200px;
		margin: auto auto 0 auto;
		/* Prevents layout shift when switching groups of charts */
		min-height: 380px;
	}

	.dest-list { width: 90%; display: flex; flex-wrap: wrap; justify-content: center; gap: 0 10px; text-align: center; max-width: 75%; margin: 0 auto; }
	.dl-name { cursor: pointer; background: rgba(0,0,0,.2); font-weight: 500; display: inline-block; border: 1px solid #fff !important; padding: 5px 8px; margin-bottom: 10px !important;font-size: calc(1.8rem * .625);}
	.dl-name-on { background: #fff; color: #000; }

	.dest-percent { font-size: 120%; margin-left: 16px; }
			.op0 { opacity: 0; }
	.dest-percent span { font-size: 85%; }

	.dest-chart {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: flex-end;
		text-align: center;
		margin-bottom: 50px;
	}
	
	.dc-country { display: flex; flex-direction: column; align-items: center; width: 20%; }

		.dc-percent, .ftc-percent { font-size: calc(3.2rem * .625); margin-bottom: 10px; font-weight: 700; }
		.dc-percent span, .ftc-percent span { font-size: 65%; position: relative; top: -.45em; }
		.dc-label { text-transform: uppercase; font-weight: 700; font-size: calc(1.8rem * .625); letter-spacing: .1em; height: 1px; line-height: 1.1em; } /* this overflows, but that way the two-line labels stay aligned */
	
	.dc-bar, .ftc-bar { width: 60px; background: #fff; margin-bottom: 30px; position: relative; transition: all 1.25s; height: 0; }


	
.gtt-navBG {
	width: 100%;
	margin: -130px auto var(--sectionBottom) auto;
	background: var(--color-darkBlue);
	max-width: 1200px;
	padding: 0 20px 20px 20px;
}

.gtt-nav-head {
	color: #fff;
	text-align: center;
	font-weight: 500;
	font-size: calc(4rem * .625);
	padding: 1em 0;
	background: url(../img/gtt2024/at-a-glance-wst.svg) no-repeat;
	background-size: cover;
}

.gtt-nav {
	display: flex;
	justify-content: space-between;
}

	.gtt-nav-item {
		width: 24%;
		display: flex;
		flex-direction: column;
		padding: 30px;
		text-decoration: none;
		color: #53565A;
		transition: all .125s;
		position: relative;
		background-color: #fff;
	}

	.gn-num { font-weight: 700; font-size: calc(3rem * .625); margin-bottom: 1em; }
	.gn-head { font-size: calc(1.7rem * .625); line-height: 1.2em; margin-bottom: 1em; font-weight: 700; }
	.gn-text { font-size: calc(1.4rem * .625); line-height: 1.3em; margin-bottom: 1em;}
	.gn-cta { font-size: calc(1.4rem * .625); color: #006FCF; display: flex; align-items: center; margin-top: auto;}
		.gn-cta svg { margin-left: 1em; }

	.gtt-nav-item:hover .gn-cta {
		text-decoration: underline;
	}
	
.hero-quote-wrap {
	display: flex;
	justify-content: space-between; 
	align-items: center;
	margin: var(--sectionBottom);
}

.hero-quote { width: 65%; padding: 12px 7.5% 0 2.5%; font-size: calc(2.2rem * .625); letter-spacing: 1px; line-height: 1.5em; background:url(../img/gtt2024/quote.svg) no-repeat;  }

.hero-quote-author { margin-top: 1em; font-size: calc(1.8rem * .625); letter-spacing: 0; line-height: 1.5em; }
	.hero-quote-author span { text-transform: uppercase; display: block; font-weight: 500;}

.hero-quote-stats { width: 35%; padding-left: 5%; border-left: 1px solid #ccc;  }
.hero-quote-stat-head { font-size: calc(2.4rem * .625); letter-spacing: 1px; line-height: 1.4em; margin-bottom: 1em; color: var(--color-darkBlue); }

.hero-quote-stats .stat { width: 100%; margin-bottom: 40px;color: var(--color-darkBlue); }

.blockquote-component {
	width: 100%;
	padding: 20px 7.5% 0 100px;
	font-size: calc(2.2rem * .625);
	letter-spacing: 1px;
	line-height: 1.5em;
	background:url(../img/gtt2024/quote.svg) no-repeat;
	background-position: 66px top;
	border-left: 1px solid rgba(51, 51, 51, 0.2);
}
	.blockquote-component__quote-author {
		margin-top: 1em;
		font-size: calc(1.8rem * .625);
		letter-spacing: 0;
		line-height: 1.5em;
	}
	.blockquote-component__quote-author span {
		text-transform: uppercase;
		display: block;
		font-weight: 500;
	}

.statsBG {
	width: 100%;
	max-width: 1600px;
	margin: 0 auto var(--sectionBottom) auto; 
	background: var(--color-darkBlue);
	padding: var(--sectionBottom) 0;
}

.stats {
	display: flex;
	justify-content: space-between;
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}

	.stat { width: 25%; color: #fff; }
	.stat-num { font-size: calc(8rem * .625);  font-weight: 500;  margin-bottom: .1em; line-height: 1em;}
		.stat-num span { font-size: 70%; }
	.stat-text { font-size: calc(1.6rem * .625); line-height: 1.4em; }
		

.section-hero {
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	display: flex;
	align-items: flex-end;
	aspect-ratio: 1600 / 800;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	padding: 0 0 5% 0;
}

	.sh-text-wrap { 
		width: 90%;
		max-width: 1200px;
		margin: 0 auto;
	}
	
	#hero .sh-text-wrap { margin: 0 auto 80px auto; }

	.sh-text { color: #fff; max-width: 900px; }
	.sh-num { font-size: calc(3rem * .625); font-weight: 500; margin-bottom: .25em; }
	.sh-head { font-weight: 700; font-size: calc(6rem * .625); margin-bottom: .75em; line-height: 1em;}

	#hero .sh-text { max-width: 1000px; }
	.sh-subhead { max-width: 850px; font-size: calc(2rem * .625); line-height: 1.5em; }
	.sh-logo { margin-bottom: 20px; max-width: 450px; }


#hero { background-image: linear-gradient(to bottom, rgba(35, 35, 35, 0) 40%, rgba(35, 35, 35, 0.8) 70%, rgba(35, 35, 35, 1) 100%), url(../img/gtt2024/hero-hero.jpg?v=0); margin-top: -130px; 	aspect-ratio: 1600 / 930; }
#the-game { background-image:linear-gradient(to bottom, rgba(35, 35, 35, 0) 40%, rgba(35, 35, 35, 0.8) 70%, rgba(35, 35, 35, 1) 100%),url(../img/gtt2024/Sports_HeroImage_Desktop.jpg?v=0); }
#planning-big { background-image:linear-gradient(to bottom, rgba(35, 35, 35, 0) 60%, rgba(35, 35, 35, 0.8) 100%),url(../img/gtt2024/OnceInALifetime_HeroImage_Desktop.jpg?v=0); }
#going-solo { background-image:linear-gradient(to bottom, rgba(35, 35, 35, 0) 40%, rgba(35, 35, 35, 0.8) 70%, rgba(35, 35, 35, 1) 100%), url(../img/gtt2024/SoloTravelEra_HeroImage_Desktop.jpg?v=0); }
#on-a-whim { background-image: linear-gradient(to bottom, rgba(35, 35, 35, 0) 40%, rgba(35, 35, 35, 0.8) 70%, rgba(35, 35, 35, 1) 100%), url(../img/gtt2024/Spontaneous_HeroImage_Desktop.jpg?v=0); }

.center-quote {
	width: 80%;
	max-width: 800px;
	margin: calc(1.5 * var(--sectionBottom)) auto;
	font-size: calc(3rem * .625);
	line-height: 1.4em;
}

	.center-quote-head { font-weight: 500; margin-bottom: 1.5em;}

	.center-quote .blockquote-component {
		margin-top: 80px;
	}

.family-travel, .culinary-activities {
	aspect-ratio: 1200 / 800;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto var(--sectionBottom) auto;
	background-repeat: no-repeat;
	background-size:cover;
	background-image:url(../img/gtt2024/Sports_DataImage_Desktop.jpg?v=0);
	background-position: 50% 50%;
	padding: 3% 0 25px 0;
	display: flex;
	flex-direction: column;
}

	.culinary-activities {background-image:url(../img/gtt2024/Solo_DataImage_Desktop.jpg?v=0); }
	.booking-travel-carousel {
		background-image: url(../img/gtt2024/AtAGlance_DataImage_Desktop.jpg?v=0);
	}
	.major-trips-carousel {
		background-image: url(../img/gtt2024/OnceInALifetime_DataImage_Desktop.jpg?v=0);
	}

	.ft-head {
		text-align: center;
		width: 75%;
		margin: 0 auto var(--sectionBottom) auto;
		color: #fff;
		font-weight: 500;
		font-size: calc(4rem * .625);
		line-height: 1.2;
	}
		.ft-subhead { font-size: calc(1.6rem * .625);}

			.ft-head sup { font-weight: normal; font-size: 40%; position: relative; top: -1em; }

	.ft-chart {
		display: flex;
		align-items: flex-end;
		justify-content: center;
		gap: 0 4.5%;
		margin-top: auto;
		margin-bottom: calc(.5 * var(--sectionBottom));
	}
	
		.ftc-item { min-width: 9.5%; }

		.ftc-percent { color: #fff; text-align: center; }
		.ftc-bar { margin: 0 auto 20px auto; }
		.ftc-label {
			color: #fff; 
			font-size: calc(1.8rem * .625);
			font-weight: 700;
			text-align: center;
			text-transform: uppercase; 
		}
		.ftc-label > sup {
			font-weight: normal;
		}

	.culinary-activities { padding: 5% 4% calc(.5 * var(--sectionBottom)) 4%; }
	.culinary-activities .ftc-label { font-size: calc(1.8rem * .625); height: 70px; }	
	.culinary-activities .ftc-item { min-width: 0; }	
		
.tabs-nav { display: flex; }

	.tab { 
		width: 50%;
		padding: 1em 2em;
		text-align: center;
		background: #f7f7f7;
		color: var(--color-darkBlue);
		font-weight: 500;
		line-height: 1.2em;
		font-size: calc(2.2rem * .625);
		 
		text-decoration: none;
	}
	
		.tab-on { color: #fff; background: var(--color-darkBlue);  }
		.tab--singular {
			width: 100%;
			border-radius: 20px 20px 0 0;
		}
		.left-tab { border-radius: 20px 0 0 0; }
		.right-tab { border-radius: 0 20px 0 0;  }
		
		
.tab-content {
	border: 2px solid var(--color-darkBlue);
	padding: var(--sectionBottom) calc( .5 * var(--sectionBottom));
	margin-bottom: var(--sectionBottom);
	background:url(../img/gtt2024/color-charts-wst.svg) no-repeat;
	background-size: contain;
	background-position: 0 100%;
}
			.tab-content-head { display: none; color: var(--color-darkBlue);font-weight: 500; font-size: calc(2rem * .625); margin-bottom: 1em; }
	
.color-charts {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 5%;
}

.color-charts.color-charts--border-bottom {
	border-bottom: 1px solid #e2e8f0;
}

.color-charts.color-charts--border-bottom:last-of-type {
	border-bottom: none;
}

	.color-chart {
		width: 30%;
	}
	
		.two-charts .color-chart { width: 45%;}
		.two-charts .color-chart-head { font-size: calc(2rem * .625); min-height: 2.5em;}
	
	.color-chart-head { font-size: calc(2.4rem * .625); margin-bottom: 1em; line-height: 1.4em; }
	
		.color-item { display: flex; align-items: center; margin-bottom: 25px; }
	
	.color-chart-bar { transition: all 1.25s; line-height: 1em; width: 0; height: 55px; color: #fff; font-size: calc(1.5rem * .625); font-weight: 700; display: flex; align-items: center; text-transform: uppercase; padding-left: .75em;  }
		.color-percent { font-size: calc(2.4rem * .625); font-weight: 700; margin-left: .5em; }
	
		.color1 { background: var(--color-lightBlue)}
		.color2 { background: var(--color-paleBlue)}
		.color3 { background: var(--color-orange)}
		.color4 { background: var(--color-teal)}
		.color5 { background: var(--color-yellow)}
	
	.hideLabel span { display: none; } /* only on desktop */

.chart-headers { text-align: center; font-weight: 500; max-width: 800px; margin: 0 auto;  }
	.chart-main-head {  font-size: calc(4rem * .625);  margin-bottom: 1em; line-height: 1.2em;}	
	.chart-subhead {  font-size: calc(2rem * .625);  margin-bottom: 2em; line-height: 1.3em;}	
	.chart-label { font-size: calc(2.7rem * .625);  margin-bottom: 1em; line-height: 1.3em;}	


.color-charts-headings {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 5%;
}

.color-charts-headings .color-chart-head {
	margin-bottom: 0;
}

.color-chart-desc {
	font-size: calc(2rem * .625);
	margin-bottom: 1rem;
	margin-top: 1.5rem;
}

.three-cols {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: var(--sectionBottom);
}	

	.col {
		 width: 33.333%;
	}
	
	.col-img { margin-bottom: 20px; }
	.col-img img { width: 100%; }
	.col-head { font-size: calc(2.4rem * .625); margin-bottom: .75em; line-height: 1.3em; }
	.col-content { line-height: 1.6em; max-width: 91%; }
	.col-content a { color: inherit; font-weight: 500; }
	
.downloadBG {
	width: 100%;
	max-width: 1600px;
	margin: 0 auto var(--sectionBottom) auto; 
	background: var(--color-darkBlue);
}	
	.download-content {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
	.download-text { width: 60%; margin-right: 4%; color: #fff; }
	.download-head { font-size: calc(4rem * .625); font-weight: 500; margin-bottom: .5em; line-height: 1.2em;}
	.download-content a.jumpnav-btn { background: #fff; color: var(--color-lightBlue); margin: 20px 0 0 0; display: inline-block; }
	
	
.past-reports {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: space-between;
	margin-bottom: var(--sectionBottom);
}

	.past-report {
		width: 49%;
		display: flex;
		align-items: center;
		background: #f8f8f8;
		border: 1px solid #e2e2e2;
		border-radius: 3px;
		padding: 5px;
	}
	
		.past-report img { width: 45%; }
		.past-report-text { width: 50%; margin-left: 4%; }
		.past-report-amex { font-weight: 500; color: #939AA0; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 1em; font-size: calc(1.1rem * .625);}
		.past-report-title { font-size: calc(2rem * .625); margin-bottom: 1.5em; font-weight: 500;}
		.past-report-cta { display: inline-block; background: #fff; text-decoration: none; color: var(--color-lightBlue); border-radius: 4px; border: 1px solid var(--color-lightBlue); padding: .75em 2em; }
	
		
.exp-chart {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	width: 90%;
	max-width: 1200px;
	margin: auto auto 50px auto;
}

.exp-group {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	position: relative;
	padding-bottom: 40px;
	width: 20%;
}

	.exp-item { width: 33.333%; flex-shrink: 0; }
	.exp-item .dc-label { font-size: calc(1.1rem * .625); text-align: center;}
	.exp-item .dc-bar { width: 45px; margin: 0 auto 15px auto; }
		.exp-item .dc-bar::after { border-width: 10px 5px 0 5px; left: 17px; bottom: -10px; }
	.exp-item .dc-percent { text-align: center; font-size: calc(2.2rem * .625); margin-bottom: 5px;}

	.eg-title { width: 100%; height: 1px; position: absolute; bottom: 0; text-align: center; font-weight: 500; font-size: calc(2.2rem * .625); line-height: 1.2; }
	.eg-context {
		font-size: calc(1rem * .625);
		line-height: 1.2;
		margin-top: 4px;
	}

.exp-nav { display: none; }

.methodology { font-family: Arial, sans-serif; font-size: calc(1.2rem * .625); line-height: 1.4em;}

p strong { font-weight: 500; }

.noBottom { margin-bottom: 0;}

/* Darken bg for graphs on images */
.destinations,
.experiences,
.family-travel,
.culinary-activities {
	position: relative;
}
	.destinations:before, 
	.experiences:before,
	.family-travel:before ,
	.culinary-activities:before {
		background: rgba(0, 0, 0, 0.4);
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.ft-head, .ft-chart,
	.dest-list, .dest-wrap,
	.exp-chart {
		z-index: 2;
	}

/* Carousel graphs */
.carousel-chart,
.booking-travel-carousel,
.major-trips-carousel,
.travel-alone-carousel {
	aspect-ratio: initial;
	height: 785px;
}
.carousel-chart .ft-head {
	font-size: calc(2.4rem * .625);
	width: 100%;
}
.carousel-chart-header {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-flow: row wrap;
	gap: 15px;
	justify-content: center;
}

	.carousel-chart-header .chart-heading {
		color: var(--color-darkBlue);
		font-size: calc(3rem * .625);
		line-height: 1;
		font-weight: 500;
		margin-bottom: 17px;
		text-align: center;
	}

	.carousel-chart-container {
		position: relative;
	}

	.carousel-chart-controls {
		display: flex;
		flex-flow: row;
		justify-content: space-between;
		gap: 15px;
		margin-bottom: 18px;
		margin-left: auto;
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		z-index: 1;
	}

	.carousel-chart-controls button {
		background: none;
		border: none;
		padding: 0;
		cursor: pointer;
		background: rgba(0, 0, 0, 0.53);
		width: 40px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.carousel-chart-controls svg {
		width: 100%;
	}
	.carousel-chart-controls button.slick-disabled {
		opacity: 0.5;
		cursor: initial;
	}

	.slick-list {
		height: 100%;
	}
	.slick-track {
		display: flex !important;
		height: 100%;
	}
	.slick-slide {
		height: inherit !important;
		/* height: 100% !important; */
		/* aspect-ratio: 1200 / 820; */
	}

	.slick-dots {
		display: flex;
		justify-content: center;
		margin: 0;
		padding: 1rem 0;
		list-style-type: none;
	}

	.slick-dots li {
		margin: 0 .25rem;
		opacity: 0.5;
	}

	.slick-dots li.slick-active {
		opacity: 1;
	}

	.slick-dots button {
		display: block;
		width: 0.5rem;
		height: 0.5rem;
		padding: 0;
		border: none;
		border-radius: 100%;
		text-indent: -9999px;
		background-color: #fff;
		position: relative;
		cursor: pointer;
	}
	/* .slick-track,
    .slick-slide,
	.slick-list {
      height: 100% !important;
    } */

	.carousel-chart-slide {
		display: flex !important;
		flex-flow: column;
		gap: 20px;
	}

	.carousel-chart-slide .ft-head {
		margin-bottom: 0;
	}
/* 
	.carousel-chart-slide .ft-chart {
		margin-bottom: 0;
	} */

	.carousel-chart-slide .ftc-label {
		height: initial;
	}

@media all and (max-height: 1000px) and (min-width: 1200px) {
	.section-hero { aspect-ratio: 8 / 3.5;}
}

@media all and (max-width: 1200px) {
			
	.gtt-navBG { margin-top: 0; }
	#hero .sh-text-wrap { margin-bottom: 0; }
	#hero { margin-bottom: 0; }
	.past-report { width: auto;}
			
	.dc-percent { font-size: calc(2rem * .625); margin-bottom: 4px;}
	.dc-label { font-size: calc(1.4rem * .625);}
	.dc-bar { width: 50px; margin-bottom: 15px; }
		.dc-bar::after { border-width: 10px 5px 0 5px; left: 20px; bottom: -10px; }
	.dc-label { letter-spacing: 0; }

	.eg-title { font-size: calc(1.4rem * .625); }
}


@media all and (max-width: 1000px) {
	.jumpnav { display: none; }
	.gtt-nav-head { font-size: calc(3rem * .625);}
}

@media all and (max-width: 900px) {
	#hero { aspect-ratio: 1.5 / 1; background-image: linear-gradient(to bottom, rgba(35, 35, 35, 0) 0%, rgba(35, 35, 35, 0.8) 100%),url(../img/gtt2024/hero-hero.jpg?v=0)}

	.gn-head { font-size: calc(1.4rem * .625); }
	.gn-text { font-size: calc(1.25rem * .625);}
	.stat { width: 28%;}
	.stat-num { font-size: calc(5rem * .625);}
	.stat-text { letter-spacing: 0; font-size: calc(1.6rem * .625);}
	.hero-quote-stat-head { font-size: calc(1.8rem * .625); letter-spacing: 0; font-weight: 500; }
	.center-quote { font-size: calc(1.8rem * .625);}
	

	.dest-subhead { font-size: calc(1.6rem * .625); font-weight: 500;}

	.ft-head { font-size: calc(2.5rem * .625);}
	.ftc-percent { font-size: calc(2rem * .625);}
	.ftc-label { font-size: calc(1.8rem * .625); text-align: center;}
	.ftc-bar { width: 40px; margin-bottom: 15px; }
	.culinary-activities .ftc-label { font-size: calc(1.3rem * .625); text-align: center; }	
	
	.tab { font-size: calc(1.6rem * .625); font-weight: 400; }
	.color-chart-head { font-size: calc(1.8rem * .625); min-height: 50px;}

	.dest-head h2 { font-size: calc(2.6rem * .625);}
	.dest-list { max-width: 100%; }
	.dl-name { font-size: calc(1.4rem * .625);}
		
	.exp-item .dc-bar { width: 30px; }
		.exp-item .dc-bar::after { left: 10px; bottom: -10px; }
	.exp-item .dc-label { font-size: calc(1rem * .625);}
				
	.three-cols { flex-direction: column; }
		.col { width: 100%; display: flex;}
		.col-img { width: 30%; flex-shrink: 0; margin-right: 30px; }
		.col-head { font-size: calc(1.8rem * .625); font-weight: 500; }
		.col-content { font-size: calc(1.4rem * .625);}
		
	.download-head { font-size: calc(3rem * .625);}
	
	.slick-slide {
		height: inherit !important;
		/* height: 100% !important; */
		aspect-ratio: initial;
	}
	.travel-alone-carousel {
		aspect-ratio: initial;
	}
}

@media all and (max-width: 800px) {
	.blockquote-component {
		padding: 20px 7.5% 0 7.5%;
		background-position: 10px top;
		line-height: 1.6;
	}
	.sh-head { font-size: calc(4.5rem * .625);}
	.sh-logo { max-width: 325px; }

	.tab-content.hideMe { display: block; }
	.tabs-nav { display: none; }
	.tab-content { border: 1px solid #D9D9D6; padding: 20px; }
	.tab-content-head { display: block; }
	.color-charts-headings {
		display: none;
	}
	.color-charts { justify-content: flex-start; width: 100%; overflow-x:scroll; margin: 0 auto;  -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; scroll-padding: 0px; scroll-behavior: smooth; -webkit-scroll-behavior: smooth;}

	.color-charts.color-charts--stacked {
		display: flex;
		flex-flow: column;
		overflow-x: initial;
	}
	.color-charts.color-charts--stacked .color-item {
		position: relative;
		margin-top: 22px;
	}

	.color-charts.color-charts--stacked .color-item::before {
		content: attr(data-generation);
		position: absolute;
		top: -22px;
		left: 0;
		font-size: calc(1.2rem * .625);
	}
		.color-chart, .two-charts .color-chart  { width: 100%; flex-shrink: 0; scroll-snap-align: start; }
		.hideLabel span { display: block;}

	.tab-content { position: relative; padding-bottom: 40px; background-position: 0 calc(100% - 40px); }
	.experiences { position: relative;}
	.exp-nav { position: absolute; bottom: 0; left: 0; display: block;  width: 100%; display: flex; justify-content: center; text-align: center; padding: 10px 0; }
	.exp-nav-arrow { background: #ccc; width: 40px; height: 40px; }


	.ftc-bar::after { left: 15px; }

	.carousel-chart,
	.booking-travel-carousel,
	.major-trips-carousel,
	.travel-alone-carousel {
		aspect-ratio: initial;
		height: 640px;
	}
}

@media all and (max-width: 750px) {
	:root {	--sectionBottom: 30px; }
	.gtt-nav { flex-direction: column; }
	.gtt-nav-item { width: 100%; display: flex; flex-direction: row; align-items: center; padding: 15px; margin-bottom: 10px; }
		.gn-cta { margin-top: 0; margin-left: auto; white-space: nowrap; }
	.gn-num { margin: 0 1em 0 0;font-size: calc(2.4rem * .625); }
	.gn-head { margin-bottom: 0; font-size: calc(1.5rem * .625); padding-right: 1em;}
	.gn-text { display: none; }
	#hero .sh-subhead { font-size: calc(1.6rem * .625); letter-spacing: 0; }
	.hero-quote { font-size: calc(2rem * .625); letter-spacing: 0; line-height: 1.4em;}
	
	.experiences { padding: 20px 0 40px 0; }
	.exp-chart { width: 350px; overflow-x:scroll; margin: 0 auto;  -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; scroll-padding: 0px; scroll-behavior: smooth; -webkit-scroll-behavior: smooth;}
	.exp-group  { width: 350px; flex-shrink: 0; padding-bottom: 60px; scroll-snap-align: start; }
	.exp-item .dc-bar { width: 45px;}
	.exp-item .dc-label { font-size: calc(1.2rem * .625);}
		.exp-item .dc-bar::after { left: 18px; }
	.eg-title { font-size: calc(1.8rem * .625); height: auto; margin-top: 20px; bottom: 8px;}


	.downloadBG { padding: 30px;}
	.download-content { flex-direction: column; }
		.download-content img { width: 100%; }
	.download-text { margin-right: 0; margin-bottom: 40px; width: 100%; }
	.download-head { font-size: calc(2.6rem * .625);}

}

@media all and (max-width: 700px) {
	#hero .sh-subhead { letter-spacing: 0; font-size: calc(1.7rem * .625);}
}

@media all and (max-width: 630px) {
	#hero { aspect-ratio: 1 / 1.1; background-image: linear-gradient(to bottom, rgba(35, 35, 35, 0) 0%, rgba(35, 35, 35, 0.8) 100%),url(../img/gtt2024/hero-hero.jpg?v=0)}
	.section-hero { aspect-ratio: 1 / 1.1; }

	.sh-head { font-size: calc(2.8rem * .625);}
	.sh-subhead { font-size: calc(1.6rem * .625);}
	
	.hero-quote-wrap { flex-direction: column; }
		.hero-quote { width: 100%; margin-bottom: 40px; padding: 12px 0 0 0;}
		.hero-quote-stats { padding-left: 0; border: none; width: 100%; }
	
				.q-text { font-size: calc(1.8rem * .625);}
	
	.ft-head { font-size: calc(1.8rem * .625);}
	.ft-subhead { font-size: calc(1rem * .625);}
	.ft-chart { flex-direction: column; justify-content: flex-start; align-items: center; }
	.ftc-item { display: flex; flex-direction: row-reverse; width: 80%; justify-content: flex-end; }
	.ftc-bar { height: 30px; margin: 0 0 20px 0; }
	.ftc-label { width: 100px; flex-shrink: 0; margin-right: 10px; text-align: left; align-items: center; margin-bottom: 20px; font-size: calc(1.4rem * .625); line-height: 1; }

	.ftc-percent { margin-left: 10px; margin-top: 3px; position: relative; z-index: 2;}
	
	.culinary-activities .ftc-label { height: auto; width: 40%;font-size: calc(1.4rem * .625); text-align: left; }
	.culinary-activities .ftc-item { align-items: center; }
	
	.chart-main-head { font-size: calc(2.4rem * .625);}
	.chart-subhead { font-size: calc(1.8rem * .625);}
	.chart-label { font-size: calc(1.6rem * .625);}
	
	.dc-bar { width: 25px; }
	
	.col { flex-direction: column; }
	.col-img { width: 100%; max-width: 400px; margin: 0 auto 20px auto; }
	.col-content { max-width: 100%;}
	.col-head { font-size: calc(2.6rem * .625); font-weight: 500; line-height: 1.3em; }
	
	#responsible { background-image: linear-gradient(to bottom, rgba(35, 35, 35, 0) 00%, rgba(35, 35, 35, 0.8) 100%),url(../img/gtt2024/Sports_HeroImage_Desktop.jpg?v=0)}
	
	.carousel-chart,
	.booking-travel-carousel,
	.major-trips-carousel,
	.travel-alone-carousel {
		aspect-ratio: initial;
		height: initial;
	}
}

@media all and (max-width: 500px) {
	#hero { margin-top: 0; }
	#hero .sh-text-wrap { margin-bottom: 0; }
	.sh-logo { max-width: 225px; }
	.hero-quote p { font-size: calc(1.6rem * .625);}
	.hero-quote-author span { text-transform: none; }
	
	.destinations { padding: 20px 0; }
	.dest-head h2 { font-size: calc(1.5rem * .625);}
	.dest-head h3 { font-size: calc(1.4rem * .625);}
	.dest-chart { margin-bottom: 25px; }
	.dc-label { font-size: calc(1.0rem * .625);}
	.dc-percent { font-size: calc(1.8rem * .625);}
	.gn-head { margin-bottom: 0; font-size: calc(1.3rem * .625);}
	.stats { flex-direction: column; }
	.stat { width: 100%; margin-bottom:30px; }
	.stat-num { margin-bottom: 0px; font-size: calc(3.5rem * .625); font-weight: 700; }
	
	.dl-name { font-size: calc(1.2rem * .625);}
	
	.past-report-amex { font-size: calc(.9rem * .625);}
	.past-report-cta { padding: .5em 1em; font-size: calc(1.4rem * .625);}

}