@charset "UTF-8";
/***** Normalize.css *****/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
/* open-sans-300 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Open Sans Light';
	font-style: normal;
	font-weight: 300;
	src: url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-300.eot'); /* IE9 Compat Modes */
	src: url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-300.eot?#iefix')
			format('eot'),
		/* IE6-IE8 */ url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-300.woff2')
			format('woff2'),
		/* Super Modern Browsers */
			url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-300.woff') format('woff'),
		/* Modern Browsers */ url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-300.ttf')
			format('truetype'),
		/* Safari, Android, iOS */
			url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-300.svg#OpenSans')
			format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Open Sans Regular';
	font-style: normal;
	font-weight: 400;
	src: url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-400.eot'); /* IE9 Compat Modes */
	src: url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-400.eot?#iefix')
			format('embedded-opentype'),
		/* IE6-IE8 */ url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-400.woff2')
			format('woff2'),
		/* Super Modern Browsers */
			url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-400.woff') format('woff'),
		/* Modern Browsers */ url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-400.ttf')
			format('truetype'),
		/* Safari, Android, iOS */
			url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-400.svg#OpenSans')
			format('svg'); /* Legacy iOS */
}
/* open-sans-500 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Open Sans Medium';
	font-style: normal;
	font-weight: 500;
	src: url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-500.eot'); /* IE9 Compat Modes */
	src: url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-500.eot?#iefix')
			format('embedded-opentype'),
		/* IE6-IE8 */ url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-500.woff2')
			format('woff2'),
		/* Super Modern Browsers */
			url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-500.woff') format('woff'),
		/* Modern Browsers */ url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-500.ttf')
			format('truetype'),
		/* Safari, Android, iOS */
			url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-500.svg#OpenSans')
			format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Open Sans SemiBold';
	font-style: normal;
	font-weight: 600;
	src: url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-600.eot'); /* IE9 Compat Modes */
	src: url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-600.eot?#iefix')
			format('embedded-opentype'),
		/* IE6-IE8 */ url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-600.woff2')
			format('woff2'),
		/* Super Modern Browsers */
			url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-600.woff') format('woff'),
		/* Modern Browsers */ url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-600.ttf')
			format('truetype'),
		/* Safari, Android, iOS */
			url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-600.svg#OpenSans')
			format('svg'); /* Legacy iOS */
}

/* jost-300 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Jost Light';
	font-style: normal;
	font-weight: 300;
	src: url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-300.eot'); /* IE9 Compat Modes */
	src: url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-300.eot?#iefix')
			format('embedded-opentype'),
		/* IE6-IE8 */ url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-300.woff2')
			format('woff2'),
		/* Super Modern Browsers */
			url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-300.woff') format('woff'),
		/* Modern Browsers */ url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-300.ttf')
			format('truetype'),
		/* Safari, Android, iOS */
			url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-300.svg#Jost') format('svg'); /* Legacy iOS */
}
/* jost-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Jost Regular';
	font-style: normal;
	font-weight: 400;
	src: url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-400.eot'); /* IE9 Compat Modes */
	src: url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-400.eot?#iefix')
			format('embedded-opentype'),
		/* IE6-IE8 */ url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-400.woff2')
			format('woff2'),
		/* Super Modern Browsers */
			url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-400.woff') format('woff'),
		/* Modern Browsers */ url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-400.ttf')
			format('truetype'),
		/* Safari, Android, iOS */
			url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-400.svg#Jost') format('svg'); /* Legacy iOS */
}
/* jost-500 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Jost Medium';
	font-style: normal;
	font-weight: 500;
	src: url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-500.eot'); /* IE9 Compat Modes */
	src: url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-500.eot?#iefix')
			format('embedded-opentype'),
		/* IE6-IE8 */ url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-500.woff2')
			format('woff2'),
		/* Super Modern Browsers */
			url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-500.woff') format('woff'),
		/* Modern Browsers */ url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-500.ttf')
			format('truetype'),
		/* Safari, Android, iOS */
			url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-500.svg#Jost') format('svg'); /* Legacy iOS */
}
/* jost-600 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Jost SemiBold';
	font-style: normal;
	font-weight: 600;
	src: url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-600.eot'); /* IE9 Compat Modes */
	src: url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-600.eot?#iefix')
			format('embedded-opentype'),
		/* IE6-IE8 */ url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-600.woff2')
			format('woff2'),
		/* Super Modern Browsers */
			url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-600.woff') format('woff'),
		/* Modern Browsers */ url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-600.ttf')
			format('truetype'),
		/* Safari, Android, iOS */
			url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-600.svg#Jost') format('svg'); /* Legacy iOS */
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/***** Base *****/
* {
  box-sizing: border-box;
}

body {
  background-color: rgba(255, 255, 255, 1);
  color: #333333;
  font-family: "Open Sans",sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.15;
}

@media (min-width: 1024px) {
  body > main {
    min-height: 65vh;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family:"Jost",sans-serif;
  font-weight: 300;
	margin: 0.67em 0;
  
}

h1 {
  font-size: 45px;
  line-height: 56px
  font-weight: 300;
}

h2, h3 {
  font-size: 25px;
	line-height: 30px;
}


h4 {
  font-size: 23px;
	line-height: 32px;
}

h5 {
	font-size: 16px;
	line-height: 23px;
}

h6 {
	font-size: 14px;
}

@media (min-width: 576px) {
  h2 {
    font-size: 30px;
		line-height: 38px;
  }
}

@media (min-width: 768px) {
  h2 {
    font-size: 45px;
		line-height: 56px;
  }
  
  h3 {
    font-size: 34px;
		line-height: 40px;
  }
}

a {
  color: #ff7d0a;
  text-decoration: none;
}

a:visited {
  color: #ff7d0a;
}

a:hover, a:active, a:focus {
  text-decoration: none;
  color: #ff7d0a; 
}

input,
textarea {
  color: #000;
  font-size: 16px;
}

input {
  max-width: 100%;
  box-sizing: border-box;
  transition: border 0.12s ease-in-out;
}

input:not([type="checkbox"]) {
  outline: none;
}

input:not([type="checkbox"]):focus {
  border: 1px solid rgba(11, 20, 18, 1);
}

input[disabled] {
  background-color: #ddd;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23CCC' d='M0 0h10L5 6 0 0z'/%3E%3C/svg%3E%0A") no-repeat #fff;
  background-position: right 10px center;
  border: 1px solid #87929D;
  border-radius: 4px;
  padding: 8px 30px 8px 10px;
  outline: none;
  color: #555;
  width: 100%;
}

select:focus {
  border: 1px solid rgba(11, 20, 18, 1);
}

select::-ms-expand {
  display: none;
}

textarea {
  border: 1px solid #87929D;
  border-radius: 2px;
  resize: vertical;
  width: 100%;
  outline: none;
  padding: 10px;
}

textarea:focus {
  border: 1px solid rgba(11, 20, 18, 1);
}

.container {
  max-width: 90%;
  margin: 0 auto;
  padding: 0 5%;
}

@media (min-width: 1160px) {
  .container {
    padding: 0;
    width: 90%;
  }
}

.container-divider {
  border-top: 1px solid #ddd;
  margin-bottom: 20px;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.error-page {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 5%;
}

@media (min-width: 1160px) {
  .error-page {
    padding: 0;
    width: 90%;
  }
}

.visibility-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

/***** Buttons *****/
.button, .split-button button, .section-subscribe button, .article-subscribe button, .community-follow button, .requests-table-toolbar .organization-subscribe button, .subscriptions-subscribe button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link {
  background-color: transparent;
  border: 1px solid rgba(11, 20, 18, 1);
  border-radius: 4px;
  color: rgba(11, 20, 18, 1);
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  line-height: 2.34;
  margin: 0;
  padding: 0 20px;
  text-align: center;
  transition: background-color .12s ease-in-out, border-color .12s ease-in-out, color .15s ease-in-out;
  user-select: none;
  white-space: nowrap;
  width: 100%;
  -webkit-touch-callout: none;
}

@media (min-width: 768px) {
  .button, .split-button button, .section-subscribe button, .article-subscribe button, .community-follow button, .requests-table-toolbar .organization-subscribe button, .subscriptions-subscribe button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link {
    width: auto;
  }
}

.button:visited, .split-button button:visited, .section-subscribe button:visited, .article-subscribe button:visited, .community-follow button:visited, .requests-table-toolbar .organization-subscribe button:visited, .subscriptions-subscribe button:visited, .pagination-next-link:visited, .pagination-prev-link:visited, .pagination-first-link:visited, .pagination-last-link:visited {
  color: rgba(11, 20, 18, 1);
}

.button:hover, .split-button button:hover, .section-subscribe button:hover, .article-subscribe button:hover, .community-follow button:hover, .requests-table-toolbar .organization-subscribe button:hover, .subscriptions-subscribe button:hover, .pagination-next-link:hover, .pagination-prev-link:hover, .pagination-first-link:hover, .pagination-last-link:hover, .button:active, .split-button button:active, .section-subscribe button:active, .article-subscribe button:active, .community-follow button:active, .requests-table-toolbar .organization-subscribe button:active, .subscriptions-subscribe button:active, .pagination-next-link:active, .pagination-prev-link:active, .pagination-first-link:active, .pagination-last-link:active, .button:focus, .split-button button:focus, .section-subscribe button:focus, .article-subscribe button:focus, .community-follow button:focus, .requests-table-toolbar .organization-subscribe button:focus, .subscriptions-subscribe button:focus, .pagination-next-link:focus, .pagination-prev-link:focus, .pagination-first-link:focus, .pagination-last-link:focus, .button.button-primary, .split-button button.button-primary, .section-subscribe button.button-primary, .section-subscribe button[data-selected="true"], .article-subscribe button.button-primary, .article-subscribe button[data-selected="true"], .community-follow button.button-primary, .requests-table-toolbar .organization-subscribe button.button-primary, .requests-table-toolbar .organization-subscribe button[data-selected="true"], .subscriptions-subscribe button.button-primary, .subscriptions-subscribe button[data-selected="true"], .button-primary.pagination-next-link, .button-primary.pagination-prev-link, .button-primary.pagination-first-link, .button-primary.pagination-last-link {
  background-color: rgba(11, 20, 18, 1);
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
}

.button.button-primary:hover, .split-button button:hover, .section-subscribe button.button-primary:hover, .section-subscribe button:hover[data-selected="true"], .article-subscribe button.button-primary:hover, .article-subscribe button:hover[data-selected="true"], .community-follow button.button-primary:hover, .requests-table-toolbar .organization-subscribe button.button-primary:hover, .requests-table-toolbar .organization-subscribe button:hover[data-selected="true"], .subscriptions-subscribe button.button-primary:hover, .subscriptions-subscribe button:hover[data-selected="true"], .button-primary.pagination-next-link:hover, .button-primary.pagination-prev-link:hover, .button-primary.pagination-first-link:hover, .button-primary.pagination-last-link:hover, .button.button-primary:focus, .split-button button.button-primary:focus, .section-subscribe button.button-primary:focus, .section-subscribe button:focus[data-selected="true"], .article-subscribe button.button-primary:focus, .article-subscribe button:focus[data-selected="true"], .community-follow button.button-primary:focus, .requests-table-toolbar .organization-subscribe button.button-primary:focus, .requests-table-toolbar .organization-subscribe button:focus[data-selected="true"], .subscriptions-subscribe button.button-primary:focus, .subscriptions-subscribe button:focus[data-selected="true"], .button-primary.pagination-next-link:focus, .button-primary.pagination-prev-link:focus, .button-primary.pagination-first-link:focus, .button-primary.pagination-last-link:focus, .button.button-primary:active, .split-button button.button-primary:active, .section-subscribe button.button-primary:active, .section-subscribe button:active[data-selected="true"], .article-subscribe button.button-primary:active, .article-subscribe button:active[data-selected="true"], .community-follow button.button-primary:active, .requests-table-toolbar .organization-subscribe button.button-primary:active, .requests-table-toolbar .organization-subscribe button:active[data-selected="true"], .subscriptions-subscribe button.button-primary:active, .subscriptions-subscribe button:active[data-selected="true"], .button-primary.pagination-next-link:active, .button-primary.pagination-prev-link:active, .button-primary.pagination-first-link:active, .button-primary.pagination-last-link:active {
  background-color: #000;
  border-color: #000;
}

.button[data-disabled], .split-button button[data-disabled], .section-subscribe button[data-disabled], .article-subscribe button[data-disabled], .community-follow button[data-disabled], .requests-table-toolbar .organization-subscribe button[data-disabled], .subscriptions-subscribe button[data-disabled], .pagination-next-link[data-disabled], .pagination-prev-link[data-disabled], .pagination-first-link[data-disabled], .pagination-last-link[data-disabled] {
  cursor: default;
}

.button-large, input[type="submit"] {
  cursor: pointer;
  background-color: rgba(11, 20, 18, 1);
  border: 0;
  border-radius: 4px;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  line-height: 2.72;
  min-width: 190px;
  padding: 0 1.9286em;
  width: 100%;
}

@media (min-width: 768px) {
  .button-large, input[type="submit"] {
    width: auto;
  }
}

.button-large:visited, input[type="submit"]:visited {
  color: rgba(255, 255, 255, 1);
}

.button-large:hover, .button-large:active, .button-large:focus, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus {
  background-color: #000;
}

.button-large[disabled], input[type="submit"][disabled] {
  background-color: #ddd;
}

.button-secondary {
  color: #2f564d;
  border: 1px solid #87929D;
  background-color: transparent;
}

.button-secondary:visited {
  color: #2f564d;
}

.button-secondary:hover, .button-secondary:focus, .button-secondary:active {
  color: rgba(11, 20, 18, 1);
  border: 1px solid #87929D;
  background-color: #f7f7f7;
}

/***** Split button *****/
.split-button {
  display: flex;
}

.split-button button {
  background-color: rgba(11, 20, 18, 1);
  border: 0;
  color: rgba(255, 255, 255, 1);
  height: 32px;
  line-height: 16px;
  outline-color: rgba(11, 20, 18, 1);
}

[dir="rtl"] .split-button button:not(:only-child):first-child {
  border-left: 1px solid rgba(255, 255, 255, 1);
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}

[dir="ltr"] .split-button button:not(:only-child):first-child {
  border-right: 1px solid rgba(255, 255, 255, 1);
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}

.split-button button:not(:only-child):last-child {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  min-width: 26px;
  max-width: 26px;
  padding: 0;
}

[dir="rtl"] .split-button button:not(:only-child):last-child {
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}

[dir="ltr"] .split-button button:not(:only-child):last-child {
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}

/***** Tables *****/
.table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
}

@media (min-width: 768px) {
  .table {
    table-layout: auto;
  }
}

.table th,
.table th a {
  color: #2f564d;
  font-size: 13px;
  text-align: left;
}

[dir="rtl"] .table th, [dir="rtl"]
.table th a {
  text-align: right;
}

.table tr {
  border-bottom: 1px solid #ddd;
  display: block;
  padding: 20px 0;
}

@media (min-width: 768px) {
  .table tr {
    display: table-row;
  }
}

.table td {
  display: block;
}

@media (min-width: 768px) {
  .table td {
    display: table-cell;
  }
}

@media (min-width: 1024px) {
  .table td, .table th {
    padding: 20px 30px;
  }
}

@media (min-width: 768px) {
  .table td, .table th {
    padding: 10px 20px;
    height: 60px;
  }
}

/***** Forms *****/
.form {
  max-width: 650px;
}

.form-field ~ .form-field {
  margin-top: 25px;
}

.form-field label {
  display: block;
  font-size: 13px;
  margin-bottom: 5px;
}

.form-field input {
  border: 1px solid #87929D;
  border-radius: 4px;
  padding: 10px;
  width: 100%;
}

.form-field input:focus {
  border: 1px solid rgba(11, 20, 18, 1);
}

.form-field input[type="text"] {
  border: 1px solid #87929D;
  border-radius: 4px;
}

.form-field input[type="text"]:focus {
  border: 1px solid rgba(11, 20, 18, 1);
}

.form-field input[type="checkbox"] {
  width: auto;
}

.form-field .nesty-input {
  border-radius: 4px;
  border: 1px solid #87929D;
  height: 40px;
  line-height: 40px;
  outline: none;
  vertical-align: middle;
}

.form-field .nesty-input:focus {
  border: 1px solid rgba(11, 20, 18, 1);
  text-decoration: none;
}

.form-field .hc-multiselect-toggle {
  border: 1px solid #87929D;
}

.form-field .hc-multiselect-toggle:focus {
  outline: none;
  border: 1px solid rgba(11, 20, 18, 1);
  text-decoration: none;
}

.form-field textarea {
  vertical-align: middle;
}

.form-field input[type="checkbox"] + label {
  margin: 0 0 0 10px;
}

.form-field .optional {
  color: #2f564d;
  margin-left: 4px;
}

.form-field p {
  color: #2f564d;
  font-size: 12px;
  margin: 5px 0;
}

.form footer {
  margin-top: 0px;
  padding-top: 30px;
}

.form footer a {
  color: #2f564d;
  cursor: pointer;
  margin-right: 15px;
}

.form .suggestion-list {
  font-size: 13px;
  margin-top: 30px;
}

.form .suggestion-list label {
  border-bottom: 1px solid #ddd;
  display: block;
  padding-bottom: 5px;
}

.form .suggestion-list li {
  padding: 10px 0;
}

.form .suggestion-list li a:visited {
  color: rgba(149, 20, 0, 1);
}

/***** Header *****/
.header {
  position: sticky;
  top:0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #000;
  z-index:1000;
}

@media (min-width: 1160px) {
  .header {
    padding: 0 5rem;
    width: 100%;
    margin: 0;
    background: #000;
  }
}

.logo img {
  vertical-align: middle;
}

.logo span {
  margin: 0 10px;
  color: rgba(11, 20, 18, 1);
}

.logo a {
  display: inline-block;
}

.logo a:hover, .logo a:focus, .logo a:active {
  text-decoration: none;
}

.user-nav {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .user-nav {
    position: relative;
  }
}

.user-nav[aria-expanded="true"] {
  background-color: #fff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #ddd;
  right: 0;
  left: 0;
  top: 71px;
  z-index: 1;
}

.user-nav[aria-expanded="true"] > a {
  display: block;
  margin: 20px;
}

.user-nav[aria-expanded="true"] > .user-nav-list li {
  display: block;
}

.user-nav[aria-expanded="true"] > .user-nav-list a {
  display: block;
  margin: 20px;
}

.user-nav-list {
  display: block;
  list-style: none;
}

.user-nav-list > li {
  display: inline-block;
}

@media (max-width: 768px) {
  .nav-wrapper-desktop {
    display: none;
  }
}

@media (min-width: 768px) {
  .nav-wrapper-desktop {
    display: none;
  }
}

@media (min-width: 1024px) {
  .nav-wrapper-desktop {
    display: inline-block;
    margin-right: 10px;
  }
}

.nav-wrapper-desktop a {
  border: 0;
  color: #fff;
  display: none;
  font-size: 16px;
  width: auto;
  font-family: "Open Sans Regular",sans-serif;
  font-weight: 400;
  padding: 25px 12.5px;
}

@media (min-width: 768px) {
  .nav-wrapper-desktop a {
    display: inline-block;
  }
}

[dir="rtl"] .nav-wrapper-desktop a {
  padding: 0 0 0 20px;
}

.nav-wrapper-desktop a:hover, .nav-wrapper-desktop a:focus, .nav-wrapper-desktop a:active {
  background-color: transparent;
  color: #e66b00;;
  text-decoration: none;
}

@media (min-width: 1024px) {
  .nav-wrapper-mobile {
    display: none;
  }
}

.nav-wrapper-mobile .menu-button-mobile {
  background: none;
  border: 0;
  width: auto;
  min-width: 71px;
  cursor: pointer;
}

.nav-wrapper-mobile .menu-button-mobile .icon-menu {
  padding: 7px;
  vertical-align: middle;
  width: 45px;
  height: 45px;
  color: #fff;
}

.nav-wrapper-mobile .menu-button-mobile[aria-expanded="true"] .icon-menu {
  background: transparent;
}

.nav-wrapper-mobile .menu-list-mobile {
  position: absolute;
  background-color: #191919;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  right: 0;
  left: 0;
  top: 71px;
  z-index: 2;
}

.nav-wrapper-mobile .menu-list-mobile[aria-expanded="false"] {
  display: none;
}

.nav-wrapper-mobile .menu-list-mobile[aria-expanded="true"] {
  display: block;
}

.nav-wrapper-mobile .menu-list-mobile-items .item {
  margin: 4px 0;
}

.nav-wrapper-mobile .menu-list-mobile-items li:empty:not(.nav-divider) {
  display: none;
}

.nav-wrapper-mobile .menu-list-mobile-items .nav-divider {
  border-bottom: 0.1px solid #ddd;
  padding: 0;
}

.nav-wrapper-mobile .menu-list-mobile-items .nav-divider:last-child {
  display: none;
}

.nav-wrapper-mobile .menu-list-mobile-items button {
  background: none;
  border: none;
  padding: 8px 24px;
  width: 100%;
  height: 100%;
  color: rgba(11, 20, 18, 1);
  cursor: pointer;
  text-align: start;
}

.nav-wrapper-mobile .menu-list-mobile-items button:active, .nav-wrapper-mobile .menu-list-mobile-items button:focus, .nav-wrapper-mobile .menu-list-mobile-items button:hover {
  background-color: #f3f3f3;
  text-decoration: underline;
}

.nav-wrapper-mobile .menu-list-mobile-items a {
  display: block;
  padding: 8px 24px;
  width: 100%;
  height: 100%;
  color: #fff;
}

.nav-wrapper-mobile .menu-list-mobile-items a:active, .nav-wrapper-mobile .menu-list-mobile-items a:focus, .nav-wrapper-mobile .menu-list-mobile-items a:hover {
  background-color: #f3f3f3;
}

.nav-wrapper-mobile .menu-list-mobile-items .my-profile {
  display: flex;
  line-height: 1.5;
}

.nav-wrapper-mobile .menu-list-mobile-items .my-profile .my-profile-tooltip {
  font-size: 12px;
  color: #68737D;
}

.nav-wrapper-mobile .menu-list-mobile-items .menu-profile-avatar {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
  margin-top: 1px;
}

[dir="rtl"] .nav-wrapper-mobile .menu-list-mobile-items .menu-profile-avatar {
  margin-right: 0;
  margin-left: 8px;
}

.skip-navigation {
  align-items: center;
  background-color: black;
  color: white;
  display: flex;
  font-size: 14px;
  justify-content: center;
  left: -999px;
  margin: 20px;
  padding: 20px;
  overflow: hidden;
  position: absolute;
  top: auto;
  z-index: -999;
}

[dir="rtl"] .skip-navigation {
  left: initial;
  right: -999px;
}

.skip-navigation:focus, .skip-navigation:active {
  left: auto;
  overflow: auto;
  text-align: center;
  text-decoration: none;
  top: auto;
  z-index: 999;
}

[dir="rtl"] .skip-navigation:focus, [dir="rtl"] .skip-navigation:active {
  left: initial;
  right: auto;
}

/***** User info in header *****/
.user-info {
  display: inline-block;
}

.user-info .dropdown-toggle::after {
  display: none;
}

@media (min-width: 768px) {
  .user-info .dropdown-toggle::after {
    display: inline-block;
  }
}

.user-info > button {
  border: 0;
  color: #fff;
  min-width: 0;
  padding: 0;
  white-space: nowrap;
}

.user-info > button:hover, .user-info > button:focus {
  color: #e66b00;
  background-color: transparent;
}

.user-info > button::after {
  color: rgba(11, 20, 18, 1);
  padding-right: 15px;
}

[dir="rtl"] .user-info > button::after {
  padding-left: 15px;
  padding-right: 0;
}

#user #user-name {
  display: none;
  font-size: 14px;
}

@media (min-width: 768px) {
  #user #user-name {
    display: inline-block;
  }
}

#user #user-name:hover {
  text-decoration: underline;
}

/***** User avatar *****/
.user-avatar {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}

.avatar {
  display: inline-block;
  position: relative;
}

.avatar img {
  height: 40px;
  width: 40px;
}

.avatar .icon-agent {
  color: rgba(11, 20, 18, 1);
  border: 2px solid #fff;
  border-radius: 50%;
  bottom: -4px;
  background-color: rgba(255, 255, 255, 1);
  font-size: 17px;
  height: 17px;
  line-height: 17px;
  position: absolute;
  right: -2px;
  text-align: center;
  width: 17px;
}

/***** Footer *****/
.footer {
  border-top: 1px solid #ddd;
  margin-top: 60px;
  padding: 30px 0;
}

.footer a {
  color: #2f564d;
}

.footer-inner {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 5%;
  display: flex;
  justify-content: space-between;
}

@media (min-width: 1160px) {
  .footer-inner {
    padding: 0;
    width: 90%;
  }
}

.footer-legal {
  width: 100%;
  padding: 0 5%;
  margin: 0 auto;
  font-size: 11px;
  margin-top: 30px;
  display: block;
}

.footer-language-selector button {
  color: #2f564d;
  display: inline-block;
}

.powered-by-zendesk a,
.powered-by-zendesk a:visited {
  color: #2f564d;
}

/***** Breadcrumbs *****/
.breadcrumbs {
  margin: 0 0 15px 0;
  padding: 0;
}

@media (min-width: 768px) {
  .breadcrumbs {
    margin: 0;
  }
}

.breadcrumbs li {
  color: #ff7d0a;
  display: inline;
  font-size: 13px;
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.breadcrumbs li + li::before {
  content: ">";
  margin: 0 7px;
}

.breadcrumbs li a:visited {
  color: #ff7d0a;
}

/***** Search field *****/
.search-container {
  position: relative;
}

.search {
  border-color: #87929D;
  border-radius: 30px;
  border-style: solid;
  border-width: 1px;
  display: flex;
  position: relative;
  transition: border 0.12s ease-in-out;
}

.search:focus-within {
  border-color: rgba(11, 20, 18, 1);
}

.search input[type="search"],
.search .clear-button {
  background-color: #fff;
  border-radius: 30px;
  border: none;
}

.search-full input[type="search"],
.search-full .clear-button {
  border-color: #fff;
}

.search input[type="search"] {
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  color: #666;
  flex: 1 1 auto;
  height: 40px;
  width: 100%;
  font-family: "Open Sans Regular",sans-serif;
  font-weight: 400;
  background: #fff;
}

.search input[type="search"]:focus {
  color: #1a1a1a;
  font-family: "Open Sans Regular",sans-serif;
  font-weight: 400;
  transition: all .2s ease;
  background: #f3f3f3;
  border:1px solid #000000;
}

.search input[type="search"]:hover {
  background: #f3f3f3;
  transition: all .2s ease;
}

.search input[type="search"]::-webkit-search-decoration, .search input[type="search"]::-webkit-search-cancel-button, .search input[type="search"]::-webkit-search-results-button, .search input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

.search input[type="search"]:-webkit-autofill, .search input[type="search"]:-webkit-autofill:hover, .search input[type="search"]:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}

.search .clear-button {
  align-items: center;
  box-sizing: border-box;
  color: #777;
  cursor: pointer;
  display: none;
  flex: none;
  justify-content: center;
  padding: 0 15px;
}

.search .clear-button:hover {
  background-color: rgba(11, 20, 18, 1);
  color: #fff;
}

.search .clear-button:focus {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(11, 20, 18, 1);
}

.search-has-value .clear-button {
  display: flex;
}

[dir="ltr"] .search input[type="search"] {
  padding-left: 40px;
  padding-right: 20px;
}

[dir="ltr"] .search-has-value input[type="search"] {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right-color: transparent;
}

[dir="ltr"] .search-has-value input[type="search"]:focus {
  border-right-color: rgba(11, 20, 18, 1);
}

[dir="ltr"] .search .clear-button {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left-color: transparent;
}

[dir="ltr"] .search .clear-button:focus {
  border-left-color: rgba(11, 20, 18, 1);
}

