: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;
}

.oc-tile-list > div {
  border-bottom: 1px solid var(--oc-border-color);
}
.oc-tile-list > div:last-child {
  border-bottom: 0;
}
@media (min-width: 768px) {
  .oc-tile-list.list-group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .oc-tile-list > div {
    width: 25%;
    border-bottom: 0;
  }
  .oc-tile-list > div:not(:first-child) {
    border-left: 1px solid var(--oc-border-color);
  }
  .oc-tile-list > div:nth-child(-n+4) {
    border-bottom: 1px solid var(--oc-border-color);
  }
  .oc-tile-list > div:nth-child(5n) {
    border-left: 0;
  }
}

.oc-tile__link {
  display: block;
  text-decoration: none;
  color: var(--oc-title-color);
}
@media (min-width: 768px) {
  .oc-tile__link {
    background-color: transparent;
    padding: 3rem 2rem;
    transition: color 0.1s ease-in, background-color 0.1s ease-in;
  }
  .oc-tile__link:hover {
    background-color: var(--bs-gray-100);
    color: var(--oc-main-hover-color);
  }
}
.oc-tile__title {
  margin: 1rem 0 0.75rem;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.4;
}
.oc-tile img {
  display: none;
}
@media (min-width: 768px) {
  .oc-tile img {
    display: block;
    width: auto;
    height: 3rem;
  }
}
/*# sourceMappingURL=tile.css.map */