/** Add a top margin to the content on individual posts) **/

.single-content .wp-block-group {
  margin-top: 30px;
  margin-bottom: 10px;
}

/**remove the margins at the bottom of the cover so sits flush  to item beneath**/

.wp-block-cover {
  margin-bottom: 0 !important;
}

.wp-block-heading.min-top-margin {
  margin-top: 0 !important;
}

.wp-block-heading.min-bottom-margin {
  margin-bottom: 0 !important;
}

.content-area {
  margin-top: 0;
}

/**add margin to headings**/

/**h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 30px 0 10px 0 !important;
} **/

/** add margin to h1 headings to allow for the header in landscape view on mobiles etc**/

@media screen and (min-width: 800px) {
  h1.lg-top-margin {
    margin-top: 70px !important;
  }
}

/**add margin to paragraphs**/

p {
  margin: 10px 0px !important;
}

/**add margin to button groups**/

.wp-block-buttons {
  margin: 30px 0 30px !important;
}

.style-white-outline:hover {
  color: black;
}

/**style the separator lines & reduce margin above & below**/

.wp-block-separator.has-text-color.has-theme-palette-1-color.has-alpha-channel-opacity.has-theme-palette-1-background-color.has-background.is-style-wide {
  height: 2px;
  margin-top: 0;
  margin-bottom: 20px;
}

/**make buttons sit at bottom of box**/

.make-relative {
  position: relative;
}

.wp-block-buttons .align-bottom {
  position: absolute;
  bottom: 40px;
}

.wp-block-button.align-bottom {
  position: absolute;
  bottom: 20px;
}

/**Hide the arrows on the Related Posts slider **/

.splide .splide__arrow {
  visibility: hidden;
}