/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
*/
/* Only for chopper countries, oneff replace the size selector */
div#product-variants-size-selection-label, div#product-variants-size-selection {
  display: none;
}
/* Override breadcrumb */
.page-category .block__subcategories--group {
    margin-top: 10px;
}
@media (max-width: 991px){
.page-category .block__subcategories--group .block__carousel--subcategories {
    margin-bottom: 0px;
}
}
@media (max-width: 767px) {

.page-category .block__subcategories--group .block__carousel--subcategories {
    margin-bottom: 0px;
}

.breadcrumb-category {
    width: 100%;
    text-align: center;
}
}

@media (max-width: 575px){
    .page-category .block__subcategories--group {
        margin-top: 0px;
    }
}

/* End Override breadcrumb */

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,700;1,700&display=swap');

.decashop-wrapper {
  width: 1200px;
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

.decashop-table,
.decashop-content {
  width: 900px;
  max-width: 100%;
  margin: 0 auto;
  display: block;
  text-align: left;
}

.decashop-content p,
.decashop-content ul,
.decashop-content li {
  color: black !important;
}

.margin {
  margin-top: 20px;
  margin-bottom: 20px;
}

.decashop-content img {
  max-width: 100%;
}

.inline-block {
  display: inline-block;
  vertical-align: middle;
}

.blue-bg {
  background: #0082c3;
  padding-top: 6px;
  padding-bottom: 6px;
  color: white;
}

.grey-bg {
  background: #dcdcdc;
}

.yellow-bg {
  background: #FCF9BA;
}

.pink-bg {
  background: #FFCCFF;
}

.green-bg {
  background: #DCF4D5;
}

.no-maxwidth {
  max-width: none !important;
}

.scroll-view {
  max-width: 100%;
  overflow-x: auto;
  padding: 0 6px;
}

.block-store-selector .row div:nth-of-type(4) {
  background-color: #e20c18;
}

header .menu--flag {
  animation: up-and-down 1s infinite alternate;
  width: 106px;
  height: auto;
}

/* Term page*/
.decashop-term {
  margin-top: 20px;
}

.decashop-term li {
  list-style: none;
  margin-bottom: 15px;
}

.decashop-term ul ul {
  margin-top: 20px;
}

.decashop-term-title {
  margin-top: 20px;
}

.decashop-term-title li {
  cursor: pointer;
}

/* User Happiness page */
.uh {
  text-align: center;

}

.uh .inline-block {
  width: 30%;
}

/* Size Guiding */
.size-guide {
  text-align: center;
}

.size-guide a {
  text-decoration: underline !important;
  cursor: pointer;
}

.size-guide table {
  text-align: center;
  display: inline-block;
  margin: 10px !important;
  vertical-align: top;
}

.scroll-view::-webkit-scrollbar {
  -webkit-appearance: none;
}

.scroll-view::-webkit-scrollbar:horizontal {
  height: 12px;
}

.scroll-view::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .5);
  border-radius: 10px;
  border: 2px solid #ffffff;
}

.scroll-view::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #ffffff;
}

.page-content img {
  margin: 0;
  max-width: 100%;
}

/* payment page */
.payment__mv-bg {
  position: absolute;
  z-index: -1;
  width: 30%;
  bottom: -50px;
  left: 10%;
  opacity: 0.4;
  animation: myOrbit 5s linear infinite;
}

.width-30 {
  display: inline-block;
  vertical-align: middle;
  width: calc(30% - 5px);
  text-align: center;
}

.width-70 {
  display: inline-block;
  vertical-align: middle;
  width: calc(70% - 5px);
}

.float-right {
  float: right;
}

.warning {
  color: red;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  margin-top: 5px;
  margin-right: 5px;
}

.loading-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1000;
}

.loading-popup .text {
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  transform: translate(-50%, -50%);
}

.product-miniature .discount-amount,
.product-miniature .discount-percentage,
.product-miniature .on-sale,
.product-miniature .online-only,
.product-miniature .pack,
.product-miniature .product-flags .new {
  font-size: 0.7rem;
  font-weight: 400;
}

.block-promo .cart-summary-line .label {
  color: #7a7a7a;
}

.block-promo .cart-summary-line .label .code {
  color: #ff9a52;
}

#events_content img {
  max-width: 100%;
  height: auto;
}

