/* Variables & Theme Colors
----------------------------------------*/
:root {
	--peak-page-bg: #f6f4ef;
	--peak-surface: #ffffff;
	--peak-surface-soft: #fbfaf7;
	--peak-border: #d8d2c7;
	--peak-border-soft: rgba(47, 72, 88, 0.14);
	--peak-text: #1f2933;
	--peak-text-muted: #5f6f7a;
	--peak-heading: var(--text-hdr-color);
	--peak-accent: #eb8f00;
	--peak-accent-dark: #c65f12;
	--peak-accent-soft: #fff3e6;
	--peak-shadow-sm: 0 2px 8px rgba(31, 41, 51, 0.08);
	--peak-shadow-md: 0 10px 28px rgba(31, 41, 51, 0.14);
	--peak-radius-sm: 6px;
	--peak-radius-md: 8px;
	--peak-radius-lg: 10px;
}

section {
	margin-bottom: 30px;
	scroll-margin-top:125px;
}
section.notTooWide {
	max-width: 1150px;
}

#tabGroup section h2 {
	position: relative;
	font-size: 1.35rem;
	font-weight: 800;
	color: var(--peak-heading);
	margin-top: 24px;
	margin-bottom: 15px;
	padding-bottom: 4px;
	letter-spacing: -0.01em;
	background: transparent;
}

#tabGroup section h2::after {
	content: "";
	display: block;
	width: 52px;
	height: 3px;
	margin-top: 6px;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--peak-accent), rgba(235, 143, 0, 0.15));
}

/* Peak detail header  */
#overview {
	display: inline-block;
	width: 100%;
	background:
			radial-gradient(circle at top left, rgba(255, 255, 255, 0.48), transparent 34%),
			linear-gradient(135deg, #eef1ec 0%, #d9e0d5 47%, #c7d2c2 100%);
	border-top: 1px solid rgba(47, 72, 88, 0.12);
	border-bottom: 1px solid rgba(47, 72, 88, 0.18);
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.55);
	user-select: none;
}

#peak_overview_box {
	display: flex;
	align-items: stretch;
	gap: 12px;
	max-width: 1150px;
	width: 100%;
	height: auto;
	text-align: left;
	margin:1px 0 10px 0;
	float: left;
	clear: both;
	user-select: text;
}

#peak_stats_column {
	display: grid;
	grid-template-columns: repeat(2, minmax(155px, 230px)); /* Exactly matched to route.css stats column width */
	gap: 8px;
	flex: 0 0 auto;
	width: auto;
	max-width: 500px;
	float: left;
	clear: none;
	user-select: none;
}

#peak_stats_column3 {
	flex: 1 1 auto;
	min-width: 290px;
	float: left;
	clear: none;
	border: 0;
	padding: 0;
	line-height: 0;
	user-select: none;
}

