

:root {
  --theme: #000000;
}

/* Theme Colors */

.TotalSynthesis {  --theme_text: "Total Synthesis ";  --theme: #C00000; }
.SupercriticalCarbonDioxide {  --theme_text: "Supercritical Carbon Dioxide ";  --theme: #00B050; }
.OrganicSyntheses {  --theme_text: "Organic Syntheses ";  --theme: #000000; }
.RhodiumCatalysis {  --theme_text: "Rhodium Catalysis ";  --theme: #365F91; }
.Organocatalysis {  --theme_text: "Organocatalysis ";  --theme: #006600; }
.SulfonylTriazoles {  --theme_text: "1-Sulfonyl-1,2,3-Triazoles ";  --theme: #6D213F; }
.BronstedAcidCatalysis {  --theme_text: "Br\0000F8nsted Acid Catalysis ";  --theme: #006600; }
.Pheremones {  --theme_text: "Pheremones ";  --theme: #EA6F2F; }
.Photocatalysis {  --theme_text: "Photocatalysis ";  --theme: #0000AF; }
.Domino {  --theme_text: "Domino Reactions ";  --theme: #c5135d; }


/* Publication Table Setup */

.publications > * {
  width: 100%;
  margin-top: 20px;
}

.publications .publication {
  display: grid;
  grid-template-columns: 50px auto 150px;
  grid-template-rows: 50px fill;
  gap: 10px;
}

.publication .artwork {
  grid-row-end: span 2;
}

.publication .content {
  grid-column-start: 2;

  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

@media screen and (max-width: 800px) {
  .publications .publication {
    grid-template-columns: 50px auto;
  }
  .publication .heading {
    display: none;
  }
  .publication .content {
    grid-column: 1 / span 2;
  }
  .publication .artwork {
    display: none;
  }
  .publication .content .abstract_image img {
    max-width: 100% !important;
    width: 100%;
  }
  
}


/* Publication Number */
.publication .artwork,
.publications .number {
  text-align: center;
}
.publications .number > div,
.publications .heading {
 background-color: var( --theme );
 color: #ffffff;
 border: 1px solid black;
 padding: 10px;
 font-size: 20px;
 height: 2em;
}

/* Publication Image */
.publication .artwork img {
  width: 100%;
  border: 1px solid black;
}

/* Publication Content */
.publication .heading {
  font-style: italic;
}
.publication .heading::before {
  content: var(--theme_text);
  font-weight: bold;
}
.publication .content .links a img {
 width: 40px;
 margin-top: 20px;
}
.publication .content .links .publication_pdf {
/*  display: none; */
}
.publication .content .citation,
.publication .content .abstract_image,
.publication .content .abstract,
.publication .content .notes {
  margin: 1.5em;
}

.publication .content .abstract_image {
  display: flex;
  width: 100%;
  justify-content: center;
}
.publication .content .abstract_image img {
  max-width: 70%;
  width: 100%;
}

.publication .content .abstract {
  text-align: justify;
  text-justify: inter-word;
}

.publication .content .notes {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.publication .content .notes div {
  padding-left: 30px;
  background: radial-gradient(black 4px, transparent 0) 0 -5px no-repeat;
  background-size: 30px 30px;
}
.publication .content .notes .publication_links {
  /* background: url(images/blue_link_18.png) 5px 1px no-repeat;*/
}


.publication .citation {
  width: calc( 100% - 100px );
}
/* Citation Layout */
.publication .citation .title {
  width: 100%;
  font-size: 1.3em;
}
.publication .citation .authors {
  width: 100%;
}
.publication .citation .authors .corresponding::after {
 content: "\002709"; /* Envelope */
 position: relative;
 top: -0.5em;
 font-size: 80%;
}
.publication .citation .authors .initial::after {
  content: '.';
}

.publication .bibinfo {
  width: 100%;
}
.publication .bibinfo > * {
  display: inline;
}
.publication .bibinfo > *:not(:first-child)::before {
  font-weight: normal;
  font-style: normal;
  content: ", "; /* Citation separator */
}
.publication .bibinfo::after {
  content: "";
}
.publication .bibinfo .journal {
 font-style: italic;
}
.publication .bibinfo .year {
  font-weight: bold;
}
.publication .bibinfo .volume {
 font-style: italic;
}
.publication .bibinfo .pageto::before {
 content: "\002013";
}
.publication .bibinfo *:empty {
 display: none;
}
.publication .bibinfo *:empty::before {
 content: "";
}

.publication .citation .doi {
  width: 100%;
}
.publication .citation .doi::before {
  content: "DOI: ";
}

