/*!
Theme Name: alog
Theme URI: http://underscores.me/
Author: MethodiaWeb
Author URI: http://www.methodiaweb.com
Description: Custom theme for Alexander Logistics
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: alog
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

alog is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
@charset "utf-8";

/* === SITE FONT === */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/* font-family: 'Lato', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

/* font-family: 'Ubuntu', sans-serif; */

/* media */
@media (max-width:1919px) { }
@media (max-width:1600px) { }
@media (max-width:1368px) { }
@media (max-width:1200px) { }
@media (max-width:992px) { }
@media (max-width:768px) { }
@media (max-width:640px) { }
@media (max-width:480px) { }
@media (max-width:376px) { }
@media (max-width:320px) { }

/* variables */
:root { --main--theme-color: #02AFAC; --main--theme-page-bgr-color: #EEEEEE; --main--theme-header-bgr-color: #F6F6F6; --main--theme-text-color: #303030; --main--theme-link-color: #024DAF; --main--theme-row-color: #21507A; --main--theme-icon-color: #EF9D22; }
html { line-height: 1.15; -webkit-text-size-adjust: 100%; }
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; }

/*--------------------------------------------------------------
# Typography - START
--------------------------------------------------------------*/
body, button, input, select, optgroup, textarea { font-family: sans-serif; font-size: 1rem; line-height: 1.5; color: var(--main--theme-text-color); }
input:-internal-autofill-selected, input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { -webkit-box-shadow: inset 0 0 0px 9999px #fff; background-color: transparent !important; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: 600; line-height: 1; clear: both; }
h1.hide { display: block; margin: 0; min-height: 0; font-size: 0; opacity: 0; }
p { margin-bottom: 1.5em; }
dfn, cite, em, i { font-style: italic; }
blockquote { display: block; margin: 0; padding: 30px; width: 100%;    /* background: #000; */ color: #fff; }
address { margin: 0 0 1.5em; }
abbr, acronym { border-bottom: 1px dotted #666; cursor: help; }
mark, ins { background: #fff9c0; text-decoration: none; }
big { font-size: 125%; }

/*--------------------------------------------------------------
# Typography - END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Elements - START
--------------------------------------------------------------*/
html, body { display: block; position: relative; margin: 0; padding: 0; width: 100%; font-family: 'Lato', sans-serif; font-size: 16px; line-height: 1; color: var(--main--theme-text-color); }
@media (max-width:768px) {
	html, body { font-size: 14px; }
}
body.page { color: var(--main--theme-text-color); }
body[class*="privacy-policy"] { line-height: 1.5; }
html, * { -webkit-transition: font-size .2s; -moz-transition: font-size .2s; -ms-transition: font-size .2s; -o-transition: font-size .2s; transition: font-size .2s; }
::selection { background: #3399ff; color: #fff; }
::-moz-selection { background: #3399ff; color: #fff; }
::-moz-focus-inner { border: 0; }
:focus { outline: none !important; }
select::-ms-expand { display: none; }
select:-moz-focusring { color: transparent; text-shadow: none; }
body, body.pushable { background: #fff; }
hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; }
ul, ol {	/* margin: 0 0 1.5em 3em; */
margin: 0; padding: 0; list-style: none; }

/* 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; }

/* Make sure embeds and iframes fit their containers. */
embed, iframe, object { max-width: 100%; }
img, .img { display: block; height: auto;	/* Make sure images are scaled correctly. */ max-width: 100%; border: none;	/* Adhere to container width. */ }
figure { margin: 1em 0; }
table { margin: 0 0 1.5em; width: 100%; }

/*--------------------------------------------------------------
# Elements - END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Forms - START
--------------------------------------------------------------*/
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); font-size: 0.75rem; 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%; resize: none; }

/*--------------------------------------------------------------
# Forms - END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Navigation - START
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Navigation - END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Links - START
--------------------------------------------------------------*/
a { color: var(--main--theme-color); }
a:visited { color: var(--main--theme-color); }
a:hover, a:focus, a:active { text-shadow: 0 0 0 var(--main--theme-color); color: var(--main--theme-color); }
a:focus { outline: none; }
a:hover, a:active { outline: 0; }
a, a:hover, a:active, a:link, a:visited, a:focus { text-decoration: none; cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

/*--------------------------------------------------------------
## Links - END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Accessibility - START
--------------------------------------------------------------*/

/* Text meant only for screen readers. */
.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; }

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus { outline: 0; }

/*--------------------------------------------------------------
# Accessibility - END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Alignments - START
--------------------------------------------------------------*/
.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; }

/*--------------------------------------------------------------
# Alignments - END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Clearings - START
--------------------------------------------------------------*/
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; }
.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

/*--------------------------------------------------------------
# Clearings - END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Widgets - START
--------------------------------------------------------------*/
.widget { margin: 0; }
.widget select { max-width: 100%; }

/*--------------------------------------------------------------
# Widgets - END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Content - START
--------------------------------------------------------------*/
.loader { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99999; background-color: #ffffff; }

/*--------------------------------------------------------------
# Content - END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Posts and pages - START
--------------------------------------------------------------*/
.sticky { display: block; }
.post, .page { margin: 0; height: 100%; }
body.home .page { display: flex; flex-direction: column; flex: 1; }
.updated:not(.published) { display: none; }
.page-content, .entry-content, .entry-summary { margin: 0; }
.entry-content { height: 100%;	/* min-height: 768px; */ background-color: var(--main--theme-page-bgr-color); }
.home .entry-content { height: auto; min-height: 100vh; background: transparent; display: flex; flex-direction: column; }
.home .entry-content > .home-page { flex: 1; }
.home .entry-content > .home-page > .home-page-grid { flex: 1; }
@media (max-width:1100px) {
	.home .entry-content { height: auto; min-height: auto; display: block; }
	body.home .page { display: block; }
	.home .entry-content > .home-page { flex: none; }
	.home .entry-content > .home-page > .home-page-grid { flex: none; }
	body.wpadminbar.home .entry-content { min-height: auto; display: block; }
}
body.wpadminbar .entry-content { height: 100%; min-height: calc(100vh - 32px); background-color: var(--main--theme-page-bgr-color); }
body.wpadminbar.home .entry-content { height: auto; min-height: calc(100vh - 32px); background: transparent; }
@media (max-width:768px), (max-height:768px) {
	body.wpadminbar .entry-content { height: 100%; }
}
.page-links { clear: both; margin: 0; }

/*--------------------------------------------------------------
## Posts and pages - END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Comments - START
--------------------------------------------------------------*/
.comment-content a { word-wrap: break-word; }
.bypostauthor { display: block; }

/*--------------------------------------------------------------
## Comments - END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Infinite scroll - START
--------------------------------------------------------------*/

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none; }

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer { display: block; }

/*--------------------------------------------------------------
# Infinite scroll - END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Media - START
--------------------------------------------------------------*/
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; }

/* Make sure embeds and iframes fit their containers. */
embed, iframe, object { max-width: 100%; }

/* Make sure logo link wraps around logo image. */
.custom-logo-link { display: inline-block; }

/*--------------------------------------------------------------
# Media - END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Captions - START
--------------------------------------------------------------*/
.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; }

