/* EU Semester Timeline */
.eus-timeline__header {
    display: none;
    margin-bottom: 3rem;
    text-align: center;
}

    .eus-timeline__header:after {
        content: '';
        display: block;
        border-bottom: 1px dashed #839daf;
    }

    .eus-timeline__header p {
        display: inline-block;
        margin-bottom: 3rem;
        text-align: center;
        font-family: "refrigerator-deluxe","Georgia","Times","Times New Roman",serif;
        font-size: 1.75em;
        text-transform: uppercase;
        width: 50%;
    }

.view-eus-timeline {
    background-color: #063b5c;
    color: #fefefe;
    position: relative;
    padding-bottom: 3rem;
    padding-top: 3rem;
}

    .view-eus-timeline a {
        color: #0098d8;
    }

.eus-timeline-entry {
    margin-bottom: 3rem;
}

    .eus-timeline-entry.current .eus-timeline__content {
        border-radius: 3px;
        border: 2px dashed #fefefe;
        padding: 1em;
    }

    .eus-timeline-entry.past h1,
    .eus-timeline-entry.past a {
        opacity: .4;
    }

.eus-timeline-entry-month {
    background-color: #e6e6e6;
    border-radius: 3px;
    color: #333;
    display: inline-block;
    font-size: .875em;
    line-height: 1.75;
    margin-bottom: 1.5rem;
    padding-left: .75em;
    padding-right: .75em;
    top: 0;
    -webkit-box-shadow: #063b5c 0 0 0 2px;
    box-shadow: #063b5c 0 0 0 2px;
}

.eus-timeline-entry-title {
    color: #fefefe;
    font-size: 1.25em;
    margin-bottom: .5rem;
    margin-top: 0;
    text-transform: none;
}

    .eus-timeline-entry-title a {
        color: #fefefe;
    }

.eus-timeline-entry-link {
    font-size: .875em;
    text-decoration: none;
}

    .eus-timeline-entry-link:hover {
        text-decoration: underline;
    }

    .eus-timeline-entry-link:not([href*="www.etuc.org"]) {
        white-space: nowrap;
    }

        .eus-timeline-entry-link:not([href*="www.etuc.org"]):after {
            content: "";
            display: inline-block;
            height: 12px;
            width: 13px;
            background: url("../../toolkit/content/timeline/icn-external-link.png") no-repeat left bottom;
            margin-left: 3px;
            vertical-align: middle;
        }

@media screen and (min-width: 48.062em) {
    .eus-timeline__header {
        display: block;
    }

    .view-eus-timeline:before {
        background-color: rgba(254,254,254,0.1);
        content: '';
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 50%;
        z-index: 0;
    }

    .eus-timeline-entry {
        margin-top: 0;
        margin-left: 50%;
        padding-bottom: 0;
        padding-left: 5em;
        padding-top: 0;
        position: relative;
        width: 50%;
    }

        .eus-timeline-entry:before {
            background-color: #bfbfbf;
            content: "";
            display: block;
            height: 2px;
            margin-top: -2px;
            position: absolute;
            top: 3rem;
            width: 4em;
        }

        .eus-timeline-entry:after {
            background-color: #bfbfbf;
            border-radius: 50%;
            border: 2px solid #063b5c;
            content: "";
            display: block;
            height: 10px;
            margin-top: -6px;
            position: absolute;
            top: 3rem;
            width: 10px;
        }

        .eus-timeline-entry:before {
            left: 0;
            right: auto;
        }

        .eus-timeline-entry:after {
            left: 0;
            margin-left: -6px;
        }

        .eus-timeline-entry .eus-timeline-entry-month {
            left: 0;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        .eus-timeline-entry.is-etuc {
            clear: both;
            text-align: right;
            margin-right: 50%;
            margin-left: 0;
            padding-right: 5em;
            padding-left: 0;
        }

            .eus-timeline-entry.is-etuc:before {
                right: 0;
                left: auto;
            }

            .eus-timeline-entry.is-etuc:after {
                right: 0;
                left: auto;
                margin-right: -4px;
                margin-left: 0;
            }

            .eus-timeline-entry.is-etuc .eus-timeline-entry-month {
                right: 0;
                left: auto;
                -webkit-transform: translateX(50%);
                transform: translateX(50%);
            }

    .eus-timeline__line {
        background-color: #f5f5f5;
        bottom: 4px;
        left: 50%;
        margin-left: -2px;
        position: absolute;
        top: 4px;
        width: 2px;
    }

    .eus-timeline-entry-month {
        margin-bottom: 0;
        position: absolute;
    }
}
