@charset "utf-8";

/* Main menu
--------------------*/
.widget_nav_menu{
	max-width:210px;
	margin:auto;}
.widget_nav_menu li a{
	font-size:18px;
	position:relative;
	display:block;
	padding:10px 0 10px 50px;
	font-weight:700;
	color:#231815;}
.widget_nav_menu li a::after{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	margin:auto;
	width:40px;
	height:40px;
	background-position:center;
	background-repeat:no-repeat;}
.widget_nav_menu .sub-menu{
	max-height:0;
	overflow:hidden;
	transition:max-height .3s ease;}
.widget_nav_menu .sub-menu li{
    margin:0 0 0 20px;}
.widget_nav_menu .sub-menu li a::after {
    display:none;}
.widget_nav_menu li:hover > .sub-menu{
	max-height:300px;}
.widget_nav_menu .sub-menu li a{
	padding:5px 15px;
	font-size:16px;}
.about a::after{
	background-image:url(../img/menu/icon_about1.svg);}
.guide a::after{
	background-image:url(../img/menu/icon_guide1.svg);}
.rehab a::after{
	background-image:url(../img/menu/icon_rehab1.svg);}
.daycare a::after{
	background-image:url(../img/menu/icon_daycare1.svg);}
.access a::after{
	background-image:url(../img/menu/icon_access1.svg);}
.widget_nav_menu li a:hover{
	color:#016837;}
.about a:hover::after{
	background-image:url(../img/menu/icon_about2.svg);}
.guide a:hover::after{
	background-image:url(../img/menu/icon_guide2.svg);}
.rehab a:hover::after{
	background-image:url(../img/menu/icon_rehab2.svg);}
.daycare a:hover::after{
	background-image:url(../img/menu/icon_daycare2.svg);}
.access a:hover::after{
	background-image:url(../img/menu/icon_access2.svg);}
#mainnav li{
	position:relative;}
#mainnav li a{
	font-size:18px;
	position:relative;
	display:block;
	padding:10px 0 10px 50px;
	font-weight:bold;
	color:#006535;}
#mainnav li a::after{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	margin:auto;
	width:40px;
	height:40px;
	background-position:center;
	background-repeat:no-repeat;}
#mainnav li.about a::after{
	background-image:url(../img/menu/icon_about2.svg);}
#mainnav li.daycare a::after{
	background-image:url(../img/menu/icon_daycare2.svg);}
#mainnav li.guide a::after{
	background-image:url(../img/menu/icon_guide2.svg);}
#mainnav li.rehab a::after{
	background-image:url(../img/menu/icon_rehab2.svg);}
#mainnav li.access a::after{
	background-image:url(../img/menu/icon_access2.svg);}
#mainnav .sub-menu{
	display:none;
	background:#f8f8f8;}
#mainnav .sub-menu li a{
	padding-left:80px;
	font-size:14px;}
#mainnav .sub-menu li a:last-child{
	border-bottom:none;}
#mainnav .menu-toggle{
	position:absolute;
	top:0;
	right:0;
	width:50px;
	height:50px;
	cursor:pointer;}
#mainnav .menu-toggle::before{
	content:"+";
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	font-size:20px;
	font-weight:bold;}
#mainnav .menu-toggle.open::before{
	content:"−";}
@media only screen and (min-width:800px){
	#menu{
		display:none;}
	.panel{
		display:block !important;
		max-width:210px;
		margin:auto;}
	#mainnav{
		display:none;}
}
@media only screen and (max-width:1023px){
	#menu{
		color:#000;
		display:inline-block;
		position:relative;
		width:40px;
		height:40px;
		margin:10px;}
	#menuBtn{
		display:block;
		position:absolute;
		top:0px;
		left:0;
		right:0;
		bottom:10px;
		margin:auto;
		width:30px;
		height:2px;
		background:#000;
		transition:.2s;}
	#menuBtn:before,
	#menuBtn:after{
		display:block;
		content:"";
		position:absolute;
		top:50%;
		left:0;
		width:30px;
		height:2px;
		background:#000;
		transition:.3s;}
	#menuBtn:before{
		margin-top:-9px;}
	#menuBtn:after{
		margin-top:7px;}
	#menuTxt{
		position:absolute;
		bottom:2px;
		left:0;
		right:0;
		margin:auto;
		font-size:10px;
		font-weight:bold;
		line-height:1;
		text-align:center;}
	#menu .close{
		background:transparent;}
	#menu .close:before,
	#menu .close:after{
		margin-top:0;}
	#menu .close:before{
		transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);}
	#menu .close:after{
		transform:rotate(-135deg);
		-webkit-transform:rotate(-135deg);}
	.panel{
		width:100%;
		display:none;
		overflow:hidden;
		position:relative;
		left:0;
		top:0;
		z-index:100;}
	#mainnav{
		position:absolute;
		top:0;
		width:100%;
		text-align:right;}
	#mainnav ul{
		border-bottom:1px solid #ccc;
		background:#fff;
		text-align:left;}
	#mainnav li a{
		font-size:16px;
		position:relative;
		padding:0 50px 0 60px;
		border-bottom:1px solid #ccc;
		font-weight:400;
		display:flex;
		height:50px;
		align-items:center;}
	#mainnav li a::after{
		left:20px;
		width:30px;
		height:30px;}
	#mainnav .sub-menu li a{
		padding:0 0 0 62px;}
	#mainnav .sub-menu li a::after{
		display:none}
}

/* Footer menu
--------------------*/
#footer{
	background-color:#8bc53f;
	color:#fff;
	padding:30px 20px;
	margin:0 0 140px;
	box-sizing:border-box;}
.footer-inner{
	max-width:1200px;
	margin:auto;}
.footer-info{
	margin:0 0 25px;}
.footer-info .footer-title{
	font-size:1.5rem;
	font-weight:bold;
	margin-bottom:10px;
	text-align:center;}
.footer-info .contact-details{
	font-size:13px;
	line-height:1.6;
	text-align:center;}
.footer-nav{
	flex:1;
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	gap:10px;}
.nav-column{
	width:calc(50% - 5px);}
.nav-column ul{
	margin:0;
	padding:0;
	list-style:none;}
.nav-column ul li{
	margin:10px 0 0;
	position:relative;
	padding:0 0 0 25px;}
.nav-column ul li:first-child{
	margin:0;}
.nav-column ul li::after{
	content:'';
	position:absolute;
	top:0.6em;
	left:0;
	margin:auto;
	width:16px;
	height:16px;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url(../img/menu/f_arrow.svg);}
.nav-column ul li a{
	color:#fff;
	text-decoration:none;}
@media only screen and (min-width:481px){
	#footer{
		margin:0 0 210px;}
}
@media only screen and (min-width:641px){
	#footer{
		margin:0 0 240px;}
}
@media only screen and (min-width:1024px){
	#footer{
		margin:0 0 0 auto;
		width:calc(100% - 250px);}
	.footer-inner{
		display:flex;
		align-items:center;
		justify-content:space-between;
		margin:auto;}
	.footer-info .footer-title,
	.footer-info .contact-details{
		text-align:left;}
	.footer-info{
		margin:0 30px 0 0;}
	.footer-nav{
		width:calc(100% - 300px);
		justify-content:end;}
	.nav-column:last-child{
		margin:0;}
}
@media only screen and (min-width:1200px){
	#footer{
		width:calc(100% - 300px);}
	.nav-column{
		max-width:170px;
		width:calc(25% - 7.5px);}
}