header.site-header {
z-index: 9;
display: flex;
flex-direction: column;
height: auto;
gap: 0;
}
.header-menu a img,
.site-branding a img,
.custom-site-logo a img,
.site-logo a img {
max-height: 50px;
height: auto;
}
.custom-site-logo a {
position: relative;
min-height: 45px;
display: flex;
align-items: center;
justify-content: center;
}
.banner_not_exists .custom-site-logo a+a::before {
background-color: #595A5C;
}
.custom-site-logo a+a::before {
height: 45px;
background-color: #fff;
content: '';
left: -20px;
position: absolute;
width: 1px;
}
.image-background img {
width: 100% !important;
height: 100% !important;
}
header .header-submenu .btn-white a.button.arrow {
padding: 0 16px 0;
height: auto;
border-radius: 0;
}
header.site-header.banner_not_exists .header-submenu .btn-white a.button.arrow,
.open-searchform header.site-header .header-submenu .btn-white a.button.arrow {
background: var(--blue-color);
color: #fff;
border: 1px solid var(--blue-color);
border-radius: 0;
}
header.site-header .header-submenu .btn-white a:hover {
border: 1px solid var(--color-pimary);
}
header-submenu ul li.item-post .post-content .icon img {
width: 42px !important;
height: 42px !important;
}
.header-submenu ul li.first {
margin: 0 38px 0 28px;
}
ul.submenu-items {
top: 70px;
}
header.site-header .search-account {
padding: 0px 29px 0 38px;
}
.show-menu {
overflow: hidden;
}
.menu-logo>*::-webkit-scrollbar {
width: 0;
}
.menu-logo>* {
overflow: auto;
height: 100%;
}
.menu-logo { background-size: cover;
}
.menu-logo>* {
position: relative;
}
.menu-logo::before {
content: ''; position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.menu-logo>* {
position: relative;
}
.menu-logo::before {
content: '';
background-color: rgba(3, 117, 128, 0.644);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
header.site-header #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item:last-child>a.mega-menu-link {
background: var(--color-pimary);
border: 1px solid var(--color-pimary);
}
header.site-header.banner_is_exists #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item:last-child>a.mega-menu-link:hover {
background: var(--color-pimary);
border: 1px solid var(--color-pimary);
}
header.site-header.banner_not_exists #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item:last-child>a.mega-menu-link {
background: var(--color-pimary);
border: 1px solid var(--color-pimary);
}
.custom-site-logo {
display: flex;
align-items: center;
gap: 38px;
}
.bottom-header .menu {
padding: 0;
list-style: none;
display: flex;
align-items: center;
justify-content: center;
gap: 45.57px;
}
.bottom-header {
border-top: solid 1px #fff;
border-bottom: solid 1px #fff;
padding: 28px 24px;
width: 100%;
font-size: 16px;
line-height: 25.62px;
position: relative;
}
.bottom-header a {
color: #fff;
}
.bottom-header a:hover,
.bottom-header .current-menu-item>a {
text-decoration: underline;
}
.banner_not_exists .top-header { }
.top-header::before {
content: '';
height: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
background-color: #fff;
transition: all ease-in 0.5s; }
.bottom-header::before {
content: '';
height: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
background: linear-gradient(270.18deg, #5DBF8C 0.59%, #134B5F 100.79%);
border-bottom-color: transparent;
transition: all ease-in 0.5s; z-index: -1;
}
.banner_not_exists .top-header::before,
.banner_not_exists .bottom-header::before {
height: 100%;
}
.banner_not_exists .bottom-header { border-bottom-color: transparent;
}
.top-header {
width: 100%;
padding-top: 22px;
padding-bottom: 22px;
box-shadow: 0px 4px 5px 0px #00000008;
position: relative;
}
.site-header .social-wrapper-media img {
width: 20px;
height: 20px;
margin: 0 10px;
}
.banner_not_exists .top-header .social-wrapper-media img {
filter: unset;
}
.site-logo {
margin: 0;
}
header.site-header .container {
padding-top: 0;
}
.section.section-banner .content-banner {
padding-top: 77px;
padding-bottom: 41px;
transform: translateX(-50%);
}
.header-submenu .social-wrapper-media .pinterest,
.header-submenu .social-wrapper-media .weixin {
display: none;
}
.site .site-header.has-logo.has-title-and-tagline {
height: auto;
}
@media screen and (min-width: 1025px) {
.bottom-header .open_menu,
.bottom-header .social-wrapper-media {
display: none;
}
}
@media screen and (max-width: 1279px) {
.bottom-header .menu {
justify-content: space-between;
gap: 16.5px;
}
}
@media screen and (max-width: 1024px) {
.header-submenu .social-wrapper-media {
display: none;
}
.bottom-header .menu {
flex-direction: column;
}
.menu_main {
display: none;
padding-top: 40px;
margin-bottom: 31px;
margin-top: 4px;
border-top: solid 1px #fff;
}
.open_menu {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
}
.bottom-header:not(.active) .open_menu svg {
rotate: 180deg;
}
.bottom-header .social-wrapper-media {
justify-content: center;
margin-top: 40px;
}
.bottom-header.active {
background: url(http://jebgroup.com/wp-content/themes/jeb/assets_sos/images/bgopen_menu.jpg) no-repeat center;
background-size: cover;
border-bottom: 0;
}
.bottom-header {
padding: 4px 0;
}
}
@media screen and (max-width: 767px) {
.child-menu-in button.menu-parent,
.child-menu button.menu-parent {
border-radius: 0;
}
.top-header {
padding-top: 9px;
padding-bottom: 9px;
}
}