/* km 2026-06-23 */
.path-city-code #page-main-content a {color:#1a4f8b !important;}
.path-city-code #page-main-content {font-size: 16px;}
input#edit-section-number {font-size:medium;
}
input#city-code-search-keyword {font-size:medium;
}
body.path-city-code #content .container .col-lg-12 > * + *, body.path-city-code #content .container .col-lg-8 > * + *, body.path-city-code #content .container .row + .row {
    margin-top: inherit;
  }
/* Save link mirrors the Edit button on the code_detail view toolbar
   (rendered in CityCodeController). Styled like .custom-nav-links: a
   light gray bar with a thin border, blue link text, and a leading icon. */
.city-term .save-code-link,
.city-term a.save-code-link,
.city-term a.save-code-link:link,
.city-term a.save-code-link:visited {
  display: inline-block;
  float: right;
  background-color: #f4f5f5;
  color: rgb(11, 91, 208) !important;
  padding: 4px 12px;
  border: 1px solid #dee2e3;
  border-radius: 4px;
  font-weight: 500;
  text-transform: none;
  text-decoration: none;
  line-height: 1.5;
  box-shadow: none;
}
.city-term a.save-code-link::before {
  content: "\f0c7"; /* FontAwesome floppy-disk / save */
  font-family: "FontAwesome";
  margin-right: 6px;
}
.city-term a.save-code-link:hover,
.city-term a.save-code-link:focus {
  background-color: #e9eaea;
  border-color: #cfd3d4;
  color: rgb(11, 91, 208) !important;
  text-decoration: none;
}

/* Back link sits next to Save on the edit form header. Same Edit-button
   styling as .save-code-link, with a left-arrow icon. */
.city-term .back-code-link,
.city-term a.back-code-link,
.city-term a.back-code-link:link,
.city-term a.back-code-link:visited {
  display: inline-block;
  float: right;
  margin-right: 8px;
  background-color: #f4f5f5;
  color: rgb(11, 91, 208) !important;
  padding: 4px 12px;
  border: 1px solid #dee2e3;
  border-radius: 4px;
  font-weight: 500;
  text-transform: none;
  text-decoration: none;
  line-height: 1.5;
  box-shadow: none;
}
.city-term a.back-code-link::before {
  content: "\f060"; /* FontAwesome arrow-left */
  font-family: "FontAwesome";
  margin-right: 6px;
}
.city-term a.back-code-link:hover,
.city-term a.back-code-link:focus {
  background-color: #e9eaea;
  border-color: #cfd3d4;
  color: rgb(11, 91, 208) !important;
  text-decoration: none;
}

.code-content-section { margin-bottom: 10px; }
.code-content-section ul.custom-items-lists { padding-left: 0px;
  list-style: none;
  /* The items are floated; flow-root makes the list wrap them, so the
     footnote that follows starts below the list instead of behind it. */
  display: flow-root;}
