body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 { 
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  line-height: 1.4em;
}

/*Ajax Branding*/
.pub-bg-secondary {background-color:#1c2a56 !important;}
.pub-title {color: #ffffff !important ;}
#pub-mainnav li:hover {background-color:#1c2a56 !important;}
#pub-mainnav li a:hover {color: #ffffff !important ;}
.pub-searcher form .inner-form .input-field input {
  border-bottom: 2px solid #495057 !important;
  color: #495057 !important;
}
.pub-b-pill {background-color: #1c2a56 !important ;}
/*Ajax Branding*/


/* Loader Icon */
.loader {
  height: 50px;
  aspect-ratio: 2;
  border: 10px solid #ffffff;
  box-sizing: border-box;
  background: 
    radial-gradient(farthest-side,#000000 98%,#ffffff) left/20px 20px,
    radial-gradient(farthest-side,#000000 98%,#ffffff) left/20px 20px,
    radial-gradient(farthest-side,#000000 98%,#ffffff) center/20px 20px,
    radial-gradient(farthest-side,#000000 98%,#ffffff) right/20px 20px,
    #ffffff;
  background-repeat: no-repeat;
  filter: blur(4px) contrast(8);
  animation: l14 1s infinite;
}
@keyframes l14 {
  100%  {background-position:right,left,center,right}
}
/* Loader Icon */

#mainnav li:hover {background-color:#6c757d;}
.homelink a:hover {color:#ffffff !important;}
.form-check {padding-left: 0;}
.form-check .form-check-input {float: none;margin-left:0;}
.btn-filter {margin:0.25rem 0;}
#footnav a {border-bottom: 1px solid #ffffff00;}
#footnav a:hover {border-bottom: 1px solid #212529;}
.back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
}
.box-shadow {box-shadow:0 0.25rem 0.75rem rgba(0, 0, 0, .05)}

.title {
  margin-top: 10px;
  min-height: 32px;
  font-family: "Trebuchet MS", "Helvetica", "Arial", sans-serif;
  color: #ffffff;
}

.badge {vertical-align: text-bottom !important;}
.badge-open, .badge-prc-open { background-color: #3a7abe75 !important; color: #000; }
.badge-approved { background-color: #7da63275 !important; color: #000; }
.badge-refused, .badge-cancelled, .badge-prc-closed { background-color: #be628e75 !important; color: #000; }

.srlink div:hover { background-color: #eee !important; }
.srlink > div:nth-of-type(1) {
  border: 1px solid #dee2e6 !important;
  margin: 5px 0;
  border-radius: .25rem !important;
}
.typelink:hover {color: darkred;;text-decoration: underline;}


.opencount, .searchcount {font-weight: 500;}

.card-title { font-weight: 500; }
.card{
  transition: all 0.2s ease;
  border-width: thin;
}

.card:hover{
    box-shadow: 5px 6px 6px 2px #e9ecef;
}
.galcard:hover{
  cursor: pointer;
  transform: scale(1.05);
}

.badge {font-weight: 300;}

.fav::before {
  content: '❤';  
}

a {
  text-decoration:none;
  color: inherit;
}
.oga {
  text-decoration: revert;
  color: revert;
}


/* property page */
.btnfix, .addbdr {
  border-left: 2px solid rgb(165, 165, 165);
  border-radius: 6px;
}

.btn-i { text-align: left; }

.btn:active, .btn:focus {box-shadow: none !important; background-color: #dae0e5; }

.accordion-item {border:none;}

.accordion-button:not(.collapsed) {
  background-color: #f8f9fa;
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:hover {background-color:#f8f9fa;}
.accordion-button:focus {box-shadow: none;}

.nav-pills .nav-link.active {background-color: #ffffff; color: #212529;border-left: 1px solid #212529; border-right: 1px solid #212529;border-top: 1px solid #212529; }
.nav-pills .nav-link {border-radius: initial !important; background-color: #212529; color: #ffffff; }
.tab-content {border-left: 1px solid #212529; border-right: 1px solid #212529; border-bottom: 1px solid #212529;}

.questions-accordion button {padding: 12px 24px;line-height: 1.75rem;}
.questions-accordion .accordion-item {border-bottom: 1px solid #dee2e6;}
.questions-accordion button:hover {background-color: #f8f9fa !important;}
.questions-accordion button:active,.questions-accordion button:focus {background-color: #e9ecef !important;}


label {font-size: small;}
i {font-style: normal;}
.Official:before {margin: 0 5px; color: #6e6e6e; font-family: "bootstrap-icons"; content: "\F153";}
.Zoning:before {margin: 0 5px; color: #cd8436; font-family: "bootstrap-icons"; content: "\F3F3";}
.Part:before {margin: 0 5px; color: #a0531a; font-family: "bootstrap-icons"; content: "\F532";}
.LandD:before {margin: 0 5px; color: #537c19; font-family: "bootstrap-icons"; content: "\F583";}
.Site:before {margin: 0 5px; color: #205493; font-family: "bootstrap-icons"; content: "\F35F";}
.Subdivision:before {margin: 0 5px; color: #cab227; font-family: "bootstrap-icons"; content: "\F8C5";}
.Condominium:before {margin: 0 5px; color: #cab227; font-family: "bootstrap-icons"; content: "\F8C5";}
.MinorV:before {margin: 0 5px; color: #923966; font-family: "bootstrap-icons"; content: "\F151";}

.btn-Official, .btn-Official:hover, .btn-Official:focus { border: solid 2px #6e6e6e; }
.btn-Zoning, .btn-Zoning:hover, .btn-Zoning:focus { border: solid 2px #cd8436; }
.btn-Part, .btn-Part:hover, .btn-Part:focus { border: solid 2px #a0531a; }
.btn-LandD, .btn-LandD:hover, .btn-LandD:focus { border: solid 2px #537c19; }
.btn-Site, .btn-Site:hover, .btn-Site:focus { border: solid 2px #205493; }
.btn-Subdivision, .btn-Subdivision:hover, .btn-Subdivision:focus { border: solid 2px #cab227; }
.btn-Condominium, .btn-Condominium:hover, .btn-Condominium:focus { border: solid 2px #cab227; }
.btn-MinorV, .btn-MinorV:hover, .btn-MinorV:focus { border: solid 2px #923966; }

.btn-Official.collapsed, .btn-Zoning.collapsed, .btn-Part.collapsed, .btn-LandD.collapsed, .btn-Site.collapsed, .btn-Subdivision.collapsed, .btn-Condominium.collapsed, .btn-MinorV.collapsed {
  border-radius: 6px !important;
}
.btn-Official, .btn-Zoning, .btn-Part, .btn-LandD, .btn-Site, .btn-Subdivision, .btn-Condominium, .btn-MinorV {
  border-radius: 6px 6px 0 0 !important;
}

.addbdr-Official { border-left: dashed 2px #6e6e6e90; }
.addbdr-Zoning { border-left: dashed 2px #cd843690; }
.addbdr-Part { border-left: dashed 2px #a0531a90; }
.addbdr-LandD { border-left: dashed 2px #537c1990; }
.addbdr-Site { border-left: dashed 2px #20549390; }
.addbdr-Subdivision { border-left: dashed 2px #cab22790; }
.addbdr-Condominium { border-left: dashed 2px #cab22790; }
.addbdr-MinorV { border-left: dashed 2px #92396690; }

dd {margin: 0; }
dl div {margin-bottom: 10px;}
dl {margin: 0 !important;}

.internal {color: #B00020;}

.srlink .media:hover { background-color: #f7f7f7 !important; }
a:hover {text-decoration: none !important;}
.navbar-expand-lg .navbar-nav { float: right;  }
.navbar-expand-lg .navbar-collapse { display: block !important; }

.prog-pub-No { border-left: 4px solid #6c757d !important; }
.prog-pub-Yes { border-left: 4px solid #198754 !important; }

.dinfotbl td, .dinfotbl table th {
  width: 50%;
}
.dinfotbl td:first-child {
  width: 50%;
}
.dinfotbl td:not(:first-child) {
  width: 25%;
}

@media (max-width: 992px) {
.offcanvas-collapse { background-color: #333333 !important; }
}

/* Sticky */
.sticky1 {
  position: sticky;
  top: 0;
  z-index: 99;
}

/* BG Hexs */
.bghexs {
  background-color: #f8f9fa;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='hexagons' fill='%23eeeeee80' fill-opacity='1' fill-rule='nonzero'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}