[dir="rtl"] .search input[type="search"] {
  padding-left: 20px;
  padding-right: 40px;
}

[dir="rtl"] .search-has-value input[type="search"] {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left-color: transparent;
}

[dir="rtl"] .search-has-value input[type="search"]:focus {
  border-left-color: rgba(11, 20, 18, 1);
}

[dir="rtl"] .search .clear-button {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right-color: transparent;
}

[dir="rtl"] .search .clear-button:focus {
  border-right-color: rgba(11, 20, 18, 1);
}

.search-icon {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 15px;
  z-index: 1;
  width: 18px;
  height: 18px;
  color: #777;
  pointer-events: none;
}

[dir="rtl"] .search-icon {
  left: auto;
  right: 15px;
}

/***** Hero component *****/
.hero {
  background-image: url(/hc/theming_assets/01J9K7CF0E3HNCV26H7PAGMGB0);
  background-position: center;
  background-size: cover;
  height: 500px;
  padding: 0;
  /*text-align: center;*/
  width: 100%;
  padding-bottom: 2rem;
}
   .featured-inner h2 {
      font-family:'Jost', sans-serif!important;
      font-size:40px!important;
      font-weight:600!important;
     margin-bottom:5px;
     line-height:45px;
}
@media (max-width: 475px) {
  .hero {
  	background-position: -275px;
    background-repeat: no-repeat;
    height: auto;
	}
  .container{
    max-width: 100%;
  }
  .blocks-item, .featured-inner {
    flex: 1 0 200px!important;
}
  .hero-inner h1.hero-intro{
    font-size:2.5rem!important;
    line-height:2.5rem!important;
  }
  .hero-inner h2.hero-sub-intro{
    font-size:1.5rem;
    line-height:2rem;
  }
  .hero-description{
    display:none;
  }
  .sub-nav .search-container {
    max-width: 100% !important;
}
}

.hero-inner {
  position: relative;
  max-width: 90%;
  margin: 0 auto;
  text-align:center;
  top:40px;
  padding-bottom:2rem;
}

.page-header {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 10px 0;
}

@media (min-width: 768px) {
  .page-header {
    align-items: baseline;
    flex-direction: row;
    margin: 0;
  }
  .hero-inner {
  top: 40%;
  transform: translateY(-30%);
}

}

.page-header .section-subscribe {
  flex-shrink: 0;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .page-header .section-subscribe {
    margin-bottom: 0;
  }
}

.page-header h1 {
  flex-grow: 1;
  margin-bottom: 10px;
}

.page-header-description {
  font-style: italic;
  margin: 0 0 30px 0;
  word-break: break-word;
}

@media (min-width: 1024px) {
  .page-header-description {
    flex-basis: 100%;
  }
}

.page-header .icon-lock {
  height: 20px;
  width: 20px;
  position: relative;
  left: -5px;
  vertical-align: baseline;
}

.sub-nav {
  align-items: baseline;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 15px 30px;
  justify-content: space-between;
  margin-bottom: 24px;
}

@media (min-width: 768px) {
  .sub-nav {
    flex-direction: row;
  }
}

.sub-nav .breadcrumbs {
  margin: 0;
}

.sub-nav .search-container {
  max-width: 300px;
  width: 100%;
}

@media (min-width: 768px) {
  .sub-nav .search-container {
    flex: 0 1 300px;
  }
}

.sub-nav input[type="search"]::after {
  font-size: 15px;
}

/***** Blocks *****/
/* Used in Homepage#categories and Community#topics */
.blocks-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  list-style: none;
  padding: 0;
}

@media (min-width: 768px) {
  .blocks-list {
    margin: 0 -15px;
  }
}

