/**
 * @file
 * Base styling for the "Subscribe now" block.
 *
 * @see buy_magazine module
 */
/**
 * 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.
 */
/**
 * 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.
 */
.block-buy-magazine {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  margin-right: -10px;
  margin-left: -10px;
  padding: 1rem 0;
  text-align: center; }
  .block-buy-magazine .magazine-print {
    /* Move it towards the centre. */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%;
    margin-left: 33.33333%;
    padding: 0; }
    @media only screen and (min-width: 769px) {
      .block-buy-magazine .magazine-print {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-right: 10px;
        padding-left: 10px;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%; } }
    .block-buy-magazine .magazine-print .content {
      margin-top: 1rem;
      width: 125%; }
      @media only screen and (min-width: 769px) {
        .block-buy-magazine .magazine-print .content {
          width: 150%; } }
  .block-buy-magazine .magazine-digital {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
    position: absolute;
    left: 56%;
    -webkit-transform: translateY(-145%);
    transform: translateY(-145%); }
    @media only screen and (min-width: 769px) {
      .block-buy-magazine .magazine-digital {
        left: 100px;
        -webkit-transform: translateY(-125%);
        transform: translateY(-125%); } }

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