/* ACORN CSS */

/* BASE CSS */
h1, h2, h3, h4, h5, h6 { color: #ffffff;font-weight: 400;letter-spacing:.13em; text-transform: uppercase; text-decoration:none;font-family:'source sans pro',sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin-bottom:10px;margin-top:10px;}
p {font-family:'oxygen',sans-serif;font-weight:400;font-size: 14px;line-height:23px;letter-spacing:.02em;text-transform: none;}
a {cursor:pointer;color:inherit;font-family: 'source sans pro',sans-serif; text-transform:uppercase;font-size:14px; text-decoration: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; outline: 0;}

/* NAVBAR */
#top-nav .nav > li > a {margin: 0;font-family: 'source sans pro', sans-serif;letter-spacing: .17em;font-weight:600;display: inline-block; text-transform:uppercase;color:#fff;}
#top-nav .nav > li > a:hover {text-decoration:none;color:#e0e0e0;}
#top-nav .nav > li > a:focus {background:transparent;}

/* NAVBAR-USER DROPDOWN */
#top-nav .dropdown-menu>li>a {padding: 18px 30px;font-family: 'source sans pro', sans-serif;font-size: 11px;letter-spacing: .1em;font-weight: 600;text-align: left;text-transform: uppercase;color: #fff;}

/* SPLASH-SLOGAN */
.acorntv-slogan a {color: #fff;display: inline-block;font-family: 'source sans pro',sans-serif;font-size: 13.8px;font-weight: 600;letter-spacing: 0.17em;margin-top: 15px;text-transform: uppercase;padding:12px;background:rgba(11, 152, 184, 0.85) none repeat scroll 0 0;margin-left:8px;border: none;border-radius:0;}
.acorntv-slogan a {background-color: #ca0348 !important;}
.acorntv-slogan a:hover {text-decoration: none;color: #e0e0e0;}


/* ACORN REBRANDING 2019-08-15 START */
body {background: #070d1b;}
#top-nav {box-shadow: 0 0 30px -5px #0a132a; background-color: #0b1733;}
#top-nav .navbar-right ul {background-color: #0b1733;}
#top-nav .dropdown-menu>li>a:hover, #top-nav .dropdown-menu>li>a:active {background-color: #008989;}

/* .acorn #search-input,
.acorn .search-form .search-field {background-color: #fff; border: 1px solid #070d1b;} */

.home-hero-carousel, .home-featured, .home-middle, .home-spotlights {background: #070d1b;}
.carousel .item .container .hero-img {box-shadow: 0 2px 15px 0px rgba(56, 62, 87, 0.35);}

.sub-footer {background-color: #0b1733; box-shadow: 0px -5px 43px 13px rgba(10,19,42,1);}
.footer {background-color: #0b1733;}

#avatar-rollover {box-shadow: 0px 2px 2px 1px rgba(56,62,87,0.35);}

button {background: #b3b3b3; color: #000;}
button:hover {background: #666666; border: 1px solid #666; color: #fff;}
#options {background: #b3b3b3; color: #000;}
#options:hover {background:#666; color: #fff;}
#options a {color: #000;}
#options:hover a {color: #fff;}
#drop-select {background: #b3b3b3; color: #000;}

/* FRANCHISE PAGE */
.subnav {border-bottom: none;}
.franchise-eps-bg {background: transparent;}
.secondary-bg {background: #070D1B;}
.episode h6 {color: #fff;}
.progress-danger .bar, .progress .bar-danger {background-color: #720000;}

/* BROWSE PAGE */
.subnav .active a, .subnav .active a:hover {color: #e8a000;}
.browse-order-option.active, .browse-order-option.active:hover {color: #e8a000;}
.franchise-title {opacity: 0; max-height: 23px; overflow: hidden;}

/* ACORN REBRANDING 2019-08-15 END */

@media (min-width: 480px) {

/* SPLASH-SLOGAN */
.acorntv-slogan a {font-size: 11px;margin-top: 15px;margin-bottom: 10px;}
}

@media (max-width: 768px) {

/* NAVBAR-USER DROPDOWN */
#top-nav .dropdown-menu>li>a {margin-top: 0; padding: 20px 10px 5px;}
}

@media (min-width: 992px) {

/* NAVBAR */
#top-nav .navbar-nav>li>a {padding-left: 20px;padding-right: 20px;}
#top-nav .navbar-brand img {width: 203px;height: auto;}
/* NAVBAR-USER DROPDOWN */
#top-nav .dropdown-menu>li>a {font-size: 13.8px;}

/* SPLASH-SLOGAN */
.acorntv-slogan a {font-size: 12px;}
}

@media screen and (min-width: 1200px) {

/* NAVBAR */
#top-nav .nav>li>a.sign-up {padding: 12px 15px; background: #008989;}
}

@media (min-width: 1400px) {

/* NAVBAR */
/* #top-nav .container {width: 1350px;} */
}

/* Collapse navbar at  */
@media (max-width: 1425px) and (min-width: 992px) {
#top-nav .navbar-header {float: none;}
#top-nav .navbar-left,.navbar-right {float: none !important;}
#top-nav .navbar-left.pull-left {float: left !important;}
#top-nav .navbar-toggle {display: block;transform: scale(1);margin: 20px 10px;}
#top-nav .navbar-brand {margin-left: 0;padding-left: 0;}
#top-nav .navbar-collapse {display: flex;flex-flow: column-reverse;margin: 0;padding: 0;border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);}
#top-nav .navbar-fixed-top {top: 0;border-width: 0 0 1px;}
#top-nav .navbar-collapse.collapse {display: none !important;}
#top-nav .navbar-nav {float: none !important;margin: 0;}
#top-nav .navbar-nav>li {float: none;}
#top-nav .navbar-nav>li>a {padding: 10px 0;}
#top-nav .collapse.in {display: flex !important; width: 100%;}
#top-nav .search-form {padding: 10px 0;}
#top-nav .search-form label {margin: 0}
.navbar-toggle .icon-bar {background: #fff none repeat scroll 0 0;}
}


/* Millicom Welcome popup */
.millicom-welcome-popup-wrapper{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11111111;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,.4);
}
.millicom-welcome-popup-body{
    border-radius: 8px;
    background: white;
    width: 757px;
    min-height: 435px;
}
.millicom-welcome-popup-hero{
    background: #0D1731;
    height: 251px;
    border-radius: 8px;
}
.additional-bg{
    padding: 30px 10px 30px 30px;
    width: 100%;
    height: 100%;
    background: url(../img/popup_background.png) no-repeat;
    background-size: cover;
    border-radius: 8px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.heading-text{
    position: relative;
    color: white;
    font-size: 32px;
    font-weight: bold;
    padding-left: 16px;
}
.heading-img{
    width: 335px;
    height: auto;
}
.heading-text::before{
    content: '';
    position: absolute;
    display: block;
    width: 5px;
    height: 30px;
    left: -5px;
    top: 8px;
    background: #AF2317;
}
.millicom-welcome-popup-description{
    font-size: 14px;
    line-height: 18px;
    margin: 32px 0;
    padding-left: 100px;
    color: black;
}
.acorn-brand-btn{
    border: 1px solid #AF2317;
    font-weight: 700;
    font-size: 14px;
    height: 40px;
    width: 224px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #AF2317;
    margin: 50px auto 0;
    text-transform: capitalize;
}

.app-download{
    display: none;
}
.acorn-brand-btn:hover,.acorn-brand-btn:active, .acorn-brand-btn:focus{
    color: #AF2317;
    background: white;
}
@media (max-width: 767px) {
    .millicom-welcome-popup-body{
        width: 96%;
    }
    .additional-bg{
        justify-content: center;
        padding: 30px;
    }
    .heading-text{
        display: none;
    }
    .heading-img{
        margin-left: 0;
    }
    .millicom-welcome-popup-description{
        padding: 0 19px;
        margin: 25px 0;
    }
    .acorn-brand-btn{
        display: flex;
        margin: 25px auto 0;
    }
    .btn-redirect{
        border: none;
        margin: 25px auto 15px;
        display: block;
        color: black;
        font-weight: 400;
        text-decoration: underline;
        height: 15px;
        background: none;
        width: auto;
        text-align: center;
    }
}
@media (max-width: 480px) {
    .millicom-welcome-popup-body{
        min-height: 454px;
        width: 97%;
    }
    .btn-redirect {
        margin: 15px auto 0;
    }
    .acorn-brand-btn{
        margin: 15px auto 0;
    }
}
@media (max-width: 360px) {
    .millicom-welcome-popup-description {
        margin: 15px 0;
    }
}