/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');

/**
 * ICONFONTS
 */
/* JANE */
@font-face {
  font-family: 'jane-fonticon';
  src: url(/themes/tdk_youth/assets/fonts/jane/jane-fonticon.ttf?1877ff9eee5e120051143f0ed6294ae1)
      format('truetype'),
    url(/themes/tdk_youth/assets/fonts/jane/jane-fonticon.woff?70594bb7dbe6cda0496d9d6d63402659)
      format('woff'),
    url(/themes/tdk_youth/assets/fonts/jane/jane-fonticon.svg?af20708cc8e05b85f06705459da87000)
      format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Quicksand';
  src: url(/themes/tdk_youth/assets/fonts/quicksand/Quicksand-Regular.eot?b44c09505e9324bb60303d387c1b3a0b);
  src: url(/themes/tdk_youth/assets/fonts/quicksand/Quicksand-Regular.eot?b44c09505e9324bb60303d387c1b3a0b)
      format('embedded-opentype'),
    url(/themes/tdk_youth/assets/fonts/quicksand/Quicksand-Regular.woff?af21740cb0d6fcc0c94b7d731e34679e)
      format('woff'),
    url(/themes/tdk_youth/assets/fonts/quicksand/Quicksand-Regular.ttf?f46f486edefeba66ac4b538dd593d656)
      format('truetype'),
    url(/themes/tdk_youth/assets/fonts/quicksand/Quicksand-Regular.svg?ef93e782d15301378117f1a84213c291)
      format('svg');
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: 'Quicksand';
  src: url(/themes/tdk_youth/assets/fonts/quicksand/Quicksand-Light.eot?6f11ae9c4c53aeef735cadc3cb4245a3);
  src: url(/themes/tdk_youth/assets/fonts/quicksand/Quicksand-Light.eot?6f11ae9c4c53aeef735cadc3cb4245a3)
      format('embedded-opentype'),
    url(/themes/tdk_youth/assets/fonts/quicksand/Quicksand-Light.woff?e2c2a5dc846b7fd502e452f095b6834a)
      format('woff'),
    url(/themes/tdk_youth/assets/fonts/quicksand/Quicksand-Light.ttf?043a37371ee14e929d993990a3ad18db)
      format('truetype'),
    url(/themes/tdk_youth/assets/fonts/quicksand/Quicksand-Light.svg?beea9a85fbd7418102b65444f202fab8)
      format('svg');
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: 'Quicksand';
  src: url(/themes/tdk_youth/assets/fonts/quicksand/Quicksand-Bold.eot?118d205dc67a46bf54f28ae9aa284224);
  src: url(/themes/tdk_youth/assets/fonts/quicksand/Quicksand-Bold.eot?118d205dc67a46bf54f28ae9aa284224)
      format('embedded-opentype'),
    url(/themes/tdk_youth/assets/fonts/quicksand/Quicksand-Bold.woff?87f29b3eaf93698e47eabe30e28d12e7)
      format('woff'),
    url(/themes/tdk_youth/assets/fonts/quicksand/Quicksand-Bold.ttf?166b7283b0af2b96287c91e6c6a0dc73)
      format('truetype'),
    url(/themes/tdk_youth/assets/fonts/quicksand/Quicksand-Bold.svg?de159d9609549852bd56a448878d108f)
      format('svg');
  font-style: normal;
  font-weight: 700;
}

