/*-- FLEXBOX --*/
.flex_container{
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: flex-start;}
.flex_container.middle{
	align-content:center;}
.flex_container.end{
	align-content:flex-end;}
.flex_container.nowrap{
	flex-flow: nowrap;}
.flex_container.spaceBetween{
	justify-content:space-between;}
.flex_item.start{
  align-self: flex-start;}

.flex_item{
	flex: 1 auto;}
.flex_item.middle{
	align-self: center;}
.flex_item.end{
	align-self: flex-end;}

.container{
  width:100%;
  max-width:100%;
  margin:auto;}
.container_1600{
  width:100%;
  max-width:1600px;
  margin:auto;}
.container_1400{
  width:100%;
  max-width:1400px;
  margin:auto;}
.container_1300{
  width:100%;
  max-width:1300px;
  margin:auto;}
.container_1200{
  width:100%;
  max-width:1200px;
  margin:auto;}
.container_1100{
  width:100%;
  max-width:1100px;
  margin:auto;}
.container_1000{
  width:100%;
  max-width:1000px;
  margin:auto;}
.container_900{
  width:100%;
  max-width:900px;
  margin:auto;}
.container_800{
  width:100%;
  max-width:800px;
  margin:auto;}

.width10{width:10%;}
.width15{width:15%;}
.width20{width:20%;}
.width25{width:25%;}
.width30{width:30%;}
.width33{width:33.33%;}
.width35{width:35%;}
.width40{width:40%;}
.width45{width:45%;}
.width50{width:50%;}
.width55{width:55%;}
.width60{width:60%;}
.width65{width:65%;}
.width66{width:66.66%;}
.width70{width:70%;}
.width75{width:75%;}
.width80{width:80%;}
.width85{width:85%;}
.width90{width:90%;}
.width100{width:100%;}

/* Alle blokken naar 100% */
@media (max-width : 850px) {
	.width10, .width15, .width20, .width25, .width30, .width33, .width35, .width40, .width45, .width50,
	.width55, .width60, .width65, .width66, .width70, .width75, .width80, .width85, .width90, .width100{
		width:100%;
		max-width:100%;}
}

.minWidth100{min-width:100px;}
.minWidth150{min-width:150px;}
.minWidth200{min-width:200px;}
.minWidth250{min-width:250px;}
.minWidth300{min-width:300px;}
.minWidth350{min-width:350px;}
.minWidth400{min-width:400px;}

.maxWidth33{max-width:33%}
.maxWidth50{max-width:50%}
.maxWidth66{max-width:66%}
@media (max-width : 850px) {
	.maxWidth33, .maxWidth50, .maxWidth66,{max-width:100%}
}
.grow1{flex:1;}
.grow2{flex-grow:2;}
.grow3{flex-grow:3;}
.grow4{flex-grow:4;}
.grow5{flex-grow:5;}
.grow6{flex-grow:6;}
.grow7{flex-grow:7;}
.grow8{flex-grow:8;}
.grow9{flex:9;}

/*-- COLORS -- */

:root {
	--White: #fff;
	--Knight: #29001C;
	--Mauvelous: #F5EBF3;
	--MetalPetal: #E4C9DE;
	--MentalFloss: #DCB8D4;
	--Pompadour: #381C32;
	--GrapeKiss: #65325A;
	--BarbaRossa: #542134;
	--MaidenBlush: #FBE8DE;
	--FrozenSalmon: #FFA595;
	--EphemeralBlue: #E0ECF0;
	--EveningGlow: #FBE8DE;
	--GardenGoddess: #C8DFD2;
	--GrandBleu: #005F75;
	--KnightBleu: #001D2F;
	--GunPowder: #58595B;
	--EnchantingIvy: #002D35;
	--SandyOrange: #FFD590;
	--Beer: #FBB117;
	--Mocha: #493D26;
	--CornSilk: #FFF8DC;
	--WhiteSmoke: #F5F5F5;
}
.White{color:var(--White)}
.FrozenSalmon{color:var(--FrozenSalmon)}
.GrandBleu{color:var(--GrandBleu)}
.EnchantingIvy{color:var(--EnchantingIvy)}
.GunPowder{color:var(--GunPowder)}

