* {
margin:0;
padding:0;
}

body {
    background-color: #ffffff;
}

.main {
  margin-top: 40px; /* Add a top margin to avoid content overlay */
}

section {
    padding: 20px;
}

h1,
h2,
h3 {
    font-family: Bevan, sans-serif;
}

p,
li {
    font-family: Bitter, sans-serif;
}

nav a {
    color: black;
}

#vereniging_titel {
    background-color: #ffffff;
    text-decoration: underline;
    text-decoration-color: #EE413E;
}

#aansluiten_titel {
    background-color: #ffffff;
    text-decoration: underline;
    text-decoration-color: #FFB0D8;
}

#bestuur_titel {
    background-color: #ffffff;
    text-decoration: underline;
    text-decoration-color: #5F45BC;
}

#kalender_titel {
    background-color: #ffffff;
    text-decoration: underline;
    text-decoration-color: #F87836;
}

.privacy_button {
    background: #16D0C1;
}

table {
    font-family: Bitter, sans-serif;
    width: 100%;
    color: black;
}

table.table-bordered th, table.table-bordered td{
    border-color: #16D0C1;
}

td,
th {
    text-align: left;
    padding: 8px;
}

th {
    text-align: center;
    
}

.border-none {
    border:none;
}

.carousel_tekst {
    background:rgba(255,255,255,0.6);
    color: black;
}

#carouselIndicator .carousel-item {

    transition: transform 1s ease, opacity .75s ease-out;

}

#carouselIndicator {
    width: 400px;
}

/*
.carousel-control-next-icon, .carousel-control-prev-icon{
    filter:invert(100%); //dit of
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important; //pas de fff fill aan naar haxadecimale waarde naar keuze
}
*/

.fa-angle-right, .fa-angle-left {
    color: #5F45BC;
}