.webia__wrapper {
  border-left: 1px solid #efefef;
  border-right: 1px solid #efefef;
  padding: 10px; }

.webia__button {
  background-color: black;
  color: white;
  display: inline-block;
  line-height: 1;
  padding: 15px 20px; }
  .webia__button p {
    margin: 0 !important; }

.webia__card {
  flex: 1 0 45%;
  border: 1px solid lightgray;
  padding: 10px;
  margin-right: 10px;
  margin-bottom: 10px; }

.webia__title {
  font-size: 24px;
  font-weight: bold;
  text-align: center; }

.webia__testimonial {
  position: relative; }

.webia__desc {
  text-align: center; }

.webia__url {
  color: lightgray;
  font-style: italic;
  text-align: center; }

.webia__image {
  object-fit: cover;
  width: 100%;
  height: 300px !important; }

.webia__icon {
  position: relative;
  display: flex;
  align-items: center; }
  .webia__icon .image-sec,
  .webia__icon .webia__upload {
    flex: 0 0 150px;
    margin-right: 30px; }
    .webia__icon .image-sec img,
    .webia__icon .webia__upload img {
      object-fit: contain; }

.webia__upload {
  display: block;
  background-color: lightgray;
  width: 100%;
  height: 300px;
  margin-bottom: 10px; }
  .webia__upload:hover {
    background-color: #007cba;
    color: white; }

.webia__add {
  background-color: black;
  color: white; }
  .webia__add:hover {
    background-color: #007cba;
    color: white; }

.webia__remove {
  display: inline-block;
  color: darkred;
  border: 1px solid darkred;
  margin-bottom: 5px; }
  .webia__remove:hover {
    background-color: darkred;
    color: white; }

.webia__toggle p, .webia__testimonial p {
  position: relative; }
  .webia__toggle p .webia__remove, .webia__testimonial p .webia__remove {
    margin-left: 10px; }

.webia__replace {
  display: inline-block;
  color: black;
  border: 1px solid black;
  margin-bottom: 5px; }
  .webia__replace:hover {
    border-color: #007cba; }

.webia__hero {
  border-bottom: 1px solid #efefef;
  position: relative; }
  .webia__hero img {
    object-fit: cover;
    height: 500px;
    width: 100%; }
  .webia__hero .webia__remove {
    position: absolute;
    z-index: 2;
    top: 10px;
    right: 10px;
    background-color: white; }
    .webia__hero .webia__remove:hover {
      background-color: darkred; }

.webia__split {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: stretch; }
  .webia__split-image {
    flex: 0 0 50%;
    min-height: 400px;
    align-self: stretch;
    margin-right: 15px; }
    .webia__split-image img {
      object-fit: cover;
      height: 100%;
      width: 100%; }
  .webia__split .webia__remove {
    position: absolute;
    background-color: white; }
    .webia__split .webia__remove:hover {
      background-color: darkred; }

.wp-block-webia-blocks-cards {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }