/*

Minimal Publish / MIT License
Copyright (c) 2020-2024 Steph Ango (@kepano)

*/
/* Adjust the following variables or find more at the link below */
/* https://docs.obsidian.md/Reference/CSS+variables/CSS+variables */

/*@import url('https://fonts.googleapis.com/css2?family=Commissioner:slnt,wght@-6..0,100..900&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
/*
@font-face {
	font-family: "Aileron";
	src:
		url("Aileron-Regular.otf");
}
*/
/*
  --font-text-theme: 'Ubuntu', sans-serif;
  --font-interface-theme: 'Ubuntu', sans-serif;
*/

.published-container {
	/* Headings */
	--page-title-weight: 300;
	--page-title-line-height: 1.1;
	--page-title-size: 3em;
}



  body {
	--font-text-theme: 'Jost', sans-serif;
    --font-interface-theme: 'Jost', sans-serif;

	/* Font sizes */
	--font-text-size: 16px;
	--font-small:     13px;
	--font-smaller:   11px;
	--font-smallest:  10px;
	--font-inputs:    14px;

	/* Font weights */
	--normal-weight:  300;
	--bold-weight:    500;
	--link-weight:    inherit;

	/* Headings */
	--page-title-weight: 500;
	--page-title-line-height: 1.1;

	--h1:             1.25em;
	--h2:             1.1em;
	--h3:             1.05em;
	--h4:             1em;
	--h5:             0.85em;
	--h6:             0.85em;

	--h1-weight:      600;
	--h2-weight:      600;
	--h3-weight:      600;
	--h4-weight:      500;
	--h5-weight:      500;
	--h6-weight:      400;

	--h1-variant:     normal;
	--h2-variant:     normal;
	--h3-variant:     normal;
	--h4-variant:     normal;
	--h5-variant:     small-caps;
	--h6-variant:     small-caps;

	--h1-style:       normal;
	--h2-style:       normal;
	--h3-style:       normal;
	--h4-style:       normal;
	--h5-style:       normal;
	--h6-style:       normal;

	/* Cards */
	--cards-min-width:    180px;
	--cards-max-width:    1fr;
	--cards-mobile-width: 180px;
	--cards-image-height: 400px;
	--cards-padding:      1.2em;
	--cards-image-fit:    contain;
	--cards-background:   transparent;
	--cards-border-width: 1px;
	--cards-aspect-ratio: auto;
	--cards-columns:      repeat(auto-fit, minmax(var(--cards-min-width), var(--cards-max-width)));

	/* Images */
	--image-radius:   8px;

	--img-grid-fit:        cover;
	--img-grid-background: transparent;
	--img-grid-gap:        0.5rem;

	--img-zoom-background: rgba(0,0,0,0.6);
	--img-zoom-max-width:  96%;
	--img-zoom-max-height: 90vh;
	--img-zoom-in-cursor:  zoom-in;
	--img-zoom-out-cursor: zoom-out;

	/* Misc */
	--icon-muted:     0.5;
	--border-width:   1px;

	--folding-offset: 16px;
	--nested-padding: 30px;    /* Quotes and transclusions */

	--list-padding:   2em;     /* List padding */
	--list-spacing:   0.075em; /* Space between list items */
}

/* Mobile */
@media (max-width:400pt) {
	body {
		--cards-min-width:var(--cards-mobile-width);
		--img-grid-gap: 0.25rem;
	}
}
/* Sky color scheme */
.theme-light {
	--accent-h:197;
	--accent-s:71%;
	--accent-l:52%;

	--bg2:#f7f6f4;
	--bg3:#e8e7e4;

	--ui1:#ededec;
	--ui2:#dbdbda;
	--ui3:#aaa9a5;

	--tx1:#37352f;
	--tx2:#72706c;
	--tx3:#aaa9a5;

	--ax1:#37352f;
	--ax2:#000;
	--ax3:#2eaadc;

	--hl1:#d9eff8;
	--link-weight:500;
}
.theme-dark {
	--accent-h:197;
	--accent-s:71%;
	--accent-l:52%;

	--bg1:#2f3437;
	--bg2:#373c3f;
	--bg3:#4b5053;

	--ui1:#3e4245;
	--ui2:#585d5f;
	--ui3:#585d5f;

	--tx1:#ebebeb;
	--tx2:#909295;
	--tx3:#585d5f;

	--ax1:#ebebeb;
	--ax2:#fff;
	--ax3:#2eaadc;

	--hl1:#314d58;
	--link-weight:500;
}



.markdown-rendered h2, .HyperMD-header-2 {
	padding-bottom: 0.25rem;
	border-bottom: 2px dashed var(--hr-color);
}

.markdown-rendered code {
	background-color: var(--code-inline-background);
}

