@import url('https://fonts.googleapis.com/css?family=Cinzel:400,700,900');
@import url('https://fonts.googleapis.com/css?family=Rufina:400,700,900');
#menu {display:none;}
html {background-color:#fef6e1;}
body {background-color:#fef6e1;padding:0;color:#00381d;font-family: 'Rufina', serif;color:rgba(0,56,29, 1);}
h1, h2, h3, h4, th {font-weight: 400;font-family: 'Cinzel', serif;text-transform:lowercase;}
a {color:#006534;text-decoration:none;font-weight:700;}

#profile, #baan-handicap-informatie-overzicht {max-width:100% !important}
a.button {background-color:#00381d;color:#FFF;border:0 !important;padding:10px 6px;font-family: 'Rufina', serif;font-weight:400;}
a.button:hover {
    background-color: rgba(0,56,29, 0.8);
    color:#F4DDA2;
    border:0 !important;
    font-weight:400;
}
a.button.button-active {
    background-color: rgba(0,56,29, 0.8);
    border:0 !important;
    color:#F4DDA2;
    font-weight:400;
}
table td {padding:10px 5px;}
form {padding-top:10px;}
table.index tbody tr.odd td {background-color:#FFF;}
table.index tbody tr.even td {background-color:rgba(0,56,29, 0.1);}
#menu {display:none}

/* Styling by Bart Sallé 2023 */

body {
    display: flex;
    flex-direction: column;
}
body h2 {
    order: 0;
}
div.pro:nth-of-type(1) {
    order: 3;
}
div.pro:nth-of-type(2) {
    order: 1;
}
div.pro:nth-of-type(3) {
    order: 2;
}