/*
CUSTOM FONTS ---------------------------------------------------------- */

@font-face {
    font-family: HelveticaNeue;
    font-weight: 700;
    src: url(./fonts/350627_0_0.eot);
    src: url(./fonts/350627_0_0.eot?#iefix) format("embedded-opentype"),url(./fonts/350627_0_0.woff2) format("woff2"),url(./fonts/350627_0_0.woff) format("woff"),url(./fonts/350627_0_0.ttf) format("truetype");
    font-display: fallback
}

@font-face {
    font-family: HelveticaNeue;
    font-weight: 400;
    src: url(./fonts/350627_1_0.eot);
    src: url(./fonts/350627_1_0.eot?#iefix) format("embedded-opentype"),url(./fonts/350627_1_0.woff2) format("woff2"),url(./fonts/350627_1_0.woff) format("woff"),url(./fonts/350627_1_0.ttf) format("truetype");
    font-display: fallback
}

@font-face {
    font-family: HelveticaNeue;
    font-weight: 100;
    src: url(./fonts/350627_2_0.eot);
    src: url(./fonts/350627_2_0.eot?#iefix) format("embedded-opentype"),url(./fonts/350627_2_0.woff2) format("woff2"),url(./fonts/350627_2_0.woff) format("woff"),url(./fonts/350627_2_0.ttf) format("truetype");
    font-display: fallback
}

@font-face {
    font-family: 'KainekoFont';
    src: url('./fonts/Kaineko.woff2') format('woff2'), url('./fonts/Kaineko.woff') format('woff'), url('./fonts/Kaineko.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html, body, #form1 {
    height: 100%;
    overflow-x: hidden;
    background-color: #E6D3A0 !important;
    font-family: 'HelveticaNeue', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #112D4E !important;
}

.container-fluid{
    height: 100%;
    
}

.header {
    background-color: #112D4E;
}

    .header span {
        font-size: 18px;
        color: #E6D3A0 !important
    }

.navbar {
    background-color: #112D4E;
}


.topmenu {
    list-style-type: none; /* Remove default bullet points */
    padding: 0; /* Remove default padding */
    margin: 0; /* Remove default margin */
    display: flex; /* Set to flex to make items horizontal */
    justify-content: center; /* Center the items horizontally */
}

    .topmenu li {
        margin: 0 10px; /* Space between menu items */
    }

        .topmenu li a {
            text-decoration: none; /* Remove underline from links */
            color: #E6D3A0; /* Text color */
        }

            .topmenu li a:hover {
                color: #FFFFFF; /* Change color on hover */
            }

footer {
    background-color: #112D4E;
    color: #E6D3A0
}

    footer a {
        color: #E6D3A0 !important
    }

        footer a:hover {
            color: #FFFFFF !important
        }

        footer a.nav-link {
            color: #E6D3A0 !important
        }

            footer a.nav-link:hover {
                color: #FFFFFF !important
            }


/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .topmenu {
        justify-content: center; /* Center the items horizontally */
    }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .topmenu {
        justify-content: right; /* Center the items horizontally */
    }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .topmenu {
        justify-content: right; /* Center the items horizontally */
    }
}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .topmenu {
        justify-content: right; /* Center the items horizontally */
    }
}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
    .topmenu {
        justify-content: right; /* Center the items horizontally */
    }
}


.fancybox__caption a {
    display: block;
    padding: 8px 12px;
    background-color: #e6d3a0;
    color: #112d4e;
    text-decoration: none;
    border: 0;
}

    .fancybox__caption a:hover {
        background-color: #ffffff;
        color: #112d4e;
    }


/*Beboerinfo*/

.accordion-header {
    background-color: #112d4e !important
}

.accordion-button {
    background-color: #112d4e !important;
    color: #e6d3a0 !important;
}

    .accordion-button::after, .accordion-button:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e6d3a0' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.5 5.5L8 12l6.5-6.5L13.5 4 8 9.5 2.5 4z'/%3E%3C/svg%3E");
    }

    .accordion-button:focus {
        box-shadow: none;
        outline: none;
    }

.accordion-body {
    background-color: #ffffff
}


#downloads .list-group-item {
    background-color: #e6d3a0;
    color: #112d4e
}

#page a {
    color: #112d4e
}

#page a:hover {
    color: #ffffff
}

/*.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

    .active, .accordion:hover {
        background-color: #ccc;
    }

.panel {
    padding: 0 18px;
    display: none;
    background-color: white;
    overflow: hidden;
}*/