html[data-once*='node-preview'] .contextual {
  display: none!important;
}

body {
  zoom: var(--zooming-ratio);
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  :root {
    --zooming-ratio: 1;
  }
  body {
    zoom: calc(var(--zooming-ratio) / 1.5);
    font-size: 50%;
  }
}

:root {
  --zooming-ratio: 1;
}

@media only screen and (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (min-width: 769px) and (-moz-min-device-pixel-ratio: 1.25),
only screen and (min-width: 769px) and (-o-min-device-pixel-ratio: 5/4),
only screen and (min-width: 769px) and (min-device-pixel-ratio: 1.25) {
  :root {
    --zooming-ratio: 0.8;
  }
  body {
    zoom: 80%;
  }
}

@media only screen and (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-width: 769px) and (-moz-min-device-pixel-ratio: 1.5),
only screen and (min-width: 769px) and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-width: 769px) and (min-device-pixel-ratio: 1.5) {
  :root {
    --zooming-ratio: 0.66;
  }
  body {
    zoom: 66%;
  }
}

.page-content {
  min-height: calc(100% - var(--footer-height));
}

body {
  background: var(--hvtdb-background)!important;
  font-family: Urbanist, sans-serif !important;
}

.dt-type-numeric {
  font-family: "OpenSans-Regular", sans-serif !important;
}

@media (min-width: 61em) {
  .toolbar-menu-administration {
    height: 100%;
  }
}

body.toolbar-horizontal[data-toolbar-menu="open"] .header {
  width: calc(100% - var(--gin-toolbar-width));
}

body.toolbar-horizontal:not([data-toolbar-menu="open"]) .header {
  width: calc(100% - var(--gin-toolbar-width-collapsed));
}

.header {
  z-index: 10;
  position: fixed;
  width: 100%;
  height: var(--header-height);
  display: flex;
  align-items: center;
  /*border-bottom: 1px solid var(--hvtdb-border) !important;*/
}

.header .banner {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.header .banner .banner-block {
  background-size: cover;
  background-repeat: no-repeat;
  background-position-y: center;
}

.banner-body {
  max-width: 100%;
  height: 100%;
  padding: 10px 0;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: var(--hvtdb-white);
  display: flex;
  align-items: center;
  justify-content: center;
}

.banner-body .text-formatted {
  background-color: rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10px);
  border-radius: 20px;
  padding: 0 20px;
}

.block-hvtdb-banner .contextual {
  right: auto;
}

.block-hvtdb-banner .contextual .trigger {
  position: absolute !important;
  right: auto;
}

.block-hvtdb-banner .contextual-links {
  top: 0!important;
  transform: translateY(35px);
}

.banner-body p {
  font-family: Lora, serif;
  font-size: 18px;
  font-weight: 400;
  margin: 0;
}

.banner-content {
  padding: 0 350px;
}

.header-left {
  display: flex;
  height: 100%;
  width: var(--left-sidebar-width);
}

.navbar-brand, .user-buttons {
  z-index: 1001;
}

.header-left > a {
  margin : auto 40px;
}

.header-left img {
  height: 30px;
}

.header-right {
  height: 100%;
  width: calc(100% - var(--left-sidebar-width));
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header-right .header-breadcrumbs {
  margin-right: auto;
  height: 100%;
}

.header-right .header-breadcrumbs .block-system-breadcrumb-block,
.header-right .header-breadcrumbs .content {
  height: 100%;
}

.header-right .header-breadcrumbs .content {
  display: flex;
  align-items: center;
}

.header-right .header-breadcrumbs .content .breadcrumb {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 0;
  padding: 0 30px;
}

.header-right .header-breadcrumbs .breadcrumb-item:not(:first-child):before {
  content: url("/themes/custom/hvtdb/images/nav-arrow-right.svg");
}

.header-right .header-breadcrumbs .breadcrumb-item.active,
.header-right .header-breadcrumbs .breadcrumb-item a:hover{
  color: var(--hvtdb-black);
}

.header-right .header-breadcrumbs .breadcrumb-item a {
  color: var(--bs-breadcrumb-item-active-color);
  text-decoration: none;
}

.header-right .header-breadcrumbs .breadcrumb-item a:before {
  display: none;
}

.header-right .user-buttons {
  margin-left: auto;
  height: 100%;
}

.header-right .user-buttons .menu--account {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 30px;
}

.header .hvtdb-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 500;
  min-width: 20px;
  color: var(--hvtdb-white);
  line-height: 20px;
}

.header .hvtdb-btn:hover {
  background-color: rgba(0, 0, 0, 0.7);
}

.header .hvtdb-btn#user-page {
  margin-right: 10px;
}

.header .hvtdb-btn svg {
  fill: var(--hvtdb-white);
  margin: auto;
  height: 15px;
  width: 15px;
}

#main-wrapper {
  display: flex;
  height: 100%;
}

body.toolbar-horizontal .sidebar {
  height: calc(100% - calc(var(--header-height) + var(--gin-toolbar-secondary-height)));
  margin-top: calc(var(--header-height) + var(--gin-toolbar-secondary-height))
}

