.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, Matterhorn, Helvetica, sans-serif; --header-font-weight: 400; --header-font-style: normal; --body-font-family: InspireTWDC, Matterhorn, Matterhorn, Helvetica, sans-serif; --body-font-weight: 400; --body-font-style: normal; --utility-font-family: InspireTWDC, Matterhorn, Matterhorn, Helvetica, sans-serif; --utility-font-weight: 400; --utility-font-style: normal; --globalchrome-font-family: InspireTWDC, Matterhorn, Matterhorn, Helvetica, sans-serif; --globalchrome-font-weight: 400; --globalchrome-font-style: normal; --globalfooter-font-family: InspireTWDC, Matterhorn, 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, 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, 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, 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, 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, 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: #054553; } /* 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: #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; } /* 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{ } /* page-level entity styles */ /* 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
#ref-1-1{ } #ref-1-1{ background-color: #054553; background-image: none; } @media screen and (min-width: 680px){ #ref-1-1{ background-repeat: no-repeat; } #ref-1-1{ background-size: 9; } }
#ref-1-1 .title h1, #ref-1-1 .title .desc, #ref-1-1 .title .meta, #ref-1-1 .title .meta-title, #ref-1-1 .title .text-links a, #ref-1-1 .title .credits-value, #ref-1-1 .title .watch_message { color: #ffffff; }

The Beach Boys

PG-13

Documentary, Music

“The Beach Boys” is a celebration of the legendary band that revolutionized pop music, and the iconic, harmonious sound they created that personified the California dream, captivating fans for generations and generations to come. The documentary traces the band from humble family beginnings and features never-before-seen footage and all-new interviews with The Beach Boys’ Brian Wilson, Mike Love, Al Jardine, David Marks, Bruce Johnston, plus other luminaries in the music business, including Lindsey Buckingham, Janelle Monáe, Ryan Tedder, and Don Was. Viewers will also hear from the group’s Carl and Dennis Wilson in their own words, plus view a new interview with Blondie Chaplin and hear audio from Ricky Fataar. A Kennedy/Marshall and White Horse Pictures Production, “The Beach Boys” is directed by Frank Marshall and Thom Zimny and written by Mark Monroe. The film is produced by Frank Marshall, Irving Azoff, Nicholas Ferrall, Jeanne Elfant Festa, Aly Parker, with Nigel Sinclair, Mark Monroe, Tony Rosenthal, Cassidy Hartmann, Glen Zipper, Thom Zimny, Beth Collins, Jimmy Edwards, Susan Genco, Marc Cimino, Jody Gerson, Bruce Resnikoff, and Ben J. Murphy serving as executive producers.

Rated: PG-13

@media screen and (min-width: 680px){ #ref-1-2{ background-repeat: no-repeat; } #ref-1-2{ background-size: 9; } }

Videos

@media screen and (min-width: 680px){ #ref-1-4{ background-repeat: no-repeat; } #ref-1-4{ background-size: 9; } }

Explore More

#ref-1-5{ background-color: #030C40; background-image: none; } #ref-1-5:before{ text-align: right; }
#ref-1-6{ background-color: #030C40; background-image: none; }

*U.S. residents, 18+ only. Access content from each service separately. Location data required to watch certain content. Offer valid for eligible subscribers only. Subject to Disney+ and ESPN+ Subscriber Agreement. For detailed information on billing and cancelation, please visit the Disney+ Help Center.

#ref-1-7 .social-links-container .visit_us{ color: #ffffff; }