@charset "UTF-8";
/***** Base *****/
* {
  box-sizing: border-box;
}

body {
  background-color: #FFFFFF;
  color: #2B426E;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

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

h1, h2, h3, h4, h5, h6 {
  font-family: 'Metropolis', sans-serif;
  font-weight: 900;
  margin-top: 0;
}
@media (max-width: 768px) {

}

h1 {
  font-size: 44px;
  line-height: 52px;
  margin-bottom: 26px;
}
@media (max-width: 768px) {
  h1 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 8px;
  }
}

h2, .h2 {
  font-size: 24px;
  font-weight: 900;
  line-height: 40px;
  margin-bottom: 16px;
}

.h3, h3 {
  font-size: 24px;
}
@media (max-width: 768px) {
  .h3, h3 {
    line-height: 28px;
    margin-bottom: 8px;
  }
}

h4 {
  font-size: 18px;
}

p + a.button {
  margin-top: 14px;
}
@media (max-width: 768px) {
  a.button + a.button {
    margin-top: 14px;
  }
}

a {
  color: #2B426E;
  text-decoration: none;
}

a:hover, a:active, a:focus {
  text-decoration: underline;
}

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

input {
  font-weight: 400;
  max-width: 100%;
  box-sizing: border-box;
  outline: none;
  transition: border .12s ease-in-out;
}

input:focus {
  border: 1px solid rgba(237, 76, 75, 1);
}

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

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url(/hc/theming_assets/01HZGZPBPKG34VX1PG3851EXMQ) no-repeat #fff;
  background-position: right 10px center;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 8px 30px 8px 10px;
  outline: none;
  color: #555;
  width: 100%;
}

select:focus {
  border: 1px solid rgba(237, 76, 75, 1);
}

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

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

textarea:focus {
  border: 1px solid rgba(237, 76, 75, 1);
}

select::-moz-placeholder,
textarea::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="datetime"]::-moz-placeholder,
input[type="datetime-local"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="month"]::-moz-placeholder,
input[type="time"]::-moz-placeholder,
input[type="week"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="color"]::-moz-placeholder,
.nesty-input::-moz-placeholder {
  color: #617DB7;
  opacity: 1;
}

select:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="color"]:-ms-input-placeholder,
.nesty-input:-ms-input-placeholder {
  color: #617DB7;
  opacity: 1;
}

select::-ms-input-placeholder,
textarea::-ms-input-placeholder,
input[type="text"]::-ms-input-placeholder,
input[type="password"]::-ms-input-placeholder,
input[type="datetime"]::-ms-input-placeholder,
input[type="datetime-local"]::-ms-input-placeholder,
input[type="date"]::-ms-input-placeholder,
input[type="month"]::-ms-input-placeholder,
input[type="time"]::-ms-input-placeholder,
input[type="week"]::-ms-input-placeholder,
input[type="number"]::-ms-input-placeholder,
input[type="email"]::-ms-input-placeholder,
input[type="url"]::-ms-input-placeholder,
input[type="search"]::-ms-input-placeholder,
input[type="tel"]::-ms-input-placeholder,
input[type="color"]::-ms-input-placeholder,
.nesty-input::-ms-input-placeholder {
  color: #617DB7;
  opacity: 1;
}

select::placeholder,
textarea::placeholder,
input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="datetime"]::placeholder,
input[type="datetime-local"]::placeholder,
input[type="date"]::placeholder,
input[type="month"]::placeholder,
input[type="time"]::placeholder,
input[type="week"]::placeholder,
input[type="number"]::placeholder,
input[type="email"]::placeholder,
input[type="url"]::placeholder,
input[type="search"]::placeholder,
input[type="tel"]::placeholder,
input[type="color"]::placeholder,
.nesty-input::placeholder {
  color: #617DB7;
  opacity: 1;
}

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

@media (min-width: 1210px) {
  .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: 1210px;
  margin: 0 auto;
  padding: 0 5%;
}

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

.dropdown-toggle {
  background: none;
  border: 0;
  padding: 0;
  text-align: initial;
}

.dropdown-toggle:focus {
  outline: 0;
  text-decoration: underline;
}

.dropdown-toggle::after {
  color: inherit;
}
img { 
  max-width: 100%;
  max-height: 80vh;
}
/***** Buttons *****/
.button, [role="button"],
.button-large, input[type="submit"] {
  border: 1px solid rgba(237, 76, 75, 1);
  border-radius: 3px;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  line-height: 2.34;
  margin: 0;
  padding: 6px 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;
}
.button,
.button-large, input[type="submit"] {
    background-color: rgba(237, 76, 75, 1);
}

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

.button::after, [role="button"]::after {
  color: rgba(237, 76, 75, 1);
}

.button:hover, .button:active, .button:focus, .button[aria-selected="true"], [role="button"]:hover, [role="button"]:active, [role="button"]:focus, [role="button"][aria-selected="true"],
.button-large:focus, input[type="submit"]:focus,
.button-large:active, input[type="submit"]:active {
  background-color: #eb3534;
  text-decoration: none;
}

.button[aria-selected="true"]:hover, .button[aria-selected="true"]:focus, .button[aria-selected="true"]:active, [role="button"][aria-selected="true"]:hover, [role="button"][aria-selected="true"]:focus, [role="button"][aria-selected="true"]:active,
.button-large:hover, input[type="submit"]:hover {
  background-color: #bf1413;
  border-color: #bf1413;
}

.button[data-disabled], [role="button"][data-disabled] {
  cursor: default;
}

.button-secondary {
  color: #486eb7;
  border: 1px solid #ddd;
  background-color: transparent;
}

.button-secondary:hover, .button-secondary:focus, .button-secondary:active {
  color: #2B426E;
  border: 1px solid #ddd;
  background-color: #f7f7f7;
}
/**New button variations 10/06/2025**/
/**Button 1 is ROLLER red with white text**/
.button-alert {
  display: inline-block;
  background-color: rgba(237, 76, 75, 1);
  color: #FFFFFF;
  border: 1px solid rgba(237, 76, 75, 1);
  border-radius: 3px;
  padding: 6px 20px;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  line-height: 2.34;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: background-color .12s ease-in-out, border-color .12s ease-in-out, color .15s ease-in-out;
}

.button-alert:hover,
.button-alert:focus {
  background-color: #eb3534;
  color: #FFFFFF;
  text-decoration: none;
}
/**Button 2 has a white bg with ROLLER blue outline with blue text**/
.button-primaryalt {
  display: inline-block;
  border: 2px solid #033180;
  background-color: #FFFFFF;
  color: #033180;
  padding: 6px 20px;
  border-radius: 3px;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  line-height: 2.34;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: background-color .12s ease-in-out, border-color .12s ease-in-out, color .15s ease-in-out;
}

.button-primaryalt:hover,
.button-primaryalt:focus {
  background-color: #f1f3f9;
  border-color: #033180;
  color: #033180;
  text-decoration: none;
}
/**Button 3 has a ROLLER blue background, navy hover and white text**/
.button-navy-cta {
  display: inline-block;
  background-color: #033180;
  color: #FFFFFF;
  padding: 6px 20px;
  border-radius: 3px;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  line-height: 2.34;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: background-color .12s ease-in-out, border-color .12s ease-in-out, color .15s ease-in-out;
}

.button-navy-cta:hover,
.button-navy-cta:focus {
  background-color: #011840;
  color: #FFFFFF;
  text-decoration: none;
}

/**code to overright the <a> styling, so the button text isn't blue with an underline**/
/* Base state — no underline, correct colors */
/* Button 1 */
a.button-alert {
  background-color: #E53436 !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
  border: 1px solid #E53436 !important;
}
/* Button 2 */
a.button-primaryalt {
  background-color: #FFFFFF !important;
  color: #033180 !important;
  text-decoration: none !important;
  border: 1px solid #033180 !important;
}
/* Button 3 */
a.button-navy-cta {
  background-color: #033180 !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
  border: 1px solid #033180 !important;
}

/* Hover/focus — new background or contrast color */
/* Button 1 */
a.button-alert:hover,
a.button-alert:focus {
  background-color: #c1272d !important; /* darken red manually */
  color: #FFFFFF !important;
  text-decoration: none !important;
}
/* Button 2 */
a.button-primaryalt:hover,
a.button-primaryalt:focus {
  background-color: #f1f3f9 !important;
  color: #033180 !important;
  text-decoration: none !important;
}
/* Button 3 */
.button-navy-cta:hover,
.button-navy-cta:focus {
  background-color: #011840 !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
}

td, th {
	padding: 4px 8px;
}

/***** Tables *****/
/*





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

.table th,
.table th a {
  color: #2B426E;
  font-size: 18px;
  font-weight: 700;
  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: 500px) {
  .table tr {
    display: table-row;
  }
}

.table td {
  display: block;
}

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

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

@media (min-width: 500px) {
  .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 #ddd;
  border-radius: 4px;
  padding: 10px;
  width: 100%;
}

.form-field input:focus {
  border: 1px solid rgba(237, 76, 75, 1);
}

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

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

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

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

.form-field .nesty-input:focus {
  border: 1px solid rgba(237, 76, 75, 1);
  text-decoration: none;
}

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

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

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

.form-field.required > label::after {
  content: "*";
  color: #f00;
  margin-left: 2px;
}

.form-field .optional {
  color: #486eb7;
  margin-left: 4px;
}

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

[data-loading="true"] input,
[data-loading="true"] textarea {
  background: transparent url(/hc/theming_assets/01HZGZPBTZ18K35TE4ANRDX6V0) 99% 50% no-repeat;
  background-size: 16px 16px;
}

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

.form footer a {
  color: #486eb7;
  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: #296373;
}

/***** Header *****/
.header__wrapper {
  position: relative;
  z-index: 100;
	background-color: #CBD7EE;
}

.header__wrapper--inner {
  padding-bottom: 30px;
  margin-bottom: 60px;
}

@media (min-width: 768px) {
  .header__wrapper--inner {
    padding-bottom: 55px;
  }
}

@media (min-width: 992px) {
  .header__wrapper--inner {
    padding-bottom: 70px;
  }
}

@media (min-width: 1200px) {
  .header__wrapper--inner {
    padding-bottom: 90px;
    margin-bottom: 40px;
  }
}

@media (min-width: 1500px) {
  .header__wrapper--inner {
    padding-bottom: 120px;
  }
}

.header {
  max-width: 1210px;
  margin: 0 auto;
  padding: 24px 5%;
  position: relative;
  z-index: 2;
  align-items: center;
  display: flex;
  justify-content: space-between;
}

@media (min-width: 1210px) {
  .header {
    padding: 24px 0;
    width: 90%;
  }
}

.logo {
  display: inline-block;
  vertical-align: middle;
  margin-right: 24px;
}

.logo a {
  display: flex;
  align-items: center;
}
.logo a:hover {
 text-decoration: none;
}

