.header-container {
	position: fixed;
	inset: 0 0 auto;
	z-index: 100;
}

.panel-header {
	--surface-foreground: var(--red-alt);
	--surface-background: var(--red-alt);
	--surface-mobile-nav: var(--red-alt);
	--text: var(--gray-100);
	--text-alt: var(--gray-900);
	
	position: relative;
	color: var(--text);
	z-index: 4;
	max-height: 75px;
}

[data-sitename="satpid"] .panel-header {
	--surface-foreground: var(--satpid-nav-blue);
	--surface-background: var(--satpid-nav-blue);
	--surface-mobile-nav: var(--satpid-nav-blue);
}
[data-sitename="riverwalk"] .panel-header {
	--surface-foreground: var(--teal);
	--surface-background: var(--teal);
	--surface-mobile-nav: var(--teal);
}

.panel-header .header-inner {
	display: flex;
	flex-direction: column-reverse;
}

.panel-header .secondary-nav-container {
	display: none;
	padding: 0 20px;
}

@media (min-width: 40em) {
	.panel-header .secondary-nav-container {
		display: block;
	}
}

.panel-header .primary-content-container {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	padding: 0 var(--space-5);
	background-color: var(--surface-foreground);
	max-height: 79px;
}
.panel-header.microsites .primary-content-container .logo{
	max-width: 200px;
}
[data-sitename="satpid"] .panel-header .primary-content-container {
	align-items: center;
}

@media (min-width: 64em) {
	.panel-header .primary-content-container {
		transition: background-color var(--transition);
	}

	.panel-header.scrolled .primary-content-container {
		background-color: rgba(121, 34, 47, 0.88);
	}
	
	[data-sitename="satpid"] .panel-header.scrolled .primary-content-container {
		background-color: rgba(18, 75, 112, 0.88);
	}
	[data-sitename="riverwalk"] .panel-header.scrolled .primary-content-container {
		background-color: rgba(87, 177, 159, 0.88);
	}
}

.panel-header .primary-content-container .contentRender_name_plugins_common_logo {
	padding: var(--space-4) 0;
	flex-shrink: 0;
}

[data-sitename="riverwalk"] .panel-header .primary-content-container .contentRender_name_plugins_common_logo_riverwalk,
[data-sitename="satpid"] .panel-header .primary-content-container .contentRender_name_plugins_common_logo_satpid {
	padding: var(--space-4) 0;
	flex-shrink: 0;
	width: 185px;
}

@media(min-width:64em) {	
	.panel-header .primary-content-container .contentRender_name_plugins_common_logo {
		width: 150px;
		display: flex;
		align-items: center;
	}
	[data-sitename="riverwalk"] .panel-header .primary-content-container .contentRender_name_plugins_common_logo_riverwalk,
	[data-sitename="satpid"] .panel-header .primary-content-container .contentRender_name_plugins_common_logo {
		width: 297px;
		display: flex;
		align-items: center;
	}
}

@media(min-width: 90em) {
	.panel-header .primary-content-container .contentRender_name_plugins_common_logo {
		width: 254px;
	}
}

.panel-header .main-nav-widgets-container {
	display: grid;
	align-items: stretch;
	grid-template-columns: min-content;
	gap: var(--space-5);
}

.panel-header .main-nav-widgets-container > *:not(.widgets) {
	display: flex;
	align-items: center;
}

.panel-header .main-nav-widgets-container .widgets {
	display: none;
	align-items: center;
}

.panel-header .mobile-nav-container {
	position: absolute;
	z-index: 10;
	display: none;
	width: 100%;
	pointer-events: none;
}

.panel-header .mobile-nav-container.active {
	display: flex;
	justify-content: flex-end;
}

.panel-header .mobile-nav-container .mobile-nav {
	max-width: 420px;
	width: 100%;
	max-height:  calc(100dvh - 79px);
	overflow-y: auto;
	overscroll-behavior-y: contain;
}

.panel-header .mobile-nav-container.active .mobile-nav {
	pointer-events: all;
}

.panel-header .mobile-nav .widgets {
	padding: 0;
	color: var(--text-alt);
	background-color: var(--surface-mobile-nav);
	padding-bottom: 17px;
}
[data-sitename="satpid"] .panel-header .mobile-nav .widgets {
	padding: 0;
	color: var(--text-alt);
	background-color: var(--satpid-nav-blue);
	padding-bottom: 17px;
}

.panel-header .mobile-nav .main-mobile-nav {
	padding-top: 16px;
}

