:root {
  --bs-light-border-subtle: #E3E6E9;
}

/** Breakpoints */
/**
 * Set three breakpoints.
 * Bootstrap grid breakpoints are all min-width.
 */
/**
 * Default bootstrap max-widths are:
 * $container-max-widths: (
 *  sm: 540px,
 *  md: 720px,
 *  lg: 960px,
 *  xl: 1140px,
 *  xxl: 1320px
 * );
 * All values are divisible by 12, we keep them to be inline with Bootstrap's
 * method.
 */
:root {
  --oc-main-color: #00A2DD;
  --oc-main-hover-color: #1f75cb;
  --oc-title-color: #324545;
  --oc-text-color: #6F7680;
  --oc-dark-text-color: #666666;
  --oc-btn-radius: 4px;
  --oc-border-color: #E3E6E9;
  --oc-button-primary-color: #1f75cb;
  --oc-button-primary-color-2: #1068bf;
  --oc-button-secondary-bg-color: #EAECEE;
  --oc-button-secondary-txt-color: #363F4A;
  --oc-button-secondary-hover-color: #D0D4DA;
}

[data-bs-theme=dark] {
  --oc-title-color: #fff;
  --oc-text-color: #e9ecef;
  --oc-dark-text-color: #dee2e6;
  --oc-button-secondary-bg-color: #6F7680;
  --oc-button-secondary-txt-color: #fff;
  --oc-button-secondary-hover-color: #324545;
  --bs-gray-100: #343a40;
}

.branding-block .navbar {
  background-image: none;
}

.navbar-brand {
  --bs-navbar-brand-margin-end: 1.6rem;
}

.branding-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: max-content;
}
.branding-block .navbar-brand img {
  width: 42px;
}

header .navbar-brand {
  margin-right: var(--bs-navbar-brand-margin-end) !important;
  margin-left: 0;
}
header .row .branding-block {
  margin: 0;
  padding: 0;
}

[data-bs-theme=dark] .navbar-logo {
  display: none;
}
.navbar-logo--dark {
  display: none;
}
[data-bs-theme=dark] .navbar-logo--dark {
  display: block;
}
/*# sourceMappingURL=branding_block.css.map */