.dcf-ext-template-footer {
	background: #003467;
	min-height: 90px;
	font-family: Arial;
}

.dcf-ext-template-edgesection {
	background-color: #115ba4;
}

a.dcf-ext-template-link {
	color: #007bff;
	text-decoration: none;
	background-color: transparent;
}

a.dcf-ext-template-link:hover {
	color: #0056b3;
	text-decoration: underline;
}

a.dcf-ext-template-link:not([href]):not([tabindex]),
a.dcf-ext-template-link:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
	color: inherit;
	text-decoration: none;
}

a.dcf-ext-template-link:not([href]):not([tabindex]):focus {
	outline: 0;
}

.my-link {
    font-size: 1.6rem;
	font-weight:600;
	color:#0000ff;
    text-decoration: none;
    
}

.my-link a{color:#0000ff;
	
}

.my-link:hover {
    color: #66bfff; /* light blue on hover */
    text-decoration: underline;
}


.dcf-ext-template-verticaltoggler {
	border: 0;
}

.dcf-ext-template-verticaltoggler:hover,
.dcf-ext-template-verticaltoggler:focus,
.dcf-ext-template-verticaltoggler:active {
	border: 1px solid black;
}

.dcf-ext-template-prefooter-link-list {
	padding-bottom: 1rem;
}

.dcf-ext-template-prefooter-link-list > ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	padding-bottom: 1rem;
}

.dcf-ext-template-prefooter-link-list > ul > li {
	padding-top: 7px;
}

.dcf-ext-template-emergency {
	background-color: #951c1a;
	font-size: 16px;
	font-weight: 600;
	line-height: 20.8px;
}

a.dcf-ext-template-emergency-link {
	color: black;
	text-decoration: none;
	background-color: transparent;
}

a.dcf-ext-template-emergency-link:hover {
	text-decoration: underline;
}

p.dcf-ext-template-emergency-title {
	margin: 2px 0 4px 4px;
}

/*.footerHeader {
	 font-family: 'Roboto Slab', Georgia, serif;
	font-size:1.3rem;
	font-weight:600;
}
.footerHeaderSmall {
	 font-family: 'Roboto Slab', Georgia, serif;
	font-size:1rem;
	font-weight:400;
	color:#ffffff;
}
.footerText {
	font-family: Arial;
	font-size:0.9rem;
	font-weight:400;
	color:#ffffff;
	text-decoration:none;
}
.footerSmallText {
	
	font-family:arial;
	font-size:0.9rem;
	font-weight:600;
	color:#000000;
	text-decoration:none;
}
.footerSmallLink {
	
	font-family:arial;
	font-size:0.9rem;
	font-weight:500;
	color:#000000;
	text-decoration:none;
}*/
.bottomSmallText {
	
	font-family:arial;
	line-height:1.8rem;
	font-size:14px;
	font-weight:500;
	color:#ffffff;
	text-decoration:none;
}



.menuCard {
	
	
	-moz-box-shadow:0px 0px 5px 3px rgba(213,213,213,0.7);
	-webkit-box-shadow:0px 0px 5px 3px rgba(213,213,213,0.7);
	border-radius:8px;
	box-shadow:0px 0px 5px 3px rgba(213,213,213,0.7);
}



.lineCard {
	Width: 100%;
	height: auto; 
	object-fit: cover; 
	border-color:transparent;
	-moz-box-shadow:0px 0px 5px 3px rgba(213,213,213,0.7);
	-webkit-box-shadow:0px 0px 5px 3px rgba(213,213,213,0.7);
	border-radius:8px;
	box-shadow:0px 0px 5px 3px rgba(213,213,213,0.7);
}


.bootCard {
	Width: 100%;
	height: auto; 
	object-fit: cover; 
	border-color:transparent;
	-moz-box-shadow:0px 0px 5px 3px rgba(213,213,213,0.7);
	-webkit-box-shadow:0px 0px 5px 3px rgba(213,213,213,0.7);
	border-radius:8px;
	box-shadow:0px 0px 5px 3px rgba(213,213,213,0.7);
}


  
.medText {
	font-family: Arial;
	font-size: 14px;
	
	
}

.greenTitle
{color:darkgreen;
font-weight:600;}

.blueTitle
{color:#003467;
font-weight:600;}

.notice{
	font-weight:600;
	font-size:0.8rem;
	color:#000000;
	font-style: italic;
}
.accordion {
  background-color: #003467;
  color: #ffffff;
	font-weight:600;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
	border-bottom:1px solid rgba(255, 255, 255, 0.15);
}


