/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-decoration: none; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: initial; }

body {
  display: initial; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: 'LCDBOLD';
  src: url("././fontsLCDBOLD.eot");
  src: local("LCDBOLD"), url("./fonts/LCDBOLD.woff") format("woff"), url("./fonts/LCDBOLD.ttf") format("truetype"); }

/* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_523">Text with this font applied</p> */
.fontsforweb_fontid_523 {
  font-family: 'LCDBOLD' !important; }

/* Font downloaded from FontsForWeb.com */
@font-face {
  font-family: 'PBS_KIDS_Headline';
  src: url("./fonts/pbskidsheadline-regular-webfont.eot");
  src: url("./fonts/pbskidsheadline-regular-webfont.eot?#iefix") format("embedded-opentype"), url("./fonts/pbskidsheadline-regular-webfont.woff") format("woff"), url("./fonts/pbskidsheadline-regular-webfont.ttf") format("truetype"), url("./fonts/pbskidsheadline-regular-webfont.svg#PBS_KIDS_Headline") format("svg"); }

* {
  -webkit-user-select: none;
  /* Safari 3.1+ */
  -moz-user-select: none;
  /* Firefox 2+ */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Standard syntax */ }

html, body {
  overflow-y: auto;
  overflow-x: hidden; }

body {
  background: #000;
  background-size: 100%;
  font-family: refrigerator-deluxe; }

#notch_debug {
  position: absolute;
  left: 0;
  height: 56vw;
  width: 8.5vw;
  background: #f00;
  transform: translate(0, -73.5%);
  top: 50%;
  display: none; }

#preload_asset {
  visibility: hidden; }

.max-z-index {
  z-index: 999; }

#background_fade {
  position: fixed;
  height: 3.5vw;
  width: 100%;
  top: 40px;
  z-index: 500;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+28,000000+28,000000+100&1+25,0+100 */
  background: -moz-linear-gradient(top, black 25%, rgba(0, 0, 0, 0.96) 28%, rgba(0, 0, 0, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, black 25%, rgba(0, 0, 0, 0.96) 28%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, black 25%, rgba(0, 0, 0, 0.96) 28%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
  /* IE6-9 */
  pointer-events: none; }

.pbs-bar {
  background: #fff;
  height: 40px;
  width: 100%;
  z-index: 99999999; }

#headband-container {
  position: fixed !important;
  height: 40px;
  background: #fff;
  display: block !important; }

.generic-border {
  border: 0.5vw #fff solid;
  border-radius: 1vw; }

#oddsquad_header {
  height: 150px;
  width: 100%;
  background: url("../image/ui/header-gradient.png");
  background-size: cover;
  position: fixed;
  z-index: 700;
  transition: height 0.35s;
  background-position: bottom;
  pointer-events: none; }

#left_arch, #right_arch {
  position: fixed;
  z-index: 999999;
  width: 17vw;
  height: 100%;
  background-size: 100%;
  top: 2.5vw;
  left: 1vw;
  top: 2.5vw;
  pointer-events: none; }

#pbs-ga-overlay {
  height: 40px !important;
  padding: 0 !important; }

#sponsor_by {
  position: absolute;
  right: 0;
  padding-right: 5px;
  top: 45px;
  transition: top 0.25s;
  width: auto;
  height: 48px;
  text-transform: uppercase;
  text-align: right; }
  #sponsor_by li {
    margin: 0 0 0 3px;
    color: #fff;
    font-size: 14px;
    line-height: 55px;
    height: 55px;
    display: inline-block;
    vertical-align: middle; }
    #sponsor_by li img {
      height: 48px; }
  #sponsor_by .spacer {
    height: 105px !important;
    background: rgba(255, 0, 0, 0.2);
    width: 100%;
    display: none; }
  #sponsor_by.scroll-active {
    z-index: 9; }

#right_arch {
  left: 0px;
  right: 1vw;
  background-position: right top; }

#pbs_kids_logo {
  position: fixed;
  top: 50px;
  left: 10px !important;
  transform-origin: top left;
  transition: transform 0.5s;
  z-index: 99999; }
  #pbs_kids_logo img {
    width: 5.75vw; }
  #pbs_kids_logo:hover {
    transform: scale(1.25); }

.iPhone.notch-left #pbs_kids_logo {
  left: 50px !important; }

#gadgets_left, #gadgets_right {
  width: 7.75vw;
  height: auto;
  display: inline-block;
  position: absolute;
  vertical-align: top;
  left: calc(50% - 47.75vw);
  top: calc(265px + 2vw);
  z-index: 0;
  overflow: hidden; }
  #gadgets_left canvas, #gadgets_left .gadget-canvas, #gadgets_right canvas, #gadgets_right .gadget-canvas {
    width: 7.75vw;
    cursor: pointer; }

#gadgets_right {
  left: calc(50% + 40vw); }

.centre-content {
  margin-top: calc(265px + 2vw);
  width: 77.5vw;
  position: relative;
  display: inline-block;
  left: 50%;
  transform: translate(-50%, 0);
  transform-origin: top left; }

.generic-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9999999;
  opacity: 0;
  pointer-events: none; }
  .generic-overlay #exit_site_bridge {
    background: #b3ce34;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40vw;
    height: 25vw;
    transform: translate(-50%, -50%);
    border: 1vw #fff solid;
    text-align: center;
    font-size: 2vw;
    opacity: 0;
    transition: opacity 0.5s;
    transition-delay: 0.35s; }
    .generic-overlay #exit_site_bridge h3 {
      color: #fff;
      font-size: 3.5vw;
      font-family: PBS_KIDS_Headline, Arial, Helvetica, sans-serif;
      margin: 4vw 0 3vw 0; }
    .generic-overlay #exit_site_bridge a {
      cursor: pointer;
      font-weight: normal;
      text-decoration: underline;
      color: #516f00; }
    .generic-overlay #exit_site_bridge p {
      margin: 0px 0px 1em; }
    .generic-overlay #exit_site_bridge .exit-overlay {
      position: absolute;
      bottom: 1px;
      left: 1.5vw;
      width: 6vw;
      cursor: pointer; }
  .generic-overlay.active {
    opacity: 1;
    pointer-events: auto;
    transition: opacity 0.65s; }
    .generic-overlay.active #exit_site_bridge {
      opacity: 1; }

.show-for-sr {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0); }

.centre-content div.pbskids-default-skin {
  overflow: unset; }

#pbs_video_wrapper {
  position: absolute;
  z-index: 275;
  background: rgba(255, 128, 64, 0);
  border-radius: 1vw;
  overflow: hidden;
  border-width: 0.35vw;
  border-style: solid;
  box-sizing: border-box;
  display: none; }

.loading-indicator {
  width: 5vw;
  height: 5vw; }

#oddtube_frame {
  display: none; }

#nav_shield_link {
  left: 50%;
  top: -135px;
  z-index: 99999;
  position: absolute;
  transition: top 0.35s, width 0.5s; }
  #nav_shield_link #nav_os_shield {
    z-index: 99999;
    transform: translate(-50%, 0%);
    width: 105px;
    position: absolute; }
  #nav_shield_link #nav_os_shield_glow {
    z-index: 99995;
    transform: translate(-50%, 0%);
    top: 10px;
    width: 20vw;
    height: 105px;
    transition: top 1s, opacity 0.25s;
    animation: nav_flicker 4s infinite;
    pointer-events: none;
    left: 0;
    position: absolute; }

menu {
  height: 6vw;
  width: 100%;
  position: fixed;
  z-index: 700;
  top: 200px;
  transform-origin: top center;
  transition: top 0.25s;
  pointer-events: none; }
  menu .menu-chevrons {
    position: fixed;
    transition: top 0.25s; }
    menu .menu-chevrons .chevron {
      width: calc(1vw - 0.25vw);
      height: calc(2vw - 0.25vw);
      background: #f79f31;
      border-width: 0.125vw;
      border-style: solid;
      float: left;
      margin: 0 0.4vw 0 0;
      transform: skew(30deg); }
  menu ul#chevron_left {
    left: calc(50% - 31.9vw); }
  menu ul#chevron_right {
    left: calc(50% + 25vw);
    transform: scale(-1, 1); }
  menu ul#desktop_menu, menu #nav_keyline {
    pointer-events: auto;
    background-size: contain;
    position: absolute;
    width: 52vw;
    height: 4vw;
    left: 50%;
    transform: translate(-50%, 0);
    transition: top 0.25s; }
    menu ul#desktop_menu > li, menu #nav_keyline > li {
      line-height: 3vw;
      float: left;
      width: 15vw;
      text-align: center;
      position: relative;
      vertical-align: middle; }
      menu ul#desktop_menu > li *, menu #nav_keyline > li * {
        vertical-align: middle; }
      menu ul#desktop_menu > li .menu-bg-gradient, menu #nav_keyline > li .menu-bg-gradient {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.5s;
        opacity: 0;
        display: none; }
      menu ul#desktop_menu > li:first-child .menu-icon, menu #nav_keyline > li:first-child .menu-icon {
        height: 1.6vw;
        margin: 0 0.5vw 0 1vw; }
      menu ul#desktop_menu > li:last-child .menu-icon, menu #nav_keyline > li:last-child .menu-icon {
        height: 1.15vw;
        margin: 0 0.5vw 0 -1.25vw; }
      menu ul#desktop_menu > li a, menu #nav_keyline > li a {
        color: #fecb2e;
        text-transform: uppercase;
        display: inline-block;
        width: 100%;
        height: 100%;
        position: relative; }
        menu ul#desktop_menu > li a .menu-icon, menu #nav_keyline > li a .menu-icon {
          transition: margin 0.25s; }
        menu ul#desktop_menu > li a span, menu #nav_keyline > li a span {
          font-size: 1.7vw;
          font-weight: 900; }
      menu ul#desktop_menu > li:hover, menu #nav_keyline > li:hover {
        background: #404040; }
        menu ul#desktop_menu > li:hover .menu-bg-gradient, menu #nav_keyline > li:hover .menu-bg-gradient {
          opacity: 1; }
      menu ul#desktop_menu > li:first-child, menu #nav_keyline > li:first-child {
        width: 12.5vw; }
      menu ul#desktop_menu > li:nth-of-type(2), menu #nav_keyline > li:nth-of-type(2) {
        width: 13.5vw; }
        menu ul#desktop_menu > li:nth-of-type(2) .menu-bg-gradient, menu #nav_keyline > li:nth-of-type(2) .menu-bg-gradient {
          background: black;
          background: linear-gradient(290deg, black 15%, rgba(64, 64, 64, 0) 30%); }
        menu ul#desktop_menu > li:nth-of-type(2) .menu-icon, menu #nav_keyline > li:nth-of-type(2) .menu-icon {
          height: 1.15vw;
          margin: 0 0.5vw 0 0vw; }
      menu ul#desktop_menu > li:nth-of-type(3), menu #nav_keyline > li:nth-of-type(3) {
        width: 12.5vw; }
        menu ul#desktop_menu > li:nth-of-type(3) .menu-bg-gradient, menu #nav_keyline > li:nth-of-type(3) .menu-bg-gradient {
          background: #404040;
          background: linear-gradient(250deg, #404040 70%, black 85%); }
        menu ul#desktop_menu > li:nth-of-type(3) .menu-icon, menu #nav_keyline > li:nth-of-type(3) .menu-icon {
          height: 1.15vw;
          margin: 0 0.5vw 0 0vw; }
      menu ul#desktop_menu > li:last-child, menu #nav_keyline > li:last-child {
        width: 12.5vw; }
  menu ul#desktop_menu {
    background-image: url("../image/ui/menu/MenuBG.svg");
    background-size: 96% 91%;
    background-repeat: no-repeat;
    background-position: 50% -50%;
    z-index: 1001; }
  menu #nav_keyline {
    background-repeat: no-repeat;
    z-index: 99995;
    pointer-events: none; }
  menu #nav_shield_link {
    pointer-events: auto; }
  menu #mobile-menu-bg-gradient {
    position: absolute;
    top: 0; }

.normal-ratio menu ul#desktop_menu > li:hover:first-child, .normal-ratio menu #nav_keyline > li:hover:first-child, .long-ratio menu ul#desktop_menu > li:hover:first-child, .long-ratio menu #nav_keyline > li:hover:first-child, .mobile-landscape menu ul#desktop_menu > li:hover:first-child, .mobile-landscape menu #nav_keyline > li:hover:first-child {
  background-color: transparent;
  background-image: url("../image/ui/menu/LeftHover.svg");
  background-size: 96% 100%;
  background-repeat: no-repeat;
  background-position: 200% 50%; }

.normal-ratio menu ul#desktop_menu > li:hover:last-child, .normal-ratio menu #nav_keyline > li:hover:last-child, .long-ratio menu ul#desktop_menu > li:hover:last-child, .long-ratio menu #nav_keyline > li:hover:last-child, .mobile-landscape menu ul#desktop_menu > li:hover:last-child, .mobile-landscape menu #nav_keyline > li:hover:last-child {
  background-color: transparent;
  background-image: url("../image/ui/menu/RightHover.svg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 200% 50%; }

.mobile #nav_shield_link, .mobile-portrait #nav_shield_link {
  top: 100px;
  position: fixed; }
  .mobile #nav_shield_link #nav_os_shield, .mobile-portrait #nav_shield_link #nav_os_shield {
    width: 16vw; }
  .mobile #nav_shield_link #nav_os_shield_glow, .mobile-portrait #nav_shield_link #nav_os_shield_glow {
    display: none; }

.mobile menu, .mobile-portrait menu {
  height: 10vw;
  width: 100%;
  position: fixed;
  top: 40px;
  height: 60vw;
  top: 90px; }
  .mobile menu ul#chevron_left, .mobile-portrait menu ul#chevron_left {
    display: none; }
  .mobile menu ul#chevron_right, .mobile-portrait menu ul#chevron_right {
    display: none; }
  .mobile menu ul#desktop_menu, .mobile menu #nav_keyline, .mobile-portrait menu ul#desktop_menu, .mobile-portrait menu #nav_keyline {
    background-size: contain;
    position: absolute;
    width: 69vw;
    height: 4vw;
    left: 50%;
    transform: translate(-50%, 0);
    transition: top 0.25s;
    top: 45vw; }
    .mobile menu ul#desktop_menu > li, .mobile menu #nav_keyline > li, .mobile-portrait menu ul#desktop_menu > li, .mobile-portrait menu #nav_keyline > li {
      line-height: 12vw;
      text-align: center;
      transition: background 0.5s;
      position: relative;
      margin: 0vw 1vw 0vw 1vw;
      border: 0.35vw #fff solid;
      border-width: 0.5vw;
      border-radius: 2vw;
      width: 25vw;
      height: 10vw;
      display: inline-block;
      float: none; }
      .mobile menu ul#desktop_menu > li *, .mobile menu #nav_keyline > li *, .mobile-portrait menu ul#desktop_menu > li *, .mobile-portrait menu #nav_keyline > li * {
        vertical-align: middle; }
      .mobile menu ul#desktop_menu > li .menu-bg-gradient, .mobile menu #nav_keyline > li .menu-bg-gradient, .mobile-portrait menu ul#desktop_menu > li .menu-bg-gradient, .mobile-portrait menu #nav_keyline > li .menu-bg-gradient {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.5s;
        opacity: 0;
        display: none; }
      .mobile menu ul#desktop_menu > li:first-child, .mobile menu #nav_keyline > li:first-child, .mobile-portrait menu ul#desktop_menu > li:first-child, .mobile-portrait menu #nav_keyline > li:first-child {
        border-color: #00cc66; }
      .mobile menu ul#desktop_menu > li:nth-of-type(2), .mobile menu #nav_keyline > li:nth-of-type(2), .mobile-portrait menu ul#desktop_menu > li:nth-of-type(2), .mobile-portrait menu #nav_keyline > li:nth-of-type(2) {
        border-color: #2dbcc9; }
      .mobile menu ul#desktop_menu > li:nth-of-type(3), .mobile menu #nav_keyline > li:nth-of-type(3), .mobile-portrait menu ul#desktop_menu > li:nth-of-type(3), .mobile-portrait menu #nav_keyline > li:nth-of-type(3) {
        border-color: #f79f31; }
      .mobile menu ul#desktop_menu > li:last-child, .mobile menu #nav_keyline > li:last-child, .mobile-portrait menu ul#desktop_menu > li:last-child, .mobile-portrait menu #nav_keyline > li:last-child {
        border-color: #b4040d; }
      .mobile menu ul#desktop_menu > li a, .mobile menu #nav_keyline > li a, .mobile-portrait menu ul#desktop_menu > li a, .mobile-portrait menu #nav_keyline > li a {
        color: #fff;
        text-transform: uppercase;
        display: inline-block;
        width: 100%;
        line-height: 7vw; }
        .mobile menu ul#desktop_menu > li a .menu-icon, .mobile menu #nav_keyline > li a .menu-icon, .mobile-portrait menu ul#desktop_menu > li a .menu-icon, .mobile-portrait menu #nav_keyline > li a .menu-icon {
          transition: margin 0.25s;
          height: 3.5vw; }
        .mobile menu ul#desktop_menu > li a span, .mobile menu #nav_keyline > li a span, .mobile-portrait menu ul#desktop_menu > li a span, .mobile-portrait menu #nav_keyline > li a span {
          font-size: 4.5vw;
          font-weight: 900; }
  .mobile menu ul#desktop_menu, .mobile-portrait menu ul#desktop_menu {
    -webkit-mask: none;
    width: 100%;
    text-align: center;
    background: none; }
    .mobile menu ul#desktop_menu #mobile-menu-bg-gradient, .mobile-portrait menu ul#desktop_menu #mobile-menu-bg-gradient {
      display: none; }
    .mobile menu ul#desktop_menu li, .mobile-portrait menu ul#desktop_menu li {
      background: #000; }
  .mobile menu #nav_keyline, .mobile-portrait menu #nav_keyline {
    display: none; }

.mobile #oddtube_frame .frame.frame-top-left, .mobile #oddtube_frame .frame.frame-top-right, .mobile-portrait #oddtube_frame .frame.frame-top-left, .mobile-portrait #oddtube_frame .frame.frame-top-right {
  top: 65.5vw !important; }

.mobile #oddtube_frame .frame.frame-top, .mobile-portrait #oddtube_frame .frame.frame-top {
  height: 60vw !important; }

.mobile-portrait menu #nav_shield_link {
  top: 95px !important; }
  .mobile-portrait menu #nav_shield_link #nav_os_shield {
    width: 16vw; }

.app.long-ratio.desktop menu #nav_shield_link {
  top: -100px; }
  .app.long-ratio.desktop menu #nav_shield_link #nav_os_shield {
    width: 85px; }

body.app.long-ratio menu {
  transform: scale(1.35); }
  body.app.long-ratio menu #nav_shield_link img#nav_os_shield {
    width: 77.77778px;
    width: 5vh; }
  body.app.long-ratio menu #nav_shield_link #nav_os_shield_glow {
    top: 7.40741px; }

body.app.long-ratio.mobile-landscape menu ul#chevron_left {
  left: calc(50% - 33.5vh); }

