@charset "UTF-8";

#five_things_label,#for_fun_label,#craziest_thing_label,#be_anywhere_label,#know_me_label,#about_me_label,#profile_main_photo,#profile_header.profile_section {
  display:none;
  opacity:0;
}

#header_bar {
  display:none;
}

.nav {
  background-color:#ff7a99;
  position:fixed;
  top:0;
  margin-left:-20px;
  //margin-right:auto;
  width:961px;
  z-index:500;
  display:block;
  //border-bottom-left-radius:10px;
  //border-bottom-right-radius:10px;
}

.nav ul {
  padding:0 0 0 60px;
  width:820px;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}

.nav ul li {
  display:inline-block;
  list-style-type:none;
  -webkit-transition:all .2s;
  -moz-transition:all .2s;
  -o-transition:all .2s;
  transition:all .2s;
}

.nav > ul > li > a > .caret {
  border-top:4px solid #000000;
  border-right:4px solid transparent;
  border-left:4px solid transparent;
  content:"";
  display:inline-block;
  height:0;
  width:0;
  vertical-align:middle;
  -webkit-transition:color .1s linear;
  -moz-transition:color .1s linear;
  -o-transition:color .1s linear;
  transition:color .1s linear;
}

.nav > ul > li > a {
  color:#000000;
  display:block;
  line-height:20px;
  padding:0 15px;
  text-decoration:none;
  text-transform:uppercase;
}

.nav > ul > li:hover {
  background-color:#252525;
}

.nav > ul > li:hover > a {
  color:#ff7a99;
}

.nav > ul > li:hover > a > .caret {
  border-top-color:#ff7a99;
}

.nav > ul > li > div {
  background-color:#252525;
  border-top:0;
  display:none;
  margin:0;
  opacity:0;
  position:absolute;
  width:150px;
  visibility:hidden;
  -moz-transition:opacity .2s;
  -o-transition:opacity .2s;
  -webkit-transition:opacity .2s;
  transition:opacity .2s;
}

.nav > ul > li:hover > div {
  display:block;
  opacity:1;
  visibility:visible;
}

.nav > ul > li:hover > div > ul {
  padding:0;
}

.nav > ul > li > div ul > li {
  display:block;
}

.nav > ul > li > div ul > li > a {
  color:#ff7a99;
  display:block;
  padding:12px 24px;
  text-decoration:none;
}

.nav > ul > li > div ul > li:hover > a {
  color:#000000;
  background-color:#ff7a99;
  width:12.5%;
}

.imgContainer {
  float:left;
  padding:5px;
  margin-left:35px;
}

.anchor {
  display:block;
  height:70px;
/*same height as header*/
  margin-top:-70px;
/*same height as header*/
  visibility:hidden;
}

.pic2 {
  position:absolute;
  margin-left:780px;
  top:5px;
}

.social {
  margin-left:790px;
  position:absolute;
  top:10px;
  width:50px;
  height:50px;
  z-index:501;
  display:block;
}

.twitter {
  position:absolute;
  margin-left:-60px;
  top:120px;
  //width:50px;
  //height:50px;
  z-index:501;
}

.instagram {
  position:fixed;
  margin-left:855px;
  top:3px;
  //width:50px;
  //height:50px;
  z-index:501;
}

.manyvids {
  position:fixed;
  margin-left:905px;
  top:3px;
  //width:50px;
  //height:50px;
  z-index:501;
}

.fishes {
  position:relative;
  top:0;
  left:0;
  z-index:1;
}

.fish {
  position:absolute;
  top:110px;
  left:750px;
  z-index:2;
}

.coin55 {
  position:absolute;
  top:75px;
  left:75px;
  z-index:5;
}

.coin99 {
  position:absolute;
  top:75px;
  left:525px;
  z-index:5;
}

.sephora {
  position:absolute;
  top:35px;
  left:485px;
  z-index:3;
}

