header{
position: absolute;
width: 100%;
z-index: 9999;
}
header .header-cta,
header .header-nav{
position: absolute;
z-index: 1;
margin:auto;
left:0;right:0;
}
header .header-cta{top:16px;}
header .header-nav{
top:48px;
background:var(--white);
padding-left:16px;
padding-right:16px;
border-radius: 8px;
box-shadow: 0px 4px 30px 10px var(--shadow3);
transition:background 300ms;
} header .header-nav-v2{
position: fixed;
z-index: 1;
margin:auto;
left:0;right:0;
}
header .header-nav-v2{
top:8px;
}
header:not(.sticky) .header-nav-v2{
top:48px;
position: absolute;
}
header .header-nav-v2 .kb-navigation li{
margin:0!important;
}
body:not(.home) header .header-nav-v2 .header-nav-v2-container > div,
header.sticky .header-nav-v2 .header-nav-v2-container > div{
background:white!important;
box-shadow: 0px 4px 30px 10px var(--shadow3);
}
body.home header:not(.sticky) .header-nav-v2 .header-nav-v2-container:not(:hover) .kb-navigation > li > .kb-link-wrap > a.kb-nav-link-content{
color:white;
}
header .header-nav-v2 .header-nav-v2-container .kb-navigation > li.current-menu-item > .kb-link-wrap > a.kb-nav-link-content{
text-shadow:0 0 0.5px var(--black)!important;
}
body.home header .header-nav-v2 .header-nav-v2-container .kb-navigation > li.current-menu-item > .kb-link-wrap > a.kb-nav-link-content{
text-shadow:0 0 0.5px white!important;
}
header .header-nav-v2 .header-nav-v2-container .kb-navigation > li > .sub-menu{
margin-top:8px!important;
}
header .header-nav-v2 .header-nav-v2-container .kb-navigation > li > .sub-menu:before{
content:"";
height:8px;
width:100%;
display:block;
margin-top:-8px;
}
body.home header:not(.sticky) .header-nav-v2 .header-nav-v2-container:not(:hover) .kb-navigation > li button.kb-nav-dropdown-toggle-btn{
color:#BDBDBD;
}
body.home header:not(.sticky) .header-nav-v2 .header-nav-v2-container:not(:hover) .header-logo{
background: url(//personnelgroup.com.au/wp-content/themes/beespoke/assets/imgs/logo-white.png);
background-size: contain;
background-repeat: no-repeat;
}
body.home header:not(.sticky) .header-nav-v2 .header-nav-v2-container:not(:hover) .header-logo  img{
opacity:0;
}
body.home header:not(.sticky) .header-nav-v2 .header-nav-v2-container:not(:hover) .kt-button{
color:white!important;
border-color:white!important;
background-color:transparent!important;
}
body.home header:not(.sticky) .header-nav-v2 .header-nav-v2-container .gtranslate_wrapper .gglobe{
filter: unset;
transition:all .2s;
}
body.home header:not(.sticky) .header-nav-v2 .header-nav-v2-container:not(:hover) .gtranslate_wrapper .gglobe{
filter:brightness(100);
}
@media(max-width:1024px){
header .header-nav-v2 .dmb-mobile-nav{
background:rgba(0,0,0,0.5);
}
header .header-nav-v2 .dmb-mobile-nav,
header .header-nav-v2 .dmb-mobile-overlay{
position:fixed;		
top:0;
left:0;
right:0;
bottom:0;		
}
header .header-nav-v2 .dmb-mobile-nav{
transition:all .2s;
}
header .header-nav-v2 .dmb-mobile-nav:not(.show),
header .header-nav-v2 .dmb-mobile-nav:not(.show) + .dmb-mobile-overlay,
header .header-nav-v2 .dmb-mobile-nav:not(.show) + style + .dmb-mobile-overlay{
opacity:0!important;
pointer-events:none!important;
}	
header .header-nav-v2 .dmb-mobile-nav > div{
width:100%;
max-width: 400px;
margin-left: auto;
margin-right: 0;
height: 100%;
overflow: auto;
transition: all .2s;
}
header .header-nav-v2 .dmb-mobile-overlay > div{
height:100%;
}
header .header-nav-v2 .dmb-mobile-nav:not(.show) > div{
margin-right:-50px;
}
header .header-nav-v2 .dmb-mobile-nav:not(.show) > div ul{
display:none!important;
}
header .header-nav-v2 .dmb-mobile-overlay{
right:440px;
}
header .header-nav-v2 .dmb-mobile-nav .kb-nav-dropdown-toggle-btn{
padding-left: 16px;
padding-right: 16px;
border-left: 1px solid rgba(0, 0, 0, 0.3);
font-size: 24px;
}
}
.kb-search-modal .kb-search-close-btn{
font-size:24px!important;
}
.kb-search-modal{
border-radius:8px!important;
}
.kb-search-modal .kb-search-input-wrapper input{
border-top:0!important;
border-left:0!important;
border-right:0!important;
} body.home header:before{
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
background: linear-gradient(180deg, #0000008c -37px, rgb(0 0 0 / 0%) 81%);
height: 120px;
}
body.home .header-cta .header-links p a,
body.home .header-cta .header-links p a:hover{
color:var(--white);
}
body.home .header-cta .header-links p a:hover{
border-color:var(--white);
}
body.home .header-cta .header-links img{
filter: brightness(0) invert(1);
}
header .header-nav .wp-block-navigation > ul > li{margin:0;}
header .header-nav .wp-block-navigation > ul > li > a{
padding-top:20px;
padding-bottom:20px;
font-weight: 500;
color:var(--color9);
}
header .header-nav .wp-block-navigation > ul > li > a{
font-size:14px;
}
header .header-nav .wp-block-navigation > ul > li.current-menu-item > a,
header .header-nav .wp-block-navigation > ul > li:hover > a,
header .header-nav .wp-block-navigation > ul > li > a.current-menu-ancestor{
color:var(--black);
text-shadow:0 0 0.5px var(--black);
}
header .header-nav .wp-block-navigation > ul > li:hover > a + .wp-block-navigation__submenu-icon{transform:rotate(180deg);}
header .header-nav .wp-block-navigation > ul > li:hover > a + .wp-block-navigation__submenu-icon > svg{margin:0!important;} header .header-links > .wp-block-group > figure > img{
display: block;
vertical-align:middle;
}
header .header-links p{
font-size:14px;
line-height:16px;
} header.sticky .header-nav{
position: fixed;
top:8px;
} body.home header:not(.sticky) .header-nav:not(:hover){
background: rgba(0, 0, 0, 0.1); }
body.home header:not(.sticky) .header-nav:not(:hover):before{
content:"";
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
backdrop-filter: blur(17.5px);
z-index:-1;
border-radius:8px;
}
body.home header:not(.sticky) .header-nav:not(:hover) .wp-block-site-logo{
background:url(//personnelgroup.com.au/wp-content/themes/beespoke/assets/imgs/logo-white.png);
background-size:contain;
background-repeat:no-repeat;
}
body.home header:not(.sticky) .header-nav:not(:hover) .wp-block-site-logo img{
opacity: 0;
}
body.home header:not(.sticky) .header-nav:not(:hover) > .wp-block-column > .wp-block-navigation > ul,
body.home header:not(.sticky) .header-nav:not(:hover) > .wp-block-column .kb-button,
body.home header:not(.sticky) .header-nav:not(:hover) > .wp-block-column .kt-svg-icon-link > span{
color:var(--white);
}
body.home header:not(.sticky) .header-nav:not(:hover) > .wp-block-column .kb-button{
border-color: var(--white);
background:transparent;
}
body.home header:not(.sticky) .header-nav:not(:hover) > .wp-block-column:last-child > .wp-block-navigation > .wp-block-navigation__responsive-container-open{
color: var(--white); 
} header .header-nav > .wp-block-column:nth-child(2),
header .header-nav > .wp-block-column:nth-child(2) > .wp-block-navigation,
header .header-nav > .wp-block-column:nth-child(2) > .wp-block-navigation > ul,
header .header-nav > .wp-block-column:nth-child(2) > .wp-block-navigation > ul > li.is-submenu-full{
position: unset;
}
header .header-nav > .wp-block-column:nth-child(2) > .wp-block-navigation > ul > li > ul{
height:auto;
}
header .header-nav > .wp-block-column:nth-child(2) > .wp-block-navigation > ul > li.is-submenu-full > ul.wp-block-navigation-submenu{
min-width: 100%;
padding-left:7%;
padding-right:7%;
height:unset;
}
header .header-nav > .wp-block-column:nth-child(2) > .wp-block-navigation > ul > li:not(.is-submenu-full) > ul.wp-block-navigation-submenu{
left:-32px;
} header .header-nav .wp-block-navigation > ul > li > ul.wp-block-navigation-submenu{
width:auto;
border-radius:12px;
}
header .header-nav .wp-block-navigation > ul > li:hover > ul.wp-block-navigation-submenu{
margin-top:8px;
border: 0;
box-shadow: 0 0 15px rgb(0,0,0,8%);
}
header .header-nav .wp-block-navigation > ul > li > ul.wp-block-navigation-submenu:before{
content: "";
position: absolute;
top: -10px;
height: 12px;
left: 0;
right: 0;
z-index: 1;
}
header .header-nav .wp-block-navigation > ul > li > ul.wp-block-navigation-submenu > li{
margin:0;
}
header .header-nav .wp-block-navigation > ul > li > ul.wp-block-navigation-submenu > li:first-child{
border-top-left-radius:12px;
border-top-right-radius:12px;
}
header .header-nav .wp-block-navigation > ul > li > ul.wp-block-navigation-submenu > li:last-child{
border-bottom-left-radius:12px;
border-bottom-right-radius:12px;
}
header .header-nav .wp-block-navigation > ul > li > ul.wp-block-navigation-submenu > li.has-child > a{
display: flex;
justify-content: space-between;
}
header .header-nav .wp-block-navigation > ul > li > ul.wp-block-navigation-submenu > li.has-child > a:after{
content:"";
display: inline-block;
width:20px;
height:20px;
background:url(//personnelgroup.com.au/wp-content/themes/beespoke/assets/imgs/caretright.svg);
background-size: 90%;
background-position: center;
background-repeat: no-repeat;
margin-left:8px;
flex:none;
margin-top: 2px;
}
header .header-nav .wp-block-navigation > ul > li > ul.wp-block-navigation-submenu > li > a{
font-weight: 500;
font-size: 16px;
line-height: 24px;  padding:12px 16px;
color:var(--color9);
width: max-content;
}
header .header-nav .wp-block-navigation > ul > li > ul.wp-block-navigation-submenu > li > a:hover{
background-color:rgba(242, 172, 32, 0.1);
}
header .header-nav .wp-block-navigation > ul > li > ul.wp-block-navigation-submenu > li:not(:last-child){
border-bottom:1px solid rgb(0,0,0,5%);
}
header .header-nav .wp-block-navigation > ul > li > ul.wp-block-navigation-submenu > li.is-group > a,
header .header-nav .wp-block-navigation > ul > li > ul.wp-block-navigation-submenu > li > button{
display:none!important;
} header .header-nav .wp-block-navigation > ul > li > ul.wp-block-navigation-submenu > li > ul.wp-block-navigation-submenu{
position: relative;
left: 0;
border: 0;
height: auto;
min-width: 200px;
opacity: 1;
overflow: visible;
visibility: visible;
width: auto;
margin-top:12px;
}
header .header-nav .wp-block-navigation > ul > li > ul.wp-block-navigation-submenu > li > ul.wp-block-navigation-submenu:before{display:none;}
header .header-nav .wp-block-navigation > ul > li > ul.wp-block-navigation-submenu > li > ul.wp-block-navigation-submenu > li{
margin-bottom:12px;
padding-right:28px;
}
header .header-nav .wp-block-navigation > ul > li > ul.wp-block-navigation-submenu > li > ul.wp-block-navigation-submenu > li > a{
padding:0;
font-weight: 500;
font-size: 16px;
line-height: 24px;
letter-spacing: -0.01em;
color: var(--color9);
border-bottom:1px solid transparent;
}
header .header-nav .wp-block-navigation > ul > li > ul.wp-block-navigation-submenu > li > ul.wp-block-navigation-submenu > li > a:hover{
border-color:var(--black);
} header .header-nav .wp-block-navigation > ul > li > ul.wp-block-navigation-submenu > li.has-child{
position: unset;
}
header .header-nav .wp-block-navigation > ul > li > ul.wp-block-navigation-submenu > li.has-child:hover{
border-top-right-radius:0;
border-bottom-right-radius:0;
}
header .header-nav .wp-block-navigation > ul > li > ul.wp-block-navigation-submenu > li.has-child:hover:before{
content: "";
background-color: white;
position: absolute;
top: 0;
right: 0;
width: 20px;
height: 20px;
}
header .header-nav .wp-block-navigation > ul > li > ul.wp-block-navigation-submenu > li.has-child > ul.wp-block-navigation-submenu{
position: absolute;
top: 0;
left: 95%;
margin: 0;
opacity:0;
pointer-events:none;
height:100%;
border-left:1px solid rgba(0, 0, 0, 0.15);
box-shadow: 5px 5px 10px rgba(0,0,0,4%);
}
header .header-nav .wp-block-navigation > ul > li > ul.wp-block-navigation-submenu > li.has-child:hover > ul.wp-block-navigation-submenu{
left: 100%;
opacity:1;
pointer-events:unset;
z-index:1;
border-top-right-radius:12px;
border-bottom-right-radius:12px;
}
header .header-nav .wp-block-navigation > ul > li > ul.wp-block-navigation-submenu > li.has-child > ul.wp-block-navigation-submenu > li{
padding:0;
margin:0;
}
header .header-nav .wp-block-navigation > ul > li > ul.wp-block-navigation-submenu > li.has-child > ul.wp-block-navigation-submenu > li > a{
font-weight: 500;
font-size: 16px;
line-height: 24px;
padding:12px 16px;
color:var(--color9);
width: max-content;
border:0;
}
header .header-nav .wp-block-navigation > ul > li > ul.wp-block-navigation-submenu > li.has-child:hover > a,
header .header-nav .wp-block-navigation > ul > li > ul.wp-block-navigation-submenu > li.has-child > ul.wp-block-navigation-submenu > li:not(:first-child) > a:hover{
background-color:rgba(242, 172, 32, 0.1);
}
header .header-nav .wp-block-navigation > ul > li > ul.wp-block-navigation-submenu > li.has-child > ul.wp-block-navigation-submenu > li:not(:first-child){
border-bottom:1px solid rgb(0,0,0,5%);
}
header .header-nav .wp-block-navigation > ul > li > ul.wp-block-navigation-submenu > li.has-child > ul.wp-block-navigation-submenu > li:first-child{
border-top-right-radius:12px;
}
header .header-nav .wp-block-navigation > ul > li > ul.wp-block-navigation-submenu > li.has-child > ul.wp-block-navigation-submenu > li:first-child{
border-top-right-radius:12px;
}
header .header-nav .wp-block-navigation > ul > li > ul.wp-block-navigation-submenu > li.has-child > ul.wp-block-navigation-submenu > li:last-child{
border-bottom-right-radius:12px;
}
header .header-nav .wp-block-navigation > ul > li > ul.wp-block-navigation-submenu > li.has-child > ul.wp-block-navigation-submenu > li:first-child > a{
font-family:var(--font-primary);
font-weight:600;
color:var(--black);
}  header .wp-block-search button{
background: transparent;
border: 0;
transform: rotateY(180deg);
}
header .wp-block-search input[type="search"]{
background:transparent!important;
}
header .wp-block-search > div{
border-radius:4px;
margin-right:20px;
}
body.home header:not(.sticky):not(:hover) .wp-block-search button{
color: var(--white);
}
body.home header:not(.sticky):not(:hover) .wp-block-search input[type="search"]{
color:var(--white);
}
header .search-close{
position:absolute;
height: 44px;
width: 24px;
right: 10px;
display: flex;
top: 13px;
align-items: center;
justify-content: center;
}
@media(min-width:782px){
}
@media(min-width:1025px){
header .header-nav .wp-block-navigation > ul > li:not(:hover) > ul.wp-block-navigation-submenu{
pointer-events:none;
}
header .header-nav .wp-block-navigation > ul > li > ul.wp-block-navigation-submenu{
transition:margin-top 300ms, opacity 150ms;
visibility:visible;
}
header .header-nav .wp-block-navigation > ul > li > ul.wp-block-navigation-submenu > li.has-child > ul.wp-block-navigation-submenu{
transition:all 300ms;
}
}
@media (min-width:1200px){ header .header-links{
gap:24px;
}
header .header-nav .wp-block-navigation > ul > li > a{
font-size:16px;
}    
}
@media(min-width:1400px){ header .header-nav .wp-block-navigation > ul{
gap:24px;
}
}
@media (min-width: 2400px){
}
@media (min-width: 1026px){
header .header-nav > .wp-block-column:last-child{
display: none;
}
} 
@media (max-width:1025px){ header .header-nav > .wp-block-column:first-child{
flex-basis: auto!important;
}
header .header-nav > .wp-block-column:not(:first-child):not(:last-child){
display: none;
} header .mobile-nav .wp-block-navigation .wp-block-navigation__responsive-container-open{
padding-top:20px;
padding-bottom:20px;
}
header .mobile-nav .wp-block-navigation__container{
border-top:1px solid var(--border);
}
header .mobile-nav .wp-block-navigation__container a{
padding:7px 16px!important;
}
header .mobile-nav .wp-block-navigation__responsive-container-close{
margin:16px;
}
header .mobile-nav .wp-block-navigation__container,
header .mobile-nav .wp-block-navigation__submenu-container{
width: 100%;
overflow: hidden;
gap:0!important;
padding-right:0!important;
}
header .mobile-nav .wp-block-navigation__container > li,
header .mobile-nav .wp-block-navigation__submenu-container > li{
width: 100%;
display: block!important;
margin-bottom:0
}
header .mobile-nav .wp-block-navigation__submenu-container{
padding-top: 0!important;
}
header .mobile-nav .wp-block-navigation__responsive-container{
padding:0;
}
header .mobile-nav .wp-block-navigation-submenu__toggle{
position: absolute;
top: 11px;
right: 12px;
width: 16px;
height: 16px;
}
header .mobile-nav .wp-block-navigation-submenu__toggle[aria-expanded="true"] svg{
transform: rotate(180deg);
}
header .mobile-nav .wp-block-navigation-submenu__toggle:before{
content:"";
width:40px;
height:40px;
position: absolute;
top: -11px;
right: -12px;
border-left:1px solid var(--border);
}
header .mobile-nav .wp-block-navigation-submenu__toggle[aria-expanded="false"] + .wp-block-navigation-submenu{
display: none;
}
header .mobile-nav a{
border-bottom:1px solid var(--border);
}
header .mobile-nav .wp-block-navigation__container a:hover,
header .mobile-nav .wp-block-navigation__container a:active,
header .mobile-nav .wp-block-navigation__container a:focus,
header .mobile-nav .wp-block-navigation__container a:hover > span,
header .mobile-nav .wp-block-navigation__container a:active > span,
header .mobile-nav .wp-block-navigation__container a:focus > span{
color:var(--solid2)!important;
}
header .mobile-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon{
display: block;
}
header .mobile-nav .wp-block-navigation__responsive-container-open{
padding:20px 0;
}
header .mobile-nav.wp-block-navigation > li > ul.wp-block-navigation-submenu > li.has-child > ul.wp-block-navigation-submenu > li:first-child{
display:none!important;
}
}