@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

.DHmerch main article {
    font-family: Roboto, Santello;
}

.DHmerch figure.detail {
    position: relative;
    display: flex;
    flex-direction: row;
    gap: var(--columngap);
    align-items: center;
}

.DHmerch p + figure.detail,
.DHmerch figure.detail + figure.detail {
    margin-top: calc(var(--sectiongap) / 3);
}

.DHmerch figure.detail:nth-last-of-type(1) {
    margin-bottom: var(--sectiongap);
}

.DHmerch figure.detail :is(object, img, figcaption, div) {
    display: block;
}

.DHmerch figure.detail :is(object, img) {
    height: fit-content;
    max-width: 15%;
}

.DHmerch figure.detail div.infographic {
    max-width: 65%;
}

.DHmerch figure.detail img {
    background-color: #2e2e2e;
}

.DHmerch figure.detail figcaption {
    position: static;
    min-width: 10em;
    font-size: 12px;
    font-weight: lighter;
    letter-spacing: 0.05em;
}

.DHmerch figure.detail figcaption .side-text {
    bottom: 0;
    color: #e68600;
    left: calc(0px - var(--padding) / 2);
}

.DHmerch .side-text {
    letter-spacing: 0.02em;
}

.DHmerch .userProfile > .userName {
    font-family: Roboto;
}

.DHmerch .socialMockupPost .userPic {
    background-color: #e68600;
    object-fit: contain;
}