.navbar {
  padding: 20px 10px;
}
.navbar .logo-search {
  display: flex;
}
.navbar .logo-search .syi-logotype {
  display: inline-block;
  width: 271px;
  height: 38px;
  background: url("/assets/images/logos/logo-brand-name.svg") no-repeat;
  background-size: contain;
}
.navbar .logo-search .syi-logo-square {
  display: inline-block;
  width: 73px;
  height: 57px;
  background: url("/assets/images/logos/logo.png") no-repeat;
  background-size: contain;
}
.navbar .logo-search .separator {
  display: inline-block;
  width: 1px;
  min-width: 1px;
  height: 38px;
  background: #F2966E;
  margin-right: 25px;
}
.navbar .logo-search .search-action {
  display: inline-block;
  float: right;
  line-height: 38px;
  cursor: pointer;
}
.navbar .logo-search .search-action img {
  margin-right: 5px;
}
.navbar .logo-search .search-box {
  background: #F9F9F9;
  border-radius: 6px;
  padding: 10px;
  display: flex;
  align-items: center;
  margin: 6px 0;
}
.navbar .logo-search .search-box .syi-dropdown {
  margin: 0 15px;
}
.navbar .right-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.navbar .right-menu {
  font-family: "Mont-Book", sans-serif;
  font-size: 16px;
  overflow: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.navbar .right-menu button {
  float: right;
}
.navbar .right-menu .menu {
  float: left;
  padding: 8px 22px;
  display: flex;
  gap: 20px;
}
.navbar .right-menu a {
  font-family: "Mont-Book", sans-serif;
  font-size: 16px;
}
.navbar .right-menu .divider {
  margin: 0 16px;
}
.navbar .right-menu .become-venue-host {
  margin-right: 15px;
}
.navbar .language-selector {
  cursor: pointer;
  margin-right: 10px;
  display: flex;
  align-items: center;
}
.navbar .language-selector .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("/assets/images/icons/world.png") no-repeat center;
  background-size: contain;
  opacity: 50%;
  transition: all 0.5s ease;
  margin-right: 10px;
}
.navbar .language-selector:hover .icon {
  opacity: 100%;
  transition: all 0.5s ease;
}
.navbar .language-selector::after {
  display: none;
}
.navbar .user-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "Mont-Book", sans-serif;
  font-size: 16px;
  cursor: pointer;
}
.navbar .user-section img.user-avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 10px;
  border: 1px solid var(--syi-color-primary);
}
.navbar .user-section-dropdown a {
  font-size: 18px;
}
.navbar .user-section-dropdown .unread-message-counter {
  display: none;
}
.navbar .user-section-dropdown .user-info-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.navbar .user-section-dropdown .user-info-container .profile-photo {
  margin-right: 15px;
}
.navbar .user-section-dropdown .user-info-container .profile-photo img {
  width: 64px;
  height: 64px;
  border-radius: 50%;
}
.navbar .user-section-dropdown .user-info-container .name-email {
  display: flex;
  flex-direction: column;
}
.navbar .user-section-dropdown .user-info-container .name-email .user-name {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}
.navbar .user-section-dropdown .user-info-container .name-email .user-email {
  font-size: 14px;
  color: #777;
}
.navbar .user-section-dropdown .user-menu {
  padding: 10px 0;
}
.navbar .user-section-dropdown form.logout-form button {
  background: none;
  border: none;
  display: block;
  width: 100%;
  text-align: left;
  padding: 0;
  color: inherit;
  font-weight: inherit;
  font-size: 18px;
}
.navbar .user-section-dropdown .mobile-only {
  display: none;
}
.navbar.navbar-light .logo-search {
  background: #fff;
  border-radius: 50px;
  padding: 10px 14px;
  height: 58px;
}
.navbar.navbar-light .right-menu, .navbar.navbar-light .right-menu a {
  color: #fff;
}
.navbar.navbar-light .dropdown-menu a {
  color: initial;
}
.navbar.navbar-light .language-selector {
  filter: brightness(0) invert(1);
}
.navbar.navbar-dark {
  background: rgba(255, 255, 255, 0.9);
  padding: 7px 16px;
}
.navbar.navbar-dark .logo-search {
  height: 58px;
}
.navbar.navbar-dark .logo-search .separator {
  margin: 6px 25px;
  height: 46px;
}
.navbar.navbar-dark .logo-search .search-action {
  line-height: 58px;
}
.navbar.navbar-dark .right-menu {
  color: #000000;
}
.navbar.navbar-full {
  background: rgba(255, 255, 255, 0.85);
}
.navbar.navbar-full .logo-search {
  display: flex;
  align-items: center;
  height: auto;
}
.navbar.navbar-full .logo-search .separator {
  margin-left: 0;
}
.navbar.navbar-full .logo-search .logo-container {
  display: flex;
  align-items: center;
}
.navbar.navbar-full .logo-search .logo-container .syi-logo-square {
  width: 112px;
  height: 87px;
  margin-right: 8px;
}
.navbar.navbar-searchable .become-venue-host {
  background: none !important;
  border: 1px solid var(--syi-color-secondary) !important;
  color: var(--syi-color-grey) !important;
}
.navbar.navbar-searchable .become-venue-host:hover {
  background: var(--syi-color-secondary) !important;
  color: #fff !important;
}
.navbar .syi-dropdown {
  cursor: pointer;
  z-index: 1040;
}
.navbar .syi-dropdown .syi-dropdown-selected-item {
  font-family: "Mont-SemiBold", sans-serif;
  font-size: 16px;
  border-bottom: 2px solid var(--syi-color-primary);
}
.navbar .syi-dropdown .dropdown-menu {
  border-radius: 12px;
  min-width: 200px;
  overflow: auto;
  padding: 0;
}
.navbar .syi-dropdown .dropdown-menu.activity-selector {
  min-width: 400px;
}
.navbar .syi-dropdown .dropdown-menu .accordion.activities-selector-accordion .accordion-item .accordion-button {
  padding: 5px 10px;
  line-height: 40px;
}
.navbar .syi-dropdown .dropdown-menu .accordion.activities-selector-accordion .accordion-item .accordion-body {
  padding: 0;
}
.navbar .syi-dropdown .dropdown-menu .activity-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.navbar .syi-dropdown .dropdown-menu .activity-list li.activity-list-item {
  font-family: "Mont-SemiBold", sans-serif;
  font-size: 16px;
  color: var(--syi-color-grey);
  cursor: pointer;
  padding: 10px 5px;
}
.navbar .syi-dropdown .dropdown-menu .activity-list li.activity-list-item:hover {
  background: rgba(127, 206, 184, 0.2470588235);
}
.navbar .syi-dropdown .dropdown-menu .activity-list.activity-list-solo {
  display: none;
}
.navbar .syi-dropdown.city-selector .dropdown-menu {
  min-width: 0;
}
.navbar .syi-dropdown .dropdown-menu li a:hover {
  background: rgba(127, 206, 184, 0.2470588235);
}
.navbar .syi-dropdown .dropdown-toggle::after {
  display: none !important;
}
.navbar .contest-mobile-view {
  margin-right: 10px;
  display: none;
}
.navbar .burger-menu {
  display: none;
  cursor: pointer;
  width: 24px;
  height: 24px;
  background: url("/assets/templates/icons/menu.png") no-repeat center;
  opacity: 50%;
}
.navbar.theme-dark {
  background: #141718 !important;
  color: #FFF;
}
.navbar.theme-dark .menu a {
  color: #FFF;
}
.navbar.theme-dark .language-selector .icon {
  filter: brightness(0) invert(1);
}

