:root {
--ds-bg-default: rgba(255,255,255,0.25);
}
@font-face {
font-family: "Paralucent-Medium";
src: url("https://db.onlinewebfonts.com/t/f0ea4ec01961a71ed24801fb00ce3c9e.eot");
src: url("https://db.onlinewebfonts.com/t/f0ea4ec01961a71ed24801fb00ce3c9e.eot?#iefix") format("embedded-opentype"),
url("https://db.onlinewebfonts.com/t/f0ea4ec01961a71ed24801fb00ce3c9e.woff2") format("woff2"),
url("https://db.onlinewebfonts.com/t/f0ea4ec01961a71ed24801fb00ce3c9e.woff") format("woff"),
url("https://db.onlinewebfonts.com/t/f0ea4ec01961a71ed24801fb00ce3c9e.ttf") format("truetype"),
url("https://db.onlinewebfonts.com/t/f0ea4ec01961a71ed24801fb00ce3c9e.svg#ParalucentW00-Medium") format("svg");
}
#page .search .card-title,
#page .search .card-author {
color: #fff !important;
}
.cbt-area,
.layout,
.page {
background: url(https://s3.amazonaws.com/unode1/assets/8445/onSmpLFSSemOagiiRX9y_background-gradient.jpg) center no-repeat;
background-attachment: fixed;
background-size: cover;
}
.cbt-area .cbt-program .cbt-header {
color: #fff;
}
#page .light .favorite svg path {
stroke: #fff;
}
#page .light .cbt-tabs--tab-link,
#page .light .cbt-related-title {
color: #fff;
}
.light .cbt-area .cbt-tabs--content {
background-color: #f1f1f1 !important;
}
.light a.card-title,
.light .layout a.card-title {
color: #fff !important;
font-size: 1rem;
}
.light .cbt-area .cbt-related--flex a.card-author,
.light .layout a.card-author {
color: #d0d0d0 !important;
}
.top_menu {
height: auto;
}
.top_menu .container a {
font-size: 18px;
}
.hovered-img {
z-index: 3;
}
.custom-filter:hover .hovered-img {
display: none;
}
.light .ui-filters {
background-color: rgba(0,0,0,0.2) !important;
border-top: 1px solid rgba(255,255,255,0.1) !important;
border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}
.light .selectr-selected, .light .filter-search, .light .s-button {
border: 1px solid rgba(0,0,0,0.3) !important;
}
.light .s-button {
background-color: #252525 !important;
border: 1px solid rgba(0,0,0,0.3) !important;
color: #fff !important;
}
.light .filter-search {
background-color: #252525 !important;
color: #fff !important;
}
.light .selectr-selected {
background-color: #2a2a2a !important;
color: #fff !important;
}
.top_menu .container a {
font-weight: 600;
}
.custom-filters {
padding-top: 40px;
max-width: 1300px;
margin: 0 auto;
}
.custom-filter {
display: block;
position: relative;
height: 200px;
overflow: hidden;
border: 2px solid #fff;
box-shadow: 0px 15px 15px #262f34;
}
.custom-filter img {
width: 102%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.custom-filter span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
font-size: 35px;
text-transform: uppercase;
color: #fff;
z-index: 2;
}
body, html, .card-title .card-duration, .cbt-tabs--content, .s-button {
font-family: "Paralucent-Medium", sans-serif !important;
}
h1, h2, h3, h4, h5, .cbt-tabs--subtitle,
.cbt-related-title, .category-title,
.card-title, .s-button {
font-family: "Paralucent-Medium", sans-serif !important;
/*font-weight: 600;*/
}
.slide-background-image.slide-background-gradient {
opacity: 0;
}
.catalog-area {
padding-bottom: 0 !important;
background: url(https://s3.amazonaws.com/unode1/assets/8445/onSmpLFSSemOagiiRX9y_background-gradient.jpg) center no-repeat;
background-attachment: fixed;
background-size: cover;
}
.container.catalog {
margin-top: 0;
overflow: hidden;
padding-bottom: 80px !important;
padding-top: 0 !important;
}
.s-category-area,
#category_show > div {
background: #2C677B !important;
color: #fff;
}
.s-category-text .s-title,
#category_show > div h1 {
color: #fff;
font-size: 1.5rem;
}
#page .page .s-category-text .s-desc div a,
#page .page .s-category-text .s-desc div div,
#page .page .s-category-text .s-desc div li,
#page .page .s-category-text .s-desc div p,
#page .page .s-category-text .s-desc div span,
#page .page .s-category-text .s-desc div ul {
color: #fff !important;
}
.swiper-container:before, .swiper-container:after {
-webkit-mask-box-image: -webkit-gradient(linear, left top, right top, color-stop(0.00,rgba(0,0,0,0)), color-stop(0.04,rgba(0,0,0,1)), color-stop(0.96,rgba(0,0,0,1)), color-stop(1.00,rgba(0,0,0,0)));
background: linear-gradient(270deg,transparent,rgba(0,0,0,.4) 20px,rgba(0,0,0,.4))!important;
}
.category-title {
position: relative;
color: #fff !Important;
text-transform: uppercase;
font-weight: bold !important;
font-size: 34px !important;
}
.category-flex {
position: relative;
top: -4px;
}
.category-flex:before {
content: '';
position: absolute;
top: 39px;
left: -10vw;
background: #2d677b;
width: 120vw;
height: 35px;
opacity: 0;
}
.category-see-all {
position: relative;
top: -4px;
}
.category-see-all a {
color: #fff !important;
}
.light .container.catalog .card-title {
color: #fff !important;
}
.light .container.catalog .card-author {
color: #bdc3c7!important;
}
.catalog-area .secondary-filters.ui-container {
padding-bottom: 0;
}
@media screen and (min-width: 1330px) {
.featured-category-title {
font-size: 54px;
}
}
@media only screen and (min-width:768px) and (max-width: 992px) {
.custom-filter {
height: 170px;
}
}
@media only screen and (max-width:767px) {
.custom-filter {
height: 200px;
margin-bottom: 20px;
}
}
#category_filters .ui-filters,
.categories-filters-wrapper {
background-color: rgb(60 74 82) !important;
}
.secondary-filters {
padding: 1rem 0 !important;
}
#program_playlist > div {
background-color: #fff;
}