/*
        Theme Name: Lubiegrac
        Theme URI: https://opencollective.com/blankslate
        Author: Web Guy
        Author URI: https://opencollective.com/blankslate#section-contributors
        Description: Donate: https://opencollective.com/blankslate. Learn: https://blankslate.me/. BlankSlate is the definitive WordPress boilerplate starter theme. I've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability, with no intrusive visual CSS styles added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/webguyio/blankslate/issues. Thank you.
        Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
        Version: 2026
        Requires at least: 5.2
        Tested up to: 6.8
        Requires PHP: 7.4
        License: GNU General Public License v3 or Later
        License URI: https://www.gnu.org/licenses/gpl.html
        Text Domain: lubiegrac

        lubiegrac WordPress Theme 2011-2026
        lubiegrac is distributed under the terms of the GNU GPL
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Open+Sans:wght@400;600&display=swap');

:root {
	--header-height: 0px;
	--bs-body-color: #ffffff;
	--bs-lg-blue: #e1ebed;
	--bs-background-white: #fff;
	--border-color-light: #ccc;
	--bs-body-bg: #fff;
	--base-color: #111111;
	--black-color-rgb: 0, 0, 0;
	--white-color-rgb: 255, 255, 255;
	--black-color: #000000;
	--black-rgba-075: rgba(0, 0, 0, 0.075);
	--white-rgba-075: rgba(255, 255, 255, 0.075);

	--bs-black: #000;
	--bs-black-29: #292929;
	--bs-white: #fff;
	--bs-gray: #6c757d;
	--bs-gray-dark: #343a40;
	--bs-gray-100: #f8f9fa;
	--bs-gray-200: #e9ecef;
	--bs-gray-300: #dee2e6;
	--bs-gray-400: #ced4da;
	--bs-gray-500: #adb5bd;
	--bs-gray-600: #6c757d;
	--bs-gray-700: #495057;
	--bs-gray-800: #343a40;
	--bs-gray-900: #212529;
	--bs-border-color: #dee2e6;
	--disbaled-color:#eeeeee;
	--disbaled-text:lightgray;

	--stroke: #e0e0e0;
	--navlink-hover: rgba(180, 194, 211, .2);
	--navlink-active: #0c0c0c;

	--second-white: #cccccc;
	/* text-variable */
	--text-white: #fff;
	--text-primary: #000000;
	--text-light: var(--second-white);
	--primary-red: #ED1C24;
	--primary-orange: #f35726;
	--heading-color: var(--bs-black);
	--error-color: #ff0000;
	--accent-primary: #0dcaf0;
	--accent-primary-100: #00aeef;
	--accent-light: rgb(13, 202, 240, 0.6);
	--search-form-bg: #ccc;
	--link-color: #0e90d2;
	--link-color-hover: #0e90d2;
	--lb-cyan: #00AFDE;
	--pros-bg: #00afde;
	--cons-bg: #ff7031;

	--container: 1320px;
	--grid-gutter-x: 24px;
	--grid-gutter-y: 0;

	--space-dt: 40px;
	--space-mb: 20px;

	/* fonts */
	--font1: Inter, "Open Sans", Arial, Helvetica;
	--family-body: Inter, "Open Sans", Arial, Helvetica;
	--heading-font: Inter, "Open Sans", Arial, Helvetica;
	--primary-font: Inter, "Open Sans", Arial, Helvetica;


}

/* root ends */
/* for root dark theme */
html.dark-mode {
	/* [data-bs-theme=dark] { */
	--black-color-rgb: var(--white-color-rgb);
	--bs-black: var(--bs-white);
	--black-rgba-075: var(--white-rgba-075);
	--bs-background-white: #212529;
	--bs-body-color: #212529;
	--bs-gray-200: var(--bs-gray-700);
	--bs-gray-300: var(--bs-gray-700);
	--bs-gray-800: var(--bs-gray-200);
	--bs-lg-blue: var(--bs-gray-700);
	--bs-body-bg: #212529;
	--base-color: #fff;
	--bs-black-29: #ffffff;
	--navlink-active: #fff;
	--navlink-hover: rgb(180 194 211 / 45%);

}

*,
*::after,
*::before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: transparent
}

html {
	scroll-behavior: smooth;
}

/* theme css for extra things starts */
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,
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,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	color: var(--bs-black);
}

strong {
	font-weight: 700;
}

em {
	font-style: italic;
}

img,
video,
svg,
iframe {
	max-width: 100%;
	height: auto;
}

iframe {
	aspect-ratio: 16/9;
	width: 100%;
}

a {
	text-decoration-skip-ink: auto
}

a[href^="tel"] {
	color: inherit;
	text-decoration: none
}

button {
	outline: 0
}

/* ul {
            list-style: none
        } */

blockquote,
q {
	quotes: none
}

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

q {
	display: inline;
	font-style: italic
}

q:before {
	content: '"';
	font-style: normal
}

q:after {
	content: '"';
	font-style: normal
}

textarea,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="search"],
input[type="password"] {
	appearance: none;
	border-radius: 0
}

input[type="search"] {
	appearance: textfield
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

th,
td {
	padding: 2px
}

big {
	font-size: 120%
}

small,
sup,
sub {
	font-size: 80%
}

sup {
	vertical-align: super
}

sub {
	vertical-align: sub
}

dd {
	margin-left: 20px
}

kbd,
tt {
	font-family: courier;
	font-size: 12px
}

ins {
	text-decoration: underline
}

del,
strike,
s {
	text-decoration: line-through
}

dt {
	font-weight: bold
}

address,
cite,
var {
	font-style: italic
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}


.sticky {}

.bypostauthor {}

.wp-caption {}

.wp-caption-text {}

.gallery-caption {}

.alignright {}

.alignleft {}

.aligncenter {}

.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;
	word-break: normal
}

.screen-reader-text:focus {
	background-color: #f7f7f7;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
	clip: auto !important;
	clip-path: none;
	color: #007acc;
	display: block;
	font-size: 14px;
	font-size: .875rem;
	font-weight: 700;
	height: auto;
	right: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000
}

.skip-link {
	left: -9999rem;
	top: 2.5rem;
	z-index: 999999999;
	text-decoration: underline
}

.skip-link:focus {
	display: block;
	left: 6px;
	top: 7px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	line-height: normal;
	padding: 15px 23px 14px;
	z-index: 100000;
	right: auto
}

.visually-hidden:not(:focus):not(:active),
.form-allowed-tags:not(:focus):not(:active) {
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap
}

a,
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
	color: inherit;
	text-decoration: none;
}

/* theme css for extra things ends */

/* basic typo for theme */
/* default container */
.container {
	width: 100%;
	max-width: 100%;

	padding-right: calc(var(--grid-gutter-x) * 0.5);
	padding-left: calc(var(--grid-gutter-x) * 0.5);

	margin-right: auto;
	margin-left: auto;
}

.container-fluid {
	width: 100%;
	max-width: 100%;
	padding-right: calc(var(--grid-gutter-x) * 0.5);
	padding-left: calc(var(--grid-gutter-x) * 0.5);
	margin-right: auto;
	margin-left: auto;
}

.container-fluid .container {
	padding-right: 0;
	padding-left: 0;
}

body {
	font-family: var(--family-body);
	font-style: normal;
	/* font-size: 1.3rem; */
	font-size: 0.813rem;
	line-height: 1.5;
	font-weight: 400;
	font-optical-sizing: auto;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/* scrollbar-width: thin;
            scrollbar-color: var(--White) var(--scrollbar-track); */
	margin: 0;
	padding: 0;
	padding-top: var(--header-height);
	width: 100%;
	color: var(--bs-body-color);
	background-color: var(--bs-body-bg);
	/* overflow-x: hidden; */

}

/* body css */
/* GLOBAL UTILITY CLASS */
.py-section {
	padding-top: var(--space-dt);
	padding-bottom: var(--space-dt);
}

/* GLOBAL UTILITY CLASS */
.my-section {
	margin-top: var(--space-dt);
	margin-bottom: var(--space-dt);
}

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

.text-left {
	text-align: start;
}

.text-right {
	text-align: end;
}

h1 {
	font-size: 38px;
	line-height: 47px;
	margin: 21px 0 6px;
	font-weight: 700;
}

h1 span {
	color: var(--lb-cyan);
}

h2 {
	font-size: 32px;
	line-height: 47px;
	margin: 21px -.1px 16px;
	font-weight: 900;
	/* background-color: var(--bs-background-white) */
}


h3,
h4 {
	margin-bottom: 19px;
	font-weight: 600;
}

h3 {
	/* margin-top: -6px; */
	font-size: 24px;
	line-height: 24px;
	font-weight: 800;
}

h4 {
	font-size: 20px;
	line-height: 20px;
	margin-top: 5px;
}

h5 {
	font-size: 18px;
	line-height: 18px;
	margin-top: 5px;
	font-weight: 600;
	margin-bottom: 10px;
}

h6 {
	font-size: 16px;
	line-height: 16px;
	margin-top: 5px;
	font-weight: 600;
	margin-bottom: 8px;
}


/* =========================
        BASE BUTTON
        ========================= */
/* Base Button */
.btn {
	--bs-btn-padding-x: 1rem;
	--bs-btn-padding-y: .75rem;
	--bs-btn-font-family: var(--primary-font);
	--bs-btn-font-size: 1rem;
	--bs-btn-font-weight: 700;
	--bs-btn-line-height: 1;

	--bs-btn-color: inherit;
	--bs-btn-bg: transparent;
	--bs-btn-border-width: 1px;
	--bs-btn-border-color: transparent;
	--bs-btn-border-radius: 0.25rem;

	--bs-btn-hover-color: inherit;
	--bs-btn-hover-bg: transparent;
	--bs-btn-hover-border-color: transparent;

	--bs-btn-active-color: inherit;
	--bs-btn-active-bg: transparent;
	--bs-btn-active-border-color: transparent;

	--bs-btn-disabled-color: inherit;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: transparent;

	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;

	min-width: fit-content;
	min-height: 42px;

	padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);

	font-family: var(--bs-btn-font-family);
	font-size: var(--bs-btn-font-size);
	font-weight: var(--bs-btn-font-weight);
	line-height: var(--bs-btn-line-height);

	color: var(--bs-btn-color);
	background-color: var(--bs-btn-bg);
	border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
	border-radius: var(--bs-btn-border-radius);

	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;

	transition:
		background-color .25s ease,
		color .25s ease,
		border-color .25s ease,
		transform .2s ease;
}

.btn:hover {
	color: var(--bs-btn-hover-color);
	background-color: var(--bs-btn-hover-bg);
	border-color: var(--bs-btn-hover-border-color);
}

.btn:active {
	color: var(--bs-btn-active-color);
	background-color: var(--bs-btn-active-bg);
	border-color: var(--bs-btn-active-border-color);
	transform: translateY(1px);
}

.btn:disabled,
.btn.disabled {
	color: var(--bs-btn-disabled-color);
	background-color: var(--bs-btn-disabled-bg);
	border-color: var(--bs-btn-disabled-border-color);
	opacity: .65;
	pointer-events: none;
}

/* Small */
.btn-sm {
	--bs-btn-font-size: 14px;
	--bs-btn-padding-y: 12px;
	--bs-btn-padding-x: 16px;
	min-height: 38px;
}

/* Medium (default) */
.btn-md {
	--bs-btn-font-size: 16px;
	--bs-btn-padding-y: 15px;
	--bs-btn-padding-x: 24px;
	min-height: 40px;
}

/* Large */
.btn-lg {
	--bs-btn-font-size: 20px;
	--bs-btn-padding-y: 18px;
	--bs-btn-padding-x: 32px;
	min-height: 42px;
}

.btn-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg: #0d6efd;
	--bs-btn-border-color: #0d6efd;

	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #0b5ed7;
	--bs-btn-hover-border-color: #0a58ca;

	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #0a58ca;
	--bs-btn-active-border-color: #0a53be;
}

.btn-secondary {
	--bs-btn-color: #fff;
	--bs-btn-bg: #6c757d;
	--bs-btn-border-color: #6c757d;

	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #5c636a;
	--bs-btn-hover-border-color: #565e64;
}

