/* cmsms stylesheet: mindfulness_ml736x350 modified: vrijdag 27 oktober 2023 15:27:08 */
/* Mobile Landscape 736x350 */

#wrapper{
width:100%;
}

#header{
width:100%;
height:auto;
}

#header img{
width:100%;
height:auto;
}

#menu{
width:100%;
z-index:6;
clear:both;
vertical-align:baseline;
}

#menu ul{
margin:0px;
padding:0;
list-style:none;
overflow:hidden;
position:relative;
}

#menu ul li, #menu ul li.menuactive{
width:100%;
height:auto;
min-width:0px;
}

#menu li a{
display:block;
color:white;
}

#menu ul li:hover > ul {
display:none;
}

/* menu */

#menu #wrappermenu{
max-height:0;
width:100%;
margin:0 auto;
transition:max-height .2s ease-out;
background-color:#2b368b;
z-index:6;
}

/* menu icon */

#menu .menu-icon{
cursor:pointer;
display:inline-block;
float:right;
padding:18px 10px;
position:relative;
user-select:none;
}

#menu .menu-icon .navicon{
background:white;
display:block;
height:2px;
position:relative;
transition:background .2s ease-out;
width:18px;
}

#menu .menu-icon .navicon:before,
#menu .menu-icon .navicon:after{
background:white;
content:'';
display:block;
height:100%;
position:absolute;
transition:all .2s ease-out;
width:100%;
}

#menu .menu-icon .navicon::before{
top:5px;
}

#menu .menu-icon .navicon::after{
top:-5px;
}

/* menu btn */

#menu .menu-btn{
display:none;
}

#menu .menu-btn:checked ~ #wrappermenu{
max-height:450px;
}

#menu .menu-btn:checked ~ .menu-icon .navicon{
background:transparent;
}

#menu .menu-btn:checked ~ .menu-icon .navicon::before{
transform:rotate(-45deg);
}

#menu .menu-btn:checked ~ .menu-icon .navicon::after{
transform:rotate(45deg);
}

#menu .menu-btn:checked ~ .menu-icon:not(.steps) .navicon::before,
#menu .menu-btn:checked ~ .menu-icon:not(.steps) .navicon::after{
top:0;
}

#content{
width:676px;
}

#footer{
width:100%;
}