footer {
  position: relative;
  text-align: center;
  width: 77.5vw;
  left: 50%;
  transform: translate(-50%, 0);
  margin: 5.5vw 0 1vw;
  padding-bottom: 4vw;
  display: block;
  z-index: 9998; }
  footer * {
    color: #fff; }
  footer a {
    font-size: 2.0vw; }
  footer p {
    font-size: 1.5vw;
    -webkit-user-select: text;
    /* Safari 3.1+ */
    -moz-user-select: text;
    /* Firefox 2+ */
    -ms-user-select: text;
    /* IE 10+ */
    user-select: text;
    /* Standard syntax */ }
    footer p span {
      -webkit-user-select: text;
      /* Safari 3.1+ */
      -moz-user-select: text;
      /* Firefox 2+ */
      -ms-user-select: text;
      /* IE 10+ */
      user-select: text;
      /* Standard syntax */ }
  footer .menu {
    display: inline-block;
    width: 75vw; }
    footer .menu li {
      display: inline-block;
      margin: 1vw 2vw; }
  footer .sponsors li {
    display: inline-block;
    margin: 1vw 0.5vw; }
    footer .sponsors li img {
      height: 4.5vw; }
    footer .sponsors li#sse_black {
      display: none; }
    footer .sponsors li#sse_white {
      display: inline-block; }
  footer .exit-site {
    font-size: 1.5vw;
    color: #2dbcc9; }

.carousel {
  position: relative; }
  .carousel ul.section-gallery {
    position: relative;
    border: 0.5vw solid #000;
    border-radius: 0.5vw;
    width: calc(100% - 1vw);
    height: calc(100% - 1vw);
    overflow: hidden; }
    .carousel ul.section-gallery li.carousel-item {
      width: 100%;
      height: 100%;
      position: absolute;
      background-size: cover;
      transition: margin 1.25s; }
      .carousel ul.section-gallery li.carousel-item a {
        position: relative;
        width: 100%;
        height: 100%;
        display: inline-block; }
        .carousel ul.section-gallery li.carousel-item a .desktop-panel, .carousel ul.section-gallery li.carousel-item a .mobile-panel {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          background-size: cover; }
        .carousel ul.section-gallery li.carousel-item a .mobile-panel {
          display: none; }
      .carousel ul.section-gallery li.carousel-item:first-child {
        z-index: 25; }
  .carousel .prev-button, .carousel .next-button {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    cursor: pointer;
    transition: transform 0.5s;
    width: 3vw;
    z-index: 500;
    opacity: 0.8;
    -webkit-filter: drop-shadow(0px 0px 8px #000);
    filter: drop-shadow(0px 0px 8px #000); }
    .carousel .prev-button:hover, .carousel .next-button:hover {
      transform: translate(0, -50%) scale(1.5); }
  .carousel .prev-button {
    left: 2vw !important; }
  .carousel .next-button {
    right: 2vw !important; }

.mobile #header_carousel, .mobile-portrait #header_carousel {
  border-width: 1vw;
  border-radius: 3vw; }
  .mobile #header_carousel ul.section-gallery, .mobile-portrait #header_carousel ul.section-gallery {
    width: calc(100% - 2.15vw);
    height: calc(100% - 2.15vw); }

.mobile .carousel ul.section-gallery, .mobile-portrait .carousel ul.section-gallery {
  border-width: 1.0vw;
  border-radius: 2.0vw;
  margin: 0.15vw; }
  .mobile .carousel ul.section-gallery .desktop-panel, .mobile-portrait .carousel ul.section-gallery .desktop-panel {
    display: none; }
  .mobile .carousel ul.section-gallery .mobile-panel, .mobile-portrait .carousel ul.section-gallery .mobile-panel {
    display: block !important; }

.mobile .carousel .prev-button, .mobile .carousel .next-button, .mobile-portrait .carousel .prev-button, .mobile-portrait .carousel .next-button {
  width: 6.5vw; }

.mobile .carousel .bullet-list, .mobile-portrait .carousel .bullet-list {
  transform: scale(1.5); }

.scroll-active:not(.mobile):not(.mobile-portrait).scroll-progress #oddsquad_header, .scroll-active:not(.mobile):not(.mobile-portrait) #oddsquad_header {
  height: 0; }

.scroll-active:not(.mobile):not(.mobile-portrait).scroll-progress #right_arch #funded_by, .scroll-active:not(.mobile):not(.mobile-portrait) #right_arch #funded_by {
  top: 40px; }

.scroll-active:not(.mobile):not(.mobile-portrait).scroll-progress #nav_shield_link, .scroll-active:not(.mobile):not(.mobile-portrait) #nav_shield_link {
  top: 5px; }
  .scroll-active:not(.mobile):not(.mobile-portrait).scroll-progress #nav_shield_link #nav_os_shield, .scroll-active:not(.mobile):not(.mobile-portrait) #nav_shield_link #nav_os_shield {
    width: 5vw; }
  .scroll-active:not(.mobile):not(.mobile-portrait).scroll-progress #nav_shield_link #nav_os_shield_glow, .scroll-active:not(.mobile):not(.mobile-portrait) #nav_shield_link #nav_os_shield_glow {
    opacity: 0; }

.scroll-active:not(.mobile):not(.mobile-portrait).scroll-progress menu, .scroll-active:not(.mobile):not(.mobile-portrait) menu {
  top: 40px; }
  .scroll-active:not(.mobile):not(.mobile-portrait).scroll-progress menu ul#desktop_menu li .menu-bg-gradient, .scroll-active:not(.mobile):not(.mobile-portrait).scroll-progress menu #nav_keyline li .menu-bg-gradient, .scroll-active:not(.mobile):not(.mobile-portrait) menu ul#desktop_menu li .menu-bg-gradient, .scroll-active:not(.mobile):not(.mobile-portrait) menu #nav_keyline li .menu-bg-gradient {
    display: block; }
  .scroll-active:not(.mobile):not(.mobile-portrait).scroll-progress menu ul#desktop_menu li:nth-of-type(2) .menu-icon, .scroll-active:not(.mobile):not(.mobile-portrait).scroll-progress menu #nav_keyline li:nth-of-type(2) .menu-icon, .scroll-active:not(.mobile):not(.mobile-portrait) menu ul#desktop_menu li:nth-of-type(2) .menu-icon, .scroll-active:not(.mobile):not(.mobile-portrait) menu #nav_keyline li:nth-of-type(2) .menu-icon {
    margin-left: -4vh; }
  .scroll-active:not(.mobile):not(.mobile-portrait).scroll-progress menu ul#desktop_menu li:nth-of-type(3) .menu-icon, .scroll-active:not(.mobile):not(.mobile-portrait).scroll-progress menu #nav_keyline li:nth-of-type(3) .menu-icon, .scroll-active:not(.mobile):not(.mobile-portrait) menu ul#desktop_menu li:nth-of-type(3) .menu-icon, .scroll-active:not(.mobile):not(.mobile-portrait) menu #nav_keyline li:nth-of-type(3) .menu-icon {
    margin-left: 3.25vh; }
  .scroll-active:not(.mobile):not(.mobile-portrait).scroll-progress menu #mobile-menu-bg-gradient, .scroll-active:not(.mobile):not(.mobile-portrait) menu #mobile-menu-bg-gradient {
    display: block; }

.desktop.scroll-active.long-ratio #nav_shield_link #nav_os_shield, .mobile-landscape.scroll-active.long-ratio #nav_shield_link #nav_os_shield {
  width: 5vh !important; }

.mobile menu ul#desktop_menu, .mobile menu #nav_keyline, .mobile-portrait menu ul#desktop_menu, .mobile-portrait menu #nav_keyline {
  top: calc(40px + 15vw); }

.mobile menu #mobile-menu-bg-gradient, .mobile-portrait menu #mobile-menu-bg-gradient {
  display: block;
  height: 40vw;
  width: 100%;
  background-image: linear-gradient(black, black, black, black, rgba(0, 0, 0, 0));
  position: absolute;
  z-index: 749; }

.mobile menu img#nav_os_shield, .mobile-portrait menu img#nav_os_shield {
  width: 16vw; }

@keyframes nav_flicker {
  0% {
    width: 20vw; }
  50% {
    width: 40vw;
    opacity: 0.8; }
  100% {
    width: 20vw; } }

@keyframes home_feature_hover {
  0% {
    transform: scale(1); }
  25% {
    transform: scale(1.2); }
  40% {
    transform: scale(1.5); }
  100% {
    transform: scale(1); } }

body.home * {
  border-color: #125f66;
  stroke: #125f66; }

body.home menu .home-menu {
  background-color: transparent;
  background-image: url("../image/ui/menu/LeftHover.svg");
  background-size: 96% 100%;
  background-repeat: no-repeat;
  background-position: 200% 50%; }

body.home menu path {
  stroke: #fff;
  border-color: #fff; }

body.home .chevron {
  background: #fff !important;
  border-color: #fff !important; }

body.home #menu_mask {
  background-image: url("../image/ui/nav-keyline-white.png"); }

body.home #header_carousel {
  height: 21.6vw;
  border-color: #fff;
  display: inline-block;
  width: calc(100% - 1vw); }
  body.home #header_carousel ul.bullet-list {
    position: absolute;
    z-index: 999999;
    width: 100%;
    text-align: center;
    bottom: 1vw; }
    body.home #header_carousel ul.bullet-list li.bullet-item {
      width: 1.5vw;
      height: 1.5vw;
      background: rgba(128, 128, 128, 0.5);
      display: inline-block;
      margin: 0 0.5vw;
      border-radius: 2vw;
      border: 0.15vw solid #fff;
      transition: background 0.5s;
      cursor: pointer; }
      body.home #header_carousel ul.bullet-list li.bullet-item.selected {
        background: #fff; }
  body.home #header_carousel:hover {
    z-index: 99999999; }

body.home ul#home_featured {
  margin-top: 1vw;
  width: 82.5vw;
  height: auto; }
  body.home ul#home_featured li {
    width: 24.16667vw;
    height: 24.16667vw;
    float: left;
    transition: margin 0.5s;
    background: #000;
    position: relative;
    cursor: pointer;
    transition: transform 0.35s; }
    body.home ul#home_featured li div.border-wrapper {
      overflow: hidden;
      border: 0.35vw #000 solid;
      width: calc(100% - 1vw);
      height: calc(100% - 1vw);
      border-radius: 0.5vw;
      margin: 0.15vw;
      transition: border 0.25s;
      position: relative; }
      body.home ul#home_featured li div.border-wrapper div.inner-content {
        width: 100%;
        height: 100%;
        background-size: cover;
        border-radius: 0.25vw; }
        body.home ul#home_featured li div.border-wrapper div.inner-content img.label-icon {
          height: 1.15vw;
          margin: 0 0.75vw 0 0vw; }
        body.home ul#home_featured li div.border-wrapper div.inner-content label {
          position: absolute;
          background: url("../image/home/home-feature-small-label.png") no-repeat;
          background-size: 100% 100%;
          color: #fff;
          width: 16vw;
          line-height: 2.75vw;
          text-transform: uppercase;
          font-size: 1.75vw;
          padding-left: 0.75vw;
          font-weight: 800; }
    body.home ul#home_featured li:nth-of-type(1) {
      margin-right: 1vw; }
    body.home ul#home_featured li:nth-of-type(3) {
      margin-left: 1vw; }
    body.home ul#home_featured li.game {
      border-color: #2dbcc9; }
    body.home ul#home_featured li.video {
      border-color: #f79f31; }
    body.home ul#home_featured li.oddtube {
      border-color: #b4040d; }
    body.home ul#home_featured li:hover {
      z-index: 9999;
      transform: scale(1.05); }
      body.home ul#home_featured li:hover div {
        border-color: #fff; }

.home.mobile menu ul#desktop_menu li:first-child, .home.mobile-portrait menu ul#desktop_menu li:first-child {
  display: none; }

.home.mobile #header_carousel, .home.mobile-portrait #header_carousel {
  width: 66.5vw;
  height: 55.5vw;
  transition: none;
  margin: 0 auto 5vw;
  left: 50%;
  transform: translate(-50%, 0);
  transform-origin: left center; }
  .home.mobile #header_carousel ul.bullet-list, .home.mobile-portrait #header_carousel ul.bullet-list {
    bottom: 2vw; }
    .home.mobile #header_carousel ul.bullet-list li.bullet-item, .home.mobile-portrait #header_carousel ul.bullet-list li.bullet-item {
      width: 3vw;
      height: 3vw;
      border-width: 0.25vw; }
  .home.mobile #header_carousel:hover, .home.mobile-portrait #header_carousel:hover {
    transform: scale(1.05) translate(-50%, 0); }

.home.mobile div.centre-content, .home.mobile-portrait div.centre-content {
  width: 100%; }
  .home.mobile div.centre-content ul#home_featured, .home.mobile-portrait div.centre-content ul#home_featured {
    width: 100%; }
    .home.mobile div.centre-content ul#home_featured li, .home.mobile-portrait div.centre-content ul#home_featured li {
      width: 66.5vw;
      height: 55.5vw;
      margin: 1.5vw auto;
      border-width: 1vw;
      border-radius: 3vw;
      float: none;
      margin-left: auto;
      margin-bottom: 4vw;
      transform-origin: center;
      transition: none; }
      .home.mobile div.centre-content ul#home_featured li div.border-wrapper, .home.mobile-portrait div.centre-content ul#home_featured li div.border-wrapper {
        width: calc(100% - 2.15vw);
        height: calc(100% - 2.15vw);
        border-width: 1.0vw;
        border-radius: 2.0vw;
        margin: 0.15vw; }
        .home.mobile div.centre-content ul#home_featured li div.border-wrapper div.inner-content, .home.mobile-portrait div.centre-content ul#home_featured li div.border-wrapper div.inner-content {
          border-radius: 1.0vw; }
          .home.mobile div.centre-content ul#home_featured li div.border-wrapper div.inner-content img, .home.mobile-portrait div.centre-content ul#home_featured li div.border-wrapper div.inner-content img {
            width: 4vw;
            position: absolute;
            z-index: 1;
            left: 2vw;
            display: block; }
          .home.mobile div.centre-content ul#home_featured li div.border-wrapper div.inner-content img.label-icon, .home.mobile-portrait div.centre-content ul#home_featured li div.border-wrapper div.inner-content img.label-icon {
            height: auto; }
          .home.mobile div.centre-content ul#home_featured li div.border-wrapper div.inner-content label, .home.mobile-portrait div.centre-content ul#home_featured li div.border-wrapper div.inner-content label {
            width: 30vw;
            line-height: 5.5vw;
            font-size: 4.25vw;
            padding-left: 8vw; }
      .home.mobile div.centre-content ul#home_featured li:first-child div.border-wrapper div.inner-content img, .home.mobile-portrait div.centre-content ul#home_featured li:first-child div.border-wrapper div.inner-content img {
        top: 1vw; }
      .home.mobile div.centre-content ul#home_featured li:nth-of-type(2) div.border-wrapper div.inner-content img, .home.mobile-portrait div.centre-content ul#home_featured li:nth-of-type(2) div.border-wrapper div.inner-content img {
        top: 0.5vw; }
      .home.mobile div.centre-content ul#home_featured li:last-child div.border-wrapper div.inner-content img, .home.mobile-portrait div.centre-content ul#home_featured li:last-child div.border-wrapper div.inner-content img {
        top: 1.5vw; }
      .home.mobile div.centre-content ul#home_featured li:hover, .home.mobile-portrait div.centre-content ul#home_featured li:hover {
        transform: scale(1.05); }

body.home.long-ratio #header_carousel ul.bullet-list li.bullet-item {
  border-width: 0.35vh; }

body.home.mobile-landscape .centre-content {
  width: 77.5vw; }
  body.home.mobile-landscape .centre-content #header_carousel ul.bullet-list {
    transform: scale(0.8); }
    body.home.mobile-landscape .centre-content #header_carousel ul.bullet-list li.bullet-item {
      width: 3vw;
      height: 3vw;
      border-width: 0.25vw; }
  body.home.mobile-landscape .centre-content #header_carousel .prev-button, body.home.mobile-landscape .centre-content #header_carousel .next-button {
    width: 5vh; }

body.home.long-ratio #gadgets_left, body.home.long-ratio #gadgets_right {
  width: 7.75vw;
  left: calc(50% - 47.75vw); }
  body.home.long-ratio #gadgets_left canvas, body.home.long-ratio #gadgets_right canvas {
    width: 7.75vw; }

body.home.long-ratio #gadgets_right {
  left: calc(50% + 40vw); }

body.home.long-ratio .centre-content {
  width: 77.5vw; }
  body.home.long-ratio .centre-content .generic-border {
    border-width: 0.5vw;
    border-radius: 1vw; }

body.home.iPhone *, body.home.ipad * {
  transition: none !important; }

body.home.iPhone ul#home_featured li, body.home.ipad ul#home_featured li {
  transition: none !important; }

body.game * {
  border-color: #2dbcc9;
  stroke: #2dbcc9; }

body.game menu .game-menu {
  background: #404040; }
  body.game menu .game-menu .menu-bg-gradient {
    opacity: 1 !important; }

body.game #nav_keyline {
  background-image: url("../image/ui/nav-keyline-green.png"); }

body.game .chevron {
  background: #2dbcc9 !important;
  border-color: #2dbcc9 !important; }

body.game ul#featured_games {
  font-size: 0; }
  body.game ul#featured_games li.featured-panel {
    width: 36.25vw;
    display: inline-block;
    height: 22vw;
    border-color: #2dbcc9;
    border-width: 0.75vw;
    position: relative;
    transition: transform 0.35s; }
    body.game ul#featured_games li.featured-panel .border-wrapper {
      width: calc(100% - 1vw);
      height: calc(100% - 1vw);
      border: 0.5vw solid #000;
      border-radius: 0.5vw;
      position: relative;
      transition: border 0.25s; }
      body.game ul#featured_games li.featured-panel .border-wrapper .featured-inner {
        width: 100%;
        height: 100%;
        background: center no-repeat;
        background-size: cover; }
      body.game ul#featured_games li.featured-panel .border-wrapper:hover {
        border-color: #fff; }
    body.game ul#featured_games li.featured-panel:last-child {
      clear: right;
      margin-left: 2vw; }
    body.game ul#featured_games li.featured-panel:hover {
      transform: scale(1.05); }

body.game ul#game_list {
  font-size: 0; }
  body.game ul#game_list li.game-item {
    box-sizing: border-box;
    width: 17.125vw;
    height: 9.64708vw;
    margin: 3vw 3vw 0 0;
    border-width: 0.3vw;
    border-color: #2dbcc9;
    display: inline-block;
    margin: 3vw 3vw 0 0;
    position: relative;
    cursor: pointer;
    transition: transform 0.35s; }
    body.game ul#game_list li.game-item .border-wrapper {
      width: calc(100% - 1vw);
      height: calc(100% - 1vw);
      border: 0.35vw #000 solid;
      border-radius: 0.5vw;
      margin: 0.15vw;
      transition: border 0.25s;
      position: relative; }
      body.game ul#game_list li.game-item .border-wrapper .inner-item {
        width: 100%;
        height: 100%;
        background: center no-repeat;
        background-size: cover;
        border-radius: 0.125vw; }
      body.game ul#game_list li.game-item .border-wrapper:hover {
        border-color: #fff; }
    body.game ul#game_list li.game-item:nth-child(4n+4) {
      margin-right: 0 !important; }
    body.game ul#game_list li.game-item:hover {
      transform: scale(1.05); }

.game.mobile menu ul#desktop_menu li:nth-of-type(2), .game.mobile-portrait menu ul#desktop_menu li:nth-of-type(2) {
  display: none; }

