.wp-block-button,
.wp-block-cover-image,
.wp-block-embed,
.wp-block-gallery,
.wp-block-image,
.wp-block-table {
  margin-bottom: 2.5rem !important;
}

.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-gallery.alignleft,
.wp-block-gallery.alignright,
.wp-block-image.alignleft,
.wp-block-image.alignright {
  margin-top: 0;
  margin-bottom: 1rem !important;
}

p.has-drop-cap:not(:focus):first-letter {
  font-family: v(site-secondary-font);
  font-size: rem-calc(119);
  font-weight: 700;
  font-style: italic;
  color: v(site-heading-color);

  margin: 0.05em 0.2em 0.05em 0 !important;
}

p.wp-block-subhead {
  font-style: normal;
}

.wp-block-code code {
  background: transparent;
  border: 0;
}

.wp-block-button {
  &.aligncenter {
    margin-bottom: 1.5em;
  }

  a.wp-block-button__link {
    @include button;
    @include global_transition;
    background-color: v(site-primary-button-color);
    font-size: map-get($button-sizes, default);
    font-weight: 600;
    line-height: 1.4;
    border-radius: 0;
    text-transform: capitalize;
    &:hover {
      background-color: v(site-secondary-button-color);
    }
  }

  &.is-style-outline {
    a.wp-block-button__link {
      background: transparent;
      color: v(site-primary-button-color) !important;
      border-width: 1px;
      border-color: v(site-primary-button-color);
      &:hover {
        background-color: v(site-secondary-button-color);
        color: #fff !important;
        border-color: v(site-primary-button-color);
      }
    }
  }
}

.entry-content {
  font-size: rem-calc(16);
  > h1,
   > h3,
   > h4,
   > h5,
   > h6,
   > hr,
  > h2 {
    margin-top: 2.5rem;
  }

  > hr {
    margin-bottom: 2.5rem;
  }
}
.alignleft{
  margin-top: rem-calc(15);
  margin-right: rem-calc(30);
  margin-bottom: rem-calc(0);
  @include breakpoint(medium) {
    margin-right: rem-calc(60);
    margin-bottom: rem-calc(0);
  }
}
.alignright {
  margin-top: rem-calc(15);
  margin-left: rem-calc(15);
  margin-bottom: rem-calc(15);
  @include breakpoint(medium) {
    margin-left: rem-calc(30);
    margin-bottom: rem-calc(30);
  }
}
.wp-block-cover-image,
.wp-block-image {
  margin-bottom: 1.5em;
  position: relative;

  &.aligncenter {
    @include breakpoint(small down) {
      width: 100% !important;
      margin-left: 0;
      margin-right: 0;

      img {
        width: 100% !important;
      }
    }
  }

  &.alignleft,
  &.alignright {
    @include breakpoint(small down) {
      width: 50% !important;

      img {
        width: 100% !important;
      }
    }
  }

  &.alignfull,
  &.alignwide {
    img {
      width: 100%;
    }
  }
}

.entry-content {
  .alignwide {
    margin-left: calc((50% - (var(--site-width) / 2)) + 2.25rem);
    margin-right: calc((50% - (var(--site-width) / 2)) + 2.25rem);
    width: calc(var(--site-width) - 4.5rem);
    @each $breakpoint, $padding in $content-padding {
      @include breakpoint($breakpoint) {
        padding-left: rem-calc($padding);
        padding-right: rem-calc($padding);
      }
    }
    @include breakpoint(large)
  }

  .alignfull {
    margin-left: calc((50% - (var(--site-width) / 2)) + 2.25rem);
    margin-right: calc((50% - (var(--site-width) / 2)) + 2.25rem);
    width: calc(var(--site-width) - 4.5rem);
  }
  &:after {
    content: "";
    display: block;
    clear: both;
  }
}

