/* =========================
   Theme Variables
========================= */
/* theme toggle */
:root {
	--form-element-bg: #dde6df;
	--color-bg: #fff;
	--color-bg-alt: #000;
	--color-text: #202020;
	--color-text-inverse: #fff;
	--color-text-opposite: #181a1b;
	--color-container-bg: #ffffff;
	--color-container-text: #202020;
	--color-shadow: #a1a1ad;
	--card-container-bg: rgb(227, 237, 241);
	--card-container-bg-light: rgb(219, 219, 212);
	--card-container-tx: #21213a;
	--card-container-tx-focus: #202020;
	--card-container-bgimage: url("../img/header-aurora-borealis-rendered-white.png");
	--card-container-bgimage-gradient: "linear-gradient(to top, #fff 0%, #fff 100%)";
	--card-container-box-shadow: "0 3px 8px #fff";
	--color-border: #2b2929;
	--color-border-muted: #525151;
	--color-input-bg: #edf5f7;
	--color-select-bg: #9c9a9a;
	--color-input-disabled-tx: #000000;
	--color-input-disabled-bg: #838080;
	--nav-item-bg: #e1e9eb;
	--color-link: #03497c;
	--menu-text-color: #03497c;
	--menu-text-color-hover: #fff;
	--menu-background-hover: #18b5ca;
	--color-primary: #03497c;
	--color-primary-hover: #4fc24f;
	--color-primary-text: #000000;
	--color-primary-hover-text: #fff;
	--color-link-bg: #ebe8e8;
	--color-link-hover: #4fc24f;
	--color-link-active: #4fc24f;
	--color-link-muted: #c4c4c7;
	--color-info-bg: #f5f2c5;
	--color-info-border: #61ad0b;
	--color-info-text: #000000;
	--color-error-bg: #fddfdf;
	--color-error-border: #f1a899;
	--color-error-text: #553232;
	--color-valid-bg: #9ed39e;
	--color-valid-bg-80p: #b7d6b7;
	--color-valid-bg-60p: #c6d6c6;
	--color-valid-bg-40p: #e1e7e1;
	--color-valid-link-active-header: #2c422c;
	--color-valid-border: #306630;
	--color-valid-text: #000;
	--color-divider: #3c4764;
	--color-fb-button: rgb(72, 100, 179);
	--background-color-light: #f0f0f0;
	--text-color-light: #333;
	--toggle-handle-light: #5050c9;
	--color-text-handle: #000;
	--color-gray-100: #36373a;
	--color-gray-300: #344052;
	--color-gray-400: #343435;
	--color-gray-700: #374151;
	--color-gray-900: #111827;
	--color-gray-label: #111827;
	--color-blue-500: #3b82f6;
	--color-blue-600: #2563eb;
	--color-blue-700: #1d4ed8;
	--color-white: #ffffff;
	--color-gray-400-disabled: #9ca3af;
	--color-gray-500-disabled: #6b7280;
	--color-gray-600-disabled: #45484e;
	--color-bg-odd: #bbd3c1;
	--color-tx-odd: #0e4a52;
	--color-bg-even: #1c6b99;
	--color-tx-even: #ffffff;
	--color-header-bg: #061c31;
	--color-header-tx: #f3f4f6;
	--monthly-cost-sign-in-up: #4fc24f;
	--business-title-ahref: rgb(147, 223, 147);
	--business-title-ahref-hover: rgb(147, 152, 223);
	--business-title-ahref-active: rgb(217, 147, 223);
	--form-element-bg: #dde6df;
	--form-element-tx: red;
	--form-element-brd: #2d8acc;
	--form-element-lnh: 36px;
}
.dark-theme {
	--color-bg: #000000;
	--color-bg-alt: #fff;
	--color-text: #e6e6e6;
	--color-text-inverse: #181a1b;
	--color-text-opposite: #181a1b;
	--color-container-bg: #000000;
	--color-container-text: #e6e6e6;
	--color-shadow: #a1a1ad;
	--card-container-bg: #19273c;
	--card-container-bg-light: #254066;
	--card-container-tx: #fff;
	--card-container-tx-focus: #cdd2e6;
	--card-container-bgimage: url("../img/header-aurora-borealis-rendered-black.png");
	--card-container-bgimage-gradient: "linear-gradient(to top, #000 0%, #000 100%)";
	--card-container-box-shadow: "0 3px 8px #000";
	--color-border: #d4d2d2;
	--color-border-muted: #e2dddd;
	--color-input-bg: #444746;
	--color-select-bg: #918e8e;
	--color-select-bg-odd: #c3d7eb;
	--color-select-bg-evn: #e3f0e0;
	--color-input-disabled-tx: #000000;
	--color-input-disabled-bg: #cac7c7;
	--nav-item-bg: #e1e9eb;
	--menu-text-color: #03497c;
	--menu-text-color-hover: #fff;
	--menu-background-hover: #18b5ca;
	--color-primary: #4fc24f;
	--color-primary-hover: #2d8acc;
	--color-primary-text: #000000;
	--color-primary-hover-text: #fff;
	--color-info-bg: #f5f2c5;
	--color-info-border: #61ad0b;
	--color-info-text: #000000;
	--color-error-bg: #fddfdf;
	--color-error-border: #f1a899;
	--color-error-text: #553232;
	--color-valid-bg: #9ed39e;
	--color-valid-bg-80p: #b7d6b7;
	--color-valid-bg-60p: #c6d6c6;
	--color-valid-bg-40p: #e1e7e1;
	--color-valid-link-active-header: #cde6cd;
	--color-valid-border: #306630;
	--color-valid-text: #000;
	--color-divider: #3c4764;
	--color-fb-button: #3b5998;
	--background-color-dark: #333;
	--text-color-dark: #e6e6e6;
	--toggle-background-dark: #bada95;
	--toggle-handle-dark: #3399ff;
	--color-text-handle: #fff;
	--color-gray-100: #f3f4f6;
	--color-gray-300: #d1d5db;
	--color-gray-400: #898e97;
	--color-gray-500: #c4c4c7;
	--color-gray-700: #374151;
	--color-gray-900: #111827;
	--color-gray-label: #f3f4f6;
	--color-blue-500: #3b82f6;
	--color-blue-600: #2563eb;
	--color-blue-700: #03497c;
	--color-white: #ffffff;
	--color-gray-400-disabled: #9ca3af;
	--color-gray-500-disabled: #6b7280;
	--color-gray-600-disabled: #45484e;
	--color-bg-odd: #374151;
	--color-tx-odd: #ffffff;
	--color-bg-even: #63738e;
	--color-tx-even: #ffffff;
	--color-header-bg: #071d33;
	--color-header-tx: #ffffff;
	--monthly-cost-sign-in-up: #69eb69;
	--business-title-ahref: rgb(147, 223, 147);
	--business-title-ahref-hover: rgb(147, 152, 223);
	--business-title-ahref-active: rgb(217, 147, 223);
	--form-element-color: #1b6da8;
	--form-element-fsize: 1.4rem;
	--color-link: #2d8acc;
	--color-link-bg: #313131;
	--color-link-hover: #4fc24f;
	--color-link-active: #4fc24f;
	--color-link-muted: #c4c4c7;
	--form-element-bg: #dde6df;
	--form-element-tx: #000;
	--form-element-brd: #2d8acc;
	--form-element-lnh: 36px;
	--form-element-pb-multi: 20px;
	--color-warning-brd: red;
	--color-warning-bg: #dde6df;
	--color-warning-tx: #000;
	--color-danger: red;
	--color-blue-choice: #99c3ff;
}
/* .lock-icon {
	font-size: 16px;
	color: #1b6da8 !important;
} */
.ui-lock-locked {
	font-size: 18px;
	font-weight: 100;
	filter: grayscale(100%) brightness(0.8);
	display: inline-block;
	cursor: pointer;
}
.ui-lock-unlocked {
	font-size: 18px;
	font-weight: 100;
	filter: grayscale(100%) brightness(0.8);
	display: inline-block;
	cursor: pointer;
}
.ui-lock-locked:hover {
	font-size: 18px;
	font-weight: 100;
	display: inline-block;
	cursor: pointer;
	filter: grayscale(50%) brightness(1);
}
.ui-lock-unlocked:hover {
	font-size: 18px;
	font-weight: 100;
	display: inline-block;
	cursor: pointer;
	filter: grayscale(50%) brightness(1);
}
label {
	color: var(--color-gray-label);
}
.example {
	color: var(--color-gray-400);
}
p {
	color: var(--color-gray-300);
	text-align: left;
}
body {
	background: var(--color-bg);
	color: var(--color-text);
}
/* .header .site-header-container */
#primary-header-container {
	margin: 0 auto;
	width: 100%;
	max-width: 1120px;
	box-sizing: border-box;
}
.footer-flex-container {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
	/* margin: 0 auto; */
	padding: 20px 0px 0px 0px;
	gap: 10px;
	width: 100%;
	margin-top: 0px;
	max-width: 1120px;
	box-sizing: border-box;
	align-content: center;
	border-bottom: solid 1px var(--color-divider);
}
.footer-flex-container-align-right {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 20px 0px 0px 0px;
	width: 100%;
	margin-top: 20px;
	max-width: 1120px;
	box-sizing: border-box;
	align-content: center;
	border-top: solid 1px var(--color-divider);
}
.footer-flex-container-align-right-nested {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 20px 0px 0px 0px;
	width: 100%;
	margin-top: 0px;
	max-width: 500px;
	box-sizing: border-box;
	align-content: center;
}
.footer-flex-item-align-right-nested {
	align-self: center;
	margin-right: 40px;
}
.footer-flex-item-align-right-nested:last-child {
	align-self: center;
	margin-right: 40px;
}
.footer-flex-item-align-right-nested:last-child {
	align-self: center;
	margin-right: 0px;
}
.footer-flex-item-align-right:first-child {
	align-self: center;
}
.footer-flex-item-align-right {
	align-self: center;
}
.footer-flex-item {
	align-self: flex-start;
	margin-bottom: 0px;
}
ul.footer-link {
	display: flex;
	flex-direction: column;
	margin-top: 10px !important;
}
ul.footer-link li a:hover {
	color: var(--color-link-hover);
}
.footer-flex-container-row {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
	/* margin: 0 auto; */
	padding: 0px;
	gap: 10px;
	width: 100%;
	margin-top: 20px;
	max-width: 1120px;
	box-sizing: border-box;
	align-content: center;
}
ul.footer-link-row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: 0px;
}
ul.footer-link-row li .aff-footer-header {
	color: var(--color-white);
}
/* ul.footer-link-row li .aff-footer-header,
ul.footer-link-row li,
ul.footer-link-row li a,
ul.footer-link-row li h6 {
} */
ul.footer-link-row.increase-vert-margin li {
	margin-bottom: 20px;
}
.footer-link-row li {
	text-align: left;
	margin-right: 15px;
	color: var(--color-gray-400);
}
.footer-link-row li:last-child {
	text-align: left;
	margin-right: 0px;
	color: var(--color-gray-400);
}
.footer-link-row li a {
	color: var(--color-gray-400);
	text-decoration: none;
}
.footer-link-row li a.inverted {
	color: var(--color-link-hover);
	text-decoration: none;
	margin-right: 20px;
}
.footer-link-row li a.inverted:hover,
.footer-link-row li a.inverted:active {
	/* color: var(--color-gray-400); */
	text-decoration: underline;
}
.footer-link-row li a:hover,
.footer-link-row li a:active {
	/* color: var(--color-link-hover); */
	text-decoration: underline;
}
/* =========================
   Component Styles
   (using vars)
========================= */
/* Page loading */
/* ===== Loader Overlay ===== */
#loader-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: var(--color-bg);
	color: var(--color-text);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
	transition:
		opacity 0.6s ease,
		visibility 0.6s ease;
}
/* Hide animation after load */
#loader-overlay.hidden {
	opacity: 0;
	visibility: hidden;
}
/* ===== Loader Animation ===== */
.loader {
	/* Change these to fixed pixel values */
	width: 200px;
	height: 200px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.loader span {
	position: absolute;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	animation: bounce 1s infinite ease-in-out;
}
/* Dot Colors */
.loader span:nth-child(1) {
	background: #4285f4;
	top: 0;
	left: 60px;
	animation-delay: 0s;
}
/* Blue */
.loader span:nth-child(2) {
	background: #ea4335;
	top: 60px;
	left: 120px;
	animation-delay: 0.2s;
}
/* Red */
.loader span:nth-child(3) {
	background: #fbbc05;
	top: 120px;
	left: 60px;
	animation-delay: 0.4s;
}
/* Yellow */
.loader span:nth-child(4) {
	background: #34a853;
	top: 60px;
	left: 0;
	animation-delay: 0.6s;
}
/* Green */
@keyframes bounce {
	0%,
	100% {
		transform: scale(0.8);
		opacity: 0.7;
	}
	50% {
		transform: scale(1.3);
		opacity: 1;
	}
}
/* Menu CSS */
.flex-container-menu {
	display: flex;
	justify-content: space-between;
	align-content: center;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0 auto;
	padding: 0px;
	margin: 0px;
	gap: 0px;
	width: 100%;
	max-width: 1120px;
	box-sizing: border-box;
}
.flex-container-menu:nth-child(2) {
	width: 100%;
	max-width: 1120px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	gap: 0px;
}
.menu-item1 {
	flex-basis: 70px;
}
.menu-item2 {
	flex-grow: 2;
	flex-basis: auto;
}
.menu-item3 {
	align-self: flex-end;
}
nav {
	margin: 0 auto;
	padding: 0px;
	margin: 0px;
	gap: 0px;
	width: 100%;
	max-width: 1120px;
}
/* body layout */
.flex-container-body {
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 100%;
	max-width: 1120px;
	padding: 0px;
	gap: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	flex-wrap: wrap;
	align-content: space-around;
	background: var(--color-container-bg);
	color: var(--color-container-text);
	box-sizing: border-box;
}
.flex-container-body:first-child {
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 0px;
	width: 100%;
	max-width: 1120px;
	padding: 0px;
	gap: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	flex-wrap: wrap;
	align-content: space-around;
	background: var(--color-container-bg);
	color: var(--color-container-text);
	box-sizing: border-box;
}
.flex-item-body {
	/* align-self: flex-start; */
	margin-top: 0px;
}
/* narrow forms layout */
.flex-container-forms-auth-code {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column wrap;
	flex-direction: column;
	flex-wrap: wrap;
	align-content: space-around;
	width: 100%;
	max-width: 600px;
	padding: 0px;
	gap: 0px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin: 0 auto;
}
.flex-items-forms-auth-code {
	display: flex;
	align-self: flex-start;
	width: 100%;
	min-width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
}
/* broad forms layout */
.flex-container-forms {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column wrap;
	flex-direction: column;
	flex-wrap: wrap;
	align-content: space-around;
	width: 100%;
	max-width: 1120px;
	padding: 0px;
	gap: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.flex-items-forms {
	display: flex;
	align-self: flex-start;
}
.flex-items-forms .align-right-mobile {
	display: flex;
	align-self: flex-start;
}
/* @media screen and (max-width: 960px) {}
 */
.flex-items-forms-align-right {
	display: flex;
	align-self: flex-end;
	flex-direction: row-reverse;
	margin-bottom: 20px;
}
/* ===== Keep Forms Hidden Until Loader Finishes ===== */
.social-update {
	width: 100%;
	max-width: 1120px;
	border: purple;
}
#web-content-1 {
	display: none;
	width: 100%;
}
#web-form-1 {
	display: none;
	width: 100%;
}
#web-for-2 {
	display: none;
	width: 100%;
}
#web-form-3 {
	display: none;
	width: 100%;
}
/* ===== Nav ===== */
#primary-header-container img.butterfly-logo {
	position: relative;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-left: 0px;
	width: 100%;
	height: auto;
	max-width: 60px;
	box-sizing: border-box;
	rotate: 25deg;
}
#primary-header-container .logo {
	margin-top: 0px;
	max-width: 80px;
	box-sizing: border-box;
	height: auto;
}
#primary-header-container .lang-select {
	float: right;
	margin: 0px;
	padding: 0px;
}
/* 2factor */
.flex-items-forms img.butterfly-logo-two-factor {
	position: relative;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-left: 0px;
	width: 100%;
	height: auto;
	max-width: 60px;
	box-sizing: border-box;
	rotate: 25deg;
}
ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-top: 0px;
}
a {
	color: var(--color-link);
}
a:hover {
	color: var(--color-link-hover);
}
a:active {
	color: var(--color-link-active);
}
/* ===== End Nav ===== */
p.info-messge {
	margin-bottom: 35px;
}
.page-title {
	margin-bottom: 20px;
}
/* Toggle for light and dark modes */
h4.h4-theme-toggle {
	visibility: inherit;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	color: var(--color-text) !important;
}
#color-theme {
	margin-top: 10px !important;
}
.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}
.slider {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--color-link);
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
input:checked + .slider {
	background-color: var(--color-link);
}
input:focus + .slider {
	box-shadow: 0 0 1px var(--color-link);
}
input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}
.slider.round {
	border-radius: 34px;
}
.slider.round:before {
	border-radius: 50%;
}
/* End Lang toggle */
h1.site-title {
	margin: 0px;
	padding: 0px;
	font-weight: 410 !important;
}
/* Site Title w/ Effects */
.logo-effects-1 {
	background: linear-gradient(to right, #3faf3f 0%, #18b5ca 24%, #9349be 62%, #d8e755 95%);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	text-decoration: none;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	overflow: hidden;
}
.logo-effects-2 {
	background: linear-gradient(to right, #3faf3f 0%, #18b5ca 24%, #9349be 62%, #d8e755 95%);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	text-decoration: none;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	overflow: hidden;
}
.logo-effects-3 {
	background: linear-gradient(to right, #3faf3f 0%, #18b5ca 24%, #9349be 62%, #d8e755 95%);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	text-decoration: none;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	overflow: hidden;
}
/* HOVER EFFET */
.logo-effects-1:hover {
	background: linear-gradient(to left, #3faf3f 0%, #18b5ca 24%, #9349be 62%, #d8e755 95%);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	text-decoration: none;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	overflow: hidden;
}
.logo-effects-2:hover {
	background: linear-gradient(to right, #3faf3f 0%, #18b5ca 24%, #9349be 62%, #d8e755 95%);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	text-decoration: none;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	overflow: hidden;
}
.logo-effects-3:hover {
	background: linear-gradient(to left, #3faf3f 0%, #18b5ca 24%, #9349be 62%, #d8e755 95%);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	text-decoration: none;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	overflow: hidden;
}
/* OG */
.logo-effects-1 {
	background: linear-gradient(to right, #3faf3f 0%, #18b5ca 24%, #9349be 62%, #d8e755 95%);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	text-decoration: none;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	overflow: hidden;
}
.logo-effects-2 {
	background: linear-gradient(to left, #3faf3f 0%, #18b5ca 24%, #9349be 62%, #d8e755 95%);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	text-decoration: none;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	overflow: hidden;
}
.logo-effects-3 {
	background: linear-gradient(to right, #3faf3f 0%, #18b5ca 24%, #9349be 62%, #d8e755 95%);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	text-decoration: none;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	overflow: hidden;
}
/* Lang dorp down */
.toggle-theme-text {
	color: var(--color-text);
}
.flex-items-forms p {
	display: flex;
	border: 1px solid var(--color-border);
	border-radius: 4px;
	background: transparent;
	color: var(--color-gray-400);
	margin-top: 0px;
}
input:read-only {
	background-color: var(--color-input-disabled-bg);
	border: solid 1px var(--color-border-muted);
}
a.more-info {
	color: var(--color-primary-hover-text);
	background: linear-gradient(90deg, var(--color-link), var(--color-primary-hover-text));
	/* Hover */
	/* color: var(--color-primary-hover-text);
    background: linear-gradient(90deg, var(--color-link), var(--color-primary-hover-text)); */
	/* Offset-x | Offset-y | Blur-radius | Color */
	text-shadow: 2px 2px 4px var(--color-link-hover);
	padding: 5px;
	border-radius: 5px;
}
a.more-info:hover {
	color: var(--color-primary-hover-text);
	/* Offset-x | Offset-y | Blur-radius | Color */
	text-shadow: 2px 2px 4px var(--color-link-hover);
	padding: 5px;
	border-radius: 5px;
}
a {
	color: #18b5ca;
}
a:hover {
	color: var(--color-link-hover);
}
a:active {
	color: var(--color-link-active);
}
a.verify_link_read_only {
	color: var(--color-gray-400);
}
.hr-bottom-border {
	color: var(--color-divider);
}
/********************************************************/
/* LAYOUT FOLLOWS                                       */
/********************************************************/
.flex-container-columns-alt {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 15px;
	justify-content: center;
	align-items: center;
}
.flex-items-forms label.text-normal {
	flex: 1 1 150px;
	padding-top: 7px;
	margin-bottom: 5px;
}
.flex-items-forms-crud input,
.flex-items-forms input {
	visibility: inherit;
}
.flex-items-forms.verify_link input {
	border-radius: 4px;
	margin-right: 10px;
}
.flex-items-forms textarea {
	border-radius: 4px;
	height: 150px;
}
.flex-items-forms p {
	display: flex;
	padding: 0px 0px 0px 0px;
	border: 0px;
	border-radius: 4px;
	margin-top: 0px;
}
.flex-items-forms .input-message {
	padding: 10px 10px 10px 0px;
	border: 0px;
	border-radius: 4px;
}
#website_protocol {
	height: 70px;
	padding: 10px;
	border-radius: 5px;
	border: none;
}
ul.form-responses {
	margin-top: 20px !important;
	margin-left: 30px;
	width: 100%;
	box-sizing: border-box;
	text-align: left;
	margin-bottom: 0px;
}
ul.form-responses li {
	list-style-type: none;
	margin-left: 0px;
	width: 100%;
	box-sizing: border-box;
	text-align: left;
	margin-bottom: 15px;
}
ul.form-responses li.info {
	background: var(--color-info-bg);
	border: 1px solid var(--color-info-border);
	border-radius: 6px;
	color: var(--color-info-text);
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
	text-align: left;
	margin-bottom: 15px;
}
ul.form-responses li.error {
	background: var(--color-error-bg);
	border: 1px solid var(--color-error-border);
	border-radius: 6px;
	color: var(--color-error-text);
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
	text-align: left;
	margin-bottom: 15px;
}
ul.form-responses li.valid,
#msg,
#msgUpdate {
	background: var(--color-valid-bg);
	border: 1px solid var(--color-valid-border);
	border-radius: 6px;
	color: var(--color-valid-text);
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
	text-align: left;
	margin-bottom: 15px;
}
ul.form-responses li.valid:nth-child(2) {
	background: var(--color-valid-bg-80p);
}
ul.form-responses li.valid:nth-child(3) {
	background: var(--color-valid-bg-60p);
}
ul.form-responses li.valid:nth-child(4) {
	background: var(--color-valid-bg-40p);
}
.flex-items-login:nth-child(1) {
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;
	margin-bottom: 0px;
}
.flex-items-login:nth-child(2) {
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;
}
.flex-items-login:nth-child(3) {
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;
}
.google_oauth_container {
	display: inline;
}
a {
	text-decoration: none;
	transition: color 0.3s ease;
}
a.verify_link_read_only,
a.verify_link_read_only:visited,
a.verify_link_read_only:hover,
a.verify_link_read_only:active {
	text-decoration: none;
	transition: color 0.3s ease;
}
a.small-link {
	text-decoration: none;
	transition: color 0.3s ease;
}
#lastPublished {
	float: right;
}
.hr-bottom-border {
	width: 100%;
	height: 1px;
}
a.btn.btn-primary.hdr-sign-up-link {
	color: var(--color-link-hover);
	text-decoration: none;
	margin-top: 15px;
	font-size: 14px;
}
a.inverted {
	color: var(--color-link-hover);
	text-decoration: none;
}
a.btn.btn-primary.hdr-sign-up-link:hover,
a.btn.btn-primary.hdr-sign-up-link:active {
	color: var(--color-primary);
	text-decoration: underline;
	margin-top: 15px;
	font-size: 14px;
}
a.inverted:hover {
	color: var(--color-primary);
	text-decoration: underline;
}
.flex-container-content-lang-outter {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: flex-start;
	width: 100%;
	max-width: 1120px;
	height: auto;
	margin-bottom: 15px;
	margin-right: 0px;
}
.flex-items-content-lang-outter:nth-child(1) {
	display: flex;
	align-self: flex-end;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	order: 1;
}
.flex-items-content-lang-outter:nth-child(2) {
	display: flex;
	/* align-self: flex-start; */
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	order: 2;
}
/* .flex-container-content-lang-outter > .flex-items-content-lang-outter:last-child {
	flex: 0 0 auto;
	display: flex;
	justify-content: flex-end;
	align-items: center;
} */
.flex-container-content-lang {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: center;
	width: 100%;
	max-width: 1120px;
	height: auto;
	margin-bottom: 0px;
	margin-right: 0px;
}
.flex-items-content-lang:nth-child(1) {
	display: flex;
	align-self: center;
	margin-top: -5px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 20px;
	order: 1;
}
.flex-items-content-lang:nth-child(2) {
	display: flex;
	align-self: center;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 20px;
	order: 2;
}
.flex-items-content-lang:nth-child(3) {
	display: flex;
	align-self: center;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	order: 3;
}
.flex-container-content-branding {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	/* justify-content: space-between; */
	align-items: stretch;
	align-content: center;
	width: 100%;
	max-width: 1120px;
	height: auto;
	margin-bottom: 0px;
	margin-right: 0px;
}
.flex-items-content-branding:nth-child(1) {
	display: flex;
	align-self: center;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 20px;
	order: 1;
	width: 70px;
}
.flex-items-content-branding:nth-child(2) {
	display: flex;
	align-self: center;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	order: 2;
}
.flex-items-content-branding:nth-child(2) h1 {
	margin-bottom: 0px !important;
	font-weight: 410 !important;
}
.toggle-icon {
	margin-left: 5px;
}
#language {
	margin-top: 0px;
	margin-bottom: 0px;
}
.flex-items-forms .input-message {
	height: 80px;
	overflow: hidden;
}
#primary-header-container {
	position: relative;
	background: var(--color-container-bg);
	z-index: 500;
}
.theme-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
}
.theme-toggle input[type="range"] {
	display: none;
	appearance: none;
	-webkit-appearance: none;
	width: 60px;
	height: 30px;
	background: var(--form-element-bg);
	border-radius: 15px;
	outline: none;
	transition: background 0.3s;
}
.theme-toggle input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 26px;
	height: 26px;
	background: var(--toggle-handle-light);
	border-radius: 50%;
	transform: translateX(-15px);
	transition: transform 0.3s;
}
.theme-toggle input[type="range"]::-webkit-slider-thumb {
	transform: translateX(15px);
}
div.left-align-content {
	width: 100%;
	max-width: 1120px;
	display: block;
	text-align: left;
}
div.left-align-content p {
	color: var(--color-gray-300);
	text-align: left;
}
.left-align {
	text-align: left;
	align-self: flex-start;
}
/* @media**************************************************** */
@media screen and (max-width: 960px) {
	.flex-items-login:nth-child(1) {
		display: flex;
		flex-grow: 0;
		flex-shrink: 1;
		flex-basis: auto;
		align-self: auto;
		margin-bottom: 30px;
	}
	.flex-container-columns-alt {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 15px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.flex-items-forms.page-header {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 30px;
		margin-top: 0px;
	}
	.flex-items-forms label,
	.flex-items-forms label.text-normal,
	.flex-items-forms label.form_header,
	.flex-items-forms label.form_header_small {
		width: 100%;
		margin-top: 10px;
		margin-bottom: 0px;
	}
	/* 
    #web-form-2>div.flex-container-forms>div.flex-items-forms-crud.cat-adjustment {
        margin-top: 140px !important;
    } */
	.flex-items-forms.verify_link input {
		width: calc(100% - 10px);
		margin-right: 10px;
	}
	.flex-items-forms-show-password {
		flex-direction: column;
		align-items: flex-start;
		margin-top: 20px;
	}
}
/* Desktop Size */
@media screen and (min-width: 961px) {
	.flex-items-login:nth-child(1) {
		display: flex;
		flex-grow: 0;
		flex-shrink: 1;
		flex-basis: auto;
		align-self: auto;
		margin-bottom: 30px;
	}
	.flex-container-columns-alt {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 15px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.flex-items-forms.page-header {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 30px;
		margin-top: 0px;
	}
	.flex-items-forms-crud label,
	.flex-items-forms label,
	.flex-items-forms label.text-normal,
	.flex-items-forms label.form_header,
	.flex-items-forms label.form_header_small {
		width: 100%;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.flex-items-forms p {
		display: flex;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		padding: 0px;
		border-radius: 4px;
		margin-top: 0px;
		margin-bottom: 0px;
		color: var(--color-gray-400);
		margin-top: 0px;
	}
	.flex-items-forms.verify_link input {
		width: calc(100% - 10px);
		margin-right: 10px;
	}
	.flex-items-forms-show-password {
		flex-direction: column;
		align-items: flex-start;
		margin-top: 20px;
	}
}
@media screen and (max-width: 424px) {
	#language {
		margin-top: 0px;
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 275px) {
	#language {
		margin-top: 25px;
		margin-top: 25px;
	}
}
/* handle overwrites */
.loading-spinner {
	width: 30px;
	height: 30px;
	/* border: 3px solid rgba(255, 255, 255, 0.3); */
	border: 3px solid pink;
	border-top: 3px solid var(--color-link-hover);
	border-radius: 50%;
	animation: spin 1s linear infinite;
	display: none;
}
@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
.availability-message {
	text-align: left;
	min-height: 2rem;
	margin-top: 1rem;
	transition: color 0.3s ease;
}
.message-success {
	background: var(--color-valid-bg);
	border: 1px solid var(--color-valid-border);
	border-radius: 6px;
	color: var(--color-valid-text);
	padding: 10px;
	width: 250px;
	box-sizing: border-box;
	margin-bottom: 18px;
}
.message-error {
	background: var(--color-error-bg);
	border: 1px solid var(--color-error-border);
	border-radius: 6px;
	color: var(--color-error-text);
	padding: 10px;
	width: 250px;
	box-sizing: border-box;
	margin-bottom: 18px;
}
.message-warning {
	background: var(--color-error-bg);
	border: 1px solid var(--color-error-border);
	border-radius: 6px;
	color: var(--color-error-text);
	padding: 10px;
	width: 250px;
	box-sizing: border-box;
	margin-bottom: 18px;
}
#handle-submit {
	visibility: inherit;
}
#handle-submit:hover {
	visibility: inherit;
}
h1.handle-title {
	color: var(--color-text);
	text-align: left;
	font-weight: 410 !important;
}
p.handle-subtitle {
	color: var(--color-text);
	text-align: left;
}
h3.handleInput {
	color: var(--color-text);
	text-align: left;
}
#handleInput::placeholder {
	color: var(--color-text-opposite);
}
#handleInput {
	width: 250px;
	max-width: 100%;
	box-sizing: border-box;
	border-radius: 4px;
	margin-top: 0px;
	margin-bottom: 10px;
	max-height: 40px;
	padding-right: 3rem;
	border: 1px solid var(--color-border);
	border-radius: 4px;
	background: var(--color-input-bg);
	color: var(--color-text-opposite);
}
.flex-container-social {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: normal;
}
.flex-items-social:nth-child(1) {
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;
	margin-top: 20px;
	margin-right: 10px;
}
.flex-items-social:nth-child(2) {
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;
}
/* ul.form-responses li.error {
} */
ul.form-responses li.error a {
	color: var(--color-error-text);
	margin-top: px;
	margin-bottom: 0px;
	padding: 2px;
	background-color: #f5f2c5;
	color: #000;
	border-radius: 4px;
	border: solid 1px var(--color-blue-500);
}
ul.form-responses li.error a:hover {
	color: var(--color-error-text);
	margin-top: px;
	margin-bottom: 0px;
	padding: 2px;
	background-color: #f5f2c5;
	color: #000;
	border-radius: 4px;
	border: solid 1px var(--color-blue-500);
}
ul.form-responses li.valid a {
	margin-top: 1px;
	margin-bottom: 0px;
	padding: 0px 5px 0px 5px;
	background-color: #fff;
	color: #000;
	border-radius: 4px;
	border: solid 1px var(--color-blue-500);
}
ul.form-responses li.valid a:hover {
	margin-top: 1px;
	margin-bottom: 0px;
	padding: 0px 5px 0px 5px;
	background-color: #f5f2c5;
	color: #000;
	border-radius: 4px;
	border: solid 1px var(--color-blue-500);
}
/* The container */
.container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/* Hide the browser's default checkbox */
.container input {
	position: absolute;
	opacity: 0;
	height: 0;
	width: 0;
}
/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
}
/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
	background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
	background-color: #2196f3;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
	display: block;
}
/* Style the checkmark/indicator */
.container .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.ul-error {
	margin-top: 20px;
}
/* content cards */
:root {
	--accent: #0066ff;
	--muted: var(--color-text-opposite);
	--bg: var(--color-container-bg);
	--card: var(--color-gray-300);
	--radius: 12px;
	--max: 1120px;
}
* {
	box-sizing: border-box;
}
section {
	margin: 0 auto;
	width: 100%;
	min-width: 100%;
	max-width: 1120px;
}
div.card {
	margin: 0 auto;
	width: 100%;
	min-width: 100%;
	max-width: 1120px;
	box-sizing: border-box;
	vertical-align: top;
	background: var(--card-container-bg);
	padding: 28px;
	margin-bottom: 28px;
	border-radius: var(--radius);
	box-shadow: 0 6px 20px rgba(12, 18, 27, 0.06);
}
div.card-sign-in {
	margin: 0 auto;
	width: 100%;
	min-width: 100%;
	max-width: 1120px;
	box-sizing: border-box;
	vertical-align: top;
	background: var(--card-container-bg);
	padding: 28px;
	margin-bottom: 0px;
	border-radius: var(--radius);
	box-shadow: 0 6px 20px rgba(12, 18, 27, 0.06);
}
div.card-black {
	margin: 0 auto;
	width: 100%;
	min-width: 100%;
	max-width: 1120px;
	box-sizing: border-box;
	vertical-align: top;
	background: var(--card-container-bg);
	padding: 0px;
	margin-bottom: 28px;
	border-radius: var(--radius);
	box-shadow: 0 6px 20px rgba(12, 18, 27, 0.06);
}
.card h1 {
	margin: 0 0 6px;
}
.card p.lead,
.card p.feature {
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 20px;
	color: var(--card-container-tx-focus);
}
.card summary {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 10px;
	color: var(--card-container-tx-focus);
}
.card p {
	color: var(--card-container-tx-focus);
}
.card.hero {
	display: grid;
	grid-template-columns: 1fr 420px;
	gap: 28px;
	align-items: start;
	margin-bottom: 28px;
}
.card #hero-heading {
	max-width: 700px;
}
h2.card .hero-heading {
	visibility: inherit;
}
.card-sign-in #hero-heading {
	max-width: 700px;
	color: var(--card-container-tx-focus);
}
h2.card-sign-in .hero-heading {
	color: var(--card-container-tx-focus);
}
#hero-heading > span {
	/* color: #69eb69; */
	color: var(--monthly-cost-sign-in-up);
	background: var(--card-container-bg-light);
	padding: 5px;
	border-radius: 5px;
}
#hero-heading > a,
.btn-primary .card-sign-in > a {
	visibility: inherit;
}
.card-sign-in p {
	color: var(--color-text);
}
.card .features {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
	margin-top: 0px;
	margin: 0 auto;
	width: 100%;
	min-width: 100%;
	max-width: 1120px;
	box-sizing: border-box;
}
.card .feature {
	padding: 18px;
	border-radius: 10px;
	background: linear-gradient(180deg, rgba(3, 7, 18, 0.02), transparent);
}
.card .features-2c {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0px;
	margin: 0 auto;
	margin-top: -40px;
	width: 100%;
	max-width: 1120px;
	box-sizing: border-box;
}
/* .card ul.features {
} */
.card ul.features li {
	margin: 0px;
	display: block;
	width: 50%;
	margin-right: 30px;
}
.card summary {
	visibility: inherit;
}
.card .feature-2c {
	padding: 18px;
	border-radius: 10px;
	margin: 20px 0 20px 0;
	background: linear-gradient(180deg, rgba(3, 7, 18, 0.02), transparent);
}
.card .feature {
	padding: 18px;
	border-radius: 10px;
	background: linear-gradient(180deg, rgba(3, 7, 18, 0.02), transparent);
}
.card ul.on-page {
	margin-left: 40px;
	max-width: 100%;
}
.card ul.on-page.reduce-width {
	margin-left: 40px;
	max-width: 100%;
}
@media screen and (max-width: 1120px) {
	.card ul.on-page.reduce-width {
		margin-left: 40px;
		max-width: 100%;
	}
}
.card ul.on-page li {
	list-style: disc;
	margin-bottom: 20px;
	color: var(--card-container-tx-focus);
	margin-left: 0px;
}
.card ul.on-page li.no-bullet {
	list-style: none;
}
.card .cta {
	display: flex;
	gap: 12px;
	margin-top: 0px;
	justify-content: center;
	align-self: center;
	margin: 0 auto;
}
/* .card .btn {
    background: var(--color-link);
    color: var(--color-primary-hover-text);
    border: none;
    margin-top: 5px;
    border-radius: 4px;
    text-align: center;
} */
/* .card .btn-primary,
.card-sign-in .btn-primary,
#hero-heading .btn-primary {
	max-width: 275px;
} */
.card .btn-ghost {
	background: var(--color-link);
	color: var(--color-primary-hover-text);
	border: none;
	padding: 10px;
	margin-top: 18px;
	border-radius: 4px;
}
.card form input,
.card form textarea,
.card .select {
	width: 100%;
	border-radius: 4px;
	border: 1px solid #e6edf3;
}
.card form label {
	margin-bottom: 6px;
	display: block;
	color: #071126;
}
.card .muted {
	color: var(--muted);
}
.card .grid-2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}
.card .pricing {
	display: flex;
	gap: 12px;
	margin-top: 18px;
}
.card .pill {
	display: inline-block;
	padding: 6px 10px;
	border-radius: 999px;
	border: 1px solid var(--color-border-muted);
	color: var(--card-container-tx);
}
.card a {
	color: var(--color-link);
}
.card a:hover {
	color: var(--color-link-hover);
}
.card a:active {
	color: var(--color-link-active);
}
.card h1,
.card h2,
.card h3,
.card h4,
.card h5,
.card h6 {
	margin-top: 30px;
	margin-bottom: 20px;
	color: var(--card-container-tx);
}
.card .mt-10 {
	margin-top: 10px;
}
@media (max-width: 980px) {
	.card .hero {
		grid-template-columns: 1fr;
	}
	.card .features {
		grid-template-columns: 1fr;
	}
	.card .grid-2 {
		grid-template-columns: 1fr;
	}
	.card .features-2c {
		grid-template-columns: repeat(1, 1fr);
	}
}
.fs-small {
	font-size: var(--font-size-small) !important;
}
.mt20 {
	margin-top: 20px;
}
div.flex-container-body > main > main > section > p,
div.flex-container-body > main > section > ul > li {
	margin-top: 20px;
	color: var(--color-gray-400);
}
#myBtn {
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Fixed/sticky position */
	bottom: 20px;
	/* Place the button at the bottom of the page */
	right: 30px;
	/* Place the button 30px from the right */
	z-index: 99;
	/* Make sure it does not overlap */
	border: none;
	/* Remove borders */
	outline: none;
	/* Remove outline */
	background-color: var(--menu-text-color-hover);
	/* Set a background color */
	color: var(--color-link);
	/* Text color */
	/* Add a mouse pointer on hover */
	padding: 15px;
	border-radius: 10px;
	/* Rounded corners */
	/* Increase font size */
	border: solid 1px var(--color-blue-500);
}
#myBtn:hover {
	color: var(--color-link-active);
	background-color: var(--menu-background-hover);
	/* Add a dark-grey background on hover */
}
li.valid p {
	color: var(--color-text-opposite);
}
.note-toolbar * {
	visibility: inherit;
}
/* Tabs */
/* Style the tab */
.tab {
	overflow: hidden;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
}
/* Style the buttons that are used to open the tab content */
.tab button {
	background-color: inherit;
	float: left;
	border: none;
	outline: none;
	padding: 14px 16px;
	transition: 0.3s;
}
/* Change background color of buttons on hover */
.tab button:hover {
	background-color: #ddd;
}
/* Create an active/current tablink class */
.tab button.active {
	background-color: #ccc;
}
/* Style the tab content */
.tabcontent {
	display: none;
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-top: none;
}
.mt30 {
	margin-top: 30px;
}
.mt40 {
	margin-top: 40px;
}
.mt50 {
	margin-top: 50px;
}
#editor {
	background-color: transparent !important;
}
.ql-toolbar.ql-snow {
	background-color: #fff;
}
#language {
	margin-top: 15px;
}
.panel {
	padding: 0px;
	display: none;
	overflow: hidden;
}
.odd .panel h4 {
	color: var(--color-tx-odd);
}
.odd .panel p {
	color: var(--color-tx-odd);
}
.even .panel h4 {
	color: var(--color-tx-even);
}
.even .panel p {
	color: var(--color-tx-even);
}
.even .panel hr.bio-divider {
	margin: 20px 0px 20px 0px;
	color: #181a1b;
}
.odd .panel hr.bio-divider {
	margin: 20px 0px 20px 0px;
	color: #181a1b;
}
h2.pageheader {
	margin-top: 30px;
	margin-bottom: 30px;
}
.two-factor-input {
	letter-spacing: 10px;
	text-align: center;
	align-self: center;
}
/* 2factor */
.flex-container-two-factor {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: flex-start;
	width: 100%;
	height: auto;
	margin-bottom: 0px;
	margin-right: 0px;
}
.flex-item-two-factor:nth-child(1) {
	display: flex;
	align-self: flex-start;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 10px;
	order: 1;
}
.flex-item-two-factor:nth-child(2) {
	display: flex;
	align-self: flex-end;
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: 20px;
	margin-right: 0px;
	order: 2;
}
/* start */
.accordion {
	margin: 0px 0px 0px 0px;
}
.flex-items-forms .accordion {
	background-color: var(--color-container-bg);
	color: var(--color-link);
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
	margin: 0px;
	padding: 0px;
	border: none;
}
.flex-items-forms .accordion:hover {
	background: var(--color-link-hover);
	color: var(--color-primary-hover-text);
	border: none;
	padding: 0px;
	margin-top: 0px;
	border-radius: 4px;
	width: 100%;
	border: none;
}
.flex-items-forms .panel {
	padding: 0px;
	display: block;
	overflow: hidden;
	border: none;
}
/* Style the buttons that are used to open and close the accordion panel */
.flex-items-forms .accordion {
	background-color: pink;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
}
/* end */
/* social accordian */
#accordion {
	background-color: transparent !important;
	padding: 0em !important;
	border-top: 0 !important;
	overflow: auto !important;
}
.group .ui-sortable-handle,
.ui-accordion-content {
	background-color: transparent !important;
	padding: 1em 1.6em !important;
	border-top: 0 !important;
	overflow: auto !important;
}
#accordion > li.group > h3.even,
.ui-accordion-header.even {
	background-color: var(--color-bg-even) !important;
	color: var(--color-tx-even) !important;
	border-top: solid 1px #fff;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	border-bottom: none;
	padding: 7px;
	margin: 0px !important;
}
#accordion > li.group > h3.odd,
.ui-accordion-header.odd {
	background-color: var(--color-bg-odd) !important;
	color: var(--color-tx-odd) !important;
	border-top: solid 1px #fff;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	border-bottom: none;
	padding: 7px;
	margin: 0px !important;
}
/*  */
/*  */
input[type="checkbox"] {
	display: flex !important;
	max-width: 50px !important;
	height: auto !important;
	margin-right: 20px !important;
}
/* accordion-members**************************************************** */
.accordion-members {
	width: 100%;
	border: 1px solid var(--color-valid-bg);
	border-radius: 4px;
	overflow: hidden;
	margin-bottom: 30px;
}
.accordion-members-header {
	width: 100%;
	padding: 16px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: var(--color-valid-bg);
	border: none;
}
.accordion-members-header:hover {
	background: var(--color-valid-bg);
}
.accordion-members-icon {
	/* fixed: dont edit */
	line-height: 1;
	text-align: left;
}
.accordion-members-panel {
	padding: 16px;
	background: var(--color-bg);
}
.flex-items-seo-40,
.flex-items-seo-60 {
	padding: 30px;
}
.mt-0 {
	margin-top: 0px !important;
}
.mt-10 {
	margin-top: 10px !important;
}
.mt-20 {
	margin-top: 20px !important;
}
.mt-30 {
	margin-top: 30px !important;
}
.mt-60 {
	margin-top: 60px !important;
}
.mb-30 {
	margin-bottom: 30px !important;
}
.mb-60 {
	margin-bottom: 60px !important;
}
.pb-30 {
	padding-bottom: 30px !important;
}
.pb-20 {
	padding-bottom: 20px !important;
}
.pb-60 {
	padding-bottom: 60px !important;
}
body > div.flex-container-body > form > div > div.flex-items-forms.google-vert-margins {
	margin-top: 10px !important;
	margin-bottom: 30px !important;
}
/* accordion-members / end**************************************************** */
/* @media**************************************************** */
@media screen and (max-width: 1040px) {
	.footer-flex-container {
		display: flex;
		justify-content: flex-start;
		flex-direction: row;
		flex-wrap: wrap;
		/* margin: 0 auto; */
		padding: 20px 0px 0px 0px;
		gap: 10px;
		width: 100%;
		margin-top: 20px;
		max-width: 1120px;
		box-sizing: border-box;
		align-content: center;
		border-bottom: solid 1px var(--color-divider);
	}
	.footer-flex-item {
		align-self: flex-start;
		margin-bottom: 30px;
		margin-right: 40px;
	}
}
@media screen and (max-width: 380px) {
	.footer-flex-item {
		align-self: flex-start;
		margin-bottom: 30px;
		margin-right: 5px;
		width: 100%;
	}
}
@media screen and (max-width: 760px) {
	.flex-container-content-lang {
		display: none;
	}
}
@media screen and (max-width: 500px) {
	h1.site-title {
		margin: 0px;
		margin-top: 20px;
		padding: 0px;
		font-weight: 410 !important;
	}
}
@media screen and (max-width: 1010px) {
	.footer-flex-container-align-right {
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		flex-wrap: wrap;
		padding: 20px 0px 0px 0px;
		width: 100%;
		margin-top: 20px;
		max-width: 1120px;
		box-sizing: border-box;
		align-content: center;
		border-top: solid 1px var(--color-divider);
	}
	.footer-flex-container-align-right-nested {
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		flex-wrap: wrap;
		padding: 0px 0px 0px 0px;
		width: 100%;
		margin-top: 0px;
		max-width: 500px;
		box-sizing: border-box;
		align-content: center;
	}
	.footer-flex-item-align-right {
		align-self: center;
		margin-bottom: 40px;
	}
	.footer-flex-item-align-right-nested {
		align-self: center;
		margin-right: 40px;
	}
	.footer-flex-item-align-right-nested:last-child {
		align-self: center;
		margin-right: 0px;
	}
	.footer-flex-item-align-right:first-child {
		align-self: center;
	}
	.footer-flex-item-align-right ul.footer-link-row-account {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.footer-flex-item-align-right ul.footer-link-row-account li {
		margin-right: 0px;
		padding: 10px;
	}
	.footer-flex-item-align-right ul.footer-link-row-account li:last-child {
		margin-right: 0px;
	}
}
h6.aff-sites,
h6.home-page-link-hdr,
h6.website-policies {
	margin-top: 0px;
	margin-bottom: 0px;
}
@media screen and (max-width: 960px) {
	ul.footer-link-row {
		display: flex;
		flex-direction: column;
		margin-bottom: 30px;
	}
	ul.footer-link-row .aff-info {
		display: flex;
		flex-direction: column;
		margin-bottom: 10px;
	}
	h6.home-page-link-hdr {
		margin-bottom: 10px;
	}
	h6.website-policies {
		margin-top: 30px;
	}
	ul.footer-link-row.increase-vert-margin li {
		margin-bottom: unset;
	}
	.card .features {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 0px !important;
		margin-top: 0px !important;
		margin: 0 auto;
		width: 100%;
		min-width: 100%;
		max-width: 1120px;
		box-sizing: border-box;
	}
	.card .feature {
		margin: 0px !important;
		padding: 0px !important;
		border-radius: 10px;
		background: linear-gradient(180deg, rgba(3, 7, 18, 0.02), transparent);
	}
	.card .features {
		grid-template-columns: 1fr !important;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
	/* #web-form-2>div.flex-container-forms>div.flex-items-forms-crud.cat-adjustment {
        margin-top: 200px !important;
    } */
}
.flex-items-forms-crud {
	display: block;
	width: 100%;
}
/* === Social videos accordion/sortable: DOM-anchored styling === */
/* Remove default UL/LI layout quirks */
#accordion {
	list-style: none;
	margin: 0;
	padding: 0;
}
#accordion > li.group {
	margin: 0;
	padding: 0;
}
/* Make the draggable header look like a row/card header */
#accordion > li.group > h3 {
	display: flex;
	align-items: center;
	gap: 12px;
	cursor: move;
	/* handle is h3 */
	margin: 0;
	/* jQuery UI sometimes adds margins */
	line-height: 1.2;
}
/* Thumbnail in the header */
#accordion > li.group > h3 .thumb {
	width: 120px;
	height: 70px;
	object-fit: cover;
	flex: 0 0 auto;
	border-radius: 6px;
}
/* Sort order badge */
#accordion > li.group > h3 .sort-number {
	display: inline-block;
	min-width: 28px;
	text-align: center;
	padding: 2px 10px;
	border-radius: 999px;
	border: 1px solid currentColor;
}
/* Ensure accordion content doesn’t inherit “weird” UI defaults */
#accordion .ui-accordion-content {
	margin: 0;
}
/* While dragging */
#accordion > li.group.ui-sortable-helper > h3 {
	cursor: grabbing;
}
/* Mobile: allow drag gesture to win over scroll on the handle */
#accordion > li.group > h3 {
	touch-action: none;
	-webkit-user-select: none;
	user-select: none;
}
/* === FIX: allow jQuery UI sortable drag on mobile === */
/* Prevent the sortable HANDLE (h3) from becoming a scroll container */
#accordion > li.group > h3,
#accordion > li.group > h3.ui-sortable-handle,
#accordion > li.group > h3.ui-accordion-header {
	overflow: visible !important;
	/* overrides overflow:auto coming from .ui-sortable-handle rule */
	touch-action: none;
	/* keep drag gesture from becoming page scroll */
	-webkit-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
}
/* Optional: make sure the draggable header is a clear “grab zone” */
#accordion > li.group > h3 {
	cursor: move;
}
/**/
.lightBlueLink {
	color: #18b5ca;
}
/* Ensure zebra striping remains visible on the dragged (helper) element */
#accordion > li.group.ui-sortable-helper > h3.even,
.ui-sortable-helper > h3.even {
	background-color: var(--color-bg-even) !important;
	color: var(--color-tx-even) !important;
}
#accordion > li.group.ui-sortable-helper > h3.odd,
.ui-sortable-helper > h3.odd {
	background-color: var(--color-bg-odd) !important;
	color: var(--color-tx-odd) !important;
}
.flex-container-menu:nth-child(2) {
	margin-bottom: 21px;
}
/* This works for both desktop and mobile */
::-moz-selection {
	/* Code for Firefox */
	color: #000000;
	background: #eeb1e9;
}
::selection {
	color: #000000;
	background: #eeb1e9;
}
/* Change the tap highlight to a transparent blue */
/* Note: This only works on WebKit browsers (iOS Safari/Chrome) */
a,
button {
	-webkit-tap-highlight-color: rgba(0, 150, 255, 0.3);
}
/* To remove it completely: */
.no-highlight {
	-webkit-tap-highlight-color: transparent;
}
/* ********************* */
/* Scoped styles (only apply inside .help-article-wrap) */
/* .help-article-wrap {
} */
.help-article-wrap .help-article {
	max-width: 820px;
	margin: 0 auto;
	padding: 16px;
}
.help-article-wrap .help-title {
	margin: 0 0 8px 0;
}
.help-article-wrap .help-subtitle {
	margin: 0 0 16px 0;
	opacity: 0.85;
}
.help-article-wrap .help-card {
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 14px;
	margin: 12px 0;
	background: #fff;
}
.help-article-wrap .help-card h2 {
	margin: 0 0 10px 0;
}
.help-article-wrap p {
	margin: 0 0 10px 0;
}
.help-article-wrap ul {
	margin: 0 0 10px 18px;
	padding: 0;
}
.help-article-wrap li {
	margin: 4px 0;
}
.help-article-wrap .help-steps {
	margin: 0;
	padding-left: 18px;
}
.help-article-wrap .help-steps li {
	margin: 8px 0;
}
.help-article-wrap .help-note {
	border-left: 4px solid #888;
	padding: 10px 12px;
	background: #f7f7f7;
	border-radius: 6px;
	margin: 10px 0;
}
.help-article-wrap .help-tip {
	border-left: 4px solid #2b7;
	padding: 10px 12px;
	background: #f3fbf7;
	border-radius: 6px;
	margin: 10px 0;
}
.help-article-wrap code {
	background: #f2f2f2;
	padding: 2px 6px;
	border-radius: 4px;
	word-break: break-word;
}
.help-article-wrap .help-divider {
	border: 0;
	border-top: 1px solid #eee;
	margin: 14px 0;
}
/* *************************************** */
/* Scoped styles (only apply inside .help-article-wrap) */
.help-article-wrap {
	line-height: 1.5;
}
.help-article-wrap .help-article {
	max-width: 820px;
	margin: 0 auto;
	padding: 16px;
}
.help-article-wrap .help-title {
	margin: 0 0 8px 0;
}
.help-article-wrap .help-subtitle {
	margin: 0 0 16px 0;
	opacity: 0.85;
}
.help-article-wrap .help-card {
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 14px;
	margin: 12px 0;
	background: #fff;
}
.help-article-wrap .help-card h2 {
	margin: 0 0 10px 0;
}
.help-article-wrap p {
	margin: 0 0 10px 0;
}
.help-article-wrap ul {
	margin: 80px 0 10px 18px;
	padding: 0;
}
.help-article-wrap li {
	margin: 4px 0;
}
.help-article-wrap .help-steps {
	margin: 0;
	padding-left: 18px;
}
.help-article-wrap .help-steps li {
	margin: 8px 0;
}
.help-article-wrap .help-note {
	border-left: 4px solid #888;
	padding: 10px 12px;
	background: #f7f7f7;
	border-radius: 6px;
	margin: 10px 0;
}
.help-article-wrap .help-tip {
	border-left: 4px solid #2b7;
	padding: 10px 12px;
	background: #f3fbf7;
	border-radius: 6px;
	margin: 10px 0;
}
.help-article-wrap code {
	background: #f2f2f2;
	padding: 2px 6px;
	border-radius: 4px;
	word-break: break-word;
}
.help-article-wrap .help-divider {
	border: 0;
	border-top: 1px solid #eee;
	margin: 14px 0;
}
#primary-header-container > section > div > article > section > p,
#primary-header-container > section > div > article > section > ol > li,
#primary-header-container > section > div > article > section > ul {
	line-height: 25px;
}
#primary-header-container > section > div > article > section > p {
	line-height: 22px;
}
/* ***************************** */
/* Scoped styles (only apply inside .help-article-wrap) */
.help-article-wrap {
	line-height: 1.5;
}
.help-article-wrap .help-article {
	max-width: 820px;
	margin: 0 auto;
	padding: 16px;
}
.help-article-wrap .help-title {
	margin: 0 0 8px 0;
}
.help-article-wrap .help-subtitle {
	margin: 0 0 16px 0;
	opacity: 0.85;
}
.help-article-wrap .help-card {
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 14px;
	margin: 12px 0;
	background: #fff;
}
.help-article-wrap .help-card h2 {
	margin: 0 0 10px 0;
}
.help-article-wrap p {
	margin: 25px 0 10px 0;
}
.help-article-wrap ul {
	margin: 25px 0 10px 18px;
	padding: 0;
}
.help-article-wrap li {
	margin: 25px 0;
}
.help-article-wrap .help-steps {
	margin: 0;
	padding-left: 18px;
}
.help-article-wrap .help-steps li {
	margin: 8px 0;
}
.help-article-wrap .help-note {
	border-left: 4px solid #888;
	padding: 10px 12px;
	background: #f7f7f7;
	border-radius: 6px;
	margin: 10px 0;
}
.help-article-wrap .help-tip {
	border-left: 4px solid #2b7;
	padding: 10px 12px;
	background: #f3fbf7;
	border-radius: 6px;
	margin: 10px 0;
}
.help-article-wrap .help-divider {
	border: 0;
	border-top: 1px solid #eee;
	margin: 14px 0;
}
.form-responses:first-child {
	margin-top: 0px;
}
div.form-msg.error,
div.form-msg.error {
	margin-top: 20px !important;
	border-radius: 6px !important;
	background: #fff !important;
	border: 1px solid var(--color-error-border) !important;
	border-radius: 6px !important;
	color: var(--color-error-text) !important;
	padding: 10px !important;
	width: 100% !important;
	box-sizing: border-box !important;
	margin-bottom: 18px !important;
}
div.form-msg.success {
	background: var(--color-valid-bg);
	border: 1px solid var(--color-valid-border);
	border-radius: 6px;
	color: var(--color-valid-text);
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
	text-align: left;
	margin-bottom: 15px;
}
/* ***************************************************** */
.flex-container-memlinks {
	margin: 0 auto;
	width: 100%;
	max-width: 1120px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: space-around;
	width: 100%;
	border-top: solid 1px var(--color-divider);
	border-bottom: solid 1px var(--color-divider);
	padding-top: 20px;
	padding-bottom: 20px;
}
.flex-items-memlinks:nth-child(1) {
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: center;
	order: 0;
}
.flex-items-memlinks:nth-child(2) {
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: center;
	order: 0;
}
/* .accordion-members-title {
} */
/* 
New Company Title Effect
/* 
  these type the CSS variable as color
  unlocking the ability for the browser 
  to animate just that portion
*/
@property --＠color-1 {
	syntax: "<color>";
	inherits: false;
	initial-value: hsl(98 100% 62%);
}
@property --＠color-2 {
	syntax: "<color>";
	inherits: false;
	initial-value: hsl(204 100% 59%);
}
/* keyframes that change the color variable */
@keyframes gradient-change {
	to {
		--＠color-1: hsl(210 100% 59%);
		--＠color-2: hsl(310 100% 59%);
	}
}
.flex-items-content-branding,
.flex-item-two-factor.brand-title {
	/* apply variable changes over time */
	animation: gradient-change 8s linear infinite alternate;
	background: linear-gradient(/* 
      in oklch produces more vibrant gradient results 
      learn more https://developer.chrome.com/docs/css-ui/access-colors-spaces#color_interpolation
    */ to right in oklch, /* use the variables in a gradient (or wherever!) */ var(--＠color-1), var(--＠color-2));
	/* old browser support */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	/* modern browser version */
	background-clip: text;
	color: transparent;
	font-weight: 410 !important;
}
/* Sean */
#accordion > li.group {
	margin: 0 0 20px 0;
	padding: 0;
}
/* ==============================
   Social Videos: Header controls
   ============================== */