/* Promo page */
.promo-wrapper {
  width: 277px;
  max-width: calc(100% - 20px);
  margin: 10px;
  display: inline-block;
  border-radius: 2px;
  overflow: hidden;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
  text-align: center;
  transform: translateY(0);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1),
    box-shadow 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.promo-wrapper:hover {
  transform: translateY(-3px);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
}

.promo-wrapper .text {
  font-size: 13px;
  padding: 8px;
  text-align: left;
}

.promo-wrapper .text .title {
  font-size: 15px;
  font-weight: bold;
  margin-top: 8px;
}

.promo-wrapper .text .gray,
.promo-detail-page .gray {
  color: #7a7a7a;
  font-size: 14px;
  font-weight: bold;
}

.promo-wrapper .text .red,
.promo-detail-page .red {
  color: #EC6607;
  font-weight: bold;
  border: 0;
  width: 100%;
  max-width: 180px;
}

.promo-detail-page .code-wrapper {
  text-align: center;
}

.promo-wrapper .text .promo {
  width: 69%;
  display: inline-block;
  vertical-align: middle;
  margin-top: 8px;
  line-height: 1.2;
}

.promo-detail-page .promo {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}

.promo-wrapper .text .copy,
.promo-detail-page .copy {
  width: 29%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 1px;
  cursor: pointer;
  transition: background-color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1),
    color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1),
    border 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  margin-top: 8px;

}

.promo-detail-page .copy {
  width: auto;
  padding: 4px 10px;
  margin-top: 0;
}

.promo-wrapper .text .copy:hover {
  background-color: #f7f5f5;
}

.promo-wrapper .text .copy.green,
.promo-detail-page .copy.green {
  color: #2ed22e;
  border: 1px solid #2ed22e;
}

.promo-wrapper a {
  margin: 10px auto;
  font-size: 14px;
  color: white;
  font-weight: bold;
  transition: color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1),
    background-color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  display: inline-block;
  text-align: center;
  padding: 4px 0;
  width: calc(100% - 20px);
  background-color: #0082c3;
}

.promo-wrapper a:hover {
  color: #0082c3;
  background-color: white;
}

.middle {
  text-align: center;
}

.grayscale {
  filter: grayscale(100%);
}

.website-review {
  position: fixed;
  top: 240px;
  right: 0;
  transform: translateY(-50%);
  z-index: 2;
  border-radius: 5px;
  width: 40px;
  z-index: 10;
}

.block-promo .cart-summary-line .label {
  color: white;
}

/* new theme v5*/

.banner-home .hesperiden .tp-bullet {
  border: solid 3px #fff;
  background: transparent;

}

header .btn--cart {
  margin-left: 50px;
  position: relative;
}

.modal-backdrop.in {
  background: black;
}

/* Devi update revamp 28 juli 2022 */
/*@media (min-width: 576px) {
  header .btn--cart:before {
    background-image: none;
    background-color: #ffea28;
    transform: skew(-15deg, 0deg);
    right: -30px;
  }
}*/
/* end devi update */

.delivery-option img {
  max-width: 100%;
}

.delivery-option .col-xs-3 {
  padding-left: 0px;
}

#delivery_message {
  max-width: 100%;
}

#cart-subtotal-shipping {
  display: none;
}

.delivery-options .delivery-option {
  padding: 8px 0;
  margin: 5px 0;
  background: rgba(0, 130, 195, .1);
  border-radius: 3px;
}

.thumbnail--product .block__variants .mask {
  height: 92px;
}

.thumbnail--product .block__variants .mask ul li img {
  border: 2px solid #f5f5f5;
  border-radius: 2px;
  transition: border-color ease 0.6s;
}

.thumbnail--product .block__variants {
  min-height: auto;
}

#footer {
  padding-top: 8px;
  border-top: 1px solid hsla(0, 0%, 44%, .14);
  background-color: #0078b8;
  color: #fff !important;
   /* Devi update 3 Dec 2022 for c theme*/
   /* Devi update 2 jan 2023 erase c theme*/
   /*background-image: url("https://www.decathlon.co.id/img/cms/c theme/Header pattern.png");*/
}

.block__logo .ml1 {
  margin-left: 5px;
}
/* Devi update 28 Juli 2022 */
#custom-text {
  background: #fff;
  border-radius: 2px;
  /*margin-bottom: 1.5rem;
  padding: 3.125rem;*/
  text-align: center;
}
/* Devi update 28 Juli 2022 */
#custom-text h2 {
  color: #004876;
  font-size: 25px;
  /*margin-top: 20px;*/
}

