/**
 * Theme Name:   HackMag
 * Theme URI:    https://hackmag.com
 * Author:       V3XX
 * Author URI:   https://v3xx.com
 * Description:  New custom WordPress theme for HackMag project.
 * Version:      2025.09.10
 * Tested up to: 6.8.2
 * Requires PHP: 8.4
 * Text Domain:  hackmag
 */

/* -------------------------------------------------------------------------------------

   TABLE OF CONTENTS:
   ==================
   
   GENERIC:    Normalize, Box sizing
   BASE:       Grid, Typography, Elements, Links, Forms
               Layouts
   COMPONENTS: Navigation, Posts and pages, Comments, Widgets, Media, Captions,
               Galleries
   PLUGINS:    
   UTILITIES:  Accessibility, Alignments

------------------------------------------------------------------------------------- */

/**
 * GENERIC: Normalize [ normalize.css v8.0.1 ]
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}

body {margin: 0;}
main {display: block;}
h1 {font-size: 2em;margin: 0.67em 0;}
hr {box-sizing: content-box;height: 0;overflow: visible;}
pre {font-family: monospace, monospace;font-size: 1em;}
a {background-color: transparent;}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

b, strong {font-weight: bolder;}
code, kbd, samp {font-family: monospace, monospace;font-size: 1em;}
small {font-size: 80%;}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
img {border-style: none;}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {padding: 0.35em 0.75em 0.625em;}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {vertical-align: baseline;}
textarea {overflow: auto;}

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details {display: block;}
summary {display: list-item;}
template {display: none;}
[hidden] {display: none;}


/**
 * GENERIC: Box sizing
 */
*, *::before, *::after {box-sizing: inherit;}
html {box-sizing: border-box;}


/**
 * BASE: Grid [ MAV-880 CSS GRID ]
 * -=============================-
 * WIDTH: 1280px [ ROW == 1260px ]
 * DATE: .............. 2025.09.03
 */
*,*:after,*:before {margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.row {width: 100%;max-width:1280px;margin:0 auto;display: flex;}
.row .row {margin-left: -10px;margin-right: -10px;width: auto;}

[class*='mav880x-'] {float: left;position: relative;padding: 10px;width:100%;}
[class*='mav880x-']:last-of-type {float: right;}

/* CLEARFIX */
.row:after, .group:after, .clearfix:after {content: "";display: table;clear: both;}
.container:before,.container:after {display: table;content: " ";}
.container:after {clear: both;}
.left {float: left !important;}
.right {float: right !important;}

/* LARGE DESKTOP SIZE */
.show-desktop { display: none; }
@media only screen and (min-width: 75em) {
	.mav880x-1-desktop { width: 6.25%; }
	.mav880x-2-desktop { width: 12.5%; }
	.mav880x-3-desktop { width: 18.75%; }
	.mav880x-4-desktop { width: 25%; }
	.mav880x-5-desktop { width: 31.25%; }
	.mav880x-6-desktop { width: 37.5%; }
	.mav880x-7-desktop { width: 43.75%; }
	.mav880x-8-desktop { width: 50%; }
	.mav880x-9-desktop { width: 56.25%; }
	.mav880x-10-desktop { width: 62.5%; }
	.mav880x-11-desktop { width: 68.75%; }
	.mav880x-12-desktop { width: 75%; }
	.mav880x-13-desktop { width: 81.25%; }
	.mav880x-14-desktop { width: 87.5%; }
	.mav880x-15-desktop { width: 93.75%; }
	.mav880x-16-desktop { width: 100%; }

	.mav880x-0-desktop-offset { margin: 0; }
	.mav880x-1-desktop-offset { margin-left: 6.25%; }
	.mav880x-2-desktop-offset { margin-left: 12.5%; }
	.mav880x-3-desktop-offset { margin-left: 18.75%; }
	.mav880x-4-desktop-offset { margin-left: 25%; }
	.mav880x-5-desktop-offset { margin-left: 31.25%; }
	.mav880x-6-desktop-offset { margin-left: 37.5%; }
	.mav880x-7-desktop-offset { margin-left: 43.75%; }
	.mav880x-8-desktop-offset { margin-left: 50%; }
	.mav880x-9-desktop-offset { margin-left: 56.25%; }
	.mav880x-10-desktop-offset { margin-left: 62.5%; }
	.mav880x-11-desktop-offset { margin-left: 68.75%; }
	.mav880x-12-desktop-offset { margin-left: 75%; }
	.mav880x-13-desktop-offset { margin-left: 81.25%; }
	.mav880x-14-desktop-offset { margin-left: 87.5%; }
	.mav880x-15-desktop-offset { margin-left: 93.75%; }

	.mav880x-1-desktop-push { left: 6.25%; }
	.mav880x-2-desktop-push { left: 12.5%; }
	.mav880x-3-desktop-push { left: 18.75%; }
	.mav880x-4-desktop-push { left: 25%; }
	.mav880x-5-desktop-push { left: 31.25%; }
	.mav880x-6-desktop-push { left: 37.5%; }
	.mav880x-7-desktop-push { left: 43.75%; }
	.mav880x-8-desktop-push { left: 50%; }
	.mav880x-9-desktop-push { left: 56.25%; }
	.mav880x-10-desktop-push { left: 62.5%; }
	.mav880x-11-desktop-push { left: 68.75%; }
	.mav880x-12-desktop-push { left: 75%; }
	.mav880x-13-desktop-push { left: 81.25%; }
	.mav880x-14-desktop-push { left: 87.5%; }
	.mav880x-15-desktop-push { left: 93.75%; }

	.mav880x-1-desktop-pull { right: 6.25%; }
	.mav880x-2-desktop-pull { right: 12.5%; }
	.mav880x-3-desktop-pull { right: 18.75%; }
	.mav880x-4-desktop-pull { right: 25%; }
	.mav880x-5-desktop-pull { right: 31.25%; }
	.mav880x-6-desktop-pull { right: 37.5%; }
	.mav880x-7-desktop-pull { right: 43.75%; }
	.mav880x-8-desktop-pull { right: 50%; }
	.mav880x-9-desktop-pull { right: 56.25%; }
	.mav880x-10-desktop-pull { right: 62.5%; }
	.mav880x-11-desktop-pull { right: 68.75%; }
	.mav880x-12-desktop-pull { right: 75%; }
	.mav880x-13-desktop-pull { right: 81.25%; }
	.mav880x-14-desktop-pull { right: 87.5%; }
	.mav880x-15-desktop-pull { right: 93.75%; }

	.center-desktop {margin-left: auto;margin-right:auto;float:none !important;}
	.uncenter-desktop {margin-left: 0;margin-right: 0;float:left !important;}
	.uncenter-desktop.right {float:right !important;}
	[class*='mav880x-'].desktop-reset {margin-left: 0;margin-right: 0;left: auto;right: auto;float: left;}
}

@media only screen and (max-width: 30em) {.mav880x-100 { width:100%;}}

/* MAKE VISIBLE OR HIDDEN BLOCK ELEMENTS */
.show-phone, .show-tablet, .show-laptop, .show-desktop { display: none !important; }
.hide-phone { display: block !important; }

@media only screen and (max-width: 47.938em) {
	.phone { width: 100%; }
	.hide-phone { display:none !important; }
	.show-phone { display: block !important; }
}
 
@media only screen and (min-width: 48em) and (max-width: 61.938em) { 
	.hide-tablet { display: none !important; }
	.show-tablet { display: block !important; }
}
	
@media only screen and (min-width: 62em) and (max-width: 74.938em) { 
	.hide-laptop { display: none !important; }
	.show-laptop { display: block !important; }
}

@media only screen and (min-width: 75em) { 
	.hide-desktop { display: none !important; }
	.show-desktop { display: block !important; } 
}

/* RESPONSIVE IMAGES */
.responsive-img {display: block;height: auto;max-width: 100%;}

/* OTHER STUFF */
.mt-20 {margin-top: 20px;}
.mt-20:nth-child(-n+2) {margin-top: 0px;}
.mb-news {margin-bottom: 2.2rem;}


/**
 * [ MAV-880: TYPOGRAPHY STYLES                                                           ]
 * -======================================================================================-
 * [ UPDATED: ................................................................ 2025-09-03 ]
 */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {clear: both;}
p {margin-bottom: 1.5em;}
dfn, cite, em, i {font-style: italic;}
blockquote {margin: 0 1.5em;}
address {margin: 0 0 1.5em;}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
	border-radius: 18px;
}

