/* MaxiBlocks Quick-Start – Heading Size Tweaks
   -------------------------------------------------
   Reduces the default heading sizes inside the Help Scout
   article template so they appear more balanced on desktop
   and mobile. Adjust the scale values below if you'd like
   a different ratio. Only affects heading elements inside
   the article body.
*/

/* Base scale factors (desktop) */
#fullArticle h1 { font-size: 24px; line-height: 34px; }
#fullArticle h2 { font-size: 20px; line-height: 30px; }
#fullArticle h3 { font-size: 18px; line-height: 26px; }
#fullArticle h4 { font-size: 16px; line-height: 22px; }
#fullArticle h5 { font-size: 14px; line-height: 20px; }
#fullArticle h6 { font-size: 12px; line-height: 18px; }

/* Mobile – slightly tighter */
@media (max-width: 480px) {
  #fullArticle h1 { font-size: 24px; line-height: 30px; }
  #fullArticle h2 { font-size: 22px; line-height: 28px; }
  #fullArticle h3 { font-size: 18px; line-height: 24px; }
  #fullArticle h4 { font-size: 15px; line-height: 21px; }
  #fullArticle h5 { font-size: 13px; line-height: 19px; }
  #fullArticle h6 { font-size: 11px; line-height: 17px; }
}

/* Optional – shrink headings within callouts or sidebar widgets
   Uncomment if you want even smaller text in those areas.
*/
/*
.callout h2,
.callout h3 { font-size: 90%; }
*/

@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Emoji:wght@300..700&display=swap');

body {
  background: #fbfbfc;
  font-family: 'Inter', sans-serif;
  color: #666666; /* Body text color */
}

.navbar .brand img {
  visibility: hidden; /* Hides the existing logo image */
}

.navbar .brand {
  display: inline-block; /* Adjust display if necessary */
  width: 200px; /* Width of the new logo */
  height: 30px; /* Height of the new logo */
  background-image: url('https://maxiblocks.com/wp-content/uploads/2023/12/Maxi-Logo-White300x60.svg'); /* New logo URL */
  background-size: contain; /* Ensures the image covers the area */
  background-repeat: no-repeat; /* Prevents image repeating */
  background-position: center; /* Centers the background image */
}

/* Home Page Title */
#docsSearch h1, .category-list h3, #fullArticle .title, .contentWrapper h1, #fullArticle h2, #fullArticle h3, #fullArticle h4, #sidebar h3, .most-pop-articles h2 {
  font-family: 'Inter', sans-serif;
  color: #000000; /* Heading color */
  font-weight: bold;
}

/* Paragraph Styles */
p, #fullArticle p, .contentWrapper p {
  font-size: 16px; /* Font size for paragraphs */
  color: #666666; /* Body text color */
  font-family: 'Inter', sans-serif;
  letter-spacing: normal; /* No letter-spacing */
}

.csh-markdown.csh-markdown-bold.csh-font-sans-medium {
  font-weight: bold;
}

/* Link Styles */
a, #serp-dd .result a, .collection a, .contentWrapper a, .most-pop-articles .popArticles a, .category-list .category .article-count, footer p a {
  color: #119da4; /* Link color */
  text-decoration: none;
  font-family: 'Inter', sans-serif;
}

/* Bullet Colors and Text */
ul li, ol li {
  color: #666666; /* Bullet text color same as body text */
  font-family: 'Inter', sans-serif;
  letter-spacing: normal; /* No letter-spacing */
}

/* Apply Inter font to other elements as needed, ensuring no letter-spacing */
.navbar .nav li, .navbar .nav li a {
  font-family: 'Inter', sans-serif;
  letter-spacing: normal; /* No letter-spacing */
}

#fullArticle li {
  font-size: 16px; /* Font size for paragraphs */
  color: #666666; /* Body text color */
  font-family: 'Inter', sans-serif;
  letter-spacing: normal; /* No letter-spacing */
}

#sidebar h3 {
  text-transform: uppercase;
  font-size: 16px;
  color: #222;
  margin-bottom: 4px
}