.logo__img--default {
  max-width: 230px;
  margin-right: 12px;
}

.logo__img--mobile {
  display: none;
}

@media (max-width: 1199px) {
  .logo__img--mobile,
  .header--home .logo__img--default {
    display: block;
  }
  .logo__img--default,
  .header--home .logo__img--mobile {
    display: none;
  }
}

.logo__img--footer {
  width: 120px;
  height: 20px;
}

.header__title {
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
}

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

@media (max-width: 767px) {
  .user-nav {
    display: none;
  }
}

@media (min-width: 500px) {
  .user-nav {
    position: relative;
  }
  .button--topbar {
    margin-left: 24px;
  }
  /*Reduce margin on 2nd button in header nav. Have added this to avoid impacting any other button using the 24px margin */
  .button--support-header {
  margin-left: 0px !important; // or 12
}
}

.user-nav[aria-expanded="true"] {
  display: block;
  padding: 15px 5% 30px;
  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;
  text-align: center;
}

.user-nav[aria-expanded="true"] > a,
.user-nav[aria-expanded="true"] > a.login{
  display: block;
  margin-top: 15px;
  padding: 0px;
}

.topbar__link {
  color: #2B426E;
  font-weight: 700;
  font-size: 14px;
}

.nav-wrapper .icon-menu,
.nav-wrapper .icon-menu:hover, .nav-wrapper .icon-menu:focus, .nav-wrapper .icon-menu:active {
  border: 0;
  color: #2B426E;
  cursor: pointer;
  display: inline-block;
  padding: 0;
  width: auto;
  font-size: 24px;
  line-height: 24px;
  background: none;
}

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

[dir="rtl"] .nav-wrapper .icon-menu {
  margin-left: 10px;
  margin-right: 0;
}

/***** User info in header *****/
.user-info {
  display: none;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  font-weight: bold;
}
@media (min-width: 500px) {
  .user-info {
    display: inline-block;
  }
}

.user-info .dropdown-toggle::after {
  display: none;
}
.user-nav[aria-expanded="true"] .user-info {
	display: inline-block;
  margin-bottom: 20px;
}

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

.user-info > [role="button"] {
  border: 0;
  color: #2B426E;
  min-width: 0;
  padding: 0;
  white-space: nowrap;
  text-transform: none;
}

.user-info > [role="button"]:hover, .user-info > [role="button"]:focus {
  color: #2B426E;
  background-color: transparent;
}

.user-info > [role="button"]::after {
  color: rgba(237, 76, 75, 1);
  padding-right: 15px;
}

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

#user #user-name, #user #user-avatar {
  font-size: 14px;
}

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

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

/***** 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::before {
  background-color: rgba(237, 76, 75, 1);
  border: 2px solid #fff;
  border-radius: 50%;
  bottom: -4px;
  color: #2B426E;
  content: "\1F464";
  font-size: 14px;
  height: 14px;
  line-height: 14px;
  position: absolute;
  right: -2px;
  text-align: center;
  width: 14px;
}

/***** Footer *****/
.footer {
	margin-top: 60px;
  padding-top: 64px;
  padding-bottom: 54px;
  background-color: #1F273C;
  color: #fff;
}

@media (min-width: 500px) {
  .footer {
    margin-top: 120px;
  }
}

.footer__social-title {
  font-size: 15px;
}

.footer__social-icon {
  margin-left: 15px;
  font-size: 0;
}

.footer__social-icon:before {
  font-size: 20px;
}

.footer__bold-link {
  font-size: 15px;
  font-weight: 700;
}

.footer__bold-link:before {
  display: inline-block;
  width: 17px;
  height: 17px;
  margin-right: 10px;
  vertical-align: middle;
  background-size: 17px auto;
  content: '';
}

.footer__bold-link--phone:before {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.91333 7.19333C5.87333 9.08 7.42 10.62 9.30667 11.5867L10.7733 10.12C10.9533 9.94 11.22 9.88 11.4533 9.96C12.2 10.2067 13.0067 10.34 13.8333 10.34C14.2 10.34 14.5 10.64 14.5 11.0067V13.3333C14.5 13.7 14.2 14 13.8333 14C7.57333 14 2.5 8.92667 2.5 2.66667C2.5 2.3 2.8 2 3.16667 2H5.5C5.86667 2 6.16667 2.3 6.16667 2.66667C6.16667 3.5 6.3 4.3 6.54667 5.04667C6.62 5.28 6.56667 5.54 6.38 5.72667L4.91333 7.19333Z' fill='white'/%3E%3C/svg%3E%0A");
}

.footer__bold-link--chat:before {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.16675 1.33331H13.8334C14.5668 1.33331 15.1668 1.93331 15.1668 2.66665V10.6666C15.1668 11.4 14.5668 12 13.8334 12H4.50009L1.84009 14.6666V2.66665C1.84009 1.93331 2.43342 1.33331 3.16675 1.33331ZM12.5001 5.99998H4.50009V7.33331H12.5001V5.99998ZM9.83342 9.33331H4.50009V7.99998H9.83342V9.33331ZM4.50009 5.33331H12.5001V3.99998H4.50009V5.33331Z' fill='white'/%3E%3C/svg%3E%0A");
}

.footer a,
.footer a:hover {
  color: #fff;
  text-decoration: none;
}

.footer-list {
  margin-top: 10px;
}

.footer-list__item {
  margin-bottom: 10px;
  font-size: 13px;
}

.bottom-cta {
  padding: 28px;
  margin-top: 140px;
  background: #CBD7EE;
  border-radius: 20px;
  color: #2B426E;
}

.bottom-cta__title {
  font-size: 32px;
  font-weight: 800;
}

.bottom-cta__description {
  max-width: 400px;
}

.bottom-cta__img {
  max-height: 450px;
  margin: -110px 0 0;
}

@media (min-width: 500px) {
  .bottom-cta {
    padding: 48px;
    margin-top: 110px;
  }
  .bottom-cta__title {
    font-size: 40px;
  }
  .bottom-cta__img {
    width: 450px;
    max-width: 450px;
    margin: -120px -40px -140px;
  }
}

@media (min-width: 500px) {
  .bottom-cta {
    padding: 48px;
    margin-top: 110px;
  }
  .bottom-cta__title {
    font-size: 40px;
  }
  .bottom-cta__img {
    width: 450px;
    max-width: 450px;
    margin: -120px -40px -140px;
  }
}

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

.footer-inner .lt-row {
  width: 100%;
}

.footer__title {
  color: #FFF;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
}

.footer-inner a {
  color: #fff;
}

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

/***** Breadcrumbs *****/
.breadcrumbs {
  margin: 0 0 28px 0;
  padding: 0;
  color: #617db7;
}

