:root {
    --journalwall-color: #0099DD;
    --journalwall-active-color: #FFBB00;
}

.journalwall-button {
    margin: 0px 0px 20px 0px!important;
}

.journalwall-button, .journalwall-button > * {
    background-color: var(--journalwall-color);
    border-color: var(--journalwall-color);
    box-shadow: none;
    transition: 0.3s;
}

.journalwall-button:hover, .journalwall-button:hover > *, .journalwall-button:active, .journalwall-button:active > * {
    background-color: var(--journalwall-active-color)!important;
    border-color: var(--journalwall-active-color)!important;
    box-shadow: none!important;
    transition: 0.3s!important;
}

.journalwall-pagination-active {
    background-color: var(--journalwall-active-color);
    border-color: var(--journalwall-active-color);
}

.journalwall-preview-image {
    width: 100%;
    max-width: 290px;
    height: 350px;
    object-fit: contain;
}

.journalwall-preview-container {
    width: 250px;
    height: 350px;
    margin-left: auto;
    margin-right: auto;
    padding: 25px;
    background-color: var(--journalwall-color);
}

.journalwall-preview-image:hover, .journalwall-preview-container:hover {
    cursor: pointer;
}