code, kbd, tt, var {font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}


/**
 * [ MAV-880: ELEMENTS STYLES                                                             ]
 * -======================================================================================-
 * [ UPDATED: ................................................................ 2025-09-03 ]
 */
body {background: #ffffff;}
hr {background-color: #ccc;border: 0;height: 1px;margin-bottom: 1.5em;}
ul, ol {margin: 0 0 1.5em 3em;}
ul {list-style: disc;}
ol {list-style: decimal;}
li > ul, li > ol {margin-bottom: 0;margin-left: 1.5em;}
dt {font-weight: 700;}
dd {margin: 0 1.5em 1.5em;}
embed, iframe, object {max-width: 100%;}
img {height: auto;max-width: 100%;}
figure {margin: 1em 0;}
table {margin: 0 0 1.5em;width: 100%;}


/**
 * [ MAV-880: LINKS STYLES                                                                ]
 * -======================================================================================-
 * [ UPDATED: ................................................................ 2025-09-03 ]
 */
a {color: #212121;text-decoration: none;}
a:visited {color: #212121;}
a:hover, a:focus, a:active {color: #757575;}
a:focus {outline: thin dotted;}
a:hover, a:active {outline: 0;}


/**
 * [ MAV-880: FORMS STYLES                                                                ]
 * -======================================================================================-
 * [ UPDATED: ................................................................ 2025-09-03 ]
 */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {color: #111;}
select {border: 1px solid #ccc;}
textarea {width: 100%;}


/**
 * [ MAV-880: HEADER STYLES                                                               ]
 * -======================================================================================-
 * [ UPDATED: ................................................................ 2025-09-05 ]
 */
#hmheader {
	background: #f3f3f3;
	height: 80px;
	display: flex;
	align-items: center;
}

#hmheader .top {
	display: flex;
	align-items: center;
    justify-content: flex-end;
}

#hmheader .user-area-links a {
	color: #212121;
	text-transform: uppercase;
	text-decoration: none;
}

#hmheader .user-area-links a:hover {
	color: #757575;
}

#hmheader .user-area-links .sep {
	color: #212121;
}

#hmheader .site-branding {
	display: flex;
	justify-content: center;
	flex-direction: column;
	height: 100%;
}

#hmheader .site-branding a {
	height: auto;
	max-height: 30px;
	display: block;
}