.markdown-rendered blockquote {
	padding: 6px 6px 6px 12px;
}

/* No page title snippetts */


/*
    clean-embeds.css snippet

    Removes title, link, padding, margins from embeds,
    so they really look like the same note.

    To be used with `cssclass: clean-embeds` in YAML frontmatter.

    2021-08-24 Matthias C. Hormann (Moonbase59)

    TODO: Find out how to correct PDF export. L/R margins & vspace too large on embeds.
*/

/* remove title and the table from the "Metatable" plugin */
.markdown-preview-view.clean-embeds .markdown-embed-title,
.markdown-preview-view.clean-embeds .obsidian-metatable {
  display: none;
}

/*
  For links to embeds NOT to be shown, uncomment the following
  and comment out the other section below.
*/

/*
.markdown-preview-view.clean-embeds .markdown-embed-link,
.markdown-preview-view.clean-embeds .file-embed-link {
  display: none;
}
*/

/*
  For links to embeds to BE shown, uncomment the following
  until the "End link show/hide stuff" comment
  and comment out the section above.
*/

/* Link icon */
.markdown-preview-view.clean-embeds .markdown-embed-link,
.markdown-preview-view.clean-embeds .file-embed-link {
  top: 0;
  right: 0;
  left: unset;
  text-align: right;
  border: none;
  margin: 0;
  width: 24px;
  height: 24px;
  color: var(--text-faint);
  cursor: pointer;
}

/* for Ars Magna theme and others that change ::before */
.markdown-preview-view.clean-embeds .markdown-embed-link::before,
.markdown-preview-view.clean-embeds .file-embed-link::before {
  display: none;
}

/* Link icon size & hide */
.markdown-preview-view.clean-embeds .file-embed-link svg,
.markdown-preview-view.clean-embeds .markdown-embed-link svg {
  height: 24px;
  width: 24px;
  opacity: 0;
  display: unset;
}

/* show on hover */
.markdown-preview-view.clean-embeds .markdown-embed:hover .file-embed-link svg,
.markdown-preview-view.clean-embeds .markdown-embed:hover .markdown-embed-link svg {
  opacity: 1;
}

/* change background on hover, to exactly see what’s embedded */
.markdown-preview-view.clean-embeds .markdown-embed:hover,
.markdown-preview-view.clean-embeds .file-embed:hover {
  background-color: var(--background-secondary) !important;
}

/* End link show/hide stuff */



/* remove border and scroll */
/* unfortunately needs !important for some themes */
.markdown-preview-view.clean-embeds .markdown-embed,
.markdown-preview-view.clean-embeds .file-embed {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.markdown-preview-view.clean-embeds .markdown-embed-content,
.markdown-preview-view.clean-embeds .markdown-embed-content > .markdown-preview-view { 
  max-height: unset;
  padding: 0 !important; /* !important for "Pisum" theme */
  margin: 0;
  border: 0;
}

/* remove <br> between internal embeds */
.clean-embeds .markdown-preview-section div > br {
  display: none;
}


/* remove vertical space added by markdown-preview-sizer */
.clean-embeds div.markdown-preview-sizer.markdown-preview-section {
  min-height: unset !important;
  padding-bottom: 0 !important;
}

/* special considerations for printing (PDF export) */
@media print {

  /* remove frontmatter box if "Show frontmatter" was enabled */
  /* Also remove metadata table from "Metatable" plugin */
  pre.frontmatter,
  .obsidian-metatable {
    display: none;
  }
}

.callout[data-callout="website"] {
    --callout-color: var(--ax3);
    --callout-icon: music;
}

.callout[data-callout="item"] {
    --callout-icon: none;
}


.callout[data-callout-metadata*="label"] {
	--block-spacing: 1rem;
	--speaker-block-width: 20%;
	margin: 0px;
	padding: 0px;
	display: grid;
	grid-template-columns: var(--speaker-block-width) calc(100% - var(--speaker-block-width));
	background-color: var(--background-primary);
	border: none;
  }
  
  .callout[data-callout-metadata*="label"] .callout-title {
	display: inline-block;
	height: calc(100% - var(--block-spacing));
	text-align: right;
	border-right: 3px solid;
	padding-right: var(--block-spacing);
	flex: 1 0 auto;
  }
  
  .callout[data-callout-metadata*="label"] > * {
	margin-top: var(--block-spacing);
  }
  
  .callout[data-callout-metadata*="label"] > .callout-title > .callout-icon {
	display: none;
  }
  
  .callout[data-callout-metadata*="label"] > .callout-content {
	padding: 0px var(--block-spacing);
  }
  .callout[data-callout-metadata*="label"] > .callout-content > p:first-child {
	margin-top: 0px;
  }
  .callout[data-callout-metadata*="label"] > .callout-content > p:last-child {
	margin-bottom: 0px;
  }