WDE Search and Ready Classes

wde-programmable-search.html

<script async src="https://cse.google.com/cse.js?cx=7653a89649b0b43df">
</script>
<div class="gcse-search"></div>

wde-tinymce-classes.css

:root {
  --preset-color-primary: #C10430;
  --preset-color-secondary: #000000;
  --preset-color-slate: #494C49;
  --preset-color-white: #ffffff;
}

a.button-primary,
a.button-secondary,
a.button-light {
  display: inline-block;
  font-size: 18px;
  font-style: italic;
  text-decoration: none;
  font-weight: 600;
  padding: 16px 24px;
  display: inline-block;
  padding: 16px 24px;
  text-decoration: none;
  transition: all 0.25s ease-in-out;
}

a.button-primary {
  background-color: var(--preset-color-primary);
  color: var(--preset-color-white);
}
a.button-primary:hover, a.button-primary:focus {
  background-color: var(--preset-color-secondary);
}

a.button-secondary {
  background-color: var(--preset-color-secondary);
  color: var(--preset-color-white);
}
a.button-secondary:hover, a.button-secondary:focus {
  background-color: var(--preset-color-primary);
}

a.button-light {
  background-color: var(--preset-color-white);
  color: var(--preset-color-primary);
}
a.button-light:hover, a.button-light:focus {
  background-color: var(--preset-color-primary);
  color: var(--preset-color-white);
}

table.collapse-all,
table.collapse-two-columns table.collapse-three-columns {
  border-collapse: collapse;
  --grid-template-columns: 1fr;
}
@media all and (max-width: 767px) {
  table.collapse-all tr,
  table.collapse-two-columns table.collapse-three-columns tr {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: var(--grid-template-columns);
  }
}

table.collapse-two-columns {
  --grid-template-columns: 1fr 1fr;
}

table.collapse-three-columns {
  --grid-template-columns: 1fr 1fr 1fr;
}