/* Imported from Matt Casson; scoped to CMA layout blocks. */
/* White surround so edge and spacer padding match the light sections. */
.cma-page-layout.block-square-content-panel, .cma-page-layout .block-square-content-panel {

  background: #fff;

}

.cma-page-layout.block-square-content-panel .content, .cma-page-layout .block-square-content-panel .content {

  width: 100%;

}

.cma-page-layout.square-content-panel, .cma-page-layout .square-content-panel {

  position: relative;
  width: 100%;
  overflow: hidden;

}

.cma-page-layout.square-content-panel__image, .cma-page-layout .square-content-panel__image {

  position: absolute;
  inset: 0;
  z-index: 0;

}

.cma-page-layout.square-content-panel__image .field, .cma-page-layout .square-content-panel__image .field,
.cma-page-layout.square-content-panel__image .field__item, .cma-page-layout .square-content-panel__image .field__item {

  height: 100%;

}

.cma-page-layout.square-content-panel__image img, .cma-page-layout .square-content-panel__image img {

  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;

}

.cma-page-layout.square-content-panel__content, .cma-page-layout .square-content-panel__content {

  position: relative;
  z-index: 1;
  width: calc(50% - var(--sc-edgepad));
  margin-top: var(--sc-edgepad);
  margin-bottom: var(--sc-edgepad);
  margin-left: var(--sc-edgepad);
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: rgba(255, 255, 255, var(--scp-bg-opacity, 0.9));
  padding: 3rem;

}

.cma-page-layout.square-content-panel--flipped .square-content-panel__content, .cma-page-layout .square-content-panel--flipped .square-content-panel__content {

  margin-left: auto;
  margin-right: var(--sc-edgepad);

}

.cma-page-layout.square-content-panel__eyebrow.eyebrow, .cma-page-layout .square-content-panel__eyebrow.eyebrow {

  color: rgb(var(--sc-green));

}

.cma-page-layout.square-content-panel__title, .cma-page-layout .square-content-panel__title {

  color: rgb(var(--sc-blue-dark));

}

.cma-page-layout.square-content-panel__body, .cma-page-layout .square-content-panel__body {

  font-family: var(--sc-font-body);
  font-size: 1rem;
  line-height: 1.6;
  color: var(--cma-dark-grey);

}

/* Inherit the dark body colour rather than the global white `p`. */
.cma-page-layout.square-content-panel__body p, .cma-page-layout .square-content-panel__body p {

  margin: 0 0 1rem;
  color: inherit;

}

.cma-page-layout.square-content-panel__body p:last-child, .cma-page-layout .square-content-panel__body p:last-child {

  margin-bottom: 0;

}

.cma-page-layout.square-content-panel__form, .cma-page-layout .square-content-panel__form {

  margin-top: 1.5rem;

}

.cma-page-layout.square-content-panel__form .webform-submission-form, .cma-page-layout .square-content-panel__form .webform-submission-form {

  display: grid;
  gap: 1rem;

}

.cma-page-layout.square-content-panel__form .js-form-item, .cma-page-layout .square-content-panel__form .js-form-item {

  margin: 0;

}

.cma-page-layout.square-content-panel__form label, .cma-page-layout .square-content-panel__form label {

  display: block;
  margin-bottom: 0.35rem;
  color: rgb(var(--sc-blue-dark));
  font-family: var(--sc-font-body);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: var(--sc-letter-spacing);
  text-transform: uppercase;

}

.cma-page-layout.square-content-panel__form input, .cma-page-layout .square-content-panel__form input,
.cma-page-layout.square-content-panel__form textarea, .cma-page-layout .square-content-panel__form textarea {

  box-sizing: border-box;
  width: 100%;
  border: 1px solid #c7c7c2;
  border-radius: 0.25rem;
  color: rgb(var(--sc-blue-dark));
  font-family: var(--sc-font-body);
  font-size: 1rem;
  padding: 0.65rem 0.75rem;

}

.cma-page-layout.square-content-panel__form textarea, .cma-page-layout .square-content-panel__form textarea {

  min-height: 8rem;
  resize: vertical;

}

.cma-page-layout.square-content-panel__form .webform-actions, .cma-page-layout .square-content-panel__form .webform-actions {

  margin-top: 0.5rem;

}

.cma-page-layout.square-content-panel__form .webform-actions input, .cma-page-layout .square-content-panel__form .webform-actions input,
.cma-page-layout.square-content-panel__form .webform-actions button, .cma-page-layout .square-content-panel__form .webform-actions button {

  width: auto;
  border: 0;
  background: rgb(var(--sc-green));
  color: #fff;
  cursor: pointer;
  font-family: var(--sc-font-body);
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: var(--sc-letter-spacing);
  padding: 0.85rem 1.5rem;
  text-transform: uppercase;

}

.cma-page-layout.square-content-panel__form .webform-actions input:hover, .cma-page-layout .square-content-panel__form .webform-actions input:hover,
.cma-page-layout.square-content-panel__form .webform-actions input:focus, .cma-page-layout .square-content-panel__form .webform-actions input:focus,
.cma-page-layout.square-content-panel__form .webform-actions button:hover, .cma-page-layout .square-content-panel__form .webform-actions button:hover,
.cma-page-layout.square-content-panel__form .webform-actions button:focus, .cma-page-layout .square-content-panel__form .webform-actions button:focus {

  background: rgba(var(--sc-green), 0.85);

}

.cma-page-layout.square-content-panel__cta, .cma-page-layout .square-content-panel__cta {

  margin-top: 1.5rem;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;

}

@media (max-width: 1400px) {

}

@media (max-width: 1200px) {

}

@media (max-width: 992px) {
.cma-page-layout.square-content-panel__content, .cma-page-layout .square-content-panel__content,
.cma-page-layout.square-content-panel--flipped .square-content-panel__content, .cma-page-layout .square-content-panel--flipped .square-content-panel__content {

    width: calc(100% - (2 * var(--sc-edgepad)));
    margin-left: var(--sc-edgepad);
    margin-right: var(--sc-edgepad);
    padding: 2.5rem 1.5rem;
  
}



}

@media (max-width: 768px) {
.cma-page-layout.square-content-panel__cta .field--name-field-cta, .cma-page-layout .square-content-panel__cta .field--name-field-cta {

    width: 100%;
  
}

.cma-page-layout.square-content-panel__cta .paragraph-cta__link, .cma-page-layout .square-content-panel__cta .paragraph-cta__link {

    width: 100%;
    justify-content: center;
  
}



}

@media (max-width: 576px) {

}

@media (max-width: 768px) {

}

@media (max-width: 576px) {

}