#custom-text p {
  color: #a8a8a8;
  font-size: 16px;
  font-weight: 400;
}

#addresses .page--customer header,
#address .page--customer header {
  margin-top: 120px;
}

#addresses .address-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: 1px #7a7a7a solid;
  width: 100%;
}

.addresses-footer {
  margin-top: 10px;
  font-size: 15px;
}

.js-cart-line-product-quantity {
  max-width: 100%;
}

.js-gift-checkbox,
label[for="input_gift"],
.js-gift-checkbox+span {
  display: none;
}

#module-midtranspay-snappay .page-header {
  display: none;
}

#history .page--customer header.page-header {
  margin-top: 122px;
}

#history table {
  line-height: 1.3
}

#history .order-actions a {
  display: inline-block;
  margin-bottom: 10px;
}

.rheostat-handle.ais-range-slider--handle-upper .ais-range-slider--tooltip {
  margin-left: -30px !important;
}

#checkout .cart-summary-line.cart-summary-subtotals {
  display: none;
}

.root-item.no-description {
  line-height: normal !important;
}

.text-uppercase.ml1 {
  width: 42px;
  height: 20px;
  text-indent: -9999px;
  display: inline-block;
  background-image: url("https://www.decathlon.co.id/img/cms/flag-in-active-1.png");
  background-repeat: no-repeat;
  background-size: 40px;
  cursor: pointer;
  background-position: 0 0;
}

.lang-en .text-uppercase.ml1 {
  background-image: url("https://www.decathlon.co.id/img/cms/flag-english-active-1.png");
}

#cms #content-wrapper h3,
#cms #content-wrapper strong {
  font-family: "Roboto-Bold";
}

.carousel--promise .owl-item {
  text-align: center;
}

.loading-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1000;
}

.loading-popup .text {
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  transform: translate(-50%, -50%);
}

#order-detail .page--customer header.page-header {
  margin-top: 120px;
}

@media (min-width: 992px) {
  .page--customer header.page-header {
    margin-top: 120px;
  }
}

#module-deca_purchase-purchases .soomagicmenu {
  top: 83px;
}

.fl-left,
.fl-right {
  position: relative;
  height: 300px;
  margin: 20px 0;
}

.fl-left>*,
.fl-right>* {
  position: absolute;
  width: 50%;
  top: 0;
}

.fl-left>*:nth-child(1) {
  left: 0;
}

.fl-left>*:nth-child(2) {
  left: 50%;
}

.fl-right>*:nth-child(1) {
  right: 0;
}

.fl-right>*:nth-child(2) {
  right: 50%;
}

.fl-left .picture,
.fl-right .picture {
  text-align: center;
}

.fl-left .text,
.fl-right .text {
  top: 50%;
  transform: translateY(-50%);
}

.fl-left .picture img,
.fl-right .picture img,
.fl-left .picture,
.fl-right .picture {
  height: 100%;
}

.clear {
  clear: both;
}

#sitemap #main {
  padding-top: 25px;
}

.media-body {
  display: block;
  width: 100%;
}

.owl-stage {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
}

.download-apps {
  padding: 10px 0px;
  /* border-bottom: 1px solid hsla(0, 0%, 44%, .14);*/
  margin-bottom: 20px;;
}

.download-apps span {
  color: #4e4e4e;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1.5px;
}

/* Devi update 13 august 2022, tidy up */
.block-social {
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}

#js-checkout-summary .block-promo {
  display: none;
}

.js-owl-carousel--lifestyle.carousel--lifestyle .owl-item>div {
  position: relative;
}

.margin-minus {
  margin-top: -6%;
}

.width-div-3 {
  text-align: center;
}

.width-div-3>a {
  width: calc(33% - 20px);
  margin: 5px 10px;
  display: inline-block;
}

.width-div-3>a>img {
  width: 100%;
}

@media only screen and (max-width: 1000px) {
  .width-div-3>a {
    width: calc(33% - 30px);
  }
}

