/* Community 1.3.49 — approved light Community-page mockup.
 * Presentation only: all posts, member data, controls, permissions and widgets
 * continue to come from the existing Community engine. */

html body.gmr-community-page {
  --gmr-community-ivory:#fbfaf7;
  --gmr-community-paper:#fffdfa;
  --gmr-community-ink:#202b35;
  --gmr-community-muted:#65717b;
  --gmr-community-line:#ded8d0;
  --gmr-community-teal:#147e82;
  --gmr-community-teal-soft:#e8f4f2;
  --gmr-community-purple:#7650a8;
  --gmr-community-purple-soft:#f2ecf8;
  --gmr-community-coral:#d96b72;
  --gmr-community-gold:#b68a4a;
  background-color:var(--gmr-community-ivory)!important;
}

html body.gmr-community-page .gmr-network-v8 {
  position:relative!important;
  isolation:isolate!important;
  width:min(1500px,calc(100% - 36px))!important;
  max-width:1500px!important;
  margin:24px auto 40px!important;
  padding:0 18px 36px!important;
  color:var(--gmr-community-ink)!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:16px!important;
  line-height:1.55!important;
}

html body.gmr-community-page .gmr-network-v8::before,
html body.gmr-community-page .gmr-network-v8::after {
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  top:390px!important;
  bottom:0!important;
  width:210px!important;
  pointer-events:none!important;
  background-repeat:no-repeat!important;
  background-size:210px auto!important;
  opacity:.48!important;
}
html body.gmr-community-page .gmr-network-v8::before {
  left:-105px!important;
  background-image:url('../images/community-botanical-left.svg')!important;
  background-position:left 70%!important;
}
html body.gmr-community-page .gmr-network-v8::after {
  right:-105px!important;
  background-image:url('../images/community-botanical-right.svg')!important;
  background-position:right 40%!important;
}

