/*
	README:
	To add a new channel complete the following:
	1. copy this file and rename it using the channel name (slug)
	2. Make sure it's included in the Grunt watch SCSS file so it compiles
	3. chnage the $ch-name variable to the channel name slug
	4. Add all font face sources
	5. edit variables as needed
	6. add in overrides in CSS if necessary
*/
/* GLOBALS */
/*
	GLOBAL HEADER/NAV ATTRIBUTES
*/
/*
	CHANNEL LOGOS
	*-pos = channel logo position - vertically on asset sprite
	*-color(-l/r) = color (left/right for bkg gradient)

*/
/* filenames */
/* colours */
/*
	CHANNEL LOGOS : SMALL
	positions always same as above
*/
/*
	CHANNEL ATTRIBUTES
	Used for styling channel block component
*/
/* COLOURS */
/* BASE FONT SIZES */
/* BUTTON ATTRIBUTES */
/* CAROUSEL NAV */
/* BILLBOARD VARS*/
/* HEADER VARS */
/* FORM VARS */
/* FOOTER VARS */
/* ICONS */
/*
	MAX WIDTH
*/
/* PADDING MARGIN SET 0*/
/*
	SETTING A BACKGROUND IMAGE
	name is the path/name using the images dir as root
*/
/*
	BEFORE/AFTER default state
*/
/* UTILS */
/*
	GLOBAL THUMB SYTLING
	include this in the parent element to style all programme thumbs
*/
/*
	CHANNEL GRADIENTS
*/
/*
	BUTTON ATTRIBUTES
*/
/*
	ICON POSITION OVERRIDES
*/
/*
	CAROUSEL CONTROL SIZES
*/
/*
	mixin to reset nav items to override desktop presets
*/
/*
	Converts pixel based padding into percentage based padding
	$container-padding-multiplier is a multiplier which represents the width of the designs
*/
/* STOLEN FROM BOOTSTRAP 3.1 */
/* FONT FACES */
/* CHANNEL FONTS */
/* HELVETICA */
/* ICON FONT */
/*
	FONT PROPERTIES
	Automatically defines VW for newer browsers
*/
/*2017 Brand font styles*/
/*
	ALL GLOBAL CHANNEL CONFIGURATION
*/
/* filenames */
/*
	Retina/non-retina images billboard patches
*/
/*
	Style for the channel nav items
*/
/*
	Retina/non-retina images for the channels nav
*/
/*
	CHANNEL VARIABLES
*/
/*
	POSITIONING VARIABLES
*/
/*
	CHANNEL FONTS
*/
@font-face {
  font-family: "bbc-uktv";
  font-weight: normal;
  font-style: normal;
  src: url("../../../fonts/fs_joey_web-regular.eot");
  src: url("../../../fonts/fs_joey_web-regular.eot?#iefix") format("embedded-opentype"), url("../../../fonts/fs_joey_web-regular.woff") format("woff"), url("../../../fonts/fs_joey_web-regular.svg#svgFSJoeyWeb-Regular") format("svg"); }

@font-face {
  font-family: "bbc-uktv";
  font-weight: bold;
  font-style: normal;
  src: url("../../../fonts/fs_joey_web-bold.eot");
  src: url("../../../fonts/fs_joey_web-bold.eot?#iefix") format("embedded-opentype"), url("../../../fonts/fs_joey_web-bold.woff") format("woff"), url("../../../fonts/fs_joey_web-bold.svg#svgFSJoeyWeb-Bold") format("svg"); }

.aus-channel-hero header {
  background: #ed243c;
  position: relative; }
  .aus-channel-hero header:before {
    content: '';
    width: 167%;
    height: 16em;
    background: #ed243c;
    position: absolute;
    top: -0.3em;
    box-shadow: 16em 1.5em 1.84em 0.06em rgba(0, 0, 0, 0.35) inset;
    transform: rotate(1deg);
    backface-visibility: hidden;
    right: 0;
    transform-origin: 100% 100%; }
  .aus-channel-hero header h1 {
    font-family: MarkOffcPro, BBCReithSans, Helvetica, Arial,  sans-serif; }
  .aus-channel-hero header h2 {
    color: black;
    font-family: MarkOffcPro, BBCReithSans, Helvetica, Arial,  sans-serif; }