/* Make the accordion header a 3-zone layout: [edit] [content] [drag] */
#accordion > li.group > h3 {
	display: flex;
	align-items: center;
	gap: 10px;
	/* IMPORTANT: allow normal page scrolling on mobile when touching the header */
	touch-action: pan-y;
}
/* Middle content can wrap without being blocked by icons */
#accordion > li.group > h3 .sv-header-main {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 1 1 auto;
	min-width: 0; /* allow text to shrink/wrap */
}
#accordion > li.group > h3 .sv-meta {
	display: inline-block;
	min-width: 0;
	word-break: break-word;
}
/* Left edit icon: big, obvious, always clickable */
#accordion > li.group > h3 .sv-edit-toggle {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	border-radius: 12px;
	border: 2px solid #fff;
	color: #fff;
	background: transparent;
	cursor: pointer;
	/* Prevent drag gesture from hijacking edit tap */
	touch-action: manipulation;
}
#accordion > li.group > h3 .sv-edit-toggle svg {
	width: 28px;
	height: 28px;
	display: block;
	fill: currentColor;
}
/* Right drag handle: even more obvious, dedicated drag zone */
#accordion > li.group > h3 .sv-handle {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	color: #fff;
	border-radius: 12px;
	/* border: 2px solid #fff; */
	border: none;
	background: transparent;
	cursor: grab;
	/* IMPORTANT: this is the only place where dragging should win */
	touch-action: none;
	-webkit-user-select: none;
	user-select: none;
}
#accordion > li.group > h3 .sv-handle:active {
	cursor: grabbing;
}
#accordion > li.group > h3 .sv-handle svg {
	width: 30px;
	height: 30px;
	display: block;
	fill: currentColor;
}
/* Optional: tighten thumb spacing a bit on smaller screens */
@media screen and (max-width: 760px) {
	#accordion > li.group > h3 .thumb {
		width: 96px;
		height: 56px;
	}
}
/* OVERRIDE: header must allow normal taps/scroll; drag should be ONLY on the handle */
#accordion > li.group > h3,
#accordion > li.group > h3.ui-sortable-handle,
#accordion > li.group > h3.ui-accordion-header {
	touch-action: pan-y !important;
	-webkit-user-select: text !important;
	user-select: text !important;
	cursor: pointer !important;
}
/* The drag handle is the only element that should suppress scrolling */
#accordion > li.group > h3 .sv-handle {
	touch-action: none !important;
	-webkit-user-select: none !important;
	user-select: none !important;
	cursor: grab !important;
}
/* Force visible, tappable drag handle + pencil button (override any global svg sizing) */
#accordion > li.group > h3 .sv-handle {
	width: 60px !important;
	height: 60px !important;
	min-width: 60px !important;
	min-height: 60px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border: 2px solid currentColor !important;
	border-radius: 12px !important;
	opacity: 1 !important;
	visibility: visible !important;
}
#accordion > li.group > h3 .sv-handle svg {
	width: 34px !important;
	height: 34px !important;
	display: block !important;
	fill: currentColor !important;
}
#accordion > li.group > h3 .sv-edit-toggle {
	width: 56px !important;
	height: 56px !important;
	min-width: 56px !important;
	min-height: 56px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border: 2px solid currentColor !important;
	border-radius: 12px !important;
	opacity: 1 !important;
	visibility: visible !important;
}
#accordion > li.group > h3 .sv-edit-toggle svg {
	width: 32px !important;
	height: 32px !important;
	display: block !important;
	fill: currentColor !important;
}
/* Hide jQuery UI’s built-in header arrow (it competes with the pencil UI) */
#accordion > li.group > h3 .ui-accordion-header-icon {
	display: none !important;
}
/* Force handle + pencil to remain high-contrast regardless of header text color */
#accordion > li.group > h3 .sv-handle,
#accordion > li.group > h3 .sv-edit-toggle {
	color: #fff !important;
	border-color: #fff !important;
	background: rgba(0, 0, 0, 0.1) !important; /* subtle plate so it doesn’t vanish */
}
/* ==========================================================
   FORCE VISIBILITY: Social Video Drag Handle (FINAL OVERRIDE)
   ========================================================== */