.breadcrumbs li {
  display: inline;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.breadcrumbs li + li::before {
  content: "/";
  margin: 0 4px;
}

.breadcrumbs li a {
  white-space: nowrap;
}

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

.search input[type="search"] {
  background: #fff;
  border: 2px solid #ddd;
  border-radius: 4px;
  box-sizing: border-box;
  height: 58px;
  padding-left: 40px;
  padding-right: 20px;
  -webkit-appearance: none;
  width: 100%;
}

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

.search input[type="search"]:focus {
  border: 2px solid #a3173c;
  color: #555;
}

.search::before {
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.5325 10.5H12.125L15.8675 14.25L14.75 15.3675L11 11.625V11.0325L10.7975 10.8225C9.9425 11.5575 8.8325 12 7.625 12C4.9325 12 2.75 9.8175 2.75 7.125C2.75 4.4325 4.9325 2.25 7.625 2.25C10.3175 2.25 12.5 4.4325 12.5 7.125C12.5 8.3325 12.0575 9.4425 11.3225 10.2975L11.5325 10.5ZM4.25 7.125C4.25 8.9925 5.7575 10.5 7.625 10.5C9.4925 10.5 11 8.9925 11 7.125C11 5.2575 9.4925 3.75 7.625 3.75C5.7575 3.75 4.25 5.2575 4.25 7.125Z' fill='%23617DB7'/%3E%3C/svg%3E%0A");
  transform: translateY(-50%);
  content: "";
}

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

.search-full input[type="search"],
.search-mini input[type="search"] {
  border: 1px solid #617DB7;
  border-radius: 4px;
}

.search-full {
  display: flex;
}

.search-full input[type="submit"] {
  display: inline-block;
  width: 100px;
  flex-shrink: 0;
  margin-left: 16px;
}

@media (min-width: 499px) {
  .search-mini input[type="search"] {
    width: 120px;
  }  
}

@media (min-width: 767px) {
  .search-mini input[type="search"] {
    width: 246px;
  }  
}

@media (min-width: 991px) {
  .search-mini input[type="search"] {
    width: 346px;
  }  
}

.search-mini {
  display: inline-block;
  vertical-align: middle;
}

.header--home .search-mini {
  display: none!important;
}

@media (max-width: 767px) {

  .search-full input[type="submit"] {
    display: none;
  }  
}

@media (min-width: 1440px) {
  .search-full {
    max-width: 615px;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .header {
    flex-wrap: wrap;
  }
  .header > div {
    width: calc(100% - 50px);
  }
  .header .nav-wrapper {
    width: 50px;
    text-align: right;
  }
  .search-mini {
    width: calc(100% - 50px);
  }
}

/***** Hero component *****/
[dir] .hero {
  position: relative;
  background-color: #CBD7EE;
  color: #2B426E; 
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  overflow: hidden;
}

.hero {
  margin-bottom: 50px;
}

.hero__bg,
.header__wrapper--inner .header-bg {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 1px;
  background: url(/hc/theming_assets/01HZGZPBJWF03YC3CHVAHC7YW6);
  background-position: 50% 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}

@media screen and (max-width: 991px){
  .bg-wave {
    background-position: 100% 100%;
    background-size: auto 10%;
  }
}

.section.hero {
  min-height: 240px;
}

@media (min-width: 992px) {
  .section.hero {
    min-height: 340px;
  }
  .hero--homepage {
    height: 300px;
  }
}

@media (min-width: 1200px) {
  .hero--homepage {
    height: 340px;
  }
  .hero--homepage .hero-inner {
    padding-top: 80px;
  }
}

@media (min-width: 1600px) {
  .hero--homepage {
    height: 440px;
  }
}

.hero-inner {
  position: relative;
  z-index: 2;
  max-width: 1210px;
  margin: 0 auto;
  padding: 60px 5%;
}

@media (min-width: 1210px) {
  .hero-inner {
  	width: 90%;
    padding: 60px 0;
  }
}

.hero__title {
  margin-bottom: 20px;
  font-size: 32px;
  font-weight: 800;
}

@media (min-width: 500px) {
  .hero__title {
    margin-bottom: 30px;
    font-size: 60px;
    line-height: 1;
  }
}

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

@media (min-width: 500px) {
  .page-header {
    align-items: baseline;
    flex-direction: row;
    margin: 0;
  }
}

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

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

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

.page-header-description {
  font-size: 20px;
  line-height: 28px;
  margin: 0 0 30px 0;
  word-break: break-word;
  font-size: 18px;
  font-weight: 400;
  font-family: 'Open Sans', sans-serif;
}

.page-header .icon-lock::before {
  content: "\1F512";
  font-size: 20px;
  position: relative;
  left: -5px;
  vertical-align: baseline;
}

.sub-nav {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 30px;
  min-height: 50px;
  padding-bottom: 15px;
}

@media (min-width: 500px) {
  .sub-nav {
    align-items: baseline;
    flex-direction: row;
  }
}

@media (min-width: 500px) {
  .sub-nav input[type="search"] {
    min-width: 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;
}

.blocks-item {
  border-radius: 4px;
  box-sizing: border-box;
  color: rgba(237, 76, 75, 1);
  display: flex;
  flex: 0 0 100%;
  justify-content: flex-start;
  margin: 18px 0 12px;
  max-width: 100%;
  text-align: left;
}

@media (min-width: 500px) {
  .blocks-item {
    flex: 0 0 50%;
    padding: 0px 45px 18px 0px;
  }
}

.blocks-item:hover, .blocks-item:focus, .blocks-item:active {
  color: rgba(237, 76, 75, 1);
}

.blocks-item:hover *, .blocks-item:focus *, .blocks-item:active * {
  color: #2B426E;
  text-decoration: none;
}

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

.blocks-item-internal .icon-lock::before {
  content: "\1F512";
  font-size: 15px;
  bottom: 5px;
  position: relative;
}

.blocks-item-internal a {
  color: #2B426E;
}
.blocks-item-icon{
  margin-right: 22px;
}
.blocks-item-icon img {
  min-width: 36px;
}

.blocks-item-link {
  color: #2B426E;
}

.blocks-item-link:hover .blocks-item-title, .blocks-item-link:focus .blocks-item-title, .blocks-item-link:active .blocks-item-title {
  color: rgba(237, 76, 75, 1);
  text-decoration: none;
}

.blocks-item-title {
  margin-bottom: 0;
}

.blocks-item-description {
  font-weight: 400;
  margin: 0;
  color: #9D9A9B;
}

.blocks-item-description:not(:empty) {
  margin-top: 10px;
}

/***** Homepage *****/
.lt-category-tree {
  position: relative;
  z-index: 2;
  margin-top: -14px;
}

.lt-category-tree-item__title {
  font-size: 24px;
  font-weight: 900;
  font-family: 'Metropolis', sans-serif;
}

.lt-section-list-item__link {
  position: relative;
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
}

.lt-category-tree-item__link {
  position: relative;
  padding-right: 30px;
}

.lt-category-tree-item__link:hover {
  text-decoration: none;
}

.lt-category-tree-item__link:hover:after {
  right: -5px;
}

.lt-category-tree-item__link:after {
  position: absolute;
  top: 50%;
  right: 0;
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-left: 16px;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0L6.59 1.41L12.17 7H0V9H12.17L6.59 14.59L8 16L16 8L8 0Z' fill='%23617DB7'/%3E%3C/svg%3E%0A");
  transition: all 0.2s linear;
  content: '';
}

.lt-category-tree-item__img-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F1F3F9;
  border-radius: 6px;
}

@media (min-width: 992px){
  .lt-category-tree {
    margin-top: -100px;
  }
}

@media (min-width: 1500px){
  .lt-category-tree {
    margin-top: -150px;
  }
}

@media (min-width: 1800px){
  .lt-category-tree {
    margin-top: -200px;
  }
}

/***** Home Bottom Container: Videos and Bottom CTA *****/

.lt-home-bottom {
  position: relative;
  padding: 48px 0 60px;
  margin-bottom: -60px;
  background: #F1F3F9;
}

.lt-home-bottom:after {
  position: absolute;
  top: -70px;
  left: 0;
  display: block;
  width: 100%;
  height: 70px;
  background-image: url(/hc/theming_assets/01HZGZPBZ9S4465S5PR1S5MSCP);
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
  content: '';
}


@media (min-width: 535px){
  .lt-home-bottom {
    padding: 48px 0 100px;
    margin-bottom: -120px;
  }
  .lt-home-bottom:after {
    top: -82px;
    height: 82px;
    background-size: contain;
    background-image: url(/hc/theming_assets/01HZGZPD75M52EYRFDNRTM18VE);
  }
}

@media (min-width: 1500px){
  .lt-home-bottom:after {
    top: -92px;
    height: 92px;
    background-size: cover;
  }
}

@media (min-width: 2000px){
  .lt-home-bottom:after {
    top: -112px;
    height: 112px;
  }
}

@media (min-width: 2400px){
  .lt-home-bottom:after {
    top: -142px;
    height: 142px;
  }
}

.lt-home-video__title {
  font-size: 32px;
  font-weight: 900;
  color: #2B426E;
}

@media (min-width: 500px){
  .lt-home-video__title {
    font-size: 40px;
  }
}

.lt-home-video__link {
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}

.lt-home-video__link:after {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0L6.59 1.41L12.17 7H0V9H12.17L6.59 14.59L8 16L16 8L8 0Z' fill='%23617DB7'/%3E%3C/svg%3E%0A");
  content: '';
}

.lt-home-video__iframe {
  width: 100%;
  height: 1200px;
  border: none;
}

@media (min-width: 850px){
  .lt-home-video__iframe {
    height: 480px;
  }
}

/***** Promoted articles *****/

.articles {
	padding-top: 30px;
}

.promoted-articles {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  list-style: disc;
  margin-left: 16px;
  color: rgba(70, 163, 188, 1);
}

@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;
  padding: 10px 0;
  color: #006DF2;
}

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

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

@media (min-width: 1024px) {
  .promoted-articles-item:last-child a {
  }
}

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

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

.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;
}

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

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

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

.recent-activity-item-meta {
  margin: 15px 0 0 0;
  float: none;
}

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

.recent-activity-item-time, .recent-activity-item-comment {
  color: #486eb7;
  display: inline-block;
  font-size: 13px;
  font-weight: 300;
}

.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-item-comment span::before {
  color: rgba(237, 76, 75, 1);
  content: "\1F4AC";
  display: inline-block;
  font-size: 15px;
  padding-right: 3px;
  vertical-align: middle;
}

[dir="rtl"] .recent-activity-item-comment span::before {
  padding-left: 3px;
}

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

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

.category-content {
  flex: 1;
}

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

.lt-category-image {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  background: #F1F3F9;
  border-radius: 6px;
}

.section-tree {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}

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

.section-tree .section {
  flex: 0 0 100%;
}

.section-tree-title {
  margin-bottom: 10px;
  font-weight: 900;
  font-family: 'Metropolis', sans-serif;
}

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

.article-list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  list-style: disc;
  color: rgba(70, 163, 188, 1);
}

@media (min-width: 1024px) {
  .article-list {
    flex-direction: row;
  }
}
@media (min-width: 1024px) {
  .article-list-item {
    align-self: flex-start;
    flex: 0 0 auto;
    width: 45%;
    /* Two columns on desktop */
  }
  [dir="rtl"] .article-list-item{
    padding: 0 0 0 30px;
  }
}

.article-list-item {
  font-size: 16px;
  padding: 12px 0 0 0;
  padding-right: 18px;
  list-style: none;
}
@media (max-width: 768px) {
  .article-list-item {
    padding: 8px 0;
  }
}

.article-list-item a {
  color: #006DF2;
}

.article-list-item .icon-lock::before {
  vertical-align: baseline;
  color: #006DF2;
}

.icon-star::before {
  color: #006DF2;
  font-size: 14px;
}
  
  /***** Article *****/
.article {
  /*
  * The article grid is defined this way to optimize readability:
  * Content | Sidebar 
  * 70%     | 30%
  */
  flex: 1 0 auto;
}
@media (min-width: 500px) {
  .article {
    flex: 1 0 70%;
    max-width: 70%;
    padding: 0 20px 0 0;
  }
}

@media (min-width: 1439px) {
  .article {
    min-width: 640px;
    padding: 0 100px 0 0;
  }
}

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

@media (min-width: 500px) {
  .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: 10px;
  margin-top: 20px;
}

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

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

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

.article-title {
  font-size: 40px;
  line-height: 40px;
  margin-bottom: 28px;
}

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

.article-title .icon-lock::before {
  content: "\1F512";
  font-size: 20px;
  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: 500px) {
  .article [role="button"] { 
    width: auto;
  }
}

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

.article-meta {
  display: inline-block;
  vertical-align: middle;
}

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

.article-body a {
  color: #006DF2;
  text-decoration: underline;
}

.article-body a:hover {
  text-decoration: none;
}

.article-body iframe {
  border-radius: 6px;
  overflow: hidden;
}

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

[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;
}

/* Nested list spacing */
.article-body li > ul,
.article-body li > ol,
.comment-body li > ul,
.comment-body li > ol,
.post-body li > ul,
.post-body li > ol {
  margin-top: 10px;      /* space between parent text and nested list */
  margin-bottom: 10px;   /* space after nested list (before next parent content) */
  margin-left: 20px;     /* indent nested list */
  padding-left: 20px;    /* keep bullets/numbers aligned nicely */
}

/* Slightly tighter spacing between nested list items */
.article-body li > ul > li,
.article-body li > ol > li,
.comment-body li > ul > li,
.comment-body li > ol > li,
.post-body li > ul > li,
.post-body li > ol > li {
  margin-top: 6px;
}

.article-body a:visited {
  color: #0047A6;
}

.article-body code {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  display: inline;
  padding: 1px 3px !important;
  margin: 1px 3px !important;
}


.article-body pre {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow-x: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
              font-size: 12px;

}


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

.article-body > p:last-child {
  margin-bottom: 0;
}
@media (min-width: 500px) {
  .article-body h1 {
    font-size: 36px;
  }
}

.article-body h2 {
  margin: 48px 0px 0px 0px; 
	font-size: 30px;
}

.article-body h3 {
  margin: 36px 0px 0px 0px;
  font-size: 24px;
  font-weight: 800;
  font-family: 'Metropolis', sans-serif;
}

.article-body h4 {
  font-size: 16px;
  font-weight: 400;
  padding: 16px;
  border-radius: 4px;
}
.article-body h4 a {
	color: #2B426E;
  text-decoration: underline;
}
.article-body h4 a:hover {
	color: rgba(237, 76, 75, 1);
}

.article-body .intro {
  margin: 12px 0 0;
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  line-height: 26px;
}

.article-content {
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.6;
  margin-bottom: 40px;
  word-wrap: break-word;
}

.article-content p {
  margin: 28px 0px 0px 0px;
  line-height: 1.75rem;
}

.article-comment-count {
  color: #486eb7;
  font-weight: 300;
}

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

