@import url('https://fonts.googleapis.com/css2?family=Audiowide&family=Dancing+Script:wght@400..700&display=swap');

/* MENU TOP ----------------------------------------------------------------------- */
.audiowide-regular {
  font-family: "Audiowide", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.pageMenuTop {
overflow: hidden;
border-bottom: 1px solid rgb(204,0,0);
border-top: 1px solid black;
font-size:1.2em;

}
.pageMenuTop a {
  color:white;
  outline: 0;
  border: 0px;
  text-decoration: none;
  text-shadow: 1px 1px 2px black;;
}

.pageMenuTop a:hover, .pageMenuTop a:focus-within  {
  color:white;

}

.pageMenuTop > ul {
  display:flex;
  list-style-type: none;
  color: white;
  justify-content: flex-start;
  padding-left: 0px;
  background-color: rgba(204,0,0,0.8);
  margin:0px;
  margin-bottom: 3px;
  margin-top:3px;

}

.pageMenuTop > ul > li {
  margin-left:10px;
  /* font-size:1.0em; */

  font-weight: bold;
  padding:11px;
}

.pageMenuTop > ul > li:hover, .pageMenuTop > ul > li:focus-within {

 background-color:#990000;
 color:black;

}

.pageMenuTop > ul > li:hover > ul, .pageMenuTop > ul > li:focus-within > ul {
  display:block;
}

.pageMenuTop > ul > li > ul {

  display:none;
  position:absolute;
  list-style-type: none;
  margin-left:-11px;
  margin-top: 11px;
  padding-left:0px;
  background-color: #990000;
  z-index:2;
  overflow: hidden;

}

.pageMenuTop > ul > li > ul > li {
  border-left:5px solid rgb(204,0,0);
  border-bottom: 1px dotted #ccc;

  padding-top: 5px;
  padding-bottom: 5px;
  padding-left:10px;
  padding-right:50px;

  font-weight: normal;
}

.pageMenuTop > ul > li > ul > li:hover, .pageMenuTop > ul > li > ul > li:focus-within {
  background-color:rgb(204,0,0);
  border-left:5px solid black;
}