/* article css */

  .catContainer .row {
      margin-left: auto;
      margin-right: auto;
  }

  .trendingContainer h2
  {
      font-weight: 400;
      font-size: 26px;
      line-height: 2rem;
  }

  .article, .article-summary
  {
      /* margin: 1rem auto 2rem auto; */
      color: #666;
  }

  .authorLayout .article-summary
  {
      display: none;
  }

  .authorLayout .article-summary:first-child
  {
      display: block;
  }

  .authorLayout .article-summary .article-summary-title
  {
      font-weight: normal;
  }

  .article-title
  {
      font-size: 2.5rem;
      line-height: 2.5rem;
  }

  .article-title h1
  {
      font-size: 2.4rem;
      line-height: 1.2;
      margin-bottom: 1rem;
  }

  .article-postDate
  {
      font-size: 1rem;
      width: auto;
      padding-left: 1rem;
  }

  .article-subBlock {
      /* border-bottom: 1px solid #ccc; */
      /* padding-bottom: 1rem; */
      margin-top: 2rem;
      margin-bottom: 2rem;
      display: flex;
  }



  .article-category
  {

      padding-left: 0;
      padding-right: 1rem;
      font-size: 1rem;
      /* border-right: 1px solid #ccc; */
      width: auto;
      /* cursor: pointer; */
  }

  .article-category-header .darkgrey {
    color: #58595b;
  }

  .article-categoryBlock
  {
      /* margin: 1rem 0; */
      margin: 0 0 1rem 0;
      display: inline-flex;
      /* border-bottom: 1px solid #ccc; */
      /* padding-bottom: 1rem; */
  }

  .article-categoryBlock a
  {
      display: flex;
  }

  .article-categoryBlock .article-postDate
  {
      line-height: 1.5;
      padding-left: 0;
  }

  .article-categoryBlock .anchor-title
  {
    font-weight: 600;
  }

  .anchor-wrap {
    display: flex;
    flex-direction: column;
  }

  .article-tagBlock
  {
      margin: 0 0 1rem 0;
      flex-wrap: nowrap;
      flex-direction: row;
  }

  .pipe {
    padding: 0 1rem;
  }

  .article-tag, .article-category
  {
      display: inline;
      margin-right: 0.2rem;
      padding: 0.2rem 0.7rem;
  }

  .article-tag.pretty,
  .article-category.pretty
  {
      background-color: #efefef;
      color: #999;
      font-size: 1rem;
      font-weight: bold;
      border-radius: 25px;
      cursor: pointer;
      white-space: nowrap;
      margin: 0;
  }

  .article-category.pretty
  {
      border-radius: 0;
  }

  .article-category.pretty:first-child
  {
    padding-left: 0;
  }

  .article-tags .pretty {
    padding: 0.2rem 0.7rem;
  }

  .article-overviewImage,
  .article .videoContainer
  {
      margin: 2rem auto;
  }

  .article .videoContainer .iframeClass
  {
      width: 100%;
      height: 480px;
  }

  .article-overviewImage img
  {
      width: 100%;
  }

  .article-copy, .dloadshare-copy
  {
      font-size: 1rem;
  }

  .dloadshare-copy {
    border-top: 1px solid #cacaca;
    padding-top: 1.25rem;
    margin-top: 1.25rem;
  }

  .article-copy h2
  {
      font-size: 1.8rem;
      line-height: 1.4;
  }

  /* article summary CSS */

  .article-summary-thumbnail
  {
      min-height: unset;
  }

  .article-summary-thumbnail-img,
  .author-summary-thumbnail-img
  {
      width: 100%;
      margin-bottom: 0.6rem;
      cursor: pointer;
      /* max-height: 212px; */
  }


  .author-summary-thumbnail-img
  {
      width: auto;
  }

  .article-image-bordered
  {
      border: 1px solid #ccc;
  }

  .article-summary-postDate
  {
      font-size: 1.0rem;
      width: auto;
      padding-left: 0;
      min-height: 2.0rem;
      color: #030211;
  }

  .article-summary-title
  {
      font-size: 1rem;
      line-height: 1.5;
      margin: 0.6rem 0;
      font-weight: bold;
      color: #030211;
  }

  .article-summary-subtitle
  {
      font-size: 1rem;
      margin: 0;
      line-height: 1.5rem;
      color: #030211;
      /* min-height: 2.6rem; */
  }

  .article-summary-readmore
  {
      min-height: 1.0rem;
      margin: 1rem 0;
  }

  .article-summary .button
  {
      margin: 0;
      padding: 0.6rem;
      color: white;
  }

  .article-header
  {
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      margin-bottom: 2rem;
  }

  .sort-container .sorter-options
  {
      padding: 0.5rem;
      /* margin-bottom: 1rem; */
  }

  .sorter-options .sorter-prefix {
      padding-right: 1.5rem;
  }

  .sorter-options .orderByAsc {
      margin-right: 1.5rem;
  }

  .sorter-options .orderByDesc {
      margin-left: 1.5rem;
  }

  .orderByDesc.selected, .orderByAsc.selected {
      border-bottom: 1px solid #0069b5;
  }

  .article-category-header
  {
      margin: 2rem auto;
      /* padding: 2rem 0; */
      text-transform: capitalize;
  }

  .breadcrumbContainer p
  {
      margin: 0;
      padding: 0;
  }

  .breadcrumbSection
  {
      margin: 0;
      padding: 0.5rem 0;
  }

  /* sidebar */

  .article-sidebar
  {
      padding-top: 4rem;
  }

  /*** .article-sidebar.topics-list p
  {

      padding-bottom: 1rem;
      border-bottom: 2px solid #ccc;
  } ***/

  .article-sidebar.topics-list .manual-topics-list div p:last-of-type
  {
      border-bottom: none;
  }

  .topics-list-heading {
    margin-bottom: 30px;
  }


  .article-sidebar h3
  {
      padding-bottom: 1rem;
      margin-bottom: 0.2rem;
      text-transform: capitalize;
  }

  .article-sidebar select
  {
      margin-bottom: 1.8rem;
  }

  .new-tag {
    background-color: #F47B20;
      color: black;
      padding: .05rem .3rem;
      margin: 0;
      box-shadow: none;
      display: inline-block;
  }

  .dloadshare {
    padding-top: 0.5rem;
  }

  .dloadshare .columnBlock {
    margin-bottom: 0;
  }

  .dloadshare .footnoteField {
    padding: 0 0 2rem 0;
  }
  .dloadshare .columnBlock .linkContainer {
    text-align: left;
    margin-top: 1rem;
  }

  .dloadshare .columnBlock .linkContainer a.standardLink {
    margin-bottom: 0;
  }

  a.zoomedImage, a.zoomedVideo {
      position: relative;
      display: inline-block;
  }

  /* article archive sidebar css */

  .article-archive
  {
      border: none;
  }

  .article-archive:last-child {
      border: none;
  }

  .article-archive .accordion-content
  {
      border: none;
      padding: 0;
  }

  .article-archive .accordion-content .article-subcat
  {
      border: none;
      padding-left: 1rem;
  }

  .article-archive .archive-title
  {
      font-weight: bold;
      border: none;
      padding: 1rem 1rem 0.5rem 0;
      font-size: 1.125rem;
      color: #0069b5;
      cursor: pointer !important;
  }

  .pinned-topics-list :last-child > .accordion-content:last-child,
  .topics-list-heading :last-child > .accordion-content:last-child
  {
      border: none;
  }

  .pinned-topics-list :last-child:not(.is-active) > .accordion-title,
  .topics-list-heading :last-child:not(.is-active) > .accordion-title
  {
      border-bottom: none !important;
  }

  /*** accordion-based sidebars ***/

  .article-sidebar .accordion-title:hover, .article-sidebar .accordion-title:focus
  {
      background: transparent !important;
      border: none !important;
  }

  .trendingContainer .accordionComponent ul
  {
      padding-left: 0;
      margin-bottom: 2.5rem;
  }

  .category-archive.is-active > .accordion-title::before,
  .category-archive> .accordion-title::before
  {
      content: '';
  }

  /*** category Landing CSS */

  .catPinContainer {
      max-width: 78rem !important;
      margin-left: auto;
      margin-right: auto;
  }

  .articleContainer {
      float: left;
      padding-left: 0;
      padding-right: 0;
  }

  .topics-list-heading, .topics-list-heading > h2 {
      margin-bottom: 0 !important;
  }

  .category-block {
      margin: 6px 0;
  }

  /*** category filter menu ***/
  /* .filterMenu
  {
      display: block;
      visibility: visible;
  } */

  hr.filterMenuDivide
  {
      margin: 1.2rem 0;
  }

  .category-container
  {
      padding: 0;
      max-width: 18rem;
  }

  .filterContainer
  {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      margin-bottom: 1rem;
  }

  .dropdown.menu > li.is-dropdown-submenu-parent > a.single-menu:active,
  .dropdown.menu > li.is-dropdown-submenu-parent > a.single-menu:link,
  /* .dropdown.menu > li.is-dropdown-submenu-parent > a.single-menu:visited, */
  .dropdown.menu > li.is-dropdown-submenu-parent > a.single-menu:hover
  {
      padding: 1rem;
      border: 1px solid #000;
      display: block;
      color: #030211;
      text-decoration: none;
  }

  .dropdown.menu > li.is-dropdown-submenu-parent > a
  {
      padding-right: 0;
  }

  .dropdown.menu > li.opens-right > .is-dropdown-submenu,
  .dropdown.menu > li.opens-left > .is-dropdown-submenu,
  .dropdown.menu > li.opens-inner > .is-dropdown-submenu
  {
      width: 130%;
      margin-top: -1px;
      border: 1px solid #000;
      padding: 1rem 1.2rem;
      position: absolute;
      left: 0px;
  }

  .dropdown.menu > li.opens-inner > .is-dropdown-submenu
  {
      width: 100%;
  }

  .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
      right: 8px;
      border-color: #030211 transparent transparent;
  }

  .sort-container
  {
      text-align: right;
  }

  .appliedFilterContainer
  {
      margin-bottom: 1rem;
      display: none;
  }

  .filterTag
  {
      padding: 0 1rem;
      cursor: pointer;
  }

  .filterTag::after
  {
      font-family: "Font Awesome 6 Pro";
      content: "\f00d";
      margin: 0 0 0 0.5rem;
      font-weight: 200;
      font-size: 1rem;
      text-decoration: none !important;
      color: #0069b5;
  }

  .filterContainer .menu li,
  .filterContainer .menu.expanded li {
      padding: 0;
      width: 100%;
  }

  .filterContainer .menu li a,
  .filterContainer .menu.expanded li a {
      padding: 0;
  }

  .filterContainer .dropdown.menu {
      width: 100%;
      justify-content: center;
      align-items: center;
  }

  .filterMenuBlock
  {
      margin-bottom: 1rem;
  }

  .filterMenu a.button.primary
  {
      margin: 0;
      padding: .7rem 2rem;
      color: #fff;
      text-decoration: none;
      border: none;
      background-color: #003046;
      color: #ffffff;
      text-transform: uppercase;
      font-weight: bold;
  }
  .filterMenu a.button.primary:hover,
  .filterMenu a.button.primary:active,
  .filterMenu a.button.primary:visited,
  .filterMenu a.button.primary:link
  {
      margin: 0;
      padding: .7rem 2rem;
      background-color: #00b6f1;
      color: #003046;
      text-decoration: none;
  }

  .filterMenu .accordion
  {
      padding-left: 0;
  }

  .filterMenu label.ui-button
  {
      padding-left: 0;
  }

  .filterMenu .accordion-content
  {
    font-size: 1.0rem;
    border: none;
    padding-top: 0;
  }

  .menu.vertical.filterMenu.submenu a:hover, a.navMenuTitle:hover {
    background-color: unset;
  }

  .filterMenu .element-outline-container
  {
    padding: 0;
    border: none;
  }

  .filterMenu :last-child > .accordion-content:last-child {
    border-bottom: none;
  }


  /*** filter checkbox css ***/
  .ui-checkboxradio-label
  {
      width: 100%;
  }

  .categoryMenuBlock .ui-button {
      padding: .4em 0.2rem;
  }

  /*** pinned list ***/

  .pinned-item:first-of-type {
      padding-top: 1rem;
  }
  .pinned-item, .topics-list-item {
      border-bottom: 1px solid #ccc;
      padding-bottom: 1.5625rem;
      padding-top: 1.5625rem;
      margin-bottom: 0;
      font-size: 1.125rem;
      line-height: 1.375rem;
  }

  .pinned-item {
    display: flex;
  }

  .pinned-item .sub-title,
  .pinned-item .readmore-link {
    font-size: initial;
    padding-top: 1rem;
    display: block;
  }

  .pinned-item.hide-keyline {
    border-bottom: none;
    padding-bottom: 0;
  }

  .pinned-item.above {
    flex-direction: column;
    flex-wrap: nowrap;
  }

  .pinned-list-image.imgcenter {
    justify-content: center;
    text-align: center;
  }

  .pinned-list-image.imgleft {
    justify-content: flex-start;
    text-align: left;
  }

  .pinned-list-image.imgright {
    justify-content: flex-end;
    text-align: right;
  }

  .pinned-item.inline {
    flex-direction: row;
  }

  .pinned-item.above .pinned-list-image {
    display: flex;
  }

  .pinned-item .fa-thumbtack.hide {
    display: none;
  }

  .pinned-list-image {
    display:flex;
  }