.article-comment-count .icon-comments {
  color: rgba(237, 76, 75, 1);
  content: "\1F4AC";
  display: inline-block;
  font-size: 18px;
  padding: 5px;
}

.article-sidebar {
  flex: 1 0 auto;
  margin-bottom: 20px;
  padding: 0;
}

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

.article-votes {
  border-top: 1px solid #CBD7EE;
  border-bottom: 1px solid #CBD7EE;
  padding: 36px 0 48px;
}

.article-vote {
  background-color: #F1F3F9!important;
  color: #2B426E;
  width: auto;
  height: 56px;
  padding: 9px 12px;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  border: none;
}

.article-vote:hover,
.article-vote:active,
.article-vote:focus {
  background-color: #dfe4f1!important;
}

@media (min-width: 640px) {
  .article-vote {
    width: 200px;
    padding: 9px 20px;
  }
}

.article-vote + .article-vote {
  margin-left: 12px;
}

.article-vote::before {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 4px;
  vertical-align: middle;
  content: '';
}

.article-vote-up::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 9H14.69L15.64 4.43L15.67 4.11C15.67 3.7 15.5 3.32 15.23 3.05L14.17 2L7.59 8.59C7.22 8.95 7 9.45 7 10V20C7 21.1 7.9 22 9 22H18C18.83 22 19.54 21.5 19.84 20.78L22.86 13.73C22.95 13.5 23 13.26 23 13V11C23 9.9 22.1 9 21 9ZM21 13L18 20H9V10L13.34 5.66L12.23 11H21V13ZM5 10H1V22H5V10Z' fill='%232B426E'/%3E%3C/svg%3E%0A");
}

.article-vote-down::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 2H6C5.17 2 4.46 2.5 4.16 3.22L1.14 10.27C1.05 10.5 1 10.74 1 11V13C1 14.1 1.9 15 3 15H9.31L8.36 19.57L8.33 19.89C8.33 20.3 8.5 20.68 8.77 20.95L9.83 22L16.42 15.41C16.78 15.05 17 14.55 17 14V4C17 2.9 16.1 2 15 2ZM15 14L10.66 18.34L12 13H3V11L6 4H15V14ZM23 2H19V14H23V2Z' fill='%232B426E'/%3E%3C/svg%3E%0A");
}

.article-more-questions {
  margin: 10px 0 20px;
  text-align: center;
}

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

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

.article-return-to-top a {
  color: #2B426E;
  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-arrow-up::before {
  font-size: 16px;
  margin-left: 5px;
}

[dir="rtl"] .article-return-to-top .icon-arrow-up::before {
  margin-right: 10px;
}

.article-unsubscribe {
  background-color: rgba(237, 76, 75, 1);
  color: #2B426E;
  text-decoration: none;
}

.article-unsubscribe:hover {
  background-color: #bf1413;
  border-color: #bf1413;
}

.sidenav-title {
  font-size: 20px;
  position: relative;
}
.article-sidebar-list {
  color: rgba(70, 163, 188, 1);
  max-height: 80vh;
  overflow-y: auto;
}

.sidenav-item {
  border-radius: 4px;
  display: block;
  margin-bottom: 20px;
}

.sidenav-item.current-article {
  color: #E84B4C;
  font-weight: bold;
}

.recent-articles h3,
.related-articles h3,
.lt-section-articles__title {
  font-size: 24px;
  font-weight: 800;
  font-family: 'Metropolis', sans-serif;
  margin: 36px 0 20px;
}

.recent-articles li,
.related-articles li,
.lt-section-articles__item {
  margin-bottom: 15px;
  font-size: 16px;
}

.related-articles a,
.lt-section-articles__link {
  color: #006DF2;
  font-family: 'Open Sans', sans-serif;
}

.lt-section-articles__link.is-active {
  color: #ED4C4B;
  font-weight: bold;
}

/***** Reading time calculator *****/

.lt-reading-time {
  padding: 6px;
  background: #F1F3F9;
  border-radius: 8px;
  font-size: 14px;
}

.lt-reading-time:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-top: -3px;
  margin-right: 4px;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 0.666504H10V1.99984H6V0.666504ZM7.33333 9.33317V5.33317H8.66667V9.33317H7.33333ZM12.6867 4.9265L13.6333 3.97984C13.3467 3.63984 13.0333 3.31984 12.6933 3.03984L11.7467 3.9865C10.7133 3.15984 9.41333 2.6665 8 2.6665C4.68667 2.6665 2 5.35317 2 8.6665C2 11.9798 4.68 14.6665 8 14.6665C11.32 14.6665 14 11.9798 14 8.6665C14 7.25317 13.5067 5.95317 12.6867 4.9265ZM3.33333 8.6665C3.33333 11.2465 5.42 13.3332 8 13.3332C10.58 13.3332 12.6667 11.2465 12.6667 8.6665C12.6667 6.0865 10.58 3.99984 8 3.99984C5.42 3.99984 3.33333 6.0865 3.33333 8.6665Z' fill='%232B426E'/%3E%3C/svg%3E%0A");
  content: '';
}

/***** Prev/Next buttons *****/

.prevnext .prevnext__btn {
  position: relative;
  padding: 12px;
  background: #F1F3F9;
  border-radius: 4px;
  border: none;
  color: #2B426E;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.2s linear;
}

.prevnext .prevnext__btn:hover,
.prevnext .prevnext__btn:focus {
  text-decoration: none;
  background: #CBD7EE;
}

.prevnext .prevnext__btn:hover:before,
.prevnext .prevnext__btn:focus:before {
  background: #617DB7;
  color: #fff;
}

.prevnext .prevnext__btn:before {
  position: absolute;
  top: 12px;
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #fff;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  transition: all 0.2s linear;
}

.prevnext .prevnext__btn--prev {
  padding-left: 68px;
}

.prevnext .prevnext__btn--prev:before {
  left: 12px;
  content: "\f053";
}

.prevnext .prevnext__btn--next {
  padding-right: 68px;
}

.prevnext .prevnext__btn--next:before {
  right: 12px;
  content: "\f054";
}

.prevnext .prevnext__icon {
  display: none;
}

.prevnext .prevnext__name {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-transform: none;
}

.prevnext .prevnext__title {
  padding-top: 0;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
}

@media (min-width: 500px){
  .prevnext {
    -ms-grid-columns: 1fr 32px 1fr;
    grid-template-columns: 1fr 1fr;
  }
}

/***** Custom checkboxes *****/

.checkbox-custom {
  display: block;
  font-size: 16px;
}

.checkbox-custom + .checkbox-custom {
  margin-top: 10px;
}

.checkbox-custom input[type="checkbox"] {
  position: relative;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  border: 2px solid #DADADA;
  border-radius: 50%;
  transform: translateY(4px);
}

.checkbox-custom input[type="checkbox"]:checked {
  background: #3ACF8B;
  border-color: #3ACF8B;
}

.checkbox-custom input[type="checkbox"]:checked::before {
  position: absolute;
  top: -3px;
  left: 1px;
  display: block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00c";
  color: #fff;
  font-size: 12px;
}

/***** ROLLER note and tip boxes *****/

.roller_tip, .roller_note, .roller_learn, .roller_try {
  position: relative;
  border-radius: 4px;
  border: 1px solid transparent;
  padding: 12px 12px 12px 36px;
  margin-top: 24px;
  font-size: 16px;
}

.roller_tip {
  background-color: #F6EEFF;
  border-color: rgba(162, 95, 197, 0.4);
}

.roller_learn {
  background-color: #F6EEFF;
  border-color: rgba(162, 95, 197, 0.4);
}

.roller_try {
  background-color: #F6EEFF;
  border-color: rgba(162, 95, 197, 0.4);
}

.roller_note {
  background-color: #FFFAEF;
  border-color:#FDDF95;
}

.roller_tip:before, 
.roller_note:before {
  position: absolute;
  top: 16px;
  left: 12px;
  display: block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  content: '';
}
.roller_learn:before {
  position: absolute;
  top: 12px;
  left: 12px;
  display: block;
  width: 16px;
  height: 18px;
  background-repeat: no-repeat;
  content: '';
}

.roller_try:before {
  position: absolute;
  top: 12px;
  left: 12px;
  display: block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  content: '';
}

.roller_tip:before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.00016 1.3335C4.32016 1.3335 1.3335 4.32016 1.3335 8.00016C1.3335 11.6802 4.32016 14.6668 8.00016 14.6668C11.6802 14.6668 14.6668 11.6802 14.6668 8.00016C14.6668 4.32016 11.6802 1.3335 8.00016 1.3335ZM7.3335 11.3335V7.3335H8.66683V11.3335H7.3335ZM7.3335 4.66683V6.00016H8.66683V4.66683H7.3335Z' fill='%23A25FC5'/%3E%3C/svg%3E%0A");
}

.roller_note:before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.3332 14.0002L7.99984 1.3335L0.666504 14.0002H15.3332ZM7.33317 12.0002V10.6668H8.6665V12.0002H7.33317ZM7.33317 9.3335H8.6665V6.66683H7.33317V9.3335Z' fill='%23FCC000'/%3E%3C/svg%3E%0A");
}

.roller_learn:before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='18' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.666667 8L8 4L15.3333 8V13.3333H14V8.72667L8 12L0.666667 8ZM3.33333 13.4533V10.7867L8 13.3333L12.6667 10.7867V13.4533L8 16L3.33333 13.4533Z' fill='%23A25FC5'/%3E%3C/svg%3E%0A");
}

.roller_try:before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.00167 5.06667L3.335 6L4.26833 4.33333L3.335 2.66667L5.00167 3.6L6.66833 2.66667L5.735 4.33333L6.66833 6L5.00167 5.06667ZM13.0017 11.6L14.6683 10.6667L13.735 12.3333L14.6683 14L13.0017 13.0667L11.335 14L12.2683 12.3333L11.335 10.6667L13.0017 11.6ZM14.6683 2.66667L13.735 4.33333L14.6683 6L13.0017 5.06667L11.335 6L12.2683 4.33333L11.335 2.66667L13.0017 3.6L14.6683 2.66667ZM8.895 9.85333L10.5217 8.22667L9.10833 6.81333L7.48167 8.44L8.895 9.85333ZM9.58167 6.19333L11.1417 7.75333C11.4017 8 11.4017 8.43333 11.1417 8.69333L3.36167 16.4733C3.10167 16.7333 2.66833 16.7333 2.42167 16.4733L0.861667 14.9133C0.601667 14.6667 0.601667 14.2333 0.861667 13.9733L8.64167 6.19333C8.90167 5.93333 9.335 5.93333 9.58167 6.19333Z' fill='%23A25FC5'/%3E%3C/svg%3E%0A");
}


/***** Custom image-shadow *****/

.image-shadow-custom {box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.16);
  border-radius: 0px;
}

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