.btn-light {
	--bs-btn-color: #000;
	--bs-btn-bg: #f8f9fa;
	--bs-btn-border-color: #f8f9fa;

	--bs-btn-hover-color: #000;
	--bs-btn-hover-bg: #d3d4d5;
	--bs-btn-hover-border-color: #c6c7c8;
}

.btn-dark {
	--bs-btn-color: #fff;
	--bs-btn-bg: #212529;
	--bs-btn-border-color: #212529;

	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #424649;
	--bs-btn-hover-border-color: #373b3e;
}

/* =========================
        PRIMARY BUTTON
        ========================= */


/* =========================
        secondary BUTTON
        ========================= */


/* btn */
p {
	font-size: 1rem;
	line-height: 1.5;
	font-weight: 400;
	margin-bottom: 1rem;
}

/* =========================
        lb GRID SYSTEM
        ========================= */

.lb-grid {
	display: grid;
	gap: 10px;
}

.lb-grid>* {
	min-width: 0;
}

/* Default Columns */
.lb-grid-1 {
	grid-template-columns: repeat(1, minmax(0, 1fr));
}

.lb-grid-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.lb-grid-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.lb-grid-4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.lb-grid-5 {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.lb-grid-6 {
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

.lb-grid-7 {
	grid-template-columns: repeat(7, minmax(0, 1fr));
}

.lb-grid-1-2 {
	grid-template-columns: 1fr 2fr;
}

.lb-grid-1-5 {
	grid-template-columns: 1fr 1.5fr;
}

.lb-grid-2-1 {
	grid-template-columns: 2fr 1fr;
}

.lb-grid-3-2 {
	grid-template-columns: 3fr 2fr;
}


.grid-cols-adaptive {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

/* grid Row */
.grid-row {
	display: flex;
	flex-wrap: wrap;

	margin-top: calc(-1 * var(--grid-gutter-y));
	margin-right: calc(var(--grid-gutter-x) * -0.5);
	margin-left: calc(var(--grid-gutter-x) * -0.5);
}

.grid-row>* {
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	min-width: 0;

	padding-right: calc(var(--grid-gutter-x) * 0.5);
	padding-left: calc(var(--grid-gutter-x) * 0.5);

	margin-top: var(--grid-gutter-y);
	box-sizing: border-box;
}

/* Auto Column */
.grid-col {
	flex: 1 0 0%;
}

/* Fixed Columns */
.grid-col-1 {
	flex: 0 0 auto;
	width: 8.333333%;
}

.grid-col-2 {
	flex: 0 0 auto;
	width: 16.666667%;
}

.grid-col-3 {
	flex: 0 0 auto;
	width: 25%;
}

.grid-col-4 {
	flex: 0 0 auto;
	width: 33.333333%;
}

.grid-col-5 {
	flex: 0 0 auto;
	width: 41.666667%;
}

.grid-col-6 {
	flex: 0 0 auto;
	width: 50%;
}

.grid-col-7 {
	flex: 0 0 auto;
	width: 58.333333%;
}

.grid-col-8 {
	flex: 0 0 auto;
	width: 66.666667%;
}

.grid-col-9 {
	flex: 0 0 auto;
	width: 75%;
}

.grid-col-10 {
	flex: 0 0 auto;
	width: 83.333333%;
}

.grid-col-11 {
	flex: 0 0 auto;
	width: 91.666667%;
}

.grid-col-12 {
	flex: 0 0 auto;
	width: 100%;
}

/* lb grid ends */
/* header css */
/* .header-section {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 999;
            background: var(--bs-background-white);
            transition:
                box-shadow 0.3s ease,
                background-color 0.3s ease;
        }

        .header-section.header-fixed {
            border-bottom: 1px solid rgba(0, 0, 0, 0.075);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
        } */

.header-section {
	position: fixed;
	top: var(--admin-bar-height, 0px);
	left: 0;
	width: 100%;
	z-index: 9999;
	background: var(--bs-background-white);
	will-change: top;
	transition:
		top .3s ease,
		box-shadow .3s ease,
		background-color .3s ease;
}

.header-section.header-fixed {
	border-bottom: 1px solid var(--black-rgba-075);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .02);
}

.header-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px 0 0px;
}

.theme-toggle,
.header-icons {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

.site-branding {
	flex: 1;
	text-align: center;
}

.site-branding .site-title {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

.site-name-title {
	font-size: 20px;
	font-weight: 600;
}

.custom-logo {
	max-width: 260px;
	width: auto;
}

.header-icons {
	gap: 20px;
}

.theme-toggle button,
.header-icons button {
	border: 0;
	background: transparent;
	cursor: pointer;
	border-radius: 3px;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.theme-toggle button i,
.header-icons button i {
	font-size: 20px;
}

.theme-toggle button:hover,
.header-icons button:hover {
	background: var(--bs-gray-200);
}

.site-navigation {
	position: relative;
}

.site-navigation .menu {
	display: flex;
	justify-content: center;
	gap: 3px;
	list-style: none;
	margin: 0;
	padding: 20px 0 0;
}

.site-navigation .menu li {
	padding: 10px;
	border-radius: 6px;
	transition: all .3s ease;
}

.site-navigation .menu li.menu-item-has-children {
	position: relative;
}

.site-navigation .menu li a {
	display: block;
	font-family: var(--primary-font);
	font-size: 1.125rem;
	line-height: 1.1675;
	font-weight: 500;
	text-decoration: none;
}

.site-navigation .menu li a span {
	color: inherit;
}

.site-navigation .menu li.menu-item-has-children::after {
	content: "\f107";
	font-family: "FontAwesome";
	font-size: 14px;
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	transition: .3s ease;
	line-height: 1;
}

/* Rotate Arrow */
.site-navigation .menu li.menu-item-has-children.active::after,
.site-navigation .menu li.menu-item-has-children:hover::after {
	transform: translateY(-50%) rotate(180deg);
}

/* ===========================
        Hover State
        =========================== */

.header-section .site-navigation ul.menu>li:hover,
.site-navigation ul.menu>li:focus-within {
	background: var(--navlink-hover);
	color: var(--navlink-active);
}

.site-navigation ul.menu>li:hover>a,
.site-navigation ul.menu>li:focus-within>a {
	color: var(--navlink-active);
}

/* Arrow color on hover */

.site-navigation ul.menu>li:hover::after,
.site-navigation ul.menu>li:focus-within::after {
	color: var(--navlink-active);
}

/* ===========================
        Active Menu
        =========================== */

.site-navigation ul.menu li.current-menu-item,
.site-navigation ul.menu li.current-menu-parent,
.site-navigation ul.menu li.current-menu-ancestor {
	background: var(--navlink-hover);

}

.site-navigation ul.menu li.current-menu-item>a,
.site-navigation ul.menu li.current-menu-parent>a,
.site-navigation ul.menu li.current-menu-ancestor>a {
	color: var(--navlink-active);
}

/* Active Arrow */

.site-navigation ul.menu li.current-menu-item::after,
.site-navigation ul.menu li.current-menu-parent::after,
.site-navigation ul.menu li.current-menu-ancestor::after {
	color: var(--surface-color);
}

/* ===========================
        Sub Menu
        =========================== */
ul.sub-menu {
	list-style: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	padding: 0;
	margin: 0;
	display: none;
	z-index: 9999;
	background: var(--bs-body-color);
	border: 1px solid var(--border-color-light);
}

.site-navigation ul.menu ul.sub-menu li a {
	display: block;
	border-radius: 0;
	background: none;
	word-break: break-word;
}

/* Submenu hover */

.site-navigation ul.menu ul.sub-menu li:hover {
	background: var(--navlink-hover);
	color: var(--navlink-active);
}

.position-relative {
	position: relative;
}

/* --- UPDATED SEARCH BOX CONTAINERS --- */
.search-box {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	background: transparent;
	padding: 0;
	width: 100%;
	max-width: 1009px;
	margin-left: auto;
	margin-right: auto;
}

/* Make sure the form container allows layout wrapping if needed */
.search-box form {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
}

.search-box form .search-field {
	width: 100%;
	padding: 21px 64px 21px 49px;
	border: 0;
	border-radius: 0;
	outline: none;
	font-size: 16px;
	line-height: 28px;
	background: var(--search-form-bg, #ccc);
}

.search-box form .search-submit {
	display: none;
}

.search-box form label {
	flex: 1;
}

/* --- UPDATED CLOSE BUTTON POSITIONING --- */
.search-close {
	position: absolute;
	right: 32px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1000;
	cursor: pointer;

	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 24px;
	height: 24px;
	transition: opacity 0.2s ease;
}

.search-close:hover {
	opacity: 0.7;
}

/* Ensure the Font Awesome icon inside has a visible color */
.search-close i {
	font-size: 20px;
	color: var(--black-color);
	display: inline-block;
}

/* .post-title {
            background-image: linear-gradient(to right, var(--bs-black), var(--bs-black));
            background-position: 0 100%;
            background-size: 0 1px;
            background-repeat: no-repeat;
            transition: .4s background-size cubic-bezier(0, 0, 0, 1);
            font-size: 1rem
        } */
.post-title {
	font-size: 1rem;
	color: var(--bs-black);
	text-decoration: none;
	display: inline;
	background-image: linear-gradient(to right, var(--bs-black), var(--bs-black));
	background-position: 0 100%;
	background-size: 0 1px;
	background-repeat: no-repeat;
	transition: background-size .5s cubic-bezier(0, 0, 0, 1);
}


.post-title:hover {
	background-size: 100% 1px;
}

.link-footer {
	background-image: linear-gradient(to right, var(--bs-black), var(--bs-black));
	background-position: 0 100%;
	background-size: 0 1px;
	background-repeat: no-repeat;
	transition: .4s background-size cubic-bezier(0, 0, 0, 1);
	font-size: 13px;
	color: var(--bs-black);
	text-decoration: none;
}

.link-footer:hover {
	background-size: 100% 1px
}

.small-title {
	font-size: 12px;
}

.secn-title-small,
.sidebar-heading-title {
	line-height: 24px;
	margin-top: 0;
	font-size: 24px;
	font-weight: 800;
	margin-bottom: 19px;
}

body.lock-scrolling {
	overflow: hidden;
}

body.navbar-opened .mobile-menu {}

/* home page css start */
.hero-article-posts {
	margin-top: 20px;
}

.post-block {
	overflow: hidden;
	border-radius: 13px;
}

.post-block .post-thumbnail {
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	border-radius: 13px;

}

.post-block a {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: inherit;
}

.post-block .post-thumbnail img {
	border-radius: 13px;
	width: 100%;
	object-fit: cover;
	height: 350px;
}

.post-block .post-block-content {
	position: absolute;
	display: flex;
	flex-flow: column;
	align-items: flex-start;
	justify-content: flex-end;
	padding: 10px;
	top: auto;
	bottom: 2rem;
	width: 100%;
	gap: 16px;
}

.post-block-content .post-block-title {
	position: relative;
	background: var(--accent-light);
	padding: 1.95px;
	width: 95%;
	font-size: 19.5px;
	color: var(--text-white);
	border-radius: 5px;
	font-weight: bolder;
}

.post-block-content .post-block-title .white-link {
	font-size: inherit;
	text-decoration: none;
	display: inline-block;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: inherit;
}

.category-tag {
	position: relative;
	padding: 3px;
	color: #fff;
	border-radius: 5px;
	display: block;
	background: var(--primary-orange);
}

/* second multipost article */
/* Base card wrapper */
.multi-post-articles {
	margin-block-start: 20px;
	margin-block-end: 15px;
}

.post-card {
	display: flex;
	gap: 20px;
	align-items: flex-start;
}

/* for top two posts */
.post-card.featured {
	flex-flow: column;
	position: relative;
}

.post-card.featured .post-card-thumb {
	width: 100%;
	line-height: 0.5;
}

.post-card.featured .post-card-thumb img {
	height: 350px;
	max-height: none;
	aspect-ratio: unset;
}

/* if checked iamges comes */
.post-card-thumb {
	position: relative;
}

.post-card.featured .post-card-thumb img.lbpolecanews {
	bottom: 1rem;
	right: 0.5rem;
	margin: 0;
	top: unset;
	height: auto;
	position: absolute;
	right: 0.25rem;
	max-width: 200px;
	object-fit: contain;
	border-radius: initial;
	max-height: none;
	aspect-ratio: unset;
	opacity: 1;
}

.post-card:not(.featured) .post-card-thumb img.lbpolecanews {
	height: auto;
	position: absolute;
	right: 0.25rem;
	max-width: fit-content;
	width:75%;
	bottom: 0;
	top: 0;
	margin: auto 0;
	object-fit: contain;
	border-radius: initial;
	max-height: none;
	aspect-ratio: unset;
	opacity: 1;
}
.post-card-small.post-card:not(.featured) .post-card-thumb img.lbpolecanews {
	height: auto;
	max-height: none;
	max-width: 100px;
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: 0.25rem;
	top: unset;
	position: absolute;
	object-fit: contain;
	border-radius: initial;
	aspect-ratio: unset;
	opacity: 1;
}

/* if checked iamges comes ends */

.post-card.featured .post-card-content {
	position: absolute;
	display: flex;
	flex-flow: column;
	align-items: flex-start;
	justify-content: flex-end;
	padding: 10px;
	top: auto;
	bottom: 2rem;
	width: 100%;
	gap: 16px;
	height: auto;
}

.post-card.featured .post-card-content .post-card-title {
	position: relative;
	background: var(--accent-light);
	padding: 1.95px;
	width: 95%;
	font-size: 19.5px;
	color: var(--text-white);
	border-radius: 5px;
	font-weight: bolder;
	display: block;
	margin: 0;
	-webkit-line-clamp: none;
}

.post-card.featured .post-card-content .post-card-title a {
	font-size: inherit;
	text-decoration: none;
	display: inline-block;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: inherit;
	background-image: none;
	font-weight: inherit;
}

.post-card.featured .post-card-content .post-card-meta {
	margin-top: 0;
}

.post-card.featured .post-card-content .post-card-meta .category-tag-list {
	border: 0;
}

.post-card.featured .post-card-content .post-card-meta .post-date {
	display: none;
}

.post-card-small .post-card-thumb {
	width: 116px;
	height: 116px;
}

.post-card-small .post-card-thumb img {
	height: 116px;
	max-height: 116px;
}


/* Thumbnail styling */
.post-card-thumb {
	width: calc(50% - 10px);
	height: 100%;
	border-radius: 13px;
	overflow: hidden;
	flex: 0 0 auto;
	line-height: 1;
}

.post-card-thumb a {
	display: inline-block;
	width: 100%;
	height: 100%;
	border-radius: inherit;
}

.post-card-thumb img {
	width: 100%;
	object-fit: cover;
	height: 100%;
	max-height: 250px;
	aspect-ratio: 3/2;
	border-radius: inherit;
	transition: opacity 0.2s ease-in-out;
}

.post-card-thumb:hover img {
	opacity: 0.8;
}

/* Content block styling */
.post-card-content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	flex: 1;
}

/* Title and Link with 3-line clamp */
.post-card-content .post-card-title {
	margin: 0 0 12px 0;
	font-size: 16px;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-weight: 500;
}

.post-card-content .post-card-title a {
	text-decoration: none;
	word-break: break-word;
	font-weight: inherit;
}

/* Meta info footer (Badge + Date) */
.post-card-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin-top: auto;
}

/* Date text */
.post-date {
	font-size: 10px;
	color: var(--bs-gray-600);
	font-weight: 600;
}

.category-tag-list,
.category-tag-list-small {
	color: var(--text-white);
	border-radius: 5px;
	border-bottom: 1px solid var(--border-color-light);
}

.category-tag-list {
	padding: 3px;
	display: flex;
	line-height: normal;
	font-size: 13px;
}

.category-tag-list-small {
	/* padding: 6.5px 4px; */
	padding: 3px;
	float: left;
	margin-right: 7px;
	font-size: 10px;
}

span.news,
span.newsy-hardware,
span.uncategorized {
	background: var(--primary-orange);
}

span.e-sport {
	background: var(--lb-cyan);
}

span.gielda,
span.giełda {
	background: #03dfde
}

span.recenzja,
span.recenzje-sprzetu,
span.recenzje_sprzetu {
	background: #159614
}

span.publicystyka {
	background: #21d71e
}

span.film,
span.film-recenzje,
span.newsy-filmowe {
	background: #2a8a90
}

span.konkurs {
	background: #b259ff
}

span.smart-home {
	background: #0573cc
}

span.sponsorowany {
	background: #ccc;
	color: #000;
}

span.wywiad {
	background: #f0a211
}

span.gry-fabularne {
	background: #11d6f0
}

.secn-title h2 {
	padding: 0
}

/* guides post section 3 */
.guides-posts .secn-title h2 {
	padding: 10px 0;
	margin: 0;
}

.guides-posts-row {
	gap: 15px;
}

.guide-card {
	display: flex;
	flex-flow: column;
	gap: 5px;
	transition: transform 0.3s ease;
}

.guide-card .guide-card-thumb {
	border-radius: 5px;
	overflow: hidden;
	flex-shrink: 0;
}

.guide-card-thumb a {
	display: inline-block;
	width: 100%;
	height: 100%;
}

.guide-card-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-height: 260px;
	border-radius: 5px;
	transition: transform 0.5s ease, filter 0.5s ease;
	aspect-ratio: 16/9;
}

.guide-card:hover .guide-card-thumb img {
	transform: scale(1.08);
	filter: brightness(0.8);
}

.guide-card-content {
	color: var(--bs-white);
	font-size: 19px;
	background: var(--accent-primary);
	text-align: center;
	font-weight: 800;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0px 3px;
	line-height: normal;
}

.guide-card:hover {
	transform: translateY(-4px);
}

/* games article and small post articles left right 
        */
/* Layout wrapper split */
.layout-wrapper {
	display: flex;
	gap: 32px;
}

.main-content-col {
	flex: 0 0 auto;
	width: 100%;
}

.sidebar-col {
	flex: 1;
	min-width: 280px;
}

.main-content-col .lb-grid {
	gap: 15px;
}

.main-content-col .post-card {
	margin-bottom: 30px;
}

/* 2-Column Vertical Game Grid */
.games-grid {
	display: grid;
	gap: 32px;
	margin-bottom: 32px;
}

.games-grid>* {
	min-width: 0;
}

.games-grid-1 {
	grid-template-columns: repeat(1, 1fr);
	gap: 20px;
}

.games-grid-2 {
	grid-template-columns: repeat(2, 1fr);
}

.games-grid-5 {
	grid-template-columns: repeat(5, 1fr);
}

.games-grid-6 {
	grid-template-columns: repeat(6, 1fr);
}

.game-item {
	display: flex;
	flex-direction: column;
}

.game-cover {
	border-radius: 13px;
	overflow: hidden;
	margin-bottom: 5px;
	/* aspect-ratio: 3 / 4.0763; */
	height: 250px;
}

.game-cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: opacity 0.2s ease-in-out;
}

.game-title {
	display: inline-block;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.game-title a {
	text-decoration: none;
	font-weight: 500;
}

.game-item:hover .game-cover img {
	opacity: 0.8;
}

/* More Button at the bottom */
.btn-more {
	display: block;
	text-align: center;
	text-decoration: none;
}

.post-articles-grid .secn-title h1,
.post-articles-grid .secn-title h2 {
	margin-top: 0;
}

/* games review secn */
.games-reviews-posts {
	margin-top: 80px;
}

.gray-box,
.games-reviews-wrapper {
	background-color: var(--bs-gray-200);
	border-radius: 10px;
	padding: 2rem;
}

.gray-box .secn-title h2,
.games-reviews-wrapper .secn-title h2 {
	margin-top: 0
}

/* Directory Block Spacing */
.cpt-dir-secn .gray-box .grid-row {
	row-gap: 24px;
}

/* .directory-block {
            margin-bottom: 24px;
        } */

/* Header Titles */
.directory-title {
	font-size: 1.056rem;
	font-weight: 600;
	margin: 0 0 20px 0;
}

/* Target the WP Generated UL */
.directory-block ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

/* Target the WP Generated LI */
.directory-block ul li {
	padding: 7px 0;
}

.directory-block ul li:first-child {
	padding-top: 0;
}

.directory-block ul li:last-child {
	padding-bottom: 0;
}

/* Target the WP Generated Links */

.directory-block ul li a {
	display: inline;
	background-image: linear-gradient(to right, var(--bs-black), var(--bs-black));
	background-position: 0 100%;
	background-size: 0 1px;
	background-repeat: no-repeat;
	transition: .4s background-size cubic-bezier(0, 0, 0, 1);
	font-size: 13px;
	color: var(--bs-black);
	text-decoration: none;
}

.directory-block ul li a:hover {
	background-size: 100% 1px
}

/* guides secn */
.guides-secn .secn-title h2 {
	padding: 0;
	margin: 0 0 16px;
}

.guides-articles .grid-row {
	row-gap: 30px;
}

.h-100 {
	height: 100%;
}

.guides-articles .load-more-btn {
	margin-top: 30px;
}

/* home page css ends */
/* footer css */
.footer-section {
	padding: 2rem 0;
}

.footer-widget-column {
	display: flex;
	flex-direction: column;
}

.footer-widget-block {
	margin-bottom: 0.5rem;
}

.footer-widget-block:last-of-type,
.footer-widget-block:last-child {
	margin-bottom: 0;
}

.footer-widget-block:has(.wp-block-heading) {
	margin-bottom: 0px;
}

footer .footer-column-title,
footer .wp-block-heading {
	font-size: 16px;
	font-weight: 500;
	color: var(--bs-black);
	margin: 0 0 20px 0;
}

.footer-widget-column p {
	font-size: 13px;
	line-height: 1.5;
	color: var(--bs-black);
	margin: 0 0;
}

/* --- FOOTER PARAGRAPH & COPYWRITING SPACING --- */

.footer-widget-column .footer-widget-block p:first-of-type {
	margin-top: 0;
	margin-bottom: 8px;
	font-weight: 500;
}

.footer-widget-column .footer-widget-block p:last-of-type {
	margin-bottom: 0;
}

.footer-widget-column ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-widget-column ul li {
	margin-bottom: 0;
	padding: 7px 0;
	line-height: normal;
}

.footer-widget-column ul li a {
	display: inline-block;
	background-image: linear-gradient(to right, var(--bs-black), var(--bs-black));
	background-position: 0 100%;
	background-size: 0 1px;
	background-repeat: no-repeat;
	transition: .4s background-size cubic-bezier(0, 0, 0, 1);
	font-size: 13px;
	color: var(--bs-black);
	text-decoration: none;
}

.footer-widget-column ul li a:hover {
	background-size: 100% 1px;
}

.footer-widget-column ul li.current_page_item>a {
	background-size: 100% 1px;
}

/* --- FIXED SOCIAL MEDIA ICON ENGINE --- */
/* Container alignment */
.footer-social-fa {
	display: flex;
	gap: 10px;
	margin-top: 0;
	flex-wrap: wrap;
}

/* Base button shape matching the screenshot */
.fa-icon-btn {
	--size: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--size);
	height: var(--size);
	border: 2px solid var(--accent-primary-100);
	border-radius: 50%;
	color: var(--accent-primary-100);
	text-decoration: none;
	transition: all 0.2s ease-in-out;
}

/* Adjust sizes of the font icon characters */
.fa-icon-btn i {
	font-size: 16px;
	color: inherit;
}

/* Smooth hover animation color swap */
.fa-icon-btn:hover {
	background-color: var(--accent-primary-100);
	color: var(--bs-white);
}

/* footer css ends */

/*single detail page css  */
.single-article-wrapper,
.default-template-wrapper {
	padding: 2.5rem 0;
}

/* 2-Column Desktop Grid Framework */
.flex-grid-layout {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

/* .flex-grid-layout>* {
            word-break: break-word;
        } */

/* --- LEFT COLUMN: CONTENT ELEMENTS --- */

/* Breadcrumbs row styling */
.breadcrumbs {
	color: var(--bs-black);
	font-size: 12px;
	margin-top: 8px;
	margin-bottom: 15px;
}

.breadcrumbs>span {
	display: flex;
	flex-wrap: wrap;
	gap: 0 6px;
	align-items: center;
}

.breadcrumbs span {
	color: var(--bs-black);
	text-decoration: none;
}

.breadcrumbs span.breadcrumb_last {
	opacity: 0.9;
}

.breadcrumbs span:not(.breadcrumb_last):hover {
	color: var(--link-color-hover);
}

/* Post Master Title Heading */
.article-title {
	font-weight: 700;
	color: var(--bs-black);
}

/* Article Author and Date Meta Data Bar */
.article-meta {
	display: flex;
	gap: 8px;
	color: var(--bs-black);
	font-size: 1rem;
	margin-bottom: 24px;
	border-bottom: 1px solid var(--border-color-light);
	padding-bottom: 12px;
}

.article-meta i {
	font-size: 1rem;
	margin-right: 2px;
}

.article-meta span:not(:last-child) {
	position: relative;
}

.article-meta span:not(:last-child)::after {
	content: "|";
	display: inline-block;
	margin-left: 4px;
	margin-top: auto;
	margin-bottom: auto;
	color: var(--border-color-light);
}


.article-meta .author {
	font-weight: 600;
}

.article-meta .author a {
	text-decoration: var(--link-color) underline;
}

.article-meta .author a:hover {
	color: var(--link-color-hover);
}

.article-meta .meta-item.date,
.article-meta .meta-item.date i {
	color: var(--border-color-light);
}

/* Featured Header Image Container boundaries */
.article-featured-image {
	width: 100%;
	margin-bottom: 20px;
	position: relative;
}

.article-featured-image img.wp-post-image {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 5px;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.article-featured-image img.lbpolecanews {
	bottom: 1rem;
	right: 0.5rem;
	margin: 0;
	position: absolute;
	border-radius: 0;
	max-width: 200px;
	width: 100%;
}

/* content-area typography */

.entry-content,
.content-area {
	line-height: 27.5px;
	font-weight: 500;
	font-size: 16px;
}

.post-content-area {
	line-height: 27.5px;
	font-size: 16px;
}

.post-content-area h3 {
	padding-bottom: 10px;
	margin: 10px 0;
}

.post-content-area p {
	line-height: 27.5px;
	margin-bottom: 10px;
}

.post-content-area strong {
	font-weight: 700;
}

.post-content-area ul {
	list-style: disc;
	padding-left: 0;
	margin: 0 0 10px 5%;
	/* line-height: 1.7; */
}

.post-content-area ul ul,
.post-content-area ul.list-circle {
	list-style: circle;
}

.post-content-area ul ul ul,
.post-content-area ul.list-square {
	list-style: square;
}

.post-content-area ol {
	padding-left: 0;
	margin: 0 0 10px 5%;
}

.post-content-area ul li .post-content-area ol li {
	margin-bottom: 0;
	color: var(--bs-black);
	font-weight: 700;
	font-size: 16px;
}

.post-content-area ul li a,
.post-content-area ol li a {
	color: var(--bs-black);
	font-weight: 700;
	font-size: 16px;
}

.post-content-area ul li span[style] {
	color: currentColor !important;
}

.post-content-area a {
	text-decoration: var(--link-color) underline;
	font-weight: 700;
}

.post-content-area a:hover {
	color: var(--link-color-hover);
}

/* Blockquotes within editor content */
blockquote {
	font-style: italic;
	border-left: 10px solid var(--bs-gray-200);
	margin: 1.5rem 10px;
	padding: .5rem 10px;
	color: var(--bs-black);
	display: block;
	font-size: 16px;

}

blockquote p {
	margin: 0;
	display: inline;
}

blockquote:before {
	color: var(--bs-gray-200);
	content: "\201C";
	font-size: 64px;
	line-height: 6.4px;
	margin-right: 16px;
	vertical-align: -25.6px;
}

/* Bottom Tags Module wrapper */
.article-tags-container {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid var(--second-white);
}

.article-tags-group {
	display: flex;
	align-items: start;
	gap: 10px;
	margin-bottom: 4px;
}

.article-tags-container .article-tags-group:last-child {
	margin-bottom: 0;
}

.article-tags-group .tags-label {
	font-size: 16px;
	font-weight: 400;
	flex: 0 0 auto;
}

.article-tags-group .tags-list {
	display: flex;
	flex-wrap: wrap;
	gap: 2px 4px;
	font-size: 16px;
	color: currentColor;
}

.tag-link {
	font-size: 16px;
	color: var(--bs-black);
	transition: color 0.2s ease;
}

/* comment panel */
.comment-respond {
	margin-top: 32px;
	margin-bottom: 24px;

}

.comment-respond form p a {
	text-decoration: var(--link-color) underline;
}

.comment-respond form p a:hover,
.comment-respond form p a:hover {
	color: var(--link-color-hover);
}

.comment-form .comment-form-comment {
	display: flex;
	flex-flow: column;
}

.comment-form .comment-form-comment label {
	margin-bottom: 0.5rem;
	font-size: 14px;
	font-weight: 600;
	color: var(--bs-black);
}

.comment-form .comment-form-comment textarea {
	border: 1px solid var(--bs-border-color);
	border-radius: 5px;
	padding: 5px 10px;
	margin-bottom: 0;
	color: var(--bs-black);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	display: block;
	width: 100%;
	background-color: var(--bs-body-bg);
	background-clip: padding-box;
	min-height: 105px;
	height: 105px;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.comment-form .comment-form-comment textarea::placeholder {
	color: var(--bs-black);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
}

.comment-form .comment-form-comment textarea:focus {
	color: var(--bs-black);
	border-color: #86b7fe;
	outline: 0;
	box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}

.comment-form .comment-form-comment input {
	border: 1px solid var(--bs-gray-200);
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 1rem;
	color: var(--bs-black);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
}

.comment-form .comment-form-comment input::placeholder {
	color: var(--bs-gray-400);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
}

.comment-form .form-submit {
	margin-top: 20px;
	margin-bottom: 0
}

.comment-form .form-submit .submit {
	padding: 0.5rem 1rem;
	font-size: 12.5px;
	font-weight: 500;
	background: #0d6efd;
	border: 1px solid #0d6efd;
	color: #fff;
	border-radius: 5px;
}

.comment-form .form-submit .submit:hover {
	color: #fff;
	background-color: #0b5ed7;
	border-color: #0a58ca;
	cursor: pointer;
}

/* --- RIGHT COLUMN: SIDEBAR CONTENT COMPONENT --- */
aside.article-sidebar {
	display: flex;
	flex-direction: column;
	gap: 80px;
}

/* Light gray-blue structural background card blocks from ss.jpg */

.sidebar-widget-card,
.sidebar-card,
.article-sidebar .widget_nav_menu {
	background: var(--bs-gray-300);
	padding: 27px 20px 20px 20px;
	border-radius: 10px;
}

.article-sidebar .widget_nav_menu {
	list-style: none;
}

.widget-card-toc:has(.sidebar-widget-card:empty) {
	display: none;
}

.article-sidebar .widget_nav_menu .widget-title,
.widget-heading-title {
	font-size: 24px;
	font-weight: 800;
	color: var(--bs-black);
	margin-bottom: 19px;
	margin-top: 0;
}

.post-template-default.single .article-sidebar .widget_nav_menu .widget-title,
.post-template-default.single .widget-heading-title {
	color: #0e90d2;
}

.article-sidebar .widget_nav_menu .widget-title,
.widget-card-ecommended-list .widget-heading-title {
	color: var(--link-color);
}

.no-points-right,
.sidebar-links-list,
.sidebar-widget-card nav ul.menu,
.article-sidebar .widget_nav_menu nav ul.menu {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.no-points-right li,
.sidebar-links-list li,
.sidebar-widget-card nav ul.menu li,
.article-sidebar .widget_nav_menu nav ul.menu li {
	margin-bottom: 14px;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 20px;
}

ul.no-points-right li:last-child,
.sidebar-links-list li:last-child,
.sidebar-widget-card nav ul.menu li:last-child,
.article-sidebar .widget_nav_menu nav ul.menu li:last-child {
	margin-bottom: 0;
}

ul.no-points-right li a,
.sidebar-links-list li a {
	font-size: 16px;
	color: var(--bs-black);
	text-decoration: none;
	font-weight: 400;
}

.sidebar-widget-card nav ul.menu li a,
.article-sidebar .widget_nav_menu nav ul.menu li a {
	font-size: 1rem;
	color: var(--bs-black);
	text-decoration: none;
	display: inline;
	background-image: linear-gradient(to right, var(--bs-black), var(--bs-black));
	background-position: 0 100%;
	background-size: 0 1px;
	background-repeat: no-repeat;
	transition: background-size .5s cubic-bezier(0, 0, 0, 1);
}

.list-of-content ul {
	padding-left: 28px;
	list-style-type: square;
}

.list-of-content ul li {
	margin-bottom: 5px;
	font-size: 13px;
	font-weight: 400;
	line-height: normal;
}

.list-of-content ul li a {
	color: var(--bs-black);
	background-image: linear-gradient(to right, var(--bs-black), var(--bs-black));
	background-position: 0 100%;
	background-size: 0 1px;
	background-repeat: no-repeat;
	transition: .4s background-size cubic-bezier(0, 0, 0, 1);
	font-size: 13px;
	text-decoration: none;
}

.list-of-content ul li a:hover,
.sidebar-widget-card nav ul.menu li a:hover,
.article-sidebar .widget_nav_menu nav ul.menu li a:hover {
	background-size: 100% 1px;

}

.list-of-content .content-link.active {
	font-weight: 600;
	color: var(--link-color);
}

/* menu layout 1 page css */
.posts-archive-section .flex-grid-layout .post-card-small .post-card-content {
	justify-content: flex-start;
}

.posts-archive-section .flex-grid-layout .post-card-small .post-card-meta {
	margin-top: 0;
}

.posts-archive-section .flex-grid-layout .post-card-small .post-card-meta .category-tag-list {
	font-size: 10px;
}

.article-sidebar .games-grid {
	gap: 24px;
}

.article-sidebar .games-grid .game-item {
	text-align: center;
	margin: 0 auto;
	align-items: center;
	width: 100%;
}


.article-sidebar .games-grid:not(.widget-card-boxGame .games-grid) .game-cover {
	max-width: 180px;
	width: 100%;
	height: auto;
	max-height: 250px;
	aspect-ratio: 3/4;
}

/* gamebox widget css */

.article-sidebar .widget-card-boxGame .games-grid .game-cover {
	height: auto;
	max-height: 380px;
	aspect-ratio: unset;
	width: 100%;
}

.article-sidebar .widget-card-boxGame .games-grid .game-item {
	text-align: start;
	align-items: self-start;
}

.article-sidebar .widget-card-boxGame .games-grid .game-title a {
	font-size: 20px;
	font-weight: 700;
}


.article-sidebar .games-grid {
	margin-bottom: 0;
}

.posts-list-section .post-articles-grid .games-grid {
	gap: 32px 24px;
}

.spacer {
	display: block;
	width: 100%;
	height: var(--spacer-height);
}

/* Desktop */
.spacer-10 {
	--spacer-height: 10px;
}

.spacer-20 {
	--spacer-height: 20px;
}

.spacer-30 {
	--spacer-height: 30px;
}

.spacer-40 {
	--spacer-height: 40px;
}

.spacer-50 {
	--spacer-height: 50px;
}

.spacer-60 {
	--spacer-height: 60px;
}

.spacer-70 {
	--spacer-height: 70px;
}

.spacer-80 {
	--spacer-height: 80px;
}

.spacer-90 {
	--spacer-height: 90px;
}

.spacer-100 {
	--spacer-height: 100px;
}

.post-content-area .wp-block-image,
.entry-content .wp-block-image {
	margin-bottom: 1rem;
}

.post-content-area .wp-block-image img,
.content-area .wp-block-image img,
.entry-content .wp-block-image img,
.post-content-area p img {
	border-radius: 3px;
}

.post-content-area .wp-block-embed,
.entry-content .wp-block-embed {
	margin-bottom: 1rem;
}

/* article short description card css */
/* Container spacing block */
.article-short-summary {
	display: flex;
	flex-flow: column;
	gap: 1rem 2rem;
	margin: 2rem 0;
}

.article-summary-info {
	border: 1px solid var(--stroke);
	padding: 18px;
	font-size: 14px;
	line-height: 24px;
}

.article-info-detail {
	display: flex;
	flex-flow: column;
	gap: 4px;
}

.article-summary-thumb {
	display: flex;
}

.article-summary-thumb img {
	height: 250px;
	width: 100%;
	object-fit: cover;
}

.article-summary-thumb a.add {
	font-size: 1rem;
}

/* Individual info row wrapper */
.info-row {
	color: var(--bs-black);
	display: grid;
	grid-template-columns: max-content 1fr;
	row-gap: 4px;
	column-gap: 4px;
}

.info-label {
	font-weight: 700;
	grid-column: 1;
}

.info-value {
	font-weight: 400;
	grid-column: 2;
}

.info-link {
	color: var(--bs-black);
	text-decoration: var(--link-color) underline;
	font-weight: 700;
	transition: color 0.15s ease;
}

.info-link:hover {
	color: var(--link-color-hover);
}

.cta-button-grp {
	grid-column: span 2;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.post-content-area .cta-btn-outline ,
.default-template-wrapper .post-content-area button:not(:disabled) {
	border: 2px solid var(--lb-cyan);
	color: var(--lb-cyan);
	font-size: 15px;
	padding: 12px 10px 14px;
	background: var(--bs-white);
	text-align: center;
	border-radius: 5px;
	text-decoration: none;
	font-weight: 600;
	line-height: normal;
}
.default-template-wrapper .post-content-area button:not(:disabled) {
	display: inline-block;
}
.default-template-wrapper .post-content-area button:disabled {
	border: 2px solid var(--disbaled-color);
	color: var(--disbaled-text);
	font-size: 15px;
	padding: 12px 10px 14px;
	background: var(--bs-white);
	text-align: center;
	border-radius: 5px;
	text-decoration: none;
	font-weight: 600;
	line-height: normal;
}

.post-content-area .cta-btn-outline:hover ,
.default-template-wrapper .post-content-area button:not(:disabled):hover {
	color: var(--bs-white);
	background: var(--lb-cyan);
	cursor: pointer;
}

.review-summary-box {
	display: flex;
	flex-direction: column;
	gap: 24px;
	align-items: flex-start;
	margin: 24px 0 0;
	word-break: break-word;
}

/* table css */

/* Gutenberg Table */
.post-content-area .wp-block-table {
	margin: 1.5rem 0;
}

.post-content-area table:not(.wp-block-table table) {
	margin-top: 1.5rem;
}

.post-content-area .wp-block-table table,
.post-content-area table:not(.wp-block-table table) {
	width: 100%;
	border-collapse: collapse;
	color: var(--bs-black);
	background: var(--bs-background-white);
}

.post-content-area table thead {
	border-bottom: 3px solid;
}

.wp-block-table thead th,
.post-content-area table thead th {
	background: color-mix(in srgb, var(--bs-black) 5%, var(--bs-white));
}

.post-content-area table th,
.post-content-area table td {
	padding: 12px 16px;
	border: 1px solid var(--border-color-light);
	text-align: left;
	vertical-align: top;
	line-height: 1.6;
}

.post-content-area table thead th {
	font-weight: 600;
	background: rgba(var(--black-color-rgb), 0.04);
	white-space: nowrap;
}

.post-content-area table tbody tr:nth-child(even) {
	background: rgba(var(--black-color-rgb), 0.02);
}

.post-content-area table tbody tr:hover {
	background: rgba(var(--black-color-rgb), 0.04);
}

.post-content-area table td,
.post-content-area table th {
	word-break: break-word;
}

/* table css ends */

/* --- LEFT SIDE: COVER IMAGE PANEL --- */
.review-cover-wrapper {
	width: 100%;
	max-width: 200px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.review-image-link img {
	width: 100%;
	height: 350px;
	display: block;
	object-fit: cover;
}

.btn-add-library {
	font-size: 16px;
	font-weight: 700;
	transition: color 0.15s ease;
	line-height: normal;
}

/* --- RIGHT SIDE: COMPLETE DETAIL CONTROL BOARD --- */
.review-details-panel {
	display: flex;
	flex-direction: column;
	gap: 24px;
	width: 100%;
}

.review-header-row {
	flex-direction: column;
	gap: 32px;
	display: flex;
}

.score-breakdown-grid {
	display: flex;
	color: var(--bs-gray-800);
	border-radius: 2px;
	overflow: hidden;
	flex: 1 0 auto;
	width: fit-content;
	max-width: fit-content;
}

/* Individual Score Card Styling adjustment */
.score-card {
	padding: 22px;
	text-align: center;
	background: var(--bs-lg-blue);
	flex: 0 0 auto;
	border-right: 1px solid var(--bs-white);
}

.score-card:last-child {
	border-right: none;
}

.score-label {
	font-size: 16px;
	color: inherit;
	display: block;
}

.score-value {
	font-size: 20px;
	font-weight: 700;
	color: var(--bs-black);
	display: block;
}

/* --- THE CIRCULAR PROGRESS ENGINE --- */
.overall-score-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-right: 0;
	flex: 0 0 auto;
}

/* Uses CSS conic-gradient to dynamically render the outer track rating values ring */
.radial-progress-circle {
	--size: 87px;
	--thickness: 10px;
	width: var(--size);
	height: var(--size);
	border-radius: 50%;
	/* background: transparent;
            background: conic-gradient(
                rgba(13, 178, 223, 1) 0%,
                rgba(13, 178, 223, 1) calc(max(var(--score-percentage), 1%) * 0.10),
                rgba(13, 178, 223, 0.70) calc(max(var(--score-percentage), 1%) * 0.50),
                rgba(13, 178, 223, 0.45) calc(max(var(--score-percentage), 1%) * 0.80),
                rgba(13, 178, 223, 0.25) calc(max(var(--score-percentage), 1%) - 0.5%),
            
                #eef3f7 var(--score-percentage),
                #eef3f7 100%
            ); */
	background-color: #eef3f7;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

/* Inner mask cutout creating the hollow ring stroke shape */
.radial-progress-circle::before {
	content: "";
	position: absolute;
	width: calc(var(--size) - (var(--thickness) * 2));
	height: calc(var(--size) - (var(--thickness) * 2));
	border-radius: 50%;
	background: var(--bs-background-white);
	z-index: 1;
}

/* Central text typography alignments */
.overall-score-number {
	position: relative;
	font-size: 20px;
	font-weight: 700;
	color: var(--bs-black-29);
	z-index: 2;
}

/* ==========================================================================
        2. Absolute Match Dynamic Gradient Engine
        ========================================================================== */
.radial-progress-circle:not(.score0) {
	background-image: conic-gradient(rgba(13, 178, 223, 1) 0%,
			rgba(13, 178, 223, 1) calc(var(--score-percentage) * 0.10),

			rgba(13, 178, 223, 0.70) calc(var(--score-percentage) * 0.50),
			rgba(13, 178, 223, 0.45) calc(var(--score-percentage) * 0.80),

			rgba(13, 178, 223, 0.20) calc(var(--score-percentage) - 0.5%),

			#eef3f7 var(--score-percentage),
			#eef3f7 100%);
}


.radial-progress-circle.score0 {
	background-image: none;
}


/* --- BOTTOM SPLIT ROW: PROS & CONS WHITE BOX PANEL --- */
.pros-cons-box {
	border: 1px solid var(--stroke);
	padding: 30px;
	display: grid;
	grid-template-columns: 1fr;
	gap: 32px;
	background: var(--bs-background-white);
}

.verdict-column {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.pros-cons-title {
	font-size: 16px;
	font-weight: 700;
	color: var(--bs-black);
	margin: 0;
}

.pros-cons-box .verdict-column ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
}

.pros-cons-box .verdict-column ul li {
	position: relative;
	padding: 4px 0 4px 28px;
	font-size: 14px;
	color: var(--bs-black);
	list-style: none;
}

/* Common */
.pros-cons-box .verdict-column ul li::before {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	border-radius: 3px;
	color: var(--bs-white);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	font-family: var(--family-body);
}

/* Pros */
.pros-cons-box .pros-column ul li::before {
	content: "+";
	background-color: var(--pros-bg, #00afde);
}

/* Cons */
.pros-cons-box .cons-column ul li::before {
	content: "-";
	background-color: var(--cons-bg, #ff7031);
}

.verdict-text {
	font-weight: 400;
}

/* toc start */
.widget-card-toc p:empty {
	display: none;
}

aside.article-sidebar .widget-card-toc .sidebar-widget-card {
	background: transparent;
	padding: 0;
	border-radius: 0;
}

aside.article-sidebar .widget-card-toc .sidebar-widget-card #ez-toc-container {
	background: var(--bs-gray-300);
	padding: 27px 20px 20px 20px;
	border-radius: 10px;
}

body #ez-toc-container {
	margin-bottom: 0 ! important;
	border: 0;
	padding: 0;
	box-shadow: none;
}

body #ez-toc-container .ez-toc-title-container {
	margin-bottom: 10px;
}

body #ez-toc-container .ez-toc-title {
	font-size: 20px;
	font-weight: 700;
}

body #ez-toc-container nav {
	padding-left: 20px;
}

body #ez-toc-container nav ul,
body #ez-toc-container nav li {
	list-style: disc;
	overflow: initial;
}

body .article-sidebar #ez-toc-container nav ul,
body .article-sidebar #ez-toc-container nav li {
	list-style: square;
	overflow: initial;
}

body #ez-toc-container ul li {
	margin-bottom: 8px;
	font-weight: 600;
}

body .ez-toc-counter nav ul li a::before {
	margin-right: 10px;
	font-size: 10px;
	color: var(--bs-black);
}

body #ez-toc-container a {
	color: var(--bs-black);
	background-image: linear-gradient(to right, var(--bs-black), var(--bs-black));
	background-position: 0 100%;
	background-size: 0 1px;
	background-repeat: no-repeat;
	transition: .4s background-size cubic-bezier(0, 0, 0, 1);
	font-size: 16px;
	text-decoration: none;
	font-weight: 600;
	display: inline;
}

.mob-toc .sidebar-widget-card {
	background: transparent;
	padding: 0;
	border: 0;
}

/* toc ends */

/* Sidebar only */
body .article-sidebar #ez-toc-container ul li {
	margin-bottom: 5px;
}

