/* TerraPlaza - meglevo TimeCircles a jegyarak mellett */

.tp-expo-countdown-col {
    min-height: 265px;
    padding-top: 78px;
}

.tp-expo-countdown-col .tp-expo-countdown-title {
    color: #000 !important;
    text-align: center;
    margin: 8px 0 18px;
    transform: translateY(-30px);
}

.tp-expo-countdown {
    width: 100%;
    max-width: 430px;
    margin: 0 auto;
    padding-top: 10px;
}

.tp-expo-countdown #indulas {
    width: 100%;
    height: 126px;
}

/* A canvas feher koreinek CSS-alapu atszinezese */
.tp-expo-countdown #indulas canvas {
    filter: brightness(0) saturate(100%);
}

.tp-expo-countdown .time_circles > div > h4 {
    color: #000 !important;
}

.tp-expo-countdown .time_circles > div > span {
    color: #000 !important;
}

@media (max-width: 767px) {
    .tp-expo-countdown-col {
        min-height: 0;
        padding-top: 12px;
    }

    .tp-expo-countdown-col .tp-expo-countdown-title {
        margin-bottom: 34px;
    }

    .tp-expo-countdown {
        max-width: 360px;
        margin-bottom: 24px;
        padding-top: 6px;
    }

    .tp-expo-countdown #indulas {
        width: 100%;
        height: 110px;
    }

    .tp-expo-countdown #indulas .time_circles {
        width: 100% !important;
        margin: 0 auto;
    }

    .tp-expo-countdown #indulas .time_circles canvas {
        display: block;
        width: 100% !important;
        height: auto !important;
        margin: 0 auto;
    }

    .tp-expo-countdown #indulas .time_circles > div {
        width: 25% !important;
    }

    .tp-expo-countdown #indulas .time_circles > div:nth-of-type(1) {
        left: 0 !important;
    }

    .tp-expo-countdown #indulas .time_circles > div:nth-of-type(2) {
        left: 25% !important;
    }

    .tp-expo-countdown #indulas .time_circles > div:nth-of-type(3) {
        left: 50% !important;
    }

    .tp-expo-countdown #indulas .time_circles > div:nth-of-type(4) {
        left: 75% !important;
    }

    /* A TimeCircles szamainak mobilos fuggoleges igazítása */
    .tp-expo-countdown #indulas .time_circles > div > span {
        position: relative;
        top: -8px;
    }
}