/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 /* .main-menu li {
    margin: 4px;
 } */

 
.main-menu.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button),
.main-menu.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button) {
   padding: 0;
   margin: 0.5em 1em;
   white-space: normal;
}

.main-menu a {
   white-space: nowrap;
   border-top: solid 2px transparent;
}

.main-menu a:hover {
   text-decoration: none;
   border-top: solid 2px #c00;
}

/* .main-menu li.current-menu-item > a {
   border-top: solid 2px darkred;
} */

.risk {
   font-size: 30px;
   border: solid 1px gray;
   text-align: center;
   padding: 1em;
}

.risk .value {
   font-weight: bold;
   font-size: 42px;
}

div.risk.risk-low {
   background-color: green;
   color: white;
}

div.risk.risk-medium {
   background-color: orange;
}

div.risk.risk-high {
   background-color: #c00;
   color: white;
}

div.mychart {
   height: 400px;
   width: 100%;
   border: solid 1px silver;
   padding: 10px;
}