#hmheader .site-branding .hackmag-logo {
	width: 100%;
	max-width: 220px;
	height: 29px;
	fill: #212121;
	background: url('assets/images/hackmag-logo-v3-dark.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}


/**
 * [ MAV-880: NAVIGATION STYLES                                                           ]
 * -======================================================================================-
 * [ UPDATED: ................................................................ 2025-09-03 ]
 */
.main-navigation {
	display: flex;
	align-items: center;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	position: relative;
	margin: 0 0.8rem;
	font-size: 1.4rem;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}

.main-navigation li:last-child {
	margin-right: 0;
}

.main-navigation a {
	display: block;
	text-decoration: none;
	color: #212121;
	line-height: 2.4rem;
}

.main-navigation a:hover {
	color: #757575;
}


/* SMALL MENU */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		flex-direction: row;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

.menu-toggle {
	display: none;
	background: transparent;
	border: none;
	cursor: pointer;
	font-weight: bold;
	padding: 10px;
}

.menu-primary-container {
	display: none;
}


/**
 * [ MAV-880: POSTS AND PAGES STYLES                                                      ]
 * -======================================================================================-
 * [ UPDATED: ................................................................ 2025-09-03 ]
 */
.sticky {display: block;}
.post, .page {margin: 0; /*0 0 1.5em*/}

.blog .post,
.archive .post,
.search .post,
.category .post {
	margin: 0 0 3em;
}

.blog .post .entry-content {
    margin: 1em 0 0;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 3em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}


/**
 * [ MAV-880: MEDIA STYLES                                                                ]
 * -======================================================================================-
 * [ UPDATED: ................................................................ 2025-09-03 ]
 */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}


/**
 * [ MAV-880: CAPTIONS STYLES                                                             ]
 * -======================================================================================-
 * [ UPDATED: ................................................................ 2025-09-03 ]
 */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}


/**
 * [ MAV-880: PLUGINS STYLES                                                              ]
 * -======================================================================================-
 * [ UPDATED: ................................................................ 2025-09-03 ]
 */
/** POST SHARING ----------------------------------------------------------------------- */
.wp-singular #page #primary article .entry-footer-sharing {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	margin: 4rem 0 2.8rem 0;
}

.wp-singular #page #primary article .entry-footer-sharing::before,
.wp-singular #page #primary article .entry-footer-sharing::after {
	content: '';
	display: flex;
	height: 4px;
	width: 9rem;
	background-color: #404040;
	position: relative;
	top: 1px;
	margin: 0 1rem;
	border-radius: 9px;
}

.wp-singular #page #primary article .entry-footer-sharing #heart-icon {
	vertical-align: sub;
	animation: pulse 1.5s infinite ease-in-out alternate-reverse;
	fill: #E91E63;
	margin: 0 0.1rem;
}

@keyframes pulse {from {transform: scale(1);} to {transform: scale(1.15);}}

.wp-singular #page #primary article .entry-footer-sharing span {
	font-size: 1.6rem;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 1rem 0 0.2rem;
}

.wp-singular #page #primary article .entry-footer-sharing .social-share-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0.3rem;
}

.wp-singular #page #primary article .entry-footer-sharing .social-share-icon:nth-child(3) {
	margin: 0 0.3rem 0 0;
}

.wp-singular #page #primary article .entry-footer-sharing .social-share-icon:last-child {
	margin: 0 0 0 0.3rem;
}

.wp-singular #page #primary article .entry-footer-sharing .social-share-icon svg:hover {
	fill: #757575;
}

/** RELATED POSTS & NEWS --------------------------------------------------------------- */
.wp-singular #page #primary #mav880-related-posts,
.wp-singular #page #primary #mav880-related-news {
	font-size: 1.6rem;
	text-transform: uppercase;
	font-weight: bold;
}

.wp-singular #page #primary .mav880-sprp-wrapper {margin-bottom: 0.8em;display: flex;flex-direction: column;flex-wrap: wrap;align-items: flex-start;justify-content: flex-start;align-content: flex-start;}
.wp-singular #page #primary .mav880-sprp-single-wrapper {margin-bottom: 0.8em;display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: flex-start;align-items: flex-start;}
.wp-singular #page #primary .mav880-sprp-single-wrapper h6 {margin-top: 0;margin-bottom: 0;color: #008CBA;line-height: 1.0;}
.wp-singular #page #primary .mav880-sprp-text-content {margin-left: 20px;}
.wp-singular #page #primary .mav880-sprp-text-content a {font-weight: bold;color: #212121;text-decoration: none;text-transform: uppercase;}
.wp-singular #page #primary .mav880-sprp-text-content a:hover {color: #757575;}
.wp-singular #page #primary .mav880-sprp-thumbnail {max-width: 96px;width: 100%;height: auto;}
.wp-singular #page #primary .mav880-sprp-text-content p {color: #212121;margin-bottom: 0;font-size: 16px;text-align: justify;line-height: initial;}
.wp-singular #page #primary .mav880-sprp-text-content .read-more-line {display: inline-block;width: 100%;max-width: 1008px;height: 2px;background-color: #9E9E9E;margin-right: 22px;vertical-align: middle;}
.wp-singular #page #primary .mav880-sprp-text-content a {font-size: 1rem;}


/**
 * [ MAV-880: MISC STYLES                                                                 ]
 * -======================================================================================-
 * [ UPDATED: ................................................................ 2025-09-03 ]
 */
::selection {background: #757575;color: #FFFFFF;}

/* SCREEN READER UTILITY */
.screen-reader-text {border: 0;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute !important;width: 1px;word-wrap: normal !important;}
.screen-reader-text:focus {background-color: #f1f1f1;border-radius: 3px;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);clip: auto !important;clip-path: none;color: #21759b;display: block;font-size: 0.875rem;font-weight: 700;height: auto;left: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none;top: 5px;width: auto;z-index: 100000;}
#primary[tabindex="-1"]:focus {outline: 0;}

/* ALIGNMENTS */
.alignleft {float: left;margin-right: 1.5em;margin-bottom: 1.5em;}
.alignright {float: right;margin-left: 1.5em;margin-bottom: 1.5em;}
.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;margin-bottom: 1.5em;}


/**
 * [ MAV-880: LATEST NEWS STYLES                                                          ]
 * -======================================================================================-
 * [ UPDATED: ................................................................ 2025-09-03 ]
 */
#latest-news {
	margin: 1.26rem 0px 0px 0px;
}

#latest-news .hot-news {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
	height: 138px;
}

#latest-news .hot-news img {
	width: 96px;
	max-width: 96px;
	height: 96px;
	max-height: 96px;
	border-radius: 9px;
}