.active, .accordion:hover {
   background-color: #003467;
}



.accordionLeft {
  background-color: #ffffff;
  color: #003467;
	font-weight:600;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
	border-bottom:1px solid #d2d2d2;
}


.active, .accordionLeft:hover {
   background-color: #d9e6da;
}
.panel {
  padding: 0 18px;
   background-color: #003467;
  display: none;
  overflow: hidden;
	border-bottom:1px solid rgba(255, 255, 255, 0.15);
	
}
.panel2 {
  padding: 15px 0 15px 0;
   background-color: #ffffff;
	color:#003467;	
	
}
.panel2 a{
	color:#003467;
	text-decoration:none;
}
.panel3 {
  padding: 15px 0 15px 0;
   background-color: #115ba4;
	color:#ffffff;	
	
}
.panel3 a{
	color:#ffffff;
	text-decoration:none;
}
.panel3 a:hover{
	color:#ffffff;
	text-decoration:underline;
}



@media only screen and (min-width: 988px) {
  .mobileSearch {
    display: none;
	  
	  width:100%;
  }
}


@media only screen and (max-width: 988px) {
  .mobileSearch {
    
	  
	  width:100%;
  }
}

@media only screen and (max-width: 992px) {
  .noShow {
    
	  
	   display: none;
  }
}



@media only screen and (min-width: 988px) {
  .mobileFooter {
    display: none;
  }
}




@media only screen and (max-width: 988px) {
  .footerLinks {
    display: none;
  }
}



.heroTitle{
	background:transparent;
	padding:1.2% 10% 1% 11%;
	margin-top:0;
	
	}

.adaGreen{
	background:#d9e6da;
	padding:1.2% 10% 1% 11%;
	margin-top:0;
	}

@media only screen and (max-width: 991px) {
  .adaGreen {
    display: none;
  }
}

.adaGreenSmall{
	background:#d9e6da;
	margin:0
		
	}

.headerPanel {
	font-family: 'Roboto Slab', Georgia, serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-weight: 600;
    color: rgba(255, 255, 255, 1);
    font-size: 1.3rem;
    padding-top:5px;
}

.wideNav{
	font-size: 14px;
    font-weight: 600;
    color: #003467;
    font-family: Arial, Helvetica, sans-serif;
	
}

.wideNav a{
	color:#003467;
}

 .main-navigation-container:hover {
    background-color: rgba(230, 243, 255, 1);
	 text-decoration:none;
	 height:100%;
}

.second-level-menu
{
    position: absolute;
    top: 5px;
    left: -400px;
    width: 400px;
	height: 400px;
    list-style: none;
    padding: 0;
    margin:0;
    display: none;
}

@media only screen and (max-width: 991px) {
  .second-level-menu {
   /* top: 30px;
    left: 0;
	  z-index: 1;*/display: none;
  }
}

@media only screen and (max-width: 991px) {
  .top-level-menu {
   /* top: 30px;
    left: 0;
	  z-index: 1;*/display: none;
  }
}

@media only screen and (min-width: 991px) {
  .top-level-visible {
   /* top: 30px;
    left: 0;
	  z-index: 1;*/display: none;
  }
}
@media only screen and (min-width: 991px) {
  .top-level-visible a {
   /* top: 30px;
    left: 0;
	  z-index: 1;*/display: none;
  }
}

@media only screen and (max-width: 991px) {
  .hiddenMenu {
  display: none;
  }
}
.top-level-visible a /* Apply to all links inside the multi-level menu */
{
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #003467;
    text-decoration: none;
    padding: 0 0 0 10px;

    /* Make the link cover the entire list item-container */
    display: block;
    line-height: 30px;
}
.top-level-visible a:hover { 
	color: #003467;
	text-decoration:underline;
}

.second-level-menu > li
{
    position: relative;
    padding:5px 0 0 7px;
    height: 45px;
    width: 400px;
    background: #ffffff;
	border-bottom:1px solid #d2d2d2;
	z-index: 1;
	
	
}
.second-level-menu > li:hover { 
	background: #caf0f8;
	color:#ffffff;
	text-decoration: underline; }

.top-level-menu
{
    list-style: none;
    padding: 0;
    margin: 0;
}

