/* ============================
   VARIABLES / BASE COLORS
============================ */
:root {
  --brand-orange: #dd821d;
  --brand-blue: #dd821d;
  --text-dark: #000;
  --text-light: #fff;
  --radius: 6px;
  --spacing: .1em;
  --font-size-base: 14px;
}

/* ============================
   COMMUNITY LISTS & TABLES
============================ */

/* Community row layout */
.community-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--spacing);
  text-align: center;
  font-size: var(--font-size-base);
  line-height: 1.5;
}
.community-row span {
  display: block;
}

/* Organization list */
.organization-list {
    border-width: 0px 0px 5px 0px;
    border-style:solid;
    border-color:var(--brand-blue);
    border-radius: var(--radius);
    padding: var(--spacing);
    display: flex;
    flex-wrap: wrap; /* wrap to next row if needed */
    text-align: center; /* centers text inside child divs */
    align-items: stretch; /* makes all items same height in a row */
    gap: 1em; /* optional spacing between items */
}

.organization-list .organization-item {
    flex: 1 1 200px; /* grow/shrink evenly */
    display: flex;
    flex-direction: column; /* stack photo, title, address */
    align-items: center; /* center child divs horizontally */
    justify-content: flex-start; /* optional: keeps content at top */
    min-height: 275px; /* ensures consistent height, adjust as needed */
    text-align: center; /* centers text inside children */
    box-sizing: border-box;
}

/* Specifically center the title */
.organization-list .organization-item .title-list {
    text-align: center;
    width: 100%; /* ensures text centers properly */
    font-weight: bold; /* optional for emphasis */
}

.organization-list,
.organization-list .title-list,
.organization-list .address-list,
.organization-list .type-list,
.organization-list .services-list {
    font-size: 14px; /* adjust to desired size */
}

/* Photos */
.photo-list,
.quick-photo-list {
  text-align: center;
  padding-bottom: var(--spacing);
}
.photo-list div,
.quick-photo-list div {
  border-radius: var(--radius);
  border: 3px solid var(--brand-blue);
}

/* Titles */
.title-list,
.quick-title-list {
  padding: var(--spacing);
  margin-bottom: var(--spacing);
  font-size: 16px;
  text-align: center;
}
.title-list a,
.quick-title-list a {
  font-weight: bold;
  color: var(--text-dark);
}

/* Address / Type / Services lists */
.address-list,
.type-list,
.services-list {
  padding: var(--spacing);
  color: var(--text-dark);
}
.type-label-list,
.services-label-list,
.phone-label-list,
.website-label-list {
  font-weight: bold;
  margin-top: 5px;
}

/* Phone */
.phone-list {
  padding: var(--spacing);
  border-radius: var(--radius);
}
.phone-list a {
  color: var(--brand-blue);
  text-decoration: underline;
}

/* Website */
.website-list {
  padding: var(--spacing);
  border-radius: var(--radius);
  text-align: left;
}
.website-list a {
  color: var(--brand-blue);
  text-decoration: underline;
}

/* Social list */
.social-list {
  height: 80px;
  margin-top: var(--spacing);
  padding: var(--spacing) 0;
  overflow: hidden;
  display: flex;
  gap: var(--spacing);
}
.service-twitter,
.service-facebook,
.service-instagram {
  height: 40px;
}

/* Tables */
.community-table-title,
.community-table-address,
.community-table-type,
.community-table-services,
.community-table-website,
.community-table-social,
.community-table-phone {
  font-size: 10px;
  background-color: #fff;
  padding: 5px;
  border: 1px dotted var(--text-dark);
}
.community-table-title a,
.community-table-address a,
.community-table-type a,
.community-table-services a,
.community-table-website a,
.community-table-social a {
  font-weight: bold;
  color: var(--text-dark);
  text-decoration: underline;
}
.community-table-label {
  font-size: 12px;
  padding: 5px;
  background-color: var(--brand-blue);
  color: var(--text-light);
}
.community-table-label a {
  color: var(--text-light);
}
/* --- Labels (consistent across all boxes) --- */
.org-orgtype-node-label,
.org-services-node-label,
.org-address-node-label,
.org-phone-node-label,
.org-email-node-label,
.org-website-node-label,
.org-notes-node-label,
.org-photogallery-node-label {
  font-size: var(--font-size-base);
  font-weight: bold;
  color: var(--text-dark);
  margin-bottom: 5px;
}

.org-orgtype-node-label::after,
.org-services-node-label::after,
.org-address-node-label::after,
.org-phone-node-label::after,
.org-email-node-label::after,
.org-website-node-label::after,
.org-notes-node-label::after,
.org-photogallery-node-label::after {
  content: ":";
}

.view-community-resources .image-field {
    border: 5px solid #dd821d; /* your border color */
    border-radius: 8px;         /* optional: rounded corners */
    padding: 2px;               /* optional: space between image and border */
    box-sizing: border-box;     /* ensures border doesn’t expand layout */
}

.country {
    display: none;
}