/* ----- Text alignment ----- */
p {
  text-align: justify; /* Justify all text */
}

/* ----- Default lower-alpha numbering (a., b., ...) ----- */
ol {
  list-style-type: lower-alpha;
}



.admonition-title::before {
  content: none;
}

/* ----- Example numbering ----- */

body {
  counter-reset: example-counter; /* Reset example counter at the start of the document */
}


/* ----- Example ----- */

div.examp {
  border-color: #e77526; /* custom orange color */
  counter-increment: example-counter; /* increment the counter */
  text-align: left;
  /* border-width: 2px;
  border-style: solid; */
}

div.examp ol {
  list-style-type: lower-alpha;
  text-align: left;
}

div.examp > .admonition-title {
  background-color: #f7f7f7; /* light gray background */
  color: black;
  padding-left: 125px; /* add space for icon */
  border-bottom: 1px solid #ddd; /* separator */
}

div.examp > .admonition-title:before {
  top: 5px;
  color: #e77526; /* use the same custom orange color */
  content: "\f304 "; /* icon "fa-solid fa-pen" */
  font-family: 'Font Awesome 5 Free';
  padding-left: 10px;
}

div.examp >.admonition-title:after {
  display: inline; 
  white-space: nowrap;
  color: #e77526; /* use the same custom orange color */
  content: "Example " counter(example-counter) ":"; /* display the text "Example" and the counter */
  font-family: 'Lato', sans-serif;
  padding-left: 30px;
}


div.examp.dropdown {
  /* additional styles for dropdown admonitions */
  border-radius: 10px; /* rounded corners */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* subtle shadow */
  /* padding-left: 40px; add space for icon */
}

div.examp.dropdown ol {
  list-style-type: lower-alpha;
}

div.examp.dropdown >.admonition-title {
  /* override title styles for dropdown */
  background-color: #f7f7f7; /* light gray background */
  padding: 10px; /* add some padding */
  padding-left: 135px; /* add space for icon */
}

div.examp.dropdown > .admonition-title:before {
  top: 8px;
}





.admonition-title::before {
  content: none;
}

/* ----- Solution ----- */
div.sol {
  border-color: #666; /* gray value of #e77526 orange */
  text-align: left;
  /* border-width: 2px;
  border-style: solid; */
}

div.sol ol {
  list-style-type: lower-alpha;
}

div.sol >.admonition-title {
  background-color: transparent; /* light gray background */
  color: black;
  text-align: left;
  /* padding-left: 30px; add space for icon */
}

div.sol >.admonition-title:after {
  color: #666; /* gray value of #e77526 orange */
  content: "\f46c"; /* icon */
  border-bottom: 1px solid #ddd; /* separator */
  vertical-align: middle;
}

div.sol.dropdown {
  /* additional styles for dropdown admonitions */
  border-radius: 10px; /* rounded corners */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* subtle shadow */
  /* padding-left: 40px; add space for icon */
}

div.sol.dropdown ol {
  list-style-type: lower-alpha;
}

div.sol.dropdown >.admonition-title {
  /* override title styles for dropdown */
  background-color: transparent; /* light gray background */
  padding: 10px; /* add some padding */
  border-bottom: 1px solid #ddd; /* separator */
  padding-left: 32px; /* add space for icon */
}

/* Remove the 'before' element in exercises (should be a pencil replacing the bell, but only gives a square and does not move the bell, see https://stackoverflow.com/questions/77227334/exercises-not-rendering-properly-in-sphinx-with-jupyter-book. */
div.exercise p.admonition-title::before {
  /*content: "\f303";*/
  content: none;
}

div.exercise.dropdown ol {
  list-style-type: lower-alpha;
}