:root {
	--color-bg-grey: #e8e8e8;
	--color-bg-dark-grey: #c7c5c5;
  --color-blue: #0194de;
  --color-blue-light: #57b8e9;
}

@media(min-width: 922px) {
  .ast-separate-container {
	  background-color: white;
  }
  .mobile-only,
  #primary-site-navigation .wpml-ls-item {
	  display: none !important;		
  }
  /**
  * Some sections should be contained so we apply the css of the default container!
  **/
  .contained {
	  max-width: 1240px;
	  margin-left: auto;
	  margin-right: auto;
	  padding-left: 20px;
	  padding-right: 20px;
  }
  
  button.main-header-menu-toggle{
	  background-color:var(--color-blue);
  }
  .topbar {
	  background-color: var(--color-blue);
	  height: 40px;
	  overflow-y: hidden;
	  z-index: 100;
	  position: relative;
  }
  
  .topbar .menu > ul {
	  display: flex;
	  flex-direction: row;
	  float: right;
	  margin-left: 0px;
	  list-style: none;
  }
  .topbar .menu > ul > li {
	  flex: 1;
		 margin-left: 50px;
	  padding-top:5px;
  }
  .topbar .menu > ul li a {
	  color: white;
	  width: 100px;
	  font-weight:bold;
  }
  .topbar .menu > ul li.wpml-ls-item {
	  z-index: 150;
	  background: var(--color-bg-grey);
	  display: none;
	  width: 50px;
	  margin-left: 0px;
	  text-align: center;
	  color: black;
	  height: 30px;
  }
  .topbar .menu > ul li.wpml-ls-item a span {
	  width: 50px;
	  display: inline-block;
  }
  .topbar .menu > ul > li.wpml-ls-item > a > span.wpml-ls-native:after {
	  content: "\e900";
	  padding-left: 5px;
	  padding-right: 5px;
	  font-family: Astra;
	  font-size: 9px;
	  font-size: .6rem;
	  font-weight: 700;
	  text-rendering: auto;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	  line-height: normal;
  }
  .topbar .menu > ul li.wpml-ls-item a {
	  color: var(--color-blue);
  }
  .topbar .menu > ul li .sub-menu li a {
	  color: var(--color-blue);
  }
  
  .topbar .menu > ul li .sub-menu {
	  list-style: none;
	  margin-left: 0px;
	  position: fixed;
	  display: none;
  }
  
  .topbar .menu > ul li.wpml-ls-item:hover .sub-menu {
	  display: flex;
	  flex-direction: column;
  }
  .ast-mobile-menu-buttons {
	  position: absolute;
	  z-index: 10;
	  right: 10px;
	  display: block;
  }
  #primary-site-navigation {
	  display: none;
	  position: fixed;
	  left: 0;
	  top: 0;
	  padding-top: 60px;
	  width: 100%;
	  height: 100%;
	  text-align: center;
	  overflow-y: scroll;
	  background: rgba(255,255,255,0.8);
  }

  nav#primary-site-navigation {}

  .ast-main-header-nav-open #primary-site-navigation {
	  display: unset;
  }
  .ast-main-header-nav-open #page {
	  max-height: 100vh;
	  overflow: hidden;
  }
  #primary-site-navigation .main-navigation ul#primary-menu,
  #primary-site-navigation .main-navigation ul.sub-menu 
  {
	  display: flex !important;
	  flex-direction: column;
	  margin: auto;
  }
  #primary-site-navigation .main-navigation ul li {
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	  -webkit-flex-direction: row;
	  -moz-box-orient: vertical;
	  -moz-box-direction: normal;
	  -ms-flex-direction: row;
	  flex-direction: row;
	  text-align: left;
	  justify-content: left;
  }
  #primary-site-navigation .main-navigation ul li > * {
	  position: relative;
	  float: left;
  }
  
  #primary-site-navigation .main-navigation ul.sub-menu  {
	  top: 0px;
	  position: relative;
	  max-height: 50px;
	  overflow: visible;
	  margin-top: -50px;
  }
  #primary-site-navigation .main-navigation ul.sub-menu,
  #primary-site-navigation .main-navigation ul.sub-menu li {
	  background-color: transparent;
	  border-style: unset;
	  border-width: 0px !important;
	  box-shadow: unset;
	  padding-left: 20px;
	  margin-top: 0px;
	  display: block;
  }
  
  #primary-site-navigation .main-navigation ul.sub-menu li {
	  margin-bottom: 8px;
  }
  #primary-site-navigation .main-navigation ul.sub-menu li a {
	  padding: 0;
  }
  #primary-site-navigation .menu-item-has-children>a:after, 
  #primary-site-navigation .page_item_has_children>a:after {
	  transform: rotate(270deg) !important;
  }
  #primary-site-navigation .sub-menu,
  #primary-site-navigation .main-header-menu.submenu-with-border .children, 
  #primary-site-navigation .main-header-menu.submenu-with-border .astra-full-megamenu-wrapper {
	  border-color: transparent !important;
  }
  
  .menu-toggle:hover,
  .menu-toggle:focus {
	  border-color: var(--color-blue);
	  background-color: var(--color-blue);
  }
  
  
  .main-header-menu li.focus>ul, .main-header-menu li:hover>ul {
	  max-height: 100% !important;
  }
}