/* Logo portion */

#app-header.navbar .navbar-nocollapse .navbar-nav > li > .mautic-brand,
.mautic-brand {
    padding: 5px 0 !important;
    margin: 0 !important;
    height: auto !important;
}

#app-header.navbar .navbar-nocollapse .navbar-nav > li > .mautic-brand::before,
.mautic-brand::before {
    display: block;
    content: "";
    height: 38px;
    width: 48px;
    background-color: transparent;
    background-image: url("/plugins/BrandingOverwriteBundle/Assets/img/logo.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
}

@media (min-width: 768px) {
  #app-header.navbar .navbar-nocollapse .navbar-nav > li > .mautic-brand,
  .mautic-brand {
    padding: 5px 15px !important;
  }

  #app-header.navbar .navbar-nocollapse .navbar-nav > li > .mautic-brand::before,
  .mautic-brand::before {
    width: calc(230px - 30px);
    background-image: url("/plugins/BrandingOverwriteBundle/Assets/img/logo.svg");
  }
}

.mautic-brand svg {
    display: none;
}

.mautic-logo {
    background: center / contain no-repeat url("/plugins/BrandingOverwriteBundle/Assets/img/logo.svg");
    height: 100px;
    border-radius: 0;
}

.mautic-logo svg {
    display: none;
}