html body.gmr-community-page .gmr-network-v8 .gmr-community-welcome {
  display:grid!important;
  grid-template-columns:116px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:24px!important;
  min-height:154px!important;
  margin:0 0 24px!important;
  padding:22px 34px!important;
  color:var(--gmr-community-ink)!important;
  border:1px solid var(--gmr-community-line)!important;
  border-top:4px solid var(--gmr-community-teal)!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 89% 18%,rgba(118,80,168,.08),transparent 20%),
    linear-gradient(120deg,#fffdfa,#fff 55%,#faf7fd)!important;
  box-shadow:0 8px 24px rgba(53,64,67,.08)!important;
}
html body.gmr-community-page .gmr-network-v8 .gmr-welcome-icon {
  display:grid!important;
  place-items:center!important;
  width:106px!important;
  height:96px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
html body.gmr-community-page .gmr-network-v8 .gmr-welcome-icon img {
  display:block!important;
  width:106px!important;
  height:auto!important;
}
html body.gmr-community-page .gmr-network-v8 .gmr-community-welcome h1 {
  margin:0 0 7px!important;
  color:#263340!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:clamp(25px,2vw,34px)!important;
  font-weight:700!important;
  line-height:1.16!important;
}
html body.gmr-community-page .gmr-network-v8 .gmr-community-welcome p {
  max-width:760px!important;
  margin:0!important;
  color:#5c6872!important;
  font-size:15px!important;
  line-height:1.55!important;
}
html body.gmr-community-page .gmr-network-v8 .gmr-primary-action {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:172px!important;
  min-height:50px!important;
  padding:12px 21px!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border:1px solid #674493!important;
  border-radius:9px!important;
  background:linear-gradient(135deg,#8060b2,#684493)!important;
  box-shadow:0 7px 17px rgba(104,68,147,.22)!important;
  font-size:15px!important;
  font-weight:800!important;
  text-decoration:none!important;
}
html body.gmr-community-page .gmr-network-v8 .gmr-primary-action:hover {
  transform:translateY(-1px)!important;
  background:linear-gradient(135deg,#177e82,#327f8c)!important;
  border-color:#177e82!important;
}

html body.gmr-community-page .gmr-network-v8 .gmr-app-grid {
  display:grid!important;
  grid-template-columns:260px minmax(0,1fr) 300px!important;
  gap:20px!important;
  align-items:start!important;
  margin:0!important;
}
html body.gmr-community-page .gmr-network-v8 .gmr-left-rail,
html body.gmr-community-page .gmr-network-v8 .gmr-center-feed,
html body.gmr-community-page .gmr-network-v8 .gmr-right-rail {min-width:0!important;}
html body.gmr-community-page .gmr-network-v8 .gmr-sticky-stack {
  position:static!important;
  display:grid!important;
  gap:14px!important;
}

html body.gmr-community-page .gmr-network-v8 .gmr-profile-card,
html body.gmr-community-page .gmr-network-v8 .gmr-side-card,
html body.gmr-community-page .gmr-network-v8 .gmr-stories,
html body.gmr-community-page .gmr-network-v8 .gmr-composer,
html body.gmr-community-page .gmr-network-v8 .gmr-login-notice,
html body.gmr-community-page .gmr-network-v8 .gmr-empty,
html body.gmr-community-page .gmr-network-v8 .gmr-extra-tools,
html body.gmr-community-page .gmr-network-v8 .gmr-weather-card,
html body.gmr-community-page .gmr-network-v8 .gmr-crystal-day-v2,
html body.gmr-community-page .gmr-network-v8 .gmr-arcade-spotlight {
  margin:0!important;
  color:var(--gmr-community-ink)!important;
  border:1px solid var(--gmr-community-line)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#fff,#fdfbf8)!important;
  background-image:linear-gradient(145deg,#fff,#fdfbf8)!important;
  box-shadow:0 6px 19px rgba(48,59,62,.07)!important;
}
html body.gmr-community-page .gmr-network-v8 .gmr-profile-card:hover,
html body.gmr-community-page .gmr-network-v8 .gmr-side-card:hover {
  border-color:#cec5bb!important;
  box-shadow:0 8px 24px rgba(48,59,62,.09)!important;
}
html body.gmr-community-page .gmr-network-v8 .gmr-side-card {
  padding:17px!important;
}
html body.gmr-community-page .gmr-network-v8 .gmr-side-card h3,
html body.gmr-community-page .gmr-network-v8 .gmr-profile-card h3 {
  margin:0 0 12px!important;
  color:#273542!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:18px!important;
  line-height:1.25!important;
}
html body.gmr-community-page .gmr-network-v8 .gmr-side-card p,
html body.gmr-community-page .gmr-network-v8 .gmr-side-card li {
  color:#5d6973!important;
  font-size:13px!important;
  line-height:1.5!important;
}

html body.gmr-community-page .gmr-network-v8 .gmr-profile-card {
  overflow:hidden!important;
  padding:0 17px 17px!important;
  text-align:center!important;
  border-top:4px solid var(--gmr-community-teal)!important;
}
html body.gmr-community-page .gmr-network-v8 .gmr-profile-cover {
  height:48px!important;
  margin:0 -17px!important;
  color:transparent!important;
  background:
    radial-gradient(circle at 72% 30%,rgba(118,80,168,.18),transparent 23%),
    linear-gradient(120deg,#eef7f5,#faf4fb)!important;
}
html body.gmr-community-page .gmr-network-v8 .gmr-profile-avatar {margin-top:-34px!important;}
html body.gmr-community-page .gmr-network-v8 .gmr-profile-avatar img {
  width:78px!important;
  height:78px!important;
  object-fit:cover!important;
  border:4px solid #fff!important;
  outline:2px solid #b68a4a!important;
  box-shadow:0 5px 13px rgba(42,62,65,.16)!important;
}
html body.gmr-community-page .gmr-network-v8 .gmr-profile-card h3 {
  margin:11px 0 6px!important;
  font-size:22px!important;
}
html body.gmr-community-page .gmr-network-v8 .gmr-rank {
  padding:5px 10px!important;
  color:#684493!important;
  background:#f1e9f7!important;
  font-size:12px!important;
}
html body.gmr-community-page .gmr-network-v8 .gmr-level,
html body.gmr-community-page .gmr-network-v8 .gmr-profile-favorite {
  color:#65717b!important;
  font-size:12px!important;
}
html body.gmr-community-page .gmr-network-v8 .gmr-profile-stats {
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:6px!important;
  margin:13px 0!important;
}
html body.gmr-community-page .gmr-network-v8 .gmr-profile-stats span,
html body.gmr-community-page .gmr-network-v8 .gmr-community-stat-grid span,
html body.gmr-community-page .gmr-network-v8 .gmr-progress-mini span,
html body.gmr-community-page .gmr-network-v8 .gmr-weather-grid span,
html body.gmr-community-page .gmr-network-v8 .gmr-weather-rating,
html body.gmr-community-page .gmr-network-v8 .gmr-weather-tip,
html body.gmr-community-page .gmr-network-v8 .gmr-crystal-day-facts span,
html body.gmr-community-page .gmr-network-v8 .gmr-share-media-box {
  color:#5c6872!important;
  border:1px solid #e5dfd7!important;
  border-radius:10px!important;
  background:#fbfaf7!important;
  box-shadow:none!important;
}
html body.gmr-community-page .gmr-network-v8 .gmr-profile-stats span {
  padding:8px 3px!important;
  font-size:11px!important;
}
html body.gmr-community-page .gmr-network-v8 .gmr-profile-stats strong {
  color:#273542!important;
  font-size:16px!important;
}
html body.gmr-community-page .gmr-network-v8 details.gmr-profile-editor {
  margin:12px 0 0!important;
  color:#5d6973!important;
  border:1px solid #d9cce6!important;
  border-radius:9px!important;
  background:#fff!important;
  box-shadow:none!important;
}
html body.gmr-community-page .gmr-network-v8 details.gmr-profile-editor>summary {
  padding:10px 12px!important;
  color:#684493!important;
  background:#faf7fd!important;
  font-size:12px!important;
}
html body.gmr-community-page .gmr-network-v8 details.gmr-profile-editor>form {background:#fff!important;}

html body.gmr-community-page .gmr-network-v8 .gmr-my-links {border-top:4px solid #a976bd!important;}
html body.gmr-community-page .gmr-network-v8 .gmr-community-stats-card {border-top:4px solid #65aeb0!important;}
html body.gmr-community-page .gmr-network-v8 .gmr-rules-card {border-top:4px solid #d8a65c!important;}
html body.gmr-community-page .gmr-network-v8 .gmr-live-activity {border-top:4px solid #a976bd!important;}
html body.gmr-community-page .gmr-network-v8 .gmr-trending {border-top:4px solid #df7c72!important;}
html body.gmr-community-page .gmr-network-v8 .gmr-weather-card {border-top:4px solid #e4aa4e!important;}
html body.gmr-community-page .gmr-network-v8 .gmr-crystal-day-v2 {border-top:4px solid #8060b2!important;}
html body.gmr-community-page .gmr-network-v8 .gmr-arcade-spotlight {border-top:4px solid #65aeb0!important;}

html body.gmr-community-page .gmr-network-v8 .gmr-my-links a {
  display:flex!important;
  align-items:center!important;
  min-height:38px!important;
  padding:8px 9px!important;
  color:#495965!important;
  border-bottom:1px solid #eee9e3!important;
  border-radius:8px!important;
  background:transparent!important;
  font-size:13px!important;
  font-weight:700!important;
  text-decoration:none!important;
}
html body.gmr-community-page .gmr-network-v8 .gmr-my-links a:hover {color:#147e82!important;background:#edf7f5!important;}
html body.gmr-community-page .gmr-network-v8 .gmr-community-stat-grid {gap:8px!important;}
html body.gmr-community-page .gmr-network-v8 .gmr-community-stat-grid span {
  padding:10px 5px!important;
  font-size:11px!important;
}
html body.gmr-community-page .gmr-network-v8 .gmr-community-stat-grid strong {color:#263542!important;font-size:17px!important;}
html body.gmr-community-page .gmr-network-v8 .gmr-outline-action,
html body.gmr-community-page .gmr-network-v8 .gmr-side-action,
html body.gmr-community-page .gmr-network-v8 .gmr-rail-button {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:39px!important;
  padding:9px 12px!important;
  color:#684493!important;
  border:1px solid #d8c9e4!important;
  border-radius:9px!important;
  background:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
  text-decoration:none!important;
}

html body.gmr-community-page .gmr-network-v8 .gmr-campfire-heading {
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:0 0 12px!important;
  padding:17px 20px!important;
  border:1px solid var(--gmr-community-line)!important;
  border-top:4px solid var(--gmr-community-coral)!important;
  border-radius:16px!important;
  background:linear-gradient(110deg,#fffdfa,#fff7f2 58%,#faf7fd)!important;
  box-shadow:0 6px 18px rgba(48,59,62,.07)!important;
}
html body.gmr-community-page .gmr-network-v8 .gmr-campfire-heading h2 {
  margin:0 0 3px!important;
  color:#273542!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:24px!important;
  line-height:1.2!important;
}
html body.gmr-community-page .gmr-network-v8 .gmr-campfire-heading p {margin:0!important;color:#65717b!important;font-size:13px!important;}
html body.gmr-community-page .gmr-network-v8 .gmr-campfire-heading>a {
  flex:0 0 auto!important;
  padding:8px 12px!important;
  color:#684493!important;
  border:1px solid #d8c9e4!important;
  border-radius:8px!important;
  background:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
  text-decoration:none!important;
}
html body.gmr-community-page .gmr-network-v8 .gmr-stories {
  gap:12px!important;
  margin:0 0 12px!important;
  padding:12px 15px!important;
  border-top:3px solid #65aeb0!important;
}
html body.gmr-community-page .gmr-network-v8 .gmr-story-ring {
  background:linear-gradient(135deg,#66aeb0,#8060b2,#d96b72)!important;
}
html body.gmr-community-page .gmr-network-v8 .gmr-story strong {color:#3c4954!important;font-size:12px!important;}
html body.gmr-community-page .gmr-network-v8 .gmr-story-add span {color:#684493!important;background:#f4eef8!important;border-color:#a886c3!important;}

html body.gmr-community-page .gmr-network-v8 .gmr-composer {
  margin:0 0 14px!important;
  padding:16px!important;
  border-top:4px solid var(--gmr-community-teal)!important;
}
html body.gmr-community-page .gmr-network-v8 .gmr-composer textarea,
html body.gmr-community-page .gmr-network-v8 input:not([type]),
html body.gmr-community-page .gmr-network-v8 input[type="text"],
html body.gmr-community-page .gmr-network-v8 input[type="number"],
html body.gmr-community-page .gmr-network-v8 input[type="url"],
html body.gmr-community-page .gmr-network-v8 input[type="email"],
html body.gmr-community-page .gmr-network-v8 input[type="search"],
html body.gmr-community-page .gmr-network-v8 input[type="file"],
html body.gmr-community-page .gmr-network-v8 textarea,
html body.gmr-community-page .gmr-network-v8 select {
  color:#273542!important;
  -webkit-text-fill-color:#273542!important;
  caret-color:#147e82!important;
  border:1px solid #d9d3cc!important;
  border-radius:10px!important;
  background:#fff!important;
  background-image:none!important;
  box-shadow:inset 0 1px 3px rgba(50,43,36,.04)!important;
}
html body.gmr-community-page .gmr-network-v8 input::placeholder,
html body.gmr-community-page .gmr-network-v8 textarea::placeholder {color:#77818a!important;-webkit-text-fill-color:#77818a!important;}
html body.gmr-community-page .gmr-network-v8 input:focus,
html body.gmr-community-page .gmr-network-v8 textarea:focus,
html body.gmr-community-page .gmr-network-v8 select:focus {
  border-color:#4b9699!important;
  outline:3px solid rgba(75,150,153,.13)!important;
  box-shadow:none!important;
}
html body.gmr-community-page .gmr-network-v8 .gmr-share-options {color:#53606b!important;border-color:#e0d9d2!important;background:#fbfaf7!important;}
html body.gmr-community-page .gmr-network-v8 .gmr-photo-button {color:#116f72!important;border-color:#9bcfd0!important;background:#e8f4f2!important;}
html body.gmr-community-page .gmr-network-v8 .gmr-video-button {color:#684493!important;border-color:#c7addb!important;background:#f2ecf8!important;}
html body.gmr-community-page .gmr-network-v8 .gmr-composer button[type="submit"],
html body.gmr-community-page .gmr-network-v8 details.gmr-profile-editor button {
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border:0!important;
  border-radius:9px!important;
  background:linear-gradient(135deg,#7650a8,#8b62b7)!important;
  box-shadow:0 5px 12px rgba(104,68,147,.19)!important;
}

html body.gmr-community-page .gmr-network-v8 .gmr-feed {gap:15px!important;}
html body.gmr-community-page .gmr-network-v8 .gmr-feed-post {border-radius:17px!important;}
html body.gmr-community-page .gmr-network-v8 .gmr-feed-post > header {background:linear-gradient(105deg,#f2f8f7,#fffaf5 58%,#faf5ff)!important;}
html body.gmr-community-page .gmr-network-v8 .gmr-feed-post > header strong {color:#19363a!important;}
html body.gmr-community-page .gmr-network-v8 .gmr-feed-post > header span {color:#5b6570!important;}
html body.gmr-community-page .gmr-network-v8 .gmr-post-content,
html body.gmr-community-page .gmr-network-v8 .gmr-post-content p {color:#28333d!important;font-size:16px!important;}
html body.gmr-community-page .gmr-network-v8 .gmr-comments {color:#4e5a65!important;background:#fffdfa!important;}

html body.gmr-community-page .gmr-network-v8 .gmr-widget-heading {gap:10px!important;}
html body.gmr-community-page .gmr-network-v8 .gmr-widget-heading h3 {margin:0!important;}
html body.gmr-community-page .gmr-network-v8 .gmr-widget-heading>a,
html body.gmr-community-page .gmr-network-v8 .gmr-widget-heading>span {color:#7650a8!important;font-size:11px!important;font-weight:800!important;}
html body.gmr-community-page .gmr-network-v8 .gmr-live-list>a,
html body.gmr-community-page .gmr-network-v8 .gmr-trending>a,
html body.gmr-community-page .gmr-network-v8 .gmr-mini-members>div,
html body.gmr-community-page .gmr-network-v8 .gmr-top-list>div {
  border-bottom:1px solid #eee9e3!important;
}
html body.gmr-community-page .gmr-network-v8 .gmr-live-list strong,
html body.gmr-community-page .gmr-network-v8 .gmr-trending>a strong,
html body.gmr-community-page .gmr-network-v8 .gmr-mini-members strong,
html body.gmr-community-page .gmr-network-v8 .gmr-top-list strong {color:#33414c!important;font-size:12px!important;}
html body.gmr-community-page .gmr-network-v8 .gmr-live-list small,
html body.gmr-community-page .gmr-network-v8 .gmr-live-list time,
html body.gmr-community-page .gmr-network-v8 .gmr-trending>a small,
html body.gmr-community-page .gmr-network-v8 .gmr-mini-members small,
html body.gmr-community-page .gmr-network-v8 .gmr-top-list small {color:#727c85!important;font-size:10px!important;}
html body.gmr-community-page .gmr-network-v8 .gmr-trending>a>b,
html body.gmr-community-page .gmr-network-v8 .gmr-top-list>div>b {color:#684493!important;background:#f1e9f7!important;}
html body.gmr-community-page .gmr-network-v8 .gmr-weather-temp {color:#273542!important;}
html body.gmr-community-page .gmr-network-v8 .gmr-weather-condition,
html body.gmr-community-page .gmr-network-v8 .gmr-weather-place {color:#5d6973!important;}
html body.gmr-community-page .gmr-network-v8 .gmr-crystal-day-media img {border-radius:10px!important;}
html body.gmr-community-page .gmr-network-v8 .gmr-crystal-day-v2>strong {color:#684493!important;}
html body.gmr-community-page .gmr-network-v8 .gmr-crystal-day-link,
html body.gmr-community-page .gmr-network-v8 .gmr-arcade-spotlight>a {color:#684493!important;font-weight:800!important;}
html body.gmr-community-page .gmr-network-v8 .gmr-article-list a {color:#33414c!important;border-color:#eee9e3!important;}
html body.gmr-community-page .gmr-network-v8 .gmr-article-list span {color:#7650a8!important;}

html body.gmr-community-page .gmr-network-v8 .gmr-extra-tools {
  overflow:hidden!important;
  padding:0!important;
  border-top:4px solid #65aeb0!important;
}
html body.gmr-community-page .gmr-network-v8 .gmr-extra-tools>summary {
  padding:13px 16px!important;
  color:#33414c!important;
  background:#fff!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:16px!important;
  font-weight:700!important;
}
html body.gmr-community-page .gmr-network-v8 .gmr-extra-tools[open] {padding-bottom:12px!important;}
html body.gmr-community-page .gmr-network-v8 .gmr-extra-tools .gmr-side-card {margin:10px 12px 0!important;}
html body.gmr-community-page .gmr-network-v8 .gmr-quick-post {
  color:#fff!important;
  background:linear-gradient(135deg,#147e82,#7650a8)!important;
  box-shadow:0 8px 22px rgba(48,75,82,.24)!important;
}

@media (max-width:1180px) {
  html body.gmr-community-page .gmr-network-v8 .gmr-app-grid {grid-template-columns:240px minmax(0,1fr)!important;}
  html body.gmr-community-page .gmr-network-v8 .gmr-right-rail {grid-column:1/-1!important;}
  html body.gmr-community-page .gmr-network-v8 .gmr-right-rail .gmr-sticky-stack {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

@media (max-width:780px) {
  html body.gmr-community-page .gmr-network-v8 {width:100%!important;margin:12px auto 28px!important;padding:0 12px 28px!important;}
  html body.gmr-community-page .gmr-network-v8::before,
  html body.gmr-community-page .gmr-network-v8::after {display:none!important;}
  html body.gmr-community-page .gmr-network-v8 .gmr-community-welcome {grid-template-columns:72px 1fr!important;gap:14px!important;padding:18px!important;}
  html body.gmr-community-page .gmr-network-v8 .gmr-welcome-icon,
  html body.gmr-community-page .gmr-network-v8 .gmr-welcome-icon img {width:70px!important;height:auto!important;}
  html body.gmr-community-page .gmr-network-v8 .gmr-primary-action {grid-column:1/-1!important;width:100%!important;}
  html body.gmr-community-page .gmr-network-v8 .gmr-app-grid {grid-template-columns:1fr!important;}
  html body.gmr-community-page .gmr-network-v8 .gmr-center-feed {order:1!important;}
  html body.gmr-community-page .gmr-network-v8 .gmr-left-rail {order:2!important;}
  html body.gmr-community-page .gmr-network-v8 .gmr-right-rail {order:3!important;grid-column:auto!important;}
  html body.gmr-community-page .gmr-network-v8 .gmr-right-rail .gmr-sticky-stack {grid-template-columns:1fr!important;}
}

@media (max-width:520px) {
  html body.gmr-community-page .gmr-network-v8 .gmr-community-welcome {grid-template-columns:1fr!important;text-align:center!important;}
  html body.gmr-community-page .gmr-network-v8 .gmr-welcome-icon {margin:auto!important;}
  html body.gmr-community-page .gmr-network-v8 .gmr-campfire-heading {align-items:flex-start!important;flex-direction:column!important;}
  html body.gmr-community-page .gmr-network-v8 .gmr-campfire-heading>a {width:100%!important;text-align:center!important;}
}