/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 01 2025 | 13:31:21 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.ocm-submenu-container {
	display: none;
}

.ocm-submenu-header {
	margin-bottom: 40px !important;
}

.ocm-back-button {
	display: flex;
	align-items: center;
	gap: 18px;
	padding: 0;
	background: none;
	border: none;
	cursor: pointer;
	color: rgba(251, 247, 233, .6);
	font-size: 48px;
	transition: color .3s;
}

.ocm-back-button:hover {
	color: rgba(251, 247, 233, 1);
}

.sub-menu {
	gap: 18px;
    letter-spacing: 1.2px;
	padding-left: 40px;
}

body #slide-out-widget-area.slide-out-from-right-hover .inner-wrap > .inner .off-canvas-menu-container .sub-menu li a {
	font-size: 24px !important;
	font-weight: 500 !important;
	text-transform: uppercase;
}

.sub-menu li.menu-item:after {
  content: '→';                      
  display: inline-block;
  margin-left: 0.3em;
  opacity: 0;
  transform: translateX(-8px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.sub-menu li.menu-item:hover::after,
.sub-menu li.menu-item:focus::after,
.sub-menu li.menu-item:active::after {
  opacity: 1;
  transform: translateX(0);
}

@media screen and (max-width: 999px) and (orientation: landscape) {
	.ocm-submenu-header {
		margin-bottom: 20px !important;
	}
	
	.ocm-parent-title {
		font-size: 34px !important;
	}
	
	.sub-menu {
		gap: 5px;
	}
	
	body #slide-out-widget-area.slide-out-from-right-hover .inner-wrap > .inner .off-canvas-menu-container .sub-menu li a {
		font-size: 16px !important;
	}
	
	body #slide-out-widget-area.slide-out-from-right-hover .inner-wrap > .inner .off-canvas-menu-container li > a {
    	font-size: 24px !important;
  	}
	
	.bottom-meta-wrap {
		display: none !important;
	}
	
	#slide-out-widget-area .menu > li::before {
		font-size: 12px !important;
	}
	
	#slide-out-widget-area.slide-out-from-right-hover {
		padding-top: 54px;
	}
}