.peak_stat {
	display: flex;
	flex-direction: column;
	white-space: normal;
	min-width: 0;
	background: rgba(255, 255, 255, 0.88);
	border: 1px solid var(--peak-border-soft);
	border-radius: var(--peak-radius-md);
	padding: 9px 11px;
	box-shadow: var(--peak-shadow-sm);
	transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.peak_stat:hover {
	transform: translateY(-1px);
	border-color: rgba(217, 108, 28, 0.28);
	box-shadow: 0 6px 16px rgba(31, 41, 51, 0.12);
}

.peak_stat_label {
	display: inline-block;
	font-size: 0.76rem;
	text-transform: uppercase;
	letter-spacing: 0.065em;
	color: var(--peak-text-muted);
	font-weight: 800;
	line-height: 1.15;
	margin-bottom: 5px;
}

.peak_stat_value {
	font-size: 0.98rem;
	font-weight: 700;
	color: var(--peak-text);
	line-height: 1.3;
}

.peak_stat_value a {
	text-decoration: underline;
}

span.featuredPhotoThumb {
	margin: 3px 4px 8px 4px;
	width: auto;
	max-width: 96%;
	height: auto;
	max-height: fit-content;
}

.featuredPhotoThumb a {
	display: inline-block;
	border-radius: var(--peak-radius-md);
	overflow: hidden;
}

.featuredPhotoThumb img {
	background-color: transparent;
	border-radius: var(--peak-radius-md);
	box-shadow: 0 2px 8px rgba(31, 41, 51, 0.12);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.featuredPhotoThumb a:hover img {
	transform: scale(1.025);
	box-shadow: 0 8px 20px rgba(31, 41, 51, 0.18);
}

span.featuredPhotoThumb.mainPeakPic {
	display: block;
	width: 100%;
	max-width: none;
	height: 100%;
	min-height: 190px;
	aspect-ratio: 16 / 9; /* Reserves exact height before the image loads to prevent layout shift */
	margin: 0;
	overflow: hidden;
	border-radius: var(--peak-radius-lg);
	background-color: rgba(255, 255, 255, 0.45);
	box-shadow: var(--peak-shadow-md);
}

span.featuredPhotoThumb.mainPeakPic a {
	display: block;
	width: 100%;
	height: 100%;
}

span.featuredPhotoThumb.mainPeakPic img {
	display: block;
	width: 100% !important;
	max-width: none !important;
	height: 100% !important;
	max-height: none !important;
	object-fit: cover;
	object-position: top;
	border-radius: var(--peak-radius-lg);
	transition: transform 0.35s ease;
}

span.featuredPhotoThumb.mainPeakPic:hover img {
	transform: scale(1.025);
}



/* Photo Gallery Slick Transitions */
.photo-grid-zoom {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	margin-bottom: 10px;
}

.peak-photo-item {
	display: block;
	overflow: hidden;
	border-radius: var(--peak-radius-sm);
	box-shadow: 0 3px 6px rgba(0,0,0,0.08);
	background: #f1f5f9;
}

.peak-photo-item img {
	display: block;
	border: 0;
	transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.peak-photo-item:hover img {
	transform: scale(1.08);
}

.member-photo-section {
	display: flex;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
	margin: 25px 0;
	width: 100%;
}

.member-photos-header {
	font-size: 1.1rem !important;
	line-height: 1.3 !important;
	margin: 0 !important;
	padding: 0 !important;
	font-weight: 850 !important;
	min-width: 160px;
	color: var(--peak-heading);
	border: 0 !important;
	background: transparent !important;
}

.member-photo-cards {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	flex: 1;
}

.member-photo-card {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	background: #ffffff;
	border: 1px solid #cbd5e1;
	border-radius: var(--peak-radius-sm);
	padding: 7px 11px;
	text-decoration: none !important;
	color: var(--peak-text) !important;
	font-weight: 700;
	font-size: 0.9rem;
	box-shadow: var(--peak-shadow-sm);
	transition: all 0.2s ease-in-out;
}

.member-photo-card.member-photo-label {
	background: transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
	padding-left: 0 !important;
	font-weight: 850 !important;
	color: var(--peak-heading) !important;
	pointer-events: none !important;
	cursor: default !important;
	font-size: 1.1rem !important;
	line-height: 1.3 !important;
}

.member-photo-card:hover {
	transform: translateY(-1px);
	border-color: var(--peak-accent);
	box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}

.member-photo-card-count {
	background: var(--peak-accent);
	color: #ffffff;
	border-radius: 99px;
	padding: 2px 8px;
	font-size: 0.8em;
	font-weight: 800;
	margin-left: 10px;
}

.pill-btn {
	display: inline-block;
	background: #0284c7;
	color: #ffffff !important;
	font-weight: 700;
	font-size: 0.85em;
	padding: 5px 14px;
	border-radius: 999px;
	text-decoration: none !important;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
	cursor: pointer;
	transition: all 0.2s ease-in-out;
	border: none;
	user-select: none;
}

.pill-btn:hover {
	background: #0369a1;
	transform: translateY(-1px);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.18);
}

/* Sticky Scroll-Navigation Bar */
.toc-sticky-bar {
	position: sticky;
	top: 52px !important;
	background: #e0e9db;
	border: 1px solid #cbd5e1;
	border-top: 4px solid var(--peak-accent);
	z-index: 200000 !important; /* Ensure it stays above hero pictures and other absolute elements */
	padding: 8px 14px;
	margin: 0 0 8px 0;
	display: flex;
	justify-content: space-between;
	box-shadow: var(--peak-shadow-md);
	border-radius: var(--peak-radius-sm);
	flex-wrap: wrap;
	gap: 2px;
	align-items: center;
	overflow: hidden;
}

.toc-peak-title {
	font-size: 1.6rem !important;
	font-weight: 800;
	color: var(--peak-heading);
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	position: relative;
	z-index: 2;
}

.toc-links {
	display: flex;
	gap: 5px;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
	z-index: 2;
}

.toc-header-photo {
	display: none;
	position: absolute !important;
	top: 0;
	right: 0;
	bottom: 0;
	width: 38%;
	min-width: 180px;
	max-width: 310px;
	height: auto;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0;
	overflow: hidden;
	box-shadow: none !important;
	background: transparent;
	z-index: 1;
	pointer-events: none;
}

.toc-header-photo::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	background: linear-gradient(
			90deg,
			#e0e9db 0%,
			rgba(224, 233, 219, 0.82) 22%,
			rgba(224, 233, 219, 0.35) 48%,
			rgba(224, 233, 219, 0) 72%
	);
	pointer-events: none;
}

.toc-header-photo img {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	object-fit: cover;
	object-position: top right;
	opacity: 0.9;
}

.toc-label {
	display: inline-flex;
	align-items: center;
	font-weight: 800;
	color: var(--peak-text-muted);
	font-size: 0.85em;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 8px 16px 8px 10px;
	border-right: 1px solid #cbd5e1;
	margin-right: 10px;
	user-select: none;
}

.toc-label i {
	margin-right: 6px;
	color: var(--peak-accent);
}

.toc-sticky-bar a {
	position: relative; /* Base position for the dot indicator */
	text-decoration: none !important;
	color: var(--peak-text) !important;
	font-size: 1.05em;
	font-weight: 700;
	padding: 8px 16px;
	border-radius: var(--peak-radius-sm);
	transition: all 0.2s ease-in-out;
	align-items: center;
	gap: 6px;
}

.toc-sticky-bar a.active::after {
	content: "";
	position: absolute;
	bottom: 2px;
	left: 50%;
	transform: translateX(-50%);
	width: 80%;
	height: 3px;
	background-color: rgba(235, 143, 0, 0.45); /* Dim peak-accent color underline */
	border-radius: 2px;
	transition: all 0.2s ease;
}

.toc-sticky-bar a i {
	color: var(--peak-accent);
	transition: color 0.2s ease-in-out;
}

.toc-sticky-bar a:hover {
	background: var(--peak-accent);
	color: #ffffff !important;
}

.toc-sticky-bar a:hover i {
	color: #ffffff !important;
}


@media (max-width: 800px) {
	#peak_stats_column3 {
		display: none !important;
	}
	span.mainPeakPic {
		display: none !important;
	}
	#peak_stats_column {
		width: 100% !important;
		max-width: none !important;
		grid-template-columns: repeat(2, minmax(135px, 1fr)) !important;
		gap: 7px !important;
	}
	.toc-sticky-bar {
		padding: 6px 10px !important;
		margin-bottom: 15px !important;
	}
	h2 {
		font-size: 1.3em !important;
	}
	.toc-sticky-bar a {
		font-size: 0.9em !important;
		padding: 4px !important;
		gap: 4px !important;
	}
	.toc-sticky-bar a.active::after {
		height: 2px !important;
		bottom: 1px !important;
	}
}