.code-content-section ul.custom-items-lists + .ccr-footnote { margin-top: 1.5rem; }
.code-content-section ul.custom-items-lists li { padding-bottom: 0.5rem;
line-height: 1.55em; color: #444444; float: left; width: 100%; }
.code-content-section ul.custom-items-lists li a { min-width: 100px; color: #3774AC; font-weight:600;
  float: left; }
  .code-content-section ul.custom-items-lists li span.sec-small-text { color: #767B7F; font-size: 15px;}
 .code-content-section ul.custom-items-lists li span.sec-small-text a { float: none; color: #767B7F; border-bottom:1px solid #BDC1C5; }
.footer-nav-itemss-links { width: 100%;
  border-top: 1px solid #DEE2E3;
  margin-top: 2em;
  margin-bottom: 2em;
  padding: .5em .25em;
  float: left;
}
.custom-breadcrumb {
  margin-bottom: 10px;
  float: left;
  width: 100%;
  position: relative;
  color: #82878b;
  font-size: 12px;
}
.custom-breadcrumb a {   color: #3774AC; }

/* Toolbar: switch from float-based layout to flex so the chapter-listing
   search bar can wrap onto its own line below the nav/print/edit buttons.
   Non-search children keep their inline order; the right-floated edit
   button uses margin-left:auto to push to the right; search is flex-basis
   100% with order:99 so it always renders last on its own full-width row. */
.top-links-prints {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #f4f5f5;
  border: 1px solid #dee2e3;
  border-radius: 4px;
  padding:.5em .25em;
  float: none;
  position: relative;
  margin-bottom: 20px;
  width:100%;
  }
.top-links-prints > * { float: none !important; }
.top-links-prints > div[style*="float: right"] { margin-left: auto; }
.top-links-prints > .custom-code-search-input {
  flex-basis: 100%;
  width: 100%;
  order: 99;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #dee2e3;
}
 .custom-nav-links { padding: 0 .2em; float: left;
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #dee2e3; }
/* Shrink the "Title: X …" sub-heading on the chapter listing to match
   the section-detail .ssh-line style (15px, regular, no list marker). */
.path-city-code .code-content-section .task { margin: 0; padding-bottom: 25px; }
.path-city-code .code-content-section .task .top_hd {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
}
.path-city-code .code-content-section .task .top_hd li {
  font-size: 15px;
  color: #222;
  font-weight: normal;
  line-height: 1.5;
  list-style: none;
  margin: 0;
  padding: 0;
}
 
 .path-city-code .code-content-section h2 { font-size: 21px; color: #444444; margin-bottom: 20px; font-weight: 500; }
 .section-stacked-header { margin-bottom: 24px; }
 .section-stacked-header .ssh-city { color: #3774AC; font-weight: 600; font-size: 18px; margin-bottom: 6px; }
 .section-stacked-header .ssh-line { color: #222; font-size: 15px; line-height: 1.5; }
 .path-city-code .code-content-section h2.section-main-title { color: #1f2937; margin-top: 24px; margin-bottom: 20px; }
 .path-city-code h1.page-title,.path-city-code h2.page-title { display: inline; font-size: 22px; color: #3774AC; margin-bottom: 10px; font-weight: 500; } 
 #printHeading { display:none; }
 
/*---25-06-25---*/

.path-city-code .gav-help-region,.path-city-code #hero-top, .path-city-code .gav-help-region{
	margin:15px;
	padding: 0px;
}

.path-city-code .gav-help-region .content-inner{
	padding:15px;
}

.path-city-code .gav-help-region h1.page-title,.path-city-code .gav-help-region h1.page-title {
	color: #fff;
	text-transform: uppercase;
	font-size: 20px;
	margin-bottom: 0;
	position: relative;
	top: 4px;
}
 
.path-city-code .form-item,.path-combined-code-review .form-item { margin: 0px;}
.path-city-code .gav-help-region h1.page-title, .path-city-code .gav-help-region #block-corporateclean-page-title,.path-combined-code-review .gav-help-region #block-corporateclean-page-title {
	float: left;
} 
 
.path-city-code .gav-help-region #city-code-keyword-search-form, .path-city-code .gav-help-region #block-corporateclean-citycodesearchblock,.path-combined-code-review .gav-help-region #block-corporateclean-citycodesearchblock {
	float: right;
}
 
.path-city-code .gav-help-region .custom-search-intro,.path-combined-code-review .gav-help-region .custom-search-intro {
	color: #666;
	float: left;
	margin-right: 10px;
	margin-top: 6px;
	background-color: #fff;
	padding: 4px 8px;
	border: 2px solid #ff8200;
}

.path-city-code .gav-help-region .search-intro-wrapper .form-item-query,.path-city-code .search-intro-wrapper .form-item-query,.path-combined-code-review .gav-help-region .search-intro-wrapper .form-item-query {
	position: relative;
	float: left;
	max-width: 360px;
	
}
.path-city-code .gav-help-region .search-intro-wrapper .form-item-query #edit-query,.path-city-code .gav-help-region  .search-intro-wrapper .form-item-query #edit-query,.path-combined-code-review .gav-help-region  .search-intro-wrapper .form-item-query #edit-query,.path-city-code  .search-intro-wrapper .form-item-query .form-text {
	max-width: 350px;
	border: 1px solid #ccc !important;
	padding: 5px 8px;
    margin-right: 10px;
	font-size: medium;

}

.path-city-code .gav-help-region .search-intro-wrapper label,.path-combined-code-review .gav-help-region .search-intro-wrapper label,
.path-city-code .gav-help-region .search-intro-wrapper label::after,.path-combined-code-review .gav-help-region .search-intro-wrapper label::after,.path-city-code .search-intro-wrapper label,.path-city-code .search-intro-wrapper label::after{display:none !important;}

.path-city-code .gav-help-region  .search-intro-wrapper,.path-combined-code-review .gav-help-region  .search-intro-wrapper{position:relative; top: -8px;}

.path-city-code .gav-help-region .search-intro-wrapper input[type*="submit"],.path-city-code .search-intro-wrapper input[type*="submit"],.path-combined-code-review .gav-help-region .search-intro-wrapper input[type*="submit"] {
	position: absolute;
	right: 0;
	font-size: 0;
	width: 40px;
	top: 4px;
	background: transparent;
	box-shadow: none;
}

/* .path-city-code .gav-help-region .search-intro-wrapper::after,.path-city-code .search-intro-wrapper::after,.path-combined-code-review .gav-help-region .search-intro-wrapper::after {
	content: "\f002";
	font-family: "FontAwesome";
	color: #000;
	position: absolute;
	right: 10px;
	z-index: 9;
	top: 7px;
	font-size: 20px;
	pointer-events: none;
} */

.path-city-code .gav-help-region .search-intro-wrapper input[type*="submit"],.path-city-code .search-intro-wrapper input[type*="submit"],.path-combined-code-review .gav-help-region .search-intro-wrapper input[type*="submit"] {
	position: relative;
	right: 0;
	font-size: 1rem;
	width: auto;
	top: unset;
	background: #44709d !important;
	box-shadow: none;
	font-weight: 500;
	padding: 10px;
}

.path-city-code .region-content .search-intro-wrapper  { /*max-width: 350px; */ position: relative; }
.code-search-results .code-search-titles h6 { margin-top:1em; margin-bottom: 1em; }
.path-city-code-search .gav-help-region #block-corporateclean-citycodesearchblock { display: none; }

.path-city-code .sidebar-first .code-search-form .form-text {
	width: 100%;
        border: 2px solid #eeeeee;
	padding: 5px 10px;
}

.path-city-code .sidebar-first .city-code-section-search-form {
	position:relative;
}
.path-city-code .main-content__section, .path-city-code .sidebar__section { padding-top: 10px; }
.path-city-code .sidebar-first .city-code-section-search-form input[type*="submit"] {
	position: absolute;
	right: 2px;
	bottom: 2px;
	font-size: 0;
	width: 55px;
	height: 37px;
	background: #eee;
	border-radius: 0;
	box-shadow: inherit;
	padding: 0px;
}

.path-city-code .sidebar-first .city-code-section-search-form::after {
	content: "Go";
	color: #666;
	position: absolute;
	font-size: 17px;
	pointer-events: none;
	right: 18px;
	bottom: 10px;
	z-index: 9;
}

.code-search-results { border-top:1px dotted #BDC1C5;  padding: 1em 0;}
.code-search-results:first-of-type { margin-top: -8px !important;
  border-top: 0px;}
 
.code-search-form form .form-item label {
	font-weight: 500 !important;
	color:#3774AC;
}

.search-code-totals, .code-search-sortorders { text-align: right; }
.path-city-code-search .city-code-section-search-form, .path-city-code-search .col-lg-4.order-1 { display: none; }
.path-city-code-search .col-lg-8.order-2 { width: 99%; }

.custom-code-search-input {
	display: flex;
	align-items: center;
	gap: 12px;
	float: none;
	position: static;
}
.custom-code-search-input .form-item {
	display: flex;
	align-items: center;
	gap: 12px;
	flex: 1 1 auto;
	max-width: 560px;
	margin: 0;
}
.custom-code-search-input .form-item label,
.custom-code-search-input label {
	font-weight: 400;
	float: none;
	margin: 0;
	padding: 0;
	border-left: 0;
	position: static;
	white-space: nowrap;
	flex: 0 0 auto;
}
.custom-code-search-input .city-code-search-keyword {
	flex: 1 1 auto;
	width: 100%;
	max-width: none;
	padding: 6px 12px !important;
	margin: 0;
	border: 1px solid #cccccc !important;
	border-radius: 4px;
	height: auto;
	line-height: 1.5;
	box-sizing: border-box;
}

.custom-print-links {
	float: left;
}
.custom-code-search-input .city-code-search-button {
	position: static;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: auto;
	width: auto;
	padding: 4px 16px;
	background-color: #ccc;
	color: #44709d;
	border: 1px solid #dee2e3;
	border-radius: 4px;
	font-weight: 500;
	line-height: 1.5;
	cursor: pointer;
}
.custom-code-search-input .city-code-search-button:hover,
.custom-code-search-input .city-code-search-button:focus {
	background-color: #e9eaea;
	border-color: #cfd3d4;
	color: rgb(11, 91, 208);
}

.custom-nav-links, .custom-print-links{
	margin-top:3px;
}
.hidden, #ref-1f, .footnotes .footnote-backlink {
  display: none !important;
}
#pdf-loader {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.9);
  padding: 20px 30px;
  border-radius: 8px;
  font-weight: bold;
  z-index: 9999;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.footnote__citation   { position: absolute; top: -66px;  }
.footnotes p, .footnotes a {
  font-size: 0.9em !important;
}
.footnotes { margin-top: 2em; }

/* ── Footnote / preamble blocks ──────────────────────── */

.ccr-footnote {
  border-left: 3px solid #ccc;
  padding: 0.4rem 0.9rem 0.5rem;
  margin: 0.4rem 0 1rem;
  color: #555;
  font-size: smaller;
  background: #fafafa;
}

b, strong {font-weight:bold !important;}

/* Drop the imported "1" anchor and the HR separator from the source markup —
   the .ccr-fn-marker beside the heading is the link target now, and the
   border-left + background already separate the footnote visually. */
.ccr-footnote hr {
  display: none;
}
.ccr-footnote .field__item > *:first-child {
  display: none;
}

/* Collapse internal spacing — zero top margins, small gap between siblings. */
.ccr-footnote .field__item > *,
.ccr-footnote > *:not(.field__item) {
  margin-top: 0;
}
.ccr-footnote .field__item > * + *,
.ccr-footnote > *:not(.field__item) + *:not(.field__item) {
  margin-top: 0.2rem;
}

.ccr-fn-label {
  font-weight: bold;
  font-style: italic;
  margin-bottom: 0.2rem;
  font-size: .8rem;
}

.ccr-fn-sep {
  font-style: italic;
  color: #555;
  margin-bottom: 0.3rem;
  letter-spacing: 0.05em;
}
.ccr-fn-marker {
  font-size: 0.55em;
  vertical-align: super;
  text-decoration: none;
  margin-left: 0.18em;
  color: #1a4f8b;
  font-weight: normal;
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
}

@media (max-width:812px) {
.path-city-code .gav-help-region h1.page-title {
	font-size: 18px;
	margin-bottom: 0;
	position: relative;
	top: 3px;
}
.path-city-code .gav-help-region  .container, .path-combined-code-review .gav-help-region  .container{
padding: 0 15px !important;	
}
.path-city-code .gav-help-region .search-intro-wrapper .form-item-query #edit-query,.path-combined-code-review .gav-help-region .search-intro-wrapper .form-item-query #edit-query{
	max-width: 220px;
}
.path-city-code .gav-help-region {
	background-color: #374151;
	margin: 15px 0;
}
.path-city-code .gav-help-region .content-inner, .path-combined-code-review .gav-help-region .content-inner {
	padding: 15px 0;
}
	 
 }
 
 @media (max-width:767px) {
.path-city-code .gav-help-region #block-daudo-subtheme-pagetitle,.path-combined-code-review .gav-help-region #block-daudo-subtheme-pagetitle {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
.path-city-code .gav-help-region #block-daudo-subtheme-citycodesearchblock,.path-combined-code-review .gav-help-region #block-daudo-subtheme-citycodesearchblock {
	float: left;
} 
	 
 }

 @media (max-width:480px){
.path-city-code .gav-help-region .search-intro-wrapper::after,.path-combined-code-review .gav-help-region .search-intro-wrapper::after {
	right: 10px;
	top: 49px;
	bottom: 0;
}

.path-city-code .gav-help-region .custom-search-intro,.path-combined-code-review .gav-help-region .custom-search-intro {
	width: 100%;
} 

.path-city-code .gav-help-region .search-intro-wrapper .form-item-query #edit-query,.path-combined-code-review .gav-help-region .search-intro-wrapper .form-item-query #edit-query {
	max-width: inherit;
	width: 100%;
}

.path-city-code .gav-help-region .search-intro-wrapper input[type*="submit"],.path-combined-code-review .gav-help-region .search-intro-wrapper input[type*="submit"] {
	right: 0;
	top: 39px;
}


.custom-code-search-input {
	float: left;
}

.custom-code-search-input label {
	top: 3px;
	width: 100%;
	margin-bottom: 6px;
}
.custom-code-search-input .city-code-search-keyword {
	max-width: inherit;
}

.custom-code-search-input .city-code-search-button {
	bottom: 0;
	top:inherit;
}
 
 }
/* Reading-order navigation arrows.
   Each arrow names its destination — "Title 2", "Chapter 5", "§ 1-114" — so a
   reader at a chapter boundary can see where next leads instead of guessing.
   Numbers only, no headings: those run long enough to crowd the Print and PDF
   buttons off the toolbar. The pair sits in .custom-nav-links, which appears
   twice per page: in the top toolbar beside Print/PDF, and alone in the
   footer bar. */
.custom-nav-links {
  display: flex;
  align-items: center;
  gap: 1.25em;
}
.custom-nav-links .nav-prev,
.custom-nav-links .nav-next {
  display: inline-flex;
  align-items: center;
  gap: .4em;
  white-space: nowrap;
}
.custom-nav-links .nav-prev a,
.custom-nav-links .nav-next a {
  display: inline-flex;
  align-items: center;
  gap: .4em;
}
/* An arrow with nowhere to go. Previously "disabled" was only an accident of
   markup — the live arrow was wrapped in a link and inherited the theme blue,
   the dead one did not — which left no way to style the two apart. */
.custom-nav-links .is-disabled {
  color: #9AA0A4;
  cursor: default;
  white-space: nowrap;
}

/* In the top toolbar the next arrow is a flex child in its own right, grown
   to swallow the space left after Print and PDF so it lands on the right
   edge — the same corner the footer bar puts it in. flex-grow rather than
   margin-left:auto, so a second right-aligned button joining the row cannot
   halve the free space and strand it in the middle. */
.top-links-prints .nav-links-right {
  flex: 1 1 auto;
  justify-content: flex-end;
  border-right: 0;
  margin-right: 0;
  padding-right: 0;
}

/* "Go to" dropdown in the toolbar (CityCodeController::goToDropdown()).
   A <details> whose button reads like the other toolbar links, opening a
   small box to type 5, 5-1 or 5-201 into. The box drops below the button,
   left-aligned; city_code.js shifts it back on screen near the right edge. */
.city-code-goto {
  position: relative;
}
.city-code-goto > summary {
  list-style: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: .35em;
  white-space: nowrap;
  color: #1a4f8b;
}
.city-code-goto > summary::-webkit-details-marker { display: none; }
.city-code-goto > summary::marker { content: ""; }
.city-code-goto > summary:hover { text-decoration: underline; }
.city-code-goto > summary:focus-visible {
  outline: 2px solid #1a4f8b;
  outline-offset: 2px;
  border-radius: 2px;
}
.city-code-goto-caret { transition: transform .15s ease; }
.city-code-goto[open] .city-code-goto-caret { transform: rotate(180deg); }
.city-code-goto-pop {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 50;
  width: 300px;
  max-width: calc(100vw - 32px);
  display: grid;
  gap: 10px;
  padding: 12px 14px;
  background: #fff;
  border: 1px solid #cfd5dc;
  border-radius: 6px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, .18);
  color: #222;
  font-size: 15px;
  line-height: 1.4;
}
.city-code-goto-form {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}
.city-code-goto-form label {
  display: inline;
  float: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}
.city-code-goto-form input[type="text"] {
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
  height: auto;
  margin: 0;
  padding: 5px 9px !important;
  border: 1px solid #ccc !important;
  border-radius: 4px;
  box-shadow: none;
  font-size: medium;
  line-height: 1.5;
  box-sizing: border-box;
}
.city-code-goto-form button {
  flex: 0 0 auto;
  padding: 5px 14px;
  background: #44709d;
  color: #fff;
  border: 0;
  border-radius: 4px;
  font-weight: 500;
  line-height: 1.5;
  cursor: pointer;
}
.city-code-goto-form button:hover,
.city-code-goto-form button:focus { background: #3a5f86; }
.city-code-goto-help {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 3px 12px;
  margin: 0;
  padding-top: 10px;
  border-top: 1px solid #ecf0f4;
  font-size: 13px;
  color: #6b7480;
}
.city-code-goto-help dt {
  margin: 0;
  font-weight: 500;
  color: #222;
  font-variant-numeric: tabular-nums;
}
.city-code-goto-help dd { margin: 0; }
@media (prefers-reduced-motion: reduce) {
  .city-code-goto-caret { transition: none; }
}
@media print {
  .city-code-goto-wrap { display: none !important; }
}

/* In the footer the pair is the whole bar, so push next to the right edge:
   the far corner is where a reader looks to carry on. */
.footer-nav-itemss-links .custom-nav-links {
  justify-content: space-between;
  /* .custom-nav-links floats left and carries a divider border for its place
     in the top toolbar; neither applies when it is the entire footer bar. */
  float: none;
  width: 100%;
  border-right: 0;
  margin-right: 0;
  padding-right: 0;
}
#city-code-goto-q { width: 170px; }

/* formatting on prod for officials */
.med-font.item {
    font-size: medium;
}