@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
} .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(); }
}
@font-face{
font-family: proximanova;
font-weight: 700;
font-style: normal;
font-display: swap;
src: url('https://static-mh.content.disney.io/matterhorn/assets/drm_fonts/proximanova-bold-3829bd3e83c9.eot?#iefix') format('embedded-opentype'),
url('https://static-mh.content.disney.io/matterhorn/assets/drm_fonts/proximanova-bold-53db27f349ca.woff') format('woff'),
url('https://static-mh.content.disney.io/matterhorn/assets/drm_fonts/proximanova-bold-51f7366e5261.ttf') format('truetype'),
url('https://static-mh.content.disney.io/matterhorn/assets/drm_fonts/proximanova-bold-c6b02d8b6485.svg#proximanova') format('svg');
}
@font-face{
font-family: proximanova;
font-weight: 400;
font-style: normal;
font-display: swap;
src: url('https://static-mh.content.disney.io/matterhorn/assets/drm_fonts/proximanova-regular-e6d281578c68.eot?#iefix') format('embedded-opentype'),
url('https://static-mh.content.disney.io/matterhorn/assets/drm_fonts/proximanova-regular-3ccff4f06a51.woff') format('woff'),
url('https://static-mh.content.disney.io/matterhorn/assets/drm_fonts/proximanova-regular-134cb98ef43e.ttf') format('truetype'),
url('https://static-mh.content.disney.io/matterhorn/assets/drm_fonts/proximanova-regular-faa38a2b7cbc.svg#proximanova') format('svg');
}
@font-face{
font-family: proximanova;
font-weight: 500;
font-style: normal;
font-display: swap;
src: url('https://static-mh.content.disney.io/matterhorn/assets/drm_fonts/proximanova-medium-21de9d94eccd.eot?#iefix') format('embedded-opentype'),
url('https://static-mh.content.disney.io/matterhorn/assets/drm_fonts/proximanova-medium-28bad025fa49.woff') format('woff'),
url('https://static-mh.content.disney.io/matterhorn/assets/drm_fonts/proximanova-medium-42ff87412d3a.ttf') format('truetype'),
url('https://static-mh.content.disney.io/matterhorn/assets/drm_fonts/proximanova-medium-7981d59f8544.svg#proximanova') format('svg');
}
@font-face{
font-family: proximanova;
font-weight: 600;
font-style: normal;
font-display: swap;
src: url('https://static-mh.content.disney.io/matterhorn/assets/drm_fonts/proximanova-semibold-8064b971db62.eot?#iefix') format('embedded-opentype'),
url('https://static-mh.content.disney.io/matterhorn/assets/drm_fonts/proximanova-semibold-bfbbf9281ed8.woff') format('woff'),
url('https://static-mh.content.disney.io/matterhorn/assets/drm_fonts/proximanova-semibold-0d707dc8e522.ttf') format('truetype'),
url('https://static-mh.content.disney.io/matterhorn/assets/drm_fonts/proximanova-semibold-f16550cebada.svg#proximanova') format('svg');
}
@font-face{
font-family: proximanova;
font-weight: 900;
font-style: normal;
font-display: swap;
src: url('https://static-mh.content.disney.io/matterhorn/assets/drm_fonts/proximanova-black-e33e032eb47a.eot?#iefix') format('embedded-opentype'),
url('https://static-mh.content.disney.io/matterhorn/assets/drm_fonts/proximanova-black-4e93f7ae3ce4.woff') format('woff'),
url('https://static-mh.content.disney.io/matterhorn/assets/drm_fonts/proximanova-black-9f616bc7c9fb.ttf') format('truetype'),
url('https://static-mh.content.disney.io/matterhorn/assets/drm_fonts/proximanova-black-1957f032f750.svg#proximanova') format('svg');
}
:root{
--header-font-family: proximanova, Matterhorn, Helvetica, sans-serif;
--header-font-weight: 700;
--header-font-style: normal;
--body-font-family: proximanova, Matterhorn, Helvetica, sans-serif;
--body-font-weight: 400;
--body-font-style: normal;
--utility-font-family: proximanova, Matterhorn, Helvetica, sans-serif;
--utility-font-weight: 400;
--utility-font-style: normal;
--globalchrome-font-family: proximanova, Matterhorn, Helvetica, sans-serif;
--globalchrome-font-weight: 700;
--globalchrome-font-style: normal;
--globalfooter-font-family: proximanova, 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: proximanova, Matterhorn, Helvetica, sans-serif !important;
font-weight: 700;
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: proximanova, 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: proximanova, 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: proximanova, Matterhorn, Helvetica, sans-serif !important;
font-weight: 700;
font-style: normal;
}
#goc-ft a,
#goc-ft #goc-ft-copyright,
#goc-ft #goc-ft-about{
font-family: proximanova, 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: #f1f2f3; }
@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: #1d1e1f; }
.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: #1d1e1f; }
.module.primary-theme:not(.skip-styles) a:not(.skip-text-styles), .module.primary-theme:not(.skip-styles) a.entity-link:hover h3:not(.skip-text-styles), .module.primary-theme:not(.skip-styles) .button.transparent:not(.skip-text-styles){ color: #1d1e1f; }
/* 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{
background-color: #ffffff; border: 1px solid #ffffff;
color: #1d1e1f;
}
/* icons have same color as text color */
.module.primary-theme:not(.skip-styles) button.large span.icon, .module.primary-theme:not(.skip-styles) .button.large span.icon, .module.primary-theme:not(.skip-styles) .content-overlay .cta-links-container .cta-item .button.large span.icon{ background-color: #1d1e1f; }
/* 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{
background-color: transparent; border: 1px solid #ffffff;
color: #ffffff;
}
/* icons have same color as text color */
.module.primary-theme:not(.skip-styles) button.large.secondary span.icon, .module.primary-theme:not(.skip-styles) .button.large.secondary span.icon, .module.primary-theme:not(.skip-styles) .content-overlay .cta-links-container .cta-item .button.large.secondary span.icon{ background-color: #ffffff; }
/* 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{
}
.module.primary-theme:not(.skip-styles){ background-color: #f1f2f3; background-image: none; }
/* 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: #ffffff; }
.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: #ffffff; }
.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{
background-color: #907137; border: 1px solid #907137;
}
/* 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{
background-color: #1d1e1f; border: 1px solid #1d1e1f;
color: #1d1e1f;
}
/* icons have same color as text color */
.module.secondary-theme:not(.skip-styles) button.large.secondary span.icon, .module.secondary-theme:not(.skip-styles) .button.large.secondary span.icon, .module.secondary-theme:not(.skip-styles) .content-overlay .cta-links-container .cta-item .button.large.secondary span.icon{ background-color: #1d1e1f; }
/* 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: #1d1e1f; background-image: none; }
/* page-level entity styles */
/* lazy image placeholder icon or color overrides */
.aspect.placeholder{
background-image: url(https://lumiere-a.akamaihd.net/v1/images/film_loader_sq_48aad65d.gif);
}
/* style-pack-configured takeover styles */
@media screen and (min-width: 1025px){
.takeover-area .overlay.default .main-color{ background-color: #f1f2f3; }
.takeover-area .overlay.default .safety-color .color-block{ background-color: #f1f2f3;}
#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);}
}
.module.local_nav_bar#ref-1-0 .local-nav-bar .local-nav-items .local-nav-item .local-nav-top-item { color: #fff; fill: #fff; }
.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: #fff; fill: #fff; }
.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: #fff; }
.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: #fff; }
.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: #907137; }
.module.local_nav_bar#ref-1-0 .local-nav-bar .local-nav-items .local-nav-item.item-open .local-nav-top-item span { color: #907137; fill: #907137; }
.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: #907137; fill: #907137; }
.module.local_nav_bar#ref-1-0 .local-nav-bar { background-color: #000; }
.module.local_nav_bar#ref-1-0 .local-nav-bar:before { background-color: #000; }
@media only screen and (min-width: 1601px){
.module.local_nav_bar#ref-1-0{ background-color: #000; }
.module.local_nav_bar#ref-1-0 .local-nav-bar.local-nav-fixed{ border-color: #000; }
}
.module.local_nav_bar#ref-1-0 .local-nav-bar .local-nav-overflow-items .local-nav-item .local-nav-top-item { color: #fff; fill: #fff; }
.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: #fff; }
.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: #fff; }
.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: #907137; }
.module.local_nav_bar#ref-1-0 .local-nav-bar .local-nav-overflow-items .local-nav-item { background-color: #000; }
.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: #000; }
.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: #000; }
.module.local_nav_bar#ref-1-0 .local-nav-bar .local-nav-overflow-items .local-nav-item { border-image: linear-gradient(to bottom, #000 50%, #000 100%) 1 100%; }
Skip Navigation
#ref-1-2{
}
@media screen and (min-width: 680px){
#ref-1-2{ background-repeat: no-repeat; }
#ref-1-2{ background-size: 9; }
}
@media screen and (min-width: 680px){
#ref-1-3{ background-repeat: no-repeat; }
#ref-1-3{ background-size: 9; }
}
@media screen and (min-width: 680px){
#ref-1-4{ background-repeat: no-repeat; }
#ref-1-4{ background-size: 9; }
}
@media screen and (min-width: 680px){
#ref-1-5{ background-repeat: no-repeat; }
#ref-1-5{ background-size: 9; }
}
#ref-1-6{
background-color: #000;
background-image: none;
}
#ref-1-7{
background-color: #000;
background-image: none;
}
of
of
of
of
of
of
of
of
