/**
 * Sky Programme Information specific css
 */

.sky-tables tr td {
  vertical-align: top;
  padding-bottom: 10px;
}

.contact-table td {
  width: 50%;
}

.sky-form-list__item--wide {
  width: 100%;
}

.header-bts {
    position: absolute;
    margin-left: 4em;
    font-weight: 700;
    padding-top: 6px;
    color: #4a4a4a;
}

.show-delta-bts {
  margin-top: -2vw;
  margin-bottom: 10px;
  padding-left: 20px;
  color: #fff;
  text-shadow: 0 0 25px rgba(0,0,0,.25), 1px 1px 2px rgba(0,0,0,.5);
}

.show-fav-bts {
  margin-right: 10px;
  height: 30px;
}

@media (min-width:26.25em) {

  .sky-channel-logo\@small{
    max-height: 15px;
    height: auto;
    width: auto;
  }
  .display_narrow_only {
    display: none !important;
  }
}

@media (min-width:46.25em) {

  .sky-channel-logo\@medium {
    max-height: 22px;
    height: auto;
    width: auto;
  }
}

.sky-td-width-10 {
  width: 10%;
}

.sky-td-width-20 {
  width: 20%;
}

.sky-td-width-30 {
  width: 30%;
}

.sky-td-width-40 {
  width: 30%;
}

.sky-td-width-50 {
  width: 50%;
}

.sky-td-width-70 {
  width: 70%;
}

/**
* Flash for New item in a tile - GH 7 May 2018
* based on c-tile__channel logo placement
*/

.c-tile__newflash {
  top: 0px;
  height: 60px;
  right: 0px;
  width: auto;
  position: absolute;
  z-index: 10;
}

.sky-color-brand {
  color: #0073c5;

/** Logged in header element
*/
}
.logged-in {
  position: absolute;
  top: 0px;
  right: -10px;
  margin-top: -8px;
  background-color: #fff

}
.logged-in-dropdown {
  background-color: transparent;
  border: none;
  color: #0073C5;
}
.logged-in-dropdown:focus {
  border: none;
  box-shadow: none;
}

@media (max-width: 59.0525em) {
    #user {
        display:none!important
    }
}

/** fix for sticky footer - these could be changed in extra-two.css if needed.
*/
.polaris-corporate {
  min-height: 100vh;
  padding-bottom: 250px; /** added */
}

.corporate-footer {
  margin-top: 180px;
  min-height: 70px;
  font-size: .7rem;
  background: #f4f4f4;
  -webkit-box-shadow: inset 0 5px 5px -5px rgba(0,0,0,.6);
  box-shadow: inset 0 5px 5px -5px rgba(0,0,0,.6);
  z-index: 10;
  bottom: 0px;      /** added */
  position: absolute; /** added */
  width: 100%;      /** added */
}

/** additional formatting for a second label on the signup form.
*/
.form-second-label {
  display: block;
  margin-bottom: 10px;
  width: 100%;
}

/** Bold select all checkbox
*/
.c-form-checkbox__caption-selected {
  font-weight: 800;
}

/** Dropdown select button width
*/
#channels {
  width: 250px;
}
/** Logged in user select button width
*/
#user {
 min-width: 200px;
}

@media (max-width: 59.0525em) {
  #user {
    display:none !important
    }
}

.c-bezel img {
  width: 100%;
}

.c-bezel {
  width: 100%;
}

/** Fix for User logged_in on Schedule page_updates*/
.c-dropdown__list:before {
    left: 0px;
}

.c-dropdown__list {
    padding-left: 0px;
}

/** iframe for Influencer */
.influencer_iframe {
  overflow: hidden;
  padding-top: 75%;
  position: relative;
}