.panel-header .mobile-nav .weather-spanish-cont {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-height: 34px;
	padding: 0 20px;
	background-color: var(--red);
	color: var(--white);
}

.panel-header .mobile-nav .tb-weather-col {
	display: flex;
	align-items: center;
	gap: 3px;
}

.panel-header .mobile-nav .widgets > *:not(.search-cont) {
	align-self: center;
	justify-self: center;
}

.panel-header .menu-search-cont {
	display: flex;
}

.panel-header .cta-container {
	padding: 51px 27px 33px;
    position: relative;
    background-color: rgba(250, 242, 232, 1);
}

.panel-header .cta-container:after {
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://assets.simpleviewinc.com/sv-sanantonio/image/upload/v1745623384/footer_graphic_a79de0fa-f298-4f27-92ce-5a8c54c5aa21_zojin5.png');
    background-size: 110%;
    background-position-y: -80px;
    background-position-x: -20px;
    background-repeat: no-repeat;
    opacity: 15%;
}

.panel-header .cta-container .call-to-action {
	margin-bottom: 26.33px;
}

.panel-header .mobile-curated-nav {
	background-color: var(--surface-mobile-nav);
	padding: 36px 30px 15px;
	position: relative;
	overflow: hidden;
}

.panel-header .mobile-curated-nav:before {
	position: absolute;
    bottom: -56px;
    left: -186px;
    content: '';
    width: 360px;
    height: 360px;
    background-image: url('/includes/public/assets/shared/footer-pattern.svg');
    background-size: cover;
    background-repeat: no-repeat;
}

.panel-header .curated-nav-cont {
	margin-bottom: 0;
	padding-bottom: 20px;
	background-color: var(--surface-mobile-nav);
}

.panel-header .curated-nav-cont .curated-nav-title {
	text-align: center;
}

.panel-header .social-media {
	position: relative;
	z-index: 2;
	display: flex;
    flex-direction: column;
    gap: 7px;
    align-items: flex-start;
	padding-top: 20px;
}

.panel-header .social-media .social-icon {
	font-size: 1.125rem;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--salmon-alt);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background ease-out .3s;
}

.panel-header .social-media .social-links {
	gap: 14px;
}

.panel-header .social-media .social-label {
	font-size: 1.5rem;
    font-family: var(--font-display);
    color: var(--red);
    line-height: 1.38;
    text-transform: uppercase;
	letter-spacing: -0.083rem;
}

.panel-header .attributions {
    background-color: var(--red);
}
[data-sitename="satpid"] .panel-header .attributions {
    background-color: var(--satpid-dark-blue);
}
[data-sitename="riverwalk"] .panel-header .attributions {
    background-color: var(--teal-dark);
}

.panel-header .attribution-content-container {
    display: flex;
}

.panel-header .attribution-content-container {
    margin: 0 auto;
    padding: 0 var(--space-5);
    max-width: var(--width-base);
    text-align: center;
}

.panel-header .attribution-content-container {
    display: flex;
    flex-direction: column;
    gap: 13px;
    align-items: center;
    justify-content: center;
    padding-top: 17px;
    padding-bottom: 15px;
}

.panel-header .attribution-privacy {
    display: flex;
}

.panel-header .attribution-content-container p,
.panel-header .attribution-content-container .attribution-privacy a {
    font-size: 0.7rem;
    line-height: 1.16;
    font-family: var(--font-frutiger);
    color: var(--white);
}

.panel-header .attribution-content-container p {
    margin-right: 10px;
    text-align: left;
}

.panel-header .attribution-content-container .attribution-privacy a {
    text-decoration: underline;
}

.panel-header .mobile-nav .weather-spanish-cont .language-link {
	position: relative;
	bottom: 2px;
}

.panel-header .mobile-nav .weather-spanish-cont .language-link a,
.panel-header .main-nav-widgets-container .language-link a {
	color: var(--white);
}

.panel-header .main-nav-widgets-container .language-link .link-text,
.panel-header .mobile-nav .weather-spanish-cont .language-link .link-text {
	font-family: var(--font-frutiger-bold);
	font-weight: normal;
	color: var(--white);
	font-size: .75rem;
	text-transform: uppercase;
}

.panel-header .main-nav-widgets-container .language-link i,
.panel-header .mobile-nav .weather-spanish-cont .language-link i {
	font-size: .85rem;
	color: var(--teal);
	margin-right: 2px;
}

.panel-header .main-nav-widgets-container .language-link i {
	font-size: 0.75rem;
	translate: 0 1px;
}

.panel-header .sticky-links {
	position: fixed;
	right: 0;
	top: 157px;
}

