/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
.content-image-cta p {
  font-size: 12px; }

.search-bar {
  display: none;
  flex: 1; }
  .search-bar.mobile-show {
    left: 0;
    display: flex;
    position: fixed;
    top: var(--header-height);
    width: 100%;
    background: #fff; }
    .search-bar.mobile-show .search-bar__form {
      padding: 2.5rem 5%; }
      .search-bar.mobile-show .search-bar__form .relevanssi-live-search-results-showing {
        left: 0 !important;
        width: 100% !important;
        top: 100% !important;
        min-height: calc(100vh - var(--header-height) - 128px);
        padding: 0 5%; }
  .search-bar__form {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0; }
  .search-bar__label {
    position: relative;
    display: block;
    width: 100%; }
    .search-bar__label .icon-search {
      position: absolute;
      left: 1rem;
      top: 50%;
      transform: translateY(-50%);
      pointer-events: none; }
  .search-bar__input {
    height: 45px !important;
    border-radius: 2px !important;
    border: 1px solid var(--wp--preset--color--lines-secondary) !important;
    padding: 1rem !important;
    width: 100% !important;
    padding-left: 2.5rem !important;
    line-height: 2rem !important; }
  .search-bar__submit {
    display: none; }
  .search-bar__mobile-link {
    display: flex;
    flex: 1;
    font-size: 1.2rem;
    justify-content: flex-end; }
    .search-bar__mobile-link .icon-search {
      text-align: end; }
      .search-bar__mobile-link .icon-search::before {
        color: var(--wp--preset--color--general-primary); }
    .search-bar__mobile-link a {
      display: flex;
      justify-content: flex-end; }
  @media (min-width: 782px) {
    .search-bar {
      display: flex; }
      .search-bar__mobile-link {
        display: none; }
      .search-bar__label {
        max-width: 394px; } }
  .search-bar__results {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%; }
  @media (min-width: 782px) {
    .search-bar .relevanssi-live-search-results-showing {
      width: 38.25rem !important;
      height: auto !important;
      max-height: calc(100vh - var(--header-height) - 2rem);
      overflow-y: auto;
      min-height: unset;
      top: 90px !important; }
      .search-bar .relevanssi-live-search-results-showing::before {
        content: '';
        position: fixed;
        top: var(--header-height);
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: -1; }
    .search-bar .relevanssi-live-search-results {
      border: 1px solid var(--wp--preset--color--lines-secondary); }
    .search-bar .ajax-results {
      background: white;
      padding: 2rem; }
    .search-bar .live-ajax-messages {
      background: white; }
    .search-bar #relevanssi-live-ajax-search-spinner {
      background: white; }
      .search-bar #relevanssi-live-ajax-search-spinner.rlv-has-spinner {
        background: white;
        margin: 0 auto; } }
  .search-bar .relevanssi-live-search-results {
    box-shadow: none; }
    .search-bar .relevanssi-live-search-results .relevanssi-live-search-result {
      margin: 1rem 0; }
    .search-bar .relevanssi-live-search-results .relevanssi-live-search-results-showing {
      border-radius: 0; }
    .search-bar .relevanssi-live-search-results .relevanssi-live-search-result-status > p {
      border: none;
      padding: 0;
      border-bottom: 0;
      white-space: normal; }
    .search-bar .relevanssi-live-search-results h4 {
      color: var(--wp--preset--color--general-primary);
      margin: 1rem 0;
      font-size: 20px;
      line-height: 1.25; }
    .search-bar .relevanssi-live-search-results p {
      font-size: 1rem;
      margin: 0;
      white-space: normal;
      border-bottom: 0;
      padding: 0; }
    .search-bar .relevanssi-live-search-results .relevanssi-live-search-result-link {
      display: flex;
      align-items: center;
      gap: 1rem; }
      .search-bar .relevanssi-live-search-results .relevanssi-live-search-result-link > p {
        margin: 0;
        padding: 0;
        font-weight: 400; }
      .search-bar .relevanssi-live-search-results .relevanssi-live-search-result-link img {
        width: 64px;
        height: 64px;
        -o-object-fit: cover;
           object-fit: cover;
        border: 1px solid var(--wp--preset--color--lines-secondary);
        padding: 0.25rem; }
    .search-bar .relevanssi-live-search-results .see-all-link a {
      margin: 0;
      color: var(--wp--preset--color--text-text-tertiary);
      display: flex;
      align-items: center;
      gap: .5rem; }
    .search-bar .relevanssi-live-search-results .searchterm {
      font-weight: 700; }
    .search-bar .relevanssi-live-search-results .search-section {
      border-bottom: 1px solid var(--wp--preset--color--lines-secondary); }
      .search-bar .relevanssi-live-search-results .search-section > *:last-child {
        margin-bottom: 1rem; }
    .search-bar .relevanssi-live-search-results .rlv-has-spinner {
      border: 8px solid var(--wp--preset--color--general-primary);
      border-right-color: transparent;
      border-radius: 50%;
      top: 1.5rem; }
      .search-bar .relevanssi-live-search-results .rlv-has-spinner::after {
        background: var(--wp--preset--color--general-primary); }

input[type="search"]::-webkit-search-decoration {
  display: none !important; }

.search-bar__input::-webkit-search-cancel-button {
  filter: invert(0);
  /* Makes it black - default is usually gray */ }

.search-bar__input::-webkit-search-cancel-button,
.search-bar__input::-webkit-search-decoration,
.search-bar__input::-webkit-search-results-button,
.search-bar__input::-webkit-search-results-decoration {
  filter: invert(0);
  /* Makes it black - default is usually gray */
  color: var(--wp--preset--color--general-primary);
  background: var(--wp--preset--color--general-primary);
  filter: brightness(0);
  /* Another way to make it black */
  font-weight: 100;
  font-size: 1.2rem;
  height: 1.2rem;
  width: 1.2rem; }

/*# sourceMappingURL=search.css.map */