/* Design system */
button:disabled {
  background: #E2E4E6;
  color: #B8BBC0;
  border: 2px solid #E2E4E6;
}
button:disabled:hover {
  background: #E2E4E6;
  color: #B8BBC0;
  border: 2px solid #E2E4E6;
}

.button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 2px solid #707780;
  background-color: #707780;
  padding: 8px 16px;
  color: #FFFFFF;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.05rem;
  text-decoration: none;
  width: max-content;
  transition: all 0.25s;
  cursor: pointer;
}
@media (min-width: 768px) {
  .button {
    padding: 8px 24px;
    font-size: 1rem;
  }
}
.button:hover, .button:active {
  background: #404040;
  border: 2px solid #404040;
  color: #FFFFFF;
}
.button:focus {
  box-shadow: 0px 0px 0px 4px #707780;
  outline: 1px solid #FFFFFF;
}
.button-primary, button.ais-InfiniteHits-loadMore {
  background-color: #D74100;
  border: 2px solid #D74100;
}
.button-primary:hover, button.ais-InfiniteHits-loadMore:hover, .button-primary:active, button.ais-InfiniteHits-loadMore:active {
  background-color: #707780;
  border: 2px solid #707780;
}
.button-primary:focus, button.ais-InfiniteHits-loadMore:focus {
  box-shadow: 0px 0px 0px 4px #D74100;
  outline: 1px solid #FFFFFF;
}
.button-primary-outline {
  background-color: transparent;
  color: #D74100;
  border: 2px solid #D74100;
}
.button-primary-outline:hover, .button-primary-outline:active {
  background-color: #D74100;
  border: 2px solid #D74100;
  color: #FFFFFF;
}
.button-primary-outline:focus {
  box-shadow: 0px 0px 0px 4px #D74100;
  outline: 1px solid #FFFFFF;
}
.button-primary-outline-sm {
  padding: 8px;
  font-size: 0.875rem;
  background-color: transparent;
  color: #D74100;
  border: 1px solid #D74100;
}
.button-primary-outline-sm > span {
  font-size: 0.875rem;
}
.button-primary-outline-sm:hover, .button-primary-outline-sm:active {
  background-color: #D74100;
  border: 2px solid #D74100;
  color: #FFFFFF;
}
.button-primary-outline-sm:focus {
  box-shadow: 0px 0px 0px 4px #D74100;
  outline: 1px solid #FFFFFF;
}
.button-primary-sm {
  padding: 8px;
  font-size: 0.875rem;
  background-color: #D74100;
  border: 2px solid #D74100;
}
.button-primary-sm:hover, .button-primary-sm:active {
  background-color: #707780;
  border: 2px solid #707780;
}
.button-primary-sm:focus {
  box-shadow: 0px 0px 0px 4px #D74100;
  outline: 1px solid #FFFFFF;
}
.button-secondary {
  background-color: #000E54;
  border: 2px solid #000E54;
}
.button-secondary:hover, .button-secondary:active {
  background-color: #203299;
  border: 2px solid #203299;
}
.button-secondary:focus {
  box-shadow: 0px 0px 0px 4px #000E54;
  outline: 1px solid #FFFFFF;
}
.button-secondary-outline {
  background-color: transparent;
  color: #000E54;
  border: 2px solid #000E54;
}
.button-secondary-outline:hover, .button-secondary-outline:active {
  background-color: #000E54;
  border: 2px solid #000E54;
  color: #FFFFFF;
}
.button-secondary-outline:focus {
  box-shadow: 0px 0px 0px 4px #000E54;
  outline: 1px solid #FFFFFF;
}
.button-secondary-outline-sm {
  background-color: transparent;
  color: #000E54;
  border: 1px solid #000E54;
  padding: 8px;
  font-size: 0.875rem;
}
.button-secondary-outline-sm:hover, .button-secondary-outline-sm:active {
  background-color: #000E54;
  border: 2px solid #000E54;
  color: #FFFFFF;
}
.button-secondary-outline-sm:focus {
  box-shadow: 0px 0px 0px 4px #000E54;
  outline: 1px solid #FFFFFF;
}
.button-secondary-outline-sm > span {
  font-size: 0.875rem;
}
.button-secondary-sm {
  padding: 8px;
  font-size: 0.875rem;
  background-color: transparent;
  color: #000E54;
  border: 2px solid #000E54;
}
.button-secondary-sm:hover, .button-secondary-sm:active {
  background-color: #000E54;
  border: 2px solid #000E54;
  color: #FFFFFF;
}
.button-secondary-sm:focus {
  box-shadow: 0px 0px 0px 4px #000E54;
  outline: 1px solid #FFFFFF;
}
.button-tertiary {
  background-color: #707780;
  border: 2px solid #707780;
}
.button-tertiary:focus {
  box-shadow: 0px 0px 0px 4px #707780;
  outline: 1px solid #FFFFFF;
}
.button-tertiary-outline {
  background-color: transparent;
  color: #707780;
  border: 2px solid #707780;
}
.button-tertiary-outline:hover, .button-tertiary-outline:active {
  background-color: #707780;
  border: 2px solid #707780;
  color: #FFFFFF;
}
.button-tertiary-sm {
  padding: 8px;
  font-size: 0.875rem;
}
.button-inverse-white {
  background: transparent;
  border: 2px solid #FFFFFF;
}
.button-inverse-white:hover, .button-inverse-white:active {
  background: #FFFFFF;
  border: 2px solid #FFFFFF;
  color: #000E54;
}
.button-inverse-white:focus {
  box-shadow: 0px 0px 0px 4px #D74100;
  outline: 1px solid #FFFFFF;
  background: #FFFFFF;
  color: #000E54 !important;
}
.button-inverse-orange {
  background: transparent;
  border: 2px solid #FF8E00;
  color: #FF8E00;
}
.button-inverse-orange:hover, .button-inverse-orange:active {
  border: 2px solid #FF8E00;
  background: #FF8E00;
  color: #000E54;
}
.button-inverse-orange:focus {
  box-shadow: 0px 0px 0px 4px #D74100;
  outline: 1px solid #FFFFFF;
  color: #000E54 !important;
  background: #FF8E00;
  border: 2px solid #FF8E00;
}
.button-transparent {
  background: transparent;
  color: #000E54;
  border: 0;
}
.button-transparent:hover, .button-transparent:active {
  border: 0;
  background: transparent;
  color: #D74100;
}
.button-transparent:focus {
  outline: 2px solid #D74100;
  box-shadow: none;
}