.panel-header.has-announcements .sticky-links {
	top: 500px;
}

.panel-header .sticky-links a {
	position: relative;
	z-index: 2;
	display: block;
}

.panel-header .sticky-links .hover-label {
	position: absolute;
	inset: 0 100% 0 auto;
	translate: 110% 0;
	display: flex;
	align-items: center;
	padding-left: 30.43px;
	padding-right: 43.57px;
	font-family: var(--font-burford);
	font-weight: var(--font-weight-normal);
	font-size: 1.375rem;
	letter-spacing: -0.076em;
	text-transform: uppercase;
	text-align: center;
	white-space: nowrap;
	color: var(--white);
	background-color: var(--red-alt);
	transition: translate var(--transition);
}
[data-sitename="riverwalk"] .panel-header .sticky-links .hover-label {
	position: absolute;
	inset: 0 100% 0 auto;
	translate: 110% 0;
	display: flex;
	align-items: center;
	padding-left: 30.43px;
	padding-right: 43.57px;
	font-family: var(--font-burford);
	font-weight: var(--font-weight-normal);
	font-size: 1.375rem;
	letter-spacing: -0.076em;
	text-transform: uppercase;
	text-align: center;
	white-space: nowrap;
	color: var(--white);
	background-color: var(--teal);
	transition: translate var(--transition);
}

[data-sitename="riverwalk"] .panel-header .sticky-links .visitor-guide-link .visitor-icon,
[data-sitename="riverwalk"] .panel-header .sticky-links .newsletter-link .newsletter-icon,
[data-sitename="riverwalk"] .panel-header .sticky-links .tripbuilder-link .tb-icon {
	background-color: var(--teal);
	height: 46px;
	width: 49.81px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 2;
}
.panel-header .sticky-links .visitor-guide-link .visitor-icon,
.panel-header .sticky-links .newsletter-link .newsletter-icon,
.panel-header .sticky-links .tripbuilder-link .tb-icon {
	background-color: var(--red-alt);
	height: 46px;
	width: 49.81px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 2;
}

.panel-header .sticky-links .tripbuilder-link .tb-icon {
	font-size: 22px;
	color: var(--white);
}

.panel-header .sticky-links .newsletter-link .newsletter-icon:before,
.panel-header .sticky-links .visitor-guide-link .visitor-icon:before {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 37px;
	height: 1px;
	background-color: var(--white);
}

[data-sitename="riverwalk"] .panel-header .sticky-links .newsletter-link .newsletter-icon:before{
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 37px;
	height: 1px;
	background-color: var(--white);
}

[data-sitename="riverwalk"] .panel-header .sticky-links .visitor-guide-link .visitor-icon:before{
	content: none;
}

@media(hover:hover) {
	.panel-header .sticky-links a:hover {
		text-decoration: none;
	}

	.panel-header .sticky-links a:hover .hover-label {
		translate: none;
	}

}

@media (min-width: 64em) {
	.panel-header .sticky-links {
		top: 230px;
	}

	.panel-header.has-announcements .sticky-links {
		top: 445px;
	}

	.panel-header,
	.panel-header .primary-content-container {
		max-height: 99px;
		min-height: 99px;
	}

	.panel-header .primary-content-container {
		padding: 0 20px 0 30px;
	}

	.panel-header .primary-content-container .logo img {
		width: 254px;
	}

	.panel-header .mobile-nav-container.active {
		display: none;
	}	

	.panel-header .menu-search-cont {
		display: flex;
	}

	.panel-header .main-nav-widgets-container {
		display: flex;
		flex-direction: column-reverse;
		align-items: flex-end;
		gap: 0;
	}

	.panel-header .main-nav-widgets-container .widgets {
		display: flex;
		align-items: center;
		position: relative;
		top: 15px;
	}

	.panel-header .secondary-nav-container {
		padding: 0;
	}

	.panel-header .main-nav-widgets-container .language-link,
	.panel-header .main-nav-widgets-container .contentRender_name_plugins_weather_weather {
		align-self: flex-start;
	}

	.panel-header .main-nav-widgets-container .language-link {
		line-height: 1;
		padding-top: 15px;
	}

	.panel-header.search-open .navigation,
	.panel-header.search-open .language-link,
	.panel-header.search-open .weather-button {
		display: none;
	}
}

@media(min-width: 75em) {
	.panel-header .main-nav-widgets-container .language-link i {
		font-size: 0.85rem;
	}
}

@media (min-width: 90em) {
	.panel-header .main-nav-widgets-container .language-link {
		padding-top: 13px;
	}
}