.blocks-item {
  border-radius: 8px;
  box-sizing: border-box;
  color: rgba(11, 20, 18, 1);
  display: flex;
  flex: 1 0 340px;
  margin: 0 0 30px;
  /*text-align: center;*/
  background-color:rgb(246,246,246);
  position: relative;
  transition:all 300ms ease-in-out;
  min-height:200px;
  align-items:flex-start;
  box-shadow: 0 .4rem .8rem rgba(0,0,0,0.1);
  border:1px solid rgb(231,232,230);
}
.blocks-item a{
  height:100%;
}
.blocks-item:nth-child(1) .border-container {
  border-radius: 0 0 0.8rem 0.8rem;
  height: 5px;
  width: 100%;
  position: absolute;
  bottom: 0;
  background: linear-gradient(to right,#440001,#c92500);
}
.blocks-item:nth-child(2) .border-container {
  border-radius: 0 0 0.8rem 0.8rem;
  height: 5px;
  width: 100%;
  position: absolute;
  bottom: 0;
  background: linear-gradient(to right,#c92500,#ea6a00);
}
.blocks-item:nth-child(3) .border-container {
  border-radius: 0 0 0.8rem 0.8rem;
  height: 5px;
  width: 100%;
  position: absolute;
  bottom: 0;
  background: linear-gradient(to right,#ea6a00,#febf00);
}

.blocks-item:nth-child(4) .border-container {
  border-radius: 0 0 0.8rem 0.8rem;
  height: 5px;
  width: 100%;
  position: absolute;
  bottom: 0;
  background: linear-gradient(to right,#440001,#c92500);
}
.blocks-item:nth-child(5) .border-container {
  border-radius: 0 0 0.8rem 0.8rem;
  height: 5px;
  width: 100%;
  position: absolute;
  bottom: 0;
  background: linear-gradient(to right,#c92500,#ea6a00);
}
.blocks-item:nth-child(6) .border-container {
  border-radius: 0 0 0.8rem 0.8rem;
  height: 5px;
  width: 100%;
  position: absolute;
  bottom: 0;
  background: linear-gradient(to right,#ea6a00,#febf00);
}
.blocks-item:nth-child(6n + 1) .border-container {
  border-radius: 0 0 0.8rem 0.8rem;
  height: 5px;
  width: 100%;
  position: absolute;
  bottom: 0;
  background: linear-gradient(to right,#440001,#c92500);
}

@media (min-width: 768px) {
  .blocks-item {
    margin: 0 15px 30px;
  }
}

.blocks-item:hover, .blocks-item:focus, .blocks-item:active {
  background-color: #ffffff;
  transform: translateY(-4px);
  border:1px solid rgba(231,232,230,0.7);
  border-radius:8px;
}

.blocks-item:hover *, .blocks-item:focus *, .blocks-item:active * {
  color: rgba(11, 20, 18, 1);
  text-decoration: none;
}

.blocks-item-internal {
  background-color: transparent;
  border: 1px solid #ddd;
}

.blocks-item-internal .icon-lock {
  height: 15px;
  width: 15px;
  bottom: 5px;
  position: relative;
}

.blocks-item-internal a {
  color: rgba(11, 20, 18, 1);
}

.blocks-item-link {
  color: rgba(11, 20, 18, 1);
  padding: 20px 30px;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  border-radius: inherit;
}

.blocks-item-link:visited, .blocks-item-link:hover, .blocks-item-link:active {
  color: inherit;
  text-decoration: none;
}

.blocks-item-link:focus {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(11, 20, 18, 1);
  text-decoration: none;
}

.blocks-item-title {
  margin-bottom: 16px;
  font-size: 23px;
  font-family: 'Jost',sans-serif;
  font-weight: 500;
}

.blocks-item-description {
  margin: 0;
  font-family: "Open Sans",sans-serif;
  font-size:16px;
  line-height:23px;
  font-weight: 400;
}

.blocks-item-description:not(:empty) {
  font-family: "Open Sans",sans-serif;
  font-size:16px;
  line-height:23px;
  font-weight: 400;
}

/***** Homepage *****/
.section {
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  .section {
    margin-bottom: 60px;
  }
}

.home-section h2 {
  margin-bottom: 10px;
  text-align: center;
}

/***** Promoted articles *****/
.promoted-articles {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

@media (min-width: 1024px) {
  .promoted-articles {
    flex-direction: row;
  }
}

.promoted-articles-item {
  flex: 1 0 auto;
}

@media (min-width: 1024px) {
  .promoted-articles-item {
    align-self: flex-end;
    flex: 0 0 auto;
    padding-right: 30px;
    width: 33%;
    /* Three columns on desktop */
  }
  [dir="rtl"] .promoted-articles-item {
    padding: 0 0 0 30px;
  }
}

.promoted-articles-item:nth-child(3n) {
  padding-right: 0;
}

.promoted-articles-item a {
  display: block;
  border-bottom: 1px solid #ddd;
  padding: 15px 0;
}

.promoted-articles-item .icon-lock {
  vertical-align: baseline;
}

.promoted-articles-item:last-child a {
  border: 0;
}

@media (min-width: 1024px) {
  .promoted-articles-item:last-child a {
    border-bottom: 1px solid #ddd;
  }
}

/***** Community section in homepage *****/
.community {
  text-align: center;
}

.community-image {
  min-height: 300px;
  margin-top: 32px;
  background-image: url(/hc/theming_assets/01HZMAVTDNDDPVS8DAHVPJR0Y5);
  background-position: center;
  background-repeat: no-repeat;
  max-width: 100%;
}

.community a {
  color: #ff7d0a;
  text-decoration: none;
}

.community a:visited {
  color: #ff7d0a;
  text-decoration: none;
}

.community a:hover, .community a:active, .community a:focus {
  color: #ff7d0a;
  text-decoration: none;
}

.community,
.activity {
  border-top: 1px solid #ddd;
  padding: 30px 0;
}

/***** Recent activity *****/
.recent-activity-header {
  margin-bottom: 10px;
  text-align: center;
}

.recent-activity-list {
  padding: 0;
}

.recent-activity-item {
  border-bottom: 1px solid #ddd;
  overflow: auto;
  padding: 20px 0;
}

.recent-activity-item-parent {
  font-size: 16px;
  font-weight: 600;
}

.recent-activity-item-parent, .recent-activity-item-link {
  margin: 6px 0;
  display: inline-block;
  width: 100%;
}

@media (min-width: 768px) {
  .recent-activity-item-parent, .recent-activity-item-link {
    width: 70%;
    margin: 0;
  }
}

.recent-activity-item-link {
  font-size: 14px;
}

.recent-activity-item-meta {
  color: rgba(11, 20, 18, 1);
  margin: 15px 0 0 0;
  float: none;
}

@media (min-width: 768px) {
  .recent-activity-item-meta {
    margin: 0;
    float: right;
  }
  [dir="rtl"] .recent-activity-item-meta {
    float: left;
  }
}

.recent-activity-item-time, .recent-activity-item-comment {
  display: inline-block;
  font-size: 13px;
}

.recent-activity-item-comment {
  padding-left: 5px;
}

[dir="rtl"] .recent-activity-item-comment {
  padding: 0 5px 0 0;
}

.recent-activity-item-comment::before {
  display: inline-block;
}

.recent-activity-controls {
  padding-top: 15px;
}

.recent-activity-controls a {
  color: rgba(11, 20, 18, 1);
  text-decoration: underline;
}

.recent-activity-controls a:visited {
  color: rgba(149, 20, 0, 1);
}

.recent-activity-controls a:hover, .recent-activity-controls a:active, .recent-activity-controls a:focus {
  color: rgba(255, 125, 10, 1);
}

.recent-activity-accessibility-label {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.recent-activity-comment-icon svg {
  vertical-align: middle;
  color: rgba(11, 20, 18, 1);
  width: 16px;
  height: 16px;
}

.recent-activity-comment-icon:after {
  content: attr(data-comment-count);
  margin-left: 3px;
}

[dir="rtl"] .recent-activity-comment-icon:after {
  margin-left: 0;
  margin-right: 3px;
}

/***** Category pages *****/
.category-container {
  display: flex;
  justify-content: flex-end;
}

.category-content {
  flex: 1;
}

@media (min-width: 1024px) {
  .category-content {
    flex: 0 0 80%;
  }
}

.section-tree {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (min-width: 768px) {
  .section-tree {
    flex-direction: row;
  }
}

.section-tree .section {
  flex: initial;
}

@media (min-width: 768px) {
  .section-tree .section {
    flex: 0 0 49%;
    /* Two columns for tablet and desktop. Leaving 5% separation between columns */
  }
}

.section-tree-title {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
}

.section-tree-title a {
  color: rgba(11, 20, 18, 1);
}

.section-tree .see-all-articles {
  display: block;
  padding: 15px 0;
}

.article-list-item {
  font-size: 16px;
  padding: 15px 0;
}

.article-list-item a {
  color: rgba(11, 20, 18, 1);
}

.icon-star {
  color: rgba(11, 20, 18, 1);
  font-size: 18px;
}

/***** Section pages *****/
.section-container {
  display: flex;
  justify-content: flex-end;
}

.section-content {
  flex: 1;
}

@media (min-width: 1024px) {
  .section-content {
    flex: 0 0 80%;
  }
}

.section-list {
  margin: 40px 0;
}

.section-list-item {
  border-bottom: 1px solid #ddd;
  font-size: 16px;
  padding: 15px 0;
}

.section-list-item:first-child {
  border-top: 1px solid #ddd;
}

.section-list-item a {
  align-items: center;
  color: rgba(11, 20, 18, 1);
  display: flex;
  justify-content: space-between;
}

.see-all-sections-trigger {
  cursor: pointer;
  display: block;
  padding: 15px;
  text-align: center;
}

.see-all-sections-trigger[aria-hidden="true"] {
  display: none;
}

/***** Article *****/
.article {
  /*
  * The article grid is defined this way to optimize readability:
  * Sidebar | Content | Free space
  * 17%     | 66%     | 17%
  */
  flex: 1 0 auto;
}

@media (min-width: 1024px) {
  .article {
    flex: 1;
    max-width: 1024px;
    min-width: 640px;
    padding: 0 30px;
    border-left:1px solid #f4f4f4;
  }
}

.article-container {
  display: flex;
  flex-direction: column;
  margin-top:2rem;
  margin-bottom:2rem;
}

@media (min-width: 1024px) {
  .article-container {
    flex-direction: row;
  }
}

.article-header {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px;
  margin-top: 20px;
}

@media (min-width: 768px) {
  .article-header {
    flex-direction: row;
    margin-top: 0;
  }
}

.article-avatar {
  margin-right: 10px;
}

.article-author {
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .article-title {
    flex-basis: 100%;
    /* Take entire row */
  }
}

.article-title .icon-lock {
  position: relative;
  left: -5px;
  vertical-align: baseline;
}

.article [role="button"] {
  flex-shrink: 0;
  /*Avoid collapsing elements in Safari (https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored)*/
  width: 100%;
}

@media (min-width: 768px) {
  .article [role="button"] {
    width: auto;
  }
}

.article-info {
  max-width: 100%;
}

.article-meta {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: sans-serif;
}

.article-body a {
  color: rgba(11, 20, 18, 1);
  text-decoration: underline;
}

.article-body a:visited {
  color: rgba(149, 20, 0, 1);
}

.article-body a:hover, .article-body a:active, .article-body a:focus {
  color: rgba(255, 125, 10, 1);
}

.article-body img {
  height: auto;
  max-width: 100%;
}

.article-body ul,
.article-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}
.article-body ol {
  margin: 20px 0 20px 0px;
}

[dir="rtl"] .article-body ul, [dir="rtl"]
.article-body ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}

.article-body ul > ul,
.article-body ol > ol,
.article-body ol > ul,
.article-body ul > ol,
.article-body li > ul,
.article-body li > ol {
  margin: 0;
}

.article-body ul {
  list-style-type: disc;
}

.article-body :not(pre) > code {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}

.article-body pre {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
}

.article-body blockquote {
  border-left: 1px solid #ddd;
  color: #2f564d;
  font-style: italic;
  padding: 0 15px;
}

.article-body > p:last-child {
  margin-bottom: 0;
}

.article-content {
  line-height: 1.6;
  margin: 40px 0;
  word-wrap: break-word;
}

.article-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}

.article-comment-count {
  color: #2f564d;
}

.article-comment-count:hover {
  text-decoration: none;
}

.article-comment-count-icon {
  vertical-align: middle;
  color: rgba(11, 20, 18, 1);
  width: 18px;
  height: 18px;
}

.article-sidebar {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  flex: 1 0 auto;
  margin-bottom: 20px;
  padding: 0;
}

@media (min-width: 1024px) {
  .article-sidebar {
    border: 0;
    flex: 0 0 17%;
    height: auto;
  }
}

.article-relatives {
  border-top: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  padding: 20px 0;
}

@media (min-width: 768px) {
  .article-relatives {
    flex-direction: row;
  }
}

.article-relatives > * {
  flex: 1 0 50%;
  min-width: 50%;
  overflow-wrap: break-word;
  margin-right: 0;
}

.article-relatives > *:last-child {
  padding: 0;
}

@media (min-width: 768px) {
  .article-relatives > * {
    padding-right: 20px;
  }
}

.article-votes {
  border-top: 1px solid #ddd;
  padding: 30px 0;
  text-align: center;
}

.article-vote {
  margin: 10px 5px;
  min-width: 90px;
  width: auto;
}

.article-more-questions {
    margin: 20px 0 20px;
    text-align: center;
    background-color: rgb(246,246,246);
    border-radius: 4px;
    padding: 1rem;
}

.article-more-questions a {
  color: #ff7d0a;
  text-decoration: none;
}

.article-more-questions a:visited {
  color: #ff7d0a;
}

.article-more-questions a:hover, .article-more-questions a:active, .article-more-questions a:focus {
  color: #ff7d0a;
}

.article-return-to-top {
  border-top: 1px solid #87929D;
}

@media (min-width: 1024px) {
  .article-return-to-top {
    display: none;
  }
}

.article-return-to-top a {
  color: rgba(11, 20, 18, 1);
  display: block;
  padding: 20px 0;
}

.article-return-to-top a:hover, .article-return-to-top a:focus {
  text-decoration: none;
}

.article-return-to-top-icon {
  transform: rotate(0.5turn);
}

.article td > p:first-child,
.article th > p:first-child {
  margin-top: 0;
}

.article td > p:last-child,
.article th > p:last-child {
  margin-bottom: 0;
}

.sidenav-title {
  font-size: 15px;
  position: relative;
  font-weight: 600;
  font-family: system-ui, sans-serif;
}

.sidenav-item {
  display: block;
  margin-bottom: 6px;
  line-height:23px;
}

.recent-articles li,
.related-articles li {
  margin-bottom: 15px;
}

/***** Attachments *****/
/* Styles attachments inside posts, articles and comments */
.attachments .attachment-item {
  padding-left: 20px;
  position: relative;
  margin-bottom: 10px;
}

.attachments .attachment-item:last-child {
  margin-bottom: 0;
}

.attachments .attachment-item .attachment-icon {
  color: rgba(11, 20, 18, 1);
  left: 0;
  position: absolute;
  top: 5px;
}

[dir="rtl"] .attachments .attachment-item {
  padding-left: 0;
  padding-right: 20px;
}

[dir="rtl"] .attachments .attachment-item .attachment-icon {
  left: auto;
  right: 0;
}

.upload-dropzone span {
  color: #2f564d;
}

/***** Social share links *****/
.share {
  padding: 0;
  white-space: nowrap;
}

.share li, .share a {
  display: inline-block;
}

.share li {
  height: 25px;
  width: 25px;
}

.share a {
  color: #2f564d;
}

.share a:hover {
  text-decoration: none;
  color: rgba(11, 20, 18, 1);
}

.share a svg {
  height: 18px;
  width: 18px;
  display: block;
}

/***** Comments *****/
/* Styles comments inside articles, posts and requests */
.comment {
  border-bottom: 1px solid #ddd;
  padding: 20px 0;
}

.comment-heading, .recent-articles-title,
.related-articles-title {
  margin-bottom: 5px;
  margin-top: 0;
  font-size: 18px;
  font-weight: 500;
}

.comment-overview {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 20px 0;
}

.comment-overview p {
  margin-top: 0;
}

.comment-callout {
  color: #2f564d;
  display: inline-block;
  font-size: 13px;
  margin-bottom: 0;
}

.comment-callout a {
  color: rgba(11, 20, 18, 1);
  text-decoration: underline;
}

.comment-callout a:visited {
  color: rgba(149, 20, 0, 1);
}

.comment-callout a:hover, .comment-callout a:active, .comment-callout a:focus {
  color: rgba(255, 125, 10, 1);
}

.comment-sorter {
  display: inline-block;
  float: right;
}

.comment-sorter .dropdown-toggle {
  color: #2f564d;
  font-size: 13px;
}

[dir="rtl"] .comment-sorter {
  float: left;
}

.comment-wrapper {
  display: flex;
  position: relative;
}

.comment-wrapper.comment-official {
  border: 1px solid rgba(11, 20, 18, 1);
  padding: 40px 20px 20px;
}

@media (min-width: 768px) {
  .comment-wrapper.comment-official {
    padding-top: 20px;
  }
}

.comment-info {
  min-width: 0;
  padding-right: 20px;
  width: 100%;
}

[dir="rtl"] .comment-info {
  padding-right: 0;
  padding-left: 20px;
}

.comment-author {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .comment-author {
    justify-content: space-between;
  }
}

.comment-avatar {
  margin-right: 10px;
}

[dir="rtl"] .comment-avatar {
  margin-left: 10px;
  margin-right: 0;
}

.comment-meta {
  flex: 1 0 auto;
}

.comment-labels {
  flex-basis: 100%;
}

@media (min-width: 768px) {
  .comment-labels {
    flex-basis: auto;
  }
}

.comment .status-label:not(.status-label-official) {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .comment .status-label:not(.status-label-official) {
    margin-top: 0;
  }
}

.comment-form {
  display: flex;
  padding-top: 30px;
  word-wrap: break-word;
}

.comment-container {
  width: 100%;
}

.comment-form-controls {
  display: none;
  margin-top: 10px;
  text-align: left;
}

@media (min-width: 768px) {
  [dir="ltr"] .comment-form-controls {
    text-align: right;
  }
}

.comment-form-controls input[type="submit"] {
  margin-top: 15px;
}

@media (min-width: 1024px) {
  .comment-form-controls input[type="submit"] {
    margin-left: 15px;
  }
  [dir="rtl"] .comment-form-controls input[type="submit"] {
    margin-left: 0;
    margin-right: 15px;
  }
}

.comment-form-controls input[type="checkbox"] {
  margin-right: 5px;
}

.comment-form-controls input[type="checkbox"] [dir="rtl"] {
  margin-left: 5px;
}

.comment-ccs {
  display: none;
}

.comment-ccs + textarea {
  margin-top: 10px;
}

.comment-attachments {
  margin-top: 10px;
}

.comment-attachments a {
  color: rgba(11, 20, 18, 1);
}

.comment-body {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  line-height: 1.6;
  overflow-x: auto;
}

.comment-body a {
  color: rgba(11, 20, 18, 1);
  text-decoration: underline;
}

.comment-body a:visited {
  color: rgba(149, 20, 0, 1);
}

.comment-body a:hover, .comment-body a:active, .comment-body a:focus {
  color: rgba(255, 125, 10, 1);
}

.comment-body img {
  height: auto;
  max-width: 100%;
}

.comment-body ul,
.comment-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}

[dir="rtl"] .comment-body ul, [dir="rtl"]
.comment-body ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}

.comment-body ul > ul,
.comment-body ol > ol,
.comment-body ol > ul,
.comment-body ul > ol,
.comment-body li > ul,
.comment-body li > ol {
  margin: 0;
}

.comment-body ul {
  list-style-type: disc;
}

.comment-body :not(pre) > code {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}

.comment-body pre {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
}

.comment-body blockquote {
  border-left: 1px solid #ddd;
  color: #2f564d;
  font-style: italic;
  padding: 0 15px;
}

.comment-mark-as-solved {
  display: inline-block;
}

/***** Vote *****/
/* Used in article comments, post comments and post */
.vote {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.vote a:active, .vote a:hover, .vote a:focus {
  text-decoration: none;
}

.vote-sum {
  color: #2f564d;
  display: block;
  margin: 3px 0;
}

[dir="rtl"] .vote-sum {
  direction: ltr;
  unicode-bidi: bidi-override;
}

.vote-up svg {
  transform: scale(1, -1);
}

.vote-up:hover,
.vote-down:hover {
  color: rgba(11, 20, 18, 1);
}

.vote-up, .vote-down {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  color: #2f564d;
  cursor: pointer;
  min-height: 35px;
  min-width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vote-voted {
  color: rgba(11, 20, 18, 1);
}

.vote-voted:hover {
  color: #000;
}

/***** Actions *****/
/* Styles admin and en user actions(edit, delete, change status) in comments and posts */
.actions {
  text-align: center;
  flex-shrink: 0;
  /*Avoid collapsing elements in Safari*/
}

.actions button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  min-height: 35px;
  min-width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/***** Community *****/
.community-hero {
  background-image: url(/hc/theming_assets/01J9K7CF0E3HNCV26H7PAGMGB0);
  margin-bottom: 40px;
}

.community-footer {
  padding-top: 50px;
  text-align: center;
}

.community-footer-title {
  font-size: 16px;
  margin-bottom: 20px;
}

.community-featured-posts .title {
  font-size: 18px;
  font-weight: 600;
}

.community-featured-posts, .community-activity {
  padding-top: 40px;
  width: 100%;
}

.community-header {
  margin-bottom: 30px;
}

.community-header .title {
  margin-bottom: 0;
  font-size: 16px;
}

.post-to-community {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .post-to-community {
    margin: 0;
  }
}

/* Community topics grid */
.topics {
  max-width: none;
  width: 100%;
}

.topics-item .meta-group {
  justify-content: center;
  margin-top: 20px;
}

/* Community topic page */
.topic-header {
  border-bottom: 1px solid #ddd;
  font-size: 13px;
}

@media (min-width: 768px) {
  .topic-header {
    padding-bottom: 10px;
  }
}

.topic-header .dropdown {
  display: block;
  border-top: 1px solid #ddd;
  padding: 10px 0;
}

@media (min-width: 768px) {
  .topic-header .dropdown {
    border-top: 0;
    display: inline-block;
    margin-right: 20px;
    padding: 0;
  }
}

.no-posts-with-filter {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* Topic, post and user follow button */
.community-follow {
  margin-bottom: 10px;
  width: 100%;
}

@media (min-width: 768px) {
  .community-follow {
    margin-bottom: 0;
    width: auto;
  }
}

.community-follow button {
  line-height: 30px;
  padding: 0 10px 0 15px;
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .community-follow button {
    width: auto;
  }
}

.community-follow button:hover {
  background-color: rgba(11, 20, 18, 1);
}

.community-follow button:hover::after, .community-follow button:focus::after {
  border-color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, 1);
}

.community-follow button[data-selected="true"] {
  background-color: rgba(11, 20, 18, 1);
  color: rgba(255, 255, 255, 1);
}

.community-follow button[data-selected="true"]::after {
  border-left: 1px solid rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, 1);
}

.community-follow button[data-selected="true"]:hover {
  background-color: #000;
  border-color: #000;
}

.community-follow button::after {
  border-left: 1px solid rgba(11, 20, 18, 1);
  content: attr(data-follower-count);
  color: rgba(11, 20, 18, 1);
  display: inline-block;
  font-family: 'Arial Black', Arial, 'Helvetica Neue', Helvetica, sans-serif;
  margin-left: 15px;
  padding-left: 10px;
  position: absolute;
  right: 10px;
}

@media (min-width: 768px) {
  .community-follow button::after {
    position: static;
  }
}

[dir="rtl"] .community-follow button::after {
  border-left: 0;
  border-right: 1px solid rgba(11, 20, 18, 1);
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
}

/***** Striped list *****/
/* Used in community posts list and requests list */
.striped-list {
  padding: 0;
}

.striped-list-item {
  align-items: flex-start;
  border-bottom: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 20px 0;
}

@media (min-width: 768px) {
  .striped-list-item {
    align-items: center;
    flex-direction: row;
  }
}

.striped-list-info {
  flex: 2;
}

.striped-list-title {
  color: rgba(11, 20, 18, 1);
  margin-bottom: 10px;
  margin-right: 5px;
}

.striped-list-title:hover, .striped-list-title:focus, .striped-list-title:active {
  text-decoration: underline;
}

.striped-list-title:visited {
  color: rgba(149, 20, 0, 1);
}

.striped-list .meta-group {
  margin: 5px 0;
}

.striped-list-count {
  color: #2f564d;
  font-size: 13px;
  justify-content: flex-start;
  text-transform: capitalize;
}

@media (min-width: 768px) {
  .striped-list-count {
    display: flex;
    flex: 1;
    justify-content: space-around;
  }
}

.striped-list-count-item::after {
  content: "·";
  display: inline-block;
  padding: 0 5px;
}

@media (min-width: 768px) {
  .striped-list-count-item::after {
    display: none;
  }
}

.striped-list-count-item:last-child::after {
  display: none;
}

.striped-list-number {
  text-align: center;
}

@media (min-width: 768px) {
  .striped-list-number {
    color: rgba(11, 20, 18, 1);
    display: block;
  }
}

/***** Status labels *****/
/* Styles labels used in posts, articles and requests */
.status-label {
  background-color: #038153;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  margin-right: 2px;
  padding: 3px 10px;
  vertical-align: middle;
  white-space: nowrap;
  display: inline-block;
}

.status-label:hover, .status-label:active, .status-label:focus {
  text-decoration: none;
}

.status-label-pinned, .status-label-featured, .status-label-official {
  background-color: rgba(11, 20, 18, 1);
}

.status-label-official {
  border-radius: 0;
  margin-right: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .status-label-official {
    border-radius: 0 0 4px 4px;
    right: 30px;
    width: auto;
  }
}

[dir="rtl"] .status-label-official {
  left: 30px;
  right: auto;
}

.status-label-not-planned, .status-label-closed {
  background-color: #e9ebed;
  color: #2f564d;
}

.status-label-pending, .status-label-pending-moderation {
  background-color: #1f73b7;
  text-align: center;
}

.status-label-open {
  background-color: #c72a1c;
}

.status-label-solved {
  background-color: #68737d;
}

.status-label-new {
  background-color: #ffb648;
  color: #703b15;
}

.status-label-hold {
  background-color: #000;
}

.status-label-request {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 768px) {
  .status-label-request {
    max-width: 150px;
  }
}

/***** Post *****/
/*
* The post grid is defined this way:
* Content | Sidebar
* 70%     | 30%
*/
.post {
  flex: 1;
  margin-bottom: 10px;
}

@media (min-width: 1024px) {
  .post {
    flex: 1 0 70%;
    max-width: 70%;
  }
}

.post-container {
  display: flex;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .post-container {
    flex-direction: row;
  }
}

.post-header {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .post-header {
    align-items: baseline;
    flex-direction: row;
  }
}

.post-header .status-label {
  vertical-align: super;
}

.post-title {
  margin-bottom: 20px;
  width: 100%;
}

@media (min-width: 768px) {
  .post-title {
    margin-bottom: 0;
    padding-right: 10px;
  }
}

.post-title h1 {
  display: inline;
  vertical-align: middle;
}

@media (min-width: 768px) {
  .post-title h1 {
    margin-right: 5px;
  }
}

.post-author {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
}

.post-avatar {
  margin-bottom: 30px;
}

.post-content {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  line-height: 1.6;
  word-break: break-word;
}

.post-info-container {
  display: flex;
  margin-bottom: 40px;
}

.post-info {
  min-width: 0;
  padding-right: 20px;
  width: 100%;
}

[dir="rtl"] .post-info {
  padding-right: 0;
  padding-left: 20px;
}

.post-meta {
  display: inline-block;
  flex: 1;
  margin-left: 10px;
  vertical-align: middle;
}

[dir="rtl"] .post-meta {
  margin-left: 0;
  margin-right: 10px;
}

.post-body a {
  color: rgba(11, 20, 18, 1);
  text-decoration: underline;
}

.post-body a:visited {
  color: rgba(149, 20, 0, 1);
}

.post-body a:hover, .post-body a:active, .post-body a:focus {
  color: rgba(255, 125, 10, 1);
}

.post-body img {
  height: auto;
  max-width: 100%;
}

.post-body ul,
.post-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}

[dir="rtl"] .post-body ul, [dir="rtl"]
.post-body ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}

.post-body ul > ul,
.post-body ol > ol,
.post-body ol > ul,
.post-body ul > ol,
.post-body li > ul,
.post-body li > ol {
  margin: 0;
}

.post-body ul {
  list-style-type: disc;
}

.post-body :not(pre) > code {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}

.post-body pre {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
}

.post-body blockquote {
  border-left: 1px solid #ddd;
  color: #2f564d;
  font-style: italic;
  padding: 0 15px;
}

.post-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}

.post-comment-count {
  color: #2f564d;
}

.post-comment-count:hover {
  text-decoration: none;
}

.post-comment-count .icon-comments {
  color: rgba(11, 20, 18, 1);
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 5px;
  vertical-align: middle;
}

.post-sidebar {
  border-top: 1px solid #ddd;
  flex: 1;
  padding: 30px 0;
  text-align: center;
}

@media (min-width: 1024px) {
  .post-sidebar {
    border: 0;
    flex: 1 0 30%;
    padding: 0 0 0 50px;
    text-align: center;
  }
  [dir="rtl"] .post-sidebar {
    padding: 0 50px 0 0;
  }
}

.post-sidebar-title {
  font-size: 18px;
  font-weight: 600;
}

.post-comments {
  margin-bottom: 20px;
}

@media (min-width: 1024px) {
  .post-comments {
    margin-bottom: 0;
  }
}

/***** Community Badges *****/
/* Styles labels used next to the authors of article comments, community posts, and community comments */
.community-badge-title {
  background-color: #04444d;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 0px 8px;
  vertical-align: top;
  white-space: nowrap;
  display: inline-flex;
  line-height: 18px;
  vertical-align: middle;
}

.profile-info .community-badge-title {
  padding: 2px 8px;
  line-height: 20px;
}

.community-badge-container-achievements {
  display: flex;
}

.community-badge-container-achievements > .community-badge-titles {
  margin-left: calc(28px - 0.5em);
}

[dir="rtl"] .community-badge-container-achievements > .community-badge-titles {
  margin-right: calc(28px - 0.5em);
}

.community-name-and-title-badges {
  display: flex;
  flex-wrap: wrap;
}

.community-badge {
  margin: 2px;
}

.community-badge-achievements {
  display: block;
  height: 16px;
  white-space: nowrap;
  width: 16px;
}

.profile-info .community-badge-achievements {
  height: 40px;
  width: 40px;
}

.community-title-badges {
  flex-basis: 100%;
  margin-top: 15px;
}

.community-badge-achievements-rest {
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  vertical-align: top;
}

.community-badge-achievements img {
  width: 100%;
  height: 100%;
}

.community-badge-titles img {
  width: 20px;
  height: 20px;
}

.profile-info .community-badge-achievements-rest {
  line-height: 40px;
  font-size: 20px;
}

/* Navigation element that collapses on mobile */
.collapsible-nav {
  flex-direction: column;
  font-size: 14px;
  position: relative;
}

@media (min-width: 768px) {
  .collapsible-nav {
    flex-direction: row;
  }
}

.collapsible-nav-border {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

@media (min-width: 768px) {
  .collapsible-nav-border {
    border-top: 0;
  }
}

.collapsible-nav-toggle {
  top: calc(45px / 2);
  transform: translateY(-50%);
  position: absolute;
  right: 0;
  padding: 0;
  border: 0;
  background: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}

@media (min-width: 768px) {
  .collapsible-nav-toggle {
    display: none;
  }
}

[dir="rtl"] .collapsible-nav-toggle {
  left: 0;
  right: auto;
}

.collapsible-nav-toggle-icon {
  display: none;
}

.collapsible-nav-toggle[aria-expanded="false"] .chevron-icon {
  display: inline-block;
}

.collapsible-nav-toggle[aria-expanded="true"] .x-icon {
  display: inline-block;
}

.collapsible-nav-toggle:focus {
  outline: none;
  border: 1px solid rgba(11, 20, 18, 1);
}

.collapsible-nav-list {
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .collapsible-nav-list {
    flex-direction: row;
  }
}

.collapsible-nav-list li {
  color: rgba(11, 20, 18, 1);
  line-height: 45px;
  order: 1;
}

@media (min-width: 768px) {
  .collapsible-nav-list li {
    line-height: normal;
    margin-right: 30px;
  }
  [dir="rtl"] .collapsible-nav-list li {
    margin-left: 30px;
    margin-right: 0;
  }
  .collapsible-nav-list li a {
    text-decoration: none;
    padding: 15px 0;
  }
}

.collapsible-nav-list li a {
  color: rgba(11, 20, 18, 1);
  display: block;
}

@media (min-width: 768px) {
  .collapsible-nav-list li:hover {
    border-bottom: 4px solid #ddd;
  }
  .collapsible-nav-list li:hover a:not([aria-current="page"]) {
    padding: 15px 0 11px 0;
    text-decoration: none;
  }
}

.collapsible-nav-list li:not([aria-selected="true"]),
.collapsible-nav-list li:not(.current) {
  display: none;
}

@media (min-width: 768px) {
  .collapsible-nav-list li:not([aria-selected="true"]),
  .collapsible-nav-list li:not(.current) {
    display: block;
  }
}

@media (min-width: 768px) {
  .collapsible-nav-list li[aria-selected="true"] {
    padding: 15px 0 11px 0;
  }
}

.collapsible-nav-list li[aria-selected="true"],
.collapsible-nav-list li.current {
  order: 0;
  position: relative;
}

@media (min-width: 768px) {
  .collapsible-nav-list li[aria-selected="true"],
  .collapsible-nav-list li.current {
    border-bottom: 4px solid rgba(11, 20, 18, 1);
    order: 1;
  }
}

.collapsible-nav-list li[aria-selected="true"] a,
.collapsible-nav-list li.current a {
  color: rgba(11, 20, 18, 1);
}

.collapsible-nav[aria-expanded="true"] li:not([aria-selected="true"]),
.collapsible-nav[aria-expanded="true"] li:not(.current) {
  display: block;
}

/* Sidebar navigation that collapses on mobile */
.collapsible-sidebar {
  flex: 1;
  max-height: 45px;
  overflow: hidden;
  padding: 10px 0;
  position: relative;
}

@media (min-width: 1024px) {
  .collapsible-sidebar {
    max-height: none;
    padding: 0;
    background-color:initial;
    padding:0.3rem 1rem 1rem 1rem;
    border-radius:8px;
  }
}

.collapsible-sidebar-title {
  margin-top: 0;
}

.collapsible-sidebar-toggle {
  position: absolute;
  top: calc(45px / 2);
  transform: translateY(-50%);
  right: 8px;
  padding: 0;
  border: 0;
  background: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}

@media (min-width: 1024px) {
  .collapsible-sidebar-toggle {
    display: none;
  }
}

[dir="rtl"] .collapsible-sidebar-toggle {
  left: 0;
  right: auto;
}

.collapsible-sidebar-toggle-icon {
  display: none;
}

.collapsible-sidebar-toggle[aria-expanded="false"] .chevron-icon {
  display: inline-block;
}

.collapsible-sidebar-toggle[aria-expanded="true"] .x-icon {
  display: inline-block;
}

.collapsible-sidebar-toggle:focus {
  outline: none;
  border: 1px solid rgba(11, 20, 18, 1);
}

.collapsible-sidebar-body {
  display: none;
}

@media (min-width: 1024px) {
  .collapsible-sidebar-body {
    display: block;
  }
}

.collapsible-sidebar[aria-expanded="true"] {
  max-height: none;
}

.collapsible-sidebar[aria-expanded="true"] .collapsible-sidebar-body {
  display: block;
}

/***** My activities *****/
.my-activities-nav {
  background-color: #f2f2f2;
  margin-bottom: 20px;
}

.my-activities-sub-nav {
  margin-bottom: 30px;
}

.my-activities-table .striped-list-title {
  /* My activities tables */
  display: block;
  margin-bottom: 10px;
  max-width: 350px;
  white-space: normal;
}

@media (min-width: 1024px) {
  .my-activities-table .striped-list-title {
    margin-bottom: 0;
    max-width: 500px;
    min-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.my-activities-table thead {
  display: none;
}

@media (min-width: 768px) {
  .my-activities-table thead {
    display: table-header-group;
  }
}

.my-activities-table th:first-child,
.my-activities-table td:first-child {
  padding-left: 0;
}

@media (min-width: 1024px) {
  .my-activities-table th:first-child,
  .my-activities-table td:first-child {
    width: 500px;
  }
}

.my-activities-table th:last-child,
.my-activities-table td:last-child {
  padding-right: 0;
}

.my-activities-table td:not(:first-child) {
  display: none;
}

@media (min-width: 768px) {
  .my-activities-table td:not(:first-child) {
    display: table-cell;
  }
}

/* Requests table */
.requests-search {
  width: 100%;
}

.requests-table-toolbar {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .requests-table-toolbar {
    flex-direction: row;
  }
}

.requests-table-toolbar .search {
  flex: 1;
  width: 100%;
}

.requests-table-toolbar .request-table-filter {
  width: 100%;
}

@media (min-width: 768px) {
  .requests-table-toolbar .request-table-filter {
    width: auto;
  }
}

.requests-table-toolbar .request-filter {
  display: block;
}

@media (min-width: 768px) {
  .requests-table-toolbar .request-filter {
    margin: 0 0 0 30px;
  }
  [dir="rtl"] .requests-table-toolbar .request-filter {
    margin: 0 30px 0 0;
  }
}

.requests-table-toolbar .request-filter-label {
  font-size: 13px;
  margin-top: 30px;
}

@media (min-width: 768px) {
  .requests-table-toolbar .request-filter-label {
    margin-top: 0;
  }
}

.requests-table-toolbar select {
  max-height: 40px;
  margin-bottom: 30px;
  width: 100%;
}

@media (min-width: 768px) {
  .requests-table-toolbar select {
    margin-bottom: 0;
    max-width: 300px;
    width: auto;
  }
}

@media (min-width: 768px) {
  .requests-table-toolbar .organization-subscribe {
    margin-left: 10px;
  }
  [dir="rtl"] .requests-table-toolbar .organization-subscribe {
    margin: 0 10px 0 0;
  }
}

.requests-table-toolbar .organization-subscribe button {
  line-height: 40px;
  max-height: 40px;
  padding: 0 20px;
}

.requests-table-toolbar + .requests-search-info {
  margin-top: 15px;
}

.requests-table-toolbar + .requests-search-info.meta-data::after {
  content: "";
  margin: 0;
}

.requests-table-toolbar + .requests-search-info + .requests {
  margin-top: 20px;
}

.requests-table-toolbar + .requests {
  margin-top: 40px;
}

.requests .requests-table-meta {
  display: block;
}

@media (min-width: 768px) {
  .requests .requests-table-meta {
    display: none;
  }
}

.requests .requests-table thead {
  display: none;
}

@media (min-width: 768px) {
  .requests .requests-table thead {
    display: table-header-group;
  }
}

.requests .requests-table-info {
  display: block;
}

@media (min-width: 768px) {
  .requests .requests-table-info {
    display: table-cell;
    vertical-align: middle;
    width: auto;
  }
}

.requests .requests-table .requests-link {
  position: relative;
}

.requests .requests-table .requests-sort-symbol {
  position: absolute;
  left: calc(100% + 3px);
  bottom: 0;
  font-size: 10px;
}

/* Following table */
@media (min-width: 768px) {
  .subscriptions-subscribe button {
    width: auto;
  }
}

.subscriptions-table td:last-child {
  display: block;
}

@media (min-width: 768px) {
  .subscriptions-table td:last-child {
    display: table-cell;
  }
}

.subscriptions-table td:first-child {
  display: flex;
  align-items: center;
}

.subscriptions-table .user-avatar {
  margin-right: 10px;
}

.subscriptions .striped-list-title {
  display: inline-block;
  vertical-align: middle;
}

/* Contributions table */
.contributions-table td:last-child {
  color: #2f564d;
  font-size: 13px;
}

@media (min-width: 768px) {
  .contributions-table td:last-child {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
  }
}

.no-activities {
  color: #2f564d;
}

/***** Request *****/
.request-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (min-width: 1024px) {
  .request-container {
    align-items: flex-start;
    flex-direction: row;
  }
}

.request-container .comment-container {
  min-width: 0;
}

.request-breadcrumbs {
  margin-bottom: 40px;
}

@media (min-width: 1024px) {
  .request-breadcrumbs {
    margin-bottom: 60px;
  }
}

.request-main {
  flex: 1 0 auto;
  order: 1;
}

.request-main .comment-fields, .request-main .request-submit-comment {
  display: none;
}

.request-main .comment-fields.shown {
  display: block;
}

.request-main .request-submit-comment.shown {
  display: inline;
}

@media (min-width: 1024px) {
  .request-main {
    flex: 0 0 66%;
    order: 0;
    min-width: 0;
  }
}

.request-main .comment-form-controls {
  display: block;
}

.request-main .comment-ccs {
  display: block;
}

.request-main .comment-show-container {
  border-radius: 2px;
  border: 1px solid #ddd;
  color: #2f564d;
  text-align: inherit;
  padding: 8px 25px;
  width: 100%;
}

.request-main .comment-show-container.hidden {
  display: none;
}

.request-main .form-field.comment-ccs > ul {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}

.request-main .form-field.comment-ccs > ul[data-hc-focus="true"] {
  border: 1px solid rgba(11, 20, 18, 1);
}

.request-main .form-field.comment-ccs > input[type="text"] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}

.request-main .comment-ccs + textarea {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0;
}

.request-main .comment-ccs + textarea:focus {
  border-top: 1px solid rgba(11, 20, 18, 1);
}

.request-main input#mark_as_solved {
  display: none;
}

.request-title {
  width: 100%;
}

@media (min-width: 1024px) {
  .request-title {
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
    max-width: 66%;
    padding-bottom: 20px;
  }
}

.request-sidebar {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  flex: 1 0 auto;
  order: 0;
}

@media (min-width: 1024px) {
  .request-sidebar {
    background-color: #f7f7f7;
    border: 0;
    font-size: 13px;
    flex: 0 0 auto;
    padding: 0 20px;
    width: 30%;
  }
}

.request-sidebar h2 {
  font-size: 15px;
  font-weight: 600;
  position: relative;
}

@media (min-width: 1024px) {
  .request-sidebar h2 {
    display: none;
  }
}

.request-details {
  border-bottom: 1px solid #ddd;
  font-size: 0;
  margin: 0;
  padding-bottom: 20px;
}

.request-details:last-child {
  border: 0;
}

.request-details dt, .request-details dd {
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  margin: 20px 0 0 0;
}

.request-details dd {
  padding: 0 10px;
  width: 60%;
}

.request-details dd::after {
  content: "\A";
  white-space: pre;
}

.request-details dt {
  color: #2f564d;
  width: 40%;
}

.request-details .request-collaborators {
  display: inline-block;
}

.request-attachments dt, .request-attachments dd {
  width: 100%;
}

.request-attachments dd {
  margin: 10px 0 0 0;
}

.request-form textarea {
  min-height: 120px;
}

.request-follow-up {
  padding-top: 20px;
}

/***** Pagination *****/
.pagination {
  margin: 20px 0;
  text-align: center;
}

.pagination-next, .pagination-prev, .pagination-first, .pagination-last {
  display: inline-block;
}

.pagination-first-link, .pagination-last-link {
  padding: 0 10px;
}

.pagination-first-text, .pagination-last-text {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.pagination-next-link {
  padding-right: 10px;
}

.pagination-next-text {
  margin-right: 10px;
}

[dir="rtl"] .pagination-next-link {
  padding-left: 10px;
}

[dir="rtl"] .pagination-next-text {
  margin-left: 10px;
}

.pagination-prev-link {
  padding-left: 10px;
}

.pagination-prev-text {
  margin-left: 10px;
}

[dir="rtl"] .pagination-prev-link {
  padding-right: 10px;
}

[dir="rtl"] .pagination-prev-text {
  margin-right: 10px;
}

/***** Metadata *****/
.meta-group {
  display: block;
}

.meta-group-opposite {
  float: right;
}

[dir="rtl"] .meta-group-opposite {
  float: left;
}

.meta-group * {
  display: inline;
}

.meta-data {
  color: #000000;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.meta-data:not(:last-child)::after {
  content: "\00B7";
  margin: 0 5px;
}

/* User Profiles */
.profile-header {
  padding: 30px 0;
  background-color: #f7f7f7;
}

.profile-header .container {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .profile-header .container {
    flex-wrap: nowrap;
  }
}

.profile-header .profile-info {
  flex-basis: 100%;
  display: flex;
  flex-wrap: wrap;
  min-width: 0;
}

.profile-avatar {
  position: relative;
  line-height: 0;
  align-self: center;
  margin-right: 10px;
}

[dir="rtl"] .profile-avatar {
  margin-left: 10px;
  margin-right: 0;
}

.profile-avatar .user-avatar {
  width: 80px;
  height: 80px;
}

.profile-avatar .icon-agent {
  bottom: 0;
  right: 0;
}

.profile-header .basic-info {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
}

.profile-header .basic-info .name {
  margin: 0;
  line-height: 25px;
}

.profile-header .options {
  display: flex;
  flex-basis: 100%;
  margin-top: 12px;
  align-items: flex-start;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .profile-header .options {
    flex-wrap: nowrap;
    flex-basis: auto;
    margin-top: 0;
    margin-left: 10px;
  }
  [dir="rtl"] .profile-header .options {
    margin-left: 0;
    margin-right: 10px;
  }
  .profile-header .options > :not(:last-child) {
    margin-bottom: 0;
    margin-right: 10px;
  }
  [dir="rtl"] .profile-header .options > :not(:last-child) {
    margin-left: 10px;
    margin-right: 0;
  }
}

.user-profile-actions {
  width: 100%;
  margin-bottom: 15px;
}

.profile-header .description {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  margin: 15px 0;
  flex-basis: 100%;
}

.profile-stats {
  font-size: 13px;
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
}

.profile-stats .stat {
  display: flex;
  margin-bottom: 10px;
}

.profile-stats .stat-label {
  color: #2f564d;
  flex: 0 0 100px;
  margin-right: 10px;
}

[dir="rtl"] .profile-stats .stat-label {
  margin-left: 10px;
  margin-right: 0;
}

.profile-stats-activity {
  border-top: solid 1px #ddd;
  margin-top: 15px;
}

@media (min-width: 768px) {
  .profile-stats-activity {
    border-top: 0;
    flex-direction: row;
  }
}

@media (min-width: 768px) {
  .profile-stats-activity .stat {
    flex-direction: column;
  }
}

.profile-stats-activity .stat:first-child {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .profile-stats-activity .stat:first-child {
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  .profile-stats-activity .stat:not(:last-child) {
    margin-right: 40px;
  }
  [dir="rtl"] .profile-stats-activity .stat:not(:last-child) {
    margin-left: 40px;
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .profile-stats-activity .stat-label {
    flex: 0 1 auto;
  }
}

.profile-stats-counters {
  border-bottom: solid 1px #ddd;
}

@media (min-width: 768px) {
  .profile-stats-counters {
    flex: 0 0 200px;
    border-bottom: 0;
    margin-left: 40px;
  }
  [dir="rtl"] .profile-stats-counters {
    margin-left: 0;
    margin-right: 40px;
  }
}

@media (min-width: 1024px) {
  .profile-stats-counters {
    flex: 0 0 270px;
    margin-left: 60px;
  }
  [dir="rtl"] .profile-stats-counters {
    margin-right: 60px;
    margin-left: 0;
  }
}

@media (min-width: 768px) {
  .profile-stats-counters .stat {
    flex-direction: column;
  }
}

@media (min-width: 1024px) {
  .profile-stats-counters .stat {
    flex-direction: row;
  }
}

@media (min-width: 768px) {
  .profile-stats-counters .stat:not(:last-child) {
    margin-bottom: 15px;
  }
}

@media (min-width: 768px) {
  .profile-stats-counters .stat-label {
    flex: 0 1 auto;
  }
}

@media (min-width: 1024px) {
  .profile-stats-counters .stat-label {
    flex: 0 0 100px;
  }
}

.profile-private-badge {
  flex-basis: 100%;
  border: solid 1px rgba(11, 20, 18, 1);
  border-radius: 4px;
  color: rgba(11, 20, 18, 1);
  padding: 5px 20px;
  font-size: 12px;
  text-align: center;
}

.profile-private-badge .profile-private-icon {
  margin-left: 5px;
  line-height: 15px;
}

@media (min-width: 768px) {
  .profile-private-badge {
    flex-basis: auto;
  }
}

.profile-nav {
  background-color: #f2f2f2;
  margin-bottom: 37px;
}

.profile-section {
  width: 100%;
}

@media (min-width: 1024px) {
  .profile-section {
    width: calc(100% - 330px);
  }
}

.profile-section-header {
  display: flex;
  flex-wrap: wrap;
}

.profile-section-title {
  flex-basis: 100%;
  margin-bottom: 0;
}

.profile-section-description {
  flex-basis: 100%;
  padding: 10px 0;
  color: #2f564d;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 768px) {
  .profile-section-description {
    flex: 1 0 50%;
    padding-bottom: 0;
  }
}

.profile-section-sorter {
  flex-basis: 100%;
  border-top: solid 1px #eee;
  font-size: 13px;
}

.profile-section-sorter .dropdown-toggle {
  padding: 10px 0;
  width: 100%;
}

.profile-section-sorter .dropdown-toggle::after {
  position: absolute;
  right: 0;
}

[dir="rtl"] .profile-section-sorter .dropdown-toggle::after {
  left: 0;
  right: initial;
}

@media (min-width: 768px) {
  .profile-section-sorter .dropdown-toggle::after {
    position: relative;
  }
}

@media (min-width: 768px) {
  .profile-section-sorter {
    flex: 0 1 auto;
    padding-top: 0;
    border-top: 0;
    margin-left: 20px;
  }
  [dir="rtl"] .profile-section-sorter {
    margin-left: 0;
    margin-right: 20px;
  }
}

.profile-badges-items {
  margin-top: 25px;
}

.profile-badges-item {
  border-top: 1px solid #ddd;
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: flex-start;
  padding: 27px 12px;
}

.profile-badges-item > div {
  padding-right: 12px;
  padding-left: 12px;
}

.profile-badges-item-image {
  height: 40px;
  width: 40px;
  margin-right: 12px;
}

.profile-badges-item-image img {
  max-height: 40px;
}

[dir="rtl"] .profile-badges-item-image {
  margin-left: 12px;
  margin-right: 0;
}

.profile-badges-item-title, .profile-badges-item-metadata-title {
  font-size: 15px;
  margin-bottom: 10px;
}

.profile-badges-item-title {
  font-weight: 600;
}

.profile-badges-item-description, .profile-badges-item-metadata-description {
  color: #2f564d;
  font-size: 13px;
  margin: 0;
}

.profile-badges-item-metadata {
  margin-left: auto;
  text-align: right;
}

[dir="rtl"] .profile-badges-item-metadata {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

.profile-contribution {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  padding: 20px 0;
  position: relative;
}

.profile-contribution-header {
  margin-bottom: 5px;
}

.profile-contribution-title {
  margin: 0 0 5px 0;
  display: inline;
  line-height: 21px;
  font-size: 15px;
  vertical-align: middle;
}

.profile-contribution-body {
  margin: 10px 0;
}

.profile-contribution-list > .profile-contribution {
  border-top: 1px solid #eee;
}

@media (min-width: 768px) {
  .profile-contribution-list > .profile-contribution {
    padding-left: 30px;
  }
  [dir="rtl"] .profile-contribution-list > .profile-contribution {
    padding-right: 30px;
    padding-left: 0;
  }
}

.profile-contribution-list > .profile-contribution:last-child {
  border-bottom: 1px solid #eee;
}

.profile-contribution-icon {
  left: 0;
  position: absolute;
  color: #ccc;
  line-height: 25px;
}

[dir="rtl"] .profile-contribution-icon {
  right: 0;
}

.profile-contribution-icon svg {
  vertical-align: middle;
}

.profile-contribution-list .profile-contribution-header {
  margin-left: 30px;
}

[dir="rtl"] .profile-contribution-list .profile-contribution-header {
  padding-right: 30px;
  padding-left: 0;
}

@media (min-width: 768px) {
  .profile-contribution-list .profile-contribution-header {
    margin-left: 0;
  }
  [dir="rtl"] .profile-contribution-list .profile-contribution-header {
    padding-right: 0;
  }
}

.profile-comments .profile-contribution-breadcrumbs {
  margin-left: 30px;
}

[dir="rtl"] .profile-comments .profile-contribution-breadcrumbs {
  padding-right: 30px;
  padding-left: 0;
}

@media (min-width: 768px) {
  .profile-comments .profile-contribution-breadcrumbs {
    margin-left: 0;
  }
  [dir="rtl"] .profile-comments .profile-contribution-breadcrumbs {
    padding-right: 0;
  }
}

.profile-section .no-activity,
.profile-section .private-activity {
  display: block;
  margin-top: 40px;
  color: #999;
}

.private-activity-icon {
  margin-right: 10px;
}

[dir="rtl"] .private-activity-icon {
  margin-right: 0;
  margin-left: 10px;
}

.profile-activity-list {
  margin-top: 25px;
}

.profile-activity {
  position: relative;
  padding-bottom: 30px;
}

@media (min-width: 768px) {
  .profile-activity {
    padding-left: 20px;
  }
  [dir="rtl"] .profile-activity {
    padding-right: 20px;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .profile-activity:not(:last-child) {
    border-left: 1px solid #ddd;
  }
  [dir="rtl"] .profile-activity:not(:last-child) {
    border-left: 0;
    border-right: 1px solid #ddd;
  }
}

.profile-activity-header {
  display: flex;
  align-items: center;
  margin-left: 35px;
}

[dir="rtl"] .profile-activity-header {
  margin-left: 0;
  margin-right: 35px;
}

@media (min-width: 768px) {
  .profile-activity-header {
    margin-left: 0;
  }
  [dir="rtl"] .profile-activity-header {
    margin-right: 0;
  }
}

.profile-activity-header .user-avatar {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  min-width: 40px;
  align-self: flex-start;
}

[dir="rtl"] .profile-activity-header .user-avatar {
  margin-left: 10px;
  margin-right: 0;
}

.profile-activity-description {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  margin: 0;
  min-width: 0;
  width: 100%;
}

.profile-activity-description span:first-child {
  font-weight: 600;
  display: inline;
}

.profile-activity-contribution {
  padding: 20px;
  margin-top: 10px;
  border-radius: 8px;
  background-color: #f7f7f7;
}

@media (min-width: 768px) {
  .profile-activity-contribution {
    margin-top: 0;
    margin-left: 50px;
  }
  [dir="rtl"] .profile-activity-contribution {
    margin-left: 0;
    margin-right: 50px;
  }
}

.profile-activity-icon {
  position: absolute;
  left: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-color: rgba(255, 255, 255, 1);
  background-position: 50% 50%;
  text-align: center;
  color: #ccc;
}

[dir="rtl"] .profile-activity-icon {
  right: 0;
}

@media (min-width: 768px) {
  .profile-activity-icon {
    left: -14px;
  }
  [dir="rtl"] .profile-activity-icon {
    right: -14px;
  }
}

.profile-activity-icon svg {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 1em;
  height: 1em;
  margin: auto;
}

/***** Search results *****/
.search-results {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (min-width: 1024px) {
  .search-results {
    flex-direction: row;
  }
}

.search-results-column {
  flex: 1;
}

@media (min-width: 1024px) {
  .search-results-column {
    flex: 0 0 75%;
  }
}

.search-results-sidebar {
  border-top: 1px solid #ddd;
  flex: 1 0 auto;
  margin-bottom: 20px;
  padding: 0;
}

@media (min-width: 1024px) {
  .search-results-sidebar {
    border: 0;
    flex: 0 0 20%;
    height: auto;
  }
}

.search-results-sidebar .sidenav-item {
  border-radius: 4px;
  padding: 10px 36px;
  margin-bottom: 4px;
  color: rgba(11, 20, 18, 1);
}

.search-results-sidebar .sidenav-item:hover, .search-results-sidebar .sidenav-item.current {
  background-color: #e9ebed;
  text-decoration: none;
}

.search-results-sidebar .sidenav-subitem {
  unicode-bidi: embed;
}

.search-results-sidebar .sidenav-tag {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-grow: 0;
}

.search-results-sidebar .sidenav-tag .content-tag {
  background: #E9EBED;
  border-radius: 4px;
  padding: 4px 12px;
  text-decoration: none;
}

.search-results-sidebar .sidenav-tag .content-tag .label {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.000427656px;
  color: #49545C;
  flex-grow: 0;
  vertical-align: middle;
  display: inline-block;
}

.search-results-sidebar .sidenav-tag .content-tag .close-icon {
  color: #555555;
  vertical-align: middle;
  display: inline-block;
}

.search-results-sidebar .collapsible-sidebar {
  margin-bottom: 30px;
}

.search-results-sidebar .collapsible-sidebar[aria-expanded="false"] .multibrand-filter-list {
  display: none;
}

@media (min-width: 1024px) {
  .search-results-sidebar .collapsible-sidebar[aria-expanded="false"] .multibrand-filter-list {
    display: block;
  }
}

.search-results-sidebar .multibrand-filter-list--collapsed li:nth-child(1n + 6) {
  display: none;
}

.search-results-sidebar .multibrand-filter-list .doc-count {
  color: #666;
}

.search-results-sidebar .see-all-filters {
  background: none;
  border: none;
  cursor: pointer;
  display: block;
  padding: 10px;
  color: rgba(11, 20, 18, 1);
}

.search-results-sidebar .see-all-filters[aria-hidden="true"] {
  display: none;
}

.search-results-sidebar .see-all-filters:hover {
  text-decoration: underline;
}

.search-results-sidebar .see-all-filters::after {
  content: ' \2304';
  font-weight: bold;
}

.search-results-subheading {
  font-size: 18px;
  font-weight: 600;
}

.search-results-list {
  margin-bottom: 25px;
}

.search-results-list > li {
  padding: 20px 20px;
    margin-bottom: 16px;
    border-radius: 8px;
    box-shadow: 0 .4rem .8rem rgba(0,0,0,0.1);
    border:1px solid rgb(231,232,230);
}

.search-results-list > li:first-child {
  /*border-top: 1px solid #ddd;*/
}

.search-results-list > li h2 {
  margin-bottom: 0;
}

.search-results .meta-group {
  display: block;
  align-items: center;
  clear: both;
  color: #666;
}

@media (min-width: 1024px) {
  .search-results .meta-group {
    display: flex;
  }
}

.search-results .meta-group > li {
  display: block;
}

@media (min-width: 1024px) {
  .search-results .meta-group > li {
    display: inline;
  }
}

@media (min-width: 1024px) {
  .search-results .meta-group li:first-child {
    flex: 1;
  }
}

.search-results .meta-group .meta-data {
  color: inherit;
}

[dir="ltr"] .search-results .meta-group .meta-data:not(:last-child) {
  margin-right: 20px;
}

[dir="rtl"] .search-results .meta-group .meta-data:not(:last-child) {
  margin-left: 20px;
}

.search-results .meta-group .meta-data::after {
  content: none;
}

.search-results-description {
  margin-top: 10px;
  word-break: break-word;
}

.search-results .no-results {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 4rem;
}

.search-results .no-results .headline {
  color: #2F3941;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.45px;
}

.search-results .no-results .action-prompt {
  color: #68737D;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.154px;
}

.search-results .no-results .action-prompt a {
  color: #1F73B7;
}

.search-results .no-results .action-prompt a:visited {
  color: #1F73B7;
}

.search-result-title {
  font-size: 16px;
  display: inline-block;
}

[dir="ltr"] .search-result-icons {
  float: right;
}

[dir="rtl"] .search-result-icons {
  float: left;
}

.search-result-votes, .search-result-meta-count {
  color: #2f564d;
  display: inline-block;
  font-size: 13px;
  padding: 4px 5px;
  position: relative;
}

.search-result-votes-icon, .search-result-meta-count-icon {
  color: rgba(11, 20, 18, 1);
  vertical-align: middle;
  width: 13px;
  height: 13px;
}

[dir="ltr"] .search-result-votes, [dir="ltr"] .search-result-meta-count {
  margin-left: 5px;
}

[dir="ltr"] .search-result-votes::before, [dir="ltr"] .search-result-meta-count::before {
  margin-right: 3px;
}

[dir="rtl"] .search-result-votes, [dir="rtl"] .search-result-meta-count {
  margin-right: 5px;
}

[dir="rtl"] .search-result-votes::before, [dir="rtl"] .search-result-meta-count::before {
  margin-left: 3px;
}

.search-result .meta-group {
  align-items: center;
}

.search-result-breadcrumbs {
  margin: 0;
}

@media (min-width: 1024px) {
  .search-result-breadcrumbs {
    display: table-row;
  }
}

@media (min-width: 1024px) {
  .search-result-breadcrumbs li {
    display: table-cell;
  }
}

/* By default use bold instead of italic to highlight */
.search-results-description em {
  font-style: normal;
  font-weight: bold;
}

/* Add a yellow background for Chinese */
html[lang|="zh"] .search-results-description em {
  font-style: normal;
  background: yellow;
}

/***** Notifications *****/
.notification {
  border: 1px solid;
  display: table;
  font-family: sans-serif;
  font-size: 12px;
  padding: 13px 15px;
  transition: height .2s;
  width: 100%;
  color: #555;
}

.notification a {
  color: #158ec2;
}

.notification-inner {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 980px;
}

.notification-icon, .notification-text, .notification-dismiss {
  display: table-cell;
  vertical-align: middle;
}

.notification-text {
  padding: 0 15px;
  width: 100%;
}

.notification + .notification {
  margin-bottom: -1px;
  position: relative;
  top: -1px;
}

/* Error */
.notification-error {
  background: #ffeded;
  border-color: #f7cbcb;
}

.notification-error .notification-icon::before, .notification-error .notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23555555'/%3E%3C/svg%3E");
}

/* Notice */
.notification-notice {
  background: #dbf3ff;
  border-color: #b5e0f5;
}

.notification-notice .notification-icon::before, .notification-notice .notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.5 6l2 2L9 4.5'/%3E%3Ccircle cx='6' cy='6' r='5.5'/%3E%3C/g%3E%3C/svg%3E");
}

/* Alert / Lock */
.notification-alert {
  color: #ad5e18;
  background: #fff8ed;
  border-color: #fcdba9;
}

.notification-alert .notification-icon::before, .notification-alert .notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23ad5e18' stroke-linecap='round' d='M5.06 1.27l-4.5 8.5c-.18.33.06.73.44.73h9c.38 0 .62-.4.44-.73l-4.5-8.5a.494.494 0 00-.88 0zM5.5 4v2'/%3E%3Ccircle cx='5.5' cy='8' r='.8' fill='%23ad5e18'/%3E%3C/svg%3E");
}

.notification-icon::before, .notification-inline.notification-error::before {
  background-size: cover;
  content: "";
  display: inline-block;
  height: 14px;
  width: 14px;
  vertical-align: middle;
}

/* Dismiss button */
.notification-dismiss, a.notification-dismiss {
  color: #555;
  cursor: pointer;
  opacity: .6;
  transition: opacity 100ms ease;
  text-decoration: none !important;
}

.notification-dismiss:hover {
  opacity: 1;
}

/* Inline notifications */
.notification-inline {
  border-radius: 4px;
  line-height: 14px;
  margin-top: 5px;
  padding: 5px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}

[dir="rtl"] .notification-inline {
  text-align: right;
}

.notification-inline[aria-hidden="true"] {
  display: none;
}

.notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23e35b66'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23e35b66'/%3E%3C/svg%3E");
  margin: -2px 5px 0 0;
}

[dir="rtl"] .notification-inline.notification-error::before {
  margin: 0 0 0 5px;
}

.notification-inline.notification-error {
  background-color: #fff0f1;
  border: 1px solid #e35b66;
  color: #cc3340;
}

.notification-inline.notification-large {
  padding: 13px 15px;
  margin-bottom: 25px;
}

.notification-left-aligned {
  text-align: left;
  padding-left: 0;
}

html[dir="rtl"] .notification-left-aligned {
  text-align: right;
  padding-left: auto;
  padding-right: 0;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-toggle {
  cursor: pointer;
  background: none;
  border: 0;
  display: inline-block;
  padding: 0;
  text-align: initial;
  vertical-align: middle;
}

.dropdown-toggle:hover {
  text-decoration: none;
}

.dropdown-toggle > * {
  display: inline-block;
}

.dropdown-menu {
  background: #fff;
  border: 1px solid #87929D;
  border-radius: 3px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  display: none;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  left: 0;
  margin-top: 1px;
  min-width: 170px;
  padding: 10px 0;
  position: absolute;
  text-align: left;
  z-index: 1000;
}

[dir="rtl"] .dropdown-menu {
  text-align: right;
}

.dropdown-menu[aria-expanded="true"] {
  display: block;
}

.dropdown-menu [role="separator"] {
  border-bottom: 1px solid #e9ebed;
  margin: 4px 0;
}

.dropdown-menu [role="menuitem"] {
  color: #333;
  cursor: pointer;
  display: block;
  padding: 7px 40px 7px 20px;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  text-align: start;
  line-height: inherit;
  width: 100%;
}

[dir="rtl"] .dropdown-menu [role="menuitem"] {
  padding: 7px 20px 7px 40px;
}

.dropdown-menu [role="menuitem"]:hover, .dropdown-menu [role="menuitem"]:focus {
  background: #f3f3f3;
  text-decoration: none;
  color: #333;
  border-radius:8px;
}

.dropdown-menu [role="menuitem"][aria-selected="true"] {
  cursor: default;
}

.dropdown-menu [role="menuitem"][aria-selected="true"]::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 7l3 3 7-7'%3E%3C/path%3E%3C/svg%3E");
  display: inline-block;
  height: 12px;
  margin-left: 10px;
  width: 12px;
}

[dir="rtl"] .dropdown-menu [role="menuitem"][aria-selected="true"]::after {
  margin-left: 0;
  margin-right: 10px;
  float: left;
}

.dropdown-menu [role="menuitem"][hidden], .dropdown-menu [role="menuitem"][aria-hidden="true"] {
  display: none !important;
}

.dropdown-menu-end {
  left: auto;
  right: 0;
}

.dropdown-menu-top {
  bottom: 100%;
  margin-bottom: 1px;
}

[dir="rtl"] .dropdown-menu {
  left: auto;
  right: 0;
  text-align: right;
}

[dir="rtl"] .dropdown-menu-end {
  left: 0;
  right: auto;
}

.dropdown-chevron-icon {
  vertical-align: middle;
}

.content-tags > p {
  color: #68737D;
  margin-top: 32px;
  margin-bottom: 4px;
}

.content-tags-add-hint {
  color: #68737D;
  font-size: 14px;
}

.content-tag-list {
  display: flex;
  flex-wrap: wrap;
  word-break: break-word;
}

.content-tag-list li {
  border-right: 1px solid #C2C8CC;
  margin-bottom: 4px;
}

[dir="ltr"] .content-tag-list li {
  padding-right: 8px;
  margin-right: 8px;
}

[dir="rtl"] .content-tag-list li {
  padding-left: 8px;
  margin-left: 8px;
}

.content-tag-list li:last-child {
  border: none;
}

/***** WYSIWYG Editor *****/
#hc-wysiwyg {
  border: 1px solid #87929D;
}

/***** Upload Dropzone *****/
.upload-dropzone {
  border: 1px solid #87929D;
}

/**** Custom Button Header *****/
.sign-in {
    background: #ff7d0a;
    border: 1px solid #ff7d0a !important;
    color: #000 !important;
    border-radius: 2rem;
    font-family: "Open Sans Regular",sans-serif;
    font-size: 14px !important;
    line-height: 12.5px !important;
    padding: 13px 25px !important;
    transition: transform 333ms ease-in-out,-webkit-transform 333ms ease-in-out;
    transform: translateY(0);
  	margin-left: 10px;
}

.sign-in:hover {
    background: #ff7d0a !important;
    border: 1px solid #ff7d0a !important;
    color: #000 !important;
  	transform: translateY(-5px);
}

.submit-a-request  {
    background: transparent;
    border: 1px solid #fff !important;
    color: #fff !important;
    border-radius: 2rem;
    font-family: "Open Sans Regular",sans-serif;
    font-size: 14px !important;
    line-height: 12.5px !important;
    padding: 13px 25px !important;
    transition: transform 333ms ease-in-out,-webkit-transform 333ms ease-in-out;
    transform: translateY(0);
}

/*.submit-a-request:hover {
    background: transparent !important;
    border: 1px solid #ffff !important;
    color: #fff !important;
  	transform: translateY(-5px);*/
}

@media (max-width: 1024px) {
  .submit-a-request  {
  	background: #ff7d0a;
    border: 1px solid #ff7d0a !important;
    color: #000 !important;
    border-radius: 2rem;
    font-family: "Open Sans Regular",sans-serif;
    font-size: 14px !important;
    line-height: 12.5px !important;
    padding: 13px 25px !important;
    transition: transform 333ms ease-in-out,-webkit-transform 333ms ease-in-out;
    transform: translateY(0);
    text-align: center;
  }
  .submit-a-request:hover {
    background: #ff7d0a !important;
    border: 1px solid #ff7d0a !important;
    color: #000 !important;
  	transform: translateY(-5px);
	}
  
  .submit-request {
    padding: 0 50px;
  }
}

/***** New Footer *****/
.footer-new {
    background: #e8e8ea;
    border-radius: 1rem 1rem 0 0;
    padding: 0;
    margin-top:1rem;
}

.border {
    width: 100%;
    height: 0.5rem;
    position: relative;
    bottom: 0;
    background: linear-gradient(to right,#000,#440001,#c92500,#ea6a00,#febf00,#c92500);
    border-radius: 1rem 1rem 0 0;
}

.footer-new .container {
  max-width: 1200px;
  padding: 60px 0 0;
  width: 96%;
}

@media (max-width: 576px) {
  .footer-new .container {
      padding: 46px 20px 0;
  }
}

.footer-menu-container {
    margin-bottom: 42px;
}

@media (max-width: 768px) {
  .footer-menu-container {
   display: none;
	}
}

.primary-footer-nav-title-container {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: nowrap;
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    gap: 48px;
}

.primary-nav-footer-column-title {
    color: #262b30;
    flex-basis: 20%;
    font-family: "Jost Medium",sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
}

.primary-nav-footer-item-container {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    flex-direction: column;
    gap: 8px;
    margin-top: 24px;
}

.primary-nav-footer-item {
    flex-basis: 20%;
    font-family: "Jost Medium",sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
}

.primary-nav-footer-item a {
  color: #262b30;
  font-family: "Open Sans Medium",sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}

.primary-nav-footer-item a:hover {
  text-decoration: none;
  color: #ff7d0a;
}

.primary-nav-footer-column-title .single {
  display: block;
  color: #262b30;
  font-family: "Jost Medium",sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 24px;
}

/***Mobile Menu***/


.footer-menu-container-mobile {
  display: none;
}

@media (max-width: 768px) {
.footer-menu-container-mobile {
    display: block;
	}
}

.accordion-item-footer-title {
    color: #262b30;
    cursor: pointer;
    font-family: "Jost Medium",sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    margin: 0;
    padding: 8px 0 8px;
    position: relative;
    transition: .25s;
    transition: .25s;
    z-index: 1;
}

.accordion-item-footer-title:after {
    background-image: url(https://soldo.com/wp-content/themes/soldo/./assets/img/chevron-down.svg);
    background-position: center;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 12px;
    position: absolute;
    right: -8px;
    top: 8px;
    -webkit-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    width: 12px;
}

.accordion-item-footer-content {
    box-sizing: content-box;
    font-size: 12.5px;
    padding: 0 8px;
    z-index: 2;
}

.footer-menu-container-mobile .accordion-item-footer-wrapper .accordion-item-footer .accordion-item-footer-content .primary-nav-footer-item-container {
  	margin: 12.5px 0;
}

.footer-menu-container-mobile .accordion-item-footer-wrapper .accordion-item-footer .no-content a {
    color: #262b30;
    font-family: "Jost Medium",sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
}
/*** End Mobile menu ***/

.logo-social {
  	margin: 0 auto;
  	display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}
@media (max-width: 576px) {
  .logo-social {
    margin-top: 26px;
	}
}
@media (max-width: 768px) {
  .logo-social {
    padding-bottom: 15px;
	}
}
.footer-language-selector {
    flex: 4;
    margin-left: 0;
    margin-bottom: 0;
}

.dropdown-toggle {
  	background: transparent;
    border: 0;
    color: #262b30;
    font-family: "Open Sans Medium",sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 10px;
    padding-left: 0;
    padding-top: 5px;
  	display: flex;
    align-items: center;
    gap: 4px;
  	padding: 15px 15px 15px 0;
}
.dropdown-toggle:hover {
    color: #ff7d0a !important;
}

.dropdown-toggle:after {
    background-image: url(https://www.soldo.com/wp-content/themes/soldo/assets/img/chevrons/chevron-down-dark.svg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border: 0;
    content: "";
    display: inline-block;
    height: 1.2rem;
    position: absolute;
    right: -10px;
    transition: all 250ms ease-in-out;
    width: 12px;
}

.dropdown-toggle:focus::after {
    background-image: url(https://www.soldo.com/wp-content/themes/soldo/assets/img/chevrons/chevron-down-orange.svg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border: 0;
    content: "";
    display: inline-block;
    height: 1.2rem;
    position: absolute;
    right: -10px;

    transition: all 250ms ease-in-out;
    width: 12px;
}
.dropdown-toggle:active::after {
    background-image: url(https://www.soldo.com/wp-content/themes/soldo/assets/img/chevrons/chevron-down-orange.svg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border: 0;
    content: "";
    display: inline-block;
    height: 1.2rem;
    position: absolute;
    right: -10px;
    transition: all 250ms ease-in-out;
    width: 12px;
}
.dropdown-toggle.wpml-ls-native::focus {
  color:#e66b00;
}
.dropdown-toggle.wpml-ls-native::active {
  color:#e66b00;
}
.dropdown-menu {
  	background: #f6f6f6;
    border-radius: 8px;
    padding: 0;
    min-width:110px;
  	border: unset;
  	box-shadow: unset;
}

.dropdown-menu-end {
    left: auto;
    right: unset;
}

.other-languages {
  	padding: 13px 13px 13px 10px;
    border-bottom: 1px solid #e7e8e6;
}
.other-languages a {
  	display: flex !important;
    align-items: center;
  	gap: 4px;
}

.other-languages a:hover{
    background: #f6f6f6 !important;
    color: #ff7d0a !important;
}

.wpml-ls-native {
  color: #262b30;
}

.wpml-ls-native:hover {
  color: #ff7d0a;
}

/*** Social ***/

.social-icons {
    flex: 1;
    justify-content: flex-end;
    margin-right: 0;
  	align-items: center;
    display: flex;
    flex-wrap: nowrap;
    margin-left: 15px;
}

.social-icons a {
    display: block;
    margin-right: 15px;
}

/*** End Social ***/

/*** Secondary menu ***/
.secondary-footer-menu-container {
    display: flex;
    gap: 50px;
    padding: 25px 0;
    border-top: 1px solid #000;
    margin: 0 auto;
}

@media (max-width: 576px) {
  .footer-new .container .secondary-footer-menu-container {
      display: block;
      padding: 25px 0;
  }
}

.secondary-footer ul {
 		display: flex;
    gap: 25px;
    margin-top: 0;
}

@media (max-width: 576px) {
  .secondary-footer-menu-container .secondary-footer ul {
      gap: 8px 16px;
      flex-wrap: wrap;
  }
}

.secondary-nav-footer-item a {
    color: #262b30;
    font-family: "Open Sans Medium",sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

.secondary-nav-footer-item a:hover {
    color: #ff7d0a;
  	text-decoration: none;
}

/*** End Secondary Menu ***/

/*** Legal ***/
.legal-new {
    color: #262b30;
    font-family: "Open Sans Medium",sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    background: #e8e8ea;
    padding-bottom: 13px;
}

.legal-new .row {
    margin-left: auto;
    margin-right: auto;
    width: 96%;
    max-width: 1200px;
}

@media (max-width: 576px) {
  .legal-new .row {
      width: 90%;
  }
}

.legal-new .row strong {
    color: #262b30;
    font-family: "Jost Medium",sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 47px;
    text-transform: uppercase;
}

/*** End Legal ***/

/*Custom*/
span[class=wysiwyg-color-pink120],
span[class=wysiwyg-color-pink130],
span[class=wysiwyg-color-pink140] { /* Zendesk color swatch css selector */
    color: rgb(51, 51, 51); /* Info panel font color */
    border-radius:4px; /* Info panel border radius */
    padding:16px; /* Info panel text padding */
    display: block; /* Display the span as a block element */
    min-height: 70px;
    text-decoration: none;
    margin-top: 20px;
    margin-bottom: 20px;
    box-shadow: 0 0.2rem 0.5rem #0000000d, 0 0 0.05rem #0000001a;
}

span[class=wysiwyg-color-pink120] a, 
span[class=wysiwyg-color-pink130] a {
    color: rgb(75, 97, 195);
    text-decoration:underline;
}

span[class=wysiwyg-color-pink120] { /* Zendesk color swatch css selector */
    background: rgb(233, 242, 255); /* Info panel background color */
    /*border: solid 1px rgb(29, 122, 252); /* Info panel left border */
    /*border-left: solid 4px rgb(29, 122, 252); /* Info panel left border */
}

span[class=wysiwyg-color-pink130] { /* Zendesk color swatch css selector */
    background: rgb(255, 247, 214); /* Info panel background color */
   /* border: solid 1px #ff9100; /* Info panel left border */
   /* border-left: solid 4px #ff9100; /* Info panel left border */
}

span[class=wysiwyg-color-pink140] { /* Zendesk color swatch css selector */
    background: #fff; /* Info panel background color */
    /*border: solid 1px #000; /* Info panel left border */
    /*border-left: solid 4px #000; /* Info panel left border */
}
    

.article-body details {
    border: none;
  background-color:rgb(246,246,246);
    border-radius: 4px;
    padding:16px 12px 16px 16px; /* Info panel text padding */
    width: 100%;
    margin-top: 16px;
}
.article-body details[open] summary{
    margin-bottom:16px;
  border-bottom:1px solid #b6b7bc;
}  
.article-body details summary {
    font-weight: bold;
    cursor: pointer;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
  margin-top:8px;
  height:100px;
}

.article-body summary:focus-visible,
.article-body details:focus-visible {
    outline:none;
}
            
.article-body details summary::-webkit-details-marker {
    display: none;
}
            
.article-body details summary::after {
  content: url("data:image/svg+xml,%0A%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.5001 14.8333H14.8333V19.5001H12.5V14.8333H7.83334V12.5H12.5V7.83332H14.8333V12.5H19.5001V14.8333ZM13.6667 2C7.22668 2 2 7.22666 2 13.6667C2 20.1067 7.22668 25.3333 13.6667 25.3333C20.1067 25.3333 25.3333 20.1067 25.3333 13.6667C25.3333 7.22666 20.1067 2 13.6667 2Z' fill='black'/%3E%3C/svg%3E%0A");
    float: right;
}

.article-body details[open] summary::after {
  content: url("data:image/svg+xml,%0A%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.8334 15.1663H8.1667V12.833H19.8334V15.1663ZM14 2.33301C7.56004 2.33301 2.33337 7.55968 2.33337 13.9997C2.33337 20.4397 7.56004 25.6663 14 25.6663C20.44 25.6663 25.6667 20.4397 25.6667 13.9997C25.6667 7.55968 20.44 2.33301 14 2.33301Z' fill='black'/%3E%3C/svg%3E%0A");
}
.article-body details img {
    border-radius:5px;
    box-shadow: 0 0.2rem 0.5rem #0000000d, 0 0 0.05rem #0000001a;
    display:block;
    margin:32px auto 32px auto;
}
.article-body img{
  display:block;
  margin:32px auto 32px auto;
  border-radius:5px;
}

.article-sidebar{
    margin-right: 24px;
    flex: 0 0 23%;
}
.sidenav-item.current-article {
    color: #000000;
    text-decoration: none;
    background-color: #ffffff;
    border-left:2px solid #FF7D0A;
  font-weight:600;
}
.sidenav-item.current-article:hover {
  text-decoration: none;
  border-radius:0px;
}
.sidenav-item {
    transition: background-color 0.3s ease; /* Add this line for transition effect */
}
.sidenav-item:hover {
    background-color: #ffffff; /* Define the hover background color */
    color:#FF7D0A;
    border-radius:0px;
}
.sidenav-item.h2-item, .sidenav-item.h1-item{
  font-weight: 600;
}
/*.sidenav-item.h3-item{
  margin-top: 1px;
  margin-bottom: 1px;
  font-size: 12.75px;
  font-weight: 400;
}*/
.sidenav-title {
    font-size: 16px;
    margin-bottom: 6px;
    position: relative;
}
.collapsible-sidebar{
    position:sticky;
    top:125px;
}
.collapsible-sidebar-body {
    margin-top:1.5rem;
}
.collapsible-sidebar-body a{
    font-size:13px;
}
.collapsible-sidebar-body li a {
    padding:8px 20px;
    color:#626262;
  font-weight:500;
}
.article-body iframe{
  display:block;
  margin:48px auto 48px auto;
  border-radius:5px;
}
#article-navigator{
  margin-bottom:64px;
}
@media (min-width: 1024px) {
    .article {
        flex: 1;
        max-width: 1024px;
      padding-left:4.5rem;
      padding-right:4.5rem;
    }
}

@media (max-width: 1024px) {
#article-navigator,
#article-navigator-title {
    display:none;
  }
  .article-body iframe{
    width:100%;
  }
}

.section-tree{
  flex-direction:row;
}
@media (min-width: 1024px) {
    .category-content,
     .section-content{
        flex: 0 0 75%;
       max-width:1024px;
       margin-left:auto;
       margin-right:auto;
    }
}
@media (max-width: 1024px) {
#section-sidebar-list,
aside#category-mod-navigation,
aside#section-mod-navigation{
    display:none;
  }
}
#section-page-header{
  flex-direction:column;
}
.section-tree .section details {
    box-shadow: 0 .4rem .8rem rgba(0,0,0,0.1);
    border:1px solid #e7e8e6b3;
    background-color:rgb(246,246,246);
    border-radius: 8px;
    padding:16px 12px 16px 16px; /* Info panel text padding */
    width: 100%;
    margin-top: 24px;
  transition:all 300ms ease-in-out;
}
.section-tree .section details:hover .section-tree-title,
.section-tree .section details[open] .section-tree-title{
  color:#c61;
}
.section-tree .section details:hover{
transform:translateY(-4px);
background-color:#ffffff;
border:1px solid #e7e8e6b3;
}
.section-tree .section details[open]:hover{
transform:initial;
background-color:rgb(246,246,246);
border:1px solid initial;
}
.section-tree .section details[open] summary{
    margin-bottom:16px;
  border-bottom:1px solid #b6b7bc;
}  
.section-tree .section details[open] {
    border:1px solid #c61;
}  
.section-tree .section details summary {
    font-weight: bold;
    cursor: pointer;
    list-style: none;
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    margin-top: 8px;
    min-height: 60px;
    align-items: center;
}

.section-tree .section summary:focus-visible,
.section-tree .section details:focus-visible {
    outline:none;
}
            
.section-tree .section details summary::-webkit-details-marker {
    display: none;
}
            
.section-tree .section details summary::after {
  /*content: url("data:image/svg+xml,%0A%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.5001 14.8333H14.8333V19.5001H12.5V14.8333H7.83334V12.5H12.5V7.83332H14.8333V12.5H19.5001V14.8333ZM13.6667 2C7.22668 2 2 7.22666 2 13.6667C2 20.1067 7.22668 25.3333 13.6667 25.3333C20.1067 25.3333 25.3333 20.1067 25.3333 13.6667C25.3333 7.22666 20.1067 2 13.6667 2Z' fill='black'/%3E%3C/svg%3E%0A");*/
  content: url("data:image/svg+xml,%0A%3Csvg width='17' height='10' viewBox='0 0 17 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_484_20284)'%3E%3Cpath d='M16.896 1.35094L8.986 10L0.895995 1.1725L1.91631 0.238751L8.98506 7.95219L15.8754 0.417498L16.896 1.35094Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_484_20284'%3E%3Crect width='16' height='9.76125' fill='white' transform='translate(16.896 10) rotate(180)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    float: right;
  transition: transform 300ms ease-in-out;
}

.section-tree .section details[open] summary::after {
  /*content: url("data:image/svg+xml,%0A%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.8334 15.1663H8.1667V12.833H19.8334V15.1663ZM14 2.33301C7.56004 2.33301 2.33337 7.55968 2.33337 13.9997C2.33337 20.4397 7.56004 25.6663 14 25.6663C20.44 25.6663 25.6667 20.4397 25.6667 13.9997C25.6667 7.55968 20.44 2.33301 14 2.33301Z' fill='black'/%3E%3C/svg%3E%0A");*/
  transform:rotate(180deg);
}
.section-tree .section{
  margin-bottom:0px;
}
.section-tree .section:last-child{
  margin-bottom:40px;
}

.category-content .page-header-description {
  font-style:normal;
  font-family:'Open Sans', sans-serif;
}

.section .article-list-item,
.section-content .article-list-item{
  padding:0px;
}

.section .article-list-item a,
.section-content .article-list-item a{
  display:block;
  width:100%;
  cursor:pointer;
  padding:10px 8px;
  margin-bottom:6px;
}

.section .article-list-item a:hover,
.section-content .article-list-item a:hover{
  background-color:#ffffff;
  border-radius:5px;
  color:#FF7D0A;
}
.section-content-wrapper{
  box-shadow: 0 .4rem .8rem rgba(0,0,0,0.1);
  border: 1px solid rgb(231,232,230);
  background-color:rgb(246,246,246);
  border-radius: 8px;
  padding-left:24px;
  padding-right:12px;
  padding-bottom:32px;
  margin-bottom:32px;
  height:auto;
}
.collapsible-sidebar-title.sidenav-title.modified a{
  color:#333;
}
.section-content ul.article-list{
  margin-top:32px;
}
.mod-navigator-back{
  width:28px;
  height:28px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23E8E8EA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.3333 10.6667V13.3334H11.3333L13.6667 15.6667L12.0533 17.2801L6.77333 12.0001L12.0533 6.72006L13.6667 8.3334L11.3333 10.6667H17.3333Z' fill='%230B1412'/%3E%3C/svg%3E%0A");
  background-position:center;
  background-repeat:no-repeat;
  display:inline-flex;
  vertical-align:middle;
  margin-right:4px;
  margin-left:0px;
  margin-bottom:3px;
  cursor:pointer;
  transition: all 300ms ease-in-out;
  border:none;
  background-color:transparent;
}
@media (min-width:1024px){
  .mod-navigator-back{
    margin-left:-12px;
  }
    .mod-navigator-back:hover{
    transform:translateX(-4px);
  }
}

.mod-article-count{
  margin:6px 0;
  font-family:'Jost',sans-serif;
  font-size:14px;
  color:#000;
  background-color:#e8e8ea;
  border-radius:4px;
  padding:4px 6px 1px 6px;
  font-weight:400;
  text-align:center;
  display: inline-flex;
  line-height: 16px;
  vertical-align: middle;
  border:1px solid #e7e8e6b3;
  flex-shrink:0;
  align-self:flex-start;
}

.mod-article-count::before{
  margin-right:6px;
  content: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6H10' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 8H10' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 10H8' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.79375 13.5H3C2.86739 13.5 2.74022 13.4473 2.64645 13.3535C2.55268 13.2598 2.5 13.1326 2.5 13V3C2.5 2.86739 2.55268 2.74022 2.64645 2.64645C2.74022 2.55268 2.86739 2.5 3 2.5H13C13.1326 2.5 13.2598 2.55268 13.3535 2.64645C13.4473 2.74022 13.5 2.86739 13.5 3V9.79375C13.5003 9.8587 13.4877 9.923 13.463 9.98305C13.4383 10.0431 13.402 10.0978 13.3562 10.1438L10.1438 13.3562C10.0978 13.402 10.0431 13.4383 9.98305 13.463C9.923 13.4877 9.8587 13.5003 9.79375 13.5Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.4563 10H10V13.4563' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

aside#article-mod-nav span#mod-article-navigator-title{
  display:none;
}

/***Custom info panels in Zendesk editor using unused color swatches***/
/*Tip info panel*/
span.wysiwyg-color-green120, .callout.tip{
  display: block;
  background-color: #dbf7f0;
  /*border:0.75px solid #115549;*/
  /*border-left:4.5px solid #115549;*/
  color:#115549;
  border-radius: 4px;
  padding: 16px; 
  margin-top: 24px; 
  margin-bottom: 24px;
}
span.wysiwyg-color-green120::before,.callout.tip::before {
  display: inline-block;
  line-height: 0.8em;
  vertical-align: bottom;
  margin: 0px 6px 0px 0px;
  content: url("data:image/svg+xml,%0A%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.5001 9.7041C19.5001 5.8341 16.3701 2.7041 12.5001 2.7041C8.63012 2.7041 5.50012 5.8341 5.50012 9.7041C5.50012 12.0841 6.69012 14.1741 8.50012 15.4441V17.7041C8.50012 18.2541 8.95012 18.7041 9.50012 18.7041H15.5001C16.0501 18.7041 16.5001 18.2541 16.5001 17.7041V15.4441C18.3101 14.1741 19.5001 12.0841 19.5001 9.7041ZM9.50012 20.7041V21.7041C9.50012 22.2541 9.95012 22.7041 10.5001 22.7041H14.5001C15.0501 22.7041 15.5001 22.2541 15.5001 21.7041V20.7041H9.50012ZM7.50012 9.7041C7.50012 6.9441 9.74012 4.7041 12.5001 4.7041C15.2601 4.7041 17.5001 6.9441 17.5001 9.7041C17.5001 11.7541 16.2701 13.5141 14.5001 14.2841V16.7041H10.5001V14.2841C8.73012 13.5141 7.50012 11.7541 7.50012 9.7041Z' fill='%23115549'/%3E%3C/svg%3E%0A");
}
/*General info panel*/
span.wysiwyg-color-cyan120,.callout.info{
  display: block;
  background-color: #ebecfa;
  /*border:0.75px solid #015A8F;*/
  /*border-left:4.5px solid #015A8F;*/
  color:#015A8F;
  border-radius: 4px;
  padding: 16px; 
  margin-top: 24px; 
  margin-bottom: 24px;
}
span.wysiwyg-color-cyan120::before, .callout.info::before {
  display: inline-block;
  line-height: 0.8em;
  vertical-align: bottom;
  margin: 0px 6px 0px 0px;
  content: url("data:image/svg+xml,%0A%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.5 7.7041V9.7041H11.5V7.7041H13.5ZM4.5 12.7041C4.5 17.1141 8.09 20.7041 12.5 20.7041C16.91 20.7041 20.5 17.1141 20.5 12.7041C20.5 8.2941 16.91 4.7041 12.5 4.7041C8.09 4.7041 4.5 8.2941 4.5 12.7041ZM2.5 12.7041C2.5 7.1841 6.98 2.7041 12.5 2.7041C18.02 2.7041 22.5 7.1841 22.5 12.7041C22.5 18.2241 18.02 22.7041 12.5 22.7041C6.98 22.7041 2.5 18.2241 2.5 12.7041ZM13.5 11.7041V17.7041H11.5V11.7041H13.5Z' fill='%23015A8F'/%3E%3C/svg%3E%0A");
}
/*Caution info panel*/
span.wysiwyg-color-yellow120,.callout.caution{
  display: block;
  background-color: #fdfde8;
  /*border:0.75px solid #BA8B18;*/
  /* border-left:4.5px solid #BA8B18;*/
  color:#0b1412;
  border-radius: 4px;
  padding: 16px; 
  margin-top: 24px; 
  margin-bottom: 24px;
}
span.wysiwyg-color-yellow120::before,.callout.caution::before{
   display: inline-block;
  line-height: 0.8em;
  vertical-align: bottom;
  margin: 0px 6px 0px 0px;
  content: url("data:image/svg+xml,%0A%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.5 21.7041L12.5 2.7041L23.5 21.7041H1.5ZM20.03 19.7041L12.5 6.7041L4.97 19.7041H20.03ZM11.5 14.7041V10.7041H13.5V14.7041H11.5ZM11.5 18.7041V16.7041H13.5V18.7041H11.5Z' fill='%23BA8B18'/%3E%3C/svg%3E%0A"); 
}
/*Suggested info panel*/
span.wysiwyg-color-blue120, .callout.suggested{
  display: block;
  background-color: #fbfbfb;
  border:0.75px solid rgb(246,246,246);
  border-left:4.5px solid rgb(246,246,246);
  color:rgb(51,51,51);
  border-radius: 4px;
  padding: 16px; 
  margin-top: 24px; 
  margin-bottom: 24px;
}
span.wysiwyg-color-blue120::before, .callout.suggested::before{
   display: inline-block;
  line-height: 0.8em;
  vertical-align: bottom;
  margin: 0px 6px 0px 0px;
  content: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.18752 21.5937C5.18622 21.2856 5.24597 20.9802 5.36329 20.6953C5.48062 20.4104 5.65321 20.1515 5.87111 19.9336C6.089 19.7157 6.34789 19.5431 6.63283 19.4258C6.91777 19.3084 7.22312 19.2487 7.53127 19.25H20.8125V3.62502H7.53127C7.22312 3.62372 6.91777 3.68347 6.63283 3.80079C6.34789 3.91812 6.089 4.09071 5.87111 4.30861C5.65321 4.5265 5.48062 4.78539 5.36329 5.07033C5.24597 5.35527 5.18622 5.66062 5.18752 5.96877V21.5937Z' stroke='%23333333' stroke-width='1.5625' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.1875 21.5938V22.375H19.25' stroke='%23333333' stroke-width='1.5625' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
/*BETA panel*/
span.wysiwyg-color-cyan130, .callout.beta {
    display: block;
    /* background-color: #ebecfa; */
    border: 0.75px solid #015A8F;
    border-left: 4.5px solid #015A8F;
    color: #015A8F;
    border-radius: 4px;
    padding: 16px;
    margin-top: 24px;
    margin-bottom: 24px;
}

span.wysiwyg-color-cyan130::before, .callout.beta::before {
    display: inline-block;
    line-height: 0.8em;
    vertical-align: bottom;
    margin: 0px 6px 4px 0px;
    content: 'BETA';
    padding: 4px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    background-color: #ebecfa;
}
/***End custom info panels***/

/***Custom Tab panels***/
 /* Hide the radio buttons */
        .tab-content-container input[type="radio"] {
            display: none;
        }

        /* Sticky Wrapper for Tabs */
        .tab-wrapper {
            position: sticky;
            top: 100px;
            z-index: 10;
            padding: 10px 0;
        }

        /* Container for Tabs */
        .tab-container {
            width: 100%;
            margin: 0 auto;
            border-radius: 8px;
            z-index: 1;
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }

        /* Style the labels as tabs */
        .tab-label {
            display: inline-block;
            width: auto;
            padding: 10px 16px;
            text-align: center;
            cursor: pointer;
            background-color: rgba(255,255,255,1);
            border: 1px solid rgba(36, 43, 48, 1);
            color:rgba(36, 43, 48, 1);
            border-radius: 4px;
            flex-shrink: 0;
            flex-grow:1;
        }

        .tab-label:hover {
          border:1px solid rgba(11,20,18,1);
          color:rgba(11,20,18,1);
        }

        /* Active tab styling */
        #tab1:checked ~ .tab-wrapper .tab-label[for="tab1"],
        #tab2:checked ~ .tab-wrapper .tab-label[for="tab2"],
        #tab3:checked ~ .tab-wrapper .tab-label[for="tab3"],
        #tab4:checked ~ .tab-wrapper .tab-label[for="tab4"],
        #tab5:checked ~ .tab-wrapper .tab-label[for="tab5"],
        #tab6:checked ~ .tab-wrapper .tab-label[for="tab6"],
        #tab7:checked ~ .tab-wrapper .tab-label[for="tab7"],
        #tab8:checked ~ .tab-wrapper .tab-label[for="tab8"],
        #tab9:checked ~ .tab-wrapper .tab-label[for="tab9"] {
            border: 1px solid rgba(36, 43, 48, 1);
            background-color: rgba(36, 43, 48, 1);
            color: #ffffff;
        }

        /* Content Panel Styling */
        .tab-content {
            display: none;
            padding: 20px;
            background-color: #ffffff;
            border: 1px solid #f4f4f4;
            border-radius: 8px;
            margin-bottom: 30px;
        }

        /* Show content when corresponding radio is checked */
        #tab1:checked ~ #tab1-content,
        #tab2:checked ~ #tab2-content,
        #tab3:checked ~ #tab3-content,
        #tab4:checked ~ #tab4-content,
        #tab5:checked ~ #tab5-content,
        #tab6:checked ~ #tab6-content,
        #tab7:checked ~ #tab7-content,
        #tab8:checked ~ #tab8-content,
        #tab9:checked ~ #tab9-content {
            display: block;
        }
/***End custom Tab panels***/

.cd-top {
display: inline-block;
height: 40px;
width: 40px;
position: fixed;
bottom: 40px;
left: 10px;
border-radius:5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
/* image replacement properties */
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background: #FF7D0A url('/hc/theming_assets/01J7P42723X6R7PP4PPHXJRE3Y') no-repeat center 50%;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
/* the button becomes visible */
visibility: visible;
opacity: 1;
}
.cd-top.cd-fade-out {
/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
opacity: .5;
}
.no-touch .cd-top:hover {
background-color: #FF7D0A;
opacity: 1;
}
@media only screen and (min-width: 768px) {
.cd-top {
left: 55px;
bottom: 60px;
}
}
@media only screen and (min-width: 1024px) {
.cd-top {
height: 30px;
width: 30px;
left: 55px;
bottom: 60px;
}
}
.on-this-page{
    flex: 1;
    max-width: 250px;
    min-width: 200px;
  margin-right:0;
  margin-top:8rem;
}
.on-this-page .collapsible-sidebar ul{
  border-left:1px solid #f4f4f4;
  background-color:initial;
}
.on-this-page .sidenav-item.current-article{
  background-color:initial;
  color:#000;
  font-weight:500!important;
  border-left:2px solid #FF7D0A;
  margin-left:-1px;
}
.on-this-page .sidenav-item.h2-item, .sidenav-item.h1-item {
    font-weight: normal;
}
.on-this-page .sidenav-item:hover {
    background-color: initial;
}
.on-this-page .collapsible-sidebar-body li a {
    padding: 4px 20px;
  font-weight:normal;
}
@media only screen and (max-width: 1200px) {
  .on-this-page{
    display:none;
}
}
#section-page-header h1,
.category-content{
  margin-top:0;
}
#section-page-header {
    background-color: rgb(246,246,246);
    padding: 1rem;
    border-radius: 8px;
}
.article .search,
.category-content .search,
.section-content .search,
.hero-inner .search,
.search-results-column .search,
.search-container.request-page .search,
.search-container.community-post .search{
  border:none;
}
.article .search input,
.category-content .search input,
.section-content .search input,
.hero-inner .search input,
.search-results-column .search input,
.search-container.request-page .search input,
.search-container.community-post .search input{
  background-color:rgb(246,246,246);
  border-radius:4px;
}
.avatar img {
  width:64px;
  height:64px;
}
.article .meta-group{
  margin-top:8px;
}
.button.article-vote.article-vote-up {
  background-color:rgb(36,43,48);
  color:#ffffff;
}
.button.article-vote.article-vote-up:hover {
  background-color:rgb(11,20,18);
}
.button.article-vote.article-vote-down {
  border:1px solid rgb(36,43,48);
  color:rgb(56,61,68);
  background-color:#ffffff;
}
.button.article-vote.article-vote-down:hover {
  border:1px solid rgb(11,20,18);
  background-color:#ffffff;
  color:rgb(11,20,18);
}
.article-votes {
  background-color:#fdd5b6;
  border-radius:4px;
  padding:30px;
  border:none;
}
.article-votes .article-votes-question{
  font-size:24px;
  font-family: 'Open Sans', sans-serif;
  font-weight:700;
}
.article-votes  .article-votes-controls{
  margin-top:1.5rem;
  margin-bottom:1rem;
}
.article-vote-label {
  font-size:1rem;
}
@media only screen and (max-width: 1024px) {
  .section-tree{
    flex-direction:column
}
}
.section-tree li.article-list-item a::before,
.section-content li.article-list-item a::before{
  content: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.75 11.999H5.25' stroke='%23202020' stroke-width='2.25' stroke-miterlimit='10'/%3E%3Cpath d='M13.5 6.75L18.75 12L13.5 17.25' stroke='%23202020' stroke-width='2.25' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
  vertical-align:middle;
  margin-right:6px;
}
.section-tree li.article-list-item a{
  text-decoration:underline;
  padding-left: 30px;     
  text-indent: -30px; 
}
h2.section-tree-title{
  max-width:90%;
  line-height:26px;
   font-size: 20px;
    font-family: 'Jost',sans-serif;
    font-weight: 500;
  display:flex;
  flex:100%;
  margin-top:0;
  margin-right:1rem;
  margin-left:0.5rem;
}
h1{
  font-size:40px;
  line-height:52px;
  color:#0B1412;
}
h2{
  font-size:24px;
  line-height:32px;
  font-family: 'Jost', sans-serif;
  font-weight:700;
  color:#0B1412;
}
h3{
  font-size:20px;
  line-height:28px;
  font-family: system-ui, sans-serif;
  font-weight:500;
  color:#0B1412;
}
h4{
  font-size:18px;
  line-height:26px;
  font-weight:500;
  font-family: system-ui, sans-serif;
  color:#0B1412;
}
h5{
  font-size:16px;
  line-height:24px;
  font-family: system-ui, sans-serif;
  color:#0B1412;
}
h6{
  font-size:14px;
  line-height:20px;
  font-family: system-ui, sans-serif;
  color:#0B1412;
}
.category-container aside,
.section-container aside{
  border-right:1px solid #f4f4f4;
}
.article{
  color:#0B1412!important;
}
.border-container{
  display:none;
}
.blocks-item-go-link {
  position: absolute;
  font-family:'Open Sans', sans-serif;
  color:#000000;
  font-weight:500;
  display:block;
  /*text-align:right;*/
  /*text-decoration:underline;*/
  border-bottom:1px solid #000000;
    bottom: 16px;
    right: 16px;
}
.blocks-item-go-link:hover {
    color: #FF7D0A;
}
.blocks-item-go-link::after{
 content: url("data:image/svg+xml,%0A%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_482_20280)'%3E%3Cpath d='M1.65865 11.7152C1.27802 12.0942 0.661849 12.0923 0.283099 11.7117C-0.0958851 11.3308 -0.0940101 10.7147 0.286615 10.3359L4.63427 5.99927L0.286615 1.6624C-0.0940101 1.28365 -0.0958851 0.667474 0.283099 0.286615C0.661849 -0.0940101 1.27802 -0.0958851 1.65865 0.283099L6.70122 5.31302C7.08021 5.69388 7.07833 6.31005 6.69771 6.6888L1.65865 11.7152Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_482_20280'%3E%3Crect width='6.98438' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  margin-left:6px;
}
.blocks-item-description{
  margin-bottom:32px;
}
h1.hero-intro {
    color: #fff!important;
    font-family: "Jost",sans-serif!important;
    font-size: 4rem!important;
    line-height: 4rem!important;
  margin-top:0;
  margin-bottom:0;
  font-weight:400;
}
.search .clear-button{
  background-color:rgb(246,246,246);
  border-radius:4px;
}
.search .clear-button:hover{
  background-color:rgb(246,246,246);
  border-radius:4px;
  color:#777;
}
.sub-nav .breadcrumbs {
    margin: 0;
    border: 1px solid #f4f4f4;
    border-radius: 4px;
    padding: 4px 8px;
    background-color: rgb(246,246,246);
  line-height:20px;
}
.breadcrumbs li a{
  color:#0B1412;
  text-decoration:underline;
}
.breadcrumbs li {
  color:#0B1412;
}
.breadcrumbs li a:visited{
  color:#0B1412;
  text-decoration:underline;
}
.breadcrumbs li a:hover{
  color:#FF7D0A;
  text-decoration:underline;
}
.breadcrumbs li:last-child a {
  font-weight:600;
}
.breadcrumbs li:last-child {
  font-weight:600;
}
.breadcrumbs li + li::before{
  vertical-align:middle;
  /*content: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.75 11.999H5.25' stroke='%23202020' stroke-width='2.25' stroke-miterlimit='10'/%3E%3Cpath d='M13.5 6.75L18.75 12L13.5 17.25' stroke='%23202020' stroke-width='2.25' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");*/
 content: url("data:image/svg+xml,%0A%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_487_20292)'%3E%3Cmask id='mask0_487_20292' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='6' height='10'%3E%3Cpath d='M5.82032 0H0V10H5.82032V0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_487_20292)'%3E%3Cpath d='M1.38221 9.76267C1.06502 10.0785 0.551541 10.0769 0.235916 9.75975C-0.0799042 9.44233 -0.0783417 8.92892 0.238846 8.61325L3.86189 4.99939L0.238846 1.38533C-0.0783417 1.06971 -0.0799042 0.556228 0.235916 0.238846C0.551541 -0.0783417 1.06502 -0.0799042 1.38221 0.235916L5.58435 4.42752C5.90018 4.7449 5.89861 5.25837 5.58143 5.574L1.38221 9.76267Z' fill='black'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_487_20292'%3E%3Crect width='5.83333' height='10' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.blocks-item:hover a .blocks-item-go-link{
  color:#c61;
}
.related-articles,
.recent-articles{
    background-color: rgb(246,246,246);
    padding: 1rem!important;
    border-radius: 4px;
}
.related-articles li a,
.recent-articles li a{
  color:#0B1412;
  text-decoration:underline;
}
.related-articles li a:hover,
.recent-articles li a:hover{
  color:#FF7D0A;
}
.related-articles li a::before,
.recent-articles li a::before{
  margin-right:6px;
  vertical-align:middle;
  content: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.75 11.999H5.25' stroke='%23202020' stroke-width='2.25' stroke-miterlimit='10'/%3E%3Cpath d='M13.5 6.75L18.75 12L13.5 17.25' stroke='%23202020' stroke-width='2.25' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
}
.related-articles-title,
.recent-articles-title {
  font-size:20px;
  margin-bottom:1rem;
}
.related-articles li,
.recent-articles li {
  padding:4px;
}
.article-relatives{
  gap:8px;
  border:none;
}
h2.hero-sub-intro{
  font-size:2.5rem;
  font-weight:400;
  line-height:45px;
  color:#ffffff;
  font-family: 'Jost', sans-serif;
}
.hero-inner .search-container{
  max-width:500px;
  margin:auto;
}
.request-container{
  display:flex;
  flex-direction:column;
  align-items:center;
}
.request-form footer input{
  display:block;
  margin:0 auto 1rem auto;
}
.sub-nav.request-page{
  margin-bottom:1.5rem;
}
section.content-tags{
  margin-bottom:1rem;
  background-color:rgb(246,246,246);
  border-radius:4px;
  padding:1rem;
}
.content-tags > p{
  font-size:20px;
  font-family: 'Jost', sans-serif;
  font-weight:500;
  margin-bottom:1rem;
  color:#0B1412;
  margin-top:0;
}
ul.content-tag-list li{
  background-color:#E8E8EA;
  padding:8px;
  border-radius:4px;
  border:none;
  margin-bottom:8px;
}
ul.content-tag-list li a{
  color:#0B1412;
  text-decoration:underline;
}
ul.content-tag-list li a:hover{
  color:#FF7D0A;
}
p.hero-description,
p.pop-search-description {
  color:#ffffff;
  font-family:'Jost',sans-serif;
  font-size:20px;
  margin-top:2rem;
  font-weight:300;
  margin-bottom:60px;
}
@media (min-width: 1160px) {
  .container.home {
    padding: 0;
    width: 65%;
  }
}
p.pop-search-description{
  display:inline-block;
  margin-right:8px;
  margin-bottom:8px;
}
.pop-search{
  /*background-color:#ffffff;*/
  border-radius:4px;
  /*padding:8px 10px;*/
  margin-right:8px;
  text-decoration:underline;
  color:#fff;
}
.pop-search:hover{
  color:#FF7D0A;
}
/**** Featured CTA *****/
.featured-cta-primary {
    background: rgb(229,113,15);
    border: 1px solid rgb(229,113,15) !important;
    color: #000 !important;
    border-radius: 2rem;
    font-family: "Open Sans",sans-serif;
    font-weight:500;
    font-size: 16px !important;
    line-height: 23px !important;
    padding: 13px 25px !important;
    transition: all 300ms ease-out;
    transform: translateY(0);
  margin-right:12px;
  cursor:pointer;
}
.featured-cta-primary:hover {
    background-color: #c61 !important;
    border: .1rem solid #c61 !important;
    color: #fff !important;
}

.featured-cta-secondary  {
    background: transparent;
    border: 1px solid #000 !important;
    color: #000 !important;
    border-radius: 2rem;
    font-family: "Open Sans",sans-serif;
    font-weight:500;
    font-size: 16px !important;
    line-height: 23px !important;
    padding: 13px 25px !important;
    transition: all 300ms ease-out;
    transform: translateY(0);
  cursor:pointer;
}
.featured-cta-secondary:hover {
    background-color: rgba(0,0,0,0.05) !important;
    border: .1rem solid #000 !important;
}
.container.home.featured{
  display:flex;
  align-items:center;
  padding:1rem 1rem;
  text-align:center;
}
.container.home.featured h2{
  margin-top:0;
}
section.featured{
  background-color:#FDD5B6;
  margin-bottom:40px;
}
.featured-inner{
  flex:1 0 340px;
  font-size:40px;
  padding:1rem;
}
p.featured-description {
  color:#000;
  font-family:'Jost',sans-serif;
  font-size:20px;
  font-weight:300;
  margin-top:0;
}
@media (max-width: 1024px) {
.article-sidebar {
    border-bottom: none;
    border-top: none;
  margin-right:0px;
}
}
.blocks-item:hover .blocks-item-title{
   color:#c61!important;
}
.search-results-sidebar .sidenav-item:hover, .search-results-sidebar .sidenav-subitem {
    font-weight:500;
}
.search-results-sidebar .sidenav-item:hover, .search-results-sidebar .sidenav-item.current,
.search-results-sidebar .sidenav-item:hover, .search-results-sidebar .sidenav-item.current:hover{
    color: #FF7D0A;
    text-decoration: none;
    background-color: #ffffff;
    border-left:3px solid #FF7D0A;
    font-weight:700;
}
.sidenav-subitem.filter-name,
.sidenav-subitem.doc-count{
   font-size:14px;
}
.search-results-sidebar .sidenav-item {
    padding: 10px 20px;
  border-radius:0px;
}
.search-results-sidebar .sidenav-item:hover {
    border-left:none;
  font-weight:700;
}
.multibrand-filter-list.multibrand-filter-list--collapsed{
  margin-top:2.5rem;
}
aside.search-results-sidebar h3.collapsible-sidebar-title.sidenav-title{
    display:inline-flex;
}
.filters-in-section.collapsible-sidebar{
  position:initial;
}
button.see-all-filters{
  font-size:14px;
  text-decoration:underline;
}
button.see-all-filters:hover{
  color:#FF7D0A;
}
.search-results-sidebar .see-all-filters::after {
    content: ' ';
}
section.filters-in-section.collapsible-sidebar .collapsible-sidebar-toggle {
    position: relative;
    top:initial;
    transform: initial;
    float: right;
}
@media (max-width: 1024px) {
 .collapsible-sidebar {
  background-color: rgb(246,246,246);
  border-top:none;
}
  .search-results-sidebar{
    border:none;
  } 
  .collapsible-sidebar {
    margin-bottom: 12px;
    padding:0.5rem;
    border-radius:4px;
}
}
.collapsible-sidebar-toggle:focus{
  border:none;
}
li.pagination-next,
li.pagination-last,
li.pagination-prev,
li.pagination-first{
    cursor: pointer;
    border: 0;
    border-radius: 4px;
    font-size: 14px;
    line-height: 2.72;
    border:1px solid rgb(36, 43, 48)!important;
}
li.pagination-next,
li.pagination-prev{
    width:125px;
}
li.pagination-last,
li.pagination-first{
    width:40px;
}
li.pagination-next{
  background-color:rgb(36, 43, 48)!important;
  color:#fff!important;
}
li.pagination-last,
li.pagination-prev,
li.pagination-first{
    background-color: #ffffff;
}
a.pagination-next-link,
a.pagination-last-link,
a.pagination-prev-link,
a.pagination-first-link{
  font-size:14px;
  border:none;
  color:rgb(36, 43, 48)!important;
}
a.pagination-next-link:hover{
  background-color:initial;
  color:#ffffff!important;
}
a.pagination-last-link:hover,
a.pagination-prev-link:hover,
a.pagination-first-link:hover{
  background-color:initial;
  color:rgb(11, 20, 18)!important;
}
a.pagination-next-link,
a.pagination-next-link:visited{
  color:#ffffff!important;
}
a .pagination-next-icon,
a .pagination-prev-icon{
  display:none;
}
ul.pagination-list {
    display: flex;
    justify-content: flex-end;
    gap:8px;
}
.blocks-item-link:focus{
  box-shadow:initial;
  border:1px solid #FF7D0A;
}
section.knowledge-base h2{
     font-size: 34px;
    line-height: 32px;
    font-family: 'Jost', sans-serif;
    font-weight: 300;
  margin-bottom:32px;
}
.section-tree a.see-all-articles{
  color:#000;
  text-decoration:underline;
}
.section-tree a.see-all-articles:hover{
  color:#ff7d0a;
  text-decoration:underline;
}
.section-content-wrapper .page-header h2{
  font-family: 'Jost', sans-serif;
  font-weight: 500;
}
.user-nav-list li a,
.additional-header-links li a{
  font-family:'Jost', sans-serif;
  font-size:16px;
  color:#fff;
  transition:all 300ms ease-in-out;
}
.user-nav-list li a:hover,
.additional-header-links li a:hover{
  color:#be5800;
}
.community-hero .hero-inner{
  padding-bottom:0;
}
.community-footer{
  padding-bottom:2rem;
}
svg.dropdown-chevron-icon{
  display:none;
}
section.community-hero .hero-inner{
  max-width:50%;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 475px){
section.hero.community-hero {
    background-position: -200px;
    background-repeat: no-repeat;
    height: 300px;
}
  section.community-hero .hero-inner{
  max-width:80%;
}
}
.post-container{
  margin-bottom:2rem
}
.new-community-post-header{
  text-align:center;
}
.new-community-post-form{
  margin:auto;
  padding-bottom:2rem;
}
.form footer.new-community-post{
  text-align:center;
}
.error-page{
  text-align:center;
  min-height:50vh;
}
.search-results .meta-group {
   margin-top:1.5rem;
}
.search-result-title a{
     color: #000;
    text-decoration: underline;
    font-weight: 500; 
}
.search-result-title a:hover{
     color: #ff7d0a;
}
.search-result-title a:visited{
     color: #c62;
}
.additional-header-links{
  display:inline-flex;
  list-style:none;
  gap:32px;
}
@media (max-width: 1024px) {
  .additional-header-links{
    display:none;
  }
}
.article-sidebar-item.see-more{
  color:#000;
  text-decoration:underline;
}
.article-sidebar-item.see-more:hover{
  color:#FF7D0A;
}
.featured-buttons-container{
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
    justify-content: center;
}
.on-this-page #article-navigator-title{
  color:transparent;
}
.menu-list-mobile-items li.item a:hover,
.menu-list-mobile-items li.item a:active,
.menu-list-mobile-items li.item a:focus{
  color:#FF7D0A;
}

/* General Styles for Body and Container */
.article-content .article-body {
    font-family: 'Open Sans', sans-serif !important;
    line-height: 1.6rem !important;
}

/* Paragraphs */
.article-content .article-body p {
    line-height: 1.6rem !important;
    margin-bottom: 1.2rem !important;
}

/* Headings - Common Styling */
.article-content .article-body h2,
.article-content .article-body h3,
.article-content .article-body h4,
.article-content .article-body h5 {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 600 !important;
    margin-top: 32px !important;
}

/* Specific Heading Styles */
.article-content .article-body h2 {
    font-size: 24px !important;
    line-height: 32px !important;
    margin-top: 32px !important; /* Larger top margin for h2 */
    margin-bottom: 16px !important; /* Balanced bottom margin */
}

.article-content .article-body h3 {
    font-size: 20px !important;
    line-height: 28px !important;
    font-weight: 650 !important; /* Bold weight for h3 */
    margin-top: 24px !important; /* Added spacing for consistency */
    margin-bottom: 16px !important;
}

.article-content .article-body h4 {
    font-size: 18px !important;
    line-height: 26px !important;
    font-weight: 550 !important; /* Slightly bold but lighter than h3 */
    margin-top: 20px !important; 
    margin-bottom: 12px !important;
}

.article-content .article-body h5 {
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 500 !important; /* Keeping it slightly bold */
    margin-top: 16px !important;
    margin-bottom: 12px !important;
}

/* List Styles */
.article-content .article-body ul,
.article-content .article-body ol {
    line-height: 1.8rem !important;
}

/* Remove Top Margin for First Child */
.article-content .article-body > *:first-child {
    margin-top: 0 !important;
}

/* Article Navigation */
.navigate-article-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin:32px 0;
  align-items:center;
  gap:4px;
}

.navigate-article-container a {
  text-decoration:none;
}

.navigate-article-container button {
  padding: 8px 24px;
  border: none;
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
  border-radius:4px;
  min-height:36px;
  height:auto;
  display:flex; 
}
.navigate-article-container.single-next{
  justify-content: flex-end;
}
.navigate-article-container.single-previous{
  justify-content: flex-start;
}
.navigate-article-container button.article-button-next {
  color: #fff;
  background-color: #242b30;
}
.navigate-article-container button.article-button-next::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath fill='white' d='M4 11.0001V13.0001H16L10.5 18.5001L11.92 19.9201L19.84 12.0001L11.92 4.08008L10.5 5.50008L16 11.0001H4Z'%3E%3C/path%3E%3C/svg%3E");
  margin-left:8px;
  margin-top:2px;
  flex-shrink:0;
}
.navigate-article-container button.article-button-next:hover {
  background-color: #0B1412;
}
.navigate-article-container button.article-button-prev {
  background-color: #fff;
  border:1px solid #242b30;
  color: #242b30;
}
.navigate-article-container button.article-button-prev:hover {
  border:1px solid #0B1412;
  color: #0B1412;
}
.navigate-article-container button.article-button-prev::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath fill='' d='M4 11.0001V13.0001H16L10.5 18.5001L11.92 19.9201L19.84 12.0001L11.92 4.08008L10.5 5.50008L16 11.0001H4Z'%3E%3C/path%3E%3C/svg%3E");
  margin-right:8px;
  margin-top:-2px;
  transform:rotate(180deg);
}

@media (max-width:768px){
  .navigate-article-container {
    flex-direction:column;
    gap:8px;
  }
  .navigate-article-container a{
    width:100%;
  }
  .navigate-article-container button{
    justify-content:center;
    width:100%;
  }
}
@media (max-width:768px){
  .sub-nav .search-container {
    max-width: 100% !important;
}
}
h1.search-results-subheading,
h3.collapsible-sidebar-title.sidenav-title{
    font-size: 18px;
    line-height:28px;
    font-weight: 400;
    font-family: 'Jost',sans-serif;
}
h3.collapsible-sidebar-title.sidenav-title,
#mod-article-navigator-title,
.sidenav-title,
.on-this-page #article-navigator-title{
    font-size: 18px;
    line-height:28px;
    font-weight: 500!important;
    font-family: 'Jost',sans-serif;
}
#mod-article-navigator-title{
    vertical-align:top;
    margin-left:4px;
  background-color:transparent;
  border:none;
}
.user-info.dropdown span[data-user-name]{
  font-family:'Jost',sans-serif;
  font-size:16px;
  margin-left:2px;
}
.user-info.dropdown {
  vertical-align:middle;
}
.user-info.dropdown .dropdown-toggle::after{
  display:none;
}
.user-info.dropdown .dropdown-toggle{
  transition: all 300ms ease-in-out;
}
.user-info.dropdown .dropdown-toggle:hover{
  color:#e66b00!important;
}
.user-info.dropdown .dropdown-menu{
  margin-top:8px;
}
.nav-wrapper-desktop .user-nav a.sign-in{
  background-color:transparent;
  color:#fff!important;
  border:none!important;
}
.user-nav a.sign-in,
.user-nav a.submit-a-request{
  font-family:'Open Sans',sans-serif;
  transition: all 300ms ease-in-out;
}
.user-nav a.sign-in{
  margin:0!important;
  padding:0!important;
  padding-right:15px!important;
}
.user-nav a.submit-a-request:hover{
  color:#e66b00!important;
  border:1px solid #e66b00!important;
  transform:initial!important;
}
.user-nav a.sign-in:hover{
  color:#e66b00!important;
  border:none!important;
  background-color:transparent!important;
  transform:initial!important;
}
.menu-list-mobile-items a.submit-a-request {
    background-color: transparent;
    border: none!important;
    color: #fff!important;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px!important;
    text-align: left;
    margin: 0!important;
    display: inline-block;
}
@media (max-width:1024px){
  .submit-a-request{
    padding-left:0px!important;
  }
.submit-request {
    padding: 0 22px;
}
}
.menu-list-mobile-items li.item a:hover, .menu-list-mobile-items li.item a:active, .menu-list-mobile-items li.item a:focus {
    color: #e66b00!important;
    background-color:transparent!important;
}
zd-autocomplete-multibrand zd-autocomplete-title-multibrand {
    color: #000;
    text-decoration: underline;
}
zd-autocomplete-multibrand zd-autocomplete-breadcrumbs-multibrand {
    padding-top: 8px;
}
.blocks-item{
  flex-grow:1;
  flex-basis:30%;
  max-width:30%;
}
@media (max-width:1600px){
  .blocks-item{
  flex-grow:1;
  flex-basis:45%;
  max-width:45%;
}
}
@media (max-width:768px){
  .blocks-item{
  flex-grow:1;
  flex-basis:100%;
  max-width:100%;
}
}

.section-tree .section details{
  transition:all 300ms ease-in-out;
  min-height:110px;
}
.section-tree .section details summary {
    font-weight: bold;
    cursor: pointer;
    list-style: none;
    display: flex;
    justify-content: space-between; /* This manages the span and icon alignment */
    align-items: center;
    margin-top: 8px;
    min-height: 60px;
}

.section-tree .section details summary .text-container {
    display: flex;
    flex-direction: column; /* Stack h2 and p vertically */
    flex-grow: 1; /* Allow this container to take up as much space as it needs */
    margin-left: 0.5rem;
  text-align:left;
}

.section-tree .section details summary p {
    margin: 8px 16px 16px 0;
    padding-left: 0;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    line-height: 23px;
    font-weight: 400;
    display: -webkit-box;        /* Use flexbox-like behavior */
  -webkit-box-orient: vertical;/* Define the vertical box */
  -webkit-line-clamp: 2;       /* Number of lines to display */
  overflow: hidden;            /* Hide the overflowing content */
  text-overflow: ellipsis;     /* Adds the ellipsis at the end */
  max-height: 3em; 
  min-height: 3em;
}
.section-tree .section details summary p:empty {
  display:none;
}
h2.section-tree-title {
    margin: 0;
    font-size: 20px;
    line-height: 26px;
    font-family: 'Jost', sans-serif;
    font-weight: 500;
    max-width: 100%;
}

.section-tree .section details summary::after {
    content: url("data:image/svg+xml,%0A%3Csvg width='17' height='10' viewBox='0 0 17 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_484_20284)'%3E%3Cpath d='M16.896 1.35094L8.986 10L0.895995 1.1725L1.91631 0.238751L8.98506 7.95219L15.8754 0.417498L16.896 1.35094Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_484_20284'%3E%3Crect width='16' height='9.76125' fill='white' transform='translate(16.896 10) rotate(180)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    float: right;
    transition: transform 300ms ease-in-out;
    flex-shrink: 0;
}
h2.section-tree-title{
  margin-right:8px;
  display: -webkit-box;        /* Use flexbox-like behavior */
  -webkit-box-orient: vertical;/* Define the vertical box */
  -webkit-line-clamp: 1;       /* Number of lines to display */
  overflow: hidden;            /* Hide the overflowing content */
  text-overflow: ellipsis;     /* Adds the ellipsis at the end */
  max-height: 1.5em; 
}
.section-tree .section details[open] summary p {
  -webkit-line-clamp: 4;       /* Number of lines to display */
  max-height: 6em; 
}
.section-tree .section details[open] .mod-article-count {
  display:none;
}
.section-tree .section details[open] h2.section-tree-title{
  -webkit-line-clamp: 2;       /* Number of lines to display */
  text-overflow: ellipsis;     /* Adds the ellipsis at the end */
  max-height: 3em; 
}
@media (max-width:1168px){
  .section-tree .section {
    flex: 0 0 100%;
}
}
header.page-header.section{
  border-bottom:1px solid #b6b7bc;
  padding-bottom:16px;
  margin-bottom:0;
}
a.collapse-section {
    display: block;
    border-top: 1px solid #b6b7bc;
    width: 100%;
  text-align:center;
    margin-top: 1.5rem;
    padding-top: 1rem;
  padding-bottom:0.5rem;
  color:#000000;
  text-decoration:underline;
}
span#article-votes-feedback-label{
  display:none;
}
small.article-votes-count{
  display:none;
  margin-top: 2rem;
}
.article-votes{
  min-height:178px;
}
.article-content img{
  cursor:pointer;
}
.article-content table thead tr td {
  border-bottom:1px solid #ff7d0a;
  border-spacing:0px;
  padding-bottom:10px;
}
.article-content table {
  border:1px solid #f4f4f4;
  border-radius:8px;
  padding:12px;
  border-spacing:0px;
  background-color:#fcfcfc;
}
.article-content table tbody tr:first-child td {
    padding-top: 16px;
}
.article-content table tbody tr td{
  padding-bottom:10px;
  padding-right:16px;
}

/* Toggle for sidebar */
.article #aside-toggle{
  display:block;
  position:sticky;
  margin-left:-57px;
  top:87.5%;
  width:30px;
  height:30px;
  background-color:#f6f6f6;
  border-radius:5px;
  background-size:30px 30px;
  opacity:0.85;
  cursor:pointer;
}
.aside-toggle-expanded{
background-image: url("data:image/svg+xml,%0A%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.8994 18.7573L37.1421 23L32.8994 27.2426' stroke='%23242B30' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M27.2426 23H37.1421' stroke='%23242B30' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.1006 27.2426L8.85795 23L13.1006 18.7573' stroke='%23242B30' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.7574 23H8.85787' stroke='%23242B30' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.aside-toggle-collapsed {
 background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5 11.5L19.5 16L14.5 20.5' stroke='%23242B30' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
@media screen and (max-width: 1024px) {
  .article #aside-toggle {
    display: none;
  }
}
.tooltip-text {
  visibility: hidden;
  width: auto;
  background-color: #333;
  color: #fff;
  text-align: center;
  padding: 5px;
  border-radius: 5px;
  font-size: 12px;
  white-space: nowrap;

  /* Positioning */
  position: absolute;
  bottom: 125%; /* Position above the button */
  left: 65%;
  transform: translateX(-65%);
  z-index: 1;

  /* Fade-in effect */
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip-button:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}
/* Article Nav Mods */
@media (min-width: 1024px) {
.collapsible-sidebar-body {
  position: relative; 
  overflow-y: auto;
  max-height: calc(100vh - 265px); 
  scrollbar-width: thin; 
  scrollbar-color: #f4f4f4 #ffffff; 
}
.collapsible-sidebar-body::after {
  content: '';
  display:block;
  position: sticky; 
  bottom: 0; 
  left: 0;
  width: 100%;
  height: 75px; 
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff); 
  pointer-events: none; 
  z-index: 1; 
}

  /* WebKit-specific scrollbar styling */
  .collapsible-sidebar-body::-webkit-scrollbar {
    width: 8px;
  }

  .collapsible-sidebar-body::-webkit-scrollbar-track {
    background: #ffffff;
  }

  .collapsible-sidebar-body::-webkit-scrollbar-thumb {
    background: #f4f4f4;
    border-radius: 8px;
  }
}