a.button-primary:hover, a.button-secondary:hover {
  color: #FFFFFF;
}

.icon-left,
.icon-right {
  font-size: 1.125rem;
}

.icon-left {
  margin-right: 8px;
}

.icon-right {
  margin-left: 8px;
}

.rounded {
  border-radius: 4px;
}
.rounded:focus {
  outline: none;
  border: 1px solid #FFFFFF;
}

/* Top SearchBar */
.search-syr-instant {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: 5px;
}
.search-syr-instant .cm-swt-instant-search-popup--trigger svg {
  display: block;
  width: 24px;
  color: #000E54;
}

/* Instantsearch Container */
/* Media queries are tied to the bootstrap breakpoints */
@media only screen and (min-width: 992px) {
  .entry-content .cmswt-InstantSearch {
    width: calc((100vw - 970px) / 2 + 970px);
    max-width: 100vw;
    margin-left: calc((-100vw + 970px) / 4 - 20px);
  }
}
@media only screen and (min-width: 1200px) {
  .entry-content .cmswt-InstantSearch {
    width: calc((100vw - 1170px) / 2 + 1170px);
    margin-left: calc((-100vw + 1170px) / 4 - 20px);
  }
}

.entry-content .cmswt-SearchBox {
  max-width: 60ch;
  margin-left: auto;
  margin-right: auto;
}
.entry-content .cmswt-FilterPanel {
  background-color: #F7F7F8;
  padding: 16px;
}
.entry-content .cmswt-MainPanel {
  background-color: #F7F7F8;
  padding: 16px;
}

/* Filters */
.cmswt-InstantSearch .ais-RefinementList-count {
  font-size: 1rem;
  background-color: unset;
}
.cmswt-InstantSearch .ais-Hits-item,
.cmswt-InstantSearch .ais-InfiniteHits-item {
  box-shadow: unset;
  background-color: #FFFFFF;
}

.ais-RefinementList-count::before {
  content: "(";
}

.ais-RefinementList-count::after {
  content: ")";
}

/* Results */
.result-header {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

.result-card .result-header .result-heading {
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.5;
}

.result-heading > a {
  color: #000E54;
}

.cmswt-InstantSearch .result-card .card-body {
  padding: 0;
  padding-top: 24px;
  font-family: ShermanSerif, Georgia, serif;
  font-size: 1.25rem;
  line-height: 1.5;
  color: #000E54;
  max-height: unset;
}

/*# sourceMappingURL=syr-typesense.css.map */
