/**
 
Table of Contents
================================================================================
#Header
#Mobile Menu
#Desktop Menu






/* ================================================================================ */
/* #Variables
/* ================================================================================ */

:root {
  --header-height: 126px;
  --header-logo-width: 170px;
}



@media only screen and (min-width: 400px) {
  :root {
    --header-logo-width: 180px;
  }
}


@media only screen and (min-width: 768px) {
  :root {
    --header-logo-width: 200px;
  }
}








/* ================================================================================ */
/* #Header
/* ================================================================================ */

.home #header { position: absolute; }

/* @media only screen and (max-width: 767px) {
  .responsive #top #wrap_all #header { position: absolute; }
} */


#top .header_bg { background: none; }


.home #header_main { 
  border: none; 
}


#header_main .container, 
.main_menu ul:first-child > li a {
  height: var(--header-height);
  line-height: var(--header-height);
}


.html_header_top.html_header_topbar_active.html_header_sticky #top #main { 
  padding-top: calc(var(--header-height) + 36px); 
}


#header_main .inner-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.home #header_main .inner-container {
  justify-content: flex-end;
}



#header_main .logo { 
  position: relative;
  float: none;
}


#header_main .logo a { 
  display: flex;
  align-items: center;
}

.home #header_main .logo a { 
  display: none;
}


#header_main .logo :is(img, svg) { 
  max-width: var(--header-logo-width);
}


.responsive #top #wrap_all .main_menu {
  position: relative;
  display: flex;
  align-items: center;
}


@media only screen and (max-width: 1300px) {
  .main_menu ul:first-child > li a {
    padding: 0 10px;
  }
}


@media only screen and (max-width: 1060px) {
  .responsive #top:not(.home) #wrap_all .main_menu {
    position: absolute;
  }
}


@media only screen and (max-width: 767px) {
  .home #header_main .inner-container {
    justify-content: space-between;
  }

  .responsive #top .logo {
    width: auto;
  }


  .home #header_main .logo a { 
    display: inherit;
  }


  #header_main .logo :is(img, svg) {
    max-height: inherit;
    padding-top: 32px;
    padding-bottom: 24px;
  }


  .responsive #top #wrap_all .main_menu {
    position: absolute;
  }
}




/* ================================================================================ */
/* #Desktop Menu
/* ================================================================================ */

#top .av-main-nav > li > a { 
  font-size: 13px;
  font-family: var(--font-family--heading-style-b);
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  color: var(--color-neutral); 
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 0 20px;
}

#top.home .av-main-nav > li > a { 
  color: #fff; 
}


#top .main_menu .menu > li.menu-button > a { 
  padding-right: 0;
}



/* Hover */
#top .av-main-nav > li > a:hover { 
  color: var(--color-primary--light);
}


/* Bottom border on hover */
.header_color .avia-menu-fx { display: none; }


.menu-button .avia-menu-text { 
  font-size: 15px;
  font-family: var(--font-family--heading-style-b);
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0;
  padding: 6px 30px;
  -webkit-transition: all .4s ease-out;
  transition:         all .4s ease-out;
  background-color: var(--color-primary);
  -webkit-border-radius: var(--border-radius-small);
       -moz-border-radius: var(--border-radius-small);
            border-radius: var(--border-radius-small);
}

#top .av-main-nav > li.menu-button > a:hover { 
  color: #fff;
}

#top .av-main-nav > li.menu-button > a .avia-menu-text:hover,
.menu-button a .avia-menu-text:hover { 
  background-color: var(--color-primary--dark);
  color: #fff;
}


@media only screen and (max-width: 1210px) {
  #top .av-main-nav > li > a { 
    padding: 0 14px;
  }

  .menu-button .avia-menu-text { 
    padding: 6px 24px;
  }
}



/* Sub menu
-------------------------------------------------------------------------------- */
/* Border colour of submenu */
#header_main .main_menu ul:first-child > li > ul {
  border-top-color: var(--color-primary);
}

/* Background colour of submenu */
#header_main .main_menu ul.sub-menu,
#header_main .main_menu ul.sub-menu li a {  
  background-color: var(--color-primary--xx-dark);
}

/* Corners */
#header_main .main_menu ul.sub-menu,
#header_main .main_menu ul.sub-menu li:last-child a {  
  -webkit-border-radius: 0 0 var(--border-radius-small) var(--border-radius-small);
  border-radius: 0 0 var(--border-radius-small) var(--border-radius-small);
}

/* Submenu Anchors */
#header_main .main_menu ul.sub-menu li a {  
  border: none;
  color: var(--color-primary--xx-light);
  font-size: 14px;
  font-weight: 400;
  padding: 12px 15px;
}

