/* Navigation styles scoped to avoid collision with the site's .responsive image class. */
body { font-family: "Lato", sans-serif; }
.topnav { background:#333; display:flow-root; width:100%; box-sizing:border-box; }
.topnav > a { float:left; display:block; color:#f2f2f2; text-align:center; padding:14px 16px; text-decoration:none; font-size:17px; }
.topnav > a.active { background:#0b6e02; color:#fff; }
.topnav button.icon { display:none; }
.topnav .dropdown { float:left; }
.topnav .dropbtn { font-size:17px; border:0; color:#fff; padding:14px 16px; background:transparent; font-family:inherit; cursor:pointer; }
.topnav .dropdown-content { display:none; position:absolute; background:#f9f9f9; min-width:160px; box-shadow:0 8px 16px rgba(0,0,0,.2); z-index:5; }
.topnav .dropdown-content a { float:none; color:#111; padding:12px 16px; text-decoration:none; display:block; text-align:left; }
.topnav > a:hover, .topnav .dropbtn:hover { background:#555; color:white; }
.topnav .dropdown-content a:hover { background:#ddd; }
/* Native CSS caret: does not require Font Awesome */
.topnav .dropbtn .menu-caret { display:inline-block; width:0; height:0; margin-left:7px; vertical-align:middle; border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid currentColor; }
.topnav .dropdown.submenu-open .menu-caret { transform:rotate(180deg); }
@media (min-width:601px) {
 .topnav .dropdown:hover .dropdown-content, .topnav .dropdown:focus-within .dropdown-content { display:block; }
}
@media (max-width:600px) {
 .topnav { display:block; width:100%; max-width:none; overflow:visible; position:relative; }
 .topnav > a { float:none; text-align:left; }
 .topnav > a.active { display:block; width:auto; margin-right:64px; }
 .topnav > a:not(.active), .topnav > .dropdown { display:none; }
 .topnav button.icon { display:block; position:absolute; top:0; right:0; float:none; background:#333; color:white; padding:12px 19px; font-size:24px !important; line-height:1.25; min-height:49px; }
 .topnav.nav-open > a:not(.active), .topnav.nav-open > .dropdown { display:block; width:100%; box-sizing:border-box; }
 .topnav .dropdown { float:none; }
 .topnav .dropbtn { display:block; width:100%; text-align:left; padding:14px 16px; }
 .topnav .dropdown-content { display:none; position:static; width:100%; min-width:0; box-shadow:none; }
 .topnav .dropdown.submenu-open .dropdown-content { display:block; }
 .topnav .dropdown-content a { padding:12px 32px; }
}