/* end new theme v5*/
@media only screen and (max-width: 768px) {

  .width-30,
  .width-70 {
    width: 100%;
    margin: 5px 0;
  }

  .payment__mv-bg {
    width: 50%;
    bottom: -30px;
  }

  .promo-detail-page .code-wrapper {
    text-align: left;
  }

  .promo-detail-page .promo {
    display: block;
    margin-bottom: 2px;
  }

  header .btn--cart {
    margin-left: 0px;
  }

  .fl-left,
  .fl-right {
    height: auto;
    margin: 40px 0;
  }

  .fl-left>*,
  .fl-right>* {
    position: static;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }

  .fl-left .picture img,
  .fl-right .picture img,
  .fl-left .picture,
  .fl-right .picture {
    height: auto;
    max-height: 200px;
  }

  .fl-left .text,
  .fl-right .text {
    transform: translateY(0);
    padding-top: 20px;
    top: 0px;
  }

  .margin-minus {
    margin-top: -15%;
  }

  .width-div-3>a {
    width: calc(49% - 30px);
  }
}

@keyframes myOrbit {
  from {
    transform: rotate(0deg) translateX(8px) rotate(0deg);
  }

  to {
    transform: rotate(360deg) translateX(8px) rotate(-360deg);
  }
}

/*footer css*/
@media only screen and (max-width: 768px) {
  .footer-container ul {
    padding-left: 10px;
    padding-top: 10px;
  }
}


/* brillian was here */

.mobile-button-area {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #ffffff;
  z-index: 3;
  left: 0;
  display: none;
}

.download-apps img {
  height: 35px;
  object-fit: contain;
  margin: 7.5px 0px;
}

/* .download-apps img.appstore{
  height: 34px;
} */

.d-flex {
  display: flex;
}

.justify-content-center {
  justify-content: center;
}

.align-items-center {
  align-items: center;
}

.flex-column {
  flex-direction: column;
}

.ios-content {
  margin-bottom: 2em;
}

.ios-content h3 {
  font-family: 'Roboto Condensed', sans-serif !important;
  font-weight: 700;
  font-size: 2em !important;
  color: #0071bc;
  margin-bottom: 15px !important;
  font-style: italic;
}

.ios-content p {
  margin: 0px;
}

.ios-ulasan-pengguna {
  border-top: 1px solid hsla(0, 0%, 44%, .14);
  padding: 2em 0px;
}

.ios-ulasan-pengguna h3 {
  font-family: 'Roboto Condensed', sans-serif !important;
  font-weight: 700;
  font-size: 2em !important;
  color: #0071bc;
  margin-bottom: 2em;
}

.ios-ulasan-pengguna img {
  width: 50%;
  margin-bottom: 2em;
}

.ios-ulasan-pengguna p {
  text-align: center;
  /* font-family: 'Roboto Condensed', sans-serif; */
  color: #000000;
}

.ios-banner {
  background: url('https://www.decathlon.co.id/img/cms/July 2020/iOS Landing Page/top2.jpg');
  margin-bottom: 20px;
  background-size: cover;
}

.ios-banner img {
  margin-top: 2em;
  object-fit: contain;
}

.ios-banner h1 {
  font-size: 2.5em !important;
  color: #0071bc;
  font-family: 'Roboto Condensed', sans-serif !important;
  font-style: italic;
  margin: 0px !important;
  font-weight: 700;
  text-align: center;
  text-transform: none !important;
  line-height: 1.5 !important;
}

.ios-banner h2 {
  font-size: 1.5em !important;
  margin: 5px !important;
  color: #0071bc;
  font-family: 'Roboto Condensed', sans-serif !important;
  font-weight: 700;
  text-align: center;
  text-transform: none !important;
  line-height: 1.5 !important;
}

.ios-banner .app-icon img {
  height: 50px;
  margin: 10px 5px;
}

.ios-content p {
  /* font-family: 'Roboto Condensed', sans-serif !important; */
  color: #0071bc;
  line-height: 2;
  font-size: 18px;
}

.deca-ikea-title {
  text-align: center;
  font-family: 'Roboto Condensed', sans-serif !important;
  padding: 30px 0px;
}

.deca-ikea-title h1 {
  color: #004876;
  font-size: 48px !important;
  margin-top: 0px !important;
  text-transform: none !important;
  font-style: normal !important;
}

.deca-ikea-title h3 {
  color: #004876;
  font-weight: normal !important;
  text-transform: none !important;
  font-family: 'Roboto Condensed', sans-serif !important;
  font-size: 25px !important;
}

.deca-ikea-line {
  border-bottom: 1px solid hsla(0, 0%, 44%, .14);
  width: 100%;
  margin: 40px 0px;
}

