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;
}
}