/**
 * Does a simple conversion of pixels to rem units
 * Round the value to 2 decimal points
 * @param  {[type]} $pixels Font size in the format 11px
 * @return {[type]}         Fonr size in teh format 1.2rem
 */
/**
 * Retrieves the breakpoint form the breakpoints map
 * @param  {string} $name [description]
 * @return {string}       [description]
 */
.button-sub-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
}

.previous-step,
.cancel-step {
  order: 0;
}

.next-step,
.finish-step,
.secondary-step {
  order: 1;
}

.captcha-image-container,
.captcha-input-container,
.change-captcha-link {
  display: inline-block;
  vertical-align: middle;
}

.captcha-input-container img {
  vertical-align: middle;
}

.designated-giving-selection-container,
.designated-giving-amount-container {
  display: inline-block;
  margin-bottom: 1.19rem;
  vertical-align: middle;
}

.layout-chooser-container {
  display: flex;
}

.layout-choice-thumbnail-container {
  align-items: center;
  display: flex;
}

#ecard_recpients_row textarea, #tribute_ecard_message_row textarea {
  max-width: 100%;
}

#ecard_recpients_row label, #tribute_ecard_message_row label {
  vertical-align: top;
}

.date-input-container, .donation-level-user-entered, .donation-level-expanded-label, .donation-level-label-container, .donation-level-amount-container, .donation-level-label-input-container, .donation-level-input-container, fieldset.cardExpGroup {
  display: inline;
  vertical-align: middle;
}

#tribute_message_body_row label {
  vertical-align: top;
}

.payment-field-container legend {
  float: left;
  vertical-align: middle;
}

.payment-field-container li {
  display: inline;
  vertical-align: middle;
}

select#billing_addr_country {
  max-width: 100%;
}

.payment-field-container ul {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

.donation-level-container .form-content {
  display: inline;
}

.form-row {
  margin-bottom: 1.19rem;
}

.donation-levels {
  margin: 0.59rem 0 0;
}

.donation-level-container {
  display: inline-block;
}

.donation-level-total-amount {
  font-weight: bold;
}

.label-text {
  vertical-align: middle;
}

.internal-payment,
.external-payment {
  display: inline-flex;
}

.payment-type-label {
  color: inherit;
  text-decoration: none;
}
.payment-type-label:active, .payment-type-label:focus {
  outline: none;
}

.payment-type-option {
  background-color: #efefef;
  border: 1px solid #ccc;
  border-top-left-radius: 0.59rem;
  border-top-right-radius: 0.59rem;
  cursor: pointer;
  display: inline-block;
  margin: 0 0 -1px 0.3rem;
  padding: 0.59rem;
  transition: all 0.5s;
}
.payment-type-option.selected {
  background-color: #fff;
  border-bottom-color: transparent;
}
.external-payment .payment-type-option {
  padding-bottom: 0.15rem;
}

.payment-type-selections {
  border-bottom: 1px solid #ccc;
  display: flex;
}

/* ********************************************************** */
/* Premium Selector                                           */
/* ********************************************************** */
.premium-selector-radio-option-description-img-and-text label {
  font-weight: bold;
  width: 100%;
}

.premium-selector-radio-option-row {
  display: flex;
  margin: 1.19rem 0;
}

.premium-selector-option-row {
  margin: 1.19rem 0;
}

.premium-selector-option-image {
  display: block;
  margin: 0.3rem 0.59rem 0 0;
}
@media ((min-width: 600px)) {
  .premium-selector-option-image {
    float: left;
  }
}

.premium-selector-select-option-container {
  margin-top: 0.59rem;
}

.premium-selector-more-info-link {
  display: block;
  margin: 0.59rem 0;
}

.premium-select-radio {
  margin-right: 0.59rem;
}

.progress-bar-step-container a {
  color: inherit;
  text-decoration: none;
}

.form-progress-bar,
.progress-bar-container {
  margin: 1.19rem 0;
}

.progress-bar-step-container {
  display: inline-block;
}
@media ((min-width: 600px)) {
  .progress-bar-step-container {
    margin-right: 0.59rem;
  }
}

.progress-bar-step-number-container {
  background-color: #6f6f6f;
  border-radius: 19px;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.19rem;
  padding: 0 0.3rem;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
}
.progress-bar-step-current .progress-bar-step-number-container {
  background-color: #333;
  color: #fff;
}

.progress-bar-step-text-container {
  color: #555;
  display: none;
  padding-left: 0.3rem;
  vertical-align: middle;
}
@media ((min-width: 600px)) {
  .progress-bar-step-text-container {
    display: inline-block;
  }
}
.progress-bar-step-current .progress-bar-step-text-container {
  color: #000;
}

.additional-entries {
  border-collapse: collapse;
  margin-top: 1.19rem;
}

.transaction-summary-entries {
  border-collapse: collapse;
  margin-bottom: 1.19rem;
}

.transaction-summary-entry {
  display: table-row;
}

.entry-label {
  border: 1px solid #ccc;
  display: table-cell;
  font-weight: bold;
  padding: 0.3rem;
}

.entry-value {
  border: 1px solid #ccc;
  display: table-cell;
  padding: 0.3rem;
}