.tgn-event-container {
    display: flex;
    font-size: var(--default-subtitle-size);
    font-family: "Satoshi-BlackItalic", serif;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
}

.tgn-event-container:not(:first-child) {
    margin-top: 30px;
}

.tgn-event-circle-container {
    background-color: var(--theme-color);
    min-width: 100px;
    height: 100px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 6px;
    hyphens: auto;
    -webkit-hyphens: auto;
}


.tgn-event-circle-day-container {
    font-size: var(--h2-font-size);
    color: white;
}

.tgn-event-circle-month-container {
    color: white;
}

.tgn-event-title {
    font-weight: 500;
    font-size: var(--h2-font-size);
    hyphens: auto;
    -webkit-hyphens: auto;

}

.tgn-event-time-location {
    color: var(--theme-color);
}

.tgn-event-information-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 30px;
    font-size: var(--default-font-size);
    min-width: 0;
}

.tgn-link-button.event {
    color: var(--theme-color);
    font-size: var(--default-link-size);
    margin-left: 120px;
    transition: 0.5s;
}

.tgn-link-button.event:hover {
    color: white;
    background-color: var(--theme-color);
}

.tgn-page-title.month {
    font-size: 35px;
}

.tgn-page-title.event {
    color: black;
    margin-top: 0;
}

.tgn-row-wrapper.event {
    padding: 30px 0;
}


.event .tgn-row-inner-wrapper {
    margin-left: var(--page-margin);
    margin-right: var(--page-margin);
}

.tgn-events-wrapper {
    margin-left: 120px;
}

.home .tgn-events-wrapper {
    margin-bottom: 30px;
}

@media (max-width: 1500px) {
    .tgn-events-wrapper {
        margin-left: 60px;
    }

    .tgn-link-button.event {
        margin-left: 60px;
    }
}

@media (max-width: 880px) {
    .tgn-events-wrapper {
        margin-left: 30px;
    }

    .tgn-link-button.event {
        margin-left: 30px;
    }
}

@media (max-width: 650px) {
    .tgn-page-title.month {
        font-size: 22px;
    }

    .tgn-event-title {
        font-size: 20px;
    }


    .tgn-event-circle-container {
        min-width: 85px;
        height: 85px;
    }
}