/*
Theme name: SOCi
Description: Custom Theme
*/

/*
	Source SCSS styles are located in resources/scss/
	The compiled bundle is saved to `dist/index.${fingerprint}.css`
	(dist/manifest.json provides the exact path mapping).

	The DEVELOPMENT.md file contains instructions how to get the build
	process up & running.

	If you need to make a quick fix, feel free to add CSS
	below this comment -- it's loaded after the compiled bundle.
*/


@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

.mktoCaptchaDisclaimer:has([href="https://policies.google.com/privacy"]) {
  width: 0;
  height: 0;
  overflow: hidden;
}

.section__form-note,
.mkto-required-note {
  display: block;
  color: #757575;
  text-align: right;
  margin-bottom: 15px;
  font-size: 12px;
}

[id*="mktoForm"] {
  font-family: 'Open Sans', sans-serif;
  width: auto !important;
}

[id*="mktoForm"] * {
  float: none !important;
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 300;
}

[id*="mktoForm"] .mktoGutter,
[id*="mktoForm"] .mktoOffset {
  display: none;
}

[id*="mktoForm"] .mktoFieldWrap,
[id*="mktoForm"] .mktoFormCol:not(:has('[type="checkbox"]')) {
  width: 100% !important;
}

[id*="mktoForm"] .error,
[id*="mktoForm"] .errors {
  color: red;
}

[id*="mktoForm"] .form-field {
  margin: 0;
  padding: 5px 0 0 0;
}

[id*="mktoForm"] .mktoRequiredField .mktoAsterix {


  position: absolute;
  width: 0px;
  height: 0px;
  overflow: hidden;
}

[id*="mktoForm"] .mktoRequiredField label:after {
  content: '*';
}

/* The input fields */
[id*="mktoForm"] input:not([type=submit]):not([type=radio]):not([type=checkbox]),
[id*="mktoForm"] textarea,
[id*="mktoForm"] select {
  background-color: transparent;
  border: solid 1px #7e7e7e;
  font-size: 16px;
  color: inherit;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 20px;
  padding-right: 20px;
  letter-spacing: .25px;
  width: 100% !important;
  font-family: 'Open Sans', sans-serif;
  box-sizing: border-box;
}

[id*="mktoForm"] select {
  height: 47px;
}

/* the input fields on focus */
[id*="mktoForm"] input.text:focus,
[id*="mktoForm"] textarea.standard:focus,
[id*="mktoForm"] select:focus,
[id*="mktoForm"] input.date:focus {
  border-color: #cccccc;
  outline: none;
}

[id*="mktoForm"] span.value {
  margin-left: 0;
}

/* the field labels */
[id*="mktoForm"] label {
  font-size: 17px;
  color: #757575;
  font-weight: 50;
  padding-top: 20px;
  padding-bottom: 10px;
  letter-spacing: .25px;
  float: none !important;
  text-align: left;
  width: auto !important;
  display: block;
  margin-bottom: 10px !important;

}

/* the submit button */
[id*="mktoForm"] [type=submit] {
  margin: 0 !important;
  background:
    radial-gradient(100% 272.22% at 50% 0%,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.5) 100%),
    #29cc91 !important;
  border: 0px !important;
  font-size: 16px !important;
  color: #08291d !important;
  font-weight: 700 !important;
  letter-spacing: 0.14px !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  padding-right: 20px !important;
  padding-left: 20px !important;
  -moz-border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  border-radius: 6px;
}

/* the submit button hover */
[id*="mktoForm"] [type=submit]:hover {
  background: #80e0bd;
  border-color: #80e0bd;
  letter-spacing: .25px;
  color: #08291d;
}

/* the spacing around the submit button */
[id*="mktoForm"] [type=submit] {
  margin: 0;
  padding-top: 5px;
  padding-bottom: 0px;
  text-align: left;
}

/* hide the regular checkbox */
.pd-checkbox input {
  opacity: 0;
  position: absolute;
}

/* position the label */
.pd-checkbox input,
.pd-checkbox label {
  display: inline-block;
  vertical-align: middle;
  margin: 5px;
  cursor: pointer;
}

.pd-checkbox label {
  position: relative;
}

