/* Ensure Lato is applied everywhere */
body, h1, h2, h3, h4, h5, h6, p, li {
    font-family: 'Lato', sans-serif;
}
h1, h2, h3 {
    font-weight: 700;
}

/* Center all images in Markdown posts */
.md-content img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Keep text left-aligned */
.md-content p {
    text-align: left;
}

/* Optional: change text color */
.md-header, .md-header a, .md-footer, .md-footer a {
    color: white;                 /* Keep text readable */
}

.acd_math{
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            max-width: 100%;
            padding: 0px;
        }

.acd_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); /*change this to change number of columns*/
    gap: 0.5rem; /* space between cards */
    margin-top: 25px;
}   

.acd_card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-items: flex-start;
  padding: 2px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); 
  transition: transform 0.3s ease, box-shadow 0.3s ease; /* smoother */
  background: #fff;
}

.acd_card:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 12px rgba(0,0,0,0.15);
}

.acd_card_img{
  width: 100%;
  height: 100px;
  overflow: hidden;
}

.acd_card_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.acd_card_title h3{
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 0 5px !important;
}

.acd_card_category{
  font-size: 15px;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.2);
  margin: 0 0 0 5px;
}

.acd_card_excerpt {
  font-size: 15px;
  background: #fff; /* solid white background */
  color: #333;
  padding: 5px;
}

.acd_card_excerpt p{
  margin-top: 0px !important;
}

.acd_card p {
    display: block;
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.acd_card_link {
  position: absolute;
  inset: 0;   /* covers the whole card */
  z-index: 10;
}

/* Center tables generated by MkDocs Material */
.md-typeset .md-typeset__table {
    display: table;         /* shrink to content width */
    margin-left: auto;
    margin-right: auto;
}

.md-typeset table {
    width: auto !important; /* prevent full-width stretching */
}

.md-content h1 {
    margin: 0 0 0.25em;
    font-weight: 600; /* stronger heading */
}

.md-typeset h2 {
    margin: 15px 0 10px;
}

.md-typeset h3 {
    margin: 10px 0 10px;
}

.md-content h1::after {
  content: "";
  display: block;
  width: 100%;       /* full width underline */
  height: 3px;       /* thickness of underline */
  background-color: #0041c2; /* use primary theme color */
  margin-top: 0.5rem;
  border-radius: 2px;
}

.md-content h2::after {
  content: "";
  display: block;
  width: 100%;       /* full width underline */
  height: 1px;       /* thickness of underline */
  background-color: #ccc; /* use primary theme color */
  border-radius: 2px;
}

.page-layout {
  display: grid;
  grid-template-columns: 200px 1fr; /* sidebar | content */
  gap: 2rem;
}

/* Shbo:for blog post side bar menu*/
/* for breadcrumbs */
.custom-breadcrumbs {
  font-size: 0.6rem;
  margin-bottom: 5px;
  color: var(--md-secondary-fg-color);
}

.custom-breadcrumbs a {
  text-decoration: none;
  color: #0041c2;
}

.custom-breadcrumbs a:hover {
  text-decoration: underline;
}

/* === Custom Nav List === */
.custom-nav {
  list-style: none !important;   /* removes bullets */
  margin: 0 !important;          /* remove default margin */
  padding: 0 0 0 12px !important;         /* remove default padding */
}

.custom-nav ul {
  list-style: none !important;   /* removes bullets */
  margin: 0 !important;          /* remove default margin */
  padding: 0 0 0 7px !important;         /* remove default padding */
}

/* List items */
.custom-nav li {
  margin: 10px 0 10px 0 !important;       /* spacing between items */
}

/* Links inside nav */
.custom-nav li a,
.custom-nav li span {
  text-decoration: none;
  font-size: 15.4px;      /* adjust font size */
  display: block;
  padding: 0px 0px 0px 0 !important;
}

/* Hover state */
.custom-nav li a:hover {
  color: var(--md-accent-fg-color); /* choose any color you like */
  text-decoration: none; 
}

.custom-nav-title
{
color:var(--md-default-fg-color--light);
font-weight: 700;
}

.overline{
  text-decoration: overline;
}

@media (max-width: 768px) {
  .custom-nav {
    display: none;
  }
}

.mdx-hero__content h1
{
  font-size: 60px;
  margin: 0px;
  font-weight: 600;
  color: #fff;
}

.mdx-hero__content p
{
  color: #fff;
  font-size: 20px;
}

.mdx-container
{
  background-image: linear-gradient(to right, rgba(0,65,194), rgba(255,255,255,0.8)), url("../images/analog_electronics_engineering.jpg");
  background-repeat: no-repeat;
  background-position: right;
  background-size: conver;
  background-color:#0041c2;
  padding-top: 50px;
  padding-bottom: 50px;
}
/* CSS */
.acd_home_button { 
border:2px solid #FFFFFF;
border-radius:0px;
padding:15px;
background-color:#0041c2;
color:#FFFFFF;
font-weight:500;
font-size: 16px;
transition:0.2s;
margin-right: 20px;
margin-top: 20px;
display: inline-block;
} 
.acd_home_button:hover {
cursor:pointer;
background-color:#F9F9F9;
transition:0.2s;
color:#000000;  
} 
.acd_home_button a{ 
color: #fff ;
} 

.acd_recent_articles
{
  margin-left: auto;
  margin-right: auto;
  max-width: 70rem;
  width: 100%;
}

/* Recent articles*/
.acd_recent_articles h2
{
  font-size: 30px;
  text-align: center;
}

.acd_recent_articles h3
{
  color: #0041c2;
}

.acd_hero
{
  margin-left: 18px;
  margin-right: 18px;
  max-width: 70rem;
  width: 100%;
}

.md-grid
{
  max-width: 70rem !important;
}

.recent-card-header .acd_card_category{
  padding-top: 100px;
  padding-bottom: 100px;
}