/*
Theme Name: DailyJournal
Theme URI: http://www.elegantthemes.com/gallery/
Version: 2.2
Description: 2 Column theme from Elegant Themes
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Template: DailyJournal
*/

@import url("../DailyJournal/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 106%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }

blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
article, aside, footer, header, hgroup, nav, section { display: block; }

/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/

body { line-height: 27px; font-family: 'Ubuntu Mono', sans-serif; font-size: 12px; color: #DBDBDB; text-shadow: 1px 1px 0 #585858; background: black none repeat scroll 0 0; }

a { text-decoration: none; color: #ED7700; }
a:hover { text-decoration: none; color: #278A34; }
.clear { clear: both; }
.ui-tabs-hide { display: none; }
br.clear { margin: 0px; padding: 0px; }

h1, h2, h3, h4, h5, h6 { margin-bottom: 2px; letter-spacing: -1px; line-height: 26px; font-weight: normal; }
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, span.fn, span.fn a { color: #ED7700; }
h1 { font-size: 26px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
p { padding-bottom: 10px; line-height: 24px; }
strong { font-weight: bold; color: #DBDBDB; }
cite, em, i { font-style: italic; }
pre, code { font-family: 'Ubuntu Mono', sans-serif; margin-bottom: 10px; }
ins { text-decoration: none; }
sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 0.8em; }
sub { top: 0.3em; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd  { margin-left: 1.5em;}
blockquote  { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; }
	blockquote p { padding-bottom: 0px; }

input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; }
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; }
input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; }
textarea { padding: 4px; }

img#about-image { float: left; margin: 3px 8px 8px 0px; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/

h1, h2, h3, h4, h5, h6, .post-meta, span.fn, .comment_date { font-family: 'Ubuntu Mono', sans-serif; }

#content {
width:60%;
position:relative;
background: black none repeat scroll 0 0;
z-index:1;
margin:0 auto;
padding:0 25px;
}
	#content:after, #content:before { content:""; position:absolute; background: #ed7700 none repeat scroll 0 0; top:0; }
	#content:after { right:-2px; }
	#content:before { left:-2px; }
	#left-column { position:absolute; width:202px; left:-232px; top:0; text-align:right; z-index: 2; }
		#main-header { padding-top:37px; }
			#logo { padding-bottom:10px; }
	#widgets { position:absolute; width:232px; right:-234px; top:0; padding-top:5px; }
	#recent-posts { padding:33px 0 45px; }
		#recent-posts > h1, h1#comments, h3#trackbacks-title, h3#reply-title, .note-content { text-align: center; }
		#recent-posts > h1, h1#comments, h3#trackbacks-title, h3#reply-title { color:#7b7159; font-size: 14px; font-style:italic; margin-bottom: -10px; letter-spacing: 0; font-family: 'Ubuntu Mono', sans-serif; }
		h1#comments, h3#trackbacks-title, h3#reply-title { margin-bottom: 10px; }
		.note-block 	{ margin-top: 38px; position:relative; z-index: 1; }
		.note-block:after { content:""; position:absolute; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; width:12px; height:24px; top:30px; left:-11px; }
			.note { border:3px solid #ED7700; border-top:none; border-right:none; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.6); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.6); box-shadow: inset 0 1px 0 rgba(255,255,255,0.6); border-radius: 30px 30px 30px 30px; }
				.note-inner { background: #1b1b1b none repeat scroll 0 0; border-radius: 30px 30px 30px 30px; padding: 0 0 15px; }
					.note-content { margin-left:30px; padding:0 40px 0 29px; position:relative; }
					.note-content:after { content:""; position:absolute; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; width:1px; height:100%; top:0; left:0; }
						.post-title { background: #585858 none repeat scroll 0 0; margin: 0 -40px 0 -59px; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.6); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.6); box-shadow: inset 0 0px 0 rgba(255,255,255,0.6); padding-top: 11px; padding-bottom: 5px; border-radius: 30px 30px 0 0; }
							.post-meta { font-size:16px; color:#278A34; position:relative; text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5) }
							.post-meta:after, .post-meta:before { content:""; position:absolute; width:13px; height:4px; top:7px; }
							.post-meta:after { background:url(https://troglodytes.online/wp-content/themes/DailyJournal/images/post-meta-right-bg.png) no-repeat; right:-20px; }
							.post-meta:before { background:url(https://troglodytes.online/wp-content/themes/DailyJournal/images/post-meta-left-bg.png) no-repeat; left:-20px; }
							.post-title h1 { font-size:28px; font-weight: bold; margin-bottom: 1px; text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5) }
								.post-title h1 a:hover { color: #278A34 !important; margin-top:-3px; margin-left:-3px; text-shadow: 0px -1px 2px white, 0px -1px 2px yellow, 0px -1px 1px #ff8000, 0px -4px 9px red; }
						.post-content { text-align:left; }
						body.single .post-content, body.page .post-content { padding-bottom: 10px; padding-top: 10px; }
							.post-image { position:relative; margin: 8px 18px 7px 0; float:left; line-height: 0; }
								.post-image span.overlay { display:block; height: 100%; left:0px; position:absolute; top:0px; width:100%; -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.3); box-shadow: inset 0 0 10px rgba(0,0,0,0.3); }
							.post-content p { line-height:26px; padding-bottom: 26px; }
						a.readmore, a.comment-reply-link { background:#82785f url(https://troglodytes.online/wp-content/themes/DailyJournal/images/readmore-bg.png); color:#ffffff; text-shadow: 1px 1px 0 rgba(0,0,0,0.4);display:inline-block; font-size:11px; height:24px; line-height:24px; font-style: italic; border-top:1px solid #fff; padding:0 13px; -webkit-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.4); -moz-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.4); box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.4); bottom: -2px; position:relative; }
						a.readmore:hover, a.comment-reply-link:hover { color:#eee; text-decoration: none; }
						a.readmore:after, a.readmore:before, a.comment-reply-link:after, a.comment-reply-link:before { content:""; position:absolute; width:5px; height:21px; top:0px; }
							a.readmore:after, a.comment-reply-link:after { background:url(https://troglodytes.online/wp-content/themes/DailyJournal/images/readmore-right-bg.png) no-repeat; right:-6px; }
							a.readmore:before, a.comment-reply-link:before { background:url(https://troglodytes.online/wp-content/themes/DailyJournal/images/readmore-left-bg.png) no-repeat; left:-6px; }
				.note-bottom-left { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; padding-left:9px; position: relative; }
					.note-bottom-right { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; padding-right:9px; }
						.note-bottom-center { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; height:9px; width:100%; }
				.note-bottom-center:before, .note-bottom-center:after { content: ''; position: absolute; bottom: -3px; width: 114px; height: 6px; }
				.note-bottom-center:before { left: 10px; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; }
				.note-bottom-center:after { right: 17px; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; bottom: -5px; height: 8px; }

	#left-column #widgets { display: none; position: relative; right: 0; width: auto; }

	body.single .note-block, body.page .note-block { margin: 0 0 30px; }
	#breadcrumbs { margin: 0 0 25px; font-size: 14px; font-style: italic; }
		#breadcrumbs a, #breadcrumbs span { color: #ED7700; }
		#breadcrumbs, #breadcrumbs a:hover { color: #278A34; text-decoration: none; }

	.post ul, .comment-content ul { list-style-type: disc; padding: 0 0 23px 16px; line-height: 26px; }
	.post ol, .comment-content ol { list-style-type: decimal; list-style-position: inside; padding: 0 0 23px 16px; line-height: 26px; }
		.post ul li ul, .post ul li ol, .comment-content ul li ul, .comment-content ul li ol { padding: 2px 0px 2px 20px; }
		.post ol li ul, .post ol li ol, .comment-content ol li ul, .comment-content ol li ol  { padding: 2px 0px 2px 35px; }

	.post-content img, .et_pt_portfolio_image img, #logo { max-width: 100%; height: auto; width: auto; opacity:1 filter:alpha(opacity=100);}
.post-content img:hover { opacity:0.8; filter:alpha(opacity=80); }
	.wp-caption { max-width: 96%; padding: 8px; }

/*------------------------------------------------*/
/*---------------[DROPDOWN MENU]------------------*/
/*------------------------------------------------*/

#main-menu > ul > li > a, .nav li ul, #commentform input#submit, #mobile_nav, #main-menu.mobile_nav > ul  { background: #278A34; /* Old browsers */
background: #278a34 none repeat scroll 0 0;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border:2px solid #585858; color:#ED7700; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.95); box-shadow: none; font-weight: 600; font-style: unset; padding:3px 14px; text-decoration:none; }
#main-menu > ul > li > a { display:inline-block; margin-bottom:6px; position:relative; }
#main-menu > ul > li > a:hover { opacity:0.9; filter:alpha(opacity=90); border:2px solid #ED7700 }

	#main-menu > ul > li.current_page_item > a { color:#eee; border: 2px solid #ed7700; }
	#main-menu > ul > li.current_page_item > a:after { content:""; position:absolute;
 background:url(https://troglodytes.online/wp-content/themes/DailyJournal/images/current-item.png) no-repeat; width:6px; height:13px; top:10px; right:-6px; width: 210px;}
	#main-menu a:hover { color:#eee; text-decoration: none; }

	.nav li ul { text-align: left; background: #585858 none repeat scroll 0 0; border: 2px solid #434343; padding: 2px; }
		.nav li ul:before { content: ''; position: absolute; top: 10px; left: -6px; width: 6px; height: 13px; background: url(https://troglodytes.online/wp-content/themes/DailyJournal/images/current-item-dropdown.png) no-repeat; }
		.nav li ul li { margin: 1px 0; }
	#main-menu ul ul a { 
background: #278a34 none repeat scroll 0 0;
color: #ED7700; 
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.95);
display: block; 
width: 200px;
border: 2px solid #585858;
border-radius: 10px;
padding: 5px;
}

#main-menu ul ul a:hover {
  background-color: #278a34;
  border: 2px solid #ed7700;
}


#mobile_menu { display: none; text-align: center; }
	#mobile_nav { padding: 7px 14px 7px 27px; position: relative; }
		#mobile_nav span { display: block; position: absolute; top: 9px; left: 10px; background: url(https://troglodytes.online/wp-content/themes/DailyJournal/images/nav_menu_plus.png) no-repeat; width: 9px; height: 10px; }

#main_nav { position: relative; }
	#main-menu.mobile_nav { position: absolute; z-index: 9999; top: 2px; left: 0; }
		#main-menu.mobile_nav > ul { width: 416px; display: none; text-align: left; padding: 0; background: #278A34; }
		#main-menu.mobile_nav li { float: none; }
			#main-menu.mobile_nav li a { display: block; padding: 8px 5px 8px 20px; margin: 0; width: auto; float: none; }
			#main-menu.mobile_nav li ul { position: relative; top: 0; width: auto; display: block !important; visibility: visible !important; background: none; border: none; padding: 0; }
				#main-menu.mobile_nav li ul a { padding-left: 40px; }
					#main-menu.mobile_nav li ul ul a { padding-left: 60px; }
						#main-menu.mobile_nav li ul ul ul a { padding-left: 80px; }
							#main-menu.mobile_nav li ul ul ul ul a { padding-left: 100px; }
		#main-menu.mobile_nav > ul > li:first-child > a { border-top: none; }
		#main-menu.mobile_nav > ul > li:last-child > a { border-bottom: none; }
			#main-menu.mobile_nav a { background: none; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-bottom: 1px solid #585858; border-top: 1px solid #585858; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
		#main-menu.mobile_nav li ul:before, #main-menu.mobile_nav > ul > li.current_page_item > a:after { background: none; }

/*------------------------------------------------*/
/*-------------------[COMMENTS]-------------------*/
/*------------------------------------------------*/

.reply-container { position: absolute; bottom: 11px; left: 50%; width: 100%; margin-left: -30px; }
	a.comment-reply-link { position: absolute; }

.comment_main_content { position: relative; overflow: hidden; }
	.avatar-box { float: left; position: relative; margin-right: 24px; }
		.avatar-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.3); box-shadow: inset 0 0 10px rgba(0,0,0,0.3); }
		.avatar-box img { display: block; }

.comment-meta { text-align: left; padding: 0 0 0 60px; margin-bottom: 14px; }
	span.fn { display: block; font-size: 24px; }
	.comment_date { font-size: 14px; color: #6e886c; }

.commentlist ul.children { padding-left: 59px; }

#commentform input[type="text"] { width: 40%; }
#commentform textarea { width: 94%; }
#commentform input[type="text"], #commentform textarea { background: #ededda; border: 1px solid #e2e2cd; padding: 10px 12px; color: #81816f; text-shadow: 0px 1px 0 #fff; -moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.1), 1px 1px 0 #fff; -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.1), 1px 1px 0 #fff; box-shadow: inset 0 0 2px rgba(0,0,0,0.1), 1px 1px 0 #fff; font-family: 'Ubuntu Mono', sans-serif; font-style: italic; font-size: 14px; }

#commentform .form-submit { overflow: hidden; padding-right: 18px; }
	#commentform input#submit{ text-shadow: 0 -1px 0 rgba(0,0,0,.5); float: right; padding: 7px 15px; text-align: center; font-family: 'Ubuntu Mono', sans-serif; }

.commentlist #reply-title { border: none; left: 0; padding-left: 0; top: 6px; }
	.commentlist #reply-title small { display: block; font-size: 12px; margin-top: 2px; }
		#reply-title small a { font-size: 11px; text-transform: uppercase; }

#respond, #trackbacks { margin-bottom: 20px; }
.comment-body .post-content { padding-bottom: 22px !important; }

/*------------------------------------------------*/
/*---------------------[FOOTER]-------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*--------------------[SIDEBAR]-------------------*/
/*------------------------------------------------*/

.widget { padding-bottom: 15px; background:url(https://troglodytes.online/imgs/widget-bottom-bg.png) no-repeat bottom left; padding-top:25px; padding-left:30px; }
	.widget h3.title { margin-bottom: 6px; font-size:17px; color: #E3E3E3 ; }
	.widget p { line-height:27px; }
	.widget a { color: #ED7700; }
	.widget a:hover { color: #278A34 !important; text-shadow: 2px 2px 2px #000; }

/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/

div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; }
div.post .new-post .aligncenter, .aligncenter:hover { opacity:0.8; filter:alpha(opacity=80); }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; }
.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
.wp-caption.alignright { margin: 0px 0px 10px 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.alignright { float: right; }
.alignleft { float: left }
img.alignleft { display:inline; float:left; margin-right:15px; }
img.alignright { display:inline; float:right; margin-left:15px; }


/*------------------------------------------------*/
/*---------------[DEFAULT DROPDOWN SETTINGS]---*/
/*------------------------------------------------*/

.nav ul { position:absolute; top:-999em; z-index: 9999; }
	.nav li { position: relative; }
		.nav ul li { float:left; }
			.nav ul a { display:block; float: left; }
.nav li:hover ul, ul.nav li.sfHover ul { left:215px; top: 0; }
	.nav li:hover li ul, .nav li.sfHover li ul, .nav li:hover ul, .nav li li:hover ul { top:-999em; }

.nav li li { display: block; padding: 0px; float: left; height: auto !important; }
.nav li ul { width: auto; z-index:1000; }
	.nav li li a:link, .nav li li a:visited { display: block; height: auto; float: left; }
	.nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }

.nav li li:hover ul, ul.nav li li.sfHover ul { left:165px; top: -8px; }

#main-menu.mobile_nav .nav li li:hover ul, #main-menu.mobile_nav ul.nav li li.sfHover ul, #main-menu.mobile_nav .nav li li:hover ul, #main-menu.mobile_nav ul.nav li li.sfHover ul { left: 0; top: 0; }

/*------------------------------------------------*/
/*-----------------[WP CALENDAR]-----------------*/
/*------------------------------------------------*/
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 240px;	}
	#wp-calendar a { display: block; text-decoration: none; font-weight: bold; }
		#wp-calendar a:hover { text-decoration: underline; }
	#wp-calendar caption {	text-decoration: none; font: bold 13px Arial, Sans-Serif; }
	#wp-calendar td {	padding: 3px 5px; color: #9f9f9f; }
		#wp-calendar td#today { color: #ffffff; }
	#wp-calendar th {	font-style: normal;	text-transform: capitalize;	padding: 3px 5px; }
		#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
		#wp-calendar #next a { padding-right: 10px; text-align: right; }
		#wp-calendar #prev a { padding-left: 10px; text-align: left; }

/*------------------------------------------------*/
/*-------------------[PAGE NAVI]------------------*/
/*------------------------------------------------*/
.pagination { overflow: hidden; padding: 40px 0 0; }

.wp-pagenavi { position: relative; text-align: center; clear: none !important; padding: 40px 0 0; text-shadow: 0 1px 0 #1b1b1b; font-size: 28px; font-family: 'Ubuntu Mono', sans-serif;  font-style: italic; }
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited { padding: 5px 7px !important; margin: 2px; text-decoration: none; border: none !important; background-color: none; font-weight: normal !important; color: #555454; border-radius: 10px; }
.wp-pagenavi span.pages { padding: 5px 7px 5px !important; margin: 2px !important; border: none !important; color: #989898; background-color: none; font-style: normal; font-size: 13px; margin-right: 10px !important; }
.wp-pagenavi span.current, .wp-pagenavi span.extend, .wp-pagenavi a:active, .wp-pagenavi a:hover { padding: 5px 7px !important; margin: 2px; font-weight: normal !important; background-color:none !important; border: none !important; color:#278A34 !important; border-radius: 10px; }


a.readmore:hover, #sidebar div.custom-sidebar-block ul.control li a:hover, ul#cats-menu li a:hover, ul#page-menu li a:hover, div#slider-control div.featitem h2 a  { text-decoration: none; }

.foursixeight { margin: 0px 0px 15px 84px;}

.et_pt_blogentry a.readmore { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; }
	.et_pt_blogentry a.readmore:after, .et_pt_blogentry a.readmore:before { display: none; }


.et_portfolio_more_icon, .et_portfolio_zoom_icon { top: 53px !important; }
.et_portfolio_zoom_icon { left: 114px !important; }
.et_portfolio_more_icon { left: 74px !important; }
.et_pt_portfolio_item { margin-left: 31px !important; width: 236px !important; }
#et_pt_portfolio_gallery { margin-left: -40px !important; }

.et_portfolio_large .et_pt_portfolio_item { width: 368px !important; }
.et_portfolio_large .et_portfolio_more_icon, .et_portfolio_large .et_portfolio_zoom_icon { top: 99px !important; }
.et_portfolio_large .et_portfolio_zoom_icon { left: 179px !important; }
.et_portfolio_large .et_portfolio_more_icon { left: 140px !important; }

.et_portfolio_small .et_pt_portfolio_item { width: 128px !important; }
.et_portfolio_small .et_portfolio_more_icon, .et_portfolio_small .et_portfolio_zoom_icon { top: 20px !important; }
.et_portfolio_small .et_portfolio_zoom_icon { left: 62px !important; }
.et_portfolio_small .et_portfolio_more_icon { left: 25px !important; }

#et_pt_portfolio_gallery .page-nav { margin: 0 0 0 36px !important; }

embed, iframe, object, video { max-width: 100%; }




@media screen and min-width 1360px and max-width 1599px {
#content {
width:24%;
margin:0 auto;
padding:0 40px;
}
}

@media screen and (min-width: 1100px) and ( max-width: 1359px ) {
	#left-column { width: 28%; left: -32%; padding-right: 2%; }
	#widgets { width: 32%; right: -32%; }
	#content { width: 52%; padding: 0 3%; margin: 0 0 0 19%; }
	.nav li:hover ul, ul.nav li.sfHover ul { left: 100%; }
	#et_pt_gallery { margin-right: -30px !important; }
		.et_pt_gallery_entry { margin-left: 9px !important; }

	.et_pt_portfolio_item { margin-left: 21px !important; width: 198px !important; }
	.et_portfolio_more_icon, .et_portfolio_zoom_icon { top: 42px !important; }
	.et_portfolio_zoom_icon { left: 97px !important; }
	.et_portfolio_more_icon { left: 60px !important; }

	.et_portfolio_large .et_pt_portfolio_item { width: 307px !important; }
	.et_portfolio_large .et_portfolio_more_icon, .et_portfolio_large .et_portfolio_zoom_icon { top: 75px !important; }
	.et_portfolio_large .et_portfolio_zoom_icon { left: 145px !important; }
	.et_portfolio_large .et_portfolio_more_icon { left: 107px !important; }

	.et_portfolio_small .et_pt_portfolio_item { width: 110px !important; }
	.et_portfolio_small .et_portfolio_more_icon, .et_portfolio_small .et_portfolio_zoom_icon { top: 14px !important; }
	.et_portfolio_small .et_portfolio_zoom_icon { left: 51px !important; }
	.et_portfolio_small .et_portfolio_more_icon { left: 15px !important; }
}

@media screen and (min-width: 961px) and ( max-width: 1099px ) {
#content {
width:43%;
}
	#et-search, p#et-search-title, p#et-search-title span { background: none !important; }
	#et-search { width: auto !important; height: auto !important; }
		#et-search-inner { padding: 0 !important; }
			#et-search-right { float: none !important; clear: both; text-align: left !important; }
				#et_search_submit { background: #BBB8B8 !important; color: #111 !important; }
			p#et-search-title span { padding: 0 !important; color: #111 !important; text-shadow: none !important; }

	.et_pt_gallery_entry { margin-left: 25px !important; }

	.et_pt_portfolio_item { width: 130px !important; }

	.et_portfolio_more_icon, .et_portfolio_zoom_icon { top: 20px !important; }
	.et_portfolio_zoom_icon { left: 63px !important; }
	.et_portfolio_more_icon { left: 24px !important; }

	.et_portfolio_large .et_pt_portfolio_item { float: none !important; margin: 0 auto !important; }
	.et_portfolio_large .et_portfolio_more_icon, .et_portfolio_large .et_portfolio_zoom_icon { top: 96px !important; }
	.et_portfolio_large .et_portfolio_zoom_icon { left: 182px !important; }
	.et_portfolio_large .et_portfolio_more_icon { left: 139px !important; }
	#et_pt_portfolio_gallery.et_portfolio_large  { margin-left: 0 !important; }
}


@media only screen and ( max-width: 960px ) {

#content {
width:61%;
}

	#widgets { display: none; }
	#left-column #widgets { display: block; padding-top: 25px; }
		#left-column .widget { background: url(https://troglodytes.online/wp-content/themes/DailyJournal/images/fwidget-bottom-bg_left.png) no-repeat bottom right; margin-right: -28px; padding: 15px 28px 5px 10px; }
		#left-column  .widget:last-child { background: none; }
	#content { margin: 0 0 0 232px; padding: 0 30px; }
	#et-search, p#et-search-title, p#et-search-title span { background: none !important; }
	#et-search { width: auto !important; height: auto !important; }
		#et-search-inner { padding: 0 !important; }
			#et-search-right { float: none !important; clear: both; text-align: left !important; }
				#et_search_submit { background: #BBB8B8 !important; color: #111 !important; }
			p#et-search-title span { padding: 0 !important; color: #111 !important; text-shadow: none !important; }
	.et_pt_portfolio_overlay { display: none !important; }
	.et_pt_gallery_entry { margin-left: 25px !important; }

	.et_pt_portfolio_item { width: 130px !important; }
	.et_portfolio_more_icon, .et_portfolio_zoom_icon { top: 20px !important; }
	.et_portfolio_zoom_icon { left: 63px !important; }
	.et_portfolio_more_icon { left: 24px !important; }

	.et_portfolio_large .et_pt_portfolio_item { margin-left: 39px !important; }
}

@media only screen and ( max-width: 767px ) {
	#logo { margin-bottom: -25px; }
	#left-column { position: relative; width: auto; left: 0; padding: 0; text-align: center; }
		#left-column #widgets { display: none; }
	#content { margin: 0 auto; width: 418px; }
	#mobile_menu { display: block; margin-top: 20px; }
	#recent-posts { padding-top: 17px; }
	#search-form { margin-right: 0; }

	#et_pt_gallery { margin-right: -22px !important; }
		.et_pt_gallery_entry { margin-left: 18px !important; }

	.et_pt_portfolio_item { margin-left: 22px !important; }
}

@media only screen and ( max-width: 479px ) {
	#content { width: 290px; }
	.commentlist ul.children { padding-left: 0; }
	#main-menu.mobile_nav > ul { width: 253px; }
	div.et_pt_thumb { float: none; margin: 0 auto !important; }
	#et_contact_right { margin-left: 0 !important; width: 100% !important; }
	.sitemap-col { width: 97% !important; }
	#search-form #searchinput { margin: 8px 0 0; }
	#et-searchinput { width: 231px !important; }
	#et-search-left { float: none !important; width: auto !important; }
	.et_pt_gallery_entry { margin-left: 54px !important; }

	.et_pt_portfolio_item { width: 272px !important; margin-left: 33px !important; }
	.et_portfolio_more_icon, .et_portfolio_zoom_icon { top: 68px !important; }
	.et_portfolio_zoom_icon { left: 134px !important; }
	.et_portfolio_more_icon { left: 94px !important; }

	.et_portfolio_large .et_pt_portfolio_item { width: 257px !important; }
	.et_portfolio_large .et_portfolio_more_icon, .et_portfolio_large .et_portfolio_zoom_icon { top: 59px !important; }
	.et_portfolio_large .et_portfolio_zoom_icon { left: 129px !important; }
	.et_portfolio_large .et_portfolio_more_icon { left: 86px !important; }

	.entry_content { display: none; }
	.post-image { margin: 0 0 10px 20px; }
	.post-title h1 { padding-left: 31px; }
}
.et_embedded_videos { display: none !important; }

.textwidget a:hover img{
opacity:0.8;
}

.post-meta:after{
background: none;
}

.post-meta:before {
background: none;
}


.comment-bubble { background :url(https://troglodytes.online/imgs/comment-bubble.png) no-repeat scroll 0 0 transparent; width: 100px;  height: 40px; margin-top: 10px; text-align:center; }

.comment-bubble:hover { opacity:0.8; filter:alpha(opacity=80); }

.more-link:hover { text-shadow: 0px -1px 2px white, 0px -1px 2px yellow, 0px -1px 1px #ff8000, 0px -4px 9px red; }

iframe.fb_ltr.fb_iframe_widget_lift {
position: relative;
}

.wp-caption {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #585858;
  border-color: -moz-use-text-color -moz-use-text-color #ED7700 #ED7700;
  border-image: none;
  border-radius: 10px 10px 10px 10px;
  border-style: none none solid solid;
  border-width: medium medium 1px 1px;
}

.wp-caption p.wp-caption-text {
    font-size: 17px;
    line-height: 17px;
}

.post-content p {
  font-size: 17px;
  line-height: 25px;
  padding-bottom: 17px;
}
span.fn {
  display: block;
  font-size: 19px;
}

#commentform input#submit:hover {
  border: 1px solid #ED7700;
  opacity: 0.9;
}

.pptwj-tabs-wrap .boxes ul li.odd {
  background: none repeat scroll 0 0 #1b1b1b;
}

.pptwj-tabs-wrap .boxes ul li.even {
  background: none repeat scroll 0 0 #1b1b1b;
  border-left: medium none;
  border-right: medium none;
  border-top: medium none;
}

.pptwj-tabs-wrap .boxes ul li {
  border-bottom: 1px solid #ED7700;
  font-size: 13px;
  margin: 0;
  overflow: hidden;
  padding: 5px 8px;
}

.pptwj-tabs-wrap .boxes ul li a {
  color: #ED7700;
}

.pptwj-tabs-wrap .boxes ul li a:hover {
color: #278A34;
}

.pptwj-tabs-wrap .tab-links {
  background: none repeat scroll 0 0 #000000;
  border-bottom: 3px solid #000000;
  height: 26px;
  margin: 0;
  padding: 0 5px;
  position: relative;
}

.pptwj-tabs-wrap .boxes {
  border: 1px solid #ED7700;
  border-radius: 0 0 3px 3px;
  position: relative;
}


.pptwj-tabs-wrap .boxes ul.tab-filter-list a.selected, .pptwj-tabs-wrap .boxes ul.tab-filter-list a:hover {
  color: #278A34;
  text-decoration: none;
}


.pptwj-tabs-wrap .boxes ul.tab-filter-list a {
  color: #ED7700;
  font-size: 11px;
  margin: 0 8px;
  text-decoration: none;
  text-transform: uppercase;
}


.pptwj-tabs-wrap .boxes ul.tab-filter-list{ border: none; margin: -1px; background: #585858; padding: 0; text-align: center; }

.pptwj-tabs-wrap .tab-links li a.selected, .pptwj-tabs-wrap .tab-links li a:hover {
  background: none repeat scroll 0 0 #585858;
  border-radius: 5px 5px 0 0;
  color: #ED7700;
  text-decoration: none;
}


.vslider {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  float: none;
  height: 200px;
  padding: 0;
  position: relative;
  width: 200px;
}

.vslider .cs-title {
  bottom: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  width: 200px;
  z-index: 1000;
}

blockquote {
  background: none repeat scroll 0 0 #585858;
  border: 1px solid #ED7700;
  border-radius: 20px;
  color: #DBDBDB;
  font-style: italic;
  margin: 1.5em;
  padding: 1em;
}

.post-title h1 a {
  padding: 9px;
}

.wp-biographia-container-around {
  border-radius: 20px;
}

.wp-biographia-pic {
  background: none repeat scroll 0 0 #1B1B1B;
  border: 1px solid #ED7700;
  border-radius: 9px;
}

.wp-biographia-text h3 {
  font-size: 15px !important;
  font-weight: 600 !important;
  margin: 0 0 8px !important;
  line-height: 1.4 !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
}

.troglo-bio-author-link {
  color: rgb(237, 119, 0) !important;
  text-decoration: none !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
}

.troglo-bio-author-link:hover {
  text-decoration: underline !important;
}

.et-protected {
  background: #1b1b1b none repeat scroll 0 0;
  border: 1px solid #ed7700;
  margin-bottom: 10px;
  width: auto;
}
.et-protected-form input.etlogin-button {
  background: #278a34 none repeat scroll 0 0;
  border: 1px solid #ed7700;
  box-shadow: none;
  color: #ed7700;
  font-size: 14px;
  font-weight: 600;
  padding: 14px 24px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.95);
}


#free_content {
  display: none;
}

/* ================================================ */
/* ============ MOBILE RESPONSIVE FIX ============= */
/* ================================================ */

/* Fix for all screen sizes - fluid images */
img {
    max-width: 100% !important;
    height: auto;
}

/* Responsive video embeds — maintain 16:9 aspect ratio, fill container */
.post-content iframe,
.post-content embed,
.post-content object {
    width: 100% !important;
    max-width: 560px !important;
    aspect-ratio: 16 / 9;
    height: auto !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Mixcloud — shorter player, override the 16:9 */
.post-content iframe[src*="mixcloud"] {
    aspect-ratio: unset !important;
    height: 120px !important;
}

/* Knight Lab Timeline / Story / StoryMap — full width, keep original height */
.post-content iframe[src*="knightlab.com"] {
    max-width: 100% !important;
    aspect-ratio: unset !important;
    height: 650px !important;
}

/* Video tag (native HTML5) */
video, .wp-video-shortcode {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* === Scroll-to-top button (scroll-to-top-button plugin) === */
.scroll-top-inner {
    width: 46px !important;
    height: 46px !important;
    background: #1a1a1a !important;
    border: 2px solid rgb(237, 119, 0) !important;
    border-radius: 50% !important;
    box-shadow: 0 0 12px rgba(237, 119, 0, 0.35) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: box-shadow 0.2s, background 0.2s !important;
}

.scroll-top-inner span {
    font-size: 0 !important;
    color: transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
}

.scroll-top-inner span::before {
    content: '' !important;
    display: block !important;
    width: 11px !important;
    height: 11px !important;
    border-top: 2.5px solid rgb(237, 119, 0) !important;
    border-right: 2.5px solid rgb(237, 119, 0) !important;
    transform: rotate(-45deg) translateY(3px) !important;
}

.scroll-top-inner:hover {
    background: rgba(237, 119, 0, 0.15) !important;
    box-shadow: 0 0 20px rgba(237, 119, 0, 0.55) !important;
}

/* === WP Biographia enhancements (global) === */
.troglo-bio-label {
    display: inline;
    font-size: inherit;
    text-transform: none;
    letter-spacing: normal;
    color: rgba(255, 255, 255, 0.55);
    font-weight: 400;
}

.troglo-bio-toggle {
    display: block;
    background: none;
    border: 1px solid rgba(237, 119, 0, 0.5);
    color: rgb(237, 119, 0);
    font-size: 12px;
    padding: 4px 14px;
    border-radius: 20px;
    cursor: pointer;
    margin: 8px 0 6px;
    letter-spacing: 0.5px;
    transition: background 0.15s;
}

.troglo-bio-toggle:hover {
    background: rgba(237, 119, 0, 0.12);
}

.troglo-bio-posts-link {
    display: inline-block;
    color: rgb(237, 119, 0) !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(237, 119, 0, 0.45);
    padding-bottom: 1px;
    margin-top: 6px;
}

.troglo-bio-posts-link:hover {
    border-bottom-color: rgb(237, 119, 0);
}

/* Expanded state — must beat the !important max-height in media query */
.wp-biographia-text p.troglo-bio-expanded,
.wp-biographia-text div.troglo-bio-expanded {
    max-height: 2000px !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    transition: max-height 0.4s ease !important;
}

.wp-biographia-text p,
.wp-biographia-text div {
    transition: max-height 0.4s ease;
}

/* === Custom Share Buttons === */
.troglo-share {
    margin: 28px 0 10px;
    padding-top: 16px;
    border-top: 1px solid rgba(237,119,0,0.3);
}

.troglo-share-label {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: rgba(255,255,255,0.45);
    margin-bottom: 10px;
}

.troglo-share-buttons {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.troglo-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 10px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.45);
    transition: transform 0.15s, opacity 0.15s;
    flex: 1;
    justify-content: center;
    min-width: 90px;
    border: none;
    outline: none;
}

.troglo-btn:hover {
    opacity: 0.88;
    transform: translateY(-1px);
    color: #fff;
    text-decoration: none;
}

.troglo-btn svg {
    flex-shrink: 0;
}

.troglo-fb { background: #1877F2; }
.troglo-tw { background: #111; }
.troglo-wa { background: #25D366; }

/* === Mobile: max 479px (phones) === */
@media only screen and (max-width: 479px) {

    /* Prevent any horizontal scroll */
    html, body {
        overflow-x: hidden !important;
        max-width: 100% !important;
    }

    /* Full-width content */
    #content {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 12px !important;
        box-sizing: border-box !important;
    }

    /* Left column stacks above content */
    #left-column {
        position: relative !important;
        width: 100% !important;
        left: 0 !important;
        top: 0 !important;
        text-align: center !important;
        padding: 0 !important;
    }

    /* Logo centered */
    #logo img {
        max-width: 180px !important;
    }

    /* Hide Monarch fixed social sidebar (overlaps content on mobile) */
    .et_social_sidebar_networks,
    .et_social_sidebar_networks_wrapper {
        display: none !important;
    }

    /* Show mobile hamburger */
    #mobile_menu {
        display: block !important;
        margin-top: 10px !important;
        margin-bottom: 6px !important;
    }

    #mobile_nav {
        padding: 8px 20px 8px 38px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        letter-spacing: 1px !important;
        border-radius: 8px !important;
        border: 2px solid rgb(237, 119, 0) !important;
        display: inline-block !important;
    }

    /* Replace + image with CSS hamburger (three lines) */
    #mobile_nav span {
        background-image: none !important;
        background-color: transparent !important;
        width: 18px !important;
        height: 2px !important;
        top: 50% !important;
        left: 12px !important;
        transform: translateY(-50%) !important;
        background: rgb(237, 119, 0) !important;
        box-shadow: 0 -6px 0 rgb(237, 119, 0), 0 6px 0 rgb(237, 119, 0) !important;
        border-radius: 2px !important;
        filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.95)) !important;
    }

    /* Post note full width */
    .note-content {
        margin-left: 10px !important;
        padding: 0 10px 0 10px !important;
    }

    .post-title {
        margin: 0 -10px 0 -20px !important;
        padding-left: 20px !important;
        border-radius: 30px 30px 0 0 !important;
    }

    .post-title h1 {
        font-size: 20px !important;
        padding-left: 5px !important;
        line-height: 26px !important;
    }

    /* Post images not floated on mobile */
    .post-image,
    .alignleft,
    .alignright {
        float: none !important;
        margin: 0 auto 10px auto !important;
        display: block !important;
        max-width: 100% !important;
    }

    .aligncenter {
        max-width: 100% !important;
        height: auto !important;
    }

    /* Post content font readable on mobile */
    .post-content p {
        font-size: 15px !important;
        line-height: 24px !important;
    }

    /* Comments section full width */
    .reply-container,
    #comments,
    #respond,
    #commentform,
    .comment-list {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    #commentform input[type="text"],
    #commentform textarea {
        width: 90% !important;
        box-sizing: border-box !important;
    }

    /* Entry content visible (was hidden) */
    .entry_content {
        display: block !important;
    }

    /* Navigation menu bigger touch targets */
    #main-menu > ul > li > a {
        padding: 8px 14px !important;
        font-size: 14px !important;
        display: block !important;
        margin-bottom: 4px !important;
    }

    /* Mobile nav dropdown - full width, touch-friendly */
    #main-menu.mobile_nav {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        z-index: 9999 !important;
    }

    #main-menu.mobile_nav > ul {
        width: 100% !important;
        background: rgba(15, 15, 15, 0.97) !important;
        border: 2px solid rgb(237, 119, 0) !important;
        border-radius: 12px !important;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.8) !important;
        padding: 6px 0 10px !important;
        box-sizing: border-box !important;
    }

    #main-menu.mobile_nav li {
        border-bottom: 1px solid rgba(237, 119, 0, 0.2) !important;
        float: none !important;
    }

    #main-menu.mobile_nav li:last-child {
        border-bottom: none !important;
    }

    #main-menu.mobile_nav li a {
        display: block !important;
        padding: 14px 20px !important;
        font-size: 16px !important;
        color: rgb(237, 119, 0) !important;
        text-align: left !important;
        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        margin: 0 !important;
        letter-spacing: 0.5px !important;
    }

    #main-menu.mobile_nav li ul {
        background: rgba(30, 30, 30, 0.98) !important;
        border-left: 3px solid rgb(39, 138, 52) !important;
        margin-left: 10px !important;
        width: auto !important;
    }

    #main-menu.mobile_nav li ul a {
        font-size: 14px !important;
        padding: 11px 20px 11px 25px !important;
        color: rgb(180, 180, 180) !important;
    }

    /* Hide right sidebar widgets on mobile */
    #widgets {
        display: none !important;
    }

    /* Pagination fix */
    .wp-pagenavi {
        font-size: 18px !important;
    }

    /* Tables scroll on mobile */
    table {
        display: block !important;
        overflow-x: auto !important;
        width: 100% !important;
    }

    /* WP Biographia author box — stack vertically on mobile */
    .wp-biographia-container-around {
        padding: 16px 14px !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .wp-biographia-pic,
    .wp-biographia-container-around .wp-biographia-pic {
        float: none !important;
        clear: both !important;
        display: block !important;
        margin: 0 auto 14px auto !important;
        text-align: center !important;
        width: auto !important;
    }

    .wp-biographia-pic img,
    .wp-biographia-container-around .wp-biographia-pic img {
        display: block !important;
        float: none !important;
        margin: 0 auto !important;
        max-width: 88px !important;
        height: auto !important;
        border-radius: 10px !important;
    }

    .wp-biographia-text,
    .wp-biographia-container-around .wp-biographia-text {
        width: 100% !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
        overflow: hidden !important;
    }

    .wp-biographia-text h3 {
        font-size: 13px !important;
    }

    .wp-biographia-text p,
    .wp-biographia-text div {
        font-size: 13px !important;
        line-height: 20px !important;
        max-height: 100px !important;
        overflow: hidden !important;
        position: relative !important;
        -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%) !important;
        mask-image: linear-gradient(to bottom, black 60%, transparent 100%) !important;
    }

    /* WP Biographia social links row */
    .wp-biographia-list {
        display: flex !important;
        gap: 8px !important;
        flex-wrap: wrap !important;
        padding: 0 !important;
        margin: 8px 0 0 !important;
        list-style: none !important;
    }

    .wp-biographia-list li {
        margin: 0 !important;
    }

    .wp-biographia-list li a img {
        width: 26px !important;
        height: 26px !important;
        opacity: 0.7 !important;
    }
}

/* === WordPress Video Player — dark theme fix === */
.wp-video {
    background: #000 !important;
    border: 1px solid #ED7700 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    max-width: 100% !important;
    margin-bottom: 14px !important;
}
.wp-video video,
.wp-video-shortcode {
    display: block !important;
    background: #000 !important;
    max-width: 100% !important;
}
/* Hide the fallback <a> link inside the video tag */
.wp-video-shortcode a {
    display: none !important;
}
/* mejs player controls dark */
.mejs-container,
.mejs-container .mejs-controls,
.mejs-container .mejs-controls * {
    background: #1b1b1b !important;
    color: #DBDBDB !important;
}
.mejs-container .mejs-time-rail .mejs-time-loaded,
.mejs-container .mejs-time-rail .mejs-time-current {
    background: #ED7700 !important;
}

/* === Tablet: 480px - 767px === */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    #content {
        width: 95% !important;
        margin: 0 auto !important;
        padding: 0 15px !important;
        box-sizing: border-box !important;
    }

    #left-column {
        position: relative !important;
        width: 100% !important;
        left: 0 !important;
        text-align: center !important;
    }

    .post-title h1 {
        font-size: 22px !important;
    }

    .post-image,
    .alignleft,
    .alignright {
        float: none !important;
        display: block !important;
        margin: 0 auto 10px auto !important;
        max-width: 100% !important;
    }

    .et_social_sidebar_networks,
    .et_social_sidebar_networks_wrapper {
        display: none !important;
    }

    #mobile_menu {
        display: block !important;
    }

    /* WP Biographia author box — stack vertically on tablet */
    .wp-biographia-container-around {
        padding: 16px !important;
        box-sizing: border-box !important;
    }

    .wp-biographia-pic {
        float: none !important;
        display: block !important;
        margin: 0 auto 14px auto !important;
        text-align: center !important;
    }

    .wp-biographia-pic img {
        display: block !important;
        margin: 0 auto !important;
        max-width: 90px !important;
        height: auto !important;
        border-radius: 10px !important;
    }

    .wp-biographia-text {
        width: 100% !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
    }
}