/* ---------------------------------------------
   Lightbox (Virb fallback) — fullscreen overlay
   Virb CDN is gone, so we provide minimal styling
   to support the Lightbox built by assets/script.js
---------------------------------------------- */
#fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    /* Lighten overlay so black-stroked SVG icons are clearly visible */
    background: rgba(255, 255, 255, 0.95);
    z-index: 9999;
    /* script.js toggles display via JS; default hidden is fine */
}
#fullscreen #fullscreen_slideshow {
    position: relative;
    width: 100%;
    height: 100%;
}
#fullscreen #fullscreen_media {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#fullscreen #fullscreen_media li {
    /* script.js uses jQuery show()/hide(); we let JS control display */
    max-width: 100%;
    max-height: 100%;
    text-align: center;
}
#fullscreen #fullscreen_media img,
#fullscreen #fullscreen_media video,
#fullscreen #fullscreen_media object,
#fullscreen #fullscreen_media embed {
    max-width: 90vw;
    max-height: 90vh;
    width: auto;
    height: auto;
    box-shadow: 0 10px 32px rgba(0,0,0,0.5);
}
#fullscreen #controls {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px;
    transform: translateY(-50%);
    pointer-events: auto; 
    z-index: 2; /* Ensure buttons sit above the image/video */ 
}
/* Overlay buttons (prev/next/close) — add right below #controls so it's easy to find */
#fullscreen #controls .button,
#fullscreen #close-banner .button {
  pointer-events: auto; /* buttons must be clickable over overlay */
  /* Keep text glyphs visible as fallback in case SVG path is wrong */
  color: #000;
  font-size: 42px; /* readable fallback glyphs */
  width: 64px;
  height: 64px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 40px 40px; /* ensure >= 32px visual size */
}
#fullscreen #controls .button.prev { background-image: url('./svgs/arrow-left-circle.svg'); }
#fullscreen #controls .button.next { background-image: url('./svgs/arrow-right-circle.svg'); }
#fullscreen #close-banner .button.close { background-image: url('./svgs/x-circle.svg'); }
#fullscreen #controls .button:hover { opacity: 1; }
#fullscreen #close-banner {
    position: absolute;
    top: 0;
    right: 0;
    padding: 12px;
}
#fullscreen #close-banner .button {
    color: #fff;
    text-decoration: none;
    font-size: 36px;
    opacity: 0.9;
}
#fullscreen #current_index {
    position: absolute;
    bottom: 12px;
    right: 16px;
    color: #fff;
    font-family: 'Manrope', Helvetica, Arial, sans-serif;
    font-size: 14px;
    letter-spacing: 0.04em;
    opacity: 0.85;
}

/* Ensure page content doesn’t scroll under fullscreen */
body.fullscreen-open { overflow: hidden; }

/* Improve hit area on small screens */
@media (max-width: 600px) {
  #fullscreen #controls .button,
  #fullscreen #close-banner .button {
    width: 60px;
    height: 60px;
    background-size: 38px 38px;
  }
}

/* Ensure thumbnails are not hidden by opacity rules in both grid and slideshow-thumbnails */
section.grid-gallery ul.thumbnails img,
section.slideshow-thumbnails-gallery ul.thumbnails img { opacity: 1 !important; }
section.grid-gallery ul.thumbnails,
section.slideshow-thumbnails-gallery ul.thumbnails { display: block; }
section.grid-gallery ul.thumbnails li,
section.slideshow-thumbnails-gallery ul.thumbnails li { display: inline-block; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block; }
body {
	line-height: 1; }
ol, ul {
	list-style: none; }
blockquote, q {
	quotes: none; }
blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
table {
	border-collapse: collapse;
	border-spacing: 0; }

/* Icon Font — disabled to avoid missing file 404s
@font-face {
    font-family: 'themes-Regular';
    src: url('_fonts/_icons/themes-regular.eot');
    src: url('_fonts/_icons/themes-regular.eot?#iefix') format('embedded-opentype'),
         url('_fonts/_icons/themes-regular.woff') format('woff'),
         url('_fonts/_icons/themes-regular.ttf') format('truetype'),
         url('_fonts/_icons/themes-regular.svg#global-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/



body {
    

font-family: Prociono, sans-serif;

}


/***** background_body color *****/
body,
.sharing .share-buttons ul,
#datepicker .ui-datepicker-calendar, 
#ui-datepicker-div .ui-datepicker-calendar {
	background-color: #ffffff;
}


