.access-program-link { text-align: right; margin: 20px 0; } .access-program-link .btn { display: inline-block; } .categories-home-page--block { height: 24vw; background-size: contain; } .hero_banner { overflow: hidden; } /* ---------------------------------------------------------------------- ** PROGRAM THUMBNAILS */ .card .duration { position: absolute; bottom: 15px !important; right: 15px; background: rgba(0,0,0,.6); color: #999; border-radius: 4px; } .card .course_price { position: absolute; bottom: 15px !important; left: 15px; background: rgb(43,172,227, 1); color: #fff; border-radius: 4px; font-weight: 400; font-size: 13px; padding: 2px 5px; } /* Hide prices if user owns them */ .catalog-library .course_price { display:none; } .card .title { min-height: 0; font-weight:100 !important; transition: color 0.2s linear; margin: 10px 0 20px 0; } .card .main_poster img.image { opacity:0.8; transform: scale(1.0); border-top:1px solid #282828; transition: all 0.2s ease; } .card .main_poster:hover img.image { opacity:1; transform: scale(1.03); border-top:1px solid #01aef2; transition: all 0.2s ease; } .card .main_poster:hover .title { color: #01aef2 !important; transition: color 0.2s linear; } .partner-logos { padding-top:20px; padding-bottom:20px; } .card .partner-logo { position: absolute; top: 15px; left: 15px; width: 40%; background: rgba(0,0,0,.6); border-radius: 4px; padding:5px; } .card .partner-logo-faderpro { position: absolute; top: 15px; left: 15px; width: 40%; } .card .partner-logo img, .card .partner-logo-faderpro img { width: 100%; vertical-align:middle; } @media only screen and (min-width:768px) and (max-width: 992px) { .hero_banner--title { font-size: 44px; } } /* ** MOBILE SCREENS */ @media only screen and (max-width:767px) { .categories-home-page--block { height: 50vw; } .cce--trailer-btn { display: block !important; margin-top: 15px; } .cce--buttons { flex-wrap: wrap; align-items: center; justify-content: center; } } /* ---------------------------------------------------------------------- ** NAVIGATION */ .dropdown--body a:hover { background: #2BACE3; color: white !important; } /* ---------------------------------------------------------------------- ** PLAYER AND VIDEO THUMBNAILS WITHIN IT */ /* 576, 768, 992, 1200*/ .player_exp .cce--trailer-btn { display: flex!important; } @media only screen and (min-width:576px) and (orientation:portrait) { .player_exp .cce--thumbnails-chapters .col-lg-3 { max-width: 100% !important; flex: 0 0 100% !important; } } @media only screen and (max-width:992px) and (orientation:portrait) { .player_exp .cce--thumbnails-chapters .col-lg-3 { max-width: 100% !important; flex: 0 0 100% !important; } } @media only screen and (min-width: 768px) and (orientation:landscape) { .player_exp .cce--thumbnails-chapters .col-md-4, .player_exp .cce--thumbnails-chapters .col-lg-3 { max-width: 50% !important; flex: 0 0 50% !important; } } @media only screen and (min-width:992px) { .player_exp .cce--thumbnails-chapters .col-md-4, .player_exp .cce--thumbnails-chapters .col-lg-3 { max-width: 33% !important; flex: 0 0 33% !important; } } .player_exp .cce--thumbnails-image-block img { opacity:0.8; transition: opacity 0.2s linear; } .cce--thumbnails-image-block { /* pointer-events: auto !important;*/ } .player_exp .cce--thumbnails-video-chapter:hover img { opacity:1; transition: opacity 0.2s linear; } .player_exp .cce--thumbnails-video-duration { background: rgba(0,0,0,.6) !important; color: #999 !important; border-radius: 4px !important; } .cce--chapter-description { margin-bottom:30px !important; } /* ---------------------------------------------------------------------- ** Program page */ .program .program--categories { display:none; } .program .col-12.purchaseCTA { padding: 0 15px; margin-bottom: 25px; margin-top: 25px; } .program .CTABody { color: #ccc; margin-bottom: 25px; } .program .CTABuyNow { float: right; margin-left: 15px; margin: 30px; } .program .CTAInfo { margin-bottom: 15px; background: #333; padding: 30px; } .program .CTAHead { font-size: 1.5em; color: #ccc; } .player_exp .upgrade_title, .player_exp .upgrade_description, .player_exp .upgrade_button_text { display: none !important; } .program .cce--upgrade-button { padding: 25px 25px; font-size: 30px !important; font-weight: 300 !important; } a.program--about-author-name:hover { color:#00AEF2 !important; } /* ============== SLIDER ============== */ .page-slider { visibility:hidden; height:0px; opacity:0; } .page-slider.slick-initialized { visibility: visible; opacity: 1; transition: visibility 0.3s, opacity 0.3s linear; height:auto; } .slick-track { display: flex !important; } .slick-slide { height: inherit !important; } .slider-item { position:relative; padding:0 1px 0 1px; } .course-slider .slider-item { padding:10px; } .slider-item .card { margin-bottom: 0px !important; } .course-slider .featured_category--title a { color:white !important; } .slider-image { width:100%; max-width:100% !important; } .slider-text { position: absolute; top: 0; padding-top: 7%; max-width: 65% !important; padding-left: 10%; font-size: 1.1em; } .slider-text h1 { font-size:2.2em; line-height:1em; margin-top:0px; } .slider-text-inner { background:rgb(55,55,55,0.5); padding:1px 20px 20px 20px; } #home-hero-slider .slider-text-inner { background:rgb(55,55,55,0.5); padding:30px; } .slider-first-item .slider-body-copy { /*display:block !important; always make this visible */ } @media only screen and (max-width: 576px) { .slider-text { font-size:0.85em; padding-top: 3%; max-width: 90% !important; } .slider-text h1 { font-size:1.6em; } .slider-body-copy, .slider-first-item .btn { /*display:none;*/ } } @media only screen and (min-width: 577px) and (max-width: 768px) { .slider-text { padding-top: 5%; font-size:0.9em; max-width: 90% !important; } .slider-text h1 { font-size:1.6em; } .slider-body-copy, .slider-first-item .btn { /* display:none;*/ } } @media only screen and (min-width: 769px) and (max-width: 992px) { .slider-text { font-size:1em; max-width: 90% !important; } .slider-body-copy { font-size:0.95em; } } @media only screen and (min-width: 993px) { } /* @media only screen and (max-width:576px) { .slider-text { font-size:0.85em; top:3%; max-width: 90% !important; } .slider-body-copy { display:none; } } @media only screen and (max-width: 768px) { .slider-text { font-size:0.9em; max-width: 90% !important; } .slider-body-copy { display:none; font-size:0.95em; } } @media only screen and (max-width:1090px) { .slider-text { font-size:1.0em; max-width: 90%; } } */ /* *iphone6,7,8* */ @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation:portrait) { .slider-text { font-size:0.6em; top:3%; max-width: 90%; } .slider-body-copy { display:none; } .btn--outline { font-weight:500; } } @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation:landscape) { .slider-text { font-size:0.6em; top:3%; max-width: 90%; } .slider-body-copy { display:xnone; } .btn--outline { font-weight:500; } } .slick-dots { bottom:-35px !important; } .course-slider .slick-dots { bottom:0px !important; } .slick-dots li button:before { color: white !important; } .slider-item a { display: inline-flex; margin-top: 10px; } .slick-prev, .slick-next { opacity:0; transition: opacity 0.2s ease-in; } .course-slider .slick-prev, .course-slider .slick-next { top:37% !important; } .slick-slider:hover .slick-prev, .slick-slider:hover .slick-next { opacity:1; transition: opacity 0.2s ease-in; } .slick-prev { left: 25px !important; z-index:9999 !important; } .slick-next { right: 35px !important; z-index:9999 !important; } .slick-prev:before, .slick-next:before { font-size:30px !important; opacity:0.5 !important; } .slider-more { position: absolute; top: 35%; width: 100%; padding-right: 20px; text-align: center; color:white; font-size:1.5em; } .slide-image-wrapper { /* padding:5px 5px 0 5px; transition: padding 0.1s linear;*/ } .slide-image-wrapper:hover { /* padding:0px; transition: padding 0.1s linear;*/ } /* ======= CATALOG PAGE ====== */ .catalog--filters { background:#333; padding:20px; margin-left: 0px !important; margin-right: 0px !important; } .catalog--filters .select { max-width:50% !important; width:50% !important; color:#ccc !important; font-size:1rem; } .catalog--filters .input--search { font-size:1rem; } .catalog--filters .input--search::placeholder { color:#ccc !important; } .tabs { margin: 40px 0 0 0 !important; border-bottom: 1px solid #2BACE3 !important; } .tabs .tab { padding:10px; } .tabs .tab.active { color: white !important; background: #2BACE3; } .catalog--filters .direction { display:none !important; } .container-wide { max-width:1400px; margin:auto; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ .partner-container { display:flex; align-items: center; padding:0 20px; background:#333; justify-content: space-around !important; align-content: space-between; } .partner-logos img { max-width:160px; padding:20px; /*opacity:0.6;*/ transition: all 0.2s ease-in-out; } .partner-logos img:hover { opacity:1; transform:scale(1.05); transition: all 0.2s ease-in-out; } .home-slider { padding-top:0px; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ .featured_category--title { margin-bottom:30px !important; } .testimonials--title, .categories-home-page--title { margin-bottom:10px !important; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ .lazy { opacity:0 !important; } .lazyLoaded { opacity:0.7; transition: opacity 0.5s linear; transition-delay:1s; } /* =-=-=-=-=-=-=-=-=- Menu bar -=-=-=-=-=-=-=-=-=- */ .header { background:#333 !important; position: fixed !important; width: 100% !important; } #page { padding-top:72px; }