[class^='i-jn-'],
[class*=' i-jn-'],
.i-jn,
.menu-hamburguer:after {
  font-family: 'jane-fonticon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* !! CORRECCIONES: No eliminar esto */
.i-jn-baby-due {
  width: 0.6em;
}

.i-jn-arrow-left {
  width: 0.6em;
}

.i-jn-arrow-right {
  width: 0.6em;
}

/* !! UPDATE: Solo modificar esta parte !! */
.i-jn-comments:before {
  content: '\E924';
}

.i-jn-map-location:before {
  content: '\E923';
}

.i-jn-minus:before {
  content: '\E90A';
}

.i-jn-plus:before {
  content: '\E90B';
}

.i-jn-user-location:before {
  content: '\E90C';
}

.i-jn-double-arrow:before {
  content: '\E901';
}

.i-jn-baby-due:before {
  content: '\E909';
}

.i-jn-gears:before {
  content: '\E90D';
}

.i-jn-pdf:before {
  content: '\E90E';
}

.i-jn-play:before {
  content: '\E90F';
}

.i-jn-shop-location:before {
  content: '\E910';
}

.i-jn-check:before {
  content: '\E91F';
}

.i-jn-compare:before {
  content: '\E920';
}

.i-jn-compare1:before {
  content: '\E908';
}

.i-jn-instagram:before {
  content: '\E907';
}

.i-jn-hands-heart:before {
  content: '\E905';
}

.i-jn-pencil-rule:before {
  content: '\E906';
}

.i-jn-find-stroller:before {
  content: '\E903';
}

.i-jn-find-buggy:before {
  content: '\E904';
}

.i-jn-arrow-left:before {
  content: '\E921';
}

.i-jn-arrow-right:before {
  content: '\E919';
}

.i-jn-facebook:before {
  content: '\E91A';
}

.i-jn-instagram-circle:before {
  content: '\E91B';
}

.i-jn-shield-check:before {
  content: '\E91C';
}

.i-jn-twitter:before {
  content: '\E91D';
}

.i-jn-youtube:before {
  content: '\E91E';
}

.i-jn-alert:before {
  content: '\E900';
}

.i-jn-search:before {
  content: '\E902';
}

.i-jn-close:before,
.js-menu-mobile-open .menu-hamburguer:after {
  content: '\E911';
}

.i-jn-wish-list:before {
  content: '\E912';
}

.i-jn-dropdown-arrow:before {
  content: '\E913';
}

.i-jn-hamburger-menu:before,
.menu-hamburguer:after {
  content: '\E914';
}

.i-jn-cart:before {
  content: '\E915';
}

.i-jn-shops:before {
  content: '\E916';
}

.i-jn-left-arrow-circle:before {
  content: '\E917';
}

.i-jn-right-arrow-circle:before {
  content: '\E918';
}

.i-jn-down-arrow-circle:before {
  content: '\E922';
}

/********************************
          CUSTOM CLASS
/********************************/

.custom-padding-75 .row {
  margin-left: -7.5px !important;
  margin-right: -7.5px !important;
}

.custom-padding-75 [class*='col'] {
  padding-left: 7.5px !important;
  padding-right: 7.5px !important;
}
.custom-padding-35 .row {
  margin-left: -3.5px !important;
  margin-right: -3.5px !important;
}

.custom-padding-35 [class*='col'] {
  padding-left: 3.5px !important;
  padding-right: 3.5px !important;
}

@media (max-width: 768px) {
  .custom-padding-75-md-down .row {
    margin-left: -7.5px !important;
    margin-right: -7.5px !important;
  }

  .custom-padding-75-md-down [class*='col'] {
    padding-left: 7.5px !important;
    padding-right: 7.5px !important;
  }
  .custom-padding-35-md-down .row {
    margin-left: -3.5px !important;
    margin-right: -3.5px !important;
  }

  .custom-padding-35-md-down [class*='col'] {
    padding-left: 3.5px !important;
    padding-right: 3.5px !important;
  }
}

/********************************
          BOOTSTRAP CLASS
/********************************/

.text-justify {
  text-align: justify !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

#product .product-additional-info {
  width: 100%;
  float: left;
  margin: 20px 0 10px;
}
#product .product-additional-info #bollinicontainer .control-label {
  width: 100%;
  float: left;
  display: block;
  text-transform: none;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 26px;
}
#product .bordobollino {
  width: 142px;
  height: 176px;
}
#product .bollinoselected {
  border: 7px solid #cacaca;
}

/*Janenew*/
.groupImageCollection .colShowCollection {
  background: #d9d9d9 !important;
}
.TdkWidgetImage.TdkBannerAdvv6 {
  text-align: center;
}
@media (min-width: 768px) {
  .TdkWidgetImage.TdkBannerAdvv6 .TdkImageDescription {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .TdkWidgetImage.TdkBannerAdvv6 {
    position: relative;
  }
}

/*Private*/

#privatebox,
.privatebox,
body.private_modern_theme #wrapper,
body.private_modern_theme #logo_basic,
body.private_modern_theme .logo_basic {
  background: #fff;
}
.privatebox {
  border: medium none;
  border-radius: 5px;
  display: block;
  margin: 0 auto;
  /* overflow: auto; */
  padding: 10px;
  /* width: 45%; */
}

body.private_modern_theme .logo_basic {
  padding: 0 !important;
  text-align: center;
  margin: 10px 0 !important;
  display: block;
}
body.private_modern_theme #wrapper {
  margin-top: 5% !important;
  width: 519px !important;
}
@media screen and (max-width: 1024px) {
  body.private_modern_theme #wrapper {
    width: auto !important;
    margin-left: 3%;
  }
}