.game.mobile .centre-content, .game.mobile-portrait .centre-content {
  width: 100%; }
  .game.mobile .centre-content ul#featured_games, .game.mobile-portrait .centre-content ul#featured_games {
    font-size: 0; }
    .game.mobile .centre-content ul#featured_games li.featured-panel, .game.mobile-portrait .centre-content ul#featured_games li.featured-panel {
      width: 66.5vw;
      height: 37.5vw;
      left: 50%;
      transform: translate(-50%, 0);
      position: relative;
      margin-top: 1.5vw;
      margin-bottom: 1.5vw;
      border-width: 1vw;
      border-radius: 3vw;
      transform-origin: center left;
      transition: none; }
      .game.mobile .centre-content ul#featured_games li.featured-panel .border-wrapper, .game.mobile-portrait .centre-content ul#featured_games li.featured-panel .border-wrapper {
        width: calc(100% - 2.15vw);
        height: calc(100% - 2.15vw);
        position: relative;
        margin: 0.15vw;
        border-width: 1.0vw;
        border-radius: 2.0vw; }
        .game.mobile .centre-content ul#featured_games li.featured-panel .border-wrapper .featured-inner, .game.mobile-portrait .centre-content ul#featured_games li.featured-panel .border-wrapper .featured-inner {
          border-radius: 1.5vw; }
      .game.mobile .centre-content ul#featured_games li.featured-panel:last-child, .game.mobile-portrait .centre-content ul#featured_games li.featured-panel:last-child {
        margin-left: 0vw; }
      .game.mobile .centre-content ul#featured_games li.featured-panel:hover, .game.mobile-portrait .centre-content ul#featured_games li.featured-panel:hover {
        transform: scale(1.05) translate(-50%, 0); }
  .game.mobile .centre-content ul#game_list, .game.mobile-portrait .centre-content ul#game_list {
    font-size: 0; }
    .game.mobile .centre-content ul#game_list li.game-item, .game.mobile-portrait .centre-content ul#game_list li.game-item {
      width: 66.5vw;
      height: 37.5vw;
      left: 50%;
      transform: translate(-50%, 0);
      position: relative;
      margin-top: 1.5vw;
      margin-bottom: 1.5vw;
      border-width: 1vw;
      border-radius: 3vw;
      box-sizing: inherit;
      transform-origin: center left;
      transition: none; }
      .game.mobile .centre-content ul#game_list li.game-item .border-wrapper, .game.mobile-portrait .centre-content ul#game_list li.game-item .border-wrapper {
        width: calc(100% - 2.15vw);
        height: calc(100% - 2.15vw);
        position: relative;
        margin: 0.15vw;
        border-width: 1.0vw;
        border-radius: 2.0vw; }
        .game.mobile .centre-content ul#game_list li.game-item .border-wrapper .inner-item, .game.mobile-portrait .centre-content ul#game_list li.game-item .border-wrapper .inner-item {
          border-radius: 1.5vw; }
      .game.mobile .centre-content ul#game_list li.game-item:hover, .game.mobile-portrait .centre-content ul#game_list li.game-item:hover {
        transform: scale(1.05) translate(-50%, 0); }

body.game.long-ratio #gadgets_left, body.game.long-ratio #gadgets_right {
  width: 7.75vw;
  left: calc(50% - 47.75vw); }
  body.game.long-ratio #gadgets_left canvas, body.game.long-ratio #gadgets_right canvas {
    width: 7.75vw; }

body.game.long-ratio #gadgets_right {
  left: calc(50% + 40vw); }

body.game.long-ratio .centre-content {
  width: 77.5vw; }
  body.game.long-ratio .centre-content .generic-border {
    border-width: 0.5vw;
    border-radius: 1vw; }

body.game.iPhone *, body.game.ipad * {
  transition: none !important; }

body.game.iPhone ul#home_featured li, body.game.ipad ul#home_featured li {
  transition: none !important; }

body {
  overflow-x: hidden; }

body.video * {
  border-color: #f79f31;
  stroke: #f79f31; }

body.video #nav_keyline {
  background-image: url("../image/ui/nav-keyline.png"); }

body.video menu .video-menu {
  background: #404040; }
  body.video menu .video-menu .menu-bg-gradient {
    opacity: 1 !important; }

body.video #pbs_video_wrapper {
  display: block; }

body.video .centre-content {
  background-size: cover;
  z-index: 100; }

body.video #video_panel {
  border-color: #f79f31;
  border-radius: 3.75vw;
  display: inline-block;
  height: 45.25vw;
  position: relative;
  width: calc(60.0625vw - 8vw);
  padding: 0 4vw; }
  body.video #video_panel .inner-border {
    position: absolute;
    border: solid #f79f31 0.25vw;
    width: calc(100% - 1.5vw);
    height: calc(100% - 1.5vw);
    border: solid #f79f31 0.175vw;
    border-radius: 3vw;
    top: 0.575vw;
    left: 0.575vw; }
  body.video #video_panel .panel-header {
    height: calc(4vw - 1.5vw);
    padding: 1.5vw 0 0 0; }
  body.video #video_panel h2 {
    border-top: 0.1vw solid #2ebdca;
    border-bottom: 0.1vw solid #2ebdca;
    display: inline-block;
    height: 2vw;
    vertical-align: text-top;
    min-width: 3vw; }
    body.video #video_panel h2 span {
      background: #2ebdca;
      display: inline-block;
      font-size: 1vw;
      line-height: 1.75vw;
      margin: 0.125vw 0;
      padding: 0 0.5vw;
      vertical-align: text-top; }
  body.video #video_panel h3 {
    border: 0.1vw solid #f79f31;
    display: inline-block;
    font-size: 1.25vw;
    line-height: calc(2vw - 0.5vw);
    color: #f79f31;
    padding: 0.25vw 0.5vw;
    vertical-align: text-top;
    width: 55%;
    margin: 0 0 0 0.25vw;
    text-transform: uppercase; }
  body.video #video_panel #video_player {
    width: 100%;
    height: 30.5vw;
    margin: 0.5vw 0 0 0; }
    body.video #video_panel #video_player .video-js {
      width: 100%;
      height: 100%; }
      body.video #video_panel #video_player .video-js .vjs-big-play-button {
        border: none; }
  body.video #video_panel #video_controls {
    position: relative;
    height: 10vw;
    width: 100%; }
    body.video #video_panel #video_controls #oddtube_video_tracking {
      height: 2.75vw;
      text-align: center;
      position: relative; }
      body.video #video_panel #video_controls #oddtube_video_tracking #whistle, body.video #video_panel #video_controls #oddtube_video_tracking #flag {
        float: left; }
      body.video #video_panel #video_controls #oddtube_video_tracking #whistle {
        width: 1.75vw;
        margin: 0.75vw 0 0 0; }
      body.video #video_panel #video_controls #oddtube_video_tracking .scrubber-track {
        width: 90%;
        height: 0.25vw;
        background: #634014;
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
        body.video #video_panel #video_controls #oddtube_video_tracking .scrubber-track #active_playtime {
          position: absolute;
          left: 0;
          height: 0.25vw;
          background: #f79f31;
          display: inline-block;
          width: 0%; }
        body.video #video_panel #video_controls #oddtube_video_tracking .scrubber-track .scrubber-thumb {
          position: absolute !important;
          top: 0;
          width: 2vw;
          transform: translate(0, -50%);
          left: 0%;
          cursor: pointer; }
      body.video #video_panel #video_controls #oddtube_video_tracking #flag {
        width: 2vw;
        margin: 0.25vw 0 0 0;
        float: right; }
    body.video #video_panel #video_controls label#video_time {
      color: #f79f31;
      position: absolute;
      top: 3.25vw;
      font-size: 3vw;
      padding: 0 0 0 2.5vw;
      background: url("../image/video/play-time-clock.png") no-repeat left center;
      background-size: 1.75vw; }
      body.video #video_panel #video_controls label#video_time span:first-child {
        font-family: 'LCDBOLD'; }
    body.video #video_panel #video_controls #video_play_controls {
      position: absolute;
      right: 0;
      top: 3.25vw;
      width: 69%;
      cursor: pointer; }
      body.video #video_panel #video_controls #video_play_controls #fullscreen_btn {
        float: right;
        height: 3vw;
        width: 4vw;
        position: relative;
        margin-right: 0.5vw; }
        body.video #video_panel #video_controls #video_play_controls #fullscreen_btn img {
          height: 100%;
          transition: opacity 0.5s;
          position: absolute; }
          body.video #video_panel #video_controls #video_play_controls #fullscreen_btn img.hover {
            top: 0;
            left: 0;
            opacity: 0; }
        body.video #video_panel #video_controls #video_play_controls #fullscreen_btn:hover .hover {
          opacity: 1; }
      body.video #video_panel #video_controls #video_play_controls #previous_btn, body.video #video_panel #video_controls #video_play_controls #next_btn, body.video #video_panel #video_controls #video_play_controls #play_pause_btn, body.video #video_panel #video_controls #video_play_controls #captions_btn {
        width: calc(5vw - 0.5vw);
        height: calc(4vw - 0.5vw);
        position: relative;
        display: inline-block;
        margin: 0 0.4vw;
        cursor: pointer;
        text-align: center;
        vertical-align: top; }
        body.video #video_panel #video_controls #video_play_controls #previous_btn *, body.video #video_panel #video_controls #video_play_controls #next_btn *, body.video #video_panel #video_controls #video_play_controls #play_pause_btn *, body.video #video_panel #video_controls #video_play_controls #captions_btn * {
          cursor: pointer; }
        body.video #video_panel #video_controls #video_play_controls #previous_btn div.skew-bg, body.video #video_panel #video_controls #video_play_controls #next_btn div.skew-bg, body.video #video_panel #video_controls #video_play_controls #play_pause_btn div.skew-bg, body.video #video_panel #video_controls #video_play_controls #captions_btn div.skew-bg {
          position: absolute;
          width: 100%;
          height: 100%;
          background: #f79f31;
          transform: skew(-9deg, 0deg);
          border-radius: 0.35vw;
          border: 0.25vw solid #f79f31;
          transition: background 0.5s, color 0.5s;
          line-height: 100%; }
          body.video #video_panel #video_controls #video_play_controls #previous_btn div.skew-bg .play-control-icon, body.video #video_panel #video_controls #video_play_controls #next_btn div.skew-bg .play-control-icon, body.video #video_panel #video_controls #video_play_controls #play_pause_btn div.skew-bg .play-control-icon, body.video #video_panel #video_controls #video_play_controls #captions_btn div.skew-bg .play-control-icon {
            height: 2vw;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            transition: opacity 0.5s; }
            body.video #video_panel #video_controls #video_play_controls #previous_btn div.skew-bg .play-control-icon.hover, body.video #video_panel #video_controls #video_play_controls #next_btn div.skew-bg .play-control-icon.hover, body.video #video_panel #video_controls #video_play_controls #play_pause_btn div.skew-bg .play-control-icon.hover, body.video #video_panel #video_controls #video_play_controls #captions_btn div.skew-bg .play-control-icon.hover {
              opacity: 0; }
      body.video #video_panel #video_controls #video_play_controls #play_pause_btn {
        width: calc(9vw - 0.5vw);
        height: calc(4vw - 0.5vw); }
        body.video #video_panel #video_controls #video_play_controls #play_pause_btn div.skew-bg {
          background: #2ebdca;
          border-color: #2ebdca !important; }
        body.video #video_panel #video_controls #video_play_controls #play_pause_btn #pause_btn {
          text-align: center;
          opacity: 0; }
          body.video #video_panel #video_controls #video_play_controls #play_pause_btn #pause_btn #pause_1, body.video #video_panel #video_controls #video_play_controls #play_pause_btn #pause_btn #pause_2 {
            height: calc(2.35vw - 0.5vw);
            width: calc(1vw - 0.5vw);
            background: #000;
            display: inline-block;
            top: 50%;
            position: relative;
            transform: translate(0%, -50%) skew(-5deg);
            border-radius: 0.25vw;
            border: 0.25vw solid #000;
            vertical-align: text-top; }
          body.video #video_panel #video_controls #video_play_controls #play_pause_btn #pause_btn #pause_1 {
            margin-right: 0.25vw; }
        body.video #video_panel #video_controls #video_play_controls #play_pause_btn:hover div.skew-bg, body.video #video_panel #video_controls #video_play_controls #play_pause_btn:hover #pause_btn {
          background: rgba(0, 0, 0, 0); }
        body.video #video_panel #video_controls #video_play_controls #play_pause_btn:hover #pause_btn #pause_1, body.video #video_panel #video_controls #video_play_controls #play_pause_btn:hover #pause_btn #pause_2 {
          border-color: #2ebdca !important; }
        body.video #video_panel #video_controls #video_play_controls #play_pause_btn.playing #pause_btn {
          opacity: 1; }
        body.video #video_panel #video_controls #video_play_controls #play_pause_btn.playing #play_btn {
          opacity: 0; }
      body.video #video_panel #video_controls #video_play_controls #captions_btn {
        width: 4vw;
        height: 3vw;
        border-radius: 0.35vw;
        float: right;
        border: 0.25vw solid #f79f31;
        font-size: 2vw;
        text-align: center;
        font-weight: 900;
        line-height: 3vw;
        background: #f79f31;
        transform: skew(-9deg, 0deg);
        transition: background 0.5s, color 0.5s;
        margin-left: 1vw;
        margin-right: 1vw; }
        body.video #video_panel #video_controls #video_play_controls #captions_btn:hover {
          background: rgba(0, 0, 0, 0);
          color: #f79f31; }

body.video .iScrollContainer {
  width: calc(100% - 1vw);
  height: calc(40vw - 0.75vw);
  top: 3.25vw;
  left: 0.5vw;
  position: relative; }
  body.video .iScrollContainer .loading-indicator {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 6vw;
    filter: blur(0.45px); }

body.video #mobile_video_playlist_wrapper {
  display: none; }

body.video #video_playlist_wrapper, body.video #mobile_video_playlist_wrapper {
  width: 13.66877vw;
  height: 10.67886vw;
  position: absolute;
  right: 0;
  border-color: #f79f31;
  border-width: 0.25vw;
  top: 0;
  border-radius: 2.5vw;
  height: calc(46.55vw - 0.75vw); }
  body.video #video_playlist_wrapper #playlist_fade_top, body.video #video_playlist_wrapper #playlist_fade_bottom, body.video #mobile_video_playlist_wrapper #playlist_fade_top, body.video #mobile_video_playlist_wrapper #playlist_fade_bottom {
    width: 100%;
    height: 3vw;
    position: absolute;
    background: #333;
    z-index: 9;
    transition: opacity 0.35s;
    opacity: 0; }
  body.video #video_playlist_wrapper #playlist_fade_top, body.video #mobile_video_playlist_wrapper #playlist_fade_top {
    top: 2.25vw;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100 */
    background: -moz-linear-gradient(top, black 40%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, black 40%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, black 40%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
    /* IE6-9 */
    background-repeat: no-repeat; }
  body.video #video_playlist_wrapper #playlist_fade_bottom, body.video #mobile_video_playlist_wrapper #playlist_fade_bottom {
    bottom: 2.25vw;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 40%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 40%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 40%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
    /* IE6-9 */
    background-repeat: no-repeat; }
  body.video #video_playlist_wrapper #video_playlist, body.video #mobile_video_playlist_wrapper #video_playlist {
    margin-top: 0 !important;
    top: 0 !important; }
    body.video #video_playlist_wrapper #video_playlist .play-list-item, body.video #mobile_video_playlist_wrapper #video_playlist .play-list-item {
      margin-bottom: 0.5vw;
      transition: margin-top 0.65s;
      position: relative; }
      body.video #video_playlist_wrapper #video_playlist .play-list-item .playlist-thumb, body.video #mobile_video_playlist_wrapper #video_playlist .play-list-item .playlist-thumb {
        width: 100%;
        cursor: pointer; }
      body.video #video_playlist_wrapper #video_playlist .play-list-item .play-list-overlay, body.video #mobile_video_playlist_wrapper #video_playlist .play-list-item .play-list-overlay {
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: opacity 0.35s;
        text-align: center;
        cursor: pointer;
        top: 0;
        pointer-events: none; }
        body.video #video_playlist_wrapper #video_playlist .play-list-item .play-list-overlay h3.title, body.video #mobile_video_playlist_wrapper #video_playlist .play-list-item .play-list-overlay h3.title {
          color: #fff;
          margin-top: 1vw;
          font-size: 1.125vw; }
        body.video #video_playlist_wrapper #video_playlist .play-list-item .play-list-overlay p.duration, body.video #mobile_video_playlist_wrapper #video_playlist .play-list-item .play-list-overlay p.duration {
          color: #fff;
          position: absolute;
          bottom: 1vw;
          width: 100%;
          text-align: center; }
      body.video #video_playlist_wrapper #video_playlist .play-list-item:hover .play-list-overlay, body.video #mobile_video_playlist_wrapper #video_playlist .play-list-item:hover .play-list-overlay {
        opacity: 1; }
      body.video #video_playlist_wrapper #video_playlist .play-list-item.selected, body.video #mobile_video_playlist_wrapper #video_playlist .play-list-item.selected {
        border: #f79f31 solid 2px; }
    body.video #video_playlist_wrapper #video_playlist.episodes-disabled .episode, body.video #mobile_video_playlist_wrapper #video_playlist.episodes-disabled .episode {
      display: none; }
    body.video #video_playlist_wrapper #video_playlist.clips-disabled .clip, body.video #mobile_video_playlist_wrapper #video_playlist.clips-disabled .clip {
      display: none; }
    body.video #video_playlist_wrapper #video_playlist.featured-disabled .feature, body.video #mobile_video_playlist_wrapper #video_playlist.featured-disabled .feature {
      display: none; }
  body.video #video_playlist_wrapper ul#playlist_filter, body.video #mobile_video_playlist_wrapper ul#playlist_filter {
    position: absolute;
    left: 0;
    top: 3.5vw;
    width: 6vw;
    height: 19.42574vw;
    background: url("../image/video/categories-bg.png");
    background-size: cover;
    left: 100%; }
    body.video #video_playlist_wrapper ul#playlist_filter svg#svg_bg, body.video #mobile_video_playlist_wrapper ul#playlist_filter svg#svg_bg {
      position: absolute;
      z-index: 2500; }
    body.video #video_playlist_wrapper ul#playlist_filter li.filter-item, body.video #mobile_video_playlist_wrapper ul#playlist_filter li.filter-item {
      width: calc(4vw - 0.25vw);
      height: calc(4vw - 0.25vw);
      margin: 0.75vw 0 0 1vw;
      border-radius: 0.75vw;
      border: 0.125vw solid;
      position: relative;
      z-index: 9999;
      transition: background 0.5s, color 0.5s;
      cursor: pointer;
      background: #000; }
      body.video #video_playlist_wrapper ul#playlist_filter li.filter-item span, body.video #mobile_video_playlist_wrapper ul#playlist_filter li.filter-item span {
        line-height: 4vw;
        width: 100%;
        text-align: center;
        font-size: 0.85vw;
        display: inline-block;
        font-weight: 900; }
      body.video #video_playlist_wrapper ul#playlist_filter li.filter-item#episodes_filter, body.video #mobile_video_playlist_wrapper ul#playlist_filter li.filter-item#episodes_filter {
        margin: 1vw 0 0 1vw;
        border-color: #20bdcb;
        color: #20bdcb; }
        body.video #video_playlist_wrapper ul#playlist_filter li.filter-item#episodes_filter:hover, body.video #video_playlist_wrapper ul#playlist_filter li.filter-item#episodes_filter.enabled, body.video #mobile_video_playlist_wrapper ul#playlist_filter li.filter-item#episodes_filter:hover, body.video #mobile_video_playlist_wrapper ul#playlist_filter li.filter-item#episodes_filter.enabled {
          background: #20bdcb;
          color: #000; }
      body.video #video_playlist_wrapper ul#playlist_filter li.filter-item#clips_filter, body.video #mobile_video_playlist_wrapper ul#playlist_filter li.filter-item#clips_filter {
        border-color: #57d7a8;
        color: #57d7a8; }
        body.video #video_playlist_wrapper ul#playlist_filter li.filter-item#clips_filter:hover, body.video #video_playlist_wrapper ul#playlist_filter li.filter-item#clips_filter.enabled, body.video #mobile_video_playlist_wrapper ul#playlist_filter li.filter-item#clips_filter:hover, body.video #mobile_video_playlist_wrapper ul#playlist_filter li.filter-item#clips_filter.enabled {
          background: #57d7a8;
          color: #000; }
      body.video #video_playlist_wrapper ul#playlist_filter li.filter-item#featured_filter, body.video #mobile_video_playlist_wrapper ul#playlist_filter li.filter-item#featured_filter {
        border-color: #f79f31;
        color: #f79f31; }
        body.video #video_playlist_wrapper ul#playlist_filter li.filter-item#featured_filter:hover, body.video #video_playlist_wrapper ul#playlist_filter li.filter-item#featured_filter.enabled, body.video #mobile_video_playlist_wrapper ul#playlist_filter li.filter-item#featured_filter:hover, body.video #mobile_video_playlist_wrapper ul#playlist_filter li.filter-item#featured_filter.enabled {
          background: #fd9232;
          color: #000; }
  body.video #video_playlist_wrapper .prev-button, body.video #video_playlist_wrapper .next-button, body.video #mobile_video_playlist_wrapper .prev-button, body.video #mobile_video_playlist_wrapper .next-button {
    background: #f79f31;
    width: calc(100% - 1vw);
    margin: 0.5vw;
    height: 2.25vw;
    position: absolute;
    border-radius: 1.5vw 1.5vw 0 0;
    transition: height 0.5s, opacity 0.5s;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    z-index: 999; }
    body.video #video_playlist_wrapper .prev-button img, body.video #video_playlist_wrapper .next-button img, body.video #mobile_video_playlist_wrapper .prev-button img, body.video #mobile_video_playlist_wrapper .next-button img {
      height: 70%;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
    body.video #video_playlist_wrapper .prev-button:hover, body.video #video_playlist_wrapper .next-button:hover, body.video #mobile_video_playlist_wrapper .prev-button:hover, body.video #mobile_video_playlist_wrapper .next-button:hover {
      height: 3.25vw; }
    body.video #video_playlist_wrapper .prev-button.active, body.video #video_playlist_wrapper .next-button.active, body.video #mobile_video_playlist_wrapper .prev-button.active, body.video #mobile_video_playlist_wrapper .next-button.active {
      opacity: 1;
      pointer-events: auto; }
  body.video #video_playlist_wrapper .next-button, body.video #mobile_video_playlist_wrapper .next-button {
    top: auto;
    bottom: 0;
    border-radius: 0vw 0vw 1.5vw 1.5vw; }