.section-content {
  flex: 1;
}

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

.section-subscribe .dropdown-toggle::after {
  display: none;
}


/***** 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::before {
  color: #2B426E;
  content: "\1F4CE";
  font-size: 15px;
  left: 0;
  position: absolute;
  top: 5px;
}

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

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

.upload-dropzone span {
  color: #486eb7;
}

/* Feature Callout */

.callout-feature {
  position: relative;
  padding: 18px 18px 18px 70px;
  margin: 32px 0 0;
  background: #f5effd;
  border: 1px solid rgba(162, 95, 197, 0.4);
  font-family: 'Roboto', sans-serif;
}

.callout-feature p {
  margin: 0;
}

.callout-feature__text {
  margin-top: 8px; /* adjust */
}

.callout-feature__btn {
  display: inline-block;
  margin-top: 12px; /* adjust */
}

@media (min-width: 500px) {
  .callout-feature {
    padding: 18px 146px 18px 70px;
  }
}

.callout-feature:before {
  position: absolute;
  top: 18px;
  left: 18px;
  display: block;
  width: 38px;
  height: 38px;
  background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='38' height='38' rx='19' fill='%23A25FC5'/%3E%3Cpath d='M24.25 16.75L25.1875 14.6875L27.25 13.75L25.1875 12.8125L24.25 10.75L23.3125 12.8125L21.25 13.75L23.3125 14.6875L24.25 16.75Z' fill='white'/%3E%3Cpath d='M24.25 21.25L23.3125 23.3125L21.25 24.25L23.3125 25.1875L24.25 27.25L25.1875 25.1875L27.25 24.25L25.1875 23.3125L24.25 21.25Z' fill='white'/%3E%3Cpath d='M18.625 17.125L16.75 13L14.875 17.125L10.75 19L14.875 20.875L16.75 25L18.625 20.875L22.75 19L18.625 17.125ZM17.4925 19.7425L16.75 21.3775L16.0075 19.7425L14.3725 19L16.0075 18.2575L16.75 16.6225L17.4925 18.2575L19.1275 19L17.4925 19.7425Z' fill='white'/%3E%3C/svg%3E%0A");
  content: '';
}

.callout-feature .callout-feature__title {
  margin: 0;
  font-size: 18px;
  font-weight: bold;
}

.callout-feature .callout-feature__text {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  color: #383838;
}

.callout-feature__btn {
  display: inline-block;
  width: calc(100% + 52px);
  padding: 6px 20px;
  margin-top: 16px;
  margin-left: -52px;
  background: linear-gradient(180deg, #FFFFFF 0%, #FAFAFC 100%);
  border: 1px solid #CDCDCF;
  border-radius: 3px;
  color: #383838!important;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-decoration: none!important;
}

.callout-feature__btn:hover {
  text-decoration: none;
  border: 1px solid #c0c0c3;
}

@media (min-width: 500px) {
  .callout-feature__btn {
    position: absolute;
    top: 18px;
    right: 18px;
    width: auto;
    margin: 0;
  }
}

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

.comment-heading {
  margin-bottom: 5px;
  margin-top: 0;
}

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

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

.comment-callout {
  color: #486eb7;
  display: inline-block;
  font-weight: 300;
  font-size: 13px;
  margin-bottom: 0;
}

.comment-callout a {
  color: rgba(237, 76, 75, 1);
}

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

.comment-sorter .dropdown-toggle {
  color: #486eb7;
  font-weight: 300;
  font-size: 13px;
}

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

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

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

@media (min-width: 500px) {
  .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: 500px) {
  .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: 500px) {
  .comment-labels {
    flex-basis: auto;
  }
}

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

@media (min-width: 500px) {
  .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: 500px) {
  [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(237, 76, 75, 1);
}

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

.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 a:visited {
  color: #296373;
}

.comment-body 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: #486eb7;
  font-style: italic;
  padding: 0 15px;
}

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

/***** Vote *****/
/* Used in article comments, post comments and post */
.vote {
  display: inline-block;
  text-align: center;
  width: 35px;
}

.vote a {
  outline: none;
}

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

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

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

.vote-up:hover::before,
.vote-down:hover::before {
  color: rgba(237, 76, 75, 1);
}

.vote-up::before, .vote-down::before {
  color: #486eb7;
  font-size: 24px;
}

.vote-up::before {
  content: "\2B06";
}

.vote-down::before {
  content: "\2B07";
}

.vote-voted::before {
  color: rgba(237, 76, 75, 1);
}

.vote-voted:hover::before {
  color: #bf1413;
}

/***** 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 .dropdown-toggle {
  font-size: 0;
  margin: 15px 0;
}

.actions .dropdown-toggle:hover::before, .actions .dropdown-toggle:focus::before, .actions .dropdown-toggle:active::before {
  background-color: #f7f7f7;
}

.actions .dropdown-toggle::before {
  background-color: transparent;
  border-radius: 50%;
  color: #486eb7;
  content: "\2699";
  display: block;
  font-size: 13px;
  margin: auto;
  padding: 5px;
}

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

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

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

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

.community-header h4 {
  margin-bottom: 0;
}

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

@media (min-width: 500px) {
  .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: 500px) {
  .topic-header {
    padding-bottom: 10px;
  }
}

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

@media (min-width: 500px) {
  .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: 500px) {
  .community-follow {
    margin-bottom: 0;
    width: auto;
  }
}

.community-follow .dropdown {
  width: 100%;
}

.community-follow [role="button"] {
  line-height: 30px;
  padding: 0 10px 0 15px;
  position: relative;
  width: 100%;
  color: rgba(237, 76, 75, 1);
}

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

.community-follow [role="button"]:hover {
  background-color: rgba(237, 76, 75, 1);
  color: #FFF
}

.community-follow [role="button"]:hover::after, .community-follow [role="button"]:focus::after {
  border-color: #FFF;
  color: #FFF;
}

.community-follow [role="button"][aria-selected="true"] {
  background-color: rgba(237, 76, 75, 1);
  color: #FFF;
}

.community-follow [role="button"][aria-selected="true"]::after {
  border-left: 1px solid #2B426E;
  color: #FFF;
}

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

.community-follow [role="button"]::after {
  border-left: 1px solid rgba(237, 76, 75, 1);
  content: attr(data-follower-count);
  color: rgba(237, 76, 75, 1);
  display: inline-block;
  font-family: 'Roboto', sans-serif;;
  margin-left: 15px;
  padding-left: 10px;
  position: absolute;
  right: 10px;
}

@media (min-width: 500px) {
  .community-follow [role="button"]::after {
    position: static;
  }
}

[dir="rtl"] .community-follow [role="button"]::after {
  border-left: 0;
  border-right: 1px solid rgba(237, 76, 75, 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: 500px) {
  .striped-list-item {
    align-items: center;
    flex-direction: row;
  }
}

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

.striped-list-title {
  color: rgba(70, 163, 188, 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: #296373;
}

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

.striped-list-count {
  color: #486eb7;
  font-weight: 300;
  font-size: 13px;
  justify-content: flex-start;
  text-transform: capitalize;
}

@media (min-width: 500px) {
  .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: 500px) {
  .striped-list-count-item::after {
    display: none;
  }
}

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

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

@media (min-width: 500px) {
  .striped-list-number {
    color: #2B426E;
    display: block;
    font-weight: 400;
  }
}

/***** Status labels *****/
/* Styles labels used in posts, articles and requests */
.status-label {
  background-color: #1eb848;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  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(237, 76, 75, 1);
}

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

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

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

.status-label-pending, .status-label-not-planned {
  background-color: #eee;
  color: #486eb7;
}

.status-label-pending {
  text-align: center;
}

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

.status-label-closed {
  background-color: #ddd;
}

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

.status-label-new {
  background-color: #ffd12a;
}

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

.status-label-open, .status-label-closed, .status-label-solved, .status-label-new, .status-label-hold, .status-label-answered {
  text-transform: lowercase;
}

/***** 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: 500px) {
  .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: 500px) {
  .post-title {
    margin-bottom: 0;
    padding-right: 10px;
  }
}

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

@media (min-width: 500px) {
  .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: 'Roboto', 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 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 a:visited {
  color: #296373;
}

.post-body 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: #486eb7;
  font-style: italic;
  padding: 0 15px;
}

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

.post-comment-count {
  color: #486eb7;
  font-weight: 300;
}

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

.post-comment-count .icon-comments {
  color: rgba(237, 76, 75, 1);
  content: "\1F4AC";
  display: inline-block;
  font-size: 18px;
  padding: 5px;
}

.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: initial;
  }
  [dir="rtl"] .post-sidebar {
    padding: 0 50px 0 0;
  }
}

.post-sidebar h5 {
  font-weight: 600;
}

@media (min-width: 1024px) {
  .post-sidebar h5 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
  }
}

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

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

/* Navigation element that collapses on mobile */
.collapsible-nav {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  flex-direction: column;
  max-height: 45px;
  overflow: hidden;
  font-size: 14px;
}

@media (min-width: 500px) {
  .collapsible-nav {
    border: 0;
    height: auto;
    flex-direction: row;
    max-height: none;
  }
}

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

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

.collapsible-nav-list li {
  color: #2B426E;
  line-height: 45px;
  order: 1;
}

@media (min-width: 500px) {
  .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: #2B426E;
  display: block;
}

@media (min-width: 500px) {
  .collapsible-nav-list li:hover {
    border-bottom: 4px solid #ddd;
  }
  .collapsible-nav-list li:hover a {
    padding: 15px 0 11px 0;
    text-decoration: none;
  }
}

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

@media (min-width: 500px) {
  .collapsible-nav-list li[aria-selected="true"] {
    border-bottom: 4px solid rgba(237, 76, 75, 1);
    order: 1;
    padding: 15px 0 11px 0;
  }
}

.collapsible-nav-list li[aria-selected="true"] a {
  color: #2B426E;
}

.collapsible-nav-list li[aria-selected="true"]::after {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  content: "\25BE";
  position: absolute;
  right: 0;
}

@media (min-width: 500px) {
  .collapsible-nav-list li[aria-selected="true"]::after {
    display: none;
  }
}

[dir="rtl"] .collapsible-nav-list li[aria-selected="true"]::after {
  left: 0;
  right: auto;
}

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

.collapsible-nav[aria-expanded="true"] li[aria-selected="true"]::after {
  content: "\2715";
}

/* 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;
    position: sticky;
    top: 60px;
  }
}

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

.collapsible-sidebar[aria-expanded="true"] .collapsible-sidebar-title::after {
  content: "\2715";
}

@media (min-width: 1024px) {
  .collapsible-sidebar[aria-expanded="true"] .collapsible-sidebar-title::after {
    display: none;
  }
}

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

.collapsible-sidebar-title::after {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  content: "\25BE";
  position: absolute;
  right: 10px;
}

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

[dir="rtl"] .collapsible-sidebar-title::after {
  left: 10px;
  right: auto;
}

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

.my-activities-sub-nav {
  background-color: transparent;
  border-bottom: 1px solid #ddd;
  margin-bottom: 30px;
}

@media (min-width: 500px) {
  .my-activities-sub-nav li:hover {
    border-bottom: 4px solid #ddd;
  }
}

.my-activities-sub-nav li[aria-selected="true"] {
  border-color: rgba(237, 76, 75, 1);
}

.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: 500px) {
  .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: 500px) {
  .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: 500px) {
  .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: 500px) {
  .requests-table-toolbar .request-table-filter {
    width: auto;
  }
}

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

@media (min-width: 500px) {
  .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: 500px) {
  .requests-table-toolbar .request-filter-label {
    margin-top: 0;
  }
}

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

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

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

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

.requests-table-toolbar .organization-unsubscribe {
  background-color: rgba(237, 76, 75, 1);
  color: #2B426E;
}

.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: 500px) {
  .requests .requests-table-meta {
    display: none;
  }
}

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

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

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

@media (min-width: 500px) {
  .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 */
.subscriptions-unsubscribe a {
  background: rgba(237, 76, 75, 1);
  border-radius: 4px;
  color: #2B426E;
  display: inline-block;
  font-size: 12px;
  line-height: 2.34;
  padding: 0 20px;
  text-align: center;
  width: 100%;
}

@media (min-width: 500px) {
  .subscriptions-unsubscribe a {
    width: auto;
  }
}

.subscriptions-unsubscribe a:hover {
  background-color: #bf1413;
  text-decoration: none;
}

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

@media (min-width: 500px) {
  .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: #486eb7;
  font-size: 13px;
  font-weight: 300;
}

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

.no-activities {
  color: #486eb7;
}

/***** 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: #486eb7;
  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(237, 76, 75, 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(237, 76, 75, 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 h5 {
  font-size: 15px;
  font-weight: 600;
  position: relative;
}

@media (min-width: 1024px) {
  .request-sidebar h5 {
    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: #486eb7;
  font-weight: 300;
  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 * {
  display: inline-block;
}

.pagination li {
  border-radius: 50%;
  height: 40px;
  float: left;
  margin-left: 5px;
  width: 40px;
}

@media (min-width: 500px) {
  .pagination li {
    height: 30px;
    width: 30px;
  }
}

[dir="rtl"] .pagination li {
  float: right;
}

.pagination li:hover:not(.pagination-current) {
  background-color: #f3f3f3;
}

.pagination li:hover:not(.pagination-current) span, .pagination li:hover:not(.pagination-current) a {
  color: #2B426E;
  text-decoration: none;
}

.pagination a, .pagination span {
  font-size: 15px;
  color: #486eb7;
  padding: 10px 12px;
}

@media (min-width: 500px) {
  .pagination a, .pagination span {
    font-size: 13px;
    padding: 5px 12px;
  }
}

.pagination-current {
  background-color: rgba(70, 163, 188, 1);
}

.pagination-current a, .pagination-current span {
  color: #FFF;
}

.pagination-first {
  border-radius: 3px 0 0 3px;
}

[dir="rtl"] .pagination-first {
  border-radius: 0 3px 3px 0;
}

.pagination-last {
  border-radius: 0 3px 3px 0;
}

[dir="rtl"] .pagination-last {
  border-radius: 3px 0 0 3px;
}

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

.meta-group * {
  display: inline;
}

.meta-data {
  color: #486eb7;
  font-size: 13px;
  font-weight: 300;
}

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

/***** Icons *****/
[class^="icon-"]::before,
[class*=" icon-"]::before,
.icon,
.recent-activity-item-comment span::before,
.attachments .attachment-item::before,
.share a::before,
.vote-up::before,
.vote-down::before,
.actions .dropdown-toggle::before,
.collapsible-nav-list li[aria-selected="true"]::after,
.collapsible-sidebar-title::after,
.search-result-votes::before,
.search-result-meta-count::before {
  font-family: "copenhagen-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  line-height: 1em;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
}

.icon-lock::before {
  content: "\1F512";
}

.icon-star::before {
  content: "\2605";
}

.icon-linkedin::before {
  content: "\e900";
}

.icon-twitter::before {
  content: "\e901";
}

.icon-googleplus-::before {
  content: "\e902";
}

.icon-facebook::before {
  content: "\e903";
}

.icon-agent::before {
  content: "\1F464";
}

.icon-close::before {
  content: "\2715";
}

.icon-arrow-up::before {
  content: "\2B06";
}

.icon-arrow-down::before {
  content: "\2B07";
}

.icon-attachments::before {
  content: "\1F4CE";
}

.icon-comments::before {
  content: "\1F4AC";
}

.icon-search::before {
  content: "\1F50D";
}

.icon-vote::before {
  content: "\1F44D";
}

.icon-handle::before {
  content: "\25BE";
}

.icon-check::before {
  content: "\2713";
}

.icon-gear::before {
  content: "\2699";
}

.icon-menu::before {
  content: "\2630";
}

.icon-article::before {
  content: "\1F4C4";
}

.icon-post::before {
  content: "\1F4D4";
}

.icon-notification-alert::before {
  content: "\26A0";
}

.icon-notification-error::before {
  content: "\00D7";
}

.icon-notification-info::before {
  content: "\2139";
}

.icon-notification-success::before {
  content: "\2714";
}

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

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

@media (min-width: 500px) {
  .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: 65px;
  height: 65px;
}

.profile-avatar .icon-agent::before {
  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;
}

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

@media (min-width: 500px) {
  .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;
  }
}

