/* Bold fonts for various headers */
/* bold == 700, decrease boldness for hN as N increases */
.md-typeset h1 {
	font-weight: bold;
	color: var(--md-primary-fg-color);
}
.md-typeset h2 {
	font-weight: bold;
	color: var(--md-primary-fg-color);
}
.md-typeset h3 {
	font-weight: 600;
	color: var(--md-primary-fg-color);
}
.md-typeset h4 {
	font-weight: 600;
	color: var(--md-primary-fg-color);
}
.md-typeset h5 {
	font-weight: 600;
	color: var(--md-primary-fg-color);
	/* color: #000000; */
	text-transform: none;
}
.md-typeset h6 {
	font-weight: 600;
	color: var(--md-primary-fg-color);
}

/* The following works too, but I want to make an UMD color scheme */
/*
:root>* {
  --md-typeset-a-color: #E21833;
  --md-accent-fg-color: #a20f07;
}
*/

/* Custom color scheme. See doc Setup -> Changing the colors */
[data-md-color-scheme="umd"] {
  --md-typeset-a-color: #E21833; /* Link color */
  --md-accent-fg-color: #A20F07; /* Link hover color */
}

/* Same as above but not sure what all these are/do */
/*
[data-md-color-scheme="umd0"] {
  --md-primary-fg-color:        #E21833;
  --md-primary-fg-color--light: #E2B7B7;
  --md-primary-fg-color--dark:  #92030C;
  --md-primary-bg-color: hsla(0, 0%, 100%, 1);
  --md-primary-bg-color--light: hsla(0, 0%, 100%, 0.7);
  --md-text-link-color: hsla(231, 48%, 48%, 1);
  --md-typeset-a-color: #E21833;

  --md-accent-fg-color: rgb(162, 15, 7);
  --md-accent-fg-color--transparent: hsla(189, 100%, 37%, 0.1);
  --md-accent-bg-color: hsla(0, 0%, 100%, 1);
  --md-accent-bg-color--light: hsla(0, 0%, 100%, 0.7);
}
*/


/* Maximum space for text block including side menus */
.md-grid {
  max-width: 80%; /* or 100%, if you want to stretch to full-width */
}


/* Top-Left Logo padding */
/* See https://github.com/squidfunk/mkdocs-material/discussions/2933 */
.md-header__button.md-logo {
    margin: 0;
    padding: 0;
}
/* Top-Left Logo size */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
    height: 2.0rem;
    width:  2.0rem;
}

/*
Custom admonitions in Maryland colors: red, gold, black
To change the icon to 'star' use the commented out one below.
Instructions for custom admonitions: References -> Admonitions  

Star
  --md-admonition-icon--maryland-red: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m12.672.668 3.059 6.197 6.838.993a.75.75 0 0 1 .416 1.28l-4.948 4.823 1.168 6.812a.75.75 0 0 1-1.088.79L12 18.347l-6.116 3.216a.75.75 0 0 1-1.088-.791l1.168-6.811-4.948-4.823a.749.749 0 0 1 .416-1.279l6.838-.994L11.327.668a.75.75 0 0 1 1.345 0Z"/></svg>');

*/

:root {
  --md-admonition-icon--maryland-red: url('data:image/svg+xml;charset=utf-8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><path d="M500,1000 1000,468.7 656.3,0 156.3,0 500,468.7 0,1000 0Z"/></svg>');
  --md-admonition-icon--maryland-gold: url('data:image/svg+xml;charset=utf-8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><path d="M500,1000 1000,468.7 656.3,0 156.3,0 500,468.7 0,1000 0Z"/></svg>');
  --md-admonition-icon--maryland-black: url('data:image/svg+xml;charset=utf-8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><path d="M500,1000 1000,468.7 656.3,0 156.3,0 500,468.7 0,1000 0Z"/></svg>');
}

/* Admonition: maryland-red RGB 227/25/51 */
/* also use for standard admonitions "danger", "warning" */
.md-typeset .admonition.danger,
.md-typeset details.danger,
.md-typeset .admonition.warning,
.md-typeset details.warning,
.md-typeset .admonition.maryland-red,
.md-typeset details.maryland-red {
  border-color: rgb(226, 24, 51);
}

.md-typeset .danger > .admonition-title,
.md-typeset .danger > summary, 
.md-typeset .warning > .admonition-title,
.md-typeset .warning > summary, 
.md-typeset .maryland-red > .admonition-title,
.md-typeset .maryland-red > summary {
  background-color: rgba(226, 24, 51, 0.1);
}

.md-typeset .danger > .admonition-title::before,
.md-typeset .danger > summary::before,
.md-typeset .warning > .admonition-title::before,
.md-typeset .warning > summary::before,
.md-typeset .maryland-red > .admonition-title::before,
.md-typeset .maryland-red > summary::before {
  background-color: rgb(226, 24, 51);
}

