body, html, .card-title .card-duration, .cbt-tabs--content, .s-button { font-family: 'Lato', sans-serif !important; } h1, h2, h3, h4, h5, .cbt-tabs--subtitle, .cbt-related-title, .category-title, .card-title, .s-button { font-family: 'Lato', sans-serif !important; /*font-weight: 600;*/ } .cbt-area { overflow: hidden; } /*.shopify-container:after {*/ /* content: '';*/ /* position: absolute;*/ /* background: #fbf45d;*/ /* top: 0;*/ /* left: -50vw;*/ /* width: 150vw;*/ /* height: 100%;*/ /* z-index: 1;*/ /*}*/ .shopify-container { position: relative; background: #fbf45d; margin-top: 50px; margin-top: 50px; padding-top: 30px; } .shopify-container .container { max-width: 1100px; } .shopify-container h2 { position: relative; z-index: 2; color: #000; font-weight: 600; font-size: 22px; } .shopify-container iframe { position: relative; z-index: 2; } /*.dark .container.catalog .category-group:nth-of-type(2) .card-duration {*/ /* display: none !important;*/ /*}*/ .s-category-area + div .main-filters { justify-content: flex-end; } .s-category-area + div .with-bottom-margin { display: none !important; } .s-category-area + div .main-filters > div:nth-of-type(1) { display: none !important; } .secondary-filters.ui-container .with-bottom-margin:nth-of-type(2){ display: none !important; } .cbt-tabs--author-area:nth-of-type(1) { display: none !important; } .card .duration { position: absolute; top: auto; bottom: 7px; right: 7px; color: #fff; background-color: rgba(0,0,0,.65); } .card .title { padding-right: 0; } .js-hero-banner-slider, .trending-categories--blocks { opacity: 0; transition: opacity .3s } .js-hero-banner-slider.slick-initialized, .trending-categories--blocks.slick-initialized { opacity: 1; } .header .top_menu .top_menu--link.btn.btn--primary.btn--small { color: #fff; } .hero_banner--background-shadow { display: none; } .hero_banner--subtitle { font-weight: 500; } .template-page .page > .container > .row > .col-12 h1 { text-align: center; color: #fbf45c; font-size: 3em; } .checked .sbt-autoplay--slider { background-color: #fbf45c !important; } .about_us { background: #fbf45c; padding: 30px 0; margin: 40px 0; margin-top: 70px; } .about_us--content > div:nth-of-type(1) { width: calc(100% - 550px); } .about_us--content h2 { font-size: 3em; margin: 0 auto; margin-bottom: .5em; color: #000; font-weight: 600; } .about_us--content > div > div { font-size: 1.2em; color: #000; margin: 0 auto; margin-bottom: 2em; } .about_us--content { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .about_us--content li, .about_us--content p { color: #000; } .about_us--content > div { padding: 30px; } .about_us--image { width: 450px; display: flex; justify-content: center; align-items: center; overflow: hidden; border-radius: 10px; } .about_us--image img { width: 100%; } .js-hero-banner-slider .slick-dots { bottom: 0; } .hero_banner--cta { position: relative; } .hero_banner--background-shadow { opacity: 0.1; } .all-series--title { text-align: center; font-size: 3em; color: #fbf45c; font-weight: 200; } .all-series-template { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; max-width: 1200px; margin: 0 auto; } .all-series-template > div { padding: 15px; } .all-series-template .trending-categories--block { width: 360px; height: 199px; } .all-series-template .trending-categories--block-title { font-size: 1.5em; text-align: center; display: none; } .trending-categories { font-size: 2.5em; font-weight: 600; color: #fbf45d; text-align: center; overflow: hidden; } .trending-categories--title { color: #fbf45d; font-size: 1em; } .trending-categories--action { margin-top: 1em; } .trending-categories--blocks { display: block; } .trending-categories--block { width: 100%; height: 16vw; background-size: cover; display: flex; justify-content: center; align-content: flex-end; } .trending-categories--block-title { display: block; margin-top: auto; font-size: 1em; color: #fff; padding: 10px; display: none; } .hero_banner--title { font-size: 5em; letter-spacing: -2px; font-weight: 600; line-height: 1; } .hero_banner--title, .all-platforms--subtitle, .all-platforms--title, .featured_category--title, div.dark .category-group .category-title, .s-category-text .s-title, .cbt-header, .cbt-tabs--subtitle, .cbt-related-title, div.access-screen__content .access-screen--or a { color: #fbf45d !important; } .card .title a { color: #fff !important; } div.dark .category-group .category-see-all > a, .dark .s-button.inverted { color: #0080ff !important; } .featured_category--title { text-align: center; } .btn { border-radius: 0px; } .no-commitments { background: #fbf45d; } .watch-anywhere--content h2, .watch-anywhere--content h3 { color: #000; } .hero_banner--background-video { min-width: 100%; min-height: 100%; width: auto; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } @media screen and (min-width: 768px) { .hero_banner--title { font-weight: 400; font-size: 5em; } .featured_category--title { font-size: 2.5em; font-weight: 400; } .all-platforms--title { font-size: 2.5em; font-weight: 400; } .watch-anywhere--content h2 { font-size: 3em; font-weight: 600; } } @media only screen and (min-width:991px) and (max-width: 1199px) {} @media only screen and (min-width:768px) and (max-width: 992px) { .about_us--content { flex-wrap: wrap; } .about_us--content > div { width: 100% !important; } .trending-categories--block { height: 140px; } .trending-categories--block-title { font-size: 20px; display: none; } .top_menu--logo img { height: 23px; } .top_menu .container .dropdown--action, .top_menu .container .top_menu--link { margin-left: 10px; } .top_menu .container a { font-size: 12px; } .about_us--image { width: 100%; } .watch-anywhere--content>div:nth-of-type(2) { padding-left: 0; } .watch-anywhere--content .btn.btn--primary.btn--width { font-size: 13px; } } @media only screen and (max-width:767px) { .hero_banner--background-video { display: none; } .about_us--content { flex-wrap: wrap; } .about_us--content > div { width: 100% !important; } .trending-categories--block { height: 250px; } .about_us--image { width: 100%; } .top_menu--logo img { height: 30px; } }