.bgMaidenBlush{background-color:var(--MaidenBlush)}
.bgFrozenSalmon{background-color:var(--FrozenSalmon)}
.bgGardenGoddess{background-color:var(--GardenGoddess)}
.bgEphemeralBlue{background-color:var(--EphemeralBlue)}
.bgMetalPetal{background-color:var(--MetalPetal)}
.bgMauvelous{background-color:var(--Mauvelous)}
.bgCornSilk{background-color:var(--CornSilk)}
.bgWhiteSmoke{background-color:var(--WhiteSmoke)}
.bgEveningGlow{background-color:var(--EveningGlow)}

body.day{background-color:var(--White)}
body.night{background-color:var(--Knight)}

.day .BlockMenu{background-color:var(--Mauvelous)}
.night .BlockMenu{background-color:var(--Pompadour)}
.day .BlockWelcome{background-color:var(--Mauvelous)}
.night .BlockWelcome{background-color:var(--Pompadour)}
.day .BlockNews{background-color:var(--MaidenBlush)}
.night .BlockNews{background-color:var(--BarbaRossa)}
.day .BlockNews h3{color:var(--FrozenSalmon)}
.night .BlockNews h3{color:var(--FrozenSalmon)}
.day .BlockInTouch{background-color:var(--GardenGoddess)}
.night .BlockInTouch{background-color:var(--EnchantingIvy)}
.day .BlockInTouch p{color:var(--EnchantingIvy)}
.night .BlockInTouch p{color:var(--GardenGoddess)}

.day .RegisterButton,
.day .form fieldset input[type=submit]{background-color:var(--Pompadour);color:var(--White);cursor:pointer;}
.night .RegisterButton,
.night .form fieldset input[type=submit]{background-color:var(--Knight);color:var(--Mauvelous);cursor:pointer;}

.day .BlockMenu{background-color:var(--SandyOrange)}
.day .BlockWelcome{background-color:var(--SandyOrange)}

.day .BlockEvent{background-color:var(--EphemeralBlue)}
.day .BlockEvent .fa-calendar,
.day .BlockEvent .fa-circle,
.night .BlockEvent .fa-plus,
.day .BlockEvent h3,
.day .BlockEvent h5,
.day .BlockEvent p{color:var(--GrandBleu)}
.night .BlockEvent{background-color:var(--KnightBleu)}
.night .BlockEvent .fa-calendar,
.night .BlockEvent .fa-circle,
.day .BlockEvent .fa-plus,
.night .BlockEvent h3,
.night .BlockEvent h5,
.night .BlockEvent p{color:var(--EphemeralBlue)}

.day .restEvents a{color:var(--GrandBleu)}
.night .restEvents a{color:var(--EphemeralBlue)}

.day .BlockDocs{background-color:var(--Mauvelous)}
.day .BlockMenu .fa,
.day .BlockMenu h5,
.day .BlockMenu p{background-color:var(--Pompadour)}
.night .BlockDocs{background-color:var(--Pompadour)}
.night .BlockMenu .fa,
.night .BlockMenu h5,
.night .BlockMenu p{background-color:var(--Mauvelous)}

.day .gradioos{
	background-image: url('../img/burst.png');
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: cover;}
.night .gradioos{
	background-image: url('img/moon.png');
	background-position: top right;
	background-repeat: no-repeat;
	background-size: cover;}

