.goc-icn-login, .goc-icn-login-bar{ background-image:url(); background-size: 32px }
html.goc-no-data-uri .goc-icn-login, html.goc-no-data-uri .goc-icn-login-bar{ background-image:url() }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.goc-icn-login, .goc-icn-login-bar{ background-image:url(); }
}
.goc-left-2 > a{ }
.goc-bg-dark .goc-left-2 > a{ }
.goc-bg-blue .goc-left-2 > a{ }
.goc-left-2.goc-top-dropdown:hover .goc-dropdown-link{ }
.goc-bg-blue .goc-left-2.goc-top-dropdown:hover .goc-dropdown-link{ }
.goc-bg-dark .goc-left-2.goc-top-dropdown:hover .goc-dropdown-link{ }
.goc-left-4 > a{ }
.goc-bg-dark .goc-left-4 > a{ }
.goc-bg-blue .goc-left-4 > a{ }
.goc-left-4.goc-top-dropdown:hover .goc-dropdown-link{ }
.goc-bg-blue .goc-left-4.goc-top-dropdown:hover .goc-dropdown-link{ }
.goc-bg-dark .goc-left-4.goc-top-dropdown:hover .goc-dropdown-link{ }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.goc-left-2 > a{ }
.goc-bg-dark .goc-left-2 > a{ }
.goc-bg-blue .goc-left-2 > a{ }
.goc-left-2.goc-top-dropdown:hover .goc-dropdown-link{ }
.goc-bg-blue .goc-left-2.goc-top-dropdown:hover .goc-dropdown-link{ }
.goc-bg-dark .goc-left-2.goc-top-dropdown:hover .goc-dropdown-link{ }
.goc-left-4 > a{ }
.goc-bg-dark .goc-left-4 > a{ }
.goc-bg-blue .goc-left-4 > a{ }
.goc-left-4.goc-top-dropdown:hover .goc-dropdown-link{ }
.goc-bg-blue .goc-left-4.goc-top-dropdown:hover .goc-dropdown-link{ }
.goc-bg-dark .goc-left-4.goc-top-dropdown:hover .goc-dropdown-link{ }
}
.bar-dropdown-content .goc-thumb-link{ height: 500px; }
#goc-desktop-global .goc-desktop:hover .bar-dropdown-content{max-height: 532px;}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
}
@font-face{
font-family: InspireTWDC;
font-weight: 400;
font-style: italic;
font-display: swap;
src: url('https://static-mh.content.disney.io/matterhorn/assets/drm_fonts/InspireTWDC-Italic-64b6d4c17e7c.eot?#iefix') format('embedded-opentype'),
url('https://static-mh.content.disney.io/matterhorn/assets/drm_fonts/InspireTWDC-Italic-8e2a9d76e87c.woff') format('woff'),
url('https://static-mh.content.disney.io/matterhorn/assets/drm_fonts/InspireTWDC-Italic-f0fe28c64639.ttf') format('truetype'),
url('https://static-mh.content.disney.io/matterhorn/assets/drm_fonts/InspireTWDC-Italic-e7800519503d.svg#InspireTWDC') format('svg');
}
@font-face{
font-family: InspireTWDC;
font-weight: 400;
font-style: normal;
font-display: swap;
src: url('https://static-mh.content.disney.io/matterhorn/assets/drm_fonts/InspireTWDC-Roman-889783b59e19.eot?#iefix') format('embedded-opentype'),
url('https://static-mh.content.disney.io/matterhorn/assets/drm_fonts/InspireTWDC-Roman-0679a1b070d1.woff') format('woff'),
url('https://static-mh.content.disney.io/matterhorn/assets/drm_fonts/InspireTWDC-Roman-f3ede4485e0f.ttf') format('truetype'),
url('https://static-mh.content.disney.io/matterhorn/assets/drm_fonts/InspireTWDC-Roman-52097caaf411.svg#InspireTWDC') format('svg');
}
:root{
--header-font-family: InspireTWDC, Matterhorn, Helvetica, sans-serif;
--header-font-weight: 400;
--header-font-style: normal;
--body-font-family: InspireTWDC, Matterhorn, Helvetica, sans-serif;
--body-font-weight: 400;
--body-font-style: normal;
--utility-font-family: InspireTWDC, Matterhorn, Helvetica, sans-serif;
--utility-font-weight: 400;
--utility-font-style: normal;
--globalchrome-font-family: InspireTWDC, Matterhorn, Helvetica, sans-serif;
--globalchrome-font-weight: 400;
--globalchrome-font-style: normal;
--globalfooter-font-family: InspireTWDC, Matterhorn, Helvetica, sans-serif;
--globalfooter-font-weight: 400;
--globalfooter-font-style: normal;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.module h1,
.module h1 a,
.module h2,
.module h2 a,
.module h3,
.module h3 a,
#nav-local *,
#bottomnav h3,
#bottomnav h3 a,
#goc-menu dt a{
font-family: InspireTWDC, Matterhorn, Helvetica, sans-serif !important;
font-weight: 400;
font-style: normal;
}
.module,
.module input,
.module textarea,
.module select,
.module button,
.module.rich_article .summary *,
#modal-window,
#nav-local .gpt::after,
#bottomnav,
#goc-menu dd a,
#goc-menu .menu-subsection a{
font-family: InspireTWDC, Matterhorn, Helvetica, sans-serif !important;
font-weight: 400;
font-style: normal;
}
#utility input,
#utility .social-links,
#goc-body .regional-cookie-warning,
.module.rich_article .article-meta *,
.module.rich_article .category-labels,
.module.global_branded_nav button,
.module.global_branded_nav input,
.module.local_nav_links ul li a,
.module.local_nav_links ul li span,
.module.breadcrumb_links span,
.module.breadcrumb_links a,
.module.headlines .category-labels,
.module.headlines .publish-date,
.module.see_more_link a,
.module.card_grid .category-labels{
font-family: InspireTWDC, Matterhorn, Helvetica, sans-serif !important;
font-weight: 400;
font-style: normal;
}
#goc-menu #goc-button,
#goc-body #goc-bar a,
#goc-body #goc-bar input{
font-family: InspireTWDC, Matterhorn, Helvetica, sans-serif !important;
font-weight: 400;
font-style: normal;
}
#goc-ft a,
#goc-ft #goc-ft-copyright,
#goc-ft #goc-ft-about{
font-family: InspireTWDC, Matterhorn, Helvetica, sans-serif !important;
font-weight: 400;
font-style: normal;
}
}
/* base-level page background styles */
.body-bg{ opacity: 1; }
.body-bg .main, .body-bg .safety-color{ background-color: #51b135; }
@media screen and (min-width: 1025px){
footer #bottomnav a, footer #bottomnav p, footer #help p, footer #utility p{ color: #fff; }
footer #bottomnav .col, footer #utility .divider { border-color: rgba(255, 255, 255, 0.07); }
}
/* primary module-level color theme */
.module.primary-theme:not(.skip-styles) h1:not(.skip-text-styles), .module.primary-theme:not(.skip-styles) h1:not(.skip-text-styles) a, .module.primary-theme:not(.skip-styles) h2:not(.skip-text-styles), .module.primary-theme:not(.skip-styles) h2:not(.skip-text-styles) a, .module.primary-theme.list_module_featured:not(.skip-styles) h3:not(.skip-text-styles), .module.primary-theme.list_module_featured:not(.skip-styles) h3:not(.skip-text-styles) a, .module.primary-theme:not(.skip-styles) .accent-color{ color: #ffffff; }
.module.primary-theme:not(.skip-styles) p:not(.skip-text-styles), .module:not(.skip-text-styles) ul:not(.skip-text-styles), .module.primary-theme:not(.skip-styles) li:not(.skip-text-styles), .module:not(.skip-text-styles) ol:not(.skip-text-styles), .module.primary-theme:not(.skip-styles) .base-color, .module.primary-theme:not(.skip-styles) .entity-container:not(.title-overlay) .entity-details .title, html.no-touch .module.primary-theme:not(.skip-styles) .entity-container.links-out:not(.skip-hover):not(.title-overlay) .entity-details a:hover .title, .module.primary-theme:not(.skip-styles) .entity-container:not(.title-overlay) .entity-details .ptitle{ color: #ffffff; }
/* primary buttons aka first buttons */
.module.primary-theme:not(.skip-styles) button.large, .module.primary-theme:not(.skip-styles) .button.large, .module.primary-theme:not(.skip-styles) .content-overlay .cta-links-container .cta-item .button.large{
}
/* primary buttons hover state */
.module.primary-theme:not(.skip-styles) button.large:hover, .module.primary-theme:not(.skip-styles) .button.large:hover, .module.primary-theme:not(.skip-styles) .content-overlay .cta-links-container .cta-item .button.large:hover{
}
/* secondary buttons aka second buttons */
.module.primary-theme:not(.skip-styles) button.large.secondary, .module.primary-theme:not(.skip-styles) .button.large.secondary, .module.primary-theme:not(.skip-styles) .content-overlay .cta-links-container .cta-item .button.large.secondary{
}
/* secondary buttons hover state */
.module.primary-theme:not(.skip-styles) button.large.secondary:hover, .module.primary-theme:not(.skip-styles) .button.large.secondary:hover, .module.primary-theme:not(.skip-styles) .content-overlay .cta-links-container .cta-item .button.large.secondary:hover{
}
/* secondary module-level color theme */
.module.secondary-theme:not(.skip-styles) h1:not(.skip-text-styles), .module.secondary-theme:not(.skip-styles) h1:not(.skip-text-styles) a, .module.secondary-theme:not(.skip-styles) h2:not(.skip-text-styles), .module.secondary-theme:not(.skip-styles) h2 span:not(.skip-text-styles), .module.secondary-theme:not(.skip-styles) h2:not(.skip-text-styles) a, .module.secondary-theme.list_module_featured:not(.skip-styles) h3:not(.skip-text-styles), .module.secondary-theme.list_module_featured:not(.skip-styles) h3:not(.skip-text-styles) a, .module.secondary-theme:not(.skip-styles) .accent-color{ color: #000000; }
.module.secondary-theme:not(.skip-styles) p:not(.skip-text-styles), .module.secondary-theme:not(.skip-styles) ul:not(.skip-text-styles), .module.secondary-theme:not(.skip-styles) li:not(.skip-text-styles), .module.secondary-theme:not(.skip-styles) ol:not(.skip-text-styles), .module.secondary-theme:not(.skip-styles) .base-color, .module.secondary-theme:not(.skip-styles) .entity-details h3:not(.skip-text-styles), .module.secondary-theme:not(.skip-styles) .entity-container:not(.title-overlay) .entity-details .title, html.no-touch .module.secondary-theme:not(.skip-styles) .entity-container.links-out:not(.skip-hover):not(.title-overlay) .entity-details a:hover .title, .module.secondary-theme:not(.skip-styles) .entity-container:not(.title-overlay) .entity-details .ptitle{ color: #000000; }
.module.secondary-theme:not(.skip-styles) a:not(.skip-text-styles), .module.secondary-theme:not(.skip-styles) a.entity-link:hover h3:not(.skip-text-styles), .module.secondary-theme:not(.skip-styles) .button.transparent:not(.skip-text-styles){ color: #ffffff; }
/* primary buttons aka first buttons */
.module.secondary-theme:not(.skip-styles) button.large, .module.secondary-theme:not(.skip-styles) .button.large, .module.secondary-theme:not(.skip-styles) .content-overlay .cta-links-container .cta-item .button.large{
}
/* primary buttons hover state */
.module.secondary-theme:not(.skip-styles) button.large:hover, .module.secondary-theme:not(.skip-styles) .button.large:hover, .module.secondary-theme:not(.skip-styles) .content-overlay .cta-links-container .cta-item .button.large:hover{
}
/* secondary buttons aka second buttons */
.module.secondary-theme:not(.skip-styles) button.large.secondary, .module.secondary-theme:not(.skip-styles) .button.large.secondary, .module.secondary-theme:not(.skip-styles) .content-overlay .cta-links-container .cta-item .button.large.secondary{
}
/* secondary buttons hover state */
.module.secondary-theme:not(.skip-styles) button.large.secondary:hover, .module.secondary-theme:not(.skip-styles) .button.large.secondary:hover, .module.secondary-theme:not(.skip-styles) .content-overlay .cta-links-container .cta-item .button.large.secondary:hover{
}
.module.secondary-theme:not(.skip-styles){ background-color: #ffffff; background-image: none; }
/* module-level icon colors */
.module .module_header.icon .header_icon{
background-color: #000000;
background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#000000));
background-image: -webkit-linear-gradient(top, #000000, #000000);
background-image: linear-gradient(to bottom, #000000, #000000);
}
/* page-level entity styles */
/* lazy image placeholder icon or color overrides */
.aspect.placeholder{
}
/* style-pack-configured takeover styles */
@media screen and (min-width: 1025px){
#nav-logo, #nav-local li a, aside.gpt.pushdown, #chrome-controls{ color: #fff; }
#chrome-controls .chrome-controls-icon{ border-color: transparent #fff #fff transparent; }
#nav-local li a.active{ color: #b2dfff; }
}
@media screen and (min-width: 1025px){
#nav-logo{ background-image: url(https://static-mh.content.disney.io/matterhorn/assets/logos/nav_logo-89193ebe6563.png);}
}
@media screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1025px), screen and (min-resolution: 144dpi) and (min-width: 1025px){
#nav-logo{ background-image: url(https://static-mh.content.disney.io/matterhorn/assets/logos/nav_logo@2x-25d10ad375dd.png);}
}
Cancel
.module.local_nav_bar#ref-1-0 .local-nav-bar .local-nav-items .local-nav-item .local-nav-top-item { color: #000000; fill: #000000; }
.module.local_nav_bar#ref-1-0 .local-nav-bar .local-nav-items .local-nav-more .local-nav-more-link.local-nav-has-sublinks { color: #000000; fill: #000000; }
.module.local_nav_bar#ref-1-0 .local-nav-bar .local-nav-items .local-nav-item .local-nav-top-item.local-nav-has-sublinks svg.local-nav-sublinks-arrow { stroke: #000000; }
.module.local_nav_bar#ref-1-0 .local-nav-bar .local-nav-items .local-nav-more .local-nav-more-link.local-nav-has-sublinks svg.local-nav-sublinks-arrow { stroke: #000000; }
.module.local_nav_bar#ref-1-0 .local-nav-bar .local-nav-items .local-nav-item .local-nav-top-item.local-nav-active:after, .module.local_nav_bar#ref-1-0 .local-nav-bar .local-nav-items .local-nav-item .local-nav-top-item.local-nav-active span:after { background-color: #1200bc; }
.module.local_nav_bar#ref-1-0 .local-nav-bar .local-nav-items .local-nav-item.item-open .local-nav-top-item span { color: #1200bc; fill: #1200bc; }
.module.local_nav_bar#ref-1-0 .local-nav-bar.has-overflow.local-nav-more-open .local-nav-items .local-nav-more .local-nav-more-link.local-nav-has-sublinks span { color: #1200bc; fill: #1200bc; }
.module.local_nav_bar#ref-1-0 .local-nav-bar { background-color: #f1f2f3; }
.module.local_nav_bar#ref-1-0 .local-nav-bar:before { background-color: #f1f2f3; }
@media only screen and (min-width: 1601px){
.module.local_nav_bar#ref-1-0{ background-color: #f1f2f3; }
.module.local_nav_bar#ref-1-0 .local-nav-bar.local-nav-fixed{ border-color: #f1f2f3; }
}
.module.local_nav_bar#ref-1-0 .local-nav-bar .local-nav-items .local-nav-item { border-image: linear-gradient(to bottom, #f1f2f3 50%, #c7c7c7 100%) 1 100%; }
.module.local_nav_bar#ref-1-0 .local-nav-bar .local-nav-items .local-nav-more { border-image: linear-gradient(to bottom, #f1f2f3 50%, #c7c7c7 100%) 1 100%; }
.module.local_nav_bar#ref-1-0 .local-nav-bar .local-nav-overflow-items .local-nav-item .local-nav-top-item { color: #969696; fill: #969696; }
.module.local_nav_bar#ref-1-0 .local-nav-bar .local-nav-overflow-items .local-nav-item .local-nav-top-item.local-nav-has-sublinks svg.local-nav-sublinks-arrow { stroke: #969696; }
.module.local_nav_bar#ref-1-0 .local-nav-bar.has-overflow.has-overflowing-overflow .local-nav-overflow-items .local-nav-overflow-btn svg { fill: #969696; }
.module.local_nav_bar#ref-1-0 .local-nav-bar .local-nav-overflow-items .local-nav-item .local-nav-top-item.local-nav-active:after, .module.local_nav_bar#ref-1-0 .local-nav-bar .local-nav-overflow-items .local-nav-item .local-nav-top-item.local-nav-active span:after { background-color: #ffffff; }
.module.local_nav_bar#ref-1-0 .local-nav-bar .local-nav-overflow-items .local-nav-item.item-open .local-nav-top-item span { color: #ffffff; fill: #ffffff; }
.module.local_nav_bar#ref-1-0 .local-nav-bar .local-nav-overflow-items .local-nav-item { background-color: #000000; }
.module.local_nav_bar#ref-1-0 .local-nav-bar.has-overflow.local-nav-more-open .local-nav-items .local-nav-more .local-nav-more-link.local-nav-has-sublinks svg.local-nav-sublinks-arrow { fill: #000000; }
.module.local_nav_bar#ref-1-0 .local-nav-bar.has-overflow.has-overflowing-overflow .local-nav-overflow-items .local-nav-overflow-btn svg { background-color: #000000; }
.module.local_nav_bar#ref-1-0 .local-nav-bar .local-nav-overflow-items .local-nav-item { border-image: linear-gradient(to bottom, #000000 50%, #ffffff 100%) 1 100%; }
.module.local_nav_bar#ref-1-0 .local-nav-bar .local-nav-item .local-nav-sublinks .local-nav-sublink .local-nav-sublink-text span { color: #000000; }
.module.local_nav_bar#ref-1-0 .local-nav-bar .local-nav-item .local-nav-sublinks .local-nav-sublink .local-nav-sublink-text:after { background-color: #000000; }
.module.local_nav_bar#ref-1-0 .local-nav-bar .local-nav-item .local-nav-sublinks .local-nav-sublink .local-nav-sublink-text.local-nav-active:before { background-color: #1200bc; }
.module.local_nav_bar#ref-1-0 .local-nav-bar .local-nav-item .local-nav-sublinks .local-nav-sublink:hover .local-nav-sublink-text { color: #1200bc; }
.module.local_nav_bar#ref-1-0 .local-nav-bar .local-nav-item .local-nav-sublinks .local-nav-sublink:hover .local-nav-sublink-text span { color: #1200bc; }
.module.local_nav_bar#ref-1-0 .local-nav-bar .local-nav-item .local-nav-sublinks { background-color: #dddddd; }
.module.local_nav_bar#ref-1-0 .local-nav-bar .local-nav-item.item-open .local-nav-top-item.local-nav-has-sublinks svg.local-nav-sublinks-arrow { fill: #dddddd;}
@media screen and (min-width: 680px){
#ref-1-3{ background-repeat: no-repeat; }
#ref-1-3{ background-size: 9; }
}
Disney.com