/* Header should NOT imply drag anymore */
#accordion > li.group > h3 {
	cursor: default !important;
}
/* Drag handle container */
#accordion > li.group > h3 .sv-handle {
	width: 56px !important;
	height: 56px !important;
	min-width: 56px !important;
	min-height: 56px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: rgba(0, 0, 0, 0.25) !important; /* visible plate */
	border: 2px solid #ffffff !important;
	border-radius: 12px !important;
	color: #ffffff !important; /* decouple from currentColor */
	opacity: 1 !important;
	visibility: visible !important;
	cursor: grab !important;
}
/* Drag handle SVG (the actual icon) */
#accordion > li.group > h3 .sv-handle svg {
	width: 32px !important;
	height: 32px !important;
	min-width: 32px !important;
	min-height: 32px !important;
	display: block !important;
	fill: #ffffff !important; /* FORCE visible */
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: none !important; /* drag belongs to container */
}
/* Optional: active feedback */
#accordion > li.group > h3 .sv-handle:active {
	background: rgba(0, 0, 0, 0.4) !important;
	cursor: grabbing !important;
}
/* =========================================================
   FIX: prevent scrollbars inside the sortable drag icon
   (overrides `.group .ui-sortable-handle { overflow:auto !important; }`)
   ========================================================= */
