:root {
  --creditsfontfactor: 0.78;
}

#dropdownmenu-tour {
  top: 22%;
  z-index: 6;
}

 /* Dropdown Button */
.dropbtn {
/*  position: absolute;*/
  background-color: white;
/*  font-size: clamp(8px, calc(var(--fontsizefactor) * 1vw), 20px);*/
/*  border: 1px solid #ccc;*/
  text-align: left;
  border: none;
  
  /* ajm */
  padding: 0;
  margin-left: 2%;
  font-family: "Liberation Sans", "Arial", sans-serif;
  
  font-size: inherit;
  font-family: inherit;
}
@media (min-aspect-ratio: 16 / 9) {
  .dropbtn {
/*    font-size: clamp(8px, calc(var(--fontsizefactor) * var(--aspectratio) * 1vh), 20px)*/
  }
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
  
  /* Mine - AJM */
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 5px;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: white;
  width: 102%;
  z-index: 10;
  left: -1%;
  margin-top: 0.3%;
}

/* Links inside the dropdown */
.dropdown-content span {
  color: #808080;
/*  padding: 6px 10px;*/
  padding: 2% 4%;
  display: block;
/*  font-size: clamp(8px, calc(var(--fontsizefactor) * 1vw), 16px);*/
  cursor: pointer;
  line-height: 1em;
  z-index: 10;
}
@media (min-aspect-ratio: 16 / 9) {
  .dropdown-content span {
/*    font-size: clamp(8px, calc(var(--fontsizefactor) * var(--aspectratio) * 1vh), 16px)*/
  }
}

/* Change color of dropdown links on hover */
.dropdown-content span:hover {
  color: black;
}
/* Selected */
.dropdown-content span.selected {
  color: black;
}
/* Fake hover */
.dropdown-content span.fake-hover {
  color: black;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  background-color: white;
}

.dropdown-selection {
/*  font-size: 6px;*/
  font-size: calc(1em * var(--creditsfontfactor));
  vertical-align: middle;
}


/******************************************************************************/


/* /* Dropdown Button */*/
/*.dropbtn {*/
/*  background-color: #04AA6D;*/
/*  color: white;*/
/*  padding: 16px;*/
/*  font-size: 16px;*/
/*  border: none;*/
/*}*/

/*/* The container <div> - needed to position the dropdown content */*/
/*.dropdown {*/
/*  position: relative;*/
/*  display: inline-block;*/
/*}*/

/*/* Dropdown Content (Hidden by Default) */*/
/*.dropdown-content {*/
/*  display: none;*/
/*  position: absolute;*/
/*  background-color: #f1f1f1;*/
/*  min-width: 160px;*/
/*  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
/*  z-index: 1;*/
/*}*/

/*/* Links inside the dropdown */*/
/*.dropdown-content a {*/
/*  color: black;*/
/*  padding: 12px 16px;*/
/*  text-decoration: none;*/
/*  display: block;*/
/*}*/

/*/* Change color of dropdown links on hover */*/
/*.dropdown-content a:hover {background-color: #ddd;}*/

/*/* Show the dropdown menu on hover */*/
/*.dropdown:hover .dropdown-content {display: block;}*/

/*/* Change the background color of the dropdown button when the dropdown content is shown */*/
/*.dropdown:hover .dropbtn {background-color: #3e8e41;} */