.aus-channel-hero span.patch.patch-logo {
  background-image: url(../../../images/channel-assets/bbc-uktv/au-hero.png?v1); }

span.patch.patch-logo
body.layout-channel-tile-grid > .page.bbc-uktv {
  background-color: #2c0202; }
  span.patch.patch-logo
body.layout-channel-tile-grid > .page.bbc-uktv header.channel-box-v2 .top-bar .logo {
    background-image: url(../../../images/channel-assets/bbc-uktv/channel-v2-logo.png?v1); }
  span.patch.patch-logo
body.layout-channel-tile-grid > .page.bbc-uktv .top-bar .right h2 {
    font-family: "bbc-uktv", BBCReithSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 700; }
  span.patch.patch-logo
body.layout-channel-tile-grid > .page.bbc-uktv section.profile-tile .slick-slider > button {
    background-color: rgba(122, 11, 13, 0.9); }
    span.patch.patch-logo
body.layout-channel-tile-grid > .page.bbc-uktv section.profile-tile .slick-slider > button:hover {
      background-color: rgba(122, 11, 13, 0.5); }
  span.patch.patch-logo
body.layout-channel-tile-grid > .page.bbc-uktv header.channel-box-v2 {
    background-color: #0d2459;
    background-image: linear-gradient(to right, #c8191f 0%, #4a0202 100%); }
    span.patch.patch-logo
body.layout-channel-tile-grid > .page.bbc-uktv header.channel-box-v2 .top-bar {
      background-color: rgba(44, 2, 2, 0.3); }
      span.patch.patch-logo
body.layout-channel-tile-grid > .page.bbc-uktv header.channel-box-v2 .top-bar .links .btn {
        background-color: #fff;
        color: #5a0506; }
        span.patch.patch-logo
body.layout-channel-tile-grid > .page.bbc-uktv header.channel-box-v2 .top-bar .links .btn:hover {
          color: #fff;
          background-color: #210000; }
    span.patch.patch-logo
body.layout-channel-tile-grid > .page.bbc-uktv header.channel-box-v2 h2 {
      color: #fff; }
    @media screen and (max-width: 950px) {
      span.patch.patch-logo
body.layout-channel-tile-grid > .page.bbc-uktv header.channel-box-v2 .highlights {
        background-color: #400; } }
    span.patch.patch-logo
body.layout-channel-tile-grid > .page.bbc-uktv header.channel-box-v2 .highlights h3 {
      color: #fff; }
    span.patch.patch-logo
body.layout-channel-tile-grid > .page.bbc-uktv header.channel-box-v2 .highlights ol li {
      background: #b8252c; }
      span.patch.patch-logo
body.layout-channel-tile-grid > .page.bbc-uktv header.channel-box-v2 .highlights ol li:nth-of-type(2n) {
        background: #7a0b0d; }
      span.patch.patch-logo
body.layout-channel-tile-grid > .page.bbc-uktv header.channel-box-v2 .highlights ol li:hover {
        background: rgba(184, 37, 44, 0.5); }
        span.patch.patch-logo
body.layout-channel-tile-grid > .page.bbc-uktv header.channel-box-v2 .highlights ol li:hover:nth-of-type(2n) {
          background: rgba(122, 11, 13, 0.5); }
    span.patch.patch-logo
body.layout-channel-tile-grid > .page.bbc-uktv header.channel-box-v2 .sponsor p {
      color: #fff; }
    span.patch.patch-logo
body.layout-channel-tile-grid > .page.bbc-uktv header.channel-box-v2 .channel-copy {
      background-color: #210000; }
      span.patch.patch-logo
body.layout-channel-tile-grid > .page.bbc-uktv header.channel-box-v2 .channel-copy .intro {
        font-family: "bbc-uktv", BBCReithSans, Arial, "Helvetica Neue", Helvetica, sans-serif; }
        span.patch.patch-logo
body.layout-channel-tile-grid > .page.bbc-uktv header.channel-box-v2 .channel-copy .intro p {
          font-family: "bbc-uktv", BBCReithSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
          font-weight: 400; }
  span.patch.patch-logo
body.layout-channel-tile-grid > .page.bbc-uktv .grid-item .programme {
    color: #fff;
    font-family: "bbc-uktv", BBCReithSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 700;
    background-color: #2c0202; }
  span.patch.patch-logo
body.layout-channel-tile-grid > .page.bbc-uktv .slick-track {
    background-color: #561422; }
  span.patch.patch-logo
body.layout-channel-tile-grid > .page.bbc-uktv article.component-tile a .info:before {
    background-color: #db1118;
    color: white; }
  span.patch.patch-logo
body.layout-channel-tile-grid > .page.bbc-uktv article.component-tile a .info:hover:before {
    background-color: white;
    color: #db1118; }
  span.patch.patch-logo
body.layout-channel-tile-grid > .page.bbc-uktv article.component-tile a:after {
    background: transparent;
    border-color: #2c0202; }
  span.patch.patch-logo
body.layout-channel-tile-grid > .page.bbc-uktv article.component-tile .btn {
    background-color: #f2232a;
    color: white; }
  span.patch.patch-logo
body.layout-channel-tile-grid > .page.bbc-uktv article.component-tile:hover .btn {
    background-color: white;
    background-color: #f2232a; }
  span.patch.patch-logo
body.layout-channel-tile-grid > .page.bbc-uktv article.component-tile.mode-quote {
    background-color: #b8161b; }
    span.patch.patch-logo
body.layout-channel-tile-grid > .page.bbc-uktv article.component-tile.mode-quote .info p {
      font-weight: 200; }
    span.patch.patch-logo
body.layout-channel-tile-grid > .page.bbc-uktv article.component-tile.mode-quote .info .btn {
      font-family: "bbc-uktv", BBCReithSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
      font-weight: 700;
      color: #400;
      text-transform: none;
      background: none; }
  span.patch.patch-logo
body.layout-channel-tile-grid > .page.bbc-uktv article.component-tile.mode-image .info p {
    font-weight: 200; }
  span.patch.patch-logo
body.layout-channel-tile-grid > .page.bbc-uktv article.component-tile.mode-competition h1 {
    font-family: "bbc-uktv", BBCReithSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 400; }
  span.patch.patch-logo
body.layout-channel-tile-grid > .page.bbc-uktv article.component-tile.mode-competition .btn {
    background-color: #f2232a;
    color: white; }
  span.patch.patch-logo
body.layout-channel-tile-grid > .page.bbc-uktv article.component-tile.mode-quiz .info h1 {
    font-family: "bbc-uktv", BBCReithSans, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 300; }
  span.patch.patch-logo
body.layout-channel-tile-grid > .page.bbc-uktv article.component-tile.mode-quiz .info p {
    font-family: "bbc-uktv", BBCReithSans, Arial, "Helvetica Neue", Helvetica, sans-serif; }
  span.patch.patch-logo
body.layout-channel-tile-grid > .page.bbc-uktv article.component-tile.mode-quiz .info .btn {
    background-color: #f2232a;
    color: white; }
  span.patch.patch-logo
body.layout-channel-tile-grid > .page.bbc-uktv article.billboard.channel-style header {
    padding: 0 4%; }
    span.patch.patch-logo
body.layout-channel-tile-grid > .page.bbc-uktv article.billboard.channel-style header h1 {
      font-family: "bbc-uktv", BBCReithSans, sans-serif;
      font-weight: bold;
      font-size: 4.8em;
      line-height: 0.95em;
      margin-bottom: 0.4%;
      letter-spacing: -0.004em;
      padding: 0;
      width: 100%; }
      @media screen and (max-width: 700px) {
        span.patch.patch-logo
body.layout-channel-tile-grid > .page.bbc-uktv article.billboard.channel-style header h1 {
          font-size: 3.5em; } }
    span.patch.patch-logo
body.layout-channel-tile-grid > .page.bbc-uktv article.billboard.channel-style header h2 {
      font-family: "bbc-uktv", BBCReithSans, sans-serif;
      font-size: 2.4em;
      letter-spacing: 0;
      width: 100%; }
      @media screen and (max-width: 700px) {
        span.patch.patch-logo
body.layout-channel-tile-grid > .page.bbc-uktv article.billboard.channel-style header h2 {
          font-size: 2.2em; } }
    span.patch.patch-logo
body.layout-channel-tile-grid > .page.bbc-uktv article.billboard.channel-style header nav {
      width: 420px;
      margin-top: 2%; }
      span.patch.patch-logo
body.layout-channel-tile-grid > .page.bbc-uktv article.billboard.channel-style header nav .btn {
        background-color: #f2232a;
        color: white; }

/*
	CHANNEL OVERRIDES
*/
body.layout-channel > .page.bbc-uktv {
  background-color: #480100;
  background-image: linear-gradient(left, #480100 0%, #960000 50%, #480100 100%);
  background-image: linear-gradient(to left, #480100 0%, #960000 50%, #480100 100%); }
  body.layout-channel > .page.bbc-uktv section#title {
    background-image: linear-gradient(left, #480100 0%, #960000 30%, #ce1716 50%, #960000 70%, #480100 100%);
    background-image: linear-gradient(to left, #480100 0%, #960000 30%, #ce1716 50%, #960000 70%, #480100 100%); }
    body.layout-channel > .page.bbc-uktv section#title .inner {
      background-image: url("../../../images/channel-assets/bbc-uktv/title-bkg-bbc-uktv.jpg"); }
      body.layout-channel > .page.bbc-uktv section#title .inner h1 {
        background-image: url("../../../images/channel-assets/bbc-uktv/logo-bbc-uktv.png");
        top: 25%;
        height: 49%; }
        .no-backgroundsize body.layout-channel > .page.bbc-uktv section#title .inner h1 {
          background-image: url("../../../images/channel-assets/bbc-uktv/logo-bbc-uktv-oldie.png"); }
  body.layout-channel > .page.bbc-uktv section#hero article.billboard.channel-style header {
    padding: 0 4%; }
    body.layout-channel > .page.bbc-uktv section#hero article.billboard.channel-style header h1 {
      font-family: "bbc-uktv", BBCReithSans, sans-serif;
      font-weight: bold;
      font-size: 4.8em;
      line-height: 0.95em;
      margin-bottom: 0.4%;
      letter-spacing: -0.004em;
      padding: 0;
      width: 100%; }
      @media screen and (max-width: 700px) {
        body.layout-channel > .page.bbc-uktv section#hero article.billboard.channel-style header h1 {
          font-size: 3.5em; } }
    body.layout-channel > .page.bbc-uktv section#hero article.billboard.channel-style header h2 {
      font-family: "bbc-uktv", BBCReithSans, sans-serif;
      font-size: 2.4em;
      letter-spacing: 0;
      width: 100%; }
      @media screen and (max-width: 700px) {
        body.layout-channel > .page.bbc-uktv section#hero article.billboard.channel-style header h2 {
          font-size: 2.2em; } }
    body.layout-channel > .page.bbc-uktv section#hero article.billboard.channel-style header nav {
      width: 420px;
      margin-top: 2%; }
  body.layout-channel > .page.bbc-uktv article.component-channel .component-channel-inner h2,
  body.layout-channel > .page.bbc-uktv article.component-channel .component-channel-inner h3 {
    font-family: "bbc-uktv", BBCReithSans, sans-serif;
    font-weight: bold; }
  body.layout-channel > .page.bbc-uktv #presenters {
    background-color: #920000; }
    body.layout-channel > .page.bbc-uktv #presenters:before {
      background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.2) 50%, transparent 100%); }
  body.layout-channel > .page.bbc-uktv section.component-profile > h1 {
    font-family: "bbc-uktv", BBCReithSans, sans-serif;
    color: #FFF;
    font-weight: bold; }
  body.layout-channel > .page.bbc-uktv article.component-carousel-single > header nav a {
    color: #de1621; }
    body.layout-channel > .page.bbc-uktv article.component-carousel-single > header nav a:hover {
      color: #2f0d4a; }

/*# sourceMappingURL=bbc-uktv.css.map */