/*
Theme Name: Blocksy Child
Theme URI: https://creativethemes.com/blocksy/
Template: blocksy
Author: CreativeThemes
Author URI: https://creativethemes.com
Description: Blocksy is a fast, modern WordPress theme with advanced WooCommerce support and full compatibility with the block editor.
Tags: accessibility-ready,blog,block-patterns,e-commerce,wide-blocks,block-styles,grid-layout,one-column,two-columns,three-columns,four-columns,right-sidebar,left-sidebar,translation-ready,custom-colors,custom-logo,custom-menu,featured-images,footer-widgets,full-width-template,theme-options,threaded-comments
Version: 2.1.38.1776952127
Updated: 2026-04-23 13:48:47

*/

.elementor-shortcode:has(.sidebar-content){
	min-height: calc(100vh - 122px);
}

.sidebar-content{
	padding: 32px 2.5rem 2rem 0;
    position: fixed;
    height: calc(100vh - 123px);
    overflow: auto;
    width: 17rem;
}

.navigation-items .docs-cat-list__group:not(:first-of-type){
	margin-top: 32px
}

.sidebar-content h5.sidebar-title{
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px;
	font-family: "Inter";
}

.sidebar-content .docs-cat-list__posts{
	list-style: none;
	padding: 0;
}
.sidebar-content .docs-cat-list__posts li:not(:first-of-type){
	margin-top: 1px;
}

.sidebar-content .docs-cat-list__posts li a{
	padding: 6px 12px;
	color: #a0a1a4;
	font-size: 14px;
	font-weight: 400;
	font-family: "Inter";
	border-radius: 0.75rem;
	display: inline-block;
    width: 100%;
}

.sidebar-content .docs-cat-list__posts li a:hover{
	background-color: #f6f6f6 !important;
    color: #000000 !important;
}

.sidebar-content .docs-cat-list__posts li.current-item a{
	background-color: #f6f6f6 !important;
    color: #000000 !important;
}


.navbar-side {
	background-color: var(--bg-color);
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	list-style: none;
	overflow-y: scroll;
	z-index: 1000;
}

/*.close-icon {
	position: absolute;
	right: 10%;
	top: 10%;
	width: 35px;
	height: 35px;
}*/
/*
.close-icon:before,
.close-icon:after {
	position: absolute;
	left: 15px;
	top: -5px;
	content: " ";
	height: 45px;
	width: 4px;
	background-color: #ffffff;
}

.close-icon:before {
	transform: rotate(45deg);
}

.close-icon:after {
	transform: rotate(-45deg);
}
*/

.navbar-side-item {
	color: #fff;
	width: 100%;
	margin-bottom: 0.2rem;
	font-weight: 300;
	padding: 0 50px;
	list-style: none;
}

.navbar-side-item a.side-link {
	padding-left: 1.7rem;
	padding-right: 1.2rem;
	color: #d2c48c;
	font-size: 60px;
	font-family: "DMSerifDisplay-Regular", sans-serif;
}

.navbar-side-item:hover a.side-link {
	color: #fff;
}

.side-link:active,
.side-link:hover {
	text-decoration: none;
	color: #fff;
}

.navbar-side {
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: 400ms ease;
	transition: 400ms ease;
}

.reveal {
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
	-webkit-transition: 400ms ease;
	transition: 400ms ease;
}

.overlay {
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #02041e96;
	z-index: 990;
	backdrop-filter: blur(4px);
}



@media (max-width: 1024px) {
	.single-sidebar{
		display: none;
	}

	.navbar-side .sidebar-content{
		padding: 0;
    	position: initial;
    	height: 100%;
    	overflow: auto;
    	width: auto;
	}
}

@media (min-width: 320px) {
    
}

@media (min-width: 320px) and (max-width: 484px) {

}