/*<meta />*/
@import url('styles.css') ;

/* variables */

:root {
	/* fonts */
	--fontMenu: 'LucidaSan', Arial, Helvetica, sans-serif;
	--fontBody: 'LucidaSan', Arial, Helvetica, sans-serif;
	--fontSizeBody: 0.9rem;
	--fontSizeMenu: 16px;
	/* colors */
	--colorBody: #333;
	--colorMenu: #00365f;
	--colorBG: #eff0f2;
	/*borders*/
	--borderRadius: 12px;
	/* max widths */
	--imageMaxWidth: 600px;
}
	
body {
	font-family: var(--fontBody);
    font-size: var(--fontSizeBody);
    color: var(--colorBody);
    display:flex;
    flex-flow:row nowrap;
    gap: 1rem;
    background-color: var(--colorBG);
    margin:0;
    line-height: 22px;
    padding: 0 20px 20px;
    width: 100%;
	}
  
div.off-canvas-wrapper-inner .main-section .outer-row {
	width:100%;
	max-width:100%;
	margin:0;
	padding:0;
	gap: 10px;
	}

ul.menu._Skins_ROH_search.mc-component {
	width: auto;
	margin-left: 10px;
	margin-right: 0;
	}
  
ul.menu li {
	padding: 4px;
	box-sizing: border-box;
	margin-bottom: 8px;
	color: var(--colorMenu);
	}

/* Reduce margin top when an H4 immediately follows an H3  */

h3 ~ h4 {margin-top: 1.5rem;}

/* Image  */

img {
  max-width: var(--imageMaxWidth);
  width: 100%;
  height: auto;
}

/* section setup */

.sidenav-container {
	background: white;
	font-size: var(--fontSizeMenu);
	}
	
.sidenav-wrapper {margin: 0;}

.height-container-sidenav.height-container {
	background-color: white;
	padding-bottom: 0px;
	margin-bottom: 0px;
	}
	
.body-container {
	margin: 0;
	padding: 0 20px;
	background-color: white;
	}

/* table border changes */

table.principle, table.Signpost, table.Signpost td:nth-child(1) {border: none;}
table.Signpost tr {border-top-left-radius: 8px;}

table.interpretations {
  border-top-right-radius: var(--borderRadius);
  border-top-left-radius: var(--borderRadius);
  margin-bottom: 20px;
}

ul.sidenav ul ul > li > a:focus, ul.sidenav ul ul > li > a.selected {background-color: transparent;}

/* menu */

ul.sidenav ul > li > a.selected {background-color: inherit;border: 2px solid var(--colorBG);}

ul.sidenav > li[data-mc-id="0"] a {
	padding: 4px;
	box-sizing: border-box;
	color: var(--colorMenu);
	background-color: transparent;
	border:none;
	font-weight:700;
	}
	
ul.sidenav > li a {
	padding: 4px;
	box-sizing: border-box;
	color: var(--colorMenu);
	background-color: var(--colorBG);
	border:none;
	font-weight:700;
	}

ul.sidenav ul li.is-accordion-submenu-parent a {color:var(--colorMenu);}
ul.sidenav ul li.is-accordion-submenu-parent ul > li > a {color:black;}

/*  hide the slide-in TOC down arrow and reduce the right padding */

.is-accordion-submenu-parent > a span.submenu-toggle-container {display:none;}
.off-canvas-accordion .is-accordion-submenu-parent > a {padding-right: 5px;}