.top-level-menu > li
{
	font-size:14px;
	color: #003467;
    position: relative;
    float: left;
	padding-left:7px;
    height: 40px;
    width: 315px;
    background: transparent;
}
.top-level-menu > li:hover { 
	background: #ffffff; 
}

.top-level-menu li:hover > ul
{
    /* On hover, display the next level's menu */
    display: inline;
}


/* Menu Link Styles */

.top-level-menu a /* Apply to all links inside the multi-level menu */
{
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #003467;
    text-decoration: none;
    padding: 0 0 0 10px;

    /* Make the link cover the entire list item-container */
    display: block;
    line-height: 30px;
}
.top-level-menu a:hover { 
	color: #003467;
	text-decoration:underline;
}

.topWhiteLink {
	
	text-decoration:none;
	color:#ffffff;	
}

.topWhiteLink:hover {
	
	text-decoration:underline;
	color:#ffffff;	
}

.gcsc-find-more-on-google-root {
    display: none;
}
.gcsc-more-maybe-branding-box{
display:none;
border: 0px;
}
.gcsc-find-more-on-google {
    display:none;
}
.gsc-branding, .gcsc-branding {
    display: none;
}
input.gsc-input {
    background: none !important;
    background-color: #ffffff !important;
}
.gsc-search-button-v2 {
	padding: 10px 27px;
    font-size: 13px;
    width: auto;
	min-height:42px;
    vertical-align: middle;
    border-radius: 6px;
	margin-left:0;
    border-color: #3079ed;
    background-color: #4d90fe;

}
table.gsc-search-box td.gsc-input {
    padding-right: 0;}
table tbody td.gsc-input {
    
    padding-right: 0;
}
.gsc-input-box {
    padding-top: 3px;
    padding-bottom: 3px;
}
table tbody td:first-child.gsc-input{
border-left-style:initial;
border-left-color: #ffffff;
border-left-width:0;
}
table tbody td:first-child.gsib_a{
border-left-style:initial;
border-left-color: #ffffff;
border-left-width:0;
}
table tbody td.gsib_a {
    font-size: 0.875rem;
    border-bottom-style: none;
    border-bottom-width: 0;
    border-bottom-color: #ffffff;
}
table tbody td:last-child.gsc-input-box {
    border-right-style: initial;
}
.gsc-input{
margin-bottom: 0px;
}
table tbody td.gsc-result-info-container{
border-style: none;
}
table.gsc-above-wrapper-area-container{
margin-bottom:initial;
}
td.gsc-input{
border-style:initial;
}
td.gsc-search-button{
border-bottom:none;
}
table tbody td.gsib_b{
padding:initial;
}
.coh-style-focusable-content input:focus{
box-shadow: 0 0 0 0 #ffffff;
}
.coh-style-focusable-content a:focus{
box-shadow: 0 0 0 0 #ffffff;
}
.gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
font-size: clamp(16px,4.25vw,20px);
font-weight: 600;
margin-bottom: 10px;
font-family: 'Roboto Slab',Georgia,serif;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
.gsc-webResult.gsc-result{
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
}
.gs-snippet{
font-size: 16px;
}
.gsc-input-box {
    border-top-left-radius: initial;
    border-bottom-left-radius: initial;
}
table tbody td.gsc-input-box {
    border-style: none;
}
table tbody td.gsc-search-button {
    padding: 0;
}
table tbody td:last-child.gsib_b {
    border-style: none;
}

ul.leftNav{list-style-type: none;
padding:7px 0 10px 20px;}

ul.leftNav li{
padding:7px 0 10px 20px;
border-top:1px solid #d2d2d2;
color:#414141;
font-size:16px;}

ul.leftNav li:last-child {

border-bottom:1px solid #d2d2d2;
}
ul.leftNav li a {
color:#414141;
	text-decoration:none;
}

ul.leftNav li:hover{
color:#414141;
	text-decoration:underline;
}
@media only screen and (max-width: 988px) {
  .leftNav {
    display: none;
  }
}
ul.leftNav2{list-style-type: none;
padding:7px 0 10px 20px;}

ul.leftNav2 li{
padding:7px 0 10px 20px;
border-top:1px solid #d2d2d2;
color:#414141;
font-size:16px;}

ul.leftNav2 li:last-child {

border-bottom:1px solid #d2d2d2;
}
ul.leftNav2 li a {
color:#414141;
	text-decoration:none;
}

