@charset "UTF-8";

/**
 * Global Settings
 */
a:link,a:active,a:hover,a:visited {
  color:#9b9b9b;
  text-decoration:none;
}

body {
  background-color:#202824;
  color:#666666;
  font-family:'Verdana';
  font-size:12px;
  font-style:normal;
  font-weight:normal;
}

/**
 * Hidden
 */
#profile_friends {
  display:none;
}

/**
 * Common
 */
.content {
  padding:5px;
}

.my_mfc_news_feed {
  height:330px;
  width:100%;
}

/**
 * About Me
 */
#profile_about_me > .container,#profile_about_me > .container > .label,#profile_about_me > .heading {
  display:none;
}

#about_me_container,#about_me_container > .value {
  display:block!important;
}

#about_me_container {
  margin:0;
}

#profile_about_me_friends .profile_section_background {
  background-color:transparent;
}

#profile_about_me_friends > .profile_section_content {
  padding:0;
}

#aboutMe {
  background-image:url(https://img.mfcimg.com/photos2/163/16331881/826-493-810-987-13823232.jpg);
  background-position:center top 75%;
  background-repeat:no-repeat;
  background-size:100% auto;
  min-height:750px;
}

@media all and (min-width: 1250px) {
  #aboutMe {
    background-position:center;
  }
}

#aboutMe .chatBubble {
  background:rgba(255,255,255,0.75);
  border-radius:15px;
  display:flex;
  flex-direction:column;
  height:200px;
  justify-content:center;
  padding:25px;
  position:absolute;
  right:40px;
  text-align:center;
  top:15%;
  width:250px;
}

#aboutMe .chatBubble .tagline {
  font-size:18px;
  font-weight:normal;
}

#aboutMe .chatBubble .title {
  color:#424242;
  font-size:30px;
  text-transform:uppercase;
}

#aboutMe .links {
  background:rgba(0,0,0,0.75);
  border-radius:15px;
  display:flex;
  justify-content:space-between;
  padding:15px;
  position:absolute;
  right:40px;
  top:50%;
  width:270px;
}

#aboutMe .links .image-container {
  align-items:center;
  display:flex;
  flex-direction:column;
}

#aboutMe .links .image-container > span {
  margin-top:5px;
}

#aboutMe .links img {
  background-color:white;
  border-radius:20px;
  height:60px;
  padding:10px;
  width:60px;
}

/**
 * Profile
 */
#profile_avatar {
  -moz-border-radius:0;
  -moz-box-shadow:0 0 0 #777777;
  -webkit-border-radius:0;
  -webkit-box-shadow:0 0 0 #777777;
  border-radius:0;
  box-shadow:0 0 0 #777777;
}

#profile_header_container {
  margin-left:0;
}

.profile_section_background {
  background-color:#FFFFFF;
  filter:alpha(opacity=100);
  opacity:1;
}

.profile_section_content {
  -moz-border-radius:5px;
  -moz-box-shadow:0 0 0 #777777;
  -webkit-border-radius:5px;
  -webkit-box-shadow:0 0 0 #777777;
  border-radius:5px;
  border:0 none #;
  box-shadow:0 0 0 #777777;
  color:#666666;
  margin:5px;
  padding:12px;
}

.profile_section_content .heading {
  -moz-border-radius:0;
  -moz-box-shadow:0 0 0 #777777;
  -moz-text-shadow:0 0 0 #777777;
  -webkit-border-radius:0;
  -webkit-box-shadow:0 0 0 #777777;
  -webkit-text-shadow:0 0 0 #777777;
  background-color:#202824;
  border-radius:0;
  box-shadow:0 0 0 #777777;
  color:#FFFFFF;
  font-family:'Verdana';
  font-size:14px;
  font-style:normal;
  font-weight:normal;
  padding:5px;
  text-shadow:0 0 0 #777777;
}