.bgMaidenBlush article{color:#682301 !important}
.bgMaidenBlush hr{border-top: 1px solid #682301 !important}
.bgMaidenBlush article .fa,
.bgMaidenBlush article a{color:#933201 !important}
.bgEphemeralBlue article{color:#004a60 !important}
.bgEphemeralBlue hr{border-top: 1px solid #004a60 !important}
.bgEphemeralBlue article .fa,
.bgEphemeralBlue article a{color:#016989 !important}
.bgMauvelous article{color:#65325A !important}
.bgMauvelous hr{border-top: 1px solid #65325A !important}
.bgMauvelous article .fa,
.bgMauvelous article a{color:#8e0170 !important}
.bgGardenGoddess article{color:#2f5440 !important}
.bgGardenGoddess hr{border-top: 1px solid #2f5440 !important}
.bgGardenGoddess article .fa,
.bgGardenGoddess article a{color:#3e6d54 !important}
.bgCornSilk article{color:#5e5514 !important}
.bgCornSilk hr{border-top: 1px solid #5e5514 !important}
.bgCornSilk article .fa,
.bgCornSilk article a{color:#7f741e !important}

/*-- LAYOUT --*/

.radius_lt {border-radius: 50px 0 0 0;}
.radius_rt {border-radius: 0 50px 0 0;}
.radius_rb {border-radius: 0 0 50px 0;}
.radius_lb {border-radius: 0 0 0 50px;}
.radius_ltb{border-radius: 50px 0 0 50px;}
.radius_rtb{border-radius: 0 50px 50px 0;}
.radius_tlr{border-radius: 50px 50px 0 0;}
.radius_blr{border-radius: 0 0 50px 50px;}
.radius_all{border-radius: 50px;}

@media (max-width : 850px) {
	.radius_lt {border-radius: 20px 0 0 0;}
	.radius_rt {border-radius: 0 20px 0 0;}
	.radius_rb {border-radius: 0 0 20px 0;}
	.radius_lb {border-radius: 0 0 0 20px;}
	.radius_ltb{border-radius: 20px 0 0 20px;}
	.radius_rtb{border-radius: 0 20px 20px 0;}
	.radius_tlr{border-radius: 20px 20px 0 0;}
	.radius_blr{border-radius: 0 0 20px 20px;}
	.radius_all{border-radius: 20px;}
}

header{}
	.logo_wrap{
		flex:1 auto;
		min-width:120px;
		max-height:120px;}
    .logo_wrap a{
      max-height:inherit;}
      .logo_wrap .logo{
        max-height:inherit;}
	.headLogin{
		font-size:85%;
		cursor:pointer;
		margin:0px 30px;
		color: var(--GrapeKiss);
		text-align: right;
		background-color: var(--White);
		display:inline-block;
		line-height:40px;
		min-height:40px;
		padding:0 20px;
		border-radius: 20px;
		text-decoration: none;}
		.headMember{
			font-size:85%;
			cursor:pointer;
			margin:0px 30px;
			color: var(--GrapeKiss);
			text-align: right;
			display:block;
			line-height:40px;
			text-decoration: none;}
			.night .headMember{
				color: var(--Mauvelous);
			}
	.miniLogin{
		display:none;
		font-size:85%;
		cursor:pointer;
		margin:17px 10px;
		color: var(--MentalFloss);
		text-align: left;
	}
	/* @media (max-width : 1100px) {
		.miniLogin{
			display:none;
			font-size:85%;
			cursor:pointer;
			margin:17px 10px;
			color: var(--MentalFloss);
			text-align: left;
		}
	} */

	.login_wrap .trans{opacity:0.5}
	.login_wrap .trans:hover{opacity:1}
	.login_wrap .logform{margin-right:20px;}
	.login_wrap .logform input:focus{
    outline: none;
	}
		.login_wrap .logform input[type=text],
		.login_wrap .logform input[type=password],
		.login_wrap .logform input[type=submit]{
			border:none;
			border-radius:15px;
			height:30px;
			padding-left:10px;
		}
		.login_wrap .logform input[type=submit]{
			background-color:var(--FrozenSalmon);
			color:var(--MaidenBlush);
			padding:0 10px;
			text-transform: uppercase;
		}
		.login_wrap .error{
			/* width:60%;
			text-align: center; */
			margin: 20px 30px;
			color:firebrick;
		}
		.login_wrap .success{
			opacity:1;
			margin: 0 30px;
			display:inline-block}
			.login_wrap .success span,
			.login_wrap .success h4{
				color:var(--GunPowder);
				font-size:80%;}
				.login_wrap .success .width50{
					width:100%;
				}


	.menu_wrap{
		flex:2 auto;
		padding:0;}
		/* hamburger */
    .mini-menu_wrap{
      display:none;}
		.mini-menu_wrap .fa-bars{
			cursor:pointer;
			font-size:2em;
			color:var(--White);}

		/* menu */
		.main-nav{
			background-color:var(--GrapeKiss);
			border-radius: 25px;
			margin:0 20px;}
		.main-nav ul {
			margin: 0 20px;
			padding: 0;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			list-style: none;
      height: 50px;}
		.main-nav ul li{
      height: 50px;
      display: flex;
      flex-direction: column;
			justify-content: center;}
		.main-nav ul li.active{
			font-family: "Montserrat extrabold";}
		.main-nav ul li a{
			/* padding:0 20px; */
			width:100%;
			/* text-transform: uppercase; */
			color:#fff;
			font-size:1em;
			text-decoration: none;}

@media (max-width : 1100px) {
	.logo_wrap{
		margin:0 10px;}
		.logo_wrap .logo{
			max-height:110px;}
	.logform{
		margin:20px auto;}
	.mini-menu_wrap{
		display:block;
		background-color:var(--GrapeKiss);
    /* height:50px; */
    display:flex;
		flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
		text-align:right;
		margin:20px 0 0;
		padding-right:20px;}
		/* .mini-menu_wrap.radius_all{
			border-radius:25px;
		} */
		.mini-menu_wrap.radius_tlr{
			border-radius:25px 25px 0 0;
		}
		.main-nav{
			margin-top:0;}
    .menu_wrap{
			display:none;
      width:100%;
			padding-bottom:10px;
			background-color:var(--GrapeKiss);
			border-radius: 0px 0px 25px 25px;}
    .main-nav ul{
      height:auto;
			justify-content: space-around;}
    .main-nav ul li.active,
    .main-nav ul li{
			text-align: left;
      height:40px;
			width:50%;
			max-width:50%;
			/* border-bottom:5px solid #888; */
		}
		/* .main-nav ul li.active{
			border-bottom:5px solid #97B72A;} */
		.main-nav ul li a{
			color:#fff;
      /* height:35px; */
			font-size:90%;
			display:block;
			padding-left:5px;
			/* border-left:2px solid var(--Pompadour); */
			border-left:2px solid var(--Mauvelous)}

}
@media (max-width : 850px) {
	.login_wrap .success{
		display:block;
		margin:20px 30px;}
	.login_wrap .success .width50{
		width:50%;
		text-align:center;}
	.headLogin, .headMember{display:none;}
	.miniLogin{
		display:inline-block;
		margin:5px 10px;}
}
@media (max-width : 750px) {
	.main-nav ul{
  		justify-content: flex-start;}
    .main-nav li.active,
	.main-nav li{
		width:50%;}
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
	background-color:rgba(255,255,255,0.8);
	z-index: 999;
}
.sticky:before,
.sticky:after {
  content: '';
  display: table;}

.day .submenu{
	background-color:var(--MaidenBlush);}
.night .submenu{
	background-color: var(--EphemeralBlue);}

.submenu{
	border-radius:10px;}

.submenu li:first-of-type{
	border-radius:10px 10px 0 0;}
.submenu li:last-of-type{
	border-radius:0 0 10px 10px;}
.day .submenu li.active{
	background-color:var(--MaidenBlush);
	filter: brightness(1.05);
}
.night .submenu li.active{
	border-radius:10px;
	background-color: var(--EphemeralBlue);
	filter: brightness(1.05);
}
.submenu li a{
	padding:10px;
  display:block;
  font-size:1.3rem;
  color: var(--GrapeKiss);
  font-weight:600;
  text-decoration: none;}
.submenu li a:before{
  font-family: "fontAwesome";
  content: "\f105";
  font-size: 1.4rem;
  color: var(--FrozenSalmon);
  font-weight:800;
  padding-right:10px;}
.submenu li a.active{
  font-family: 'Montserrat bold', sans-serif;}
.submenu li a.active:before{
  color: var(--GrapeKiss);
  font-weight:800;}


@media (max-width : 900px) {
  sidebar .submenu{
    margin:0 20px;}
}
@media (max-width : 750px) {
  sidebar{}
  sidebar .submenu{
    margin:-20px 20px 20px;
    display:flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width:calc(100% - 40px);
    border-right:0px solid #C2C6C9;}
  sidebar .submenu li a{
    height:40px;
    line-height:40px;
    white-space: nowrap;
    padding:0 10px;}
  sidebar .submenu li a.active{
    border-bottom:1px solid #97B72A;}
  sidebar .submenu li a:before{
    content: "";
    padding-right:0px;}
	sidebar .sticky{
		background-color: deeppink;
		position:sticky !important;
		align-self: flex-start;
		top:-1px;
	}
}

section,
main{
  min-height:100px;}

footer{
	background-image: url('../img/bgfooter.png');
	background-repeat: no-repeat;
	background-position:10% top;
	background-size: 20%;
	line-height:1.6em;
	padding:20px 20px 30px 20px;}
footer span{
	display:block;}
footer .small_logo{
	max-width: 50px;
	max-height:30px;
	margin:10px;}
footer .socials .fa{
	color:#444;
	font-size:1.8em;
	padding:0 5px 5px 0;}
footer .partners{
	justify-content: space-between;
	align-items: center;}
	footer .partners img{
		display:inline-block;
		max-width: 250px;
		height:100%;
		max-height: 45px;
		margin:10px;}
footer .showCookies, footer .minimenu a{
	display:inline-block;
	text-decoration: none;
	padding:0 10px 0 5px;
	line-height:1;}
.day footer .showCookies, .day footer .minimenu a{
	color:var(--GunPowder);
	border-left:1px solid var(--GunPowder);}
.night footer .showCookies, .night footer .minimenu a{
	color:var(--Mauvelous);
	border-left:1px solid var(--Mauvelous);}


.welcome h1{line-height:0.8}
.inTouch{border-radius:180px 50px 50px 180px;}
.inTouch figure{margin-left:-50px; max-width:400px;}
@media (max-width : 750px) {
	.inTouch{border-radius:230px 50px 50px 50px;}
	.inTouch figure{margin-left:0px; max-width:400px;}
}

.link{
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	position:relative;
	padding-right:18px;}
.link:after{
	position:absolute;
	bottom:-0.782em;
  /* line-height:25px; */
  display:inline-block;
	font-family: 'fontAwesome';
	content: "\f105";
	margin-left:15px;}

.sub{
	color:#777;
	min-height:33px;
/*	line-height:35px;*/
	border-radius:17px;
	border:1px solid #777;
	display:inline-block;
	font-weight:300;
	text-decoration: none;
	padding:4px 15px;
	margin:0 15px 10px 0;
    line-height:1.5;
/*	white-space: nowrap;*/
    background-color:#fff;
/*	min-width:250px;*/
/*	max-width:280px;*/
}
.sub.active,
.sub:hover{
    color:#1c5661;
	font-weight:500;}
.sub:before{
    line-height:19px;
    display:inline-block;
	font-family: 'fontAwesome';
	content: "\f105";
	margin-right:8px;}


.album ul{
  display: flex;
  flex-wrap: wrap;}
.album li{
	height: 40vh;
	flex-grow: 1;}
.album ul li:last-child{
	flex-grow: 10;}
.album img{
  max-height: 100%;
  min-width: 100%;
  object-fit: cover;
	object-position: 50% 70%;
  /* vertical-align: bottom;
  vertical-align: center; */
	border:1px solid #fff;}

@media (max-aspect-ratio: 1/1) {
	.album li{
		height: 30vh;}
}
@media (max-height: 480px) {
	.album li{
	  height: 80vh;}
}
@media (max-aspect-ratio: 1/1) and (max-width: 480px) {
	.album ul{
		flex-direction: row;}
	.album li {
  	height: auto;
    width: 100%;}
	.album img {
    width: 100%;
    max-height: 75vh;
    min-width: 0;}
	}

	.sidebar{
		position:fixed;
		top:0;
		right:0;
		background-color:#000;
		height:400px;
		color:#fff;
	}
	.sidebar:before{
		content
	}


/*-- MISCELLANEOUS --*/

.button{
	/* background-color: var(--MetalPetal); */
	display:inline-block;
	line-height:40px;
	border-radius: 20px;
	padding:0 30px;
	text-transform: uppercase;
	text-decoration: none;
	/* color:var(--GrapeKiss) */
}
.button.bold{
	/* background-color: var(--FrozenSalmon); */
	font-family: "Montserrat semibold";}
.day .button.bgMetalPetal{
	color:var(--GrapeKiss)}
.night .button.bgMetalPetal{
	color:var(--GrapeKiss)}
.day .button.bgFrozenSalmon{
	color:var(--White)}
.night .button.bgFrozenSalmon{
	color:var(--GrapeKiss)}

.bg_lichtgrijs{
	background-color:#efefef;}
.bg_lichtlichtgrijs{
	background-color:#f9f9f9;}

.border_dashed{
  border-width:0px;
  border-style: dashed;}
.border_dotted{
  border-width:0px;
  border-style: dotted;}

.gray{
	color:#888;}
.black{
	color:#000;}
.firebrick{
	color: firebrick;}

hr{
  display:block;
  height:1px;
  border:0;
  border-top: 1px solid #65325A;
  margin:1em 0;
  padding:0;}
hr.fat{
  border-width:5px;}
hr.lichtgroen{
	border-color:#E4EFC4;}
.objcentered{
  margin:auto;
}

.margin0_20{
    margin:0 20px;}
.margin10_20{
    margin:10px 20px;}
.margin20_0{
    margin:20px 0;}
.margin10_30{
    margin:10px 30px;}
.margin15_30{
    margin:15px 30px;}
.margin20_30{
    margin:20px 30px;}
.margin10_40{
    margin:10px 40px;}
.margin15_40{
    margin:15px 40px;}
.margin20_40{
    margin:20px 40px;}
.margin10_50{
    margin:10px 50px;}
.margin15_50{
    margin:15px 50px;}
.margin20_50{
    margin:20px 50px;}
.margin10{
    margin:10px;}
.margin20{
    margin:20px;}
.margin30{
    margin:30px;}
.margin40{
    margin:40px;}
.margin50{
    margin:50px;}
.nomargin{
	margin:auto;}
@media (max-width : 720px) {
    .margin10_30,
    .margin15_30,
    .margin20_30,
    .margin10_40,
    .margin15_40,
    .margin20_40,
    .margin10_50,
    .margin15_50,
    .margin20_50,
    .margin10,
    .margin20,
    .margin30,
    .margin40,
    .nomargin{
        margin:20px;
    }
}
article.marginauto{
	margin-left:auto;
	margin-right:auto;}

.padding10{
  padding:10px;}
.padding20{
  padding:20px;}
.padding30{
  padding:30px;}
.padding40{
  padding:40px;}
.nopadding{
  padding:0;}
@media (max-width : 720px) {
  .padding10,
  .padding20,
  .padding30,
  .padding40,
  .nopadding{
    padding:20px;}
}

.clear{clear:both;}
.clear_5{clear:both;height:5px}
.clear_10{clear:both;height:10px}
.clear_15{clear:both;height:15px}
.clear_20{clear:both;height:20px}
.clear_30{clear:both;height:30px}
.clear_40{clear:both;height:40px}
.clear_50{clear:both;height:50px}

.centered{
	text-align: center;}
.lefted{
	text-align: left;}
.righted{
	text-align: right !important;}
figure{
	text-align: center;
}
figure img{
	display:block;
	max-width:100%;
	margin:auto;}
.objectfit img{
	object-fit: cover;}
figure.bolbg{
	background-image: url(../img/bolbg.png);
	background-size: 80%;
	background-position: right;
	background-repeat: no-repeat;
}
figure.bolbg.fit{
	background-size: contain;
}

.hamburger {
  padding: 10px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;}
  .hamburger:hover {
    opacity: 0.7; }
  .hamburger.is-active:hover {
    opacity: 0.7; }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #fff; }

.hamburger-box {
  margin-top:5px;
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
   /* margin-top: -2px;  */
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 40px;
  height: 2px;
  background-color: #fff;
  border-radius: 2px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block; }
.hamburger-inner::before {
  top: -10px; }
.hamburger-inner::after {
  bottom: -10px; }
	.hamburger--3dxy .hamburger-box {
	  perspective: 80px; }

	.hamburger--3dxy .hamburger-inner {
	  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
	  .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
	    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

	.hamburger--3dxy.is-active .hamburger-inner {
	  background-color: transparent !important;
	  transform: rotateX(180deg) rotateY(180deg); }
	  .hamburger--3dxy.is-active .hamburger-inner::before {
	    transform: translate3d(0, 10px, 0) rotate(45deg); }
	  .hamburger--3dxy.is-active .hamburger-inner::after {
	    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/* ALERTS */
div.alert{
    margin          :auto;
    display         :flex;
    align-items     :center;
		border-radius		:0.3em;
		padding:10px}
div.alert_error{
    background      :#F3D9D9;
    border          :1px solid #D20009;
    color           :#7B040F;}
div.alert_success{
    background      :#E2F6C5;
    border          :1px solid #79C20D;
    color           :#32510F;}