ul.leftNav2 li:hover{
color:#414141;
	background:#d9e6da;
	text-decoration:underline;
}
/*Right side Quick Links*/
ul.quickLinks{list-style-type: none;
padding:1px 0 10px 0;}

ul.quickLinks li{
padding:6px 0 4px 0;
color:#414141;
font-size:14px;}

ul.quickLinks li:first-child {
padding-top:15px;
border-top:1px solid #d2d2d2;
}
ul.quickLinks li a {
color:#0000ff;
	text-decoration:none;
}

ul.quickLinks li:hover{
color:#414141;
	background:#d9e6da;
	text-decoration:underline;
}



.accStyle {background:#d9e6da; color:#414141; border:1px solid #d2d2d2;}
.accStyle a{text-decoration:none;}
.accStyle:hover{text-decoration:underline; background:transparent; border:1px solid #d2d2d2;}

.bodyContent {
	padding-top:3%;
	padding-left:12%;
	padding-right:8%;
}

.bread {
	color:#747474;
	font-size:14px;
	padding-left:3%;
	padding-bottom:2%;
}


.bread a{
	text-decoration:underline;
	color:#747474;
}
.bread:hover{
	text-decoration:none;
}
.iconPadding {
	padding-left:10%;
}

.text-block {
	  position: absolute;
	  width:80vw;
	  top: 55%;
	  left: 10%;
	  padding: 20px;
	  border-radius:8px;
	  background-color:#ffffff;
	  -moz-box-shadow:0px 0px 5px 3px rgba(213,213,213,0.7);
	  -webkit-box-shadow:0px 0px 5px 3px rgba(213,213,213,0.7);
	  box-shadow:0px 0px 5px 3px rgba(213,213,213,0.7);
	  color:#000;
}
.genericButton {
	
  background-color: #0d4f90; 
  border: none;
	border-radius:4px;
  color: white;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  
  cursor: pointer;
}

.genericButton :hover {
  font-size: 17px;
  
}

@media only screen and (min-width: 991px) {
  .genericButton-visible {
   /* top: 30px;
    left: 0;
	  z-index: 1;*/display: none;
  }
}

.genericButton-visible a /* Apply to all links inside the multi-level menu */
{
    font: bold 15px Arial, Helvetica, sans-serif;
    color: #ffffff;
    text-decoration: none;
    padding: 10px;

    /* Make the link cover the entire list item-container */
    display: block;
    line-height: 30px;
}
.genericButton-visible a:hover { 
	color: #ffffff;
	text-decoration:underline;
}
.activeLeftNav {font-weight:600;}

.blueContainer {background:#003467; color:#ffffff;}

.cards-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr); 
  gap: 20px; 
}

@media (max-width: 768px) {
  .cards-container {
    grid-template-columns: 1fr; 
  }
}


.card.lineCard {
  background-color: transparent; 
  padding: 20px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  border-radius: 4px;
  font-family: Arial, sans-serif;
}


.card.lineCard .card-top {
  display: flex;
  align-items: center;
  gap: 15px;           
  margin-bottom: 10px; 
}

.card.lineCard .card-img {
  width: auto; 
  height: auto;
  display: block;
  flex-shrink: 0;
}

.card.lineCard .card-header {
  background-color: transparent !important; 
  border: none !important;                 
  padding: 0;
}

.card.lineCard .card-header h2 {
  margin: 0 0 5px 10px;
  font-size: 1.6rem;
}

.card.lineCard .card-header a {
  text-decoration: none;
  color: #0000ff;
  font-size: 14px;
  background: none !important;
  border: none !important;
}

.card.lineCard .card-header a:hover,
.card.lineCard .card-header a:focus {
  text-decoration: underline;
  outline: none;
}

.card.lineCard .card-footer {
  background-color: transparent !important;
  border: none !important;
  padding: 0;
  margin-top: 10px;
  font-size: 14px;
}

.card.lineCard a {
  text-decoration: none;
  color: #0000ff;
}

.card.lineCard a:hover,
.card.lineCard a:focus {
  text-decoration: underline;
  outline: none;
}

@media (max-width: 1280px) {
  .card.lineCard .card-top {
    flex-direction: column;     
    align-items: center;         
    text-align: center;          
  }


@media (max-width: 768px) {
  .card.lineCard .card-top {
    flex-direction: column;
    align-items: flex-start;
  }

  .card.lineCard .card-img {
    margin-bottom: 10px;
  }
}
.card.lineCard .card-header h2,
  .card.lineCard .card-header a {
    text-align: center;          
  }
}
.lineCardOne
	{width:100%;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
		background-color: transparent; 
  padding: 20px;
     height: var(--bs-card-height);
  border-radius: 4px;
  font-family: Arial, sans-serif;

	align-content: left;
	align-items: flex-start;
	
	-bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-title-color: ;
    --bs-card-subtitle-color: ;
    --bs-card-border-width: var(--bs-border-width);
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: var(--bs-border-radius);
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: var(--bs-body-bg);
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: var(--bs-body-color);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
	
		}


html * {
        font-family: Arial
      }
	 .map-wrapper {
      border: 1px solid #ddd;
      border-radius: 4px;
      overflow: hidden;
    }
	  .borderRadius {border-radius:8px;}
	 
	 svg circle {
  fill: transparent;
}

svg a:hover circle {
  fill: rgba(255, 255, 0, 0.35);
  cursor: pointer;
}
svg {
  border-radius: 6px;
  overflow: hidden; 
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

	 /* RESULTS GRID */
#results {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
  width: 100%;
}

/* Tablet */
@media (max-width: 992px) {
  #results {
    grid-template-columns: 1fr;
  }
}
	 /* Skip link */
