/*
These styles are for the login button and the menu people see after logging in.
This is common to both the Wordpress pages and the App pages, so put in this separate stylesheet to keep separate from the main stylesheet for the App.
*/


#public_header_inc_1 {
  text-align: right;
}

#public_header_inc_1 .btn-primary, #public_header_inc_1 .btn-primary:link, #public_header_inc_1 .btn-primary:visited {
    background-color: #125283 !important;   /* stickyblue */
    border: 1px solid #125283 !important;
    color: white !important;
}

#public_header_inc_1 .btn-primary:hover, #public_header_inc_1 .btn-primary:active {
    background-color: #3272A3 !important;
    border: 1px solid #125283 !important;
}



/* ****************************************************** */
/* Little Man Dropdown */
.dropbtn {
 cursor: pointer;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  right: 0;
  background-color: #f9f9f9;
  min-width: 250px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 20;
  border-radius: 7px;

}

.dropdown-content a {
  color: #444444;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {
  background-color: #f1f1f1;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown > svg {
  fill:  #1a9342;
}

.dropdown > svg:hover {
  fill: darkgray;
}
/* END Little Man Dropdown ****************************************************** */