/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

a:where(:not(.wp-element-button)) {
    text-decoration: initial !important
}

/* Recurring badge style */
.gfm-badge--recurring{
  background:#eef1fd;
  border:1px solid #cfd7fb;
  color:#2b3ea8;
}


/* Badge strip (inline with subline) */
.gfm-subline .gfm-badges{
  display:inline-flex;
  gap:6px;
  margin-left:8px;
}

/* Base badge pill */
.gfm-badge{
  display:inline-block;
  padding:2px 8px;
  border-radius:999px;
  font-size:.72rem;
  font-weight:700;
  line-height:1.4;
  border:1px solid transparent;
}

/* Styles for different badge types */
.gfm-badge--top{
  background: #8b4137;
  color:#fff;
}
.gfm-badge--recent{
  background:#eef7f0;
  border-color:#cfe8d6;
  color:#246b3f;
}

/* Container (single-column timeline style) */
.gfm-donor-list{
  list-style:none;
  margin:0;
  padding:0;
}
.gfm-donor{
  display:flex;
  align-items:flex-start;
  gap:16px;
  padding:18px 0;
  border-bottom:1px solid #e8eee9; /* subtle divider */
}

/* Avatar circle with initials */
.gfm-avatar{
  width:44px; height:44px; flex:0 0 44px;
  border-radius:50%;
  background:#f1f5f2;
  border:1px solid #e3eae5;
  display:flex; align-items:center; justify-content:center;
  font-weight:700;
  color:#3a4a42;
}

/* Sidebar donation box */
.campaign-sidebar {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 6px 20px rgba(11,20,15,0.06);
  padding: 20px;
  position: sticky;
  top: 20px;
}

/* Big green donate button */
.campaign-sidebar .ux-btn,
.campaign-sidebar .donate-btn {
  display:block;
  text-align:center;
  padding:12px 18px;
  border-radius:10px;
  font-weight:600;
  background:#8b4137;
  color:#fff;
}

/* Progress bar */
.campaign-progress {
  margin: 15px 0;
  background:#f0f6f1;
  border-radius:999px;
  height:14px;
  overflow:hidden;
}
.campaign-progress .bar {
  height:100%;
  width: 65%; /* or dynamically updated by GiveWP */
  border-radius:999px;
  background: #8b4137;
}

/* Main text block */
.gfm-body{ flex:1 1 auto; min-width:0; }

/* Name line */
.gfm-name{
  font-weight:800;
  color:#18201c;
  line-height:1.2;
  margin-bottom:4px;
}

/* Subline: $amount · time */
.gfm-subline{
  display:flex; align-items:center; gap:8px;
  font-size:0.95rem;
  color:#39453f;
  margin-bottom:8px;
}
.gfm-amount{
  font-weight:700;
  color:#8b4137;
}
.gfm-dot{ opacity:.7; }

/* Message paragraph */
.gfm-message{
  margin:0;
  color:#22312a;
  line-height:1.55;
}


/* Tighten on small screens */
@media (max-width: 480px){
  .gfm-donor{ gap:12px; padding:16px 0; }
  .gfm-avatar{ width:40px; height:40px; flex-basis:40px; }
  .gfm-subline{ font-size:0.92rem; }
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}