body {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23fecd7a' fill-opacity='0.05' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
}

svg#logo {
    opacity: 1;
    transition: opacity 0.3s ease-out;
}

svg#logo path {
    fill: var(--wp--preset--color--base) !important;
}

svg#logo:hover {
    opacity: 0.5;
    transition: opacity 0.3s ease-in;
}

.wp-block-post-title {
    text-wrap: balance;
}

ul.list-active-projects {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 3rem;
    justify-content: space-between;
    list-style: inside none;
    margin: 2rem 0;
    padding: 0;
}

ul.list-active-projects li,
ul.list-active-projects li a,
ul.list-active-projects li a svg {
    display: flex;
    height: auto;
    width: 100%;
}

ul.list-active-projects li {
    flex-basis: calc(50% - 3rem);
}

ul.list-active-projects li a svg path {
    fill: var(--wp--preset--color--base);
}

.is-layout-flow>.alignright {
    margin-left: 3rem !important;
}

.is-layout-flow>.alignleft {
    margin-right: 3rem !important;
}

#single-post-date {
    align-content: center;
    align-self: stretch;
}

/* Custom Tooltipster Shadow Theme Overrides */
.tooltipster-sidetip.tooltipster-shadow .tooltipster-box {
    border: none !important;
    border-radius: 5px !important;
    background: #19130c !important;
    box-shadow: 0 0 10px 6px rgba(254, 205, 122, 0.2) !important;
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-content {
    color: #fecd7a !important;
    line-height: 18px !important;
    padding: 6px 14px !important;
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow {
    height: 6px !important;
    margin-left: -6px !important;
    width: 12px !important;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow,
.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow {
    height: 12px !important;
    margin-left: 0 !important;
    margin-top: -6px !important;
    width: 6px !important;
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-background {
    display: none !important;
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-border {
    border: 6px solid transparent !important;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #19130c !important;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #19130c !important;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #19130c !important;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #19130c !important;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-uncropped {
    top: -6px !important;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-uncropped {
    left: -6px !important;
}

/* Additional specificity for positioning */
.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-box {
    margin-top: 6px !important;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-box {
    margin-right: 6px !important;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-box {
    margin-left: 6px !important;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-box {
    margin-bottom: 6px !important;
}