body .article-sidebar #ez-toc-container ul li,
body .article-sidebar #ez-toc-container ul li a,
body .article-sidebar #ez-toc-container a {
	font-size: 13px;
	font-weight: 400;
}

body #ez-toc-container a:visited {
	text-decoration: none;
	color: var(--bs-black);
}

body #ez-toc-container a:hover {
	background-size: 100% 1px;
	text-decoration: none;
}

body .su-button {
	border: 2px solid var(--lb-cyan) !important;
	color: var(--lb-cyan) !important;
	padding: 12px 0;
	background-color: var(--bs-white) !important;
	cursor: pointer;
	font-family: var(--primary-font);
	font-size: 16px;
	font-weight: 600;
	line-height: normal;
	width: 250px;
	box-sizing: border-box !important;
	margin-block-start: 15px;
	margin-block-end: 15px;
}

body .su-button span {
	padding-top: 0.25em !important;
	padding-bottom: 0.25em !important;
	line-height: normal !important;
	font-size: inherit !important;
	font-weight: 600 !important;
	border: 0 !important;
	color: inherit !important;
	border-radius: 0 !important;
}

body .su-button:hover {
	color: var(--bs-white) !important;
	background-color: var(--lb-cyan) !important;
}

/* editor page css */
.editor-card {
	padding: 30px;
	border-radius: 0;
	color: var(--bs-black);
	background-color: var(--bs-gray-300);
	font-size: 15px;
	font-weight: 400;
	line-height: 24px;
}