.pbskids-default-skin .vjs-big-play-button span {
  background-size: contain !important;
  transform: scale(0.5); }

.desktop #previous_btn div.skew-bg:hover, .desktop #next_btn div.skew-bg:hover, .desktop #play_pause_btn div.skew-bg:hover, .desktop #captions_btn div.skew-bg:hover {
  background: rgba(0, 0, 0, 0) !important;
  color: #f79f31 !important; }

.desktop #previous_btn:hover .hover, .desktop #next_btn:hover .hover, .desktop #play_pause_btn:hover .hover, .desktop #captions_btn:hover .hover {
  opacity: 1 !important; }

.video.mobile.mobile-portrait menu ul#desktop_menu li:nth-of-type(3) {
  display: none; }

.video.mobile menu ul#desktop_menu li:nth-of-type(3) {
  display: none; }

.video.mobile .centre-content {
  width: 90%; }

.video.mobile #video_panel {
  width: 95%;
  height: 75.25vw;
  left: 50%;
  transform: translate(-50%, 0); }
  .video.mobile #video_panel .panel-header {
    height: 4vw;
    margin: 0 0 1vw 0; }
    .video.mobile #video_panel .panel-header h2 {
      border-width: 0.22vw;
      padding: 0.1vw 0;
      height: 4vw; }
      .video.mobile #video_panel .panel-header h2 span {
        font-size: 2.35vw;
        line-height: 150%;
        margin: 0.25vw 0; }
    .video.mobile #video_panel .panel-header h3 {
      font-size: 2.5vw;
      line-height: 150%;
      border-width: 0.125vw;
      width: 60%; }
  .video.mobile #video_panel #video_player {
    height: 52vw; }
  .video.mobile #video_panel #video_controls {
    padding-top: 5vw; }
    .video.mobile #video_panel #video_controls #oddtube_video_tracking {
      height: auto;
      top: 0vw;
      position: relative; }
      .video.mobile #video_panel #video_controls #oddtube_video_tracking #whistle, .video.mobile #video_panel #video_controls #oddtube_video_tracking #flag {
        display: none; }
      .video.mobile #video_panel #video_controls #oddtube_video_tracking .scrubber-track .scrubber-thumb {
        padding: 1vw;
        margin: 0 -1vw;
        width: 4.5vw; }
    .video.mobile #video_panel #video_controls #video_time {
      display: none; }
    .video.mobile #video_panel #video_controls ul#video_play_controls {
      top: 4.5vw;
      transform: translate(-50%, 0) scale(0.8);
      left: 60%;
      width: 92.5%; }
      .video.mobile #video_panel #video_controls ul#video_play_controls > * {
        margin: 0 1vw; }
        .video.mobile #video_panel #video_controls ul#video_play_controls > * div.skew-bg img.play-control-icon {
          height: 4vw; }
      .video.mobile #video_panel #video_controls ul#video_play_controls #previous_btn {
        width: calc(12.5vw - 0.5vw);
        height: calc(10vw - 0.5vw); }
      .video.mobile #video_panel #video_controls ul#video_play_controls #play_pause_btn {
        width: calc(17.5vw - 0.5vw);
        height: calc(10vw - 0.5vw); }
        .video.mobile #video_panel #video_controls ul#video_play_controls #play_pause_btn #pause_btn #pause_1, .video.mobile #video_panel #video_controls ul#video_play_controls #play_pause_btn #pause_btn #pause_2 {
          height: calc(4.35vw - 0.5vw);
          width: calc(1.75vw - 0.5vw);
          margin-right: 0.5vw;
          transform: translate(-50%, -50%) skew(-5deg); }
        .video.mobile #video_panel #video_controls ul#video_play_controls #play_pause_btn #pause_btn #pause_1 {
          margin-left: 2vw; }
      .video.mobile #video_panel #video_controls ul#video_play_controls #next_btn {
        width: calc(12.5vw - 0.5vw);
        height: calc(10vw - 0.5vw); }
      .video.mobile #video_panel #video_controls ul#video_play_controls #caption_btn {
        width: calc(10vw - 0.5vw);
        height: calc(8vw - 0.5vw);
        line-height: 7.5vw;
        font-size: 4.5vw;
        border-radius: 0.75vw; }
      .video.mobile #video_panel #video_controls ul#video_play_controls #fullscreen_btn {
        width: 10vw;
        margin-right: 1vw;
        height: 8vw; }

.video.mobile #mobile_video_playlist_wrapper {
  display: block; }

.video.mobile #video_playlist_wrapper {
  display: none; }

.video.mobile #video_playlist_wrapper, .video.mobile #mobile_video_playlist_wrapper {
  position: relative;
  width: 85vw;
  left: 50%;
  transform: translate(-50%, 0);
  border: none;
  height: auto;
  margin: 10vw 0; }
  .video.mobile #video_playlist_wrapper > *:not(.iScrollContainer), .video.mobile #mobile_video_playlist_wrapper > *:not(.iScrollContainer) {
    display: none; }
  .video.mobile #video_playlist_wrapper .iScrollContainer, .video.mobile #mobile_video_playlist_wrapper .iScrollContainer {
    overflow: auto !important;
    height: auto; }
    .video.mobile #video_playlist_wrapper .iScrollContainer #video_playlist li.play-list-item, .video.mobile #mobile_video_playlist_wrapper .iScrollContainer #video_playlist li.play-list-item {
      width: 47.5%;
      margin-bottom: 2vw;
      float: left;
      margin-top: 0 !important;
      cursor: pointer; }
      .video.mobile #video_playlist_wrapper .iScrollContainer #video_playlist li.play-list-item:nth-child(2n), .video.mobile #mobile_video_playlist_wrapper .iScrollContainer #video_playlist li.play-list-item:nth-child(2n) {
        float: right; }
      .video.mobile #video_playlist_wrapper .iScrollContainer #video_playlist li.play-list-item .play-list-overlay h3, .video.mobile #mobile_video_playlist_wrapper .iScrollContainer #video_playlist li.play-list-item .play-list-overlay h3 {
        font-size: 4vw;
        width: calc(100% - 4vw);
        margin: 1vw auto; }

.long-ratio.video.mobile-landscape #video_playlist_wrapper ul#playlist_filter li.filter-item span {
  line-height: initial;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%); }

body.oddtube.app {
  background: none; }
  body.oddtube.app div#doodle_bg {
    position: fixed;
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: -1; }
  body.oddtube.app #sponsor_by li.sponsor-label, body.oddtube.app #sponsor_by li.sponsor-label label {
    color: #fff; }
  body.oddtube.app #sponsor_by * {
    color: #000; }
  body.oddtube.app menu {
    top: calc(95px + 1.5vw); }
  body.oddtube.app #oddtube_frame {
    display: block; }

.oddtube.scroll-active ul#sponsor_by li.sponsor-label, .oddtube.scroll-active ul#sponsor_by li.sponsor-label label {
  color: #000; }

.oddtube.scroll-active div#oddtube_frame div.frame.frame-top {
  top: 0; }

.oddtube.scroll-active div#oddtube_frame .frame.frame-top-left, .oddtube.scroll-active div#oddtube_frame .frame.frame-top-right {
  top: 1.5vw; }

.oddtube {
  height: 100%;
  background-color: #e4e4e4;
  background-attachment: fixed;
  stroke: #000; }
  .oddtube #pbs_video_wrapper {
    display: block; }
  .oddtube #mobile_dashboard_link {
    display: none;
    margin-top: 2.5vw;
    position: relative; }
    .oddtube #mobile_dashboard_link img {
      width: 85vw;
      position: relative;
      left: 50%;
      transform: translate(-50%, 0); }
  .oddtube #nav_shield_link #nav_os_shield {
    transition: none !important;
    width: 7vw; }
  .oddtube #oddsquad_header {
    transition: none; }
  .oddtube #nav_keyline path:nth-of-type(2) {
    stroke: #b50001; }
  .oddtube menu {
    transition: none; }
    .oddtube menu .menu-chevrons {
      transition: none; }
      .oddtube menu .menu-chevrons .chevron {
        background: #b50001;
        border-color: #b50001; }
    .oddtube menu #desktop_menu {
      transition: none; }
      .oddtube menu #desktop_menu .oddtube-menu {
        background-color: transparent;
        background-image: url("../image/ui/menu/RightHover.svg");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: 200% 50%; }
    .oddtube menu #nav_keyline {
      transition: none; }
  .oddtube #oddsquad_header {
    background-color: black;
    height: 55px; }
  .oddtube #background_fade {
    display: none; }
  .oddtube div.centre-content {
    width: 100%;
    margin-top: calc(95px + 17vw);
    top: 0; }
    .oddtube div.centre-content .media-button {
      transition: transform 0.5s;
      vertical-align: top; }
  .oddtube main {
    position: relative;
    margin: 0;
    padding: 0;
    display: block; }
    .oddtube main *, .oddtube main *:before, .oddtube main *:after {
      box-sizing: border-box; }
    .oddtube main #activity_wrapper {
      left: 50%;
      position: relative;
      transform-origin: top center;
      display: inline-block;
      transform-origin: top left;
      transform: translate(-50%, 0%); }
      .oddtube main #activity_wrapper #orla_fpo {
        width: 100%;
        height: 23vw;
        background: url("../image/oddtube/ui/season-2/ORLA-UGCsign-OFF.png") no-repeat;
        background-size: contain;
        display: inline-block;
        vertical-align: top;
        position: absolute;
        left: 0;
        top: 10vw;
        transform: scale(1.2);
        transition: transform 0.4s; }
        .oddtube main #activity_wrapper #orla_fpo span {
          position: absolute;
          display: inline-block;
          letter-spacing: 0.25vw;
          font-size: 2vw;
          color: #000;
          top: 52.5%;
          left: 50%;
          transform: translate(-50%, 0);
          width: 80%;
          margin-left: 0.5vw;
          margin-top: -0.5vw;
          text-align: center; }
        .oddtube main #activity_wrapper #orla_fpo:hover {
          transform: scale(1.25);
          background-image: url("../image/oddtube/ui/season-2/ORLA-UGCsign-ON.png"); }
      .oddtube main #activity_wrapper #ugc_panel {
        width: 18.5%;
        display: inline-block;
        vertical-align: top;
        position: relative;
        z-index: 9999;
        transform-origin: top left;
        margin-right: 1vw; }
        .oddtube main #activity_wrapper #ugc_panel #ugc_oddtube_logo {
          width: 100%; }
        .oddtube main #activity_wrapper #ugc_panel #oddtube_logo {
          width: 100%;
          left: 50%;
          transform: translate(-50%, 0);
          position: relative; }
        .oddtube main #activity_wrapper #ugc_panel #ugcVoteTop {
          z-index: 5;
          position: relative;
          opacity: 0;
          transform: scale(0.5);
          transition: opacity 0.5s, transform 0.65s; }
          .oddtube main #activity_wrapper #ugc_panel #ugcVoteTop #ugc_top_img {
            width: 100%;
            z-index: 5; }
          .oddtube main #activity_wrapper #ugc_panel #ugcVoteTop.show {
            opacity: 1;
            transform: scale(1); }
        .oddtube main #activity_wrapper #ugc_panel #ugcVoteBottom {
          position: absolute;
          width: 80%;
          margin: -6vw 0 0 3vw;
          transform-origin: top center;
          z-index: 0;
          opacity: 0;
          transition: opacity 0.35s, transform 0.5s;
          display: none; }
          .oddtube main #activity_wrapper #ugc_panel #ugcVoteBottom #ugc_bottom_img {
            width: 100%; }
          .oddtube main #activity_wrapper #ugc_panel #ugcVoteBottom .locker-code {
            position: absolute;
            top: 50%;
            color: #d00c1a;
            font-size: 4.5vw;
            transform: rotate(4deg);
            left: 50%;
            letter-spacing: -0.5vw;
            font-weight: 900;
            transform: translate(-50%, 0) rotate(5deg); }
        .oddtube main #activity_wrapper #ugc_panel.show #ugcVoteBottom {
          opacity: 1;
          transform: rotate(0deg) translate(-5%, 10%) scale(1); }
      .oddtube main #activity_wrapper .activity-player-outer-border {
        position: relative;
        border-radius: 2vw;
        width: calc(55.5vw + 0.7vw);
        height: calc(41.5vw + 1.7vw);
        display: inline-block;
        border-width: 0.35vw;
        border-style: solid;
        transform-origin: top left; }
        .oddtube main #activity_wrapper .activity-player-outer-border .activity-player-inner-border {
          position: absolute;
          width: calc(100% + 2px);
          height: calc(100% + 2px);
          margin: -1px;
          border: #fff 0.35vw solid;
          border-radius: 1.25vw; }
        .oddtube main #activity_wrapper .activity-player-outer-border .oddtube-season-buttons {
          position: absolute;
          text-align: right;
          z-index: -999;
          width: 100%;
          transform: scale(1);
          transform-origin: top right;
          top: -1vw;
          margin-left: -0.75vw; }
          .oddtube main #activity_wrapper .activity-player-outer-border .oddtube-season-buttons li {
            display: inline-block;
            transform: translate(0, -100%);
            transition: transform 0.5s;
            height: 0;
            vertical-align: top; }
            .oddtube main #activity_wrapper .activity-player-outer-border .oddtube-season-buttons li .season-btn {
              width: 100%;
              transition: transform 0.5s;
              transform-origin: bottom;
              cursor: pointer;
              transform: translate(0, -100%); }
            .oddtube main #activity_wrapper .activity-player-outer-border .oddtube-season-buttons li.big-o-tab {
              position: relative;
              width: 19.25vw;
              margin-right: -0.5vw;
              width: 15vw;
              margin-right: -2.75vw; }
            .oddtube main #activity_wrapper .activity-player-outer-border .oddtube-season-buttons li.orla-tab {
              position: relative;
              width: 16.5vw;
              margin-right: -2.75vw; }
            .oddtube main #activity_wrapper .activity-player-outer-border .oddtube-season-buttons li.olympia-tab {
              position: relative;
              width: 14.75vw; }
          .oddtube main #activity_wrapper .activity-player-outer-border .oddtube-season-buttons .big-o-tab img, .oddtube main #activity_wrapper .activity-player-outer-border .oddtube-season-buttons .orla-tab img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: auto; }
        .oddtube main #activity_wrapper .activity-player-outer-border .activity-player-inner {
          width: 100%;
          height: 100%;
          position: relative;
          overflow: hidden; }
          .oddtube main #activity_wrapper .activity-player-outer-border .activity-player-inner #load_ani {
            position: absolute;
            width: 59vw;
            left: 50%;
            top: 35%;
            transform: translate(-50%, -50%);
            filter: blur(0.5px);
            display: none; }
          .oddtube main #activity_wrapper .activity-player-outer-border .activity-player-inner #video_player_wrapper {
            border-radius: 1vw;
            overflow: hidden;
            width: 51.5vw;
            height: 29.25vw;
            margin: 1.25vw auto;
            position: relative; }
            .oddtube main #activity_wrapper .activity-player-outer-border .activity-player-inner #video_player_wrapper #video_player {
              object-fit: cover;
              width: 100%;
              height: 100%; }
        .oddtube main #activity_wrapper .activity-player-outer-border #oddtube_control_panel {
          position: absolute;
          bottom: 5.25vw;
          width: 100%; }
          .oddtube main #activity_wrapper .activity-player-outer-border #oddtube_control_panel #oddtube_video_tracking {
            float: left;
            clear: both;
            width: calc(100% - 5vw);
            height: 6vw;
            margin: 0;
            position: absolute;
            bottom: -1.5vw; }
            .oddtube main #activity_wrapper .activity-player-outer-border #oddtube_control_panel #oddtube_video_tracking #video_time {
              width: 14%;
              text-align: right;
              display: inline-block;
              color: #fff;
              font-size: 3vw;
              float: left;
              margin: 0.5vw 0 0 3vw; }
            .oddtube main #activity_wrapper .activity-player-outer-border #oddtube_control_panel #oddtube_video_tracking #oddtube_video_tracking_bar {
              background: url(../image/oddtube/ui/tracking-bg.png) no-repeat center;
              background-size: contain;
              width: 80%;
              height: 4vw;
              display: inline-block;
              right: -1vw;
              position: absolute; }
              .oddtube main #activity_wrapper .activity-player-outer-border #oddtube_control_panel #oddtube_video_tracking #oddtube_video_tracking_bar #tracking_btn {
                position: absolute;
                transform: translate(-50%, -50%);
                top: 50%;
                height: 2vw; }
          .oddtube main #activity_wrapper .activity-player-outer-border #oddtube_control_panel #cat_icon {
            width: 10vw;
            left: 3vw;
            bottom: -12vw;
            position: absolute;
            filter: brightness(none);
            transition: filter 1s, left 1s, bottom 1s;
            opacity: 0;
            display: none;
            transform: scale(0.6) rotate(45deg);
            transform-origin: center bottom;
            opacity: 0;
            cursor: pointer; }
            .oddtube main #activity_wrapper .activity-player-outer-border #oddtube_control_panel #cat_icon.show {
              display: block;
              opacity: 1;
              animation-name: activityHolderShow;
              animation-duration: 1s;
              transform: rotate(0deg) scale(1) translate(0, 0);
              left: 1vw;
              bottom: -6vw; }
          .oddtube main #activity_wrapper .activity-player-outer-border #oddtube_control_panel .media-buttons {
            position: absolute;
            left: 14.5vw; }
            .oddtube main #activity_wrapper .activity-player-outer-border #oddtube_control_panel .media-buttons * {
              cursor: pointer; }
            .oddtube main #activity_wrapper .activity-player-outer-border #oddtube_control_panel .media-buttons #previous_btn {
              width: 6vw; }
            .oddtube main #activity_wrapper .activity-player-outer-border #oddtube_control_panel .media-buttons #play_pause_btn {
              width: 11.5vw;
              position: relative;
              display: inline-block;
              vertical-align: top; }
              .oddtube main #activity_wrapper .activity-player-outer-border #oddtube_control_panel .media-buttons #play_pause_btn .media-button {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%; }
              .oddtube main #activity_wrapper .activity-player-outer-border #oddtube_control_panel .media-buttons #play_pause_btn #pause_button, .oddtube main #activity_wrapper .activity-player-outer-border #oddtube_control_panel .media-buttons #play_pause_btn #play_button {
                transition: opacity 0.35s; }
              .oddtube main #activity_wrapper .activity-player-outer-border #oddtube_control_panel .media-buttons #play_pause_btn.playing #pause_button {
                opacity: 1; }
              .oddtube main #activity_wrapper .activity-player-outer-border #oddtube_control_panel .media-buttons #play_pause_btn.playing #play_button {
                opacity: 0;
                pointer-events: none; }
              .oddtube main #activity_wrapper .activity-player-outer-border #oddtube_control_panel .media-buttons #play_pause_btn.paused #pause_button {
                opacity: 0;
                pointer-events: none; }
              .oddtube main #activity_wrapper .activity-player-outer-border #oddtube_control_panel .media-buttons #play_pause_btn.paused #play_button {
                opacity: 1; }
            .oddtube main #activity_wrapper .activity-player-outer-border #oddtube_control_panel .media-buttons #next_btn {
              width: 6vw; }
          .oddtube main #activity_wrapper .activity-player-outer-border #oddtube_control_panel .media-button-extras {
            position: absolute;
            right: 1.25vw; }
            .oddtube main #activity_wrapper .activity-player-outer-border #oddtube_control_panel .media-button-extras * {
              cursor: pointer; }
            .oddtube main #activity_wrapper .activity-player-outer-border #oddtube_control_panel .media-button-extras #captions_btn, .oddtube main #activity_wrapper .activity-player-outer-border #oddtube_control_panel .media-button-extras #fullscreen_btn {
              vertical-align: top;
              width: 4vw;
              margin: 0.5vw 0 0 0; }
            .oddtube main #activity_wrapper .activity-player-outer-border #oddtube_control_panel .media-button-extras #fullscreen_btn {
              vertical-align: top;
              width: 4vw;
              margin: 0.5vw 0 0 0; }
            .oddtube main #activity_wrapper .activity-player-outer-border #oddtube_control_panel .media-button-extras #captions_toggle_btn {
              position: absolute;
              left: 0;
              top: 0;
              vertical-align: top;
              width: 4vw;
              margin: 0.5vw 0 0 0;
              pointer-events: none;
              display: none; }
      .oddtube main #activity_wrapper #video_playlist_wrapper, .oddtube main #activity_wrapper #mobile_video_playlist_wrapper {
        display: inline-block;
        width: 18.5vw;
        vertical-align: top;
        text-align: center;
        position: relative;
        overflow: hidden;
        margin-top: -3.25vw;
        position: relative;
        top: 0;
        margin-left: 1.5vw;
        transform-origin: top left; }
        .oddtube main #activity_wrapper #video_playlist_wrapper .loading-indicator, .oddtube main #activity_wrapper #mobile_video_playlist_wrapper .loading-indicator {
          position: absolute;
          transform: translate(-50%, -50%);
          top: 50%;
          left: 50%; }
        .oddtube main #activity_wrapper #video_playlist_wrapper #playlist_up_scroll, .oddtube main #activity_wrapper #video_playlist_wrapper #playlist_down_scroll, .oddtube main #activity_wrapper #mobile_video_playlist_wrapper #playlist_up_scroll, .oddtube main #activity_wrapper #mobile_video_playlist_wrapper #playlist_down_scroll {
          height: 3vw;
          cursor: pointer;
          transition: transform 0.5s, opacity 0.5s;
          opacity: 0;
          pointer-events: none; }
          .oddtube main #activity_wrapper #video_playlist_wrapper #playlist_up_scroll.active, .oddtube main #activity_wrapper #video_playlist_wrapper #playlist_down_scroll.active, .oddtube main #activity_wrapper #mobile_video_playlist_wrapper #playlist_up_scroll.active, .oddtube main #activity_wrapper #mobile_video_playlist_wrapper #playlist_down_scroll.active {
            opacity: 1;
            pointer-events: auto; }
        .oddtube main #activity_wrapper #video_playlist_wrapper #video_playlist, .oddtube main #activity_wrapper #mobile_video_playlist_wrapper #video_playlist {
          width: 100%;
          display: inline-block;
          overflow: hidden;
          height: calc(41.5vw + 1.5vw);
          height: 43vw;
          margin-top: 0 !important;
          top: 0 !important; }
          .oddtube main #activity_wrapper #video_playlist_wrapper #video_playlist .play-list-item, .oddtube main #activity_wrapper #mobile_video_playlist_wrapper #video_playlist .play-list-item {
            background-repeat: no-repeat;
            background-size: 100% 100%;
            margin: 0 0 0.9vw 0;
            transition: margin 0.75s;
            cursor: pointer;
            position: relative;
            height: 10vw;
            overflow: hidden;
            box-sizing: border-box; }
            .oddtube main #activity_wrapper #video_playlist_wrapper #video_playlist .play-list-item .playlist-thumb, .oddtube main #activity_wrapper #mobile_video_playlist_wrapper #video_playlist .play-list-item .playlist-thumb {
              height: 100%;
              width: 100%;
              position: absolute;
              right: 0; }
            .oddtube main #activity_wrapper #video_playlist_wrapper #video_playlist .play-list-item .play-list-overlay, .oddtube main #activity_wrapper #mobile_video_playlist_wrapper #video_playlist .play-list-item .play-list-overlay {
              background: rgba(0, 0, 0, 0.5);
              position: absolute;
              width: 100%;
              height: 100%;
              opacity: 0;
              transition: opacity 0.35s;
              text-align: center;
              cursor: pointer;
              top: 0;
              pointer-events: none; }
              .oddtube main #activity_wrapper #video_playlist_wrapper #video_playlist .play-list-item .play-list-overlay h3.title, .oddtube main #activity_wrapper #mobile_video_playlist_wrapper #video_playlist .play-list-item .play-list-overlay h3.title {
                color: #fff;
                margin-top: 1vw;
                font-size: 1.125vw; }
              .oddtube main #activity_wrapper #video_playlist_wrapper #video_playlist .play-list-item .play-list-overlay p.duration, .oddtube main #activity_wrapper #mobile_video_playlist_wrapper #video_playlist .play-list-item .play-list-overlay p.duration {
                color: #fff;
                position: absolute;
                bottom: 1vw;
                width: 100%;
                text-align: center; }
            .oddtube main #activity_wrapper #video_playlist_wrapper #video_playlist .play-list-item:hover .play-list-overlay, .oddtube main #activity_wrapper #mobile_video_playlist_wrapper #video_playlist .play-list-item:hover .play-list-overlay {
              opacity: 1; }
            .oddtube main #activity_wrapper #video_playlist_wrapper #video_playlist .play-list-item.selected, .oddtube main #activity_wrapper #mobile_video_playlist_wrapper #video_playlist .play-list-item.selected {
              border: #b50001 dashed 0.4vh;
              border-radius: 1.1vw; }
      .oddtube main #activity_wrapper div#mobile_video_playlist_wrapper {
        display: none; }
      .oddtube main #activity_wrapper .activity-holder {
        bottom: -1.5vw;
        left: 10.5vw;
        background: url(../image/oddtube/ui/cat-bubble.png) no-repeat;
        position: absolute;
        width: 35vw;
        height: 8.5vw;
        background-size: 100% 100%;
        transform-origin: 0 39%;
        transform: rotate(0deg) scale(1) translate(0, 0);
        opacity: 0;
        transition: opacity 0.5s;
        pointer-events: none; }
        .oddtube main #activity_wrapper .activity-holder #cat_text {
          position: absolute;
          left: 4.5vw;
          top: 1.5vw;
          width: 20vw;
          font-size: 1.75vw;
          text-align: center; }
        .oddtube main #activity_wrapper .activity-holder #cat_link #cat_go_button {
          position: absolute;
          width: 9vw;
          right: 1vw;
          top: 1.65vw;
          transition: transform 0.5s;
          cursor: pointer; }
        .oddtube main #activity_wrapper .activity-holder #cat_close_btn {
          width: 2vw;
          position: absolute;
          right: -0.5vw;
          top: -0.5vw;
          cursor: pointer; }
        .oddtube main #activity_wrapper .activity-holder.show {
          opacity: 1;
          pointer-events: auto; }
    .oddtube main #mobile_ugc_panel {
      display: none; }
  .oddtube #oddtube_frame {
    top: 40px;
    width: 100%;
    height: calc(100% - 40px);
    position: fixed;
    pointer-events: none;
    z-index: 9999; }
    .oddtube #oddtube_frame .frame {
      background: #000;
      position: absolute;
      z-index: 500; }
      .oddtube #oddtube_frame .frame.frame-top {
        top: 55px;
        left: 0;
        width: 100%;
        height: 1.5vw; }
      .oddtube #oddtube_frame .frame.frame-right {
        right: 0;
        top: 0;
        width: 1.5vw;
        height: 100%; }
      .oddtube #oddtube_frame .frame.frame-bottom {
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1.5vw; }
      .oddtube #oddtube_frame .frame.frame-left {
        top: 0;
        left: 0;
        width: 1.5vw;
        height: 100%; }
      .oddtube #oddtube_frame .frame.frame-top-left {
        width: 1.5vw;
        height: 1.5vw;
        background-color: transparent;
        background-size: 100%;
        top: calc(55px + 1.5vw);
        left: 1.5vw;
        background-image: url(../image/oddtube/TopLeftCorner.svg); }
        .scroll-active .oddtube #oddtube_frame .frame.frame-top-left {
          display: none; }
      .oddtube #oddtube_frame .frame.frame-top-right {
        width: 1.5vw;
        height: 1.5vw;
        background-color: transparent;
        background-size: 100%;
        top: calc(55px + 1.5vw);
        right: 1.5vw;
        background-image: url(../image/oddtube/TopRightCorner.svg); }
        .scroll-active .oddtube #oddtube_frame .frame.frame-top-right {
          display: none; }
      .oddtube #oddtube_frame .frame.frame-bottom-right {
        width: 1.5vw;
        height: 1.5vw;
        background-color: transparent;
        background-size: 100%;
        bottom: 1.5vw;
        right: 1.5vw;
        background-image: url(../image/oddtube/BottomRightCorner.svg); }
      .oddtube #oddtube_frame .frame.frame-bottom-left {
        width: 1.5vw;
        height: 1.5vw;
        background-color: transparent;
        background-size: 100%;
        bottom: 1.5vw;
        left: 1.5vw;
        background-image: url(../image/oddtube/BottomLeftCorner.svg); }
  .oddtube .scrubber-thumb.enabled-control, .oddtube .scrubber-thumb.disabled-control.disabled {
    border: none;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;
    width: 2.5vw;
    height: 2.5vw;
    margin-top: 0.75vw;
    background-color: transparent;
    position: absolute !important; }
  .oddtube footer {
    margin-top: 0 !important; }
    .oddtube footer *:not(.exit-site) {
      color: #000; }
    .oddtube footer .exit-site {
      color: #b50001;
      font-weight: bold; }
    .oddtube footer .sponsors li#sse_black {
      display: inline-block; }
    .oddtube footer .sponsors li#sse_white {
      display: none; }

