/*********************
// core colours
*********************/
/*********************
// secondary
*********************/
/*********************
// Tertiary
*********************/
/*********************
// notifications
*********************/
/*********************
// Legacy
*********************/
/*********************
// Transitions
*********************/
/*********************
// Breakpoints
*********************/
/*********************
// Gaps and sizes
*********************/
/*********************
// Opacity and shadows
*********************/
#marketo-register-form-wrap .marketo-register-form__button .ico {
  position: absolute;
}

#marketo-register-form-wrap .marketo-register-form__button .ico {
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*
This placeholder is usually added to blocks using the data-type attribute selector
    [data-type="acf/block-name"] {}
*/
:root {
  font-size: var(--root-font-size, 10px);
  --base-font: proxima-nova, Helvetica, Arial, sans-serif;
  --heading-font: effra, proxima-nova, Helvetica, Arial, sans-serif;
  --subheading-font: proxima-nova, Helvetica, Arial, sans-serif;
  --thin-font: proxima-nova-thin, proxima-nova, Helvetica, Arial, sans-serif;
  /*********************
  // Core colours
  *********************/
  --color-lime: #c3d82e;
  --color-magenta: #e52592;
  --color-deep-blue: #5525e5;
  /*********************
  // Secondary
  *********************/
  --white: #fff;
  --black: #000;
  --body-black: #051c2a;
  --black--bg: #1a1a1a;
  --text-color: #4b4b4b;
  --gray: #b3b3b3;
  --gray--light: #e8e8e8;
  --gray--lighter: #f0f0f0;
  --gray--lightest: #f7f7f7;
  --gray--dark: #717171;
  --gray--darker: #4b4b4b;
  --gray--darkest: #303030;
  /*********************
  // Tertiary
  *********************/
  --color-apple: #1de57e;
  --color-apple--light: #e6f9ef;
  --color-banana: #fff3a8;
  --color-banana--light: #fffadc;
  --color-chilli: #f02020;
  --color-deep-blue--light: #f1eefd;
  --color-lime--light: #141605;
  --color-magenta--light: #fdeef7;
  --color-magenta--dark: #ca2381;
  --color-strawberry: #ff615e;
  --color-strawberry--light: #ffefef;
  --color-strawberry--dark: #1f0c0b;
  --error: #ffecec;
  --success: #e9ffd9;
  --primary-color: #051c2a;
  /*********************
  // Gaps and sizes
  *********************/
  --gap: 2.4rem;
  --gap-element: 3.2rem;
  --gap-small: 2rem;
  --gap-smaller: 1.6rem;
  --gap-smallest: 1.2rem;
  --gap-large: 3.2rem;
  --gap-larger: 4rem;
  --gap-largest: 4.8rem;
  --gap-xlarge: 5.6rem;
  --grid-sidebar-w: 28rem;
}
:root {
  --gap-half: 10px;
}
@media screen and (min-width: 500px) {
  :root {
    --gap-half: calc(10px + 10 * (100vw - 500px) / 940);
  }
}
@media screen and (min-width: 1440px) {
  :root {
    --gap-half: 20px;
  }
}
:root {
  --gap: 20px;
}
@media screen and (min-width: 500px) {
  :root {
    --gap: calc(20px + 20 * (100vw - 500px) / 940);
  }
}
@media screen and (min-width: 1440px) {
  :root {
    --gap: 40px;
  }
}
:root {
  --gap-double: 40px;
}
@media screen and (min-width: 500px) {
  :root {
    --gap-double: calc(40px + 40 * (100vw - 500px) / 940);
  }
}
@media screen and (min-width: 1440px) {
  :root {
    --gap-double: 80px;
  }
}
:root {
  --gap-negative: -20px;
}
@media screen and (min-width: 500px) {
  :root {
    --gap-negative: calc(-20px + -20 * (100vw - 500px) / 940);
  }
}
@media screen and (min-width: 1440px) {
  :root {
    --gap-negative: -40px;
  }
}

