/*
Theme Name: Mojo
*/

body, html {
	font:normal 12px 'Helvetica Neue', Helvetica, Arial, sans-serif
}

#background {
	background-color: #ffffff;
	
	background-image: url('https://assets.tumblr.com/images/x.gif?v=1');
}
.perma #background{z-index:-1}
.index #posts {
	margin: 10px;
	margin-top: 20px;
	margin-bottom: 150px !important;
	
}
/* PHOTOSET LIGHTBOX CSS */
#tumblr_lightbox_caption {
	font: 12px 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
	color: black !important; 
}
#tumblr_lightbox{
	background-color: rgba(
		255,
		255,
		255,
		0.9
	)!important
}
#lightbox_background{
	opacity:0.9;
	background-color: #ffffff
}
.index #lightbox_image .notPhotoset{
	cursor: s-resize;
}
#lightbox_image{
	cursor: pointer;
}
em {font-style: italic;}
.notes_headline_inner {width: 60%;display: block;padding: 0 20%}

.icons {
	position: absolute;
	min-width: 35px;
	min-height: 38px;
	top: 114px;  
	background-color: white;  
	right:0;
}
.zoom, .post_options_more_info {
  	min-width: 35px;
	min-height: 38px;
	text-align: center;
	position: absolute;
	color: black;
	font-size: 22px;
	font-weight: bold;	
	line-height: normal;
	top:5px;
	
}
.post_options_more_info {
	top: 9px;
	min-height: 30px;
	font-size: 24px;
	background-color: white;

}
/* LOGO CSS*/
#logo_index_text a,
#logo_index_left a,
.logo_permalink_page
{
	font-weight: bold;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #656565
}
#logo_index_left{left:15px}
#logo_index_left {top:5px}
#logo_index_text a, 
#logo_index_left a
{
	letter-spacing: -0.04em;
	font-size: 60px;
	line-height: 76px
}

.logo_permalink_page{font-size: 18px}

