/*****
Theme Name: TechTrantor Custom
Theme URI: https://techtrantor.com/
Description: Custom child theme for TechTrantor local/staging/production styling.
Author: TechTrantor
Author URI: https://techtrantor.com/
Template: mh-magazine-lite
Version: 1.0.0
Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-background, flexible-header, custom-colors, custom-header, custom-menu, featured-images, footer-widgets, theme-options, full-width-template, threaded-comments, translation-ready, rtl-language-support, blog, news
Text Domain: techtrantor-custom
Domain Path: /languages/
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*****/

/***** Structure *****/

body { color: #333f49; }
.mh-container-outer { margin: 0 auto; box-shadow: none; }

/***** Typography *****/

h1, h2, h3, h4, h5, h6 { color: #333f49; }
pre, code { background: #e9ecf6; }
kbd { background: #e9ecf6; }
blockquote { color: #333f49; border-color: #00aae1; }
a { color: #333f49; }
a:hover { color: #00aae1; }

/***** Header *****/

.mh-header-tagline { color: #00aae1; }

/***** Navigation *****/

.mh-main-nav-wrap { background: #333f49; }
.mh-main-nav { background: #333f49; border-bottom: none; }
.mh-main-nav li:hover { background: #00aae1; }
.mh-main-nav ul li:hover > ul { background: #333f49; }
.mh-main-nav .menu > .current-menu-item { background: none; }
.mh-main-nav .menu > .current-menu-item:hover { background: #00aae1; }

/***** SlickNav Custom Style *****/

.slicknav_btn { background: #00aae1; }
.slicknav_menu { border-color: #333f49; background: #00aae1; }
.slicknav_nav ul { border-color: #333f49; }
.slicknav_nav .slicknav_item:hover, .slicknav_nav a:hover { background: #00aae1; }
.mh-main-nav-wrap .slicknav_btn, .mh-main-nav-wrap .slicknav_menu, .mh-main-nav-wrap .slicknav_nav .slicknav_item:hover, .mh-main-nav-wrap .slicknav_nav a:hover { background: transparent; }
.mh-main-nav-wrap .slicknav_nav ul { border-color: #00aae1; }
.mh-main-nav-wrap .slicknav_nav ul ul { border: none; }

/***** Posts/Pages *****/

.page-title { color: #333f49; }
.mh-meta, .mh-meta a, .mh-footer .mh-meta a { color: #607d8b; }
.mh-meta a:hover, .mh-footer .mh-meta a:hover { color: #00aae1; }
.entry-content a { color: #00aae1; }
.entry-content a:hover { color: #00aae1; }
.entry-tags li { background: #333f49; }
.entry-tags li:hover { background: #00aae1; }
.entry-tags .fa { background: #00aae1; }

/***** Pagination *****/

.page-numbers { color: #333f49; background: #e9ecf6; }
.page-numbers:hover, .mh-loop-pagination .current, .mh-comments-pagination .current, a:hover .pagelink { background: #00aae1; }
.pagelink { background: #00aae1; }
a .pagelink { color: #333f49; background: #e9ecf6; }

/***** Footer *****/

.mh-footer { background: #333f49; }
.mh-footer a { color: #e9ecf6; }
.mh-copyright-wrap { border-color: #555; background: #333f49; }
.mh-copyright, .mh-copyright a { color: #e9ecf6; }

/***** Images / Video *****/

.wp-caption-text, .wp-block-image figcaption, .wp-block-audio figcaption { color: #333f49; }

/***** Gallery *****/

.gallery-caption { color: #fff; }

/***** Comments *****/

.bypostauthor .mh-comment-meta-author:after, .mh-comment-meta-links .comment-reply-link:before, #respond #cancel-comment-reply-link:before { color: #00aae1; }

/***** Forms *****/

input[type=text]:hover, input[type=email]:hover, input[type=tel]:hover, input[type=url]:hover, textarea:hover { border-color: #00aae1; }
input[type=submit] { background: #00aae1; }
input[type=submit]:hover { background: #333f49; }

/***** Searchform *****/

.mh-widget .search-form { background: #e9ecf6; }

/***** Widgets *****/

.mh-widget-title { font-size: 14px; font-size: 0.875rem; color: #fff; padding: 10px 15px; background: #00aae1; border-bottom: none; }
.mh-widget-title a { color: #fff; }

/***** Widgets Areas (Advertising) *****/

.mh-ad-spot, .mh-info-spot { background: #e9ecf6; }

/***** MH Slider Widget *****/

.mh-slider-widget img { width: 100%; display: block; }
.mh-slider-widget .flex-control-nav { width: auto; top: 20px; right: 15px; bottom: auto; }
.mh-slider-widget .flex-control-paging li a { width: 20px; height: 20px; background: #fff; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
.mh-slider-widget .flex-control-paging li a:hover { background: #f5f5f5; }
.mh-slider-widget .flex-control-paging li a.flex-active { background: #00aae1; border: none; }
.mh-slider-caption { top: 0; bottom: 0; left: 0; background: #333f49; background: rgba(51, 63, 73, 0.8); border: none; }
.mh-slider-caption, .mh-slider-caption .mh-excerpt-more, .mh-slider-title { color: #e9ecf6; }
.mh-widget-col-1 .flex-control-nav, .mh-widget-col-2 .flex-control-nav { top: 15px; right: 10px; }
.mh-widget-col-1 .mh-slider-caption { background: #333f49; }
.mh-footer-widget .mh-slider-caption { background: rgba(255, 255, 255, 0.1); }

/***** MH Posts Stacked Widget *****/

.mh-posts-stacked-title { background: #333f49; background: rgba(51, 63, 73, 0.8); }
.mh-posts-stacked-meta { background: #00aae1; }
#mh-mobile .mh-footer-widget .mh-posts-stacked-overlay { border-color: #333f49; }

/***** MH Tabbed Widget *****/

.mh-tabbed-widget, .mh-tabbed-widget a { color: #333f49; }
.mh-tabbed-widget a:hover { color: #00aae1; }
.mh-tabbed-widget .tagcloud a { color: #fff; }
.mh-tab-buttons { border-bottom: 3px solid #00aae1; }
.mh-tab-button { background: #e9ecf6; }
.mh-tab-button.active, .mh-tab-button.active:hover { color: #fff; background: #00aae1; }
.mh-tab-content { background: #e9ecf6; }
.mh-footer-widget .mh-tabbed-widget, .mh-footer-widget .mh-tabbed-widget a { color: #fff; }
.mh-footer-widget .mh-tab-button.active { background: #00aae1; }
.mh-footer-widget .mh-tab-comment-excerpt { background: #333f49; }

/***** WP Calendar Widget *****/

#wp-calendar caption { background: #e9ecf6; }

/***** WP Tag Cloud Widget *****/

.mh-widget .tagcloud a { background: #333f49; }
.mh-footer-widget .tagcloud a { background: #333f49; }
.tagcloud a:hover, .mh-widget .tagcloud a:hover, .mh-footer-widget .tagcloud a:hover { background: #00aae1; }

/***** WP Recent Posts Widget / WP Recent Comments Widget *****/

.widget_recent_entries .post-date { color: #607d8b; margin-bottom: 5px; }

/***** Media Queries *****/

@media screen and (max-width: 900px) {
	#mh-mobile .mh-slider-caption { background: #333f49; background: rgba(51, 63, 73, 1); }
}
@media only screen and (max-width: 420px) {
	.mh-copyright-wrap { padding: 15px 20px; }
}
/***** TechTrantor Modern Refresh *****/

:root {
	--tt-bg: #f3f7fb;
	--tt-surface: #ffffff;
	--tt-surface-soft: #f8fbff;
	--tt-text: #0f172a;
	--tt-muted: #5b6472;
	--tt-accent: #0077ff;
	--tt-accent-soft: #e8f1ff;
	--tt-border: #d8e3f0;
	--tt-shadow: 0 10px 24px rgba(8, 37, 72, 0.08);
}

body {
	font-family: "Segoe UI", "Inter", "SF Pro Text", "Helvetica Neue", sans-serif;
	color: var(--tt-text);
	background:
		radial-gradient(1200px 420px at 100% -10%, #d8e8ff 0%, transparent 55%),
		radial-gradient(1000px 380px at -10% 0%, #e6f6ff 0%, transparent 52%),
		var(--tt-bg);
}

.mh-container-outer {
	max-width: 1240px;
	border-radius: 14px;
	overflow: hidden;
	background: transparent;
}

.mh-container {
	background: transparent;
}

.mh-header {
	background: linear-gradient(140deg, #0b1b31 0%, #112e52 60%, #174372 100%);
	color: #eaf4ff;
	border-bottom: 1px solid rgba(170, 210, 255, 0.3);
}

.mh-header a,
.mh-header .mh-header-tagline,
.mh-header .mh-header-tagline a {
	color: #eaf4ff;
}

.mh-header .mh-header-title,
.mh-header .mh-header-text-link .mh-header-title {
	color: #ffffff;
}

.mh-main-nav-wrap,
.mh-main-nav {
	background: rgba(11, 27, 49, 0.96);
	border-bottom: 1px solid rgba(180, 214, 255, 0.25);
}

.mh-main-nav .menu > .current-menu-item,
.mh-main-nav li:hover {
	background: var(--tt-accent);
}

.mh-content-section {
	background: transparent;
	padding-top: 14px;
}

.mh-content,
.mh-sidebar {
	background: transparent;
}

.mh-widget {
	background: var(--tt-surface);
	border: 1px solid var(--tt-border);
	border-radius: 12px;
	box-shadow: var(--tt-shadow);
	padding: 14px;
	margin-bottom: 22px;
}

.mh-widget-title {
	background: var(--tt-accent);
	border-radius: 8px;
	font-size: 0.78rem;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.entry-wrap,
.post,
.page .entry-content {
	background: var(--tt-surface);
	border: 1px solid var(--tt-border);
	border-radius: 14px;
	box-shadow: var(--tt-shadow);
	padding: 20px;
}

.entry-title,
.entry-title a,
.page-title,
h1, h2, h3, h4, h5, h6 {
	color: var(--tt-text);
}

.mh-meta,
.mh-meta a {
	color: var(--tt-muted);
}

.entry-content,
.entry-summary,
p,
li {
	color: #253047;
	line-height: 1.7;
}

a {
	color: var(--tt-accent);
}

a:hover {
	color: #005dd1;
}

.entry-content a {
	text-decoration-thickness: 2px;
	text-underline-offset: 2px;
}

.mh-loop-item {
	background: var(--tt-surface);
	border: 1px solid var(--tt-border);
	border-radius: 14px;
	padding: 14px;
	box-shadow: var(--tt-shadow);
	margin-bottom: 18px;
}

.mh-loop-thumb img,
.mh-widget img,
.entry-thumbnail img,
.wp-post-image {
	border-radius: 10px;
}

.entry-tags li,
.tagcloud a {
	background: #e8f1ff;
	color: #0a346d;
	border-radius: 999px;
	border: 1px solid #b8d6ff;
}

.entry-tags li:hover,
.tagcloud a:hover {
	background: var(--tt-accent);
	color: #fff;
}

.page-numbers {
	background: var(--tt-surface-soft);
	border: 1px solid var(--tt-border);
	border-radius: 10px;
}

.page-numbers:hover,
.mh-loop-pagination .current {
	background: var(--tt-accent);
	color: #fff;
}

.mh-footer,
.mh-copyright-wrap {
	background: #0d1f37;
	color: #dbeaff;
}

.mh-footer a,
.mh-copyright,
.mh-copyright a {
	color: #dbeaff;
}

input[type=text],
input[type=email],
input[type=url],
textarea {
	border-radius: 10px;
	border: 1px solid var(--tt-border);
}

input[type=submit],
button,
.button {
	background: linear-gradient(120deg, #0077ff 0%, #0a9ad6 100%);
	border-radius: 10px;
	border: none;
	color: #fff;
}

input[type=submit]:hover,
button:hover,
.button:hover {
	background: linear-gradient(120deg, #0067dd 0%, #067fb1 100%);
}

@media only screen and (min-width: 901px) {
	.mh-right-sb #main-content.mh-content {
		float: left;
		width: 66.5%;
		margin-right: 2.5%;
	}
	.mh-right-sb .mh-sidebar {
		float: left;
		width: 31%;
		clear: none;
	}
	.mh-content-section {
		display: block;
		overflow: hidden;
	}
}

@media only screen and (max-width: 900px) {
	.mh-content,
	.mh-sidebar {
		width: 100%;
	}
	.mh-content-section {
		padding-top: 8px;
	}
	.entry-wrap,
	.post {
		padding: 16px;
	}
}

/***** Related Posts *****/

.tt-related-posts {
	margin-top: 18px;
	padding-top: 14px;
	border-top: 1px solid #dce8f5;
}

.tt-related-posts h2 {
	font-size: 1.1rem;
	margin: 0 0 12px 0;
}

.tt-related-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

.tt-related-card {
	background: #f8fbff;
	border: 1px solid #d7e6f7;
	border-radius: 10px;
}

.tt-related-card a {
	display: block;
	padding: 12px;
	text-decoration: none;
}

.tt-related-card h3 {
	font-size: 0.92rem;
	line-height: 1.35;
	margin: 0 0 7px 0;
	color: #14263f;
}

.tt-related-card p {
	margin: 0;
	font-size: 0.84rem;
	color: #59708b;
}

@media only screen and (max-width: 1024px) {
	.tt-related-grid {
		grid-template-columns: 1fr;
	}
}

/***** Menu Rollback *****/

.mh-main-nav-wrap {
	background: #333f49 !important;
}

.mh-main-nav {
	background: #333f49 !important;
	border-bottom: none !important;
}

.mh-main-nav li:hover {
	background: #00aae1 !important;
}

.mh-main-nav ul li:hover > ul {
	background: #333f49 !important;
}

.mh-main-nav .menu > .current-menu-item {
	background: none !important;
}

.mh-main-nav .menu > .current-menu-item:hover {
	background: #00aae1 !important;
}

/***** Post Enhancements *****/

#tt-reading-progress {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background: rgba(255, 255, 255, 0.45);
	z-index: 9999;
}

.tt-reading-progress-bar {
	display: block;
	height: 100%;
	width: 0;
	background: linear-gradient(90deg, #00aae1 0%, #0077ff 100%);
	transition: width 0.08s linear;
}

.tt-last-updated {
	margin-top: 8px;
	font-size: 0.82rem;
	font-weight: 700;
	color: #0b6fbe;
}

.entry-content pre {
	background: #0f1726 !important;
	color: #eaf2ff !important;
	border: none;
	border-radius: 10px;
	padding: 14px;
	overflow-x: auto;
}

.entry-content pre code {
	background: transparent !important;
	color: inherit !important;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
}

.entry-content .wp-block-code,
.entry-content .wp-block-code code {
	border: none !important;
	box-shadow: none !important;
}

.tt-code-wrap {
	position: relative;
	margin: 0 0 14px 0;
}

.tt-copy-code {
	position: absolute;
	top: 8px;
	right: 8px;
	padding: 6px 10px;
	border-radius: 8px;
	border: 1px solid #3b557f;
	background: #14233c;
	color: #e8f1ff;
	font-size: 0.74rem;
	cursor: pointer;
}

.tt-copy-code:hover {
	background: #1a3358;
}

/***** Search Enhancements *****/

.tt-search-form {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 8px;
	align-items: center;
}

.tt-popular-searches {
	background: #f8fbff;
	border: 1px solid #d7e6f7;
	border-radius: 12px;
	padding: 12px 14px;
	margin-bottom: 14px;
}

.tt-popular-searches h3 {
	font-size: 0.95rem;
	margin: 0 0 8px 0;
}

.tt-popular-searches-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.tt-popular-searches-list a {
	font-size: 0.8rem;
	background: #eaf3ff;
	border: 1px solid #c4dbf5;
	border-radius: 999px;
	padding: 5px 10px;
	text-decoration: none;
}

@media only screen and (max-width: 900px) {
	.tt-search-form {
		grid-template-columns: 1fr;
	}
}