.module-menu .navbar {
    margin-bottom: 0;
    /* como o navbar-static-top do Bootstrap 3: o menu aberto fica por cima do conteúdo */
    z-index: 1000;
}
/* Espaço acima e abaixo dos itens no celular, como a .navbar-nav do Bootstrap 3 */
@media (max-width: 767.98px) {
    .module-menu .navbar-nav {
        margin: 7.5px 0;
    }
}
/* A logo flutua como o navbar-brand do Bootstrap 3 e não cobre o botão do menu */
.module-menu .navbar-header .navbar-brand {
    float: left;
}
.module-menu .container {
    padding: 0;
}
.module-menu .menu-search a,
.module-menu .social-buttons a {
	cursor: pointer;
    text-decoration: none;
}
.module-menu .social-buttons {
	float: left;
	margin-top: 0;
}
.module-menu .navbar-header {
    position: relative;
    padding: 0;
    margin: 0;
}
.module-menu .navbar-default,
.module-menu .navbar-collapse {
	border: 0;
}
.module-menu .navbar-collapse {
    width: 100%;
    margin: 0;
}

.module-menu .wp_nav_menu {
    float: left;
}

/* mouseover animation */
.module-menu .navbar-collapse .navbar-nav li a {
    position: relative;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
    transition: all .3s;
	cursor: pointer;
}

/* start dropdown animation */
.module-menu .dropdown .dropdown-menu {
	border: 0;
    max-height: 0;
    border-radius: 0;
    /*overflow: hidden;*/
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.module-menu .dropdown.show .dropdown-menu {
    max-height: 1000px;
    opacity: 1;
}
/* end menu animation */

.module-menu .dropdown-menu > li > a > .sub-arrow {
    position: absolute;
    top: 50%;
	transform: translateY(-50%);
    margin-top: 0;
}

.module-menu .menu-search {
    position: absolute;
    top: 0;
    right: 80px;
	width: 56px;
	padding-left: 16px;
	padding-right: 16px;
}
.module-menu .menu-search .input-group {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: all .3s;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
}
.module-menu .menu-search a:before {
	content: "\f002";
	font-family: "Font Awesome 7 Free";
	font-weight: 900;
	font-size: 25px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.module-menu .menu-search .input-group {
    line-height: normal;
}
/* Itens em sequência, como os floats do Bootstrap 3 (a navbar do 5 os espalha com space-between) */
.module-menu .navbar > .container {
    justify-content: flex-start;
}
/* Na navbar flex do Bootstrap 5 o cabeçalho ocupa a linha toda no celular, como no Bootstrap 3 */
.module-menu .navbar-header {
    width: 100%;
}
@media (min-width: 768px) {
    .module-menu .navbar-header {
        width: auto;
    }
    /* O menu não estica: a busca fica logo depois dele */
    .module-menu .navbar-collapse {
        flex-grow: 0;
    }
    .module-menu .navbar > .container .navbar-brand {
        margin-left: -15px;
    }
    .module-menu .dropdown .dropdown-menu {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    .module-menu .container {
        padding: 0 15px;
    }
    .module-menu .navbar-header {
        padding: 0;
    }
    .module-menu .navbar-collapse {
        width: auto;
    }
}
@media (min-width: 992px) {
    .module-menu .menu-search {
        position: relative;
        float: left;
        top: auto;
        right: auto;
    }
}
@media (min-width: 1200px) {
}
/* Botões +/- dos submenus no celular com o tamanho do addon do Bootstrap 3 */
.navbar-nav.sm-collapsible .sub-arrow {
    width: 32px;
    height: 26px;
    margin: -13px 15px 0 0;
    font-size: 14px;
    line-height: 24px;
}
.navbar-nav.sm-collapsible .sub-arrow::before {
    font-family: monospace;
    font-weight: bold;
}