@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: #907137; border: 1px solid #907137; } /* 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: #ffffff; border: 1px solid #ffffff; color: #1d1e1f; } /* 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: #1d1e1f; } /* 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: transparent; 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%; }

20th Century Studios Movies

Show More Loading...
#ref-1-3{ background-color: #000; background-image: none; } #ref-1-4{ background-color: #000; background-image: none; }