/***** background_content color *****/
.main-container {
	background-color: #ffffff;
}

input#submit,
#main-content .audio .audio-player li a.download,
#main-content .audio .bandcamp-link,
#main-content .topspins .topspin-widget-buy-button a,
#main-content #store-detail .product-specifics .add-to-cart,
#main-content #store-cart .cart-actions .checkout,
.slideshow-gallery .large-gallery .previous:before, 
.slideshow-thumbnails-gallery .large-gallery .previous:before, .masonry-gallery .large-gallery .previous:before,
.slideshow-gallery .large-gallery .next:before, 
.slideshow-thumbnails-gallery .large-gallery .next:before, .masonry-gallery .large-gallery .next:before,
.opentable form#OT_form .OT_wrapper ul.OT_list li.OT_submit a.OT_Find_a_Table,
.opentable li.OT_navListItem a.OT_navLink:hover, 
.opentable li.OT_navListItem a.OT_navLink.selected,
.opentable li.OT_navListItem a.OT_navLink.selected:hover,
#datepicker table.ui-datepicker-calendar td a.ui-state-active,
#ui-datepicker-div table.ui-datepicker-calendar td a.ui-state-active,
#contact-form input[type="submit"],
#contact-form fieldset .captcha #captcha-list li a:hover,
#contact-form fieldset .captcha #captcha-list li a.selected,
#contact-form fieldset ul.parsley-errors-list li {
	color: #ffffff;
	color: #ffffff;
}

#main-content .index ul li a img,
#main-content .slideshow-thumbnails-gallery ul.thumbnails li a img,
#main-content .masonry-gallery ul.thumbnails li a img {
	border-color: transparent;
	border-color: #ffffff;
}


/***** background_footer color *****/
.widgets,
footer#site-footer,
.store-cart,
#ui-datepicker-div .ui-datepicker-calendar:before {
	background-color: #ffffff;
}


/***** site_name color *****/
.logo h1 a {
	color: #DEA126;
}


/***** subtitle color *****/
.logo h2 {
	color: #939598;
}


/***** nav primary color *****/
nav#main-nav ul li.section span,
nav#main-nav ul li,
nav#main-nav ul li a {
    color: #939598;
}


/***** nav secondary color *****/
nav#main-nav ul li a:hover, 
nav#main-nav ul li.current a,
nav#main-nav ul li ul li a {
    color: #666766;
}


/***** nav_rollover color *****/
nav#main-nav ul li.section:hover span,
nav#main-nav ul li ul li a:hover, 
nav#main-nav ul li ul li.current a {
	color: #DEA126;
}

nav#main-nav ul li a:hover, nav#main-nav ul li.current a,
nav#main-nav ul li ul {
	border-color: transparent;
    border-color: #DEA126; 
}


/***** primary text color *****/
body,
.cart-link,
.audio-player ol li .controls .play-pause,
.audio-player .controls .previous, 
.audio-player .controls .next,
.audio-player ol li h2,
#blog ul li article.quote blockquote footer a,
#main-content .horizontal-gallery .large-gallery li .details p,
#main-content #store-listing ul.pagination li.current a,
#main-content .slideshow-gallery .navigation .previous, 
#main-content .slideshow-gallery .navigation .next, 
#main-content .slideshow-gallery .navigation p, 
#main-content .slideshow-thumbnails-gallery .navigation .previous, 
#main-content .slideshow-thumbnails-gallery .navigation .next, 
#main-content .slideshow-thumbnails-gallery .navigation p,
#main-content .masonry-gallery .navigation .previous, 
#main-content .masonry-gallery .navigation .next, 
#main-content .masonry-gallery .navigation p,
#main-content .listing .listing-list li p.description,
#main-content a.subscribe,
table.ui-datepicker-calendar td a,
table.ui-datepicker-calendar td a:hover,
table.ui-datepicker-calendar td a.ui-state-highlight,
table.ui-datepicker-calendar td a.ui-state-default,
table.ui-datepicker-calendar td a.ui-state-hover,
table.ui-datepicker-calendar td.ui-state-disabled span.ui-state-default,
table.ui-datepicker-calendar .ui-datepicker-calendar thead tr th,
ul.OT_list li:after,
#datepicker .ui-widget-header,
#ui-datepicker-div .ui-widget-header,
ul.OT_list li input,
.ui-datepicker-calendar thead tr th span,
#contact-form fieldset ul li input,
#contact-form fieldset ul li textarea,
#contact-form fieldset .captcha #captcha-list li a {
	color: #666766;
}