/* Cookie Hub */
.ch2-settings.ch2-settings-scan.ch2-visible .ch2-settings-options .ch2-switch label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #d2d2d6;
    border: 2px solid #d2d2d6;
    border-radius: 36px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    height: 32px !important;
    width: 52px !important;
    -webkit-transition: background-color .2s ease-out,border-color .2s ease-out,opacity .2s ease-out;
    transition: background-color .2s ease-out,border-color .2s ease-out,opacity .2s ease-out;
}
.ch2-settings.ch2-settings-scan.ch2-visible .ch2-settings-options .ch2-switch input:disabled+label {
    opacity:0.4;
}
.ch2-settings.ch2-settings-scan.ch2-visible .ch2-settings-options .ch2-switch input:checked+label {
    background-color: #26bc93;
    border: 2px solid #26bc93;
}
.ch2-settings.ch2-settings-scan.ch2-visible .ch2-settings-options .ch2-switch label {
    color: #d2d2d6;
}
.ch2-settings.ch2-settings-scan.ch2-visible .ch2-settings-options .ch2-switch input:checked+label::before {
    left: 24px !important;
}
.ch2-settings.ch2-settings-scan.ch2-visible .ch2-settings-options .ch2-switch input:disabled+label::before {
    background-color: #fff !important;
}
.ch2-settings.ch2-settings-scan.ch2-visible .ch2-settings-options .ch2-switch label::before {
    content: " " !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50% !important;
    -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.21);
    box-shadow: 0px 1px 4px rgba(0,0,0,.21);
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 28px !important;
    width: 28px !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out;
}
button.ch2-btn.ch2-deny-all-btn,
button.ch2-btn.ch2-allow-all-btn,
button.ch2-btn.ch2-btn-primary.ch2-save-settings-btn{
height:20px!important;
border:none;
border-radius:4px;
font-family:system-ui, sans-serif;
font-weight:400;
font-size:14px;
}
button.ch2-btn.ch2-deny-all-btn {
    -webkit-box-shadow: 0 0 0 1px #ff2828;
    box-shadow: 0 0 0 1px #ff2828;
    color: #b71632;
    background-color: #fff;
}
button.ch2-btn.ch2-allow-all-btn.ch2-btn-primary:hover,
button.ch2-btn.ch2-btn-primary.ch2-save-settings-btn:hover {
    background-color: #242b30 !important;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}
button.ch2-btn.ch2-deny-all-btn:hover {
    background-color: #fff !important;
    -webkit-box-shadow: 0 0 0 1px #ff6f79;
    box-shadow: 0 0 0 1px #ff6f79;
    color: #ff6f79;
}
#ch2-dialog,
.ch2-settings{
font-family:system-ui, sans-serif!important;
}

/* Lightbox zoom */
/* EXCEPT single alt. */
/* Ensure the wrapper aligns properly */
.lightbox-container {
  position: relative;
}

/* Add hover effect */
.lightbox-container:hover .lightbox-icon {
  opacity: 1;
}

/* The zoom icon itself */
.lightbox-icon {
  content: "";
  position: absolute;
  top: 4px;
  right: 4px;
  width: 36px;
  height: 36px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='36' height='36' rx='2.57143' fill='black' fill-opacity='0.4'/%3E%3Cpath d='M13.4036 16.2344H20.0893' stroke='white' stroke-width='1.67143' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.7465 12.8906V19.5763' stroke='white' stroke-width='1.67143' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.7465 25.007C21.5928 25.007 25.5215 21.0783 25.5215 16.232C25.5215 11.3857 21.5928 7.45703 16.7465 7.45703C11.9002 7.45703 7.97147 11.3857 7.97147 16.232C7.97147 21.0783 11.9002 25.007 16.7465 25.007Z' stroke='white' stroke-width='1.67143' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.9517 22.4375L28.0286 27.5145' stroke='white' stroke-width='1.67143' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 9999;
  pointer-events: none;
  opacity: 0; /* Initially hidden */
  transition: opacity 0.2s ease;
}
/* Adjust padding-bottom for mobile screens */
@media (max-width: 768px) {
    .arcade-video-container {
        padding-bottom: 70% !important; /* Ensures full width on mobile */
    }
}
.article-content .article-body ul li,
.article-content .article-body ol li {
    margin-bottom: 5px !important; /* Adds spacing between list items */
    line-height: 1.5 !important; /* Improves readability */
}

/* Remove bottom margin from the last list item */
.article-content .article-body ul li:last-child,
.article-content .article-body ol li:last-child {
    margin-bottom: 0 !important;
}

/* Featured cards update */
section.featured {
    background-color: transparent!important;
    margin-bottom: 0px;
    display: flex;
    flex-direction: row;
    gap: 4rem;
    padding: 4rem 4rem 2.5rem 4rem;
}
.container.home.featured {
    display: flex;
    align-items: center;
    padding: 1rem 1rem;
    text-align: center;
    background-color: #f2f4f7;
    border-radius: 16px;
    margin:0px;
}
.featured-inner h2 {
    font-weight: 450!important;
}
@media (max-width: 978px) {
section.featured {
    flex-direction: column;
    gap: 1.5rem;
    padding: 2rem;
}
  .container.home.featured {
    min-width:100%;
}
}
@media (max-width: 460px) {
section.featured {
    padding: 1rem!important;
}
.container.home.featured {
    padding: 0rem 0rem!important;
}
.featured-inner h2 {
    font-size: 30px!important;
}
}

/* Article votes trial*/
.article-votes {
    background-color: #ffffff!important;
    border-radius: 0px!important;
    padding: 16px!important;
    border: none!important;
    border-top: 1px solid #e6e7e8!important;
    border-bottom: 1px solid #e6e7e8!important;
    min-height:0px!important;
}
.article-votes .article-votes-question {
    font-size: 16px!important;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700!important;
  line-height:1.7;
}
.article-votes .article-votes-controls{
  display:flex;
  justify-content:center;
}
.button.article-vote.article-vote-up,
.button.article-vote.article-vote-down
{
    background-color: #ffffff;
    color: #000000;
    font-size:16px;
    width: 108px !important;
    height: 64px !important;
    display: flex; /* Enables flexbox */
    align-items: center; /* Centers items vertically */
    justify-content: center; /* Centers content horizontally */
    text-align: center;
    gap: 5px; /* Adjust space between icon and text */
    cursor:pointer;
  transition: all 0.3s ease-in-out; /* Smooth transition for all properties */
}

.button.article-vote.article-vote-up::before {
    display: inline-block; /* Ensures the pseudo-element behaves as an inline element */
    width: 33px; /* Match the icon's natural width */
    height: 36px; /* Match the icon's natural height */
  content: url("data:image/svg+xml,%0A%3Csvg width='33' height='36' viewBox='0 0 33 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.25581 15.0433L2.50696 14.9351C2.44902 14.2651 1.87356 13.7597 1.20168 13.7887C0.529786 13.8177 0 14.3708 0 15.0433H1.25581ZM30.1163 18.0961L28.935 24.9272L31.4099 25.3554L32.5912 18.5241L30.1163 18.0961ZM18.4102 33.4884H10.6264V36H18.4102V33.4884ZM9.10043 32.086L7.74054 16.3587L5.23825 16.5751L6.59815 32.3024L9.10043 32.086ZM28.935 24.9272C28.0864 29.8343 23.6617 33.4884 18.4102 33.4884V36C24.8169 36 30.3418 31.531 31.4099 25.3554L28.935 24.9272ZM18.4266 6.44676L17.317 13.2191L19.7957 13.6252L20.9053 6.85287L18.4266 6.44676ZM8.26783 15.0624L10.6769 12.9865L9.03733 11.0839L6.62827 13.1598L8.26783 15.0624ZM15.0597 6.23228L15.8562 3.16165L13.4252 2.53099L12.6286 5.60163L15.0597 6.23228ZM17.0593 2.55919L17.3021 2.63717L18.0703 0.245913L17.8275 0.167935L17.0593 2.55919ZM13.8533 9.31979C14.3756 8.34191 14.7813 7.30613 15.0597 6.23228L12.6286 5.60163C12.4003 6.48178 12.0675 7.33216 11.6379 8.1364L13.8533 9.31979ZM17.3021 2.63717C17.8151 2.802 18.1795 3.19828 18.2992 3.66L20.7305 3.02937C20.3864 1.70319 19.3714 0.663865 18.0703 0.245913L17.3021 2.63717ZM15.8562 3.16165C15.915 2.93558 16.0783 2.72784 16.3253 2.6088L15.2349 0.346178C14.3441 0.775398 13.675 1.5677 13.4252 2.53099L15.8562 3.16165ZM16.3253 2.6088C16.5508 2.50008 16.8164 2.48116 17.0593 2.55919L17.8275 0.167935C16.9741 -0.106251 16.0429 -0.0432086 15.2349 0.346178L16.3253 2.6088ZM19.9318 16.2991H28.6071V13.7875H19.9318V16.2991ZM4.13382 33.7497L2.50696 14.9351L0.00467159 15.1515L1.63154 33.9661L4.13382 33.7497ZM2.51163 33.9282V15.0433H0V33.9282H2.51163ZM1.63154 33.9661C1.60945 33.7107 1.81082 33.4884 2.07077 33.4884V36C3.28635 36 4.23832 34.9583 4.13382 33.7497L1.63154 33.9661ZM20.9053 6.85287C21.1138 5.58009 21.0543 4.27776 20.7305 3.02937L18.2992 3.66C18.5353 4.56987 18.5787 5.51908 18.4266 6.44676L20.9053 6.85287ZM10.6264 33.4884C9.83292 33.4884 9.16914 32.8806 9.10043 32.086L6.59815 32.3024C6.77892 34.3929 8.52731 36 10.6264 36V33.4884ZM10.6769 12.9865C11.8152 12.0056 13.0424 10.838 13.8533 9.31979L11.6379 8.1364C11.0579 9.22214 10.1344 10.1385 9.03733 11.0839L10.6769 12.9865ZM32.5912 18.5241C33.0187 16.0518 31.1176 13.7875 28.6071 13.7875V16.2991C29.5558 16.2991 30.2789 17.1559 30.1163 18.0961L32.5912 18.5241ZM2.07077 33.4884C2.31559 33.4884 2.51163 33.6866 2.51163 33.9282H0C0 35.0712 0.92577 36 2.07077 36V33.4884ZM17.317 13.2191C17.053 14.8313 18.2957 16.2991 19.9318 16.2991V13.7875C19.8482 13.7875 19.7814 13.7118 19.7957 13.6252L17.317 13.2191ZM7.74054 16.3587C7.69797 15.8665 7.89447 15.3842 8.26783 15.0624L6.62827 13.1598C5.64316 14.0087 5.12622 15.2796 5.23825 16.5751L7.74054 16.3587Z' fill='black'/%3E%3C/svg%3E%0A");
}
.button.article-vote.article-vote-down::before {
    display: inline-block; /* Ensures the pseudo-element behaves as an inline element */
    width: 33px; /* Match the icon's natural width */
    height: 36px; /* Match the icon's natural height */
    content: url("data:image/svg+xml,%0A%3Csvg width='33' height='36' viewBox='0 0 33 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.3965 20.9567L30.1454 21.0649C30.2033 21.7349 30.7788 22.2403 31.4507 22.2113C32.1226 22.1823 32.6523 21.6292 32.6523 20.9567L31.3965 20.9567ZM2.53608 17.9039L3.71738 11.0728L1.24242 10.6446L0.0611165 17.4759L2.53608 17.9039ZM14.2421 2.51163L22.0259 2.51163L22.0259 1.03296e-06L14.2421 1.71344e-06L14.2421 2.51163ZM23.5519 3.91395L24.9118 19.6413L27.4141 19.4249L26.0542 3.69762L23.5519 3.91395ZM3.71738 11.0728C4.56597 6.16571 8.99062 2.51163 14.2421 2.51163L14.2421 1.71344e-06C7.83544 2.27353e-06 2.31053 4.46903 1.24242 10.6446L3.71738 11.0728ZM14.2257 29.5532L15.3353 22.7809L12.8567 22.3748L11.7471 29.1471L14.2257 29.5532ZM24.3845 20.9376L21.9755 23.0135L23.615 24.9161L26.0241 22.8402L24.3845 20.9376ZM17.5926 29.7677L16.7961 32.8384L19.2272 33.469L20.0237 30.3984L17.5926 29.7677ZM15.593 33.4408L15.3502 33.3628L14.582 35.7541L14.8248 35.8321L15.593 33.4408ZM18.799 26.6802C18.2768 27.6581 17.8711 28.6939 17.5926 29.7677L20.0237 30.3984C20.252 29.5182 20.5848 28.6678 21.0144 27.8636L18.799 26.6802ZM15.3502 33.3628C14.8372 33.198 14.4728 32.8017 14.3531 32.34L11.9219 32.9706C12.266 34.2968 13.281 35.3361 14.582 35.7541L15.3502 33.3628ZM16.7961 32.8384C16.7373 33.0644 16.5741 33.2722 16.3271 33.3912L17.4175 35.6538C18.3083 35.2246 18.9774 34.4323 19.2272 33.469L16.7961 32.8384ZM16.3271 33.3912C16.1015 33.4999 15.836 33.5188 15.593 33.4408L14.8248 35.8321C15.6783 36.1063 16.6094 36.0432 17.4175 35.6538L16.3271 33.3912ZM12.7206 19.7009L4.04523 19.7009L4.04523 22.2125L12.7206 22.2125L12.7206 19.7009ZM28.5185 2.25025L30.1454 21.0649L32.6477 20.8485L31.0208 2.03392L28.5185 2.25025ZM30.1407 2.07176L30.1407 20.9567L32.6523 20.9567L32.6523 2.07176L30.1407 2.07176ZM31.0208 2.03392C31.0429 2.28927 30.8415 2.51163 30.5816 2.51163L30.5816 2.84997e-07C29.366 3.91266e-07 28.414 1.04166 28.5185 2.25025L31.0208 2.03392ZM11.7471 29.1471C11.5386 30.4199 11.598 31.7222 11.9219 32.9706L14.3531 32.34C14.117 31.4301 14.0737 30.4809 14.2257 29.5532L11.7471 29.1471ZM22.0259 2.51163C22.8194 2.51163 23.4832 3.11944 23.5519 3.91395L26.0542 3.69762C25.8734 1.60711 24.125 8.49446e-07 22.0259 1.03296e-06L22.0259 2.51163ZM21.9755 23.0135C20.8371 23.9944 19.61 25.162 18.799 26.6802L21.0144 27.8636C21.5944 26.7779 22.5179 25.8615 23.615 24.9161L21.9755 23.0135ZM0.0611165 17.4759C-0.366362 19.9482 1.53477 22.2125 4.04523 22.2125L4.04523 19.7009C3.0965 19.7009 2.37349 18.8441 2.53608 17.9039L0.0611165 17.4759ZM30.5816 2.51163C30.3368 2.51163 30.1407 2.31338 30.1407 2.07176L32.6523 2.07176C32.6523 0.928802 31.7266 1.84897e-07 30.5816 2.84997e-07L30.5816 2.51163ZM15.3353 22.7809C15.5994 21.1687 14.3566 19.7009 12.7206 19.7009L12.7206 22.2125C12.8041 22.2125 12.8709 22.2882 12.8567 22.3748L15.3353 22.7809ZM24.9118 19.6413C24.9544 20.1335 24.7579 20.6158 24.3845 20.9376L26.0241 22.8402C27.0092 21.9913 27.5261 20.7204 27.4141 19.4249L24.9118 19.6413Z' fill='black'/%3E%3C/svg%3E%0A");
}
.button.article-vote.article-vote-up:hover,
.button.article-vote.article-vote-down:hover{
  background-color:#0B1412;
  color:#ffffff;
}
.button.article-vote.article-vote-up:hover::before{
  content:url("data:image/svg+xml,%0A%3Csvg width='33' height='36' viewBox='0 0 33 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.25581 15.0433L2.50696 14.9351C2.44902 14.2651 1.87356 13.7597 1.20168 13.7887C0.529786 13.8177 0 14.3708 0 15.0433H1.25581ZM30.1163 18.0961L28.935 24.9272L31.4099 25.3554L32.5912 18.5241L30.1163 18.0961ZM18.4102 33.4884H10.6264V36H18.4102V33.4884ZM9.10043 32.086L7.74054 16.3587L5.23825 16.5751L6.59815 32.3024L9.10043 32.086ZM28.935 24.9272C28.0864 29.8343 23.6617 33.4884 18.4102 33.4884V36C24.8169 36 30.3418 31.531 31.4099 25.3554L28.935 24.9272ZM18.4266 6.44676L17.317 13.2191L19.7957 13.6252L20.9053 6.85287L18.4266 6.44676ZM8.26783 15.0624L10.6769 12.9865L9.03733 11.0839L6.62827 13.1598L8.26783 15.0624ZM15.0597 6.23228L15.8562 3.16165L13.4252 2.53099L12.6286 5.60163L15.0597 6.23228ZM17.0593 2.55919L17.3021 2.63717L18.0703 0.245913L17.8275 0.167935L17.0593 2.55919ZM13.8533 9.31979C14.3756 8.34191 14.7813 7.30613 15.0597 6.23228L12.6286 5.60163C12.4003 6.48178 12.0675 7.33216 11.6379 8.1364L13.8533 9.31979ZM17.3021 2.63717C17.8151 2.802 18.1795 3.19828 18.2992 3.66L20.7305 3.02937C20.3864 1.70319 19.3714 0.663865 18.0703 0.245913L17.3021 2.63717ZM15.8562 3.16165C15.915 2.93558 16.0783 2.72784 16.3253 2.6088L15.2349 0.346178C14.3441 0.775398 13.675 1.5677 13.4252 2.53099L15.8562 3.16165ZM16.3253 2.6088C16.5508 2.50008 16.8164 2.48116 17.0593 2.55919L17.8275 0.167935C16.9741 -0.106251 16.0429 -0.0432086 15.2349 0.346178L16.3253 2.6088ZM19.9318 16.2991H28.6071V13.7875H19.9318V16.2991ZM4.13382 33.7497L2.50696 14.9351L0.00467159 15.1515L1.63154 33.9661L4.13382 33.7497ZM2.51163 33.9282V15.0433H0V33.9282H2.51163ZM1.63154 33.9661C1.60945 33.7107 1.81082 33.4884 2.07077 33.4884V36C3.28635 36 4.23832 34.9583 4.13382 33.7497L1.63154 33.9661ZM20.9053 6.85287C21.1138 5.58009 21.0543 4.27776 20.7305 3.02937L18.2992 3.66C18.5353 4.56987 18.5787 5.51908 18.4266 6.44676L20.9053 6.85287ZM10.6264 33.4884C9.83292 33.4884 9.16914 32.8806 9.10043 32.086L6.59815 32.3024C6.77892 34.3929 8.52731 36 10.6264 36V33.4884ZM10.6769 12.9865C11.8152 12.0056 13.0424 10.838 13.8533 9.31979L11.6379 8.1364C11.0579 9.22214 10.1344 10.1385 9.03733 11.0839L10.6769 12.9865ZM32.5912 18.5241C33.0187 16.0518 31.1176 13.7875 28.6071 13.7875V16.2991C29.5558 16.2991 30.2789 17.1559 30.1163 18.0961L32.5912 18.5241ZM2.07077 33.4884C2.31559 33.4884 2.51163 33.6866 2.51163 33.9282H0C0 35.0712 0.92577 36 2.07077 36V33.4884ZM17.317 13.2191C17.053 14.8313 18.2957 16.2991 19.9318 16.2991V13.7875C19.8482 13.7875 19.7814 13.7118 19.7957 13.6252L17.317 13.2191ZM7.74054 16.3587C7.69797 15.8665 7.89447 15.3842 8.26783 15.0624L6.62827 13.1598C5.64316 14.0087 5.12622 15.2796 5.23825 16.5751L7.74054 16.3587Z' fill='white'/%3E%3C/svg%3E%0A");
}
.button.article-vote.article-vote-down:hover::before{
content: url("data:image/svg+xml,%0A%3Csvg width='33' height='36' viewBox='0 0 33 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.3965 20.9567L30.1454 21.0649C30.2033 21.7349 30.7788 22.2403 31.4507 22.2113C32.1226 22.1823 32.6523 21.6292 32.6523 20.9567L31.3965 20.9567ZM2.53608 17.9039L3.71738 11.0728L1.24242 10.6446L0.0611165 17.4759L2.53608 17.9039ZM14.2421 2.51163L22.0259 2.51163L22.0259 1.03296e-06L14.2421 1.71344e-06L14.2421 2.51163ZM23.5519 3.91395L24.9118 19.6413L27.4141 19.4249L26.0542 3.69762L23.5519 3.91395ZM3.71738 11.0728C4.56597 6.16571 8.99062 2.51163 14.2421 2.51163L14.2421 1.71344e-06C7.83544 2.27353e-06 2.31053 4.46903 1.24242 10.6446L3.71738 11.0728ZM14.2257 29.5532L15.3353 22.7809L12.8567 22.3748L11.7471 29.1471L14.2257 29.5532ZM24.3845 20.9376L21.9755 23.0135L23.615 24.9161L26.0241 22.8402L24.3845 20.9376ZM17.5926 29.7677L16.7961 32.8384L19.2272 33.469L20.0237 30.3984L17.5926 29.7677ZM15.593 33.4408L15.3502 33.3628L14.582 35.7541L14.8248 35.8321L15.593 33.4408ZM18.799 26.6802C18.2768 27.6581 17.8711 28.6939 17.5926 29.7677L20.0237 30.3984C20.252 29.5182 20.5848 28.6678 21.0144 27.8636L18.799 26.6802ZM15.3502 33.3628C14.8372 33.198 14.4728 32.8017 14.3531 32.34L11.9219 32.9706C12.266 34.2968 13.281 35.3361 14.582 35.7541L15.3502 33.3628ZM16.7961 32.8384C16.7373 33.0644 16.5741 33.2722 16.3271 33.3912L17.4175 35.6538C18.3083 35.2246 18.9774 34.4323 19.2272 33.469L16.7961 32.8384ZM16.3271 33.3912C16.1015 33.4999 15.836 33.5188 15.593 33.4408L14.8248 35.8321C15.6783 36.1063 16.6094 36.0432 17.4175 35.6538L16.3271 33.3912ZM12.7206 19.7009L4.04523 19.7009L4.04523 22.2125L12.7206 22.2125L12.7206 19.7009ZM28.5185 2.25025L30.1454 21.0649L32.6477 20.8485L31.0208 2.03392L28.5185 2.25025ZM30.1407 2.07176L30.1407 20.9567L32.6523 20.9567L32.6523 2.07176L30.1407 2.07176ZM31.0208 2.03392C31.0429 2.28927 30.8415 2.51163 30.5816 2.51163L30.5816 2.84997e-07C29.366 3.91266e-07 28.414 1.04166 28.5185 2.25025L31.0208 2.03392ZM11.7471 29.1471C11.5386 30.4199 11.598 31.7222 11.9219 32.9706L14.3531 32.34C14.117 31.4301 14.0737 30.4809 14.2257 29.5532L11.7471 29.1471ZM22.0259 2.51163C22.8194 2.51163 23.4832 3.11944 23.5519 3.91395L26.0542 3.69762C25.8734 1.60711 24.125 8.49446e-07 22.0259 1.03296e-06L22.0259 2.51163ZM21.9755 23.0135C20.8371 23.9944 19.61 25.162 18.799 26.6802L21.0144 27.8636C21.5944 26.7779 22.5179 25.8615 23.615 24.9161L21.9755 23.0135ZM0.0611165 17.4759C-0.366362 19.9482 1.53477 22.2125 4.04523 22.2125L4.04523 19.7009C3.0965 19.7009 2.37349 18.8441 2.53608 17.9039L0.0611165 17.4759ZM30.5816 2.51163C30.3368 2.51163 30.1407 2.31338 30.1407 2.07176L32.6523 2.07176C32.6523 0.928802 31.7266 1.84897e-07 30.5816 2.84997e-07L30.5816 2.51163ZM15.3353 22.7809C15.5994 21.1687 14.3566 19.7009 12.7206 19.7009L12.7206 22.2125C12.8041 22.2125 12.8709 22.2882 12.8567 22.3748L15.3353 22.7809ZM24.9118 19.6413C24.9544 20.1335 24.7579 20.6158 24.3845 20.9376L26.0241 22.8402C27.0092 21.9913 27.5261 20.7204 27.4141 19.4249L24.9118 19.6413Z' fill='white'/%3E%3C/svg%3E%0A")
}
.button.article-vote.article-vote-up.article-user-liked,
.button.article-vote.article-vote-down.article-user-disliked
{
    background-color: #0B1412!important;
    color: #ffffff!important;
}
.button.article-vote.article-vote-up.article-user-liked::before {
    display: inline-block; /* Ensures the pseudo-element behaves as an inline element */
    width: 33px; /* Match the icon's natural width */
    height: 36px; /* Match the icon's natural height */
  content: url("data:image/svg+xml,%0A%3Csvg width='34' height='37' viewBox='0 0 34 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.41402 15.4007L2.66516 15.2926C2.60723 14.6225 2.03176 14.1171 1.35988 14.1461C0.687989 14.1751 0.158203 14.7282 0.158203 15.4007H1.41402ZM30.2745 18.4535L29.0932 25.2847L31.5681 25.7128L32.7494 18.8815L30.2745 18.4535ZM28.7653 16.6565H20.09L10.7847 36.3574H18.5684L28.7653 16.6565ZM9.75 32.1787L20.09 16.6565L5.39646 16.9325L6.75635 32.6598L9.75 32.1787ZM29.0932 25.2847C28.2446 30.1917 34.0168 16.6565 28.7653 16.6565L18.5684 36.3574C24.9751 36.3574 30.5 31.8884 31.5681 25.7128L29.0932 25.2847ZM18.5849 6.80418L8.42603 15.4198L19.9539 13.9826L21.0635 7.21029L18.5849 6.80418ZM8.42603 15.4198L11.1094 13.5172L9.19553 11.4413L6.78647 13.5172L8.42603 15.4198ZM18.75 4.17871L17.5762 2.17871L13.5834 2.88841L12.7868 5.95905L18.75 4.17871ZM17.2175 2.91661L14.5119 14.1449L14.0115 15.9679L18.2285 0.603335L17.9857 0.525357L17.2175 2.91661ZM18.5849 6.80418C19.1071 5.8263 19.25 4.67871 18.75 4.17871L12.7868 5.95905C12.5585 6.83921 12.2257 7.68958 11.7961 8.49382L18.5849 6.80418ZM14.0115 15.9679C14.5246 16.1327 18.6303 3.71699 18.75 4.17871L20.8887 3.38679C20.5446 2.06062 19.5296 1.02129 18.2285 0.603335L14.0115 15.9679ZM17.5762 2.17871C17.6349 1.95265 15.1461 3.03565 15.3931 2.91661V0.703599C14.5023 1.13282 13.8332 1.92512 13.5834 2.88841L17.5762 2.17871ZM15.3931 2.91661C15.75 2.91661 15.3931 2.88841 17.2175 2.91661L17.9857 0.525357C17.1323 0.251171 16.2011 0.314213 15.3931 0.703599V2.91661ZM20.09 16.6565H28.7653V14.1449H20.09V16.6565ZM4.29203 34.1072L2.66516 15.2926L0.162875 15.5089L1.78974 34.3235L4.29203 34.1072ZM2.66983 34.2857V15.4007H0.158203V34.2857H2.66983ZM1.78974 34.3235C1.76765 34.0682 1.96902 33.8458 2.22897 33.8458V36.3574C3.44455 36.3574 4.39653 35.3158 4.29203 34.1072L1.78974 34.3235ZM21.0635 7.21029C21.272 5.93752 21.2125 4.63519 20.8887 3.38679L18.75 4.17871C18.9861 5.08857 18.7369 5.8765 18.5849 6.80418L21.0635 7.21029ZM20.09 16.6565C19.2965 16.6565 10.0559 31.7195 9.75 32.1787L6.75635 32.6598C6.93712 34.7503 8.68551 36.3574 10.7847 36.3574L20.09 16.6565ZM11.1094 13.5172C12.2477 12.5363 17.7739 8.32234 18.5849 6.80418L11.7961 8.49382C11.2161 9.57956 10.2926 10.4959 9.19553 11.4413L11.1094 13.5172ZM32.7494 18.8815C33.1769 16.4092 31.2758 14.1449 28.7653 14.1449V16.6565C29.714 16.6565 30.4371 17.5133 30.2745 18.4535L32.7494 18.8815ZM2.22897 33.8458C2.47379 33.8458 2.66983 34.044 2.66983 34.2857H0.158203C0.158203 35.4286 1.08397 36.3574 2.22897 36.3574V33.8458ZM8.42603 15.4198C8.16198 17.0321 18.4539 16.6565 20.09 16.6565V14.1449C20.0064 14.1449 19.9396 14.0692 19.9539 13.9826L8.42603 15.4198ZM20.09 16.6565C20.0474 16.1643 8.05267 15.7416 8.42603 15.4198L6.78647 13.5172C5.80136 14.3661 5.28442 15.637 5.39646 16.9325L20.09 16.6565Z' fill='white'/%3E%3C/svg%3E%0A");
}
.button.article-vote.article-vote-down.article-user-disliked::before {
    display: inline-block; /* Ensures the pseudo-element behaves as an inline element */
    width: 33px; /* Match the icon's natural width */
    height: 36px; /* Match the icon's natural height */
  content: url("data:image/svg+xml,%0A%3Csvg width='34' height='37' viewBox='0 0 34 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.0997 21.3141L30.8485 21.4223C30.9064 22.0923 31.4819 22.5978 32.1538 22.5688C32.8257 22.5398 33.3555 21.9866 33.3555 21.3141L32.0997 21.3141ZM3.2392 18.2613L4.42051 11.4302L1.94555 11.002L0.764246 17.8333L3.2392 18.2613ZM4.74836 20.0583L13.4237 20.0583L22.729 0.357421L14.9452 0.35742L4.74836 20.0583ZM23.7637 4.53613L13.4237 20.0583L28.1172 19.7824L26.7573 4.05504L23.7637 4.53613ZM4.42051 11.4302C5.2691 6.52313 -0.503128 20.0583 4.74836 20.0583L14.9452 0.35742C8.53857 0.35742 3.01366 4.82644 1.94555 11.002L4.42051 11.4302ZM14.9288 29.9107L25.0876 21.295L13.5598 22.7323L12.4502 29.5046L14.9288 29.9107ZM25.0876 21.295L22.4043 23.1976L24.3181 25.2735L26.7272 23.1976L25.0876 21.295ZM14.7637 32.5361L15.9375 34.5361L19.9303 33.8264L20.7269 30.7558L14.7637 32.5361ZM16.2962 33.7982L19.0018 22.5699L19.5022 20.7469L15.2851 36.1115L15.5279 36.1895L16.2962 33.7982ZM14.9288 29.9107C14.4066 30.8885 14.2637 32.0361 14.7637 32.5361L20.7269 30.7558C20.9552 29.8756 21.2879 29.0253 21.7176 28.221L14.9288 29.9107ZM19.5022 20.7469C18.9891 20.5821 14.8834 32.9979 14.7637 32.5361L12.625 33.3281C12.9691 34.6542 13.9841 35.6936 15.2851 36.1115L19.5022 20.7469ZM15.9375 34.5361C15.8787 34.7622 18.3676 33.6792 18.1206 33.7982L18.1206 36.0112C19.0114 35.582 19.6805 34.7897 19.9303 33.8264L15.9375 34.5361ZM18.1206 33.7982C17.7637 33.7982 18.1206 33.8264 16.2962 33.7982L15.5279 36.1895C16.3814 36.4637 17.3125 36.4006 18.1206 36.0112L18.1206 33.7982ZM13.4237 20.0583L4.74836 20.0583L4.74836 22.5699L13.4237 22.5699L13.4237 20.0583ZM29.2216 2.60767L30.8485 21.4223L33.3508 21.2059L31.7239 2.39134L29.2216 2.60767ZM30.8438 2.42918L30.8438 21.3141L33.3555 21.3141L33.3555 2.42918L30.8438 2.42918ZM31.7239 2.39134C31.746 2.64669 31.5447 2.86905 31.2847 2.86905L31.2847 0.357422C30.0691 0.357422 29.1171 1.39908 29.2216 2.60767L31.7239 2.39134ZM12.4502 29.5046C12.2417 30.7773 12.3012 32.0797 12.625 33.3281L14.7637 32.5361C14.5276 31.6263 14.7768 30.8383 14.9288 29.9107L12.4502 29.5046ZM13.4237 20.0583C14.2172 20.0583 23.4578 4.99529 23.7637 4.53613L26.7573 4.05504C26.5766 1.96453 24.8282 0.357421 22.729 0.357421L13.4237 20.0583ZM22.4043 23.1976C21.2659 24.1786 15.7397 28.3925 14.9288 29.9107L21.7176 28.221C22.2975 27.1353 23.221 26.2189 24.3181 25.2735L22.4043 23.1976ZM0.764246 17.8333C0.336766 20.3056 2.2379 22.5699 4.74836 22.5699L4.74836 20.0583C3.79963 20.0583 3.07662 19.2015 3.2392 18.2613L0.764246 17.8333ZM31.2847 2.86905C31.0399 2.86905 30.8438 2.6708 30.8438 2.42918L33.3555 2.42918C33.3555 1.28623 32.4297 0.357422 31.2847 0.357422L31.2847 2.86905ZM25.0876 21.295C25.3517 19.6827 15.0598 20.0583 13.4237 20.0583L13.4237 22.5699C13.5072 22.5699 13.5741 22.6456 13.5598 22.7323L25.0876 21.295ZM13.4237 20.0583C13.4663 20.5506 25.461 20.9732 25.0876 21.295L26.7272 23.1976C27.7123 22.3487 28.2293 21.0779 28.1172 19.7824L13.4237 20.0583Z' fill='white'/%3E%3C/svg%3E%0A");
}
.article-user-liked,
.article-user-disliked
{
    background-color: #0B1412!important;
    color: #ffffff!important;
}
.article-user-liked::before {
    display: inline-block; /* Ensures the pseudo-element behaves as an inline element */
    width: 33px; /* Match the icon's natural width */
    height: 36px; /* Match the icon's natural height */
  content: url("data:image/svg+xml,%0A%3Csvg width='34' height='37' viewBox='0 0 34 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.41402 15.4007L2.66516 15.2926C2.60723 14.6225 2.03176 14.1171 1.35988 14.1461C0.687989 14.1751 0.158203 14.7282 0.158203 15.4007H1.41402ZM30.2745 18.4535L29.0932 25.2847L31.5681 25.7128L32.7494 18.8815L30.2745 18.4535ZM28.7653 16.6565H20.09L10.7847 36.3574H18.5684L28.7653 16.6565ZM9.75 32.1787L20.09 16.6565L5.39646 16.9325L6.75635 32.6598L9.75 32.1787ZM29.0932 25.2847C28.2446 30.1917 34.0168 16.6565 28.7653 16.6565L18.5684 36.3574C24.9751 36.3574 30.5 31.8884 31.5681 25.7128L29.0932 25.2847ZM18.5849 6.80418L8.42603 15.4198L19.9539 13.9826L21.0635 7.21029L18.5849 6.80418ZM8.42603 15.4198L11.1094 13.5172L9.19553 11.4413L6.78647 13.5172L8.42603 15.4198ZM18.75 4.17871L17.5762 2.17871L13.5834 2.88841L12.7868 5.95905L18.75 4.17871ZM17.2175 2.91661L14.5119 14.1449L14.0115 15.9679L18.2285 0.603335L17.9857 0.525357L17.2175 2.91661ZM18.5849 6.80418C19.1071 5.8263 19.25 4.67871 18.75 4.17871L12.7868 5.95905C12.5585 6.83921 12.2257 7.68958 11.7961 8.49382L18.5849 6.80418ZM14.0115 15.9679C14.5246 16.1327 18.6303 3.71699 18.75 4.17871L20.8887 3.38679C20.5446 2.06062 19.5296 1.02129 18.2285 0.603335L14.0115 15.9679ZM17.5762 2.17871C17.6349 1.95265 15.1461 3.03565 15.3931 2.91661V0.703599C14.5023 1.13282 13.8332 1.92512 13.5834 2.88841L17.5762 2.17871ZM15.3931 2.91661C15.75 2.91661 15.3931 2.88841 17.2175 2.91661L17.9857 0.525357C17.1323 0.251171 16.2011 0.314213 15.3931 0.703599V2.91661ZM20.09 16.6565H28.7653V14.1449H20.09V16.6565ZM4.29203 34.1072L2.66516 15.2926L0.162875 15.5089L1.78974 34.3235L4.29203 34.1072ZM2.66983 34.2857V15.4007H0.158203V34.2857H2.66983ZM1.78974 34.3235C1.76765 34.0682 1.96902 33.8458 2.22897 33.8458V36.3574C3.44455 36.3574 4.39653 35.3158 4.29203 34.1072L1.78974 34.3235ZM21.0635 7.21029C21.272 5.93752 21.2125 4.63519 20.8887 3.38679L18.75 4.17871C18.9861 5.08857 18.7369 5.8765 18.5849 6.80418L21.0635 7.21029ZM20.09 16.6565C19.2965 16.6565 10.0559 31.7195 9.75 32.1787L6.75635 32.6598C6.93712 34.7503 8.68551 36.3574 10.7847 36.3574L20.09 16.6565ZM11.1094 13.5172C12.2477 12.5363 17.7739 8.32234 18.5849 6.80418L11.7961 8.49382C11.2161 9.57956 10.2926 10.4959 9.19553 11.4413L11.1094 13.5172ZM32.7494 18.8815C33.1769 16.4092 31.2758 14.1449 28.7653 14.1449V16.6565C29.714 16.6565 30.4371 17.5133 30.2745 18.4535L32.7494 18.8815ZM2.22897 33.8458C2.47379 33.8458 2.66983 34.044 2.66983 34.2857H0.158203C0.158203 35.4286 1.08397 36.3574 2.22897 36.3574V33.8458ZM8.42603 15.4198C8.16198 17.0321 18.4539 16.6565 20.09 16.6565V14.1449C20.0064 14.1449 19.9396 14.0692 19.9539 13.9826L8.42603 15.4198ZM20.09 16.6565C20.0474 16.1643 8.05267 15.7416 8.42603 15.4198L6.78647 13.5172C5.80136 14.3661 5.28442 15.637 5.39646 16.9325L20.09 16.6565Z' fill='white'/%3E%3C/svg%3E%0A");
}
.article-user-disliked::before {
    display: inline-block; /* Ensures the pseudo-element behaves as an inline element */
    width: 33px; /* Match the icon's natural width */
    height: 36px; /* Match the icon's natural height */
  content: url("data:image/svg+xml,%0A%3Csvg width='34' height='37' viewBox='0 0 34 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.0997 21.3141L30.8485 21.4223C30.9064 22.0923 31.4819 22.5978 32.1538 22.5688C32.8257 22.5398 33.3555 21.9866 33.3555 21.3141L32.0997 21.3141ZM3.2392 18.2613L4.42051 11.4302L1.94555 11.002L0.764246 17.8333L3.2392 18.2613ZM4.74836 20.0583L13.4237 20.0583L22.729 0.357421L14.9452 0.35742L4.74836 20.0583ZM23.7637 4.53613L13.4237 20.0583L28.1172 19.7824L26.7573 4.05504L23.7637 4.53613ZM4.42051 11.4302C5.2691 6.52313 -0.503128 20.0583 4.74836 20.0583L14.9452 0.35742C8.53857 0.35742 3.01366 4.82644 1.94555 11.002L4.42051 11.4302ZM14.9288 29.9107L25.0876 21.295L13.5598 22.7323L12.4502 29.5046L14.9288 29.9107ZM25.0876 21.295L22.4043 23.1976L24.3181 25.2735L26.7272 23.1976L25.0876 21.295ZM14.7637 32.5361L15.9375 34.5361L19.9303 33.8264L20.7269 30.7558L14.7637 32.5361ZM16.2962 33.7982L19.0018 22.5699L19.5022 20.7469L15.2851 36.1115L15.5279 36.1895L16.2962 33.7982ZM14.9288 29.9107C14.4066 30.8885 14.2637 32.0361 14.7637 32.5361L20.7269 30.7558C20.9552 29.8756 21.2879 29.0253 21.7176 28.221L14.9288 29.9107ZM19.5022 20.7469C18.9891 20.5821 14.8834 32.9979 14.7637 32.5361L12.625 33.3281C12.9691 34.6542 13.9841 35.6936 15.2851 36.1115L19.5022 20.7469ZM15.9375 34.5361C15.8787 34.7622 18.3676 33.6792 18.1206 33.7982L18.1206 36.0112C19.0114 35.582 19.6805 34.7897 19.9303 33.8264L15.9375 34.5361ZM18.1206 33.7982C17.7637 33.7982 18.1206 33.8264 16.2962 33.7982L15.5279 36.1895C16.3814 36.4637 17.3125 36.4006 18.1206 36.0112L18.1206 33.7982ZM13.4237 20.0583L4.74836 20.0583L4.74836 22.5699L13.4237 22.5699L13.4237 20.0583ZM29.2216 2.60767L30.8485 21.4223L33.3508 21.2059L31.7239 2.39134L29.2216 2.60767ZM30.8438 2.42918L30.8438 21.3141L33.3555 21.3141L33.3555 2.42918L30.8438 2.42918ZM31.7239 2.39134C31.746 2.64669 31.5447 2.86905 31.2847 2.86905L31.2847 0.357422C30.0691 0.357422 29.1171 1.39908 29.2216 2.60767L31.7239 2.39134ZM12.4502 29.5046C12.2417 30.7773 12.3012 32.0797 12.625 33.3281L14.7637 32.5361C14.5276 31.6263 14.7768 30.8383 14.9288 29.9107L12.4502 29.5046ZM13.4237 20.0583C14.2172 20.0583 23.4578 4.99529 23.7637 4.53613L26.7573 4.05504C26.5766 1.96453 24.8282 0.357421 22.729 0.357421L13.4237 20.0583ZM22.4043 23.1976C21.2659 24.1786 15.7397 28.3925 14.9288 29.9107L21.7176 28.221C22.2975 27.1353 23.221 26.2189 24.3181 25.2735L22.4043 23.1976ZM0.764246 17.8333C0.336766 20.3056 2.2379 22.5699 4.74836 22.5699L4.74836 20.0583C3.79963 20.0583 3.07662 19.2015 3.2392 18.2613L0.764246 17.8333ZM31.2847 2.86905C31.0399 2.86905 30.8438 2.6708 30.8438 2.42918L33.3555 2.42918C33.3555 1.28623 32.4297 0.357422 31.2847 0.357422L31.2847 2.86905ZM25.0876 21.295C25.3517 19.6827 15.0598 20.0583 13.4237 20.0583L13.4237 22.5699C13.5072 22.5699 13.5741 22.6456 13.5598 22.7323L25.0876 21.295ZM13.4237 20.0583C13.4663 20.5506 25.461 20.9732 25.0876 21.295L26.7272 23.1976C27.7123 22.3487 28.2293 21.0779 28.1172 19.7824L13.4237 20.0583Z' fill='white'/%3E%3C/svg%3E%0A");
}

/* Search page improvements and graded badges */
.search-results-column nav.sub-nav ol.breadcrumbs{
  display:none!important;
}
.search-results-description {
    font-size: 14px;
    line-height: 1.5;
}
.search-results-list > li h2 {
    font-size:16px;
    line-height:1.5;
}
.search-results-subheading {
    margin-top: 0;
}
.search-results-list > li {
    margin-bottom: 26px;
    box-shadow: none;
    border: none;
    background-color: #fafafa;
}
h1.search-results-subheading{
  font-size:14px;
}
@media(max-width:1024px){
  .article-sidebar .collapsible-sidebar-toggle{
    margin-top: -6px;
    float: right;
    position:relative;
    margin-left:10px;
  }
  .article .breadcrumbs{
    display:none;
  }
  .filters-in-section.collapsible-sidebar{
    background-color:transparent;
    padding-left:0;
    padding-right:0;
    margin-bottom:0;
  }
  aside.search-results-sidebar h3.collapsible-sidebar-title.sidenav-title {
    display: none;
}
  section.filters-in-section.collapsible-sidebar .collapsible-sidebar-toggle {
    padding-top: 6px;
}
    .search-results-sidebar .collapsible-sidebar-toggle[aria-expanded="false"] .chevron-icon {
    display: none!important;
  }

  .search-results-sidebar .collapsible-sidebar-toggle {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.26238 6H26.7374C26.9313 6.00006 27.1211 6.05654 27.2836 6.16254C27.446 6.26855 27.5741 6.41951 27.6523 6.59703C27.7304 6.77456 27.7553 6.97098 27.7238 7.16238C27.6923 7.35378 27.6058 7.53188 27.4749 7.675L19.2624 16.7125C19.0915 16.8955 18.9975 17.1371 18.9999 17.3875V24.4625C19.0014 24.6287 18.961 24.7926 18.8823 24.939C18.8036 25.0854 18.6893 25.2095 18.5499 25.3L14.5499 27.9625C14.3998 28.0613 14.2259 28.1179 14.0465 28.1263C13.867 28.1347 13.6886 28.0945 13.53 28.0101C13.3714 27.9257 13.2384 27.8001 13.1452 27.6466C13.0519 27.493 13.0017 27.3172 12.9999 27.1375V17.3875C13.0023 17.1371 12.9083 16.8955 12.7374 16.7125L4.52488 7.675C4.39395 7.53188 4.30747 7.35378 4.27597 7.16238C4.24447 6.97098 4.26932 6.77456 4.34748 6.59703C4.42565 6.41951 4.55375 6.26855 4.7162 6.16254C4.87864 6.05654 5.06841 6.00006 5.26238 6Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 6px 6px;
    background-size: 20px; /* Adjust as needed */
  }
    .collapsible-sidebar-toggle[aria-expanded="true"] {
    background-image: none;
  }
  .search-results-column .sub-nav {
    position: sticky!important;
    top: 75px;
    padding-top: 16px;
    padding-bottom: 16px;
    background-color: #ffffff!important;
    z-index:9;
}
  .search-results-sidebar {
    margin-bottom: 0px;
}
  h1.search-results-subheading{
  margin-top:-18px;
}
}
.search-result-badge {
  display: inline-flex;
  align-items: center;
  font-size: 12px!important;
  font-weight: 600!important;
  padding: 4px 8px!important;
  border-radius: 4px;
  margin-left: 6px;
  height:28px;
  line-height: 1.5!important;
  border: 1px solid transparent;
  text-transform:none!important;
  letter-spacing:0px!important;
}

.endorsed-readers {
  background-color: #e8e8ea!important; 
  color: #242b30!important; 
}
.highly-rated {
  background-color:#ebecfa!important;
  color: #015A8F!important; 
}

.top-resource {
  background-color: #DBF7F0!important;
  color: #115549!important;
} 

.hidden {
  display: none !important;
}
.search-result-votes {
  display: none;
}

/* Article image toggle */
  .toggle {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
    vertical-align:text-bottom;
  }

  .toggle input {
    opacity: 0;
    width: 0;
    height: 0;
  }

  .slider {
    position: absolute;
    cursor: pointer;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: #ccc;
    border-radius: 20px;
    transition: background-color 0.3s ease;
  }

  .slider::before {
    content: "";
    position: absolute;
    height: 14px;
    width: 14px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    border-radius: 50%;
    transition: transform 0.3s ease;
  }

  input:checked + .slider {
    background-color: #26bc93;
  }

  input:checked + .slider::before {
    transform: translateX(20px);
  }
.toggle-text{
  vertical-align:middle;
  font-size:14px;
}
.article-body hr{
    box-sizing: border-box;
    height: 1px;
    overflow: visible;
    border: none;
    background-color: #f4f4f4!important;
    box-shadow: none;
    margin: 3rem 0px;
}
.cookiehub-declaration {
  margin: 20px 0;
}
.cookiehub-declaration p {
  font-size: 14px;
}
.cookiehub-declaration a {
  color: #333;
}
.cookiehub-categories {
  padding: 20px 0;
}
.cookiehub-category table {
  background: #eee;
  margin-bottom: 20px;
  width: 100%;
}
.cookiehub-category table th, .cookiehub-category td {
  padding: 4px 10px;
}
.cookiehub-category td:last-child {
  text-align: right;
}
.cookiehub-category td span {
  background: #ccc;
  padding: 4px 8px;
  font-size: 12px;
}
.cookiehub-category td[colspan] p {
  background: #fff;
  padding: 10px 20px;
}
.cookiehub-choice dl dt{
  font-weight:bold;
  font-size:14px;
}
.cookiehub-choice dl dd{
  margin-inline-start:0px;
  font-size:14px;
}

/***Custom info panels in Zendesk editor using unused color swatches***/
/*Tip info panel*/
span.wysiwyg-color-green120, .callout.tip{
  display: block;
  background-color: #D8F7EA;
  /*border:0.75px solid #115549;*/
  /*border-left:4.5px solid #115549;*/
  color:#242B30;
  border-radius: 4px;
  padding: 16px; 
  margin-top: 24px; 
  margin-bottom: 24px;
}
span.wysiwyg-color-green120::before, .callout.tip::before {
  display: inline-block;
  line-height: 0.8em;
  vertical-align: bottom;
  margin: 0px 6px 0px 0px;
  content: url("data:image/svg+xml,%0A%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.5001 9.7041C19.5001 5.8341 16.3701 2.7041 12.5001 2.7041C8.63012 2.7041 5.50012 5.8341 5.50012 9.7041C5.50012 12.0841 6.69012 14.1741 8.50012 15.4441V17.7041C8.50012 18.2541 8.95012 18.7041 9.50012 18.7041H15.5001C16.0501 18.7041 16.5001 18.2541 16.5001 17.7041V15.4441C18.3101 14.1741 19.5001 12.0841 19.5001 9.7041ZM9.50012 20.7041V21.7041C9.50012 22.2541 9.95012 22.7041 10.5001 22.7041H14.5001C15.0501 22.7041 15.5001 22.2541 15.5001 21.7041V20.7041H9.50012ZM7.50012 9.7041C7.50012 6.9441 9.74012 4.7041 12.5001 4.7041C15.2601 4.7041 17.5001 6.9441 17.5001 9.7041C17.5001 11.7541 16.2701 13.5141 14.5001 14.2841V16.7041H10.5001V14.2841C8.73012 13.5141 7.50012 11.7541 7.50012 9.7041Z' fill='%23115549'/%3E%3C/svg%3E%0A");
}
/*General info panel*/
span.wysiwyg-color-cyan120, .callout.note{
  display: block;
  background-color: #eaf2fd;
  /*border:0.75px solid #015A8F;*/
  /*border-left:4.5px solid #015A8F;*/
  color:#242B30;
  border-radius: 4px;
  padding: 16px; 
  margin-top: 24px; 
  margin-bottom: 24px;
}
span.wysiwyg-color-cyan120::before, .callout.note::before {
  display: inline-block;
  line-height: 0.8em;
  vertical-align: bottom;
  margin: 0px 6px 0px 0px;
  content: url("data:image/svg+xml,%0A%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.5 7.7041V9.7041H11.5V7.7041H13.5ZM4.5 12.7041C4.5 17.1141 8.09 20.7041 12.5 20.7041C16.91 20.7041 20.5 17.1141 20.5 12.7041C20.5 8.2941 16.91 4.7041 12.5 4.7041C8.09 4.7041 4.5 8.2941 4.5 12.7041ZM2.5 12.7041C2.5 7.1841 6.98 2.7041 12.5 2.7041C18.02 2.7041 22.5 7.1841 22.5 12.7041C22.5 18.2241 18.02 22.7041 12.5 22.7041C6.98 22.7041 2.5 18.2241 2.5 12.7041ZM13.5 11.7041V17.7041H11.5V11.7041H13.5Z' fill='%23015A8F'/%3E%3C/svg%3E%0A");
}
/*Caution info panel*/
span.wysiwyg-color-yellow120, .callout.caution{
  display: block;
  background-color: #fff6d6;
  /*border:0.75px solid #BA8B18;*/
  /* border-left:4.5px solid #BA8B18;*/
  color:#242B30;
  border-radius: 4px;
  padding: 16px; 
  margin-top: 24px; 
  margin-bottom: 24px;
}
span.wysiwyg-color-yellow120::before, .callout.caution::before{
   display: inline-block;
  line-height: 0.8em;
  vertical-align: bottom;
  margin: 0px 6px 0px 0px;
  content: url("data:image/svg+xml,%0A%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.5 21.7041L12.5 2.7041L23.5 21.7041H1.5ZM20.03 19.7041L12.5 6.7041L4.97 19.7041H20.03ZM11.5 14.7041V10.7041H13.5V14.7041H11.5ZM11.5 18.7041V16.7041H13.5V18.7041H11.5Z' fill='%23BA8B18'/%3E%3C/svg%3E%0A"); 
}
/*Suggested info panel*/
span.wysiwyg-color-blue120, .callout.suggested{
  display: block;
  background-color: #fbfbfb;
  border:0.75px solid rgb(246,246,246);
  border-left:4.5px solid rgb(246,246,246);
  color:#242B30;
  border-radius: 4px;
  padding: 16px; 
  margin-top: 24px; 
  margin-bottom: 24px;
}
span.wysiwyg-color-blue120::before, .callout.suggested::before{
   display: inline-block;
  line-height: 0.8em;
  vertical-align: bottom;
  margin: 0px 6px 0px 0px;
  content: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.18752 21.5937C5.18622 21.2856 5.24597 20.9802 5.36329 20.6953C5.48062 20.4104 5.65321 20.1515 5.87111 19.9336C6.089 19.7157 6.34789 19.5431 6.63283 19.4258C6.91777 19.3084 7.22312 19.2487 7.53127 19.25H20.8125V3.62502H7.53127C7.22312 3.62372 6.91777 3.68347 6.63283 3.80079C6.34789 3.91812 6.089 4.09071 5.87111 4.30861C5.65321 4.5265 5.48062 4.78539 5.36329 5.07033C5.24597 5.35527 5.18622 5.66062 5.18752 5.96877V21.5937Z' stroke='%23333333' stroke-width='1.5625' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.1875 21.5938V22.375H19.25' stroke='%23333333' stroke-width='1.5625' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
/*BETA panel*/
span.wysiwyg-color-cyan130, .callout.beta {
    display: block;
    /* background-color: #ebecfa; */
    border: 0.75px solid #015A8F;
    border-left: 4.5px solid #015A8F;
    color: #015A8F;
    border-radius: 4px;
    padding: 16px;
    margin-top: 24px;
    margin-bottom: 24px;
}

span.wysiwyg-color-cyan130::before, .callout.beta::before {
    display: inline-block;
    line-height: 0.8em;
    vertical-align: bottom;
    margin: 0px 6px 4px 0px;
    content: 'BETA';
    padding: 4px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    background-color: #ebecfa;
}
/***End custom info panels***/

/* Surface UI Project */
div#web_app_surface{
display:none; /* Change to block for visibility */
}
/*Availability panel*/
.availability-data{
  display: block;
  background-color: #fff;
  border:1px solid #D2D2D6;
  color:#0B1412;
  border-radius: 8px;
  padding: 0px 16px 16px 16px; 
  margin-top: 24px; 
  margin-bottom: 24px;
}
.availability-data h4 {
  font-size: 18px !important;
  line-height: 26px !important;
  font-weight: 550 !important;
  margin-top: 20px !important;
  margin-bottom: 12px !important;
  display: inline-flex;        /* or flex if the h4 takes full width */
  align-items: center;         /* vertically centers icon + text */
  gap: 8px;                    /* space between icon and text */
}

.availability-data h4::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' role='img' aria-hidden='true'%3E%3Cpath fill='%231960d1' d='M1.25 12C1.25 6.063 6.063 1.25 12 1.25C17.937 1.25 22.75 6.063 22.75 12C22.75 17.937 17.937 22.75 12 22.75C6.063 22.75 1.25 17.937 1.25 12ZM12.195 10.031C11.983 10 11.739 10 11.541 10H11.5C10.948 10 10.5 10.448 10.5 11C10.5 11.552 10.948 12 11.5 12V16.5C11.5 17.052 11.948 17.5 12.5 17.5C13.052 17.5 13.5 17.052 13.5 16.5V12.06C13.5 11.837 13.5 11.587 13.474 11.375C13.444 11.131 13.366 10.788 13.094 10.488C12.809 10.175 12.46 10.07 12.195 10.031ZM12 7C11.448 7 11 7.448 11 8C11 8.552 11.448 9 12 9C12.552 9 13 8.552 13 8C13 7.448 12.552 7 12 7Z'%3E%3C/path%3E%3C/svg%3E");
  display: inline-block;       /* ensure it respects dimensions */
  font-size: 18px;             /* match or slightly smaller than text */
  line-height: 1;              /* prevent vertical offset */
}
.soldo-availability{
  margin-top:24px;
  margin-bottom:24px;
}
.soldo-availability.user-role::before{
  display: inline-block;
  line-height: 0.8em;
  vertical-align: bottom;
  margin: 0px 6px 0px 0px;
  content: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9997 7.31252C12.9997 5.36802 11.4233 3.79169 9.47884 3.79169C7.53434 3.79169 5.95801 5.36802 5.95801 7.31252C5.95801 9.25702 7.53434 10.8334 9.47884 10.8334C11.4233 10.8334 12.9997 9.25702 12.9997 7.31252ZM14.6247 7.31252C14.6247 10.1545 12.3208 12.4584 9.47884 12.4584C6.63687 12.4584 4.33301 10.1545 4.33301 7.31252C4.33301 4.47055 6.63687 2.16669 9.47884 2.16669C12.3208 2.16669 14.6247 4.47055 14.6247 7.31252Z' fill='%23242B30'/%3E%3Cpath d='M19.4997 7.31252C19.4997 5.36802 17.9233 3.79169 15.9788 3.79169C15.5301 3.79169 15.1663 3.42792 15.1663 2.97919C15.1663 2.53046 15.5301 2.16669 15.9788 2.16669C18.8208 2.16669 21.1247 4.47055 21.1247 7.31252C21.1247 10.1545 18.8208 12.4584 15.9788 12.4584C15.5301 12.4584 15.1663 12.0946 15.1663 11.6459C15.1663 11.1971 15.5301 10.8334 15.9788 10.8334C17.9233 10.8334 19.4997 9.25702 19.4997 7.31252Z' fill='%23242B30'/%3E%3Cpath d='M16.2497 20.3125C16.2497 17.7697 14.1883 15.7084 11.6455 15.7084H7.31217C4.76937 15.7084 2.70801 17.7697 2.70801 20.3125C2.70801 21.0604 3.31428 21.6667 4.06217 21.6667H14.8955C15.6434 21.6667 16.2497 21.0604 16.2497 20.3125ZM17.8747 20.3125C17.8747 21.9579 16.5409 23.2917 14.8955 23.2917H4.06217C2.41683 23.2917 1.08301 21.9579 1.08301 20.3125C1.08301 16.8723 3.8719 14.0834 7.31217 14.0834H11.6455C15.0858 14.0834 17.8747 16.8723 17.8747 20.3125Z' fill='%23242B30'/%3E%3Cpath d='M22.7497 20.3125C22.7497 17.7697 20.6883 15.7084 18.1455 15.7084C17.6968 15.7084 17.333 15.3446 17.333 14.8959C17.333 14.4471 17.6968 14.0834 18.1455 14.0834C21.5858 14.0834 24.3747 16.8723 24.3747 20.3125C24.3747 21.9579 23.0409 23.2917 21.3955 23.2917H19.7705C19.3218 23.2917 18.958 22.9279 18.958 22.4792C18.958 22.0305 19.3218 21.6667 19.7705 21.6667H21.3955C22.1434 21.6667 22.7497 21.0604 22.7497 20.3125Z' fill='%23242B30'/%3E%3C/svg%3E%0A");
}
.soldo-availability.user-plan::before{
   display: inline-block;
  line-height: 0.8em;
  vertical-align: bottom;
  margin: 0px 6px 0px 0px;
 content: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.3955 3.25C23.0409 3.25 24.375 4.58415 24.375 6.22949V19.2295C24.3748 20.8747 23.0408 22.208 21.3955 22.208H4.0625C2.41727 22.208 1.08318 20.8747 1.08301 19.2295V6.22949C1.08301 4.58414 2.41715 3.25 4.0625 3.25H21.3955ZM2.70801 10.292V19.2295C2.70818 19.9773 3.31471 20.583 4.0625 20.583H21.3955C22.1433 20.583 22.7498 19.9773 22.75 19.2295V10.292H2.70801ZM12.1875 16.25C12.6362 16.25 13 16.6138 13 17.0625C13 17.5112 12.6362 17.875 12.1875 17.875H10.5625C10.1138 17.875 9.75 17.5112 9.75 17.0625C9.75 16.6138 10.1138 16.25 10.5625 16.25H12.1875ZM19.2295 16.25C19.6781 16.2502 20.042 16.6139 20.042 17.0625C20.042 17.5111 19.6781 17.8748 19.2295 17.875H15.4375C14.9888 17.875 14.625 17.5112 14.625 17.0625C14.625 16.6138 14.9888 16.25 15.4375 16.25H19.2295ZM4.0625 4.875C3.31461 4.875 2.70801 5.48161 2.70801 6.22949V8.66699H22.75V6.22949C22.75 5.4816 22.1434 4.875 21.3955 4.875H4.0625Z' fill='%23242B30'/%3E%3C/svg%3E%0A");
}
/* Remove bottom margin when a list (<ol> or <ul>) is directly followed by a callout */
:is(ol, ul):has(+ :is(
  .callout.note,
  .callout.tip,
  .callout.caution,
  .callout.suggested,
  .callout.beta,
  zd-html-block .callout.note,
  zd-html-block .callout.tip,
  zd-html-block .callout.caution,
  zd-html-block .callout.suggested,
  zd-html-block .callout.beta
)) {
  margin-bottom: 0;
}