.profile-header .options [data-action="edit-profile"] {
  background-color: rgba(237, 76, 75, 1);
  border: 0;
  color: #FFF;
  line-height: normal;
  padding: 8px 20px;
  outline-color: rgba(237, 76, 75, 1);
}

.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: #486eb7;
  font-weight: 300;
  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: 500px) {
  .profile-stats-activity {
    border-top: 0;
    flex-direction: row;
  }
}

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

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

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

@media (min-width: 500px) {
  .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: 500px) {
  .profile-stats-activity .stat-label {
    flex: 0 1 auto;
  }
}

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

@media (min-width: 500px) {
  .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: 500px) {
  .profile-stats-counters .stat {
    flex-direction: column;
  }
}

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

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

@media (min-width: 500px) {
  .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(237, 76, 75, 1);
  border-radius: 4px;
  color: rgba(237, 76, 75, 1);
  padding: 5px 20px;
  font-size: 12px;
  text-align: center;
}

.profile-private-badge::after {
  content: "\1f512";
  margin-left: 5px;
  font-family: "copenhagen-icons";
  vertical-align: middle;
  line-height: 15px;
}

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

.profile-nav {
  background-color: #f2f2f2;
  border: 0;
  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: #486eb7;
  font-weight: 300;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 500px) {
  .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: 500px) {
  .profile-section-sorter .dropdown-toggle::after {
    position: relative;
  }
}

@media (min-width: 500px) {
  .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-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: 500px) {
  .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-list > .profile-contribution::before {
  left: 0;
  position: absolute;
  font-size: 16px;
  color: #ccc;
  font-family: "copenhagen-icons";
  line-height: 25px;
}

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

.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: 500px) {
  .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: 500px) {
  .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;
}

.profile-section .private-activity::before {
  content: "\1f512";
  font-family: "copenhagen-icons";
  font-style: normal;
  font-size: 12px;
  font-weight: normal;
  vertical-align: middle;
  margin-right: 10px;
}

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

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

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

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

@media (min-width: 500px) {
  .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: 500px) {
  .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: 500px) {
  .profile-activity-contribution {
    margin-top: 0;
    margin-left: 50px;
  }
  [dir="rtl"] .profile-activity-contribution {
    margin-left: 0;
    margin-right: 50px;
  }
}

.profile-activity::before {
  position: absolute;
  left: 0;
  width: 28px;
  border-radius: 50%;
  content: "";
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  background-position: 50% 50%;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  color: #ccc;
  font-family: "copenhagen-icons";
}

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

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

.profile-articles > .profile-contribution::before,
.profile-activity-list > li[class$="-article"]::before {
  content: "\1f4c4";
}

.profile-posts > .profile-contribution::before,
.profile-activity-list > li[class$="-post"]::before {
  content: "\1f4d4";
}

.profile-comments > .profile-contribution::before,
.profile-activity-list > li[class$="-comment"]::before {
  content: "\1f4ac";
  line-height: 35px;
}

/***** 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 100%;
  }
}

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

.search-results-list > li {
  border-bottom: 1px solid #ddd;
  padding: 20px 0;
}

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

.search-result-description {
  margin-top: 15px;
  word-break: break-word;
}

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

.search-result-votes::before, .search-result-meta-count::before {
  color: rgba(237, 76, 75, 1);
}

[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;
}
.serch-result-link {
  font-size: 18px;
}

.search-result-votes::before {
  content: "\1F44D";
}

.search-result-meta-count::before {
  content: "\1F4AC";
}

.search-result .meta-group {
  align-items: center;
}

.search-result-breadcrumbs {
  margin: 0;
}

.search-result-breadcrumbs li:last-child::after {
  content: "·";
  display: inline-block;
  margin: 0 5px;
}

/* Don't display CJK results in italic */
/* Add a yellow background instead */
html[lang|="zh"] .search-result-description em,
html[lang|="ko"] .search-result-description em,
html[lang|="ja"] .search-result-description em {
  font-style: normal;
  background: yellow;
}

/*MW-Notificaiton Banner CSS */
/* Common, default styles for the alert/notification banner */

.alertbox{
  display: contents;
  text-align: center;
	z-index: 1000;
	color: rgba(232, 75, 76, 1);
}

.alertbox-inner p {
	margin: 1.2em;
}

.alertbox-inner a {
  color: inherit;
	font-weight: 700;
}

.alertbox-inner a:hover,
.alertbox-inner a:focus {
	opacity: 0.85;
  color: rgba(70, 163, 188, 1);
}

/* Alerts extension */

[dir] .alert {
  min-height: 50px;
}

.alert__title,
.alert .alert__shape--main {
  display: none!important;
}

.alert .alert__shape {
  width: 40px;
}

.alert .alert__text {
  padding-left: 25px;
  font-size: 13px;
}

.alert .alert__icon--close {
  width: 16px;
  height: 16px;
  padding: 10px;
  background-size: 16px;
}

.alert .alert__text:before {
  position: absolute;
  top: 50%;
  left: 16px;
  display: block;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  content: '';
}

.alert.alert--alert_info {
  background-color: #F5EFFD;
  border: 1px solid rgba(162, 95, 197, 0.4);
  color: #383838;
}

