/* custom css for all sites  */
@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap");


/* fix margins on right and left aligned images */
        body.page p.wp-block-paragraph > img.alignright {
            margin: 0px 0 15px 15px !important;
        }

        body.page p.wp-block-paragraph > img.alignleft {
             margin: 0px 15px 15px 0 !important;
        }

        body.page img.alignright {
             margin: 0px 0 15px 15px !important;
        }

        body.page img.alignleft {
             margin: 0px 15px 15px 0 !important;
        }

        main img.alignleft {
                margin-top: 0px !important;
                margin-right: 15px !important;
                margin-bottom: 15px !important;
                margin-left: 0 !important;
        }


        main img.alignright {
                margin-top: 0px !important;
                margin-right: 0 !important;
                margin-bottom: 15px !important;
                margin-left: 15px !important;
        }

/* apply uos styling to stack-related-content */

.stack-related-content .stack-related-content__title {
    font-family: "DM Serif Display", serif;
    font-size: clamp(1.375rem, 4vw, 1.875rem);
    font-weight: 400;
    line-height: 1.1;
}

.stack-related-content .stack-related-content__teaser {
    font-family: Inter, system-ui, -apple-system, "Segoe UI",
                 Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.2;
}

/* apply uos stylying to stack-list-card */

.stack-list-card__title {
    font-family: "DM Serif Display", serif;
    font-size: clamp(1.375rem, 4vw, 1.875rem);
    font-weight: 400;
    line-height: 1.1;
}

/* Shared UoS heading typography */
body h1,
body h2,
body h3,
body h4,
body h1.stack-hero-banner__title {
    font-family: "DM Serif Display", serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1.1;
}

/* UoS responsive heading sizes */
body h1,
body h1.stack-hero-banner__title {
    font-size: clamp(3rem, 5vw, 4rem);
}

body h2 {
    font-size: clamp(2rem, 1.54rem + 2.03vw, 3.25rem);
}

body h3 {
    font-size: clamp(1.5rem, 1.45rem + 2.03vw, 2.25rem);
}

body h4 {
    font-size: clamp(1.5rem, 3vw, 1.875rem);
}