html {
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
}

/* @font-face {
    font-family: 'Duda Sans';
    src: url(https://static.cdn-website.com/fonts/DudaSansVF.woff) format("woff");
    font-weight: 100 700;
    font-style: normal
} */
/* Duda Sans */
@font-face {
    font-family: 'Duda Sans';
    /* not sure */
    font-weight: 300;
    src: url('https://www.duda.co/_templates/jake/fonts/duda-sans/woff2/DudaSans-Light.woff2') format('woff2');
}
@font-face {
    font-family: 'Duda Sans';
    font-weight: 350;
    src: url('https://www.duda.co/_templates/jake/fonts/duda-sans/woff2/DudaSans-Regular.woff2') format('woff2');
}
@font-face {
    font-family: 'Duda Sans';
    font-weight: 550;
    src: url('https://www.duda.co/_templates/jake/fonts/duda-sans/woff2/DudaSans-Medium.woff2') format('woff2');
}
@font-face {
    font-family: 'Duda Sans';
    font-weight: 700;
    src: url('https://www.duda.co/_templates/jake/fonts/duda-sans/woff2/DudaSans-Bold.woff2') format('woff2');
}
@font-face {
    font-family: 'Duda Sans';
    font-weight: 900;
    src: url('https://www.duda.co/_templates/jake/fonts/duda-sans/woff2/DudaSans-Black.woff2') format('woff2');
}

/* Cal Sans */
@font-face {
    font-family: 'Cal Sans';
    src: url(https://www.duda.co/_templates/jake/fonts/cal-sans/CalSans-SemiBold.woff2) format("woff2");
}

/* color vars */
:root {
    --neutral-grey: #DBE0E5;
    --neutral-grey-dark: #2f373a;
    --neutral-grey-light: #617379;
    --resource-orange: #FDDFD7;
    --resource-blue: #C8E1FB;
    --resource-dark-blue: #C7CCE6;
    --resource-green:#BDE5E5;
    --resource-purple: #E5D7FE;
    --resource-yellow: #FADEAA;
    --bg-purple: #171c34;
}

.ecom-card {
    border: 1px solid var(--neutral-grey);
    border-radius: 8px;
    padding: 20px;
}


:root {
    --sidepad: 25px;
    --header: 64px;
}
@media(min-width:980px) {
    :root {
        --sidepad: 40px;
        --header: 72px;
    }
  .blocks-item, .list-super-footer li {}
    .blocks-item, .need-help .list-super-footer li {
        flex-basis: calc(33.33% - 2rem*2/3);
    }
    .blocks-item.blocks-item-ecom, .blocks-item.blocks-item-wb, .blocks-item.blocks-item-db {
    	flex-basis: calc(50% - 2rem*1/2) !important;
      margin-right:auto;
    }
  
  .blocks-list-wb, .blocks-list-db {
    margin-bottom:20px !important;
    margin-top:0px !important;
  }
  .blocks-item.blocks-item-web-builder {
    	flex-basis: calc(50% - 2rem*1/2);
    }
    .explore-further .list-super-footer {
        max-width: calc(368px*2 + 2rem);
        margin-left: auto;
        margin-right: auto;
    }
    .list-video .blocks-item {
        flex-basis: calc(25% - 2rem*3/4);
    }
}
hr {
    box-sizing: border-box;
    height: 1px;
    overflow: hidden;
    border: none;
    border-top: 1px solid #EBEDEF;
    margin: 3rem auto;
}
pre, code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
a {
    background-color: transparent;
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}
.bold500 {
    font-weight: 500;
}
.bold600 {
    font-weight: 600;
}
b, strong, .bold, .bold800 {
    font-weight: 700;
}
small {
    font-size: 88%;
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
img {
    border-style: none;
    max-width: 100%;
    height: auto;
}
button, input, optgroup, select, textarea {
    font-family: 'Duda Sans';
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
button, input {
    overflow: visible;
}
button, select {
    text-transform: none;
}
button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}
fieldset {
    padding: 0.35em 0.75em 0.625em;
}
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
progress {
    vertical-align: baseline;
}
textarea {
    overflow: auto;
}
[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
details {
    display: block;
}
summary {
    display: list-item;
}
template {
    display: none;
}
[hidden] {
    display: none;
}
/***** Base *****/
* {
    box-sizing: border-box;
}
body {
    background-color: #FFFFFF;
    color: rgba(22, 17, 17, 100);
    font-family: 'Duda Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif !important;
    font-size: 16px;
    line-height: 1.75;
    -webkit-font-smoothing: antialiased;
}
@media (min-width: 1024px) {
    body > main {
        min-height: 65vh;
    }
}
.nomargins {
    margin: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Cal Sans';
    margin-top: 0;
    margin-bottom: 1rem;
    line-height: 1.2;
    font-weight: 700;
}
h1, .h1 {
    font-size: 40px;
    font-size: clamp(28px, 4.8vw, 40px);
}
h2, .h2 {
    font-size: 24px;
    font-size: clamp(26px, 4vw, 24px);
}
h3, .h3 {
    font-size: 22px;
    font-size: clamp(24px, 2.8vw, 22px);
}
h4, .h4 {
    font-weight: 500;
    font-size: 20px;
    font-size: clamp(22px, 2.4vw, 20px);
}
h5, .h5, .blocks-item-title {
    font-size: 20px;
    font-weight: 400;
    font-size: clamp(19px, 2vw, 20px);
}
h6, .h6 {
    font-size: 16px;
    font-size: clamp(17px, 1.8vw, 16px);
}
.regular {
    font-size: 16px;
}
.font-small {
    font-size: 14px;
}
.uppercase {
    text-transform: uppercase;
}
.capitalize {
    text-transform: capitalize;
}
a {
    color: rgba(22, 17, 17, 100);
    text-decoration: none;
}
a:hover, a:active, a:focus {
    text-decoration: underline;
}
input, textarea {
    color: #000;
    font-size: 16px;
}
input {
    max-width: 100%;
    box-sizing: border-box;
    transition: border .12s ease-in-out;
}
input:not([type="checkbox"]) {
    outline: none;
}
input:not([type="checkbox"]):focus {
    border: 1px solid rgba(22, 17, 17, 100);
}
input[disabled] {
    background-color: #ddd;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23CCC' d='M0 0h10L5 6 0 0z'/%3E%3C/svg%3E%0A") no-repeat #fff;
    background-position: right 10px center;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 8px 30px 8px 10px;
    outline: none;
    color: #555;
    width: 100%;
}
select:focus {
    border: 1px solid rgba(22, 17, 17, 100);
}
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(22, 17, 17, 100);
}
.container {
    max-width: 100vw;
    margin: 0 auto;
    padding: 0;
    cursor: default !important;
}
.container-divider {
    border-top: 1px solid #ddd;
    margin-bottom: 20px;
}
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.visibility-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
}
/***** Buttons *****/
.button, .split-button button, .section-subscribe button, .article-subscribe button, .community-follow button, .requests-table-toolbar .organization-subscribe button, .subscriptions-subscribe button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link {
    background-color: transparent;
    border: 1px solid rgba(22, 17, 17, 100);
    border-radius: 4px;
    color: rgba(22, 17, 17, 100);
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    line-height: 2.34;
    margin: 0;
    padding: 0 20px;
    text-align: center;
    transition: background-color .12s ease-in-out, border-color .12s ease-in-out, color .15s ease-in-out;
    user-select: none;
    white-space: nowrap;
    width: 100%;
    -webkit-touch-callout: none;
}
@media (min-width: 768px) {
    .button, .split-button button, .section-subscribe button, .article-subscribe button, .community-follow button, .requests-table-toolbar .organization-subscribe button, .subscriptions-subscribe button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link {
        width: auto;
    }
}
.button:hover, .split-button button:hover, .section-subscribe button:hover, .article-subscribe button:hover, .community-follow button:hover, .requests-table-toolbar .organization-subscribe button:hover, .subscriptions-subscribe button:hover, .pagination-next-link:hover, .pagination-prev-link:hover, .pagination-first-link:hover, .pagination-last-link:hover, .button:active, .split-button button:active, .section-subscribe button:active, .article-subscribe button:active, .community-follow button:active, .requests-table-toolbar .organization-subscribe button:active, .subscriptions-subscribe button:active, .pagination-next-link:active, .pagination-prev-link:active, .pagination-first-link:active, .pagination-last-link:active, .button:focus, .split-button button:focus, .section-subscribe button:focus, .article-subscribe button:focus, .community-follow button:focus, .requests-table-toolbar .organization-subscribe button:focus, .subscriptions-subscribe button:focus, .pagination-next-link:focus, .pagination-prev-link:focus, .pagination-first-link:focus, .pagination-last-link:focus, .button.button-primary, .split-button button.button-primary, .section-subscribe button.button-primary, .section-subscribe button[data-selected="true"], .article-subscribe button.button-primary, .article-subscribe button[data-selected="true"], .community-follow button.button-primary, .requests-table-toolbar .organization-subscribe button.button-primary, .requests-table-toolbar .organization-subscribe button[data-selected="true"], .subscriptions-subscribe button.button-primary, .subscriptions-subscribe button[data-selected="true"], .button-primary.pagination-next-link, .button-primary.pagination-prev-link, .button-primary.pagination-first-link, .button-primary.pagination-last-link {
    background-color: rgba(22, 17, 17, 100);
    color: #fff;
    text-decoration: none;
}
.button.button-primary:hover, .split-button button:hover, .section-subscribe button.button-primary:hover, .section-subscribe button:hover[data-selected="true"], .article-subscribe button.button-primary:hover, .article-subscribe button:hover[data-selected="true"], .community-follow button.button-primary:hover, .requests-table-toolbar .organization-subscribe button.button-primary:hover, .requests-table-toolbar .organization-subscribe button:hover[data-selected="true"], .subscriptions-subscribe button.button-primary:hover, .subscriptions-subscribe button:hover[data-selected="true"], .button-primary.pagination-next-link:hover, .button-primary.pagination-prev-link:hover, .button-primary.pagination-first-link:hover, .button-primary.pagination-last-link:hover, .button.button-primary:focus, .split-button button.button-primary:focus, .section-subscribe button.button-primary:focus, .section-subscribe button:focus[data-selected="true"], .article-subscribe button.button-primary:focus, .article-subscribe button:focus[data-selected="true"], .community-follow button.button-primary:focus, .requests-table-toolbar .organization-subscribe button.button-primary:focus, .requests-table-toolbar .organization-subscribe button:focus[data-selected="true"], .subscriptions-subscribe button.button-primary:focus, .subscriptions-subscribe button:focus[data-selected="true"], .button-primary.pagination-next-link:focus, .button-primary.pagination-prev-link:focus, .button-primary.pagination-first-link:focus, .button-primary.pagination-last-link:focus, .button.button-primary:active, .split-button button.button-primary:active, .section-subscribe button.button-primary:active, .section-subscribe button:active[data-selected="true"], .article-subscribe button.button-primary:active, .article-subscribe button:active[data-selected="true"], .community-follow button.button-primary:active, .requests-table-toolbar .organization-subscribe button.button-primary:active, .requests-table-toolbar .organization-subscribe button:active[data-selected="true"], .subscriptions-subscribe button.button-primary:active, .subscriptions-subscribe button:active[data-selected="true"], .button-primary.pagination-next-link:active, .button-primary.pagination-prev-link:active, .button-primary.pagination-first-link:active, .button-primary.pagination-last-link:active {
    background-color: #000;
    border-color: #000;
}
.button[data-disabled], .split-button button[data-disabled], .section-subscribe button[data-disabled], .article-subscribe button[data-disabled], .community-follow button[data-disabled], .requests-table-toolbar .organization-subscribe button[data-disabled], .subscriptions-subscribe button[data-disabled], .pagination-next-link[data-disabled], .pagination-prev-link[data-disabled], .pagination-first-link[data-disabled], .pagination-last-link[data-disabled] {
    cursor: default;
}
.button-large, input[type="submit"] {
    cursor: pointer;
    background-color: rgba(22, 17, 17, 100);
    border: 0;
    border-radius: 4px;
    color: rgba(66, 69, 78, 100);
    font-size: 14px;
    line-height: 2.72;
    min-width: 190px;
    padding: 0 1.9286em;
    width: 100%;
}
@media (min-width: 768px) {
    .button-large, input[type="submit"] {
        width: auto;
    }
}
.button-large:hover, .button-large:active, .button-large:focus, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus {
    background-color: #000;
}
.button-large[disabled], input[type="submit"][disabled] {
    background-color: #ddd;
}
.button-secondary {
    color: #503d3d;
    border: 1px solid #ddd;
    background-color: transparent;
}
.button-secondary:hover, .button-secondary:focus, .button-secondary:active {
    color: rgba(22, 17, 17, 100);
    border: 1px solid #ddd;
    background-color: #f7f7f7;
}
/***** Split button *****/
.split-button {
    display: flex;
}
.split-button button {
    background-color: rgba(66, 69, 78, 100);
    border: 0;
    color: #fff;
    height: 40px;
    line-height: 16px;
    font-size: 14px;
    outline: none !important;
    border-radius: 100px;
}
[dir="ltr"] .split-button button:not(:only-child):first-child {
    border-right: 1px solid rgba(66, 69, 78, 100);
    border-top-right-radius: unset;
    border-bottom-right-radius: unset;
}
.split-button button:not(:only-child):last-child {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 26px;
    min-width: 26px;
    max-width: 26px;
    padding: 0;
}
[dir="ltr"] .split-button button:not(:only-child):last-child {
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
}
/***** Tables *****/
table {
    width: 100%;
    table-layout: auto;
    border-collapse: collapse;
    border-spacing: 0;
    border-color: #CFD4D8;
    font-size: 14px;
}
table th, table th a {
    color: #503d3d;
    text-align: left;
}
table tr {
    vertical-align: top;
    text-align: left;
}
table td, table th {
    border: 1px solid #CFD4D8;
    padding: 10px;
}
@media (min-width: 768px) {
    table td, .table th {
        padding: 10px 20px;
    }
}
@media (min-width: 1024px) {
    table td, table th {
        padding: 20px 30px;
    }
}
/***** 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(22, 17, 17, 100);
}
.form-field input[type="text"] {
    border: 1px solid #ddd;
    border-radius: 4px;
}
.form-field input[type="text"]:focus {
    border: 1px solid rgba(22, 17, 17, 100);
}
.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(22, 17, 17, 100);
    text-decoration: none;
}
.form-field .hc-multiselect-toggle:focus {
    outline: none;
    border: 1px solid rgba(22, 17, 17, 100);
    text-decoration: none;
}
.form-field textarea {
    vertical-align: middle;
}
.form-field input[type="checkbox"] + label {
    margin: 0 0 0 10px;
}
.form-field .optional {
    color: #503d3d;
    margin-left: 4px;
}
.form-field p {
    color: #503d3d;
    font-size: 12px;
    margin: 5px 0;
}
.form footer {
    margin-top: 40px;
    padding-top: 30px;
}
.form footer a {
    color: #503d3d;
    cursor: pointer;
    margin-right: 15px;
}
.form .suggestion-list {
    font-size: 13px;
    margin-top: 30px;
}
.form .suggestion-list label {
    border-bottom: 1px solid #ddd;
    display: block;
    padding-bottom: 5px;
}
.form .suggestion-list li {
    padding: 10px 0;
}
.form .suggestion-list li a:visited {
    color: rgba(66, 69, 78, 100);
}
/***** Header *****/
body {
    padding-top: var(--header);
}
.header {
    background: #fff;
  	border-bottom: 1px solid #E4E4E6;
    padding: 0 var(--sidepad);
    align-items: center;
    display: flex;
    height: var(--header);
    justify-content: space-between;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 500;

}
/* logged bar */
#preview-bar-container {
    position: fixed;
    top: 0px;
    z-index: 10000;
}
#navbar-container ~ .header, #preview-bar-container[style*="-44px"] ~ .header {
    top: 2px;
    transition: top 0.3s ease-in-out 0s;
}
#navbar-container[style*="50px"] ~ .header, #preview-bar-container ~ .header {
    top: 50px;
    transition: top 0.3s ease-in-out 0s;
}
/* logo */
.logo img {
    max-height: 28px;
    vertical-align: middle;
}
.logo span {
    margin: 0 0 0 12px;
    color: rgba(22, 17, 17, 100);
}
.logo a {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 18px;
    width: 151px;
    line-height: 34px;
}
.logo a:hover, .logo a:focus, .logo a:active {
    text-decoration: none;
}
/* menus layout */
.nav-wrapper {
    display: flex;
    column-gap: 2rem;
}
.dropdown {
    position: relative;
}
.dropdown-toggle {
    cursor: pointer;
    background: none;
    border: 0;
    display: inline-block;
    padding: 0;
    text-align: initial;
    vertical-align: middle;
}
.dropdown-toggle:hover {
    text-decoration: none;
}
.dropdown-toggle > * {
    display: inline-block;
}
.dropdown-menu {
    background: #fff;
    border: 1px solid #DBE0E5;
    border-radius: 8px;
    display: none;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    left: 0;
    margin-top: 1px;
    min-width: 170px;
    padding: 4px 0;
    position: absolute;
    text-align: left;
    z-index: 1000;
}
.dropdown-menu[aria-expanded="true"] {
    display: block;
}
.dropdown-menu [role="separator"] {
    border-bottom: 1px solid #d8d8d8;
    color: #969696;
    display: block;
    font-weight: normal;
    font-size: 11px;
    padding: 5px 0;
    margin: 5px 20px 10px 20px;
}
.dropdown-menu [role="menuitem"] {
    color: #333;
    cursor: pointer;
    display: block;
    padding: 7px 40px 7px 20px;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    text-align: start;
    line-height: inherit;
    width: 100%;
    user-select: none;
}
.dropdown-menu [role="menuitem"]:hover, .dropdown-menu [role="menuitem"]:focus {
    text-decoration: none;
}
.dropdown-menu [role="menuitem"][aria-selected="true"] {
    cursor: default;
}
.dropdown-menu [role="menuitem"][aria-selected="true"]::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 7l3 3 7-7'%3E%3C/path%3E%3C/svg%3E");
    display: inline-block;
    height: 12px;
    margin-left: 10px;
    width: 12px;
}
.dropdown-menu [role="menuitem"][hidden], .dropdown-menu [role="menuitem"][aria-hidden="true"] {
    display: none !important;
}
.dropdown-menu-end {
    left: auto;
    right: 0;
    min-width: 108px;
    top: 28px;
}
.dropdown-menu-top {
    bottom: 100%;
    margin-bottom: 1px;
}
.dropdown-chevron-icon {
    vertical-align: middle;
}
/* mobile menu */
.nav-wrapper a {
    border: 0;
    font-family: 'Duda Sans';
		font-weight: 550;
    color: #161111;
    display: none;
    font-size: 16px;
  	width: auto;
}
.nav-wrapper a:hover, .nav-wrapper a:focus, .nav-wrapper a:active {
    background-color: transparent;
    color: rgba(22, 17, 17, 100);
    text-decoration: underline;
}
/* main mobile menu */
.user-nav {
    position: absolute;
    right: 0;
    top: -100em;
    width: 100%;
    background: #fff;
}
/* hamburger */
.nav-wrapper .menu-button {
    background: none;
    border: none;
    color: rgba(22, 17, 17, 100);
    display: block;
    padding: 0;
    width: 36px;
    height: 34px;
    position: relative;
    cursor: pointer;
    outline: none !important;
}
.nav-wrapper .menu-button .line {
    width: 27px;
    height: 2px;
    display: block;
    background-color: #617279;
    position: absolute;
    right: 0;
    transition: all .3s cubic-bezier(.58, 0, .58, 1);
}
.nav-wrapper .menu-button .line:nth-child(1) {
    top: 10px;
}
.nav-wrapper .menu-button .line:nth-child(2) {
    top: 50%;
    margin-top: -1px;
    width: 20px;
}
.nav-wrapper .menu-button .line:nth-child(3) {
    top: 100%;
    margin-top: -12px;
    width: 16px;
}
.nav-wrapper .menu-button[aria-expanded="true"] .line:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
    width: 22px;
}
.nav-wrapper .menu-button[aria-expanded="true"] .line:nth-child(2) {
    opacity: 0;
}
.nav-wrapper .menu-button[aria-expanded="true"] .line:nth-child(3) {
    width: 22px;
    transform: translateY(-4px) rotate(-45deg);
}
/* open */
.user-nav[aria-expanded="true"] {
    background-color: #fff;
    right: 0;
    left: 0;
    top: 100%;
    height: calc(100vh - var(--header));
    z-index: 1;
    box-shadow: inset 0px 12px 10px -10px rgba(51, 51, 51, .15);
    padding: 8px var(--sidepad);
    overflow-y: auto;
}
.user-nav a {
    margin: 0;
    padding: 20px 0;
    color: inherit;
}
.user-nav a:is(:hover, :focus, :active) {
    text-decoration: none;
    color: rgba(22, 17, 17, 100);
}
.user-nav[aria-expanded="true"] a {
    display: block;
}
.user-nav a svg {
    margin-right: 4px;
}
.menu-trial {
    border-top: 1px solid rgba(97, 114, 121, .2);
    padding: 25px 0;
}
.nav-wrapper .button-duda {
    font-size: 12px;
    background-color: #F66135;
    border-radius: 60px;
    min-width: 127px;
    padding: 8px 16px;
    height: 32px;
    line-height: 16px;
    border: 0;
    color: #fff;
    font-weight: 500;
    margin: 0;
    transition: background-color .25s ease-out, color .25s ease-out;
    -webkit-appearance: none;
    text-align: center;
    cursor: pointer;
}
.nav-wrapper .signup-btn {
    display: block;
    margin: auto;
    width: -webkit-fit-content;
    width: fit-content;
}
.nav-wrapper .button-duda:focus, .nav-wrapper .button-duda:hover, .split-button button:is(:focus, :hover, :active) {
    background-color: #D9542E;
    color: #fff;
}
/* lang drop */
.nav-wrapper .language-switch {
    display: none;
}
.nav-wrapper .language-selector a.dropdown-toggle {
    font-weight: 500;
    font-size: 14px;
    display: flex;
    column-gap: 4px;
    align-items: center;
    color: inherit;
}
.nav-wrapper .language-selector a.dropdown-toggle:is(:hover, :active, :focus) {
    color: inherit;
    text-decoration: none;
}
.language-selector .dropdown-menu a, .user-info .dropdown-menu a {
    color: inherit;
    font-size: 14px;
    line-height: 1.4;
    margin: 0;
    padding: 8px 4px 8px 14px;
    font-weight: 500;
    display: block;
}
.user-info .dropdown-menu {
    min-width: 136px;
    top: 48px;
}
.language-selector .dropdown-menu::before, .language-selector .dropdown-menu::after, .user-info .dropdown-menu::after, .user-info .dropdown-menu::before {
    content: '';
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}
.language-selector .dropdown-menu::after, .user-info .dropdown-menu::after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #bbb;
    border-image: none;
    border-style: inset inset solid;
    border-width: 7px;
    right: 16px;
    top: -14px;
    z-index: 88;
}
.language-selector .dropdown-menu::before, .user-info .dropdown-menu::before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
    border-style: inset inset solid;
    border-width: 6px;
    right: 17px;
    top: -12px;
    z-index: 89;
}
.user-info .dropdown-menu::after {
    right: auto;
    left: 6px;
}
.user-info .dropdown-menu::before {
    right: auto;
    left: 7px;
}
.language-selector .dropdown-menu a[role="menuitem"]:hover {
    color: rgba(66, 69, 78, 100);
    background: inherit;
    border-radius: inherit;
    text-decoration: none;
}
@media(min-width: 375px) {
    .nav-wrapper .language-switch {
        display: flex;
        align-items: center;
    }
}
/* should be 1399 and 1400 with status menu item */
@media (max-width: 1199px) {
    .user-info .dropdown-toggle {
        width: 100%;
        display: block;
    }
    .user-info > .dropdown-toggle > span {
        display: inline-flex;
        width: calc(100% - 32px);
        justify-content: space-between;
    }
    .user-info .dropdown-menu {
        width: 100%;
        /* display:block; */
        top: 12px;
        position: relative !important;
    }
}
@media (min-width: 1200px) {
    body {
        padding-top: var(--header);
    }
    .header {
        height: var(--header);
    }
    .nav-wrapper .menu-button {
        display: none;
    }
    .nav-wrapper {
        display: flex;
        flex-grow: 1;
        justify-content: space-between;
        align-items: center;
    }
    .main-menu-wrap {
        flex-grow: 1;
    }
    .user-nav {
        display: block;
        position: static;
        width: auto;
    }
    ul.nav {
        display: flex;
        column-gap: 2rem;
        margin-left: 32px;
    }
    .nav-wrapper a {
        display: block;
        color: inherit;
    }
    .nav-wrapper a:is(:hover, :active, :focus) {
        text-decoration: none;
    }
    .menu-right-align-push {
        margin-left: auto
    }
    /* .menu-item {line-height: 48px;} */
    .menu-trial {
        border-top: none;
        padding: 0;
        margin: auto 0;
    }
    .nav-wrapper .button-duda {
        min-width: 127px;
        border-radius: 60px;
        height:32px;
        color: #fff;
        background: #f66035;
        padding:8px 16px;
    }
    .nav-wrapper .button-duda:is(:hover, :focus, :active) {
        background: #F66135;
        color: #fff;
    }
}
.skip-navigation {
    align-items: center;
    background-color: black;
    color: white;
    display: flex;
    font-size: 14px;
    justify-content: center;
    left: -999px;
    margin: 20px;
    padding: 20px;
    overflow: hidden;
    position: absolute;
    top: auto;
    z-index: -999;
}
.skip-navigation:focus, .skip-navigation:active {
    left: auto;
    overflow: auto;
    text-align: center;
    text-decoration: none;
    top: auto;
    z-index: 999;
}
/***** User info in header *****/
.user-info {
    padding: 16px 0;
}
.user-info .dropdown-toggle::after {
    display: none;
}
@media (min-width: 768px) {
    .user-info .dropdown-toggle::after {
        display: inline-block;
    }
}
.user-info > button {
    border: 0;
    color: rgba(22, 17, 17, 100);
    min-width: 0;
    padding: 0;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 500;
}
.user-info > button:hover, .user-info > button:focus {
    color: rgba(22, 17, 17, 100);
    background-color: transparent;
}
.user-info > button span {
    vertical-align: middle;
}
.user-info > button span span {
    display: inline-block;
    max-width: 188px;
    text-overflow: ellipsis;
    overflow: hidden;
}
#user #user-name {
    display: none;
    font-size: 14px;
}
@media (min-width: 768px) {
    #user #user-name {
        display: inline-block;
    }
}
#user #user-name:hover {
    text-decoration: underline;
}
/***** User avatar *****/
.user-avatar {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
}
.avatar {
    display: inline-block;
    position: relative;
}
.avatar img {
    height: 40px;
    width: 40px;
}
.avatar .icon-agent {
    color: rgba(22, 17, 17, 100);
    border: 2px solid #fff;
    border-radius: 50%;
    bottom: -4px;
    background-color: rgba(66, 69, 78, 100);
    font-size: 17px;
    height: 17px;
    line-height: 17px;
    position: absolute;
    right: -2px;
    text-align: center;
    width: 17px;
}
/*adjusted the .section class for the accordions, not sure if this affects something else */
.section {
    margin-bottom: 5px;
    margin-bottom: clamp(5px, 10vw, 5px);
}

