/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

    This file contains rules for the
    IMAGE MODULE
    that implement the UU design system specifically for Sitevision

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/********************************

Image modules in the main content

********************************/

.aspect-ratio-1 img {
    aspect-ratio: 1 / 1;
}

.layout-main .sv-image-portlet,
.layout-main .sv-mfpimage-portlet {
    margin-bottom: var(--space-medium);
}

.env-text-caption-01 {
    color: var(--color-text-muted);
    font-size: var(--font-size-small);
}

.sv-image-portlet:has(img[width="473"]) .env-text-caption-01 {
    max-width: 473px;
}


.sv-image-portlet:has(img[width="309"]) .env-text-caption-01 {
    max-width: 309px;
}

/* Sometimes predefined size Liten with max width 309 px results in images with width 308px so we
  add that size as well */
.sv-image-portlet:has(img[width="308"]) .env-text-caption-01 {
    max-width: 308px;
}