/* Enable this rule if you want the pin to align top-right of the link */
  .XXpinned-list-link {
     display:flex;
   }

  .pinned-list-image {
    /* width: 6.25rem; */
    padding-top: 0.25rem;
    /* width: 100%; */
  }

.pinned-item.inline .pinned-list-image.p25,
.pinned-item .pinned-list-image.p25 .pinned-image.above {
    min-width: 25%;
    width: 25%;
  }
.pinned-item.inline .pinned-list-image.p33,
.pinned-item .pinned-list-image.p33 .pinned-image.above {
    min-width: 33.3%;
    width: 33.3%;
  }
.pinned-item.inline .pinned-list-image.p50,
.pinned-item.above .pinned-list-image.p50 .pinned-image {
    min-width: 50%;
    width: 50%;
  }
.pinned-item.inline .pinned-list-image.p66,
.pinned-item .pinned-list-image.p66 .pinned-image.above {
    min-width: 66.6%;
    width: 66.6%;
  }
.pinned-item.inline .pinned-list-image.p75,
.pinned-item .pinned-list-image.p75 .pinned-image.above {
    min-width: 75%;
    width: 75%;
  }
.pinned-item.inline .pinned-list-image.p100,
.pinned-item .pinned-list-image.p100 .pinned-image.above {
    min-width: 100%;
    width: 100%;
  }


  .pinned-image.inline {
    /* max-width: 6.25rem; */
    padding-right: 0.75rem;
    height: fit-content;
  }

  .pinned-image.above {
    padding-bottom: 0.75rem;
  }

  .pinned-link {
    display: inline;
  }

  .pinned-item.textleft,
  .readmore-link.textleft {
    justify-content: left;
  }

  .pinned-item.textright,
  .readmore-link.textright {
    justify-content: right;
  }

  .pinned-item.textcenter,
  .readmore-link.textcenter {
    justify-content: center;
  }

  .pinned-list-link.textleft,
  .readmore-link.textleft {
    text-align: left;
  }

  .pinned-list-link.textright,
  .readmore-link.textright {
    text-align: right;
  }

  .pinned-list-link.textcenter,
  .readmore-link.textcenter {
    text-align: center;
  }

  /*** view more ***/
  .viewMoreContainer {
      display: none;
  }

  .viewMoreButton {
      text-align: center;
      background: #003046;
      color: #ffffff;
      cursor: pointer;
      margin: 1rem auto 3rem auto;
      float: none !important;
  }

  .viewMore {
      width: 100vw;
      color: #fff !important;
      height: 3.5rem;
      line-height: 3.5rem;
      font-size: 1.125rem;
      font-weight: 800;
      display: table-cell;
      text-transform: uppercase;
      letter-spacing: 0.05em;
  }

  .viewMore .waitMessage
  {
      font-size: 1rem;
      padding: 0;
      text-decoration: none;
  }

  a.viewMore .waitMessage span,
  a.viewMore:hover .waitMessage span
  {
      display: inline;
      text-decoration: none;
  }

  /*** speaker CSS ***/
  .speakerSummaryContainer {
    margin-top: 3rem;
    margin-bottom: 2rem;
  }

  .speakerSummaryContainer .row {
    max-width: 65rem;
  }

  .speakerDetailPane {
    border-right: 1px solid #979797;
    padding-right: 3rem;
  }

  .speakerDetailPane h3 {
    margin-bottom: 0.5rem;
  }
  .speakerDetailPane .linkContainer {
    margin-top: 0;
    margin-bottom: 1.4rem;
  }

  .speakerSidebar {
    padding-left: 3rem;
  }

  .speakerContainer.sidebarFormat {
    padding-left: 0;
    padding-right: 0;
  }

  .speakerSummary {
    display: flex;
    flex-direction: row;
    align-items: center;
  }

  .speakerEmail {
    font-weight: bold;
    color: var(--link-color);
  }

  .speakerDetails {
    flex-grow: 2;
  }

  .speakerDetails h2 {
    margin-bottom: 0.5rem;
  }

  .speakerDetails p {
    font-size: 1.125rem;
  }

  .speakerDetails p:first-child {
    font-weight: 600;
}

  .speakerTitleBlock {
  line-height: 1.3rem;
  margin-bottom: 0;
}

  .speakerTitleBlock {
    line-height: 1.3rem;
    margin-bottom: 0.6rem;
  }

