/* Space between a leading Bootstrap Icon and button label */
.btn:not(.btn-icon) > .bi:not(:only-child) {
  margin-right: 0.25rem;
}

html {
  scroll-behavior: smooth;
}
body {
  color: #666;
}

a {
  color: #0052ea;
}
a:hover {
  color: #0052ea;
}

.navbar-brand .logo-snippet {
  background: #26325a;
  color: #fff;
  text-transform: uppercase;
  padding: 0 0.25rem;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 0.1rem;
  border-bottom: solid 1px white;
  border-right: solid 1px white;
  box-shadow: 1px 1px 0px #26325a;
  display: inline-block;
}
@media (max-width: 768px) {
  .navbar-brand .logo-snippet {
    display: none;
  }
}

main#content .wrapper {
  min-height: calc(100vh - 73px - 267px);
}

.gradient-x-overlay-lg-dark-video:before {
  background-image: linear-gradient(to right, rgba(33, 50, 91, 0.85) 0%, rgba(33, 50, 91, 0.85) 100%) !important;
}
.gradient-x-overlay-image:before {
  background-image: linear-gradient(to right, rgba(33, 50, 91, 0.5) 0%, rgba(33, 50, 91, 0.5) 100%) !important;
  z-index: 2;
}

.news-post-content {
  color: #333;
}
.news-post-content a {
  border-bottom: solid 1px #377dff;
  font-weight: 600;
}
.new-post-image-placeholder {
  min-height: 15rem;
}
.new-post-image-placeholder img {
  min-height: 15rem;
}

label.required {
  font-weight: 600;
}
label.required:after {
  color: #3f51b5;
  content: ' *';
}
input:not(:disabled):required, select:not(:disabled):required, textarea:not(:disabled):required {
  border: solid 1px #a2c0ff;
}

form label {
  display: block;
  color: #1e2022;
  font-size: 0.875rem;
}
form .name-one {
  display: none;
}

/* adjust colors */
.text-warning {
  color: #EC8271 !important;
}
.text-danger {
  color: #e32222 !important;
}
.figure-caption {
  font-size: 90%;
  color: #5d7b8a;
}
.nav .nav-link {
  color: #666;
}
.btn-soft-secondary {
  color: #666;
}

h2 a {
  text-decoration: underline;
  background: left 1em/1em 0.2em;
  background-image: linear-gradient(to bottom, rgba(245, 202, 153, 0.5) 0%, rgba(245, 202, 153, 0.5) 100%);
  background-repeat: repeat-x;
  color: #EC8271 !important;
}

strong {
  background: left 1em/1em 0.2em;
  background-image: linear-gradient(to bottom, rgba(245, 202, 153, 0.5) 0%, rgba(245, 202, 153, 0.5) 100%);
  background-repeat: repeat-x;
  color: #EC8271 !important;
}
strong.warning {
  color: #EC8271 !important;
}

.alert-soft-info strong,
.alert-soft-danger strong {
  background: none;
  color: inherit !important;
}

/* Bootstrap 5 utility fallback for pages still using the older theme bundle. */
.d-flex.gap-1,
.d-inline-flex.gap-1,
.d-grid.gap-1 {
  gap: 0.25rem;
}
.d-flex.gap-2,
.d-inline-flex.gap-2,
.d-grid.gap-2 {
  gap: 0.5rem;
}
.d-flex.gap-3,
.d-inline-flex.gap-3,
.d-grid.gap-3 {
  gap: 1rem;
}

.btn-country {
  text-align: left;
}
.btn-country img {
  height: 1.5rem;
  max-width: 3rem;
  filter: opacity(0.85);
  position: absolute;
  right: 1.5rem;
  width: 2rem;
}

.card-bordered-bold {
  border-width: 0.25rem;
  /* border-color: #9ba4b5; */
}

.gradient-x-overlay-lg-light::before {
  z-index: 2;
  background-image: linear-gradient(135deg, rgb(255 255 255 / 95%) 60%, transparent);
  background-repeat: repeat-x;
}
.gradient-x-three-sm-primary .nav-tabs {
  border-bottom: none;
}

.brands-hover img {
  filter: grayscale(100%);
}
.brands-hover img:hover {
  filter: none;
}

.business-card h3 {
  font-weight: 400;
}
.business-card em {
  font-style: normal;
  font-weight: 800;
}

.nav-link.nav-membership {
  color: #EC8271 !important;
  font-weight: 400;
}

.profile-content > :last-child {
  margin-bottom: 0 !important;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #e7eaf3;
  border-bottom: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
  text-align: left;
  margin-top: 2px;
  border-radius: 0.3125rem!important;
  overflow: auto;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #e7eaf3;
  font-weight: 600;
}
.autocomplete-items div strong {
  font-weight: 400;
  color: inherit !important;
  background: none;
}

.autocomplete-items div:hover {
  background-color: #f3f7ff;
}

.autocomplete-active {
  background-color: #f3f7ff !important;
}

img[width] {
  display: block;
  height: auto;
  height: 100%;
  transform: scale(1);
  transform-origin: center center;
  transition: transform .3s linear,filter .3s linear;
  width: 100%;
}

/* Job posting rich text (Markdown → HTML on public job detail) */
.job-post-body > :first-child {
  margin-top: 0;
}
.job-post-body > :last-child {
  margin-bottom: 0;
}
.job-post-body p {
  margin-bottom: 1rem;
}
.job-post-body h2,
.job-post-body h3,
.job-post-body h4 {
  margin-top: 1.25rem;
  margin-bottom: 0.75rem;
  font-weight: 600;
  color: #333;
}
.job-post-body ul,
.job-post-body ol {
  margin-bottom: 1rem;
  padding-left: 1.25rem;
}
.job-post-body li {
  margin-bottom: 0.35rem;
}
.job-post-body a {
  text-decoration: underline;
}