.horizontal-gallery #handle,
#main-content .audio .audio-player li a.download:hover,
#main-content .audio .bandcamp-link:hover,
#main-content #store-detail .product-specifics input.add-to-cart:hover,
#main-content #store-cart .cart-actions a.checkout:hover,
.slideshow-gallery .large-gallery .previous:before, 
.slideshow-thumbnails-gallery .large-gallery .previous:before, 
.masonry-gallery .large-gallery .previous:before,
.slideshow-gallery .large-gallery .next:before, 
.slideshow-thumbnails-gallery .large-gallery .next:before, .masonry-gallery .large-gallery .next:before,
.opentable form#OT_form .OT_wrapper ul.OT_list li.OT_submit a.OT_Find_a_Table:hover,
#contact-form input[type="submit"]:hover {
	background-color: #666766;
}


/***** secondary text color *****/
#main-content .content-editor p.description,
.sharing a,
.audio-player ol li .time,
#main-content .content-editor cite,
#blog ul li article header time,
#main-content .index ul li a .titles h3,
#main-content .large-gallery .details p,
#main-content .large-gallery li .details p,
.slideshow-gallery .large-gallery .details p, 
.slideshow-thumbnails-gallery .large-gallery .details p,
.masonry-gallery .large-gallery .details p,
#main-content section.events ul li .date,
#main-content #store-listing .price,
#main-content #store-detail .back-to-listing,
#main-content ul.contact-info li .type,
#main-content a.subscribe:hover,
#main-content .grid-gallery .large-gallery li .details .meta a {
	color: #552f2f;
}

.horizontal-gallery #slider,
.audio-player ol li .length .load,
.widgets article.audio-player .length,
#main-content #store-detail .product-specifics .options,
table.ui-datepicker-calendar .ui-state-disabled,
.contact .captcha #captcha-list li a {
	background-color: #552f2f;
}

nav#main-nav ul li ul li a,
nav#main-nav ul li ul li a:hover, 
nav#main-nav ul li ul li.current a {
	border-color: transparent;
	border-color: #552f2f;
}

/***** tertiary text color *****/
input#password,
#blog #filter nav p .tag-or-category,
#blog ul li article > footer a,
footer#site-footer,
#blog #filter .blog-crumbs,
#main-content .menu .menu-list li .price {
	color: #939598;
}

input#password {
	border-color: transparent;
	border-color: #939598;
}


/***** accent color *****/
#main-content .large-gallery .details .count,
.slideshow-gallery .large-gallery .count, 
.slideshow-thumbnails-gallery .large-gallery .count,
.masonry-gallery .large-gallery .count,
#blog ul li article.quote blockquote p,
#main-content .content-editor blockquote p {
	color: #DEA126;
}

.audio-player ol li .length .progress,
.video .vjs-control-bar .vjs-volume-level,
.video .vjs-control-bar .vjs-play-progress {
	background-color: #DEA126;
}

#main-content .index ul li a:hover img,
#main-content .slideshow-thumbnails-gallery ul.thumbnails li a:hover img,
#main-content .masonry-gallery ul.thumbnails li a:hover img {
	border-color: transparent;
	border-color: #DEA126;
}


/***** titles text color *****/
#page-title,
#blog .titles h1#page-title a,
h1, h2, h3, h4, h5, h6,
#main-content #store-detail .product-specifics h1,
#main-content .topspins h1,
#blog ul li article.link h1 a,
#blog ul li article header h1,
#blog ul li article footer .tags-categories h3,
#main-content .index ul li a .titles h2,
#main-content #store-cart h1,
#main-content ul.contact-info li.name .value {
	color: #DEA126;
}


/***** widgets primary color *****/
.widgets article.widget p {
	color: #666766;
}


/***** widgets links color *****/
.widgets article.widget a {
	color: #DEA126;
}


/***** widgets muted color *****/
.widgets article.widget .date, 
.widgets article.widget .date a {
	color: #cccccc;
}


/***** widgets titles color *****/
.widgets article.widget h2, 
.widgets article.widget h2 a {
	color: #DEA126;
}


