body {
    background-color: #f4efeb;
    margin-top: 0px;
    margin-bottom: 0px;
}

#main{
	max-width:1024px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	margin-top:0px;
	display:block;
	margin-bottom:0px;
	float:none;
	background-color:white;
	clip:rect(auto,auto,auto,auto);
	overflow:hidden;
}
 a:link, a:visited{font-family:Arial, Helvetica, sans-serif;font-size:16px;color:#00F;text-decoration:none;font-style:italic;}
 td a:hover,
td a:focus,
td a:active {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #039;
    font-style: italic;
    font-weight: normal;
    border-bottom: thin solid #63F;
}
#wlks a:link,#wlks a:visited,#wlks a:focus,#wlks a:active {font-size:16px;color:#00F;text-decoration:none;font-style:italic;}
	
	h2{font-size:14px;color:#633;}
 .lst1 {margin-right:10px;line-height: 22px;}

/* Individual styles */
.style1  { font-size: 12px; }


.pim {
    padding: 20px;
}


#menu2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    border: thin solid #3c4e29;
    background: #5c6e77;
    padding: 15px;
    display: block; /* FIX */
}

#menu2 ul {
    list-style: none;
    padding: 0;
    margin: 20px 0 15px 20px; /* combine your intended margins */
    display: flex;
    flex-direction: row; /* FIX: horizontal menu */
    flex-wrap: wrap;
    gap: 10px;
}

#menu2 li {
    /* display:inline; REMOVE — flexbox handles layout */
    margin-right: 20px;
}




#dwnload{margin-bottom: 16px;margin-top: 16px;background-color:#f0f0f0;border:1px solid #999;border-radius: 10px;padding:16px;margin-right:8px;}
#dwnload a:link, a:visited{font-size:14px;color:#fff;text-decoration:none;font-style:normal; font-weight:bold;}
#dwnload a:hover , a:focus , a:active{font-size:14px;color:#fff;font-style:normal;font-weight:bold;text-decoration:none;}
#middle0 {width: 600px;float: right;background-color: #f9f9f9;margin-top: 5px;margin-right: 20px;margin-bottom: 5px;margin-left: 0px;padding: 5px;}
#middle1,#middle2,#middle3,#middle4,#middle5,#middle6 {width: 630px;   font-style:italic; }
#middle1 p,#middle2 p,#middle3 p,#middle4 p,#middle5 p,#middle6 p {font-family: Arial, Helvetica, sans-serif; text-align: center; color: #333; margin-left: auto; margin-right: auto;}
td {font-family: Arial, Helvetica, sans-serif;font-size: 16px;}
#tbla {background-color:#fff; }
     @media (max-width: 600px) {
        .mbg1 {font-family: Verdana; color: rgb(60, 0, 253);  align="center";
            font-size: 1.4em;   /* Increase size */
            line-height: 1.5;   /* Improve readability */
	  table {
        font-size: 0.95em;
    } 
        }
    }
	
.top_im { max-width:100vw ; height:auto; display:block;}
 /* Popup menu (hidden by default) */
.mobile-menu {
  display: none;
  background: #f2f5f5;
  padding: 15px;
  border: 1px solid #ccc;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px; color: #4c6364;font-style:italic;
}

