.kidsnavigation {
  background: #FFCF00 !important;
  height: auto !important;
}
.kidsnavigation-content {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.canvas-link img {
  opacity: 0 !important;
}
.canvas-link.videos {
  order: 2;
}
.canvas-link.videos a {
  display: block;
  position: relative;
  background: #B6264D;
  border-radius: 100%;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.7);
}
.canvas-link.games {
  order: 1;
}
.canvas-link.games a {
  display: block;
  position: relative;
  background: #006AAD;
  border-radius: 100%;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.7);
}

/*  Theme
-------------------------------- */
/*  Settings
-------------------------------- */
/*  This is the config of the LEGO CSS.

    The values are measured in pixels, but you should not include 'px'.
    Just type the value without an unit. This way we can convert our values
    into whatever value we need.

    In pixels = just enter value without 'px'
    px value  = enter your value with 'px'
    value     = enter your desired value with 'px', '%' or w/e
*/
/*  Debug
-------------------------------- */
/*  Put the page into Debug mode. ('true' or 'false')
    Various stuff will become highlighted that might cause issues
    and enables tools for responsive help.
*/
/*  Include default styling
-------------------------------- */
/*  Decide which objects, components and abstractions to use ('true' or 'false')
    This will only affect default styling - not functional styling
*/
/*  Base
-------------------------------- */
/*  Base variables will bleed through to many other variables, and liturally
    change the look'n'feel in most things. If the changes aren't sufficient,
    scroll down and find variables that are more unique to your issue.

    If the variable dosn't exist, let the frontend team know and create your own
    variable in your "Custom" folder.
*/
/*  Colors
-------------------------------- */
/*  Typography
-------------------------------- */
/* font-size, weight
*/
/*  Buttons
-------------------------------- */
/*  Form
-------------------------------- */
/*  Branding
-------------------------------- */
/*  Navigation
-------------------------------- */
/*  Breadcrumb
-------------------------------- */
/*  Modal
-------------------------------- */
/*  Character
-------------------------------- */
/*  Gallery
-------------------------------- */
/*  Settings
-------------------------------- */
/*  This is the config of the LEGO CSS.

    The values are measured in pixels, but you should not include 'px'.
    Just type the value without an unit. This way we can convert our values
    into whatever value we need.

    In pixels = just enter value without 'px'
    px value  = enter your value with 'px'
    value     = enter your desired value with 'px', '%' or w/e
*/
/*  Debug
-------------------------------- */
/*  Put the page into Debug mode. ('true' or 'false')
    Various stuff will become highlighted that might cause issues
    and enables tools for responsive help.
*/
/*  Include default styling
-------------------------------- */
/*  Decide which objects, components and abstractions to use ('true' or 'false')
    This will only affect default styling - not functional styling
*/
/*  Base
-------------------------------- */
/*  Base variables will bleed through to many other variables, and liturally
    change the look'n'feel in most things. If the changes aren't sufficient,
    scroll down and find variables that are more unique to your issue.

    If the variable dosn't exist, let the frontend team know and create your own
    variable in your "Custom" folder.
*/
/*  Colors
-------------------------------- */
/*  Typography
-------------------------------- */
/* font-size, weight
*/
/*  Buttons
-------------------------------- */
/*  Form
-------------------------------- */
/*  Branding
-------------------------------- */
/*  Navigation
-------------------------------- */
/*  Breadcrumb
-------------------------------- */
/*  Modal
-------------------------------- */
/*  Debug
-------------------------------- */
/*  Put the page into Debug mode. ('true' or 'false')
    Various stuff will become highlighted that might cause issues
    and enables tools for responsive help.
*/
/*  Coloring
-------------------------------- */
/*  Typography
-------------------------------- */
/*  Variables
-------------------------------- */
/*  This variables file should only contain variables that are not supposed to change.
    E.g. image formats or responsive breakpoints
*/
/*  Base
*/
/*  Responsive
*/
/*  Layout
*/
/*  Grid / List Grid
*/
/*  Formats
*/
/*  Base spacing variables
    We use the line-height variable to keep consistency on our base line.
    E.g.: p { margin-bottom: @small-spacing; } or .object { padding: @base-spacing; }
*/
/*  Variables
-------------------------------- */
/*  Content Item
*/
/*  Custom formats

    Used by Hero, Mainstage slider, ..
*/
/*  CTA
*/
/*  Hero
*/
/*  Button
*/
/*  type  alternative  accent  color

    alternative = on colored/photo background
    accent = background/border color
    color = font color
*/
/*  Header
*/
/*  Carousel
*/
/*  Slider
*/
/*  Branding
*/
/*  Mainstage (slider)
*/
/*  Modal
*/
/*  Tools
-------------------------------- */
/*  Tools - Debug
-------------------------------- */
/*  Tools from shared
-------------------------------- */
/*  Mixins
-------------------------------- */
/*  Coloring hero object
*/
/*  Coloring mainstage-slider CTA
*/
/*  Button
*/
/* General hover
*/
/* Custom format (tall/widee)
*/
/*  Custom styles
-------------------------------- */
/*  This is the main import file for all custom styles
*/
/*  Defaults for adult skin
-------------------------------- */
/*  This file colors, changes font and some other smaller things based on the variables in _config.less

    This file is being referenced in all the skins based on the new shared adult template "_template", so think
    twice about making changes in this file. Only add items here that is supposed to be changed depending on the
    config file in the new shared adult template "_template"
*/
.branding,
.site-navigation {
  background-color: #BBB;
}
.site-navigation .nav__link,
.site-navigation .nav__item.is--active .nav__link {
  color: #000000;
}
.site-navigation .nav__item.is--active .nav__link .nav__title {
  border-color: #000000;
}
a {
  color: #BBB;
}
::-moz-selection {
  background: #BBB;
  color: #000000;
}
::selection {
  background: #BBB;
  color: #000000;
}
::-moz-selection {
  background: #BBB;
  color: #000000;
}
.list-grid__header .header__title,
.hero .cta__title,
.mainstage-slider .cta__title {
  font-family: "Cera Pro", sans-serif;
}
/*  Variables
-------------------------------- */
/* Mainstage
  */
