<>
: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;
}
}
<>
/*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;
}
}
/*Legal disclaimer in hero*/
.legal-disclaimer {
margin-top: 1rem!important;
line-height: 1.3rem!important;
font-size: 1.2rem!important;
color: #ffffff!important;
opacity: .8!important;
}
@media screen and (min-width: 1025px){/* CMS-LG */}
@media screen and (min-width: 1200px){/* XL */}
@media screen and (min-width: 1400px){/* XXL */}
<>
/* Hero */
.max-section-collection-hero h1 {
margin: 0;
}
.max-section-collection-hero .column.column-content svg {
width: 200px;
}
@media (min-width: 576px) {
.max-section-collection-hero .column.column-content svg {
width: 200px;
}
}
@media (min-width: 1024px) {
.max-section-collection-hero .column.column-content svg {
width: 250px;
}
.max-section-collection-hero h2 {
text-align: left;
}
}
/* Content Trays */
.content-tray-section-parent {
background-size: contain;
background-position: top right;
background-repeat: no-repeat;
}
.content-tray-section .img-wrapper-override.img-targetlink:hover {
box-shadow: none;
transform: scale(1.04);
transition: all ease 0.2s;
}
.content-tray-section .img-wrapper-override img {
height: 70px;
width: auto;
margin-bottom: 1rem;
}
@media (min-width: 576px) {
.content-tray-section .img-wrapper-override img {
height: 90px;
margin-top: 1rem;
}
}
/* Image Grids */
.max-section-collection-icons a {
color: #fff;
text-decoration: none;
}
.max-section-collection-icons a img.max-section-collection-icons .img-wrapper-override a img:hover {
border: 1px solid transparent;
border-radius: 0;
box-shadow: none;
transition: 0.3s all ease;
}
.max-section-collection-icons a:hover img {
border: 1px solid rgba(0,43,231,0.7);
border-radius: 0;
box-shadow: none;
}
@media screen and (min-width: 576px) {
.max-section-collection-icons h6 {
font-size: 1rem;
}
}
@media screen and (max-width: 575px) {
.max-section-collection-icons .row {
padding: 0 7.5px;
}
.max-section-collection-icons .row .img-wrapper-override {
padding-left: 7.5px;
padding-right: 7.5px;
}
}
No es televisiónes HBO. Disfruta de la alta calidad de estas icónicas series y películas.
Los planes empiezan desde $119.00/mes
