/*Temporary disable submenu*/
ul.primary-menu .sub-menu {
   display: none !important;
}

/*Hide wpml bar*/
.otgs-development-site-front-end {
   display: none !important;
}


/*New header*/
.logo-row {
   background: #080c10;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 12px 32px;
   min-height: 80px;
}

ul.primary-menu {
   display: flex;
   align-items: flex-end;
   gap: 36px;
}

ul.primary-menu .menu-item-regular-wrapper {
   position: relative;
   min-width: 64px;
}

/*ul.primary-menu .menu-item-regular-wrapper:not(:last-child)::after {
   content: '';
   background: #333;
   width: 1.2px;
   height: 23px;
   align-self: center;
   position: absolute;
   left: calc(100% + 26px);
   top: 0;
   bottom: 0;
   margin-top: auto;
   margin-bottom: auto;
}*/

.logo-row p.notice-wrapper {
   background: #333;
   display: block;
   color: #8B8B8B;
   padding: 9px 10px;
   align-items: center;
   margin-bottom: 0px;
   border-radius: 4px;
   max-width: max-content;
   font-size: 12px;
   line-height: 140%;
   margin-left: -50px;
}

.logo-row p.alert-wrapper {
   border-radius: 4px;
   background: #8C1313;
   color: white;
   display: flex;
   padding: 9px 16px 10px 14px;
   justify-content: center;
   align-items: center;
   gap: 6px;
   margin-bottom: 0px;
}

.logo-row .logo-wrapper {
   display: flex;
   align-items: center;
   gap: 22px;
}

.logo-row .logo-text {
   color: #FFF;
   font-size: 20px;
   font-style: normal;
   line-height: 120%;
   letter-spacing: 0.4px;
   margin-top: 3px;
}

.logo-row .menu-wrapper {
   display: flex;
   align-items: center;
   gap: 26px;
}

.logo-row .menu-wrapper div.seperator-menu {
   background: #333;
   width: 1.2px;
   height: 23px;
   align-self: center;
}

.logo-row .menu-wrapper a:not(.tooltip) {
   color: #FFFFFF;
   display: flex;
   align-items: center;
   flex-direction: column;
   gap: 5px;
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   letter-spacing: 0.3px;
   /*transition: all 0.3s;*/
   transition: all 0s;
   cursor: pointer;
   position: relative;
}

.logo-row .menu-wrapper a.add-record-button {
   font-size: 13px;
   font-weight: 500;
   background: #2168ee;
   background: linear-gradient(267.29deg, #0995E3 0%, #096BE1 100%);
   color: #fff;
   margin-top: 0;
   padding: 8px 13px;
   float: right;
   flex-direction: row;
   height: auto;
   border: 0px solid;
   color: white;
   margin-left: 20px;
}

.logo-row .menu-wrapper a.add-record-button:hover {
   text-decoration: none;
   background: linear-gradient(267.29deg, #097FE2 0%, #085CDB 100%);
}

.logo-row .menu-wrapper a:hover:not(.add-record-button):not(.tooltip) {
   color: white;
   font-weight: 400;
   opacity: 0.6;
}

.logo-row .menu-wrapper a.menu-item-regular svg path {
   fill: #BABABA;
   transition: all 0.3s;
}

.logo-row .menu-wrapper a.menu-item-regular:hover svg path {
   fill: #F7F7F7;
}

.logo-row .menu-wrapper a.menu-item-regular:focus svg path,
.logo-row .menu-wrapper a.menu-item-regular.active svg path {
   fill: #FFFFFF;
}

.logo-row .menu-wrapper div.logout {
   align-self: center;
   margin-left: 40px;
   position: relative;
   cursor: pointer;
}

.logo-row .menu-wrapper div.logout svg path,
.logo-row .menu-wrapper div.logout svg circle {
   transition: all 0.3s;
}

.logo-row .menu-wrapper div.logout:hover svg path,
.logo-row .menu-wrapper div.logout:hover svg circle {
   stroke: #7BB5FF;
}

.logo-row .menu-wrapper div.logout:focus svg path,
.logo-row .menu-wrapper div.logout:focus svg circle {
   stroke: #FFFFFF;
}

.logo-row .menu-wrapper a.tooltip.tooltip-new:hover {
   color: #DBDBDB !important;
}

.logo-row .menu-wrapper div.logout:hover a.tooltip svg path,
.logo-row .menu-wrapper div.logout:hover a.tooltip circle {
   stroke: none;
}

.logo-row .menu-wrapper a:hover {
   color: white !important;
}

.logo-row .menu-wrapper a.active {
   color: #FFF;
   font-weight: 400;

}

.logo-row .menu-wrapper a.active:not(.skeleton-text) {
   text-decoration: underline;
   text-decoration-color: #a5a5a5;
   text-underline-offset: 7px;
}

@media(max-width:991px) {
   .logo-row {
      padding: 25px 15px;
      gap: 15px;
   }

   .logo-row p {
      display: none !important;
   }
}




/*Menu adjustments*/
#menu-general-content-views-menu .content-count {
   background: #f1f1f1;
   margin-left: 10px;
   padding: 2px 3px;
   margin-top: -2px;
   margin-bottom: -2px;
   border-radius: 2px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 12px;
   line-height: 11px;
   height: 14px;
}

.general_dropdown_menu li.current_page_item:not(.skeleton-text) a .content-count {
   background: #ffffff;
   color: #121212;
}

.general_dropdown_menu a,
.general_dropdown_menu button {
   display: flex !important;
   align-items: center !important;
   text-align: left;
}

#primary-menu-container {
   display: flex;
   align-items: center;
}

