/* ============================================
   BODY TEXT & READABILITY
   ============================================ */
/* Main content text */
.entry-content,
.entry-content p {
	font-size: 18px !important;
	line-height: 1.75 !important;
	color: #333;
}

/* Limit content width for better readability */
.entry-content {
	max-width: 720px;
}

/* Paragraphs spacing */
.entry-content p {
	margin-bottom: 1.5em;
}
/*
 * Hide Sidebar
*/  
.page-id-2 #secondary.widget-area {
    display: none !important;
}
/* ============================================
   HEADINGS
   ============================================ */
/* Post title */
.entry-title {
	font-size: 38px !important;
	line-height: 1.3 !important;
	margin-bottom: .5em;
}

/* H2 section headers */
.entry-content h2 {
	font-size: 28px !important;
	line-height: 1.4 !important;
	margin-top: 1.8em;
	margin-bottom: .8em;
	font-weight: 700;
}

/* H3 sub-sections */
.entry-content h3 {
	font-size: 24px !important;
	line-height: 1.4 !important;
	margin-top: 1.5em;
	margin-bottom: .7em;
	font-weight: 700;
}

/* H4 */
.entry-content h4 {
	font-size: 20px !important;
	line-height: 1.4 !important;
	margin-top: 1.3em;
	margin-bottom: .6em;
	font-weight: 700;
}

/* ============================================
   LISTS
   ============================================ */
.entry-content ul,
.entry-content ol {
	margin-bottom: 1.5em;
	padding-left: 2em;
}

.entry-content li {
	margin-bottom: .5em;
	line-height: 1.7;
}

/* ============================================
   CODE & TECHNICAL CONTENT
   ============================================ */
/* Inline code */
.entry-content code {
	font-family: Consolas, Monaco, 'Courier New', monospace;
	font-size: 16px;
	background-color: #f5f5f5;
	padding: 2px 6px;
	border-radius: 3px;
	color: #d73a49;
}

/* Code blocks */
.entry-content pre {
	font-family: Consolas, Monaco, 'Courier New', monospace;
	font-size: 15px;
	background-color: #f6f8fa;
	padding: 16px;
	border-radius: 6px;
	overflow-x: auto;
	line-height: 1.6;
	margin-bottom: 1.5em;
}

.entry-content pre code {
	background-color: transparent;
	padding: 0;
	color: inherit;
	font-size: inherit;
}

/* ============================================
   LINKS
   ============================================ */
.entry-content a {
	color: #0066cc;
	text-decoration: underline;
	text-decoration-color: rgba(0, 102, 204, 0.3);
	transition: all .2s ease;
}

.entry-content a:hover {
	color: #004499;
	text-decoration-color: rgba(0, 68, 153, 0.8);
}

/* ============================================
   IMAGES
   ============================================ */
.entry-content img {
	max-width: 100%;
	height: auto;
	margin: 1.5em 0;
	border-radius: 4px;
}

/* ============================================
   BLOCKQUOTES
   ============================================ */
.entry-content blockquote {
	border-left: 4px solid #ddd;
	padding-left: 1.5em;
	margin: 1.5em 0;
	font-style: italic;
	color: #666;
}

/* ============================================
   MOBILE OPTIMIZATION
   ============================================ */
@media (max-width: 768px) {
	.entry-content,
		    .entry-content p {
		font-size: 17px !important;
	}
	
	.entry-title {
		font-size: 32px !important;
	}
	
	.entry-content h2 {
		font-size: 26px !important;
	}
	
	.entry-content h3 {
		font-size: 22px !important;
	}
}