/*--------------------------------------------------------------
## Captions- END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Error 404 & No results - START
--------------------------------------------------------------*/
body.error404.pushable > .pusher { background-color: transparent; }
body.error404 .error-404 { padding: 1em; text-align: center; }
body.error404 .error-404 article { position: relative; margin-top: calc(50px - 1em); margin-bottom: calc(50px - 1em); padding: 1em; }
body.error404 .error-404 picture { display: table; margin: 0 auto; }
body.error404 .error-404 h1 { margin-top: 20px; font-size: 30px; color: var(--main--theme-text-color); }
@media (max-width:992px) {
	body.error404 .error-404 h1 { margin-top: 15px; font-size: 28px; }
}
@media (max-width:768px) {
	body.error404 .error-404 h1 { font-size: 24px; }
}
@media (max-width:480px) {
	body.error404 .error-404 h1 { font-size: 20px; }
}
body.error404 .error-404 p { margin-top: 20px; font-size: 20px; }
@media (max-width:992px) {
	body.error404 .error-404 p { margin-top: 15px; font-size: 18px; }
}
@media (max-width:768px) {
	body.error404 .error-404 p { font-size: 16px; }
}
@media (max-width:480px) {
	body.error404 .error-404 p { font-size: 14px; }
}
body.error404 .error-404 .button { margin: 20px auto; max-width: 370px; }

