.rp-repertoire-container {
    width: 100%;
    margin: 0 auto;
    padding: 20px;
}

.rp-repertoire-title {
    text-align: center;
    margin-bottom: 20px;
}

.rp-repertoire-list {
    display: flex;
    flex-direction: column;
}

.rp-repertoire-row {
    display: flex;
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

.rp-repertoire-row.rp-header {
    background-color: #034e81;
  	font-weight: 700;
  	color: #fff;
}

.rp-col {
    flex: 1;
    padding: 0 10px;
}

.rp-col-title {
    flex: 2;
}

#rp-player-container {
    position: relative;
    display: none; /* Zorg ervoor dat het verborgen is */
    width: 100%;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}

#rp-player-container .rp-close-player {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1001; /* Zorgt ervoor dat het bovenop de iframe staat */
    background-color: rgba(255, 255, 255, 0.8); /* Maak de knop zichtbaar */
    padding: 5px 10px;
    border: none;
    cursor: pointer;
    border-radius: 3px;
}

/* Styling voor de inline player iframe */
.rp-inline-player {
    position: relative;
    width: 100%;
    height: 500px; /* Pas aan op basis van de headerhoogte */
    overflow: hidden;
    margin-top: 0px;
}

.rp-inline-player iframe {
    position: absolute;
    top: -175px; /* Verplaats omhoog om de header te verbergen */
    left: 0;
    width: 100%;
    height: 550px !important; /* Originele hoogte van de player */
    border: none;
}

@media screen and (max-width: 800px) {
    .rp-inline-player {
        height: 300px;
    }

    .rp-inline-player iframe {
        top: -80px;
        height: 350px;
    }
}

@media screen and (max-width: 607px) {
    .rp-inline-player iframe {
        top: -175px !important;
        height: 350px;
    }
}

/* Extra styling voor lokale speler */
.rp-inline-player.local-player audio {
    width: 100%;
}
.rp-sort-options a.rp-sort-link {
    margin-right: 10px;
    text-decoration: none;
    color: #0073aa;
}

.rp-sort-options a.rp-sort-link:hover {
    text-decoration: underline;
    color: #005177;
}
