/*===========================================
                 INTRO HEADER
  =========================================== */
  
.intro_header {
	position:absolute;
	top:0;
	left:0;
	right:0;
	height: auto;
	padding-bottom: 40px;
	background:#2D2D2D;
	color:white;
	text-align:center;
	z-index: 1000;
	box-shadow: 0 0 6px 0 rgba(0,0,0,0.5);
}
.intro_header p { margin:0; }
.intro_header .title {
	font-size: 80px;
	font-family:'Oswald', Arial;
	line-height: 80px;
	margin-top:50px;
}
.title a, .title a:active, .title a:visited {
	text-decoration:none;
	outline:none;
	color:white;
}
.intro_header .subline {
	font-size:24px;
	margin: 50px auto;
	max-width: 900px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}
.intro_header .logo {
	margin: 40px 0;
}
.logo img { height:60px; }
.intro_header .links a, .intro_header .links a:active, .intro_header .links a:visited {
	text-decoration:none;
	outline:none;
	
}
.links a.community { color:#54DA5C; } .links a.community:hover { color:#86FF8D; }
.links a.page { color:#28A2FA; margin:0 50px; } .links a.page:hover { color:#86CCFF; }
.links a.instagram { color:rgb(255, 111, 49); } .links a.instagram:hover { color:rgb(255, 156, 113); }

@media (min-width: 0px) and (max-width: 800px) {
	.extra_text { display:none; }
	.intro_header .subline { font-size:18px; }
}





/*===========================================
                GENERAL + MEME
  =========================================== */

body { background:url('img/grey_bg.jpg') repeat repeat rgb(237, 237, 237); font-family: 'Open Sans', sans-serif; font-weight:400; }

.main_column { width:800px; margin:0 auto; margin-top:450px;}
.indiv_meme_header { width:300px; height:300px; position:absolute; top:-3000px; left:-3000px; }
.meme_ctn { background:#fff; box-shadow: 0 0 6px 0 rgba(0,0,0,0.5); border-radius:2px; width:100%; overflow:hidden; margin-bottom:50px; }
.meme_wrap {  }
.meme_image { width:100%; cursor:pointer; min-height:500px; background:#ffffff; }
	.meme_image img { width:100%; }

.meme_bottom_bar { width:100%; white-space:nowrap; overflow:hidden; border-top: 1px solid #353535; color:#898989; height:35px; background:rgb(40, 40, 40); }
.meme_bottom_bar .button { color:white; cursor:pointer; }
.meme_bottom_bar .button:hover { color:white; background-color:rgb(50, 50, 50); }
.meme_bottom_bar .bar_sec { transition:color 0.2s ease; box-sizing:border-box; padding:0; font-weight: 400; float:left; border-right:1px solid #5C5C5C; text-align:center; height:100%; line-height:35px; display:inline-block; }
.meme_bottom_bar .button.flag:hover { color:rgb(255, 57, 57) }
.meme_bottom_bar .button.edit { color: #777; cursor:default; }
/*.meme_bottom_bar .button.edit:hover { color:#2DCAEF; }*/
.meme_bottom_bar .button.share { color:#30CD26; }
.meme_bottom_bar .button.share:hover { color:#69FF5F; }
.meme_bottom_bar .button.comments:hover { color:#1FBDCA; }
.meme_bottom_bar .button.show_more { display:none; }

/* Divide meme menu bar evenly */
.meme_bottom_bar .bar_sec { width:calc(67.5%/4); }
.meme_bottom_bar .bar_sec.time_ago { width:calc(67.5%/4 + 3%); }
.meme_bottom_bar .bar_sec.comments { width:calc(67.5%/4 - 3%); }
.meme_bottom_bar .vote_up, .meme_bottom_bar .vote_down, .meme_bottom_bar .share, .meme_bottom_bar .edit, .meme_bottom_bar .flag {
	width: 6.5%;
}

a.meme_link, a.meme_link:active, a.meme_link:visited {
	outline:none;
}

.meme_bottom_bar .vote div.loader {
	display:none;
	width:100%;
	height:100%;
	background-image:url(img/miniloader.gif);
	background-position:center center;
	background-size:15px;
	background-repeat: no-repeat;
}

.meme_bottom_bar .vote.user_vote_choice { color:#24A4C2; }

.meme_bottom_bar,
.meme_bottom_bar:focus {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	outline-style:none;/*IE*/
}

.meme_comments_ctn {
	overflow: hidden;
	height:auto;
	margin-bottom: -33px;
	display:none;
	width:100%;
}
.fb-comments, .fb-comments iframe[style], .fb-comments span {
   width: 100% !important;
}


.share_url_ctn { display:none; width:100%; height:35px; color:#fff; }
.share_url_ctn input { font-family: 'Open Sans'; font-weight: 300; cursor:text; border:0; border-right: 1px solid #777; padding:0; margin:0; width:90%; height:100%; background:transparent; line-height:35px; font-size:25px; color:white; }
.close_sharing { text-align: center; display:inline-block; width:10%; cursor:pointer; position: relative; top: -3px; }
.close_sharing:hover { opacity:0.8; }

@media (min-width: 0px) and (max-width: 800px) {
	.main_column { width:100%; margin-top:550px; }
}
@media (min-width: 0px) and (max-width: 400px) {
	/*.meme_bottom_bar .button.show_more { display:inline-block; }*/
	.bar_sec .upload_create { transform: translateX(35px) scale(0.5,0.7); }
}