/* Skip this for standard admonitions, set icon for note in mkdocs.yaml */
.md-typeset .maryland-red > .admonition-title::before,
.md-typeset .maryland-red > summary::before {
  -webkit-mask-image: var(--md-admonition-icon--maryland-red);
          mask-image: var(--md-admonition-icon--maryland-red);
}

/* Add warning icon in warning's detail section */
/* SKIPPING icon for warning admonition
div.warning p:before {
	content:url(/images/alert-red-triangle-down-120.png);
	float: left;
}	
*/

/* Add warning icon in danger's detail section */
/* SKIPPING icon for danger admonition
div.danger p:before {
	content:url(/images/alert-red-octogon-120.png);
	float: left;
}	
*/

/* Admonition: maryland-gold RGB 255/210/0 */
/* also use for standard admonitions "example", "note", "tip" */
.md-typeset .admonition.example,
.md-typeset details.example,
.md-typeset .admonition.note,
.md-typeset details.note,
.md-typeset .admonition.tip,
.md-typeset details.tip,
.md-typeset .admonition.maryland-gold,
.md-typeset details.maryland-gold {
  border-color: rgb(255, 210, 0);
}

/* Add chevron in note's detail section */
/* SKIPPING icon for note admonition 
div.note p:before {
	content:url(/images/chevrons-thin-all-1.png);
	float: left;
	margin-right: 10px;
}	
*/

/* Using this
div.tip:before {
  instead of 
div.tip p:before {
  is somewhat nice, lightbulb overlaps title and detail

  Also prevents issues with multiple paragraphs
  causing multiple images
*/

/* Add lightbulb in tip's detail section */
/* div.tip p:before { */
/* SKIPPING icon for tip
div.tip:before { 
	content:url(/images/lightbulb-on-120.png);
	float: right;
}	
*/

.md-typeset .example > .admonition-title,
.md-typeset .example > summary,
.md-typeset .note > .admonition-title,
.md-typeset .note > summary, 
.md-typeset .tip > .admonition-title,
.md-typeset .tip > summary,
.md-typeset .maryland-gold > .admonition-title,
.md-typeset .maryland-gold > summary {
  background-color: rgba(255, 210, 0, 0.1);
}

.md-typeset .example > .admonition-title::before,
.md-typeset .example > summary::before,
.md-typeset .note > .admonition-title::before,
.md-typeset .note > summary::before,
.md-typeset .tip > .admonition-title::before,
.md-typeset .tip > summary::before,
.md-typeset .maryland-gold > .admonition-title::before,
.md-typeset .maryland-gold > summary::before {
  background-color: rgb(255, 210, 0);
}

/* Skip this for standard admonitions, set icon for example in mkdocs.yaml */
/* Except for note */
.md-typeset .note > .admonition-title::before,
.md-typeset .note > summary::before,
.md-typeset .maryland-gold > .admonition-title::before,
.md-typeset .maryland-gold > summary::before {
  -webkit-mask-image: var(--md-admonition-icon--maryland-gold);
          mask-image: var(--md-admonition-icon--maryland-gold);
}

/* Admonition: maryland-black RGB 0/0/0 */
/* also use for standard admonitions "bug" plus non-standard under_construction */
.md-typeset .admonition.bug,
.md-typeset details.bug,
.md-typeset .admonition.under_construction,
.md-typeset details.under_construction,
.md-typeset .admonition.maryland-black,
.md-typeset details.maryland-black {
  border-color: rgb(0, 0, 0);
}

.md-typeset .bug  > .admonition-title,
.md-typeset .bug > summary,
.md-typeset .under_construction  > .admonition-title,
.md-typeset .under_construction > summary,
.md-typeset .maryland-black > .admonition-title,
.md-typeset .maryland-black > summary {
  background-color: rgba(0, 0, 0, 0.1);
}

.md-typeset .bug > .admonition-title::before,
.md-typeset .bug > summary::before,
.md-typeset .under_construction > .admonition-title::before,
.md-typeset .under_construction > summary::before,
.md-typeset .maryland-black > .admonition-title::before,
.md-typeset .maryland-black > summary::before {
  background-color: rgb(0, 0, 0);
}

.md-typeset .maryland-black > .admonition-title::before,
.md-typeset .maryland-black > summary::before {
  -webkit-mask-image: var(--md-admonition-icon--maryland-black);
          mask-image: var(--md-admonition-icon--maryland-black);
}

/* Add under_constructionion logo in under_construction's detail section */
div.under_construction p:before {
	content:url(/images/under-construction-120.png);
	float: left;
	margin-right: 10px;
}