#web-messenger-container {
  display: none !important;
}

.beamer_icon {
  border-radius: 50% !important;
  color: #fff !important;
  padding: 0.5px 4.8px !important;
  font-size: 8px !important;
  margin-left: 3px !important;
  background-color: rgb(214,58,47) !important;
  position: absolute !important;
  top: -5px !important;
  right: -13px !important;
  font-weight: 800 !important;
  text-align: center !important;
  animation: none !important;
  height: 14px !important;
  width: 14px !important;
  line-height: 14px !important;
}

/* ALGOLIA */

.algolia-autocomplete {
  position: relative; /* Position relative to parent input area */
  width: 100%;        /* Take full width of the input container */
}

.algolia-autocomplete .aa-dropdown-menu {
  position: absolute !important;
  top: 100% !important; /* Directly under the search bar */
  left: 0 !important;
  width: 100% !important;
  overflow-y: auto;
  z-index: 1000 !important; /* Always appear above other elements */
  background-color: white;
  border-radius: 6px; /* match your search bar's style */
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
  margin-top: 0.75rem; /* small gap between search bar and autocomplete */
  background-color: #faf7f2 !important;
  box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25) !important;
  border-radius: 0.5rem !important;
  border: none !important;
}

.aa-article-hit--category--content {
  color: #57534e !important;
  background-color: #faf7f2 !important;
}

.aa-article-hit--category {
  border-bottom: 1px solid #e7e5e4 !important;
}

.aa-article-hit--content {
  background-color: #faf7f2 !important;
  border-left: 1px solid #e7e5e4 !important;
}

.aa-article-hit--content:hover {
  background-color: #f5eee4 !important;
}

.aa-article-hit--body {
  color: #766F6B !important;
}

/* ARTICLE PAGE */

#article-contents li a {
  color: #797672;
}

.h2-active {
  color: #282525 !important;
  border-color: #282525 !important;
  font-weight: 500 !important;
}

#categories {
    scrollbar-width: thin;
    scrollbar-color: #e7e5e4 transparent;
}

#categories::-webkit-scrollbar {
    width: 4px;
}

#categories::-webkit-scrollbar-thumb {
    background-color: #e7e5e4;
    border-radius: 10px;
}

#categories::-webkit-scrollbar-track {
    background: transparent;
}

.alert {
  background-color: #fef3c7;
  padding: 1rem 1.5rem;
  margin: 1.5rem 0 2rem 0;
  border-left: solid 3px #fbbf24;
  color: #423e3e;
}

.alert a {
  color: #000000 !important;
  text-decoration: underline;
  font-weight: 500;
}

.alert a:hover {
  text-decoration: none;
}

.alert li::marker {
  color: #282525;
}

.alert__title {
  font-weight: 700;
}

.alert--warning {
  background-color: #e9e5ff;
  border-color: #bdb2ff;
}

.alert--danger {
  background-color: #ffe5eb;
  border-color: #ff98b0;
}

.arrow-icon, .sidebar-icon {
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
}

.arrow-icon {
  -webkit-mask-image: url(/hc/theming_assets/01JMZ0E2YJ429S73ZTHVBPM96Z);
  mask-image: url(/hc/theming_assets/01JMZ0E2YJ429S73ZTHVBPM96Z);
}

.current-article {
  color: #d63a2f;
  font-weight: 500;
  border-color: #d63a2f !important;
}

.feature-block {
    display: flex;
    width: 100%;
    margin: 30px 0;
    border-radius: 0.5rem;
  	overflow: hidden;
  	border: solid 1px #d6d3d1;
}

.feature-block a:hover {
  color: #000000 !important;
}

.feature-block-col-1 {
    flex: 0 0 50%;
    background-color: #faf7f2;
    padding: 35px 25px;
}

.feature-block-col-1 p {
    font-size: 13px !important;
  	line-height: 150% !important;
}

.feature-block-col-1 a:hover {
  text-decoration: none;
  color: #2563eb;
}

