/*Important to leave it 240 so that the carousel pictures align perfectly*/
html.kids {
  background: white;
}

html.kids body {
  background-color: #ffdff0;
}

html.kids body.plain-bg {
  background: white;
}

/*The subtle main navbar underline*/
html.kids #main-navbar::after {
  background: linear-gradient(90deg, #ff8ea1 0%, #00b5ff 100%);
}

html.kids #secondary-navbar {
  background: linear-gradient(90deg, #ff8ea1 0%, #00b5ff 100%);
}

/*Fancy commands ---------------------------------------------------------------------------------------------------------------------*/
html.kids .tm-fancy-command {
  background: #00b5ff;
}

html.kids .tm-fancy-command.outline {
  background: white;
  border: solid 1px #00b5ff;
}

html.kids .tm-fancy-command.outline .command-text {
  color: #00b5ff;
}

html.kids .tm-fancy-command.outline .tm-icon {
  color: #00b5ff;
}

html.kids .tm-fancy-command:hover {
  background: #ff8ea1;
}

html.kids .tm-fancy-command.outline:hover {
  background: #ffdff0;
}

html.kids .tm-fancy-command .icon-bg,
html.kids .tm-fancy-command .icon-bg2 {
  /*display: none;*/
  background: #ff8ea1;
}

html.kids .tm-fancy-command .tm-icon {
  /*left: 20px;*/
}

html.kids .tm-fancy-command.large .tm-icon {
  /*left: 40px;*/
}

/*Product details page -------------------------------------------------------*/
html.kids .product-price-and-other-details-container {
  background: white;
  border-color: #00b5ff;
}

html.kids .product-big-picture-container,
html.kids .other-product-pic-wrapper {
  background: white;
  border-color: #00b5ff;
}

html.kids ul.other-product-pictures-list > li.other-product-pic-wrapper.selected {
  border-color: #00b5ff;
}

html.kids #desc-specs-reviews a.nav-link {
  border-color: rgba(255, 255, 255, 0);
  color: white;
}

html.kids #desc-specs-reviews a.nav-link:hover {
  border-color: rgba(255, 255, 255, 0.5);
}

html.kids #desc-specs-reviews a.nav-link.active {
  color: #00b5ff;
}

html.kids #desc-specs-reviews {
  background: #00b5ff;
}

html.kids #desc-specs-reviews.sticky {
  background: linear-gradient(90deg, #ff8ea1 0%, #dd596f 100%);
}

/*Product cards in lists ------------------------------------------------------*/
html.kids .product-link .picture-wrapper .product-picture {
  max-height: 100%;
  max-width: 100%;
  bottom: auto;
  top: 50%;
  margin: 10px 0;
  transform: translateX(-50%) translateY(-50%);
}

html.kids .product-link .picture-wrapper:hover .product-picture {
  transform: translateX(-50%) translateY(-50%) scale(1.025);
}

html.kids .product-link .picture-wrapper {
  height: 160px;
}

html.kids .tm-product-card {
  height: 415px;
}

/*Footer ----------------------------------------------------------------------*/
html.kids .footer {
  background: white;
  padding-top: calc(3 * 10px);
}

html.kids .footer::before {
  background: linear-gradient(90deg, #ff8ea1 0%, #00b5ff 100%);
  height: 2px;
}

html.kids .footer .footer-menu-items-container {
  background: none;
}

html.kids .footer .footer-main-links-container {
  background: none;
}

html.kids .footer .footer-main-links-container a.nav-link .tm-icon {
  color: #00b5ff;
}

html.kids .footer a.nav-link {
  color: #333;
}

html.kids .footer .footer-menu-items-container a.nav-link .tm-icon {
  color: #ff8ea1;
}

/*My account menu --------------------------------------------------------------*/
html.kids ul.my-account-side-menu > li > a > .tm-icon {
  color: #00b5ff;
}

html.kids ul.my-account-side-menu > li > a.selected > .tm-icon,
html.kids ul.my-account-side-menu > li > a:hover > .tm-icon {
  color: #ff8ea1;
}