.rts-retreat-table {
    width: 100%;
    border: 1px var(--color2) solid;
    margin: 1em 0;
}

.rts-retreat-table > tbody > tr > td {
    width: 50%; 
}

.rts-retreat-content-unused-td {
    display: none !important;
}

.rts-retreat-content-title-td a {
    display: block;
    color: var(--color1);
    text-decoration: none;
    padding: 0.3em;
}

.rts-retreat-content-title-td a:hover {
    color: var(--color2);
    background-color: var(--color1);
}

.rts-retreat-content-tr {
    background-color: var(--color2);
    color: var(--color1);
}

.rts-retreat-content-title-td {
    padding: 0;
}

.rts-retreat-button {
    color: var(--color1);
    border: 1px var(--color1) solid;
    font-family: hatton-variable;
    text-decoration: none;
    padding: 0.6em 0.3em 0.3em 0.3em;
}

.rts-retreat-button:hover {
    color: var(--color2);
    border: 1px var(--color2) solid;
    background-color: var(--color1);
}

.rts-retreat-arrow {
    padding-left: 1em;
}

.rts-retreat-date {
    font-family: hatton-variable;
    color: var(--color2);
}

.rts-retreat-title {
    color: var(--color2);
}

.rts-retreat-content-td {
    padding-bottom: 1em;
}

.rts-retreat-content-td table tr td{
    padding: 0.2em;
    margin: 0;
}

.rts-retreat-content-td table{
    margin-bottom: 1em;
}

@media only screen and (max-width: 720px) {

    .rts-retreat-content-unused-mobile-td {
        display: none;
    }

    .rts-retreat-table > tbody > tr > td {
        display: inline-block;
        width: calc(100% - 0.7em);
    }

    .rts-retreat-content-title-td {
        width: 100% !important;
    }

}