mimas-block[block-name=marketo-register] {
  display: grid;
}
@media (min-width: 48em) {
  mimas-block[block-name=marketo-register] {
    --card-repeat: 6;
    --card-min-w: 98px;
  }
}
@media (min-width: 80em) {
  mimas-block[block-name=marketo-register] {
    --card-repeat: 12;
    --card-min-w: 60px;
    grid-template-columns: var(--side-cols) [start] repeat(var(--card-repeat), minmax(var(--card-min-w), 1fr)) [end] var(--side-cols);
  }
}
@media (min-width: 95.5em) {
  mimas-block[block-name=marketo-register] {
    --card-repeat: 12;
    --card-min-w: 72px;
  }
}
@media (min-width: 80em) {
  mimas-block[block-name=marketo-register] .marketo-register__container {
    grid-column: start/end;
  }
}
@media (min-width: 80em) {
  mimas-block[block-name=marketo-register].open .marketo-register__form {
    flex-basis: 75%;
  }
  mimas-block[block-name=marketo-register].open .marketo-register__image {
    flex-basis: 25%;
    overflow: hidden;
  }
}
mimas-block[block-name=marketo-register].open #marketo-register__form form.mktoForm .mktoFormRow .mktoFieldWrap--email {
  width: 100%;
  transform: translateY(0);
}
mimas-block[block-name=marketo-register] .marketo-register__container {
  display: flex;
  justify-content: flex-start;
  flex-direction: column-reverse;
}
@media (min-width: 80em) {
  mimas-block[block-name=marketo-register] .marketo-register__container {
    flex-direction: row;
  }
}
mimas-block[block-name=marketo-register] .marketo-register__form {
  padding: var(--gap) 0 0;
  display: flex;
  flex-basis: 50%;
  flex-direction: column;
  position: relative;
  z-index: 1;
  transition: 0.5s ease;
}
@media (min-width: 80em) {
  mimas-block[block-name=marketo-register] .marketo-register__form {
    padding: var(--gap) var(--gap) var(--gap) 0;
  }
}
mimas-block[block-name=marketo-register] .marketo-register__form .hidden-until-lg .ico {
  margin-left: 0;
}
mimas-block[block-name=marketo-register] .marketo-register__image {
  display: flex;
  position: relative;
  transition: 0.5s ease;
  flex-basis: 100%;
  min-height: 35vh;
}
@media (min-width: 80em) {
  mimas-block[block-name=marketo-register] .marketo-register__image {
    flex-basis: 50%;
    min-height: 25vh;
  }
}
mimas-block[block-name=marketo-register] .marketo-register__image img {
  --img-max-h: 100%;
  min-height: 25vh;
}
@media (max-width: 79.99em) {
  mimas-block[block-name=marketo-register] .marketo-register__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    z-index: 0;
  }
}
@media (min-width: 80em) {
  mimas-block[block-name=marketo-register] .marketo-register__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top right;
       object-position: top right;
    display: block;
  }
}
mimas-block[block-name=marketo-register] .marketo-register__error {
  color: #fff;
}