.speakerDetails .speakerTitleBlock:first-of-type {
    line-height: 1.3rem;
    margin-bottom: 0;
  }

  .thumbnailImageContainer {
    flex-grow: 1;
    margin-right: 2rem;
  }

  .thumbnailImage {
    width: 100%;
    border: none;
    box-shadow: none;
  }

  .contactBlock {
    display: flex;
    flex-direction: column;
  }

  .contactBlock span {
    margin-right: 2rem;
  }

  /*** sidebar speaker CSS ***/

  .sidebarFormat .thumbnailImageContainer {
    flex-grow: unset;
    margin-right: 1rem;
    text-align: left;
  }

  .sidebarFormat .thumbnailImage {
    width: 85px;
    height: auto;
    min-width: 85px;
  }

  .sidebarFormat .speakerDetails {
    flex-grow: 6;
  }

  .sidebarFormat h2 {
    font-size: 1.125rem;
    margin-bottom: 0;
  }

  .inheritable-sidebar,
  .local-sidebar {
    /* padding-left: 1.5rem; */
  }

  .sidebarFormat p {
    font-size: 1rem;
    line-height: 1.3rem;
  }

  .sidebarFormat .linkContainer {
    margin-top: 0;
  }

  .mobileCls {
    display: none;
  }

  /*** author langing css ***/

   .author-summary-thumbnail-img
   {
       width: auto;
   }

  .speaker-landing-component .column-block
   {
     text-align: center;
     margin-bottom: 5rem;
 }

 .archive-article-block .column,
 .pinned-article-block .column,
 .manual-article-block .column {
   float: none;
 }

 .archive-article-block .column {
     padding-left: 0;
     padding-right: 0;
 }

 .archive-article-block .accordionComponent ul.accordion {
     padding-top: 0;
     padding-bottom: 0;
 }

 .archive-article-block .accordion-title:hover,
 .archive-article-block .accordion-title:focus {
   color: #0069b5;
   padding: 1rem 1rem 0.5rem 0;
 }

  .archive-article-block .accordionComponent:not(.standardPadding):not(.largePadding):not(.noTopPadding):not(.noBottomPadding):not(.noPadding):not(.resetPadding),
  .manual-article-block .container:not(.standardPadding):not(.largePadding):not(.noTopPadding):not(.noBottomPadding):not(.noPadding):not(.resetPadding),
  .category-links-block .accordionComponent:not(.standardPadding):not(.largePadding):not(.noTopPadding):not(.noBottomPadding):not(.noPadding):not(.resetPadding),
  .pinned-article-block .container:not(.standardPadding):not(.largePadding):not(.noTopPadding):not(.noBottomPadding):not(.noPadding):not(.resetPadding)
  {
    padding: 0;
  }

  .pinned-article-block .highliteColor1
  {
  		background-color: #00b6f1;
      padding: 1rem;
  }

  .category-and-lists .accordionComponent {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }

  .pinned-article-block .highliteColor2
  {
  		background-color: #003046;
      padding: 1rem;
  }

  .pinned-article-block .highliteColor3
  {
  		background-color: #9fcc3b;
      padding: 1rem;
  }

  .pinned-article-block .highliteColor4
  {
  		background-color: #f58220;
      padding: 1rem;
  }

  .category-links-block .accordionComponent .accordion {
    padding-top: initial;
    padding-bottom: initial;
  }

  .manual-article-block .manual-articles-list a {
    display: block;
  }

  .XXmanual-article-block {
  		float: left;
      width: 100%;
      padding: 1rem;
  }

