/*
author: James Hildeman
description: Membership and Login controls
Notes: - Style here so Members Only package can be installed on any site with any theme 
       - customize after if necessary
       - keep markup simple and portable between themes
Change log:
2023/04/19  jjh Created.
*/

    .membersonly fieldset { 
        border-color: gray;
        border-width: 1px;
        padding: 10px; 
        max-width: 60%;
        background-color: #eee;
    }
    .membersonly fieldset input { border-width: 1px; margin:5px; }
    .membersonly fieldset label {
        display: inline-block;
        width: 100px;
    }
    .membersonly fieldset button {
          margin: 5px;
          padding: 10px 10px;
          text-align: center;
          text-decoration: none;
          display: inline-block;
          
          background-color: #ccc;
          color: black;
          border: 2px solid gray;
          border-radius: 8px;
          float: right;
          box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
  }
    .membersonly fieldset button:hover {
        box-shadow: 0 16px 32px 0 rgba(0,0,0,0.24), 0 12px 40px 0 rgba(0,0,0,0.19);
    }

}    

/* HTS.MembersOnly.ProfileDropdown */
.dropbtn {
  background-color: #04AA6D;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}
.dropdown {
  position: relative;
  display: inline-block;
}
.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;
}
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.dropdown-content a:hover {background-color: #ddd;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #3e8e41;}