html,

/********************
Map Content Appearance
*********************/
body {
  padding: 0;
  margin: 0;
  color: #525252;
  font-family: Montserrat;
  --calcite-color-brand: #369;
  --calcite-color-brand-hover: #3b5668;
  --calcite-color-brand-press: #6f92aa;
  --calcite-ui-text-1: #036;
  --calcite-ui-text-2: ##9a9595;
  --calcite-ui-text-3: #036;
  --calcite-ui-text-link: #cc3333;
  --calcite-font-size-0: 16px;
  --calcite-font-size--1: 14px;
  --calcite-font-size--2: 14px;
  --calcite-ui-icon-color: #369;
  --calcite-ui-border-input: #369;
  --calcite-ui-brand: #369;
  --calcite-ui-brand-hover: #369;
  --caclite-ui-brand-press: #fff;
  align-items: center;
}

#viewDiv {
  /* viewDiv is the main map view element*/
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
}
#dropdown-button {
  width: 350px;
}
#pagination {
  padding: 0;
  margin: 0;
  width: 100%;
}
#mapList {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}

/************************
Grid system layout
*************************/
.container {
  display: grid;
  grid-template-columns: 1px auto 1px;
  grid-template-rows: 0vh auto 500px 5vh auto 5vh;
  gap: 15px;
  justify-items: center;
}
.heading {
  grid-row: 1/2;
  grid-column: 2/3;
  color: #525252;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 16.5px; /* 82.5% */
  align-content: center;
}

/*Nested grid container layout*/
.title-container {
  display: grid;
  grid-template-columns: 0px 150px auto 150px 0px;
  grid-template-rows: auto;
  justify-items: center;
}
.embed-code-container {
  background-color: red;
  display: grid;
  grid-template-columns: 0px 150px auto 150px 0px;
  grid-template-rows: 4vh;
  justify-items: center;
}

/*grid components*/
.combobox {
  grid-row: 2/3;
  grid-column: 2/3;
  width: 350px;
}
.map {
  grid-row: 3/4;
  grid-column: 2/3;
}
.titles {
  grid-row: 4/5;
  grid-column: 2/3;
  width: 100%;
}
.project-name {
  font-weight: 600;
  grid-row: 1/1;
  grid-column: 2/2;
  width: fit-content;
}
/* .project-details {
  font-weight: 600;
  grid-row: 1/1;
  grid-column: 4/4;
  width: fit-content;
} */
.list-block {
  grid-row: 5/6;
  grid-column: 2/3;
}
.pagination-block {
  justify-content: center;
  grid-row: 6/7;
  grid-column: 2/3;
}
/* .more-info-button {
  margin-right: 10px;
} */