#marketo-register-form-wrap form {
  padding: 0;
  --form-color: #2f2f2f;
}
#marketo-register-form-wrap form * {
  padding-left: unset;
  padding-right: unset;
}
#marketo-register-form-wrap form input[type] {
  background-color: var(--form-color);
  border-color: var(--form-color);
  color: #fff;
}
#marketo-register-form-wrap form input[type]:hover, #marketo-register-form-wrap form input[type]:active, #marketo-register-form-wrap form input[type].active, #marketo-register-form-wrap form input[type]:focus, #marketo-register-form-wrap form input[type]:focus-within, #marketo-register-form-wrap form input[type]:focus-visible {
  border: 2px solid #5525e5;
}
#marketo-register-form-wrap h2, #marketo-register-form-wrap h3, #marketo-register-form-wrap h4 {
  font-family: var(--heading-font) !important;
}
@media (min-width: 80em) {
  #marketo-register-form-wrap .marketo-register-form__page:not(.first) {
    padding: var(--gap) 0;
    margin-top: var(--gap-half);
  }
}
#marketo-register-form-wrap .marketo-register-form__page:not(.current) legend {
  display: none;
}
#marketo-register-form-wrap .marketo-register-form__page--email {
  position: relative;
}
#marketo-register-form-wrap .marketo-register-form__page--email legend {
  display: none;
}
@media (max-width: 79.99em) {
  #marketo-register-form-wrap .marketo-register-form__page--email label {
    text-align: left;
  }
}
#marketo-register-form-wrap .marketo-register-form__page--email input[type=email] {
  position: relative;
}
#marketo-register-form-wrap .marketo-register-form__page--email button {
  background-color: #5525e5;
  border-top-right-radius: 0.8rem;
  border-bottom-right-radius: 0.8rem;
  position: absolute;
  top: -10px;
  bottom: 0;
  right: 0;
  padding: 0;
  transform: translateY(100%);
}
@media (min-width: 80em) {
  #marketo-register-form-wrap .marketo-register-form__page--email button {
    top: 0;
  }
}
#marketo-register-form-wrap .marketo-register-form__page--email button:hover, #marketo-register-form-wrap .marketo-register-form__page--email button:active, #marketo-register-form-wrap .marketo-register-form__page--email button.active, #marketo-register-form-wrap .marketo-register-form__page--email button:focus, #marketo-register-form-wrap .marketo-register-form__page--email button:focus-within, #marketo-register-form-wrap .marketo-register-form__page--email button:focus-visible {
  background-color: #f1eefd;
  border: 2px solid #5525e5;
}
#marketo-register-form-wrap .marketo-register-form__page--email button:hover .ico svg, #marketo-register-form-wrap .marketo-register-form__page--email button:active .ico svg, #marketo-register-form-wrap .marketo-register-form__page--email button.active .ico svg, #marketo-register-form-wrap .marketo-register-form__page--email button:focus .ico svg, #marketo-register-form-wrap .marketo-register-form__page--email button:focus-within .ico svg, #marketo-register-form-wrap .marketo-register-form__page--email button:focus-visible .ico svg {
  fill: #5525e5;
}
#marketo-register-form-wrap .marketo-register-form__page--email button .ico {
  --ico-width: 24px;
  --ico-color-0: white;
}
#marketo-register-form-wrap .marketo-register-form__page .mktoFormRow input.mktoField {
  border-radius: 0.8rem;
}
#marketo-register-form-wrap .marketo-register-form__fieldset-wrap {
  display: flex;
  flex-direction: column;
}
@media (min-width: 80em) {
  #marketo-register-form-wrap .marketo-register-form__name-wrap {
    display: flex;
    margin: -8px !important;
    align-items: flex-start;
  }
  #marketo-register-form-wrap .marketo-register-form__name-wrap > div {
    display: flex;
    flex-basis: 50%;
    margin: 8px !important;
  }
}
#marketo-register-form-wrap .marketo-register-form__button-wrap {
  display: flex;
  flex-direction: row;
}
#marketo-register-form-wrap .marketo-register-form__button {
  width: 52px;
  height: 52px;
  position: relative;
  background: #fff;
  box-shadow: none;
  border: none;
}
#marketo-register-form-wrap .marketo-register-form__button.prev, #marketo-register-form-wrap .marketo-register-form__button.next {
  background-color: #5525e5;
  border: 2px solid #5525e5;
  padding: 0;
  display: inline-flex;
}
#marketo-register-form-wrap .marketo-register-form__button.prev:hover .ico, #marketo-register-form-wrap .marketo-register-form__button.prev:active .ico, #marketo-register-form-wrap .marketo-register-form__button.prev.active .ico, #marketo-register-form-wrap .marketo-register-form__button.prev:focus .ico, #marketo-register-form-wrap .marketo-register-form__button.prev:focus-within .ico, #marketo-register-form-wrap .marketo-register-form__button.prev:focus-visible .ico, #marketo-register-form-wrap .marketo-register-form__button.next:hover .ico, #marketo-register-form-wrap .marketo-register-form__button.next:active .ico, #marketo-register-form-wrap .marketo-register-form__button.next.active .ico, #marketo-register-form-wrap .marketo-register-form__button.next:focus .ico, #marketo-register-form-wrap .marketo-register-form__button.next:focus-within .ico, #marketo-register-form-wrap .marketo-register-form__button.next:focus-visible .ico {
  --ico-color-0: #5525e5;
}
#marketo-register-form-wrap .marketo-register-form__button.prev .ico, #marketo-register-form-wrap .marketo-register-form__button.next .ico {
  transition: 0.15s ease;
  --ico-color-0: #fff;
}
#marketo-register-form-wrap .marketo-register-form__button.prev:hover, #marketo-register-form-wrap .marketo-register-form__button.next:hover {
  background: #fff;
}
#marketo-register-form-wrap .marketo-register-form__button.prev:hover .ico, #marketo-register-form-wrap .marketo-register-form__button.next:hover .ico {
  left: calc(50% + 2px);
}
#marketo-register-form-wrap .marketo-register-form__button.prev {
  transform: rotate(-180deg);
  align-self: flex-start;
}
#marketo-register-form-wrap .marketo-register-form__button.next {
  align-self: flex-end;
  margin-left: auto;
}
#marketo-register-form-wrap .marketo-register-form__button.submit {
  width: auto;
  background: #5525e5;
  color: #fff;
  padding-left: 20px;
  padding-right: 20px;
  align-items: center;
  font-weight: 700;
  letter-spacing: 1px;
  transition: 0.15s ease;
}
#marketo-register-form-wrap .marketo-register-form__button.submit:hover, #marketo-register-form-wrap .marketo-register-form__button.submit:active, #marketo-register-form-wrap .marketo-register-form__button.submit.active, #marketo-register-form-wrap .marketo-register-form__button.submit:focus, #marketo-register-form-wrap .marketo-register-form__button.submit:focus-within, #marketo-register-form-wrap .marketo-register-form__button.submit:focus-visible {
  background: rgb(120.5327868852, 82.5655737705, 234.4344262295);
  border-color: rgb(120.5327868852, 82.5655737705, 234.4344262295);
}
#marketo-register-form-wrap .marketo-register-form__button--email {
  border: none;
  background: none;
}
#marketo-register-form-wrap .mktoHasWidth {
  width: 100% !important;
}
#marketo-register-form-wrap .mktoFormCol {
  padding-bottom: 0;
  margin-bottom: 10px !important;
}
#marketo-register-form-wrap .mktoErrorMsg {
  padding-left: 5px;
  padding-right: 5px;
}
#marketo-register-form-wrap .mktoFormRow h1,
#marketo-register-form-wrap .mktoFormRow h2,
#marketo-register-form-wrap .mktoFormRow h3,
#marketo-register-form-wrap .mktoFormRow h4,
#marketo-register-form-wrap .mktoFormRow h5,
#marketo-register-form-wrap .mktoFormRow h6,
#marketo-register-form-wrap .mktoFormRow p {
  color: #fff;
}
#marketo-register-form-wrap .mktoLabel {
  color: #fff;
  padding-top: 0;
  margin: 0;
  text-align: center;
  display: block;
}
#marketo-register-form-wrap .mktoLabel a > span {
  color: #c3d82e !important;
  font-weight: 400;
}
@media (min-width: 80em) {
  #marketo-register-form-wrap .mktoLabel {
    text-align: left;
  }
}
#marketo-register-form-wrap .mktoFieldWrap {
  width: 100%;
  margin: 0;
  float: none;
  position: relative;
}
#marketo-register-form-wrap .mktoFormRow {
  margin-top: 0;
}
@media (min-width: 80em) {
  #marketo-register-form-wrap .mktoFormRow {
    margin-top: 1rem;
  }
}
#marketo-register-form-wrap .mktoFormCol .mktoHtmlText p {
  font-size: 1.8rem;
}
@media (min-width: 48em) {
  #marketo-register-form-wrap .mktoFormCol .mktoHtmlText p {
    font-size: 2rem;
  }
}
#marketo-register-form-wrap .mktoTextField {
  margin-top: 10px !important;
}
#marketo-register-form-wrap fieldset {
  padding: 0 !important;
  margin: 0 !important;
}
#marketo-register-form-wrap fieldset legend {
  color: #fff;
  font-family: var(--heading-font);
  font-size: 1.8rem;
  font-weight: 700;
  margin: 0 0 var(--gap-half) 0;
}
#marketo-register-form-wrap fieldset legend span {
  display: inline-block;
  background: #5525e5;
  border-radius: 5px;
  text-align: center;
  font-size: 1.4rem;
  color: #fff;
  margin-right: var(--gap-half);
  width: var(--gap);
}
#marketo-register-form-wrap .mktoRadioList {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -8px !important;
  padding: 0 !important;
  width: calc(100% + 8px * 2) !important;
}
@media (min-width: 80em) {
  #marketo-register-form-wrap .mktoRadioList {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
#marketo-register-form-wrap .mktoRadioList label {
  background-color: var(--form-color);
  color: #fff;
  display: flex;
  flex-grow: 1;
  justify-content: center;
  position: relative;
  padding: 10px 14px;
  text-align: center;
  margin: 8px;
  border: 2px solid var(--form-color);
  font-size: 1.4rem;
  transition: 0.15s ease;
  cursor: pointer;
  flex-direction: column;
  min-width: calc(50% - 1.6rem);
}
@media (min-width: 80em) {
  #marketo-register-form-wrap .mktoRadioList label {
    max-width: calc(50% - 1.6rem);
  }
}
#marketo-register-form-wrap .mktoRadioList label:hover {
  border-color: #b3b3b3;
}
#marketo-register-form-wrap .mktoRadioList label span {
  white-space: nowrap;
  font-size: 1.2rem;
  font-style: italic;
  display: block;
  margin: 0 auto;
}
#marketo-register-form-wrap .mktoRadioList input[type=radio] {
  position: absolute;
  opacity: 0;
  margin-left: -9999px;
}
#marketo-register-form-wrap .mktoRadioList input[type=radio]:focus + label {
  opacity: 1;
  border-color: #5525e5;
}
#marketo-register-form-wrap .mktoRadioList input[type=radio]:checked + label {
  opacity: 1;
  border-color: #5525e5;
  background: #5525e5;
  color: #fff;
}
#marketo-register-form-wrap #LbloptinGlobal {
  padding-left: 38px;
  text-align: left;
}
#marketo-register-form-wrap #LbloptinGlobal + .mktoCheckboxList #optinGlobal {
  position: absolute;
  top: 0;
  left: 0;
}
#marketo-register-form-wrap .mktoCheckboxList input[type=checkbox]:focus {
  border-color: #5525e5;
}
#marketo-register-form-wrap .mktoAsterix {
  display: none;
}
@media (min-width: 48em) {
  #marketo-register-form-wrap #mktoForm_5328.mktoForm .mktoCheckboxList > label {
    display: flex;
    align-items: center;
    height: 24px;
  }
}
#marketo-register-form-wrap #mktoForm_4155.mktoForm {
  padding-bottom: 2.4rem;
}
#marketo-register-form-wrap #mktoForm_4155.mktoForm > .mktoFormRow:not(.marketo-register-form__page):nth-child(7) {
  display: none;
}

/*# sourceMappingURL=marketo-register.css.map*/