html, body {
    height: 99%;
    font-family: Calibri,Arial,Verdana,Helvetica;
    color: #23272b;
}
.wrapper-index {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -20px; /* the bottom margin is the negative value of the footer's height */
}
.footer-index, .push {
    height: 20px; /* .push must be the same height as .footer */
}

a{
    color: #ea5b0c;
}

a:hover{
    color: #ea5b0c;
}

.jumbotron{
    font-family: Calibri,Arial,Verdana,Helvetica;
    font-size: 22px;
    -webkit-text-size-adjust:auto;
    text-size-adjust:auto;
}

.jumbotron-header-element{
    border: white;
    font-size: 20px;
}

.orange-background {
    background-color:#ea5b0c;
    border-color:#ea5b0c;
}

.orange-background-outline {
    color:#ea5b0c;
    background-color: white;
    border-color:#ea5b0c;
}

.orange-background-outline:hover {
    color: white;
    background-color:#ea5b0c;
    border-color:#ea5b0c;
}

.orange-background:hover {
    color: white;
    background-color:#ea5b0c;
    border-color:#ea5b0c;
}

.white {color:#ffffff;}

.page-link{
    color: #ea5b0c;
}

.page-link:hover{
    color: #ea5b0c;
}

.media .media-object { max-width: 120px; }
.media-date {
    position: absolute;
    right: 25px;
    top: 25px;
}

.grid {
    display: grid;
    grid-template-columns: 250px auto 350px;
}

.grid-item{
    padding: 0;
    margin: 0;
}

.collapse-button{
    height: 40px;
    align-self: center;
}

/* Progress bar */
#progress-bar {
    --scrollAmount: 0%;

    background-image: linear-gradient(120deg, #ea5b0c 0%, #ea5b0c 100%);
    width: var(--scrollAmount);

    /*  background: linear-gradient(to right, #F24E1E var(--scrollAmount), transparent 0);
    width: 100%; */

    height: 6px;
    position: fixed;
    top: 60px;
}