#latest-news .hot-news span {
	font-weight: bold;
	color: #212121;
}

#latest-news .hot-news a {
	width: 100%;
	display: flex;
	text-align: justify;
	text-transform: uppercase;
	text-decoration: none;
	color: #212121;
	border: 3px #dcdcdc solid;
	padding: 10px;
	background: #ffffff;
	border-radius: 9px;
}

#latest-news .hot-news a:hover {
	border: 3px #757575 solid;
	transition: all 0.3s ease;
}



.home.paged #primary {margin-top: 1.2em}

.home .site-main .articles-feed, .archive .site-main .articles-feed, .search .site-main .articles-feed,
.blog .site-main .articles-feed, .archive .site-main .articles-feed, .search .site-main .articles-feed {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
}

.home .site-main .articles-feed article .entry-header .entry-title,
.blog .site-main .articles-feed article .entry-header .entry-title,
.paged .site-main .articles-feed article .entry-header .entry-title,
.archive .site-main .articles-feed article .entry-header .entry-title,
.category .site-main .articles-feed article .entry-header .entry-title,
.search .site-main .articles-feed article .entry-header .entry-title {
	margin: 4px 0;
}

.home .site-main .articles-feed article .entry-title,
.blog .site-main .articles-feed article .entry-title,
.paged .site-main .articles-feed article .entry-title,
.archive .site-main .articles-feed article .entry-title,
.category .site-main .articles-feed article .entry-title,
.search .site-main .articles-feed article .entry-title {
	font-size: 1.3em;
}

.home .site-main .articles-feed article .entry-title a,
.blog .site-main .articles-feed article .entry-title a,
.paged .site-main .articles-feed article .entry-title a,
.archive .site-main .articles-feed article .entry-title a,
.category .site-main .articles-feed article .entry-title a,
.search .site-main .articles-feed article .entry-title a {
	text-decoration: none;
	text-transform: uppercase;
	line-height: 1.6rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	height: 52px;
	overflow: hidden;
	word-break: break-word;
}

.home .site-main .articles-feed article .entry-content,
.blog .site-main .articles-feed article .entry-content,
.paged .site-main .articles-feed article .entry-content,
.archive .site-main .articles-feed article .entry-content,
.category .site-main .articles-feed article .entry-content,
.search .site-main .articles-feed article .entry-content {
	margin: 0.6em 0 0;
}

.single-post #page article {
	font-size: 1.2rem;
	line-height: 1.6;
}

.single-post #page article .post-thumbnail {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 460px;
}

.single-post #page article .post-thumbnail .post-thumbnail-single {
	width: 100%;
	height: 460px;
	filter: brightness(30%);
	transition: all 0.3s ease-in-out;
}

.single-post #page article .post-thumbnail .entry-header h1 {
	font-size: 1.5em;
	overflow: hidden;
}

.single-post #page article .post-thumbnail .entry-header {
	position: absolute;
	width: 64%;
	text-align: center;
	color: white;
	font-size: 1.3rem;
	z-index: 1;
}

.single-post #page article .post-thumbnail .entry-header .arrow-scroll-down {
	margin-top: 3em;
}

.single-post #page article .post-thumbnail .entry-header .icon-scroll-down {
	width: 50px;
	height: auto;
	animation: moveArrow 2s infinite alternate ease-in-out;
	fill: #BDBDBD;
}

@keyframes moveArrow {
	from {
		transform: translateY(-10px);
	} to {
		transform: translateY(10px);
	}
}


.single-post #page article .post-thumbnail .entry-header .cat-links {
	display: flex;
	justify-content: center;
	height: 32px;
}

.single-post #page article .post-thumbnail .entry-header .cat-links a {
	text-decoration: none;
	text-transform: uppercase;
	background: #212121;
	color: #ffffff;
	padding: 4px 12px;
	font-size: 1rem;
	line-height: 1.4rem;
	font-weight: bold;
	border-radius: 9px;
}

.single-post #page article .post-thumbnail .entry-header .entry-meta {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}

.single-post #page article .post-thumbnail .entry-header .entry-meta svg {
	width: 18px;
	max-width: 18px;
	height: 18px;
	max-height: 18px;
	display: flex;
	margin-right: 8px;
	fill: #ffffff;
	margin-top: 2px;
}

.home #page article .entry-header .entry-meta,
.blog #page article .entry-header .entry-meta,
.paged #page article .entry-header .entry-meta,
.archive #page article .entry-header .entry-meta,
.category #page article .entry-header .entry-meta,
.search #page article .entry-header .entry-meta {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}

.home #page article .entry-header .entry-meta .posted-on,
.home #page article .entry-header .entry-meta .byline,
.home #page article .entry-header .entry-meta .post-views,
.home #page article .entry-header .entry-meta .post-comments,
.blog #page article .entry-header .entry-meta .posted-on,
.blog #page article .entry-header .entry-meta .byline,
.blog #page article .entry-header .entry-meta .post-views,
.blog #page article .entry-header .entry-meta .post-comments,
.paged #page article .entry-header .entry-meta .posted-on,
.paged #page article .entry-header .entry-meta .byline,
.paged #page article .entry-header .entry-meta .post-views,
.paged #page article .entry-header .entry-meta .post-comments,
.archive #page article .entry-header .entry-meta .posted-on,
.archive #page article .entry-header .entry-meta .byline,
.archive #page article .entry-header .entry-meta .post-views,
.archive #page article .entry-header .entry-meta .post-comments,
.category #page article .entry-header .entry-meta .posted-on,
.category #page article .entry-header .entry-meta .byline,
.category #page article .entry-header .entry-meta .post-views,
.category #page article .entry-header .entry-meta .post-comments,
.search #page article .entry-header .entry-meta .posted-on,
.search #page article .entry-header .entry-meta .byline,
.search #page article .entry-header .entry-meta .post-views,
.search #page article .entry-header .entry-meta .post-comments {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	margin: 0px 9px;
}