/* NAVIGATION CSS */
#nav {
	background-color: #ffffff;
	background-image: url('https://assets.tumblr.com/images/x.gif?v=1')
}
#nav> *, .tag_search{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 13px
}
.nav_button,
.tag_search,
.post_info_overlay_button,
.tagBackground,
.next,
.prev,
#nav_toggle,
.notes_tag_button,
.notes_date_span
{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}
.nav_button{background-color: #ffffff}
a.nav_button,
.nav_button,
.tag_search,
#nav_toggle,
.next,
.prev,
.back_to_top,
.logo_permalink_page
{color: #333333!important}
.nav_button:hover, #nav_toggle:hover {
	background-color: #e4e4e4;
	color: #000000
}
.tag_search:focus {color: #000000}
#nav_searchfield_background,.tag_search_hover {background-color: #e4e4e4}
.nav_theme_credit,.nav_theme_credit a,.nav_theme_credit a:visited{color:#999999}

/* POST INFO OVERLAY: */

.post_info_overlay_background {
	background-color: #000000;
	opacity: 0.92
}
.rounded {
	-webkit-border-radius: 400px;
	-moz-border-radius: 400px;
	border-radius: 400px
}
.post_info_overlay_headline,
.post_info_overlay_headline p,
.shortened_headline,
.shortened_headline p
{
	font:bold 22px/25px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #aaaaaa;
	letter-spacing: 0;
}
.post_info_overlay_headline, .shortened_headline {
	margin-bottom: 20px !important
}
.post_info_overlay_headline a, .shortened_headline a{color: #ffffff}
.post_info_overlay_headline a:hover, .shortened_headline a:hover{border-bottom: 1px solid #ffffff}
.post_info_overlay_headline, .shortened_headline{
	overflow: hidden;
	margin-bottom: 10px !important;
	padding-bottom: 5px;
}

/* POST OPTIONS ON HOVER */
.post_options_more_info,
.post_options_like,
.post_options_reblog {
	position: absolute;
	width:35px;
	height:35px;
	cursor: pointer !important;
	z-index: 5000;
	float: right;
}
.reblog_button, .like_button{
padding:10px 14px 10px 10px;;
background-color: white;
width:18px;
height:18px;
}

.post_options_reblog {
	top:36px;
	right: 0
}
.like_toggle{display: block !important}
.post_options_more_info {
	background-position: -36px 0;
	top:0;
	right:0
}
.post_options_like {
	background-position: 0 -36px;
	top:75px;
	right: 0;
}

/* POST INFO OVERLAY: REBLOG CREDIT AND TAGS */
.post_info_overlay_button {
	color: #000000;
	background-color: #555555;
	font-size: 13px
}
.post_info_overlay_button:hover{
	color: #111111;
	background-color: #ffffff
}

/* AUDIO POST */
.post_audio, .post_audio_player, .audioPlayerWrap, .audioArt{background-color:#e4e4e4}
.post_audio_info, .post_audio_info a{color:#444444}
.post_audio_no_art {background-image: url("index.html")}
.audio> .post_info_overlay_headline span p {font-size: 12px;}
.audio> .shortened_headline span p {font-size: 12px;}
.post_audio_table{border-top:1px #ffffff solid;}
.post_audio_info{border-left:1px #ffffff solid;}

/*PHOTOSET POST CSS (THIS CREATES THE STEPPED FRAME AROUND THE EDGE OF THE POST)*/
.index .type_photoset { 
	-webkit-box-shadow:
		1px 1px 0 0 #cccccc,
		2px 2px 0 0 #ffffff,
		3px 3px 0 0 #cccccc,
		4px 4px 0 0 #ffffff,
		5px 5px 0 0 #cccccc,
		6px 6px 0 0 #ffffff,
		7px 7px 0 0 #cccccc;
	-moz-box-shadow:
		1px 1px 0 0 #cccccc,
		2px 2px 0 0 #ffffff,
		3px 3px 0 0 #cccccc,
		4px 4px 0 0 #ffffff,
		5px 5px 0 0 #cccccc,
		6px 6px 0 0 #ffffff,
		7px 7px 0 0 #cccccc;
	box-shadow:
		1px 1px 0 0 #cccccc,
		2px 2px 0 0 #ffffff,
		3px 3px 0 0 #cccccc,
		4px 4px 0 0 #ffffff,
		5px 5px 0 0 #cccccc,
		6px 6px 0 0 #ffffff,
		7px 7px 0 0 #cccccc;
	background-color: #cccccc;
	
	background-position:center; 
}

/*QUOTE POST CSS*/
.post_quote{
	font-weight: bold;
	line-height: 26px;
	font-size: 24px;
	color: #000000;
	letter-spacing: 0;
	width: 800px;
}
.post_quote a, .post_quote a:visited,.post_quote_source a, .post_quote_source a:visited{color: #ffffff}
.post_quote_source{
	font: 13px/16px 'Helvetica Neue', Helvetica, Arial, sans-serif; 
	color: #ffffff;
}
.index .post_quote_source{
	position:absolute;
	bottom: 30px;
	left:25%;
	width: 50%;
	-webkit-border-bottom-right-radius: 400px;
	-webkit-border-bottom-left-radius: 400px;
	-moz-border-radius-bottomright: 400px;
	-moz-border-radius-bottomleft: 400px;
	border-bottom-right-radius: 400px;
	border-bottom-left-radius: 400px;
	opacity: 0.4;
}
.post_quote_body,.post_quote_body a, .post_quote_body a:visited{
	font:bold 24px/26px 'Helvetica Neue', Helvetica, Arial, sans-serif; 
	color: #000000
}
.perma .post_quote_source, .perma .post_quote_source a:visited,.perma .post_quote_source a{
	font: 13px/16px 'Helvetica Neue', Helvetica, Arial, sans-serif !important; 
	color: #000000;
}
.perma .post_quote_source a:visited,.perma .post_quote_source a{
	border-bottom: 1px dotted #000000
}
.perma .post_quote_body, .perma .post_quote_inner,.perma .post_quote_body a, .perma .post_quote_inner a, .perma .post_quote_body a:visited, .perma .post_quote_inner a:visited{color:#000000}
.perma .post_quote_source{opacity: 0.4}
/*TEXT, QUOTE AND LINK POST CSS*/
.index .post {margin:20px}
.post_text{
	font-weight:bold;
	font-size:24px;
	line-height:26px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	letter-spacing: 0;
	color: #ffffff;
	background-color: #999999;
	/* background-image: url("https://assets.tumblr.com/images/x.gif?v=1"); */
	-webkit-border-radius: 400px;
	-moz-border-radius: 400px;
	border-radius: 400px;
	width:450px;
	height:450px;
}
.post_text_table_cell{padding: 40px}
.post_info_overlay_headline{padding: 0 40px}
.shortened_headline{padding: 0 40px}
.post_text_body{
	color:#ffffff;
}
.post_text_body a,.index .post_text_body a:visited{color: #ffffff}
.post_perma_inner a:visited,.post_perma_inner a{color: {color:post_text Index}}
.post_text_title_perma{
	font:bold 19px 'Helvetica Neue', Helvetica, Arial, sans-serif; 
	color: #000000
}
.soundcloud_audio_player{height:165px !important}
.post_perma_inner{max-width:800px;}
.post_perma_inner blockquote{border-left: 1px solid #000000;}
.post_perma_inner a, .post_perma_inner a:visited{color: #000000 !important;}
#post_text_body_perma, #chat_body_post_perma{
	border-top: 1px solid #cccccc;
	font-weight: normal;
	font-size: 19px;
	line-height: 30px;
	font-family: Garamond, Palatino, Georgia, Times, 'Times New Roman', serif;
	border-bottom: 1px solid #cccccc !important;
	padding-bottom: 30px;
	color: #000000
}
#chat_body_post_perma{font-family:Garamond, Palatino, Georgia, Times, 'Times New Roman', serif}
#post_text_body_perma{font-family:Garamond, Palatino, Georgia, Times, 'Times New Roman', serif}

/*CHAT POST (USES TEXT POST CSS AS BASE)*/
/* Names of the speakers */
li span.label{ 
	color:#000000;
	font-weight: normal;
	font-style: normal;
	font-variant:small-caps;
	font-family: Garamond, Palatino, Georgia, Times, 'Times New Roman', serif
}
.chat_person_1{
	font-style: italic;
	font-weight:normal;
	padding-top: 30px
}

/*PERMALINK PAGE AND NOTES CSS*/
ol:last-child{background-color: #eeeeee}
.note,.notes_headline,.notes_date, .notes_tag {
	border-top: solid 1px #e5e5e5;
	color: #666666;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	background-color: #eeeeee
}
.more_notes_link_container a, .more_notes_link_container a:visited{color: #666666 !important}
.more_notes_link_container a:hover{text-decoration: underline}
.note .action a,.action a:visited, .perma blockquote a, .perma blockquote a:visited {color: #666666 !important}
.notes_tag_button, .notes_tag_title_case a:visited,.action a:visited, .notes_date_span {
	color: #666666 !important;
	background-color: #ffffff;
}
.notes_tag_button:hover, .action a:hover{
	color: #555555 !important;
	background-color: #ffffff;
}
.notes_headline_inner, .notes_headline_inner a, .notes_headline_inner a:visited{
	color: #666666;	
	font: bold 22px/25px 'Helvetica Neue', Helvetica, Arial, sans-serif
}
.notes_headline_inner a, .notes_headline_inner a:visited{border-bottom: 1px solid #666666;}

/*IMAGE SIZING CSS*/
.index .not_audio img {
	width: 100%;
    height: 100%;
    object-fit: contain;
}
#post_text_body_perma .not_audio img {max-width:800px; height: auto !important;max-height: auto !important;}

/*Description Overlay*/
.description_overlay{
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 24px;
font-weight: bold;
background-color: #605a5a;
color: #ffffff
}
.next.nav_button{margin-bottom: 3px;!important}

.index #background{
background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.05)));
background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%); 
background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%); 
background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%);
background: linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0d000000',GradientType=0 );
}

.wp-block-image img {
    max-width: none!important;
}

@media screen and (min-width: 1100px) {
.not_audio img {
	width: 100%;
    max-height: 100%!important;
	}
}