.section > h2 {
  font-size: 24px;
  line-height:36px;
  font-weight:600;
}

/* Sections Styles */

.section > .blocks-list {
  margin-top:38px;
}

.list-video {
  margin-top:68px !important;
}

.list-video .blocks-item:hover {
  filter: drop-shadow(0px 4px 24px rgba(0, 0, 0, 0.036));
    -webkit-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.036);
}

.see-article {
  margin-top:32px;
  font-size:14px;
  line-height:16px;
  color:rgba(246, 96, 53, 1);
  display:block;
  font-weight:600;
  position:absolute;
  bottom:20px;
}

.see-article:hover {
    text-decoration:underline !important;
  }

section.section.hp-categories, section.section.hp-video {
  margin-left:auto;
  margin-right:auto;
  max-width:1164px;
  padding:0 0 20px 0;
  margin-top:40px;
  margin-bottom:40px;
}

@media (max-width:1200px) {
  section.section.hp-categories, section.section.hp-video {
    padding:0 20px 20px;
  }
}


.get-help {

}

.get-help-inner {
  background: #E7E5F1;
	border-radius: 12px;

  max-width: 1168px;
  margin:auto;
  padding:90px;
  text-align:center;
}

.get-help-inner > h2 {
  width: 680px;
  font-size:32px;
  line-height:44px;
  font-weight:700;
  color: #161111;
  text-align:center;
  margin:0 auto 16px auto;
}

.get-help-inner > p {
  width:590px;
  font-size:16px;
  line-height:25px;
  font-weight:400;
  color: #161111;
  text-align:center;
  margin:0 auto 26px auto;
}

.get-help-buttons {
  width:409px;
  margin:auto;
}

.contact-support {
  height:40px;
  width:224px;
  text-align:center;
  background-color:rgba(246, 96, 53, 1);
  border-radius:60px;
  padding:12px 24px;
  color:white;
  font-size:14px;
  line-height:16px;
  font-weight:600;
  margin-right:16px;
}

.start-chat {
  height:40px;
  width:160px;
  text-align:center;
  background: #161111;
  border-radius:60px;
  padding:12px 24px;
  font-size:14px;
  line-height:16px;
  font-weight:600;
  color:white;
}

.hp-video > .section-top > .section-left > h2, .hp-popular-articles > div > h2 {
  font-size:24px;
  line-height:36px;
  font-weight:600;
}

.hp-video > .section-top > .section-right > a {
  font-size:12px;
  line-height:18px;
  font-weight:700;
}
.hp-popular-articles > div {
   margin-left:auto;
  margin-right:auto;
  max-width:1192px; 
}

.promoted-body > .blocks-item-link {
  font-size:14px;
  line-height:22px;
}

li.blocks-item.category-name {
   padding: 22px !important;
  background:white;
  border: 1px solid #E4E4E6;
  min-height:313px;
}

.blocks-list-db > li.blocks-item.category-name {
  min-height:300px;
}
.blocks-item.promoted-articles-item {
  padding: 20px !important;
  background:white;
  min-height:177px !important;
  border-radius:0px;
  border:solid 1px #DBE0E5;
  border-right-width: 0px;
}

.blocks-item.promoted-articles-item:nth-child(4) {
  border-right-width:1px;
  border-radius: 0px 8px 8px 0px;
}

.blocks-item.promoted-articles-item:nth-child(1) {
  border-radius: 8px 0px 0px 8px;
}

@media (max-width:1130px) {
  .blocks-item.promoted-articles-item:nth-child(4) {
    display:none !important;
  }
  
  .blocks-item.promoted-articles-item:nth-child(3) {
    border-right-width:1px;
    border-radius: 0px 8px 8px 0px;
  }
  
  .blocks-item.promoted-articles-item {
    width:33% !important;
    max-width:33% !important;
  }
}
.hp-popular-articles {
padding: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 1164px;
  margin-bottom:40px;
}

.super-footer > h4 {
	font-size:20px;
  line-height:32px;
  font-weight:600;
      max-width: 1168px;
    margin: auto;
}

.list-super-footer {
  max-width:1540px;
  margin-left:auto !important;
  margin-right:auto !important;
}

ul.list-super-footer {
  margin-top:0px !important;
}

.list-super-footer > li {
     padding: 26px 5px !important;

  background:white;
border: 1px solid #E4E4E6;
  min-height:214px;
  width:318px;
}

body > main > div > section.section.hp-popular-articles
li.promoted-articles-item > a > strong {
  margin:0px;
  font-size:18px;
}

.promoted-body {
  margin-top:16px;
}

.super-footer {
  padding:100px 0px 0px;
  margin-bottom: 135px !important;
}

.super-footer > h4 {
  margin-bottom:24px;
}

.video-title {
  line-height:32px;
  font-size:20px;
  font-weight:500;
}

body > main > div > section > ul > li > a > p {
  max-width:300px;
  margin:auto;
}
body > main > div > section > ul > li:nth-child(4) > a > p {
  max-width:340px;
  margin:auto;
}

body > main > div > section > ul > li:nth-child(6) > a > p {
  max-width:260px;
  margin:auto;
}
@media(max-width: 767px) {
    .category-container + .super-footer, .section-container + .super-footer {
        border-top: 1px solid #EBEDEF;
        padding-top: 64px;
        padding-top: clamp(64px, 10vw, 128px);
    }
}
/* first space from header aka hero of bc */
.section.hero, .section.sub-nav, .my-activities-nav {
    margin-bottom: clamp(40px, 10vw, 55px);
}
/***** Breadcrumbs *****/
.breadcrumbs {
    margin: 1em 0;
    padding: 0;
  position:absolute;
  left:35px;
}

.meta-group > li > .breadcrumbs  {
  position:relative;
  left: 0;
}
.breadcrumbs li {
    color: rgba(22, 17, 17, 100);
    display: inline-block;
    font-size: 12px;
    max-width: 240px;
    overflow: hidden;
    white-space: nowrap;
    line-height: 1;
    text-overflow: ellipsis;
    vertical-align: text-top;
}
.breadcrumbs li + li::before {
  content:'';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.23483 2.73483C4.38128 2.58839 4.61872 2.58839 4.76517 2.73483L7.76516 5.73484C7.91161 5.88128 7.91161 6.11872 7.76516 6.26516L4.76517 9.26517C4.61872 9.41161 4.38128 9.41161 4.23483 9.26517C4.08839 9.11872 4.08839 8.88128 4.23483 8.73484L6.96967 6L4.23483 3.26517C4.08839 3.11872 4.08839 2.88128 4.23483 2.73483Z' fill='%23161111'/%3E%3C/svg%3E");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 12px;
    width: 12px;
    display: inline-block;
    height: 12px;
    vertical-align: bottom;
    margin-left: 4px;
  margin-right:4px;
}
.breadcrumbs li a, .breadcrumbs li a:visited {
    color: #161111;
}
.breadcrumbs li a:is(:hover, :active, :focus) {
    color: rgba(66, 69, 78, 100);
    text-decoration: none;
}


.sub-nav > ol > li:first-child {
	font-weight: 550;
}
@media(min-width: 980px) {
    .breadcrumbs li {
        white-space: normal;
        max-width: none;
    }
}
/***** Search field *****/
.search-wrap {
    position: relative;
    margin: 2rem auto 0 0;
  max-width: 439px;
}
.search-container {
    position: relative;
}
.search input[type="search"] {
    border: 1px solid #ddd;
    background-color: white;
    border-radius: 30px;
    box-sizing: border-box;
    color: #617379;
    height: 50px;
    padding-right: 48px;
    padding-left: 20px;
    -webkit-appearance: none;
    width: 100%;
    max-width: 568px;
    font-weight: 500;
}
.search input[type="search"]:focus {
    border: 1px solid #CFD4D8;
    color: rgba(22, 17, 17, 100);
}
.search-full input[type="search"] {
    border: 1px solid #E4E4E6;
}
.search-wrap input[type=submit], .search-container input[type=submit] {
    border: none;
    background: 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='M6.66667 11.3333C9.244 11.3333 11.3333 9.244 11.3333 6.66667C11.3333 4.08934 9.244 2 6.66667 2C4.08934 2 2 4.08934 2 6.66667C2 9.244 4.08934 11.3333 6.66667 11.3333Z' stroke='%23161111' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 14L10 10' stroke='%23161111' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50% 50%;
    background-size: 16px auto;
    min-width: 20px;
    width: 28px;
    text-indent: -2000em;
    overflow: hidden;
    -webkit-appearance: none;
    appearance: none;
    position: absolute;
    top: 0;
    margin: 0;
    z-index: 1;
    right: 10px;
    height: 50px;
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none;
}
input:placeholder-shown {
    text-overflow: ellipsis;
}
/* instant search */
zd-autocomplete {
    border-radius: 0;
    margin: -10px 0 0;
}
zd-autocomplete-header {
    display: none;
}
zd-autocomplete-multibrand * {
    color: rgba(66, 69, 78, 100) !important;
}
zd-autocomplete-breadcrumbs-multibrand {
    color: rgba(22, 17, 17, 100) !important;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media(min-width: 980px) {
    zd-autocomplete {
        max-width: 528px;
        margin-left: 20px;
    }
}
/***** Hero component *****/
.hero {
    background: #fff;
    background-position: center;
    background-size: cover;
    min-height: 330px;
    padding: 0 25px;
    text-align: center;
    width: 100%;
    display: flex;
    align-items: center;
    color: #fff;
}

.hero-left {
  display: block;
  width:49%;
  height:340px;
  padding-top: 125px;
}

.hero-right {
  display:inline-block;
  width:49%;
  height:340px;
  position:relative;
}

.hero-right img {
  position:absolute;
    left:10%;
  bottom:0;
}
.hero-inner {
    margin: 0 auto;
  width:1184px;
  max-width:100vw;
  height:340px;
  padding:0px;
  position:relative;
}
.hero-inner h2 + p {
    margin-top: .6rem;
}
.hero-left > h2{
  color: #161111;
	text-align:left;
}
.page-header {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 3rem;
}



@media (max-width:1200px) {
  .hero-inner {
    padding:0px 10px;
  }
}

@media (max-width:900px) {
  .hero-right {
    display:none;
  }
  
  .hero-left {
    width:100%;
    text-align:center;
  }
  .hero-left > h2 {
    width:auto;
    text-align:center;
    margin:auto;
    max-width:481px;
  }
  .search-wrap {
    margin:2rem auto 0;
    }
}

@media (max-width:620px) {
  
  .hero {
    min-height:290px;
  }
  
  li.blocks-item.category-name {
  flex:0 1 100vw;
  }
  
  #main-content {
    margin-bottom:20px;
    padding:0px !important;
  }
  .hero-left {
    padding:57px 16px;
    }
    .hero-left > h2 {
    font-size:24px;
      line-height:36px;
      font-weight:600;
      background-image:url(/hc/theming_assets/01HZPJQ4YHHKDYKKCYTX6BVR9Q);
      padding: 19px 7px;
    background-repeat: no-repeat;
    max-width: 322px;
      background-size:contain;
  }
  
  .search input[type="search"] {
    max-width:328px;
    height:52px;
    font-size:14px;
    font-weight:500;
    }
  
  .search-wrap input[type=submit], .search-container input[type=submit] {
    right:48px;
  }
  
  .hero-inner {
    height:290px;
  }
  .section > h2 {
    font-size:16px;
    line-height:25px;
    margin-bottom:0px;
  }
  
  .section {
    padding:0px 20px !important;
  }
  
  .section.hp-popular-articles {
    padding:20px !important;
    margin-bottom:0px;
  }
  
li.blocks-item.category-name {
    margin-bottom:16px;
  }
  .section > .blocks-list {
    margin-top:24px;
    display:block;
  }
  
  
  .promoted-articles-item {
    padding:8px 24px !important;
  }
  
  .promoted-body > .blocks-item-link {
    max-width:272px;
  }
  
  .promoted-body {
    margin-top:0px;
  }
  .see-article {
    bottom:24px;
  }

  section.section.hp-video, section.section.super-footer {
    padding-top:20px !important;
  }
  
  section.section.hp-video > div > div.section-right {
    margin-top:8px;
  }
  
  section.section.hp-video > ul {
    margin-top:24px;
  }
  
  section.section.hp-video > div {
    margin-bottom:20px;
  }
  
  .video-title {
    font-size:14px;
    line-height:22px;
    font-weight:700 !important;
   margin: 20px 0px 20px 20px !important;
  }
  
  section.section.hp-video > ul > li > a > p {
    left:20px !important;
    bottom:20px !important;
    padding-bottom:0px !important;
    font-weight:500 !important;
    line-height:25px;
  }
  
  section.section.hp-video > ul {
    margin-top:0px !important;
  }
  section.section.hp-video > ul > li {
    padding-bottom:0px !important;
    min-height: calc(100vw * .75);
    display: inline-block;
    margin-bottom: 16px;
  }
  
  .list-video > .blocks-item .more {
    right:auto !important;
  }
  
  .hp-video > .section-top {
    display:block !important;
  }
  
  section.section.hp-categories, section.section.hp-video {
    margin-top:20px;
    margin-bottom:20px;
  }
  .get-help-inner > h2 {
    max-width:calc(100vw - 40px);
    font-size:24px;
    line-height:36px;
    font-weight:600;
  }
  .get-help-inner > p {
    max-width:calc(100vw - 40px);
    font-size:14px;
    line-height:22px;
    margin:0 auto 20px auto;
  }
  .start-chat {
    height:32px;
    width:192px;
    padding:8px 18px;
    display:block;
    margin:auto;
    font-size:12px;
  }
  
  .get-help-inner {
    padding:40px 20px;
  }
  
  .get-help {
    height:286px;
  }
  
  li.blocks-item.category-name {
    max-width:calc(100vw - 40px);
    min-height:273px;
  }
  
  .blocks-item-link > strong {
    font-size:14px !important;
    line-height:22px !important;
    font-weight:700 !important;
    margin:16px 0px !important;
  }


  .blocks-item {
    font-size:14px !important;
    line-height:22px !important;
    margin:8px auto;
  }
  
  .blocks-list {
    gap:16px 2rem !important;
  }
  .blocks-item .more {
    bottom:24px !important;
    left:24px !important;
  }
  
  .hp-video > .section-top > .section-left > h2, .hp-popular-articles > div > h2 {
    font-size:16px;
    line-height:25px;
  }
  
  .list-super-footer li {
    min-height:210px !important;
  }
  
  .list-super-footer li h3 {
    font-size:14px;
    line-height:22px;
  }
  
  .list-super-footer li p {
    font-size:14px !important;
    line-height:22px !important;
    width:245px;
    margin:auto;
    padding:0px !important;
  }

}
@media (min-width: 768px) {
    .hero {
        min-height: 340px;
        padding: 0 40px;
    }
    .page-header {
        align-items: baseline;
        flex-direction: row;
    }
}
.page-header .section-subscribe {
    flex-shrink: 0;
    margin-bottom: 10px;
}
@media (min-width: 768px) {
    .page-header .section-subscribe {
        margin-bottom: 0;
    }
}
.page-header h1 {
    flex-grow: 1;
    margin-bottom: 0;
    font-size:26px;
}
.page-header-description {
    font-style: oblique;
    margin: 3rem 0 0 0;
    word-break: break-word;
}
@media (min-width: 1024px) {
    .page-header-description {
        flex-basis: 100%;
    }
}
.page-header .icon-lock {
    height: 20px;
    width: 20px;
    position: relative;
    left: -5px;
    vertical-align: baseline;
}
.sub-nav {
    padding: 0 var(--sidepad);

  	display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 68px;
  	position:relative;
}
.sub-nav-inner {
max-width: 100vw;
    margin: 0 0 0 auto;
    position: relative;
    width: 400px;
    display: block;
    column-gap: 1rem;
    justify-content: space-between;
    padding: 0px 20px;
    align-items: center;
}