.feature-block-col-1 a::after {
    content: "→";
    margin-left: 8px;
}

.feature-block-col-2 {
    flex: 0 0 50%;
    background-size: cover;
    background: no-repeat center center;
    border-left: solid 1px #d6d3d1;
}

.feature-block-col-2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  	border-radius: 0 !important;
  	border: none !important;
}

@media (max-width: 890px) {
    .feature-block {
        flex-direction: column;
      	margin: 10px 0;
    }
  .feature-block-col-1 {
    padding: 10px 25px;
  }
    .feature-block-col-1,
    .feature-block-col-2 {
        flex: 0 0 100%;
        height: auto;
    }
    .feature-block-col-2 {
        min-height: 200px;
        border-left: none;
        border-top: solid 1px #d1d5db;
    }
  	.feature-block-col-2 img {
        border-bottom-left-radius: 15px;
  			border-bottom-right-radius: 15px;
    }
  
}

.feature-block-col-2 img {
  margin: 0;
  border: none;
}

.feature-block-col-1 a {
  text-decoration: none;
}

/* Hide the default Yes/No text */
.article-vote-up,
.article-vote-down {
    font-size: 0; /* Hides the text without affecting the button */
}

/* Add emoji icons */
.article-vote-up::before {
    content: "😃";
    font-size: 24px; /* Adjust size as needed */
}

.article-vote-down::before {
    content: "😞";
    font-size: 24px; /* Adjust size as needed */
}

.votes-below-article .article-vote-up::before {
    content: "😃";
    font-size: 26px; /* Adjust size as needed */
}

.votes-below-article .article-vote-down::before {
    content: "😞";
    font-size: 26px; /* Adjust size as needed */
}


.subsection ul {
  margin-left: 0 !important;
}

#article iframe {
  margin-top: 1.5rem;
}

/***** Breadcrumbs *****/
.breadcrumbs {
  margin: 0 0 15px 0;
  padding: 0;
  display: flex;
}
@media (min-width: 768px) {
  .breadcrumbs {
    margin: 0;
  }
}
.breadcrumbs li a {
  color: rgba(255,255,255,1);
  background-color: rgba(255,255,255,0.15);
  border-radius: 0.5rem;
  padding: 0.375rem 0.75rem;
  font-size: 13px;
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.breadcrumbs li a:hover {
  background-color: rgba(255,255,255,0.3);
}

.article-icon {
  filter: invert(30%) sepia(6%) saturate(284%) hue-rotate(357deg) brightness(99%) contrast(87%);
}

/***** Pagination *****/
.pagination {
  margin: 20px 0;
  text-align: center;
}
.pagination-next, .pagination-prev, .pagination-first, .pagination-last {
  display: inline-block;
  background-color: #000000;
}
.pagination-first-link, .pagination-last-link {
  padding: 0 10px;
}
.pagination-first-text, .pagination-last-text {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
.pagination-next-link {
  padding-right: 10px;
}
.pagination-next-text {
  margin-right: 10px;
}
[dir=rtl] .pagination-next-link {
  padding-left: 10px;
}
[dir=rtl] .pagination-next-text {
  margin-left: 10px;
}
.pagination-prev-link {
  padding-left: 10px;
}
.pagination-prev-text {
  margin-left: 10px;
}
[dir=rtl] .pagination-prev-link {
  padding-right: 10px;
}
[dir=rtl] .pagination-prev-text {
  margin-right: 10px;
}

#web-messenger-container {
  bottom: 0 !important;
  display: none;
}

.user-avatar {
  max-width: none;
}

@media (min-width: 640px) {
  input,
textarea,
select {
  font-size: 16px;
}
}

.no-scroll {
  overflow: hidden;
}

#beamerLastPostTitle {
  opacity: 0 !important;
}

.article-list-link span, .related-articles a {
  color: #2563eb !important;
  }

#article p a, #article li a {
  color: #2563eb !important;
}