.header-nav__links-link{
  color: #232323 !important;
}
.upload-dropzone span {
    color: #232323;
 
}


/* STYLE BASICS - 7.15.2026 */
a {
  color: #00628A !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}
a:hover {
  text-decoration: underline !important;
}
p {
  color: #232323 !important;
  margin: 0 0 1.125rem !important;
}
b, strong {
  font-weight: 600 !important;
}
ol, ul {
  font-family: 'montserrat', sans-serif;
  font-weight 400;
  color #232323;
  font-size: 13px;
}
/* CONTACT FORM BASICS  */
div.cf_wrapper {
  margin: 0 0 .5rem !important;
  font-family: montserrat, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #900 !important ~
}
/* ==========================
   FORM WRAPPER
========================== */
.cf_wrapper {
  font-family: 'montserrat', sans-serif;
  color: #232323 !important
}
/* START HEADINGS */
.cf_wrapper h1, .cf_wrapper h2, .cf_wrapper h3, .cf_wrapper h4, .cf_wrapper h5, .cf_wrapper h6 {
  font-family: kepler, serif;
  color: #232323;
}
.cf_wrapper h1 {
  /*     font-size:40px; */
}
.cf_wrapper h2 {
  /*     font-size:30px; */
}
.cf_wrapper h3 {
  /*     font-size:24px; */
}
/* START PARA and LISTS */
.cf_wrapper p {
  margin: 0 0 16px;
}
.cf_wrapper ul, .cf_wrapper ol {
  margin: 0 0 20px 24px !important;
}
.cf_wrapper li {
  margin-bottom: 8px;
}
/* START LINKS */
.cf_wrapper a:link {
  color: #00628a !important;
  text-decoration: none !important;
}
.cf_wrapper a:hover {
  color: #005070 !important;
  text-decoration: underline;
}
/* START LABELS */
.cf_wrapper label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 15px;
  color: #232323 !important
}
/* START INPUTS */
.cf_wrapper input, .cf_wrapper textarea, .cf_wrapper select, .cf_wrapper .nesty-input {
  width: 100%;
  padding: 12px 16px;
  font-family: inherit;
  font-size: 16px;
  border: 1px solid #ddd;
  background: #fff;
  box-sizing: border-box;
}
.cf_wrapper textarea {
  min-height: 160px;
  resize: vertical;
}
.cf_wrapper input:focus, .cf_wrapper textarea:focus, .cf_wrapper select:focus, .cf_wrapper .nesty-input:focus {
  outline: none;
  height: 45px;
}
.nesty-input {
  display: flex !important;
  align-items: center;
  height: 45px !important;
  padding: 0 12px !important;
}
.nesty-input, .nesty-input:hover, .nesty-input:focus, .nesty-input:active {
  text-decoration: none !important;
}
/* START HELP TEXT */
.cf_wrapper .form-field p, .cf_wrapper .notification, .cf_wrapper .hint {
  font-size: 13px;
  color: #009;
}
/* START FORM FIELDS */
.cf_wrapper .form-field {
  margin-bottom: 24px;
}
/* START REQUIRED FIELDS */
.cf_wrapper .required > label::after {
  content: " *";
  color: #c00;
}
/*  END CF WRAPPER  */
/* DESKTOP LIGHT BLUE BUTTONS */
a.lightBlueButton img {
  width: 32px !important;
  height: 32px !important;
}
/* ADDED 7.15.2026 */
/* @media (min-width: 768px) {
.row > .mTwo {order: 2; padding: 30px 24px; margin: 0;}
} */
/* START MOBILE 767 */
@media (max-width: 767px) {
  .bcPadd {
    padding: 12px 24px !important;
  }
  div.layout {
    padding: 0;
  }
  img.desktopLogo {
    display: none;
  }
  img.mobileLogo {
    display: block;
    width: 220px !important;
  }
  /* logo + search */
  .row {
    display: flex;
    flex-direction: column;
  }
  .row > .mOne {
    order: 1;
    padding: 20px 0;
  }
  .row > .mTwo {
    order: 2;
    padding: 0 24px 20px;
    margin: 0;
  }
  .row > div.mThree {
    order: 3;
    border: solid 1px #900;
  }
  /* article grid */
  .article-grid {
    column-count: 1 !important;
  }
  /* remove menu box border */
  .whiteBG {
    background: #fff;
    border-right: solid 0px #aaa !important;
  }
}
/* END MOBILE 767 */
/* START MOBILE 1030 */
@media (max-width: 1030px) {
  .hiddenBlock1030 {
    display: none !important;
  }
}
/* END MOBILE 1030 */
/* DESKTOP DEFAULTS */
.desktopLogo {
  display: block;
}
.mobileLogo {
  display: none;
  width: 220px !important;
}
.mobileOnly, .hideOnDesktop {
  display: none !important;
}
.desktopOnly, .hideOnMobile {
  display: block !important;
}
.hiddenBlock {
  display: none !important;
}
/* MOBILE */
@media (max-width: 767px) {
  .mobileOnly, .hideOnDesktop {
    display: block !important;
  }
  .desktopOnly, .hideOnMobile {
    display: none !important;
  }
}
/* =========================================
   END MOBILE STYLING
========================================= */
.accordionItem.viewAllItem a {
  font-family: montserrat, sans-serif;
  color: #00628A !important;
  font-weight: 500 !important;
  width: 100%;
}
.accordionItem.viewAllItem a:hover {
  color: #232323  !important;
	font-weight: 400  !important;
}

.accordionItem.viewAllItem.activeArticle > a {
  color: #232323  !important;
	font-weight: 400  !important;
}
 
 

