
/* Custom Docsify Cover Page Styling */
section.cover {
  background-color: #002b4c;
}

section.cover blockquote {
  color: #fbf2af;
  font-style: italic;
  font-size: 2em;
}

section.cover a {
  color: #fbf2af;
/*  border: 1px solid #fbf2af;*/
  padding: 0.5em 1em;
  border-radius: 5px;
  /*font-weight: bold;*/
  /*text-transform: uppercase;*/
  transition: background-color 0.3s, color 0.3s;
}

section.cover a:hover {
  background-color: #fbf2af;
  color: #002b4c;
}

section.cover .cover-btn:hover {
  background-color: #fbf2af; color: #002b4c; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

body {
  background-color: #f3eee2 !important;
}
.markdown-section {
  background-color: #f3eee2 !important;
}

/* Sidebar background */
.sidebar {
  background-color: #a3d9b1 !important;
}

/* Optional: Sidebar links styling */
.sidebar ul li a {
  color: #002b4c; /* text color */
}

.sidebar ul li a:hover {
  color: #002b4c; /* hover effect */
  font-weight: bold;
}

/* Search box background */
.search input {
  background-color: #F5EBD4 !important;
  border: 1px solid #ccc;  /* optional subtle border */
  color: #000;             /* text color */
}

/* Search input placeholder text */
.search input::placeholder {
  color: #002b4c;
}


/* Change background color of the clear button circle */
.clear-button svg circle {
  fill: #002b4c !important; /* your custom color */
}

/* Optional: change hover effect */
.clear-button:hover svg circle {
  fill: #002b4c !important;
}

/* Optional: change the X stroke color */
.clear-button svg path {
  stroke: white !important; /* keep or change to black if needed */
}

/* Limit image display size globally but keep zoom */
.markdown-section img {
  max-width: 600px;   /* shrink large images */
  height: auto;       /* keep proportions */
  cursor: zoom-in;    /* visual cue */
}

.markdown-section code {
  color: #002b4c;
}