.toggle-inner{
	cursor: pointer;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	background: #4C5B3C;
	border-radius: 200px;
}

.hamburger .line{
	width: 40px;
	height: 5px;
	background-color: #fff;
	display: block;
	margin: 10px auto;
	-webkit-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

.hamburger{
	transform: scale(0.6);
	transition: 0.25s ease;
}

.hamburger:hover{
	cursor: pointer;
}

/* ONE */

#hamburger-1.is-active .line:nth-child(2){
	opacity: 0;
}

#hamburger-1.is-active .line:nth-child(1){
	-webkit-transform: translateY(15px) rotate(45deg);
	-ms-transform: translateY(15px) rotate(45deg);
	-o-transform: translateY(15px) rotate(45deg);
	transform: translateY(15px) rotate(45deg);
}

#hamburger-1.is-active .line:nth-child(3){
	-webkit-transform: translateY(-15px) rotate(-45deg);
	-ms-transform: translateY(-15px) rotate(-45deg);
	-o-transform: translateY(-15px) rotate(-45deg);
	transform: translateY(-15px) rotate(-45deg);
}



/* END */

a{
	outline: none!important;
}




.post, .page{
	margin: 0px;
}


/*
 * Menu
 */

.nav-inner .logo{
	height: 100%;
	display: block;
}

.nav-inner .logo img{
	display: flex;
	max-width: 275px;
	justify-content: center;
  align-items: center;
}

.nav-inner .logo{
	height: 100%;
	display: block;
	
}

.logo img{
	width: 100%;
}





#menu-item-156 a{
	padding: 15px;
	border-radius: 5px;
	color: #fff;
	transition: 0.1s ease;
	background: var(--bechterew-blue);
}

#menu-item-156 a:hover{
	background: var(--blue-hover);
}


@media (max-width: 480px){
.menu .menu-item{
		display: none;
}
}

#menu-container .menu .menu-item{
		display: block;
}

@media (max-width: 480px){
	.menu #menu-item-144{
	display: none;
}
}

@media (max-width: 1200px) and (min-width: 480px){


	
/* Lidmaatschap - Ons doel - Ziektebeeld */	
	
.menu .menu-item{
		display: none;
}

.menu #menu-item-144{
	display: block
}

}





/* content tiles */

.bechterew-img{
	display: flex;
	justify-content: center;
}



#content-tiles{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 30px;
}

@media (max-width: 980px) and (min-width: 480px){
	

	
#content-tiles{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 30px;
}
}



@media (max-width: 980px){
	
.vc_row.vc_column-gap-20{
	margin-left: 0px;
	margin-right: 0px;
}	
	
.vc_row.vc_column-gap-20>.vc_column_container{
		padding: 0px;
} 
	 
}

@media (max-width: 980px){
	
.padding-36{
	padding: 21px!important;
	padding-top: 0px!important;
	padding-bottom: 0px!important;
}
	
#content-tiles{
	display: grid;
	grid-template-columns: 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 30px;
}
}

#content-tiles .item{
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
	background: #fff;
}




#content-tiles .cta{ 
	padding: 30px; 
}

#content-tiles .tile-cta.blue{
	background: #2C6ED0;  
}


#content-tiles .tile-cta.blue:hover, 
#content-tiles .tile-cta.orange:hover{
	opacity: 0.8;
}

#content-tiles .tile-cta.orange{
	background: #EF8F01 
}



#content-tiles .tile-cta{
	width: 100%;
	font-size: 17.5px;
	padding: 15px;
	border: 0px solid;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
}

#content-tiles .tile-heading{
	font-size: 17.5px;
	padding: 10px;
	color: var(--bechterew-blue);
	background: #fff;
	border-radius: 5px 5px 0px 0px;
	text-align: center;
	border-bottom: 1px solid#E2E2E2;
}






#primary.navigatie-balk{
	top: 0px;
	left:  0px;
	right: 0px;
	width: auto;
	box-shadow: 0px 0px;
	background: var(--navigation-background);
}


.logo.text{
	font-size: 25px;
	padding-right: 20px;
	width: 100%;
	color: #2C6ED0;
}

.logo.text:hover{
	color: #2C6ED0;
	opacity: 0.5;
}

.navigatie-balk .logo{
	display: flex;
  align-items: center;
	justify-content: center;
	transition: 0.2s!important;
	
}



@media (min-width: 980px){
	
	#menu-toggle{
		display: none;
	}	
	
}


.navigatie-balk .nav-inner{
	display: flex;
  align-items: center;
	justify-content: center;
	column-gap: 20px;
	height: 60px;
	max-width: 1200px;
	margin: 0 auto;
}

