/*
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: CHILD THEME - GENERATED WITH CHILD THEME CONFIGURATOR PLUGIN.
Version: 1.2.9.1729693357
Updated: 2024-10-23 14:22:37

*/
/* General */
body {
    background-image: url("/doc/wp-content/themes/kadence-child1/assets/gradient_background_ix.webp");
}
body:not(mjx-container):not(mjx-math):not(mjx-assistive-mml):not(mjx-container.MathJax):not(mjx-container.MathJax *), input, select, optgroup, textarea {
    font-family: 'Myriad Pro', sans-serif;
}
header#masthead * {
    font-family: 'Myriad Pro', sans-serif;
}
p b, p strong, li b, li strong {
	font-weight: 700;
}
p b, p strong, li b, li strong, table b, table strong {
	font-size: 16px;
}

/* Fix Myriad merging the dot on letter "i" if font-size is an uneven number */
.sab-alert{
    font-size: 16px;
}
.wp-block-table *{
    font-size: 16px;
}
table.kb-table {
    font-size: 16px;
}


/* include myriad pro font files */
/* --------------------
   Myriad Pro – Light
-------------------- */
@font-face {
    font-family: 'Myriad Pro';
    src: url('fonts/MyriadPro/myriadpro-light-webfont.woff2') format('woff2'),
         url('fonts/MyriadPro/myriadpro-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('fonts/MyriadPro/myriadpro-lightit-webfont.woff2') format('woff2'),
         url('fonts/MyriadPro/myriadpro-lightit-webfont.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

/* --------------------
   Myriad Pro – Regular
-------------------- */
@font-face {
    font-family: 'Myriad Pro';
    src: url('fonts/MyriadPro/myriadpro-regular-webfont.woff2') format('woff2'),
         url('fonts/MyriadPro/myriadpro-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('fonts/MyriadPro/myriadpro-it-webfont.woff2') format('woff2'),
         url('fonts/MyriadPro/myriadpro-it-webfont.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}

/* --------------------
   Myriad Pro – Semibold
-------------------- */
@font-face {
    font-family: 'Myriad Pro';
    src: url('fonts/MyriadPro/myriadpro-semibold-webfont.woff2') format('woff2'),
         url('fonts/MyriadPro/myriadpro-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('fonts/MyriadPro/myriadpro-semiboldit-webfont.woff2') format('woff2'),
         url('fonts/MyriadPro/myriadpro-semiboldit-webfont.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

/* --------------------
   Myriad Pro – Bold
-------------------- */
@font-face {
    font-family: 'Myriad Pro';
    src: url('fonts/MyriadPro/myriadpro-bold-webfont.woff2') format('woff2'),
         url('fonts/MyriadPro/myriadpro-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('fonts/MyriadPro/myriadpro-boldit-webfont.woff2') format('woff2'),
         url('fonts/MyriadPro/myriadpro-boldit-webfont.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}

/* --------------------
   Myriad Pro – Black
-------------------- */
@font-face {
    font-family: 'Myriad Pro';
    src: url('fonts/MyriadPro/myriadpro-black-webfont.woff2') format('woff2'),
         url('fonts/MyriadPro/myriadpro-black-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('fonts/MyriadPro/myriadpro-blackit-webfont.woff2') format('woff2'),
         url('fonts/MyriadPro/myriadpro-blackit-webfont.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

/* --------------------
   Myriad Pro – Light Semi-Extended
-------------------- */
@font-face {
    font-family: 'Myriad Pro Semi-Extended';
    src: url('fonts/MyriadPro/myriadpro-lightsemiext-webfont.woff2') format('woff2'),
         url('fonts/MyriadPro/myriadpro-lightsemiext-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro Semi-Extended';
    src: url('fonts/MyriadPro/myriadpro-lightsemiextit-webfont.woff2') format('woff2'),
         url('fonts/MyriadPro/myriadpro-lightsemiextit-webfont.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

/* --------------------
   Myriad Pro – Semibold Semi-Extended
-------------------- */
@font-face {
    font-family: 'Myriad Pro Semi-Extended';
    src: url('fonts/MyriadPro/myriadpro-semiboldsemiext-webfont.woff2') format('woff2'),
         url('fonts/MyriadPro/myriadpro-semiboldsemiext-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro Semi-Extended';
    src: url('fonts/MyriadPro/myriadpro-semiboldsemiextit-webfont.woff2') format('woff2'),
         url('fonts/MyriadPro/myriadpro-semiboldsemiextit-webfont.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

/* --------------------
   Myriad Pro – Bold Semi-Extended
-------------------- */
@font-face {
    font-family: 'Myriad Pro Semi-Extended';
    src: url('fonts/MyriadPro/myriadpro-boldsemiext-webfont.woff2') format('woff2'),
         url('fonts/MyriadPro/myriadpro-boldsemiext-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro Semi-Extended';
    src: url('fonts/MyriadPro/myriadpro-boldsemiextit-webfont.woff2') format('woff2'),
         url('fonts/MyriadPro/myriadpro-boldsemiextit-webfont.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}

/* --------------------
   Myriad Pro – Black Semi-Extended
-------------------- */
@font-face {
    font-family: 'Myriad Pro Semi-Extended';
    src: url('fonts/MyriadPro/myriadpro-blacksemiext-webfont.woff2') format('woff2'),
         url('fonts/MyriadPro/myriadpro-blacksemiext-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro Semi-Extended';
    src: url('fonts/MyriadPro/myriadpro-blacksemiextit-webfont.woff2') format('woff2'),
         url('fonts/MyriadPro/myriadpro-blacksemiextit-webfont.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

/* --------------------
   Myriad Pro – Light Condensed
-------------------- */
@font-face {
    font-family: 'Myriad Pro Condensed';
    src: url('fonts/MyriadPro/myriadpro-lightcond-webfont.woff2') format('woff2'),
         url('fonts/MyriadPro/myriadpro-lightcond-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro Condensed';
    src: url('fonts/MyriadPro/myriadpro-lightcondit-webfont.woff2') format('woff2'),
         url('fonts/MyriadPro/myriadpro-lightcondit-webfont.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

/* --------------------
   Myriad Pro – Regular Condensed
-------------------- */
@font-face {
    font-family: 'Myriad Pro Condensed';
    src: url('fonts/MyriadPro/myriadpro-cond-webfont.woff2') format('woff2'),
         url('fonts/MyriadPro/myriadpro-cond-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro Condensed';
    src: url('fonts/MyriadPro/myriadpro-condit-webfont.woff2') format('woff2'),
         url('fonts/MyriadPro/myriadpro-condit-webfont.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}

/* --------------------
   Myriad Pro – Semibold Condensed
-------------------- */
@font-face {
    font-family: 'Myriad Pro Condensed';
    src: url('fonts/MyriadPro/myriadpro-semiboldcond-webfont.woff2') format('woff2'),
         url('fonts/MyriadPro/myriadpro-semiboldcond-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro Condensed';
    src: url('fonts/MyriadPro/myriadpro-semiboldcondit-webfont.woff2') format('woff2'),
         url('fonts/MyriadPro/myriadpro-semiboldcondit-webfont.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

/* --------------------
   Myriad Pro – Bold Condensed
-------------------- */
@font-face {
    font-family: 'Myriad Pro Condensed';
    src: url('fonts/MyriadPro/myriadpro-boldcond-webfont.woff2') format('woff2'),
         url('fonts/MyriadPro/myriadpro-boldcond-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro Condensed';
    src: url('fonts/MyriadPro/myriadpro-boldcondit-webfont.woff2') format('woff2'),
         url('fonts/MyriadPro/myriadpro-boldcondit-webfont.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}

/* --------------------
   Myriad Pro – Black Condensed
-------------------- */
@font-face {
    font-family: 'Myriad Pro Condensed';
    src: url('fonts/MyriadPro/myriadpro-blackcond-webfont.woff2') format('woff2'),
         url('fonts/MyriadPro/myriadpro-blackcond-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro Condensed';
    src: url('fonts/MyriadPro/myriadpro-blackcondit-webfont.woff2') format('woff2'),
         url('fonts/MyriadPro/myriadpro-blackcondit-webfont.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}



#inner-wrap, #inner-wrap *:not(mjx-container.MathJax):not(mjx-container.MathJax *) {
    /*font-family: 'Heebo', 'Heebo Fallback', sans-serif;*/
}
img, pre, code {
    max-width: 100%;
    overflow-x: auto;
}
.wp-block-code code.hljs:not(.shcb-wrap-lines) {
    white-space: pre-wrap;
}
h1{
    font-weight: 500;
    font-size: 37px;
}
h1.entry-title{
    margin: 0;
    line-height: 48px;
}

.ix-full-page-container .wp-block-image figure{
    margin-bottom: 5px !important;
 }

.ix-full-page-container .main-post-content img {
    margin-bottom: 20px;
    box-sizing: border-box;
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
}

img.wp-image{
    margin-bottom: 1.3em;
}

figure.wp-block-embed.is-type-video.is-provider-youtube.wp-block-embed-youtube.wp-embed-aspect-16-9.wp-has-aspect-ratio{
    margin-bottom: 1em;
}
.wp-block-kadence-accordion{
    margin-bottom: 20px;
}

/* hotfixes for dumb visual bugs on wordpress elements */
.wp-block-columns.are-vertically-aligned-center figure{
    max-width: 100%;
    margin: 0;
}
.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow figure{
    max-width: 100%;
    margin: 0;
}
.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow figure.aligncenter { /* Fix align center (wordpress editor option) not working on images */
    margin-left: auto;
    margin-right: auto;
}
.sab-alert{
    margin-top: 12px !important;
    margin-bottom: 20px !important;
}
.wp-block-image :where(figcaption) {
    margin-top: -18px;
    margin-bottom: 24px;
}
.wp-block-column .wp-block-list{
    margin-bottom: 0.25em;
}

/* Fixes to make new widgets appear well in legacy pages like the category archives */
aside.sidebar-slug-sidebar-primary{
    max-width: 220px;
}
aside.sidebar-slug-sidebar-primary h3{
    margin: 10px 0;
    font-weight: 500;
    font-size: 16px;
    
    user-select: none;
}
@media screen and (max-width: 1150px){
    .archive.category aside.sidebar-slug-sidebar-primar, .archive.tag aside.sidebar-slug-sidebar-primary, .archive.author aside.sidebar-slug-sidebar-primary, .archive.date aside.sidebar-slug-sidebar-primary{
        width: 100%;
        padding-right: 0;
        margin-bottom: 10px;
    }
    aside.sidebar-slug-sidebar-primary{
        max-width: unset;
    }
}



/* lefthand sidebar & filters styling */
.filter-category {
    margin-bottom: 8px;
}
.filter-content-scrollable-area > label{
    font-size: 14px;
}
.ix-filter-header {
    cursor: pointer;
    background-color: #ffffff;
    padding: 3px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    user-select: none;
    font-size: 16px;
    border: 1px solid #d1d1d17d;
}
[type="checkbox"]{
    accent-color: black;
}
.toggle-arrow {
    transform: rotate(0deg);
    transition: transform 0.3s ease;
    user-select: none;
    display: block;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.filter-content {
    display: none;
    padding: 10px;
    border: 1px solid #ddd;
    border-top: none;
    user-select: none;
    background-color: white;
    padding-top: 8px;
}
.filter-content.open {
    display: block;
}
.ix-filter-header.open .toggle-arrow, .ix-result-block-collapse-header.open .toggle-arrow {
    transform: rotate(180deg);
}
.filter-content-scrollable-area{
    max-height: 300px;
    overflow-y: auto;
}
#infinite-scroll-trigger, #loading-spinner{
    text-align: center;
}
.filter-content-button{
    color: white;
    background-color: #404040;
    padding: 5px;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
    margin-top: 5px;
}
.filter-content-button:hover{
    background-color: #353535;
}
.ix-navigation-sidebar{
    width: 250px;
}
.archive-style-page .ix-navigation-sidebar{
    width: 250px;
    flex-shrink: 0;
}
.ix-thread-buttons{
    line-height: 0.5;
}
.ix-thread-button{
    background-color: #ffffff;
    color: rgb(67, 67, 67);
    width: 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 
    border-radius: 5px;  
    padding: 2px 0px;
    /*font-family: "Heebo";*/
    letter-spacing: 1px;
    font-size: 16px;
}
.lefthand-sidebar-thread-button{
    display: flex;
    align-items: center;
    height: 47px;
    background-color: white;
    padding: 5px;
    box-shadow: -3px 5px 17px rgba(0, 0, 0, 0.25);
    justify-content: space-between;
    width: auto;
    margin-bottom: 7px;
    transition: transform 0.1s ease-in;
}
.lefthand-sidebar-thread-button:hover{
    transform: translateY(-1px);
}
.lefthand-sidebar-thread-button img{
    height: 100%;
    flex-shrink: 0;
}
.ix-thread-button:hover, .ix-thread-button:active, .ix-thread-button:focus{
    box-shadow: none;
}
.sidebar-thread-button-title{
    font-weight: 700;
    color: black; 
    width: 134px; 
    text-wrap: auto; 
    line-height: 18px; 
    text-align: left;
    margin-right: 7px;
	margin-top: 4px;
}
.ix-sidebar-recent-post, .ix-sidebar-related-articles-list{
    margin: 0; 
    line-height: 1em;
    margin-bottom: 11px;
}
.ix-sidebar-recent-post, .ix-sidebar-related-thread{
    background-color: white;
    padding: 5px;
    color:#333;
    text-decoration: none;
    position: absolute;
    bottom: 0px;
    left: 0%;
    text-align: left;
    max-width: 82%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 0px 2px 2px 0px;
    font-weight: 400;
}
.ix-sidebar-recent-posts-list{
    line-height: 9px;
}
.ix-recent-post-item img{
    border-radius: 2px;
}
.ix-sidebar-related-thread{
    font-size: 16px;
}
.ix-sidebar-recent-post a:hover, .ix-sidebar-related-articles-list a:hover{
    color:#df002a;
}
.ix-sidebar-recent-post a, .ix-sidebar-related-article a{
    color: #949599; 
    text-decoration: none;
}
.ix-sidebar-related-article, .ix-sidebar-recent-post, .ix-sidebar-related-thread{
    margin-top: 0px;
}
.ix-sidebar-recent-post, .ix-sidebar-related-thread{
    font-size: 14px;
}
#ix-filters-system-container{
    display: flex;
    flex-wrap: wrap; /* Allows items to wrap to the next line */
    gap: 6px; /* Spacing between ix-filter-system-elements */
    justify-content: flex-start;
    margin-top: 10px;
    margin-bottom: 10px;
}
.ix-filter-system-element{
    border: 1px solid #ccc;
    box-sizing: border-box; /* Include padding and border in the element's total width */
    text-align: center;
    background-color: #fff;
    flex-grow: 1; /* Allow items to grow to fill available space */
    flex-shrink: 1; /* Allow items to shrink if needed */
    font-size: 13px;
    height: fit-content;
    position: relative;
}
.ix-filter-system-header {
    cursor: pointer;
    background-color: #ffffff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    user-select: none;
    font-size: 16px;
    font-size: 13px;
    height: 26.8px;
}
.ix-filter-system-header-text{
    margin-left: 5px;
    font-weight: 600;
}
.ix-filter-system-header:hover {
    background-color: #f4f4f4;
}
.ix-filter-system-header.ix-filter-header-highlight{
    background-color:#404040;
    color: white;
}
.ix-filter-system-toggle-arrow{
    margin-right: 5px;
    height: 100%;
    display: flex;
    align-items: center;
    min-width: 0;
    max-width: 20px;
    width: 100%;
    justify-content: center;
}
.ix-filter-system-toggle-arrow.open{
    transform: scaleY(-1);
}
.ix-filter-system-toggle-arrow.hidden{
    display: none;
}
.ix-filter-system-x-icon{
    padding-right: 14px;
    height: 100%;
    border-left: 1px solid white;
    padding-left: 14px;
    display: none;
}
.ix-filter-system-x-icon.open{
    display: flex;
    align-items: center;
    min-width: 0;
    max-width: 20px;
    width: 100%;
    justify-content: center;
}
.ix-filter-system-element-content{
    display: none;
    padding: 10px;
    border: 1px solid #ccc;
    border-top: none;
    user-select: none;
    background-color: white;
    padding-top: 8px;
    position: absolute;
    z-index: 9;
    width: calc(100% + 2px);
    left: -1px;
    top: calc(100% - -1px);
}
.ix-filter-system-element-content.open{
    display: block;
}
.ix-filter-system-element-content-scrollable-area{
    max-height: 300px;
    overflow-y: auto; 
    text-align: left;
    padding: 10px 0px 7px 0px;
    line-height: 12px;
    mask-image: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgb(0, 0, 0) calc(100% - 15px), rgba(0, 0, 0, 0) 100%);
}
.ix-filter-system-element-content-button{
    color: white;
    background-color: #404040;
    padding: 5px;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
}
.ix-filter-system-element-content-button:hover{
    background-color: #353535;
}
.ix-filters-system-item-in-scrollable-area{
    width: 100%;
    display: flex;
    gap: 4px;
    cursor: pointer;
}
.ix-filters-system-item-in-scrollable-area:hover {
    background-color: #f9f9f9;
}
#ix-filters-system-clear-all-filters-button{
    cursor: pointer;
    background-color: unset;
    border: unset;
    text-align: left;
    flex-grow: 0;
    flex-basis: fit-content;
    padding: 0 5px;
    height: 28.8px;
    display: flex;
    align-items: center;
    user-select: none;
}
.filter-checkbox{
    cursor: pointer;
}
#ix-filter-system-keyword-filter-header{
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    user-select: none;
    border: 1px solid #ccc;
    box-sizing: border-box; /* Include padding and border in the element's total width */
    text-align: center;
    background-color: #fff;
    flex-grow: 1; /* Allow items to grow to fill available space */
    flex-shrink: 1; /* Allow items to shrink if needed */
    font-size: 13px;
    height: fit-content;
    position: relative;
}
#ixFilterSystemKeywordFilter{
    text-align: left;
    border: unset;
    height: unset;
    box-shadow: unset;
    padding: unset;
    border-radius: unset;
    margin-left: 5px;
    background-color: unset;
    height: 26.8px;
    cursor: text;
}
.related-products-widget{
    margin-bottom: 20px;
    margin-top: 20px;
}
.related-products-list{
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.related-product-box{
    position: relative;
    padding: 16px 0px 8px 0px;
    cursor: pointer;
    transition: background-color 0.1s ease-in;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.related-product-box:hover{
    background-color: #f9f9f9;
    border-radius: 4px;
}

@media screen and (min-width: 1601px) {
    .RP-box-container {
        position: relative;
        width: 100%;
    }
}
.related-products-box-image{
    transition: transform 0.2s ease-in;
    max-height: 100px;
    width: auto;
    object-fit: contain;
}
.related-product-link:hover .related-product-box img {
    transform: translateY(-6px);
}
@media screen and (min-width: 1601px) {
    .RP-box-image {
        opacity: 1;
        display: block;
        width: 100%;
        height: auto;
        transition: .5s ease;
        backface-visibility: hidden;
    }
}
.related-product-link{

    text-decoration: none;
}
.related-product-title{
    font-weight: 550;
    letter-spacing: .02em;
    font-size: 13px;
    margin-top: .5em;
    line-height: 1.1em;
    text-align: center;
    color: var(--global-palette5);
}

@media (min-width: 800px) { 
    .ix-filter-system-element{
        /* Each item takes approximately 25% of the container width,
           allowing for 4 items per row, considering gap. */
        flex-basis: calc(25% - 6px); /* 25% minus gap to prevent overflow */
        max-width: calc(25% - 6px); /* Ensure it doesn't grow beyond 25% */
    }
}

/* Tablet layout */
@media (max-width: 799px) { /* Adjust breakpoint as needed for "mobile" */
    #ix-filters-system-container{
        flex-direction: row;
        justify-content: center;
    }
    .ix-filter-system-element{
        /* Each item takes approximately 50% of the container width,
           allowing for 2 items per row, considering gap. */
        flex-basis: calc(50% - 6px); /* 50% minus gap */
        max-width: calc(50% - 6px); /* Ensure it doesn't grow beyond 50% */
    }
    #ix-filters-system-clear-all-filters-button {
        flex-basis: auto;
        width: 100%;
        margin-top: 1px;
    }
}
/* Mobile layout */
@media (max-width: 425px) { /* Adjust breakpoint as needed for "mobile" */
    .ix-filter-system-element{
        /* Each item takes approximately 50% of the container width,
           allowing for 2 items per row, considering gap. */
        flex-basis: calc(100% - 6px); /* 50% minus gap */
        max-width: calc(100% - 6px); /* Ensure it doesn't grow beyond 50% */
    }
    #ix-filters-system-clear-all-filters-button {
        margin-top: -5px;
    }
}

/* CSS for button that switches layout from block to line and back */
/* BLOCK LAYOUT VERSION */
/* blocks */
.results-page{
    display:flex;
}
.results, .results.block-layout-active{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    justify-content: center;
}
.results.line-layout-active{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
    justify-content: center;
}
.results.fade-out{
    opacity: 0.3;
}
.result-block{
    display: flex;
    flex-direction: column;
    background-color: white;
    width:392px;
    border-radius: .25rem;
    box-shadow: 0 2px 20px 0 #d8d8d8;
    height: 100%;
    position: relative;
}
.results.results.line-layout-active .result-block{
    width: 100%;
}
.result-block img{
    object-fit: cover;
}
.black-result-block-gradient{
    opacity: 0.05;
    position: absolute;
    bottom: 0;
    left: 0;
}
.results.line-layout-active .black-result-block-gradient{
    display: none;
}
.thread-document-icon-holder-for-result-blocks{
    background-color: white;
    padding: 6px;
    border-radius: 4px;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 1.5rem;
    top: -1.27rem;
    z-index: 10;
    pointer-events: none;
}
.results.line-layout-active .thread-document-icon-holder-for-result-blocks{
    display: none;
}


.black-archive-result-block-gradient{
    display: none;
    opacity: 0.05;
    position: absolute;
}
.user-manual-thread-block-overlay-link{
    position: absolute;
    inset: 0;
    z-index:1   
}
.software-used.technical-metadata p{
    margin-left: 10px;
}

.category-in-results, .archive-subtitle{
    font-size: 80%;
    letter-spacing: 0.05em;
    font-weight: bold;
    /* font-family: "Source Sans Pro", sans-serif; */
    color: rgb(223, 0, 42);
    margin-left: auto;
    margin-right: auto;
}
.archive-subtitle{
    margin-bottom: 0px;
    margin-top: 0px;
    font-size: 20px;
    font-weight: 500;
    width: 100%;
}
.image-section-post-in-results{
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}
.image-in-image-section-post-in-results{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.non-image-section{
    padding: 20px;
    max-width: 552px;
    width: 100%;
    position: relative;
}
.non-technical-metadata > *:not(:first-child):not(:last-child)::after{
    content: "•";
    margin-left: 2px;
}
.result-block > .non-image-section > .metadata, .result-block > a > .non-collapsible-area > .non-image-section > .metadata, .result-block > .non-collapsible-area > .non-image-section > a > .metadata, .result-block > .non-collapsible-area > .non-image-section > .metadata{
    display: flex;
    gap: 2px;
    font-size: small;
    align-items: center;
}
.technical-metadata{
    font-size: large;
    display: flex;
}
.ix-full-page-container .main-post-content .author-image-in-related-articles{
    border-radius: 40px;
    width: 13% !important;
    height: 100% !important;
    box-shadow: 2px 10px 10px -5px rgba(0, 0, 0, 0.1);
    flex-shrink: 0;
    margin-bottom: 0px;
}
.author-image-in-result-block img{
    border-radius: 25px;
}
.highlighted-posts{
    line-height: 1em;
    text-decoration: none;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    gap: 9px;
    padding: 0px 0px 21px 0px;
}
.highlighted-posts a{
    text-decoration: none;
    height: 33px;
}
.highlighted-posts p{
    color: #676767;
}
.highlighted-posts p:hover{
    color: #df002a;
}

/* layout selection buttons */
.layout-selector-buttons{
    display: flex;
    height: 24px;
    width: 48px;
    background-color: #bdbdbd;
    user-select: none;
}

.layout-selector-buttons svg{
    cursor: pointer;
}
.layout-selector-buttons svg:hover{
    border: 1px solid #df002a;
}
.layout-selector-buttons svg:active{
    transform: translateY(2px);
}
#block-layout-button, #line-layout-button{
    background-color: white;
}
.results.block-layout-active .technical-metadata{
    font-size: 14px;
}
.results.line-layout-active .technical-metadata{
    display: flex;   
    font-size: 14px;
}
#block-layout-button.active{
    border: 1px solid #df002a;
}
#line-layout-button.active{
    border: 1px solid #df002a;
}
#sort-posts-by-dropdown{
    user-select: none;
}
.ix-dropdown-selected-option{
    cursor: pointer;
}
.ix-dropdown-selected-option:hover{
    color: #df002a;
}
.ix-dropdown-options{
    list-style: none;  
    margin-left: 0px; 
    border: 1px solid #d1d1d17d;
    display: none;
    position: absolute;
    z-index: 99;
}
.ix-dropdown-options.open{
    display: block;
}
.ix-dropdown-options li{
    background-color: white;
    padding: 4px 8px;
    cursor: pointer;
    font-size: 15px;
}
.ix-dropdown-options li:hover{
    background-color: #d6d6d6;
}

/* new ix Single Post styling */
.ix-full-page-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 90%;
    margin: 0 auto;
}
.ix-full-page-container .wp-block-image figure {
    margin-bottom: var(--global-md-spacing);
}
.mobile-wrapper{
    order: 1;
}
.ix-left-sidebar-responsive{
    order: 0;
}
.ix-right-sidebar-responsive{
    order: 2;
}
.ix-title-block-in-single-post{
    margin-bottom: 20px;
    width: 1000px;
    order: 1;
    margin-left: 20px;
}
#ix-title-block-container{
    display: flex;
    justify-content: flex-start;
    width: 100%;
    max-width: 1400px;
}
.ix-full-page-container .single-post-meta{
    font-weight: bold;
}
.ix-single-post-featured-image{
    user-select: none;
}
.ix-single-post-featured-image img{
    width: 100%;
    box-shadow: 2px 20px 20px -5px rgba(0, 0, 0, 0.3); 
}
.ix-single-post-title-block-meta-item:not(:last-child)::after {
    content: "|"; 
    margin: 0 8px;
}
.download-pdf-button{
    cursor: pointer;
    color: #474747;
}
.download-pdf-button img{
    margin-bottom: -1px;
}
.download-pdf-button:hover{
    color: #df002a;
}
#thread-nav-body{
    display: flex;
    justify-content: space-between;
}
.thread-nav-carousel-viewport {
    overflow: hidden;
    height: 250px;
    position: relative;
}
.thread-nav-body-right-component{
    display: flex;
    flex-direction: column;
    align-items: end;
}
.thread-post-in-thread-nav-body-container{
    display: flex;
    align-items: center;
    text-decoration: none;
}
.document-marker-for-thread-nav-body{
    font-size: 36px;
}
.thread-post-in-thread-nav-body-container{
    display: flex;
    color: grey;
    line-height: 1.5;
}
.post-title-in-thread-nav-body{
    margin-bottom: 0px;
    margin-top: 0px;
    max-width: 275px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.note-id-in-sidebar-in-thread-nav-body{
    margin-top: 0px;
}
.double-arrow-icon{
    font-size: 36px;
    font-weight: bold;
    color: grey;
}
#prev-button-ix-sidebar-thread-navigation:hover polyline, #next-button-ix-sidebar-thread-navigation:hover polyline {
    stroke:#df002a;
}
  
.empty-div-single-post{
    width: 245px;
}
.results.block-layout-active .ix-result-block-collapse-header{
    cursor: pointer;
    background-color: #ffffff;
    display: flex;
    justify-content: flex-end;
    user-select: none;
    padding: 8px 0px;
}
.results.block-layout-active .ix-result-block-collapse-header:hover{
    background-color: #fcfcfc;
}
.results.line-layout-active .ix-result-block-collapse-header{
    cursor: pointer;
    background-color: #f3f1f1;
    display: flex;
    justify-content: flex-end;
    user-select: none;
    padding: 8px 0px;
}

.results.block-layout-active .user-manual-collapsible-area{
    display: none;
    background-color: #ffffff;
    padding: 0px 15px 0px 15px;
}
.results.line-layout-active .user-manual-collapsible-area{
    display: none;
    background-color: #f3f1f1;
    padding: 0px 15px 0px 15px;
}
.results.block-layout-active .user-manual-collapsible-area.open, .results.line-layout-active .user-manual-collapsible-area.open{
    display: block;
}
.button-with-no-styling:active, .button-with-no-styling:focus{
    box-shadow: none;
}
.ix-thread-navigation-sidebar-widget .button-with-no-styling{
    background-color: transparent;
    padding: 0;
    background: none;
    box-shadow: none;
}
.ix-thread-navigation-sidebar-widget:empty{
    display: none;
}
.ix-thread-navigation-sidebar-widget .button-with-no-styling:hover, .button-with-no-styling:hover{
    box-shadow: none;
}
.ix-thread-nav-button-holder{
    display: flex;
    justify-content: center;
}
.ix-right-sidebar-responsive *{
    /* font-family: "Heebo"; */
}
.ix-left-sidebar-responsive h3{
    margin: 10px 0;
    font-weight: 500;
    font-size: 16px;
}
.ix-right-sidebar-responsive h5{
    font-weight: 600;
    font-size: 14px;
    width: fit-content;
}
.ix-related-downloads-widget{
    margin-top: 20px;
}
#ez-toc-container a, div#ez-toc-container .ez-toc-title {
    color: grey;
}

/* "Nice" article link icons */
.kb-single-post-content .inline-page-link-kb {  
    white-space: nowrap;  
    background-color: red;
    color: black;
    border-radius: 3px;  
    padding-left: 6px;  
    padding-right: 6px;  
    box-shadow: 1px 1px lightgrey;  
    display: inline-block;  
    max-width:50%;  
    overflow: hidden;  
    text-overflow: ellipsis;  
    vertical-align: bottom;  
} 
.kb-single-post-content .inline-page-link {  
    background-color: #F9F9F9;  
    border-radius: 3px;  
    padding-left: 6px;  
    padding-right: 6px;  
    box-shadow: 1px 1px lightgrey;  
    display: inline-block;  
    overflow: hidden;  
    text-overflow: ellipsis;  
    vertical-align: bottom;  
} 
.kb-single-post-content .inline-page-link:hover {  
    background-color: #F5F5F5;  
    text-decoration:none;
    max-width:100%;
} 
.kb-single-post-content .inline-page-icon {
    margin-left: 2px;
    display: inline-block;
    padding-bottom: 1px;
    height: 16px;
    vertical-align: middle;
    width: 20px;
}
.kb-single-post-content .inline-page-icon-article {
    background: var(--global-article-icon) no-repeat;
}

/* external links */
.external-link::after {  
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='-5 -5 25 25' style='fill:rgb(223,0,42);'><path d='M17 17H3V3h5V1H3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-5h-2z'/><path d='M19 1h-8l3.29 3.29-5.73 5.73 1.42 1.42 5.73-5.73L19 9V1z'/></svg>");
    /* '><path d='M17 17H3V3h5V1H3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-5h-2z'/><path d='M19 1h-8l3.29 3.29-5.73 5.73 1.42 1.42 5.73-5.73L19 9V1z'/></svg>); */
}  


/* lefthand sidebar styling */
.ix-lefthand-sidebar{
    min-width: 220px;
    margin-bottom: 62px;
}
.ix-lefthand-sidebar-body{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: 220px;
}
.ix-lefthand-sidebar-body h3, .ix-lefthand-sidebar-body button{
    user-select: none;
}
.ix-lefthand-sidebar-body.collapsed{
    visibility: hidden;
    display: none;
}
#lefthand-sidebar-collapse-button{
    display: block;
    position: relative;
    background-color:#ffffff;
    color:#df002a;
    margin-left: 0px;
    border: 1px solid #ddd;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 
    width: 100%;
    user-select: none;
    display: flex;
    justify-content: space-between;
}
#lefthand-sidebar-collapse-button.rotated .toggle-arrow{
    transform: rotate(180deg);
}

.righthand-post-sidebar {
    background-color: #f4f4f4;
    background-color: #ffffff;
    box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
.righthand-post-sidebar::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-top: 13px;
    margin-left:-40px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #ffffff;
}

.results-page .full-page-content {
    margin-bottom: 60px;
}
  

/* ix authors widget styling  */
#ix-authors-sidebar-widget{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.ix-sidebar-widget-first-author, .ix-sidebar-widget-other-author{
    display:flex;
    align-items: flex-start;
    gap: 12px;
}
#first-author-image, .other-author-image{
    flex-shrink: 0;
}
.company_or_university_logo_for_author_block{
    height: 15px;
    width: auto;
    flex-shrink: 0;
    margin-top: 4px;
}
.ix-sidebar-widget-first-author #first-author-image img, .ix-sidebar-widget-other-author .other-author-image img {
    border-radius: 4px;
    width: 56px;
    height: auto;
    object-fit: cover;
}
.ix-authors-widget-author-details{
    line-height: 1.6;
}
.ix-authors-logo-company-name-linkedin-container{
    border-top: 1px solid #d1d1d1; 
    font-size: 14px; 
    line-height: 1.1; 
    margin-top: 4px; 
    display: flex;
    gap: 5px;
    align-items: center;
    width: fit-content;
}

/* Ix thread navigation in siderbar widget styling */
.vertical-sidebar-thread-posts-list{
    display:flex;
    flex-direction: column;
    width: 100%;
    transition: transform 0.15s ease;
    will-change: transform;
} 
.vertical-sidebar-thread-posts-list.fade-out{
    opacity: 0.3;
}
.post-title-in-sidebar-in-thread-navigation{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 0px;
    max-height: 22px;
    margin-top: 0px;
    color: #949599;
    font-weight: 400;
    letter-spacing: 0.4px;
    font-size: 14px;
}
.active-thread-post-in-sidebar .post-title-in-sidebar-in-thread-navigation{
    color: #df002a;
    font-size: 14px;
}
.document-marker-for-thread-post-in-sidebar{
    text-align: center;
    font-size: 36px;
    display: flex;
    margin-right: 7px;
}
.thread-post-in-sidebar-container{
    display: flex;
    overflow: hidden;
    line-height: 15px;
}
.active-thread-post-in-sidebar-container{
    display: flex;
    overflow: hidden;
    line-height: 15px;
}
.note-id-in-sidebar-in-thread-navigation{
    margin-top: 0px;
    margin-bottom: 0px;
    color: #bdbec0;
    font-weight: 440;
    letter-spacing: 0.4px;
    font-size: 14px;
}
.active-note-id-in-sidebar-in-thread-navigation{
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 440;
    letter-spacing: 0.4px;
    font-size: 14px;
}
.thread-post-in-sidebar{
    display: flex;
    align-items: center;
    height: 40px;
}
.thread-post-in-sidebar a{
    text-decoration: none;
    color: black;
    overflow: hidden;
}
.thread-post-in-sidebar a:hover{
    color: #df002a;
}
.active-thread-post-in-sidebar{
    color: #df002a;
    display: flex;
    align-items: center;
    height: 40px;
}
.active-thread-post-in-sidebar a{
    text-decoration: none;
    overflow: hidden
}
.thread-in-sidebar-browser{
    text-decoration: none;
}
.thread-in-sidebar-browser p{
    text-decoration: none;
    color: grey;
    font-size: 15px;
    margin: 0;
    font-weight: normal;
}
.thread-in-sidebar-browser p:hover{
    color: #df002a;
}
.ix-sidebar-thread-browser-heading{
    display: flex;
    cursor: pointer;
    user-select: none;
    font-weight: 400;
    align-items: center;
    font-size: 14px;
}
.sideways-toggle-arrow{
    transform: rotate(-90deg);
    transition: transform 0.3s ease;
    user-select: none;
    display: flex;
    margin-right: 5px;
}
.ix-sidebar-thread-browser-content{
    display: none;
}
.ix-sidebar-thread-browser-content.open{
    margin-left: 5px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.ix-sidebar-thread-browser-heading.open .sideways-toggle-arrow{
    transform: rotate(0deg);
}
#sidebar-thread-nav-thread-selected{
    user-select: none;
    max-width: 100%;
    width: 100%;
    background-color: #ffffff;   
    color: #333;                
    border: 1px solid #ccc;      
    font-size: 13px;             
    border-radius: 4px;          
    appearance: none;            
    cursor: pointer;            
    outline: none;              
    transition: background-color 0.2s ease;
}
#sidebar-thread-nav-thread-selected:hover{
    background-color: #ffffff;
}
#sidebar-thread-nav-thread-selected:focus{
    border-color: #888;   
    background-color: #ffffff;  
}
#sidebar-thread-nav-thread-selected option{
    padding: 10px;                
    background-color: #ffffff;  
    color: #333; 
}
#sidebar-thread-nav-thread-selected option:hover{
    background-color: #ffffff;
}
#thread-navigation-widget-black-gradient{
    margin-bottom: 12px;
    margin-top: 18px;
}
#related-products-widget-black-gradient{
    margin-bottom: 16px;
    margin-top: -6px;
}
#related-threads-widget-black-gradient{
    margin-bottom: 19px;
    margin-top: 3px;
}



/* ix related downloads widget styling */
.related-downloads-links{
    margin: 0;
    line-height: 23px;
}
.related-downloads-links a {
    color: #949599;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 225px;
    display: block;
    font-size: 14px;
}
.related-downloads-links a:hover {
    color:#df002a;
}
.archive-style-page-title{
    letter-spacing: 2px;
    font-weight: 300;
    font-size: 35px;
}

/* New Layout responsive with 3 columns */
.full-page-container {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
    max-width: 1400px;
}
.results-page{
    display:flex;
    gap: 50px;
    width: 1100px;
}
.results-page .ix-right-sidebar-responsive{
    display: none;
}
.results-page .full-page-content{
    width: 800px;
    flex-shrink: 0;
}
.ix-left-sidebar-responsive {
    width: 220px;
    margin-right: 25px;
}

.full-page-content {
    width: 100%;
    min-width: 0;
}

.ix-right-sidebar-responsive {
    width: 275px;
    flex-shrink: 0;
}
#number-of-results-container{
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    font-weight: 500;
    margin: 0;
    width: min-content;
    white-space: nowrap;
}
.sort-by-and-layout-selector-holder{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    font-size: 16px;
}
div#ez-toc-container {
    z-index: 1;
}


/* ix related articles */
.ix-related-posts-carousel {
    width: 100%;
    position: relative;
}

.flex-horizontal-container{
    display: flex;
    align-items: center;
    justify-content: space-between
}

.ix-carousel-container {
    overflow: hidden;
    width: 100%;
    padding-bottom: 32px;
}

.ix-carousel-track {
    display: flex;
    gap: 23px;
    transition: transform 0.3s ease-in-out;
}

.ix-carousel-item {
    flex: 0 0 calc(33.333% - 20px); 
    max-width: calc(33.333% - 20px);
    background-color: white;
    padding-bottom: 13px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05), 0 8px 16px rgba(0, 0, 0, 0.08);
}
.ix-carousel-item img{
    width: 100%;
}

.ix-carousel-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    cursor: pointer;
    padding: 10px;
    font-size: 18px;
    display: none;
}

.ix-carousel-btn.prev { left: 10px; }
.ix-carousel-btn.next { right: 30px; }

.ix-carousel-item-title{
    font-size: 21px;
    padding: 10px;
    line-height: 1em;
    margin: 0px;
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 0px;
	font-weight: 600;
}
.ix-sidebar-related-threads-list{
    margin-top: 2px;
}
.ix-sidebar-related-threads-list img {
    border-radius: 2px;
}


/* new kb home page styling */
.kb-homepage-main-container{
    width: 1290px;
    margin: 0 auto;
    padding: 0 24px;
    text-align: center;
}
.kb-hp-main-title{
    font-size: 34px;
    font-weight: 400;
    margin-bottom: 0px;
}
.kb-hp-main-subtitle{
    width: 40%;
    margin: 0 auto;
    font-size: 16px; 
    font-weight: 300;
}
#kb-hp-search-bar-container{
    width: 40%;
    margin: 0 auto;
}
.kb-hp-hero-image{
    margin: 0 auto;
    width: 70%;
}
.kb-hp-thread-presentation-strip{
    box-shadow: 0px 76px 47px -96px rgba(0, 0, 0, 0.7);
}
.kb-hp-soft-doc-strip{
    display: flex;
    flex-direction: row;
    gap: 83px;
    padding: 48px 0px 80px;
}
.kb-hp-thread-presentation-strip-meta-band{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.kb-hp-thread-presentation-strip-meta-band-section-heading{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 75%;
}
.kb-hp-thread-presentation-strip-meta-band-section-heading-title{
    font-size: 27px;
    font-weight: 600;
    color: black;  
    margin: 0;
}
.kb-hp-thread-presentation-strip-meta-band-section-heading-subtitle{
    margin: 0;
    text-align: left
}
.kb-hp-thread-presentation-strip-meta-band-button, .kb-hp-soft-doc-strip-meta-band-button{
    display: flex;
    align-items: center;
    height: 64px;
    background-color: white;
    padding: 5px;
    gap: 18px;
    box-shadow: -3px 5px 17px rgba(0, 0, 0, 0.25);
    justify-content: space-between;
    width: fit-content;
}
.kb-hp-soft-doc-strip-meta-band-button{
    gap: 0px;
}
.kb-hp-software-button{
    font-weight: 700;
    color: black;
    width: 155px;
    line-height: 19px;
    text-align: left;
    margin-left: 13px;
}
.kb-hp-thread-presentation-strip-meta-band-button img, .kb-hp-soft-doc-strip-meta-band-button img{
    height: 100%;
    flex-shrink: 0;
}
.kb-hp-thread-presentation-strip-thread-blocks-container{
    display: flex;
    flex-direction: row;
    gap: 60px;
    align-items: center;
    justify-content: center;
    padding: 48px 0px 80px;
}

.kb-hp-soft-doc-subcontainer{
    position: relative; 
    display: block; 
    white-space: normal; 
    overflow: hidden; 
    text-overflow: ellipsis;
    width: 100%;
}
.kb-hp-softare-docu-button-container{
    display: flex;
    justify-content: flex-end;
}
.kb-hp-soft-doc-title{
    font-size: 30px;
    font-weight: 700;
    color: black;
    margin: 0;
    text-align: left;
}
.kb-hp-soft-doc-subtitle{
    margin: 0;
    text-align: left;
    line-height: 25px;
}
.kb-hp-thread-block{
    position: relative; 
    display: block; 
    white-space: normal; 
    width: 100%;
    box-shadow: -2px 12px 17px rgba(0, 0, 0, 0.2);
}
.kb-hp-thread-block-text{
    background-color: white;
    padding: 5px;
    color: #333;
    text-decoration: none;
    position: absolute;
    bottom: 0px;
    left: 0%;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 0px 2px 2px 0px;
    font-weight: 700;
    width: 60%;
    word-wrap: break-word;
    max-width: fit-content;
	line-height: 1.2em;
}
.kb-hp-main-container-grey{
    width: 100%;
    background-color: #ebebeb;
}
.kb-hp-container-inside-grey-container{
    width: 1290px;
    margin: 0 auto;
    padding: 0 24px;
    text-align: center;
}
.kb-hp-article-block-and-metadata-container{
    width: 100%;
}
.kb-hp-article-block-metadata-area{
    width: 100%;
    text-align: left;
    height: 165px;
}
.kb-hp-article-block-excerpt{
    text-overflow: ellipsis;
    overflow: hidden;
    height: 106px;
    margin-bottom: 0px;
}
.kb-hp-article-label{
    background-color: #df002a;
    position: absolute;
    top: -13px;
    right: 20px;
    color: white;
    padding: 5px;
    font-weight: 700;
    font-size: 10px;
    z-index: 2;
}
.kb-hp-navi-button-container{
    display: flex;
    flex-direction: row;
    margin-top: 50px;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}
.kb-hp-navi-button-text{
    font-weight: 700;
    color: black; 
    text-align: left; 
    line-height: 19px;
    text-align: center;
}
.kb-hp-navi-button-text-applications{
    width: 116px;
}
.kb-hp-navi-button-text-tutorials{
    width: 90px;
}
.kb-hp-navi-button-text-user-manuals{
    width: 128px;
}
.kb-hp-navi-button-text-soft-doc{
    width: 157px;
    margin-left: 13px;
    margin-right: 13px;
}
.kb-hp-view-all-hyperlink{
    color: rgb(223, 0, 42);
    font-size: 15px;
    font-weight: 400;
    cursor: pointer;
}
.kb-hp-main-navi-button{
    height: 52px;
}

.results.block-layout-active .image-section-post-in-results{
    aspect-ratio: 3/2;
}

@media (max-width: 1024px) {
    .ix-carousel-item {
        flex: 0 0 calc(50% - 20px);
        max-width: calc(50% - 20px);
    }
}

@media (max-width: 600px) {
    .ix-carousel-item {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .ix-carousel-btn.next { right: 10px; }
}




/* @media (max-width: 1760px) { */
@media (max-width: 2018px) {
    .ix-title-block-in-single-post{
        flex: 1 1 50%;
    }
}

@media (max-width: 1350px) {
    .post-title-in-thread-nav-body{
        width: 90%;
    }
    .double-arrow-icon{
        font-size: 24px;
    }
    .document-marker-for-thread-nav-body{
        font-size: 24px;
    }
    .ix-full-page-container .single-post-container {
        flex-direction: column;
        align-items: center; 
        max-width: 100%;
    }
    .righthand-post-sidebar::before {
        display: none;
    }
    .ix-title-block-in-single-post{
        order: 1;
        flex: 1 1 100%;
        margin-top: 20px;
    }
    .empty-div-single-post{
        flex: 0;
    }
    .ix-title-block-in-single-post {
        margin-left: 0px;
    }
    .ix-navigation-sidebar{
        width: 100%;
        padding-right: 0;
    }
    .archive-style-page .ix-navigation-sidebar{
        width: 250px;
    }
    .double-arrow-icon, .document-marker-for-thread-nav-body{
        font-size: 36px;
    }
    .ix-lefthand-sidebar-body.collapsed{
        display: flex;
    }
    /* Reorder elements */
    .mobile-wrapper {
        order: -1; 
    }

    .ix-left-sidebar-responsive {
        order: 1; 
        visibility: visible;
    }

    .ix-right-sidebar-responsive {
        order: 0; 
    }
    .ix-left-sidebar-responsive, 
    .full-page-content, 
    .ix-right-sidebar-responsive {
        width: 100%;
        max-width: 100%;
    }
    .archive-style-page .ix-left-sidebar-responsive{
        width: 220px;
    }

    .ix-related-threads-sidebar-widget{
        max-width: 300px;
    }

    /* Move righthand sidebar to top when sidebars collapse + hide elements to use up less vertical space */
    .ix-right-sidebar-responsive {
        order: -2; 
    }
    .ix-related-threads-sidebar-widget{
        display: none;
    }
    .righthand-post-sidebar{
        width:100%;
        flex-direction: row;
        justify-content: space-between;
        gap: 21px;
        background-color: unset;
        border-left: unset;
        border-right: unset;
        box-shadow: unset;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }
    #related-threads-widget-black-gradient, #thread-navigation-widget-black-gradient, #related-products-widget-black-gradient{
        display: none;
    }
    .thread-post-in-sidebar{
        max-width: 345px;
    }
    .thread-nav-carousel-viewport {
        width: unset;
    }
    .ix-thread-nav-button-holder {
        width: 100%;
    }
    .ix-thread-navigation-sidebar-widget{
        order: -1;
        min-width: 0px;
        max-width: 44%;
    }
    .ix-related-downloads-widget{
        margin-top: 0px;
    }
    .related-products-widget{
        display: none;
    }
}

@media (max-width: 1180px) {
    .empty-div-single-post{
        display: none;
    }
}

@media (max-width: 950px) {
    .ix-related-downloads-widget{
        display: none;
        margin-top: 0px;
    }
    .righthand-post-sidebar{
        flex-direction: column;
        justify-content: unset;
        gap: unset;
        background-color: #ffffff;
        box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
        margin-bottom: unset;
    }
    .thread-post-in-sidebar{
        max-width: unset; 
    }
    .ix-thread-navigation-sidebar-widget{
        order: unset;
        max-width: unset;
        margin-top: 20px;
    }
}

@media (max-width: 835px) {
    #thread-nav-body{
        display: none;
    }
    .kb-hp-hero-image{
        width: 100%;
    }
}

@media (min-width: 1350px) and (max-width: 1440px){
    mjx-container[jax="CHTML"][display="true"] {
        font-size: 100% !important;
    }
}
@media (max-width: 490px) {
    .kb-hp-navi-button-container a, .kb-hp-navi-button-container a div{
        width: 100%;
    }
    .kb-hp-navi-button-text-applications, .kb-hp-navi-button-text-tutorials, .kb-hp-navi-button-text-user-manuals, .kb-hp-navi-button-text-soft-doc{
        width: 100%;
    }
}
@media (max-width: 484px) {
    mjx-container[jax="CHTML"][display="true"] {
        font-size: 1rem !important;
    }
}
@media (max-width: 450px) {
    .righthand-post-sidebar-container{
        min-width: 200px;
    }
    .results.line-layout-active .image-section-post-in-results{
        display: none;
    }
}
@media (max-width: 440px) {
    mjx-container[jax="CHTML"][display="true"] {
        font-size: 0.9rem !important;
    }
}
@media (max-width: 400px){
    .ix-dropdown-selected-option{
        max-width: 200px;
    }
}
@media (max-width: 380px) {
    mjx-container[jax="CHTML"][display="true"] {
        font-size: 0.8rem !important;
    }
}
@media (max-width: 330px) {
    mjx-container[jax="CHTML"][display="true"] {
        font-size: 0.75rem !important;
    }

}



@media (max-width: 1024px) {
    .full-page-container {
        flex-direction: column;
    }

    .mobile-wrapper {
        display: flex;
        flex-direction: column;
    }

    .ix-left-sidebar-responsive, 
    .full-page-content, 
    .ix-right-sidebar-responsive {
        width: 100%;
        max-width: 100%;
    }
    .full-page-content {
        order: -14;
    }
    .ix-left-sidebar-responsive * {
        visibility: visible;
    }
    /* Reorder elements */
    .mobile-wrapper {
        order: -1; 
    }

    .ix-left-sidebar-responsive {
        order: 1; 
    }
}

@media screen and (max-width: 1350px) {
    .lefthand-sidebar-thread-button{
        width: 100%;
    }
    .ix-recent-post-in-sidebar-image{
        max-width: none;
        display: block;         
        width: 100%;         
        height: auto; 
    }
    .ix-lefthand-sidebar-body {
        width: 100%;
    }
    .archive-style-page .ix-lefthand-sidebar-body{
        width: 220px;
    }
    .ix-left-sidebar-responsive{
        margin: 0;
    }
    .ix-recent-post-item{
        position: relative;   
        overflow: hidden;      
        border-radius: 4px;   
        flex: 1 1 200px; 
        min-width: 180px; 
    }
    .ix-sidebar-recent-posts-list{
        display: flex;        
        flex-wrap: wrap;        
        gap: 1rem;             
        padding: 0;            
        list-style: none; 
    }
    .ix-sidebar-recent-post{
        width: 80%;
        max-width: fit-content;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1350px) {
    .ix-navigation-sidebar {
        order: -2; 
    }
    #lefthand-sidebar-collapse-button{
        display: flex;
    }
}


@media screen and (min-width: 1050px) and (max-width: 1300px) {
    .kb-homepage-main-container {
        width: 100%;
    }
    .kb-hp-container-inside-grey-container{
        width: 100%;
    }
    .kb-hp-container-inside-grey-container{
        width: 100%;
    }
}




@media screen and (max-width: 1049px){
    .kb-homepage-main-container {
        width: 100%;
    }
    .kb-hp-thread-presentation-strip-thread-blocks-container{
        flex-direction: column !important;
        gap: 47px;
        padding-bottom: 41px;
    }
    .kb-hp-soft-doc-strip{
        flex-direction: column !important;
    }
    .kb-hp-thread-block{
        width: auto;
        width: 450px;
    }
    .kb-hp-article-block-and-metadata-container{
        width: 450px;
    }
    .kb-hp-soft-doc-title-and-description{
        order: 1;
    }
    .kb-hp-softare-docu-button-container{
        justify-content: flex-start;
        order: 2;
    }
    .kb-hp-soft-doc-image{
        order: 3;
        display: flex;
        flex-direction: row;
    }
    .kb-hp-container-inside-grey-container{
        width: 100%;
    }
    .kb-hp-thread-presentation-strip-meta-band-section-heading {
        width: 55%;
    }
    .kb-hp-soft-doc-strip {
        gap: 25px;
    }
    .kb-hp-soft-doc-strip{
        padding: 15px 0px 54px;
    }
    .kb-hp-main-subtitle{
        width: 64%;
    }
    #kb-hp-search-bar-container{
        width: 63%;
    }
    .kb-hp-softare-docu-button-container, .kb-hp-soft-doc-image{
        justify-content: center;
    }
}

@media screen and (max-width: 520px){
    .kb-hp-thread-presentation-strip-meta-band{
        flex-direction: column;
        gap: 20px;
    }
    .kb-hp-thread-presentation-strip-meta-band-section-heading{
        width: 100%;
    }
    .kb-hp-main-subtitle{
        width: 100%;
    }
    #kb-hp-search-bar-container {
        width: 100%;
    }
    .collapsible-newlines{
        display: none;
    }
    .kb-hp-thread-block{
        width: 100%;
    }
    .kb-hp-article-block-and-metadata-container{
        width: 100%;
    }
    .ix-thread-nav-button-holder {
        width: 100%;
    }
    #sidebar-thread-nav-thread-selected {
        width: 100%;
    }
}



@media screen and (max-width: 1150px){
    .archive-style-page .full-page-container {
        flex-direction: column;
    }
    .archive-style-page .result-block {
        width: 100%;
    }

    /* Reorder elements */
    .archive-style-page .mobile-wrapper {
        order: -1; 
        width: 100%;
        margin-bottom: 0;
    }

    .user-manuals-archive.results-page{
        gap: 0;
    }
    .user-manuals-archive .results{
        margin-bottom: 60px;
    }
    .sidebar-thread-button-title{
        width: unset;
        text-align: center;
    }
    .archive-style-page .ix-navigation-sidebar {
        order: 1; 
        visibility: visible;
        margin-bottom: 75px;
    }

    .archive-style-page .ix-right-sidebar-responsive {
        order: 0; 
    }
    .archive-style-page .results-page.full-page-container {
        width: 100%;
    }
    .results, .results.block-layout-active{
        grid-auto-columns: minmax(0, 1fr);
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .results.line-layout-active{
        grid-auto-columns: minmax(0, 1fr);
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .archive-style-page .ix-navigation-sidebar, .archive-style-page .ix-left-sidebar-responsive, .archive-style-page .ix-lefthand-sidebar-body{
        width: 100%;
        padding-right: 0;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 1150px) and (min-width: 551px){
    .result-block > .non-image-section > .metadata, .result-block > .non-collapsible-area > .non-image-section > .metadata{
        font-size: 12px;
    }
}
@media screen and (max-width: 849px) and (min-width: 550px){
    .result-block > .non-image-section > .metadata, .result-block > .non-collapsible-area > .non-image-section > .metadata{
        font-size: 11px;
    }
    .results.line-layout-active .result-block > .non-image-section > .metadata, .result-block, .results.line-layout-active .non-collapsible-area > .non-image-section > .metadata{
        font-size: 13px;
    }
    .software-used.technical-metadata p {
        margin-left: 0px;
    }
    .result-block > .non-collapsible-area > .non-image-section > .metadata-level-and-soft{
        flex-direction: column;
        align-items: flex-start;
    }
    div.non-image-section > div.metadata.metadata-level-and-soft{
        flex-direction: column;
        align-items: flex-start;
    }
}
@media screen and (max-width: 600px){
    .sort-by-dropdown-value-next-to-results-number {
        max-width: 300px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .ix-dropdown-selected-option{
        max-width: 223px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    #sort-posts-by-dropdown{
        font-size: 15px;
    }
}
@media screen and (max-width: 550px){
    .results, .results.block-layout-active{
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .results.line-layout-active{
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .sort-by-dropdown-value-next-to-results-number {
        max-width: 250px;
    }
}
@media screen and (max-width: 450px){
    .sort-by-dropdown-value-next-to-results-number {
        max-width: 200px;
    }
}
@media screen and (max-width: 400px){
    .sort-by-dropdown-value-next-to-results-number {
        max-width: 130px;
    }
    .ix-dropdown-selected-option{
        max-width: 130px;
    }
}