/* HEADER
---------------------------------------------------------------------------- */

.cdfn-header {
    box-shadow: 0 0.25rem 0.625rem rgb(0 0 0 / 15%);
}

/* Section top
---------------------------------------------------------------------------- */

.cdfn-header-section-top {
    background-color: var(--cdfn-color-blue-dark) !important;
    padding: 0.5rem 1rem;
}


/* Section bottom
---------------------------------------------------------------------------- */

.cdfn-header-section-bottom {
    background-color: var(--cdfn-color-gray-light) !important;
    padding: 0.5rem 1rem;
}

/* Nav bar
---------------------------------------------------------------------------- */

.cdfn-navbar * {
    box-sizing: border-box;
}

.cdfn-navbar {
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
    /*background-color: var(--kmo-color-gray-light);*/
    /*padding: 0 1.6rem;*/
    /*box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);*/
    /*box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);*/
    min-height: 3.125rem; /*50px*/
    max-width: 1320px;
    margin: 0 auto;
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .cdfn-navbar {
        min-height: 5rem; /*80px*/
    }
}

/* Logotype
 ---------------------------------------------------------------------------- */

.cdfn-header-logotype {
    display: block;
    width: 140px;
    margin-right: 1rem; /*16px*/
}

@media (min-width: 576px) {
    .cdfn-header-logotype {
        width: 140px;
        margin-right: 1rem; /*16px*/
    }
}

@media (min-width: 768px) {
    .cdfn-header-logotype {
        width: 160px;
        margin-right: 1.25rem; /*20px*/
    }
}

@media (min-width: 992px) {
    .cdfn-header-logotype {
        width: 180px;
        margin-right: 1.25rem; /*20px*/
    }
}

@media (min-width: 1200px) {
    .cdfn-header-logotype {
        width: 200px;
    }
}

/* Margin-fix for English view */
.cdfn-header-logotype.sv-text-portlet p {
    margin-bottom: 0 !important;
}

.cdfn-header-logotype a {
    color: var(--cdfn-color-white);
    display: block;
    font-weight: 700;
    text-decoration: none;
}

.cdfn-header-logotype img {
    width: 100%;
    height: auto;
    background-color: transparent !important;
    box-sizing: border-box;
}