/*  Author:   Martin Stettler (https://dieweberei.ch/)
    Version:  22/11/2019 // BS v4.3.1
*/

/* ==========================================================================
   HEADER
   ========================================================================== */
.header-box {
    padding: 25px 40px 35px 40px;
}

.header-right {
    display: inline-block;
}

.header-right {
    font-size: 16px;
}

.header-right .header-links {
    color: #000;
    border-bottom: 1px solid transparent;
}

.header-right .header-links:hover {
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid #000;
}

.arrow-down {
    bottom: 70px;
}

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

.navbar-expand-lg .navbar-toggler {
    display: none;
}

.sticky-top {
    position: sticky;
    transition: all 0.5s ease-in;
}

.stuck .navbar-brand {
    padding-top: 5px;
    padding-bottom: 5px;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-top-custom {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

.sticky-top-custom {
    position: sticky;
}

.navbar-nav {
    width: 100%;
    padding-left: 65px;
    padding-right: 65px;
    max-width: 1440px;
}

.navbar {
    margin-top: -47px;
}

.stuck .navbar {
    margin-top: 0;
}

.bg-light {
    background-color: transparent !important;
}

.navbar-nav li {
    width: 100%;
}

.nav-link {
    width: auto;
    border-bottom: none;
}

.nav-link:hover {
    border-bottom: none;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #FFF;
}

.navbar .nav-link:hover,
.navbar-nav li.active .nav-link {
    background-color: #893c57 !important;
}

.stuck .navbar-nav .nav-link {
    border-right: 1px solid #893c57;
    margin: 0;
}


.stuck .navbar-nav li:first-child .nav-link {
    border-left: 1px solid #893c57;
}

.stuck .bg-light,
.stuck .navbar-nav li.active .nav-link {
    background-color: #FFF !important;
}

.stuck .navbar-nav li.active .nav-link:hover {
    background-color: #893c57 !important;
    color: #FFF;
}

.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
    color: #FFF;
}

.stuck .navbar-light .navbar-nav .show>.nav-link,
.stuck .navbar-light .navbar-nav .active>.nav-link,
.stuck .navbar-light .navbar-nav .nav-link.show,
.stuck .navbar-light .navbar-nav .nav-link.active {
    color: #893c57;
}
/*
.stuck .sticky-top-custom {
    -webkit-filter: drop-shadow(0 0 5px #893c57);
        filter: drop-shadow(0 0 5px rgba);
}
*/
/*  Make dropdown-menu visible on hover */
.dropdown:hover .dropdown-menu {
    display: block;
    opacity: 1;
}

.dropdown-menu {
    font-size: 21px;
    background-color: #f9f5f6;
    margin-bottom: 0;
    -webkit-box-shadow: 3px 3px 3px 0px rgba(137,60,87,0.6);
    -moz-box-shadow: 3px 3px 3px 0px rgba(137,60,87,0.6);
        box-shadow: 3px 3px 3px 0px rgba(137,60,87,0.6);
}

.stuck .dropdown-menu {
    left: 0;
}

.dropdown-item {
    padding: 4px 8px 0 8px;
}

.dropdown-menu li.active,
.dropdown-item:hover,
.dropdown-item:focus {
    background-color: transparent;
}

.dropdown-item:after {
    width: 30px;
}

.dropdown-item:hover:after {
    width: 0;
}

/* Animate caret */
.dropdown-toggle[aria-expanded="true"]:after {
    transform: rotate(0);
}

/* ==========================================================================
   MAIN CONTENT
   ========================================================================== */
.main,
footer {
    max-width: 1440px;
}

.tree {
    width: 40vw;
    height: 39vw;
}