.editor-card-row {
	display: flex;
	gap: 20px;
	align-items: flex-start;
}

.editor-avatar {
	flex-shrink: 0;
}

.editor-avatar img {
	--avatar-size: 80px;
	width: var(--avatar-size);
	height: var(--avatar-size);
	border-radius: 6px;
	object-fit: cover;
	display: block;
}

.editor-content {
	flex: 1;
	min-width: 0;
}

.editor-title {
	margin-bottom: 10px;
	word-break: break-word;
}

.editor-title a {
	color: var(--bs-black);
	text-decoration: none;
	word-break: break-word;
}

.editor-title a:hover {
	text-decoration: underline var(--lb-cyan);
	color: var(--lb-cyan);
}

.editor-body p {
	margin: 0;
}

.editor-body p:last-of-type {
	margin-bottom: 0;
}

/* equipment card */
.equipment-card {
	margin-top: 30px;
	padding: 30px;
	border: 1px solid var(--border-color-light);
	background: var(--bs-body-bg);
	color: var(--bs-black);
}

.equipment-card-row {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2rem;
}

.equipment-item {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.equipment-title {
	color: var(--bs-black);
	font-size: 16px;
	font-weight: 700;
}

.equipment-thumb-info {
	display: flex;
	align-items: center;
	gap: 1.5rem;
}

.equipment-thumb {
	flex-shrink: 0;
}

.equipment-thumb img {
	--size: 45px;
	width: var(--size);
	height: var(--size);
	object-fit: contain;
	display: block;
}

.equipment-info p {
	margin: 0;
	font-size: 13px;
	word-break: break-word;
	line-height: normal;
}

.small-post-articles {
	margin: 30px 0;
}

.small-post-articles .post-card-thumb img {}

.article-library-secn {
	margin-top: 50px;
}

.article-library-secn .lb-grid {
	column-gap: 20px;
	row-gap: 20px;
}

.library-item {
	aspect-ratio: 2 / 3;
	overflow: hidden;
	border-radius: 8px;
}

.library-item a {
	display: block;
	width: 100%;
	height: 100%;
}

.library-item img {
	width: 100%;
	height: 100%;
	border-radius: inherit;
	object-fit: cover;
	object-position: top;
	display: block;
	transition: opacity 0.2s ease-in-out;
}

.library-item:hover img {
	opacity: 0.8;
}

.light-gallery-wrapper {
	margin: 30px 0;
}

.light-gallery-grid a {
	display: block;
	overflow: hidden;
	border-radius: 5px;
	margin-bottom: 16px;
}

.light-gallery-grid a img {
	display: block;
	width: 100%;
	aspect-ratio: 16/9;
	object-fit: cover;
}

.list-articles-secn {
	margin: 30px 0;
}

.list-box {
	display: flex;
	flex-flow: column;
}

.list-box-cover {
	border-radius: 16px;
	overflow: hidden;
	margin-bottom: 5px;
	height: 150px;

}

.list-box-cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: opacity 0.2s ease-in-out;
}

