$left-right-spacing: 12px;

#qodef-page-mobile-header {
	background-color: #fff;

	.qodef-mobile-header--sticky &{
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		transform: translateY(-100%);
	}

	.qodef-mobile-header--sticky-animation &{
		transition: transform 0.3s ease, top 0.3s ease;
	}

	.qodef-mobile-header--sticky-display &{
		transform: translateY(0%);
	}

	.admin-bar.qodef-mobile-header--sticky-display &{
		top: 46px;
	}
	
	.qodef-widget-holder {
		display: flex;
		align-items: center;
		height: 100%;
		
		.widget {
			margin: 0 0 0 $left-right-spacing;
		}
	}
	
	.widget {
		display: inline-block;
		vertical-align: middle;
		line-height: 1;
		
		.textwidget > *,
		.widget p {
			margin: 0;
		}
	}
	
	div[id^="monster-widget-placeholder"],
	div[id^="woo-monster-widget-placeholder"] {
		display: none;
	}
	
	.qodef-mobile-header-opener {
		
		&.qodef-source--predefined {
			
			.qodef-m-icon {
				
				&.qodef--close {
					
					.qodef-m-line {
						
						&.qodef--1 {
							transform: rotate(45deg) translate(7px,5px);
						}
						
						&.qodef--2 {
							opacity: 0;
							transform: scaleX(0);
						}
						
						&.qodef--3 {
							transform: rotate(-45deg) translate(3px,5px);
							-ms-transform-origin: 0 0;
							transform-origin: 0 100%;
						}
					}
				}
			}
		}
		
		&.qodef--opened {
			
			.qodef-m-icon {
				visibility: hidden;
				
				&.qodef--close {
					visibility: visible;
				}
			}
		}
	}
}

#qodef-page-mobile-header-inner {
	
	&.qodef-content-grid {
		padding: 0;
	}
	
	.qodef--passepartout & {
		padding: 0;
	}
}

.qodef-mobile-header-navigation {
	
	ul {
		
		li {
			
			.qodef-content-grid {
				width: 100%;
			}
		}
	}
}