@media (min-width: 375px) and (max-width: 800px) {
	.toc-sticky-bar {
		flex-wrap: wrap !important;
		align-items: center !important;
		padding-right: 120px !important;
		min-height: 70px;
	}

	.toc-links {
		flex: 1 1 auto;
		min-width: 0;
		max-width: calc(100% - 10px);
	}

	.toc-header-photo {
		display: block;
	}
}

@media (max-width: 374px) {
	.toc-header-photo {
		display: none !important;
	}
}

#wrap_inner {
	user-select: none;
	display: flow-root; /* Fixes float collapse so parent container spans the full page height */
	width: 100%;
}

/* Prevent parent containers, body, and HTML from breaking position: sticky */
html, body, #wrap_inner, #content-wrap, #main {
	overflow: visible !important;
}

.v3-table tr th {
	height:35px;
	text-align:left;
	cursor:auto;
}
.v3-table tr td {
	height:auto;
	border:0;
	line-height:normal;
	padding-left:4px;
	padding-right:4px;
}
.v3-table tr td a {
	display:inline;
	line-height:normal;
}

.divSpinner {
	background-position:5% 30%;
}

#peakStatsTable {
	width:100%;
	min-width:100%;
	max-width:230px;
	border:0;
	margin-top:0;
}
#peakStatsTable tr td:nth-child(1) {
    padding-left:0;
	padding-right:5px;
	vertical-align:top;
}
#peakStatsTable tr td:nth-child(2) {
    padding-left:0;
	padding-right:0;
	text-align:left;
	width:75%;
	white-space:normal;
}