.show-external-icon a.external:after {
    font-family: "Font Awesome 6 Pro";
  	font-weight: 400;
    content: "\f08e";
    padding-left: 0.5rem;
  }

  .amba .sort-delimiter {
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
  }

  @media screen and (max-width: 39.9375em)
  {

      .article .videoContainer .iframeClass
      {
          width: 100%;
          height: 180px;
      }

  }

  @media screen and (max-width: 63.9375em)
  {
      .article-categoryBlock
      {
          width: 100%;
      }
      .article-categoryBlock .pipe
      {
          display: none;
      }

      .article-tag.pretty,
      .article-category.pretty
      {
          white-space: normal;
      }

      /*** category filter menu ***/
      .filterContainer
      {
          flex-direction: column;
          align-items: flex-start;
      }

      .sort-container
      {
          text-align: left;
          padding: 0;
          margin-top: 10px;
      }

      .sort-container .sorter-options {
          padding: 0.5rem 0 ;
      }

      .pinned-topics-block {
        margin-top: 2rem;
      }

      .inheritable-sidebar {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
      }

      .local-sidebar {
        padding-left: 0;
        padding-right: 0;
      }

      .article-sidebar {
        padding-top: 1rem;
      }

      .trendingContainer .inheritable-sidebar,
      .trendingContainer .category-links-block,
      .trendingContainer .pinned-list,
      .trendingContainer .manual-list
      {
          padding-left: 0;
          padding-right: 0;
      }

      /*** author landing css ***/
      .speaker-landing-component .column-block
      {
          text-align: center;
          margin-bottom: 2rem;
      }

  }