/* Styles for the Open Water Foundation data.openwaterfoundation.org website
 * used with dataset landing pages.
 */

@media screen {
  .dataset-content-container {
    margin: 100px 10px 0px 10px;
  }

  .dataset-property-table {
    width: 100%;
    margin: 0px 50px;
  }

  .dataset-image {
    height: 100%;
    width: 33%;
  }

  .image-and-property-container {
    display: flex;
    margin: 0px 25px;
  }

  .dataset-property-table-container {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 66%;
    overflow: auto;
  }

  #titles {
    font-weight: bold;
    color: #303044
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: "Trebuchet MS", Arial !important;
    margin-top: 15px !important;
  }

  h1 {
    font-size: 1.75rem !important;
  }
  h2 {
    font-size: 1.5rem !important;
  }
  h3 {
    font-size: 1.25rem !important;
  }
  h4,
  h5,
  h6 {
    font-size: 1rem !important;
  }

  table,
  th,
  td {
    border: 1px solid black;
    border-collapse: collapse;
  }

  table {
    text-align: left;
  }

  th {
    background-color: #9DB66B;
    text-align: center;
    vertical-align: bottom;
    color: black;
    padding: 10px 10px;
  }

  td {
    background-color: white;
    vertical-align: bottom;
    font-style: normal;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    padding: 0px 10px;
  }

  body {
    text-align: left;
    font-family: "Trebuchet MS", Arial;
  }

  pre {
    margin: 0px
  }
}
/* End @media screen */

@media print {
  #titles {
    font-weight: bold;
    color: #303044
  }

  table,
  th,
  td {
    border: 1px solid black;
    border-collapse: collapse;
  }

  table {
    text-align: left;
  }

  th {
    background-color: white;
    text-align: center;
    vertical-align: bottom;
    color: black
  }

  td {
    background-color: white;
    vertical-align: bottom;
    font-style: normal;
    font-family: courier;
    padding: 2pt;
  }

  body {
    text-align: left;
  }

  pre {
    margin: 0px
  }
}
/* End @media print */