body {
  background-color: var(--color-grey-lightest);
}

a,
button,
input {
  transition:
    color ease var(--transition-time),
    background-color ease var(--transition-time);
}

a {
  text-underline-offset: 0.25rem;
}

a:hover,
a:focus,
button:hover,
button:focus {
  text-underline-offset: 0.25rem;
}

a:not([class*="toolbar"]):hover,
a:not([class*="toolbar"]):focus {
  background-color: transparent;
  box-shadow: unset;
  color: var(--color-accent);
  text-decoration: underline;
}

.field--name-body h1,
.field--name-body .h1,
.field--name-body h2,
.field--name-body .h2,
.field--name-body h3,
.field--name-body .h3,
.field--name-body h4,
.field--name-body .h4,
.field--name-body h5,
.field--name-body .h5,
.field--name-body h6,
.field--name-body .h6,
.field--name-body .heading {
  margin-block-end: 0;
  margin-block-start: 1.5em;
}

h6,
.h6 {
  font-variant: unset;
  text-decoration: unset;
}

.field--name-body p,
.field--name-body ul,
.field--name-body ol,
.field--name-body pre,
.field--name-body table,
.field--name-body blockquote {
  margin-block-end: 0;
  margin-block-start: 1.5em;
}

.field--name-body ul ul,
.field--name-body ol ol,
.field--name-body ul ol,
.field--name-body ol ul {
  margin-block-end: 0;
  margin-block-start: 0;
}

.field--name-body p strong {
  margin-right: 0.6rem;
}

.field--name-body ul li img {
  display: inline-flex;
  margin-right: 0.6rem;
}

.path-frontpage .region-content {
  padding-block: 14px;
}

.lgd-teaser-list .lgd-teaser__content a {
  color: var(--color-blue);
  display: block;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.875rem;
  margin-bottom: 1.3125rem;
  text-decoration: none;
}

.lgd-teaser-list .lgd-teaser__content a:hover,
.lgd-teaser-list .lgd-teaser__content a:focus {
  color: var(--color-accent);
  text-decoration: underline;
}

.lgd-teaser__content .field__item {
  color: var(--color-accent-2);
  font-size: var(--font-size-small);
}

.service-landing-page__service-icon svg,
.lgd-topic-list-builder__service-icon svg {
  display: none;
}

.service-landing-page__service-icon,
.lgd-topic-list-builder__service-icon {
  background-color: var(--color-accent);
  flex-shrink: 0;
  height: 0.6875rem;
  margin-top: 0.5625rem;
  mask-image: url("../../assets/images/site/icons/chevron.svg");
  -webkit-mask-image: url("../../assets/images/site/icons/chevron.svg");
  mask-size: cover;
  -webkit-mask-size: cover;
  transform: rotate(-90deg);
  width: 1.25rem;
}

.field--name-body a {
  color: var(--color-blue);
  text-underline-offset: 0.25rem;
  word-break: break-word;
}

.field--name-body a:hover,
.field--name-body a:focus {
  color: var(--color-accent);
  text-decoration-thickness: unset;
  text-underline-offset: 0.25rem;
}

.form-text::placeholder {
  color: var(--color-accent-2);
  font-weight: bold;
  opacity: 50%;
}

blockquote:not(.pull-out-quote__content) {
  border-color: var(--color-accent);
  margin-inline: 0rem;
}

.field--name-localgov-table {
  border-radius: 0.5rem;
  box-shadow: 0rem 0.25rem 0.49rem 0rem #00000026;
  width: calc(100vw - 40px);
}

table {
  border: none;
  margin: 0rem;
}

th {
  border: none;
  color: var(--color-white);
  font-size: var(--font-size-medium);
}

th:first-child:not(tbody tr th) {
  border-radius: 0.54rem 0rem 0rem 0rem;
}

th:last-child {
  border-radius: 0rem 0.5rem 0rem 0rem;
}

tbody tr:nth-child(odd) {
  background-color: var(--color-white);
}

tbody tr:nth-child(even) {
  background-color: #f1f1f1;
}

td {
  border: none;
}

th *,
td * {
  margin: 0rem;
}

.block-social-sharing-block {
  margin-top: 4.375rem;
}

.block-social-sharing-block h2 {
  font-size: var(--font-size-medium);
}

.social-media-sharing a:hover {
  opacity: 0.8;
}

.social-media-sharing a:focus {
  border-radius: 50%;
  display: block;
  opacity: 0.8;
  outline: 0.1875rem solid var(--color-accent);
  outline-offset: 0.125rem;
}

#views-exposed-form-localgov-sitewide-search-sitewide-search-page-block
  .bef--secondary.form-wrapper {
  display: none;
}

.table-wrapper {
  overflow: auto;
}

@media (min-width: 48rem) {
  .form-text::placeholder {
    font-size: var(--font-size-medium);
  }

  .field--name-localgov-table {
    width: 100%;
  }

  th,
  td {
    font-size: var(--font-size-large);
  }

  .block-social-sharing-block {
    margin-top: 3.125rem;
  }
}
