/*
Theme Name: RMM Child
Theme URI: https://ratemymmo.com/
Template: rmm
Author: Evolve Games
Author URI: https://github.com/evolve-games
Description: RMM Theme
Version: 1.0
Text Domain: rmm
Tags: custom-header, custom-menu, featured-images, post-formats, sticky-post
*/
/* Theme customization starts here
------------------------------------------------------- */

#bbpress-forums .bbp-author-avatar img.avatar {
    width: 80px !important;
    height: auto !important;
    max-width: 80px !important;
}

.bbp-author-avatar img.avatar {
  width: 100px !important;
  height: auto;
}

/* Wrapper that centers only the activation message */
.activation-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: 80vh;
  padding: 2rem 1rem;
}

/* Success container */
.activation-success {
  text-align: center;
  max-width: 600px;
  width: 100%;
  padding: 2rem;
  background-color: #111;
  color: #f5f5f5;
  border-radius: 12px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  font-family: 'Segoe UI', Tahoma, sans-serif;
}

/* Headline */
.activation-success h2 {
  font-size: 1.8rem;
  margin: 1rem 0;
  color: #ffcb6b;
}

/* Welcome details */
#signup-welcome,
.activation-message {
  margin-top: 1.5rem;
  font-size: 1rem;
  line-height: 1.6;
}

.activation-success .h3 {
  font-weight: bold;
  color: #88c0d0;
}

/* Links */
.activation-success a {
  color: #81a1c1;
  text-decoration: underline;
}

.activation-success a:hover {
  color: #eceff4;
}

/* Top mascot image */
.mascot-top {
  max-height: 100px;
  height: auto;
  width: auto;
  margin-bottom: 1rem;
}

/* Bottom rocket image */
.mascot-bottom {
  max-height: 300px;
  height: auto;
  width: auto;
  margin-top: 2rem;
}

/* Custom CSS for forum feed */
.display-posts-listing {
    list-style-type: none;
    padding: 0;
}

.display-posts-listing .listing-item {
    margin-bottom: 15px;
    font-size: 1.1em;
}

.display-posts-listing .listing-item a {
    color: white;
    text-decoration: none;
}

.display-posts-listing .listing-item a:hover {
    text-decoration: underline;
}

.display-posts-listing .listing-item .listing-date {
    font-size: 0.9em;
    color: #ccc;
}

.display-posts-listing .listing-item h3 {
    margin: 0;
    font-weight: normal;
}