.blockLink {  
	display:block;
	width:100%;
	height:100%;
}
@media (max-width : 500px) {
	.MainText1 {
    	font-size: 13pt;
	}
	table span.routeIcons {
		display:none !important;
	}
}

#map_wrap {
	border: 0;
	border-radius: var(--peak-radius-lg);
}

#map_canvas {
	border-radius: var(--peak-radius-lg);
}

.gmap_framewrap {
	position: relative;
	width: 100%;
	max-width: 100%;
	height: 455px;
	float: left;
	clear: none;
	vertical-align: top;
	text-align: left;
	margin-top: 6px;
	margin-right: 0;
	display: flex;
	border: 1px solid rgba(47, 72, 88, 0.18);
	border-radius: var(--peak-radius-lg);
	overflow: hidden;
	box-shadow: var(--peak-shadow-md);
	user-select: none;
	background: #e8ece7;
}

.gmap_frame {
	width:100%;
	max-width:100%;
	height:505px;
	border:0;
	padding-right:1px;
}


#content-wrap {
    position:relative;
    background:#ffffff;
	float:left;
	clear:both;
}

#tabGroup, .peak-scrolling-content {
	float:left;
	clear:both;
	padding-right:1px;
	width:100%;
	height:auto;
	min-width:300px;
	margin:0 0 50px 0;
}
.peak-scrolling-content section {
	scroll-margin-top: 125px !important;
}
div.content {
	padding:2px 2px 25px 2px;
	border:1px solid #d57e17;
	border-radius:0;
	background-color: #e1ebf2 !important;
}
img.overpic {
	display:inline-block;
	width:240px;
	max-width:100%;
	border-radius:3px;
}
	

	
.spacer {
	padding:0;
	background:url(/images/spacer.png) repeat-x bottom;
}
ul.sectionlist {
	list-style-type:none;
	padding:0;
	margin:0 0 0 -5px;
}
li.sectionlist, .sectionlist li {
	margin:0;
	white-space:nowrap;
	background-image:url("/images/icon_bullet1_medium.png");
	background-repeat:no-repeat;
	background-position:5px 4px;
	background-size:9px 9px;
	padding: 0 0 0 18px;
}
ul.bullets-withicon {
	margin-left:15px;
}
#mappane {
	width:100%;
	height:800px;
	float:left;
	clear:right;
	margin-left:5px;
	margin-bottom:35px;
}
.ui-tabs .ui-tabs-panel {
    padding: 2px;
}
.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0 .2em 0;
}
div.peakGroupedPhotosWrap {
	float:left;
	clear:both;
	padding-bottom:4px;
}

.buttonf {
	font-size:11pt !important;
	color:#FFF !important;
	text-decoration:none !important;
	padding-bottom:5px !important;
}

#tabs-1, #tabs-2, #tabs-3, #tabs-4, #tabs-5, #tabs-6, #tabs-7, #tabs-8, #tabs-9, #tabs-10 {
	width:97%;
	max-width:97%;
	overflow:hidden;
}

.route_titleicon {
	width:17px;
	height:17px;
	border:0;
	padding:0;
	margin:1px 0 -3px 0;
}

.v3-table tr td.peaknotclimbed {
	padding-left:17px;
}
.ui-tabs .ui-tabs-panel {
	padding:0;
}
	
#mappane {
	height:100%;
	float:left;
	margin-left:5px;
	margin-bottom:35px;
	margin-top:0;
	padding-top:0;
}
#tabGroup {
	margin-top:0;
	padding-top:0;
}
#tabs-1, #tabs-2 {
	min-height:700px;
}
#nearby13erResults {
	width:95%;
}
#nearby13erResults tr td:nth-child(1) {
	width:100%;
	vertical-align:top;
	white-space:nowrap;
}
#routeResultsNon14ers a:visited, #tripResults a:visited {  
	color:#999;
}
#routeResultsNon14ers {
	margin-top:10px;
	margin-left:10px;
	width:95%;
	margin-bottom:5px;
	table-layout:fixed;
	border:0;
	border-spacing:0;
	border-collapse:collapse;
}
#routeResultsNon14ers tr td {
	line-height:1.5em;
}
#routeResultsNon14ers tr td:nth-child(1) {
	width:80%;
	min-width:80%;
	height:18px;
	vertical-align:baseline;
	white-space:normal;
	padding-top:2px;
}
#routeResultsNon14ers tr td:nth-child(1) div {
	overflow:hidden;
	text-overflow:ellipsis;
	padding-right:4px;
}
#routeResultsNon14ers tr td:nth-child(1) a {  
	display:inline-block;
	width:100%;
}
#routeResultsNon14ers tr td:nth-child(2) {
	padding-top:2px;
	text-align:right;
	white-space:nowrap;
}