.sub-nav-inner > .search-container {
  margin-left:auto;
  margin-right:40px;
}
.sub-nav .search-container {
    display: none;
    margin-left:auto;
  margin-right:40px;
}
@media (min-width: 480px) {
    .sub-nav {
        align-items: center;
        flex-direction: row;
        column-gap: 1rem;
    }
    .sub-nav .search-container {
        display: block;
        flex: 0 1 308px;
        max-width: 400px;
    }
    .sub-nav input[type="search"] {
        max-width: 100%;
        font-size: 14px;
        height: 36px;
        border: 1px solid #DBE0E5;
    }
    .sub-nav .search-container input[type=submit] {
        width: 20px;
        right: 0px;
        height: 36px;
    }
}
/***** Blocks *****/
.more, .more > a, .more-ext {
    display: flex;
    column-gap: .5rem;
    font-weight: 550;
    font-size: 14px;
    line-height: 1.5;
    color: #5D6068;
}
.more:is(:hover, :focus, :active), .more > a:is(:hover, :focus, :active), .more-ext:is(:hover, :focus, :active) {
    text-decoration: underline !important;
}
.more::after, .more > a::after {
	content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5334 7H1.53345' stroke='%235D6068' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.5334 7L7.53345 11' stroke='%235D6068' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.5334 6.99998L7.53345 3' stroke='%235D6068' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  padding-top: 2px;
}
.more-ext::after {
    content: url("data:image/svg+xml,%3Csvg width='17' height='20' viewBox='0 0 17 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.8334 8.1665L5.16675 14.8332' stroke='%23F66135' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.83325 8.1665H11.8333V14.1665' stroke='%23F66135' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
margin-top:-3px; 
}
/* Used in Homepage#categories and Community#topics */
.blocks-list, .list-super-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 3rem 0 0;
    gap: 2rem 2rem;
}

.promoted-articles {
    margin-top:38px !important;
  }
  

.blocks-list.blocks-list-ecom, .blocks-list.blocks-list-wb, .blocks-list.blocks-list-db {
  margin: 0;
  flex: 1 1 368px;
}
.blocks-list.blocks-list-web-builder {
  margin: 0;
  flex: 1;
}

.blocks-item, .list-super-footer li {
    border: 1px solid #E4E4E6;
    border-radius: 12px;
    box-sizing: border-box;
    color: rgba(22, 17, 17, 100);
    flex: 0 1 368px;
    max-width: 100%;
    padding: 0 0 3rem;
    position: relative;
    margin: 0;
    overflow: hidden;
    font-size: 16px;
    font-weight: 400;
    min-height: 242px;
   line-height:25px;
}

.list-super-footer li {
  min-height:214px !important;
  max-width:368px;
}
.blocks-item a:is(:hover, :focus, :active), .list-super-footer a:is(:hover, :focus, :active) {
    text-decoration: none;
}
.blocks-item .more, .list-super-footer .more-ext {
    position: absolute;
    bottom: 22px;
    left: 22px;
    right: 1.2rem;
    margin-bottom: 0;
}
.blocks-item a .more:hover, .list-super-footer .more-ext:hover {
    text-decoration: underline;
}
.blocks-item-internal {
    background-color: transparent;
    border: 1px solid #ddd;
}
.icon-lock {
    height: 15px;
    width: 15px;
    bottom: 5px;
    position: relative;
}
.blocks-item-link {
    color: inherit;
    display: flex;
    flex-direction: column;
    flex: 1;
    border-radius: inherit;
  font-family: cal sans;
}
.blocks-item-link:hover, .blocks-item-link:active, .blocks-item-link:focus {
    outline: 0;
    text-decoration: none;
}
.blocks-item-title {
    margin: 1.2rem;
}
.blocks-item-link > strong {
    margin: 22px 0px;
    display: block;
    font-size: 20px;
    line-height:32px;
}


li.blocks-item.category-name:hover {
  border:1px solid #DBE0E5 !important;
}
.section-name > .blocks-item-link > strong {
margin-top:0px;
  margin-bottom:16px;
}
.blocks-item-description {
    margin: 0 1.2rem 1.2rem;
}
.sections-limit {
    margin: 0 0 22px 0;
}
.sections-limit li:nth-child(n+4) {
    display: none;
}
.sections-limit li a {
  font-weight: 550;
    color: inherit;
    padding: .4rem 0;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    padding-right: 2rem;
}
.sections-limit li a::after {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='9' viewBox='0 0 5 9' fill='none'%3E%3Cpath d='M0.5 0.5L4.5 4.5L0.5 8.5' stroke='%23B0B9BC' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    right: 0;
    position: absolute;
    padding-top: 2px;
}

.blocks-list figure {
    margin: 0;
    position: relative;
}
@media (min-width: 600px) {
    .blocks-item, .list-super-footer li {
        flex-basis: calc(50% - 2rem*1/2);
    }
}

@media (max-width:980px) {
    .blocks-item.promoted-articles-item {
border-right-width:1px;
      min-width:280px;
  }
}

@media (max-width:600px) {
    .blocks-item.promoted-articles-item {
border-right-width:1px;
      min-width:calc(100vw - 40px);
      border-bottom-width:0px;
  }
  
  .blocks-item.promoted-articles-item:nth-child(4) {
    display:block !important;
    border-bottom-width:1px;
  }
  
  .promoted-articles {
    gap:0 0 !important;
    margin-top:24px !important;
  }
  
  .promoted-body > .blocks-item-link {
    max-width:100%;
  }
}
@media (min-width: 980px) {
    .blocks-item, .list-super-footer li {}
    .blocks-item, .need-help .list-super-footer li {
        flex-basis: calc(33.33% - 2rem*2/3);
    }
    .explore-further .list-super-footer {
        max-width: calc(368px*2 + 2rem);
        margin-left: auto;
        margin-right: auto;
    }
    .list-video .blocks-item {
        flex-basis: calc(25% - 2rem*3/4);
    }
  
  .blocks-list.promoted-articles {
    flex-wrap:nowrap;
    gap:0;
  }
  .promoted-articles-item{
  display: inline-block !important;
    width: 291px !important;
    max-width: 291px !important;
    flex: none;
    flex-wrap: nowrap;
  }
}
/***** Homepage *****/
.home-section h2 {
    margin-bottom: 10px;
    text-align: center;
}
.section-top {
    margin-bottom: 1rem;
}
.section-top .section-left h2 {
    margin: 0;
}
.section-top .section-right {
    font-size: 14px;
    font-weight: 700;
    margin-top: 1rem;
}
@media(min-width: 480px) {
    .section-top {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-end;
        gap: 0 2rem;
    }
    .section-top .section-right {
        margin-top: 0;
        white-space: nowrap;
    }
}

.category-name > a.blocks-item-link::before {
    content: '';
    width: 32px;
    height: 32px;
    display: block;
    margin: 0px;
}

.category-name.cat-26517706073495 > a.blocks-item-link::before {
    background: url(/hc/theming_assets/01KBGT3YE39D9CDS8ZMVMV7NF1) no-repeat 50% 50% / contain;
}

.category-name.cat-26517741906711 > a.blocks-item-link::before {
    background: url(/hc/theming_assets/01KBGRDNY185CX05HGB920ZW57) no-repeat 50% 50% / contain;
}

.category-name.cat-26517791180439 > a.blocks-item-link::before {
    background: url(/hc/theming_assets/01KBGQY6T16ZX5YTBDNQWYJFN1) no-repeat 50% 50% / contain;
}

.category-name.cat-26517793503511 > a.blocks-item-link::before {
    background: url(/hc/theming_assets/01KBGR8NPTCWTEP2N07CKVC9R1) no-repeat 50% 50% / contain;
}

.category-name.cat-26517836004247 > a.blocks-item-link::before {
    background: url(/hc/theming_assets/01KBGT2R2DF1ZMXGJ8XY48P6N2) no-repeat 50% 50% / contain;
}

.category-name.cat-26517942090647 > a.blocks-item-link::before {
    background: url(/hc/theming_assets/01KBGQYYDK6X6SAFVWMN6HZ8VH) no-repeat 50% 50% / contain;
}

.category-name.cat-26517871711383 > a.blocks-item-link::before {
    background: url(/hc/theming_assets/01KBGT2R2DF1ZMXGJ8XY48P6N2) no-repeat 50% 50% / contain;
}

.category-name.cat-360003095854 > a.blocks-item-link::before {
    background: url(/hc/theming_assets/01KBGQZ5NPG3TV7BP3D5D490SZ) no-repeat 50% 50% / contain;
}

.category-name.cat-26517932588695 > a.blocks-item-link::before {
    background: url(/hc/theming_assets/01KBGT69D187JESC0P5XVSB7N2) no-repeat 50% 50% / contain;
}

/* .category-name.cat-17567063817111 > a.blocks-item-link::before,
.category-name.cat-17015563287063 > a.blocks-item-link::before {
    background: url(/hc/theming_assets/01HZPJQ9FD0GFYMXNVS94HPKNY) no-repeat 50% 50% / contain;
}

.category-name.cat-17567063958039 > a.blocks-item-link::before, 
.category-name.cat-17015527368343 > a.blocks-item-link::before {
    background: url(/hc/theming_assets/01KBGRDNY185CX05HGB920ZW57) no-repeat 50% 50% / contain;
}
.category-name.cat-17567088243351 > a.blocks-item-link::before, 
.category-name.cat-17015548924055 > a.blocks-item-link::before {
    background: url(/hc/theming_assets/01KBGQY6T16ZX5YTBDNQWYJFN1) no-repeat 50% 50% / contain;
}

.category-name.cat-360003107333 > a.blocks-item-link::before, 
.category-name.cat-17015575980183 > a.blocks-item-link::before {
    background: url(/hc/theming_assets/01KBGT69D187JESC0P5XVSB7N2) no-repeat 50% 50% / contain;
}

.category-name.cat-26517791180439 > a.blocks-item-link::before,{
    background: url(/hc/theming_assets/01KBGRDNY185CX05HGB920ZW57) no-repeat 50% 50% / contain;
}
.category-name.cat-16699557362327 > a.blocks-item-link::before {
    background: url(/hc/theming_assets/01HZPJQ5PVH6NJJ1C6MEETGSH6) no-repeat 50% 50% / contain;
}
.category-name.cat-16699543255063 > a.blocks-item-link::before {
    background: url(/hc/theming_assets/01KBGR8NPTCWTEP2N07CKVC9R1) no-repeat 50% 50% / contain;
}
.category-name.cat-16699557526039 > a.blocks-item-link::before {
    background: url(/hc/theming_assets/01HZPJQAPHQ66EMV7AAM9NG2H4) no-repeat 50% 50% / contain;
}

.category-name.cat-17567060373399 > a.blocks-item-link::before, 
.category-name.cat-17015575899031 > a.blocks-item-link::before {
    background-image: url(/hc/theming_assets/01HZPJQ59QY30N1QFM2M2KKAZ6) no-repeat 50% 50% / contain;;
}

.category-name.cat-360003095834 > a.blocks-item-link::before, 
.category-name.cat-16699557682455 > a.blocks-item-link::before {
    background-image: url(/hc/theming_assets/01KBGT2R2DF1ZMXGJ8XY48P6N2) no-repeat 50% 50% / contain;;
}

.category-name.cat-360003095854 > a.blocks-item-link::before, 
.category-name.cat-16699557774231 > a.blocks-item-link::before {
    background-image: url(/hc/theming_assets/01KBGQZ5NPG3TV7BP3D5D490SZ) no-repeat 50% 50% / contain;;
}

.category-name.cat-360003107253 > a.blocks-item-link::before, 
.category-name.cat-17015575936023 > a.blocks-item-link::before {
    background-image: url(/hc/theming_assets/01KBGQYYDK6X6SAFVWMN6HZ8VH) no-repeat 50% 50% / contain;;
} */
.duration {
    padding: 2px 1rem;
    position: absolute;
    min-width: 87px;
    right: 8px;
    bottom: 10px;
    background: #2F373A;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border-radius: 100px;
    line-height: 24px;
}
.explore-further h2, .need-help h2 {
    text-align: center;
}
.list-super-footer {
    justify-items: center;
}
.list-super-footer li {
    font-size: 1rem;
    font-weight: 400;
  color: inherit;
    text-align: center;
}
.list-super-footer li .icon-wrapper{
  display: flex;
width: 48px;
height: 48px;

  justify-content: center;
align-items: center;
  border-radius: var(--Border-Radius-border-radius-m, 8px);
background: #E7E5F1;
  margin-bottom: 18px;
}

.list-super-footer li a {
display: flex;
    flex-direction: column;
    align-items: center;
}
.list-super-footer li h3 {
    font-weight: 700;
    font-size:16px;
    line-height:25px;
  margin-bottom:8px;
}

.list-super-footer li p {

		font-size:16px;
    line-height:25px;
}
.list-super-footer .more-ext {
    left: 0;
    right: 0;
    justify-content: center;
}
/***** Category pages *****/
.category-container, .section-container {
    display: flex;
}
.category-content, .section-content {
    flex: 1;
}
.column-menu {
    display: none;
}
@media (min-width: 1024px) {
    .category-container, .section-container {
        flex-direction: row-reverse;
      max-width:1192px;
      margin:auto;
      padding:0 20px 20px;
    }
  
  li.blocks-item.category-name.section-ecom, li.blocks-item.category-name.section-db, li.blocks-item.category-name.section-wb {
    min-height:300px;
  }
    .category-content, .section-content {
        flex: 0 1 100%;
        border-left: 1px solid #EBEDEF;
        padding-left: min(4vw, 4rem);
    }
    .column-menu {
        display: block;
        flex: 1 0 332px;
        flex-basis: min(30%, 268px + 4rem);
        padding-right: min(4vw, 4rem);
				position: sticky;
        top: 11rem;
        align-self: start;
				margin-bottom: 19rem;
    }
}
/* side menu */
.side-menu-title {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin: .6rem 0 2rem;
}
.category-tree a {
    font-weight: 500;
    font-size: 14px;
    min-height: 24px;
    margin: 1rem 0;

		display: flex;
    align-items: center;
}
.category-tree a:is(:hover, :active, :focus) {
    color: #161111;
}
.category-tree .active-menu-item a {
    font-weight: 700;
    border-left: 4px solid rgba(66, 69, 78, 100);
    padding-left: 1rem;
    text-decoration: none;
    color: inherit;
}
/* main content */
.section-tree {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: clamp(48px, 10vw, 80px);
}
@media (min-width: 768px) {
    .section-tree {
        flex-direction: row;
        gap: clamp(48px, 10vw, 80px) 10%;
    }
}
.section-tree .section {
    flex: initial;
    margin-bottom: 0;
}
@media (min-width: 768px) {
    .section-tree .section {
        flex: 0 0 45%;
        /* Two columns for tablet and desktop. Leaving 5% separation between columns */
    }
}
.section-tree-title {
    font-size: 16px;
}
.section-tree-title a {
    color: rgba(22, 17, 17, 100);
  font-size:24px;
}
.section-tree .see-all-articles {
    margin-top: 1rem;
}
.article-list {
    margin: 1rem 0 0;
}
.icon-star {
    color: rgba(22, 17, 17, 100);
}
/***** Section pages *****/
.section-list {
    margin: 40px 0;
}
.section-list-item {
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    padding: 15px 0;
}
.section-list-item:first-child {
    border-top: 1px solid #ddd;
}
.section-list-item a {
    align-items: center;
    color: rgba(22, 17, 17, 100);
    display: flex;
    justify-content: space-between;
}

/* .category-name > a.blocks-item-link::before {
    content: '';
    width: 32px;
    height: 32px;
    display: block;
    background: url(/hc/theming_assets/01KBGT3YE39D9CDS8ZMVMV7NF1) no-repeat 50% 50% / contain;
    margin: 0;
} */
.section-name > a.blocks-item-link::before {
    content: '';
    width: 0px;
    height: 0px;
    display: block;
    background: none;
    margin: 0;
}

