@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@300;600;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;700&display=swap');
.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded="true"], .plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]::before, .plyr__menu__value.value.active:before {
background: #ea1e62;
}
.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
background: #3b6fe6 !important;
color: #fff;
}
.plyr__control--overlaid {
/* background: rgba(53,227,229,.8) !important; */
background: rgba(234,30,98,.8) !important;
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px rgb(0 0 0 / 15%);
color: #fff;
display: none;
left: 50%;
padding: 15px;
top: 50%;
transform: translate(-50%,-50%);
z-index: 2;
}
.cbt-tabs--subtitle {
font-family: 'Exo 2', sans-serif;
font-weight: 900 !important;
}
.program-description-text.whitespace-pre-wrap {
font-family: 'Exo 2', sans-serif;
font-weight: 300 !important;
}
.chapter-thumbnails--title {
font-family: 'Exo 2', sans-serif;
font-weight: 300 !important;
}
.chapter-thumbnails--desc {
font-family: 'Rubik', sans-serif;
font-weight: 300 !important;
}
.cbt-tabs--author-title {
font-family: 'Exo 2', sans-serif !important;
font-weight: 300 !important;
}
h1, h2 {
margin: 0;
padding: 0;
font-family: 'Rubik', sans-serif;
font-weight: 700 !important;
text-transform: uppercase !important;
}
h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-family: 'Exo 2', sans-serif;
font-weight: 600 !important;
}
body, ol, p, ul {
margin: 0;
padding: 0;
font-family: 'Exo 2', sans-serif;
font-weight: 300 !important;
}
.dark .category-title {
font-weight: 600 !important;
color: #35e3e5 !important;
}
.dark .category-see-all {
font-weight: 600 !important;
color: #35e3e5 !important;
}
a.top_menu--link {
color: #ffffff !important;
}
a.dropdown--head-link {
color: #ffffff !important;
}
a.top_menu--link:hover {
/*color: #35e3e5 !important;*/
background-color: black !important;
}
a.dropdown--head-link:hover {
/*color: #35e3e5 !important;*/
background-color: black !important;
}
a.category-title:hover {
text-decoration: underline;
color: #35e3e5 !important;
}
.plyr {
margin: auto;
/* box-shadow: 80px 80px 80px rgba(6, 6, 7, 0.2); */
box-shadow: 0px 10px 8px 5px rgba(0,0,0,0.75);
/* padding: 3px;
border-radius: 25px;
border-color: #ea2168 !important; */
/* border: 10px solid #3b6fe6; */
overflow: hidden;
}
.plyr-full-ui {
border: 10px solid #000000 !important;
}
.checked .sbt-autoplay--slider{
background-color: #35e3e5 !important;
}
.header .top_menu .top_menu--link, .top_menu--link:hover{
font-weight: 600 !important;
}
/* Main Banner Page */
.btn.btn--primary.btn--width {
background: #ea2168 !important;
}
.footer {
background-image: url(http://kj1.281.myftpupload.com/wp-content/uploads/2018/06/footer-background-img.jpg);
background-color: #17161a;
}
/* Header Changes */
.header {
width: 100vw;
/* position: absolute !important;*/
background-color: rgba(0, 0, 0, 0) !important;
/*-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 8px 10px 5px rgba(0,0,0,0.75); */
}
.cbt-area .cbt-header {
margin-top: 100px !important;
}
/* this will sepearte the header from the cover video */
.swiper-wrapper .swiper-button .swiper-slide .slide-container {
margin-top: 80px !important;
}
.dark .ui-filters .filters-area {
padding-top: 75px !important;
margin-top: 25px !important;
}
.slide-background-gradient {
background:linear-gradient(linear-gradient(rgba(13,14,16,.8) 20%,rgba(13,14,16,.4) 30%,rgba(13,14,16,.3) 55%,rgba(13,14,16,.2) 80%) !important;
}
/*
.ui-filters .slide-container .container.slide-content .slide-background-image.slide-background-gradient .slide-background-image.video-background{
padding: 50px 3% !important;
}
*/
.top_menu .container {
text-align: left !important;
}
.top_menu--logo {
margin-right: 1px !important;
}
@media screen and (min-width: 1000px) {
.slide-item .slide-background-image .container.slider-content .slide-container {
margin-top: 100px !important;
margin-left: 50px !important;
}
}
@media screen and (min-width: 700px) {
.slide-item .slide-background-image .container.slider-content .slide-container {
margin-top: 100px !important;
}
}
.slide-item {
padding: 50px !important;
}
.authorPage {
padding-top: 150px !important;
margin-top: 150px !important;
}