.big-o-tab {
  display: none !important; }

.vjs-loading-spinner {
  transform: scale(5); }

.mobile #ugc_panel {
  display: none; }

.mobile #mobile_ugc_panel {
  width: calc(100% - 16vw);
  height: auto;
  background: #fff;
  display: block;
  position: relative;
  color: red;
  font-size: 1em;
  line-height: 125%;
  margin: 4vw auto;
  -webkit-border-radius: 15px;
  text-align: center;
  padding: 4vw; }

.mobile .ugc_mobile_bar {
  width: 100%;
  color: black;
  display: table; }

body.oddtube.season-1 div#doodle_bg {
  background-image: url("../image/oddtube/ui/season-1/OddTube-bkgnd-01.jpg");
  background-size: cover; }

body.oddtube.season-1 main.season-1 #activity_wrapper .activity-player-outer-border {
  background-color: #276bff;
  border-color: #276bff;
  border-width: 0.75vw; }
  body.oddtube.season-1 main.season-1 #activity_wrapper .activity-player-outer-border .oddtube-season-buttons .olympia-tab {
    border-bottom: 1px solid #276bff;
    top: 2px;
    transform: scale(1.4) translate(0, -100%);
    transform-origin: bottom center;
    z-index: 9999;
    margin-right: 4.5vw; }
  body.oddtube.season-1 main.season-1 #activity_wrapper .activity-player-outer-border .oddtube-season-buttons .big-o-tab, body.oddtube.season-1 main.season-1 #activity_wrapper .activity-player-outer-border .oddtube-season-buttons .orla-tab {
    top: 1px; }
  body.oddtube.season-1 main.season-1 #activity_wrapper .activity-player-outer-border .oddtube-season-buttons .orla-tab {
    margin-right: 0vw; }
  body.oddtube.season-1 main.season-1 #activity_wrapper .activity-player-outer-border .oddtube-season-buttons .olympia-tab:hover {
    transform: scale(1.5) translate(0, -100%); }
  body.oddtube.season-1 main.season-1 #activity_wrapper .activity-player-outer-border .activity-player-inner {
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    margin: -1px; }
    body.oddtube.season-1 main.season-1 #activity_wrapper .activity-player-outer-border .activity-player-inner .scrubber-thumb.enabled-control, body.oddtube.season-1 main.season-1 #activity_wrapper .activity-player-outer-border .activity-player-inner .scrubber-thumb.enabled-control, body.oddtube.season-1 main.season-1 #activity_wrapper .activity-player-outer-border .activity-player-inner .scrubber-thumb.disabled-control.disabled {
      background-image: url("../image/oddtube/ui/season-1/btn-timelineHandle.png"); }

body.oddtube.season-1.long-ratio main.season-1 .olympia-tab {
  margin-right: 4.5vh; }

body.oddtube.season-1.long-ratio main.season-1 .big-o-tab, body.oddtube.season-1.long-ratio main.season-1 .orla-tab {
  top: -0.35vh; }

body.oddtube.season-1.mobile main.season-1 .olympia-tab {
  margin-right: 6vw; }

body.oddtube.season-1.mobile main.season-1 .big-o-tab {
  margin-right: -4.25vw; }

body.season-1 #pbs_video_wrapper {
  border-color: #fff; }

.oddtube.mobile main.season-1 #activity_wrapper .oddtube-season-buttons .olympia-tab {
  top: -1px; }

.oddtube.season-2 div#doodle_bg {
  background-image: url("../image/oddtube/ui/season-2/OddTube-S2-bkgnd.jpg");
  background-size: cover; }

.oddtube.season-2 main.season-2 #ugc_bottom_img {
  width: 100%; }

.oddtube.season-2 main.season-2 #activity_wrapper .activity-player-outer-border {
  background-color: #b50001;
  border-color: #ffca06;
  border-width: 0.75vw; }
  .oddtube.season-2 main.season-2 #activity_wrapper .activity-player-outer-border .oddtube-season-buttons .orla-tab {
    border-bottom: 1px solid #ffca06;
    top: 2px;
    transform: scale(1.4) translate(0, -100%);
    transform-origin: bottom center;
    z-index: 9999;
    margin-right: 1vw; }
    .oddtube.season-2 main.season-2 #activity_wrapper .activity-player-outer-border .oddtube-season-buttons .orla-tab:hover {
      transform: scale(1.5) translate(0, -100%); }
  .oddtube.season-2 main.season-2 #activity_wrapper .activity-player-outer-border .oddtube-season-buttons .big-o-tab {
    margin-right: 0vw; }
  .oddtube.season-2 main.season-2 #activity_wrapper .activity-player-outer-border .activity-player-inner {
    width: 100%;
    height: 100%;
    margin: 0; }
    .oddtube.season-2 main.season-2 #activity_wrapper .activity-player-outer-border .activity-player-inner .scrubber-thumb.enabled-control, .oddtube.season-2 main.season-2 #activity_wrapper .activity-player-outer-border .activity-player-inner .scrubber-thumb.enabled-control, .oddtube.season-2 main.season-2 #activity_wrapper .activity-player-outer-border .activity-player-inner .scrubber-thumb.disabled-control.disabled {
      background-image: url("../image/oddtube/ui/season-2/btn-timelineHandle.png"); }

.oddtube.season-2.long-ratio main.season-2 .activity-player-outer-border .activity-player-inner .oddtube-season-buttons {
  top: -0.75vh; }

.oddtube.season-2.long-ratio main.season-2 .big-o-tab, .oddtube.season-2.long-ratio main.season-2 .orla-tab {
  top: -0.35vh; }

.oddtube.season-2.mobile main.season-2 .big-o-tab {
  margin-right: -4.25vw; }

body.season-2 #pbs_video_wrapper {
  border-color: #fff; }

main.season-2 ul.oddtube-season-buttons li.orla-tab:hover {
  transform: scale(1.5) translate(0, -100%); }

main.season-2 .orla-tab {
  border-bottom: 1px solid #ffca06;
  top: 2px;
  transform: scale(1.4) translate(0, -100%);
  transform-origin: bottom center;
  z-index: 9999;
  margin-right: 1vw; }

.long-ratio main.season-2 .orla-tab {
  margin-right: 1vh; }

main.season-2 .big-o-tab {
  margin-right: 0vw; }

.oddtube.squadcast div#doodle_bg {
  background-image: url("../image/oddtube/ui/squadcast/OddTube-bkgnd-01.jpg");
  background-size: cover; }