.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  background: #fffbcc;
  color: #000;
  padding: .5rem .75rem;
  z-index: 10000;
  border: 1px solid #000;
}
.skip-link:focus { left: 0; }

  /* Wrapper to hold select and custom caret */
  .custom-select-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 400px;
  }

  /* Style for the select element */
  .custom-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    color: #212529;
    padding: 12px 40px 12px 12px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 8px;
    width: 100%;
    height: 50px;
    cursor: pointer;
  }

  /* Orange circle behind caret */
  .custom-select-wrapper::after {
    content: '';
    position: absolute;
    top: 40%;
    right: 12px;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    background-color: #0d6f9d;
    border-radius: 50%;
    pointer-events: none;
    z-index: 1;
  }

  /* Down fang-style caret inside orange circle */
  .custom-select-wrapper::before {
    content: '∨';
    position: absolute;
    top: 40%;
    right: 20px;
    transform: translateY(-50%);
    font-size: 15px;
    font-weight:600;
    color: #ffffff;
    z-index: 2;
    pointer-events: none;
  }

  #searchBox, #zipFilter, #cityFilter {
    max-width: 400px;
    min-width: 280px;
    padding: 10px;
    margin-bottom: 20px;
    font-size: 16px;
    color: #212529;
    height:50px;
    border-radius:8px;
  }

  #searchBox::placeholder, #zipFilter::placeholder, #cityFilter::placeholder {
    color: #212529;
    opacity: 1;
  }

  /* Flex container for search rows */
  .search-row {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 10px;
  }

  .search-row div.or-label {
    font-weight: bold;
  }



  .pagination {
    margin-top: 30px;
    text-align:center;
  }

  .pagination button {
    padding: 8px 12px;
    margin: 0 5px;
    font-size: 13px;
    background-color:#F4791F;
    color:#fff;
    border:none;
    border-radius:4px;
    cursor:pointer;
  }

  .pagination button[disabled] {
    background-color: #E1D136;
    cursor: default;
  }

	 
	  @media (max-width: 1334px) {
    .gone {
      display: none;
    }
	 }
	 
	 
  /* Responsive tweaks */
  @media (max-width: 768px) {
    .search-row {
      flex-direction: column;
    }

    .search-row div.or-label {
      margin: 5px 0;
    }

  
  }
	 .search-input,
.custom-select {
    height: 50px;
    padding: 0 12px;
    font-size: 16px;
    box-sizing: border-box; /* ensures padding doesn't add to height */
    display: inline-block;
    vertical-align: middle;
}
.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-color: #000000;
	border: 1px solid #000000;
	z-index:1;
}
.gone { display: block; }
@media(max-width:728px){
  .gone{display:none;}
}	  
    /* Color Palette */
    :root {
      --dcf-blue: #002D72;
      --dcf-yellow: #FFCB05;
      --dcf-hover-bg: #f5f5f5;
    }

    .navbar-custom {
      background-color: transparent;
     font-family: 'Roboto', Arial, serif;
 
    }
	  /* Target left-opening submenu */
