.summaryBody {
  padding: 15px !important;
  padding-left: 20px !important;
}

td {
  vertical-align: top;
}

tr {
  padding: 1vh 1vw;
  border-bottom: 1px solid #f9f9f9;
}

/* minor formatting improvements */

li::first-letter,
details::first-letter,
ul::first-letter,
p::first-letter,
span::first-letter,
td::first-letter,
.modalStatsContent::first-letter,
.modalTextContent::first-letter,
summary::first-letter {
  text-transform: capitalize;
  text-transform: uppercase;
}

ul {
  list-style: square;
}

.summaryTableRowHeading {
  font-weight: bold !important;
  color: #090826 !important;
  font-size: 1.1rem;
  vertical-align: middle;
}

.summaryTableRowText {
  text-align: start;
  padding-left: 2vw;
  color: black !important;
  vertical-align: middle;
}

summary {
  min-height: 7vh;
  height: 7vh;
  max-height: 7vh;
  line-height: 7vh;
  text-align: left;
  font-size: 1.35rem;
  width: 100%;
  min-width: 100%;
  color: #090826;
  padding-left: 25px;
  list-style: none;
}

summary:hover {
  background-color: #090826;
  color: rgb(0, 155, 186);
  transition: 0.8s;
}

details[open] summary {
  color: red;
  background-color: #090826;
}

/* summary and detail arrow removal, multiple view */

summary::marker {
  content: "";
}

details > summary {
  list-style: none;
}

details summary::-webkit-details-marker {
  display: none;
}

/* accordian button style */

.closeBlue {
  vertical-align: middle;
  text-align: left;
  background-color: #090826;
  color: white;
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  min-height: 7vh;
  height: 7vh;
  border: none;
  font-weight: 600;
  font-size: 1.4rem;
  font-variant: small-caps;
}

.closeBlue:hover {
  background-color: rgb(255, 128, 0);
  transition: 1s;
}

.accordion-button:not(.collapsed) {
  background-color: #000;
  box-shadow: none;
  border: none;
  outline: none;
}

.accordion-body {
  padding: 0;
}

/* content styling in modal */

.modalTextContent {
  display: flex;
  flex-direction: column;
  white-space: normal;
  text-align: left;
  justify-content: space-around;
  margin: 0.8rem;
}

.modalStatsContent {
  text-align: left;
  margin-left: 1rem;
  margin-bottom: 0.8rem;
  margin-top: 0.8rem;
}

/* ******************* */
/* START GEOGRAPHY MODAL */

#geoSummary summary {
  border-bottom: solid 3px rgb(0, 155, 186);
}

#geoSize summary {
  border-bottom: solid 3px rgb(186, 102, 0);
}

#geoNeighbours summary {
  border-bottom: solid 3px rgb(193, 153, 101);
}

#climateData summary {
  border-bottom: solid 3px rgb(255, 247, 0);
}

#terrainData summary {
  border-bottom: solid 3px rgb(30, 100, 0);
}

#naturalResources summary {
  border-bottom: solid 3px rgb(0, 0, 0);
}

/* END GEOGRAPHY MODAL */
/* ******************* */
/* START PEOPLE MODAL */

#populationCIA summary {
  border-bottom: solid 3px red;
}

#popuDistrib summary {
  border-bottom: solid 3px #ffa52c;
}

#popGrowthCIA summary {
  border-bottom: solid 3px #ffff41;
}

#migrantsCIA summary {
  border-bottom: solid 3px #008018;
}

#religionStyle summary {
  border-bottom: solid 3px black;
}

#ethnicStyle summary {
  border-bottom: solid 3px #86007d;
}

#holidayStyle summary {
  border-bottom: solid 3px darkblue;
}

#holidayDate {
  margin: 1.5rem;
}

/* END OF PEOPLE MODAL */
/* ******************* */
/* START OF ENERGY MODAL */

#elecAccess {
  border-bottom: solid 3px #00e600;
}

#oilProd {
  border-bottom: solid 3px #00b300;
}

#petrolCon {
  border-bottom: solid 3px #008000;
}

#gasCon {
  border-bottom: solid 3px #004c00;
}

#co2emissions {
  border-bottom: solid 3px #001900;
}

/* END OF ENERGY MODAL */
/* ******************* */
/* START OF COMMUNICATIONS MODAL */

#mobilePhoneData {
  border-bottom: solid 3px #8400ff;
}

#landlinePhoneData {
  border-bottom: solid 3px #4b0091;
}

#internetAccess {
  border-bottom: solid 3px #2f005c;
}

#stateMedia {
  border-bottom: solid 3px #1b0034;
}

/* END OF COMMUNICATIONS MODAL */
/* ******************* */
/* START OF TRANSPORT MODAL */

#airportData {
  border-bottom: solid 3px #ff0000;
}

#heliportData summary {
  border-bottom: solid 3px #d10000;
}

#seaportData summary {
  border-bottom: solid 3px #9a0000;
}

#roadwayData {
  border-bottom: solid 3px #810000;
}

#railwayData {
  border-bottom: solid 3px #620000;
}

#waterwayData {
  border-bottom: solid 3px #320000;
}

/* END OF TRANSPORT MODAL */
/* ******************* */
/* START OF ECON MODAL */

#econOverview {
  border-bottom: solid 3px #e6e600;
}

.econContent {
  text-align: justify;
  justify-content: space-around;
}

#agriStyle {
  border-bottom: solid 3px #b3b300;
}

#indStyle {
  border-bottom: solid 3px #808000;
}

#unemployment {
  border-bottom: solid 3px #4c4c00;
}

#taxes {
  border-bottom: solid 3px #191900;
}

/* END OF ECON MODAL */