/* 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;}
body {background: #000000;}

/************************/
/**** NAVBAR SECTION ****/
/************************/

/* NAVBAR */
#top-nav {background-color: #053E3A;}
#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; padding: 25px 10px 21px;}
#top-nav .nav > li > a:hover {text-decoration:none;color:#e0e0e0;}
#top-nav .nav > li > a:focus {background:transparent;}
#top-nav .nav > li > a.sign-up {background: #EEF0E9;display: flex;color: #000;line-height: 24px;text-transform: uppercase;transition: .5s color;margin: 16px 0;padding: 2px 16px;}
#top-nav .nav > li > a.sign-up:hover {background: #FFFFFF;}
#top-nav button:hover {background: #0b625b; border: 1px solid #666; color: #fff;}
#top-nav .dropdown-menu>li>a:hover, #top-nav .dropdown-menu>li>a:active {background-color: #053E3A;}

/* padding: 5px 16px;margin: 20px 0; */

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

@media (min-width: 768px) {
	#top-nav .nav>li>a {padding: 20px 10px;}
	#top-nav .nav > li > a.sign-up {margin: 16px 0;}
	/* NAVBAR-USER DROPDOWN */
	#top-nav .dropdown-menu>li>a {margin-top: 0;padding: 18px 30px}
}

@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;}
	#top-nav .nav > li > a {padding: 29px 10px;}
	#top-nav .nav > li > a.sign-up {margin: 22px 0;padding: 5px 16px;}
	/* NAVBAR-USER DROPDOWN */
	#top-nav .dropdown-menu>li>a {font-size: 13.8px;}
}

/* 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;}
}
/************************/
/** END NAVBAR SECTION **/
/************************/


/* SPLASH-SLOGAN */
.acorntv-slogan a {background: #26BB93;color: #000000;line-height: 24px;text-transform: uppercase;transition: .5s color;margin: 15px 0 10px;padding: 5px 15px;letter-spacing: 2px;font-weight: 700;font-size: 1em;border-radius:0;border: none;display: inline-block}
.acorntv-slogan a:hover {background: #21a380;color: #000000}
@media (max-width: 480px) {
	.acorntv-slogan a {
		font-size: 0.7em;
		margin: 0;
		padding: 3px 10px;
	}
}

/* .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: #053E3A;}
.footer {background-color: #053E3A;}

#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: #000000;}
.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 */

/* 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: 0px 90px;
    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 25px;
    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;
    }
}