/* =====================================================
   Find støtteperson - Member directory styling
   PS-foreningen
   ===================================================== */


/* Hele member directory-området */
.WaGadgetMemberDirectory {
  background-color: #f7faf7 !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  box-sizing: border-box !important;
}


/* Links i medlemslisten - rolig mørkegrøn */
.WaGadgetMemberDirectory a {
  color: #2f5f55 !important;
  text-decoration: none !important;
}

.WaGadgetMemberDirectory a:hover {
  color: #244c44 !important;
  text-decoration: underline !important;
}


/* Generel tekst i medlemslisten */
.WaGadgetMemberDirectory,
.WaGadgetMemberDirectory table,
.WaGadgetMemberDirectory td {
  font-family: Arial, sans-serif !important;
  font-size: 17px !important;
  line-height: 1.45 !important;
  color: #333333 !important;
}


/* Kolonneoverskrifter */
.WaGadgetMemberDirectory th {
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #2f2f2f !important;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}


/* Mere luft i rækkerne */
.WaGadgetMemberDirectory td {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}


/* Blødere linjer i tabellen */
.WaGadgetMemberDirectory table,
.WaGadgetMemberDirectory tr,
.WaGadgetMemberDirectory td,
.WaGadgetMemberDirectory th {
  border-color: #e4e4e0 !important;
}


/* Baggrund i søgeområde og tabelområde */
.WaGadgetMemberDirectory .memberDirectorySearchArea,
.WaGadgetMemberDirectory .memberDirectorySearch,
.WaGadgetMemberDirectory .searchBox,
.WaGadgetMemberDirectory table,
.WaGadgetMemberDirectory tbody,
.WaGadgetMemberDirectory tr,
.WaGadgetMemberDirectory td,
.WaGadgetMemberDirectory th {
  background-color: #f7faf7 !important;
}


/* Forsøg på at gøre kommunefeltet lysegrønt i stedet for hvidt */
.WaGadgetMemberDirectory .fieldSubContainer,
.WaGadgetMemberDirectory .fieldSubContainer div,
.WaGadgetMemberDirectory .fieldSubContainer table,
.WaGadgetMemberDirectory .fieldSubContainer tbody,
.WaGadgetMemberDirectory .fieldSubContainer tr,
.WaGadgetMemberDirectory .fieldSubContainer td,
.WaGadgetMemberDirectory .fieldContainer,
.WaGadgetMemberDirectory .fieldContainer div,
.WaGadgetMemberDirectory .filterPanel,
.WaGadgetMemberDirectory .filterContainer,
.WaGadgetMemberDirectory .memberDirectoryFilter,
.WaGadgetMemberDirectory .filterOptions,
.WaGadgetMemberDirectory .filterOptions div {
  background-color: #f7faf7 !important;
}


/* Fjern kraftig skiftevis række-farve */
.WaGadgetMemberDirectory tr,
.WaGadgetMemberDirectory tr td,
.WaGadgetMemberDirectory table tr,
.WaGadgetMemberDirectory table tr td {
  background-color: #f7faf7 !important;
}


/* Meget diskret lysegrøn fremhævning, når man holder musen over en støtteperson */
.WaGadgetMemberDirectory tr:hover td,
.WaGadgetMemberDirectory table tr:hover td {
  background-color: #eef5ef !important;
}


/* Hvis Wild Apricot bruger selected/active/hover-klasser til fremhævet række */
.WaGadgetMemberDirectory .selected td,
.WaGadgetMemberDirectory .active td,
.WaGadgetMemberDirectory .hover td,
.WaGadgetMemberDirectory .selected,
.WaGadgetMemberDirectory .active,
.WaGadgetMemberDirectory .hover {
  background-color: #eef5ef !important;
}


/* Gør søgeområdet lidt luftigere */
.WaGadgetMemberDirectory .memberDirectorySearchArea,
.WaGadgetMemberDirectory .memberDirectorySearch,
.WaGadgetMemberDirectory .searchBox {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}


/* Dansk tekst: Search -> Søg */
.WaGadgetMemberDirectory .searchBox label,
.WaGadgetMemberDirectory label[for*="search"] {
  font-size: 0 !important;
}

.WaGadgetMemberDirectory .searchBox label:before,
.WaGadgetMemberDirectory label[for*="search"]:before {
  content: "Søg:";
  font-size: 17px !important;
}


/* Mørkegrøn skillelinje - forsøg på at ramme den gule linje */
.WaGadgetMemberDirectory hr,
.WaGadgetMemberDirectory .separator,
.WaGadgetMemberDirectory .fieldSubContainer,
.WaGadgetMemberDirectory .fieldContainer,
.WaGadgetMemberDirectory .memberDirectorySearchArea,
.WaGadgetMemberDirectory .memberDirectorySearch,
.WaGadgetMemberDirectory .searchBox {
  border-color: #2f5f55 !important;
}


/* Hvis den gule linje ligger som top/bund-border på et indre element */
.WaGadgetMemberDirectory .fieldSubContainer,
.WaGadgetMemberDirectory .fieldContainer,
.WaGadgetMemberDirectory .filterPanel,
.WaGadgetMemberDirectory .filterContainer,
.WaGadgetMemberDirectory .memberDirectoryFilter,
.WaGadgetMemberDirectory .searchBox,
.WaGadgetMemberDirectory .memberDirectorySearchArea {
  border-top-color: #2f5f55 !important;
  border-bottom-color: #2f5f55 !important;
}


/* Lidt mindre indryk på mobil, så tabellen ikke bliver for klemt */
@media screen and (max-width: 768px) {
  .WaGadgetMemberDirectory {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}