.home #page article .entry-header .entry-meta .posted-on:first-child,
.blog #page article .entry-header .entry-meta .posted-on:first-child,
.paged #page article .entry-header .entry-meta .posted-on:first-child,
.archive #page article .entry-header .entry-meta .posted-on:first-child,
.category #page article .entry-header .entry-meta .posted-on:first-child,
.search #page article .entry-header .entry-meta .posted-on:first-child {
	margin-left: 0;
}

.home #page article .entry-header .entry-meta .posted-on svg,
.home #page article .entry-header .entry-meta .byline svg,
.home #page article .entry-header .entry-meta .post-views svg,
.home #page article .entry-header .entry-meta .post-comments svg,
.blog #page article .entry-header .entry-meta .posted-on svg,
.blog #page article .entry-header .entry-meta .byline svg,
.blog #page article .entry-header .entry-meta .post-views svg,
.blog #page article .entry-header .entry-meta .post-comments svg,
.paged #page article .entry-header .entry-meta .posted-on svg,
.paged #page article .entry-header .entry-meta .byline svg,
.paged #page article .entry-header .entry-meta .post-views svg,
.paged #page article .entry-header .entry-meta .post-comments svg,
.archive #page article .entry-header .entry-meta .posted-on svg,
.archive #page article .entry-header .entry-meta .byline svg,
.archive #page article .entry-header .entry-meta .post-views svg,
.archive #page article .entry-header .entry-meta .post-comments svg,
.category #page article .entry-header .entry-meta .posted-on svg,
.category #page article .entry-header .entry-meta .byline svg,
.category #page article .entry-header .entry-meta .post-views svg,
.category #page article .entry-header .entry-meta .post-comments svg,
.search #page article .entry-header .entry-meta .posted-on svg,
.search #page article .entry-header .entry-meta .byline svg,
.search #page article .entry-header .entry-meta .post-views svg,
.search #page article .entry-header .entry-meta .post-comments svg {
	fill: #212121;
	width: 18px;
	max-width: 18px;
	height: 18px;
	max-height: 18px;
	display: flex;
	margin-right: 8px;
}

.single-post #page article .post-thumbnail .entry-header .entry-meta .posted-on,
.single-post #page article .post-thumbnail .entry-header .entry-meta .byline,
.single-post #page article .post-thumbnail .entry-header .entry-meta .post-views,
.single-post #page article .post-thumbnail .entry-header .entry-meta .post-comments {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	margin: 0px 20px;
	color: #ffffff;
}

.single-post #page article .post-thumbnail .entry-header .vcard a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.single-post .site-main article code {
	/*display: block;*/ /*2025-09-09*/
	overflow-x: auto; /* DELETE IF NOT NEEDED */
	/*white-space: pre-line;*/ /*2025-09-09*/
	background: #212121;
	/*border-radius: 18px;*/ /*2025-09-09*/
	/*padding: 1rem 1.3rem;*/ /*2025-09-09*/
	border-radius: 9px;
	padding: 0.12rem 0.8rem;
	color: #ffffff;
	white-space: pre-wrap; /* ВАРИАНТ #2: РАЗРЕШИТЬ ПЕРЕНОСЫ СТРОК */
	word-break: break-all; /* ВАРИАНТ #2: РАЗРЫВАТЬ СЛОВО ТАМ, ГДЕ ОНО ВЫХОДИТ ЗА ПРЕДЕЛЫ КОНТЕЙНЕРА */
}

.single-post .site-main article code::selection {
    color: #212121;
    background-color: #E64A19;
}

.single-post .site-main article .entry-content img {
	height: auto;
	display: block;
	margin: auto;
	max-width: 100%;
	border: 3px #dcdcdc solid;
	border-radius: 18px;
}

.single-post .site-main article .entry-content img:hover {
	border: 3px #757575 solid;
	transition: all 0.3s ease;
}


/**
 * [ MAV-880: FOOTER STYLES                                                               ]
 * -======================================================================================-
 * [ UPDATED: ................................................................ 2025-04-25 ]
 */
#hmfooter {
	height: 112px;
	display: flex;
	align-items: center;
	animation: moveBg 256s linear infinite;
}

#hmfooter {
	background: #dcdcdc;
	background-image: url( 'assets/images/hackmag-logo-v3-footer-light-big.svg' );
	background-repeat: repeat-x;
	animation: moveBg 256s linear infinite;
}

@keyframes moveBg {
	0% { background-position: 0% 0%; }
	100% { background-position: -1337% 0%; }
}

.single #hmfooter,
.page #hmfooter {
	margin-top: 3rem;
}

#hmfooter .fvalign {
	align-items: center;
}

#hmfooter ul {
	list-style: none;
	margin: 0;
}

#hmfooter .socials a {
	margin: 0 2rem;
}

#hmfooter .socials a:last-child {
	margin: 0 0 0 2rem;
}

#hmfooter a {
	color: #212121;
	text-decoration: none;
	font-weight: bold;
}

#hmfooter .site-info {
	color: #FF5722;
}

#hmfooter .sep, #hmfooter span {
	color: #BDBDBD;
}

#hmfooter .policy #menu-footer-menu {
	display: flex;
	flex-direction: row;
}

#hmfooter .policy #menu-footer-menu a {
	margin: 0 2rem;
}

#hmfooter .policy #menu-footer-menu a:hover {
	color: #757575;
}

#hmfooter .policy #menu-footer-menu li:first-child a {
	margin: 0 2rem 0 0;
}

#hmfooter .policy, #hmfooter .socials {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

#hmfooter .socials {
	justify-content: flex-end;
}

#hmfooter .socials svg:hover {
	fill: #757575;
}

#hmfooter .contacts {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
}