.alert.alert--alert_info .alert__icon--close {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.6666 4.27325L11.7266 3.33325L7.99992 7.05992L4.27325 3.33325L3.33325 4.27325L7.05992 7.99992L3.33325 11.7266L4.27325 12.6666L7.99992 8.93992L11.7266 12.6666L12.6666 11.7266L8.93992 7.99992L12.6666 4.27325Z' fill='%23A25FC5'/%3E%3C/svg%3E%0A");
}

.alert.alert--alert_info .alert__text:before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.00016 1.33325C4.32016 1.33325 1.3335 4.31992 1.3335 7.99992C1.3335 11.6799 4.32016 14.6666 8.00016 14.6666C11.6802 14.6666 14.6668 11.6799 14.6668 7.99992C14.6668 4.31992 11.6802 1.33325 8.00016 1.33325ZM7.3335 11.3333V7.33325H8.66683V11.3333H7.3335ZM7.3335 4.66658V5.99992H8.66683V4.66658H7.3335Z' fill='%23A25FC5'/%3E%3C/svg%3E%0A");
}

.alert.alert--alert_warning {
  background-color: #FFFAEF;
  border-color: #FDDF95;
  color: #383838;
}

.alert.alert--alert_warning .alert__icon--close {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.6666 4.27325L11.7266 3.33325L7.99992 7.05992L4.27325 3.33325L3.33325 4.27325L7.05992 7.99992L3.33325 11.7266L4.27325 12.6666L7.99992 8.93992L11.7266 12.6666L12.6666 11.7266L8.93992 7.99992L12.6666 4.27325Z' fill='%23FCC000'/%3E%3C/svg%3E%0A");
}

.alert.alert--alert_warning .alert__text:before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.3334 13.9999L8.00008 1.33325L0.666748 13.9999H15.3334ZM7.33342 11.9999V10.6666H8.66675V11.9999H7.33342ZM7.33342 9.33325H8.66675V6.66658H7.33342V9.33325Z' fill='%23FCC000'/%3E%3C/svg%3E%0A");
}

.alert.alert--alert_success {
  background-color: #EEFEF4;
  color: #383838;
  border: 1px solid rgba(58, 207, 139, 0.4);
}

.alert.alert--alert_success .alert__icon--close {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.6666 4.27325L11.7266 3.33325L7.99992 7.05992L4.27325 3.33325L3.33325 4.27325L7.05992 7.99992L3.33325 11.7266L4.27325 12.6666L7.99992 8.93992L11.7266 12.6666L12.6666 11.7266L8.93992 7.99992L12.6666 4.27325Z' fill='%233ACF8B'/%3E%3C/svg%3E%0A");
}

.alert.alert--alert_success .alert__text:before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.33325 7.99992C1.33325 4.31992 4.31992 1.33325 7.99992 1.33325C11.6799 1.33325 14.6666 4.31992 14.6666 7.99992C14.6666 11.6799 11.6799 14.6666 7.99992 14.6666C4.31992 14.6666 1.33325 11.6799 1.33325 7.99992ZM3.33325 7.99992L6.66659 11.3333L12.6666 5.33325L11.7266 4.38659L6.66659 9.44658L4.27325 7.05992L3.33325 7.99992Z' fill='%233ACF8B'/%3E%3C/svg%3E%0A");
}

.freshstatus-badge {
  position: relative;
  vertical-align: middle;
}

.freshstatus-badge--desktop {
  margin-top: 20px;
  margin-right: 15px;
}

@media (max-width: 767px) {
  .freshstatus-badge--desktop {
    display: none!important;
  }
  .freshstatus-badge--mobile {
    display: block!important;
    padding: 10px 20px 0;
    margin-bottom: -10px;
    text-align: center;
  }
}

@media (min-width: 499px) {
  .freshstatus-badge--mobile {
    display: none!important;
  }
}

.freshstatus-badge--desktop:before {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 20px;
  background: #CBD7EE;
  z-index: 2;
  content: '';
}

.freshstatus-badge--mobile:before {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 20px;
  background: #fff;
  z-index: 2;
  content: '';
}

.freshstatus-img {
  z-index: 1;
}

.powered-by-zendesk,
[x-cloak] {
  display: none;
}
 
.lt-toc--link:not(.is-active):focus {
  background: none!important;
  font-weight: 400!important;
}

.lt-toc--link:active,
.lt-toc--link.is-active:hover,
.lt-toc--link.is-active:active,
.lt-toc--link.is-active:focus {
  background: #617DB7!important;
  font-weight: 700;
}

.lt-toc--link:hover {
  background: #F1F3F9!important;
}

.lt-toc--link.is-active:hover span,
.lt-toc--link.is-active:focus span,
.lt-toc--link.is-active:active span,
.lt-toc--link:active span {
  color: #fff!important;
}


/* Kate's changes */

.callout--transparent {
    background-color: transparent!important;
    border-width: 4px!important;
    border-color: #617DB7!important;
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0)!important;
  padding-top: 5px!important;
    padding-right: 20px!important;
    padding-bottom: 10px!important;
    padding-left: 20px!important;

}

table {
  width: 100% !important;
  max-width: 100% !important;
  border-collapse: collapse !important;
  border: none !important;
}

.table,
.wysiwyg-table {
  margin-top: 1.5em !important;
}

table th,
table td {
  padding: 12px !important;
  vertical-align: top !important;
  border: none !important;
  background-color: transparent !important;
  color: inherit !important;
}

table td p {
  margin: 0 !important;
}

/* Spacing before tables */
.article-body table,
.article-body figure.table,
.post-body table,
.post-body figure.table,
.comment-body table,
.comment-body figure.table {
  margin-top: 24px !important;  /* space before table */
}

/* If a table is the first thing, don’t add extra top space */
.article-body :is(table, figure.table):first-child,
.post-body :is(table, figure.table):first-child,
.comment-body :is(table, figure.table):first-child {
  margin-top: 0 !important;
}

/* Paragraph spacing inside table cells */
.article-body table td p,
.article-body figure.table td p,
.article-body .wysiwyg-table td p {
  margin: 0 0 8px !important;   /* visible paragraph breaks */
  line-height: 1.6 !important;
}

.article-body table td p:last-child,
.article-body figure.table td p:last-child,
.article-body .wysiwyg-table td p:last-child {
  margin-bottom: 0 !important;   /* no extra space at end of cell */
}

/* Remove empty paragraphs injected by the editor */
.article-body table td p:empty,
.article-body figure.table td p:empty,
.article-body .wysiwyg-table td p:empty {
  display: none !important;
}

/* === Shared color-header styling for BOTH .table--color-header and WYSIWYG tables === */

/* Header styles */
.table--color-header thead th,
.wysiwyg-table table thead th {
  color: #2b426e !important;
  background-color: #f1f3f9 !important;
  border-bottom: 1px solid #cdcdcf !important;
}

/* Row divider lines */
.table--color-header tbody td,
.wysiwyg-table table tbody td {
  border-top: 1px solid #cdcdcf !important;
}

/* Remove outer border and extras */
.table--color-header,
.wysiwyg-table {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.table--striped tbody tr:nth-child(odd) {
  color: inherit!important;
  background-color: var(--gray-lighter)!important;
}

.table--hover tbody tr:hover {
  color: inherit!important;
  background-color: var(--gray-lighter)!important;
}

.table--bordered {
  border: 1px solid #cdcdcf!important;
}

[dir="ltr"] .table--bordered td,
[dir="ltr"] .table--bordered th {
  border-left: 1px solid #cdcdcf!important;
}

[dir="rtl"] .table--bordered td,
[dir="rtl"] .table--bordered th {
  border-right: 1px solid #cdcdcf!important;
}

.table-responsive {
  min-height: 0.01%!important;
  overflow-x: auto!important;
}
@media screen and (max-width: 575px) {
  .table-responsive {
    width: 100%!important;
    margin-bottom: calc(var(--line-height-computed) * 0.75)!important;
    overflow-y: hidden!important;
    border: 1px solid #cdcdcf!important;
    -ms-overflow-style: -ms-autohiding-scrollbar!important;
  }

  .table-responsive > .table {
    margin-bottom: 0!important;
  }

  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap!important;
  }
}
     

.list-bullet li:before {
    position: absolute!important;
    left: 0;
    top: -3px;
    font-family: "Font Awesome 5 Free";
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    content: "\f058";
    color: #3ACF8B!important;
    background-color: transparent;
    width: 24;
    height: 24;
}

ul p,
ol p {
  margin: 0.25em 0!important;  /* tweak as needed */
}

.embed-youtube {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background: #000;
}

