.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: rgba(0,0,0,.6); color: #999; border-radius: 4px; font-weight: 400; font-size: 13px; padding: 2px 5px; } .card .title { min-height: 0; font-weight:100 !important; transition: color 0.2s linear; margin: 10px 0 20px 0; } .card .main_poster img { opacity:0.8; transition: opacity 0.2s linear; } .card .main_poster:hover img { opacity:1; transition: opacity 0.2s linear; } .card .main_poster:hover .title { color: #01aef2 !important; transition: color 0.2s linear; } @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-image-block: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; }