@import url("fonts.0c453c999d6f.css");
@import url("variables.c4cd9ad9ebcb.css");
@import url("icons.66963a123429.css");
@import url("interview.c0645d8b81c6.css");
@import url("carousel.eb4571b721e3.css");
@import url("splide.f1dddca0220f.css");
@import url("media-row.348873b820ab.css");
@import url("hide_search_clear.b461fd42c7ea.css");
@import url("header_menu.9cfb5376d5a7.css");
@import url("menu.ce638f0ac6aa.css");
@import url("default_styling_overrides.36d58c286623.css");
@import url("spacer.f06af8687a53.css");
@import url("biography.d0a58341a269.css");
@import url("view.f4a536b57f0f.css");
@import url("tags.8c1f1f959eb6.css");
@import url("forms.582ffcd10dec.css");
@import url("notes_annotations.327f830667c5.css");
@import url("arrows.7aa60e730a1f.css");
@import url("animations.ce1dfbdca9b7.css");
@import url("media.f99f147c6df0.css");
@import url("gdpr.a468062b284e.css");
@import url("utilities.52a82e52fd49.css");
@import url("common.c99193ccad9e.css");
@import url("embed.dac89bd3dae9.css");
@import url("social_media.e816f60d8376.css");
@import url("bootstrap-grid.0681aa3db6cc.css");
@import url("grid.161fe10b6c4c.css");
@import url("author.927cb9d130c9.css");
@import url("units.df426abc4f93.css");

@import url("../home/css/home.2fe22e75aaa8.css");
@import url("../articles/css/articles.e1d1ba949fa7.css");
@import url("../social_share/css/social_share.ea36191953b4.css");