#footer-copyright {
	background: #f3f3f3;
	color: #212121;
	height: 52px;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: normal;
}

#footer-copyright .site-info {
	display: flex;
	justify-content: flex-start;
}

#footer-copyright .site-support {
	display: flex;
	justify-content: flex-end;
}

#footer-copyright .site-info span, #footer-copyright .site-support span {
	font-weight: bold;
}

#footer-copyright a {
	color: #212121;
}


/**
 * [ MAV-880: CUSTOM PAGINATION STYLES                                                    ]
 * -======================================================================================-
 * [ UPDATED: ................................................................ 2025-09-03 ]
 */
.mav880-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	color: #ffffff;
	margin: 3rem 0 2rem;
}

.mav880-pagination .page-numbers {
	padding: 3px 11px 5px 11px;
	background: #212121;
	text-align: center;
	font-weight: bold;
	margin: 0px 3px;
	text-decoration: none;
	color: #ffffff;
	border-radius: 9px;
}

.mav880-pagination .page-numbers:hover {
	background: #9E9E9E;
	color: #ffffff;
	transition: all 0.3s ease;
}

.mav880-pagination .current {
	background: #757575;
}


/**
 * [ MAV-880: FOOTER STYLES                                                               ]
 * -======================================================================================-
 * [ UPDATED: ................................................................ 2025-04-25 ]
 */
.home #page #primary article .excerpt-text,
.paged #page #primary article .excerpt-text,
.archive #page #primary article .excerpt-text,
.category #page #primary article .excerpt-text,
.search #page #primary article .excerpt-text {
	/*height: 96px;*/
	height: 6em;
}

.home #page #primary article .entry-content .more-link,
.paged #page #primary article .entry-content .more-link,
.archive #page #primary article .entry-content .more-link,
.category #page #primary article .entry-content .more-link,
.search #page #primary article .entry-content .more-link {
	float: right;
	clear: both;
	background: #212121;
	color: #FFFFFF;
	padding: 4px 12px;
	border-radius: 9px;
	height: 34px;
}

.home #page #primary article .entry-content .more-link:hover,
.paged #page #primary article .entry-content .more-link:hover,
.archive #page #primary article .entry-content .more-link:hover,
.category #page #primary article .entry-content .more-link:hover,
.search #page #primary article .entry-content .more-link:hover {
	float: right;
	clear: both;
	background: #757575;
	color: #FFFFFF;
	transition: all 0.3s ease-in-out;
}




/**
 * [ MAV-880: FOOTER STYLES                                                               ]
 * -======================================================================================-
 * [ UPDATED: ................................................................ 2025-04-25 ]
 */
.archive #page #primary .page-header,
.category #page #primary .page-header,
.search #page #primary .page-header {
	background: #BDBDBD;
	margin-bottom: 1.2em;
}

.archive #page #primary .page-header,
.category #page #primary .page-header,
.search #page #primary .page-header {
	background: #e9e9e9;
	margin-bottom: 1.2em;
}



.archive #page #primary .page-header h1,
.category #page #primary .page-header h1,
.search #page #primary .page-header h1 {
	margin: 0.1em 0 0.2em 0;
}

.home #page #primary article .post-thumbnail-m,
.blog #page #primary article .post-thumbnail-m,
.paged #page #primary article .post-thumbnail-m,
.archive #page #primary article .post-thumbnail-m,
.category #page #primary article .post-thumbnail-m,
.search #page #primary article .post-thumbnail-m {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
}

.home #page #primary article .post-thumbnail-m div,
.blog #page #primary article .post-thumbnail-m div,
.paged #page #primary article .post-thumbnail-m div,
.archive #page #primary article .post-thumbnail-m div,
.category #page #primary article .post-thumbnail-m div,
.search #page #primary article .post-thumbnail-m div {
	border: 3px #dcdcdc solid;
}

.home #page #primary article .post-thumbnail-m div:hover,
.blog #page #primary article .post-thumbnail-m div:hover,
.paged #page #primary article .post-thumbnail-m div:hover,
.archive #page #primary article .post-thumbnail-m div:hover,
.category #page #primary article .post-thumbnail-m div:hover,
.search #page #primary article .post-thumbnail-m div:hover {
	border: 3px #757575 solid;
	transition: all 0.3s ease;
}

.home #page #primary article .post-thumbnail-m header,
.blog #page #primary article .post-thumbnail-m header,
.paged #page #primary article .post-thumbnail-m header,
.archive #page #primary article .post-thumbnail-m header,
.category #page #primary article .post-thumbnail-m header,
.search #page #primary article .post-thumbnail-m header {
	position: absolute;
	display: block;
}

.home #page #primary article .post-thumbnail-m header span,
.blog #page #primary article .post-thumbnail-m header span,
.paged #page #primary article .post-thumbnail-m header span,
.archive #page #primary article .post-thumbnail-m header span,
.category #page #primary article .post-thumbnail-m header span,
.search #page #primary article .post-thumbnail-m header span {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}

.home #page #primary article .post-thumbnail-m header a,
.blog #page #primary article .post-thumbnail-m header a,
.paged #page #primary article .post-thumbnail-m header a,
.archive #page #primary article .post-thumbnail-m header a,
.category #page #primary article .post-thumbnail-m header a,
.search #page #primary article .post-thumbnail-m header a {
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 0.8rem;
	font-weight: bold;
	text-decoration: none;
	background: #212121;
	padding: 4px 12px;
	border-radius: 9px;
	margin: 12px 0px 0px 12px;
	display: block;
}

/**
 * [ MAV-880: ARCHIVE, CATEGORY, SEARCH PAGES STUFF                                       ]
 * -======================================================================================-
 * [ UPDATED: ................................................................ 2025-09-03 ]
 */
.archive article .entry-header .entry-title,
.category article .entry-header .entry-title,
.search article .entry-header .entry-title {
	text-transform: uppercase;
}

