@charset "UTF-8";

* {
  margin:0;
  outline:none;
  padding:0;
  text-decoration:none;
}

*,:before,:after {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

html,body,.profile_section_content {
  margin:0;
  padding:0;
}

body {
  background-color:#fff8f0!important;
/* soft cream background */
  color:#3a3a3a!important;
/* softer dark gray text */
  font-family:"Poppins",sans-serif!important;
  width:100%;
  margin:0 auto;
}

.header-buffer {
  margin:0 auto;
  width:100%;
  height:0;
  background:#f8a5b6!important;
/* soft pink header */
}

/* Make the header fixed to top */
.header-container {
  position:fixed!important;
  top:0;
  left:0;
  width:100%!important;
  z-index:9999!important;
/* Super high to stay above all content */
  background:#f8a5b6!important;
}

/* Make header full width */
.header {
  width:100%!important;
  max-width:100%!important;
  margin:0 auto!important;
  height:50px!important;
/* You can adjust this */
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

.header a {
  color:white!important;
  font-weight:bold;
}

/* Style header links */
.header-menu > ul {
  display:flex!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:10px!important;
}

.header-menu > ul > li > a {
  display:block;
  color:white!important;
  cursor:pointer;
  text-decoration:none;
}

.header-menu > ul > li > a:hover {
  background-color:#e2959d!important;
/* warm rose hover */
}

li a.active {
  background-color:#e2959d!important;
  color:white!important;
}

li a:hover:not(.active) {
  background-color:#e2959d!important;
  color:white!important;
}

li a:hover {
  background-color:#e2959d!important;
}

.icons img {
  width:90%;
  height:auto;
  padding:7px 15px;
}

.icons {
  position:fixed;
  top:80px;
/* moved down below header */
  left:10px;
  background:#f8a5b6!important;
  padding:10px;
  border-radius:12px;
/* rounded edges */
  box-shadow:0 2px 5px rgba(0,0,0,0.1);
/* soft shadow */
}

.Aboutme {
  text-align:center;
  width:100%;
  margin:0 auto;
}

.Aboutme img {
  margin:0 auto;
  max-width:100%;
}

.schedule {
  text-align:center;
  width:100%;
  margin:0 auto;
}

.schedule img {
  margin:0 auto;
  max-width:100%;
}

.tip-menu {
  text-align:center;
  width:100%;
  margin:0 auto;
}

.tip-menu img {
  margin:0 auto;
  max-width:100%;
}

.clubs {
  text-align:center;
  width:100%;
  margin:0 auto;
}

.clubs img {
  margin:0 auto;
  max-width:100%;
}

p {
  text-align:center;
  padding:25px;
  background:none!important;
  width:93.75%;
  max-width:55em;
  margin:0 auto;
  color:#3a3a3a!important;
}

h1 {
  text-align:center;
  background:none!important;
  width:93.75%;
  max-width:55em;
  margin:0 auto;
  color:#f08a9d!important;
/* rose pink headings */
}

h4 {
  text-align:center;
  background:none!important;
  width:93.75%;
  max-width:55em;
  margin:0 auto;
  color:#f08a9d!important;
}

table,th,td {
  border:1px solid #f8a5b6;
/* soft pink table border */
}

table {
  width:100%;
}

th,td {
  height:30px;
  font-size:20px;
}

.columns {
  column-count:2;
  text-align:center;
}

ol,ul {
  list-style:none;
}

.schedule {
  margin:0 auto;
  width:75%;
}

/* necessary code for mfc */
#unix_last_broadcast_container,#status_label,#member_type_value,#last_login_string_container,#unix_last_updated_container,#blurb_container,#avatar_holder,#profile_header_container .heading,#about_me_label,#header_bar,#footer_bar,#profile_comments,#profile_main_photo,#profile_about_me .heading,#profile_about_me #username_container,#profile_about_me #gender_container,#profile_about_me #body_type_container,#profile_about_me #hair_container,#profile_about_me #weight_container,#profile_about_me #height_container,#profile_about_me #age_container,#profile_about_me #sexual_preference_container,#ethnicity_container,#eyes_container,#country_container,#smoke_container,#drink_container,#drugs_container,#marital_status_container,#tags_container,#occupation_container,#profile_schedule,#profile_interests_content,#friends_container,#favorite_models_container,#cam_score_label,#member_type_value,#member_message_value,a[href="#wall"],#profile_friends,#profile_password_photo_galleries,#profile_photo_galleries,#profile_mfc_share_content,#pets_container,#city_container {
  display:none!important;
}

#profile_header_container {
  margin:0;
  min-height:0;
}