.section-name.section-ecom > a.blocks-item-link::before {
  background: url(/hc/theming_assets/01KBGT2R2DF1ZMXGJ8XY48P6N2);
}

.section-name.section-wb > a.blocks-item-link::before {
  background: url(/hc/theming_assets/01KBGT3YE39D9CDS8ZMVMV7NF1);
}

.section-list-item a .article-count {
    font-size: 14px;
    font-weight: 400;   
    color: var(--neutral-grey-light);
}
.see-all-sections-trigger {
    cursor: pointer;
    display: block;
    padding: 15px;
    text-align: center;
}
.see-all-sections-trigger[aria-hidden="true"] {
    display: none;
}
/***** Article *****/
.article-header {
    align-items: flex-start;
    display: block;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    margin:0 auto 2em auto !important;
    max-width:1440px;
    padding:0 20px;
}

#article-container {
  max-width:1440px;
  margin:auto;
  padding:0 20px;
}
@media (min-width: 768px) {
    .article-header {
        flex-direction: row;
    }
}
.article-avatar {
    margin-right: 10px;
}
.article-author {
    margin-bottom: 10px;
}
#main-content > header > h1{
	padding-bottom: 1.5rem;
	width: 100%;
}
.mediaobject {
    padding-bottom: 1.5rem;
}
.article-title .icon-lock {
    position: relative;
    left: -5px;
    vertical-align: baseline;
}
.article-container {
    display: flex;
    flex-direction: column-reverse;
}
.article-main, .article-sidebar {
    flex: 1 0 auto;
}
.article-sidebar > hr {
    display: none;
}
.article-sidebar > .related-articles + hr {
    display: inherit;
}
@media (min-width: 1024px) {
    .article-container {
        flex-direction: row;
    }
    .article-main {
        flex: 0 1 100%;
/*         border-right: 1px solid #EBEDEF; */
        padding-right: min(4vw, 4rem);
    }
    .article-sidebar {
        flex: 1 0 369px;
        flex-basis: min(42%, 368px + 4rem);
        padding-left: min(2vw, 4rem);
    }
  #main-content > header > h1{
    padding-bottom: 1.5rem;
    width: 69.15%;
  }
}
.article [role="button"] {
    flex-shrink: 0;
    /*Avoid collapsing elements in Safari (https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored)*/
    width: 100%;
}
@media (min-width: 768px) {
    .article [role="button"] {
        width: auto;
    }
}
.article-info {
    max-width: 100%;
}
.article-meta {
    display: inline-block;
    vertical-align: middle;
}
.article-body img {
    height: auto;
    max-width: 100%;
}
/* responsive video iframe */
.article-body iframe, .article-body video {
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 16/9;
}
div.article-attachments {
    display: none;
}
.article-body :where(h1, h2, h3, h4, h5, h6, p, ul, ol, dl, blockquote, video, figure, code, table, .imessage) {
    margin-bottom: 2rem;
    margin-top: 0;
}
.article-body table td p, .article-body table th p, .article-body li p {
    margin: 0 0 .5rem;
}
.article-body table td p:last-child, .article-body table td p:last-child, .article-body li p:last-child {
    margin-bottom: 0;
}
.article-body a {
    text-decoration: underline;
}
.article-body a:visited {
    color: rgba(66, 69, 78, 100);
}
/* new styled bullets */
.article-body ul, .article-body ol {
    list-style: none;
    padding: 0;
}
.article-body ul li > ul, .article-body li > ol {
    margin: 1rem 0 0;
}
.article-body ol li > ol {
    margin-bottom: 1.5rem;
}
.article-body li {
    margin-bottom: 1rem;
    padding-left: 1.2rem;
    position: relative;
}
.article-body li::before {
    content: '';
    height: 3px;
    width: 3px;
    background-color: rgba(22, 17, 17, 100);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: .5em;
}
.article-body ol {
    counter-reset: olist-counter;
}
.article-body ol > li {
    padding-left: 44px;
    margin-bottom: 1.3rem;
}
.article-body ol > li::before {
    content: counter(olist-counter, decimal);
    counter-increment: olist-counter;
    height: 30px;
    width: 30px;
    color: #617379;
    background-color: #F5F5F5;
    font-size: 16px;
    font-weight: 500;
    line-height: 31px;
    text-align: center;
    top: -2px;
}
.article-body code {
    background: #f7f7f7;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 0 5px;
    margin: 0 2px;
}
.article-body pre {
    background: #f7f7f7;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 10px 15px;
    overflow: auto;
    white-space: pre;
}
.article-body blockquote {
    border-left: 1px solid #ddd;
    color: #503d3d;
    font-style: oblique;
    padding: 0 15px;
}
/*
.article-body > :first-child, #mc-main-content > :first-child {
    margin-top: 0;
}
*/
.article-body :last-child, #mc-main-content > :last-child {
    margin-bottom: 0;
}
.article-body img {
    vertical-align: middle;
      box-shadow: unset !important;
}
.article-content {
    word-wrap: break-word;
}
.article-footer {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
}
.article-comment-count {
    color: #503d3d;
}
.article-comment-count:hover {
    text-decoration: none;
}
.article-comment-count-icon {
    vertical-align: middle;
    color: rgba(22, 17, 17, 100);
    width: 18px;
    height: 18px;
}
.article-relatives {
    border-top: 1px solid #ddd;
    display: flex;
    flex-direction: column;
    padding: 20px 0;
}
@media (min-width: 768px) {
    .article-relatives {
        flex-direction: row;
    }
}
.article-relatives > * {
    flex: 1 0 50%;
    min-width: 50%;
    overflow-wrap: break-word;
    margin-right: 0;
}
.article-relatives > *:last-child {
    padding: 0;
}
@media (min-width: 768px) {
    .article-relatives > * {
        padding-right: 20px;
    }
}
.article-votes {
    border-top: 1px solid #ddd;
    padding: 30px 0;
    text-align: center;
    height: auto !important;
    width: 100% !important;
}
.article-vote {
    margin: 10px 5px;
    min-width: 90px;
    width: auto;
}
.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: rgba(22, 17, 17, 100);
    display: block;
    padding: 20px 0;
}
.article-return-to-top a:hover, .article-return-to-top a:focus {
    text-decoration: none;
}
.article-return-to-top-icon {
    transform: rotate(0.5turn);
}
.sidenav-title {
    font-size: 12px;
    position: relative;
    font-weight: 700;
  text-transform:uppercase;
}
.sidenav-items {
    padding: 0 0 0 20px;
    background-image: url(/hc/theming_assets/01KBGR6VSS8KCZHDAVH4524384);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 14px;
    color: rgba(22, 17, 17, 100);
    display: block;
    margin-bottom: 10px;
    padding: 0 0 0 20px;
    font-size: 14px;
    font-weight: 500;
}
.sidenav-items.current-article, .sidenav-items:hover {
    color: rgba(66, 69, 78, 100);
    text-decoration: none;
}
/* article links with icon */
.recent-articles li, .related-articles li, .article-body #toc li:not(:last-child) {
    margin-bottom: 1rem;
}
.article-list li {
    margin-bottom: .5rem;
}
.recent-articles li a, .related-articles li a, .article-body #toc li a, .article-list li a {
    display: flex;
    column-gap: .5rem;
    color: inherit;
    font-size: 14px;
    font-weight: 550;
}
.recent-articles li a::before, .related-articles li a::before, .article-list li a::before {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Crect width='16' height='16' transform='translate(0 -0.440002)' fill='white'/%3E%3Cpath d='M13.6665 8.89334V6.22667C13.6665 3.71251 13.6665 2.45544 12.8855 1.67439C12.1045 0.893341 10.8474 0.893341 8.33319 0.893341H7.66659C5.15247 0.893341 3.89541 0.893341 3.11436 1.67438C2.33331 2.45542 2.3333 3.71249 2.33328 6.22663L2.33325 8.89327C2.33323 11.4075 2.33322 12.6645 3.11427 13.4456C3.89532 14.2267 5.15241 14.2267 7.66659 14.2267H8.33319C10.8474 14.2267 12.1045 14.2267 12.8855 13.4456C13.6665 12.6646 13.6665 11.4075 13.6665 8.89334Z' stroke='%23161111' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.33325 4.22665H10.6666M5.33325 7.55999H10.6666M5.33325 10.8933H7.99992' stroke='%23161111' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    flex: 0 0 1rem;
    margin-top: 2px;
}
.article-body #toc {
    background: #F5F5F5;
    border-radius: .5rem;
    padding: 1.3rem;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 2rem;
}
.article-body #toc ul {
    margin: 0;
    list-style: none;
    padding: 0;
}
.article-body #toc li {
    padding-left: 0;
}
.article-body #toc li::before {
    display: none;
}
.article-body #toc a::before {
    flex: 0 0 1rem;
    content: 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='M6.66663 9.33293C6.88388 9.55467 7.14319 9.73082 7.42938 9.85108C7.71556 9.97133 8.02287 10.0333 8.33329 10.0333C8.64372 10.0333 8.95102 9.97133 9.23721 9.85108C9.52339 9.73082 9.78271 9.55467 9.99996 9.33293L12.6666 6.66627C13.1087 6.22424 13.357 5.62472 13.357 4.9996C13.357 4.37448 13.1087 3.77496 12.6666 3.33293C12.2246 2.89091 11.6251 2.64258 11 2.64258C10.3748 2.64258 9.77532 2.89091 9.33329 3.33293L8.99996 3.66627' stroke='%232F373A' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.3333 6.66714C9.11605 6.4454 8.85673 6.26925 8.57055 6.149C8.28436 6.02874 7.97706 5.9668 7.66663 5.9668C7.35621 5.9668 7.0489 6.02874 6.76272 6.149C6.47653 6.26925 6.21722 6.4454 5.99997 6.66714L3.3333 9.3338C2.89127 9.77583 2.64294 10.3753 2.64294 11.0005C2.64294 11.6256 2.89127 12.2251 3.3333 12.6671C3.77533 13.1092 4.37485 13.3575 4.99997 13.3575C5.62509 13.3575 6.22461 13.1092 6.66663 12.6671L6.99997 12.3338' stroke='%232F373A' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.recent-articles li a:is(:hover, :active, :focus), .related-articles li a:is(:hover, :active, :focus), .article-list li a:is(:hover, :active, :focus) {
    color: rgba(66, 69, 78, 100);
}
.article-body #toc a:is(:hover, :active, :focus) {
    font-weight: 700;
    text-decoration: none;
}
@media (min-width: 600px) {
    .article-body #toc {
        float: right;
        margin: 0 0 1.5rem 2rem;
        width: 40%;
    }
}
/* notifications new css */
/* default = warning */
.imessage {
display: flex;
padding: 24px 20px;
width:100%;
flex-direction: column;
align-items: flex-start;
gap: 10px;
  border-radius: 8px;
border: 1px solid var(--orange-200, #FDDFD7);
background: #FFF9F7;
}
.imessage a {
    color: rgba(66, 69, 78, 100);
    text-decoration: none;
}
.imessage a:hover {
    text-decoration: underline;
}
.imessage-name {
display: flex;
padding: 1px 14.28px 1px 10px;
align-items: center;
gap: 3px;
  color: var(--orange-400, #DD5630);
  border-radius: 28.742px;
border: 2px solid var(--orange-200, #FDDFD7);
background: var(--Base-White, #FFF);
text-align: center;
font-family: "Duda Sans";
font-size: 17.074px;
font-style: normal;
font-weight: 500;
line-height: 32.334px; /* 189.375% */
}
.imessage-content {}
.imessage p, .imessage-content div, .imessage blockquote, .imessage ul, .imessage ol, .imessage dl, .imessage form, .imessage table {
    margin: .5rem 0 0;
}
.imessage p:first-child {
    margin: 0;
}
.imessage-name::before {
  content: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 -11 18 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2956_1051)'%3E%3Cpath d='M9.09424 7.59973V10.5379' stroke='%23DD5630' stroke-width='1.10183' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.89171 3.62652L1.93743 13.5679C1.81469 13.7805 1.74973 14.0215 1.74903 14.267C1.74833 14.5124 1.8119 14.7538 1.93343 14.9671C2.05496 15.1803 2.2302 15.3581 2.44173 15.4826C2.65327 15.6071 2.89371 15.6741 3.13916 15.6768H15.0492C15.2945 15.674 15.5348 15.607 15.7463 15.4825C15.9577 15.3581 16.1329 15.1804 16.2544 14.9673C16.3759 14.7541 16.4395 14.5129 16.4389 14.2675C16.4383 14.0221 16.3735 13.7812 16.2509 13.5687L10.2966 3.62578C10.1714 3.41901 9.99488 3.24803 9.78425 3.12937C9.57361 3.01071 9.33593 2.94836 9.09417 2.94836C8.85241 2.94836 8.61473 3.01071 8.4041 3.12937C8.19346 3.24803 8.01698 3.41901 7.89171 3.62578V3.62652Z' stroke='%23DD5630' stroke-width='1.10183' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.09424 12.7416H9.1019' stroke='%23DD5630' stroke-width='1.10183' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2956_1051'%3E%3Crect width='17.6292' height='17.6292' fill='white' transform='translate(0.279785 0.98877)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.imessage.itip {
border-color: var(--blue-200, #C8E1FB);
background: #F3F9FF;
}
#mc-main-content > div.imessage.itip > div.imessage-name {
  color: var(--blue-500, #3C96F6);
  border-color: var(--blue-200, #C8E1FB);
}
#mc-main-content > div.imessage.itip > div.imessage-name::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 -6 20 22' fill='none'%3E%3Cg clip-path='url(%23clip0_3020_448)'%3E%3Cpath d='M7.66498 4.03819C7.66498 3.64645 7.82059 3.27077 8.09759 2.99377C8.37459 2.71677 8.75028 2.56116 9.14201 2.56116C9.53374 2.56116 9.90943 2.71677 10.1864 2.99377C10.4634 3.27077 10.619 3.64645 10.619 4.03819C11.4672 4.43922 12.1902 5.06349 12.7106 5.84408C13.2309 6.62467 13.5291 7.53216 13.5731 8.46928V10.6848C13.6287 11.144 13.7913 11.5836 14.0478 11.9685C14.3044 12.3533 14.6477 12.6725 15.0501 12.9004H3.23389C3.63633 12.6725 3.97965 12.3533 4.23619 11.9685C4.49273 11.5836 4.65534 11.144 4.71092 10.6848V8.46928C4.7549 7.53216 5.05307 6.62467 5.57347 5.84408C6.09386 5.06349 6.81686 4.43922 7.66498 4.03819Z' stroke='%233C96F6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.92627 12.9004V13.6389C6.92627 14.2265 7.15969 14.79 7.57519 15.2055C7.99068 15.621 8.55422 15.8545 9.14182 15.8545C9.72941 15.8545 10.2929 15.621 10.7084 15.2055C11.1239 14.79 11.3574 14.2265 11.3574 13.6389V12.9004' stroke='%233C96F6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3020_448'%3E%3Crect width='17.7244' height='17.7244' fill='white' transform='translate(0.279785 0.345581)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.imessage.inote {
border-color: var(--neutral-500, #CFD4D8);
background: #FAFAFA;
}
#mc-main-content > div.imessage.inote > div.imessage-name {
  border-color: var(--Gray-200, #EAECF0);
  color: var(--neutral-900, #171C34);
}
#mc-main-content > div.imessage.inote > div.imessage-name::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 -8 18 25' fill='none'%3E%3Cg clip-path='url(%23clip0_2956_1083)'%3E%3Cpath d='M9.71875 15.3454L14.8014 10.2628' stroke='%23171C34' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.71886 15.3454V10.9888C9.71886 10.7963 9.79536 10.6116 9.93153 10.4754C10.0677 10.3392 10.2524 10.2627 10.445 10.2627H14.8015V5.18014C14.8015 4.795 14.6485 4.42563 14.3761 4.1533C14.1038 3.88096 13.7344 3.72797 13.3493 3.72797H4.63626C4.25112 3.72797 3.88175 3.88096 3.60941 4.1533C3.33708 4.42563 3.18408 4.795 3.18408 5.18014V13.8932C3.18408 14.2783 3.33708 14.6477 3.60941 14.92C3.88175 15.1924 4.25112 15.3454 4.63626 15.3454H9.71886Z' stroke='%23171C34' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2956_1083'%3E%3Crect width='17.4261' height='17.4261' fill='white' transform='translate(0.279785 0.823669)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
#mc-main-content > table:nth-child(n) > tbody > tr:nth-child(n) > td:nth-child(n) > div > div.imessage-name {
    border-color: var(--Gray-200, #EAECF0);
  color: var(--neutral-900, #171C34);
}
#mc-main-content > ul:nth-child(n) > li:nth-child(n) > div > div.imessage-name {
  border-color: var(--Gray-200, #EAECF0);
  color: var(--neutral-900, #171C34);
}
#mc-main-content > ol > li:nth-child(n) > div > div.imessage-name {
  border-color: var(--Gray-200, #EAECF0);
  color: var(--neutral-900, #171C34);
}
#mc-main-content > ul:nth-child(n) > li:nth-child(n) > ul > li > div > div.imessage-name {
  border-color: var(--Gray-200, #EAECF0);
  color: var(--neutral-900, #171C34);
}
#mc-main-content > ol:nth-child(n) > ul > li:nth-child(n) > div > div.imessage-name {
  border-color: var(--Gray-200, #EAECF0);
  color: var(--neutral-900, #171C34);  
}
#mc-main-content > ol:nth-child(n) > div > div.imessage-name {
  border-color: var(--Gray-200, #EAECF0);
  color: var(--neutral-900, #171C34);    
}
#mc-main-content > ol:nth-child(n) > li:nth-child(n) > ul > div:nth-child(n) > div.imessage-name {
      border-color: var(--Gray-200, #EAECF0);
  color: var(--neutral-900, #171C34);
}
#mc-main-content > ol:nth-child(n) > li:nth-child(n) > ul > div:nth-child(n) > div.imessage-name::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 -8 18 25' fill='none'%3E%3Cg clip-path='url(%23clip0_2956_1083)'%3E%3Cpath d='M9.71875 15.3454L14.8014 10.2628' stroke='%23171C34' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.71886 15.3454V10.9888C9.71886 10.7963 9.79536 10.6116 9.93153 10.4754C10.0677 10.3392 10.2524 10.2627 10.445 10.2627H14.8015V5.18014C14.8015 4.795 14.6485 4.42563 14.3761 4.1533C14.1038 3.88096 13.7344 3.72797 13.3493 3.72797H4.63626C4.25112 3.72797 3.88175 3.88096 3.60941 4.1533C3.33708 4.42563 3.18408 4.795 3.18408 5.18014V13.8932C3.18408 14.2783 3.33708 14.6477 3.60941 14.92C3.88175 15.1924 4.25112 15.3454 4.63626 15.3454H9.71886Z' stroke='%23171C34' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2956_1083'%3E%3Crect width='17.4261' height='17.4261' fill='white' transform='translate(0.279785 0.823669)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
#mc-main-content > ol:nth-child(n) > div > div.imessage-name::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 -8 18 25' fill='none'%3E%3Cg clip-path='url(%23clip0_2956_1083)'%3E%3Cpath d='M9.71875 15.3454L14.8014 10.2628' stroke='%23171C34' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.71886 15.3454V10.9888C9.71886 10.7963 9.79536 10.6116 9.93153 10.4754C10.0677 10.3392 10.2524 10.2627 10.445 10.2627H14.8015V5.18014C14.8015 4.795 14.6485 4.42563 14.3761 4.1533C14.1038 3.88096 13.7344 3.72797 13.3493 3.72797H4.63626C4.25112 3.72797 3.88175 3.88096 3.60941 4.1533C3.33708 4.42563 3.18408 4.795 3.18408 5.18014V13.8932C3.18408 14.2783 3.33708 14.6477 3.60941 14.92C3.88175 15.1924 4.25112 15.3454 4.63626 15.3454H9.71886Z' stroke='%23171C34' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2956_1083'%3E%3Crect width='17.4261' height='17.4261' fill='white' transform='translate(0.279785 0.823669)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
#mc-main-content > ol:nth-child(n) > ul > li:nth-child(n) > div > div.imessage-name::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 -8 18 25' fill='none'%3E%3Cg clip-path='url(%23clip0_2956_1083)'%3E%3Cpath d='M9.71875 15.3454L14.8014 10.2628' stroke='%23171C34' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.71886 15.3454V10.9888C9.71886 10.7963 9.79536 10.6116 9.93153 10.4754C10.0677 10.3392 10.2524 10.2627 10.445 10.2627H14.8015V5.18014C14.8015 4.795 14.6485 4.42563 14.3761 4.1533C14.1038 3.88096 13.7344 3.72797 13.3493 3.72797H4.63626C4.25112 3.72797 3.88175 3.88096 3.60941 4.1533C3.33708 4.42563 3.18408 4.795 3.18408 5.18014V13.8932C3.18408 14.2783 3.33708 14.6477 3.60941 14.92C3.88175 15.1924 4.25112 15.3454 4.63626 15.3454H9.71886Z' stroke='%23171C34' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2956_1083'%3E%3Crect width='17.4261' height='17.4261' fill='white' transform='translate(0.279785 0.823669)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
#mc-main-content > ul:nth-child(n) > li:nth-child(n) > ul > li > div > div.imessage-name::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 -8 18 25' fill='none'%3E%3Cg clip-path='url(%23clip0_2956_1083)'%3E%3Cpath d='M9.71875 15.3454L14.8014 10.2628' stroke='%23171C34' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.71886 15.3454V10.9888C9.71886 10.7963 9.79536 10.6116 9.93153 10.4754C10.0677 10.3392 10.2524 10.2627 10.445 10.2627H14.8015V5.18014C14.8015 4.795 14.6485 4.42563 14.3761 4.1533C14.1038 3.88096 13.7344 3.72797 13.3493 3.72797H4.63626C4.25112 3.72797 3.88175 3.88096 3.60941 4.1533C3.33708 4.42563 3.18408 4.795 3.18408 5.18014V13.8932C3.18408 14.2783 3.33708 14.6477 3.60941 14.92C3.88175 15.1924 4.25112 15.3454 4.63626 15.3454H9.71886Z' stroke='%23171C34' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2956_1083'%3E%3Crect width='17.4261' height='17.4261' fill='white' transform='translate(0.279785 0.823669)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
#mc-main-content > ol > li:nth-child(n) > div > div.imessage-name::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 -8 18 25' fill='none'%3E%3Cg clip-path='url(%23clip0_2956_1083)'%3E%3Cpath d='M9.71875 15.3454L14.8014 10.2628' stroke='%23171C34' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.71886 15.3454V10.9888C9.71886 10.7963 9.79536 10.6116 9.93153 10.4754C10.0677 10.3392 10.2524 10.2627 10.445 10.2627H14.8015V5.18014C14.8015 4.795 14.6485 4.42563 14.3761 4.1533C14.1038 3.88096 13.7344 3.72797 13.3493 3.72797H4.63626C4.25112 3.72797 3.88175 3.88096 3.60941 4.1533C3.33708 4.42563 3.18408 4.795 3.18408 5.18014V13.8932C3.18408 14.2783 3.33708 14.6477 3.60941 14.92C3.88175 15.1924 4.25112 15.3454 4.63626 15.3454H9.71886Z' stroke='%23171C34' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2956_1083'%3E%3Crect width='17.4261' height='17.4261' fill='white' transform='translate(0.279785 0.823669)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
#mc-main-content > ul:nth-child(n) > li:nth-child(n) > div > div.imessage-name::before{
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 -8 18 25' fill='none'%3E%3Cg clip-path='url(%23clip0_2956_1083)'%3E%3Cpath d='M9.71875 15.3454L14.8014 10.2628' stroke='%23171C34' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.71886 15.3454V10.9888C9.71886 10.7963 9.79536 10.6116 9.93153 10.4754C10.0677 10.3392 10.2524 10.2627 10.445 10.2627H14.8015V5.18014C14.8015 4.795 14.6485 4.42563 14.3761 4.1533C14.1038 3.88096 13.7344 3.72797 13.3493 3.72797H4.63626C4.25112 3.72797 3.88175 3.88096 3.60941 4.1533C3.33708 4.42563 3.18408 4.795 3.18408 5.18014V13.8932C3.18408 14.2783 3.33708 14.6477 3.60941 14.92C3.88175 15.1924 4.25112 15.3454 4.63626 15.3454H9.71886Z' stroke='%23171C34' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2956_1083'%3E%3Crect width='17.4261' height='17.4261' fill='white' transform='translate(0.279785 0.823669)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
#mc-main-content > table:nth-child(n) > tbody > tr:nth-child(n) > td:nth-child(n) > div > div.imessage-name::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 -8 18 25' fill='none'%3E%3Cg clip-path='url(%23clip0_2956_1083)'%3E%3Cpath d='M9.71875 15.3454L14.8014 10.2628' stroke='%23171C34' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.71886 15.3454V10.9888C9.71886 10.7963 9.79536 10.6116 9.93153 10.4754C10.0677 10.3392 10.2524 10.2627 10.445 10.2627H14.8015V5.18014C14.8015 4.795 14.6485 4.42563 14.3761 4.1533C14.1038 3.88096 13.7344 3.72797 13.3493 3.72797H4.63626C4.25112 3.72797 3.88175 3.88096 3.60941 4.1533C3.33708 4.42563 3.18408 4.795 3.18408 5.18014V13.8932C3.18408 14.2783 3.33708 14.6477 3.60941 14.92C3.88175 15.1924 4.25112 15.3454 4.63626 15.3454H9.71886Z' stroke='%23171C34' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2956_1083'%3E%3Crect width='17.4261' height='17.4261' fill='white' transform='translate(0.279785 0.823669)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
/* eof notifications  */
/* Duda community side widget  */
.explore-duda-community {
    background: rgba(252, 231, 197, 0.32);
    border-radius: .5rem;
    padding: 2rem;
}
.explore-duda-community .more-ext {
    font-weight: 500;
    font-size: 16px;
}

.new-post {
    max-width: 1440px;
    margin: 0 auto 40px;  
}

@media (max-width:1440px) {
    .new-post {
        max-width:1440px;
        padding:0px 20px;
    }
}
/***** Attachments *****/
/* Styles attachments inside posts, articles and comments */
.attachments .attachment-item {
    padding-left: 20px;
    position: relative;
    margin-bottom: 10px;
}
.attachments .attachment-item:last-child {
    margin-bottom: 0;
}
.attachments .attachment-item .attachment-icon {
    color: rgba(22, 17, 17, 100);
    left: 0;
    position: absolute;
    top: 5px;
}
.upload-dropzone span {
    color: #503d3d;
}
/***** Social share links *****/
.share {
    padding: 0;
    white-space: nowrap;
}
.share li, .share a {
    display: inline-block;
}
.share li {
    height: 25px;
    width: 25px;
}
.share a {
    color: #503d3d;
}
.share a:hover {
    text-decoration: none;
    color: rgba(22, 17, 17, 100);
}
.share a svg {
    height: 18px;
    width: 18px;
    display: block;
}
/***** Comments *****/
/* Styles comments inside articles, posts and requests */
.comment {
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
}
.comment-heading, .recent-articles-title, .related-articles-title, .article-body #toc > div:first-child {
    margin-bottom: 2rem;
    margin-top: 0;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}
.comment-overview {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 20px 0;
}
.comment-overview p {
    margin-top: 0;
}
.comment-callout {
    color: #503d3d;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 0;
}
.comment-callout a {
    color: rgba(22, 17, 17, 100);
}
.comment-sorter {
    display: inline-block;
    float: right;
}
.comment-sorter .dropdown-toggle {
    color: #503d3d;
    font-size: 13px;
}
.comment-wrapper {
    display: flex;
    position: relative;
}
.comment-wrapper.comment-official {
    border: 1px solid rgba(22, 17, 17, 100);
    padding: 40px 20px 20px;
}
@media (min-width: 768px) {
    .comment-wrapper.comment-official {
        padding-top: 20px;
    }
}
.comment-info {
    min-width: 0;
    padding-right: 20px;
    width: 100%;
}
.comment-author {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
@media (min-width: 768px) {
    .comment-author {
        justify-content: space-between;
    }
}
.comment-avatar {
    margin-right: 10px;
}
.comment-meta {
    flex: 1 0 auto;
}
.comment-labels {
    flex-basis: 100%;
}
@media (min-width: 768px) {
    .comment-labels {
        flex-basis: auto;
    }
}
.comment .status-label:not(.status-label-official) {
    margin-top: 10px;
}
@media (min-width: 768px) {
    .comment .status-label:not(.status-label-official) {
        margin-top: 0;
    }
}
.comment-form {
    display: flex;
    padding-top: 30px;
    word-wrap: break-word;
}
.comment-container {
    width: 100%;
}
.comment-form-controls {
    display: none;
    margin-top: 10px;
    text-align: left;
}
@media (min-width: 768px) {
    [dir="ltr"] .comment-form-controls {
        text-align: right;
    }
}
.comment-form-controls input[type="submit"] {
    margin-top: 15px;
}
@media (min-width: 1024px) {
    .comment-form-controls input[type="submit"] {
        margin-left: 15px;
    }
}
.comment-form-controls input[type="checkbox"] {
    margin-right: 5px;
}
.comment-ccs {
    display: none;
}
.comment-ccs + textarea {
    margin-top: 10px;
}
.comment-attachments {
    margin-top: 10px;
}
.comment-attachments a {
    color: rgba(22, 17, 17, 100);
}
.comment-body {
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    word-break: break-word;
    word-wrap: break-word;
    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;
}
.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: rgba(66, 69, 78, 100);
}
.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: #503d3d;
    font-style: oblique;
    padding: 0 15px;
}
.comment-mark-as-solved {
    display: inline-block;
}
/***** Vote *****/
/* Used in article comments, post comments and post */
.vote {
    display: flex;
    flex-direction: column;
    text-align: center;
}
.vote a:active, .vote a:hover, .vote a:focus {
    text-decoration: none;
}
.vote-sum {
    color: #503d3d;
    display: block;
    margin: 3px 0;
}
.vote-up svg {
    transform: scale(1, -1);
}
.vote-up:hover, .vote-down:hover {
    color: rgba(22, 17, 17, 100);
}
.vote-up, .vote-down {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    color: #503d3d;
    cursor: pointer;
    min-height: 35px;
    min-width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.vote-voted {
    color: rgba(22, 17, 17, 100);
}
.vote-voted:hover {
    color: #000;
}
/***** Actions *****/
/* Styles admin and en user actions(edit, delete, change status) in comments and posts */
.actions {
    text-align: center;
    flex-shrink: 0;
    /*Avoid collapsing elements in Safari*/
}
.actions button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    cursor: pointer;
    min-height: 35px;
    min-width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/***** Community *****/
.community-hero {
    background-image: url(/hc/theming_assets/01HZPJQCPG2MMQF3WXPSQZDTJT);
    margin-bottom: 10px;
}
.community-footer {
    padding-top: 50px;
    text-align: center;
}
.community-footer-title {
    font-size: 16px;
    margin-bottom: 20px;
}
.community-featured-posts .title {
    font-size: 18px;
    font-weight: 600;
}

.post-container, .community-featured-posts, .community-activity {
    max-width: 1440px;
    margin:auto;
}
.community-featured-posts, .community-activity {
    padding-top: 40px;
    width: 100%;
}
.community-header {
    margin:30px auto;
    max-width: 1440px;
}
.community-header .title {
    margin-bottom: 0;
    font-size: 16px;
}
.post-to-community {
    margin-top: 10px;
}

.post-container, .community-footer {
    margin-bottom:40px;
}
@media (min-width: 768px) {
    .post-to-community {
        margin: 0;
    }
}

@media (max-width:1440px) {
    .topic-header, .post-container, .community-header, .community-activity, .community-featured-posts {
        max-width: 100vw;
        padding:0px 20px
    }
}
/* Community topics grid */
.topics {
    max-width: none;
    width: 100%;
}
.topics-item .meta-group {
    justify-content: center;
    margin-top: 20px;
    padding-left:20px;
}
/* Community topic page */
.topic-header {
    border-bottom: 1px solid #ddd;
    font-size: 13px;
}
@media (min-width: 768px) {
    .topic-header {
        padding-bottom: 10px;
    }
}

.page-topic-header {
    max-width: 1440px;
    margin:auto;
}

@media (max-width:1440px) {
    .page-topic-header {
        max-width: 100vw;
        padding:0px 20px;
    }
}
.topic-header .dropdown {
    display: block;
    border-top: 1px solid #ddd;
    padding: 10px 0;
}
@media (min-width: 768px) {
    .topic-header .dropdown {
        border-top: 0;
        display: inline-block;
        margin-right: 20px;
        padding: 0;
    }
}
.no-posts-with-filter {
    margin-top: 20px;
    margin-bottom: 20px;
}

.topic-header, .posts-list {
    max-width: 1440px;
    margin:auto;
}
/* Topic, post and user follow button */
.community-follow {
    margin-bottom: 10px;
    width: 100%;
}
@media (min-width: 768px) {
    .community-follow {
        margin-bottom: 0;
        width: auto;
    }
}
.community-follow button {
    line-height: 30px;
    padding: 0 10px 0 15px;
    position: relative;
    width: 100%;
}
@media (min-width: 768px) {
    .community-follow button {
        width: auto;
    }
}
.community-follow button:hover {
    background-color: rgba(22, 17, 17, 100);
}
.community-follow button:hover::after, .community-follow button:focus::after {
    border-color: rgba(66, 69, 78, 100);
    color: rgba(66, 69, 78, 100);
}
.community-follow button[data-selected="true"] {
    background-color: rgba(22, 17, 17, 100);
    color: rgba(66, 69, 78, 100);
}
.community-follow button[data-selected="true"]::after {
    border-left: 1px solid rgba(66, 69, 78, 100);
    color: rgba(66, 69, 78, 100);
}
.community-follow button[data-selected="true"]:hover {
    background-color: #000;
    border-color: #000;
}
.community-follow button::after {
    border-left: 1px solid rgba(22, 17, 17, 100);
    content: attr(data-follower-count);
    color: rgba(22, 17, 17, 100);
    display: inline-block;
    margin-left: 15px;
    padding-left: 10px;
    position: absolute;
    right: 10px;
}
@media (min-width: 768px) {
    .community-follow button::after {
        position: static;
    }
}
/***** Striped list *****/
/* Used in community posts list and requests list */
.striped-list {
    padding: 0;
}
.striped-list-item {
    align-items: flex-start;
    border-bottom: 1px solid #ddd;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 20px 0;
}
@media (min-width: 768px) {
    .striped-list-item {
        align-items: center;
        flex-direction: row;
    }
}
.striped-list-info {
    flex: 2;
}
.striped-list-title {
    color: rgba(22, 17, 17, 100);
    margin-bottom: 10px;
    margin-right: 5px;
}
.striped-list-title:hover, .striped-list-title:focus, .striped-list-title:active {
    text-decoration: underline;
}
.striped-list-title:visited {
    color: rgba(66, 69, 78, 100);
}
.striped-list .meta-group {
    margin: 5px 0;
}
.striped-list-count {
    color: #503d3d;
    font-size: 13px;
    justify-content: flex-start;
    text-transform: capitalize;
}
@media (min-width: 768px) {
    .striped-list-count {
        display: flex;
        flex: 1;
        justify-content: space-around;
    }
}
.striped-list-count-item::after {
    content: "·";
    display: inline-block;
    padding: 0 5px;
}
@media (min-width: 768px) {
    .striped-list-count-item::after {
        display: none;
    }
}
.striped-list-count-item:last-child::after {
    display: none;
}
.striped-list-number {
    text-align: center;
}
@media (min-width: 768px) {
    .striped-list-number {
        color: rgba(22, 17, 17, 100);
        display: block;
    }
}
/***** Status labels *****/
/* Styles labels used in posts, articles and requests */
.status-label {
    background-color: #038153;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    margin-right: 2px;
    padding: 3px 10px;
    vertical-align: middle;
    white-space: nowrap;
    display: inline-block;
}
.status-label:hover, .status-label:active, .status-label:focus {
    text-decoration: none;
}
.status-label-pinned, .status-label-featured, .status-label-official {
    background-color: rgba(22, 17, 17, 100);
}
.status-label-official {
    border-radius: 0;
    margin-right: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
}
@media (min-width: 768px) {
    .status-label-official {
        border-radius: 0 0 4px 4px;
        right: 30px;
        width: auto;
    }
}
.status-label-not-planned, .status-label-closed {
    background-color: #e9ebed;
    color: #503d3d;
}
.status-label-pending, .status-label-pending-moderation {
    background-color: #1f73b7;
    text-align: center;
}
.status-label-open {
    background-color: #c72a1c;
}
.status-label-solved {
    background-color: #68737d;
}
.status-label-new {
    background-color: #ffb648;
    color: #703b15;
}
.status-label-hold {
    background-color: #000;
}
/***** Post *****/
/*
* The post grid is defined this way:
* Content | Sidebar
* 70%     | 30%
*/
.post {
    flex: 1;
    margin-bottom: 10px;
}
@media (min-width: 1024px) {
    .post {
        flex: 1 0 70%;
        max-width: 70%;
    }
}
.post-container {
    display: flex;
    flex-direction: column;
}
@media (min-width: 1024px) {
    .post-container {
        flex-direction: row;
    }
}
.post-header {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 10px;
}
@media (min-width: 768px) {
    .post-header {
        align-items: baseline;
        flex-direction: row;
    }
}
.post-header .status-label {
    vertical-align: super;
}
.post-title {
    margin-bottom: 20px;
    width: 100%;
}
@media (min-width: 768px) {
    .post-title {
        margin-bottom: 0;
        padding-right: 10px;
    }
}
.post-title h1 {
    display: inline;
    vertical-align: middle;
}
@media (min-width: 768px) {
    .post-title h1 {
        margin-right: 5px;
    }
}
.post-author {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
}
.post-avatar {
    margin-bottom: 30px;
}
.post-content {
    word-break: break-word;
}
.post-info-container {
    display: flex;
    margin-bottom: 40px;
}
.post-info {
    min-width: 0;
    padding-right: 20px;
    width: 100%;
}
.post-meta {
    display: inline-block;
    flex: 1;
    margin-left: 10px;
    vertical-align: middle;
}
.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;
}
.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: rgba(66, 69, 78, 100);
}
.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: #503d3d;
    font-style: oblique;
    padding: 0 15px;
}
.post-footer {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
}
.post-comment-count {
    color: #503d3d;
}
.post-comment-count:hover {
    text-decoration: none;
}
.post-comment-count .icon-comments {
    color: rgba(22, 17, 17, 100);
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 5px;
    vertical-align: middle;
}
.post-sidebar {
    border-top: 1px solid #ddd;
    flex: 1;
    padding: 30px 0;
    text-align: center;
}
@media (min-width: 1024px) {
    .post-sidebar {
        border: 0;
        flex: 1 0 30%;
        padding: 0 0 0 50px;
        text-align: initial;
    }
}
.post-sidebar-title {
    font-size: 18px;
    font-weight: 600;
}
.post-comments {
    margin-bottom: 20px;
}
@media (min-width: 1024px) {
    .post-comments {
        margin-bottom: 0;
    }
}
/***** Community Badges *****/
/* Styles labels used next to the authors of article comments, community posts, and community comments */
.community-badge-title {
    background-color: #04444d;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 0px 8px;
    vertical-align: top;
    white-space: nowrap;
    display: inline-flex;
    line-height: 18px;
    vertical-align: middle;
}
.profile-info .community-badge-title {
    padding: 2px 8px;
    line-height: 20px;
}
.community-badge-container-achievements {
    display: flex;
}
.community-badge-container-achievements > .community-badge-titles {
    margin-left: calc(28px - 0.5em);
}
.community-name-and-title-badges {
    display: flex;
    flex-wrap: wrap;
}
.community-name-and-title-badges a {
    color: inherit;
    font-weight: 700;
}
.community-badge {
    margin: 2px;
}
.community-badge-achievements {
    display: block;
    height: 16px;
    white-space: nowrap;
    width: 16px;
}
.profile-info .community-badge-achievements {
    height: 40px;
    width: 40px;
}
.community-title-badges {
    flex-basis: 100%;
    margin-top: 15px;
}
.community-badge-achievements-rest {
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    vertical-align: top;
}
.community-badge-achievements img {
    width: 100%;
    height: 100%;
}
.community-badge-titles img {
    width: 20px;
    height: 20px;
}
.profile-info .community-badge-achievements-rest {
    line-height: 40px;
    font-size: 20px;
}
/* Navigation element that collapses on mobile */
.collapsible-nav {
    flex-direction: column;
    font-size: 14px;
    position: relative;
}
@media (min-width: 768px) {
    .collapsible-nav {
        flex-direction: row;
        padding: 0;
    }
}
.collapsible-nav-border {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}
@media (min-width: 768px) {
    .collapsible-nav-border {
        border-top: 0;
    }
}
.collapsible-nav-toggle {
    top: calc(45px / 2);
    transform: translateY(-50%);
    position: absolute;
    right: 0;
    padding: 0;
    background: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
}
@media (min-width: 768px) {
    .collapsible-nav-toggle {
        display: none;
    }
}
.collapsible-nav-toggle-icon {
    display: none;
}
.collapsible-nav-toggle[aria-expanded="false"] .chevron-icon {
    display: inline-block;
}
.collapsible-nav-toggle[aria-expanded="true"] .x-icon {
    display: inline-block;
}
.collapsible-nav-toggle:focus {
    outline: none;
    border: 1px solid rgba(22, 17, 17, 100);
}
.collapsible-nav-list {
    display: flex;
    flex-direction: column;
}
@media (min-width: 768px) {
    .collapsible-nav-list {
        flex-direction: row;
    }
}
.collapsible-nav-list li {
    color: rgba(22, 17, 17, 100);
    line-height: 45px;
    order: 1;
}
@media (min-width: 768px) {
    .collapsible-nav-list li {
        line-height: normal;
        margin-right: 30px;
    }
    .collapsible-nav-list li a {
        text-decoration: none;
        padding: 27px 0 19px;
        line-height: 1;
        border-bottom: 4px solid transparent;
    }
}
.collapsible-nav-list li a {
    color: rgba(22, 17, 17, 100);
    display: block;
}
@media (min-width: 768px) {
    .collapsible-nav-list li:hover {
        border-bottom: 4px solid #ddd;
    }
    .collapsible-nav-list li:hover a:not([aria-current="page"]) {
        text-decoration: none;
    }
}
.collapsible-nav-list li:not([aria-selected="true"]), .collapsible-nav-list li:not(.current) {
    display: none;
}
@media (min-width: 768px) {
    .collapsible-nav-list li:not([aria-selected="true"]), .collapsible-nav-list li:not(.current) {
        display: block;
    }
}
.collapsible-nav-list li[aria-selected="true"], .collapsible-nav-list li.current {
    order: 0;
    position: relative;
}
@media (min-width: 768px) {
    .collapsible-nav-list li[aria-selected="true"], .collapsible-nav-list li.current {
        border-bottom: 4px solid rgba(22, 17, 17, 100);
        order: 1;
    }
}
.collapsible-nav-list li[aria-selected="true"] a, .collapsible-nav-list li.current a {
    color: rgba(22, 17, 17, 100);
}
.collapsible-nav[aria-expanded="true"] li:not([aria-selected="true"]), .collapsible-nav[aria-expanded="true"] li:not(.current) {
    display: block;
}
@media(max-width: 767px) {
    .collapsible-nav-list li[aria-selected="true"], .collapsible-nav-list li.current {
        padding-top: 1em
    }
    .collapsible-nav-list li:last-child {
        padding-bottom: 1em
    }
}
/* 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;
    }
}
.collapsible-sidebar-title {
    margin-top: 0;
}
.collapsible-sidebar-toggle {
    position: absolute;
    top: calc(45px / 2);
    transform: translateY(-50%);
    right: 0;
    padding: 0;
    border: 0;
    background: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
}
@media (min-width: 1024px) {
    .collapsible-sidebar-toggle {
        display: none;
    }
}
.collapsible-sidebar-toggle-icon {
    display: none;
}
.collapsible-sidebar-toggle[aria-expanded="false"] .chevron-icon {
    display: inline-block;
}
.collapsible-sidebar-toggle[aria-expanded="true"] .x-icon {
    display: inline-block;
}
.collapsible-sidebar-toggle:focus {
    outline: none;
    border: 1px solid rgba(22, 17, 17, 100);
}
.collapsible-sidebar-body {
    display: none;
}
@media (min-width: 1024px) {
    .collapsible-sidebar-body {
        display: block;
    }
}
.collapsible-sidebar[aria-expanded="true"] {
    max-height: none;
}
.collapsible-sidebar[aria-expanded="true"] .collapsible-sidebar-body {
    display: block;
}
/***** My activities *****/
.my-activities-nav {
    background-color: #F5F5F5;
    padding: 0 var(--sidepad);
}
.my-activities-sub-nav {
    margin-bottom: 30px;
}
.my-activities-table .striped-list-title {
    /* My activities tables */
    display: block;
    margin-bottom: 10px;
    max-width: 350px;
    white-space: normal;
}
@media (min-width: 1024px) {
    .my-activities-table .striped-list-title {
        margin-bottom: 0;
        max-width: 500px;
        min-width: 350px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}
.my-activities-table thead {
    display: none;
}
@media (min-width: 768px) {
    .my-activities-table thead {
        display: table-header-group;
    }
}
.my-activities-table th:first-child, .my-activities-table td:first-child {
    padding-left: 0;
}
@media (min-width: 1024px) {
    .my-activities-table th:first-child, .my-activities-table td:first-child {
        width: 500px;
    }
}
.my-activities-table th:last-child, .my-activities-table td:last-child {
    padding-right: 0;
}
.my-activities-table td:not(:first-child) {
    display: none;
}
@media (min-width: 768px) {
    .my-activities-table td:not(:first-child) {
        display: table-cell;
    }
}

.my-activities-following-header {
    max-width: 1440px;
    margin:auto;
}

@media (max-width:1440px) {
.my-activities-following-header {
    max-width: 100vw;
    padding:0px 20px;
}
}
/* Requests table */

.new-request {
    max-width: 1440px;
}

@media (max-width:1440px) {
    .new-request {
        max-width: 100vw;
        padding:0px 20px;
    }
}
.my-activities-header {
    max-width:1440px;
    margin:auto;
}
.requests-table-toolbar {
    max-width:1440px;
    margin:auto;
}

.requests {
    max-width:1440px;
    margin:20px auto;
}

.request-container, .container > .request-title {
    max-width: 1440px;
    margin:auto;
}

.request-container {
    margin-bottom:40px;
}
@media (max-width:1400px) {
    .requests, .my-activities-header {
        max-width:100vw;
        padding:0px 20px;
    }

    .requests-table-toolbar {
        max-width:100vw;
        padding:0px 20px;
    }

    .request-container, .container > .request-title {
        max-width: 100vw;
        padding:0 20px;
    }
}
.requests-search {
    width: 100%;
}
.requests-table-toolbar {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
}
@media (min-width: 768px) {
    .requests-table-toolbar {
        flex-direction: row;
    }
}
.requests-table-toolbar .search {
    flex: 1;
    width: 100%;
    position: relative;
    margin-top: 30px;
}
.requests-table-toolbar .search input[type="search"] {
    max-width: 100%;
}
.search-icon {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    right: 15px;
    z-index: 1;
    width: 18px;
    height: 18px;
    color: #777;
}
.requests-table-toolbar .request-table-filter {
    width: 100%;
}
@media (min-width: 768px) {
    .requests-table-toolbar .request-table-filter {
        width: auto;
    }
}
.requests-table-toolbar .request-filter {
    display: block;
}
@media (min-width: 768px) {
    .requests-table-toolbar .request-filter {
        margin: 0 0 0 30px;
    }
}
.requests-table-toolbar .request-filter-label {
    font-size: 13px;
    margin-top: 30px;
    margin-bottom: 4px
}
@media (min-width: 768px) {
    .requests-table-toolbar .request-filter-label {
        margin-top: 0;
    }
}
.requests-table-toolbar select {
    max-height: 40px;
    margin-bottom: 30px;
    width: 100%;
}
@media (min-width: 768px) {
    .requests-table-toolbar select {
        margin-bottom: 0;
        max-width: 300px;
        width: auto;
    }
}
@media (min-width: 768px) {
    .requests-table-toolbar .organization-subscribe {
        margin-left: 10px;
    }
}
.requests-table-toolbar .organization-subscribe button {
    line-height: 40px;
    max-height: 40px;
    padding: 0 20px;
}
.requests-table-toolbar + .requests-search-info {
    margin-top: 15px;
}
.requests-table-toolbar + .requests-search-info.meta-data::after {
    content: "";
    margin: 0;
}
.requests-table-toolbar + .requests-search-info + .requests {
    margin-top: 20px;
}
.requests-table-toolbar + .requests {
    margin-top: 40px;
}
.requests .requests-table-meta {
    display: block;
}
@media (min-width: 768px) {
    .requests .requests-table-meta {
        display: none;
    }
}
.requests .requests-table thead {
    display: none;
}
@media (min-width: 768px) {
    .requests .requests-table thead {
        display: table-header-group;
    }
}
.requests .requests-table-info {
    display: block;
}
@media (min-width: 768px) {
    .requests .requests-table-info {
        display: table-cell;
        vertical-align: middle;
        width: auto;
    }
}
.requests .requests-table .requests-link {
    position: relative;
}
.requests .requests-table .requests-sort-symbol {
    position: absolute;
    left: calc(100% + 3px);
    bottom: 0;
    font-size: 10px;
}
/* Following table */
@media (min-width: 768px) {
    .subscriptions-subscribe button {
        width: auto;
    }
}
.subscriptions-table td:last-child {
    display: block;
}
@media (min-width: 768px) {
    .subscriptions-table td:last-child {
        display: table-cell;
    }
}
.subscriptions-table td:first-child {
    display: flex;
    align-items: center;
}
.subscriptions-table .user-avatar {
    margin-right: 10px;
}
.subscriptions .striped-list-title {
    display: inline-block;
    vertical-align: middle;
}
/* Contributions table */
.contributions-table td:last-child {
    color: #503d3d;
    font-size: 13px;
}
@media (min-width: 768px) {
    .contributions-table td:last-child {
        color: inherit;
        font-size: inherit;
        font-weight: inherit;
    }
}
.no-activities {
    color: #503d3d;
}
/***** 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;
    position: relative;
    max-width: 1440px;
    margin-left:auto;
    margin-right:auto;
}

.request-breadcrumbs > .breadcrumbs {
    position: relative;
}
@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: #503d3d;
    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(22, 17, 17, 100);
}
.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(22, 17, 17, 100);
}
.request-main input#mark_as_solved {
    display: none;
}
.request-title {
    width: 100%;
}
@media (min-width: 1024px) {
    .request-title {
        border-bottom: 1px solid #ddd;
        margin-bottom: 0;
        max-width: 66%;
        padding-bottom: 20px;
    }
}
.request-sidebar {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    flex: 1 0 auto;
    order: 0;
}
@media (min-width: 1024px) {
    .request-sidebar {
        background-color: #f7f7f7;
        border: 0;
        font-size: 13px;
        flex: 0 0 auto;
        padding: 0 20px;
        width: 30%;
    }
}
.request-sidebar h2 {
    font-size: 15px;
    font-weight: 600;
    position: relative;
}
@media (min-width: 1024px) {
    .request-sidebar h2 {
        display: none;
    }
}
.request-details {
    border-bottom: 1px solid #ddd;
    font-size: 0;
    margin: 0;
    padding-bottom: 20px;
}
.request-details:last-child {
    border: 0;
}
.request-details dt, .request-details dd {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    margin: 20px 0 0 0;
}
.request-details dd {
    padding: 0 10px;
    width: 60%;
}
.request-details dd::after {
    content: "\A";
    white-space: pre;
}
.request-details dt {
    color: #503d3d;
    width: 40%;
}
.request-details .request-collaborators {
    display: inline-block;
}
.request-attachments dt, .request-attachments dd {
    width: 100%;
}
.request-attachments dd {
    margin: 10px 0 0 0;
}
.request-form textarea {
    min-height: 120px;
}
.request-follow-up {
    padding-top: 20px;
}
/***** Pagination *****/
.pagination {
    margin: 20px 0;
    text-align: center;
}
.pagination-next, .pagination-prev, .pagination-first, .pagination-last {
    display: inline-block;
}
.pagination-first-link, .pagination-last-link {
    padding: 0 10px;
}
.pagination-first-text, .pagination-last-text {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
}
.pagination-next-link {
    padding-right: 10px;
}
.pagination-next-text {
    margin-right: 10px;
}
.pagination-prev-link {
    padding-left: 10px;
}
.pagination-prev-text {
    margin-left: 10px;
}
/***** Metadata *****/
.meta-group {
    display: block;
}
.meta-group-opposite {
    float: right;
}
.meta-group * {
    display: inline;
}
.meta-data {
    color: #503d3d;
    font-size: 13px;
}
.meta-data:not(:last-child)::after {
    content: "\00B7";
    margin: 0 5px;
}
/* User Profiles */
.profile-header {
    padding: 30px 0;
    background-color: #f7f7f7;
}

.profile-nav > div, .profile-section, .profile-header > div {
    max-width:1440px !important;
    margin:auto;
}
.profile-header .container {
    display: flex;
    flex-wrap: wrap;
}
@media (min-width: 768px) {
    .profile-header .container {
        flex-wrap: nowrap;
    }
}

@media (max-width:1440px) {
    .profile-nav, .profile-header, .profile-section {
        max-width: 100vw;
        padding:0px 20px;
    }
}
.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;
}
.profile-avatar .user-avatar {
    width: 80px;
    height: 80px;
}
.profile-avatar .icon-agent {
    bottom: 0;
    right: 0;
}
.profile-header .basic-info {
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    word-break: break-word;
    word-wrap: break-word;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
    flex-basis: 0;
    min-width: 0;
}
.profile-header .basic-info .name {
    margin: 0;
    line-height: 25px;
}
.profile-header .options {
    display: flex;
    flex-basis: 100%;
    margin-top: 12px;
    align-items: flex-start;
    flex-wrap: wrap;
}
@media (min-width: 768px) {
    .profile-header .options {
        flex-wrap: nowrap;
        flex-basis: auto;
        margin-top: 0;
        margin-left: 10px;
    }
    .profile-header .options > :not(:last-child) {
        margin-bottom: 0;
        margin-right: 10px;
    }
}
.user-profile-actions {
    width: 100%;
    margin-bottom: 15px;
}
.profile-header .description {
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    word-break: break-word;
    word-wrap: break-word;
    margin: 15px 0;
    flex-basis: 100%;
}
.profile-stats {
    font-size: 13px;
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
}
.profile-stats .stat {
    display: flex;
    margin-bottom: 10px;
}
.profile-stats .stat-label {
    color: #503d3d;
    flex: 0 0 100px;
    margin-right: 10px;
}
.profile-stats-activity {
    border-top: solid 1px #ddd;
    margin-top: 15px;
}
@media (min-width: 768px) {
    .profile-stats-activity {
        border-top: 0;
        flex-direction: row;
    }
}
@media (min-width: 768px) {
    .profile-stats-activity .stat {
        flex-direction: column;
    }
}
.profile-stats-activity .stat:first-child {
    margin-top: 10px;
}
@media (min-width: 768px) {
    .profile-stats-activity .stat:first-child {
        margin-top: 0;
    }
    .profile-stats-activity .stat:not(:last-child) {
        margin-right: 40px;
    }
    .profile-stats-activity .stat-label {
        flex: 0 1 auto;
    }
}
.profile-stats-counters {
    border-bottom: solid 1px #ddd;
}
@media (min-width: 768px) {
    .profile-stats-counters {
        flex: 0 0 200px;
        border-bottom: 0;
        margin-left: 40px;
    }
}
@media (min-width: 1024px) {
    .profile-stats-counters {
        flex: 0 0 270px;
        margin-left: 60px;
    }
}
@media (min-width: 768px) {
    .profile-stats-counters .stat {
        flex-direction: column;
    }
}
@media (min-width: 1024px) {
    .profile-stats-counters .stat {
        flex-direction: row;
    }
}
@media (min-width: 768px) {
    .profile-stats-counters .stat:not(:last-child) {
        margin-bottom: 15px;
    }
}
@media (min-width: 768px) {
    .profile-stats-counters .stat-label {
        flex: 0 1 auto;
    }
}
@media (min-width: 1024px) {
    .profile-stats-counters .stat-label {
        flex: 0 0 100px;
    }
}
.profile-private-badge {
    flex-basis: 100%;
    border: solid 1px rgba(22, 17, 17, 100);
    border-radius: 4px;
    color: rgba(22, 17, 17, 100);
    padding: 5px 20px;
    font-size: 12px;
    text-align: center;
}
.profile-private-badge .profile-private-icon {
    margin-left: 5px;
    line-height: 15px;
}
@media (min-width: 768px) {
    .profile-private-badge {
        flex-basis: auto;
    }
}
.profile-nav {
    background-color: #f2f2f2;
    margin-bottom: 37px;
}
.profile-section {
    width: 100%;
}
@media (min-width: 1024px) {
    .profile-section {
        width: calc(100% - 330px);
    }
}
.profile-section-header {
    display: flex;
    flex-wrap: wrap;
}
.profile-section-title {
    flex-basis: 100%;
    margin-bottom: 0;
}
.profile-section-description {
    flex-basis: 100%;
    padding: 10px 0;
    color: #503d3d;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (min-width: 768px) {
    .profile-section-description {
        flex: 1 0 50%;
        padding-bottom: 0;
    }
}
.profile-section-sorter {
    flex-basis: 100%;
    border-top: solid 1px #eee;
    font-size: 13px;
}
.profile-section-sorter .dropdown-toggle {
    padding: 10px 0;
    width: 100%;
}
.profile-section-sorter .dropdown-toggle::after {
    position: absolute;
    right: 0;
}
@media (min-width: 768px) {
    .profile-section-sorter .dropdown-toggle::after {
        position: relative;
    }
}
@media (min-width: 768px) {
    .profile-section-sorter {
        flex: 0 1 auto;
        padding-top: 0;
        border-top: 0;
        margin-left: 20px;
    }
}
.profile-badges-items {
    margin-top: 25px;
}
.profile-badges-item {
    border-top: 1px solid #ddd;
    display: flex;
    flex: 1;
    flex-direction: row;
    justify-content: flex-start;
    padding: 27px 12px;
}
.profile-badges-item > div {
    padding-right: 12px;
    padding-left: 12px;
}
.profile-badges-item-image {
    height: 40px;
    width: 40px;
    margin-right: 12px;
}
.profile-badges-item-image img {
    max-height: 40px;
}
.profile-badges-item-title, .profile-badges-item-metadata-title {
    font-size: 15px;
    margin-bottom: 10px;
}
.profile-badges-item-title {
    font-weight: 600;
}
.profile-badges-item-description, .profile-badges-item-metadata-description {
    color: #503d3d;
    font-size: 13px;
    margin: 0;
}
.profile-badges-item-metadata {
    margin-left: auto;
    text-align: right;
}
.profile-contribution {
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    word-break: break-word;
    word-wrap: break-word;
    padding: 20px 0;
    position: relative;
}
.profile-contribution-header {
    margin-bottom: 5px;
}
.profile-contribution-title {
    margin: 0 0 5px 0;
    display: inline;
    line-height: 21px;
    font-size: 15px;
    vertical-align: middle;
}
.profile-contribution-body {
    margin: 10px 0;
}
.profile-contribution-list > .profile-contribution {
    border-top: 1px solid #eee;
}
@media (min-width: 768px) {
    .profile-contribution-list > .profile-contribution {
        padding-left: 30px;
    }
}
.profile-contribution-list > .profile-contribution:last-child {
    border-bottom: 1px solid #eee;
}
.profile-contribution-icon {
    left: 0;
    position: absolute;
    color: #ccc;
    line-height: 25px;
}
.profile-contribution-icon svg {
    vertical-align: middle;
}
.profile-contribution-list .profile-contribution-header {
    margin-left: 30px;
}
@media (min-width: 768px) {
    .profile-contribution-list .profile-contribution-header {
        margin-left: 0;
    }
}
.profile-comments .profile-contribution-breadcrumbs {
    margin-left: 30px;
}
@media (min-width: 768px) {
    .profile-comments .profile-contribution-breadcrumbs {
        margin-left: 0;
    }
}
.profile-section .no-activity, .profile-section .private-activity {
    display: block;
    margin-top: 40px;
    color: #999;
}
.private-activity-icon {
    margin-right: 10px;
}
.profile-activity-list {
    margin-top: 25px;
}
.profile-activity {
    position: relative;
    padding-bottom: 30px;
}
@media (min-width: 768px) {
    .profile-activity {
        padding-left: 20px;
    }
}
@media (min-width: 768px) {
    .profile-activity:not(:last-child) {
        border-left: 1px solid #ddd;
    }
}
.profile-activity-header {
    display: flex;
    align-items: center;
    margin-left: 35px;
}
@media (min-width: 768px) {
    .profile-activity-header {
        margin-left: 0;
    }
}
.profile-activity-header .user-avatar {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    min-width: 40px;
    align-self: flex-start;
}
.profile-activity-description {
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    word-break: break-word;
    word-wrap: break-word;
    margin: 0;
    min-width: 0;
    width: 100%;
}
.profile-activity-description span:first-child {
    font-weight: 600;
    display: inline;
}
.profile-activity-contribution {
    padding: 20px;
    margin-top: 10px;
    border-radius: 8px;
    background-color: #f7f7f7;
}
@media (min-width: 768px) {
    .profile-activity-contribution {
        margin-top: 0;
        margin-left: 50px;
    }
}
.profile-activity-icon {
    position: absolute;
    left: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    background-position: 50% 50%;
    text-align: center;
    color: #ccc;
}
@media (min-width: 768px) {
    .profile-activity-icon {
        left: -14px;
    }
}
.profile-activity-icon svg {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 1em;
    height: 1em;
    margin: auto;
}
/***** Search results *****/
.search-results {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
  max-width:1440px;
  margin:auto;
  padding:0 20px 20px;
}
@media (min-width: 1024px) {
    .search-results {
        flex-direction: row;
    }
}
.search-results-column {
    flex: 1;
    margin-left: 24px;
}
/*
@media (min-width: 1024px) {
    .search-results-column {
        flex: 0 0 75%;
    }
}
*/
.search-results-sidebar {
    border-right: 1px solid #ddd;
    flex: 1 0 auto;
    margin-bottom: 20px;
    padding: 0;
}
@media (min-width: 1024px) {
    .search-results-sidebar {
        flex: 0 0 25%;
        height: auto;
    }
  
  .search-bottom > .search-results > .search-results-sidebar {
    border-right-width:0px;
  }
  
  .explore-more {
    flex:1;
    margin-top:60px;
      position:relative;
    margin-left:24px;
  }
  
  .home-button {
    position: absolute;
    right: 20px;
    top: 0px;
    width: 175px;
    height: auto;
    min-height:40px;
    padding: 12px 24px;
    border: 1px solid #161111;
    border-radius: 60px;
    font-size: 14px;
    font-weight: 550;
    line-height: 16px;
    text-align: center;
  }
  
  .category-content .search-results-sidebar, .section-content .search-results-sidebar {
    display:none;
  }
  
  .category-content .home-button, .section-content .home-button {
    right:0px;
  }
  
  .category-content .search-results-column, .section-content .search-results-column {
    margin-left:0px;
  }
  
  .category-content .explore-more, .section-content .explore-more {
    margin-left:0px;
  }
  
  .category-content .search-results, .section-content .search-results {
    padding-left:0px;
    padding-right:0px;
  }
}

@media (max-width:1024px) {
    .explore-more > h3 {
    font-size:16px;
    line-height:25px;
  }
  
  .explore-more > p {
    font-size:14px;
    margin-bottom:24px;
  }
  
    .home-button {
    width: 175px;
    height: 40px;
    padding: 12px 24px;
    border: 1px solid rgba(246, 96, 53, 1);
    border-radius: 60px;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
  }
  
  .explore-more {
    width:300px;
  }
  
    .category-content .search-results-column, .section-content .search-results-column {
    margin-left:0px;
  }
  
  .category-content .explore-more, .section-content .explore-more {
    margin-left:0px;
  }
  
  .category-content .search-results, .section-content .search-results {
    padding-left:0px;
    padding-right:0px;
  }
  
  .section-tree > .section {
    padding-left:0px !important;
  }
}
.search-results-sidebar .sidenav-items:hover, .search-results-sidebar .sidenav-items.current {
    background-image: url(/hc/theming_assets/01KBGR7NGK8RKND6EDRQBYJA8F);
    color: inherit;
    text-decoration: none;
  	background-size:14px;
}
.search-results-sidebar .sidenav-subitem {
    unicode-bidi: embed;
}
.search-results-sidebar .collapsible-sidebar {
    margin-bottom: 30px;
}
.search-results-sidebar .collapsible-sidebar[aria-expanded="false"] .multibrand-filter-list {
    display: none;
}
@media (min-width: 1024px) {
    .search-results-sidebar .collapsible-sidebar[aria-expanded="false"] .multibrand-filter-list {
        display: block;
    }
}
.search-results-sidebar .multibrand-filter-list--collapsed li:nth-child(1n + 6) {
    display: none;
}
.search-results-sidebar .multibrand-filter-list .doc-count {
    color: #617379;
}
.search-results-sidebar .see-all-filters {
    background: none;
    border: none;
    cursor: pointer;
    display: block;
    padding: 10px;
    color: rgba(22, 17, 17, 100);
  font-size:14px;
}
.search-results-sidebar .see-all-filters[aria-hidden="true"] {
    display: none;
}
.search-results-sidebar .see-all-filters:hover {
    text-decoration: underline;
}
.search-results-sidebar .see-all-filters::after {
    content: ' \2304';
    font-weight: bold;
}
.search-results-subheading {
    font-size: 14px;
    font-weight: 400;
  color:#C7CCE6;
  position:absolute;
  left:156px;
}

.search-back {
  font-size:14px;
  font-weight:400;
  color:#fff;
  min-width:50px;
}

.search-back > svg {
  margin-right:8px;
}
.search-results-list {
    margin-bottom: 25px;
}
.search-results-list > li {
    padding: 20px;
  border: 1px solid rgba(219, 224, 229, 1);
  margin-bottom:16px;
  border-radius: 12px;

background:white;
}

.search-results-list > li h2 {
    margin-bottom: 0 ;
  font-size:16px;
  line-height:25px;
  font-weight:700;
}


.results-list-item-link.external-link .external-tooltip {
    min-width: 20px;
    display: inline-flex;
    column-gap: 6px;
    padding: 3px 4px;
    margin-left: 10px;
    align-items: center;
    border-radius: 6px;
    background-size: 15px;
    background-repeat: no-repeat;
    background-color: #dbe0e5;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.69 4.31c.2.2.2.51 0 .71l-6.67 6.67a.5.5 0 1 1-.7-.71l6.66-6.67c.2-.2.51-.2.7 0Z' fill='%232F373A'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.83 4.67c0-.28.23-.5.5-.5h6c.28 0 .5.22.5.5v6a.5.5 0 1 1-1 0v-5.5h-5.5a.5.5 0 0 1-.5-.5Z' fill='%232F373A'/%3E%3C/svg%3E");
  max-height:20px;
}

.results-list-item-link.external-link:hover .external-tooltip {
    background-color: var(--neutral-grey);
    padding: 5px 5px 5px 24px;
  background-position:5px center;
}

.results-list-item-link.external-link *{
    transition: all .2s ease-in-out;
}

.results-list-item-link.external-link {
    text-decoration: none;
}
.results-list-item-link.external-link svg {
    width: 16px;
    height: 16px;
}

.results-list-item-link.external-link span {
    color: transparent;
    font-size: 0;
    font-weight: 400;
}
.results-list-item-link.external-link:hover .external-tooltip span {
    font-size: 12px;
    color: var(--neutral-grey-dark);
}

.search-results .meta-group {
    display: block;
    align-items: center;
    clear: both;
    color: #617379;
    font-size: 12px;
   line-height:18px;
}
@media (min-width: 1024px) {
    .search-results .meta-group {
        display: flex;
    }
}
.search-results .meta-group > li {
    display: block;
}
@media (min-width: 1024px) {
    .search-results .meta-group > li {
        display: inline;
    }
}
@media (min-width: 1024px) {
    .search-results .meta-group li:first-child {
        flex: 1;
    }
}
.search-results .meta-group .meta-data {
    color: inherit;
}
[dir="ltr"] .search-results .meta-group .meta-data:not(:last-child) {
    margin-right: 20px;
}
.search-results .meta-group .meta-data::after {
    content: none;
}
.search-results-description {
    word-break: break-word;
    font-size:16px;
  line-height:25px;
  margin:15px 0 16px 0;
}
.search-result-list-item {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.search-result-list-item .icon-resource {
    background-color: var(--resource-orange);
    width: 36px;
    height: 36px;
    margin: 0 24px 0 0;
    border-radius: 900px;
    background-image: url(/hc/theming_assets/01KBGRD9T8TCTSEESZNP34SBC0);
    background-repeat: no-repeat;
    background-position: center;
    display:none;
}

.search-result-list-item.University .icon-resource {
    background-color: var(--resource-blue);
    background-image: url(/hc/theming_assets/01KBGSY2T3AEWV7ET2DRAJQ8EE);
}

.search-result-list-item.Community .icon-resource {
    background-color: var(--resource-yellow);
    background-image: url(/hc/theming_assets/01KBGSRNVNY7TMHRSVE5H0NY3E);
}

.search-result-list-item.Blog .icon-resource {
    background-color: var(--resource-green);
}

.search-result-list-item.Videos .icon-resource {
    background-color: var(--resource-dark-blue);
    background-image: url(/hc/theming_assets/01KBGT018TNNP9QNKPQ95Y78N8);
}

.search-result-list-item.Developer .icon-resource {
    background-color: var(--resource-purple);
    background-image: url(/hc/theming_assets/01KBGST9NSTNW83R7B3XP607JG);
}

.search-result-list-item .list-item-content {
    width: 90%;
}

.search-result-title, .search-result-title a {
    font-size: 16px;
    display: flex;
    font-weight: 600;
    color: #161111;
      font-family: cal sans;
    
}
[dir="ltr"] .search-result-icons {
    float: right;
    display:none;
}
.search-result-votes, .search-result-meta-count {
    color: #503d3d;
    display: inline-block;
    font-size: 13px;
    padding: 4px 5px;
    position: relative;
}
.search-result-votes-icon, .search-result-meta-count-icon {
    color: rgba(22, 17, 17, 100);
    vertical-align: middle;
    width: 13px;
    height: 13px;
}
[dir="ltr"] .search-result-votes, [dir="ltr"] .search-result-meta-count {
    margin-left: 5px;
}
[dir="ltr"] .search-result-votes::before, [dir="ltr"] .search-result-meta-count::before {
    margin-right: 3px;
}
.search-result .meta-group {
    align-items: center;
}
.search-result-breadcrumbs {
    padding: 14px 0;
}
@media (min-width: 1024px) {
    .search-result-breadcrumbs {
        display: table-row;
    }
}
@media (min-width: 1024px) {
    .search-result-breadcrumbs li {
        display: table-cell;
    }
}
.search-result-breadcrumbs li, .search-result-breadcrumbs li a, .search-result-breadcrumbs li a:visited {
    color: inherit;
}
.search-results-description em {
    font-style: normal;
    font-weight: bold;
}
/***** Notifications *****/
.notification {
    border: 1px solid;
    display: table;
    font-size: 12px;
    padding: 13px 15px;
    transition: height .2s;
    width: 100%;
    color: #555;
}
.notification a {
    color: #158ec2;
}
.notification-inner {
    margin: 0 auto;
    padding: 0 20px;
    max-width: 980px;
}
.notification-icon, .notification-text, .notification-dismiss {
    display: table-cell;
    vertical-align: middle;
}
.notification-text {
    padding: 0 15px;
    width: 100%;
}
.notification + .notification {
    margin-bottom: -1px;
    position: relative;
    top: -1px;
}
/* Error */

.error-page {
    max-width: 1440px;
    margin:auto;
}

@media (max-width:1440px) {
    .error-page {
        max-width: 100vw;
        padding:0px 20px;
    }
}
.notification-error {
    background: #ffeded;
    border-color: #f7cbcb;
}
.notification-error .notification-icon::before, .notification-error .notification-inline.notification-error::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23555555'/%3E%3C/svg%3E");
}
/* Notice */
.notification-notice {
    background: #dbf3ff;
    border-color: #b5e0f5;
}
.notification-notice .notification-icon::before, .notification-notice .notification-inline.notification-error::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.5 6l2 2L9 4.5'/%3E%3Ccircle cx='6' cy='6' r='5.5'/%3E%3C/g%3E%3C/svg%3E");
}
/* Alert / Lock */
.notification-alert {
    color: #ad5e18;
    background: #fff8ed;
    border-color: #fcdba9;
}
.notification-alert .notification-icon::before, .notification-alert .notification-inline.notification-error::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23ad5e18' stroke-linecap='round' d='M5.06 1.27l-4.5 8.5c-.18.33.06.73.44.73h9c.38 0 .62-.4.44-.73l-4.5-8.5a.494.494 0 00-.88 0zM5.5 4v2'/%3E%3Ccircle cx='5.5' cy='8' r='.8' fill='%23ad5e18'/%3E%3C/svg%3E");
}
.notification-icon::before, .notification-inline.notification-error::before {
    background-size: cover;
    content: "";
    display: inline-block;
    height: 14px;
    width: 14px;
    vertical-align: middle;
}
/* Dismiss button */
.notification-dismiss, a.notification-dismiss {
    color: #555;
    cursor: pointer;
    opacity: .6;
    transition: opacity 100ms ease;
    text-decoration: none !important;
}
.notification-dismiss:hover {
    opacity: 1;
}
/* Inline notifications */
.notification-inline {
    border-radius: 4px;
    line-height: 14px;
    margin-top: 5px;
    padding: 5px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}
.notification-inline[aria-hidden="true"] {
    display: none;
}
.notification-inline.notification-error::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23e35b66'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23e35b66'/%3E%3C/svg%3E");
    margin: -2px 5px 0 0;
}
.notification-inline.notification-error {
    background-color: #fff0f1;
    border: 1px solid #e35b66;
    color: #cc3340;
}
.notification-inline.notification-large {
    padding: 13px 15px;
    margin-bottom: 25px;
}
.notification-left-aligned {
    text-align: left;
    padding-left: 0;
}
/***** Footer *****/
/* duda footer */
/* classes from duda needed for footer */
ul.no-bullet {
    list-style: none;
    margin-left: 0
}
.row {
    margin: auto;
    max-width: 1200px;
}
@media (max-width: 40em) {
    .row {
        padding-right: 5px;
        padding-left: 5px;
    }
}
.row::after, .row::before {
    display: table;
    content: ' ';
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-order: 1;
    order: 1
}
.row::after {
    clear: both;
}
.column, .columns {
    padding-right: .625rem;
    padding-left: .625rem;
    width: 100%;
    float: left
}
@media print, screen and (min-width:40em) {
    .column, .columns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}
.column, .column:last-child:not(:first-child), .columns, .columns:last-child:not(:first-child) {
    float: left;
    clear: none
}
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: right
}
.small-12 {
    width: 100%;
}
@media print, screen and (min-width:40em) {
    .medium-12 {
        width: 100%
    }
}
@media print, screen and (min-width:64em) {
    .large-6 {
        width: 50%
    }
    .large-12 {
        width: 100%;
    }
}
/* show hide */
.article-excerpt {display:none;}
.show-for-sr {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}
@media screen and (max-width:63.99875em) {
    .show-for-large {
        display: none !important
    }
}
@media screen and (max-width:0em), screen and (min-width:40em) {
    .show-for-small-only {
        display: none !important
    }
}
@media screen and (max-width:39.99875em) {
    .show-for-medium {
        display: none !important
    }
}
@media print, screen and (min-width:64em) {
    .hide-for-large {
        display: none !important
    }
}
/* footer css from home.css on duda */
.duda-footer .top-bg {
    float: right;
    width: 100%;
    background-image: url(https://du-cdn.multiscreensite.com/duda_website/images/footer/footer_background_top_part.png?v=3), linear-gradient(64.87deg, #fff 0, #fff 100%);
    background-position: right -150px bottom, center;
    background-repeat: no-repeat;
    height: 258px
}

.footer-top {
  text-align:center;
  margin:auto;
}

.footer-top > .title {
  font-size:48px;
  line-height:62.5px;
  color:white;
  font-weight:700;
  margin:80px auto 32px auto;
  font-family: 'Duda Sans'
}

.footer-top > .button {
  width:auto;
  height:42px;
  border-radius:60px;
 background: rgba(246, 96, 53, 1);
 color:white;
  font-size:16px;
  line-height:25.6px;
  text-align:center;
  padding:8px 24px;
  font-family: 'Duda Sans';
  margin-bottom:24px;
}
@media (max-width:64em) {
    .duda-footer {
        margin-top: 96px
    }
    .duda-footer .top-bg {
        background-position: right -20px bottom, bottom;
        height: 60px;
        background-size: contain
    }
}
.duda-footer .lists {
    margin: 0 -25px
}
.duda-footer .lists > li {
    float: left;
    list-style: none;
    padding: 0 25px;
    min-height: 300px
}
@media (min-width:64em) {
    .duda-footer .lists > li {
        min-height: 0;
        width: 25%
    }
}
@media (max-width:735px) {
    .duda-footer .lists > li {
        min-height: 350px
    }
}
@media (max-width:64em) {
    .duda-footer .lists > li {
        display: block;
        width: 100%;
        min-height: auto
    }
}
.duda-footer .lists > li ul {
    color: #fff;
    margin-bottom: 40px;
    min-height: 186px
}
@media (max-width:64em) {
    .duda-footer .lists > li ul {
        border-bottom: 1px solid rgba(255, 255, 255, .5);
        margin: 0;
        min-height: auto
    }
    .duda-footer .lists > li ul.active {
        padding-bottom: 20px
    }
    .duda-footer .lists > li ul.active > li:not(.top) {
        display: block
    }
    .duda-footer .lists > li ul.active > li.top svg {
        transform: rotateX(180deg)
    }
    .duda-footer .lists > li ul > li {
        font-size: 14px
    }
    .duda-footer .lists > li ul > li.top {
        cursor: pointer
    }
}

.duda-footer .lists > li ul > li.top svg {
    display: none;
    fill: #fff;
    float: right;
    transition: transform ease .3s;
    width: 14px;
    height: 46px
}
@media (max-width:40em) {
    .duda-footer .lists > li ul > li.top svg {
        width: 7px
    }
}
.duda-footer .lists > li ul > li strong {
    font-size: 22px;
    line-height: 33px;
    font-family: 'cal sans';
  margin-bottom: 20px;
  display:block;
}
.duda-footer .lists > li ul > li a {
    font-weight: 300;
    font-family:'Duda Sans';
    color: #c9cacd;
    line-height: 46px;
  font-weight: 400;
}
.duda-footer .lists > li ul > li a .hiring {
    background: #F66135;
    font-size: 10px;
    padding: 2px 8px;
    border-radius: 10px;
    font-weight: 600;
    margin-left: 2px
}
.duda-footer .lists > li ul > li a:hover {
    color: #c7c7c7
}
.duda-footer hr {
    border: 1px solid #FFF;
    margin: 35px 0 22px
}


@media (max-width:64em) {
    .duda-footer .lists > li ul > li.top svg {
        display: block
    }
    .duda-footer .lists > li ul > li:not(.top) {
        display: none
    }
}
@media (max-width:64em) {
  .norton {
    float:none;
    position:absolute;
    bottom:0;
    left:50%;
    margin-left:-72px;
  }
  
  .section {
    padding:0px 10px;
  }
  
  #main-content {
    padding:0px 25px;
  }
  
  .list-super-footer li p {
    padding:0px 10px;
  }
}

/* New Footer */
footer {
	float: right;
	width: 100%;
	background-color: #161111;
	color: #c9cacd;
	position: relative;
	z-index: 2;
	overflow: hidden;
	font-size: 17px;
  padding-top: 118px;
}
footer .footer-links {
	display: flex;
    width: 100%;
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto 70px;
    justify-content: space-between;
  gap: 10px;
      flex-wrap: wrap;
}
footer .footer-links a{
  color: #C9CACD;
  font-size: 17px;
  font-weight: 350;
  line-height: 32px;
}
@media (max-width: 1100px) {
	footer .footer-links a{
     flex: 0 0 22%; 
   }
}
@media (max-width: 700px) {
	footer .footer-links a{
     flex: 0 0 30%; 
   }
}
@media (max-width: 700px) {
	footer .footer-links a{
     flex: 0 0 45%; 
   }
}

footer .social-icons {
	 display: flex;
	 float: right;
	 width: auto;
	 justify-content: center;
}
 @media (max-width: 1024px) {
	 footer .social-icons {
		 width: 100%;
	}
}
 @media (max-width: 500px) {
	 footer .social-icons {
		 order: 1;
	}
}
 footer .social-icons .icon {
	 float: right;
	 width: 38px;
	 height: 38px;
	 line-height: 38px;
	 border-radius: 100%;
	 text-align: center;
	 font-size: 15px;
	 color: #fff;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 margin: 0 0 0 15px;
	 transition: all 0.3s ease;
}
 @media (max-width: 1024px) {
	 footer .social-icons .icon {
		 margin: 0 6px;
	}
}
 footer .social-icons .icon:hover {
	 opacity: 0.8;
}
 @media (min-width: 1024px) {
	 footer .hide-for-large {
		 display: none;
	}
}
 @media (max-width: 1024px) {
	 footer .show-for-large {
		 display: none;
	}
}
 
footer .copyrights {
	 float: left;
	 color: #fff;
	 font-size: 14px;
	 font-weight: 350;
	 line-height: 22px;
	 letter-spacing: -0.015em;
}
 @media (max-width: 1024px) {
	 footer .copyrights {
		 width: 100%;
		 text-align: center;
		 padding: 30px 0px;
	}
}
 @media (max-width: 640px) {
	 footer .copyrights {
		 font-size: 12px;
	}
}
 @media (max-width: 500px) {
	 footer .copyrights {
		 padding: 40px 0px;
		 order: 2;
	}
}
 footer .copyrights .c {
	 font-size: 12px;
	 transform: translateY(-1px);
	 display: inline-block;
	 margin-left: 50px;
}
 @media (max-width: 1024px) {
	 footer .copyrights .c {
		 margin-left: 10px;
	}
}
 @media (max-width: 500px) {
	 footer .copyrights .c {
		 margin-left: 10px;
		 transform: translateY(0px);
	}
}
 footer .copyrights a {
	 color: #fff;
	 margin: 0 10px;
}
 footer .copyrights .up-year {
	 display: inline-block;
	 margin-right: 50px;
}
 @media (max-width: 1024px) {
	 footer .copyrights .up-year {
		 width: 100%;
		 margin: 0 0 10px;
	}
}
 
footer .lets {
	 float: left;
	 width: 100%;
	 font-family: Cal Sans;
	 color: #fff;
	 text-align: center;
	 overflow: hidden;
	 display: flex;
	 justify-content: center;
}
 footer .lets .txt {
	 margin-top: 45px;
}
 footer .lets .txt svg {
	 transform: translateY(9px);
	 width: 100%;
	 height: auto;
}
 @media (max-width: 500px) {
	 footer .lets .txt svg {
		 transform: translateY(6px);
	}
}
 footer .down-footer {
	 float: left;
	 width: 100%;
	 border-top: #3d4049 solid 1px;
	 padding: 60px 0 70px;
}
 @media (max-width: 500px) {
	 footer .down-footer {
		 padding: 50px 0 90px;
		 font-size: 14px;
	}
}
 footer .down-footer .container {
	 padding-right: 15px;
	 padding-left: 15px;
	 margin: auto;
	 max-width: 1200px;
}
 @media (max-width: 500px) {
	 footer .down-footer .container {
		 display: flex;
		 flex-direction: column;
	}
}
 footer .down-footer .proud {
	 display: none;
}
 @media (max-width: 500px) {
	 footer .down-footer .proud {
		 display: flex;
	}
}
 


/*rebecca's minor paligo edits*/

.article-sidebar {
    --text-muted: #4a5568;
    --hover-color: #f66035;
    --accent-color: #fce7c552;
    
    width: 280px;
    background: white;
    box-shadow: none;

  height: fit-content;
		top: 11rem;
    position: sticky;
    align-self: start;
		margin-bottom:19rem;
}

.nav.subnav {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.nav.subnav li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidenav-item {
    display: flex;
    align-items: flex-start;
    padding: 0.5rem 0;
    font-weight: 550;
  	text-decoration: none;
    font-size: 0.9375rem;
    line-height: 1.5;
    transition: color 0.2s ease;
    position: relative;
    background: none;
}

.sidenav-item::before {
    content: "" !important;
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    margin-right: 0.75rem !important;
    margin-top: 0.25rem !important;   
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Crect width='16' height='16' fill='white'/%3E%3Cpath d='M13.6668 9.33334V6.66668C13.6668 4.15252 13.6668 2.89544 12.8858 2.11439C12.1047 1.33334 10.8476 1.33334 8.33343 1.33334H7.66683C5.15272 1.33334 3.89565 1.33334 3.1146 2.11438C2.33355 2.89542 2.33354 4.15249 2.33352 6.66663L2.3335 9.33328C2.33348 11.8475 2.33346 13.1045 3.11452 13.8856C3.89556 14.6667 5.15265 14.6667 7.66683 14.6667H8.33343C10.8476 14.6667 12.1047 14.6667 12.8858 13.8856C13.6668 13.1046 13.6668 11.8475 13.6668 9.33334Z' stroke='%23161111' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.3335 4.66666H10.6668M5.3335 7.99999H10.6668M5.3335 11.3333H8.00016' stroke='%23161111' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  	background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}




.sidenav-item.current-article {
    color: var(--hover-color);
}
.sidenav-item.current-article:empty {
    display: none;
}

a.sidenav-item.sub-level-2 {
    padding-left: 48px;
    font-size: 13px;
    color: #666;
}

@media (max-width: 1023px) {
    .article-sidebar {
        width: 100%;
        padding: 1rem;
        margin: 0;
        background: transparent;
        box-shadow: none !important;
				padding: 0;
        position: relative;
        top: unset;

    }

    .nav.subnav {
        gap: 0.5rem;
    }

    .sidenav-item {
        padding: 0.75rem;
        background: white;
        border-radius: 6px;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05);
        border: 1px solid #e5e7eb;
    }

    .sidenav-item::before {
        margin-top: 0 !important;
    }
}

@media (max-width: 480px) {
    .sidenav-item {
        font-size: 0.875rem;
    }
}


.anchor-icon {
            position: relative;
						opacity: 1 !important;
            cursor: pointer;
            text-decoration: none;
}

.panel-body .note a.anchor-icon,
.panel-body .procedure a.anchor-icon {
    display: none;
}

.article .panel-heading{
    background-color: #eeeeee00 !important;
}
.article .panel-default {
    border: 0.5px solid #dddddd00 !important;
}
.panel-heading.active, .panel-heading:hover{
  background-color: #dddddd00 !important;
}
.panel-heading .title:after{
  display: none;
}

.article .panel-heading .title {
  display: flex;
  align-items: center;
  color: #161111;
}
.article .section h2{
	font-size: 24px !important;  
}
.article .article-votes-title{
  font-family: cal sans;
  font-style: unset;
}
.article .article-button-text{
    font-family: duda sans;
      color: #161111;
    font-weight: 550;
}
.article .article-thumbs{
  cursor: pointer;
}
.article .article-thumbs:hover .article-button-text{
    color: #F66035;
}
ul.itemizedlist {
  list-style-type: none !important;
}

ul.nav.subnav {
    flex-direction: column;
}

.subnav .sidenav-item.current-article,
.subnav .sidenav-item:hover{
    background-color: transparent;
    color: #f66035;

}

.article-sidebar:has(ul.nav.subnav) {
  border-left: 1px solid #E4E4E6;
}


/*end of Rebecca's edits*/

/*
.duda-footer .languages removed, use .duda-footer .language-selector below
*/
.duda-footer .norton {
  float:right;
  background-image:url(/hc/theming_assets/01HZPJQ4Q2XGKM9YP03FXSCA89);
  background-repeat:no-repeat;
  background-size:contain;
  width:114px;
  height:44px;
  margin-top:-5px;
}

/* zendesk tweaks */
.duda-footer ul {
    letter-spacing: .32px;
}
.duda-footer .top-bg {
    margin-bottom: clamp(100px, 15vw, 150px);
}
.duda-footer .lists > li ul > li a:hover {
    text-decoration: none;
}

footer > div.row > div.columns.large-6.medium-12 {
  position:relative;
  width:100%;
  margin-bottom:24px;
}

footer > div.row > div.columns.large-6.medium-12 > .logo {
  position:absolute;
}

footer > div.row > div.columns.large-6.medium-12 > .footer-language-selector {
  position:absolute;
  right:0;
  margin-right:.9375rem;
}
/* .duda-footer lang switcher */
.duda-footer .language-selector {
    position: relative;
    width: 192px;
  border-radius:8px;
  display:inline-block;
  
}
@media (max-width:64em) {
    .duda-footer .language-selector {
        margin: 30px auto 0
    }
  
  footer > div.row > div.columns.large-6.medium-12 > .footer-language-selector {
    position:relative;
    text-align:center;
  }
  
  footer > div.row > div.columns.large-6.medium-12 > .logo {
  display:none;
}
  
  .duda-footer .lists > li ul > li strong {
    display:inline-block;
    margin-top:5px;
  }
}
@media (max-width:40em) {
    .duda-footer .language-selector {
        margin: 40px auto 0
    }
}
.duda-footer .language-selector .dropdown-toggle {
    height: 28px;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 100%;
    line-height: 24px;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    border-radius:8px;
}
.duda-footer .language-selector .dropdown-toggle .arrow {
    margin: auto 11px auto auto;
    width: 14px;
}
.duda-footer .language-selector .dropdown-toggle .arrow img {
    transform: rotateX(180deg);
}
.duda-footer .language-selector .dropdown-toggle.active .arrow img {
    transform: rotateX(0)
}
.duda-footer .language-selector .dropdown-toggle::before {
    display: block;
    content: '';
    vertical-align: middle;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkgMWE4IDggMCAxMDggOCA4LjAxIDguMDEgMCAwMC04LTh6bTYuOTE5IDEwLjgwM2wtMi4yNzUuMzkyYy4yNi0uOTU1LjQtMS45MzkuNDE4LTIuOTI4aDIuMzk4YTcuNDE3IDcuNDE3IDAgMDEtLjU0MSAyLjUzNmgwek0xLjU0IDkuMjY3aDIuMzk4Yy4wMTcuOTkuMTU4IDEuOTczLjQxOCAyLjkyOGwtMi4yNzUtLjM5MmE3LjQxNyA3LjQxNyAwIDAxLS41NDEtMi41MzZ6bS41NDEtMy4wN2wyLjI3NS0uMzkyYy0uMjYuOTU1LS40IDEuOTM5LS40MTggMi45MjhIMS41NGMuMDMtLjg3LjIxMy0xLjcyOS41NDEtMi41MzZ6bTcuMTg2LS45MTVjLjk1OC4wMTIgMS45MTQuMSAyLjg1OC4yNmwuOTQyLjE2M2MuMjg5Ljk4NC40NDQgMi4wMDMuNDYyIDMuMDI4SDkuMjY3VjUuMjgyem0yLjk1LS4yNjVhMTguOTAyIDE4LjkwMiAwIDAwLTIuOTUtLjI2OXYtMy4yYzEuNTI4LjE0NyAyLjg1NiAxLjU0NyAzLjYwOSAzLjU4NGwtLjY2LS4xMTV6bS0zLjQ4NC0uMjY5Yy0uOTg4LjAxMy0xLjk3NC4xMDMtMi45NDkuMjdsLS42Ni4xMTNjLjc1My0yLjAzNyAyLjA4LTMuNDM4IDMuNjEtMy41ODR2My4yMDF6bS0yLjg1OC43OTVhMTguMzQgMTguMzQgMCAwMTIuODU4LS4yNjF2My40NTFINC40NzFjLjAxOC0xLjAyNS4xNzMtMi4wNDQuNDYyLTMuMDI4bC45NDItLjE2MnpNNC40NyA5LjI2N2g0LjI2MnYzLjQ1MWMtLjk1OC0uMDEyLTEuOTE0LS4xLTIuODU4LS4yNmwtLjk0Mi0uMTYzYTExLjQ0NyAxMS40NDcgMCAwMS0uNDYyLTMuMDI4aDB6bTEuMzEzIDMuNzE2Yy45NzQuMTY3IDEuOTYuMjU3IDIuOTUuMjd2My4yYy0xLjUzLS4xNDctMi44NTctMS41NDctMy42MS0zLjU4NGwuNjYuMTE0em0zLjQ4My4yN2ExOC45NjQgMTguOTY0IDAgMDAyLjk0OS0uMjdsLjY2LS4xMTRjLS43NTMgMi4wMzctMi4wOCAzLjQzOC0zLjYxIDMuNTg0di0zLjJ6bTIuODU4LS43OTZjLS45NDQuMTYyLTEuOS4yNS0yLjg1OC4yNjFWOS4yNjdoNC4yNjJhMTEuNDQ3IDExLjQ0NyAwIDAxLS40NjIgMy4wMjhsLS45NDIuMTYyem0xLjkzNy0zLjcyNGExMS45MzggMTEuOTM4IDAgMDAtLjQxOC0yLjkyOGwyLjI3NS4zOTJjLjMyOC44MDcuNTEgMS42NjYuNTQxIDIuNTM2aC0yLjM5OHpNMTUuNjUgNS42MWwtMi4xOC0uMzc3YTcuMzUzIDcuMzUzIDAgMDAtMi4xMjItMy4zMiA3LjUwMiA3LjUwMiAwIDAxNC4zMDIgMy42OTd6TTYuNjUzIDEuOTEzYTcuMzUzIDcuMzUzIDAgMDAtMi4xMjEgMy4zMkwyLjM1IDUuNjFhNy41MDIgNy41MDIgMCAwMTQuMzAyLTMuNjk3ek0yLjM1MSAxMi4zOWwyLjE4LjM3N2E3LjM1MyA3LjM1MyAwIDAwMi4xMjIgMy4zMiA3LjUwMiA3LjUwMiAwIDAxLTQuMzAyLTMuNjk3em04Ljk5NiAzLjY5N2E3LjM1MyA3LjM1MyAwIDAwMi4xMjEtMy4zMmwyLjE4MS0uMzc3YTcuNTAyIDcuNTAyIDAgMDEtNC4zMDIgMy42OTd6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLXdpZHRoPSIuMjUiLz48L3N2Zz4=) no-repeat 50% 50%;
    background-size: 18px 18px;
    width: 35px;
    height: 16px;
}
/* open menu */
.duda-footer .language-selector .dropdown-menu::before {
    display: none;
}
.duda-footer .language-selector .dropdown-menu-end {
    top: auto;
    left: 0;
    right: 0;
    min-width: 108px;
    bottom: 55px;
    width: 100%;
    border: 1px solid #EBEDEF;
    background-color: #FFF;
    box-shadow: 18px 14px 27px 0 rgba(0, 0, 0, .12);
    padding: 22px;
    border-radius: 0;
}
.duda-footer .language-selector .dropdown-menu-end::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: none;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    transform: translate(-4px, 22px);
    top: auto;
    right: auto;
}
.duda-footer .language-selector .dropdown-menu-end a {
    width: 100%;
    display: block;
    padding: 10px 0;
    color: #2F373A;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 2.17px;
    line-height: 26px;
}
.duda-footer .language-selector .dropdown-menu-end a:hover {
    color: #F66035;
    background: none;
}

@media (max-width:620px) {
  
  .breadcrumbs {
    margin:20px 0px !important;
  }
  
  #article-container {
  max-width:100vw;
}
    .footer-top > .title {
  font-size:24px;
  line-height:36px;
  color:white;
  font-weight:bold;
  margin:0 0 20px 0;
  font-family: 'Duda Sans'
}
  
  .footer-top > .button {
    font-size: 16px;
    background-color: #F66135;
    border-radius: 60px;
    min-width: 200px;
    padding: 0 40px;
    height: 48px;
    line-height: 49px;
    margin-bottom: 32px;
    border: 0;
    color: #fff;
    font-weight: 500;
    display: inline-block;
  }
  
  .duda-footer {
    margin-top:0px;
    padding-top:100px;
  }

  .duda-footer .lists > li ul > li strong {
    font-size: 16px;
    line-height: 46px;
    font-weight: 600;
    font-family: 'Duda Sans';
    margin-bottom: 0px;
  }
  footer > div.row > div.columns.large-6.medium-12 > .footer-language-selector {
    margin-right:0;
  }
  
  .list-super-footer {
    display:block;
  }
  .list-super-footer li {
    width:calc(100vw - 40px);
    max-width:calc(100vw - 40px);
    margin-bottom:16px;
  }

  .search-results-subheading {
    top:2px;
  }

  .search-back {
    margin-top:16px;
  }
  
}
/* eof .duda-footer */