.sidebar {
  position: fixed;
  top: 0;
  width: var(--left-sidebar-width);
  height: calc(100% - var(--header-height));
  margin-top: var(--header-height);
  border-right: 1px solid var(--hvtdb-border) !important;
}

.sidebar aside {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.sidebar .block {
  border: none;
}

.sidebar nav ul {
  list-style: none;
}

body.gin--vertical-toolbar .content-wrapper {
  height: calc(100vh - var(--gin-toolbar-secondary-height));
}

.content-wrapper {
  height: 100vh;
  width: calc(100% - var(--left-sidebar-width));
  padding-top: var(--header-height);
  margin-left: var(--left-sidebar-width);
}

img {
  max-width: 100%;
}

.page-content {
  overflow-y: auto;
  padding: 15px 30px;
  height: fit-content;
  background-color: var(--hvtdb-white);
}



.sidebar .menu-item:not(li) {
  display: flex;
}

.toggle-menu-item, .no-toggle-menu-item {
  width: 12px;
  margin-right: 15px;
}

.sidebar .menu:not(.menu-level-1) > li > .menu-item-title button {
  background: url('/themes/custom/hvtdb/images/nav-arrow-right.svg') center no-repeat;
}

.sidebar .menu:not(.menu-level-1) > li.menu-item--expanded > .menu-item-title button {
  background: url('/themes/custom/hvtdb/images/nav-arrow-down.svg') center no-repeat;
}

.sidebar .menu-item .field--name-field-icon {
  display: flex;
  margin: 0;
}

.sidebar .menu-item .field--name-field-icon .field__item {
  display: flex;
  align-items: center;
}

.sidebar .menu-item .field--name-field-icon img {
  width: 15px;
  height: auto;
}

.sidebar .menu > li {
  margin-top: 20px;
}

.sidebar .menu.menu-level-1 > li {
  margin-top: 15px;
}

.sidebar .menu-item button {
  background: none;
  border: none;
  cursor: pointer;
}

.sidebar .menu-item > a, .sidebar .menu-item > span,  .sidebar .menu-item > button{
  margin-left: 15px
}

.sidebar .menu-item a, .sidebar .menu-item span, .sidebar .menu-item button {
  font-family: Lora, serif;
  font-size: 18px;
  color: var(--hvtdb-white) !important;
  text-decoration: none;
}

.sidebar .menu-item span {
  cursor: pointer;
}

.sidebar .menu-dropdown .menu {
  margin-top: 10px;
  padding-left: 30px;
}

.sidebar .menu-dropdown .menu a {
  font-size: 15px;
  opacity: 0.7;
  transition: opacity 0.3s ease;
  margin: 0;
}

.sidebar .menu-dropdown .menu a.is-active,
.sidebar .menu-dropdown .menu a:hover {
  opacity: 1;
}

.sidebar .menu-dropdown .menu li {
  margin-bottom: 5px;
}

.sidebar .menu-dropdown {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease;
}

.sidebar .menu-item--expanded .menu-dropdown {
  max-height: 100vh;
}

.sidebar {
  background-color: var(--havas-blue);
}

.site-footer {
  height: var(--footer-height);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 10px 64px;
  border-top: 1px solid var(--hvtdb-border) !important;
}

.site-footer .footer-second-links {
  margin-left: auto;
}

.site-footer .footer-first-right ul {
  list-style: none;
  padding: 0;
}

.site-footer .footer-second {
  display: flex;
  align-items: center;
}

.site-footer .footer-second .watermark {
  font-size: 15px;
  margin-right: 15px;
}

.site-footer .footer-second-links .nav {
  gap: 20px;
}

.site-footer .footer-second-links .nav-link {
  font-size: 15px;
  line-height: 23px;
  text-decoration: underline;
}

.site-footer .footer-second-links .nav-link:before {
  display: none;
}

.site-footer .footer-second-social {
  margin-left: auto;
}

.site-footer .footer-second-social div {
  margin: 0;
}

.site-footer .footer-second-social .links {
  gap: 15px;
}

.site-footer .footer-second-social img {
  height: 20px;
  width: 20px;
}

.block-masquerade {
  display: flex;
  justify-content: center;
}

.masquerade-block-form .btn, .block-masquerade a {
  background: #00000066;
  color: var(--hvtdb-white);
}

.masquerade-block-form .btn:hover, .block-masquerade a:hover {
  background: var(--hvtdb-button-hover);
}

body.path-user .field--label-above .field__item {
  min-width: 35%;
  width: fit-content;
  background: var(--hvtdb-border);
}

body.path-user .field--label-above .field__item a {
  width: 100%;
  height: 100%;
  color: var(--hvtdb-black);
  text-decoration: none;
}

body.path-user .field--label-above .field__item a:hover {
  cursor: pointer;
  text-decoration: underline;
}

body.path-user .field--label-above .field__label {
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--hvtdb-black);
}

.forgot-password, .back-to-login {
  font-size: 1rem;
  font-weight: 500;
  color: var(--havas-blue);
}

.forgot-password:hover, .back-to-login:hover {
  cursor: pointer;
  color: var(--hvtdb-black);
}

#user-name-display {
  color: white;
  font-weight: bold;
  font-family: Urbanist, sans-serif !important;
  margin: 10px;
  position: fixed;
  bottom: 0;
}