.section_wrapper {
	display: block;
}


.element_container {
	position: relative;
}

.image_container {
	position: relative;
	width: 100%;
	height: 100%;
}
.image_container img {
	width: 100%;
	height: 100%;
	position: absolute;
}
.image_container.contain img {object-fit: contain;}
.image_container.cover img {object-fit: cover;}




/** Menu **/
.nav_container {
	--bg_color:  rgb(var(--c_dark_3));
	top: 0;
	position: sticky;
	z-index: 9999;
	background: var(--bg_color);
}
.admin-bar .nav_container {
	top: 32px;
}

.nav_container .logo_container {
	max-width: 130px;
}
.nav_container .logo_link {
	display: block;
	font-size: 0px;
}
.nav_container .logo_link img {
	width: 100%;
}
.nav_container #main_menu,
.nav_container #main_menu ul {
/* 	margin: 0;
	padding: 0; */
}

.nav_container #main_menu {
	color: #ffffff;
}
.burgermenu_container {
	--width: 40px;
	--thickness: 3px;
	--bg_color: #ffffff;	
	overflow: hidden;
    position: relative;
    height: var(--width);
    display: flex;
    justify-content: center;
    align-items: center;

}
.burgermenu {
	display: grid;
	position: relative;
	gap: 8px;
	cursor: pointer;
	width: var(--width);
}
.burgermenu .line {
	display: block;
	width: var(--width);
	height: var(--thickness);
	background: var(--bg_color);
	position: relative;
}

.burgermenu .cross {
    position: absolute;
    top: 0;
    left: 0;    
    width: 100%;
    height: 100%;
}
.burgermenu .cross .line_container {
	position: absolute;
	top: calc(50% - (var(--thickness) / 2));	
	width: var(--width);	
}
.burgermenu .cross .line {
	opacity: 0;
}
.burgermenu .cross .lc_1 {
	transform: rotate(45deg);
	left: 0;
}
.burgermenu .cross .lc_2 {
	transform: rotate(135deg);
	left: 0;    
}

#main_menu_container #main_menu .menu-item {
	list-style-type: none;
}
#main_menu_container #main_menu > .menu-item > .sub-menu {
	display: none;
	overflow: hidden;
}

.closed .sub-menu {
	pointer-events: none;
}
.open .sub-menu {
	pointer-events: all;
}

.menu-item .plus {
	display: none;
}
.menu-item-has-children {
	position: relative;
}
.menu-item-has-children .plus {
	--width: 15px;
	display: none;
	position: absolute;
	left: -20px;
}

.plus {
	--width: 30px;
	--thickness: 3px;
	--bg_color:  #ffffff;
	position: relative;
	width: var(--width);
	height: var(--width);
	display: inline-block;	
	cursor: pointer;
}

.plus .line {
	position: absolute;
	width: var(--width);
	height: var(--thickness);
	background: var(--bg_color);
	top: calc(50% - (var(--thickness) / 2));
	left: calc(50% - (var(--width) / 2));
}
.plus .line_1 {
	transform: rotate(90deg);
}
.plus .line_2 {
	transform: rotate(180deg);
}





@media screen and (min-width: 900px) {

	.content_width {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 20px 0px;
	}
	#main_menu_container #main_menu > .menu-item > .sub-menu {
		background: var(--bg_color);
		position: absolute;		
	}
	#main_menu_container #main_menu {
		display: flex;
		gap: 0px 20px;
	}
}




/* ----------------- Size for menu overlay activation - Also change in custom.js ----------------- */
@media screen and (min-width: 900px) {
	.burgermenu_container {
		display: none;
	}
}
@media screen and (max-width: 900px) {
	.burgermenu_container {
		display: flex;
	}
	.menu-item-has-children .plus {
		display: inline-block;
	}
	.nav_container .menulinks {
		position: fixed;
		left: 100%;
		bottom: 0;
	    width: 100%;
	    height: calc(100svh - var(--nav_container_height) + 1px);
	    overflow: scroll;
	    background: #0e0e0e;
		z-index: -1;
	}
	.nav_container .menulinks::before {
	    content: '';
	    display: block;
	    width: 100%;
	    height: 100svh;
	    position: fixed;
	    background: #0e0e0e;
	    z-index: -1;
	}
}

@media screen and (max-width: 900px) {
	
}