/* This file is used as dependency in:
   ../../modules/sec-timeline.module/module.html */

.pwr-timeline {
    list-style: none;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
}

.pwr-timeline-item {
    margin-bottom: 50px;
}

.pwr-timeline-item:last-child {
    margin-bottom: 0;
}

.pwr-timeline-item__img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 250px;
    width: 100%;
}

.pwr-timeline-item__content {
    padding: 60px  50px;
}

.pwr-timeline-item__title {
    margin: 0 0 25px;
}

h3.pwr-timeline-item__title {
    font-size: var(--fs-h5);
    font-weight: var(--fw-h5);
    letter-spacing: var(--ls-h5);
    line-height: var(--lh-h5);
}

@media (min-width: 992px) {
    .pwr-timeline {
        max-width: 1080px;
    }

    .pwr-timeline--centered {
        margin: 0 auto;
    }

    .pwr-timeline-item {
        width: 47%;
    }

    .pwr-timeline-item:nth-child(even) {
        float: right;
    }

    .pwr-timeline-item:nth-child(odd) {
        float: left;
    }

    .pwr-timeline-item:nth-of-type(2) {
        margin-top: 125px;
    }
}

@media (max-width: 991px) {
    .pwr-timeline-item {
        height: auto !important;
    }
}

@media (max-width: 767px ) {
    .pwr-timeline-item__img {
        height: 200px;
    }

    .pwr-timeline-item__content {
        padding: calc(60px * var(--sp-reduction-factor))  calc(50px * var(--sp-reduction-factor));
    }

    .pwr-timeline-item__title {
        margin: 0 0 calc(25px * var(--sp-reduction-factor));
    }
}