.az-accordion-item {  list-style:none; border:1px solid #ccc; border-radius:10px;} .az-accordion-item::before {  content:''!important;} .az-accordion-item .az-accordion-item {  border:none;} .az-accordion-item > .accordion-header {  font-weight:bold; width:100%; display:flex; background-color:var(--az-page-color); color:var(--az-page-text-color);  padding:15px; border-radius:10px;} .az-accordion-item > .accordion-header::before {  height:min-content; align-self:center; vertical-align:middle; font:normal 20px/1 dashicons; content:'\f347'; transition:transform 1s ease; margin-inline-end:10px;} .az-accordion-item:has(.accordion-header > input[type='checkbox']:checked)  > .accordion-header::before {  transform:rotate(180deg); -webkit-transform-origin:50% 50%; -moz-transform-origin:50% 50%; -o-transform-origin:50% 50%; transform-origin:50% 50%;} .az-accordion-item > .accordion-header > input[type='checkbox'] {  display:none;} .az-accordion-item > .accordion-content {  max-height:0; overflow:hidden; transition:max-height 1s ease;} .az-accordion-item > .accordion-content > *:first-child {  padding-top:1em;}  .az-accordion-item:has(.accordion-header > input[type='checkbox']:checked)  > .accordion-content {  max-height:max-content;}  .az-autoblog-prevnext {  display:flex; flex-direction:row; justify-content:space-evenly; padding-block:1em; font-size:medium; gap:1em; width:100%; max-width:600px; margin-inline:auto;} .az-autoblog-prevnext:not(:has(*)), .az-autoblog-prevnext:empty, .az-autoblog-prevnext:empty() {  display:none!important;} .az-autoblog-prevnext > * {  flex:1; width:calc(50% - 0.5em);} .az-autoblog-prevnext a > *:first-child {  font-weight:600; text-transform:uppercase; letter-spacing:0.05em;} .az-autoblog-prevnext > *:nth-child(2), .az-autoblog-prevnext > *:nth-child(2) > * {  text-align:end;} .az-autoblog-prevnext .az-autoblog-pn-text {  white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:gray;} .az-autoblog-prevnext a {  display:flex; flex-direction:column;} /* -------------------------------------------------------------------------- */ .az-autoblog-related-badges {  display:flex; flex-direction:row; flex-wrap:wrap; margin-bottom:0.65em; gap:0.5em;} .az-autoblog-related-badges > * {  font-size:15px; color:var(--ast-global-color-3); border:1px solid #80808054; border-radius:5px; padding-inline:4px;} /* Hide wc-related-products if we have autoblog-related-badges */ #content:has(.az-autoblog-related-product) .product > .related.products {  display:none!important;}  /* --------------------------------- Sidebar -------------------------------- */ .azlp-autoblog-full-sidebar {  --sb-gap:2.8em; display:flex; flex-direction:column; gap:var(--sb-gap); height:100%;} .azlp-autoblog-full-sidebar .azlp-sidebar-block {  padding-inline:10px; padding-top:1em; padding-bottom:1em;} .azlp-autoblog-full-sidebar .azlp-sidebar-block {  display:flex; flex-direction:column; gap:0.8em;}  .az-producttable {  overflow-x:hidden;}  .az-producttable-head {  background:var(--az-page-color, var(--ast-global-color-0)); color:var(--az-page-text-color, var(--ast-global-color-5));} .az-producttable tr > *:nth-last-child(2), .az-producttable tr > *:nth-last-child(1) {  text-align:center;}  @media (max-width:767px) {  .az-producttable td {  padding:0.4em 0.5em; } }  .az-autoblog-header {  display:flex; flex-direction:row; align-items:center; gap:1em;}  .az-autoblog-header figure {  height:32px; width:32px;} .az-autoblog-header figure > img {  fill:var(--az-page-text-color); filter:brightness(0) invert(1);}  /* -------------------------------------------------------------------------- */  .az-autoblog-list-title {  display:inline; line-height:2.5em!important;} .az-autoblog-list li {  margin-top:5px!important; margin-bottom:5px!important;}  .accordion-content > ol.az-autoblog-list {  padding-block:0.5em!important; margin-block:0.5em!important;} /* -------------------------------------------------------------------------- */ ol.az-autoblog-category-list {  margin:0!important; padding:0!important;} ol.az-autoblog-category-list > * {  margin-bottom:5px;}  /* ---------------------------- az-autoblog-list ---------------------------- */ @media (max-width:767px) {  ol.az-autoblog-list {  margin:10px!important; padding:0!important; } }  ol.az-autoblog-list {  counter-reset:item;} ul.az-autoblog-list, ol.az-autoblog-list {  padding-inline:1em; margin-top:10px;} /* ---------------------------- az-autoblog-area ---------------------------- */ .az-autoblog-area {  margin:0!important;} .az-autoblog-area ol > li {  display:block;}  .az-autoblog-area ol > li:not(.az-autoblog-numbered-item) .az-autoblog-list-title::before, .az-autoblog-area ol > li.az-autoblog-numbered-item::before {  content:counters(item, '.') '. '; counter-increment:item;}  /* -------------------------------------------------------------------------- */ .azcatbox-column {  display:flex;} .azcatbox {  display:flex; flex:1; height:100%; position:relative;}  .azcatbox .azcatbox-body {  flex:1; display:inline-flex; flex-direction:column; position:relative; width:100%; text-align:center;}  .azcatbox img {  height:64px; width:64px; margin:auto;} .azcatbox-image-container {  display:flex;} .azcatbox.small img {  height:32px; width:32px;} .azcatbox .uagb-ifb-title-wrap {  flex:1; word-break:auto-phrase;} .azcatbox .azcatbox-title {  margin-top:8px; margin-bottom:10px; text-align:center; font-size:30px;} .azcatbox.small .azcatbox-title {  font-size:23px;} .azcatbox.small .azcatbox-title {  text-align:start;}  .azcatbox-link {  position:absolute; inset:0; z-index:100;}  /* -------------- only first line of category desc is displayed ------------- */ .azcatbox-desc > *:not(:first-child) {  display:none!important;} .azcatbox-desc, .azcatbox-desc p {  flex:1; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;} .az-category-count {  text-align:center; padding-right:10px; opacity:0.6; font-size:0.85em;}  /* ------------------------------ small styles ------------------------------ */ .wp-block-columns:has(.azcatbox.small) {  margin-bottom:0.8em;}  .azcatbox.small .az-category-count {  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:70px; padding-inline-end:unset;} .azcatbox.small .azcatbox-body {  flex-direction:row; gap:7px;}  /* -------------------------------------------------------------------------- */ /*               az-category-list               */ /* -------------------------------------------------------------------------- */ .azlp-categorylist {  list-style-type:none; list-style:none; font-size:15px; margin-inline:0px!important; --row-height:40px;}  .widget.widget_block:has(.azlp-categorylist) {  padding-inline:0!important;}  /* ---------------------------------- zebra --------------------------------- */ .azlp-categorylist > *:nth-child(2n) > *:first-child {  background-color:rgba(0, 0, 0, 0.01);} .azlp-categorylist > *:nth-child(2n + 1) > *:first-child {  background-color:rgba(0, 0, 0, 0.03);} .az-categoryline > ul > *:nth-child(2n) > *:first-child {  background-color:rgba(0, 100, 0, 0.02);} .az-categoryline > ul > *:nth-child(2n + 1) > *:first-child {  background-color:rgba(0, 100, 0, 0.03);}  /* -------------------------------------------------------------------------- */ .az-categoryline {  margin-bottom:0!important; --max-height:0; --expand-button:'+'; --background-color:transparent; --color:var(--ast-global-color-3);} .az-categoryline.active, .az-categoryline:has(.az-categoryline.active) {  --max-height:max-content; --expand-button:'-';} .az-categoryline.active {  --background-color:var(--azlp-primary); --color:var(--azlp-primary-text);} .az-categoryline.top.active, .az-categoryline.top:has(.az-categoryline.active) {  border-inline-start:2px solid var(--azlp-primary); border-block-end:2px solid var(--azlp-primary); border-radius:5px; overflow:hidden;} .az-categoryline.top.active  > .az-categoryline-main-wrap  .az-categoryline.top:has(.az-categoryline.active)  > .az-categoryline-main-wrap {  margin-inline-start:-1px;}  /* -------------------------------- collapse -------------------------------- */  .az-categoryline > ul {  transition:height, max-height 1s ease-out; overflow:hidden; max-height:0; max-height:var(--max-height);}  /* -------------------------------------------------------------------------- */ .az-categoryline-main-wrap {  display:flex; flex-direction:row; justify-content:center; justify-items:center; align-items:center; font-weight:400; background-color:var(--background-color)!important; color:var(--color)!important;} .az-categoryline-link {  display:flex; flex-direction:row; height:var(--row-height); align-items:center; gap:5px; flex:1; color:inherit!important;} .az-categoryline-link:hover {  color:inherit!important;}  .az-categoryline figure {  margin-block:1px; margin-inline-start:4px; width:28px; height:auto; align-content:center; display:flex;} /* ----------------------- plus icon for parent items ----------------------- */  .az-categoryline-plus {  display:flex; width:40px; height:25px; display:flex; align-items:center; justify-content:center; cursor:pointer;} .az-categoryline.children > .az-categoryline-main-wrap .az-categoryline-plus::before {  align-self:center; text-align:center; font-size:30px; content:var(--expand-button);}  /* ---------------------------------- texts --------------------------------- */ .az-categoryline-text {  color:inherit;  gap:5px!important; display:inline-flex; flex:1; flex-direction:row;  width:100%; width:fit-content; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;} .az-category-count {  text-align:center; padding-inline-end:10px; opacity:0.6; font-size:medium;}  /* ------------------------------- Active Item ------------------------------ */ .az-categoryline > .az-categoryline-main-wrap > a {  font-weight:400;} .az-categoryline.active > .az-categoryline-main-wrap { } .az-categoryline.active .az-category-count {  opacity:1;} .az-categoryline.active > .az-categoryline-main-wrap > a img {  filter:brightness(0) invert(1);}  .az-joboffer-list { list-style:none;} .az-joboffer-list > li { margin-top:1em;padding:2em;background-color:#eeeeee;box-shadow:1px 1px 1px gray; display:flex;flex-direction:column;} .az-joboffer-list > li > * { text-align:start;unicode-bidi:plaintext;} .az-joboffer-list > li .button { text-decoration:none;align-self:end;width:100px;background-color:var(--azlp-primary);color:var(--azlp-primary-text);} .az-joboffer-list time { opacity:0.9;font-size:medium;} .az-joboffer-footer { padding-top:1em;margin-top:1em;border-top:2px dotted gray;display:flex;flex-direction:row;} .az-joboffer-footer > div { flex:1;} .paper-binder { position:relative!important;padding-inline:10px!important;background:var(--azlp-papercolor)!important;box-shadow:0px 10px 15px 0px rgba(1, 1, 1, 0.3), 0px -10px 15px 0px rgba(1, 1, 1, 0.3)!important;} .paper-binder::before, .paper-binder::after { left:0;right:0;position:absolute;content:'';width:100%;height:10px;background-color:transparent;background-size:15px 15px;} .paper-binder::before { top:-10px;background-position:-3px -5px, 0 0;background-image:radial-gradient(  farthest-side,  transparent 4px,  var(--azlp-papercolor) 0 );} .paper-binder::after { bottom:-10px;background-image:radial-gradient(  farthest-side,  transparent 4px,  var(--azlp-papercolor) 0 );} .az-posticon-container {  height:20px; width:20px; overflow:hidden; margin:0!important; margin-inline-end:5px!important;} .az-posticon-container > * {  margin:0!important;} .az-posticon::before {  vertical-align:middle; font:normal 20px/1 dashicons;} .az-posticon.shop::before {  content:'\f174';} .az-posticon.datasheet::before {  content:'\f495';} .az-posticon.schematic::before {  content:'\f495';} .az-posticon.video::before {  content:'\f19b';} .az-posticon.project::before {  content:'\f475';} .az-posticon.source-code::before {  content:'\f475';} .az-posticon.post::before {  content:'\f118';} .az-posticon.page::before {  content:'\f121';} .az-posticon.product::before {  content:'\f174';} .az-posticon.product-doc::before {  content:'\f118';} .az-posticon.product-wiki::before {  content:'\f118';}  .az-posticon.favorite::before {  content:'\f154';} .az-posticon.favorite.active::before {  content:'\f155';}  .azlinkpages_item_list {  margin:0!important;} .azlinkpages_item.small {  height:35px; max-height:35px;} .azlinkpages_item {  border-radius:0.3em;  height:55px; max-height:55px; overflow:hidden;  box-sizing:border-box;  font-weight:800; transition:all 200ms ease-in-out;  display:-webkit-box; border-left:3px solid transparent; border-right:3px solid transparent;} .azlinkpages_item:not(:nth-of-type(1)) {  margin-top:5px!important;} .azlinkpages_item:not(:last-of-type) {  margin-bottom:5px!important;}  .azlinkpages_item[aria-selected='true'] {  box-shadow:0px 0px 6px 1px var(--azlp-primary); /* border-left:3px solid var(--azlp-primary);*/  /* border-right:3px solid var(--azlp-primary);*/ }  .azlinkpages_item a {  text-decoration:none!important; display:flex; flex-direction:row; align-items:center; padding:2px; padding-top:8px; padding-bottom:8px; width:100%;}  .azlinkpages_item.small a > div {  flex-direction:row; justify-content:start;}  .azlinkpages_item a > div {  flex:1; padding-inline-start:5px; padding-inline-end:1px; display:flex; flex-direction:column; justify-content:center;}  /* -------------------------------- item type ------------------------------- */ .azlinkpages_item.small .azlinkpages_item_type {  font-size:medium; min-width:30px;}  .azlinkpages_item_type {  margin:0!important; padding:0!important; color:var(--azlp-primary);  height:20px; min-width:25px; display:flex; align-items:center; line-height:normal; font-size:small; opacity:0.8;} .azlinkpages_item_date {  font-size:small; opacity:0.8;}  .azlinkpages_item_text {  flex:1; margin:0!important; padding:0!important;  font-size:medium; line-height:1.5em;  color:var(--azlp-text);  overflow:hidden; text-overflow:ellipsis; white-space:normal;  display:-webkit-box; line-clamp:1; -webkit-line-clamp:1; -webkit-box-orient:vertical;} /* ----------------- If No Image Exists Remove The Image Box ---------------- */ .azlinkpages_item_list:not(:has(.az-image-container.az-visible)) .az-image-container {  display:none;} /* ------------------------------- sidebar faq ------------------------------ */ #cap-sidebar-faq.wp-block-uagb-faq:has(.azlinkpages_item_list):not(.ready)  .uagb-faq-questions-button {  background-color:var(--azlp-bg);} #cap-sidebar-faq.wp-block-uagb-faq:has(.azlinkpages_item_list):not(.ready)  .uagb-faq-questions-button  > span:nth-of-type(1) {  display:flex!important; height:auto; width:auto; margin-inline:10px;} #cap-sidebar-faq.wp-block-uagb-faq:has(.azlinkpages_item_list):not(.ready)  .uagb-faq-questions-button  > span:nth-of-type(2) {  display:none!important;} #cap-sidebar-faq.wp-block-uagb-faq:has(.azlinkpages_item_list):not(.ready)  .uagb-faq-content {  display:none!important;}  .sidebar-main:has(.az-toc-main-list) .widget:has(.slideup) { opacity:1;top:max(600px, 105vh);position:sticky;transition-delay:100ms;transition:top 500ms cubic-bezier(0.075, 0.82, 0.165, 1), opacity 200ms ease-in-out;} .sidebar-main .azlp-sticky { position:sticky;z-index:60;} .sidebar-main:has(.azlp-sticky), .sidebar-main:has(.azlp-categorylist), .widget.widget_block:has(.azlp-sticky) { overflow-y:unset!important;position:relative!important;height:calc(100% - 100px)!important;max-height:unset!important;} /* ----------------------------- collapapsed toc ---------------------------- */ .az-toc {  position:initial; line-height:1.2em; transition:all 150ms ease-in-out;} .az-toc ul {  margin:0!important; overflow:hidden; transition:inherit;} .az-toc li {  margin:0px!important; padding-top:6px!important;} .az-toc-main-list li {  white-space:normal;} .az-toc-sub-list li {  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .az-toc li > a {  overflow:hidden; -webkit-box-orient:vertical; color:inherit; width:100%;} .az-toc li::marker {  color:var(--ast-global-color-0, var(--wd-primary-color, #239d60)); font-weight:800;} /* -------------------------------------------------------------------------- */  .az-toc-item > ul {  overflow:hidden; transition:inherit; padding-left:16px;} /* ---------------------------- list disc styles ---------------------------- */ .az-toc-main-list, .az-toc-main-list > li {  list-style-type:upper-roman!important; list-style-position:inside;} .az-toc-sub-list, .az-toc-sub-list > li {  list-style-type:disc!important; list-style-position:inside;}  .az-toc-item:not(.active):not(:has(.az-toc-item.active)) > ul {  height:0; max-height:0;}  /* https://stackoverflow.com/questions/5687035/css-bolding-some-text-without-changing-its-containers-size */ .az-toc-main-list > .az-toc-item:has(.az-toc-item.active) > a, .az-toc-main-list > .az-toc-item.active > a {  text-shadow:0px 0px 1px black;}  .sidebar-main:has(.az-toc-main-list:not([data-loaded])) .widget:has(.slideup) {  opacity:0;}  .sidebar-main:has(.az-toc-main-list) > .widget {  transition:all 200ms ease-in-out; transition-delay:100ms; transition-timing-function:ease-in-out;} /* ------------------------------ toc invisible ----------------------------- */ .widget.widget_block:has(.az-toc-main-list:not([data-loaded])) {  opacity:0;} .widget.widget_block:has(.az-toc-main-list) {  opacity:1;}  /* -------------------------------------------------------------------------- */ .widget.widget_block:has(.az-toc) {  position:relative;}