.oddtube.squadcast .activity-player-outer-border {
  background-color: #022150;
  width: calc(55.5vw + 1vw);
  height: calc(41.5vw + 1vw);
  border-color: #fff !important; }

.oddtube.squadcast .scrubber-thumb, .oddtube.squadcast .scrubber-thumb.enabled-control, .oddtube.squadcast .scrubber-thumb.disabled-control.disabled {
  background-image: url("../image/oddtube/ui/season-1/btn-timelineHandle.png"); }

@-webkit-keyframes brightness {
  from {
    -webkit-filter: brightness(10);
    opacity: 0;
    transform: scale(0.6) rotate(45deg);
    bottom: -12vw; }
  to {
    -webkit-filter: brightness(none);
    opacity: 1;
    transform: scale(1) rotate(0);
    bottom: -3vw; } }

@-webkit-keyframes activityHolderShow {
  from {
    transform: rotate(60deg) scale(0.75) translate(-2vw, 0);
    opacity: 0; }
  30% {
    transform: rotate(60deg) scale(0.75) translate(-2vw, 0);
    opacity: 1; }
  to {
    transform: rotate(0deg) scale(1) translate(0, 0);
    opacity: 1; } }

@-webkit-keyframes seasonBtnPulse {
  from {
    transform: scale(1); }
  25% {
    transform: scale(1.1); }
  50% {
    transform: scale(1); }
  to {
    transform: scale(1); } }

/* @-moz-keyframes spin {  . . . } */
/* @-ms-keyframes spin {  . . . } */
/* @-o-keyframes spin { . . . } */
@-webkit-keyframes spin {
  from {
    transform: rotateZ(0deg) scale(1); }
  50% {
    transform: rotateZ(540deg) scale(0.9);
    border-color: #0099ff; }
  to {
    transform: rotateZ(1080deg) scale(1); } }

@keyframes playlistPulse {
  from {
    transform: rotate(0deg) scale(1.05); }
  50% {
    transform: rotate(0deg) scale(1); }
  to {
    transform: rotateZ(0deg) scale(1.05); } }

@keyframes blinker {
  50% {
    opacity: 0; } }

@keyframes blinker_alt {
  50% {
    opacity: 0;
    display: none; } }

@keyframes tab_pulse {
  50% {
    opacity: 1;
    transform: scale(1.1); } }

.oddtube.mobile main {
  margin-top: 26vw; }

.oddtube.mobile {
  margin-top: -19vw; }

.mobile-portrait.oddtube, .oddtube.mobile {
  overflow: auto; }
  .mobile-portrait.oddtube ul#sponsor_by li.sponsor-label, .mobile-portrait.oddtube ul#sponsor_by li.sponsor-label label, .oddtube.mobile ul#sponsor_by li.sponsor-label, .oddtube.mobile ul#sponsor_by li.sponsor-label label {
    color: #fff; }
  .mobile-portrait.oddtube #nav_shield_link #nav_os_shield, .oddtube.mobile #nav_shield_link #nav_os_shield {
    width: 15vw; }
  .mobile-portrait.oddtube #mobile_dashboard_link, .oddtube.mobile #mobile_dashboard_link {
    display: block !important; }
  .mobile-portrait.oddtube menu ul#desktop_menu li:nth-of-type(4), .oddtube.mobile menu ul#desktop_menu li:nth-of-type(4) {
    display: none; }
  .mobile-portrait.oddtube main, .oddtube.mobile main {
    margin-top: 55vw; }
    .mobile-portrait.oddtube main #video_playlist, .oddtube.mobile main #video_playlist {
      height: inherit;
      margin: 0; }
    .mobile-portrait.oddtube main #activity_wrapper #ugc_panel, .oddtube.mobile main #activity_wrapper #ugc_panel {
      display: none; }
    .mobile-portrait.oddtube main #activity_wrapper .activity-player-outer-border, .oddtube.mobile main #activity_wrapper .activity-player-outer-border {
      width: 85vw;
      height: 63vw;
      left: 50%;
      transform: translate(-50%, 0); }
      .mobile-portrait.oddtube main #activity_wrapper .activity-player-outer-border .activity-player-inner #video_player_wrapper, .oddtube.mobile main #activity_wrapper .activity-player-outer-border .activity-player-inner #video_player_wrapper {
        width: 79.5vw;
        height: 45vw; }
    .mobile-portrait.oddtube main #activity_wrapper #mobile_video_playlist_wrapper, .oddtube.mobile main #activity_wrapper #mobile_video_playlist_wrapper {
      display: block; }
    .mobile-portrait.oddtube main #activity_wrapper #video_playlist_wrapper, .oddtube.mobile main #activity_wrapper #video_playlist_wrapper {
      display: none; }
    .mobile-portrait.oddtube main #activity_wrapper #video_playlist_wrapper, .mobile-portrait.oddtube main #activity_wrapper #mobile_video_playlist_wrapper, .oddtube.mobile main #activity_wrapper #video_playlist_wrapper, .oddtube.mobile main #activity_wrapper #mobile_video_playlist_wrapper {
      position: relative;
      width: 85vw;
      left: 50%;
      transform: translate(-50%, 0);
      border: none;
      height: auto;
      margin: 10vw 0 10vw; }
      .mobile-portrait.oddtube main #activity_wrapper #video_playlist_wrapper > *:not(.iScrollContainer), .mobile-portrait.oddtube main #activity_wrapper #mobile_video_playlist_wrapper > *:not(.iScrollContainer), .oddtube.mobile main #activity_wrapper #video_playlist_wrapper > *:not(.iScrollContainer), .oddtube.mobile main #activity_wrapper #mobile_video_playlist_wrapper > *:not(.iScrollContainer) {
        display: none; }
      .mobile-portrait.oddtube main #activity_wrapper #video_playlist_wrapper .iScrollContainer, .mobile-portrait.oddtube main #activity_wrapper #mobile_video_playlist_wrapper .iScrollContainer, .oddtube.mobile main #activity_wrapper #video_playlist_wrapper .iScrollContainer, .oddtube.mobile main #activity_wrapper #mobile_video_playlist_wrapper .iScrollContainer {
        overflow: auto !important;
        height: auto; }
        .mobile-portrait.oddtube main #activity_wrapper #video_playlist_wrapper .iScrollContainer #video_playlist, .mobile-portrait.oddtube main #activity_wrapper #mobile_video_playlist_wrapper .iScrollContainer #video_playlist, .oddtube.mobile main #activity_wrapper #video_playlist_wrapper .iScrollContainer #video_playlist, .oddtube.mobile main #activity_wrapper #mobile_video_playlist_wrapper .iScrollContainer #video_playlist {
          height: auto; }
          .mobile-portrait.oddtube main #activity_wrapper #video_playlist_wrapper .iScrollContainer #video_playlist li.play-list-item, .mobile-portrait.oddtube main #activity_wrapper #mobile_video_playlist_wrapper .iScrollContainer #video_playlist li.play-list-item, .oddtube.mobile main #activity_wrapper #video_playlist_wrapper .iScrollContainer #video_playlist li.play-list-item, .oddtube.mobile main #activity_wrapper #mobile_video_playlist_wrapper .iScrollContainer #video_playlist li.play-list-item {
            width: 47.5%;
            margin-bottom: 2vw;
            float: left;
            height: auto;
            margin-top: 0 !important; }
            .mobile-portrait.oddtube main #activity_wrapper #video_playlist_wrapper .iScrollContainer #video_playlist li.play-list-item .playlist-thumb, .mobile-portrait.oddtube main #activity_wrapper #mobile_video_playlist_wrapper .iScrollContainer #video_playlist li.play-list-item .playlist-thumb, .oddtube.mobile main #activity_wrapper #video_playlist_wrapper .iScrollContainer #video_playlist li.play-list-item .playlist-thumb, .oddtube.mobile main #activity_wrapper #mobile_video_playlist_wrapper .iScrollContainer #video_playlist li.play-list-item .playlist-thumb {
              position: relative;
              height: auto;
              width: 100%; }
            .mobile-portrait.oddtube main #activity_wrapper #video_playlist_wrapper .iScrollContainer #video_playlist li.play-list-item:nth-child(2n), .mobile-portrait.oddtube main #activity_wrapper #mobile_video_playlist_wrapper .iScrollContainer #video_playlist li.play-list-item:nth-child(2n), .oddtube.mobile main #activity_wrapper #video_playlist_wrapper .iScrollContainer #video_playlist li.play-list-item:nth-child(2n), .oddtube.mobile main #activity_wrapper #mobile_video_playlist_wrapper .iScrollContainer #video_playlist li.play-list-item:nth-child(2n) {
              float: right; }
            .mobile-portrait.oddtube main #activity_wrapper #video_playlist_wrapper .iScrollContainer #video_playlist li.play-list-item .play-list-overlay h3, .mobile-portrait.oddtube main #activity_wrapper #mobile_video_playlist_wrapper .iScrollContainer #video_playlist li.play-list-item .play-list-overlay h3, .oddtube.mobile main #activity_wrapper #video_playlist_wrapper .iScrollContainer #video_playlist li.play-list-item .play-list-overlay h3, .oddtube.mobile main #activity_wrapper #mobile_video_playlist_wrapper .iScrollContainer #video_playlist li.play-list-item .play-list-overlay h3 {
              font-size: 4vw;
              width: calc(100% - 4vw);
              margin: 1vw auto; }
    .mobile-portrait.oddtube main #activity_wrapper #oddtube_control_panel #oddtube_video_tracking, .oddtube.mobile main #activity_wrapper #oddtube_control_panel #oddtube_video_tracking {
      bottom: 2vw; }
    .mobile-portrait.oddtube main #activity_wrapper #oddtube_control_panel .media-buttons, .oddtube.mobile main #activity_wrapper #oddtube_control_panel .media-buttons {
      position: absolute;
      left: 11.5vw;
      transform: scale(1.75) translate(7.5vw, -1vw); }
    .mobile-portrait.oddtube main #activity_wrapper #oddtube_control_panel .media-button-extras, .oddtube.mobile main #activity_wrapper #oddtube_control_panel .media-button-extras {
      position: absolute;
      right: 1.25vw;
      transform: scale(1.75) translate(-2.5vw, -1vw); }
  .mobile-portrait.oddtube .mobile #activity_player, .oddtube.mobile .mobile #activity_player {
    width: calc(100% - 2vw);
    height: 74vw;
    margin-left: 0.5vw; }
  .mobile-portrait.oddtube #oddtube_frame .frame.frame-top, .oddtube.mobile #oddtube_frame .frame.frame-top {
    height: 35vw;
    display: none; }
  .mobile-portrait.oddtube #oddtube_frame .frame.frame-top-left, .mobile-portrait.oddtube #oddtube_frame .frame.frame-top-right, .oddtube.mobile #oddtube_frame .frame.frame-top-left, .oddtube.mobile #oddtube_frame .frame.frame-top-right {
    top: 42vw;
    display: none; }

.oddtube.mobile-portrait main #activity_wrapper .activity-player-outer-border .oddtube-season-buttons {
  transform: scale(1.5); }

.oddtube.mobile-portrait footer#oddsquad_footer {
  margin-top: -12vw !important; }

.oddtube.mobile-portrait #nav_keyline, .oddtube.mobile #nav_keyline {
  display: none; }

.oddtube.mobile-portrait .vjs-loading-spinner, .oddtube.mobile .vjs-loading-spinner {
  transform: scale(2); }

.oddtube.mobile-portrait div.centre-content .activity-player-outer-border, .oddtube.mobile div.centre-content .activity-player-outer-border {
  border-width: 1.25vw !important; }
  .oddtube.mobile-portrait div.centre-content .activity-player-outer-border .activity-player-inner-border, .oddtube.mobile div.centre-content .activity-player-outer-border .activity-player-inner-border {
    border-width: 0.5vw !important; }
    .oddtube.mobile-portrait div.centre-content .activity-player-outer-border .activity-player-inner-border .oddtube-season-buttons, .oddtube.mobile div.centre-content .activity-player-outer-border .activity-player-inner-border .oddtube-season-buttons {
      top: -1.7vw !important; }

.oddtube.mobile-portrait div.centre-content, .oddtube.mobile div.centre-content {
  margin-top: calc(85px + 8vw) !important; }

.oddtube.mobile-portrait.scroll-active.scroll-progress #oddtube_frame .frame.frame-top, .oddtube.mobile-portrait.scroll-active.scroll-progress #oddtube_frame .frame.frame-top-left, .oddtube.mobile-portrait.scroll-active.scroll-progress #oddtube_frame .frame.frame-top-right, .oddtube.mobile-portrait.scroll-active #oddtube_frame .frame.frame-top, .oddtube.mobile-portrait.scroll-active #oddtube_frame .frame.frame-top-left, .oddtube.mobile-portrait.scroll-active #oddtube_frame .frame.frame-top-right, .oddtube.mobile-portrait .oddtube.mobile.scroll-progress #oddtube_frame .frame.frame-top, .oddtube.mobile-portrait .oddtube.mobile.scroll-progress #oddtube_frame .frame.frame-top-left, .oddtube.mobile-portrait .oddtube.mobile.scroll-progress #oddtube_frame .frame.frame-top-right, .oddtube.mobile-portrait .oddtube.mobile #oddtube_frame .frame.frame-top, .oddtube.mobile-portrait .oddtube.mobile #oddtube_frame .frame.frame-top-left, .oddtube.mobile-portrait .oddtube.mobile #oddtube_frame .frame.frame-top-right, .oddtube.mobile.scroll-active.scroll-progress #oddtube_frame .frame.frame-top, .oddtube.mobile.scroll-active.scroll-progress #oddtube_frame .frame.frame-top-left, .oddtube.mobile.scroll-active.scroll-progress #oddtube_frame .frame.frame-top-right, .oddtube.mobile.scroll-active #oddtube_frame .frame.frame-top, .oddtube.mobile.scroll-active #oddtube_frame .frame.frame-top-left, .oddtube.mobile.scroll-active #oddtube_frame .frame.frame-top-right, .oddtube.mobile .oddtube.mobile.scroll-progress #oddtube_frame .frame.frame-top, .oddtube.mobile .oddtube.mobile.scroll-progress #oddtube_frame .frame.frame-top-left, .oddtube.mobile .oddtube.mobile.scroll-progress #oddtube_frame .frame.frame-top-right, .oddtube.mobile .oddtube.mobile #oddtube_frame .frame.frame-top, .oddtube.mobile .oddtube.mobile #oddtube_frame .frame.frame-top-left, .oddtube.mobile .oddtube.mobile #oddtube_frame .frame.frame-top-right {
  display: none; }

.ie-browser.oddtube.mobile, .ie-browser.oddtube.mobile {
  margin-top: 70vw !important;
  overflow: visible !important;
  overflow-x: visible !important; }

body.oddtube.mobile:not(.mobile-landscape):not(.mobile-portrait) div.centre-content main #activity_wrapper .activity-player-outer-border .oddtube-season-buttons {
  transform: scale(1.5); }

body.oddtube.app.long-ratio.mobile-landscape {
  overflow-x: hidden; }
  body.oddtube.app.long-ratio.mobile-landscape #sponsor_by {
    background: #000; }
  body.oddtube.app.long-ratio.mobile-landscape menu {
    margin-left: -50%;
    width: 100vw;
    left: 50%; }
  body.oddtube.app.long-ratio.mobile-landscape div.centre-content {
    margin-top: calc(125px + 8vh); }
    body.oddtube.app.long-ratio.mobile-landscape div.centre-content main #activity_wrapper .activity-player-outer-border .oddtube-season-buttons {
      transform: scale(1); }
  body.oddtube.app.long-ratio.mobile-landscape #oddtube_frame {
    width: 100vw; }

body.oddtube.app.long-ratio.mobile-landscape.scroll-active.scroll-progress menu {
  top: 40px !important; }

body.oddtube.app.mobile.show-cat #mobile_dashboard_link {
  top: 21vw; }

body.oddtube.app.mobile.show-cat main #activity_wrapper .activity-holder {
  opacity: 1;
  left: -1.5vw;
  width: 84vw;
  height: 20vw;
  transform: translate(0, 23vw);
  pointer-events: auto; }
  body.oddtube.app.mobile.show-cat main #activity_wrapper .activity-holder #cat_text {
    left: 11.5vw;
    top: 3.5vw;
    width: 50vw;
    font-size: 4.75vw; }
  body.oddtube.app.mobile.show-cat main #activity_wrapper .activity-holder #cat_link #cat_go_button {
    width: 16vw;
    right: 2vw;
    top: 5.25vw; }
  body.oddtube.app.mobile.show-cat main #activity_wrapper .activity-holder #cat_close_btn {
    display: none; }

body.oddtube.app.mobile.show-cat main #activity_wrapper #mobile_video_playlist_wrapper {
  margin-top: 25vw; }

.oddtube.mobile-portrait #oddtube_frame .frame:not(.frame-top), .oddtube.mobile-landscape #oddtube_frame .frame:not(.frame-top) {
  display: none; }

.oddtube.mobile-portrait.scroll-active .frame-top, .oddtube.mobile-landscape.scroll-active .frame-top {
  display: none; }

.oddtube.mobile-landscape .frame-top, .oddtube.mobile-landscape #oddsquad_header {
  display: none; }

.oddtube.mobile main #activity_wrapper .activity-holder {
  background-image: url(../image/oddtube/ui/cat-bubble-mobile.png); }

.oddtube.ipad, .oddtube.iPhone {
  background-attectment: scroll !important; }

.oddtube.iPhone.notch-left menu ul#desktop_menu, .oddtube.iPhone.notch-right menu ul#desktop_menu {
  background-size: 96% 90%; }

.oddtube.iPhone.notch-left menu ul#desktop_menu {
  background-size: 96% 90%; }

.oddtube.iPhone.notch-left #pbs_kids_logo {
  left: 50px !important; }

.podcast * {
  border-color: #f79f31;
  stroke: #f79f31; }

.podcast .podcast-number {
  visibility: hidden; }

.podcast .podcast-player-wrap #popup-canvas {
  visibility: hidden !important; }

.podcast #popup-canvas {
  width: 100%;
  height: 100vh;
  z-index: 999999;
  position: fixed;
  top: 40px; }
  .podcast #popup-canvas * {
    color: #000 !important; }
  .podcast #popup-canvas #grownups-popup {
    top: 40px;
    left: 5%;
    width: 90%;
    overflow-x: hidden;
    height: calc(100% - 120px); }
    .podcast #popup-canvas #grownups-popup #popup-close {
      cursor: pointer;
      position: absolute; }
    .podcast #popup-canvas #grownups-popup #grownups-text .title.episode, .podcast #popup-canvas #grownups-popup #grownups-text #grownups-show-ep-num {
      display: none; }
    .podcast #popup-canvas #grownups-popup .funded-by {
      width: 100%; }
      .podcast #popup-canvas #grownups-popup .funded-by .title.funding {
        width: 100%; }
    .podcast #popup-canvas #grownups-popup #credits {
      height: auto !important;
      display: block; }
      .podcast #popup-canvas #grownups-popup #credits p {
        display: inline-block;
        vertical-align: top; }

.podcast .centre-content {
  z-index: 0; }
  .podcast .centre-content #border-wrap {
    width: 95%;
    border-radius: 2vw;
    border: solid #f79f31 0.5vw;
    padding: 0.5vw;
    margin: auto;
    background-color: #000; }
    .podcast .centre-content #border-wrap .podcast-player-wrap {
      width: calc(100% - 0.25vw);
      height: auto; }
      .podcast .centre-content #border-wrap .podcast-player-wrap * {
        font-family: 'refrigerator-deluxe';
        fill: #f79f31; }
      .podcast .centre-content #border-wrap .podcast-player-wrap .grownups-button {
        background-image: url("../image/podcast/more-info-button.svg") !important;
        display: block;
        margin: 10px auto 0;
        transform: scale(1.5);
        transition: transform 0.3s; }
        .podcast .centre-content #border-wrap .podcast-player-wrap .grownups-button:hover {
          transform: scale(1.65); }
      .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container {
        border-radius: 1vw;
        border: solid #f79f31 0.175vw;
        height: 550px; }
        .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #popup-canvas {
          visibility: hidden !important; }
        .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container .player-title {
          visibility: hidden; }
          .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container .player-title:before {
            content: 'ODD SQUADCAST';
            visibility: visible; }
        .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container .podcast-audio {
          border-bottom: none; }
          .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container .podcast-audio .podcast-audio-player {
            width: 100%; }
            .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container .podcast-audio .podcast-audio-player #podcast-scrubber {
              background-image: url("../image/podcast/scrubber.svg");
              cursor: pointer; }
        .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast {
          border-top-right-radius: 10px;
          width: 40%; }
          .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-image {
            position: absolute;
            left: 80px;
            display: block;
            width: auto;
            height: 40%;
            transition: height 0.35s; }
          .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast #active-number {
            position: absolute;
            left: 15px;
            font-size: 5em;
            display: none !important; }
          .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-info {
            position: relative;
            display: block;
            top: 40%;
            margin-bottom: 0;
            left: 15px;
            text-align: center;
            transition: top 0.35s; }
            .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-info #active-title {
              font-size: 2.25em;
              min-height: unset;
              margin-bottom: 10px;
              display: inline-block; }
            .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-info #current-time {
              font-size: 1.5em;
              margin-bottom: 10px;
              display: inline-block;
              align-self: flex-end; }
            .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-info .grownups-button {
              background-repeat: no-repeat;
              background-size: contain; }
          .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-audio .podcast-controls {
            width: 100%;
            transition: transform 0.35s;
            margin-top: 5px; }
            .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-audio .podcast-controls #back, .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-audio .podcast-controls #next, .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-audio .podcast-controls #play, .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-audio .podcast-controls #pause {
              background: #f79f31 no-repeat;
              border: solid #f79f31 3px;
              border-radius: 0.35vw;
              background-size: contain;
              height: 65px;
              transform: skew(-9deg, 0deg);
              transition: background-color 0.35s, margin-top 0.3s;
              margin-top: 0 !important; }
              .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-audio .podcast-controls #back *, .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-audio .podcast-controls #next *, .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-audio .podcast-controls #play *, .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-audio .podcast-controls #pause * {
                display: none; }
              .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-audio .podcast-controls #back:after, .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-audio .podcast-controls #next:after, .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-audio .podcast-controls #play:after, .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-audio .podcast-controls #pause:after {
                left: 50%;
                position: absolute;
                transform: translate(-50%, 0);
                top: 17.5%; }
              .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-audio .podcast-controls #back:hover, .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-audio .podcast-controls #next:hover, .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-audio .podcast-controls #play:hover, .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-audio .podcast-controls #pause:hover {
                background: #000; }
            .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-audio .podcast-controls #back:after {
              content: url("../image/podcast/podcast-previous-idle.png");
              margin-top: -20px;
              transform: skew(8deg, 0deg) translate(-50%, 0); }
            .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-audio .podcast-controls #back:hover:after {
              content: url("../image/podcast/podcast-previous-hover.png"); }
            .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-audio .podcast-controls #play {
              background: #2ebdca;
              border-color: #2ebdca;
              width: 125px; }
              .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-audio .podcast-controls #play:after {
                content: url("../image/video/play-video-idle.png"); }
              .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-audio .podcast-controls #play:hover:after {
                content: url("../image/video/play-video-hover.png"); }
            .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-audio .podcast-controls #pause {
              width: 125px;
              background: #2ebdca;
              border-color: #2ebdca; }
              .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-audio .podcast-controls #pause:after {
                content: url("../image/podcast/podcast-pause-idle.png");
                margin-top: -20px; }
              .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-audio .podcast-controls #pause:hover:after {
                content: url("../image/podcast/podcast-pause-hover.png"); }
            .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-audio .podcast-controls #next:after {
              content: url("../image/podcast/podcast-next-idle.png");
              margin-top: -20px;
              transform: skew(8deg, 0deg) translate(-50%, 0); }
            .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-audio .podcast-controls #next:hover:after {
              content: url("../image/podcast/podcast-next-over.png"); }
        .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container .podcast.active .podcast-image {
          border-radius: 1vw; }
        .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container .podcast-image {
          border-radius: 0.5vw; }
        .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #podcast-list {
          width: 60%; }
          .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #podcast-list #podcast-items .podcast {
            border: none;
            margin: 0 0 0 5px;
            color: #fff;
            background: #000;
            position: relative;
            min-height: 65px;
            padding: 10px 0;
            transition: background-color 0.3s; }
            .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #podcast-list #podcast-items .podcast:before {
              content: '';
              position: absolute;
              border-radius: 10px;
              width: calc(100% - 4px);
              height: calc(100% - 30px);
              border: #f79f31 2px solid;
              padding: 10px 0;
              overflow: hidden;
              top: 0;
              left: 0; }
            .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #podcast-list #podcast-items .podcast .title {
              font-size: 1.5em; }
            .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #podcast-list #podcast-items .podcast .time {
              font-size: 1.25em;
              color: #f79f31;
              margin-bottom: 3px; }
            .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #podcast-list #podcast-items .podcast .podcast-info .grownups-button {
              background-image: url("../image/podcast/more-info-button.svg") !important;
              position: absolute;
              right: 25px;
              bottom: 20px; }
            .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #podcast-list #podcast-items .podcast.active-list:before {
              background-color: rgba(247, 159, 49, 0.5); }
            .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #podcast-list #podcast-items .podcast:hover:not(.active-list) {
              background-color: rgba(247, 159, 49, 0.25); }
          .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #podcast-list #scroll-container {
            background: #000;
            border-radius: 7px; }
            .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #podcast-list #scroll-container #scroll-track {
              border-radius: 5px; }
              .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #podcast-list #scroll-container #scroll-track #scroll-bar {
                background: #f79f31;
                cursor: pointer; }