.mobile-menu a {
  display: block;	
  padding: 10px 0;
  font-size: 18px;
  text-decoration: none !important;
  color: #4c6364;
}
.mobile-menu a:hover {
    background-color: #648688;   /* darker background */
    color: #fff;              /* optional: darker text */
}

 @media (min-width: 601px) {
	
    .hamburger {
        display: none;
    }
    #mobileMenu {
        display: none !important; /* ensure menu never shows on desktop */
    }
	.top-image {display: none;}
	.top-immb {display: none;}
}
@media (max-width: 600px) {
.top_im {
        display: none;
		
    }
 h2{font-size:16px;color:#633;}
#menu2 {display: none;)}
}
.gallery {
    display: flex;
    flex-wrap: wrap;        /* allows wrapping */
    justify-content: center;
    gap: 20px;              /* spacing between items */
    text-align: center;     /* centers labels */
}


.item {
    display: flex;
    flex-direction: column; /* stack image + label */
    align-items: center;
}


img[src*="paypalobjects.com"][width="1"][height="1"] {
    display: block;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden;
}

/* //// */
 
.top-bar {
    display: flex;
    justify-content: space-between; /* picture left, hamburger right */
    align-items: center;
    padding: 10px;
}

 
.top-image {
    max-width: 230px;   /* adjust to your liking */
    height: auto;
}

 
.hamburger {
    width: 30px;
    cursor: pointer;
    display: none; /* hidden on desktop */
}

.hamburger div {
    width: 30px;
    height: 4px;
    background: #fff;
    margin: 5px 0;
}
    /* When menu is open, add class "open" */
    .hamburger.open .line1 {
        transform: rotate(45deg) translate(5px, 5px);
    }

    .hamburger.open .line2 {
        opacity: 0; /* middle line disappears */
    }

    .hamburger.open .line3 {
        transform: rotate(-45deg) translate(6px, -6px);
    }
 
@media (max-width: 600px) {
    .hamburger {
        display: block;
    }
	.menutpm {display: none;}
}


#menu {font-family: Arial, Helvetica, sans-serif;font-size: 14px;float: left;width: 100%;font-style: italic;font-weight: bold;clear: both;border-top-width: thin;border-right-width: thin;border-bottom-width: thin;border-left-width: thin;border-top-style: solid;border-top-color: #036;background-color: #484848;}
#menutp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	float: left;
	width: 100%;
	font-style: italic;
	font-weight: bold;
	clear: both;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	margin-top: 0px;
	padding-top: 0px;
	display: inline-block;
}
#midtwz5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
    
}
#menu a:link, #menu a:visited{font-family:Arial, Helvetica, sans-serif;text-decoration:none;font-size:13px;font-weight:bold;color:#CCC;
}
#menu a:hover, #menu a:focus, #menu a:active{font-family:Arial, Helvetica, sans-serif;text-decoration:none;font-size:13px;font-weight:bold;color:#FFF;
}
#menu li{display:inline;margin-right:20px;}#menu ul{margin-left:20px;margin-top:20px;}#midtwz5 .ordered .ordered a {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;text-decoration:none;
}
#menutp li{
	display:inline;
	margin-right:20px;
}#menutp ul{
	margin-left:20px;
	margin-top:5px;
}#midtwz5 .ordered .ordered a {font-family: Tahoma, Geneva, sans-serif;font-size: 18px;
}
#menutp a:link, #menutp a:visited{font-family:Arial, Helvetica, sans-serif;text-decoration:none;font-size:13px;font-weight:bold;color:#000;
}
#menutp a:hover, #menutp a:focus, #menutp a:active{font-family:Arial, Helvetica, sans-serif;text-decoration:none;font-size:13px;font-weight:bold;color:#AAA;
}
.clearfloat{clear:both;height:0;font-size:1px;line-height:0px;}
.footer{ font-family:Arial, Helvetica, sans-serif;font-size:11px;text-align:center;margin:0px;padding:0px;color:#663; }
.h3{font-family:Arial, Helvetica, sans-serif;font-size:21px;font-weight:bold;color:#2175b0;font-style:italic;}
.shrink {max-width:100vw ; height:auto; display:block;border:1}
#blk {
    color: #000;
    background-color: #dfdfdf;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
    border-radius: 10px;
}

    #blk a:link {
        font-family: Arial, Helvetica, sans-serif;
        text-decoration: none;
        font-size: 16px;
        font-weight: bold;
        color: #00F;
    }
	.head3{font-family: Arial, Helvetica, sans-serif;font-size: 24px;font-style:italic;font-weight:bold;color:#3e6466;margin-top:6px;margin-bottom:6px;}
	
	#title  {padding-left:10px;padding-right:10px;font-family:Georgia, "Times New Roman", Times, serif;font-size:16px;font-style:italic;color:#000;display:block;}
	#dh2 {border: thin solid #999 ;background-color: #f8f8f5; border-radius: 15px;padding-left:8px;padding-right:8px;}
#info {border: thin solid #999;padding-top: 5px;padding-right: 5px;;padding-left: 10px;background-color: #eaf4fa; border-radius: 15px;margin-top: 4px;margin-bottom:8px;margin-right:8px;}

#tb0 {border: thin solid #999 ;background-color: #f2f7fa; border-radius: 15px;padding:8px;margin-top:8px;margin-right:8px;}
.rte{font-size: 18px;color: #005c8d;font-weight: bold;}
.nearby{font-family:Verdana, Geneva, sans-serif;font-size:16px;font-weight:bolder;color:#005c8d;letter-spacing:normal;font-style: normal;}
.gfbtn {display: inline-block;padding: 10px 20px;background-color:#466965 ;border-radius: 15px;font-family: Arial, Helvetica, sans-serif;font-style: normal;font-weight:bold;font-size: 14px;  
  transition: background-color 0.3s ease;ring-color:#ffff;} 
 .gfbtn:visited {color: #fff !important;}
.gfbtn:hover { background-color: #689590;text-decoration: none;} 
.moreinfo {display: inline-block;padding: 10px 20px;background-color:#466965 ;border-radius: 15px;font-family: Arial, Helvetica, sans-serif;font-style: normal;font-weight:bold;font-size: 14px;  
  transition: background-color 0.3s ease;ring-color:#ffff;} 
 .zmh:hover {transform: scale(1.05);transition: transform 0.3s ease;} 
  /* --- GLOBAL RESET / BASE --- */
* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    background: #fff;
}

/* --- main --- */
#main {
    max-width: 1024px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    border: 1px solid #A09D72;
    background: #fff;
    overflow: hidden;
}

/* --- FLEX CONTAINERS (cnt blocks) --- */
#cnt0, #cnt1, #cnt2,#cnt3, #cnt4,#cnt5, #cnt6 {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 10px;
    border: 1px dotted #663;
    margin-top: 10px;
}

/* --- LEFT / MIDDLE SECTIONS --- */
#left0, #left1, #left2, #left3, #left4, #left5, #left6,
#middle0, #middle1, #middle2 ,#middle3, #middle4, #middle5, #middle6 {
    background: #fafafa;
    padding: 10px;
    flex: 1 1 300px;   /* grow, shrink, minimum width */
}

/* Override backgrounds for middle blocks */
#middle0, #middle1, #middle2,#middle3, #middle4, #middle5, #middle6 {
    background: #f9f9f9;
}

/* --- DESKTOP FIXED WIDTHS (preserve your layout) --- */
@media (min-width: 1024px) {
    #left0 { flex: 0 0 360px; }
    #middle0 { flex: 0 0 600px; }

    #left1, #left2,#left3, #left4,#left5, #left6{ flex: 0 0 360px; }
    #middle1, #middle2,#middle3, #middle4,#middle5, #middle6{ flex: 0 0 630px; }
}

/* --- TEXT STYLES --- */
#about1, #about2,#about3, #about4,#about5, #about6 {
    font-style: italic;
    text-indent: 5px;
}

/* --- IMAGES --- */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* --- MENU / FOOTER --- */
#menu2 {
    padding: 15px;
	background: #577978;
}