.embed-youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* New ROLLER-style accordion 15/10/2025*/
/* Accordion container */
.rz-accordion {
  border: 1px solid var(--hc-border, #d9dde4);
  border-radius: 4px;
  background: #fff;
  overflow: hidden;                   /* keep rounded corners */
  margin: 8px 0;                      /* base spacing */
}

/* More space above each accordion; same stack gap */
.rz-accordion { margin: 20px 0 8px; }      /* top | sides | bottom */
.rz-accordion + .rz-accordion { margin-top: 10px; } /* ensures they never look jammed */

/* Stronger outline when expanded */
.rz-accordion[open] {
  border-color: var(--hc-border-strong, #c9ced8);
  box-shadow: 0 0 0 1px var(--hc-border-strong, #c9ced8) inset;
}

/* Summary “button” */
.rz-accordion > summary {
  background: var(--hc-soft-bg, #f4f6f9);
  color: var(--hc-text-strong, #2e3b4e);
  font-size: 18px;
  line-height: 1.5;
  font-weight: 400;           /* keep summary normal */
  padding: 12px 18px;
  min-height: 44px;
  cursor: pointer;
  display: flex;
  align-items: center;
  list-style: none;
  -webkit-tap-highlight-color: transparent;
}

/* Bold only the label text inside summary */
.rz-accordion > summary .rz-title { 
  font-weight: 700; 
}

/* Divider under header when open */
.rz-accordion[open] > summary {
  border-bottom: 1px solid var(--hc-border, #d9dde4);
}

/* Remove native WebKit marker */
.rz-accordion > summary::-webkit-details-marker { display: none; }

/* Chevron */
.rz-accordion > summary::after {
  content: "▸";
  margin-left: auto;
  transition: transform .2s ease;
  opacity: .8;
  font-size: .9em;
  line-height: 1;
}
.rz-accordion[open] > summary::after { transform: rotate(90deg); }

/* Hover & focus */
.rz-accordion > summary:hover { background: #eef2f7; }
.rz-accordion > summary:focus-visible {
  outline: 2px solid #2e6bd9;
  outline-offset: 2px;
}

/* Panel body (tighter top, more bottom per feedback) */
.rz-accordion .rz-panel {
  padding: 10px 18px 22px;            /* top | sides | bottom */
  background: #fff;
}

/* Normalize inner spacing */
.rz-accordion .rz-panel > :first-child { margin-top: 0; }
.rz-accordion .rz-panel > :last-child  { margin-bottom: 0; }

/* Optional: gentle reveal */
@media (prefers-reduced-motion: no-preference) {
  .rz-accordion[open] .rz-panel { animation: rz-fade-in .18s ease; }
  @keyframes rz-fade-in { from { opacity: .6 } to { opacity: 1 } }
}
/* === zendesk editor support: figure, image, table, media === */

/* base figure spacing */
.article-body figure,
.post-body figure,
.comment-body figure {
  margin: 24px 0;
}

/* Centre resized wysiwyg images */
.article-body figure.wysiwyg-image,
.post-body figure.wysiwyg-image,
.comment-body figure.wysiwyg-image {
  margin-left: auto;
  margin-right: auto;
}

/* caption */
.article-body figure figcaption,
.post-body figure figcaption,
.comment-body figure figcaption {
  margin-top: 8px;
  font-size: 0.95rem;
  line-height: 1.4;
  color: #666;
  text-align: center;
}

/* images inside figures */
.article-body figure.image img,
.post-body figure.image img,
.comment-body figure.image img,
.article-body figure.image_resized img,
.post-body figure.image_resized img,
.comment-body figure.image_resized img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* image alignment utilities from ckeditor */
.article-body figure.image.image-style-align-center,
.post-body   figure.image.image-style-align-center,
.comment-body figure.image.image-style-align-center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.article-body figure.image.image-style-align-left,
.post-body   figure.image.image-style-align-left,
.comment-body figure.image.image-style-align-left {
  float: left;
  margin: 8px 20px 12px 0;
  max-width: 50%;
}

.article-body figure.image.image-style-align-right,
.post-body   figure.image.image-style-align-right,
.comment-body figure.image.image-style-align-right {
  float: right;
  margin: 8px 0 12px 20px;
  max-width: 50%;
}

/* “side image” style (ckeditor) */
.article-body figure.image.image-style-side,
.post-body   figure.image.image-style-side,
.comment-body figure.image.image-style-side {
  float: right;
  margin: 8px 0 12px 20px;
  max-width: 40%;
}

/* clear floats inside long articles */
.article-content::after,
.post-content::after,
.comment-body::after {
  content: "";
  display: block;
  clear: both;
}

/* mobile: drop floats and let images fill width */
@media (max-width: 768px) {
  .article-body figure.image.image-style-align-left,
  .article-body figure.image.image-style-align-right,
  .article-body figure.image.image-style-side,
  .post-body figure.image.image-style-align-left,
  .post-body figure.image.image-style-align-right,
  .post-body figure.image.image-style-side,
  .comment-body figure.image.image-style-align-left,
  .comment-body figure.image.image-style-align-right,
  .comment-body figure.image.image-style-side {
    float: none;
    margin: 12px 0;
    max-width: 100%;
  }
}

/* resized images (ckeditor adds .image_resized with inline width) */
.article-body figure.image.image_resized,
.post-body   figure.image.image_resized,
.comment-body figure.image.image_resized {
  max-width: 100%;
}

/* tables: ckeditor wraps tables in figure.table + optional figcaption */
.article-body figure.table,
.post-body   figure.table,
.comment-body figure.table {
  width: 100%;
  overflow-x: auto; /* enable horizontal scroll on small screens */
}

.article-body figure.table > table,
.post-body   figure.table > table,
.comment-body figure.table > table {
  width: 100%;
  border-collapse: collapse;
}

/* map ckeditor table headers and rows to your existing table skin */
.table--color-header thead th,
.wysiwyg-table table thead th,
.article-body figure.table thead th,
.post-body   figure.table thead th,
.comment-body figure.table thead th {
  color: #2b426e !important;
  background-color: #f1f3f9 !important;
  border-bottom: 1px solid #cdcdcf !important;
}

.table--color-header tbody td,
.wysiwyg-table table tbody td,
.article-body figure.table tbody td,
.post-body   figure.table tbody td,
.comment-body figure.table tbody td {
  border-top: 1px solid #cdcdcf !important;
}

/* table captions */
.article-body figure.table > figcaption,
.post-body   figure.table > figcaption,
.comment-body figure.table > figcaption {
  margin-top: 6px;
  font-size: 0.9rem;
  color: #666;
  text-align: center;
}

/* media embeds: ckeditor uses figure.media with an oembed wrapper/iframe */
.article-body figure.media,
.post-body   figure.media,
.comment-body figure.media {
  position: relative;
  width: 100%;
  background: #000; /* matches your .embed-youtube */
  border-radius: 6px;
  overflow: hidden;
}

/* try to keep 16:9 while allowing natural height fallback */
.article-body figure.media > div,
.post-body   figure.media > div,
.comment-body figure.media > div {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}

.article-body figure.media iframe,
.post-body   figure.media iframe,
.comment-body figure.media iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}



/* === Show paragraph breaks inside table cells (Zendesk editor fix) === */
.article-body table p,
.article-body .wysiwyg-table p,
.article-body figure.table p {
  margin: 0 0 12px !important;  /* gives visible line breaks */
  line-height: 1.6 !important;
}

.article-body table p:last-child,
.article-body .wysiwyg-table p:last-child,
.article-body figure.table p:last-child {
  margin-bottom: 0 !important;  /* avoids double spacing at end */
}

/* Optional: tidy cell layout */
.article-body table td,
.article-body figure.table td {
  vertical-align: top !important;
  word-break: break-word !important;
}

/* Optional: remove empty paragraphs injected by the editor */
.article-body table p:empty,
.article-body figure.table p:empty {
  display: none !important;
}

/* kill paragraph spacing inside accordion headings */
.accordion__item-title p {
  margin: 0;                /* remove top/bottom gaps */
  display: inline;          /* make it behave like inline text */
  line-height: inherit;     /* keep your title line-height */
}

/* belt and braces */
.accordion__item-title > * { margin: 0; }
.accordion__item-title br { display: none; } /* in case the editor injects <br> */


/* Tabs component */
.tabs a {
  color: #2B426E;
  text-decoration: none;
}

/* Hover state */
.tabs a:hover,
.tabs a:focus {
  color: #2B426E;
  text-decoration: none;
}

/* Visited tabs should not look like links */
.tabs a:visited {
  color: #2B426E;
}

/* Active tab (if aria-selected is used) */
.tabs [aria-selected="true"] a {
  color: #2B426E;
  font-weight: 700;
}

/* ROLLER kb feedback form */

/* Outer container stays neutral (default + when focused) */
.roller-feedback.downvote-message {
border: 1px solid #CBD7EE !important;
padding: 0;
}
.roller-feedback.downvote-message:focus-within {
border-color: #CBD7EE !important;
box-shadow: none !important;
}


/* Form elements get the red focus treatment (same as search bar) */
.roller-feedback__textarea:focus {
border: 2px solid #a3173c !important;
outline: none !important;
}
.roller-feedback__textarea:focus-visible {
outline: 2px solid #a3173c !important;
outline-offset: 2px !important;
}

.roller-feedback.downvote-message {
  display: none; /* JS toggles this */
  border: 1px solid #CBD7EE;
  border-radius: 4px;
  background: #fff;
  text-align: left;
  margin-top: 16px;
}

.roller-feedback__card {
  padding: 16px;
margin: 0;
}

/* Ensure the thanks box fills nicely and doesn’t add extra spacing */
#kb-feedback-thanks.roller-feedback__thanks {
margin: 0 !important; /* remove extra outside spacing */
padding: 12px 14px !important; /* your intended inner padding */
box-sizing: border-box;
}


/* Remove default paragraph margins that create “uneven” space */
#kb-feedback-thanks .roller-feedback__thanks-title,
#kb-feedback-thanks .roller-feedback__thanks-body {
margin: 0 !important;
}


/* Add a controlled gap between title and body */
#kb-feedback-thanks .roller-feedback__thanks-body {
margin-top: 4px !important;
}

@media (min-width: 500px) {
  .roller-feedback__card {
    padding: 20px;
  }
}

.roller-feedback__title {
  font-family: 'Metropolis', sans-serif;
  font-weight: 900;
  font-size: 18px;
  line-height: 1.4;
  margin: 0 0 12px;
  color: #2B426E;
}

.roller-feedback__textarea {
  border: 1px solid #ddd;
  border-radius: 4px;
  resize: vertical;
  width: 100%;
  outline: none;
  padding: 10px;
  font-size: 16px;
  color: #2B426E;
  background: #fff;
  min-height: 120px;
}

.roller-feedback__textarea:focus {
border: 2px solid #a3173c !important;
outline: none !important;
}

.roller-feedback:focus-within {
border-color: #a3173c !important;
}

.roller-feedback__hint {
  margin: 8px 0 0;
  font-size: 13px;
  color: #617DB7;
  font-family: 'Open Sans', sans-serif;
}

.roller-feedback__error {
  margin: 10px 0 0;
  padding: 10px 12px;
  border-radius: 4px;
  border: 1px solid #FDDF95;
  background: #FFFAEF;
  color: #383838;
  font-size: 13px;
  font-family: 'Open Sans', sans-serif;
}

.roller-feedback__button {
  margin-top: 12px;
  border: 1px solid rgba(237, 76, 75, 1);
  border-radius: 3px;
  background-color: rgba(237, 76, 75, 1);
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  line-height: 2.34;
  padding: 6px 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%;
}

@media (min-width: 500px) {
  .roller-feedback__button {
    width: auto;
  }
}

.roller-feedback__button:hover,
.roller-feedback__button:focus,
.roller-feedback__button:active {
  background-color: #eb3534;
  text-decoration: none;
}
.roller-feedback__thanks {
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: 4px;
  background-color: #F1F3F9 !important;
  border: 1px solid #CBD7EE !important; /* optional, keeps it consistent with your UI */
}

.roller-feedback__thanks-title {
  margin: 0 0 4px;
  font-weight: 700;
  font-size: 14px;
  color: #383838;
  font-family: 'Open Sans', sans-serif;
}

.roller-feedback__thanks-body {
  margin: 0;
  font-size: 14px;
  color: #383838;
  font-family: 'Open Sans', sans-serif;
}

.roller-feedback__thanks-title,
.roller-feedback__thanks-body {
  color: #2B426E !important;
}

/* Optional: when thank-you is shown, visually separate from the form */
#kb-feedback-thanks[style*="display: block"] {
  margin-top: 14px;
}

.kb-feedback-helper{
  font-size: 12px;
  line-height: 1.4;
  opacity: 0.8;
  margin: 8px 0 0;
}

.callout-feature > :last-child {
  margin-bottom: 0;
}

/* Nested paragraph spacing inside list items */
.article-body li > p,
.comment-body li > p,
.post-body li > p {
  margin: 10px 0 !important; /* space above and below the paragraph */
}

/* Nested div spacing inside list items */
.article-body li > div,
.comment-body li > div,
.post-body li > div {
  margin: 10px 0 !important; /* space above and below the div */
}