/* removes extra spacing from richtext automatic <p> placements */
ul.footer-useful p,
.copyright p,
#social-icons p {
    margin: 0;
}

#social-icons a + a {
    margin-left: .25em;
}

h2 {
    /* TODO: fixme: homepage text spacing */
    margin-top: .83em;
    margin-bottom: .83em;
    font-weight: 700;
}

.lightbox .modal-dialog .modal-content {
    padding: 15px;
    padding-bottom: 0;
    background-color: white !important;
    border-radius: 8px;
}

.lightbox-caption {
    background-color: white;
    color: black !important;
}

/* home - carousel */
.carousel-caption-bg {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: var(--bs-carousel-caption-color);
    text-align: center;

    width: 100%;
    text-align: left;
    left: 0;
    padding: 120px;
    padding-top: 20px;
    padding-bottom: 0;
    background-color: #1D2E32;
    opacity: .5;
    bottom: 0;
    height: 120px;
}

.carousel-caption {
    width: 100%;
    text-align: left;
    left: 0;
    padding: 120px;
    padding-top: 20px;
    padding-bottom: 0;
    bottom: 0;
    height: 120px;
}
    .carousel-caption a {
        color: white;
        text-decoration: none;
    }

    .carousel-caption h5,
    .carousel-caption h5 a {
        color: white;
        font-weight: bold;
        font-size: 25px;
        text-decoration: none;
    }

.carousel-caption-details {
    opacity: .5;
    font-weight: bold;
}

    .carousel-caption-details a {
        text-decoration: underline;
    }

.carousel-control-next {
    justify-content: right;
    font-weight: bold;
}
.carousel-control-prev {
    justify-content: left;
    font-weight:bold;
}


/*timeline*/
.timeline-entry{

}
.timeline-entry-content{
    height: 18px;  /*TODO: workaround for bad drupal css and content pushing containers*/
}

.timeline-entry-hidden {
    display: none !important;
}


/* timeline hover */
.popover {
}

    .popover-arrow {
    }

    .popover-header {
    }

    .popover-body {
    }

    .popover-close {
        cursor: pointer;
        position: absolute;
        right: -9px;
        top: -9px;
        z-index: 11;
        outline: 0;
        border: 1px solid transparent;
        width: 18px;
        height: 14px;
        line-height: 14px;
        text-align: center;
        text-indent: 0;
        border: 0;
        background-color: transparent;
        color: #fff;
        top: 0.5em;
        right: 0.5em;
    }

    .timeline-entry-popover {
        --bs-popover-bg: #2e5f6d;
        --bs-popover-header-bg: #2e5f6d;
        max-width: 560px;
        border: 0;
        background-color: #2e5f6d;
        color: #fff;
        width: 440px
    }

        .timeline-entry-popover .popover-header {
            background-color: #2e5f6d;
            /*
        text-transform: uppercase;
        font-size: 14px;
        font-weight: bold;
        padding: 2px 10px 6px 2px;
        line-height: 1.1em;
        
        color: #fff;
            */
        }

        .timeline-entry-popover .popover-body {
            color: #ddd;
            font-size: 12px;
            line-height: 1.1em;
            padding-bottom: 6px;
        }

            .timeline-entry-popover .popover-body p {
                margin: 0px;
                padding: 2px;
                text-align: justify;
            }


            .timeline-entry-popover .popover-body img {
                float: left;
                margin: 4px 1em 2px 0;
            }


        .timeline-entry-popover .popover-close {
            border: 0;
            background-color: transparent;
            color: #fff;
            top: 0.5em;
            right: 0.5em;
            text-decoration: none;
        }



/* timeline OLD DRUPAL */

    .view-timeline-home {
        margin: 0 auto 1.2em;
        text-align: center;
        background-image: url("../img/timeline.png");
        background-size: cover;
        background-attachment: local;
        background-position-x: 4px;
        height: 118px;
        position: relative;
    }
        /* timeline entry */
        /* timeline entry wrapper */
        .view-timeline-home .view-content {
            padding-top: 38px;
            font-size: 1em;
        }
        /* data part of timeline entries */
        .view-timeline-home .views-row .timeline-entry-content {
            font-size: 0.8em;
            color: #2d5f6c;
            line-height: 120%;
        }
            /* paragraphs in data part of timeline entries */
            .view-timeline-home .views-row .timeline-entry-content p {
                margin: 0px;
                padding: 1px;
                font-weight: bold;
            }

        .view-timeline-home .views-row {
            margin: 0 12px;
            display: inline-block;
            text-align: center
        }

            .view-timeline-home .views-row .timeline-entry-content {
                font-size: 0.8em
            }

        .view-timeline-home .views-field-title {
            color: #2D5F6C;
            cursor: pointer;
            transition: color 0.3s
        }

            .view-timeline-home .views-field-title:hover {
                color: #fff;
                cursor: pointer;
            }

        .view-timeline-home li.pager-current {
            display: none;
        }

        .view-timeline-home .pager-next {
            position: absolute;
            right: 17px;
            top: 28px;
        }

            .view-timeline-home .pager-next a, .view-timeline-home .pager-previous a {
                transition: opacity 0.2s;
                opacity: 0.5;
                color: transparent;
                background: transparent url("../img/arrow-right.png") no-repeat scroll center center;
                width: 50px;
                height: 50px;
                display: block;
            }

                .view-timeline-home .pager-next a:hover, .view-timeline-home .pager-previous a:hover {
                    opacity: 1;
                }

        .view-timeline-home .pager-previous {
            left: -15px;
            position: absolute;
            top: 28px;
        }

            .view-timeline-home .pager-previous a {
                background: transparent url("../img/arrow-left.png") no-repeat scroll center center;
            }

    .sticky-On {
        color: #FFC103;
    }

    .ago- {
        font-weight: bold;
    }