/*--------------------------------------------------------------
## Error 404 & No results - END 
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Galleries - START
--------------------------------------------------------------*/
.gallery {	/* margin-bottom: 1.5em; */
margin-bottom: 0; }
.gallery-item { display: inline-block; margin: 0; width: 100%; text-align: center; vertical-align: top; }

/* .gallery-columns-2 .gallery-item {
max-width: 50%;
}

.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
max-width: 25%;
}

.gallery-columns-5 .gallery-item {
max-width: 20%;
}

.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
max-width: 11.11%;
} */
.gallery-columns-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
.gallery-columns-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
.gallery-columns-4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; }
.gallery-columns-5 { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; }
.gallery-columns-6 { -webkit-column-count: 6; -moz-column-count: 6; column-count: 6; }
.gallery-columns-7 { -webkit-column-count: 7; -moz-column-count: 7; column-count: 7; }
.gallery-columns-8 { -webkit-column-count: 8; -moz-column-count: 8; column-count: 8; }
.gallery-columns-9 { -webkit-column-count: 9; -moz-column-count: 9; column-count: 9; }
.gallery-caption { display: block; }

/*--------------------------------------------------------------
## Galleries - END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Gereral stuff - START
--------------------------------------------------------------*/
main, header, .entry-content > section, article[id^="post-"] > section, footer {	/* display: inline-block;
			position: relative;
			width: 100%;
			vertical-align: top; */ }
header { display: block; }
div[id^="smooth-"] { display: block; width: 100%; }
.hide { display: none; }
.show { display: block; }

