@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@400;700&display=swap');
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  table.table thead {
    tr {
      th {

      }
    }
  }

  .btn-primary {
    @apply py-2 px-5
           text-center text-sm font-medium leading-6 uppercase
           bg-cyan hover:bg-blue text-white
           focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-cyan;
  }

  .btn-primary.active {
    @apply bg-blue;
  }


  .btn-danger {
    @apply py-2 px-5
           text-center text-sm font-medium leading-6 uppercase
           bg-red-500 hover:bg-red-700 text-white
           focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-red-500;
  }

  .btn-primary-table {
    @apply inline-block px-3 py-1 rounded-sm text-sm bg-cyan text-white shadow-sm hover:bg-blue hover:text-white uppercase;
  }

  h1 strong {
    @apply font-bold;
  }

  .data-controller-select button[aria-expanded="true"] + ul {
    @apply opacity-100 h-auto;
  }

  #chart-show-page #chart-show-link {
    @apply hidden;
  }
}

/* .page {
  min-height: 840px;
  width: 1188px;
  padding: 20px;
  margin-bottom: 20px;
} */

.page .trix-content h1 {
  font-size: 40pt;
  @apply text-blue;
}

.page .trix-content h2 {
  font-size: 30pt;
  @apply text-blue;
}

.page .trix-content {
  @apply text-blue;
  font-size: 16pt;
}

@page {
  size: A4 landscape;
  margin-top: 10mm;
  margin-bottom: 2mm;
  margin-left: 0mm;
  margin-right: 0mm;
}

@media print {
  body{
    -webkit-print-color-adjust:exact !important;
    print-color-adjust:exact !important;
  }

  .grid {
    break-inside: avoid;
  }

  .page {
    page-break-after: always;
    /* margin: 10mm auto; */
    /* width: 276mm !important; */
    min-height: 190mm !important;
    border: none;
  }

  div.chart {
    break-inside: avoid;
  }

  /* Don't show tooltips  */
  .tooltip-questionmark {
    display: none;
  }
}

@import 'actiontext.css';