@import "theme/_main";

// You can add additional styling here
@import "_example";

.navbar-item img {
  max-height: 2.75rem;
}

// You can add additional styling here
.fullwidth {
  .article {
    width: 100%;
    max-width: 100%;
  }
}

/* Three image containers (use 25% for four, and 50% for two, etc) */
.column {
  float: left;
  width: 50%;
  padding: 5px;
}

/* Clear floats after image containers */
.row::after {
  content: "";
  clear: both;
  display: table;
}

.iframe-box {
  padding: 24px;
  iframe {
    @extend .box;
    width: 100%;
    max-height: calc(100% - 68px);
    margin-left: auto;   /* Automatic margin from left */ 
    margin-right: auto; /* Automatic margin from right */ 
    border: 1px solid #00000011;
    padding: 0;
  }
}

.legend-prose {
  p {
    display: inline;
  }
  svg {
    top: 3px;
    position: relative;
  }
  .legend-prose-color {
    width: 1em;
    height: 1em;
    border: 1px solid #333;
    background: white;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    top: 3px;
  }
}