.mobile_app .navbar {
  display: none !important;
}

@media only screen and (max-width: 1450px) {
  .navbar .contest-mobile-view {
    display: block;
  }
  .navbar.navbar-full .logo-search .logo-container .syi-logo-square {
    width: 86px;
    height: 67px;
  }
  .navbar .logo-search .syi-logotype {
    width: 171px;
    height: 24px;
  }
  .navbar .logo-search .search-action {
    font-size: 16px;
  }
  .navbar .right-menu {
    display: flex;
    flex-direction: column;
    background: #fff;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1055;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1019607843);
    border-top: 1px solid #E6E6E6;
    transition: all 0.5s ease;
    overflow: hidden;
    padding: 0;
    height: 0;
    opacity: 0;
    width: auto;
  }
  .navbar.show-menu .right-menu {
    overflow: visible;
    padding: 20px 30px;
    height: auto;
    opacity: 1;
  }
  .navbar.show-menu .right-menu .menu {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 0;
  }
  .navbar.show-menu .right-menu .menu .divider {
    display: none;
  }
  .navbar.show-menu .right-menu .menu a {
    margin: 5px 0;
  }
  .navbar.show-menu .right-menu .language-selector {
    margin: 0;
    margin-top: 15px;
  }
  .navbar.show-menu .right-menu .language-selector .title {
    display: inline-block;
  }
  .navbar .language-selector .icon {
    margin: 0;
  }
  .navbar .burger-menu {
    display: block;
  }
  .navbar .user-section img.user-avatar {
    width: 38px;
    height: 38px;
  }
  .navbar .user-section-dropdown .mobile-only {
    display: block !important;
  }
  .navbar .user-section-dropdown .unread-message-counter {
    display: initial;
  }
  .mobile_app .navbar {
    display: none !important;
  }
}
@media only screen and (max-width: 600px) {
  .navbar {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1055;
  }
  .navbar.navbar-full {
    background: #fff;
    display: flex;
    justify-content: space-between;
  }
  .navbar.navbar-dark {
    background: #fff;
  }
  .navbar.navbar-full .logo-search .logo-container .syi-logo-square {
    width: 50px;
    height: 40px;
  }
  .navbar.navbar-full .logo-search .separator {
    display: none;
  }
  .navbar.navbar-full .logo-search .search-action {
    display: none;
  }
  .navbar.navbar-light {
    padding: 7px 16px;
    background: #fff;
  }
  .navbar.navbar-light .logo-search {
    height: auto;
  }
  .navbar.navbar-light .logo-search .syi-logotype {
    display: block;
    width: 136px;
    height: 19px;
    align-self: center;
  }
  .navbar.navbar-light .logo-search .separator {
    height: auto;
    margin-right: 15px;
  }
  .navbar.navbar-light .logo-search .search-action {
    line-height: normal;
  }
  .navbar.navbar-light .logo-search .search-action img {
    width: 12px;
    height: 12px;
  }
  .navbar.navbar-light .logo-search .search-action span {
    display: none;
  }
  .navbar .logo-search .syi-logotype {
    display: none;
  }
  .navbar.navbar-searchable .logo-search {
    width: calc(100% - 120px);
  }
  .navbar.navbar-logotype .logo-search {
    height: auto;
    padding: 0;
    flex-grow: 2;
  }
  .navbar.navbar-logotype .logo-search .syi-logo-square {
    width: 49px;
    min-width: 49px;
    height: 38px;
  }
  .navbar.navbar-logotype .logo-search .search-box {
    margin: 0;
    margin-right: 10px;
    padding: 5px;
    flex-grow: 2;
    max-width: 60%;
  }
  .navbar.navbar-logotype .logo-search .search-box .search-text {
    display: none;
  }
  .navbar.navbar-logotype .logo-search .search-box .syi-dropdown {
    margin: 0 2px;
    max-width: 95%;
  }
  .navbar.navbar-logotype .logo-search .search-box .syi-dropdown .dropdown-toggle {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .navbar.navbar-logotype .logo-search .search-box .syi-dropdown .syi-dropdown-selected-item {
    font-family: "Mont-Book", sans-serif;
    font-size: 15px;
  }
  .navbar.navbar-logotype .logo-search .search-box .city-selector {
    margin-left: 10px;
    display: none;
  }
  .navbar.navbar-logotype .logo-search .search-box .city-selector .arrow-icon {
    display: none;
  }
  .navbar.navbar-logotype .logo-search .separator {
    margin: 6px 15px;
    height: auto;
  }
  .city-selector {
    max-width: 35%;
  }
  .city-selector .dropdown-toggle {
    display: flex;
  }
  .city-selector .syi-dropdown-selected-item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 25px;
    margin: 0 2px;
  }
  .navbar.navbar-light .right-menu .menu, .navbar.navbar-light .right-menu .menu a {
    color: var(--syi-color-grey);
  }
  .navbar.navbar-dark .logo-search .search-action {
    line-height: 38px !important;
  }
  .mobile_app .navbar {
    display: none !important;
  }
  .navbar .syi-dropdown .dropdown-menu {
    max-width: 300px;
    overflow: hidden;
  }
}
@media only screen and (max-width: 400px) {
  .navbar .logo-search .search-action .search-title {
    display: none;
  }
}

/*# sourceMappingURL=navbar.css.map */