
.browse-dates{
  margin: 1em auto;
}

.browse-dates .submit_button {
  margin-top: 0;
}

.browse-dates input[type=text] {
  margin-bottom: 0;
  padding: .5em;
}

.grid-browse-dates {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 1em 1em;
  grid-template-areas:
    "column1 column2";
}

.grid-browse-dates a {
  display: inline-block;
}

.grid-browse-dates .column1 {
  display: flex;
  flex-direction: column-reverse;
}

.grid-browse-dates .column2 {
  display: flex;
  flex-direction: column;
  text-align: right;
}

.grid-matrix-detail {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 1em 1em;
  grid-template-areas: "info-left info-right";
}

.grid-matrix-more-detail {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 1em 1em;
  grid-template-areas: "column1 column2";
}

.grid-matrix-more-detail .heading {
border-bottom: 1px solid black;
  text-align: left;
  padding: 20px 6px 0;
  position: relative;
  line-height: 1.2em;
}

.hide-on-mobile {
  display: none;
}

.logo a img {
  width: 80%;
}

table.mceLayout, textarea.tinyMCE {
    width: 100% !important;
}

/* make the toolbar wrap */
.mceToolbar td {
  display:table-row;
  float: left;
}
.mceToolbar td:nth-of-type(11){
  clear: left;
}

@media only screen and (min-width: 600px) {
    .grid-browse-dates .column1 {
      display: block;
    }

    .grid-browse-dates .column2 {
      display: block;
      text-align: right;
    }


    table.mceLayout, textarea.richEditor {
       width: 600px !important;
    }

    /* remove the toolbar wrap */
    .mceToolbar td {
      display:table-cell;
      float: none;
    }
    mceToolbar td:nth-of-type(11){
      clear: none;
    }
}

@media screen and (min-width: 960px) {

  fieldset label,
  fieldset input,
  fieldset select {
      display: block;
  }

  .hide-on-mobile {
    display: table-cell;
  }

  .info-left {
   flex-basis: 66.66%;
  }

  .info-right {
    flex-basis: 33.33%;
  }

  .logo a img {
    width: auto;
  }
}