.typed {
    display: inline-block;
    font-size: calc(var(--base-font-size) * 1px);
    line-height: calc(var(--base-line-height) * 1px);
}
.richtext {
    
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

:root {
    scroll-behavior: smooth;
}

body {
    background: var(--body-background-color-override, var(--background-color));
    /* setting the font family on the body leads to weird line-height issues */
    font-family: "Graphik";
    color: var(--primary-color);
    margin-inline: auto;
    padding: 0;
    --full-header-height: calc(
        var(--announcement-header-height, 0px) +
        var(--header-navigation-height, 0px) +
        var(--header-image-height, 0px) + 
        var(--announcement-top-height, 0px)
        );
    padding-top: var(--full-header-height);
}

@media screen and (max-width: 767px) {
    body {
        padding-top: calc(var(--header-navigation-height-mobile, 0px) + var(--header-image-height-mobile, 0px) + var(--announcement-header-height, 0px) + var(--announcement-top-height, 0px));
        --full-header-height: calc(
            var(--announcement-header-height, 0px) +
            var(--header-navigation-height-mobile, 0px) +
            var(--header-image-height-mobile, 0px) + 
            var(--announcement-top-height, 0px)
            );
    }
}

label input[type=checkbox],
label input[type=radio] {
    pointer-events: none;
    display: inline-block;
    position: absolute;
    opacity: 0;
}

.show-navigation-outline:has(:focus) {
    outline: 1px solid;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
}

hr {
    background: var(--primary-color);
    height: 1px;
    border: 0;
}


span {
    text-decoration-thickness: calc(var(--underline-thickness, 1) * 1px);
    text-underline-offset: calc(var(--underline-offset, 4) * 1px);
}

a {
    /* transition: ease-in-out all var(--transition-duration); */
    text-decoration-line: var(--text-decoration, none);
    text-decoration-thickness: calc(var(--underline-thickness, 1) * 1px);
    text-underline-offset: calc(var(--underline-offset, 4) * 1px);
    text-decoration-color: var(--color-override, currentcolor);

    color: var(--color-override, var(--primary-color));

    &:not(:has(div)):hover {
        --color-override: var(--hover-color-override, var(--primary-hover-color));
        color: var(--color-override, var(--primary-hover-color));
        text-decoration-line: var(--hover-text-decoration, none);
    }
    &.active,
    &:active {
        --color-override: var(--active-color-override, var(--primary-active-color));
        color: var(--color-override, var(--primary-active-color));
        text-decoration-line: var(--active-text-decoration, none);
    }
}

.richtext a {
    text-decoration-line: var(--text-decoration, underline);
    &:hover {
        text-decoration: var(--hover-text-decoration, underline);
        color: var(--hover-color-override, var(--primary-hover-color));
    }
}

.hover-link,
.hover-link a,
a:has(.hover-link) {
    text-decoration: none!important;
    &:hover {
        color: var(--hover-color-override, var(--primary-hover-color)) !important;
    }
}

p {
    margin: 0;
}

b {
    font-weight: 500;
}

time {
    display: block;
}

mark {
    padding-left: calc(var(--text-marking-left, 2px) * 1px);
    padding-right: calc(var(--text-marking-right, 2px) * 1px);
    padding-bottom: calc(var(--text-marking-bottom, 2px) * 1px);
    padding-top: calc(var(--text-marking-top, 2px) * 1px);
}

/* list-style: disc!important; */
.richtext {
    ul,
    ol {
        margin-left: 0;
        padding-left: 0.5em;
        /* list-style-position: outside; */
        margin-block-end: 0;
        margin-block-start: 0;
    }
    ul {
        list-style-type: none;
    }
    ul li,
    ol li {
        display: list-item!important;
    }
    ul li {
        position: relative;
        &:before {
            content: "•";
            width: 0.25em;        /* size */
            height: 0.25em;       /* size */
            position: absolute;
            left: -0.5em;
            /* top: 50%; */
            /* transform: translateY(-50%); */
        }
    }
}
.dossier-style-desktop,
.dossier-style-mobile {
    a {
        text-decoration: none;
    }
}
.dossier-style-desktop {
    mark {
        padding: 6px 10px;
    }
}
@media screen and (max-width: 767px) {
    .dossier-style-mobile {
        mark {
            padding: 6px 10px;
        }
    }
    
}
u {
    text-decoration: underline;
    text-decoration-color: var(--color-override, --primary-color);
    text-decoration-thickness: calc(var(--underline-thickness, 1) * 1px);
    text-underline-offset: calc(var(--underline-offset, 3) * 1px);
}
b.medium {
    u {
        text-decoration-thickness: calc(var(--underline-thickness-medium, var(--underline-thickness, 1)) * 1px);
        text-underline-offset: calc(var(--underline-offset-medium, var(--underline-offset, 3)) * 1px);
    }
}
b {
    u {
        text-decoration-thickness: calc(var(--underline-thickness-bold, var(--underline-thickness, 1)) * 1px);
        text-underline-offset: calc(var(--underline-offset-bold, var(--underline-offset, 3)) * 1px);
    }
}


/* main {
    background: var(--background-color);
    margin-top: 20px;

    body:not(.article) & {

        &>*:not(.group, .sidebar),
        .group>*,
        .sidebar>* {
            max-width: var(--full-content-width);
            margin-inline: auto;
        }
    }

    body.article & article {

        &:not(.full-width)>*:not(.group, .sidebar),
        .group>*,
        .sidebar>* {
            max-width: var(--full-content-width);
            margin-inline: auto;
            width: 100%;
        }
    }

} */

.button-page-back {
    text-decoration: none;
}

*:has(>.endofline) {
    position: relative;
}

a:has(article) {
    display: block;
    text-decoration: none;
}

a[href="#top"],
a.top-button {
    display: inline-block;
    text-decoration: none;

    span[data-sticky]:has(&) {
        box-shadow: 0 0 0 5px var(--background-color);
        background: var(--background-color);
        position: sticky;
        margin-block: -5px;
        bottom: 1lh;
        width: auto !important;
        margin-left: calc(0.5 * (var(--main-width) - var(--full-content-width))) !important;
        margin-top: var(--vertical-unit);


        a {
            margin-top: 0;
        }

        html.top & {
            position: static;
        }

    }
}

button {
  all: unset;
  cursor: pointer;
  color: inherit;
  font: inherit;
  @media (hover: hover) and (pointer: fine) {
    &:hover {
        color: var(--hover-color-override, var(--primary-hover-color));
        text-decoration: var(--hover-text-decoration, none);
    }
  }
  &.active {
    /* font-weight: 500; */
    color: var(--active-color-override, var(--primary-active-color));
    text-decoration: var(--active-text-decoration, none);
  }
}

.text-center {
    text-align: center;
}

.text-start {
    text-align: start;
}

.text-end {
    text-align: end;
}

.text-justify {
    text-align: justify;
}

.bg-default {
    background: var(--background-color);
}

.sticky-on-scroll {
    position: fixed;
    top: var(--full-header-height);
    z-index: 900;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.scrolled-down {
    .sticky-on-scroll {
        top: 0;
        .view-type-title {
            padding-top: 30px; 
        }
    }
}

/* .paired,
.pair-block {
    border: 1px solid black;
} */

@media screen and (max-width: 768px) {
    .pair-block {
        margin-top: var(--vertical-unit);
        margin-bottom: var(--vertical-unit);
    }
}