/*Navbar paragraph*/
.paragraph--type--navbar {
    clear:both;
}
/*
.paragraph--type--navbar .navbar {
    padding: 10px;
}*/
.paragraph--type--navbar .field--name-field-menu-title {
    color: #FFF;
}
.text-dark .field--name-field-menu-title {
    color: #000;
}
.paragraph--type--navbar .dropdown-menu {
    background-color: #EFEFEF;
}
.paragraph--type--navbar .dropdown-menu .dropdown-item {
    background-color: #EFEFEF;
}
.paragraph--type--navbar .dropdown-menu .dropdown-item a, .paragraph--type--navbar a {
    color: #222222;
    font-size: 18px;
}
.paragraph--type--navbar nav .collapse.navbar-collapse {
    justify-content: center;
}
.paragraph--type--navbar .field--name-field-text-color {
    display: none;
}
.paragraph--type--navbar .navbar-nav .nav-item {
    margin: 0 3px;
}
.paragraph--type--navbar .field--type-entity-reference {
    margin: 0;
}
.paragraph--type--navbar .navbar-toggler:hover, .paragraph--type--navbar .navbar-toggler:active, .paragraph--type--navbar .navbar-toggler:focus {
    background: none;
}
.paragraph--type--navbar .field--name-field-menu-title {
    display: none;
}

/*Text light*/
.txt-light .navbar-nav .nav-link {
    color: white;
}
.txt-light .navbar-toggler .fa-bars {
    color: white;
}
.txt-light .navbar-toggler:focus {
    box-shadow: none;
}
.paragraph--type--navbar .txt-light .field--name-field-menu-title {
    color: white;
}

/*Text dark*/
.txt-dark .navbar-nav .nav-link {
    color: #222;
}
.txt-dark .navbar-toggler .fa-bars {
    color: #222;
}
.txt-dark .navbar-toggler:focus {
    box-shadow: none;
}
.paragraph--type--navbar .txt-dark  .field--name-field-menu-title {
    color: #222;
}


/*Text light grey*/
.txt-light-grey {
    color: #eee;
}
.txt-light-grey .navbar-nav .nav-link {
    color: #eee;
}
.txt-light-grey .navbar-toggler .fa-bars {
    color: #eee;
}
.txt-light .navbar-toggler:focus {
    box-shadow: none;
}
.txt-light-grey .paragraph--type--navbar .field--name-field-menu-title {
    color: #eee;
}


/*Specific*/

/*Food System Plan*/
.food-system-nav > li {
    font-size: 22px;
}

/*DA navbar*/

.da-menu-paragraph .navbar {
    padding: 0;
}
.da-menu-paragraph .field--name-field-navbar-logo img {
    max-width: 130px;
    padding: 10px;
    margin: 0;
}

.da-menu-paragraph .nav li a {
    font-size: 22px;
}

.da-menu-paragraph .field--name-field-menu-title {
    color: #000;
}

.da-menu-paragraph .navbar-toggler {
    position: absolute;
    top: 65px;
    right: 0;
}

.da-menu-paragraph .navbar-toggler i {
    font-size: 28px;
}

.da-menu-paragraph .container-fluid span .field--name-field-menu-title {
    position: absolute;
    top: 70px;
    right: 65px;
}

/*Media queries*/
@media screen and (max-width: 1080px) {
    .da-menu-paragraph .nav li a {
        font-size: 18px;
    }
}

/*Mobile menu breakpoint 992 px*/

@media screen and (max-width: 992px) {
    .paragraph--type--navbar .navbar-nav {
        padding-top: 15px;
    }
    .paragraph--type--navbar .navbar-nav > .nav-item {
        padding-left: 15px;
    }
    .paragraph--type--navbar .field--name-field-menu-title {
        display: block;
    }
    .navbar>.container-fluid {
        justify-content: normal;
    }
    .da-menu .navbar {
        padding-bottom: 0;
    }
    .da-menu-paragraph .nav-link {
        float: unset !important;
        border: 1px solid rgba(0,0,0,.125);
        padding: 10px;
    }
    .paragraph--type--navbar .da-menu-paragraph .navbar-nav > .nav-item {
        padding-left: 0px;
    }
    .paragraph--type--navbar .da-menu-paragraph  .navbar-nav .nav-item {
        margin: 0;
    }
    .da-menu-paragraph .nav-item {
        display: block !important;
    } 
    .paragraph--type--navbar .da-menu-paragraph .dropdown-menu {
        background: white;
    }
    .paragraph--type--navbar .da-menu-paragraph .dropdown-menu .dropdown-item {
        background-color: white;
    }
    .da-menu-paragraph .dropdown-menu[data-bs-popper] {
        margin-top: 0;
    }
    
    .dropdown-toggle:after {
        border-top: 0.5em solid #011C26;
        border-right: 0.5em solid transparent;
        border-bottom: 0;
        border-left: 0.5em solid transparent;
        right: 20px;
        top: 20px;
        position: absolute;
    }
    .food-system-nav .dropdown-toggle:after {
        border-top: 0.5em solid #FFFFFF;
    }
    .navbar-toggler:focus {
        box-shadow: none;
    }
}