/*
Theme Name:     Como Dark
Theme URI:      https://como-dark.styleclouddemo.co/
Template:       kadence
Author:         StyleCloud
Author URI:     https://stylecloud.co
Description:    A premium theme for Kadence by StyleCloud
Version:        2.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/


@media screen and (min-width: 1025px) {
	body #mobile-drawer .drawer-inner {
		width: 30%;
	}
}
body #mobile-drawer .drawer-content {
	justify-content: space-evenly;
}
body #mobile-drawer .mobile-navigation ul li a {
	padding: 0.5em 0;
}
body #mobile-drawer .mobile-navigation .sub-menu {
	padding: 0 !important;
}
body #mobile-drawer .mobile-navigation .sub-menu li a {
	font-size: 0.75rem;
}
body #mobile-drawer .drawer-sub-toggle {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 999;
}
body #mobile-drawer .mobile-html img {
	width: 200px;
}
body #masthead .menu-toggle-icon {
	display: none;
}


body .drawer-content .drawer-nav-drop-wrap {
	position: relative;
}
body .drawer-content .drawer-nav-drop-wrap .drawer-sub-toggle {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	text-align: right;
	border: none !important;
	padding: 0;
	margin: 0;
}

/* Popup Header */
@media screen and (min-width: 1025px) {
	body #mobile-drawer .drawer-inner {
		width: 30%;
	}
}
body #mobile-drawer .drawer-content {
	justify-content: space-evenly;
}
body #mobile-drawer .mobile-navigation ul li a {
	padding: 0.5em 0;
}
body #mobile-drawer .mobile-navigation .sub-menu {
	padding: 0 !important;
}
body #mobile-drawer .mobile-navigation .sub-menu li a {
	font-size: 0.75rem;
}
body #mobile-drawer .drawer-sub-toggle {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 999;
}
body #mobile-drawer .mobile-html img {
	width: 200px;
}
body #masthead .menu-toggle-icon {
	display: none;
}

/* Mobile Menu > Expand Submenu */
body .drawer-content .drawer-nav-drop-wrap {
	position: relative;
}
body .drawer-content .drawer-nav-drop-wrap .drawer-sub-toggle {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	text-align: right;
	border: none !important;
	padding: 0;
	margin: 0;
}