#menu2 ul {
    list-style: none;
    padding: 0;
    margin: 0 0 10px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

#menu2 li a {
    text-decoration: none;
    padding: 10px 12px;
    background: #f0f0f0;  
    border-radius: 4px;
    color: #333;
}

#footer2 {
    margin-top: 10px;
    font-size: 14px;
    text-align: center;
}

/* --- PRINT BUTTON --- */
#print img {
    width: 40px;
    height: auto;
}

/* --- MOBILE BREAKPOINT --- */
@media (max-width: 600px) {

    #cnt0, #cnt1, #cnt2,#cnt3, #cnt4, #cnt5 , #cnt6  {
        flex-direction: column;
        gap: 15px;
    }
#tpp {background:#648688;} /* --- top col only show on mobile --- */
    #left0, #left1, #left2, #left3, #left4, #left5,#left6,
    #middle0, #middle1, #middle2, #middle3, #middle4, #middle5, #middle6 {
        flex: 1 1 auto;
        width: 100%;
        margin: 0;
    }

    #menu2 ul {
        display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
    margin: 0;
    }
}
 
#menu2 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
    margin: 0;
}

#menu2 li {
    list-style: none;
    margin: 10px 10px; /* height width */
}
#fpep{border: thin solid #999 ;background-color: #f8f8f5; border-radius: 15px;padding:8px;margin-top:8px}
#wte {margin-top: 20px;margin-bottom: 18px;} 
 
