/* === Box Sizing Reset === */
*, *::before, *::after {box-sizing: border-box;}

/* === Remove Default Margin/Padding === */
body {font: 17px/26px Helvetica, "Helvetica Neue", Arial; background:#00f url('/diet/img/bg2-blu.png')repeat-x;} #content{background:#fff; font-size:1.04em;} .wrapper {width: 97%; margin: 0 1.5%;}
body, h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd {margin: 0; padding: 0;}

/* === Link Defaults === */
a{color: inherit; text-decoration: none;} a:hover {text-decoration-line: underline;}
/* === Image Handling === */
img, picture, video, canvas, svg {display: block; max-width: 100%; height: auto;}
/* === Begin Resets === */
input, button, textarea, select {font: inherit;color: inherit;}
button {background: none; border: none; padding: 0; cursor: pointer;}
ul, ol {list-style: none; margin: 0; padding: 0;}
/* === Utility Helpers (Optional) === */
.hidden { display: none !important;}
	/*===============menu================*/
	nav {background: #f8f9fa;border-bottom: 2px solid #ddd;padding: 0;}
	#topMenu {display: flex; list-style: none; justify-content: flex-start; align-items: center; gap: 2px;}
	#topMenu > li {position: relative;}
	#topMenu a,#topMenu li,.toggle-btn,.butter {display: inline-block; padding: 4px; background: #04e; color: white; text-decoration: none; border-radius: 5px; font-size: 16px; transition: background 0.3s; cursor: pointer;  white-space: nowrap;}
	.toggle-btn{padding:0px;} #topMenu a:hover, #topMenu li:hover,
	.toggle-btn:hover {background: #0a6;}
	.dropdown-content { display: none; position: absolute; top: 100%; left: 0; background: #04e; border-radius: 5px; min-width: 180px; z-index: 100; flex-direction: column;}
	.dropdown-content a {padding: 10px; display: block; background: #04e; color: #fff; text-align: left; border-bottom: 1px solid rgba(255,255,255,0.2);}
	.dropdown-content a:hover {background: #0a6;}
	/* Show dropdown on hover */
	#dropDownA:hover .dropdown-content, #dropDownB:hover .dropdown-content {display: flex;}
	/*---glowjo --*/
	.star-emoji {
	  animation: glow 1.25s infinite ease-in-out;
	}

	@keyframes glow {
	  0%, 100% {text-shadow: 0 0 5px #ffd700, 0 0 10px #ffd700, 0 0 20px #ffae00;}
	  50% {text-shadow: 0 0 10px #ffd700, 0 0 20px #ffd700, 0 0 30px #ffae00;}
	}
	//*---end_glowjo---*/
	/*===============end_menu================*/
	/*---lens class---*/
        .lens300 {
	  /* Your base styles, e.g., width: 400px; height: 300px; */
	  transition: transform 0.3s ease; /* Optional: for smooth animation */
	  transform-origin: 0 0; /* Anchor to top-left */
	}

	@media (max-width: 300px) {
	  .lens300 {
		transform: scale(0.8); /* Shrinks toward top-left now */
	  }
	}
	/*---end_lens class---*/
ul.breadcrumb {padding:0; list-style: none; background:inherit; min-width:280px; border:2px solid #ae7; background-color:#ae7;}
ul.breadcrumb li {display: inline;font-size: 14px;} 
ul.breadcrumb li a {color: #004; padding:7px 0 7px 0; text-decoration: none; background-color:#4f7;}
ul.breadcrumb li a:hover {background-color:#f11;}
.verse{font-weight:bold; color:#d9f; padding:10px; font-size:1.05em;} .bar{background-color:#000; color:#eafcff; width:104px;} .bar:hover{background-color:#152;} .bar a{text-decoration:none;} .ball{display:inline-block; width:51px; font-size:1.45em;}
hr {display: block; margin: 0 0; padding:0;} hr, .spect{border:none; background-color:#f00; background-image: url(/diet/img/food-spectrum.png); background-repeat: repeat; line-height: 4px; margin:0px; padding:0px;}
audio,canvas,iframe,img,svg,video {vertical-align: middle;} ol, ul {list-style-type: none; margin: 0;padding: 0;} .picpop{margin:0 auto;} .pickle{width:92%; height:auto; max-width:320px; max-height:365px; min-width:280px; min-height:320px;}
.inline{display:inline;} .bdrb{border:2px solid #26f;padding:4px;} .bdrg{border:2px solid #0d2;padding:4px;} .bdrr{border:2px solid #f01;padding:4px;} .bdrblue{border:2px solid #26f;}
fieldset {border: 0;padding-left:1px;} #contain{padding:0px 8px 0px 8px;} #contain a{color:#aef;margin:4px;text-decoration:none;}
textarea {resize: vertical;} .min-wid284{min-width:284px;} .min-wid156{min-width:156px;} .black{background:#000;color:#eff;} .black a{color:#cef;}
body {font: 17px/26px Helvetica, "Helvetica Neue", Arial; background:#00f url('/diet/img/bg2-blu.png')repeat-x;} #content{background:#fff; font-size:1.04em;} .wrapper {width: 97%; margin: 0 1.5%;} 
a{color:#004;} h2{font-size:25px;color:#124;margin:2px 0px 0px 4px;} h3{font-size:19px; color:#124;margin:8px 4px 0px 0px;} h4{font-size:16px; color:#300;margin:6px 0px 0px 2px;}
.footer-container footer{color: #012; padding: 0 0;}.ie7 .title {padding-top: 10px;}   .pad{padding:0 12px 16px 12px;}
tiny{font-size:0.8em;} .sml{font-size:0.88em;} .med{font-size:0.92em;} .large{font-size:1.15em} .larger{font-size:1.25em;} .largest{font-size:1.35em;} .ctr{text-align:center;}.flr{float:right;} .fll{float:left;} .clear{clear:both;} .blubg{background-color:#001020;color:#fff;} .blubg a{color:#def;} .red{color:#123;background-color:#f9a;text-decoration:none;} .orange{background-color:#fb4;} .border{border:1px solid #00f;} #footie{width: 50px; height: 20px; background:url('/diet/img/groupa.png') 0 21px;}
.glow{color:#3e5;} .dim{color:#6df;} .git{color:#5fc; font-size:0.92em;} .displaynone{display:none;} h5{color:#5af;margin:0;}  .hday{font-size:1.05em;color:#fff;} iframe{border:none;}
.brown{background-color:#da7;} .gray{background-color:#d0c8d0;} .whitebg{background-color:#fff; color:#123;} .yellow{background-color:#ffff90;color:#123;text-decoration:none;} .light{background-color:#ff5;} .green{background-color:#9f9;} .blue{background-color:#cdf;} .white{background-color:#edf8ff;} .violet{color:#002;background-color:#d8f;text-decoration:none;}

strong{
  padding: 2px 2px 4px 2px;
}
strong:hover {
  /* fallback in case we need to support older or non-supportive browsers (IE, Opera mini) */
  background: #ff4422;
  background: var(--strong-background-color);
}

/*@font-face {
    font-family: 'kingthings_xanderregular';
    src: url('/core/fonts/kingthingsxander-webfont.woff2') format('woff2'),
         url('/core/fonts/kingthingsxander-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal; 
    font-display: swap;
}*/
@font-face {
    font-family: 'jungle_fever_nfregular';
    src: url('/core/fonts/junglefevernf2-webfont.woff2') format('woff2'),
         url('/core/fonts/junglefevernf2-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal; 
    font-display: swap;

}
.junglered{text-decoration:none; color:#f11; font-family: 'jungle_fever_nfregular', Arial, sans-serif; font-weight:700; font-style:normal;}*/
.junglered{color:#f00;}
/*.kingly{text-decoration:none; font-family: 'kingthings_xanderregular', Arial, sans-serif; font-weight:600; font-style:normal;} */
.gree{color:#5f7; } .anchor{padding:11px; font-size:1.12em;}
#topleft,#botleft,#topright,#botright{height:320px;width:282px;}
.blurb{padding-left:6px; padding-right:6px;}
h1{padding:0; margin:0px; font-size:0.85em; color:#fed;} #head1{background:#000 url('/date/img/starry-hills.gif') repeat-x; color:#fed; text-align:center;} 
.hdr{font-size:13pt; margin-left:4px;} #mast{color:#ffd; margin-top:14px;}

.middle {margin: auto;width: 98%;} #canvas3{text-align:center; background-color:#000;}
a:hover {color:#6e2;;} a:active {color:red;}
footer,{background-color:#bcf;height:30px;} footer{height:34px;}  form{min-width:278px;}
.black a, .starry a, snowy a{color:#bcf;} .starry{background:url('/date/img/starry.gif') repeat;color:#eff; background-color:#000; } .starry h2, .black h2{color:#ed6;} .starry h3, .black h4, .starry h4, .black h4 {color:#4df; font-size:1.2em;}
.sun, .moon{font-size:1.04em; display:inline;} .sun{color:#fe6; font-size:1.2em;} .nowrap{white-space:nowrap;} .h2{font-size:0.92em;}

.wrap{display:flex; flex-wrap:wrap; flex-direction:row; justify-content:flex-start; align-items:stretch;}
.left{order:1; flex-basis:100%;} .right{order:2; flex-basis:100%;} .lift{order:1; flex-basis:50%;} .raft{order:2; flex-basis:50%;}


@media only screen and (min-width: 320px) {.marquee p {width: 1024%;} .middle{width:92%;}h1{font-size:0.82em;} .fieldsets{.min-width:102px;}} 
@media only screen and (min-width: 340px) {.marquee p {width: 960%;} .middle{width:85%;}}
@media only screen and (min-width: 360px) {.marquee p {width: 900%;} .middle{width:75%;}}
@media only screen and (min-width: 420px) {.marquee p {width: 780%;} .middle{width:68%;}}
@media only screen and (min-width: 480px) {.marquee p {width: 690%;} .middle{width:62%;} h1{font-size:1.05em;} .hdr{font-size:1.2em;}}
@media only screen and (min-width: 560px) {.marquee p {width: 580%;} .middle{width:50%;}}
@media only screen and (min-width: 640px) {.marquee p {width: 520%;} .middle{width:85%;} .wrap {flex-wrap:nowrap;} .left { flex-basis:50%;} .right{flex-basis:50%;} }
@media only screen and (min-width: 680px) {.marquee p {width: 480%;} .middle{width:80%;}}
@media only screen and (min-width: 760px) {.marquee p {width: 430%;} .middle{width:72%;} h1{font-size:1.12em;} .hdr{font-size:1.3em;}}
@media only screen and (min-width: 860px) {.marquee p {width: 400%;} .middle{width:62%;}}
@media only screen and (min-width: 1024px){.marquee p {width: 320%;} .middle{width:50%;} h1{font-size:1.45em;} .hdr{font-size:1.7em;}}
@media only screen and (min-width: 1336px){.marquee p {width: 230%;} .middle{width:40%;} .wrapper {width: 1336px; margin: 0 auto;} }