#accordion > li.group > h3 .sv-handle,
#accordion > li.group > h3 .sv-handle.ui-sortable-handle {
	overflow: hidden !important;
	line-height: 0; /* avoids inline SVG baseline overflow */
	box-sizing: border-box;
}
/* Ensure the SVG can’t create its own overflow box */
#accordion > li.group > h3 .sv-handle svg {
	display: block;
	width: 100%;
	height: 100%;
	overflow: visible; /* prevents inner SVG clipping artifacts */
}
/* Belt-and-suspenders: hide any scrollbar UI if a browser still paints it */
#accordion > li.group > h3 .sv-handle {
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none; /* old Edge/IE */
}
#accordion > li.group > h3 .sv-handle::-webkit-scrollbar {
	width: 0;
	height: 0;
}
/* =========================================
   Mobile helper text for drag-and-drop
   ========================================= */
.sv-drag-hint {
	display: none;
	font-size: 12px;
	opacity: 0.85;
	white-space: nowrap;
	pointer-events: none;
}
/* Show helper ONLY on touch/mobile widths */
@media (hover: none) and (pointer: coarse), screen and (max-width: 760px) {
	#accordion > li.group > h3 .sv-drag-hint {
		display: inline-block;
		margin-right: 8px;
		color: #ffffff;
	}
}
/* BUSTED CACHE */
ul.footer-link li a:active,
ul.footer-link li a.active-link,
ul.footer-link-row li a:active,
ul.footer-link-row li a.active-link {
	color: var(--color-link-active);
	text-decoration: underline;
}
li.mem-shortcuts {
	margin-left: 30px;
}