.deca-ikea-content {
  font-family: 'Roboto Condensed', sans-serif !important;
}

.deca-ikea-content p {
  color: #1a1a1a !important;
  font-size: 18px !important;
}

.deca-ikea-content p strong {
  font-family: 'Roboto Condensed', sans-serif !important;
  font-weight: bold;
}

.deca-ikea-content ol {
  padding-inline-start: 0px;
  list-style-position: inside;
  margin-bottom: 0px;
}

.deca-ikea-content li {
  margin-bottom: 0px;
  color: #1a1a1a !important;
}

.deca-ikea-tc {
  height: 100%;
  padding: 15px;
  background: rgb(0, 130, 195);
  background: -moz-linear-gradient(180deg, rgba(0, 130, 195, 1) 0%, rgba(0, 72, 118, 1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(0, 130, 195, 1) 0%, rgba(0, 72, 118, 1) 100%);
  background: linear-gradient(180deg, rgba(0, 130, 195, 1) 0%, rgba(0, 72, 118, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0082c3", endColorstr="#004876", GradientType=1);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.deca-ikea-tc h1 {
  font-size: 128px !important;
  color: #ffffff;
  font-family: 'Roboto Condensed', sans-serif !important;
  margin-top: 0px !important;
  font-style: normal !important;
}

.deca-ikea-tc h3 {
  font-size: 30px !important;
  color: #ffffff;
  font-family: 'Roboto Condensed', sans-serif !important;
  margin-top: 0px !important;
  font-style: italic;
}

.row-equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

/* pagination for promo page */

.ais-pagination li {
  display: inline-flex;
}

.ais-pagination {
  margin-top: 15px;
  list-style: none;
}

.ais-pagination li a {
  color: #ffffff;
  background: #0082c3;
  padding: 8px 12px;
  border-radius: 5px;
  margin: 3px;
  text-align: center;
  border: 1px solid #0082c3;
}

.ais-pagination li.ais-pagination--item__active a,
.ais-pagination li a:hover {
  color: #0082c3;
  background: #ffffff;
  padding: 8px 12px;
  border-radius: 5px;
  margin: 3px;
  text-align: center;
  border: 1px solid #0082c3;
}

/* media queries */


@media (max-width: 575px) {
  .row-equal {
    display: block;
  }

  .mobile-button-area {
    display: block;
  }

  .desktop-button-area {
    display: none;
  }

  .button-on-mobile {
    border-top: 1px solid #cecece;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: fixed;
    bottom: 0;
    z-index: 10;
    left: 0;
    padding: 15px !important;
    background: #ffffff;
    margin: 0px !important;
  }

  .button-on-mobile .message-availability {
    display: none;
  }

  .button-on-mobile button {
    margin-top: 0px !important;
    width: 100%;
  }

  .mobile-search-item {
    padding: 2px;
    border: 5px solid #f5f5f5;
    border-radius: 10px !important;
    overflow: hidden;
  }

  .thumbnail--product .block__thumbnail .block__flag {
    height: 25px!important;
  }

  .thumbnail--product .block__thumbnail .block__discount,
  .thumbnail--product .block__thumbnail .block__price {
    font-size: 10px;
    min-width: 30px!important;
    padding:2px 2px 2px 4px;
  }

  .empty-search {
    height: 300px;
  }

  .ios-banner {
    flex-direction: column;
  }

  .ios-content {
    flex-direction: column;
  }

  .ios-content-2 {
    flex-direction: column-reverse;
  }

  .ios-content img {
    width: 80%;
    margin-bottom: 15px;
  }

  .ios-content h3 {
    font-size: 1.5em !important;
  }

  .support-area {
    flex-direction: column;
    text-align: center;
  }

  .ios-banner .app-icon img {
    height: 40px;
  }

  .deca-ikea-title h1 {
    font-size: 24px !important;
  }

  .deca-ikea-title h3 {
    font-size: 16px !important;
  }

  .deca-ikea-tc {
    margin-bottom: 15px;
  }

  .deca-ikea-tc h1 {
    font-size: 36px !important;
    margin-bottom: 0px !important;
  }

  .deca-ikea-tc h3 {
    font-size: 16px !important;
  }
  /* Ahee Update 14 July 2022 for revrame design */
  #footer .social_area,#footer .footer--social,#footer .download-apps,#footer .h3{
    text-align: center !important;
  }
  #footer .footer--links {
    padding-bottom: 20px
  }
  /* Devi Update 13 Agustus 2022 for iphone, update 22 august erase coz not working
  #footer .footer--copyright {
    padding-bottom: 20px;
    color:inherit;
    text-decoration:none;
  }
 end devi update */

  #footer .download-app-block{
    padding-top:20px;
  }

  #footer .footer--links .block{
    border-bottom:1px solid #FFF;
  }
  /* end ahee update*/
}