/*Mobile menu*/
#mobile-menu-button {
   background: transparent;
   border: 0;
   padding: 0;
}

.hamburger {
   padding: 0;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   transition-property: opacity, filter;
   transition-duration: 0.15s;
   transition-timing-function: linear;
   font: inherit;
   color: inherit;
   text-transform: none;
   width: 48px;
   height: 48px;
   border-radius: 50%;
   background: var(--gray-dark);
   border: 0;
   margin: 0;
   position: fixed;
   top: 16px;
   right: 15px;
   overflow: visible;
   z-index: 1003;
}

.hamburger::before {
   content: '';
   position: absolute;
   top: 50%;
   left: 50%;
   width: 48px;
   height: 48px;
   background: inherit;
   transform: translate(-50%, -50%);
   border-radius: 50px;
   display: block;
   opacity: 0;
   transition: 300ms;
}

.hamburger.active::before {
   opacity: 1;
}

.hamburger.is-active:hover::before {
   width: 56px;
   height: 56px;
   opacity: 1;
}

.hamburger:hover {
   opacity: 1;
}

.hamburger.is-active:hover {
   opacity: 1;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
   background-color: #fff;
}

.hamburger-box {
   width: 20px;
   height: 15px;
   display: inline-block;
   position: relative;
}

.hamburger-inner {
   display: block;
   top: 50%;
   margin-top: -1px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
   width: 20px;
   height: 2px;
   background-color: #fff;
   border-radius: 0;
   position: absolute;
   transition-property: transform;
   transition-duration: 0.15s;
   transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
   content: "";
   display: block;
}

.hamburger-inner::before {
   top: -6px;
}

.hamburger-inner::after {
   bottom: -6px;
}

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
   transition-duration: 0.22s;
   transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin .hamburger-inner::before {
   transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin .hamburger-inner::after {
   transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
   transform: rotate(225deg);
   transition-delay: 0.12s;
   transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin.is-active .hamburger-inner::before {
   top: 0;
   opacity: 0;
   transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin.is-active .hamburger-inner::after {
   bottom: 0;
   transform: rotate(-90deg);
   transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media (max-width: 1300px) {
   .logo-row .menu-wrapper a:not(.tooltip) {
      font-size: 14px;
   }

   ul.primary-menu {
      gap: 17px;
   }
}

/* Hide desktop menu on small screens */
@media (max-width: 1170px) {
   .menu-wrapper {
      display: none !important;
   }

   .mobile-menu-toggle {
      display: block !important;
      right: 20px;
      top: 15px;
      z-index: 100001;
   }

   /* Fullscreen menu overlay */
   .mobile-menu-active .menu-wrapper {
      display: block !important;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: max-content;
      background: #212F41;
      z-index: 100000;
      padding: 80px 20px;
      padding-bottom: 60px;
   }

   .mobile-menu-active .primary-menu {
      display: flex !important;
      flex-direction: column;
      gap: 20px;
      justify-content: flex-start;
      align-items: flex-start;
      text-align: left;
   }

   .mobile-menu-active .primary-menu a {
      font-size: 20px;
      color: #fff;
   }

   .logo-row .menu-wrapper a:not(.tooltip) {
      align-items: flex-start;
   }

   #primary-menu-container {
      display: flex;
      align-items: flex-start;
      flex-direction: column;
   }

   div.logout svg:first-child {
      display: none;
   }

   a.tooltip.tooltip-new.logout-tooltip {
      opacity: 1;
      display: flex;
      pointer-events: all;
      position: relative;
      left: 0;
      top: 0;
      visibility: visible;
   }

   a.tooltip.tooltip-new::before {
      display: none;
   }

   .logo-row .menu-wrapper div.logout {
      margin-right: auto;
      margin-left: 0;
      margin-top: 20px;
   }
}

/* Desktop: hide hamburger */
@media (min-width: 1171px) {
   .mobile-menu-toggle {
      display: none !important;
   }
}

@media (max-width: 575px) {
   .logo-wrapper img.centric-logo.desktop {
      display: none;
   }

   .logo-wrapper img.centric-logo.mobile {
      display: block;
   }

   .logo-wrapper img.centric-logo {
      max-width: 240px;
   }
}

@media (min-width: 576px) {
   .logo-wrapper img.centric-logo.mobile {
      display: none;
   }
}