/* style the unchecked checkbox */
.pd-checkbox input + label:before {
  content: '';
  background: white;
  border: 1px solid#586262;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  padding: 0px;
  margin-right: 10px;
  text-align: center;
  font-size: 15px;
  line-height: normal;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

/* style the checked checkbox */
.pd-checkbox input:checked + label:before {
  content: "\2713";
  background: #586262;
  color: white;
  border-color: #586262;
}

form.form p.no-label {
  margin-left: 0 !important;
}

/* hide the regular radio button */
.pd-radio input {
  opacity: 0;
  position: absolute;
}

/* position the label */
.pd-radio input,
.pd-radio label {
  display: inline-block;
  vertical-align: middle;
  margin: 5px;
  cursor: pointer;
}

.pd-radio label {
  position: relative;
}

/* style the unchecked radio button */
.pd-radio input + label:before {
  content: '';
  background: white;
  border: 1px solid#586262;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  padding: 0px;
  margin-right: 10px;
  text-align: center;
  font-size: 15px;
  line-height: normal;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.pd-radio input + label:before {
  border-radius: 50%;
}

/* style the selected radio button */
.pd-radio input:checked + label:before {
  content: "\25CF";
  background: #586262;
  color: white;
  border-color: #586262;
}

.section-head-form [id*="mktoForm"] {
  color: #fff !important;
}

[id*="mktoForm"] .mktoFormRow {
  padding-bottom: 10px;
}

[id*="mktoForm"] .mktoFormRow:has(input[type=checkbox]) {
  display: flex;
}

[id*="mktoForm"] .mktoFormRow:has(input[type=checkbox]) > *:nth-child(1):not(.mktoFieldDescriptor) {
  width: 24px !important;
}

[id*="mktoForm"] .mktoFormRow:has(input[type=checkbox]) label {
  position: absolute;
}

[id*="mktoForm"] .mktoFormRow:has(input[type=checkbox]) .mktoHtmlText {
  width: 100% !important;
}

[id*="mktoForm"] .mktoButtonRow .mktoButtonWrap {
  margin-left: 0 !important;
}

[style*="background-color: #393636"] [id*="mktoForm"],
.section-article-single [id*="mktoForm"],
.mkt-add-padding [id*="mktoForm"] {
  padding: clamp(1.875rem, 1.4923rem + 1.6327vw, 3.125rem) !important;
  padding-bottom: clamp(3.75rem, 3.176rem + 2.449vw, 5.625rem) !important;

}

[style*="background-color: #393636"] [id*="mktoForm"] label,
.section-article-single [id*="mktoForm"] label,
.mkt-dark-bkg [id*="mktoForm"] label,
.mkt-dark-bkg .mktoHtmlText {
  color: #fff;
}

[style*="background-color: #393636"] [id*="mktoForm"] input:not([type=submit]):not([type=radio]):not([type=checkbox]),
[style*="background-color: #393636"] [id*="mktoForm"] textarea,
[style*="background-color: #393636"] [id*="mktoForm"] select,
.section-article-single [id*="mktoForm"] input:not([type=submit]):not([type=radio]):not([type=checkbox]),
.section-article-single [id*="mktoForm"] textarea,
.section-article-single [id*="mktoForm"] select,
.mkt-dark-bkg [id*="mktoForm"] input:not([type=submit]):not([type=radio]):not([type=checkbox]),
.mkt-dark-bkg [id*="mktoForm"] textarea,
.mkt-dark-bkg [id*="mktoForm"] select {
  border: solid 1px #fff;
  background-color: #fff;
  color: #7e7e7e;
}

.section-article-single #mktoForm_1007 {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

#mktoForm_1001 > *:nth-child(2) {
  width: 47% !important;
  float: left !important;
  clear: none !important;
}

#mktoForm_1001 > *:nth-child(3) {
  clear: none !important;
  width: 48% !important;
  float: right !important;
}

#mktoForm_1001 > *:nth-child(4) {
  clear: both !important;
}

.mkt-smaller-fields label {
  margin-bottom: 0px !important;
  font-weight: 400;
}

.mkt-smaller-fields [id*="mktoForm"] input:not([type=submit]):not([type=radio]):not([type=checkbox]) {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 14px;
}

.mkt-smaller-fields [id*="mktoForm"] .mktoFormRow {
  margin-bottom: 0;
  padding-bottom: 0;
}

.mktoFormRow:has(input[type="hidden"]) {
  padding-bottom: 0px;
}

.wh-padding-top-none {
  padding-top: 0px;
}

.wh-padding-bottom-none {
  padding-bottom: 0px;
}

.wh-padding-top-small {
  padding-top: clamp(1.875rem, 1.6837rem + 0.8163vw, 2.5rem);
}

.wh-padding-bottom-small {
  padding-bottom: clamp(1.875rem, 1.6837rem + 0.8163vw, 2.5rem);
}

.wh-padding-top-medium {
  padding-top: clamp(2.8125rem, 2.1429rem + 2.8571vw, 5rem)
}

.wh-padding-bottom-medium {
  padding-bottom: clamp(2.8125rem, 2.1429rem + 2.8571vw, 5rem)
}

.wh-padding-top-large {
  padding-top: clamp(4.375rem, 3.514rem + 3.6735vw, 7.1875rem);
}

.wh-padding-bottom-large {
  padding-bottom: clamp(4.375rem, 3.514rem + 3.6735vw, 7.1875rem);
}

.wh-padding-top-extra-large {
  padding-top: clamp(6.25rem, 5.102rem + 4.898vw, 10rem);
}

.wh-padding-bottom-extra-large {
  padding-bottom: clamp(6.25rem, 5.102rem + 4.898vw, 10rem);
}

[id*="mktoForm"].mktoForm .mktoLogicalField input[type="checkbox"] {
  float: left !important;
  display: block;
}

#LblsubscriptionTypeProperty {
  position: relative !important;
  width: 100% !important;
}

[id*="mktoForm"].mktoForm .mktoLogicalField label {
  position: relative !important;
  margin-bottom: 8px;
  display: block !important;
  margin-top: -3px;
}

#mktoForm_1247 .mktoFormCol {
  width: auto !important;
}

[id*="mktoForm"].mktoForm .mktoLogicalField {
  width: 100% !important;
}

[id*="mktoForm"].mktoForm .mktoLogicalField input[type="checkbox"] {
  float: left !important;
  display: block;
}

#LblsubscriptionTypeProperty {
  position: relative !important;
  width: 100% !important;
}

[id*="mktoForm"].mktoForm .mktoLogicalField label {
  position: relative !important;
  margin-bottom: 8px;
  display: block !important;
  margin-top: -3px;
}

#mktoForm_1247 .mktoFormCol {
  width: auto !important;
}

[id*="mktoForm"].mktoForm .mktoLogicalField {
  width: 100% !important;
}