<>
:root {
/* Brand Colors */
--accent-steel: #71B8F2;
--light-steel: #4F6984;
--dark-steel: #2E3F4D;
--light-slate: #8298ab;
--medium-slate: #4F6984;
--dark-slate: #4E505B;
--obsidian-black: #000000;
--dark-gradient: linear-gradient(var(--obsidian-black)#09192B);
--slate-lens-glare: radial-gradient(
100% 650% at 100% -100%
rgba(1131842420.25) 20%
rgba(1301521710.15) 40%
rgba(7880910.25) 85%
rgba(15020000.07) 95%
rgba(20080800.1) 100%
);
/* Color Assignments */
--link-color: var(--accent-steel);
--primary-component-gradient: var(--slate-lens-glare);
--primary-body-gradient: var(--dark-gradient);
}
/* Footer */
footer {
margin-inline: auto;
max-width: 960px;
}
/* Content Trays */
.content-tray-section .content-tray-button-group button {
opacity: 0.5;
transition: 0.2s all ease;
}
.content-tray-section .content-tray-button-group button:hover {
opacity: 1;
transform: scale(1) !important;
}
/* Hot Fix for Nav a11y */
nav .-hamburger:focus {
box-shadow: none;
outline: 2px solid white;
outline-offset: 2px;
border-radius: 4px;
}
nav>ul:first-of-type {
display: block !important;
}
nav>ul:nth-of-type(2) {
display: none !important;
}
@media screen and (min-width: 576px) {
nav>ul:first-of-type {
display: none !important;
}
nav>ul:nth-of-type(2) {
display: table !important;
}
}
@media screen and (min-width: 1132px) {
nav>ul:nth-of-type(2) {
display: none !important;
}
}
@media (max-width: 575px) {
nav .menu-header {
align-items: center !important;
}
}
<>
/*body {*/
/* background-color: #000; */
/*}*/
/*article.w-100 { */
/* background-attachment: initial;*/
/* background: linear-gradient(48deg#070739 0%#000 35%);*/
/*}*/
.max-section-collection-hero-parent {
position: relative;
background-position: center top;
}
.max-section-collection-hero-parent::before {
background: linear-gradient(180degrgba(0000.6) 0%rgba(0000) 19.6%)radial-gradient(97.07% 97.07% at 60.4% -13.07%rgba(0000) 56.64%#000 100%);
content: "";
height: 100%;
position: absolute;
width: 100%;
z-index: 0;
}
.max-section-collection-hero .layout {
max-height: 100vh;
height: 900px;
padding-bottom: 1rem;
}
.max-section-collection-hero .column.column-content {
padding-bottom: 2rem;
order: 3;
}
.max-section-collection-hero .column.column-callout {
order: 1;
}
.max-section-collection-hero .column.column-content p {
font-size: 1.2rem;
line-height: 1.5;
}
.max-section-collection-hero .column.column-content h1 {
font-size: 2.75rem;
line-height: 1.2;
}
.max-section-collection-hero .column.column-callout.col-md-6 {
height: 48vh;
max-width: 100%;
flex: inherit;
}
.max-section-collection-hero .column.column-callout p {
font-size: 0.85rem;
opacity: 0.7;
margin-bottom: 0;
}
.max-section-collection-hero .column.column-content img {
max-width: 150px;
}
.max-section-collection-hero .column.column-content svg {
width: 150px;
}
.max-section-collection-hero .layout {
max-height: none;
height: auto;
min-height: 80vh;
}
.max-section-collection-hero .column.column-content.col-md-6 {
max-width: 100%;
-webkit-flex: unset;
-moz-box-flex: unset;
flex: unset;
}
.content-tray-section .row .flex-column .rich-text > .text-center {
position: relative;
}
.content-tray-section .row .flex-column .rich-text > .text-center h5 {
position: absolute;
top: 0;
right: 0;
}
.content-tray-section .row .flex-column .rich-text > .text-center h5 a {
color: #71B8F2;
}
@media (max-width: 575px) {
.content-tray-section .row .flex-column .rich-text > .text-center h5 {
font-size: 0.9rem;
margin-top: 0.5rem;
}
}
@media screen and (min-width: 576px){/* SM */}
@media screen and (min-width: 768px){
}
@media screen and (min-width: 992px){/* LG */}
@media screen and (min-width: 1024px){ /* ~LG */
.max-section-collection-hero-parent {
background-position: right top;
}
.max-section-collection-hero .layout {
max-height: 80vh;
padding-bottom: 1rem;
}
.max-section-collection-hero .column.column-content.col-md-6 {
justify-content: flex-end !important;
align-items: flex-start !important;
order: -1;
}
.max-section-collection-hero .column.column-callout.col-md-6 {
justify-content: flex-end !important;
padding-bottom: 2rem;
height: auto;
max-width: 50%;
-webkit-flex: 0 0 50%;
-moz-box-flex: 0;
flex: 0 0 50%;
}
.max-section-collection-hero .column.column-content p {
font-size: 1.5rem;
text-align: left !important;
}
.max-section-collection-hero .column.column-content h1 {
font-size: 3.0rem;
text-align: left !important;
}
.max-section-collection-hero .column.column-content img {
max-width: 200px;
}
.max-section-collection-hero .column.column-content svg {
width: 200px;
}
.max-section-collection-hero .column.column-content.col-md-6 {
max-width: 50%;
-webkit-flex: 0 0 50%;
-moz-box-flex: 0;
flex: 0 0 50%;
}
.max-section-collection-hero .column.column-callout p {
font-size: 1rem;
}
}
@media screen and (min-width: 1025px){/* CMS-LG */}
@media screen and (min-width: 1200px){/* XL */}
@media screen and (min-width: 1400px){/* XXL */}
<>
/**
* ----------------------------------------
* Language Selector
* ----------------------------------------
*/
.dropdown:has(a[aria-label="Language"])>svg {
display: none;
}
.dropdown:has(a[aria-label="Language"])>.title.small {
display: inline-flex;
}
.dropdown:has(a[aria-label="Language"]) a#dropdownMenuLink {
border: 1px solid transparent;
display: inline-flex;
line-height: 110%;
padding-left: 48px;
}
.dropdown:has(a[aria-label="Language"]) a#dropdownMenuLink::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-translate' viewBox='0 0 16 16'%3E%3Cpath d='M4.545 6.714 4.11 8H3l1.862-5h1.284L8 8H6.833l-.435-1.286zm1.634-.736L5.5 3.956h-.049l-.679 2.022z'/%3E%3Cpath d='M0 2a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v3h3a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-3H2a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zm7.138 9.995q.289.451.63.846c-.748.575-1.673 1.001-2.768 1.292.178.217.451.635.555.867 1.125-.359 2.08-.844 2.886-1.494.777.665 1.739 1.165 2.93 1.472.133-.254.414-.673.629-.89-1.125-.253-2.057-.694-2.82-1.284.681-.747 1.222-1.651 1.621-2.757H14V8h-3v1.047h.765c-.318.844-.74 1.546-1.272 2.13a6 6 0 0 1-.415-.492 2 2 0 0 1-.94.31'/%3E%3C/svg%3E");
content: "";
display: inline-block;
height: 16px;
position: absolute;
transform: translateX(-24px);
width: 16px;
}
.dropdown:has(a[aria-label="Language"]) a#dropdownMenuLink .caretDown,
.dropdown:has(a[aria-label="Language"]) a#dropdownMenuLink .caretUp {
padding-left: 8px;
}
.dropdown:has(a[aria-label="Language"]) a#dropdownMenuLink .caretDown svg {
transform: rotate(180deg);
transition: transform 0.175s ease-out;
width: 10px;
}
.dropdown:has(a[aria-label="Language"]) a#dropdownMenuLink .caretUp svg {
transform: rotate(0deg);
transition: transform 0.175s ease-out;
width: 10px;
}
/**
* ----------------------------------------
* Language Selector in Nav
* ----------------------------------------
*/
/* Nav Styles */
nav.navbar.header:has(.dropdown > a[aria-label="Language"]) .secondary-cta-link,
nav.navbar.header:has(.dropdown > a[aria-label="Language"]) .nav-item:first-child.secondary-cta a {
margin-left: 0;
}
/* Selector Styles */
nav.navbar.header .dropdown:has(a[aria-label="Language"]) {
margin-left: auto !important;
top: 0;
}
nav.navbar.header .dropdown:has(a[aria-label="Language"])>.title.small {
display: none;
}
nav.navbar.header .dropdown:has(a[aria-label="Language"]) .dropdown-menu {
width: 100%;
}
nav.navbar.header .dropdown:has(a[aria-label="Language"]) .dropdown-menu .dropdown-item {
text-align: center;
}
@media (max-width: 575px) {
/* Nav Styles */
nav.navbar.header:has(.dropdown > a[aria-label="Language"]) .nav-item {
padding-left: 0;
}
nav.navbar.header:has(.dropdown > a[aria-label="Language"]) .nav-item a,
nav.navbar.header:has(.dropdown > a[aria-label="Language"]) .nav-item:first-child.secondary-cta a {
padding-left: .75rem !important;
padding-right: .75rem !important;
}
/* Selector Styles */
nav.navbar.header .dropdown:has(a[aria-label="Language"]) a#dropdownMenuLink {
font-size: 0px;
padding: 10px 12px !important
}
nav.navbar.header .dropdown:has(a[aria-label="Language"]) a#dropdownMenuLink::before {
left: 0;
position: relative;
top: 0;
transform: translateX(0);
}
nav.navbar.header .dropdown:has(a[aria-label="Language"]) a#dropdownMenuLink .caretDown,
nav.navbar.header .dropdown:has(a[aria-label="Language"]) a#dropdownMenuLink .caretUp {
display: none;
}
}
/* Nav Styles */
@media (max-width: 420px) {
nav.navbar.header:has(.dropdown > a[aria-label="Language"]) {
min-height: 56px;
/* for navs with manually set "ghost" sign-in buttons: */
padding-right: .5rem;
}
/* nav.navbar.header:has(.dropdown > a[aria-label="Language"]) a.navbar-brand img {
height: auto;
width: 80px;
} */
}
/* Fix for Navs with Secondary Links */
nav.navbar.header:has(.dropdown > a[aria-label="Language"]) a {
white-space: nowrap;
}
nav.navbar.header:has(.dropdown > a[aria-label="Language"]) .navbar-brand+.justify-content-start.d-sm-flex {
align-items: center;
max-width: 50vw;
overflow-y: scroll;
}
nav.navbar.header:has(.dropdown > a[aria-label="Language"]) .navbar-brand+.justify-content-start.d-sm-flex::-webkit-scrollbar {
display: none;
}
@media (max-width: 1132px) {
nav.navbar.header:has(.dropdown > a[aria-label="Language"]) .hamburger {
align-items: center;
display: flex;
justify-content: center;
margin-right: 1rem !important;
}
nav.navbar.header:has(.dropdown > a[aria-label="Language"]) .hamburger-box {
top: 0;
}
}
<>
@media screen and (min-width: 1024px) {
.max-section-collection-hero-parent {
background-position: center top;
}
}
Choose your languageENGLISH
Stream Hit Shows
What are you binging next? We recommend adding these original seriesiconic comediesand award-winning dramas to your watchlist.
Plans start at $10.99/month.
I Love LA
