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

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

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