/****** LINK COLORS *******/
a {
color : #92cc00;
text-decoration : none;
}
a:link {
color : #92cc00;
text-decoration : none;
}
a:visited {
color : #92cc00;
text-decoration : none;
}
a:hover {
color : #78A800;
text-decoration : none;
}
a:visited:hover {
color : #78A800;
text-decoration : none;
}
blockquote {
  color : #111111;
  background: #e2e2e2;
  border : 1px #92cc00 solid;
  border-left: 10px solid #92cc00;
}
.quote-source blockquote {
  color : #78A800;
  background: #111111;
  border : 1px #92cc00 solid;
}
.add-content-btn { background-color : #212121; }
.toggle-btn { color : #92cc00; }
.toggle-btn.active, .toggle-btn:hover { background-color : #92cc00; color : #111111; }
.top-menu-center img { width : 200px; height : auto; }
/******************************* MENU COLORS ***********************/
.sm_link a, .sm_link a:link, .sm_link a:visited, .button, a.button, a.button:visited { background: #92cc00; color : #111111; }
.showmore a, .showmore a:link, .showmore a:visited { background-color : #92cc00; color : #111111; }
.showmore a:hover, .showmore a:visited:hover { background-color : #78A800; }
a.votefor, a.votedfor:link, a.votefor:visited { 
    background-image: linear-gradient(#78A800, #92cc00); color : #111111; font-weight : 600; }
/************************************************* WEB BANNER **********/
.web_banner { display : block; position : relative; overflow : hidden; width : 100%; height : 150px; background-image:url('/app/IMG_20250426_121821.jpg'); background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
.web_banner img { display : block; position : relative; width : auto; height : 160px; margin : 20px auto auto 20px; }
/*************************************************** SIGN UP PAGE ********/
.collage {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: hidden;
  background-image: 
    linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url('https://scified.com/media/alien--earth-textless-poster-35177.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  /* Optional: min-height to ensure visibility on short content */
  min-height: 100vh;
  box-sizing: border-box;
}

.collage_inner {
  position: relative;
  width: 70%;
  max-width: 800px; /* prevent overly wide content on very large screens */
  margin: 0 auto;
  padding: 1rem; /* breathing room inside container */
  box-sizing: border-box;
}

.collage_inner p {
  color: #fff;
  font-size: clamp(1rem, 1.1vw, 1.125rem); /* responsive font size */
  line-height: 1.4;
  text-align: center;
  margin: 0 0 1rem;
}

.collage_inner p b {
  font-size: clamp(1.25rem, 1.8vw, 1.563rem); /* responsive bolder text */
  line-height: 1.2;
}

.collage_inner p a,
.collage_inner p a:link,
.collage_inner p a:visited {
  color: #fff;
  text-decoration: underline;
  transition: color 0.3s ease;
}

.collage_inner p a:hover,
.collage_inner p a:focus {
  color: #ddd; /* subtle hover effect */
}

.joinperks {
  display: block;
  line-height: 1.25;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 
    -1px -1px 0 #000, 
    1px -1px 0 #000, 
    -1px 1px 0 #000, 
    1px 1px 0 #000;
  margin-top: 1rem;
}

/*** MENU MODIFIERS ***/
@media screen and (max-width: 480px) {
.menu_item a img { margin-top : 10px; margin-bottom : 10px; }
.logobit { width : 40%; }
.menu_item a, .menu_item a:link, .menu_item a:visited { font-size : 20px; }
.sm_link a, .sm_link a:link, .sm_link a:visited { font-size : 12px; }
.w25 { width : 25%; float : left; }
}