.padding-36{
	padding: 36px;
	padding-top: 0px;
	padding-bottom: 0px;
}


.menu-nav{
	width: auto;
	display: flex;
	justify-content: right;
	flex-shrink: 0;
  flex-grow: 1;
}



.menu-nav a{
	display: inline-block;
	height: 40px;
	width: 100%;
	font-weight: 400;
	font-size: 17px;
	padding: 12px 15px 12px 15px;
	display: flex;
	color: #4C5B3C;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
}








.navigatie-balk a{
	text-decoration: none!important;
}


 


.max-1200{ 
	max-width: 1200px;
	margin: 0 auto;
}

span.divider{ 
	height: 45px;
	background: #E0E0E0;
	width: 1px;
	display: inline-block;
}








.text-center{
	text-align: center;
}

.menu-nav ul{
	display: flex;
	justify-content: right;
  align-items: center;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.max-1000{
	max-width: 1000px;
	margin: 0 auto;
}

.max-1440{
	max-width: 1440px;
	margin: 0 auto;
}



.padding-20{
	padding: 20px;
}


p{
	font-size: 18px;
	font-weight: 300;
}



#hero .flow-hero svg{
	position: absolute;
	top: -1px;
	width: 100%;
	display: block;
	
}





.customize-partial-edit-shortcuts-shown .navigatie-balk {
margin-top: 0px!important;
}

.logged-in .navigatie-balk {
margin-top: 32px;
}




	
#primary.on-scroll{
	top: -100px;
}

#primary.is-visible{
	color: #fff;
	box-shadow: none;
}

/*
 * Menu-animation
 */

#menu-toggle{
	float: right;
}


.navigatie-balk .line{
	stroke: #000!important;
}

.navigatie-balk.scrolled .line{
	stroke: #353E52!important;
}

.ham {
  	cursor: pointer;
  	-webkit-tap-highlight-color: transparent;
	transition: transform 400ms;
  	-moz-user-select: none;
  	-webkit-user-select: none;
  	-ms-user-select: none;
  	user-select: none;
} 
.hamRotate.active {
  	transform: rotate(45deg);
}
.hamRotate180.active {
  	transform: rotate(180deg);
}
.line {
  	fill:none;
  	transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  	stroke:#000;
  	stroke-width:4;
  	stroke-linecap:round;
}
.ham1 .top {
  	stroke-dasharray: 40 139;
}
.ham1 .bottom {
  	stroke-dasharray: 40 180;
}
.ham1.active .top {
  	stroke-dashoffset: -98px;
}
.ham1.active .bottom {
  	stroke-dashoffset: -139px;
}


/*
 * 
 */

.navigatie-balk{
	overflow-y:initial!important;
	position: fixed;
	z-index: 999;
	width: 100%;
	top: 0;
	background-color: #f9f9f9;
	display: block!important;
	transition: 0.2s!important;
	border-bottom: 0px solid #9991;
}

html .noscroll{
	-webkit-overflow-scrolling: auto;
}

.navigatie-balk .logo .dark{
	display: none;
}

.navigatie-balk .logo .light{
	display: block;
}

/*
 * CSS voor weergave na scrollen op pagina:
 */
	



.navigatie-balk{
	background: #fff;
	box-shadow: 0px 0px 10px #0001;
	padding: 20px 20px 20px 20px;
}



.navigatie-balk .trigger{
	height: 50px;
	width: 50px;
	margin-bottom: 10px;
	float: right;
}

#menu-container .inner ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#menu-container a{
	font-family: 'lato';
	font-size: 22.5px!important;
	text-decoration: none;
	color: #222222!important;
}

#menu-container li{
	margin-bottom: 10px;
	
}


/*
 * CSS voor menu-container, verstopt achter #menu-toggle:
 */


#menu-container{
	position: fixed;
	background: #fff;
	z-index: 300;
	top: 0;
	left: 0px;
	right: 0px;
	bottom: 0;
	width: 100%;
	height: auto;
	transition: 0.3s ease;
	transform: translatey(-100%);
}

#menu-container.is-visible{
	transform: translatey(0%);
}

/* Hide scrollbar for Chrome, Safari and Opera */
.nav-box::-webkit-scrollbar, body::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.nav-box {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

html{
	margin-top: 0px!important;
}

.nav-box{
	overflow: scroll;
	height: 100%;
	padding-top: 125px;
	display: flex;
	justify-content: center;
	justify-content: center;
  align-items: center;
}

#menu-container .inner{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	justify-content: center;
  align-items: center;
}

#menu-container .inner a{
	font-size: 20px;
	color: #fff;
	font-weight: 400;
}

#menu-container .inner a:hover{
	opacity: 0.5;
}