.wp-block-gallery {
  margin-bottom: 1.5em;
  margin-left: 0;
  display: flex !important;
  @include breakpoint(small down) {
    margin-left: 0;
    margin-right: 0;
    width: 100% !important;
    max-width: 100% !important;
  }
}

.wp-block-cover-image::-webkit-scrollbar {
  display: none;
}

.wp-block-gallery {
  figcaption {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.wp-block-cover-image,
.wp-block-image {
  figcaption {
    color: v(site-text-color);
    margin-top: 10px;
  }
}

.wp-block-cover-image {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;

  &.has-parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    &.alignfull {
      position: relative;
      margin-left: -50vw;
      left: 50%;
      transform: translateX(0);
    }

    &.alignwide {
      width: 75vw;
      position: relative;
      margin-left: -37.5vw;
      left: 50%;
      transform: translateX(0);
      @include breakpoint(medium down) {
        width: 100%;
        margin-left: 0;
        left: 0;
      }
    }
  }

  &.has-right-content {
    .wp-block-cover-image-text {
      position: absolute;
    }
  }

  &.has-left-content {
    .wp-block-cover-image-text {
      position: absolute;
    }
  }

  .wp-block-cover-image-text {
    font-weight: normal;
  }
}

blockquote.wp-block-quote {
    position: relative;
    font-family: v(site-secondary-font);
    color: v(site-heading-color);
    font-weight: 600;
    text-align: left;
    p {
      font-size: rem-calc(24);
    }
  cite {
    position: relative;
    display: inline-flex;
  }
}
blockquote.wp-block-quote {
  padding: rem-calc(60) rem-calc(60) rem-calc(60) rem-calc(60);
  font-size: rem-calc(18);
  text-align: left;
  border: solid 1px v(site-border-color);
  p {
    font-style: rem-calc(24);
    font-weight: 300;
    font-style: italic;
    line-height: rem-calc(36) !important;
    margin-bottom: rem-calc(15);
    color: v(site-heading-color);
    text-align: center;
  }
  cite {
    position: relative;
    display: block;
    text-align: center;
    font-size: $cite-font-size;
    font-family: v(site-main-font);
    text-transform: uppercase;
    &:before {
      display: none;
    }
  }
}

.wp-block-quote.is-large, .wp-block-quote.is-style-large {
  padding: rem-calc(30) rem-calc(30) rem-calc(45) rem-calc(120);
}
.wp-block-button__link,
.wp-block-file__button {
  color: #fff !important;
}
.wp-block-cover-image .wp-block-subhead:not(.has-text-color), .wp-block-cover-image h1:not(.has-text-color), .wp-block-cover-image h2:not(.has-text-color), .wp-block-cover-image h3:not(.has-text-color), .wp-block-cover-image h4:not(.has-text-color), .wp-block-cover-image h5:not(.has-text-color), .wp-block-cover-image h6:not(.has-text-color), .wp-block-cover-image p:not(.has-text-color), .wp-block-cover .wp-block-subhead:not(.has-text-color),
.wp-block-cover h1:not(.has-text-color), .wp-block-cover h2:not(.has-text-color), .wp-block-cover h3:not(.has-text-color), .wp-block-cover h4:not(.has-text-color), .wp-block-cover h5:not(.has-text-color), .wp-block-cover h6:not(.has-text-color), .wp-block-cover p:not(.has-text-color) {
  color: #fff;
}
.wp-block-cover-image-text a, .wp-block-cover-image-text a:active, .wp-block-cover-image-text a:focus, .wp-block-cover-image-text a:hover, .wp-block-cover-text a, .wp-block-cover-text a:active, .wp-block-cover-text a:focus, .wp-block-cover-text a:hover, section.wp-block-cover-image h2 a, section.wp-block-cover-image h2 a:active, section.wp-block-cover-image h2 a:focus, section.wp-block-cover-image h2 a:hover {
  color: #fff !important;
}
.wp-block-cover, .wp-block-cover-image {
  margin-bottom: rem-calc(30);
}
