/**
 * @file
 * Base styling for the "Subscribe now" block.
 *
 * @see buy_magazine module
 */
html {
  box-sizing: border-box;
}

*, *::after, *::before {
  box-sizing: inherit;
}

/**
 * Drupal core's .visually-hidden
 *
 * Note the lack of !important on the position rule.
 * This allows us to change the position property after
 * *unhidding* an element using the unset-visually-hidden
 * mixin below.
 */
/* multi line truncation */
/**
 * Placeholder for dropdown!
 *
 * Selected option is grayed out to give it the look of a placeholder text.
 * This is good for unselected dropdowns where the top item says something like
 * 'Select ...'.  But it is not ideal where a value has been selected already.
 */
/**
 * Style overrides for jQueryUI datepicker.
 */
.block-buy-magazine {
  display: block;
  padding: 1rem 0;
  text-align: center;
}

.block-buy-magazine::after {
  clear: both;
  content: "";
  display: block;
}

.block-buy-magazine .magazine-print {
  float: left;
  display: block;
  margin-right: 6.66667%;
  width: 33.33333%;
  margin-right: 0;
  /* Move it towards the centre. */
  margin-left: 26.66667%;
}

.block-buy-magazine .magazine-print:last-child {
  margin-right: 0;
}

.block-buy-magazine .magazine-print .content {
  margin-top: 1rem;
  width: 125%;
}

.block-buy-magazine .magazine-digital {
  float: left;
  display: block;
  margin-right: 6.66667%;
  width: 20%;
  margin-left: -6.66667%;
  transform: translateY(85%);
}

.block-buy-magazine .magazine-digital:last-child {
  margin-right: 0;
}

/*# sourceMappingURL=subscribe-now.css.map */