@charset "utf-8";
/* CSS Document */
.banner2  {display:block; width:100%;}
pre {font: 400 18px/24px 'Raleway', sans-serif;
  color: #06c; white-space: pre-wrap; text-align:left; break-inside: avoid-column;}
  
#menu li:has(:checked) > .sub {grid-template-rows:1fr; transition:grid-template-rows 0.5s;}

input[name="menu"] {position:absolute; left:-9999px;}
#menu {position:absolute; top:0rem; left:-20px; z-index:20;}
#menu li {list-style:none; position:relative;}
#menu > li {width:1px;}
#menu .sub {display:grid; grid-template-rows:0fr; overflow:hidden; transition:grid-template-rows 0.5s; width:280px; border-radius:0 0 10px 10px;}
#menu .sub > ul {min-height:0; align-self:end; padding:0; margin:0;}

#menu li li:not(:first-child):not(:last-child) {border-left:2px solid #954335;}

#menu > li > .sub {box-shadow: 0px 3px 3px #888;}
#menu .sub .sub {width:300px; border-radius:0;}
#menu li:has(:checked) > .sub {grid-template-rows:1fr; transition:grid-template-rows 0.5s;}
#menu li a {display:inline-block; font:16px/24px arial, sans-serif; color:#000; text-decoration:none;}
#menu li a:hover {text-decoration:underline;}

#menu li li span {position:absolute; left:200px;}
#menu li li li span {position:absolute; left:180px;}
#menu li li li li span {position:absolute; left:160px;}

#menu li span label {display:inline-block; width:30px; text-align:center; font:24px/24px arial, sans-serif; color:#071596; cursor:pointer;} 
#menu li span label:last-child {position:absolute; left:-9999px;}
#menu li:has(:checked) > span label:first-child {position:absolute; left:-9999px;}
#menu li:has(:checked) > span label:last-child {left:0; color:#071596;}

#menu ul {background:#d6d6d6; width:300px; border-left:20px solid #d6d6d6;}
#menu > li > span {display:block; position:relative; width:30px; height:30px; margin-bottom:58px;}
#menu > li > span label {display:block; width:30px; height:30px; text-align:center; font:800 30px/30px arial, sans-serif; color:#071596; cursor:pointer;}

#menu li li:before {content: "\2576"; color:#954335; position:relative; left:-5px; font-size: 22px;}
#menu li li:first-child:before {content: "\250C"; color:#954335; position:relative; left:-7px; top:1px; margin-right:-2px; font-size: 22px;}
#menu li li:last-child:before {content: "\2514"; color:#954335; position:relative; left:-7px; top:-1px; margin-right:-2px; font-size: 22px;}

.columns .toolbar{width:4%; margin-bottom: -0.2rem;}
.columns .floatright{float:right;}
.columns .add{width:40%; padding: 0 3px ;}
.columns .width5{width:5%;}
.columns .width20{width:20%; padding: 0 3px ;}

@media only screen and (max-width: 1080px) {
	
#menu {position:absolute; left:-30px; top:2rem; z-index:20;}	
}

@media screen and (width <= 480px){
	#menu {position:absolute; left:-30px; top:3rem; z-index:20;}
}