/* SCSS Framework boilerplate from Ristretto: https://github.com/kylelarkin/ristretto */
* {
  box-sizing: border-box;
}

body, select, input, textarea {
  color: #333;
}

::-moz-selection {
  background: #ccc;
  color: #000;
  text-shadow: none;
}

::selection {
  background: #ccc;
  color: #000;
  text-shadow: none;
}

a:link {
  -webkit-tap-highlight-color: transparent;
}

ins {
  background-color: #ccc;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ccc;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

.card {
  margin-bottom: 1.5rem;
  overflow: hidden;
  padding: 1.5rem;
  position: relative;
  z-index: 0;
}
@media (min-width: 768px) {
  .card {
    margin-bottom: 0;
  }
}
.card.border-top {
  border-top-width: 4px;
  border-style: solid;
}
.card.border-bottom {
  border-bottom-width: 4px;
  border-style: solid;
}
.card.border-left {
  border-left-width: 4px;
  border-style: solid;
}
.card.border-right {
  border-right-width: 4px;
  border-style: solid;
}
.card * {
  position: relative;
  z-index: 10;
}
.card .icon {
  margin-bottom: 1rem;
}
.card h3 {
  font-size: 1.1875rem;
  letter-spacing: 1px;
}
.card p {
  font-size: 1rem;
  line-height: 1.5;
}

.editor-styles-wrapper .card {
  padding: 1.5rem;
}
.editor-styles-wrapper .card-inner .block-editor-block-list__layout {
  grid-template-columns: 1fr !important;
}
.editor-styles-wrapper .has-bh-black-background-color, .editor-styles-wrapper .has-bh-dark-blue-background-color, .editor-styles-wrapper .has-bh-blue-background-color, .editor-styles-wrapper .has-bh-red-background-color, .editor-styles-wrapper .has-bh-orange-background-color, .editor-styles-wrapper .has-bh-green-background-color, .editor-styles-wrapper .has-bh-navy-background-color {
  color: #fff;
}