.header-area {
transition: all 0.3s ease;
}
.header-area .header-wrapper .menu-area #mobile-menu ul li:hover a {
color: var(--tj-color-btn-azul) !important;
border-color: var(--tj-color-btn-azul) !important;
}
.header-area .header-wrapper .menu-area #mobile-menu ul li.current a {
color: var(--tj-color-btn-azul) !important;
border-color: var(--tj-color-btn-azul) !important;
}
.header-area .header-wrapper .menu-area #mobile-menu ul .has-dropdown a::after {
content: none;
}
.header-area .header-wrapper .menu-area #mobile-menu ul .has-dropdown .sub-menu {
padding: 0px 0;
width: 242px;
background-color: unset;
box-shadow: none;
}
.header-area.header-1 {
margin-top: 17px;
margin-bottom: 17px;
border-radius: 12px;
}
.header-area.header-1 .header-wrapper {
padding: 8px 0px;
}
.header-area.header-1 .header-wrapper .menu-area #mobile-menu .mainmenu li a {
padding: 6px 16px;
color: var(--tj-color-theme-dark);
font-family: var(--tj-ff-body);
font-weight: 200;
font-size: 16px;
line-height: 16px;
letter-spacing: 0px;
vertical-align: middle;
border: 1px solid var(--tj-color-theme-dark);
border-radius: 50px;
}
.header-area.header-1 .header-wrapper .menu-area #mobile-menu .mainmenu .has-dropdown .sub-menu {
padding-top: 20px;
}
.header-area.h9-header .header-wrapper .menu-area #mobile-menu .mainmenu li a {
color: var(--tj-color-common-white);
font-family: var(--tj-ff-body);
font-weight: 200;
font-size: 16px;
line-height: 16px;
letter-spacing: 0px;
vertical-align: middle;
border: 1px solid var(--tj-color-common-white);
}
.header-area.is-sticky.h9-header {
position: fixed;
top: 8px;
left: 0;
width: calc(100% - 30px);
z-index: 9999;
background: #0C1E21C7;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(6px);
animation: stickyHeader 0.3s ease;
border-radius: 12px;
}
.header-area.is-sticky.header-1 {
position: fixed;
top: 0px;
left: 0;
width: calc(100% - 30px);
z-index: 9999;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
animation: stickyHeader 0.3s ease;
border-radius: 12px;
margin-top: 8px;
}
@keyframes stickyHeader {
from {
transform: translateY(-100%);
}
to {
transform: translateY(0);
}
}