/*
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://cdn-ilddmol.nitrocdn.com/QQVtwxNApaWurhQXltaFeJuSBElXRoHX/assets/static/source/rev-b8b9cba/fonts.googleapis.com/5aaedde83af2f86e0634fa547e655af8.css2");

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

.section__form-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: #ccc;
	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, .5) 100%), #29cc91 !important;
	border: 0px !important;
	font-size: 16px !important;
	color: #08291d !important;
	font-weight: 700 !important;
	letter-spacing: .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: "✓";
	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: "●";
	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;
}

¨
.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 + .8163vw, 2.5rem);
}

.wh-padding-bottom-small {
	padding-bottom: clamp(1.875rem, 1.6837rem + .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;
}