/*  Author:   Martin Stettler (https://dieweberei.ch/)
    Version:  11/03/2022 // BS v5.1.3
*/

/* ==========================================================================
   BASE STYLES
   ========================================================================== */

.container-fluid,
.navbar-inner {
   max-width: 1440px;
}

/* ==========================================================================
   HEADER
   ========================================================================== */

.navbar.shrink {
    height: inherit;
    padding: inherit;
    transform: translateY(0px);
    border-bottom: solid 1px #000;  
}

.navbar-inner {
    padding-top: 20px;
    padding-bottom: 40px;
}

.navbar-inner.shrink {
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar-brand {
    padding-top: 50px;
} 

.navbar-brand.shrink {
    transform: translateY(0);
}

@media (min-width: 1280px) {
    .navbar-brand span {
        width: 200px;
        height: auto;
    }
    .navbar-brand {
        padding-top: 37px;
    } 
}

/* ==========================================================================
   NAVIGATION from 1200px
   ========================================================================== */

.navbar-toggler {
    display: none !important;
}

.navbar-collapse > div {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: flex-end;
}

.navbar-collapse > div ul {
    margin: 0;
    float: left;
}

.navbar-collapse > div ul.header-services {
    display: flex;
    justify-content: flex-end;
    width: auto;
    margin-right: 15px;
    margin-bottom: 10px;
}

.header-services li {
    display: flex;
    width: auto !important;
}

.header-services li:last-child {
    margin-right: 10px;
}

.header-services li a {
    font-weight: 600;
    font-size: 18px;
    padding: 10px 20px !important;
    color: #0063AC;
    border: 0;
    text-decoration: none;
}

.nav-link {
    padding: 10px 20px !important;
}

.dropdown-menu {
    width: 250px;
}

/* ==========================================================================
   MAIN CONTENT
   ========================================================================== */
body {
    margin-top: 50px;
}

body.layout-content {
    margin-top: 250px;
}

.lead {
    width: 90%;
}

.unit {
    margin-bottom: 100px;
}

.layout-content .content-main .unit:last-child {
    margin-bottom: 100px;
}

/* ==========================================================================
   FOOTER
   ========================================================================== */
.mt-lg-100 {
    margin-top: 100px;
}