#routeResults {
	width:100%;
	text-align:left;
	margin-bottom:5px;
}
#routeResults tr {
	line-height:1.3em;
	cursor: pointer;
	user-select: none;
	pointer-events: auto;
}
#routeResults tr td {
	padding:3px;
	height:auto;
	min-height:30px;
	max-height:fit-content;
	vertical-align:top;
	text-align:left;
	border:0;
}
#routeResults tr td.colDescription1 div.linkButton {
	font-size:1.2em;
	margin-top:1px;
	margin-bottom:5px;
}
#routeResults tr td.colPhoto {
	text-align:center;
	width:168px;
}
#routeResults tr td.colPhoto img {  
	float:left;
	width:168px;
	height:90px;
	pointer-events: none;
	border-radius: 6px;
	border: 1px solid #ddd;
	user-select: none;
	margin-top:2px;
	margin-bottom:2px;
}
#routeResults tr td.colIcons {
	text-align:center;
	white-space:nowrap;
	width:30px;
	min-width:30px;
	max-width:30px;
	padding-top:5px;
}
#routeResults tr td.colDescription1 {

}
#routeResults tr td.colRisk {
	width:40%;
	padding:13px 2px 2px 0;
}
#routeResults span.linkButton {
	margin:0;
	padding: 0 0 6px 0;
}

table.routesLegend {
	padding:2px;
	font-size:0.9em;
}
table.routesLegend tr td {
	vertical-align:top;
}
table.routesLegend tr td:nth-child(2) {
	padding-left:5px;
}
table span.routeIcons {
	display:inline-block;
	margin-left:6px;
	padding:2px 7px;
	border-radius:999px;
	background:#fff3c4;
	border:1px solid #d69e2e;
	color:#7c4a03;
	font-size:0.78em;
	font-weight:800;
	vertical-align:middle;
	white-space:nowrap;
}

#tripResults {
	margin-top:10px;
	margin-left:10px;
	table-layout:fixed;
	width: -webkit-fill-available;
	max-width:100%;
	border:0;
	border-spacing:0;
	border-collapse:collapse;
	margin-right:10px;
}
#tripResults tr td {
	line-height:1.5em;
}
#tripResults tr th:nth-child(1),
#tripResults tr td:nth-child(1) {
	vertical-align:middle;
	padding-right:2px;
	width:16px;
}
#tripResults tr td:nth-child(2) {  
	text-align:left;
	width:90%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	vertical-align:top;
}
#tripResults tr td:nth-child(2) a {  
	display:inline-block;
	width:100%;
}
#tripResults tr td:nth-child(2) div, #tripResults tr td:nth-child(3) div {
	overflow:hidden;
	text-overflow:ellipsis;
	padding-right:4px;
}
#tripResults tr td:nth-child(3) {
	text-align:left;
	width:100px;
	max-width:150px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
#tripResults tr td:nth-child(4) {
	text-align:right;
	width:38px;
	min-width:38px;
	padding-left:2px;
}
#photosTable {
	width:100%;
	min-height:200px;
	margin-top:10px;
	background-color:transparent;
	border:0;
}

img.hike, img.construction, img.ski, img.snow, img.usercontributed {
	border:0;
	width:16px;
	height:16px;
	margin-bottom:-2px;
}

div.peakPhotoWrap {
	float: left;
	background-color:#EEE;
	border: 1px solid #e2e2e2;
	max-width: 380px;
	height: 120px;
	white-space:nowrap;
	margin:2px;
	overflow:hidden;
}
div.peakPhotoWrap div:nth-child(1) {
	float:left;
	clear:none;
	width:135px;
	min-width:135px;
	padding:3px;
}
div.peakPhotoWrap div:nth-child(2) {
	float:left;
	clear:none;
	width:230px;
	white-space:normal;
	padding:3px;
}
div.peakPhotoWrap table {
	border:0;
	color:#000;
}
div.peakPhotoWrap table tr td:nth-child(1) {  
	width:135px;
	max-width:135px;
	min-width:135px;
	text-align:left;
	vertical-align:top;
}
div.peakPhotoWrap table tr td:nth-child(2) {  
	width:230px;
	text-align:left;
	vertical-align:top;
	margin-top:2px;
	padding-left:2px;
	white-space:normal;
}
div.peakPhotoWrap img {
	border:1px solid #000;
	border-radius:4px;
	width:100%;
	max-width:100%;
	max-height:100%;
}

