/* sidenav */




.op-sidenav { width:100%; }

.op-sidenav-section { display:table; width:100%; background-color:var(--cms-black); padding:8px 24px; }
.op-sidenav-section-label { display:table-cell; text-align:left; width:auto; vertical-align:top; font-size:18px; line-height:24px; 
  letter-spacing:0.050rem;
}
.op-sidenav-section-label a { display:block; padding:10px 12px 10px 0px; color:white; font-weight:700; text-transform:uppercase; text-decoration:none; margin-right:40px; }
.op-sidenav-section-label a:hover { color:white; text-decoration:none;  }
.op-sidenav-section-toggle { display:table-cell; text-align:right; width:60px; vertical-align:top; cursor:pointer; color:white; font-size:20px; line-height:24px; }
.op-sidenav-section-toggle a { display:block; padding:10px 2px 10px 12px; color:white; text-decoration:none;  }
.op-sidenav-section-toggle a:hover { color:white; text-decoration:none; }
#SidenavDrawer { display:none; border:2px solid var(--cms-black); }

@media all and (min-width: 1200px) {
  .op-sidenav {
    border-left:2px solid var(--cms-camel);
    padding-bottom:16px;
    padding-left:0;
  } 
  .op-sidenav-section { 
    background-color:transparent;
  } 
  .op-sidenav-section-label a { color:var(--cms-black); }
  .op-sidenav-section-label a:hover { color:var(--cms-camel); }

  .op-sidenav { max-width:320px; }
  .op-sidenav-section { padding:6px 24px 6px 32px; }
	.op-sidenav-section-label { width:100%; }
	.op-sidenav-section-toggle { display:none;  }
	#SidenavDrawer { display:block!important; border:0; }
}

.op-sidenav ul { padding:0; margin:0; }
.op-sidenav > ul { border:0; } 
.op-sidenav li { padding:0; margin:0; list-style:none;  }

.op-sidenav li .li-flex { display:flex; }

.op-sidenav > ul > li { border:0; }
.op-sidenav > ul > li:last-child { border-bottom:none; }

.op-sidenav li ul { padding-bottom:16px; }
.op-sidenav li ul li { padding:4px 0px; }

.op-sidenav li a {
  display:table;
  width:100%; 
  text-decoration:none;
}

.op-sidenav li.d-open { background-color:transparent; }

.op-sidenav li a div.sn-indicator { display:table-cell; width:30px; text-align:left; padding:12px 0px 12px 12px; font-weight:500; font-size:16px; line-height:24px; vertical-align:top; color:var(--cms-silver); }
.op-sidenav li a div.sn-label { display:table-cell; width:auto; text-align:left; padding:12px 20px 12px 0px; font-weight:500; font-size:16px; line-height:24px; vertical-align:top; color:var(--cms-black); }
.op-sidenav li a div.sn-label-nested { display:table-cell; width:100%; text-align:left; padding:4px 20px 4px 50px; font-weight:500; font-size:16px; line-height:24px; vertical-align:top; color:var(--cms-black); }
.op-sidenav li a:hover div { color:var(--cms-camel); }

.op-sidenav li.d-open a div.sn-indicator { color:var(--cms-camel); }
.op-sidenav li.d-selected div.sn-indicator { color:var(--cms-camel)!important; }
.op-sidenav li.d-selected div.sn-label { color:var(--cms-black); }

.op-sidenav li.d-sub-selected div.sn-label-nested { color:var(--cms-black)!important; }