/* CONSTANTS AND IMPORTS */
@font-face {
  font-family: "Colfax-Regular";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/ColfaxWebRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/ColfaxWebRegular.woff") format("woff"); }

@font-face {
  font-family: "Colfax-Regular-Italic";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/ColfaxWebRegularItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/ColfaxWebRegularItalic.woff") format("woff"); }

@font-face {
  font-family: "Colfax-Medium";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/ColfaxWebMedium.eot?#iefix") format("embedded-opentype"); }

@font-face {
  font-family: "Colfax-Medium-Italic";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/ColfaxWebMediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/ColfaxWebMediumItalic.woff") format("woff"); }

@font-face {
  font-family: "Colfax-Bold";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/ColfaxWebBold.eot?#iefix") format("embedded-opentype"), url("../fonts/ColfaxWebBold.woff") format("woff"); }

@font-face {
  font-family: "Colfax-Bold-Italic";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/ColfaxWebBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/ColfaxWebBoldItalic.woff") format("woff"); }

@font-face {
  font-family: "PBS_KIDS_Headline_Regular";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/pbskidsheadline-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/pbskidsheadline-regular-webfont.ttf") format("truetype"), url("../fonts/pbskidsheadline-regular-webfont.svg#PBS_KIDS_Headline_Regular") format("svg"); }

@font-face {
  font-family: "PBS_KIDS_Headline_Bold";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/pbskidsheadline-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/pbskidsheadline-bold-webfont.woff") format("woff"), url("../fonts/pbskidsheadline-bold-webfont.ttf") format("truetype"), url("../fonts/pbskidsheadline-bold-webfont.svg#PBS_KIDS_Headline_Bold") format("svg"); }

@font-face {
  font-family: "PBS_Kids_Headline_Condensed";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/pbskids_headlinecondensed-reg-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/pbskids_headlinecondensed-reg-webfont.woff") format("woff"), url("../fonts/pbskids_headlinecondensed-reg-webfont.ttf") format("truetype"); }

@font-face {
  font-family: "PBS_Kids_Headline_Condensed_Bold";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/pbskids_headlinecondensed-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/pbskids_headlinecondensed-bold-webfont.woff") format("woff"), url("../fonts/pbskids_headlinecondensed-bold-webfont.ttf") format("truetype"); }

.phat-button {
  font-family: PBS_KIDS_Headline_Regular, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 1px;
  font-size: 38px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-rendering: optimizelegibility;
  text-align: left;
  border: none;
  outline: none;
  text-decoration: none;
  display: block;
  float: left;
  position: relative;
  z-index: 100;
  width: 100%;
  height: 80px;
  padding: 24px 20px 20px;
  cursor: pointer;
  margin: 0;
  bottom: 0;
  border-bottom: 24px solid;
  background-color: #F41971;
  border-color: #CE1569; }

.phat-button.magenta {
  border-color: #CE1569; }

.phat-button.green {
  border-color: #75C700; }

.phat-button.seafoam {
  border-color: #0FBCA3; }

.phat-button.yellow {
  border-color: #EFC206; }

.phat-button.blue {
  border-color: #00A0D1; }

.phat-button.orange {
  border-color: #FF8B00; }

.phat-button.hovered, .phat-button:hover, .phat-button:focus {
  border-bottom-width: 12px;
  margin-top: 12px;
  height: 68px; }

.phat-button.tapped, .phat-button.clicked, .phat-button:active {
  border-bottom-width: 0;
  margin-top: 24px;
  height: 56px; }

.phat-button.disabled {
  border-bottom-width: 0;
  margin-top: 24px;
  height: 56px;
  opacity: 0.8;
  pointer-events: none; }

.phat-button.show-all {
  width: auto;
  font-size: 26px;
  padding: 14px 20px 10px; }

.phat-button.show-all .icon {
  width: 34px;
  height: 34px;
  background-size: 100%;
  margin-right: 0; }

.phat-button .icon {
  background-position: 50% 0;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  width: 53px;
  height: 53px;
  margin-right: 6px; }

.phat-button.videos .icon {
  background-position: 50% -130px; }

.phat-button.tall {
  width: 150px;
  text-align: center;
  padding: 20px 0 16px; }

.phat-button.tall .icon {
  margin-bottom: 18px; }

.phat-button.scroll-arrow {
  text-indent: -999em;
  height: 68px;
  background-image: url("../images/present/scroll-arrows.svg");
  background-position: 50% -76px;
  background-repeat: no-repeat; }

.phat-button.scroll-arrow:hover, .phat-button.scroll-arrow.tapped {
  background-position: 50% -72px; }

.phat-button.scroll-arrow.up {
  background-position: 50% 10px; }

.phat-button.scroll-arrow.up:hover, .phat-button.scroll-arrow.up.tapped {
  background-position: 50% 14px; }

#popup-canvas {
  font-family: PBS_KIDS_Headline_Regular;
  width: 100vw;
  height: 100vh;
  position: absolute;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.7);
  display: none;
  position: fixed;
  top: 0;
  left: 0; }

#popup-canvas #grownups-popup {
  display: none;
  z-index: 10;
  position: absolute;
  top: 90px;
  background: #fff;
  height: auto;
  max-height: calc(100% - 60px);
  width: 100%;
  overflow: scroll; }

@media only screen and (min-width: 980px) {
  #popup-canvas #grownups-popup {
    top: 10%;
    left: 10%;
    width: 80%; } }

#popup-canvas #grownups-popup .popup-close {
  position: fixed;
  top: 10px;
  right: 10px; }

@media only screen and (min-width: 545px) {
  #popup-canvas #grownups-popup .popup-close {
    position: relative;
    float: right; } }

#popup-canvas #grownups-popup .title.popup {
  font-size: 34px;
  height: 56px;
  padding: 10px 0;
  text-transform: uppercase;
  line-height: 34px;
  margin-bottom: 20px;
  text-align: center; }

@media only screen and (min-width: 545px) {
  #popup-canvas #grownups-popup .title.popup {
    text-align: left; } }

#popup-canvas #grownups-popup .title.popup span {
  display: block;
  width: 90%;
  margin: 0 auto; }

@media only screen and (min-width: 545px) {
  #popup-canvas #grownups-popup .title.popup span {
    max-width: 800px; } }

#popup-canvas #grownups-popup .content {
  font-family: Colfax-Medium;
  overflow: hidden;
  width: 90%;
  margin: 0 auto 40px; }

@media only screen and (min-width: 545px) {
  #popup-canvas #grownups-popup .content {
    max-width: 800px; } }

#popup-canvas #grownups-popup .content .title {
  text-transform: uppercase; }

#popup-canvas #grownups-popup .content .title.episode {
  margin-bottom: 10px; }

#popup-canvas #grownups-popup .content .now-playing .heading .title {
  font-family: PBS_Kids_Headline_Condensed; }

#popup-canvas #grownups-popup .content .now-playing .heading #grownups-show-title {
  font-family: PBS_Kids_Headline_Condensed_Bold;
  font-size: 20px;
  text-transform: uppercase; }

#popup-canvas #grownups-popup .content .now-playing .heading #grownups-ep-title {
  font-family: Colfax-Medium;
  text-transform: capitalize; }

#popup-canvas #grownups-popup .content .now-playing #grownups-image {
  float: left;
  width: 230px;
  height: auto;
  margin: 4px 15px 5px 0; }

@media only screen and (min-width: 545px) {
  #popup-canvas #grownups-popup .content .now-playing #grownups-image {
    margin-right: 5%; } }

@media only screen and (min-width: 980px) {
  #popup-canvas #grownups-popup .content .now-playing #grownups-image {
    margin-right: 4%;
    margin-bottom: 30px; } }

#popup-canvas #grownups-popup .content .now-playing #grownups-text {
  font-family: Colfax-Regular; }

#popup-canvas #grownups-popup .content .now-playing #grownups-text .title {
  font-family: Colfax-Medium; }

#popup-canvas #grownups-popup .content .now-playing #grownups-text #transcript .text, #popup-canvas #grownups-popup .content .now-playing #grownups-text #transcript .download {
  fill: #fff; }

#popup-canvas #grownups-popup .content .now-playing #grownups-text #transcript .border {
  fill: #484a4d; }

#popup-canvas #grownups-popup .content .now-playing #grownups-text #transcript .background {
  fill: #000; }

@media only screen and (min-width: 545px) {
  #popup-canvas #grownups-popup .content .now-playing #grownups-text {
    float: right;
    width: calc(100% - 230px - 5%);
    min-height: 270px; } }

@media only screen and (min-width: 980px) {
  #popup-canvas #grownups-popup .content .now-playing #grownups-text {
    width: calc(100% - 230px - 4%); } }

#popup-canvas #grownups-popup .content .now-playing .funded-by {
  margin-bottom: 10px; }

#popup-canvas #grownups-popup .content .now-playing .funded-by .title.funding {
  border-bottom: 3px solid;
  width: 90%;
  padding: 3px 0; }

#popup-canvas #grownups-popup .content .now-playing .funded-by .funding-image {
  height: 40px;
  padding: 10px; }

@media only screen and (min-width: 545px) {
  #popup-canvas #grownups-popup .content .now-playing .funded-by {
    float: left;
    width: calc(230px + 5%); } }

@media only screen and (min-width: 980px) {
  #popup-canvas #grownups-popup .content .now-playing .funded-by {
    width: calc(230px + 4%); } }

#popup-canvas #grownups-popup .content .now-playing #funding {
  display: flex;
  flex-wrap: wrap;
  justify-content: left; }

#popup-canvas #grownups-popup .content .now-playing #funding a {
  display: block; }

#popup-canvas #grownups-popup .content .now-playing .space {
  margin-bottom: 15px; }

#popup-canvas #grownups-popup .content .now-playing #grownups-description {
  margin-bottom: 30px; }

#popup-canvas #grownups-popup .content .now-playing .pod-credits {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column; }

#popup-canvas #grownups-popup .content .now-playing .pod-credits .title.credits {
  border-bottom: 3px solid;
  padding: 3px 0;
  margin-bottom: 10px; }

#popup-canvas #grownups-popup .content .now-playing .pod-credits #credits {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 90%;
  margin: 0 auto; }

#popup-canvas #grownups-popup .content .now-playing .pod-credits #credits p {
  margin: 5px;
  width: 45%;
  color: #989898;
  font-family: Colfax-Regular; }

#popup-canvas #grownups-popup .content .now-playing #transcript {
  font-family: PBS_KIDS_Headline_Regular;
  display: none;
  font-size: 11.82px; }

#popup-canvas #grownups-popup .content .now-playing #transcript svg {
  height: 50px;
  margin-left: -8px; }

.phat-button {
  z-index: 10 !important; }

/* PLAYER */
.podcast-player-wrap {
  height: 100%;
  position: relative; }

@media only screen and (min-width: 980px) {
  .podcast-player-wrap {
    height: 100vh; } }

.podcast-player-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  font-family: PBS_KIDS_Headline_Regular;
  position: static; }

@media only screen and (min-width: 980px) {
  .podcast-player-container {
    height: 342px;
    overflow: hidden; } }

.player-title {
  font-family: PBS_Kids_Headline_Condensed;
  margin: 0;
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  font-size: 25px; }

@media only screen and (min-width: 545px) {
  .player-title {
    padding: 0 5%; } }

@media only screen and (min-width: 980px) {
  .player-title {
    padding-left: 40px; } }

/* PODCAST LIST */
#podcast-list {
  position: relative;
  width: 100%;
  display: flex; }

@media only screen and (min-width: 980px) {
  #podcast-list {
    overflow: hidden;
    width: 40%;
    height: calc(100% - 40px); } }

#podcast-list #podcast-items {
  width: 100%; }

@media only screen and (min-width: 545px) {
  #podcast-list #podcast-items {
    max-width: 385px;
    margin: 0 auto; } }

@media only screen and (min-width: 980px) {
  #podcast-list #podcast-items {
    position: relative;
    max-width: none;
    height: auto; } }

#podcast-list .podcast {
  padding: 6px 0 5px;
  display: flex;
  border: 2px solid #fff;
  border-top: none; }

#podcast-list .podcast:last-of-type {
  margin-bottom: 0; }

#podcast-list .podcast:hover {
  cursor: pointer; }

#podcast-list .podcast.new {
  position: relative; }

#podcast-list .podcast.new .new-podcast-svg {
  display: block !important;
  width: 35px;
  z-index: 10;
  position: absolute;
  top: 0; }

#podcast-list .podcast.new::before, #podcast-list .podcast.new::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border-color: transparent;
  border-style: solid; }

#podcast-list .podcast.new::after {
  border-width: 15px; }

#podcast-list .podcast.active-list.new::after {
  border-width: 15px; }

#podcast-list .podcast .podcast-info .grownups-button {
  padding: 0 3px 0 3px;
  width: 48px;
  height: 14px;
  object-fit: contain; }

.podcast-number {
  flex-shrink: 0;
  width: 20px;
  padding: 5px 20px;
  font-size: 30px;
  text-align: center;
  justify-content: center;
  display: flex !important; }

.podcast-info,
.podcast-number {
  display: block; }

.podcast .podcast-image {
  align-self: flex-start;
  flex-shrink: 0;
  display: block;
  width: 50px;
  height: auto; }

.podcast .podcast-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  padding: 0 20px 0 15px; }

.podcast .podcast-info .time {
  align-self: flex-start;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 10px;
  display: inline; }

@media only screen and (min-width: 700px) {
  .podcast .podcast-info .time {
    align-self: flex-end; } }

.podcast .podcast-info .grownups-button {
  align-self: flex-start;
  width: 66px;
  height: 20px;
  background-size: cover;
  object-fit: contain; }

@media only screen and (min-width: 700px) {
  .podcast .podcast-info .grownups-button {
    align-self: flex-end; } }

.podcast .podcast-info .grownups-button:hover {
  cursor: pointer; }

.podcast .title {
  width: 100%;
  min-height: 32px;
  margin-bottom: 3px;
  font-size: 14px;
  line-height: 1.2; }

@media only screen and (min-width: 980px) {
  .podcast .title {
    margin: 4px 0 0; } }

/* PODCAST LIST SCROLL BAR */
#podcast-list #scroll-container {
  display: none; }

@media only screen and (min-width: 980px) {
  #podcast-list #scroll-container {
    position: relative;
    display: block;
    width: 26px;
    height: 100%;
    margin-left: 2px; }
  #podcast-list #scroll-container #scroll-track {
    width: 16px;
    margin: 5px;
    height: calc(100% - 10px);
    border-radius: 20px; }
  #podcast-list #scroll-container #scroll-track #scroll-bar {
    width: 12px;
    height: 50px;
    margin: 5px 2px;
    border-radius: 3px;
    position: absolute; } }

/* ACTIVE PODCAST */
.podcast.active {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  background-color: #fff; }

@media only screen and (min-width: 545px) {
  .podcast.active {
    position: relative; } }

@media only screen and (min-width: 980px) {
  .podcast.active {
    width: 60%; } }

.podcast.active .podcast-info {
  height: 90px; }

@media only screen and (min-width: 980px) {
  .podcast.active .podcast-info {
    height: auto; } }

@media only screen and (min-width: 700px) {
  .podcast.active .podcast-info {
    height: 70px; } }

@media only screen and (min-width: 545px) {
  .podcast.active .podcast-info {
    height: 130px; } }

.podcast.active .podcast-number {
  font-family: PBS_KIDS_Headline_Bold;
  min-width: 20px;
  font-size: 40px;
  display: flex;
  padding: 5px 20px 0 20px; }

@media only screen and (min-width: 545px) {
  .podcast.active .podcast-number {
    min-width: 50px;
    margin-top: 8px; } }

@media only screen and (min-width: 980px) {
  .podcast.active .podcast-number {
    min-width: 20px;
    margin-top: 9px; } }

.podcast.active .podcast-image {
  width: 110px;
  margin: 0 0 5px 20px; }

@media only screen and (min-width: 545px) {
  .podcast.active .podcast-image {
    z-index: 1;
    width: 30%;
    margin: 10px 0 25px 5%; } }

@media only screen and (min-width: 980px) {
  .podcast.active .podcast-image {
    width: 200px;
    margin-left: 20px; } }

.podcast.active .podcast-info {
  flex: 1;
  padding: 10px 20px 10px 0; }

@media only screen and (min-width: 545px) {
  .podcast.active .podcast-info {
    margin-right: 20px;
    margin-bottom: 100px; } }

@media only screen and (min-width: 700px) {
  .podcast.active .podcast-info {
    margin-bottom: 150px; } }

@media only screen and (min-width: 980px) {
  .podcast.active .podcast-info {
    margin-right: 0;
    margin-bottom: 130px; } }

.podcast.active .podcast-info .time {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  display: inline;
  font-size: 12px;
  height: 21px;
  line-height: 21px; }

.podcast.active .podcast-info .title {
  margin-bottom: 10px;
  font-size: 20px; }

@media only screen and (min-width: 545px) {
  .podcast.active .podcast-info .title {
    min-height: 72px;
    margin: 8px 0 5px; } }

@media only screen and (min-width: 700px) {
  .podcast.active .podcast-info .title {
    font-size: 25px; } }

@media only screen and (min-width: 980px) {
  .podcast.active .podcast-info .title {
    min-height: 32px;
    max-height: 95px;
    font-size: 30px;
    overflow: hidden;
    margin-top: 10px; } }

.podcast.active .podcast-audio {
  clear: both;
  width: 100%;
  height: 108px;
  border-bottom-width: 15px;
  border-bottom-style: solid; }

@media only screen and (min-width: 545px) {
  .podcast.active .podcast-audio {
    position: absolute;
    bottom: 0; } }

@media only screen and (min-width: 700px) {
  .podcast.active .podcast-audio {
    height: 125px; } }

@media only screen and (min-width: 980px) {
  .podcast.active .podcast-audio {
    height: 108px; } }

.podcast.active .podcast-audio-player {
  position: relative;
  margin-top: -10px;
  height: 30px;
  /* PODCAST SEEK/PROGRESS BAR */ }

@media only screen and (min-width: 545px) {
  .podcast.active .podcast-audio-player {
    float: right;
    width: 65%; } }

@media only screen and (min-width: 700px) {
  .podcast.active .podcast-audio-player {
    height: 40px; } }

@media only screen and (min-width: 980px) {
  .podcast.active .podcast-audio-player {
    height: 30px;
    width: calc(100% - 220px);
    /* podcast-image width, margin-left, padding */ } }

.podcast.active .podcast-audio-player #podcast-seek {
  width: 100%;
  border-radius: 0;
  border: none;
  height: 10px; }

