/* #region "../src/functions/magazine/issue/single-issue/single-issue.entry.scss" */
/*
- type: css
*/
/*******************************
 * Buttons
 ******************************/
/*
 * Applies the complete set of button styles with all desired style variations.
 * This mixin is normally applied to form buttons or links with
 * the desired button classes eg. .button.style-xxx.
 */
/*
 * Contains styles that all of the buttons have in common.
 * Some button styles might opt out or override some of these styles.
 * One benefit of this approach is that all of the buttons will be consistently
 * configurable with the CSS variables defined below.
 */
/*******************************
 * Button Styles
 *
 * Styles should define the way the buttons look. Depending on the project,
 * you may need to optimize each style based on the section / element that
 * a button is used in. For that purpose you can use the predefined CSS
 * variables to easily overwrite the desired colors based on your need.
 ******************************/
/*******************************
 * Inputs
 ******************************/
body.single-magazine-issue .preview {
  font-family: var(--copy-font-family);
  line-height: var(--copy-line-height);
  font-size: var(--copy-font-size);
  padding-top: /* grow(2, 7) */ clamp(0.125rem, 0.0208333333rem + 0.462962963vw, 0.4375rem);
}
body.single-magazine-issue .preview .cover[data-style=large-circle] {
  margin-inline: auto;
  margin-bottom: var(--v-m);
}
body.single-magazine-issue .preview .authors-headline {
  margin-top: /* grow(16, 36) */ clamp(1rem, 0.5833333333rem + 1.8518518519vw, 2.25rem);
  margin-bottom: /* grow(12, 24) */ clamp(0.75rem, 0.5rem + 1.1111111111vw, 1.5rem);
}
body.single-magazine-issue .preview-article-meta {
  display: flex;
  justify-content: space-between;
  column-gap: var(--layout-gap);
  row-gap: /* grow(8, 12) */ clamp(0.5rem, 0.4166666667rem + 0.3703703704vw, 0.75rem);
}
body.single-magazine-issue .single-issue-header {
  margin-bottom: var(--v-xl);
}
@media (min-width: 1200px) {
  body.single-magazine-issue .cover[data-style=small-circle]:is(body:not(.no-js) *):is([data-column="1"] > *) {
    margin-right: 30px;
  }
}
@media (min-width: 1200px) {
  body.single-magazine-issue .cover[data-style=small-circle]:is(body:not(.no-js) *):is([data-column="2"] > *) {
    margin-left: 30px;
  }
}
body.single-magazine-issue .posts-headline {
  margin-bottom: var(--v-m);
  text-align: center;
}
/* #endregion "../src/functions/magazine/issue/single-issue/single-issue.entry.scss" */

head{--webpack--css-single-issue:&\.\.\/src\/functions\/magazine\/issue\/single-issue\/single-issue\.entry\.scss;}
/*# sourceMappingURL=css-single-issue.css.map*/