.block-promo .cart-summary-line .label{
  color: #7a7a7a;
}

.block-promo.promo-highlighted{
  padding: 20px 0px 5px 0px;
}

footer .size-trigger{
  display: none;
}

/* Arief 2021-03-23 */

.product-sold-count{
  font-weight: 900;
  margin-top: 10px;
  margin-bottom: 10px;
}

.product-sold-count-emonji{
  max-width: 11%;
}

.span_red_color{
  color:#e20c18;
}

/* Agus update 2022-06-10 */
#addresses .address-footer {
  position: initial;
  border-top: initial;
  margin: 15px;
}

/* Agus update 2022-06-16 */
.breadcrumb {
  padding: 0px 10px;
}

/* Agus update 2022-06-24 */
.d-none {
  display:none!important
}

@media (min-width: 992px) {
  .page--customer .address-form {
      margin-top: initial;
  }
}

.page--customer .page-content .block--identity {
  padding-top: 20px;
}

.page--customer .page-content .block--purchases {
  padding-top: 20px;
}

/* Agus update 2022-06-28 */
.page--customer .page-content .block--addresses {
  padding-top: 20px;
}

/* Devi update 2022-06-23 */
header .block--top {
  background-color: #0078b8;
}

.d-none {
  display:none!important
}

@media (min-width: 992px) {
  .page--customer .address-form {
      margin-top: initial;
  }
}

.page--customer .page-content .block--identity {
  padding-top: 20px;
}

.thumbnail--product .block__thumbnail .block__discount, .thumbnail--product .block__thumbnail .block__price{
  min-width:40px;
}

/* Devi update 13 Agustus 2022 SKU same height*/
.thumbnail--product .block__thumbnail .thumbnail img{
  max-height: 117px;
  }

.page--customer .page-content .block--purchases {
  padding-top: 20px;
}

/* Agus update 2022-06-28 */
.page--customer .page-content .block--addresses {
  padding-top: 20px;
}

/* Ahee Update 14 July 2022 for revrame design */
#footer h3,#footer .h3,#footer .footer--links .panel__toggle li a {

  color:#fff !important;
}

#footer .footer--social ul li a {
  color: #fff !important;
}

#footer .footer--social {
  padding-top:15px  !important;
}

#footer .footer--social ul li {
  font-size:40px !important;

}

/* end ahee update*/

/* Devi update 13 august 2022, center footer on mobile view */
@media (max-width: 575px) {
  #footer .footer--social ul {
    margin-right: 58px;
  }
}
/* Devi update 13 august 2022, fix padding header cart */
.page-cart .header--cart {
  padding: 0px!important;
}
/* end of Devi update */

/* devi update 19 juli 2022*/
header .block--top{ background-color: #0078b8;
 /* Devi update 3 Dec 2022 for c theme */
 /* Devi update 2 jan 2023 erase c theme*/
 /*background-image: url("https://www.decathlon.co.id/img/cms/c theme/Header pattern.png");*/
}

.soomagicmenu#soomagicmenu-main>ul>li .root-item .title{color:#fff;}
/* devi update 3 dec 2022*/
#header .btn--lang a{color: #fff!important;}
/* devi erased 3 dec 2022*/
/*header .nav--secondary a{color:#fff;}*/
.pb4{padding-bottom: 10px;}

/* Devi update 3 Dec 2022 for c theme */
/* Devi update 2 jan 2023 erase c theme*/
/*.soomagicmenu#soomagicmenu-main>ul{ background-image: url("https://www.decathlon.co.id/img/cms/c theme/Header pattern.png");}*/