.amazon {
  position:absolute;
  top:28px;
  left:600px;
  z-index:3;
}

.addSong {
  position:absolute;
  top:385px;
  left:295px;
  z-index:5;
}

.removeSong {
  position:absolute;
  top:385px;
  left:398px;
  z-index:5;
}

.spotify {
  position:absolute;
  top:505px;
  left:297px;
  z-index:5;
}

.caption-style-1 {
  list-style-type:none;
  margin:0;
  padding:0;
}

.caption-style-1 li {
  float:left;
  padding:0;
  position:relative;
  overflow:hidden;
}

.caption-style-1 li:hover .caption {
  opacity:1;
}

.caption-style-1 img {
  margin:0;
  padding:0;
  float:left;
  z-index:4;
}

.caption-style-1 .caption {
  cursor:pointer;
  position:absolute;
  opacity:0;
  -webkit-transition:all .45s ease-in-out;
  -moz-transition:all .45s ease-in-out;
  -o-transition:all .45s ease-in-out;
  -ms-transition:all .45s ease-in-out;
  transition:all .45s ease-in-out;
}

.caption-style-1 .blur {
  background-color:rgba(0,0,0,0.65);
  height:237px;
  width:200px;
  z-index:5;
  position:absolute;
}

.caption-style-1 .caption-text h1 {
  text-transform:uppercase;
  font-size:18px;
}

.caption-style-1 .caption-text {
  padding:3px;
  z-index:10;
  color:#fff;
  position:absolute;
  width:190px;
  height:220px;
  text-align:center;
  font-size:10px;
  //top:1px;
}

.content {
  margin-top:100px;
  margin-left:100px;
  width:700px;
}

.content h1,.content h2 {
  font-family:"Source Sans Pro",sans-serif;
  color:#ecf0f1;
  padding:0;
  margin:0;
  font-weight:normal;
}

.content h1 {
  font-weight:900;
  font-size:64px;
}

.content h2 {
  font-size:26px;
}

.content p {
  color:#ecf0f1;
  font-family:"Lato";
  line-height:28px;
  font-size:15px;
  padding-top:50px;
}

a:link,a:active,a:hover {
  color:#;
}

a:visited {
  color:#;
}

body {
  background-color:#252525;
  //background-color:#ff7a99;
  //background-image:url(MFC_Background_image.jpg);
  //background-repeat:no-repeat;
  color:#ff7a99;
  font-family:'Verdana';
  font-weight:normal;
  font-style:normal;
  font-size:12px;
}

.profile_section_content {
  color:#252525;
  width:950px;
  padding:5px;
  margin:5px;
  margin-left:auto;
  margin-right:auto;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 0 #777777;
  -moz-box-shadow:0 0 0 #777777;
  box-shadow:0 0 0 #777777;
}

.profile_section_background {
  //margin-left:200px;
  width:950px;
  background-color:transparent;
  background-color:#FFFFFF;
  filter:alpha(opacity=100);
  opacity:1;
  border:5px solid #ff7a99;
}

.img_radius_shadow {
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  -webkit-box-shadow:0 0 0 #777777;
  -moz-box-shadow:0 0 0 #777777;
  box-shadow:0 0 0 #777777;
}

.profile_section_content .heading {
  //margin-left:200px;
  //margin-right:auto;
  width:0;
  padding:5px;
  background-color:#ffffff;
  color:#FFFFFF;
  font-family:'Verdana';
  font-weight:normal;
  font-style:normal;
  font-size:14px;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  -webkit-box-shadow:0 0 0 #777777;
  -moz-box-shadow:0 0 0 #777777;
  box-shadow:0 0 0 #777777;
  -webkit-text-shadow:0 0 0 #777777;
  -moz-text-shadow:0 0 0 #777777;
  text-shadow:0 0 0 #777777;
}

.content {
  //margin-left:200px;
  width:950px;
  padding:5px;
}

.tipmenu-global {
  display:block;
  position:relative!important;
  top:-235px;
  margin-bottom:10px;
}

