[data-currentpage="store"] .photoproject-column .header-large {
    text-align: center;
}

.block-type-accordion {
    details {
        border-bottom: 1px solid var(--text-color);
    }

    details:first-child {
        border-top: 1px solid var(--text-color);
    }

    .close-icon {
        display: none;
    }

    details[open] {
        background-color: var(--text-color);
        color: var(--background-color);
        border-bottom:  1px solid var(--background-color);
        
        svg {
            stroke: var(--background-color);
        }
    }

    details[open] .open-icon {
        display: none;
    }

    details:hover {
        background-color: var(--text-color);
        color: var(--background-color);
        border-bottom: 1px solid var(--background-color);

        svg {
            stroke: var(--background-color);
        }
    }

    details[open] .close-icon {
        display: flex;
    }

    summary::-webkit-details-marker {
        display: none;
    }

    summary {
        display: flex;
        align-items: center;
        justify-content: space-between;

        display: grid;
        grid-template-columns: auto auto 1fr;

        padding: calc(var(--unit) * 2);
        transition: background-color .3s ease border-bottom .3s ease;

        span {
            padding-right: calc(var(--unit) * 2);
        }

        svg {
            stroke: var(--text-color);
            justify-self: end;
        }

        h4 {
            margin: 0;
            font-size: var(--fontsize);
        }

    }

    .answer {
        padding: 0 calc(var(--unit) * 2) calc(var(--unit) * 2) calc(var(--unit) * 2);

        p {
            margin: 0 0 calc(var(--unit) * 2) 0;
        }

        p:last-child {
            margin-bottom: 0;
        }

        strong {
            font-weight: 400;
        }

        /* an open item swaps text and background color, so links follow the answer text */
        a {
            color: inherit;
            text-decoration: underline;
        }

        /* fade instead of the blue hover color from photoproject pages, which is hard to read on the open item's background */
        @media (hover: hover) {
            a:hover {
                color: inherit;
                opacity: 0.6;
            }
        }
    }
}