/* Rebrand Notes
* changed the max width of this style sheet to 767px from 480px to have fluid phone template work on larger phones 
Can probably rename this stylesheet or move styles so it makes more sense later on. */
@media only screen and (max-width:979px) {

  body{
    background: #303639!important; /*hide skins on mobile */
  }

  /* Hide desktop functionality on mobile, don't touch */
  .secondary-header-a{
    display: none!important;
  }

  .desktop-menu, 
  .submenus{
    display: none!important;
  }
  /*  ----- */





  .header-a,
  .page-wrap {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }

  #body-c {
    padding-left: 5px;
    padding-right: 5px;
  }

  header {
    min-height: 66px!important;
    padding-bottom: 0px!important;
  }

  header:after{
    clear: none!important;/*removes weird black line from clearfix class on menu*/
  }

  .header-a {
    margin-top: 0!important;
  }

  header .logo-nav-container{
    height: 66px;
    margin-bottom: 0;
    margin-top: 0;
    width:100%;
  }

  header #logo {
    display: block!important;
    background-size: 100%;
    width: 120px;
    height: 23px!important;
    position: absolute;
    left: 40px;
    top: 22px;
    right: inherit;
    margin: auto;
    text-indent: 400px;
    overflow: hidden;
    white-space: nowrap;
  }
  
  /* SD-424 modification */
  header .sponsor-text{
    top: 18px;
    left: 170px;
  }

  header .sponsor-text img{
    width: 85%;
  }

 
  #tve-login {
    position: absolute!important;
    right: 5px;
    top: 18px!important;
    padding: 8px 0;
    height: 32px;
    z-index: 2;
  }

  header nav#sub {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    float: none;
    top: 0;
  }

  header #menu-header-secondary{
    display: none!important;
  }

  header .nav-icon {
    position: absolute;
    top: 15px;
    height: 40px;
    width: 40px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    line-height: 38px;
    font-size: 20px;
    display: block;
    z-index: 10;
  }

  header .nav-icon.nav-toggled {
    color:#ed6300;
  }

  .show-accolade-header .accSeriesTitle, 
  #content .cfct-heading h1,
  .show-accolade-header .show-title p{
    text-transform: lowercase;
    font-size: 30px;
    font-weight: 300;
    color: #fff;
    letter-spacing: 0px;
    line-height: 1em;
  }

  .show-accolade-header .show-title p{
    margin: 10px 0;
  }

  header nav#main  {
    display: none;
    width: 100%;
    margin: 0 0 0px 0!important;
  }

  header nav#main ul {
    float: none;
    width: 100%;
    padding-bottom: 0;
  }

  header nav#main > ul, header nav#main #menu-main-nav-non-dropdowns{
    display: none;
  }

  header .logo-nav-container{
    margin-left: 0;
  }



  /* mobile nav */
  header .mobile-navigation{
    display: block;
    background: #131c1e;
  }

  header .mobile-navigation .submenu{
    position: relative;
    padding: 0;
    -webkit-box-shadow:none!important;
    -moz-box-shadow:none!important;
    box-shadow:none!important;
    display: none;
  }

  header .mobile-navigation .submenu h2{
    display: none
  }

  header .mobile-navigation .submenu .featured-items{
    margin: 0;
    width: 100%;
  }

  header .mobile-navigation .submenu .featured-items li a{
    width:100%!important;
    padding: .5em!important;
    overflow: hidden;
  }


  header .mobile-navigation .submenu .featured-container li{
    width:100%!important;
    margin:0;
    float:none;
  }

  header .mobile-navigation .submenu .submenu-main .thumb{
    width: 33%;
    margin: 0 3% 0 0;
    vertical-align: middle;
    display: inline-block;
    height: auto;
    padding-bottom: 0;
    max-width: 135px;
  }

  header .mobile-navigation .submenu .submenu-main .text{
    font-family: 'BentonSansCond', sans-serif;
    width: 60%;
    display: inline-block;
    vertical-align: middle;
  }


  header .mobile-navigation .submenu ul a .dropdown-show-title{
    margin-top: 0;
    font-weight: bold;
    vertical-align: middle;
    display: inline-block;
    font-size: 1.15em;
  }

  header .mobile-navigation .submenu ul a .dropdown-show-description {
    font-size: .95em;
  }

  header .mobile-navigation .submenu .col {
    width: 100%!important;
    margin: 0;
  }

  header .social-submenu{
    position: relative;
    z-index: 10000;
    top: inherit;
    left: inherit;
    margin: auto;
    width: 300px;
    height: 150px;
    background-color: #131c1e;
    display: block;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
  }

  header .social-submenu h3{
    font-size: .85em;
  }

  header .social-submenu .icon {
    font-size: 1.5em;
    margin: 0 .25em 0 .25em;
  }


  header nav#main ul li {
    width: 100%;
    text-align: center;
  }

  header nav#main ul li.has-subnav a:after {
    display: none;
  }

  header nav#main ul li a {
    font-size: 18px!important;
    display: block!important;
    width: 100%;
    margin-top: 0;
    padding: 1em.5em;
    border-bottom: 1px solid #303639;
    text-align: left;
    color: #9ea7a9;
    background: #000;
    font-weight: bold;
    text-transform: uppercase;
  }

  header nav#main #mobile-primary-links ul li.black a {
    color: #9ea7a9;
    background: #000;
  }

  header nav#main #mobile-primary-links ul li .submenu a {
    color: #9ea7a9;
    background: #131c1e;
    font-size: 18px!important;
    text-transform: inherit;
  }

  header nav#main #mobile-secondary-links ul li a{
    font-size: 18px!important;
    display: block!important;
    width: 100%;
    margin-top: 0;
    padding: 1em.5em;
    border-bottom: 1px solid #000;
    text-align: left;
    color: #cbcbcb;
    background: #131c1e;
    font-weight: 100;
    text-transform: lowercase;
  }

  header nav#main ul li .submenu a.orange {
    color: #ed6300!important;
  }

  header nav#main ul li.has-subnav > a span:after {
    content: '\e7a7';
    font-family: "icons";
    color: #ed6300;
    font-size: 24px;
    line-height: 1em;
    vertical-align: -3px;
    display: inline-block;
    margin-left: 10px;
  }

  header nav#main ul li.has-subnav > a.active span:after {
    transform: rotate(180deg);   
  }

  body.tve-section .mobile-navigation #nav-global-programming-tve > a{
    background: #131c1e;
  }

  header nav#main ul li a.mobile-disabled{
    color: #324143;
    font-size: 18px!important;
  }

  header nav#main ul li:hover a.mobile-disabled{
    background: #131c1e!important;
     color: #324143!important;
  }

  header nav#main ul li a span{
    font-weight: bold;
  } 


  header nav#main .has-subnav:hover .submenu {
    display: none;
  }

  .header-a #searchform {
    display: none;
  }

  #mobile-search{
    display: block;
    width: 100%;
    overflow: hidden;
    padding: .5em;
    background-color: #131c1e;
  }

  header #mobilesearchform input.s-input {
    width: 100%;
    padding: 10px 35px 8px 12px;
    background: #000;
  }

  header #mobilesearchform input.submit {
    left: 9px;
    top: 11px;
    right: inherit;
    font-size: 18px;
  }

  #mobile-secondary-links{
    display: inline-block;
    width:100%;
  }


  .module-group-has-2-cols .cfct-module-col,
  .module-group-has-3-cols .cfct-module-col,
  .module-group-has-4-cols .cfct-module-col,
  .module-group-has-5-cols .cfct-module-col,
  .module-group-has-6-cols .cfct-module-col,
  .module-group-has-7-cols .cfct-module-col,
  .module-group-has-8-cols .cfct-module-col {
    width: 100%!important;
    margin: 0 0 20px 0 !important;
  }

  .cfct-module {
    overflow: none!important;
  }

  .cfct-stack-left {
    display: block!important;
    float: none!important;
    width: 100%!important;
    padding-left: 0!important;
  }

  .cfct-stack-right {
    display: block!important;
    float: none!important;
    padding-left: 0!important;
    margin: 0 auto!important;
  }

  .cfct-module-blog-loop.late-night-films article {
    float: none!important;
    width: 100%;
  }
  .cfct-module-blog-loop.late-night-films .featurettes {
    width: 100%!important;
    margin: 0!important;
    float: none!important;
  }
  .cfct-module-blog-loop.late-night-films .featurettes a {
    width: 32%!important;
    float: left!important;
  }
  .cfct-module-blog-loop.late-night-films .featurettes a + a {
    margin-left: 2%!important;
  }

  .cfct-group-a-b .cfct-block-a,
  .cfct-group-a-b .cfct-block-b {
    padding: 0;
  }

  #content h1, #content h2 {
  font-size: 26px;
  margin: 10px 0 13px;
  }

  .tve-section .coming-soon-mobile h2 {
    padding-top: 10px;
    padding-bottom: 0px;
  }

  body.single-shows .show-mobile-header {
    display: block;
  }

  body.single-shows .show-tablet-header {
    display: none;
  }

  body.single-shows div#body-b {
    background-image: none;
  }

  body.single-shows hgroup#subheader-title {
    display: none;
  }

  body.single-shows div#subheader div.additional-info {
    position: relative;
    top: 0;
    left: 0;
    text-align: left;
    padding-bottom: 5px;
    padding-top: 0px;
    font-size: 18px;
    margin: 0 0 0 10px;
    display: none;
  } 

  body.single-shows .show-title-header-tablet {
    display: none;
  }

  body.single-shows .show-title-header-mobile {
    display: block;
  }
  body.single-shows .show-title-header-mobile p {
  color: #0d6382;
  font-size: 30px;
  padding: 5px 10px 0;
  text-align: left;
  margin: 0;
  }


  /* override default series theme if an asset bundle is detected */

    body.single-shows.has-asset-bundle .show-title-header-mobile p {
    color: #fff;
    font-size: 30px;
    padding: 5px 0 15px 0;
    text-align: center;
    }

  body.single-shows.has-asset-bundle div#subheader div.additional-info {
    position: relative;
    top: 0;
    left: 0;
    text-align: center;
    padding-bottom: 5px;
    padding-top: 0px;
    font-size: 18px;
  }
  /* */


  body.single-videos .show-mobile-header {
    display: block;
  }

  body.single-videos .show-tablet-header {
    display: none;
  }

  body.single-videos div#body-b {
    background-image: none;
  }

  body.single-videos hgroup#subheader-title {
    display: none;
  }


  body.single-galleries .show-mobile-header {
    display: block;
  }

  body.single-galleries .show-tablet-header {
    display: none;
  }

  body.single-galleries div#body-b {
    background-image: none;
  }

  body.single-galleries hgroup#subheader-title {
    display: none;
  }


  body.page-top-ten .show-mobile-header, 
  body.single-top-ten .show-mobile-header {
    display: block;
  }

  body.page-top-ten .show-tablet-header, 
  body.single-top-ten .show-tablet-header {
    display: none;
  }

  body.page-top-ten div#body-b, 
  body.single-top-ten div#body-b {
    background-image: none;
  }

  body.page-top-ten hgroup#subheader-title, 
  body.single-top-ten hgroup#subheader-title {
    display: none;
  }

  .top-ten-carousel ul.slides .top-ten-photo-section span.photo-credit-block{
    display: block;
    position: relative;
  }

  body.single-articles .show-mobile-header {
    display: block;
  }

  body.single-articles .show-tablet-header {
    display: none;
  }

  body.single-articles div#body-b {
    background-image: none;
  }

  body.single-articles hgroup#subheader-title {
    display: none;
  }

  #footer_promo{
    display: none;
  }

  footer nav ul{
    height: auto;
  }

  footer nav li{
    display: block;
    width: auto;
    padding: .5em 0;
    border-left: 0!important;
  }

  footer nav li a{
    font-size: 11px;
    width: auto;
    display: block;
  }

  #content .cfct-module-video-loop .more-videos-link{
    font-size: 10px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    padding-bottom: 10px;
  }

  #content .cfct-module-video-loop ul li .video-title{
    font-size: 12px;
    line-height: 14px!important;
    font-family: "BentonSans", Arial;
    font-weight: bold;
    color: #fff;
  }

  #content .cfct-module-video-loop ul li .video-overlay, #content .amcn-module-video-hub ul li .video-overlay, #content .amcn-module-sponsored-video-loop ul li .video-overlay {
    display: block;
    margin-bottom: 10px;
    /* max-height: 140px; */
    overflow: hidden;
  }

  #content .cfct-module-video-loop, #content .amcn-module-video-hub, #content .amcn-module-sponsored-video-loop {
    margin-bottom: 0;
  }

  .sc_marquee_video {
    margin-bottom: 18px;
  }

  .rb-tout p {
    margin: 0;
    color: #9ea7a9;
    font-size: 12px;
  }

  .show-accolade-header .accByLine, 
  .cfct-row-abc .sc_accolade_module .accByline{
    display: block;
    clear: left;
  }

  .module-group-has-3-cols .cfct-module-col {
  width: 100% !important;
  float: left !important;
  margin: 0 0 20px 0 !important;
  }


  /* Show Accolades */


  .show-accolade-header .accSeriesTitle, #content .cfct-heading h1{
    font-size: 48px;
    letter-spacing: -3px;
  }

  .show-accolade-header .accMain, .cfct-row-abc .sc_accolade_module .accText{
    font-size: 18px;
  }

  .show-accolade-header .accByLine, .cfct-row-abc .sc_accolade_module .accByline{
    font-size: 9px;
    margin-left: 0;
  }

  .show-accolade-header .accDescription{
    font-size:9px;
  }

  .show-accolade-header .accActors{
    font-size: 12px;
  }


  .advertisement.pos-mid {
    display: block;
    width: 300px;
    height: 250px;
    float: none;
    margin: 0 auto 20px;
  }

  #content .sc_where_to_watch #col_1 {
        width:100%;
        float:left;
        clear: left;
    }

    #content .sc_where_to_watch #col_2 {
        float:left;
        width:100%;
        text-align:right;
        margin-right: 0%;
        margin-left: 0%;
        clear: left;
    }

    #content .sc_where_to_watch #col_3 {
        float:left;
        width:100%;
        text-align:right;
        clear: left;
    }

    #content .sc_where_to_watch #col_1 h2,
    #content .sc_where_to_watch #col_2 h2,
    #content .sc_where_to_watch #col_3 h2{
      margin: 0px !important;
    }


    .sc_where_to_watch #col_2 #itunesID{
      margin-right: 10px !important;
    }

    .cfct-module-carousel{
      padding: 0px !important;
    }

    .cfct-module-carousel h2{
      line-height: 30px;
    }

     body.page-template-pagespage-festival-php #body-b{
      padding-top: 0px;
      background: transparent;
    }

    .page-template-pagespage-festival-php .sub-header{
      display: block;
    }

    .page-template-pagespage-festival-php .sub-header .year{
      display: none;
    }

    .page-template-pagespage-festival-php .sub-header h1{
      margin: 20px 0;
      font-size: 35px;
      line-height: 1em;
      font-weight: normal;
      text-transform: lowercase;
      color: #fff;
      font-family: 'BentonSans', Helvetica!important;
      font-weight: 300!important;
    }
  .addthis_button_compact {
    display: none;
  }
}

}