.navbar-brand {
    padding:0;
}


/* Barre de navigation (i.e menu--main, "Main Navigation") */

.menu--main {
    font-family: Obibok;
    font-size: 18px;
    font-weight: 500;

    @media (min-width: 1400px) {
        font-size: 16px !important;
    }

    @media (min-width: 1200px) { 
        font-size: 14px;
    }
}

.menu--main li.menu-item--expanded > ul:not(.dropdown-menu) {
    font-weight: 400;    
}

.menu--main .dropdown-menu > .dropdown-item {
    font-weight: 500;
}

.menu--main .nav-link,
.menu--main a {
    color: white;
    text-decoration:none;    
}

.menu--main .nav-link.active,
.menu--main .nav-link.show,
.menu--main .nav-link:hover,
.menu--main a.active,
.menu--main a.show,
.menu--main a:hover {
    color: var(--bs-yellow);
}

.menu--main .nav-link:hover,
.menu--main a:hover {
    color: var(--bs-yellow);
}
/*
.menu--main .nav-link::after {
    content: none !important;
}*/

.menu--main ul.dropdown-menu > li > a.dropdown-toggle::after,
.menu--main ul.dropdown-menu > li > span.dropdown-toggle::after {
    content: none !important;
}


.menu--main ul:not(.dropdown-menu) > li > a.dropdown-toggle::after,
.menu--main ul:not(.dropdown-menu) > li > span.dropdown-toggle::after {
    float: right !important;
    content: '\F64D';
    font-family: bootstrap-icons;
    font-size: 28px;
    font-weight: bold;
    border: 0;
    vertical-align: middle;
    line-height: 1em;
    @media (min-width: 1200px) {
        content: none !important;
    }    
}

.menu--main a.dropdown-toggle.show::after,
.menu--main span.dropdown-toggle.show::after {
    content: '\F63B';
}

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

.menu--main ul.dropdown-menu {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

nav#block-beauxartsparis-bootstrap-main-menu ul.menu--main {
    font-size: 16px;
    margin:0;
    word-break: break-word;
    white-space: normal;

    @media (min-width: 768px) {
        margin-top:10px;
    }
}

nav#block-beauxartsparis-bootstrap-main-menu ul.menu--main li:not(.expanded) > a:hover{
    color: var(--bs-yellow);
}

nav#block-beauxartsparis-bootstrap-main-menu ul.menu--main > li > ul.dropdown-menu,
nav#block-beauxartsparis-bootstrap-main-menu ul.menu--main > li > ul.dropdown-menu a {
    font-size: 16px !important;
    font-weight: 400;
}

/**
 * Menu burger (i.e second_menu, "burger menu")
 */

section.region-highlighted div.input-group:after {
    content: " ";
    width: 50%;
    height: 1px;
    background-color: white;
    position: absolute;
    bottom: 0;
    transition: 0.4s;
}

section.region-highlighted div.input-group:has(input:focus)::after {
    background-color: var(--bs-yellow);
    transition: 0.4s;
    width: 80%;
}

section.region-highlighted div.input-group .form-control::placeholder {
    color:white;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 100;
}

nav.menu--burger-menu {
    font-family: Obibok;
}

nav.menu--burger-menu > ul.nav.navbar-nav {
    display: grid !important;
    gap:0;
    margin-top: 1.5rem !important;
    
    @media (min-width: 1200px) { 
        grid-template-columns: 1fr 1fr;
        gap: 0.5rem;
    }
}

nav.menu--burger-menu > ul.nav.navbar-nav > li {
    font-size: 30px;
    font-weight: bold;
    padding: 0;
}

nav.menu--burger-menu li.menu-item--expanded ul.dropdown-menu {
    padding: 0;
}

nav.menu--burger-menu li.menu-item--expanded ul.dropdown-menu li {
    @media (min-width: 1400px) {
        font-size: 18px;
    }

    @media (min-width: 1200px) { 
        font-size: 16px;
    }
}

nav.menu--burger-menu li.menu-item--expanded ul.dropdown-menu li:hover,
nav.menu--burger-menu li.menu-item--expanded ul.dropdown-menu li:hover a,
nav.menu--burger-menu li.menu-item--expanded ul.dropdown-menu li.dropdown-item.active {
    background: transparent;
    color:var(--bs-yellow) !important;
}

nav.menu--burger-menu a.nav-link,
nav.menu--burger-menu span.nav-link {
    --bs-nav-link-padding-y: 0;
}

nav.menu--burger-menu a.nav-link:hover,
nav.menu--burger-menu span.nav-link:hover,
nav.menu--burger-menu a.nav-link.active,
nav.menu--burger-menu span.nav-link.active,
nav.menu--burger-menu a.nav-link.show,
nav.menu--burger-menu span.nav-link.show {
    color:var(--bs-yellow) !important;
}

nav.menu--burger-menu li.dropdown span.dropdown-toggle {
    cursor:pointer;
}

nav.menu--burger-menu li.dropdown span.dropdown-toggle:after {
    float: right !important;
    content: '\F64D';
    font-family: bootstrap-icons;
    font-size: 28px;
    border: 0;
}

nav.menu--burger-menu li.dropdown span.dropdown-toggle.show:after {
    content: '\F63B';
}

.dropdown-menu.show {
    transition: opacity 0.4s ease;
}

@starting-style {
    .dropdown-menu.show {
        opacity: 0;
    }
}

.btn-burger-menu {
    height: 65px;
    width: 76px;
    background-color: var(--bs-purple);
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
}

.btn-burger-menu span {
    height: 4px;
    width: 33px;
    border-radius: 9px;
    transition: .25s ease-in-out;
}

.btn-burger-menu.open span {
    background: var(--bs-yellow) !important;
}

.btn-burger-menu.open span:nth-child(1) {
    transform: translateY(15px) rotate(45deg) ;
}

.btn-burger-menu.open span:nth-child(2) {
    width: 0px;
}

.btn-burger-menu.open span:nth-child(3) {
    transform: translateY(-12px) rotate(-45deg) ;
}