/***** container background color *****/
nav#main-nav ul li ul,
.widgets article.audio-player,
#main-content .content-editor pre {
	background-color: #ffffff;
}


/***** link color *****/
a,
.cart-link:hover,
footer#site-footer a,
.slideshow-gallery .large-gallery a.previous:hover,
.slideshow-gallery .large-gallery a.next:hover,
#blog ul li article .blogs-content ul li .name,
#store-listing .categories li.selected a,
#main-content #store-cart .cart-actions .continue-shopping,
.sharing .share-buttons .share-label,
.menu .section-titles li a:hover,
#main-content #store-cart .cart-actions .continue-shopping,
.ui-datepicker .ui-datepicker-header .ui-icon,
table.ui-datepicker-calendar a.ui-state-default:hover,
.ui-datepicker table .ui-state-hover,
#datepicker table .ui-state-hover,
#main-content .grid-gallery .large-gallery li .details .meta a:hover {
    color: #DEA126;
}

input#submit,
#main-content .audio .audio-player li a.download,
#main-content .audio .bandcamp-link,
#main-content .topspins .topspin-widget-buy-button,
#main-content #store-detail .product-specifics .add-to-cart,
#main-content #store-cart .cart-actions .checkout,
.opentable form#OT_form .OT_wrapper ul.OT_list li.OT_submit a.OT_Find_a_Table,
#datepicker table.ui-datepicker-calendar td a.ui-state-active,
#ui-datepicker-div table.ui-datepicker-calendar td a.ui-state-active,
table.ui-datepicker-calendar td a:hover.ui-state-active,
.opentable a.OT_navLink:hover, 
.opentable a.OT_navLink.selected,
#contact-form input[type="submit"],
.contact .captcha #captcha-list li a:hover,
.contact .captcha #captcha-list li a.selected,
#contact-form fieldset ul.parsley-errors-list li {
    background-color: #DEA126;
}

.sharing .share-buttons ul,
#contact-form fieldset ul.parsley-errors-list li:before {
	border-color: #DEA126;
}


/***** link_rollover color *****/
a:hover,
footer#site-footer a:hover,
.widgets article.widget a:hover,
#store-listing .categories li a,
.sharing .share-buttons .share-label:hover,
.sharing.open .share-buttons .share-label,
.menu .section-titles li a,
#datepicker .ui-datepicker-header .ui-datepicker-next.ui-datepicker-next-hover span,
#datepicker .ui-datepicker-header .ui-datepicker-prev.ui-datepicker-prev-hover span,
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next.ui-datepicker-next-hover span,
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev.ui-datepicker-prev-hover span {
	color: #cccccc;
}

table.ui-datepicker-calendar td a:hover,
table.ui-datepicker-calendar td a.ui-state-active {
    outline-color: #DEA126;
}


/***** border color *****/
hr,
#main-content .content-editor table,
#main-content .content-editor table tr,
#blog #filter,
#blog ul li > article,
#blog ul li article footer .tumblr-sharing a,
#main-content .audio .audio-player li,
#main-content section.events ul li,
#main-content .topspins li,
#main-content #store-cart .empty-notice,
#main-content #store-cart h1,
#main-content #store-cart ul li,
.widgets article.widget ul,
.widgets article.widget li,
.widgets article.audio-player > h2,
.widgets article.blank h2,
#main-content #store-detail .product-specifics .purchase-options,
#main-content .listing .listing-list li,
#main-content .menu .menu-list li.has-sub-items ul,
#ui-datepicker-div.ui-datepicker,
table.ui-datepicker-calendar thead tr,
table.ui-datepicker-calendar tr,
table.ui-datepicker-calendar tr td,
.opentable form#OT_form .OT_wrapper ul.OT_list li input,
.opentable form#OT_form .OT_wrapper ul.OT_list li .OT_navList,
.ui-datepicker .ui-datepicker-header,
#ui-datepicker-div .ui-datepicker-header:before,
.ui-datepicker-calendar,
#contact-form fieldset ul li input,
#contact-form fieldset ul li textarea,
#main-content .contact .form-container #result-message {
	border-color: transparent;
	border-color: #cccccc;
}



/***** site name font family *****/
.logo h1,
.logo h2 {
	font-family: 'Prociono', Georgia, "Times New Roman", serif;
}


