/*
Theme Name: Embla
* Styles for Gutenberg blocks
*/

.gutenberg .entry-content{
  max-width: 700px;
  font-family: "Noto Serif",serif;
  font-size: 16px;
  line-height: 1.8;
  margin: 0 auto;
  display: block;
}

.wp-block-image img {
  display: block;
  width: 100%;
}

.wp-block-image.alignright {
  max-width: 50%;
  margin-left: 60px;
}

.wp-block-image.alignleft {
  max-width: 50%;
  margin-right: 60px;
}

.wp-block-image figcaption {
  max-width: 100%;
}

.alignfull {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.alignwide {
  margin-left: -10vw;
  margin-right: -10vw;
}

@media screen and (max-width: 840px) {
  .alignwide {
    margin-left: -5vw;
    margin-right: -5vw;
  }
}

@media screen and (max-width: 700px) {
  .alignwide {
    margin-left: auto;
    margin-right: auto;
  }
}

.post-template-wide article .wp-block-cover-image,
.page-template-wide article .wp-block-cover-image,
.post-template-blank article .wp-block-cover-image,
.page-template-blank article .wp-block-cover-image {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

p.has-drop-cap:first-letter {
  font-family: "Noto Serif",serif;
  margin: .07em .13em 0 0;
}

pre.wp-block-verse,
.wp-block-verse pre {
    color: #191e23;
    white-space: nowrap;
    font-family: inherit;
    font-size: inherit;
    padding: 1em;
    background:none;
}

.wp-block-code{
    border: 1px solid #e2e4e7;
    border-radius: 4px;
    background:none;
}

.wp-block-button {
  margin:0 0 1em 0;
}

.wp-block-pullquote {
  border-left:none;
}

.wp-block-pullquote>p {
  font-family: "Noto Serif",serif;
}

.wp-block-quote footer {
  color:#000;
}

.wp-block-table td, .wp-block-table th {
    padding: 0.5em;
    border: 1px solid #000;
}

.wp-block-table {
    width: 100%;
    display: table;
}