.cs-center-block {
  margin: 0 auto !important;
}

@media only screen and (min-width: 900px) {
  .cs-col-reverse {
    flex-direction: row-reverse;
  }
  .cs-col-reverse .left-block-gap {
    padding-left: 5%;
  }
}

/* Add this to the footer column to get space and to the left column*/
@media only screen and (max-width: 900px) {
  .cs-col-padding-mobile {
    padding-left: 5%;
    padding-right: 5x;
  }
}

@media screen and (max-width: 900px) and (min-width: 560px) {
  .cs-col-reverse .right-block-gap {
    padding-right: 5%;
  }
}

@media only screen and (min-width: 901px) {
  .cs-donate-pattern-with-form-on-top-columns-below {
    padding: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .cs-donate-pattern-with-form-on-top {
    min-height: auto !important;
    position: relative;
    padding: 0 !important;
  }

  .cs-donate-pattern-with-form-on-top .wp-block-site-logo {
    position: absolute;
    left: 1.5rem;
    top: 25vw;
  }

  .cs-donate-pattern-with-form-on-top .wp-block-cover__image-background {
    object-fit: contain !important;
    height: auto !important;
  }

  .cs-donate-pattern-with-form-on-top .wp-block-spacer {
    max-height: 25% !important;
  }

  .wp-block-group.cs-donate-pattern-with-form-on-top-group-on-top-group-form,
  .wp-block-column.cs-donate-pattern-with-form-on-top-group-on-top-column-right {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
    background-color: var(--wp--preset--color--background, #fffffe) !important;
    color: var(--wp--preset--color--foreground, #000) !important;
  }

  .padding-left-right-1-plus-halve {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .cs-donate-pattern-with-form-on-top-group-on-top-group-form {
    border-radius: 0 !important;
  }

  .wp-block-column.cs-donate-pattern-with-form-on-top-group-on-top-column-right
    .has-background-color {
    background-color: var(--wp--preset--color--background, #fffffe) !important;
    color: var(--wp--preset--color--foreground, #000) !important;
  }

  .cs-donate-pattern-with-form-on-top-group-on-top {
    padding-top: 25vw !important;
  }
}

@media only screen and (max-width: 900px) {
  .mobile-padding-zero {
    padding: 0 !important;
  }

  .cs-donate-pattern-with-form-on-top .wp-block-cover .wp-block-column {
    padding: 5%;
  }
}

/* Styling for pattern Column swap desktop (June 2022). */
@media only screen and (min-width: 1200px) {
  .cs-cover-with-logo-on-top {
    display: block;
    z-index: 10;
  }

  .cs-cover-with-logo-on-top .cs-logo-on-top-cover {
    width: 1200px;
    margin: 0 auto !important;
    position: relative;
    z-index: 10;
  }

  .cs-cover-with-logo-on-top .cs-logo-on-top-cover img {
    position: absolute;
    top: 40px;
    z-index: 10;
  }

  .cs-cover-with-logo-on-top
    .cs-logo-on-top-cover.cs-logo-on-top-cover-left
    img {
    right: auto;
    left: 0;
    z-index: 10;
  }

  .cs-cover-with-logo-on-top
    .cs-logo-on-top-cover.cs-logo-on-top-cover-right
    img {
    right: 0;
    left: auto;
    z-index: 10;
  }
}

 /* Pattern new styling with less classes */
@media only screen and (max-width: 768px) {
  .cs-column-swap.cs-cover-logo-top .wp-block-site-logo {
    padding-bottom: 30%;

  }
}