/***** navigation font family *****/
nav#main-nav,
.cart-link {
	font-family: 'Manrope', Helvetica, Arial, sans-serif;
}


/***** titles font family *****/
#page-title,
#blog h1#page-title a,
#blog .quote blockquote p,
#blog ul li article header h1,
.widgets article.widget h2,
.widgets article.widget h2 a,
#main-content ul.contact-info li.name .value {
	font-family: 'Manrope', Helvetica, Arial, sans-serif;
}


/***** primary font family *****/
body, 
#datepicker .ui-datepicker-header .ui-datepicker-title span.ui-datepicker-month,
#datepicker .ui-datepicker-header .ui-datepicker-title span.ui-datepicker-year,
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title span.ui-datepicker-month,
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title span.ui-datepicker-year,
.opentable form#OT_form .OT_wrapper ul.OT_list li.OT_submit a.OT_Find_a_Table,
#contact-form fieldset ul li input,
#contact-form fieldset ul li textarea {
	font-family: 'Prociono', Georgia, "Times New Roman", serif;
}


/***** secondary font family *****/
h1, h2, h3, h4, h5, h6,
#page-title,
#blog #filter .blog-crumbs,
#main-content .index ul li a .titles h2,
#main-content .large-gallery .count {
	font-family: 'Manrope', Helvetica, Arial, sans-serif;
}


/**** global font size *****/
body {
	font-size: 100%;
}


/**** site title font size *****/
.logo {
	font-size: 100%;
}


/**** navigation font size *****/
nav#main-nav,
.cart-link {
	font-size: 120%;
}


/**** page titles font size *****/
#page-title,
#blog h1#page-title {
	font-size: 140%;
}


/**** content font size *****/
#main-content .content-editor {
	font-size: 100%;
}


/**** widgets font size *****/
.widgets {
	font-size: 110%;
}


/**** footer font size *****/
footer#site-footer {
	font-size: 100%;
}





@media only screen and (max-width: 600px) {
	
        .js nav#main-nav .toggle a {
            color: #939598;
        }
        nav#main-nav ul li, 
        nav#main-nav ul li.section,
        .js nav#main-nav .toggle,
        nav#main-nav ul li.store .cart-link {
			border-color: transparent;
			border-color: #cccccc;
        }
        nav#main-nav ul li.section.open span {
            color: #552f2f;
        }
        nav#main-nav ul li ul li {
			border-color: transparent;
			border-color: #cccccc;
        }
            nav#main-nav ul li ul li:first-child {
				border-color: transparent;
                border-color: #DEA126;
            }
          nav#main-nav ul li ul li a {
            color: #666766;
		  }
		  nav#main-nav ul li.section.open ul, .no-js nav#main-nav ul li.section ul {
		  	 background-color: #ffffff;
		  }
	
}

/* APPENDED: Lightbox + SVG overlay and thumbnail visibility */
/* Lightbox overlay: lighter background for contrast with black-stroked SVGs */
#fullscreen { background: rgba(255, 255, 255, 0.95); }

/* Ensure control bar doesn’t block clicks; buttons will re-enable */
#fullscreen #controls { pointer-events: none; }

/* Overlay buttons (prev/next/close) — use only SVG icons */
#fullscreen #controls .button,
#fullscreen #close-banner .button {
  pointer-events: auto; /* buttons must be clickable */
  color: transparent;   /* Hide ASCII glyphs so only SVGs show */
  font-size: 0;         /* Prevent text from taking space */
  width: 64px;
  height: 64px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 40px 40px; /* >= 32px visual size */
}

/* Local SVG icons (relative to styles.css) */
#fullscreen #controls .button.prev  { background-image: url('./svgs/arrow-left-circle.svg'); }
#fullscreen #controls .button.next  { background-image: url('./svgs/arrow-right-circle.svg'); }
#fullscreen #close-banner .button.close { background-image: url('./svgs/x-circle.svg'); }

@media (max-width: 600px) {
  #fullscreen #controls .button,
  #fullscreen #close-banner .button {
    width: 60px;
    height: 60px;
    background-size: 38px 38px;
  }
}

/* Ensure thumbnails are visible in both grid and slideshow-thumbnails layouts */
section.grid-gallery ul.thumbnails img,
section.slideshow-thumbnails-gallery ul.thumbnails img { opacity: 1 !important; }

section.grid-gallery ul.thumbnails,
section.slideshow-thumbnails-gallery ul.thumbnails { display: block; }