.peaknotclimbed {
	padding-left:17px;
}
p.photoDetails {
	line-height:normal;
	padding-top:10px;
	font-size:0.8em;
	color:#888888;
}
a.fa-trash-can {
	color:var(--icon-delete-color) !important;
}

.overviewText {
	line-height:1.3em;
	margin-bottom:15px;
}
#moreText {
	display:none;
}
.buttonfs {
	margin-left:10px;
	padding: 0.2em 0.5em 0.2em;
}
div.stat {
	display:flex;
	float:left;
	clear:both;
	white-space:normal;
}
span.label {
	position: relative;
	width:110px;
	min-width:110px;
	vertical-align: top;
	display: inline-block;
	background-color: rgba(255,255,255,.50);
	border-radius: 2px;
	font-weight: 800;
	line-height: 1;
	text-align: left;
	margin: 2px;
	text-decoration: none;
	white-space: nowrap;
	padding: 0.25rem 0.3rem;
}
span.label a, span.value a {
	display:inline !important;
	width:100%;
	height:100%;
}
span.label.empty {
	background-color: transparent;
}
span.value {
	vertical-align:middle;
	margin:0.2em;
	display:inline-block;
}
	
#tripResults2 tr td:nth-child(1),
#tripResults2 tr th:nth-child(1) {
	width:30px;
	max-width:30px;
	font-size:1.3em;
	text-align:center;
}
#tripResults2 tr td:nth-child(2) {  
	padding-top:4px;
	padding-bottom:4px;
	min-width:0;
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:normal;
	vertical-align:top;
}
#tripResults2 tr td:nth-child(3),
#tripResults2 tr td:nth-child(4),
#tripResults2 tr td:nth-child(5) {
	padding-right:5px;
}
#tripResults2 tr td:nth-child(6),
#tripResults2 tr td:nth-child(7) {  
	text-align:center;
	width:50px;
}
div.pkThumb {
	display:inline-block;
	vertical-align:middle;
}
div.pkThumb img {
	width:65px;
	height:35px;
}

.peakFaqJumpButton {
	float: right;
	clear: right;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin: 0 0 10px 14px;
	padding: 8px 15px;
	border: 1px solid rgba(255, 153, 0, 0.75);
	border-radius: 18px;
	background: rgba(255, 153, 0, 0.22);
	color: var(--text-primary-color);
	font-size: 1.05em;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.18);
}

.peakFaqJumpButton i {
	font-size: 1.15em;
}

.peakFaqJumpButton:hover {
	background: rgba(255, 153, 0, 0.34);
	border-color: rgba(255, 153, 0, 0.95);
	text-decoration: none;
	transform: translateY(-1px);
}


#peakFaq {
	scroll-margin-top: 80px;
}

.peakFaqHeader {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	border-bottom: 1px solid rgba(213, 126, 23, 0.45);
	margin-bottom: 10px;
}

.peakFaqHeader h2 {
	margin-bottom: 6px;
}

.peakFaqItem {
	margin: 0 0 12px 0;
	padding: 10px 12px;
	border-left: 4px solid rgba(255, 153, 0, 0.75);
	background: rgba(255, 255, 255, 0.45);
	border-radius: 0 4px 4px 0;
}

.peakFaqItem h3 {
	position: relative;
	margin: 0 0 6px 0;
	padding-left: 24px;
	color: var(--text-primary-color);
	background: transparent;
	border-bottom: 0;
	font-size: 1.08em;
	line-height: 1.3;
}

.peakFaqItem h3::before {
	content: "Q";
	position: absolute;
	left: 0;
	top: 0;
	color: #d57e17;
	font-weight: 800;
}

.peakFaqAnswer {
	margin-left: 24px;
	line-height: 1.45;
}

@media (max-width : 800px) {
	#peakFaq {
		scroll-margin-top: 120px;
	}
	#content-wrap {
		width:100%;
	}
	#mappane {
		clear:both;
		margin-left:0;
	}
	img.overpic {
		width:100%;
		max-width:100%;
	}
	.gmap_frame {
		width:100%;
		height:505px !important;
	}
	#peakStatsTable {
		max-width:100%;
	}
	div.peakPhotoWrap {
		display:flex;
		width:99%;
		max-width:99%;
		height:auto;
	}
	div.peakPhotoWrap div:nth-child(2) {
		width:auto;
	}
}