.dropdown-submenu.left-side > .dropdown-menu {
  left: auto;
  right: 100%; /* open to the left */
  top: 0;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 1050; 
	font-size:14px;
}


    .navbar-custom .nav-link,
    .navbar-custom .navbar-brand {
    color: rgba(0, 52, 103, 1);
   font-family: 'Roboto', Arial, serif;
 
    font-weight: 600;
    font-size: 0.875em;
    text-decoration: none;
    padding-top: 0;
    padding-right: 0.9375rem;
    padding-bottom: 0;
    padding-left: 0.9375rem;
    display: block;
    position: relative;
    height: 100%;
    line-height: 5.3125rem;
    }

    .navbar-custom .nav-link:hover,
    .navbar-custom .nav-link:focus {
       color: rgba(0, 52, 103, 1);
    }

    .navbar-custom .dropdown-menu {
     
      border: none;
      border-radius: 0;
      padding: 0;
    }

    .navbar-custom .dropdown-item {
      color: var(--dcf-blue);
      padding: 10px 20px; border-bottom: 1px solid #000000; border-top:none;
    }

    .navbar-custom .dropdown-item:hover {
      background-color: var(--dcf-hover-bg);
      color: black;
    }

    /* Support for multi-level dropdowns */
    .dropdown-submenu {
      position: relative; 
    }

    .dropdown-submenu > .dropdown-menu {
      top: 0;
      left: 100%;
      margin-top: 0;
      margin-left: 0;
      display: none;
    }

    .dropdown-submenu:hover > .dropdown-menu {
      display: block;
    }

    /* Show dropdowns on hover */
    @media (min-width: 992px) {
      .navbar .dropdown:hover > .dropdown-menu {
        display: block;
      }
    }

    .navbar-toggler {
      border-color: rgba(0,0,0, 0.5);
    }
	 #results .card {
  width: 100%;
  height: 100%;
}
	.county-bar {
  display: block;
  width: 100%;
  padding: 0.5rem 1rem;
  font-weight: 600;
  font-size: 0.75rem;
  
}
	 
	 .left-menu {

  padding-right: 0;
  min-height: 100%;
  margin: 1%;
  display: inline-block;      
  width: auto;              
  vertical-align: top;  
  font-family:arial;
}

.left-menu a {
  text-decoration: none;
}

@media (min-width: 992px) {
  .left-col { width: auto; }   /* let left column adjust to content */
  .right-col { width: calc(100% - var(--left-menu-width, 0px)); } /* will be flexible */
}

@media (max-width: 991px) {
  .left-menu { display: none; }
}

.leftmenu-toggle-btn {
  background-color: #003467;
  color: #fff;
  border: none;
  padding: 10px 14px;
  border-radius: 4px;
}
.left-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.left-menu ul li a {
  display: block;
  text-decoration: none;
  color: #0000ff;
  font-size: 16px;
	white-space: nowrap;
	}

/* First item */
.left-menu ul li:first-child a {
  border-top: 1px solid #dfdfdf;
  padding: 4% 0 4% 0;
}

/* Middle items */
.left-menu ul li:not(:first-child):not(:last-child) a {
  border-top: 1px solid #dfdfdf;
  padding: 4% 0 4% 4%;
}

/* Last item */
.left-menu ul li:last-child a {
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  padding: 4% 0 4% 4%;
}

	 /* Container for each provider result */
article.provider {
  border: 1px solid #ddd;         /* light border around box */
  padding: 1rem;                  /* spacing inside */
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: #fff;
  color: #000;
}

/* Gray inner wrapper */
article.provider > div:first-child {
  background: #f7f7f7;
  padding: 1rem;
}

/* Badge for counties */
article.provider .inline-flex {
  display: inline-flex;
  align-items: center;
  background: #facc15;       /* primary yellow */
  color: #000;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: capitalize;
}

/* Title */
article.provider h2 {
  font-size: 2rem;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
  line-height: 1.1;
}

/* Address block */
article.provider div[style*="font-size:15px"] {
  font-size: 15px;
  margin-bottom: 1rem;
}

/* Contact info section */
article.provider .flex-col {
  border-top: 1px solid #dfdfdf;
  padding-top: 1rem;
  gap: 0.25rem;
}

article.provider .flex-col .font-bold {
  font-size: 1.25rem;
  font-weight: 700;
}

/* Links */
article.provider a {
  color: #007acc;
  text-decoration: underline;
}

article.provider a:hover {
  text-decoration: none;
}

