.swup_container {
	display: grid;
	overflow: hidden;
	grid-template-areas: "content";
	min-height: 100svh;
  }
.swup_container #content_wrapper {
	grid-area: content;
}

.is-changing .transition-crossfade {
	transition: opacity 0.3s ease-in-out;
}
/* Style of previous container after leaving */
.transition-crossfade.is-previous-container {
	opacity: 0;
}


/* .transition-fade {
	opacity: 1;
	transition: 500ms;
}
.transition-slideUp {
	transform: translateY(0%);
	transition: 500ms;
}
.transition-crossfade {
	opacity: 1;
	transition: 500ms;
} */

/* 
.html.is-animating .transition-crossfade{
	opacity: 0;
} */
/* html.is-animating .transition-slideUp {
	transform: translateY(100%);
}
html.is-animating .transition-fade {
	opacity: 0;
}
html.is-animating .transition-crossfade {
	opacity: 0;
}
html.is-rendering .transition-crossfade {
	opacity: 1;
} */
/* html.is-rendering .transition-crossfade {
	opacity: 0;
} */




.section_wrapper {
	display: block;
}


/** 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;
	}

}




/* 
#navbar {
    position: relative;
    z-index: 99999;	
	display: flex;
	align-items: center;
	justify-content: flex-end;
	max-width: var(--content_width);	
	width: calc(100% - (var(--x_padding) * 2));
	padding: 20px 0;
	margin-left: auto;
	margin-right: auto;
}
#navbar .logo_container {
	margin-right: auto;
	max-width: 150px;
}
#navbar .nav_links ul {
	padding: 0;
	display: flex;
	align-items: center;
	gap: 15px;
}
#navbar .nav_links li {
	list-style-type: none;
}
#navbar .nav_links a {
	text-transform: uppercase;
	font-size: var(--fz_15);
	color: var(--fc_light);
}

#navbar .burgermenu_container {
	margin-left: 20px;
}


#main_menu {
	margin: 0;
}

 */
/* 

#page_navigation_menu {
	position: fixed;
	overflow: scroll;
	margin-top: 120px;	
    padding-bottom: 120px;	
	display: flex;
	left: 0;
	top: 0;
	z-index: 9999;
	background: transparent;
}
#page_navigation_menu .bg {
	position: fixed;
	left: 0;
	top: -100%;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

#page_navigation_menu.show .bg_1 {
	top: 0%;
}

#page_navigation_menu.show .bg_2 {
	top: 0%;
}



#page_navigation_menu .bg.gradient {
	background: linear-gradient(0deg, #B1455C 0%, rgba(88, 6, 23, 0.36) 100%);
}
#page_navigation_menu .content {
	position: relative;
	margin: auto;
	z-index: 10;
	display: flex;
	width: calc(100% - 30px);
}

#page_navigation_menu .content > * {
	width: 100%;
}

#page_navigation_menu #main_menu {
	padding: 0;
	margin: 0;
}
#page_navigation_menu .menu-item {
	list-style-type: none;
}
#page_navigation_menu .menu-item.current-menu-item a {
	color: rgb(var(--c_coralred));
}
#page_navigation_menu .menu-item a {
	position: relative;
	text-decoration: none;
	color: var(--fc_light);
	font-size: var(--fz_30);
	font-weight: 500;
	padding: 5px 0;
	display: inline-block;
}

#page_navigation_menu .link_category {
	margin-bottom: 50px;
}

#page_navigation_menu .menu-item a::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform:translate(0, -50%);
	width: 0%;
	height: 4px;
	background: rgb(var(--c_coralred));
	transition: width 0.3s ease;
}
#page_navigation_menu .menu-item:hover a::before {
	width: 100%;
}
 */

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