section.grid-gallery ul.thumbnails li,
section.slideshow-thumbnails-gallery ul.thumbnails li { display: inline-block; }

/* ===== Dark Mode ========================================================= */
/* Apply to <html> via class="theme-dark" for site-wide dark theme */
.theme-dark body {
  /* Dark teal gradient background */
  background: linear-gradient(180deg, #002a33 0%, #010c20 100%) fixed;
  color: #f3e7cd; /* primary light text */
}

/* Let gradient show through common white containers */
.theme-dark .main-container,
.theme-dark .widgets,
.theme-dark footer#site-footer,
.theme-dark nav#main-nav ul li ul,
.theme-dark #main-content .content-editor pre,
.theme-dark .store-cart,
.theme-dark #ui-datepicker-div .ui-datepicker-calendar:before {
  background: transparent !important;
}

/* Primary text across typical elements */
.theme-dark body,
.theme-dark #main-content,
.theme-dark p,
.theme-dark li,
.theme-dark table,
.theme-dark .sharing .share-buttons .share-label {
  color: #f3e7cd !important;
}

/* Headings, links, and emphasis color */
.theme-dark h1,
.theme-dark h2,
.theme-dark h3,
.theme-dark h4,
.theme-dark h5,
.theme-dark h6,
.theme-dark #page-title,
.theme-dark a,
.theme-dark a:visited,
.theme-dark nav#main-nav ul li a,
.theme-dark .logo h1 a,
.theme-dark .widgets article.widget h2,
.theme-dark .widgets article.widget h2 a {
  color: #f2a524 !important;
}

/* Link hover subtle change */
.theme-dark a:hover,
.theme-dark nav#main-nav ul li a:hover {
  color: #ffd089 !important;
}

/* Borders and outlines: dim */
.theme-dark hr,
.theme-dark #main-content .content-editor table,
.theme-dark #main-content .content-editor table tr,
.theme-dark #blog #filter,
.theme-dark #main-content .menu .menu-list li,
.theme-dark .ui-datepicker,
.theme-dark table.ui-datepicker-calendar tr td,
.theme-dark #contact-form fieldset ul li input,
.theme-dark #contact-form fieldset ul li textarea {
  border-color: rgba(243, 231, 205, 0.25) !important;
}

/* Gallery nav/count accents use highlight */
.theme-dark .slideshow-gallery .large-gallery .count,
.theme-dark .slideshow-thumbnails-gallery .large-gallery .count,
.theme-dark #main-content .large-gallery .details .count {
  color: #f2a524 !important;
}

/* Audio/video progress highlights in dark mode */
.theme-dark .audio-player ol li .length .progress,
.theme-dark .video .vjs-control-bar .vjs-play-progress,
.theme-dark .video .vjs-control-bar .vjs-volume-level {
  background-color: #f2a524 !important;
}

/* Navigation text colors */
.theme-dark nav#main-nav ul li,
.theme-dark nav#main-nav ul li.section span {
  color: #f3e7cd !important;
}

/* Images and media keep their usual styling; add subtle shadow for contrast */
.theme-dark img,
.theme-dark video { box-shadow: 0 4px 16px rgba(0,0,0,0.35); }

/* Toggle button styling */
.theme-toggle {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 10000;
}
.theme-toggle button {
  width: 44px;
  height: 44px;
  border-radius: 22px;
  border: 1px solid rgba(0,0,0,0.2);
  background: rgba(255,255,255,0.9);
  color: #333;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(0,0,0,0.25);
}
.theme-dark .theme-toggle button {
  background: rgba(0,0,0,0.45);
  color: #f3e7cd;
  border-color: rgba(255,255,255,0.25);
}

/* Improve contrast of fullscreen overlay in dark mode */
.theme-dark #fullscreen { background: rgba(0, 0, 0, 0.85); }

/* Dark mode: accommodate wider hero banner in header */
.theme-dark .logo { display: flex; justify-content: center; }
.theme-dark .logo img {
  /* Show the banner at full native size when viewport allows */
  width: 1200px;
  height: auto; /* preserves 1200x820 aspect ratio given native asset */
  max-width: 100%; /* responsive: scale down on smaller viewports */
}
@media (max-width: 600px) {
  .theme-dark .logo img {
    width: 100%;   /* fill available width on small screens */
    height: auto;
  }
}