article .entry-content .more-link {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: flex-end;
	text-decoration: none;
}

.archive article .entry-content,
.paged article .entry-content,
.category article .entry-content,
.search article .entry-content {
	margin: 1em 0 0;
}


/**
 * [ MAV-880: COMMENTS STYLES                                                             ]
 * -======================================================================================-
 * [ UPDATED: ................................................................ 2025-09-03 ]
 */
.comment-content a {word-wrap: break-word;}
.bypostauthor {display: block;}

.wp-singular .comments-area {
	overflow: hidden;
	margin-bottom: 2rem;
}

.wp-singular .comments-area .comments-title {
	margin-bottom: 1rem;
	text-transform: uppercase;
}

.wp-singular .comments-area .comment-list ul, ol {margin: 0;}

.wp-singular .comments-area .comment-list .comment-body {
	background: #dedede;
	border-radius: 18px;
	margin-bottom: 2rem;
	padding: 1rem;
}

.wp-singular .comments-area .comment-content {word-break: break-all;}


/**
 * [ MAV-880: @MEDIA STYLES FROM SMALL SCREENS UP TO 1200PX WIDE                          ]
 * -======================================================================================-
 * [ UPDATED: ................................................................ 2025-09-03 ]
 */
@media (max-width: 1200px) {
	#hmheader {
		height: 140px;
		display: flex;
		align-items: center;
		padding: 1rem 0;
	}
	
	#hmheader .row {
		display: flex;
		flex-direction: column;
	}
	
	#hmheader .site-branding {
		display: flex;
		align-items: center;
	}
	
	#hmheader .top {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.page #page #primary {
		margin: 0 3rem;
	}
	
	.wp-singular #page #primary article .entry-content {
		margin-left: 3rem;
		margin-right: 3rem;
	}
	
	.wp-singular .comments-area .comment-list ul, ol {
		margin: 0 3rem;
	}
	
	.wp-singular .comments-area {
		overflow: hidden;
		margin: 0 3rem 2rem 3rem;
	}
	
	.wp-singular #page #primary .related-posts-wrapper, .wp-singular #page #primary .related-news-wrapper {
		margin: 0 3rem;
	}
	
	#hmfooter .policy #menu-footer-menu a {
		margin: 0 1rem;
	}
	
	#hmfooter .policy #menu-footer-menu li:first-child a {
		margin: 0 1rem 0 0;
	}
}

/**
 * [ MAV-880: @MEDIA STYLES FROM SMALL SCREENS UP TO 992PX WIDE                           ]
 * -======================================================================================-
 * [ UPDATED: ................................................................ 2025-09-04 ]
 */
@media (max-width: 992px) {
	
	#hmheader .row {
		display: flex;
		flex-direction: column;
	}

	#hmheader {
		height: auto;
		display: flex;
		align-items: center;
		padding: 1rem 0;
	}
	
	#hmheader .site-branding {
		display: flex;
		align-items: center;
	}
	
	#hmheader .top {
		align-items: center;
		flex-direction: column;
	}
	
	.menu-toggle {
        display: block;
    }

    .menu-toggle::before,
    .menu-toggle::after {
        content: "";
        display: block;
        width: 30px;
        height: 3px;
        background-color: #333;
        margin-bottom: 5px;
    }

    .menu-toggle::after {
        margin-bottom: 0;
    }
	
	.main-navigation ul {
		display: none;
	}
	
	.menu-main-menu-container {
        visibility: hidden;
        opacity: 0;
        transform: translateY(-100%);
        transition: all 0.3s ease;
		z-index: -1;
    }
	
	.menu-main-menu-container.open {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
		z-index: 1;
    }

    .menu-main-menu-container ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .menu-main-menu-container ul li {
        display: block;
        text-align: center;
        padding: 2px 0;
    }

    .menu-main-menu-container ul li a {
        color: white;
        text-decoration: none;
        font-size: 18px;
    }

    .menu-main-menu-container ul li a:hover {
        color: lightgray;
    }
	
	.main-navigation {
		display: flex;
		align-items: center;
		flex-direction: column;
		width: 100%;
		text-align: left;
		transition: all 0.3s ease-in-out;
	}
	
	.menu-main-menu-container {
		width: 100%;
	}
	
	#hmheader .top .user-area-links {display: none;}
	
	.page #page #primary {
		margin: 0 3rem;
	}
	
	.home #page #primary article .excerpt-text, .paged #page #primary article .excerpt-text, .archive #page #primary article .excerpt-text, .category #page #primary article .excerpt-text, .search #page #primary article .excerpt-text {
		height: 8em;
	}
	
	.home #page #primary article .entry-content .more-link, .paged #page #primary article .entry-content .more-link, .archive #page #primary article .entry-content .more-link, .category #page #primary article .entry-content .more-link, .search #page #primary article .entry-content .more-link {
		padding: 1.2rem;
		height: 54px;
		display: flex;
		width: 100%;
		justify-content: center;
		align-items: center;
	}
	
	.single-post #page article .post-thumbnail .post-thumbnail-single {
		width: 100%;
		height: 460px;
	}
	
	.single-post #page article .post-thumbnail .entry-header {
		width: 88%;
	}
	
	.single-post #page article .post-thumbnail .entry-header h1 {
		line-height: 2.6rem;
	}
	
	.wp-singular #page #primary article .entry-content {
		margin-left: 3rem;
		margin-right: 3rem;
	}
	
	.wp-singular .comments-area .comment-list ul, ol {
		margin: 0 3rem;
	}
	
	.wp-singular #page #primary article .entry-footer-sharing, .wp-singular #page #primary article .entry-footer-sharing {
		display: none;
	}
	
	.wp-singular .comments-area {
		overflow: hidden;
		margin: 0 3rem 2rem 3rem;
	}
	
	.wp-singular .comments-area .comment-list ul, ol {
		margin: 0;
	}
	
	.wp-singular .comments-area .comment-list .children {
		margin: 0;
	}
	
	.wp-singular #page #primary .related-posts-wrapper, .wp-singular #page #primary .related-news-wrapper {
		margin: 0 3rem;
	}
	
	#page #hmfooter {
		height: 60px;
		display: flex;
		align-items: center;
		animation: moveBg 120s linear infinite;
	}
	
	@keyframes moveBg {
		0% { background-position: 0% 0%; }
		100% { background-position: -1337% 0%; }
	}
	
	#page #hmfooter .row, #page #footer-copyright .row {
		flex-direction: column;
	}
	
	#page #hmfooter .policy {
		display: none;
	}
	
	#page #hmfooter .socials {
		display: flex;
		justify-content: space-evenly;
		align-items: center;
	}
	
	#page #hmfooter .socials a {
		margin: 0;
		display: flex;
	}
	
	#page #footer-copyright {
		height: 64px;
	}
	
	#page #footer-copyright .mav880x-8-desktop:last-child {
		display: none;
	}
	
	#page #footer-copyright .site-info {
		display: flex;
		justify-content: center;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
	}
}


