/* START OF CUSTOM MENU */

/*
.custom-header-menu-all
{
  margin: 0;
  padding: 4px;
  box-sizing: border-box;
  font-family: "Myriad-Pro", sans-serif;
}
*/

.custom-header-menu
{
  display: flex;
  /*flex-direction: row;
  flex-wrap: wrap;
  display: block;*/
  /* background: rgba(255, 255, 255, 0.1); */
  background: transparent;
  border-radius: 0px;
  margin: 0;
  padding: 4px 0px 0px;
  box-sizing: border-box;
  /* float: left; */
  font-family: "Myriad-Pro-Light";
  color: rgba(147, 149, 152, 1);
}

.custom-header-menu ul
{
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-evenly;
  align-items: left;

}

.custom-header-menu ul li 
{
  list-style: none;
  padding: 0px;
  position: relative;
  transition: 0.5s;
  display: block;
}

.custom-header-menu ul li a /* this is each item in the menu */
{
  color: #fff;
  text-decoration: none;
  /* padding: 5px 30px; */
  padding: 0;
  background: transparent;
}

.custom-header-menu ul li a:hover /* underlines menu selection on hover */
{
  display: block;
  position: relative;
  /* background: #444846; */
  font-weight: bold;
  /* border-radius: 1px; */
  /* box-shadow: 20px 20px 20px 20px rgb(96, 182, 202, 1);
  z-index: 10; */
}

.custom-header-menu ul li p /* this is each item in the menu */
{
  color: #fff;
  text-decoration: none;
  /* padding: 5px 30px; */
  padding: 0;
  margin: 0;
  background: transparent;
}

.custom-header-menu ul li p:hover /* underlines menu selection on hover */
{
  display: block;
  position: relative;
  /* background: #444846; */
  /* border-radius: 1px; */
  /* box-shadow: 20px 20px 20px 20px rgb(96, 182, 202, 1);
  z-index: 10; */
}

.custom-header-menu ul li ul
{
  display: none;

}

.custom-header-menu ul li:hover ul /* this is the pop-up second tier menu */
{
  display: block;
  position: absolute;
  margin-top: 0px; /* this controls the margin on top of the drop-down menu */
  
  background: rgb(84, 84, 84);
  border-radius: 3px;
  width: max-content; /* this enables box to size to full text content */
  padding: 10px 10px;
  z-index: 10; /* makes it so that the dropdown menu shows over top of everything else */
  line-height: 2; /* spaces out the menu text in drop down */
  /* box-shadow: 0px 20px 100px 0px rgba(119, 16, 16, 1); */
}


/* END OF CUSTOM HEADER MENU */



.custom-flex-box {
  justify-content: flex-end;
  align-items: center; 
}

.navbar-custom {
  height:30px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}


.navbar-toggler:focus {
  text-decoration: none;
  outline: none;
  box-shadow: 0 0;
}


.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    /* color: #212529; */
    color: white;
    text-align: left;
    /* background-color: #fff; */
    background-color: rbga(255,255,255,0.1);
    border-color: black;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
    
  }



.accordion-button:not(.collapsed) {
  /* CONFIRMED THAT THIS CODE IS RECOGNIZED IN APP */
  /* color: #0c63e4; /* text colour */
  color: #fff; /* text colour custom */
  /* background-color: #e7f1ff; /* original */
  background-color: #0c63e4; /* my custom color */
  border-color: red;
  /* do not display box shadow, in original code below it is just a line on the bottom */
  /* box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125); this is the original */
  /* box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.125); */
  box-shadow: none;

}

.accordion-button:focus {
  outline: none;
  /* get rid of the blue line between button and body when collapsing accordion */
  box-shadow: none;
}


/* ADJUST COLOUR OF CHEVRON, NOT COLLAPSED */
.accordion-button:not(.collapsed)::after {
  /* ORIGINAL background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); */
  /* change the colour of the rotated accordion chevron */
  /* %23 + HEX CODE */
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate(-180deg);
}

.accordion-button.collapsed {
    margin-top: 0rem;
    /* background-color: #f8f8f8; */
    background-color: rgba(255,255,255,0.1)

}