/*------------------------------------*\
  #ROLL TEMPLATES
\*------------------------------------*/

/* Smaller margins - remove these if you want the huge default left margin */

.withoutavatars .sheet-rolltemplate-mythicd6 {
  margin-left: -7px;
}


.sheet-rolltemplate-mythicd6 {
  margin-left: -37px;

  .sheet-container {
    border: 3px solid black;
    border-radius: 3px;
  }

  /* Header formatting - title and subtitle */
  .sheet-header {
    background-color: var(--header-bg-color, #a83521);
    color: var(--header-text-color, #FFF);
    text-align: left;
    text-transform: capitalize;
    padding: 5px;
    border-bottom: 2px solid black;
  }
  .sheet-title {
    font-size:1.2em;
    font-weight: bold;
  }
  .sheet-subtitle {
    font-size:.9em;
  }

  /* example colors */
  .sheet-container {
    /* this are the default heaer colors */
    --header-bg-color: #a83521;
    --header-text-color: #FFF;
  }

  /* alt template colors */
  .sheet-container.sheet-color-green {
    --header-bg-color: #008000;
  }
  .sheet-container.sheet-color-blue {
    --header-bg-color: #0000e0;
  }
  .sheet-container.sheet-color-gold {
    --header-bg-color: #ffdd1f;
    --header-text-color: #000;
  }
  .sheet-container.sheet-color-purple {
    --header-bg-color: #c200c2;
  }
  .sheet-container.sheet-color-black {
    --header-bg-color: #000;
  }
  .sheet-container.sheet-color-white {
    --header-bg-color: #FFF;
    --header-text-color: #000;
  }

  /* Allprops part */
  .sheet-content {
    display: grid;
    background: #FFF;
    /* Header formatting - modify the column layout below */
    grid-template-columns: auto auto;
    /* Line height to match default roll template */
    line-height:1.4em;
  }
  .sheet-content > div {
    padding: 5px;
  }

  /* Left column */
  .sheet-content .sheet-key {
    font-weight: bold;
    padding-right: 10px;
    text-align: right;
  }

  /* Empty rule, use this if you want to change the right column 
  .sheet-value {
  }
  */

  /* Make even-numbered rows grey */
  .sheet-content :nth-child(4n+3),
  .sheet-content :nth-child(4n) {
    background:#EEE;
  }

  /* Description field */
  .sheet-desc {
    grid-column: span 2;
    padding: 5px;
    text-align: center;
  }

}