:root {
  --color-white: #fff;
  --color-half-white: #f1f1f1;
  --color-danger: #ff4421;
  --color-black: #000;
}
.menu-column {
  background-color: var(--color-half-white);
}
.menu-column .category-wrapper a {
  color: var(--color-black);
  text-decoration: none;
}
.menu-column .category-wrapper a:hover {
  text-decoration: underline;
}

/* Product overview page CSS */
.title-price-cart-wrapper {
  padding: 12px;
  font-weight: bold;
}
.image-wrapper {
  text-align: center;
  padding: 12px;
}
.image-wrapper img {
  width: 100%;
  height: auto;
}

.viewall-product-link,
.viewall-product-link:hover {
  color: var(--color-black);
  text-decoration: none;
}
.custom-col {
  margin-bottom: 20px;
}
.m-price {
  text-decoration: line-through;
}
.sidebar-category {
  padding-top: 20px;
  padding-left: 20px;
}
.category-wrapper {
  font-size: 18px;
}
.menu-column .category-wrapper a.active {
  text-decoration: underline;
}
.category-wrapper a {
  text-decoration: none;
  color: var(--color-black);
}
.category-wrapper a:hover {
  text-decoration: underline;
  color: var(--color-black);
}

/* Payment information page CSS */
.payment-information-container .row {
  justify-content: center;
  margin-top: 60px;
}

.payment-information-container .payment-information-column {
  background-color: var();
  padding: 40px;
  text-align: center;
  box-shadow: 0px 0px 2px 0px var(--color-black);
}
.check-image-wrapper img {
  width: 8%;
  margin-bottom: 25px;
}
.worldline-image-wrapper img {
  width: 20%;
}
.pay-now-button,
.pay-now-button:hover {
  background-color:var(--color-danger);
  color: var(--color-white);
  text-decoration: none;
  padding: 8px 40px;
  border: 1px solid var(--color-danger);
}

/* Equal column CSS starts */
.row.equal-cols {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.row.equal-cols > [class*="col-"] {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.row.equal-cols > [class*="col-"] > * {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.row.equal-cols > [class*="col"] .title-price-cart-wrapper {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-height: 30px;
}
.title-wrapper {
  flex: 1 1 auto;
}

/* Equal column CSS ends */

/* Pagination CSS */
.pagination-wrapper ul li a {
  color: var(--color-black)000;
  text-decoration: none;
}
.pagination-wrapper .pager ul li.is-active {
  background-color: var(--color-danger);
  border: 1px solid var(--color-danger);
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 5px;
  margin: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination-wrapper ul li.is-active a {
  text-decoration: none;
  color: var(--color-white);
  font-weight: bold;
}

.pagination-wrapper .pager ul li {
  border: 1px solid #b9b9b9;
  border-radius: 5px;
  width: 40px;
  height: 40px;
  text-align: center;
  margin: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFFFFF;
}
.pager__item--next,
.pager__item--last,
.pager__item--previous,
.pager__item--first {
  border: none !important;
  width: auto !important;
  height: auto !important;
  background-color: transparent !important;
}

.flex-1{
  flex: 1;
}

/* New CSS for Products overview */
.custom-cart-btn .js-form-item{
  display: none;
}
.title-cart-wrapper{
  display: flex;
  justify-content: space-between;
}
.button--add-to-cart{
    border: 1px solid transparent;
    padding: 7px 15px;
}
.custom-cart-button{
  border: 1px solid transparent;
  /* padding: 7px 15px; */
  background-image: url('/modules/custom/webshop/images/shopping-cart.png');
  background-color: transparent !important;
  background-repeat: no-repeat;
  box-shadow: none;
  color: transparent !important;
  background-size: contain;
  padding: 6px 0px 4px 0px;
  background-position: right;
}
.product-image-parent-wrapper{
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
}

.multi-image-wrapper{ 
  cursor: pointer;
}
#block-showkidscornerblock .kids-img-wrapper img{
   width: 100%;
}