.podcast.active .podcast-audio-player #podcast-scrubber {
  width: 1.5em;
  height: 1.5em;
  background-image: url("../img/scrubber.svg");
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  display: block;
  position: absolute; }

.podcast.active .podcast-controls {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: -3px; }

@media only screen and (min-width: 545px) {
  .podcast.active .podcast-controls {
    float: right;
    width: 65%; } }

@media only screen and (min-width: 980px) {
  .podcast.active .podcast-controls {
    width: calc(100% - 220px);
    /* podcast-image width, margin-left, padding */ } }

.podcast.active .podcast-controls button {
  border-bottom-width: 10px;
  border-bottom-style: solid;
  text-align: center;
  padding: 10px;
  margin-left: 20px;
  max-width: 150px;
  width: 90px;
  height: 80px; }

.podcast.active .podcast-controls button svg g {
  fill: #fff; }

.podcast.active .podcast-controls button:first-child {
  margin-left: 0; }

.podcast.active .podcast-controls button:hover {
  margin-top: 6px;
  height: 74px;
  border-bottom-width: 6px; }

.podcast.active .podcast-controls button .back {
  transform: rotate(-180deg);
  margin-top: -14px; }

.podcast.active .podcast-controls button .forward {
  margin-top: -4px; }

.podcast.active .podcast-controls button#pause {
  display: none; }

.podcast.active .podcast-controls button#pause .pause {
  padding: 5px 12px; }

.podcast.active .podcast-controls button#play svg {
  padding: 0 20px; }

/* MORE PODCAST SEEK/PROGRESS BAR */
/* firefox */
#podcast-seek::-moz-progress-bar {
  background: #b20654;
  width: 100%;
  border-radius: 0;
  border: none;
  height: 10px; }

/* webkit browsers */
#podcast-seek::-webkit-progress-bar {
  background: #ff5c97;
  border-radius: 0;
  border: none; }

#podcast-seek::-webkit-progress-value {
  background: #b20654; }

/* IE */
#podcast-seek::-ms-fill {
  background: #b20654;
  width: 100%;
  border-radius: 0;
  border: none;
  height: 10px; }

/* GROWNUPS */
#grownups-popup .title.popup {
  background-color: #bec1c4;
  color: #000; }

#grownups-popup .content {
  color: #333333; }

#grownups-popup .content .title {
  color: #bec1c4; }

#grownups-popup .content #grownups-show-title {
  color: #000; }

/* PLAYER */
.player-title {
  background-color: #000;
  color: #fff; }

/* PODCAST LIST */
#podcast-list .podcast {
  background-color: #bec1c4;
  color: #000; }

#podcast-list .podcast.new::after {
  border-left-color: #6f7275;
  border-top-color: #6f7275; }

#podcast-list .podcast.active-list {
  background-color: #6f7275;
  color: #000; }

#podcast-list .podcast.active-list.new::after {
  border-left-color: #bec1c4;
  border-top-color: #bec1c4; }

#podcast-list .podcast.active-list .podcast-info .grownups-button {
  background-image: url("../img/Yellow_Playlist_Selected.svg"); }

#podcast-list .podcast .podcast-info .grownups-button {
  background-image: url("../img/Yellow_Playlist_NonSelected.svg"); }

/* PODCAST LIST SCROLL BAR */
#podcast-list #scroll-container {
  background-color: #6f7275; }

#podcast-list #scroll-container #scroll-track {
  background-color: #484a4d; }

#podcast-list #scroll-container #scroll-track #scroll-bar {
  background-color: #fff; }

/* ACTIVE PODCAST */
.podcast.active {
  color: #000;
  background-color: #fff; }

.podcast.active .podcast-info .grownups-button {
  background-image: url("../img/Pink_NowPlaying.svg"); }

.podcast.active .podcast-audio {
  background-color: #000;
  border-bottom: solid 10px #484a4d; }

.podcast.active .podcast-audio .podcast-audio-player {
  /* PODCAST SEEK/PROGRESS BAR */ }

.podcast.active .podcast-audio .podcast-audio-player #podcast-seek {
  background: #bec1c4; }

.podcast.active .podcast-audio .podcast-controls button {
  background-color: #6f7275;
  border-bottom-color: #484a4d; }

.podcast.active .podcast-audio .podcast-controls button:hover {
  border-bottom-color: #484a4d; }

/* MORE PODCAST SEEK/PROGRESS BAR */
/* firefox */
#podcast-seek::-moz-progress-bar {
  background: #484a4d; }

/* webkit browsers */
#podcast-seek::-webkit-progress-bar {
  background: #bec1c4; }

#podcast-seek::-webkit-progress-value {
  background: #484a4d; }

/* IE */
#podcast-seek::-ms-fill {
  background: #484a4d; }

@media only screen and (max-width: 980px) {
  .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container {
    height: auto !important; }
    .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-image {
      width: 100px !important;
      height: 100px !important; }
    .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #podcast-list {
      width: 100%; }
      .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #podcast-list #podcast-items {
        width: 100%;
        max-width: unset; }
        .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #podcast-list #podcast-items .podcast {
          margin: 0 5px 5px 5px; }
          .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #podcast-list #podcast-items .podcast .title {
            font-size: 1.75em; }
          .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #podcast-list #podcast-items .podcast .time {
            font-size: 1.5em; } }

.podcast.mobile-portrait .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-image, .podcast.mobile .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-image {
  left: 0 !important;
  transform: none !important;
  margin-left: 20px !important; }

.podcast.mobile-portrait .centre-content, .podcast.mobile .centre-content {
  margin-top: calc(150px + 42.5vw) !important; }

.podcast.mobile-portrait menu ul#desktop_menu > li:last-child, .podcast.mobile-portrait .mobile menu #nav_keyline > li:last-child, .podcast.mobile-portrait .mobile-portrait menu ul#desktop_menu > li:last-child, .podcast.mobile-portrait .mobile-portrait menu #nav_keyline > li:last-child, .podcast.mobile menu ul#desktop_menu > li:last-child, .podcast.mobile .mobile menu #nav_keyline > li:last-child, .podcast.mobile .mobile-portrait menu ul#desktop_menu > li:last-child, .podcast.mobile .mobile-portrait menu #nav_keyline > li:last-child {
  margin-top: 2vw; }

.podcast.mobile-portrait #mobile-menu-bg-gradient, .podcast.mobile #mobile-menu-bg-gradient {
  height: 50vw; }

.podcast.mobile-portrait .podcast, .podcast.mobile .podcast {
  min-height: 80px !important; }

.podcast.mobile-landscape .centre-content {
  margin-top: calc(145px + 3vw) !important; }
  .podcast.mobile-landscape .centre-content #border-wrap .podcast-player-wrap #podcast-player-container {
    height: auto !important; }
    .podcast.mobile-landscape .centre-content #border-wrap .podcast-player-wrap #podcast-player-container .podcast {
      min-height: 60px !important; }

.podcast.mobile-landscape #gadgets_left, .podcast.mobile-landscape #gadgets_right {
  top: calc(145px + 3vw) !important; }

.podcast.mobile .centre-content, .podcast.mobile-landscape .centre-content, .podcast.mobile-landscape .centre-content {
  overflow: hidden; }
  .podcast.mobile .centre-content #border-wrap .podcast-player-wrap #podcast-player-container, .podcast.mobile-landscape .centre-content #border-wrap .podcast-player-wrap #podcast-player-container, .podcast.mobile-landscape .centre-content #border-wrap .podcast-player-wrap #podcast-player-container {
    max-height: unset !important;
    height: auto; }
    .podcast.mobile .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast, .podcast.mobile-landscape .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast, .podcast.mobile-landscape .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast {
      width: 100% !important;
      border-radius: 0;
      position: relative;
      height: auto !important;
      top: 28%;
      display: block;
      border-radius: 0;
      position: relative;
      height: auto !important;
      top: 28%;
      display: flex; }
      .podcast.mobile .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-image, .podcast.mobile-landscape .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-image, .podcast.mobile-landscape .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-image {
        height: auto;
        width: 30%;
        position: relative;
        align-self: flex-start;
        flex-shrink: 0;
        display: block;
        width: 50px;
        height: auto;
        z-index: 1;
        width: 20%;
        margin: 10px 0 10px 20px;
        left: 0; }
      .podcast.mobile .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast #active-number, .podcast.mobile-landscape .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast #active-number, .podcast.mobile-landscape .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast #active-number {
        top: 15px;
        left: 0;
        font-size: 4em;
        display: inline-block;
        position: relative; }
      .podcast.mobile .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-info, .podcast.mobile-landscape .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-info, .podcast.mobile-landscape .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-info {
        top: 0;
        left: 0;
        display: flex;
        text-align: left;
        height: auto;
        padding: 10px 20px; }
        .podcast.mobile .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-info .grownups-button, .podcast.mobile-landscape .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-info .grownups-button, .podcast.mobile-landscape .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-info .grownups-button {
          transform: scale(1.5) !important;
          transform-origin: bottom right;
          display: flex;
          margin: 0;
          margin: 20px 10px 20px 60px; }
      .podcast.mobile .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-audio, .podcast.mobile-landscape .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-audio, .podcast.mobile-landscape .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-audio {
        position: relative;
        bottom: 0;
        display: inline-block; }
        .podcast.mobile .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-audio .podcast-controls, .podcast.mobile-landscape .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-audio .podcast-controls, .podcast.mobile-landscape .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-audio .podcast-controls {
          transform: scale(0.8); }
    .podcast.mobile .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #podcast-list, .podcast.mobile-landscape .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #podcast-list, .podcast.mobile-landscape .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #podcast-list {
      display: inline-block;
      width: 100%; }
      .podcast.mobile .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #podcast-list .podcast, .podcast.mobile-landscape .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #podcast-list .podcast, .podcast.mobile-landscape .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #podcast-list .podcast {
        width: calc(100% - 10px); }
        .podcast.mobile .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #podcast-list .podcast .title, .podcast.mobile-landscape .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #podcast-list .podcast .title, .podcast.mobile-landscape .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #podcast-list .podcast .title {
          font-size: 1.5em !important; }
        .podcast.mobile .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #podcast-list .podcast .time, .podcast.mobile-landscape .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #podcast-list .podcast .time, .podcast.mobile-landscape .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #podcast-list .podcast .time {
          font-size: 1em !important; }

body.podcast.desktop .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast #active-image.podcast-image {
  left: 50%;
  transform: translate(-50%, 0);
  margin-left: 0; }

body.podcast.desktop #popup-canvas #grownups-popup .content .now-playing .funded-by {
  width: 100% !important; }
  body.podcast.desktop #popup-canvas #grownups-popup .content .now-playing .funded-by .funding {
    width: 100% !important; }

body.podcast.desktop #popup-canvas #grownups-popup .content .now-playing .pod-credits #credits {
  display: block !important; }
  body.podcast.desktop #popup-canvas #grownups-popup .content .now-playing .pod-credits #credits p {
    width: 100% !important; }

body.podcast.long-ratio #gadgets_left, body.podcast.long-ratio #gadgets_right {
  width: 7.75vw;
  left: calc(50% - 47.75vw); }
  body.podcast.long-ratio #gadgets_left canvas, body.podcast.long-ratio #gadgets_right canvas {
    width: 7.75vw; }

body.podcast.long-ratio #gadgets_right {
  left: calc(50% + 40vw); }

body.podcast.long-ratio .centre-content {
  width: 77.5vw; }
  body.podcast.long-ratio .centre-content #podcast-player-container {
    max-height: 550px; }

@media only screen and (max-width: 1250px) {
  .podcast-controls {
    transform: scale(0.9); } }

@media only screen and (max-width: 1100px) {
  .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-info #active-title {
    font-size: 1.75em;
    margin-bottom: 5px; }
  .podcast .centre-content #border-wrap .podcast-player-wrap #podcast-player-container #active-podcast .podcast-info #current-time {
    font-size: 1em;
    margin-bottom: 5px; } }

.mobile a#pbs_kids_logo {
  top: 110px; }

.mobile #sponsor_by {
  top: 40px;
  height: 55px;
  line-height: 55px;
  background: #222; }

.mobile .spacer {
  display: none; }

.mobile #oddsquad_header {
  pointer-events: all;
  height: 40vw;
  z-index: 300;
  background-image: url("../image/ui/header-mobile-hex.png"); }

.mobile #gadgets_left {
  display: none; }

.mobile #gadgets_right {
  display: none; }

.mobile #pbs_kids_logo {
  z-index: 999;
  transform-origin: center;
  left: 8vw;
  top: calc(40px + 4.5vw); }

.mobile div.centre-content {
  width: 100%;
  margin-top: calc(265px + 15vw); }

.mobile footer .sponsors li img {
  height: 8.5vw; }

.mobile footer a {
  font-size: 5.0vw; }

.mobile footer p {
  font-size: 3.0vw; }

.mobile.mobile-portrait div.centre-content {
  margin-top: calc(150px + 27.5vw); }

.mobile.mobile-portrait ul#sponsor_by {
  position: fixed;
  width: calc(100% - 5px);
  text-align: right;
  background: #222;
  line-height: 55px;
  height: 55px; }
  .mobile.mobile-portrait ul#sponsor_by li {
    line-height: 55px;
    height: 55px;
    vertical-align: middle; }

.mobile.mobile-portrait #oddsquad_header {
  height: 40vw;
  z-index: 300;
  background-image: url("../image/ui/header-mobile-hex.png"); }

.mobile.mobile-portrait footer#oddsquad_footer {
  margin-top: 0;
  top: 7vw; }
  .mobile.mobile-portrait footer#oddsquad_footer a {
    font-size: 5.0vw; }
  .mobile.mobile-portrait footer#oddsquad_footer p {
    font-size: 3.0vw; }
  .mobile.mobile-portrait footer#oddsquad_footer .sponsors li img {
    height: 8.5vw; }

.mobile.mobile-landscape #pbs_kids_logo {
  left: 2vw;
  top: calc(40px + 1.5vw); }

.mobile.mobile-landscape #background_fade {
  height: 5.5vw; }

.ipad.iphone #video_panel #video_controls #video_play_controls #captions_btn {
  transform: skew(-9deg, 0deg) translate(18vw, 1.5vw) scale(2.5); }

.mobile-landscape ul#sponsor_by {
  top: 40px;
  width: 100%;
  height: 55px;
  line-height: 55px;
  background: #222; }

.mobile-landscape menu #desktop_menu li a {
  vertical-align: baseline;
  line-height: 1.6vh; }

.mobile.desktop ul#sponsor_by {
  position: fixed;
  width: calc(100% - 5px);
  text-align: right; }

#pbs_kids_logo img {
  min-width: 0px; }

@media (min-aspect-ratio: 1 / 1) {
  #pbs_kids_logo {
    top: calc(40px + 0.5vw); }
    #pbs_kids_logo img {
      width: 5.75vw; } }

@media (max-aspect-ratio: 1 / 1) {
  #pbs_kids_logo {
    top: calc(40px + 0.5vh); }
    #pbs_kids_logo img {
      width: 5.75vh; } }

.mobile #pbs_kids_logo img, .mobile-portrait #pbs_kids_logo img {
  min-width: 0px; }

.mobile #video_playlist-iScrollContainer, .mobile-portrait #video_playlist-iScrollContainer {
  touch-action: auto !important; }

.mobile #video_playlist, .mobile-portrait #video_playlist {
  touch-action: auto !important; }

.mobile #video_playlist-iScrollContainer, .mobile-portrait #video_playlist-iScrollContainer, .mobile-landscape #video_playlist-iScrollContainer {
  touch-action: auto !important; }

.mobile #video_playlist, .mobile-portrait #video_playlist, .mobile-landscape #video_playlist {
  touch-action: auto !important; }

.video.mobile #captions_btn {
  width: calc(10vw - 0.5vw) !important;
  height: calc(8vw - 0.5vw) !important;
  line-height: 7.5vw !important;
  font-size: 4.5vw !important;
  border-radius: 1.5vw !important; }

.video.mobile #fullscreen_btn {
  height: 8vw !important; }

.video.long-ratio .centre-content {
  transform-origin: top left; }

.video.long-ratio #gadgets_left {
  transform-origin: top left; }

.video.long-ratio #gadgets_right {
  transform-origin: top left; }

.video html {
  overflow: auto; }

.oddtube.long-ratio menu {
  top: calc(95px + 1.5vh); }

.oddtube.long-ratio .centre-content main #activity_wrapper {
  text-align: center; }
  .oddtube.long-ratio .centre-content main #activity_wrapper #video_playlist_wrapper #video_playlist .play-list-item .playlist-thumb, .oddtube.long-ratio .centre-content main #activity_wrapper #mobile_video_playlist_wrapper #video_playlist .play-list-item .playlist-thumb {
    width: auto;
    height: 10vh;
    position: relative;
    overflow: hidden; }
  .oddtube.long-ratio .centre-content main #activity_wrapper .activity-player-outer-border {
    left: 0px;
    transform: none; }
    .oddtube.long-ratio .centre-content main #activity_wrapper .activity-player-outer-border .oddtube-season-buttons {
      transform: scale(0.8); }
  .oddtube.long-ratio .centre-content main #activity_wrapper #ugc_panel {
    width: 18vh;
    position: relative; }

.oddtube.long-ratio footer#oddsquad_footer {
  width: 100%; }

.oddtube.scroll-active:not(.mobile):not(.mobile-portrait).scroll-progress menu, .oddtube.scroll-active:not(.mobile):not(.mobile-portrait) menu {
  top: calc(40px + 1.5vw); }

.oddtube.scroll-active:not(.mobile):not(.mobile-portrait).scroll-progress.long-ratio menu, .oddtube.scroll-active:not(.mobile):not(.mobile-portrait).long-ratio menu {
  top: calc(40px + 1.5vh); }

body.oddtube.app.desktop:not(.mobile) menu #nav_shield_link {
  top: 5px !important; }
  body.oddtube.app.desktop:not(.mobile) menu #nav_shield_link #nav_os_shield {
    width: 5vw !important; }

body.oddtube.app.desktop.long-ratio:not(.mobile) menu {
  top: calc(95px + 1.5vh); }
  body.oddtube.app.desktop.long-ratio:not(.mobile) menu #nav_shield_link #nav_os_shield {
    width: 5vh !important; }

#background_fade {
  top: 40px !important; }

#oddsquad_header {
  top: 40px !important; }

body.scroll-active.scroll-progress:not(.mobile):not(.mobile-portrait) #right_arch #funded_by {
  top: 40px; }

body.long-ratio #oddsquad_header {
  z-index: 0; }

body.oddtube.app:not(.mobile):not(.long-ratio) #oddtube_frame {
  top: 40px;
  height: calc(100% - 40px); }

body.oddtube.app:not(.mobile):not(.long-ratio).long-ratio .centre-content {
  top: calc(40px + 12vh); }

.app.long-ratio.mobile-landscape #pbs_kids_logo img {
  width: 7.5vh; }

.app.long-ratio.mobile-landscape #oddsquad_header {
  height: 100px; }

.app.long-ratio.mobile-landscape menu {
  transform: scale(2);
  top: 95px; }

.app.long-ratio.mobile-landscape menu ul#desktop_menu > li * {
  margin: 0 !important; }

.app.long-ratio.mobile-landscape div.centre-content, .app.long-ratio.mobile-landscape #gadgets_left, .app.long-ratio.mobile-landscape #gadgets_right {
  margin-top: calc(125px + 4vh);
  top: 0 !important; }

.app.long-ratio.mobile-landscape .pbskids-captions-showing .pbskids-captions-toggle-settings {
  transform: scale(0.5) translate(75%, 100%); }

/*# sourceMappingURL=compiled.css.map */