body, html {
    height:100%;
}
h1, h2, h3, h4, p, a, ul, label, span, button { 
    font-family: 'Open Sans', sans-serif;
}
h1 {
    font-weight:700;
    font-style:italic;
    color:#9E1E21;
    font-size:24px;
}
.btn-primary {
    background-color:#003399;
    border-color:#003399;
}
.btn-secondary {
    background-color:#687482;
    border-color:#687482;
}
label {
    font-weight:600;
}
.badge {
    padding:8px 12px 8px 12px;
    font-size:14px;
    margin-right:5px;
    margin-bottom:8px;
    background-color:#ddd;
}
.badge:hover {
    cursor: pointer;
}
.header {
    height:20vw;
    overflow:hidden;
    padding:0;
    position: relative;
    color:#ffffff;
    text-shadow: 5px 5px 10px #000;
}
.header img {
    width:100%;
    
    /* object-fit: cover; */
    /* position: absolute; */
}
.header .container {
    position: relative;
    z-index: 1;
    padding-top:150px;
}
.category-filter.active {
    background-color: #ed9d08; /* Bootstrap primary color */
    color: white;
}
.location-filter.active {
    background-color: #ed9d08; /* Bootstrap primary color */
    color: white;
}
.card {
    box-shadow: 5px 5px 15px #ddd;
    max-width:348px;
    margin-left:auto;
    margin-right:auto;
}
.card-img-top {
    max-height: 200px;
    object-fit: cover;
}
.card-text {
    overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
#events-grid {
    min-height:800px;
    align-content: baseline;
}
.event-detail-container {
    /* padding:80px 0px 100px 0px; */
}
.event-detail-container .image-container {
    margin-bottom:25px;
}
.event-detail-container .image-container img {
    width:400px;
    max-width:100%;
    height:auto;
    margin:5px 5px 5px 0px;
}
.spinner-border {
    width:100%;
}
.spinner-border img {
    display:block;
    margin:auto;
}
footer {
    color:#393939;
    height:50px;
    background-color: #ddd;
    font-size:12px;
}
footer p {
    margin:5px 0px 0px 0px;
}
.kachel:hover {
    transition:0.5s;
    transform:scale3d(1.1, 1.1, 1.1);
}
.table-secondary {
    color:#6a6969;
}
.table-secondary>td {
    background-color:#eaecef !important;
}

.col-md-12.liste img {
    display:none;
}
.col-md-12.liste {
    border-bottom: 1px solid #ddd;
}
.card-date {
    display:block;
    color:#786b6b;
    font-size:15px;
}
.btn-orange {
    background-color:#ED9D08;
    border-color:#ED9D08;
    color:#FFF;
}
.btn-orange:hover {
    color:#FFF;
    background-color:#744e08;
    border-color:#744e08;
}
.location-wrapper {
    display: inline-table;
    float: right;
    color:#393939;
    font-size:12px;
}
.card-location_detail, .card-location {
    float:right;
}
.card-location_detail {
    max-width: 145px;
    overflow: hidden;
    -webkit-line-clamp: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.col-md-6, .col-md-3, .col-md-8, .col-md-4, .btn {
    margin-bottom:20px;
}
.view-switch .btn {
    margin-right:20px;
}

.label {
    cursor: pointer;
  }

  .progress {
    display: none;
    margin-bottom: 1rem;
  }

  .alert {
    display: none;
  }

  .img-container img {
    max-width: 100%;
  }


@media(min-width:450px){
    h1 {
        font-size:30px;
    }
    footer {
        height:30px;
    }
}

@media(min-width:768px){
    .col-md-6, .col-md-3, .col-md-8, .col-md-4, .btn {
        margin-bottom:0px;
    }
    .view-switch {
        float: right;
    }
    .view-switch .btn {
        margin-bottom:20px;
        float:right;
    }
    .view-switch .btn {
        margin-right:0;
    }
}

@media(min-width:1000px){
    h1 {
        font-size:32px;
    }
}

@media(min-width:1200px){
    .view-switch .btn {
        margin-bottom:0px;
        float:inherit;
        margin-right:20px;
    }
    .view-switch .btn:first-child {
        margin-right:0;
    }
}

@media(min-width:1800px){
    h1 {
        font-size:34px;
    }
}