.tipmenu-fitness {
  display:block;
  position:relative!important;
  left:25px;
  z-index:201;
  width:410px;
  height:0;
}

.tipmenu-offline {
  display:block;
  position:relative!important;
  top:-255px;
  left:25px;
  z-index:201;
  width:410px;
  height:0;
}

.tipmenu-online {
  display:block;
  position:relative!important;
  left:485px;
  z-index:201;
  width:410px;
  height:0;
}

.tipmenu-sassy {
  display:block;
  position:relative!important;
  top:-255px;
  left:485px;
  z-index:201;
  width:410px;
  height:0;
}

.tipmenu-BB {
  display:block;
  position:relative!important;
  top:-300px;
  left:30px;
  z-index:201;
  width:250px;
  height:0;
}

.tiplist {
  text-align:center;
  font-size:.68rem!important;
  line-height:1.2rem;
  text-transform:uppercase;
}

.tipvalue {
  margin-bottom:10px;
}

.tipvalue a {
  display:block;
  color:#000000;
  text-decoration:none;
  background:#ff7a99;
  border:2px solid #252525;
  padding:2px 0;
}

.tipvalue a:hover {
  color:#ff7a99;
  text-decoration:none;
  background:#252525;
  border:2px solid #ff7a99;
  padding:2px 0;
}

.tipmenu-paragraph {
  position:relative;
  text-align:center;
  top:-15px;
}

#tipmenu_nav {
  position:relative;
  top:-5px;
  z-index:9999;
}

.spacer {
  padding-top:20px;
}

#crew_nav {
  position:relative;
  top:-250px;
  z-index:9999;
}

.crew {
  display:block;
  z-index:201;
  position:relative;
  top:-175px;
  left:7px;
  margin-bottom:10px;
}

.crewlist {
  text-align:left;
  font-family:'Oswald',sans-serif;
  font-size:1.4em!important;
  line-height:1.3em;
  padding:0 10px;
  color:#000000;
  -webkit-column-count:4;
/* Chrome, Safari, Opera */
  -moz-column-count:4;
/* Firefox */
  column-count:4;
}

.popup h2 {
  color:#000000;
  background-color:#ff7a99;
  border:2px solid #252525;
  margin-left:80px;
  text-transform:uppercase;
  font-family:'Oswald',sans-serif;
  color:#eb8698;
  margin-top:5px;
}

.popup h4 {
  font-family:'Sedgwick Ave',cursive;
  color:#eb8698;
  font-weight:normal;
  font-size:1.2em!important;
  line-height:1.3em;
}

.popup p.quote {
  font-style:italic;
  line-height:1.2em;
  text-align:left;
}

.popup p {
  font-size:.9em!important;
  font-style:italic;
  line-height:1.1em;
  text-align:left;
  color:#3b3838;
  margin:0 0 10px;
}

.popup .whois {
  margin:0 30px 0 130px;
  height:360px;
  overflow:auto;
  padding-right:100px;
  padding-top:100px;
}

/* The Modal (background) */
/*Let's make it appear when the page loads*/
.overlay {
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background:rgba(0,0,0,0.7);
  transition:opacity 500ms;
  visibility:hidden;
  opacity:0;
}

.overlay:target {
  visibility:visible;
  opacity:1;
  z-index:9001;
}

/* Modal Content */
.popup {
  margin:70px auto;
  padding:20px;
  border-radius:5px;
  width:840px;
  position:relative;
  transition:all 1s ease-in-out;
  background:url(https://img.mfcimg.com/photos2/226/22622870/602-775-931-395-11426470.png) top center no-repeat;
}

/* The Close Button */
.popup .close {
  position:absolute;
  top:20px;
  right:100px;
  transition:all .2s;
  font-size:30px;
  font-weight:bold;
  text-decoration:none;
  color:#b80000;
}

.popup .close:hover {
  color:#eb8698;
}

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