/* #region "../src/elements/translated-image/translated-image.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
 ******************************/
:root {
  --translated-image-section-offset: clamp(3.125rem, 1.1778846154rem + 8.6538461538vw, 8.75rem);
}

.translated-image-section {
  filter: drop-shadow(0 0.5rem 1.25rem rgb(var(--secondary-rgb)/8%));
}
.translated-image-section img {
  display: block;
  min-height: 225px;
  object-fit: cover;
  border-radius: var(--large-radius);
}
.translated-image-section img.size-intro-image-landscape {
  margin-inline: auto;
}
.translated-image-section:last-child {
  margin-bottom: calc(-1 * var(--translated-image-section-offset));
}
.page-section.layout-default:has(+ .translated-image-section:last-child), .page-section.layout-default:has(+ link + .translated-image-section:last-child) {
  --section-padding-bottom: clamp(2.5rem, 2.0673076923rem + 1.9230769231vw, 3.75rem);
}
.background-section:has(.translated-image-section:last-child) + *, .background-section:has(.translated-image-section:last-child) + link + *, .background-section:has(.translated-image-section:last-child) + link + link + *, .background-section:has(.translated-image-section:last-child) + link + link + link + * {
  --section-additional-padding: var(--translated-image-section-offset);
}
/* #endregion "../src/elements/translated-image/translated-image.scss" */

head{--webpack--css-wpce--translated-image:&\.\.\/src\/elements\/translated-image\/translated-image\.scss;}
/*# sourceMappingURL=css-wpce--translated-image.css.map*/