body{font-optical-sizing:auto;font-style:normal;font-variation-settings:wdth 100}
.fl{float:left}
.fr{float:right}
.clear{clear:both}
.timeline{display:flex;justify-content:space-between;width:95%;padding-left:0;background-color:#F0F8FF;margin:auto}

.td_waitTimeRightIndex{vertical-align: text-top; width:25%}
.rideBoxRight{width:350px; vertical-align: text-top;}

@media only screen and (min-width: 600px) {
.wait_time{font-size:8vw}
.banner_open,.banner_delay,.wait_change{font-size:4vw}
.css_RideName,.direction{font-size:3vw}
}
@media only screen and (max-width: 600px) {
.mobile_width1{width:85%}
.td_waitTimeRightIndex{vertical-align: text-top; width:120px}
.rideBoxRight{width:150px; vertical-align: text-top;}
.rideName{font-size:4vw}
}



table{table-layout:fixed;width:100%; border-collapse: collapse;}
.park-hours-table{width:95%;margin:20px auto;font-size:4vw;text-align:center;border-radius:10px;font-family:sans-serif;border:1px solid #ccc}

.queueBubble
{
	padding:2px; 
	width: max-content; 
	color:#4c4949;
	
	display: inline-flex;
    align-items: center;
    gap: 6px; /* space between icon and label */
    background-color: #bff5ff;
    border: 1px solid #96c9ff;
    border-radius: 8px;
    padding: 4px 8px;
    font-family: Poppins, sans-serif;
    font-size: 0.95em;
    line-height: 1;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	left: 10px;
    position: relative;
	left: 3px;
    top: 3px;
	
	
	}
.queueBubbleHalloween{background-color:#fff; color:#000; font-weight:700}
	
	
.queueBubble > img {width:24px; height:24px; display:block }


.css_waitTimeZERO{background-color:#F0F8FF}
.css_waitTimeLight{background-color:#28a745}
.css_waitTimeMostlyLight{background-color:#108d10}
.css_waitTimeModerate{background-color:#ee9f4b}
.css_waitTimeHeavy{background-color:#de3545}
.css_waitTimeUnbearable{background-color:#870814}
.css_waitTimeDelayed{background-color:#ccc;color:#000!important}
.css_waitTimeClosed{background-color:#000;color:#fff}
.css_waitTimeWeatherDelay{background-color:#aaa;color:#fff}
.css_waitTimeAtCapacity{background-color:#000;color:#fff;font-size:3vw}
.css_delayedText{font-size:3vw;color:#000;padding-top:5px}

.css_waitTimeText{font-weight:700;line-height:1;padding:.5rem 0; font-size:10vw}
.css_waitTimeTextParkName{font-size:10vw}
.css_waitTimeTextWD{padding:5px;font-size:5.5vw}
.css_waitTimeTextAC{padding:5px;font-size:5vw}
.css_waitTimeTextD{padding:5px; font-size: 6vw}

.waitTimeBoxWord{font-size:4vw!important}


.park-hours-table th,.park-hours-table td{padding:8px 12px}
.column-headers{background-color:#d2e3fc;color:#036}
.park-hours-table tbody tr:nth-child(odd){background-color:#f8f9fa}
.park-hours-table tbody tr:nth-child(even){background-color:#fff}
.subSection{background-color:#3b6795;background-color:#000;color:#fff;margin:auto;padding:10px 2px;font-size:6vw;font-weight:700;text-align:center;font-family:"Roboto",sans-serif}
.site-tagline{margin:10px auto}
.sectionBanner,.subSection,.weatherTime{padding:10px 2px;font-size:6vw;font-weight:700;text-align:center;font-family:"Roboto",sans-serif}
.weatherTime{background-color:#3b6795;color:#fff;width:auto;padding:1px;width:135px;margin:0 10px 0 0;font-size:5vw;border-radius:5px}
.sectionBanner{background-color:#0a2f5c;color:#fff}
.subSectionBanner{font-size:3vw;background-color:#0a2f5c;color:#fff;padding:0}
.wto{width:95%;border:1px solid #000;border-radius:10px;margin:auto;background-color:#F0F8FF}
.heatMap{background-color:#F0F8FF;border-radius:0 0 10px 10px;display:flex;flex-wrap:wrap;padding:3px}
.heatMapBlock{height:25px;width:5.4px;width:2.35px;display:inline-block}


.waitTimeBanner{width:100%;font-size:3vw;background-color:red;background-color:#0a2f5c;color:#fff;padding:2px 0;border-radius:0 10px 0 0}
.minutesText{font-size:3vw;line-height:1;font-weight:600}
.directionBubble{color:#000;width:fit-content;width:100%;margin:auto;font-size:3.5vw;padding:5px 0;font-weight:400}
.directionUP{background-color:#eb887e;color:#fff}
.directionDOWN{background-color:#0f0}
.warningBox{color:#b91c1c;background-color:#fe0000;border-color:#ef0000;border-left:10px solid red;box-sizing:border-box;width:80%;margin:auto;font-family:"Poppins",sans-serif;padding:1rem;font-size:4vw}
.td_warning{background-color:#ad0000;color:#fff;font-weight:700;gap:6px}
.popMsg,.td_warning{border:1px solid #222;font-weight:700}
.popMsg{color:#fff;margin:0 2px}
.pop75{background-color:red}
.pop50{background-color:#f0f}
.pop25{background-color:#ff0;color:#000}
tr.hour_line_item td.popMsg{font-size:4.6vw}
tr.hourlyForecastWarning td.td_warning{font-size:4.3vw}
.warningHeader{font-weight:700}
.excessive_heat_warning{color:red;padding:5px;width:75%;margin:auto;font-weight:700;text-align:center;font-size:4.5vw}
.rain_nearby_within_20,.rain_nearby_within_10,.rain_nearby_within_5,.rainbox
{
	box-sizing:border-box;
	margin-left:auto;
	margin-right:auto;
	font-family:"Poppins",sans-serif;
	font-size:4vw;
	padding:1px;
	font-weight: 300;
}

.rain_nearby_within_20
{
	background-color:#ff9191;
	border-color:#ef0000;
	border-left:20px solid #ff0000;
	color:#333}
.rain_nearby_within_10{background-color:#ed0000;color:#fff;border-color:#ef0000;border-left:20px solid red}
.rain_nearby_within_5{background-color:red;background-color:#DC3545;color:#fff;border-color:#ef0000;border-left:20px solid #af1927}
.severe_weather_alert{background-color:red;color:#fff;margin:auto;text-align:center;font-size:6vw;font-weight:700}
.increaseOrDecreased{font-size:3.3vw;padding-top:5px;font-weight:400;padding-bottom:5px}
.footer{position:fixed;bottom:0;width:100%;height:60px;background-color:#0a2f5c;background:linear-gradient(to top,#0a2f5c,#154077);box-shadow:0 -2px 6px #00000026;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 -2px 5px #0003}
nav{height:74px;position:relative;z-index:10}
nav,footer{-webkit-box-shadow:0 0 10px -1px #000;box-shadow:0 0 10px -1px #000}
.uvcolor_0{color:#fff;background-color:#0D8600}
.uvcolor_1,.pop_10{color:#fff;background-color:#75BA00}
.uvcolor_2,.pop_20{color:#000;background-color:#D3E900}
.uvcolor_3,.pop_30{color:#000;background-color:#FFE900}
.uvcolor_4,.pop_40{color:#000;background-color:#FFC800}
.uvcolor_5,.pop_50{color:#fff;background-color:#FFA000}
.uvcolor_6,.pop_60{color:#fff;background-color:#FF6900}
.uvcolor_7,.pop_70{color:#fff;background-color:#FF3100}
.uvcolor_8,.pop_80{color:#fff;background-color:#EA0015}
.uvcolor_9,.pop_90{color:#fff;background-color:#BD0041}
.uvcolor_10,.pop_100{color:#fff;background-color:#85007A}
.uvcolor_11,.uvcolor_12{color:#fff;background-color:#460140}
.uvnumber{font-weight:700;font-size:4vw}
.uvBarChart{background-color:#e1e8f7;width:100%;margin:auto;height:auto;display:flex;align-items:flex-end;padding:3px}
.uvWindowOuter{margin-left:auto;margin-right:auto;color:#000;text-align:center}
.uvtext
{
	font-size:3.5vw;
	/*background-color:#3b6795;*/
	color:#000;
	text-align:justify;
}
.uvbar{margin:0 2px;display:flex;flex-direction:column;align-items:center;font-size:10px;border-radius:1px;border:1px solid #222;transition:transform .2s ease;background-image:linear-gradient(to top,#ffffff4d,transparent);transform-origin:bottom;animation:growUp .5s ease-out}
.smalltime,.uvhour{font-size:3vw}
@keyframes growUp {
0%{transform:scaleY(0)}
100%{transform:scaleY(1)}
}
.submenu{height:40px;display:flex;justify-content:space-between;align-items:center;padding:20px;width:100%;background:#0a2f5c;color:#fff;font-weight:700;font-family:"Roboto",sans-serif}
.site-banner{background:linear-gradient(135deg,#3b6795,#4e8ec9);padding:2px 0;text-align:center;color:#fff;border-top:1px solid #000;text-align:justify}
.site-name{font-family:'Montserrat',sans-serif;font-size:42px;font-weight:700;margin:0}
.site-name span{color:#ffdd57; color:#9aa2ff}
.site-tagline{padding:0 20px;font-size:4vw;font-weight:400;text-align:justify;text-align:center;font-family:"Poppins",sans-serif}
@media (max-width: 600px) {
.site-name{font-size:32px}
.site-tagline{font-size:14px}
}


.mobile_window_width,.subSection{width:95%}
.window{border:2px solid #000}
.weather_table_wrapper{background:#fff;font-family:"Poppins",sans-serif}
.weather_hour_table{width:100%;table-layout:fixed;font-family:"Poppins",sans-serif}
.weather_hour_table th{background-color:#3b6795;color:#fff;font-weight:700;text-transform:uppercase;padding:10px 0;text-align:center;font-size:3vw}
.hourlyForecastWarning{/*background-color:#fe0000;*color:#991b1b*/ color:#000}
.hour_line_item td{border-bottom:1px solid #9f9d9d;text-align:center}
.dayOfWeek{background-color:#0a2f5c;color:#fff;text-align:center;font-size:5vw}
.weather_warning{color:#991b1b;text-align:center;font-size:4vw;font-weight:700!important;font-family:"Poppins",sans-serif}
.weather_hour_table th,.weather_hour_table td,.dayOfWeek,.sunriseSunset,.temperature_warning
{
	font-family:"Roboto",sans-serif;
	font-optical-sizing:auto;
	font-style:normal;
	font-variation-settings:wdth 100
}
.sunriseSunset{display:flex;align-items:center;justify-content:center}
.spacer{height:15px}

.aLinkWrapper
{
	
	margin-top:10px
}
.moreLink, .aIndex
{
	background-color:#f0ffff;
	font-family:Poppins,sans-serif;
	font-size:.95em;
	color:#007acc;
	text-decoration:none;
	padding:6px 12px;
	border:1px solid #007acc;
	border-radius:6px;
	transition:background-color .2s ease,color .2s ease
}
.aIndex
{
	text-align:center;
	font-size:3vw
}


.moreLink:hover
{
	background-color:#007acc;
	color:#fff
}



.styled-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;color:#333;padding:10px 40px 10px 15px;font-size:1rem;border:2px solid #007acc;border-radius:8px;box-shadow:0 2px 6px #0000001a;cursor:pointer;font-family:Poppins,sans-serif;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23007acc'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:14px;width:100%;transition:border-color 0.3s,box-shadow .3s}
.styled-select:focus{border-color:#005fa3;outline:none;box-shadow:0 0 0 3px #007acc40}
.submenu{height:40px;display:flex;justify-content:space-between;align-items:center;padding:20px;width:100%;background:#0a2f5c;color:#fff;font-weight:700;user-select:none;position:relative;height:40px;display:flex;justify-content:space-between;align-items:center;padding:20px;width:100%;background:#0a2f5c;background-color:#0a2f5c;color:#fff;font-weight:700;user-select:none;position:relative;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-moz-transition:-moz-transform .5s ease;-webkit-transition:-webkit-transform .5s ease;-ms-transition:-ms-transform .5s ease;transition:transform .5s ease;box-shadow:0 2px 0 0 #333}
.submenu > div{cursor:pointer;position:relative}
.submenu > div:hover{text-decoration:underline}
.parks-menu{display:none;position:absolute;top:100%;right:0;left:auto;background:#fff;color:#0a2f5c;border-radius:6px;box-shadow:0 3px 8px #00000026;min-width:220px;margin-top:4px;font-weight:500;z-index:1000;padding:8px 0;display:none;position:absolute;top:100%;right:0;left:auto;background:#fff;color:#0a2f5c;border-radius:6px;box-shadow:0 3px 8px #00000026;min-width:220px;margin-top:4px;font-weight:500;z-index:1000;padding:8px 0}
.parks-menu.open{display:block}
.parks-menu .group-header{padding:8px 16px;font-weight:700;color:#007acc;cursor:default;user-select:none;border-bottom:1px solid #eee;padding:8px 16px;font-weight:700;color:#007acc;cursor:default;user-select:none;border-bottom:1px solid #eee}
.parks-menu .park-item{padding:10px 32px;border-bottom:1px solid #eee;cursor:pointer;padding:10px 32px;border-bottom:1px solid #eee;cursor:pointer}
.parks-menu .park-item:hover{background-color:#007acc;color:#fff;background-color:#007acc;color:#fff}
.uvbar,.wto,.park-hours-table,.dropshadow,.popMsg,.rain_nearby,.uvWindowOuter,.subSection,.weather_table_wrapper,.td_warning{box-shadow:inset 0 0 4px #ffffff4d 0 2px 5px #0006}
.headerParkName{color:#feff00;color:#4676ff}
.dropdown-container{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.dropdown-label{font-size:5vw;color:#fff}
.ParkSelector{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;color:#333;font-size:5vw;padding:4px 20px 4px 8px;border:1px solid #ccc;border-radius:10px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23666'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:8px;max-width:100%;width:auto;cursor:pointer;transition:all .2s;min-width:150px}
.ParkSelector:focus{border-color:#007acc;outline:none}
.ParkSelector optgroup{font-size:.75rem;font-weight:500;color:#555}
.ParkSelector option{font-size:.75rem}
.rorSectionO{background-color:#bbb}
.rideName
{
	font-family:"Nunito",sans-serif;
	border-radius:5px;
	width:100%;
	margin:auto;
	padding:1rem;
	font-size:1.4rem;
	border-top-left-radius:12px;
	border-bottom-left-radius:0;
	border-top-right-radius:0;
	border-bottom-left-radius:0;
	/*display:flex;*/
	
	height:100%;
	flex:1;
	
	font-weight:600;
	color:#036;
	
	align-items:center;
	padding:1rem;
	height:100%;
	background-color:unset
	}
.navTable td{padding:0;border:0 solid #fff}
.sectionBanner{font-size:3vw;background-color:#0a2f5c;color:#fff;padding:0;margin:auto;border-radius:5px;background-color:#fff;color:#000;padding-top:10px}
.subSectionBanner{width:50%;border-radius:5px;margin:auto}

.park-item > a:visited,.park-item > a{color:#000;text-decoration:none}
.menuBanner a{color:#fff; text-decoration:none}

.site-name{font-size:7vw}

.weatherImageIDX{display: flex; align-items: center; padding-right:10px}
.weather_delayIDX_outer{padding:5px 30px}
.weather_delayIDX
{
	/*
	background-color:#ff4d4d;
	background-color:#ff0f0f;
	color:#fff;
	*/
	border:1px solid rgb(252, 129, 129);
	
	background-color:rgb(252 226 226);
	color:rgb(197, 48, 48);
	
	border-radius:10px;
	text-align:center;
	
	font-weight:500;
	font-size:4vw; 
	padding:5px 10px
	
	}

.atCapacity{font-size:4vw}
.tdRideName{width:100%}
.wto{font-family:'Poppins',sans-serif;background-color:#f7fbff;border-radius:12px;box-shadow:0 4px 12px #00000026;overflow:hidden;border:1px solid #8fbff0;padding:0;margin:1rem auto;max-width:640px}
.waitTimeOuter
{
	/*display:flex;*/
	justify-content:space-between;
	align-items:stretch;
	box-sizing:border-box;
	background-color:#e9f3ff;
	border-bottom:1px solid #c3d9ee;
	table-layout: auto;
	}
.waitTimeOuter td{padding:0; margin:0; border:0px solid; }

.waitTimeBox
{
	width:150px;
	width:120px;
	color:#fff;
	border-top-right-radius:12px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	height:100%;
	border:0 solid;
	
	border-radius:0 10px 0 0;
	box-sizing:border-box;
	text-align:center;
	line-height:1;
	font-family:"Poppins",sans-serif;
	font-weight:700;
	line-height:.8;
	border-left:1px solid #000;
	border-bottom:1px solid #000;
	
	
	}
.waitTimeBoxIndex{border:none; height: auto; display: flex; justify-content: flex-start; /*width:120px*/ width:auto}

.waitTimeBanner{background-color:#036;color:#fff;font-weight:700;padding:.4rem;font-size:.85rem;border-top-right-radius:12px}

.minutesText{font-size:.8rem;font-weight:500}
.heatMapBlock{height:40px}
.spacer41{height:0}
.currentWeatherTable td{border:none}
.currentWeatherTable{table-layout:unset}
.label{width:80%;background-color:#007acc;background-color:#0a2f5c;color:#fff;padding:.3rem 1rem;font-weight:600;font-size:5vw;letter-spacing:.03em;text-transform:uppercase;border-radius:6px;margin:auto;text-align:center}
.weatherForecastTableText
{
	text-align:justify;
	font-family:Poppins;
	font-size:3.5vw;
	padding:0 10px;
	font-weight: 400;
	}
.uvBarChart{background-color:unset}
.uvWindowOuterx{margin:auto}
.bgEven{background-color:#e5e4e2}
.parks-menu .group-header:last-of-type,.parks-menu .park-item:last-child{border-bottom:none;border-bottom:none}
.rorSectionE,.bgOdd{background-color:#fff}
.bgEven,.bgOdd{padding:20px 0;border-top:1px solid #eee}
.uvAlert{color:red;padding:1px;width:135px;border-radius:5px;font-size:3vw;width:95%;margin:auto;text-align:center}

.sticky-header
{
    position: sticky;
    top: 0;
    background-color: white; /* recommended */
    z-index: 1000;            /* makes sure it's above other content */
    
    
}
.hpnfs5{font-size:5vw}
.hpnfs6{font-size:6vw}


.cssHalloween{background-color:#FFAA33; color:#000; border-bottom:none	}