.list-box-cover a {
	display: block;
	width: 100%;
	height: 100%;
}

.list-box-title a {
	text-decoration: none;
	font-weight: 500;
	font-size: 12px;
	line-height: normal;
}

.list-articles-secn .lb-grid {
	gap: 32px;
}

/* game slider */
.games-slider {
	margin: 40px 0;
	position: relative;
	border-radius: 10px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

body .slick-slider .slick-track {
	display: flex !important;
}

.slick-slider .slick-slide {
	height: auto !important;
	padding: 0;
}

.slick-slider .slick-slide>div {
	height: 100%;
}

/* ==========================================================================
        The Main Slide Container (Theater Screen)
        ========================================================================== */
.games-slider .game-item-card {}

.games-slider .game-item-block {
	background: #000000;
	position: relative;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.game-item-block img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;

	object-fit: contain;
	display: block;
	margin: 0 auto;
}

/* ==========================================================================
            slick slider
        ========================================================================== */

.slick-slider .slick-arrow {
	--size: 30px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	width: var(--size);
	height: var(--size);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.4);
	border: 0;
	color: var(--bs-white);
	backdrop-filter: blur(2px);
	font-size: 0;
	cursor: pointer;
	transition: all 0.2s ease-in-out;

}

.slick-slider .slick-arrow:hover {
	background: var(--bs-black);
	color: var(--bs-white);
}

