/*------------------------------------------------------------
SELECTION
====================================*/

/* Variables Custom */
$selection-block-border-width: 1px;
$selection-block-border-color: $gray-200;
$selection-block-checked-bg: $gray-100;
/**************************************/

.selection-block {
  padding: 20px 15px;
  margin: 0;
  border: $selection-block-border-width solid $selection-block-border-color;
  border-bottom: 0;
  &:last-child {
    border-bottom: $selection-block-border-width solid $selection-block-border-color;
  }
  .custom-control-text {
    width: 100%;
  }

  &.active {
    background: $selection-block-checked-bg;
    border-color: $selection-block-checked-bg;
    & + .selection-block {
      border-top-color: $selection-block-checked-bg;
    }
  }
}
.selection-block-price {
  float: right;
  margin-left: 10px;
}
.selection-block-title, .selection-block-description {
  display: block;
}
.selection-block-title {
  margin-top: 5px;
}

/* RESPONSIVE */
/***************************************/
@include media-breakpoint-up(md) {
  .selection-block {
    padding: 30px 15px;
  }
  .selection-block-title, .selection-block-description {
    width: 65%;
  }
  .selection-block-title {
    margin-top: 4px;
  }
}