.influencer_iframe iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

 /** hover style for BTS based upon c-tile--sky-atlantic */
 .c-tile--sky-bts .c-tile__link:hover,
 .c-tile--sky-bts .c-tile__link:hover + .c-tile__sponsor {
   color: #fff;
 }
 .c-tile--sky-bts .c-tile__body::after {
   /*! autoprefixer: off */
   background-color: #079ef8;
   background-image: -webkit-linear-gradient(top, #003a7f 0%, #079ef8 100%);
   background-image: -moz-linear-gradient(top, #003a7f 0%, #079ef8 100%);
   background-image: -o-linear-gradient(top, #003a7f 0%, #079ef8 100%);
   background-image: linear-gradient(to bottom, #003a7f 0%, #079ef8 100%);
 }

/* label flash */
 .c-tile__label {
   position: absolute;
   top: 0;
   left: 0;
   padding: 5px 17.5px;
   text-transform: uppercase;
   z-index: 11;
   background: #fff;
   -webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0,.2);
   box-shadow: 0 1px 10px 0 rgba(0,0,0,.2)
 }
 .label-mulberry {
/*   background-color: #ffda1b; */
   background-color: #a51851;
   color: #fff
 }

 .label-breaking {
   background-color: #ffda1b;
   color: #000
 }

/* move content upwards onto video panel */
.sub-video-panel {
  margin-top: -4vw;
  position: relative;
}

.sub-influencer-panel {
  margin-top: -11vw;
  position: relative;
}

 .c-tile .opaque
 {
   background-color: #fff;
 }

/* amend to hero details bottom spacing and add shadow*/
 .hero-details {
   bottom: 1vw;
   text-shadow: 0 0 25px rgba(0,0,0,.25), 1px 1px 2px rgba(0,0,0,.5)
 }

 .hero-tx {
  font-size: 18px;
  margin-top: .5em;
}
@media (min-width:46.25em) {
.hero-tx {
 font-size: 25px;
 margin-top: .5em;
 }
}

/* Screeningroom and Landing page panel layout */
.bts-screeningroom {
  margin-left: 0vw;
  padding-bottom: 5vw;
}
.bts-landing {
  margin-right: 40vw;
  margin-left: 0;
}
.bts-mediahome {
  margin-right: 40vw;
  margin-left: 0;
  margin-bottom: 4vw;
}

 .bts-home {
   margin-right: 10vw;
   padding-bottom: 1vw;
 }
 @media (min-width:46.25em) {
   .bts-home {
     margin-right: 20vw;
     padding-bottom: 6vw
   }
   .bts-screeningroom {
     margin-left: 49vw;
     padding-bottom: 8vw;
   }
 }

 .bts-show {
   margin-right: 15vw;
   margin-left: 0;
   margin-bottom: 4vw;
 }

 /* Sign in box layout */
   .c-sign-in {
   background-color: #fff;
   padding-bottom: 10px;
 }

 @media (min-width: 46.25em) {
   .c-sign-in__item {
     position: relative;
     top: 0px;
   }

   .c-sign-in__button {
     position: relative;
     top: 30px;
   }
 }

 /* Sky spectrum text */
 .u-text-spectrum {
     /*! autoprefixer: off */
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     display: inline-block;
     display: -webkit-box;
     color: #0644a1;
     background-image: -webkit-linear-gradient(left,#f08300,#e3000f 30%,#a72879 60%,#0644a1);
     background-size: 100%;
     font-weight: 400
 }
 .u-text-spectrum-center {
   width: -webkit-fill-available
 }

 @supports (-ms-ime-align:auto) {
   .u-text-spectrum {
       -webkit-text-fill-color: #0644a1;
       color: #0644a1;
       display: block;
       text-align: center;
   }
 }

 @media all and (-ms-high-contrast: none){
     /* IE10+ CSS styles go here */
     .u-text-spectrum {
         -webkit-text-fill-color: #0644a1;
         color: #0644a1;
         display: block;
         text-align: center;
     }
 }

 /* gradient overlay on panel header image */

.hero .hero-image {
  background-size: cover;
  height: 100%
}

.mast-c-header__basket {
    margin-top: -8px
}

/* updated in toolkit - can be removed whenthe new toolkit is loaded */
.u-width-1\/6\@medium {
    width: 16.666666667% !important
}

.u-push-1\/6\@medium {
    position: relative;
    right: auto;
    left: 16.666666667% !important
}

.u-pull-1\/6\@medium {
    position: relative;
    right: 16.666666667% !important;
    left: auto
}

/* social layout on say hello */

.twitter-logo {
  background-image: url(/assets/images/twitter-logo.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 2%;
  margin-top: 2%
}

.instagram-logo {
  background-image: url(/assets/images/instagram-logo.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 2%;
  margin-top: 2%
}

.facebook-logo {
  background-image: url(/assets/images/facebook-logo.svg);
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 2%;
  margin-top: 2%
}

.snapchat-logo {
  background-image: url(/assets/images/snapchat-logo.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 2%;
  margin-top: 2%
}
.youtube-logo {
  background-image: url(/assets/images/youtube-logo.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 2%;
  margin-top: 2%
}

.social-text {
  padding-left: 40px;
  font-size: 16px
}

@media (min-width: 46.25em) {
  .social-text {
    font-size: 18px
  }
}

/* Show logo overlay size override */

.hero-logo-channel {
  max-height: 130px;
  height: 13vw;
  width: auto
}

.hero.show .hero-logo-channel-wrapper {
  position: relative;
  top: 1vw;
}

/* revised header logo for BTS logo */
.mast-c-header__btslogo {
    background-image: url(/assets/images/sky-bts-logo-2020.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    position: relative;
    display: block;
    margin: 0 auto;
    width: 183px; /* brandamend */
    height: 35px;
    visibility: visible
}

@media (min-width: 59.0625em) {
    .mast-c-header__btslogo {
        background-position:0;
        width: 183px; /* brandamend */
        height: 50px;
        margin-bottom: 15px
    }
}

.mast-c-header__btslogo:focus {
    outline: none
}

.mast-c-header__btslogo.has-focus {
    text-decoration: none
}

.mast-c-header__logo.has-focus:before {
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4),0 1px 10px 2px rgba(115,173,216,.75);
    box-shadow: 0 1px 3px rgba(0,0,0,.4),0 1px 10px 2px rgba(115,173,216,.75);
    content: "";
    position: absolute;
    border-radius: .25em
}

/* overrides for hero on influencer home */
.hero {
    height: 40vh;
}

.hero-overlay {
    padding-left: 20px;
    padding-right: 20px;
}
#cookie-banner {
  display: none;
}