#more {padding-top: 5px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}
.cent{display:block;padding:0px;margin-right:auto;margin-left:auto;margin-top:10px;margin-bottom:auto;border:1px solid #999;border-radius: 10px;}
.walks {
    background: #fcfcfc;
    padding: 10px;
}

.walks-heading {
    text-align: center;
    font-weight: bold;
    padding: 10px 0;
}

.walks-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.walk-item {
    flex: 0 0 calc(25% - 20px); /* 4 columns */
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.walk-item img {
    max-width: 100%;
    height: auto;
    border: 1px solid #ccc;
}

@media (max-width: 800px) {
    .walk-item {
        flex: 0 0 calc(50% - 20px); /* 2 columns */
    }
}

@media (max-width: 500px) {
    .walk-item {
        flex: 0 0 100%; /* 1 column */
    }
}
.icon-label {
  display: inline-flex;
  align-items: center;      /* keeps text and icon on the same baseline */
  gap: 0.25rem;             /* small space between word and icon */
}
#descrip{font-size:14px;text-align:center;font-style:italic;}
.icon-label img {
  height: 1em;              /* optional: match text height */
}
.greentab {display:block;padding:0px;margin-right:auto;margin-left:auto;margin-top:10px;margin-bottom:auto;border:1px solid #999;background-color: #e8f4fc;font-size: 14px;color: #000;font-family: Arial, Helvetica, sans-serif;
  border-radius: 12px;border-collapse: separate;border-spacing: 0;padding: 10px; overflow: hidden;}
 .no-rd { border-radius: 0px !important;} 
.moretab {background-color:#f8f8f5; border-radius: 12px;border-collapse: separate;border-spacing: 0;padding: 10px; overflow: hidden;}
.favourit {border: medium solid #999;}
.direct {background-color: #777;font-size: 24px;display: inline-block;color: #FF3;width: 28px;text-align: center;white-space: normal;float: left;padding: 0px;margin-top: 3px;margin-right: 10px;margin-bottom: 3px;margin-left: 3px;text-indent: 0px;}
.neartxt {font-size: 15px;font-family: Arial, Helvetica, sans-serif;font-weight: normal;font-style: italic;color: #000;line-height:22px;text-indent:8px;}
#title h1 {font-family: Arial, Helvetica, sans-serif;font-size: 36px;font-style:italic;font-weight:bold;line-height:40px;color:#3e6466;} 
 .head3x{font-family: Arial, Helvetica, sans-serif;font-size: 36px;font-style:italic;line-height:60px;font-weight:bold;color:#3e6466;}
 #wlks {font-family: Arial, Helvetica, sans-serif;font-size: 16px;font-style: normal;margin-right: 10px;margin-left: 10px;margin-top: 10px;border-bottom-width:medium;border-bottom-style: solid;border-bottom-color: #f0f0e5;
	margin-top: 20px;margin-right: 20px;margin-left: 20px;}
	#wlks td { border-radius: 12px;}
	.media-item {display: flex;align-items: flex-start;gap: 15px;}
.media-item img { flex: 0 0 auto;      /* fixed size */
  border: 1px solid #000;}
	.media-item .media-text {flex: 1;}             /* flexible */
#dummies {margin-top: 16px;margin-bottom: 16px;}
#jan { margin:8px;}#jan img{border-radius: 10px;}
.striketh {text-decoration: line-through;}
.mwlk{font-size: 20px;color: #005c8d;font-weight: bold;}
#elevation{font-size:16px;text-align:center;font-style:italic;}