.slick-slider .slick-arrow:hover::before {
	color: var(--bs-body-bg);
}

.slick-slider .slick-arrow.slick-prev {
	left: 10px;
}

body .slick-slider .slick-arrow.slick-next {
	right: 10px;
}

body .slick-slider .slick-arrow.slick-disabled {
	cursor: not-allowed;
}

body .slick-slider .slick-arrow.slick-disabled:hover {
	background: var(--bs-white);
	color: var(--black-color);
}

body .slick-slider .slick-arrow.slick-disabled:hover::before {
	color: var(--black-color);
}

body .slick-prev:before,
body .slick-next:before {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	color: var(--bs-white);
	font-size: 16px;

}

body .slick-slider .slick-arrow.slick-prev:before {
	content: "\f053";
}

body .slick-slider .slick-arrow.slick-next:before {
	content: "\f054";
}

body .slick-slider .slick-dots {
	margin: 0 auto;
	bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	list-style: none;
	padding: 0;
	gap: 5px;
}

body .slick-slider .slick-dots li {
	margin: 0;
	width: 10px;
	height: 10px;
	border-radius: 50%;
}

body .slick-slider .slick-dots li button {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.5);
	opacity: 0.5;
	transition: all 0.2s ease-in-out;
}

body .slick-slider .slick-dots li button::before {
	display: none;
}

body .slick-slider .slick-dots li.slick-active button {
	opacity: 1;
	background: var(--bs-white);
}

body .slick-slider .slick-dots li button:hover {
	opacity: 1;
	background: var(--bs-white);
}


/* ==========================================================================
            slick slider ends
        ========================================================================== */
/* ==========================================================================
        WordPress 404 Page Search Form Standard
        ========================================================================== */

/* 1. Form Container Wrapper */
.error404 .search-form {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 550px;
	margin: 25px auto;
}


.error404 .search-form label {
	display: flex;
	width: 100%;
	position: relative;
}

.error404 .search-field {
	color: var(--bs-black);
	background-color: var(--bs-body-bg);
	font-size: 14px;
	padding: 14px 20px;
	font-family: var(--primary-font, inherit);
	box-sizing: border-box;
	border: 1px solid var(--bs-border-color, #dee2e6);
	border-radius: 4px 0 0 4px;
	width: 100%;
	height: 50px;
	outline: none;
	transition: border-color 0.15s ease-in-out;
}


.error404 .search-field:focus {
	border-color: #0d6efd;
	color: var(--bs-black);
}


.error404 .search-submit {
	background-color: #0d6efd;
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
	font-family: var(--primary-font, inherit);
	padding: 0 25px;
	height: 50px;
	border: none;
	border-radius: 0 4px 4px 0;
	cursor: pointer;
	white-space: nowrap;
	transition: background-color 0.15s ease-in-out;
}

.error404 .search-submit:hover {
	background-color: #0b5ed7;
	border-color: #0a58ca;
}

.search-results .search-results-wrapper a {
	text-decoration: var(--link-color) underline;
	font-weight: 700;
}

.search-results .search-results-wrapper a:hover {
	color: var(--link-color-hover);
	text-decoration: var(--link-color) underline;
}

/* sidebar list items */
.article-sidebar .widget-type-post .games-grid {
	gap: 20px;
	grid-template-columns: unset;
}

.article-sidebar .widget-type-post .games-grid .game-item {
	text-align: start;
	align-items: start;
}

/* Container alignment */
.pagination {
	margin: 40px 0 20px;
}

.archive-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	font-family: var(--family-body, inherit);
	font-size: 14px;
	flex-wrap: wrap;
}

/* The "Strona:" / "Pages:" label */
.pagination-label {
	margin-right: 8px;
	font-weight: 500;
	color: var(--bs-black);
}

/* Base styles for all pagination items (links and spans) */
.archive-pagination .page-numbers {
	--size: 30px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	min-width: var(--size);
	height: var(--size);
	;
	padding: 0 6px;
	border: 1px solid var(--bs-border-color);
	border-radius: 4px;
	background-color: var(--bs-body-bg);
	color: var(--bs-black);
	text-decoration: none;
	box-sizing: border-box;
	flex: 0 0 auto;
	transition: all 0.2s ease-in-out;
}

/* Links hover effect */
.archive-pagination a.page-numbers:hover {
	border-color: var(--bs-black);
}

/* Active / Current page styling (Box 1 in your image) */
.archive-pagination .page-numbers.current {
	border-color: var(--bs-black);
	font-weight: bold;
	background-color: var(--bs-body-bg);
}

.dark-mode .archive-pagination a.page-numbers:hover,
.dark-mode .archive-pagination .page-numbers.current {
	border-color: #858585;
}

/* Disabled navigation arrows (like the first « when on page 1) */
.archive-pagination .page-numbers.disabled {
	color: #b5b5b5;
	border-color: #e8e8e8;
	cursor: not-allowed;
}

/* Ellipsis (...) styling, if it appears */
.archive-pagination .page-numbers.dots {
	border: none;
	background: transparent;
	min-width: auto;
	padding: 0 4px;
}

.parent-games-dlc {
	margin-bottom: 2rem;
}

.parent-games-dlc .dlc-row {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 32px;
	margin: 20px 0;
}

.parent-games-dlc .dlcCover {
	width: 100%;
}

.parent-games-dlc .dlcCover a {
	display: block;
}

.parent-games-dlc .dlcCover img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	display: block;
	border-radius: 0;
}

.koei-tecmo-summary {
	margin-bottom: 1.5rem;
	margin-top: 20px;
}

.koei-tecmo-section .secn-title h1 {
	margin-top: 0;
}

.custom-post-nav {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	gap: 10px;
	margin-top: 10px;
}

.custom-post-nav .nav-card {
	padding: 10px;
	background-color: var(--bs-gray-300);
	border-radius: 10px;
	flex: 1;
	display: flex;
	gap: 0;
	justify-content: flex-start;
	flex-flow: column;
	text-decoration: none;
	max-width: calc(50% - 5px);
}

.custom-post-nav .nav-card.prev {
	align-items: start;
}

.custom-post-nav .nav-card.next {
	align-items: end;
	margin-inline-start: auto;
}

.custom-post-nav .nav-card .nav-label {
	color: var(--link-color);
	border-bottom: 1px solid var(--bs-gray-500);
	padding: 10px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 15px;
	font-size: 15px;
	width: 100%;
	text-transform: uppercase;
}

.custom-post-nav .nav-card .nav-label i {
	color: currentColor;
}

.custom-post-nav .nav-card .nav-title {
	font-weight: normal;
	text-align: left;
	width: 100%;
	margin-bottom: 10px;
}

.custom-post-nav .nav-card.next .nav-label {
	justify-content: flex-end;
}

.custom-post-nav .nav-card .nav-parent {
	font-size: 13px;
	color: var(--bs-gray-500);
	width: 100%;
	text-align: start;
	margin-bottom: 8px;
}

.custom-post-nav .nav-card.next .nav-parent,
.custom-post-nav .nav-card.next .nav-title {
	text-align: right;
}

.custom-post-nav .nav-card .nav-title:hover {
	color: var(--link-color-hover);
}

.search-result-section .lb-grid {
	gap: 24px;
}


.tabs-wrapper-row {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 25px;
	margin-top: 15px;
}

.search-results-label {
	font-weight: 700;
	white-space: nowrap;
}

.cats-tab-con {
	display: flex;
	align-items: center;
	gap: 12px;
	overflow-x: auto;
	scrollbar-width: none;
}

.cats-tab-con::-webkit-scrollbar {
	display: none;
}

/* Colors */
.cat-tab {
	border: 0;
	color: var(--bs-white);
	padding: 5px 15px;
	border-radius: 6px;
	cursor: pointer;
	white-space: nowrap;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	flex: 0 0 auto;
	transition: .2s ease;
}

/* Colors */
.cat-tab.news {
	background: #f35726;
}

.cat-tab.game {
	background: #00afde;
}

.cat-tab.hardware {
	background: #005270;
}

.cat-tab.review {
	background: #540d37;
}

.cat-tab.guides {
	background: #ff8916;
}


.cat-tab:hover,
.cat-tab.active-class-tab {
	opacity: .75;
}

.tab-content {
	display: none;
}

.tab-content.active-class-tab {
	display: block;
}

.light-video-grid {
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
}

.post-card-meta.hide-cat {
	display: none;
}

