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