/* DogFriendly.com restore: keeps the original look, fixes small-screen and archive breakage */
body{font-family:Arial,Helvetica,sans-serif;margin:0;background:#fff;color:#000}
img{max-width:100%}
img[width]{height:auto}
table{max-width:100%}
.df-top{display:flex;align-items:center;gap:20px;padding:12px 16px;flex-wrap:wrap}
.df-tag{flex:1;min-width:200px;font-size:14px;color:#00f}
.df-hdrimg{margin-left:auto}
.navbar{overflow:hidden;background:#0892D0}
.navbar a{float:left;font-size:16px;color:#fff;text-align:center;padding:14px 16px;text-decoration:none}
.subnav{float:left;overflow:hidden}
.subnav .subnavbtn{font-size:16px;border:none;outline:none;color:#fff;padding:14px 16px;background:inherit;font-family:inherit;margin:0;cursor:pointer}
.navbar a:hover,.subnav:hover .subnavbtn,.subnav:focus-within .subnavbtn{background:blue}
.subnav-content{display:none;position:absolute;left:0;background:blue;width:100%;z-index:1}
.subnav-content a{float:left;color:#fff;text-decoration:none}
.subnav-content a:hover{background:#eee;color:#000}
.subnav:hover .subnav-content,.subnav:focus-within .subnav-content{display:block}
.df-foot{margin:30px 0 0;padding:16px;text-align:center;font-size:13px;border-top:1px solid #ddd}
/* listings: clearer rows, bold names, readable sizes (keeps the original look) */
.df-listing{width:100%;max-width:760px;border-bottom:1px solid #e6e6e6}
.df-listing td{padding:7px 6px;vertical-align:top}
.df-listing td font[size="1"],.df-listing td{font-size:14px}
.df-listing td:first-child{font-weight:bold;color:#0b3d91}
.df-listing td:not(:first-child){color:#333}
.df-listing td.df-phone{white-space:nowrap}
.df-listing img{vertical-align:-2px;margin-right:3px}
.df-sechead{width:100%;max-width:760px;margin-top:14px}
.df-sechead td{padding:6px 8px;font-size:15px}
.df-sechead td font{font-size:15px}
#cityguide li{margin:6px 0;line-height:1.45}
#cityguide li p{margin:0}
#cityguide li span[style*="blue"],#cityguide li a{font-weight:bold}
@media (max-width:700px){
 .df-listing td{padding:2px 6px}
 .df-listing td.df-blank{display:none!important}
 [nowrap],[nowrap] *,td,td *{white-space:normal!important}
 .df-listing td.df-phone{white-space:nowrap!important}
 pre{white-space:pre-wrap!important}
 div[id],ul[id]{max-width:100%!important;box-sizing:border-box}
 #page,#header,#content,#sidebar,#footer,#wrapper,#main{width:auto!important;float:none!important;margin-left:0!important;margin-right:0!important;min-width:0!important}
 html,body{min-width:0!important}
 .df-listing tr{padding:6px 0}
 .df-hdrimg{display:none}
 table:not(.df-data),table:not(.df-data)>tbody,table:not(.df-data)>tbody>tr,table:not(.df-data)>tbody>tr>td,table:not(.df-data)>tr>td{display:block;width:100%!important;box-sizing:border-box}
 table,td,th,tr{height:auto!important}
 td:empty{display:none!important}
 font[size="1"],small{font-size:13px!important}
 font[size="2"]{font-size:14px}
 td{padding:2px 4px}
 li{margin-bottom:4px}
 .df-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
 .df-data{min-width:760px;width:auto!important}
 .df-data td{min-width:64px}
 .df-data *{font-family:Arial,Helvetica,sans-serif!important;font-size:13px!important;line-height:1.35}
 .df-data td,.df-data th{display:table-cell!important;width:auto!important;font-size:13px;padding:4px}
 font[size="5"],font[size="6"],font[size="7"]{font-size:22px}
 body{overflow-wrap:break-word}
 p,div:not(.df-scroll),span,center,font,ul,ol,blockquote{max-width:100%;box-sizing:border-box}
 [style*="float"]{float:none!important}
 .df-data td a{word-break:normal}
 .navbar a,.subnav .subnavbtn{padding:10px 10px;font-size:14px}
}

@media (min-width:701px){body{max-width:1200px;margin:0 auto;box-shadow:0 0 0 1px #eee}}