/* default template page */
.default-template-wrapper .post-content-area h3,
.default-template-wrapper .post-content-area h4,
.default-template-wrapper .post-content-area h5 ,
.default-template-wrapper .post-content-area h6  {
	margin:15px 0;
}
.default-template-wrapper .post-content-area ul ,
.default-template-wrapper .post-content-area ol {
	margin: 0 0 10px 1.75rem;
}
.post-content-area mark {
	color:var(--text-primary);
}
.post-content-area address {
  padding: 1rem;
  border: 1px solid #ddd;
  border-radius: 8px;
  background:  rgba(var(--black-color-rgb), 0.04);
  line-height: 1.6;
  color:var(--bs-black);
  margin:1.5rem 0;
}
.default-template-wrapper .post-content-area .wp-block-paragraph button {
   margin-bottom: 1rem;
}

.post-content-area dl {
    margin: 20px 0;
    padding: 0;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: rgba(var(--black-color-rgb), 0.04);
	color:var(--bs-black);
}

.post-content-area dt {
    font-weight: bold;
    margin: 10px 0 5px;
    padding: 10px;
    background-color: rgba(var(--black-color-rgb), 0.05);
    border-bottom: 1px solid #ddd;
	color:var(--bs-black);
}

.post-content-area dd {
    margin: 0 0 10px 20px;
    padding: 10px;
    border-left: 2px solid #ddd;
    background-color: var(--bs-background-white);
	color:var(--bs-black);
}

.wp-block-image :where(figcaption) {
    font-size: 0.875rem;
    line-height: 1.5;   
}
/* -------------------------dark mode css applied here */
.dark-mode h3 span[style*="color: #000000"] {
	color: #fff !important;
}


/* -------------------------dark mode css applied ends */
/* common media query for theme */
/* =========================
        SM ≥576px
        ========================= */
