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

body.gutenberg {
  overflow-x: hidden;
  box-sizing: border-box;
}

.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%;
}

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

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

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

.wp-block-cover-image.alignwide{
  width: 50vw;
}

.wp-block-embed-twitter.alignfull,
.wp-block-latest-posts.is-grid.alignfull,
.wp-block-text-columns.alignfull{
  padding-left: 2em;
}

ul.wp-block-gallery.alignfull{
  padding-left:0;
}

.wp-block-button.alignfull{
  text-align: center;
}

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

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-pullquote {
  border-left:none;
}

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

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

.wp-block-table.alignfull{
  padding:0 2em;
}