/*--------------------------------------------------------------
## Gereral stuff - END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## OLD Browser - START
--------------------------------------------------------------*/
body.ie *, body.safari--v9 *, body.safari--v8 *, body.safari--v7 *, body.safari--v6 * { display: none; }
.old { z-index: 5000; display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background-color: #7B7D85; }
body.ie .site, body.safari--v9 .site, body.safari--v8 .site, body.safari--v7 .site, body.safari--v6 .site, body.ie .old, body.ie .old *, body.safari--v9 .old, body.safari--v9 .old *, body.safari--v8 .old, body.safari--v8 .old *, body.safari--v7 .old, body.safari--v7 .old *, body.safari--v6 .old, body.safari--v6 .old * { display: block; }
body.ie .old article, body.safari--v9 .old article, body.safari--v8 .old article, body.safari--v7 .old article, body.safari--v6 .old article { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
body.ie .old article picture, body.safari--v9 .old article picture, body.safari--v8 .old article picture, body.safari--v7 .old article picture, body.safari--v6 .old article picture { display: table; margin: 0 auto 50px; width: 100%; max-width: 260px; }
@media (max-width:768px) {
	body.ie .old article picture, body.safari--v9 .old article picture, body.safari--v8 .old article picture, body.safari--v7 .old article picture, body.safari--v6 .old article picture { margin-bottom: 25px; max-width: 225px; }
}
@media (max-width:640px) {
	body.ie .old article picture, body.safari--v9 .old article picture, body.safari--v8 .old article picture, body.safari--v7 .old article picture, body.safari--v6 .old article picture { max-width: 200px; }
}
@media (max-width:480px) {
	body.ie .old article picture, body.safari--v9 .old article picture, body.safari--v8 .old article picture, body.safari--v7 .old article picture, body.safari--v6 .old article picture { max-width: 185px; }
}
body.ie .old article picture img, body.safari--v9 .old article picture img, body.safari--v8 .old article picture img, body.safari--v7 .old article picture img, body.safari--v6 .old article picture img { width: 100%; }
body.ie .old article h2, body.safari--v9 .old article h2, body.safari--v8 .old article h2, body.safari--v7 .old article h2, body.safari--v6 .old article h2 { padding: 0 20px; font-weight: 400; font-size: 60px; line-height: 1; text-align: center; color: #fff; }
@media (max-width:1600px) {
	body.ie .old article h2, body.safari--v9 .old article h2, body.safari--v8 .old article h2, body.safari--v7 .old article h2, body.safari--v6 .old article h2 { font-size: 54px; }
}
@media (max-width:1368px) {
	body.ie .old article h2, body.safari--v9 .old article h2, body.safari--v8 .old article h2, body.safari--v7 .old article h2, body.safari--v6 .old article h2 { font-size: 50px; }
}
@media (max-width:1200px) {
	body.ie .old article h2, body.safari--v9 .old article h2, body.safari--v8 .old article h2, body.safari--v7 .old article h2, body.safari--v6 .old article h2 { font-size: 45px; }
}
@media (max-width:992px) {
	body.ie .old article h2, body.safari--v9 .old article h2, body.safari--v8 .old article h2, body.safari--v7 .old article h2, body.safari--v6 .old article h2 { font-size: 32px; }
}
@media (max-width:768px) {
	body.ie .old article h2, body.safari--v9 .old article h2, body.safari--v8 .old article h2, body.safari--v7 .old article h2, body.safari--v6 .old article h2 { font-size: 21px; }
}
@media (max-width:480px) {
	body.ie .old article h2, body.safari--v9 .old article h2, body.safari--v8 .old article h2, body.safari--v7 .old article h2, body.safari--v6 .old article h2 { line-height: 1.35; }
}

/*--------------------------------------------------------------
## OLD Browser - END
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Sidebar Navigation - Modern Styling
--------------------------------------------------------------*/

/* Hide right sidebar completely */
.ui.right.sidebar,
.side-menu.side-menu--right {
	display: none !important;
}

/* Modern left sidebar styling */
.ui.left.sidebar {
	background: linear-gradient(180deg, #1a9999 0%, #0f7070 100%) !important;
	border-right: 1px solid rgba(0, 0, 0, 0.2) !important;
}

.ui.left.sidebar .ui.menu {
	border: none !important;
	background: transparent !important;
}

.ui.left.sidebar .item {
	color: rgba(255, 255, 255, 0.95) !important;
	border-left: 4px solid transparent !important;
	border-radius: 0 !important;
	margin: 0 !important;
	padding: 14px 18px !important;
	transition: all 0.25s ease !important;
	font-weight: 500;
}

.ui.left.sidebar .item:hover {
	background: rgba(255, 255, 255, 0.1) !important;
	color: #fff !important;
	border-left-color: #fff !important;
	padding-left: 22px !important;
}

.ui.left.sidebar .item.active {
	background: rgba(255, 255, 255, 0.15) !important;
	color: #fff !important;
	border-left-color: #fff !important;
}

/* Nested menu items */
.ui.left.sidebar .menu .menu {
	background: rgba(0, 0, 0, 0.2) !important;
	border-left: 2px solid rgba(255, 255, 255, 0.2) !important;
	margin: 0 !important;
}

.ui.left.sidebar .menu .menu .item {
	color: rgba(255, 255, 255, 0.85) !important;
	padding-left: 28px !important;
	font-size: 13px;
	font-weight: 400;
}

.ui.left.sidebar .menu .menu .item:hover {
	padding-left: 32px !important;
}

/* Sidebar icons */
.ui.left.sidebar .item i {
	margin-right: 12px !important;
	opacity: 0.9;
}

/* Arrow toggle icon */
.ui.left.sidebar .arrow.icon {
	color: rgba(255, 255, 255, 0.9) !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.ui.left.sidebar {
		width: 280px !important;
	}
}

@media (max-width: 480px) {
	.ui.left.sidebar {
		width: 250px !important;
	}
	
	.ui.left.sidebar .item {
		padding: 12px 12px !important;
		font-size: 13px;
	}
	
	.ui.left.sidebar .item i {
		margin-right: 8px !important;
	}
}

/*--------------------------------------------------------------
## Sidebar Navigation - END
--------------------------------------------------------------*/