/**
 * [ MAV-880: @MEDIA STYLES FROM SMALL SCREENS UP TO 600PX WIDE                           ]
 * -======================================================================================-
 * [ UPDATED: ................................................................ 2025-09-04 ]
 */
@media (max-width: 600px) {
	
	#hmheader .row {
		display: flex;
		flex-direction: row;
	}

	#hmheader {
		height: auto;
		display: flex;
		align-items: center;
		padding: 0.6rem 0;
	}
	
	#hmheader .site-branding {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		margin-top: 1px;
	}
	
	#hmheader .site-branding .hackmag-logo {
		width: 100%;
		max-width: 420px;
	}
	
	#hmheader .top {
		align-items: center;
		flex-direction: column;
	}
	
	.main-navigation {
		align-items: flex-end;
	}
	
	#hmheader .top .user-area-links {display: none;}
	
	.page #page #primary {
		margin: 0 10px;
	}
	
	.single-post #page article .post-thumbnail .post-thumbnail-single {
		width: 100%;height: 640px;
	}
	
	.single-post #page article .post-thumbnail .entry-header .entry-meta {
		display: flex;
		flex-direction: column;
	}
	
	.single-post #page article .post-thumbnail .entry-header .arrow-scroll-down {
		margin-top: 1.3em;
	}
	
	.wp-singular #page #primary article .entry-content {
		margin-left: 0rem;
		margin-right: 0rem;
	}
	
	.sn004-sprp-single-wrapper {
		display: flex;
		flex-direction: column;
	}
	
	.wp-singular .comments-area .comment-list ul, ol {
		margin: 0;
	}
	
	.wp-singular .comments-area .comment-list .children {
		margin: 0;
	}
	
	.wp-singular .comments-area {
		overflow: hidden;
		margin: 0 0rem 2rem 0rem;
	}
	
	.wp-singular #page #primary .related-posts-wrapper, .wp-singular #page #primary .related-news-wrapper {
		margin: 0;
	}
	
	#latest-news .hot-news {
		height: auto;
	}
	
	#latest-news .hot-news a {
		text-align: inherit;
	}
	
	.home #page #primary article .excerpt-text, .paged #page #primary article .excerpt-text, .archive #page #primary article .excerpt-text, .category #page #primary article .excerpt-text, .search #page #primary article .excerpt-text {
		height: auto;
	}
	
	.home #page #primary article .entry-content .more-link, .paged #page #primary article .entry-content .more-link, .archive #page #primary article .entry-content .more-link, .category #page #primary article .entry-content .more-link, .search #page #primary article .entry-content .more-link {
		margin: 1.6rem 0 2.4rem;
	}
	
	.home .site-main .articles-feed article .entry-title a, .blog .site-main .articles-feed article .entry-title a, .paged .site-main .articles-feed article .entry-title a, .archive .site-main .articles-feed article .entry-title a, .category .site-main .articles-feed article .entry-title a, .search .site-main .articles-feed article .entry-title a {
		height: auto;
	}
	
	.home #page article .entry-header .entry-meta, .blog #page article .entry-header .entry-meta, .paged #page article .entry-header .entry-meta, .archive #page article .entry-header .entry-meta, .category #page article .entry-header .entry-meta, .search #page article .entry-header .entry-meta {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
	}
	
	.home #page article .entry-header .entry-meta .post-views,
	.blog #page article .entry-header .entry-meta .post-views,
	.paged #page article .entry-header .entry-meta .post-views,
	.archive #page article .entry-header .entry-meta .post-views,
	.category #page article .entry-header .entry-meta .post-views,
	.search #page article .entry-header .entry-meta .post-views,
	.home #page article .entry-header .entry-meta .post-comments,
	.blog #page article .entry-header .entry-meta .post-comments,
	.paged #page article .entry-header .entry-meta .post-comments,
	.archive #page article .entry-header .entry-meta .post-comments,
	.category #page article .entry-header .entry-meta .post-comments,
	.search #page article .entry-header .entry-meta .post-comments {
		display: none;
	}
	
	.home .site-main .mt-20,
	.blog .site-main .articles-feed .mt-20,
	.archive .site-main .articles-feed .mt-20,
	.category .site-main .articles-feed .mt-20,
	.search .site-main .articles-feed .mt-20,
	.paged .site-main .articles-feed .mt-20	{
		margin-top: 0;
	}
	
	.single-post #page article .post-thumbnail {
		height: 640px;
	}
	
	.mav880-pagination .page-numbers {
		margin: 0px 2px;
	}
	
	.mav880-pagination .prev.page-numbers, .mav880-pagination .next.page-numbers {
		display: none;
	}
}