@media screen and (min-width: 1025px)  and (max-width: 1179px) {
  body.private_modern_theme #wrapper {
    width: 429px!important;
  }
}
@media screen and (max-width: 1024px) {
  body.private_modern_theme #wrapper {
    margin-top: 26% !important;
    width: 390px!important
  }
}
@media screen and (min-width: 768px)  and (max-width: 769px) {
  body.private_modern_theme #wrapper {
    margin-top: 21%!important;
    width: 310px!important;
  }
}
@media screen and (min-width: 770px)  and (max-width: 1023px) {
  body.private_modern_theme #wrapper {
    margin-top: 8%!important;
    width: 310px!important;
  }
}
#bg-private-image #wrapper {
  float: right;
  margin-right: 3%;
}
@media screen and (max-width: 767px) {
  body.private_modern_theme #wrapper {

        margin-right: 0!important;
        width: 100%!important;
  }
}

#privatebox .private-subheading {
  display: none;
}
body.private_modern_theme h2.private-subheading,
#privatebox .private-subheading,
.privatebox .private-subheading {
  font-family: Noto Sans;
  font-style: normal;
  font-weight: bold !important;
  font-size: 24px !important;
  line-height: 33px;
  text-transform: capitalize;
  text-align: center;
  color: #000000 !important;
  border: none !important;
}
body.private_modern_theme ul#pshop_bottom_footer .lost_password a,
body.private_modern_theme ul#pshop_bottom_footer .lost_password a:hover {
  font-family: Noto Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
  background: none;
}
body.private_modern_theme input.form-control {
  background: #ffffff;
  border: 1px solid #000000 !important;
  height: 36px;
  padding: 0 10px;
}
body.private_modern_theme
  .private_login_table
  tr.pshop_fields_row
  td:first-child {
  display: block !important;
}
#login_form > .form_content > .form-group > div:nth-child(1) > label {
  font-family: Noto Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 19px;
  color: #000000;
}
#login_form > .form_content > .form-group:nth-child(2) {
  margin-top: 20px;
}
body.private_modern_theme .btn,
body.private_modern_theme .btn:hover {
  background: #000000 !important;
  font-family: Noto Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 27px;
  text-align: center;
  color: #ffffff;
  box-shadow: none;
  text-transform: capitalize;
  display: block;
  width: 100%;
}
ul#pshop_bottom_footer li,
ul#pshop_bottom_footer li div {
  display: block;
}
body.private_modern_theme ul#pshop_bottom_footer li.submit {
  width: 100%;
}
.exttra_row {
  display: none;
}

.bg-private-image {
  background: url('/modules/privateshop/views/img/private/Pantalla_2_eleccion_botiga.png')
    no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
}
body.private_modern_theme #wrapper.wrapper-landing-login {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  margin-top: 0 !important;
  width: 530px !important;
}
.bg-private-image #wrapper,
.bg-private-image #wrapper .privatebox {
  background: transparent !important;
}
.block-shops {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
.block-shops img {
  margin: auto;
  display: block;
}
.btn-shop,
.btn-shop:hover {
  font-family: Noto Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 27px;
  display: flex;
  align-items: center;
  text-align: center;
  padding: 9px;
  color: #ffffff;
}
.btn-shop span {
  text-align: center;
}
.no-img-block .img-logo-block {
  width: 100px;
  height: 50px;
}
.no-img-block {
  margin-top: 40px;
}
.img-logo-block {
  /*width: 130px;
  height: 50px;*/
  width: 160px;
  height: 140px;
  padding: 10px;
  display: flex;
  align-self: center;
  align-items: center;
}
.block-shops .item-shop {
  display: flex;
  align-self: center;
  align-items: center;
  transition: all 0.15s ease;
  background: rgba(255, 255, 255, 0.55);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
}
.block-shops div:hover {
  transform: scale(1.04);
}

.cloud-text {
  text-align: center;
  color: #000000;
  font-family: Noto Sans;
  font-weight: bold;
  font-size: 20px;
  width: 100%;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .block-shops:first-child .item-shop {
    margin-bottom: 20px;
  }
  body.private_modern_theme #wrapper.wrapper-landing-login {
    width: 90% !important;
    margin-left: 0 !important;
  }
  .block-shops {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 40px;
    width: 100%;
    align-items: center;
  }
}

#add-to-cart-or-refresh .stocktrafficlight-label {
    justify-content: normal !important;
}

.product-prices .tax-shipping-delivery-label {
    display: inline;
}

/* 30030 start - esconder elementos customer-form */
#customer-form #password + .input-group-btn,
#customer-form #new_password + .input-group-btn,
#customer-form .form-control-comment {
    display: none;
}
/* 30030 end */