#about_me_container {
  display:block;
  margin:0;
}

#about_me_value {
  display:block;
}

#status_value {
  visibility:hidden;
}

#member_status_value a {
  visibility:initial;
  font-size:16px;
  text-align:center;
  text-decoration:none;
  position:fixed;
  bottom:30px;
  left:22px;
  z-index:998;
  color:white!important;
  padding:3px;
  margin:0 auto;
  background-color:#f8a5b6!important;
}

#cam_score_value {
  visibility:initial;
  font-size:16px;
  font-weight:bold;
  text-align:center;
  text-decoration:none;
  position:fixed;
  bottom:4px;
  left:27px;
  z-index:999;
  text-shadow:none;
  color:white!important;
  padding:3px;
  background-color:#f8a5b6!important;
}

.profile-container {
  width:800px;
  margin:-33px auto 0;
  padding-bottom:100px;
  text-align:center;
  position:relative;
}

.profile-container > header img {
  width:73%;
}

.profile-container > nav {
  position:-webkit-sticky;
  position:sticky;
  top:0;
  z-index:10;
}

.container {
  max-width:100%;
}

/* Cute About Me Box */
.cute-box {
  max-width:700px;
  margin:40px auto;
  padding:25px;
  background:#fffaf7;
  border:3px solid #f8a5b6;
  border-radius:15px;
  box-shadow:0 0 15px rgba(248,165,182,0.3);
  text-align:center;
}

.cute-box h1 {
  color:#f08a9d;
  font-size:28px;
  margin-bottom:20px;
}

.cute-box img {
  max-width:200px;
  border-radius:10px;
  margin:15px 0;
}

.cute-box p {
  font-size:16px;
  line-height:1.6;
  margin:15px 0;
  color:#3a3a3a;
}

.cute-box ul {
  list-style:none;
  padding-left:0;
}

.cute-box ul li {
  margin:8px 0;
  font-size:16px;
  color:#3a3a3a;
}

/* Mobile Adjustments */
@media (max-width: 768px) {
  .header-menu > ul {
    flex-direction:column;
    gap:5px;
  }

  .columns {
    column-count:1;
  }

  /* Make the container and cute box take full width */
  .profile-container {
    width:100%!important;
    margin:0 auto!important;
    padding:0 10px!important;
  }

  .cute-box {
    width:100%!important;
    max-width:100%!important;
    margin:20px auto!important;
    padding:15px!important;
    box-sizing:border-box!important;
  }

  /* Smaller text for readability */
  .cute-box h1 {
    font-size:22px!important;
  }

  .cute-box p,.cute-box ul li {
    font-size:15px!important;
    line-height:1.4!important;
  }

  /* Header menu adjustments */
  .header-menu > ul {
    flex-direction:column!important;
    gap:0!important;
  }

  .header-menu > ul > li {
    margin:0!important;
  }

  .header-menu > ul > li > a {
    padding:8px 12px!important;
    font-size:15px!important;
  }

  /* Icons: hide or move down if needed */
  .icons {
    top:120px!important;
  }

  /* Force header container full width */
  .header-container {
    width:100%!important;
    left:0!important;
  }

  /* Make the header itself full width and flexible */
  .header {
    width:100%!important;
    max-width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    height:auto!important;
    padding:8px 0!important;
    box-sizing:border-box!important;
  }

  /* Stack the menu vertically */
  .header-menu > ul {
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    width:100%!important;
  }

  .header-menu > ul > li {
    width:100%!important;
    margin:0!important;
  }

  .header-menu > ul > li > a {
    display:block!important;
    width:100%!important;
    text-align:center!important;
    font-size:16px!important;
    padding:10px!important;
  }

  .icons {
    top:240px!important;
  /* Move further down so header doesn't cover */
    left:10px!important;
    padding:8px!important;
    border-radius:12px!important;
  }

  .icons img {
    width:35px!important;
    padding:4px 0!important;
  }
}

.icons {
  z-index:10000!important;
}

@media (max-width: 768px) {
  .header-menu > ul {
    flex-direction:row!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    gap:5px!important;
  }

  .header-menu > ul > li {
    width:auto!important;
    margin:0!important;
  }

  .header-menu > ul > li > a {
    display:inline-block!important;
    padding:8px 10px!important;
    font-size:15px!important;
  }
}