/* =========================================
   DEFAULT FONT FOR PAGE
========================================= */
body, .page-container, .page-container * {
  font-family: montserrat, sans-serif;
}
.page-container {
  background: #f8f8f8;
}
/* ROOT STYLES */ :root {
  --container-width: 1356px;
  --gap: 0px;
  --left-col: 320px;
  --radius: 0px;
}
/* LOAD MORE SEARCH RESULTS */
/* hide results initially */
.search-result-item {
  display: none;
}
/* load more button */
#loadMoreResults {
  display: block;
  width: 180px;
  margin: 16px auto;
  text-align: center !important;
  box-sizing: border-box; /* Prevents padding from breaking the 200px width */
}
#labelArticleList li {
  border-top: solid 0.5px #ccc;
  padding: 20px 0px;
  margin: 0px;
}
/* OPEN ACCORDIAN ARTICLE LINKS */
.activeArticle {
  border-left: 2px solid #00628a;
  padding-left: 8px;
  background: #ECF7FC !important;
}
.activeArticle a {
  font-weight: 500;
}
/* ANCHORS */
.page-container a:link {
  color: #00628A;
}
.page-container a:hover {
  color: #00316A;
}
/* RESET ALL LISTS */
.page-container dl, .page-container ol, .page-container ul {
  margin: 0;
  padding: 0;
  /*   list-style: normal !important; */
}
/* RESET ARTICLE LISTS */
.article-info ol, .article-info ul {
  list-style: normal !important;
  margin: 10px !important;
  padding-left: 6px;
}
.article-info ol li, .article-info ul li {
  padding: 5px 0px !important;
}
/* BACKGROUNDS COLORS */
.whiteBG {
  background: #fff;
  border-right: solid 0.5px #aaa !important;
}
.neutralLightGrayBG {
  background: #ADAFB1;
}
.neutralPearlWhite {
  background: #F8F8F8;
}
.neutralBlackBG {
  background: #232323;
}
.neutralGrayBG {
  background: #535759;
}
/* TEXT COLORS */
.text-neutralBlack {
  color: #232323;
}
.textWhite {
  color: #fff !important;
}
/* PADDING */
.padd24 {
  padding: 12px 0px;
}
.padd32 {
  padding: 16px 0px;
}
.headerH2 {
  /*   color: #232323  !important; */
  font-family: kepler, serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 31.2px */
}
.headerHeight {
  height: 55px;
  line-height: 59px;
  margin: 0px;
  padding: 0px;
}
ol li, ul li {
  padding: 0;
}
.alignLeft {
  text-align: left !important;
}
.alignCenter {
  text-align: left !important;
}
/* PAGE LISTS */
.page-container ul li {
  margin-bottom: 12px;
}
.page-container ul li a {
  color: #232323 !important;
}
.page-container ol {
  margin: 0px;
  padding: 0px;
}
/* START RELATED ARTICLES LIST */
.relArtListDevices {
  font-size: 16px;
  text-align: center;
}
.related-articles-title {
  /*   JENNY */
  font-family: 'montserrat', san-serif;
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 600;
  margin-top: 12px;
}
.relatedList ul li a {
  color: #232323 !important;
  font-weight: 400 !important;
}
/* --- ACCORDION ICON ANIMATION --- */
.footer__column-toggle {
  position: relative;
  padding-right: 30px !important;
  text-align: left;
  cursor: pointer;
}
/* Horizontal bar */
.footer__column-toggle::after {
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  width: 12px;
  height: 2px;
  background-color: currentColor;
  transform: translateY(-50%);
  /* Slowed down to 0.6s */
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
/* Vertical bar */
.footer__column-toggle::before {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  width: 2px;
  height: 12px;
  background-color: currentColor;
  transform: translate(-50%, -50%);
  /* Slowed down to 0.6s */
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.footer__column-toggle[aria-expanded="true"]::before {
  transform: translate(-50%, -50%) rotate(90deg);
  opacity: 0;
}
.footer__column-toggle[aria-expanded="true"]::after {
  transform: translateY(-50%) rotate(180deg);
}
/* --- MOBILE LIST ANIMATION --- */
@media (max-width: 767px) {
  /* This rule now says: target lists, but NOT the social list */
  .footer__column-list:not(.footer__column-list--social) {
    display: block !important;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.8s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.5s ease-in-out !important;
  }
  /* Only expand the ones that are NOT social */
  .footer__column-toggle[aria-expanded="true"] + .footer__column-list:not(.footer__column-list--social), .footer__column-list.footer__column-list--expanded:not(.footer__column-list--social) {
    max-height: 350px;
    opacity: 1;
    margin-bottom: 20px;
    padding-bottom: 10px;
  }
}
/* --- DESKTOP & SOCIAL (Remains the same) --- */
@media (min-width: 768px) {
  .footer__column-list {
    display: block !important;
    max-height: none !important;
    opacity: 1 !important;
  }
  .footer__column-toggle {
    display: none !important;
  }
}
/* Your existing Social CSS... */
/* START SOCIAL */
/* Ensure the social container itself displays cleanly */
.footer__column-social {
  display: block !important;
  clear: both;
  margin-top: 20px;
}
/* Force the "Follow Us" headline to occupy its own full line */
.footer__column-headline--social {
  font-family: montserrat, sans-serif !important;
  display: block !important;
  width: 100% !important;
  margin-bottom: 12px !important;
}
/* Override any accordion overrides forcing 'display: none' or vertical blocks */
ul.footer__column-list--social {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  /* Force visibility regardless of screen size */
  max-height: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  gap: 12px !important;
  margin: 10px 0 !important;
  padding: 0 !important;
}
/* Force the list items to sit inline instead of stacking */
ul.footer__column-list--social .footer__column-item {
  display: block !important;
  width: auto !important;
}
/* Ensure the layout handles image scaling cleanly */
ul.footer__column-list--social img {
  display: block;
  width: 32px !important;
  height: 33px !important;
}
/* END SOCIAL */
/* START NEW SEARCH POP UP STYLING & LISTBOX CONTAINER */
/* ALL TEXT INSIDE */
body [role="listbox"] *, body [role="listbox"] div, body [role="listbox"] span, body [role="listbox"] a, body [role="option"] {
  color: #232323;
}
body [role="listbox"] {
  z-index: 999999 !important;
  width: 480px !important;
  max-width: 720px !important;
  max-height: 340px !important;
  border-radius: 0px;
}
body [role="listbox"] a:link {
  color: #900 !important;
}
/* remove any non-result rows (headers like "Featured articles") */
body [role="listbox"] > *:not([role="option"]) {
  display: none !important;
}
/* END NEW SEARCH POP UP STYLING */
/* START BACK LINK FOR DEVICE PAGES */
.backLink {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #00628A;
  padding: 10px 0px 0px 0px;
  /*  OLD -  padding:15px 0px 0px 0px; */
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 135%; /* 18.9px */
  text-decoration: none;
}
.backLink svg {
  flex-shrink: 0;
}
/* NEW 2 COLUMN LAYOUT FOR THE DEVICE DETAILS ON NOOK PAGES */
.twoColumnLayout {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px;
  align-items: center;
  text-align: center;
}
.threeColDeviceLO {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  align-items: stretch;
}
.deviceColumn {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 16px;
  border: 1px solid #e6e6e6;
  border-radius: 0px;
  background: #fff;
  text-align: center;
}
.deviceColumn img {
  display: block;
  margin-bottom: 12px;
}
.deviceColumn h4 {
  margin: 0 0 8px 0;
}
.deviceColumn p {
  margin-top: auto; /* pushes links to bottom if needed */
}
@media (max-width: 1024px) {
  .threeColDeviceLO {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .threeColDeviceLO {
    grid-template-columns: 1fr;
  }
}
.deviceColumn img {
  width: 150px;
  height: 150px;
  object-fit: contain;
  display: block;
  margin: 0 auto 12px;
}
.column {
  width: 100%;
  border: solid 1px #ccc;
  padding: 20px;
  min-height: 280px;
}
@media (max-width: 768px) {
  .twoColumnLayout {
    grid-template-columns: 1fr;
  }
}
.hcc-deviceImage {
  margin: 0px auto !important;
}
/* =========================
   MORE QUESTIONS/* OUTER WRAPPER - centers everything on the page */
.more-questions-wrapper {
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 30px;
  /*   OLD - padding:40px; */
  padding: 40px 40px 20px;
}
/* SEARCH RESULTS PAGE */
ul li a.hcc-sr-title {
  color: #00628A !important;
  font-size: 15px;
  font-family: BN Montserrat 2.0;
  font-weight: 600;
  line-height: 18.30px;
  word-wrap: break-word
}
.hcc-sr-text {
  color: #232323 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 18.20px !important;
  word-wrap: break-word !important;
  margin-top: -11px !important;
  margin-bottom: 48px;
  display: none;
}
/* INNER CONTENT - stacks + centers all children */
.more-questions-content {
  display: flex;
  flex-direction: column;
  align-items: center; /* horizontal centering */
  text-align: center; /* text centering */
  gap: 12px;
  max-width: 500px; /* optional: keeps it visually tight */
}
/* IMAGE FIX */
.more-questions-content img {
  display: block;
  margin: 0 auto;
}
/* LINK (optional clean-up) */
.more-questions-content a {
  text-decoration: underline;
}
=========================*/ /* OUTER WRAPPER - centers everything on the page */
.more-questions-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
/* INNER CONTENT - stacks + centers all children */
.more-questions-content {
  display: flex;
  flex-direction: column;
  align-items: center; /* horizontal centering */
  text-align: center; /* text centering */
  gap: 12px;
  max-width: 500px; /* optional: keeps it visually tight */
}
/* IMAGE FIX */
.more-questions-content img {
  display: block;
  margin: 0 auto;
}
/* LINK (optional clean-up) */
.more-questions-content a {
  text-decoration: underline;
}
/* =========================
   ACCORDION WRAPPER
========================= */
.helpAccordion {
  max-width: 700px;
  margin: 0 auto;
  padding: 0px !important;
}
/* =========================
   SECTION
========================= */
.accordionSection {
  border-bottom: solid 0.5px #e5e5e5;
  margin-bottom: 24px;
}
/* =========================
   BUTTON
========================= */
.accordionButton {
  width: 100%;
  background: transparent;
  /*  padding:32px 40px 0px 40px ; */
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-weight: 600;
  color: #232323;
  font-size: 13px;
  font-style: normal;
  /*   border-bottom: 1px solid #090; */
  padding-bottom: 24px;
}
.accordionButtonInner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
/* LEFT SIDE (ICON + TITLE TEXT) */
.accordionTitle {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #232323;
  font-size: 13px !important;
  font-family: BN Montserrat 2.0;
  font-weight: 600;
  line-height: 18.20px;
  word-wrap: break-word
}
/* HEADER SVG ICON */
.accordionHeaderIcon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: #232323;
}
/* =========================
   PLUS / MINUS ICON
========================= */
.accordionIcon {
  position: relative;
  width: 12px;
  height: 12px;
  display: inline-block;
}
/* horizontal line */
.accordionIcon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 2px;
  background: #232323;
  transform: translate(-50%, -50%);
}
/* vertical line */
.accordionIcon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 12px;
  background: #232323;
  transform: translate(-50%, -50%);
  transition: transform 0.2s ease, opacity 0.2s ease;
}
/* OPEN STATE → becomes minus */
.accordionSection.open .accordionIcon::after {
  transform: translate(-50%, -50%) scaleY(0);
  opacity: 0;
}
/* =========================
   CONTENT
========================= */
.accordionContent {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
/* IMPORTANT: avoids bottom spacing jump issues */
.accordionContent ul {
  margin: 0;
  padding: 0 0 0px;
}
/* open state */
.accordionSection.open .accordionContent {
  max-height: 2000px;
}
/* =========================
   LIST
========================= */
.accordionList {
  list-style: none;
  /*   margin: 0 ; */
  /*   border-bottom: 1px solid #900 !important; */
  margin-bottom: 20px !important;
  /* padding-bottom: 0px 0px 10px 0px !important;
margin-bottom: 0px 0px 20px 0px  !important ; */
}
.accordionItem {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #232323;
  font-size: 13px !important;
  font-weight: 400;
  line-height: 18.20px;
  word-wrap: break-word
}
.accordionItem a {
  text-decoration: none !important;
  color: #232323;
  font-size: 13px;
  font-weight: normal !important;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 5px;
}
.accordionItem a:hover {
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 8px;
}
.accordionItem:hover {
  background: #ECF7FC;
}
/* OPTIONAL: icon inside links */
.accordionLinkIcon {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
/* =========================
   ICON (+ / −)
========================= */
.accordionIcon {
  position: relative;
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-left: auto;
}
/* horizontal line */
.accordionIcon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 2px;
  background: #232323;
  transform: translate(-50%, -50%);
}
/* vertical line */
.accordionIcon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 12px;
  background: #232323;
  transform: translate(-50%, -50%);
  transition: transform 0.2s ease, opacity 0.2s ease;
}
/* open → minus */
.accordionSection.open .accordionIcon::after {
  transform: translate(-50%, -50%) scaleY(0);
  opacity: 0;
}
/* =========================
   LOADING / STATES
========================= */
.loadingItem {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #666;
  padding: 12px 0;
  font-size: 14px;
}
.spinner {
  width: 14px;
  height: 14px;
  border: 2px solid #ddd;
  border-top: 2px solid #333;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.emptyItem, .errorItem {
  padding: 12px 0;
  font-size: 14px;
  color: #777;
}
.articleItem {
  border-top: solid 0.5px #ADAFB1 !important;
}
.articleItem:last-child {
  border-bottom: solid 0px #369 !important;
}
/* CENTERED PAGE */
.page-container {
  display: flex;
  justify-content: center;
  width: 100%;
}
/* MAIN LAYOUT WRAPPER */
.layout {
  width: 100%;
  max-width: var(--container-width);
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  box-sizing: border-box;
}
/* DESKTOP GRID ROW */
.row {
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr);
  align-items: stretch;
}
/* COLUMN STYLES */
.left, .right {
  padding: 24px;
  box-sizing: border-box;
}
/* COLUMN STYLES FOR LEFT AND RIGHT ARTICLES */
.leftArticle, .rightArticle {
  box-sizing: border-box;
  border-radius: var(--radius);
}
/* LEFT SIDE COLUMN BORDER */
.leftArticle {
  /*   border-right: solid 0.5px #eee !important; */
}
.left {
  /*   border-right: solid 0.5px #eee !important; */
}
/* START OTHER HELPFUL ARTICLES */
.hc-oha {
  font-family: "BN Montserrat 2.0", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 122%; /* 18.3px */
}
/* START ARTICLE WHITE BOX */
.whiteBox {
  display: flex;
  padding: 24px;
  flex-direction: column;
  /*   align-items: flex-start;  - REMOVED 5.26.2026      */
  gap: 12px;
  border-radius: 4px;
  border: 0.5px solid #ADAFB1;
  background: #FFF;
}
.hrDivider {
  border: solid 0.25px #ADAFB1 !important;
  border-left: solid 0px #900 !important;
  border-right: solid 0px #900 !important;
  border-bottom: solid 0px #900 !important;
  margin-left: 40px;
  margin-right: 40px;
}
/* START THE SECTION ARTICLES 2 COLUMN LAYOUT */
/* 2-column top-to-bottom flow */
.article-grid {
  column-count: 2;
  column-gap: 40px;
}
/* important for breaking correctly */
.article-card {
  display: inline-block;
  width: 100%;
  break-inside: avoid;
  padding: 8px 0;
}
.article-card li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 24px 0;
  border-top: 1px solid #eee;
}
div a.article-card {
  color: #232323 !important;
  color: black;
  font-size: 14px;
  font-family: BN Montserrat 2.0;
  font-weight: 500;
  line-height: 18.90px;
  word-wrap: break-word
}
/* NEW ARTICLE LIST STYLING */
.article-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.articleItem {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
}
.articleItem a {
  text-decoration: none;
  color: #232323;
  font-size: 14px;
  flex: 1;
}
.articleItem svg {
  flex-shrink: 0;
}
/* NEW DEVICE LIST NPO BORDER */
.deviceList {
  list-style: none;
  margin: 0;
  padding: 0;
}
.deviceList li {
  border: none !important;
  margin: 0;
  padding: 8px 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.deviceList .article-title-link {
  text-decoration: none;
}
. /* ---------------------------- */
/* TABLET ADJUSTMENT */
/* ---------------------------- */
@media (max-width: 1024px) {
  :root {
    --left-col: 260px;
  }
}
/* ---------------------------- */
/* MOBILE STACK (KEY PART) */
/* ---------------------------- */
@media (max-width: 768px) {
  .row {
    grid-template-columns: 1fr; /* collapse */
  }
  .layout {
    padding: 24px 16px;
  }
}
/* START BREADCRUMB STYLING NEW */
/* 
HIDE BREADCRUMBS???
nav.sub-nav{
  display:none !important;
} */
.breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
  /*   font-size:122px !important; */
}
/* separator (this is now fully responsible for "/") */
.breadcrumbs li:not(:last-child)::after {
  content: "/";
  margin: 0 2px; /* <-- THIS controls spacing around slash */
  color: #999;
}
/* breadcrumb items */
.breadcrumbs li {
  white-space: normal;
  overflow-wrap: break-word;
}
/* last item (article title styling) */
.breadcrumbs li:last-child {
  color: #232323;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}
/* links (home, categories, etc.) */
.breadcrumbs a {
  color: #00628a !important;
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  text-decoration: none;
  line-height: 140%;
}
.breadcrumbs a:hover {
  text-decoration: underline;
}
/* END BREADCRUMB STYLING NEW */
/* START NEW HELP CENTER HEADER */
.helpCenterHeader {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 0px;
}
.helpCenterTitleRow {
  display: flex;
  align-items: center;
  gap: 12px;
}
.helpCenterTitle {
  color: #FFF;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
  height: auto;
}
.helpCenterSubtitle {
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  margin: 0px;
}
/* END HELP CENTER HEADER */
/* START 768 light Blue Button - TK */
@media (max-width: 767px) {
  a.lightBlueButton {
    padding: 12px !important;
    gap: 6px !important;
    margin: 5px 3px !important;
    width: 170px !important;
    text-decoration: none !important;
  }
  a.lightBlueButton img {
    width: 20px !important;
  }
}
/* END 768 light Blue Button */
/* START LIGHT BLUE BUTTONS */
/* =========================
   BUTTON CONTAINER
========================= */
.lightBlueButtonContainer {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  text-align: center;
}
/* =========================
   BUTTON (NOW AN <a>)
========================= */
a.lightBlueButton {
  padding: 18px 24px;
  gap: 8px;
  margin: 5px 3px;
  width: 200px;
  border-radius: 6px;
  border: 0.5px solid #ADAFB1;
  background: #ECF7FC;
  display: inline-flex;
  align-items: center !important;
  white-space: nowrap;
  color: #232323 !important;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none !important;
  cursor: pointer;
}
a.lightBlueButton:visited {
  color: #232323 !important;
}
/* =========================
   HOVER STATE
========================= */
a.lightBlueButton:hover {
  background: #d7effa;
  text-decoration: none;
  color: #232323 !important;
  gap: 8px;
}
/* =========================
   SVG FIX (prevents shrinking)
========================= */
/* =========================
   ACCESSIBILITY (optional but good)
========================= */
a.lightBlueButton:focus-visible {
  outline: 2px solid #4aa3df;
  outline-offset: 2px;
}
/* END LIGHT BLUE BUTTONS */
/* START THE DARK BLUE BUTTONS */
.darkBlueButton {
  width: 200px;
  height: 44px;
  padding: 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 3px;
  background: #00628A;
  display: inline-flex;
  white-space: nowrap;
  color: #fff !important;
  /* Copy/Body Semibold */
  /* NEED - font-family: "BN Montserrat 2.0"; */
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 18.2px */
  cursor: pointer;
  text-decoration: none;
}
.darkBlueButton:hover {
  width: 200px;
  height: 44px;
  padding: 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 3px;
  background: #4aa3df;
  display: inline-flex;
  white-space: nowrap;
  color: #fff !important;
  /* Copy/Body Semibold */
  /* NEED - font-family: "BN Montserrat 2.0"; */
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 18.2px */
  cursor: pointer;
  text-decoration: none;
}
/* A HREF */
/* ===================================
   PRIMARY BUTTON
   =================================== */
/* TK Buttons */
a.darkBlueButton, .cf_wrapper input[type="submit"], .cf_wrapper button, .cf_wrapper .button, .button-large {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 44px;
  padding: 0 16px;
  gap: 10px;
  border: none;
  border-radius: 3px;
  background: #00628A;
  color: #fff !important;
  font-family: 'montserrat', sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600 !important;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none !important;
  transition: background-color .2s ease;
}
a.darkBlueButton:hover, .cf_wrapper input[type="submit"]:hover, .cf_wrapper button:hover, .cf_wrapper .button:hover, .button-large:hover {
  background: #005070;
}
/* END THE DARK BLUE BUTTONS */
/* START ARTICLE LIST  */
.articleListContainer {
  width: 100%;
  max-width: 662px;
  margin: 0 auto;
}
.articleList {
  list-style: none;
  padding: 0;
  margin: 0;
}
.articleList li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 24px 0;
  border-top: 1px solid #eee;
}
.articleList a {
  color: #232323;
  /* Header/H6 */
  /* NEED - font-family: "BN Montserrat 2.0"; */
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 122%; /* 18.3px */
}
/* END ARTCILE LIST */
/* ARTICLE LIST FOR THE SECTIONS */
.sec-articleListContainer {
  width: 100%;
  max-width: 662px;
  margin: 0 auto;
}
.sec-articleList {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sec-articleList li {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 0;
  border-top: 1px solid #eee;
}
.sec-articleList a {
  color: #232323;
  font-size: 15px;
  font-style: normal;
  /* font-weight: 600; */
  line-height: 122%; /* 18.3px */
}
/* END ARTICLE LIST FOR THE SECTIONS */
/* START MORE QUESTIONS FOOTER */
.moreQuestionsContainer {
  background: #fff;
  display: flex;
  padding: 32px 238px;
  align-items: center;
  gap: 10px;
}
.moreQuestionsContent {
  text-align: center;
}
.phoneSupportText {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  color: #232323;
  /* Copy/Body Regular */
  /* NEED - font-family: "BN Montserrat 2.0"; */
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 18.2px */
}
.phoneSupportText svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
/* END MORE QUESTIONS FOOTER */
/* START 5.27  */
.hcc-container {
  align-items: flex-start;
  background: #F8F8F8;
  display: flex;
}
.hcc-sideBar {
  display: flex;
  width: 320.5px;
  padding-top: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  border-right: 0.5px solid #ADAFB1;
}
.hcc-mainContent {
  display: flex;
  width: 1119px;
  padding: 52px 40px 24px 40px;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  background: #F8F8F8;
}
/* START BC */
.hcc-bcContainer {
  padding: 0px 40px 0 40px;
}
/* END BC */
/* START SEARCH  */
.hcc-searchContainer {
  width: 100%;
  box-sizing: border-box;
  padding: 23px 40px;
  border-right: 0.5px solid #FFF;
}
/* SEARCH BAR */
.filterInput {
  display: flex;
  align-items: center;
  width: 100%;
  height: 36px;
  border: 0.5px solid #767676;
  background: #FFF;
  box-sizing: border-box;
}
/* ICON */
.hcc-searchIcon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  margin: 0 6px;
}
/* ZENDESK SEARCH WRAPPER */
.hcc-searchInput {
  flex: 1;
}
/* ACTUAL INPUT */
.hcc-searchInput input[type="search"] {
  width: 100% !important;
  font-size: 13px !important;
  border: none !important;
  background: transparent !important;
  color: #232323;
  outline: none;
  box-shadow: none;
  padding: 0 !important;
}
#query::placeholder {
  color: #767676; /* Change to your desired color */
}
/* REMOVE ZENDESK DEFAULT STYLES */
.hcc-searchInput input[type="search"]::-webkit-search-decoration, .hcc-searchInput input[type="search"]::-webkit-search-cancel-button, .hcc-searchInput input[type="search"]::-webkit-search-results-button, .hcc-searchInput input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
/* END SEARCH  */
/* START NAV MENU */
.navMenuContainer {
  display: flex;
  padding-top: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex: 1 0 0;
  align-self: stretch;
}
ul.menuItems {
  /*   border: solid 1px #900; */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
ul.menuItems li {
  display: flex;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid #ADAFB1;
  width: 205px;
}
ul.menuItems li:last-child {
  border-bottom: none;
}
ul.menuItems li a {
  /*   border: solid 1px #900; */
  color: #232323;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 18.2px */
}
.menuSeparator {
  display: flex;
  gap: 16px;
  width: 240.5px;
  height: 0.5px;
  background: #ADAFB1;
}
.plusIcon {
  margin-left: auto;
}
/* END NAV MENU */
/* START MAIN CONTENT HEADER */
.mainContentHeader {
  margin: 6px 0px;
  display: flex;
  width: 1119px;
  height: 83px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.hcc-headerTitleArea {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2px;
}
.helpHeaderText {
  color: #FFF;
  text-align: center;
  /* Header/H1 */
  font-family: kepler, serif;
  font-size: 31px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 37.2px */
}
/* END MAIN CONTENT HEADER */
/* END 5.27 */
@charset "UTF-8";
/* ------------------------------------------------------------------------
START FIX FOR MEGA MENU - Mar 18, 2026 
------------------------------------------------------------------------ */
.header-nav__megamenu {
  position: fixed;
  width: 100vw;
  left: 0;
  /* 	top: 12.85rem !important; */
  background: #fff !important;
  border-bottom: 1px solid rgba(173, 175, 177, .5);
  display: flex;
  flex-direction: row;
  padding: 0 60px !important;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s .1s, visibility .3s .1s;
}
/* ------------------------------------------------------------------------
END FIX FOR MEGA MENU
------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------
START FIX FOR SEARCH POP OUT - Dec 18, 2025 
------------------------------------------------------------------------ */
@media only screen and (min-width: 1024px) {
  .aside-search {
    top: 12.85rem !important;
  }
}
/* ------------------------------------------------------------------------
END FIX FOR SEARCH POP OUT
------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------
START REQUIRED FIELDS - Nov 18, 2025 
------------------------------------------------------------------------ */
.required-tag {
  color: #e00 !important;
  font-size: 14px !important;
  font-weight: normal;
  margin-left: 4px;
}
/* ------------------------------------------------------------------------
END REQUIRED FIELDS
------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------
START HIDE SUBJECT INPUT CHANGES - Nov 14, 2025 
------------------------------------------------------------------------ */
.request_subject {
  display: nonzzze !important;
}
/* ------------------------------------------------------------------------
END HIDE SUBJECT INPUT CHANGES
------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------
START FORM LAYOUT CHANGES - form 830 and 3131 Layout Changes - Nov 13, 2025 
------------------------------------------------------------------------ */
/* .hOne{ font-size:41px !important; } */
/* .wrapContBnForm {
  width: 100%;
  max-width: 1350px;
  margin: 0 auto;
  box-sizing: border-box;
}

.containerBnForm {
  width: 100%;
  max-width: 650px;
} */
/* .wrapContBnForm label{ left:0px; font-size:15px !important; font-weight: bold  !important; }
.wrapContBnForm .form-field input{ width:100% !important; }
.wrapContBnForm a.nesty-input { width:100%; height:60px !important; }
.wrapContBnForm .form-field textarea{ width:100% !important; } */
/* ------------------------------------------------------------------------
END FORM LAYOUT CHANGES
------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------
START SEARCH INPUT CHANGES - Changes - Nov 13, 2025 
------------------------------------------------------------------------ */
.SearchContainerBn {
  display: flex;
  justify-content: space-between; /* Left and right alignment */
  align-items: center; /* Vertical centering */
}
.SearchLeft {
  text-align: left;
}
.SearchRight {
  text-align: right;
}
/* Search box styling */
.search-boxBNHC {
  position: relative;
  display: flex;
  align-items: center;
}
.search-iconBNHC {
  position: absolute;
  left: 10px;
  color: #888;
  pointer-events: none; /* allows clicks to pass through */
}
.search-inputBNHC {
  padding: 8px 10px 8px 32px; /* left padding for icon */
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
  outline: none;
}
.search-inputBNHC :focus {
  border-color: #007bff;
  box-shadow: 0 0 3px rgba(0, 123, 255, 0.4);
}
/* ------------------------------------------------------------------------
END SEARCH INPUT LAYOUT CHANGES
------------------------------------------------------------------------ */
div.rspan {
  border: solid 3px #900 !important;
}
.modelNumber {
  font-size: 15px;
  color: #777 !important;
}
/* START RETIRED DEVICES STYLES */
/* MOBILE PHONE  */
@media only screen and (max-width: 415px) {
  .gridConTabletsRND {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 4px;
  }
  .gridItTabletsRND {
    text-align: left;
    /*   	background: yellow; */
  }
  .alMiddle {
    padding: 0 !important;
    margin: 0 !important;
  }
  .expl {
    text-align: center !important;
    font-size: 14px !important;
    line-height: 24px !important;
    color: #555 !important;
    padding: 0 40px !important;
    width: 100%;
    margin: 0 auto;
  }
}
/* END MOBILE PHONE  */
/* START TABLET PLUS SIZES     */
@media only screen and (min-width: 414px) {
  .gridConTabletsRND {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
  }
  .gridItTabletsRND {
    text-align: left;
    /*   	background: pink; */
  }
  .alMiddle {
    padding: 0 !important;
    margin: 0 !important;
  }
  .expl {
    text-align: center !important;
    font-size: 14px !important;
    line-height: 24px !important;
    color: #555 !important;
    padding: 0 40px !important;
    width: 75%;
    margin: 0 auto;
  }
}
/* END TABLET PLUS SIZES  */
/* START LINE UP AI     */
@media only screen and (min-width: 800px) {
  .alMiddle {
    padding: 25px 0 !important;
    margin: 0 !important;
    /*     background: pink; */
  }
}
/* END LINE UP AI  */
/* END RETIRED DEVICES STYLES */
/* FOR AGENT SHOW */
/*hide role-specific div html*/
div.anonymous, div.end_user, div.agent, div.manager, div.admin {
  display: none;
}
.pagination a {
  background: transparent !important;
  border: solid 0px #900 !important;
}
span.pagination-prev-text:hover {
  color: #17494D !important;
  text-decoration: underline;
}
span.pagination-next-text:hover {
  color: #17494D !important;
  text-decoration: underline;
}
.pagination a span {
  display: inline-block !important;
}
a.pagination-first-link {}
li.pagination-next {
  margin: 0px 40px;
}
div.homePageEmergency h3 {
  font-family: sans-serif !important;
  text-align: center;
}
h1 {}
.selectBox-dropdown {
  display: none !important;
}
  {
  display: none !important;
}
.selectBox-label {
  display: none !important;
}
/* DEVICE DETAIL */
.deviceDetailHeader {
  text-align: center;
  margin-bottom: 20px;
}
.deviceDetailHeader h2 {
  color: #000000;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  font-style: normal;
  padding-top: 10px;
  margin: 0px;
}
.deviceDetailHeader h4 {
  color: #000000;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  font-style: ITALIC;
  margin: 0px;
}
.deviceDetailHeader > div > img {
  width: 50px;
}
.deviceDetailMain {
  border: solid 1px #ccc;
}
.ddMainCont {
  border: solid 1px #ccc;
  display: grid;
  grid-template-columns: auto auto auto;
}
.ddMainItem {
  padding: 20px;
  font-size: 30px;
  text-align: center;
  line-height: 1rem;
}
.ddMainItem img {
  width: 135px;
}
.ddMainCont a {
  color: #346250;
  font-size: 15px;
}
/* END DEVICE DETAIL  */
ul.mainListCropped > li {
  border-bottom: solid 1px #ccc;
  padding: 15px 0px;
  display: block;
}
ul.mainListCropped > li > a {
  color: #000;
  width: 100%;
  font-size: 16px;
  font-weight: bold;
}
ul.mainListTablets {}
ul.mainListTablets > li {
  border-bottom: solid 1px #ccc;
  padding: 15px 0px;
  display: block;
}
ul.mainListTablets > li > a {
  color: #000;
  width: 100%;
  font-family: 'Poynter', Georgia, serif;
  font-size: 16px;
  font-weight: bold;
}
ul.mainListTablets > li > a > img {
  height: 100px;
}
/* BEGIN MAIN LIST STYLING */
ul.mainList {
  text-align: center;
}
ul.mainList > li {
  border-bottom: solid 1px #ccc;
  padding: 15px 0px;
}
ul.mainList > li > a {
  color: #000;
  width: 100%;
  font-size: 16px;
  font-weight: bold;
}
/* NOOK SUPPORT LAYOUT 4 ACROSS */
.gridItTabletsNOOKS {
  text-align: center;
  padding: 30px;
  border: 1px solid #ddd;
}
.gridItTabletsRETN {
  text-align: center;
  padding: 30px;
  background: pink;
}
.gridCon {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* or space-between */
  align-items: flex-end;
}
/* each item = 1/5 of the row */
.gridItTabletsMain {
  flex: 0 0 20%; /* 5 across */
  max-width: 20%;
  text-align: center;
}
.gridConTablets .gridItTabletsNOOKS img {
  width: 150px;
  display: block;
  margin: 0 auto;
}
/* NEW 2 COL LAYOUT FOR RETIRED DEVICES */
/* === OUTER GRID (2 columns) === */
.gridConTabletsRND {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  list-style: none;
  padding: 0;
  margin: 0;
}
/* === EACH CARD (equal height) === */
.gridItTabletsRND {
  border: 1px solid #ddd; /* optional */
  padding: 16px;
  box-sizing: border-box;
  height: 100%; /* equal height */
}
/* === INNER LAYOUT (image + text) === */
.gridItTabletsRND > div {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 20px;
  align-items: center; /* vertical centering */
  height: 100%;
}
/* === IMAGE RULES === */
.gridItTabletsRND img {
  width: 150px;
  max-width: 150px;
  height: auto;
  display: block;
}
/* === TEXT ALIGNMENT === */
.gridItTabletsRND p {
  margin: 0;
}
/* === MOBILE === */
@media (max-width: 900px) {
  .gridConTabletsRND {
    grid-template-columns: 1fr;
  }
  .gridItTabletsRND > div {
    grid-template-columns: 120px 1fr;
  }
  .gridItTabletsRND img {
    width: 120px;
  }
}
@media (max-width: 1200px) {
  .gridItTabletsMain {
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}
@media (max-width: 768px) {
  .gridItTabletsMain {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 480px) {
  .gridItTabletsMain {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.gridIt {
  /*   border: 1px solid #ccc; */
  flex: 0 0 auto;
  margin: 9px;
  text-align: center;
}
/* Helpful Articles */
/* .haDiv{text-align:center;} */
/* Header Info */
div.haDiv > div > div.recent-activity > h2.recent-activity-header {
  display: none;
}
/* Meta Information */
div.haDiv > div > div > div > section > div.recent-activity-item-meta {
  display: none;
}
/* Parent Link - Old Pre Feb 2, 2023 */
/* div.haDiv > div > div > div > section > a.recent-activity-item-parent {
  display: none;
} */
/* Parent Link - New Post Feb 2, 2023 */
div.haDiv > div > div > div > section > h3 > a.recent-activity-item-parent {
  display: none !important;
}
/* Parent Link */
div.haDiv > div > div > div > section > a.recent-activity-item-link {
  color: #000;
  font-size: 16px;
  font-weight: bold;
}
/* Parent Link */
div.haDiv > div > div > div > section > a:hover.recent-activity-item-link {
  color: #000;
  text-decoration: underline;
}
/* See More Link */
div.haDiv > div > div > div > a {
  background-color: #3e5962;
  text-align: center;
  padding: 10px 50px;
  height: 40px;
  border: solid 1px #21282d;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: 0.54px;
  text-align: center;
  color: #ffffff;
  vertical-align: top;
  text-decoration: none;
}
div.haDiv > div > div > div > a:hover {
  background-color: #2f5962;
  text-decoration: none;
}
h2.contactMQ {
  height: 31px;
  margin: auto;
  margin-bottom: 14px;
  display: block;
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.33;
  letter-spacing: 0.86px;
  text-align: center;
  color: #000000;
}
/* Hide First two elements in list */
/* ul.grCon > li:nth-child(1) {
display: none;
}
ul.grCon > li:nth-child(2) {
display: none;
} */
ul.grCon > li:nth-child(11) {
  /* border: solid 1px #900; */
  /* display: none; */
}
/* Small Media Query */
@media screen and (min-width: 400px) {
  /* aaaaaaaaaaaaa.  NEW DEVICE DETAIL LAYOU AND STYLING */
  .ddHeader {
    text-align: center !important;
    margin-bottom: 20px;
  }
  .ddContent {
    display: grid;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 30px !important;
    border: solid 1px #ccc !important; /* NSIN*/
  }
  .ddHeader > div > img {
    width: 75px;
    text-align: center !important;
    border: solid 1px #900;
  }
  .ddMain {
    border: solid 0px #ccc;
    text-align: center !important;
  }
  .ddImage {
    text-align: center;
  }
  /* END DEVICE DETAIL  */
  ul.grCon {
    display: grid;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  .gridConTabletsMain {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
    align-items: baseline;
  }
  ul.mainListCropped {
    text-align: left;
    width: 95%;
    margin: 0 auto;
  }
  .haDiv {
    text-align: left;
    width: 95%;
    margin: 0 auto;
  }
  .headerCatWrap {}
}
/* Medium Media Query */
@media screen and (min-width: 750px) {
  /* NEW DEVICE DETAIL LAYOU AND STYLING */
  .ddHeader {
    text-align: center !important;
    margin-bottom: 20px;
  }
  .ddContent {
    justify-content: center;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: 10px !important;
    border: solid 1px #ccc;
    padding: 30px !important;
  }
  .ddHeader > div > img {
    width: 75px;
    text-align: center !important;
    border: solid 1px #900;
  }
  .ddMain {
    border: solid 0px #ccc;
    text-align: center !important;
  }
  .ddImage {
    text-align: center;
  }
  /* END DEVICE DETAIL  */
  ul.grCon {
    display: grid;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
  }
  .gridConTabletsMain {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
    align-items: baseline;
  }
  .gridConTablets {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
  }
  ul.mainListCropped {
    text-align: left;
    width: 70%;
    margin: 0 auto;
  }
  .haDiv {
    text-align: left;
    width: 70%;
    margin: 0 auto;
  }
  .headerCatWrap {}
}
/* Large Media Query */
@media screen and (min-width: 980px) {
  /* START NEW DEVICE RESPONSIVE  */
  /* END NEW DEVICE RESPONSIVE  */
  ul.grCon {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: 30px;
  }
  .gridConTabletsMain {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
    align-items: baseline;
  }
  .gridConTablets {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
  }
  ul.mainListCropped {
    text-align: left;
    width: 60%;
    margin: 0 auto;
  }
  .haDiv {
    text-align: left;
    width: 60%;
    margin: 0 auto;
  }
}
/* ------------------------------------------------------------ 
START Grid Scaffolding  
-----------------------------------------------------------  */
ul.grCon > li {
  background: #fff;
  padding: 30px;
  text-align: left;
}
ul.grCon > li:hover {
  box-shadow: 7px 7px 16px -6px rgb(0 0 0 / 50%);
  transition: all 0.3s ease-in-out;
}
ul.grCon > li > a {
  display: grid;
  align-content: center;
  grid-template-columns: auto auto auto;
  text-decoration: none;
}
ul.grCon > li > a > img {
  width: 60px;
  grid-column: 1;
  margin-right: 10px;
  /*   border: solid 1px #900; */
}
ul.grCon > li > a > h2 {
  grid-column: 2;
  grid-row: 1;
  /*   border: solid 1px #900; */
}
ul.grCon > li > a > p {
  grid-column: 2;
  grid-row: 1;
}
/* ------------------------------------------------------------ 
END Grid Scaffolding 
-----------------------------------------------------------  */
h2.categNameLink {
  font-size: 14px;
  font-weight: bold !important;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: 1px;
  color: #21282d;
  text-align: left;
  text-transform: uppercase;
}
.catDescription {
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: 0.5px;
  color: #454f56;
  text-align: left;
  margin-top: 25px;
}
.site-container, main {
  width: 100% !important;
  margin: 0px;
  padding: 0px;
}
.artPageHeader {
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.5;
  letter-spacing: 0.75px;
  text-align: center;
  color: #000000;
}
/* CSS Document */
.sBC {
  align-self: flex-end;
  flex: 0 0 auto;
  padding-right: 30px;
  width: 33%;
  /* Three columns on desktop */
}
.some {
  border: solid 0px #900 !important;
}
.some:hover {
  background: #fff !important;
  border: solid 1px #369 !important;
}
.some h3 {
  color: #000 !important;
}
/*a {
  color:#900 !important;
  
}*/
/* HEADER STYLES */
.headerImgBg {
  /* OLD LINK TO CQ 
  background-image: url('https://dispatch.barnesandnoble.com/content/dam/rncx/Zendesk/main-illustration@2x.png');
   */
  background-image: url('https://cdn.shopify.com/s/files/1/0737/7593/9824/files/ws-hc-main-illustration.png');
  background-color: #cccccc;
  height: 250px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  text-align: center;
}
.headerBnTitle {
  margin: auto;
  font-size: 34px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
  z-index: 1;
}
.rn_DeviceContent {
  display: flex;
  margin-bottom: 30px;
  border: 1px solid #dddddd;
  flex-wrap: wrap;
}
.rn_DeviceContent > div {
  width: 25%;
  margin: auto;
}
responsive_home.themes.bn_responsive.SITE.css:221.rn_DeviceTitle {
  display: block;
  width: 100%;
  margin-bottom: 40px;
}
.rn_DevicePicture {
  width: 33%;
  text-align: center;
  display: inline-block;
  margin: auto;
  text-align: center;
  vertical-align: top;
}
.rn_DeviceLinks {
  width: 33%;
  text-align: center;
  display: inline-block;
  margin: auto;
  vertical-align: top;
}
.rn_DeviceArticles {
  width: 25%;
  text-align: center;
  display: inline-block;
  margin: auto;
  vertical-align: top;
}
#rn_Topic1 img {
  top: 26px;
}
.rn_TopicCard img {
  display: inline-block;
  margin: auto;
  position: absolute;
  top: 30px;
  left: 24px;
}
a img, iframe {
  border: none;
}
.blk {
  color: #000 !important;
}
.grn a {
  color: #346250 !important;
}
@charset "UTF-8";
/***** Normalize.css *****/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* -------------------------------
Begin BN Custom Styling 
--------------------------------*/
.rn_TopicText h2 {
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: 1px;
  color: #21282d;
  text-align: left;
}
.rn_TopicCard:hover {
  box-shadow: 7px 7px 16px -6px rgb(0 0 0 / 50%);
  transition: all 0.3s ease-in-out;
}
.rn_HomeTopics > div {
  /*
  width: 30.21vw;
margin: 16px;
max-width: 328px;
    */
}
.rn_TopicCard {
  width: 328px;
  /* height: 128px; 
margin: 0 0 16px 16px;*/
  background-color: #ffffff;
  position: relative;
}
.dkBlBtn {
  background-color: #3e5962;
  text-align: center;
  padding: 10px 50px;
  height: 40px;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: 0.54px;
  text-align: center;
  color: #ffffff;
  vertical-align: top;
  margin-bottom: 5px;
}
a.dkBlBtn:hover {
  background-color: #2f5962;
  color: #f2f2f2;
  text-decoration: none !important;
}
.headerCatImg {
  text-align: center;
}
.headerCatImg img {
  display: block;
  margin: 0 auto;
}
.headerCatWrap {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #DDDDDD;
  padding-bottom: 10px;
  margin: 0 auto !important;
}
.headerCatAnchorWrap {
  margin: auto;
  display: inline-block;
  margin: 10px;
}
.rn_TopicPageContainer {
  min-height: 496px;
  max-width: 1440px;
  margin: auto;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.rn_DeviceContent {
  display: flex;
  margin-bottom: 30px;
  border: 1px solid #dddddd;
  flex-wrap: wrap;
}
/* -------------------------------
END BN Custom Styling 
--------------------------------*/
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b, strong {
  font-weight: bolder;
}
code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button, select {
  text-transform: none;
}
button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
/***** Base *****/