/* devi update color to #0078b8 9 august 2022*/
.soomagicmenu#soomagicmenu-main>ul>li{border-bottom: 4px solid #0078b8!important;}
.soomagicmenu#soomagicmenu-main>ul>li:hover .root-item .title{border-bottom: 2px solid #fff!important;color:#fff!important;}
.account-button {background: #0078b8;}

.account-button{background: #0078b8!important; color:white;}
.account-button_text{color:white;}
.icon-account{color:white;}

/* Devi update 28 Juli 2022 */
.account-button_text .vtmn-typo_text-3{color:white;} /* white name account on header*/
.thumbnail--product .block__thumbnail .description .name-product a{
  color: #707070;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 575px){
.thumbnail--product .block__thumbnail .description .name-product a{
  font-size: 10px;
  line-height: 1px;}
}
header .btn .icon-cart:before{
  color:white;
}
header .btn .icon-hamburger:before{
  color:#fff;
}

/* Agus update 2022-09-09 */
.algolia--price .ais-NumericMenu-item.ais-NumericMenu-item--selected,
.algolia--size .ais-RefinementList-item.ais-RefinementList-item--selected {
  background-color: #0082c3;
}

/* Arief Update for themes */
.soomagicmenu>ul{
  background-color: #fff!important;
}
.soomagicmenu#soomagicmenu-main>ul>li .root-item .title{
  color: #0078b8!important;
}
.soomagicmenu#soomagicmenu-main>ul>li{
  border-bottom: none!important;
}
#header .btn--lang a{
  color: #0078b8!important;
}
.account-button{
  color: #0078b8!important;
  background: transparent!important;
}
.account-button_text{
  color: #0078b8!important;
}
.container-fluid.block--top.js-block--top{
  /* background-image: url('/../modules/oneshop_plugins_collection_indonesia/views/img/header_web.png'); */
  background-color: #FFF!important;
}

#footer{
  /* background-image: url('/../modules/oneshop_plugins_collection_indonesia/views/img/footer_web_2.png'); */
  background-color: #FFF!important;
  color: #0078b8!important;
  border-top: none;
  margin-top: 140px;
}
#footer h3, #footer .h3, #footer .footer--links .panel__toggle li a{
  color: #0078b8!important;
}

header .btn .icon-hamburger:before{
  color: #0078b8!important;
}
header .btn .icon-cart:before{
  color: #0078b8!important;
}
#footer .footer--social ul li a{
  color: #0078b8!important;
}

@media (min-width: 576px){
  footer .footer--links{
    border-bottom: none;
  }
}

#footer .special-masjid{
  /* background: url(/../modules/oneshop_plugins_collection_indonesia/views/img/masjid_web.png); */
  /* background-repeat-y: no-repeat; */
  height: 150px;
  position: absolute;
  width: 100%;
  margin-top: -140px;
  background-size : cover;
  background-position: right;
}

.soomagicmenu#soomagicmenu-main>ul>li:hover .root-item .title{
  border-bottom: 2px solid #fff!important;
  color: #0082c3!important;
}

div#ymDivCircle {
  bottom: 55px;
}

.soomagicmenu#soomagicmenu-main>ul>li.red-font .root-item .title {
  color: red !important;
}

.soomagicmenu#soomagicmenu-main>ul>li.secondlife-font .root-item .title {
  color: #4d6f56 !important;
}

@media screen and (max-width: 599px){
  h2.vtmn-typo_title-2 {
    font-size: 1rem;
  }
}

/* Agus update 2023-08-02 */
.modal--cart .modal-dialog .modal-content .modal-body .cart-container .cart-items .cart-item .product-line-grid .product-line-grid-remove .icon-close:before {
  font-family: 'decathlon';
}

.thumbnail--product .block__thumbnail .block__flag img{
  width: 90px;
}

.ai_container-products{
  width: 100%!important;
  max-width: 1140px;
  position: relative;
  margin-left: auto!important;
  margin: auto;
  margin-top: 1em!important;
}

.ai_container-suggprods {
  display: flex;
  margin-top: 1em!important;
  margin-bottom: 1em!important;
}

@media (max-width: 991px){
  .thumbnail--product .block__thumbnail .block__flag img{
    width: 80px;
  }
}

@media (max-width: 576px){
  .thumbnail--product .block__thumbnail .block__flag img{
    width: 50px;
  }
  .ai_container-suggprods {
    display: flex;
    margin-top: 0.5em!important;
    margin-bottom: 0.5em!important;
  }
}

/* Agus update 2023-11-06 Remove / show sticky when select size */
@media screen and (max-width: 600px) {
  .bloc__size-guide:has(.modal__size:not(.hide)) {
    z-index: 5 !important;
  }
}