/* Rebrand Notes

* added a desktop only media query to the bottom of this stylesheet, to add a fixed width 'snap zone' for 980px and above. */

@media only screen and (max-width:1179px) {

  header #logo {
      width: 255px;
      height: 50px;
      margin-right: 1em;
  }

  header .logo-nav-container {
      margin-top: 30px;
      margin-bottom: 16px;
  }

  header nav#main {
    margin-top: 38px;
  }

  header #tve-login {
      top: 66px;
  }

}



@media only screen and (max-width:1099px) {

  header{
    min-height: 90px;
  }

  header .logo-nav-container {
    margin-top: 30px;
    margin-bottom: 14px;
  }

  header #logo{
    width: 200px;
    height: 46px;
    margin-right: .75em;
  }

  header nav#main{
    margin-top: 26px;
  }

  header nav#main .desktop-menu > ul > li > a {
    font-size: 15px;
    color: #9ea7a9;
    font-weight: bold;
    padding: 28px 10px 22px;
    text-transform: uppercase;
    letter-spacing: .025em;
  }

  header #tve-login {
      top: 55px;
  }



}

@media only screen and (max-width:979px) {

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

  #BAP-holder{
    display: none;/* does hiding this fix responsive resizing in iPad? */
  }

  .header-a,
  #body-c,
  .page-wrap {
    padding-left: 0px;
    padding-right: 0px;
  }

  header nav#sub {
    left: 0;
    width: 90%;
  }

  .header-a #searchform input[type="text"], .header-a #searchform input:focus {
    width: 190px!important;
  }

  .header-b{
    padding: 0;
  }

  .section-title, .cfct-mod-title {
    margin: 15px 0;
    font-size: 30px;
  }

  h2.title, #ifc-blog-header h3 {
    font-size: 30px;
  }

  .rb-tout .tout-img {
    padding-bottom: 57.1%;
    margin-bottom: 5px;
  }

  .rb-tout p {
    font-size: 12px;
  }

  .rb-tout .post-title {
    margin-bottom: 5px;
    font-size: 12px;
  }

  .str-col-ab,
  .cfct-block-ab,
  #schedule-column1 {
    display: inline-block;
    float: left;
    width: 56.2222%;
    padding-left: 0;
  }

  .str-col-c,
  .cfct-block-c,
  #schedule-column2 {
    display: inline-block;
    float: right!important;
    margin: 0;
    padding-left: 0!important;
    width: 41%;
  }

    .cfct-stack-left {
    display: block!important;
    float: left!important;
    width: 56.999999%!important;
    margin-right: 1.6%;
    padding:none;
  }

  .cfct-stack-right {
    display: block!important;
    width: 41.4%!important;
    float: left!important;
  }

  .cfct-row-a-b-c .cfct-block-c {
    width: 41.111%;
  }

  .cfct-row-a-b-c .cfct-block-a {
    padding-right: 12px;
  }

  #amc_logotrain .logotrain-text{
    margin-left: 20px;
  }

  .cfct-row-a-b-c .cfct-block-b {
    padding-left: 3px;
    padding-right: 9px;
  }

  .cfct-row-a-b-c .cfct-block-a, .cfct-row-a-b-c .cfct-block-b {
    width: 29.111111%;
  }

  .cfct-row-a-b-c .rb-tout{
    min-height: 157px;
  }

  /* Show Accolades */

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

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

  .show-accolade-header .accByLine, .cfct-row-abc .sc_accolade_module .accByline{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 2px;
    color: #7e8787;
    margin-left: 10px;
  }

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

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


@-moz-document url-prefix() {
   .play-button {
    background-size: 90% 77%;
  }
}

}


/*DESKTOP ONLY */
@media only screen and (min-width:980px) {
    
    header nav#main{
      display: inline-block!important;
    }

    .mobile-footer-lockup{
      display: none;
    }

    #whatsapp{
      display: none;
    }
}


/* films-menu 4 column update */
/*
@media only screen and (max-width:979px) {
  
  header nav #films-menu .submenu .featured-items li a {
      width: 190px !important;
  }
}
*/