@media (min-width: 576px) {
	.lb-grid-sm-1 {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.lb-grid-sm-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.lb-grid-sm-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.lb-grid-sm-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.lb-grid-sm-5 {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.lb-grid-sm-6 {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}

	.lb-grid-sm-7 {
		grid-template-columns: repeat(7, minmax(0, 1fr));
	}

	.grid-col-sm-1 {
		flex: 0 0 auto;
		width: 8.333333%;
	}

	.grid-col-sm-2 {
		flex: 0 0 auto;
		width: 16.666667%;
	}

	.grid-col-sm-3 {
		flex: 0 0 auto;
		width: 25%;
	}

	.grid-col-sm-4 {
		flex: 0 0 auto;
		width: 33.333333%;
	}

	.grid-col-sm-5 {
		flex: 0 0 auto;
		width: 41.666667%;
	}

	.grid-col-sm-6 {
		flex: 0 0 auto;
		width: 50%;
	}

	.grid-col-sm-7 {
		flex: 0 0 auto;
		width: 58.333333%;
	}

	.grid-col-sm-8 {
		flex: 0 0 auto;
		width: 66.666667%;
	}

	.grid-col-sm-9 {
		flex: 0 0 auto;
		width: 75%;
	}

	.grid-col-sm-10 {
		flex: 0 0 auto;
		width: 83.333333%;
	}

	.grid-col-sm-11 {
		flex: 0 0 auto;
		width: 91.666667%;
	}

	.grid-col-sm-12 {
		flex: 0 0 auto;
		width: 100%;
	}

	/* grid css  */

	.pros-cons-box {
		grid-template-columns: 1fr 1fr;
		/* Clean split to 50% left pros / 50% right cons */
	}


}

/* =========================
        MD ≥768px
        ========================= */
@media (min-width: 768px) {
	.lb-grid-md-1 {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.lb-grid-md-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.lb-grid-md-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.lb-grid-md-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.lb-grid-md-5 {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.lb-grid-md-6 {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}

	.lb-grid-md-7 {
		grid-template-columns: repeat(7, minmax(0, 1fr));
	}

	.grid-col-md-1 {
		flex: 0 0 auto;
		width: 8.333333%;
	}

	.grid-col-md-2 {
		flex: 0 0 auto;
		width: 16.666667%;
	}

	.grid-col-md-3 {
		flex: 0 0 auto;
		width: 25%;
	}

	.grid-col-md-4 {
		flex: 0 0 auto;
		width: 33.333333%;
	}

	.grid-col-md-5 {
		flex: 0 0 auto;
		width: 41.666667%;
	}

	.grid-col-md-6 {
		flex: 0 0 auto;
		width: 50%;
	}

	.grid-col-md-7 {
		flex: 0 0 auto;
		width: 58.333333%;
	}

	.grid-col-md-8 {
		flex: 0 0 auto;
		width: 66.666667%;
	}

	.grid-col-md-9 {
		flex: 0 0 auto;
		width: 75%;
	}

	.grid-col-md-10 {
		flex: 0 0 auto;
		width: 83.333333%;
	}

	.grid-col-md-11 {
		flex: 0 0 auto;
		width: 91.666667%;
	}

	.grid-col-md-12 {
		flex: 0 0 auto;
		width: 100%;
	}

	.games-grid-6 {
		grid-template-columns: repeat(3, 1fr);
	}

	.article-short-summary {
		display: grid;
		grid-template-columns: 200px 1fr;
		gap: 1rem 2rem;
		margin: 2rem 0;
	}

	.review-summary-box {
		display: grid;
		grid-template-columns: 200px 1fr;
		gap: 1rem 2rem;
		margin: 2rem 0 1rem;
	}

	.review-header-row {
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		gap: 20px;
		flex-wrap: wrap;
	}


}

/* =========================768 ends */
/* 992 px  */

@media (min-width:992px) {
	.mobile-menu {
		display: none;
	}

	.header-section .site-navigation {
		margin-bottom: 10px;

	}

	.site-navigation .menu {
		flex-wrap: wrap;
		gap: 5px;
	}

	.header-section .site-navigation ul.sub-menu {
		min-width: 230px;
		width: 230px;
		border-radius: 6px;
	}

	.site-navigation .menu li.menu-item-has-children {
		padding-right: 25px;
	}

	.site-navigation ul.menu li.menu-item-has-children:hover>ul.sub-menu {
		display: block;
	}

	.site-navigation ul.menu li.menu-item-has-children:hover>.sub-menu {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
	}

	/* 1. Aligns the very first dropdown level to the right edge of the main nav item */
	.site-navigation ul.menu>li:last-child>.sub-menu {
		right: 0;
		left: auto;
	}

	/* 2. Forces all deeply nested dropdowns inside the last-child to fly out to the left */
	.site-navigation ul.menu>li:last-child .sub-menu .sub-menu {
		right: 100%;
		left: auto;
		top: 0;
	}


	/* .site-navigation ul.menu>li:nth-last-child(-n+2) .sub-menu .sub-menu {
                left: auto !important;
                right: 100%;
            } */

	/* .site-navigation ul.menu {
                gap: 5px;
                flex: 1 0 0;
            } */

	/* Rotate top level arrow */
	.site-navigation ul.menu>li.menu-item-has-children:hover::after {
		transform: translateY(-50%) rotate(180deg);
	}

	/* Active menu */
	.site-navigation ul.menu li.current-menu-item,
	.site-navigation ul.menu li.current-menu-parent,
	.site-navigation ul.menu li.current-menu-ancestor {
		background: var(--navlink-hover);
		color: var(--navlink-active);
	}

	.site-navigation ul.menu li.current-menu-item>a,
	.site-navigation ul.menu li.current-menu-parent>a,
	.site-navigation ul.menu li.current-menu-ancestor>a {
		color: var(--navlink-active);
	}

	/* .site-navigation ul.menu li.current-menu-item::after,
            .site-navigation ul.menu li.current-menu-parent::after,
            .site-navigation ul.menu li.current-menu-ancestor::after{
                color:var(--surface-color);
            } */


	/* Level 2 dropdown */
	.site-navigation ul .sub-menu .sub-menu {
		left: 100%;
		top: 0;
		opacity: 0;
		visibility: hidden;
		transform: translateX(10px);
		max-height: 400px;
		overflow-y: auto;
		scrollbar-width: thin;
	}


	.site-navigation ul.menu li.menu-item-has-children ul.sub-menu li:hover>.sub-menu {
		opacity: 1;
		visibility: visible;
		transform: translateX(0);
	}


	/* Submenu parent arrow */
	.site-navigation ul.menu ul.sub-menu li.menu-item-has-children::after {
		font-family: "FontAwesome";
		transform: translateY(-50%);
	}

	.site-navigation ul.menu ul.sub-menu li.menu-item-has-children:hover::after {
		transform: translateY(-50%) rotate(-90deg);
	}

	.lb-grid-lg-1 {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.lb-grid-lg-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.lb-grid-lg-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.lb-grid-lg-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.lb-grid-lg-5 {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.lb-grid-lg-6 {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}

	.lb-grid-lg-7 {
		grid-template-columns: repeat(7, minmax(0, 1fr));
	}

	.grid-col-lg-1 {
		flex: 0 0 auto;
		width: 8.333333%;
	}

	.grid-col-lg-2 {
		flex: 0 0 auto;
		width: 16.666667%;
	}

	.grid-col-lg-3 {
		flex: 0 0 auto;
		width: 25%;
	}

	.grid-col-lg-4 {
		flex: 0 0 auto;
		width: 33.333333%;
	}

	.grid-col-lg-5 {
		flex: 0 0 auto;
		width: 41.666667%;
	}

	.grid-col-lg-6 {
		flex: 0 0 auto;
		width: 50%;
	}

	.grid-col-lg-7 {
		flex: 0 0 auto;
		width: 58.333333%;
	}

	.grid-col-lg-8 {
		flex: 0 0 auto;
		width: 66.666667%;
	}

	.grid-col-lg-9 {
		flex: 0 0 auto;
		width: 75%;
	}

	.grid-col-lg-10 {
		flex: 0 0 auto;
		width: 83.333333%;
	}

	.grid-col-lg-11 {
		flex: 0 0 auto;
		width: 91.666667%;
	}

	.grid-col-lg-12 {
		flex: 0 0 auto;
		width: 100%;
	}

	.post-articles .layout-wrapper {
		margin-top: 10px;
	}

	.main-content-col {
		flex: 0 0 auto;
		width: 66.6666%;
		padding-top: 40px
	}

	.flex-grid-layout {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: 35px;
	}

	.flex-grid-layout.has-sidebar {
		grid-template-columns: minmax(0, 1fr) 320px;
	}

	.article-sidebar {
		/* max-width:320px; */
	}

	.multi-post-articles .post-card:not(.featured) .post-card-content {
		padding-bottom: 10px;
	}

	.mob-toc {
		display: none;
	}
}

/* 992 ends */
@media (min-width:1200px) {
	.lb-grid-xl-1 {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.lb-grid-xl-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.lb-grid-xl-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.lb-grid-xl-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.lb-grid-xl-5 {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.lb-grid-xl-6 {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}

	.lb-grid-xl-7 {
		grid-template-columns: repeat(7, minmax(0, 1fr));
	}


	.grid-col-xl-1 {
		flex: 0 0 auto;
		width: 8.333333%;
	}

	.grid-col-xl-2 {
		flex: 0 0 auto;
		width: 16.666667%;
	}

	.grid-col-xl-3 {
		flex: 0 0 auto;
		width: 25%;
	}

	.grid-col-xl-4 {
		flex: 0 0 auto;
		width: 33.333333%;
	}

	.grid-col-xl-5 {
		flex: 0 0 auto;
		width: 41.666667%;
	}

	.grid-col-xl-6 {
		flex: 0 0 auto;
		width: 50%;
	}

	.grid-col-xl-7 {
		flex: 0 0 auto;
		width: 58.333333%;
	}

	.grid-col-xl-8 {
		flex: 0 0 auto;
		width: 66.666667%;
	}

	.grid-col-xl-9 {
		flex: 0 0 auto;
		width: 75%;
	}

	.grid-col-xl-10 {
		flex: 0 0 auto;
		width: 83.333333%;
	}

	.grid-col-xl-11 {
		flex: 0 0 auto;
		width: 91.666667%;
	}

	.grid-col-xl-12 {
		flex: 0 0 auto;
		width: 100%;
	}

	.games-grid-6 {
		grid-template-columns: repeat(6, 1fr);
	}

	.site-navigation ul .sub-menu .sub-menu {
		overflow-y: hidden;
	}

	.site-navigation ul .sub-menu .sub-menu:hover {
		overflow-y: auto;
	}

}

/*----------1200 ends---------------*/
@media (min-width:1366px) {
	.container {
		max-width: var(--container);
		/* padding-left: 0;
                padding-right: 0; */
	}

}

@media (min-width: 1400px) {
	.lb-grid-xxl-1 {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.lb-grid-xxl-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.lb-grid-xxl-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.lb-grid-xxl-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.lb-grid-xxl-5 {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.lb-grid-xxl-6 {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}

	.lb-grid-xxl-7 {
		grid-template-columns: repeat(7, minmax(0, 1fr));
	}

	.grid-col-xxl-1 {
		flex: 0 0 auto;
		width: 8.333333%;
	}

	.grid-col-xxl-2 {
		flex: 0 0 auto;
		width: 16.666667%;
	}

	.grid-col-xxl-3 {
		flex: 0 0 auto;
		width: 25%;
	}

	.grid-col-xxl-4 {
		flex: 0 0 auto;
		width: 33.333333%;
	}

	.grid-col-xxl-5 {
		flex: 0 0 auto;
		width: 41.666667%;
	}

	.grid-col-xxl-6 {
		flex: 0 0 auto;
		width: 50%;
	}

	.grid-col-xxl-7 {
		flex: 0 0 auto;
		width: 58.333333%;
	}

	.grid-col-xxl-8 {
		flex: 0 0 auto;
		width: 66.666667%;
	}

	.grid-col-xxl-9 {
		flex: 0 0 auto;
		width: 75%;
	}

	.grid-col-xxl-10 {
		flex: 0 0 auto;
		width: 83.333333%;
	}

	.grid-col-xxl-11 {
		flex: 0 0 auto;
		width: 91.666667%;
	}

	.grid-col-xxl-12 {
		flex: 0 0 auto;
		width: 100%;
	}
}


/* 991 start */
@media (max-width:991.98px) {

	/* common typography */
	h1 {
		font-size: 30px;
		line-height: 40px;
	}

	h2 {
		font-size: 25px;
		line-height: 35px;
		margin: 21px 0px 6px;
	}

	h3 {
		font-size: 22px;
		line-height: 24px;
	}

	h4 {
		font-size: 20px;
		line-height: 20px;
	}

	h5 {
		font-size: 18px;
	}

	h6 {
		font-size: 16px;
	}

	/* typo ends */


	.header-top {
		padding: 24px 0 24px;
	}

	.mobile-menu {
		display: inline-flex;
		margin-left: 0;
		justify-content: center;
		align-items: center;
		width: 24px;
		height: 24px;
		cursor: pointer;
		flex: 0 0 auto;
		line-height: 1;
	}

	.mobile-menu i {
		font-size: 22px;
	}

	.theme-toggle {
		flex: 0 0 auto;
		margin-right: auto;
		margin-left: 0.5rem;
	}

	.header-icons {
		gap: 5px;
		justify-content: flex-end;
		flex: 0 0 auto;
		margin-left: auto;
	}

	.custom-logo {
		max-width: 200px;
		width: auto;
	}

	.site-navigation {
		display: none;
	}

	.site-navigation .menu li.menu-item-has-children::after {
		display: none;
	}

	.header-section .site-navigation {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;

		height: calc(100dvh - var(--header-total-height));
		height: calc(100dvh - var(--header-total-height));

		overflow-y: auto;
		background: var(--bs-body-color);
		z-index: 999;
		border-top: 1px solid var(--black-rgba-075);
		padding: 2px;
		box-sizing: border-box;
	}

	body.navbar-opened .site-navigation {
		display: block !important;
	}

	.header-section .site-navigation .menu-header-menu-container {
		height: 100%;
	}

	.site-navigation ul.menu {
		flex-flow: column;
		gap: 2px;
		padding: 0;
	}

	.site-navigation .menu li.menu-item-has-children>a {
		padding-right: 2.25rem;
	}

	.toggle-menu {
		position: absolute;
		top: 8px;
		right: 10px;
		width: 24px;
		height: 24px;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		z-index: 2;
		transition: all 0.3s ease-in-out;
		vertical-align: middle;
		text-align: center;
	}

	.toggle-menu i {
		transition: all 0.3s ease-in-out;
	}

	.toggle-menu.on i {
		transform: rotate(180deg);
	}

	ul.sub-menu {
		list-style: none;
		position: relative;
		top: 100%;
		left: 0;
		width: 100%;
		padding: 0;
		margin: 0;
		display: none;
		z-index: 9999;
		background: var(--bs-body-color);
		/* background: var(--bs-gray-400); */
		border: 1px solid var(--border-color-light);
	}

	.site-navigation .menu li {
		padding: 0;
	}

	.site-navigation .menu li a {
		padding: 10px;
		font-size: 1rem;
		line-height: normal;
	}

	.site-navigation ul .sub-menu .sub-menu {
		max-height: 400px;
		overflow-y: auto;
		scrollbar-width: thin;
		background: #cfe4e9;
		border: 0;
	}

	.site-navigation ul .sub-menu .sub-menu li a {
		color: var(--text-primary);
	}

	/* home page css */
	.layout-wrapper {
		flex-flow: column;
	}

	.post-card-content .post-card-title {
		font-size: 14px;
	}

	.post-title {
		font-size: 14px;
	}

	.footer-section .grid-row {
		row-gap: 20px;
	}

	.spacer-10 {
		--spacer-height: 10px;
	}

	.spacer-20 {
		--spacer-height: 15px;
	}

	.spacer-30 {
		--spacer-height: 20px;
	}

	.spacer-40 {
		--spacer-height: 25px;
	}

	.spacer-50 {
		--spacer-height: 30px;
	}

	.spacer-60 {
		--spacer-height: 35px;
	}

	.spacer-70 {
		--spacer-height: 40px;
	}

	.spacer-80 {
		--spacer-height: 50px;
	}

	.spacer-90 {
		--spacer-height: 55px;
	}

	.spacer-100 {
		--spacer-height: 60px;
	}

	aside.article-sidebar {
		gap: 40px;
	}

	.single-article-wrapper,
	.default-template-wrapper {
		padding: 1.5rem 0
	}

	.list-articles-secn .lb-grid {
		gap: 24px 24px;
	}

	.pros-cons-box {
		padding: 18px;
		gap: 24px;
	}

	/* home page */
	.post-card.featured .post-card-content .post-card-title {
		font-size: 1rem;

	}

	.category-tag-list {
		font-size: 10px;
	}

	.guide-card-content {
		font-size: 1rem;
	}

	.post-card {
		gap: 14px;
	}

	.post-card.featured .post-card-thumb img {
		height: 300px;
	}

	.games-grid {
		gap: 24px;
		margin-bottom: 24px;
	}

	.game-cover {
		aspect-ratio: 3 / 4;
		width: 100%;
		height: auto;
		max-height: 250px;
	}

	.games-reviews-posts {
		margin-top: 50px;
	}

	.gray-box,
	.games-reviews-wrapper {
		padding: 1.5rem;
	}

	.directory-title {
		margin: 0 0 16px 0;
		font-size: 0.875rem;
	}

	/* footer */
	.footer-section {
		padding: 1.5rem 0;
	}

	footer .footer-column-title,
	footer .wp-block-heading {
		margin: 0 0 16px 0;
	}

	.editor-section .grid-row {
		row-gap: 40px;
	}

	body .article-sidebar [class*="widget-type-"]:not(.widget-type-post) .games-grid.games-grid-1 .game-cover {

		max-width: 100%;
	}

	.parent-games-dlc {
		margin-bottom: 24px;
	}

	.article-short-summary {
		margin: 1.5rem 0;
	}

	.mob-toc {
		display: block;
	}

	.tabs-wrapper-row {
		display: block;
	}

	.search-results-label {
		display: block;
		margin-bottom: 10px;
	}

	.cats-tab-con {
		gap: 8px;
		padding-bottom: 5px;
		width: calc(100% + 11px);
		padding-right: 12px;
	}

	.archive-pagination {
		font-size: 12px;
		gap: 6px 5px;
	}

	.archive-pagination .page-numbers {
		--size: 22px;
		padding: 0 3px;
	}

	.article-tags-group {
		align-items: start;
		margin-bottom: 10px;
	}


}

/* 991 end */
@media (min-width: 768px) and (max-width: 991.98px) {
	.grid-cols-adaptive {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.games-grid-5,
	.games-grid-6 {
		grid-template-columns: repeat(3, 1fr);
	}

	.main-content-col .post-card {
		margin-bottom: 1rem;
	}

	.score-card {
		padding: 22px 18px;
	}

	body .article-sidebar [class*="widget-type-"]:not(.widget-type-post) .games-grid.games-grid-1 {
		grid-template-columns: repeat(3, 1fr);
	}

	.parent-games-dlc .dlc-row {
		grid-template-columns: repeat(3, 1fr);
		gap: 24px;
	}

	.article-sidebar .widget-card-toc {
		display: none;
	}

}

/* 768--991 ends */
/*-----------992-1199 start--------------  */

@media (min-width: 992px) and (max-width: 1199.98px) {
	.site-navigation .menu li a {
		font-size: 15px;
	}

	.grid-cols-adaptive {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}


	.games-grid-5,
	.games-grid-6 {
		grid-template-columns: repeat(4, 1fr);
	}

	.score-card {
		padding: 22px 10px;
	}

	.score-label {
		font-size: 14px;
	}

	.pros-cons-box {
		padding: 18px;
		gap: 24px;
	}

	.games-grid {
		gap: 20px;
	}

	.parent-games-dlc .dlc-row {
		grid-template-columns: repeat(4, 1fr);
	}
}

/*-----------992-1199 ends--------------  */
/* -----------1200-------------- */
@media (min-width: 1200px) and (max-width: 1439.98px) {
	.grid-cols-adaptive {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* 767 begins for mobile */
@media (max-width:767.98px) {
	:root {
		--space-dt: var(--space-mb);
	}

	.grid-cols-adaptive {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 1rem;
	}

	.games-grid-5,
	.games-grid-6 {
		grid-template-columns: repeat(2, 1fr);
	}

	.post-content-area .wp-block-table {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.post-content-area table:not(.wp-block-table table) {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		width: 100%;
		border-collapse: collapse;
	}

	.post-content-area .wp-block-table table {
		table-layout: auto;
		min-width: 600px;
	}

	.post-content-area table th,
	.post-content-area table td {
		white-space: nowrap;
		padding: 10px 12px;
	}

	.editor-avatar img {
		--avatar-size: 60px;
	}

	.lightbox .lb-nav a.lb-prev,
	.lightbox .lb-nav a.lb-next {
		background-size: 30px 30px;
	}

	.score-breakdown-grid {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		width: 100%;
		max-width: none;
	}

	.score-card {
		min-width: 0;
		padding: 12px 6px;
	}

	.review-cover-wrapper {
		width: 100%;
		max-width: 100%;
	}

	.score-label {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		font-size: 12px;
	}

	.equipment-card-row {
		display: grid;
		gap: 24px;
		grid-template-columns: 1fr;
	}

	/* home page css */
	.main-content-col .post-card {
		margin-bottom: 0;
	}

	body .article-sidebar [class*="widget-type-"]:not(.widget-type-post) .games-grid.games-grid-1 {
		grid-template-columns: repeat(2, 1fr);
	}

	.parent-games-dlc .dlc-row {
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;
	}

	/* sidebar hidden under mobile */
	aside.article-sidebar {
		display: none;
	}

	.custom-post-nav .nav-card .nav-label {
		font-size: 13px;
		padding-top: 0;
	}

	.custom-post-nav .nav-card .nav-title {
		font-size: 14px;
		line-height: 1.5;

	}

	.editor-card,
	.equipment-card {
		padding: 1.25rem;
	}

	.equipment-thumb img {
		--size: 30px;
	}

	.equipment-thumb-info {
		gap: 1rem;
	}

	.post-card.featured .post-card-thumb img.lbpolecanews {
		top: 0.5rem;
		bottom: auto;
	}

	
	.post-card:not(.featured) .post-card-thumb img.lbpolecanews {
		right: 0.25rem;
		max-width: 70%;
		bottom: 0.5rem;
		top: auto;
	}
}

/*--- 767---- end */