.hero.is--skin-1 .content-item__secondary:before {
  background-color: #1d2731;
}
.site-navigation {
  background-color: #3f3f3f;
}
.site-navigation .nav__item.is--active .nav__link,
.site-navigation .nav__link,
.site-navigation .nav__item.is--active .nav__link {
  color: #fff !important;
}
.site-navigation .nav__item.is--active .nav__title {
  border-bottom-color: #fff !important;
}
.site-branding {
  background-color: #3f3f3f;
}
.breadcrumb {
  display: none;
}
.ldd-logo {
  background: #1d2731;
}
.ldd-logo .format {
  padding-bottom: 7%;
}
.ldd-logo .format__obj {
  height: auto;
  width: 300px;
  min-height: 1px;
  min-width: 1px;
  padding: 20px;
}
.ldd-download-list {
  margin: 0;
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #328cc1), color-stop(50%, #0b3c5d));
  background: linear-gradient(to right, #328cc1 50%, #0b3c5d 50%);
}
@media screen and (max-width: 47.9375em) {
  .ldd-download-list {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #328cc1), color-stop(50%, #0b3c5d));
    background: linear-gradient(to bottom, #328cc1 50%, #0b3c5d 50%);
  }
  .ldd-download-list .grid-column {
    padding: 0 !important;
  }
}
.ldd-download-list .list-grid__item {
  padding: 24px;
  text-align: center;
}
.ldd-download-list .list-grid__item:first-child {
  background: #328cc1;
}
.ldd-download-list .list-grid__item:nth-child(2) {
  background: #0b3c5d;
}
.ldd-download-list .format__obj {
  height: 100%;
  width: auto;
}
.ldd-download-list .cta__title,
.ldd-download-list .cta__sub-title,
.ldd-download-list .cta__txt {
  color: #fff;
}
.ldd-download-list .cta-extra {
  background: #e9eaeb;
  border-radius: 4px;
  font-family: "Cera Pro", sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  padding: 8px 32px;
  margin-top: 18px;
}
.ldd-disclaimer {
  background: #1d2731;
}
.ldd-disclaimer .text {
  padding: 24px;
}
.ldd-disclaimer .text__header,
.ldd-disclaimer .text__body {
  color: #fff;
}
.ldd-disclaimer .text__body {
  font-size: 0.875rem;
}
.ldd-faq {
  background: #d9b310;
  padding: 24px 0;
}
.ldd-faq .text {
  color: #fff;
}
.ldd-faq .text__header {
  color: #fff;
  text-align: center;
  font-size: 1.875rem;
  font-weight: 400;
}
.ldd-faq h3 {
  color: #fff;
  font-size: 1.5rem;
}
.ldd-faq h4 {
  color: #fff;
  font-size: 1.375rem;
}
.ldd-faq a {
  color: #fff;
}
.ldd-faq ul {
  list-style: none;
}
@media screen and (max-width: 47.9375em) {
  .ldd-faq ul {
    margin-left: 0;
  }
}
.full-section-1 .hero--full {
  border-top: 1px solid #d9b310;
}
.full-section-1 .hero--full .cta__btn {
  background: #ffffffe6;
}
.ldd-home__list .list-grid__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.ldd-home__list .list-grid__item:first-child {
  -webkit-flex-basis: 66.66666667%;
      -ms-flex-preferred-size: 66.66666667%;
          flex-basis: 66.66666667%;
  max-width: 66.66666667%;
  min-width: 66.66666667%;
}
.ldd-home__list .list-grid__item:last-child {
  -webkit-flex-basis: 33.33333333%;
      -ms-flex-preferred-size: 33.33333333%;
          flex-basis: 33.33333333%;
  max-width: 33.33333333%;
  min-width: 33.33333333%;
  text-align: center;
}
.ldd-home__list .format__obj {
  width: auto;
  height: 100%;
}
.ldd-support__title .text__header {
  font-size: 1.5rem;
  font-weight: 800;
}
.ldd-support__contact .content-item__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.ldd-support__contact .content-item__primary {
  -webkit-flex-basis: 33.33333333%;
      -ms-flex-preferred-size: 33.33333333%;
          flex-basis: 33.33333333%;
  max-width: 33.33333333%;
  min-width: 33.33333333%;
}
.ldd-support__contact .content-item__secondary {
  -webkit-flex-basis: 66.66666667%;
      -ms-flex-preferred-size: 66.66666667%;
          flex-basis: 66.66666667%;
  max-width: 66.66666667%;
  min-width: 66.66666667%;
}
.ldd-support__contact .format {
  padding-bottom: 45%;
}
.ldd-support__contact .format__obj {
  width: 100%;
  min-height: 1px;
}
.ldd-support__manual {
  text-align: center;
}
.ldd-support__manual .format {
  padding-bottom: 100px;
}
.ldd-support__manual .format__obj {
  height: 100%;
  width: auto;
  min-height: 1px;
}


/*# sourceMappingURL=ldd-2019-1hy.css.map*/