.cuco-hamburger-overlay .click-overlay{

	-background: green;
    position: absolute;
    width: 50px;
    z-index: 10000;
    height: 50px;
    top: 36px;


}

.cuco-hamburger-overlay.mobile-overlay .click-overlay{
	
	
	-background:red;
	top:-15px;
	
}

#slide-out-widget-area-bg.open.solid{
	
	opacity:0;
	
}


.click-overlay{
	
	cursor: pointer;
	
}
.menuBtnHover:before{
	

	-webkit-transform: scale(1.1) translateY(-50%)!important;
    transform: scale(1.1) translateY(-50%)!important;
}




/* Color schemes */

/*
.demo {
	--color-text: #fff;
	--color-bg: #333;
	--color-link: #1b198c;
	--color-link-hover: #d3eaa2;
	--color-info: #fff;
	--color-main-bg: #3735d0;
	-color:#000000
	--path-fill-1: #676767;
	--path-fill-2: #000;
	--color-title: #fff;
	--font-family-title: 'Pompiere', serif;
	--font-size-title: 6vmax;
	--font-weight-title: 300;
	--color-menu: #3735d0;
	--color-menu-hover: #b2dc53;
	--font-family-menu: var(--font-family-title);
	--font-size-menu: 4vmax;
	--font-weight-menu: 300;
	--button-bg: #b3dc53;
	--button-circle: #1b198b;
	--button-line: #fff;
}
*/

/* Icons */
/*
main {
	position: relative;
	width: 100%;
	min-height: 100vh;
	-background-color: var(--color-main-bg);
	background-color:#fff;
}

.content {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 100vh;
	margin: 0 auto;
	pointer-events: none;
}

.content--fixed {
	position: fixed;
	top: 0;
	left: 0;
	display: grid;
	align-content: space-between;
	width: 100%;
	max-width: none;
	min-height: 0;
	height: 100vh;
	padding: 1.5em;
	grid-template-columns: 50% 50%;
	grid-template-rows: auto auto 4em;
	grid-template-areas: 'header ...'
	'... ...';
}

.content--fixed a {
	pointer-events: auto;
}

/* Header */

/*
.demo {
	margin: 0 0.15em;
}

.demo:hover,
.demo:focus {
	opacity: 0.5;
}


*/
/*
.demo span {
	white-space: nowrap;
	text-transform: lowercase;
	pointer-events: none;
}




.demo span::before {
	content: '#';
}

a.demo--current {
	pointer-events: none;
}
*/


.global-menu {
	width: 100vw;
	height: 90vh;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	pointer-events: none;
	z-index: 100;
}

.global-menu__item {
	
	color:red;
	/*
	color: var(--color-menu);

	font-family: var(--font-family-menu);
	font-size: var(--font-size-menu);
	font-weight: var(--font-weight-menu);
	*/
	opacity: 0;
	
	pointer-events: none;
	display: block;
	margin: 0.25em 0;
	
	/*
	transform: translateY(-100%);
	transition: transform 0.3s, opacity 0.3s;
	transition-timing-function: ease-in;
	*/
	
	
	transition: transform 0.1s, opacity 0.1s;
	transition-timing-function: ease-out;
	transform: translateX(40%);
}


.global-menu__item:hover {
	color: var(--color-menu-hover);
}

.global-menu__item.is-opened {
	opacity: 1;	
	pointer-events: auto;
	
	/*
	transform: translateY(0) rotate(0);
	transition-timing-function: ease;
	*/
	
	transform: translateX(0) rotate(0);
	transition-timing-function: cubic-bezier(0.230, 1.000, 0.355, 1.400);
	transition-duration: 0.6s;

	
	
}



/* demo 4 */

.global-menu__item:nth-of-type(1) {
	transition-delay: 0s;
}

.global-menu__item.is-opened:nth-of-type(1) {
	transition-delay: 0.45s;
}

.global-menu__item:nth-of-type(2) {
	transition-delay: 0.05s;
}

.global-menu__item.is-opened:nth-of-type(2) {
	transition-delay: 0.5s;
}

.global-menu__item:nth-of-type(3) {
	transition-delay: 0.1s;
}

.global-menu__item.is-opened:nth-of-type(3) {
	transition-delay: 0.55s;
}

.global-menu__item:nth-of-type(4) {
	transition-delay: 0.15s;
}

.global-menu__item.is-opened:nth-of-type(4) {
transition-delay: 0.6s;
}


.shape-overlays {
	z-index: 9990;
	width: 100vw;
	height: 100vh;
	pointer-events: none;
	position: fixed;
	top: 0;
	left: 0;
}

.shape-overlays.is-opened {
	pointer-events: auto;
}

.shape-overlays__path:nth-of-type(1) {
	fill: #000;
}

.shape-overlays__path:nth-of-type(2) {
	fill:  #000;
}

/*
.shape-overlays__path:nth-of-type(3) {
	fill: var(--path-fill-3);
}

.shape-overlays__path:nth-of-type(4) {
	fill: var(--path-fill-4);
}
*/

