html {
  -webkit-overflow-scrolling: touch;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

.marketingForm ul, .marketingForm ol {
margin-top: 0px;
margin-bottom: 0px;
}
.marketingForm h2 {font-size: 3rem;}
.marketingForm h3 {font-size: 2.5rem;}

.marketingForm h3 {
font-size: 28px;
font-weight: 700;}

.marketingForm h1,
.marketingForm h2,
.marketingForm h3,
.marketingForm h4 {
  margin-bottom: 0.5rem;
}

.marketingForm h1,
.marketingForm h2,
.marketingForm h3,
.marketingForm h4,
.marketingForm p,
.marketingForm label {
  font-family: Lato, Arial, sans-serif !important;
  text-align: left;
}

.marketingForm div[data-layout] {
  /* overflow: auto; */
  max-width: 100% !important;
}

.marketingForm div[data-section] {
  width: 100% !important;
  max-width: 100% !important;
}

.marketingForm th[data-container] {
  width: 50%;
  max-width: 50%;
}

@media (max-width: 768px) {
  .marketingForm th[data-container] {
    width: 100%;
    max-width: 100%;
  }
}

.marketingForm .outer {
  width: 100% !important;
}

.marketingForm table {
  display: inline;
  margin: 0;
  padding: 0;
}

.marketingForm th.columnContainer {
  /* width: 800px !important; */
  width: 100vw !important;
  padding: 0;
}

.marketingForm select,
.marketingForm input,
.marketingForm textarea,
.marketingForm div[data-editorblocktype="Captcha"] input {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  padding: 13px 1rem 13px;
  border: 0.1rem solid #0f1232;
  width: 100%;
}

.phoneFormFieldBlock label::after,
.textFormFieldBlock label::after,
.twooption_checkbox label::after,
.dateTimeFormFieldBlock label::after,
.lookupFormFieldBlock label::after,
.twoOptionFormFieldBlock label.block-label::after,
.twoOptionFormFieldBlock div.twooption_checkbox label::after,
.optionSetFormFieldBlock label.block-label::after,
.multiOptionSetFormFieldBlock label.block-label::after,
.consentBlock label p:first-of-type::after,
.eventSession label::after,
div[data-editorblocktype="Captcha"]
  label[id^="wlspispHipInstructionContainer"]::after {
  margin-left: 4px;
  margin-bottom: 7px;
  background-color: #0ff2b2;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  display: inline-block;
  line-height: 14px;
  text-align: center;
  color: #088c8a;
  content: " ";
  visibility: hidden;
}

.marketingForm table.multi .phoneFormFieldBlock {
  padding-top: 12px !important;
}

.marketingForm .phoneCountryCode {
  border: 0;
}

.marketingForm .phoneCountryCode input[type="tel"] {
  padding: 13px 1rem 13px;
}

.marketingForm .phoneCountryCode .iti {
  width: 100%;
}

.marketingForm #g-recaptcha {
  padding-left: 20px;
}

.marketingForm .textFormFieldBlock {
  padding: 20px;
}

.marketingForm textarea {
  width: calc(90rem - 230px) !important;
}

.col-6 .marketingForm textarea {
  width: calc(50rem - 230px) !important;
}

.twoThird .marketingForm textarea {
  width: calc(60rem - 230px) !important;
}

/*set the google recptcha background to white for when pages have grey background */
#g-recaptcha {
    background-color: white;
}

@media (max-width: 1458px) {
  .col-6 .marketingForm textarea {
    width: calc(82vw - 1rem) !important;
  }
}

@media (max-width: 1458px) {
  .twoThird .marketingForm textarea {
    width: calc(82vw - 1rem) !important;
  }
}

@media (max-width: 1458px) {
  .marketingForm textarea {
    width: calc(82vw - 1rem) !important;
  }
}

.marketingForm .submitButtonWrapper {
  padding: 20px;
  text-align: left;
}

.marketingForm .primaryButton,
.marketingForm .submitButton {
  font-family: Lato, Arial, sans-serif ;
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 22px;
  background-color: #0ff2b2;
  border: 2px solid black;
  border-radius: 0;
  color: black;
  padding: 10px 20px;
  cursor: pointer;
  white-space: nowrap;
}

.marketingForm table {
  overflow-x: unset;
}

.marketingForm tr {
  border-top: 0px;
}

.marketingForm div[data-editorblocktype="Text"] {
  margin: 0 !important;
  padding: 0 20px !important;
}

input[type="checkbox"] {
  display: flex !important;
  align-self: start !important;
}


/* hack to align with left column */
.marketingForm {
margin-top: -10px;
}

/* set a selected check box to green */
input[type="checkbox"] {
        	accent-color: #0FF2B2 !important;
        	/* Green color */
    	}

/* reset table spacing */
.marketingForm th { padding: 0px !important;}

/* mandatory field text */
.mandatory {
margin-top: 15px !important;
color: grey;
font-size: .6rem;
position: relative;
font-weight: 400;
}

.mandatory:after{
    content: "";
    height: 6px;
    background-color: #0FF2B2;
    border-radius: 3px;
    position: absolute;
    width: 6px;
    margin-left: 4px;
    margin-top: 4px;
    }


/* test hack to fix form labels */ 
.marketingForm div[data-editorblocktype="Text"],
.consentBlock label, .consentBlock label *,
.phoneFormFieldBlock label, .phoneFormFieldBlock label *,
.textFormFieldBlock label, .dateTimeFormFieldBlock label, .lookupFormFieldBlock label, .twoOptionFormFieldBlock label.block-label, .optionSetFormFieldBlock label.block-label, .multiOptionSetFormFieldBlock label.block-label, div[data-editorblocktype="Captcha"] label[id^="wlspispHipInstructionContainer"], .textFormFieldBlock label *, .dateTimeFormFieldBlock label *, .lookupFormFieldBlock label *, .twoOptionFormFieldBlock label.block-label *, .optionSetFormFieldBlock label.block-label *, .multiOptionSetFormFieldBlock label.block-label *, .consentBlock label p {
/* background-color: purple; */
font-family: Lato, Arial, sans-serif !important;
color: #0f1232 !important;
font-size: 16px !important;
font-weight: 700;
}

/* fix alignment of the consent and option fields */
.marketingForm .consentBlock, .twoOptionFormFieldBlock {

padding-left: 20px !important; }

/* overide the fonts that are causing problems in the foreign language versions */

.marketingForm font, .marketingForm span {
font-family: Lato, Arial, sans-serif !important;
color: #0f1232;
}

.marketingForm a, .marketingForm a span {
font-family: Lato, Arial, sans-serif !important;
color:#BF1F99 !important;
font-size: 16px;
}

.marketingForm p
{
font-size: 16px;
}