.elementor-4940 .elementor-element.elementor-element-cad0ec6{--display:flex;--margin-top:24px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4940 .elementor-element.elementor-element-5ff23a8{width:auto;max-width:auto;text-align:center;}.elementor-4940 .elementor-element.elementor-element-5ff23a8 > .elementor-widget-container{background-color:#D4BF2B;margin:-22px 0px 0px 0px;padding:8px 8px 8px 8px;border-style:solid;border-radius:31px 31px 31px 31px;}.elementor-4940 .elementor-element.elementor-element-5ff23a8.elementor-element{--align-self:center;}.elementor-4940 .elementor-element.elementor-element-5ff23a8 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:33px;font-weight:600;color:#000000;}.elementor-4940 .elementor-element.elementor-element-d23727b{--display:flex;--margin-top:-54px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-4940 .elementor-element.elementor-element-cad0ec6{--content-width:100%;}.elementor-4940 .elementor-element.elementor-element-d23727b{--content-width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-7d4e822 *//* === 3-Months Visitors Wrapper === */
.bp-visitors-3months-grouped {
  margin-top: 10px;
}

/* === Date Headings (same gradient + rotation) === */
.bp-visitors-3months-grouped .bp-visitor-day-title {
  width: 100%;
  color: #fff;
  font-weight: 700;
  padding: 12px 20px;
  border-radius: 10px;
  margin: 30px 0 15px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  display: block;
  transition: background 0.4s ease;
}

/* === Gradient color rotation for each day === */
.bp-visitors-3months-grouped h3.bp-visitor-day-title:nth-of-type(7n+1) {background: linear-gradient(90deg, #0073aa, #1a73e8);}
.bp-visitors-3months-grouped h3.bp-visitor-day-title:nth-of-type(7n+2) {background: linear-gradient(90deg, #1a73e8, #00a8a8);}
.bp-visitors-3months-grouped h3.bp-visitor-day-title:nth-of-type(7n+3) {background: linear-gradient(90deg, #00a8a8, #9b51e0);}
.bp-visitors-3months-grouped h3.bp-visitor-day-title:nth-of-type(7n+4) {background: linear-gradient(90deg, #9b51e0, #e63946);}
.bp-visitors-3months-grouped h3.bp-visitor-day-title:nth-of-type(7n+5) {background: linear-gradient(90deg, #e63946, #fca311);}
.bp-visitors-3months-grouped h3.bp-visitor-day-title:nth-of-type(7n+6) {background: linear-gradient(90deg, #fca311, #2a9d8f);}
.bp-visitors-3months-grouped h3.bp-visitor-day-title:nth-of-type(7n) {background: linear-gradient(90deg, #2a9d8f, #0073aa);}

/* Hover effect */
.bp-visitors-3months-grouped .bp-visitor-day-title:hover {
  filter: brightness(1.15);
}

/* === Visitors Grid (4 per row desktop, responsive) === */
.bp-visitors-3months-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

/* Tablet: 2 per row */
@media (max-width: 1024px) {
  .bp-visitors-3months-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile: 1 per row */
@media (max-width: 680px) {
  .bp-visitors-3months-grid {
    grid-template-columns: 1fr;
  }
}

/* === Visitor Card (same navy look) === */
.bp-visitors-3months-grouped .bp-visitor-card {
  background: #16213e;
  color: #ffffff;
  border-radius: 14px;
  padding: 15px 20px;
  border: 1px solid #0e1630;
  transition: background 0.25s ease, transform 0.25s ease;
}
.bp-visitors-3months-grouped .bp-visitor-card:hover {
  background: #1b2850;
  transform: translateY(-3px);
}

/* === Profile Link Layout === */
.bp-visitors-3months-grouped .bp-visitor-item {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: inherit;
  gap: 20px;
}

/* === Avatar (Square + Big) === */
.bp-visitors-3months-grouped .bp-visitor-avatar img {
  width: 130px;
  height: 130px;
  border-radius: 12px;
  border: 3px solid #ffffff;
  object-fit: cover;
}

/* === Info Block === */
.bp-visitors-3months-grouped .bp-visitor-info {
  flex: 1;
}

/* === Member Type (Centered) === */
.bp-visitors-3months-grouped .bp-visitor-type {
  display: block;
  font-size: 13px;
  color: #16213e;
  background: #ffffff;
  padding: 3px 8px;
  border-radius: 5px;
  margin-bottom: 5px;
  font-weight: 600;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

/* === Visitor Name (Gold + Centered) === */
.bp-visitors-3months-grouped .bp-visitor-name {
  font-weight: 700;
  color: #ffd700;
  display: block;
  margin-bottom: 4px;
  font-size: 16px;
  text-align: center;
}

/* === Visitor Info Text === */
.bp-visitors-3months-grouped .bp-visitor-date,
.bp-visitors-3months-grouped .bp-visitor-location,
.bp-visitors-3months-grouped .bp-visitor-distance {
  display: block;
  font-size: 14px;
  color: #e0e7ff;
  text-align: center;
}

/* === Distance in gold === */
.bp-visitors-3months-grouped .bp-visitor-distance {
  color: #ffd700; /* gold */
  font-weight: 600;
}

/* === Pagination (reuse same look) === */
.bp-visitors-3months-grouped .bp-pagination {
  text-align: center;
  margin-top: 25px;
}
.bp-visitors-3months-grouped .bp-page-num {
  color: #16213e;
  background: #ffffff;
  padding: 7px 12px;
  border-radius: 6px;
  margin: 0 4px;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.2s ease;
}
.bp-visitors-3months-grouped .bp-page-num.active,
.bp-visitors-3months-grouped .bp-page-num:hover {
  background: #16213e;
  color: #ffffff;
  border: 1px solid #0e1630;
}

/* === Responsive Text Scaling === */
@media (max-width: 1024px) {
  .bp-visitors-3months-grouped .bp-visitor-name,
  .bp-visitors-3months-grouped .bp-visitor-type,
  .bp-visitors-3months-grouped .bp-visitor-date,
  .bp-visitors-3months-grouped .bp-visitor-location,
  .bp-visitors-3months-grouped .bp-visitor-distance {
    font-size: calc(100% - 1px);
  }
}

@media (max-width: 680px) {
  .bp-visitors-3months-grouped .bp-visitor-name,
  .bp-visitors-3months-grouped .bp-visitor-type,
  .bp-visitors-3months-grouped .bp-visitor-date,
  .bp-visitors-3months-grouped .bp-visitor-location,
  .bp-visitors-3months-grouped .bp-visitor-distance {
    font-size: calc(100% - 1px);
  }
}

/* ==========================================================
   Force 4-per-row layout for the 3-month visitors grid
   ========================================================== */
body .bp-visitors-3months-grid,
body .bp-visitors-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
}

/* Tablet: 2 per row */
@media (max-width: 1024px) {
  body .bp-visitors-3months-grid,
  body .bp-visitors-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* Mobile: 1 per row */
@media (max-width: 680px) {
  body .bp-visitors-3months-grid,
  body .bp-visitors-grid {
    grid-template-columns: 1fr !important;
  }
}
/* === Force Distance Text to Gold (Override All) === */
body .bp-visitors-3months-grouped .bp-visitor-distance,
body .bp-visitors-week-grouped .bp-visitor-distance,
body .bp-visitor-distance {
  color: #ffd700 !important; /* gold */
  font-weight: 700 !important;
  text-align: center !important;
}

/* === Proper Centering for Member Type Text === */
body .bp-visitors-3months-grouped .bp-visitor-type,
body .bp-visitors-week-grouped .bp-visitor-type,
body .bp-visitor-type {
  display: flex !important;
  justify-content: center !important; /* centers horizontally */
  align-items: center !important;     /* centers vertically */
  text-align: center !important;
  width: 100% !important;             /* ensures full-width center alignment */
  margin: 5px auto !important;
}/* === Background for Date Section Headings (that separate visitor cards) === */
body .bp-visitors-3months-grouped .bp-visitor-day-title,
body .bp-visitors-week-grouped .bp-visitor-day-title {
  background: linear-gradient(90deg, #1b2850, #16213e); /* deep navy gradient */
  color: #ffffff !important;
  padding: 14px 20px;
  border-radius: 12px;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.6px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  margin-top: 40px;
  margin-bottom: 25px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
}

/* Hover effect for section heading */
body .bp-visitors-3months-grouped .bp-visitor-day-title:hover,
body .bp-visitors-week-grouped .bp-visitor-day-title:hover {
  background: linear-gradient(90deg, #2d3c7c, #1b2850);
  transform: scale(1.02);
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.4);
}/* End custom CSS */