/* Notes section */
article.provider .border-t.italic {
  border-top: 1px solid #dfdfdf;
  font-size: 0.875rem;
  font-style: italic;
  color: #555;
  padding-top: 0.5rem;
}

/* Bottom actions (call/email buttons) */
article.provider .flex.gap-4 {
  display: flex;
  gap: 1rem;
  margin-top: 1rem;
}
 a.pin-link { cursor: pointer; }

    /* Make hotspots invisible but clickable */
    circle.hotspot {
      fill: transparent;
      stroke: none;
      pointer-events: all;
    }
	/* Base font */
#google_translate_element {
  font-family: Arial, sans-serif;
  font-size: 12pt;
}

/* The main gadget container */
.goog-te-gadget {
  font-family: Arial, sans-serif !important;
  font-size: 12pt !important;
  color: #000 !important;
  padding: 0;
  margin: 0;
}

/* Dropdown selector */
.goog-te-combo {
  font-family: Arial, sans-serif !important;
  font-size: 12pt !important;
  padding: 4px 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
}
#google_translate_element {
  float: right;
  text-align: right;
}

/* (Optional) remove Google Translate branding visually */
/* This doesn’t remove it from the DOM, just visually hides it */
.goog-logo-link,
.goog-te-gadget span {
  display: none !important;
}

/* Prevent transform toolbar from inheriting weird styles */
.skiptranslate {
  background: transparent !important;
}
/* Hide leftover "Powered by" text */
.goog-te-gadget {
  font-size: 0 !important;
}

/* Restore font size for the dropdown itself */
.goog-te-combo {
  font-size: 12pt !important;
  font-family: Arial, sans-serif !important;
}
.breadcrumb-bar {
  margin: 1%;
  padding-left: 15%;
	padding-right:15%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Right-align the translate box */
#google_translate_element {
  margin-left: auto;
  white-space: nowrap;
}
/* =========================
   Footer
   ========================= */
.footerUL {
  background-color: rgb(255, 255, 255);
  width: 100%;
  list-style-type: none;
  -webkit-border-bottom-left-radius: 0.625rem;
  border-bottom-left-radius: 0.625rem;
  -webkit-border-bottom-right-radius: 0.625rem;
  border-bottom-right-radius: 0.625rem;
  margin: 0;
  padding: 0.75rem 0 0.75rem 0;
}

.footer-main {
  background-color: rgba(0, 52, 103, 1);
  padding-left: 12%;
  padding-right: 12%;
}

.footer-sub {
  background-color: #10579d;
  padding-left: 12%;
  padding-right: 12%;
  font-size: 0.75rem;
}

.footer-main a,
.footer-sub a {
  color: #ffffff;
  text-decoration: none;
}

.footer-main a:hover,
.footer-main a:focus,
.footer-sub a:hover,
.footer-sub a:focus {
  text-decoration: underline;
}

.footer-sub-text { font-size: 0.75rem; }

.footer-social a {

  margin-left: 0.5rem;
  margin-right: 0.5rem;
	display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 44px;
  height: 44px;

  text-decoration: none;
}

.footer-social img {
  width: 24px;
  height: 24px;
}

.footer-social a:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 2px;
}
/* =========================
   Emergency Box
   ========================= */
.emergency-box {
  background-color: #ffffff;
  border-radius: 4px;
  overflow: hidden;
  height: 100%;
}

.emergency-header {
  background-color: #951c1a;
  padding: 0.5rem 1rem;
}

.emergency-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #ffffff;
  font-size: 1.125rem;
  margin: 0;
  font-family: 'Roboto Slab', Georgia, serif;
}

.emergency-icon { flex-shrink: 0; }

.emergency-list li {
  padding-left: 1.125rem;
  padding-top: 10px;
  margin-bottom: 0.5rem;
  color: #000000;
}

.emergency-label { font-weight: 600; }

.emergency-phone {
  font-weight: 400;
  color: #000000;
  text-decoration: none;
  margin-left: 0.25rem;
}

.emergency-list a,
.emergency-list a:visited,
.emergency-list a:hover,
.emergency-list a:focus,
.emergency-list a:active {
  color: #000000;
  text-decoration: none;
}

.emergency-list a:hover,
.emergency-list a:focus {
  text-decoration: underline;
}
h4 {
  color: #ffffff;
  font-size: 1.125rem;
  padding: 10px 0;
  font-family: 'Roboto Slab', Georgia, serif;
  margin: 0; /* optional: remove default h4 margin if needed */
}