/* Current SUB Anchor */
#top #header_main .main_menu ul.sub-menu li.current_page_item > a, 
#top #header_main .main_menu ul.sub-menu li.current-menu-item > a { 
  color: var(--color-primary);
}

/* Hover */
#top #header_main .main_menu ul.sub-menu li a:hover {  
  background-color: var(--color-primary--x-dark);
  color: #fff;
}


#top #header_main .main_menu ul.sub-menu li.menu-item-has-children a:hover {
  background-color: var(--color-primary--dark);
}


/* Sub SUB menu
-------------------------------------------------------------------------------- */
/* Position left or right*/
#header_main .main_menu ul.sub-menu ul {
  top: -1px;
  left: 208px;
}

/* Sub SUB Anchors */
#top #header_main .main_menu ul.sub-menu ul,
#top #header_main .main_menu ul.sub-menu ul li a {
  background-color: var(--color-primary--x-dark);
  color: var(--color-primary--xx-light);
  -webkit-border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;
  border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;
}

/* Current SUB Anchor */
#top #header_main .main_menu ul.sub-menu ul li.current_page_item > a,
#top #header_main .main_menu ul.sub-menu ul li.current-menu-item > a { 
  color: var(--color-primary--x-light);
}


/* Hover */
#top #header_main .main_menu ul.sub-menu ul li a:hover {
  background-color: var(--color-primary);
  color: #fff;
}




/* ================================================================================ */
/* #Mobile Menu
/* ================================================================================ */

/* Make mobile menu show all the time
----------------------------------------------------------------------------------- */
/* .menu-item,
#header_main_alternate { display: none; }

.main_menu { display: block !important; }

.av-burger-menu-main.menu-item-avia-special { display: block; } 
*/


/* Make mobile menu show at different breakpoint
----------------------------------------------------------------------------------- */
#contact-button-mobile { 
  display: none; 
  order: 2;
  margin-right: 32px;
}


@media only screen and (max-width: 1060px) {
  #header_main .menu-item,
  #header_main_alternate { 
    display: none; 
  }

  #header_main .main_menu { 
    order: 3;
    display: block !important; 
  }

  .av-burger-menu-main.menu-item-avia-special { 
    display: block; 
  }

  #contact-button-mobile { display: inline-block; }
}






/* Hamburger Menu
----------------------------------------------------------------------------------- */


.av-hamburger-box { width: 30px; }


#header_main .av-hamburger-inner,
#header_main .av-hamburger-inner::before,
#header_main .av-hamburger-inner::after { 
  background-color: var(--color-primary--xx-dark); 
  height: 2px; 
  -webkit-transition: all .4s ease-out;
  transition:         all .4s ease-out;
}

.home #header_main .av-hamburger-inner,
.home #header_main .av-hamburger-inner::before,
.home #header_main .av-hamburger-inner::after { 
  background-color: #fff;
}


#top #av-burger-menu-ul { vertical-align: top; }


.av-burger-overlay-bg {
	opacity: 1;
	background: var(--color-primary); 
}


.av-burger-overlay-active #header_main .av-hamburger-inner,
.av-burger-overlay-active #header_main .av-hamburger-inner::before,
.av-burger-overlay-active #header_main .av-hamburger-inner::after { 
  background-color: var(--color-primary--xx-dark); 
}


.html_av-overlay-full #av-burger-menu-ul li { 
  padding: 10px; 
}


.html_av-overlay-full #top #wrap_all #av-burger-menu-ul li a,
.html_av-overlay-full #top #wrap_all #av-burger-menu-ul .menu-button .avia-menu-text {
  background: none;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 2px;
  font-family: var(--font-family--heading-style-a);
  color: var(--color-primary--xx-dark); 
  -webkit-transition: all .4s ease-out;
  transition:         all .4s ease-out;
}


.html_av-overlay-full #top #wrap_all #av-burger-menu-ul li a:hover,
.html_av-overlay-full #top #wrap_all #av-burger-menu-ul .menu-button .avia-menu-text:hover { 
  color: #fff;  
  opacity: 1;
}



@media only screen and (max-width: 1060px) {
  #top:not(.home) #contact-button-mobile {
    margin-right: 62px;
  }
}



@media only screen and (max-width: 767px) {
  .responsive #top #header_main > .container .main_menu .av-main-nav > li.av-burger-menu-main a { padding-top: 3px; }
  /* #header_main .av-hamburger-inner,
  #header_main .av-hamburger-inner::before,
  #header_main .av-hamburger-inner::after { 
    background-color: var(--color-text);
  } */


  #contact-button-mobile {
    margin-right: 62px;
  }
}



@media only screen and (max-width: 540px) {
  #contact-button-mobile {
    display: none;
  }
}