/*--- standard variables ---*/
/*--- Switch Themes ---*/
/*.importTheme(@season) when (@season = 'lente') {
    @import "../themes/lente/css/variables_theme.less";
}*/

/*.importTheme(@season) when (@season = 'zomer') {
    @import "../themes/zomer/css/variables_theme.less";
}

.importTheme(@season) when (@season = 'herst') {
    @import "../themes/herfst/css/variables_theme.less";
}

.importTheme(@season) when (@season = 'winter') {
    @import "../themes/winter/css/variables_theme.less";
}*/

/*--- product item ratio (thumb + content) ---*/
/* set ProductImageRatio in productOverview! */
/*--- media queries. When using responsive ---*/
/* Range breakpoints */
/*----- Default functions -----*/
/*----- Default Crossbrowser functions -----*/
/*----- CSS3 functions -----*/
/*----- CSS3 Animation functions -----*/
/*----- Buttons -----*/
/*----- Responsive functions -----*/
.deliveryOptions {
  margin-bottom: 15px;
}
.deliveryOptions ul li {
  color: #454545;
  border-top: 1px solid #dedede;
  padding: 15px;
  border: 1px solid #dedede;
  position: relative;
  margin: 10px 0;
}
.deliveryOptions ul li:before,
.deliveryOptions ul li.active:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
  margin: auto;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.deliveryOptions ul li:before {
  width: 14px;
  height: 14px;
  border: 1px solid #dedede;
}
.deliveryOptions ul li:not(.active):hover:before {
  border-color: #c1b39a;
}
.deliveryOptions ul li.active:after {
  width: 8px;
  height: 8px;
  background: #c1b39a;
  left: 4px;
}
.deliveryOptions ul li:before {
  left: 15px;
  top: 30px;
  bottom: auto;
}
@media only screen and (min-width: 768px) {
  .deliveryOptions ul li:before {
    top: 35px;
  }
}
@media only screen and (min-width: 768px) {
  .deliveryOptions ul li {
    min-width: 50%;
    padding: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .deliveryOptions ul li {
    width: 50%;
    min-width: 550px;
  }
}
.deliveryOptions ul li.active {
  color: #c1b39a;
}
.deliveryOptions ul li.active:after {
  left: 19px;
  top: 34px;
  bottom: auto;
}
@media only screen and (min-width: 768px) {
  .deliveryOptions ul li.active:after {
    top: 39px;
  }
}
.deliveryOptions ul li a {
  display: inline-block;
  padding: 10px 0 10px 25px;
  color: #454545;
  text-decoration: none !important;
}
@media only screen and (min-width: 768px) {
  .deliveryOptions ul li a {
    padding: 0 0 0 25px;
  }
}
.deliveryOptions ul li.itemHomeDelivery a:before,
.deliveryOptions ul li.itemPakJeGemak a:before,
.deliveryOptions ul li.itemPickupStore a:before {
  position: absolute;
  content: '';
  width: 70px;
  height: 40px;
  right: 15px;
  top: 35px;
}
@media only screen and (min-width: 768px) {
  .deliveryOptions ul li.itemHomeDelivery a:before,
  .deliveryOptions ul li.itemPakJeGemak a:before,
  .deliveryOptions ul li.itemPickupStore a:before {
    right: 30px;
  }
}
@media only screen and (min-width: 768px) {
  .deliveryOptions ul li.itemHomeDelivery a:before,
  .deliveryOptions ul li.itemPakJeGemak a:before {
    background: url('../../images/dhl-logo-black.svg') no-repeat center center;
    background-size: 100%;
  }
  html.no-svg .deliveryOptions ul li.itemHomeDelivery a:before,
  html.no-svg .deliveryOptions ul li.itemPakJeGemak a:before {
    background: url('../../images/dhl-logo-black.svg') no-repeat center center;
    background-size: 40px;
    background-size: 100%;
  }
  .deliveryOptions ul li.itemPickupStore a:before {
    background: url('../../images/logo.svg') no-repeat center center;
  }
  html.no-svg .deliveryOptions ul li.itemPickupStore a:before {
    background: url('../../images/logo.png') no-repeat center center;
    background-size: 40px;
  }
}
@media only screen and (min-width: 1280px) {
  .deliveryOptions {
    background: none;
  }
}