/*
Theme Name: Vintage Photographer Desktop
Template: vintage-photographer
Version: 0.6.14
Requires at least: 6.6
Requires PHP: 8.0
Description: A reference directory and weblog with a fixed desktop navigation rail.
License: GPL-2.0-or-later
Text Domain: vintage-photographer-desktop
*/
:root{--rail-width:280px;--vp-rail-width:var(--rail-width);--desk-paper:#f1eedb;--desk-ink:#24263b}
.wp-site-blocks{margin-left:var(--rail-width);padding-inline:clamp(24px,4vw,72px)}
.vp-rail,.wp-site-blocks>.vp-rail{position:fixed;left:0;top:0;width:var(--rail-width);height:100dvh;min-height:0;inset:0 auto auto 0;padding:28px 24px;overflow:visible;display:flex;flex-direction:column;gap:22px}
.vp-rail-brand{font-size:29px;line-height:1.06;letter-spacing:-.025em;flex:none}
.vp-rail-brand span{display:none}.vp-rail #vp-navigation{min-width:0;display:flex;flex:1;flex-direction:column;gap:18px}
.vp-rail-search{margin:0;min-width:0}.vp-rail-search>div{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:6px}
.vp-rail-search input{background:#f8f8ec;color:#183536;min-width:0;width:100%;font-size:14px;height:42px;padding:8px;border:1px solid #3f7577}
.vp-rail-search button{padding:8px!important;min-height:42px;display:flex;align-items:center;justify-content:center}
.vp-rail-search button svg{width:20px;height:20px}.vp-nav{margin:0;display:flex;flex-direction:column;gap:3px}
.vp-nav-label{margin:12px 0 5px;font:11px/1.5 Arial,sans-serif;letter-spacing:.1em}
.vp-nav a{display:flex;align-items:center;gap:12px;padding:7px 8px;min-height:46px;font-size:16px;white-space:normal;overflow-wrap:normal;border:1px solid transparent}
.vp-nav a:hover,.vp-nav a[aria-current=page]{background:#ffffff38;border:1px dotted #2b6266;text-decoration:underline}
.vp-icon{width:32px;height:32px;object-fit:contain;image-rendering:auto;margin:0;flex:none}
.vp-rail #vp-mode{margin-top:auto;align-self:flex-start;font:13px/1.4 Arial,sans-serif;padding:9px 14px;min-height:38px}
.vp-rail-note,.vp-web-badge{display:none}.vp-skip:focus{left:calc(var(--rail-width) + 12px)}
body.admin-bar .vp-rail{top:32px;height:calc(100dvh - 32px)}
@media(min-width:621px){body.admin-bar .vp-rail{padding-top:28px}.wp-site-blocks>.vp-rail{margin:0}.wp-site-blocks{position:static}}
.vp-directory-home{max-width:1030px;margin:auto}.vp-desktop-title{font:12px/1.6 'Courier New',monospace;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:28px;display:flex;justify-content:space-between;gap:16px}
.vp-directory-masthead{border-block:4px double var(--rule);padding:28px 0;margin-bottom:30px}
.vp-directory-masthead h1{font:bold clamp(42px,5.5vw,76px)/1.02 Georgia,serif;letter-spacing:-.045em;margin:0 0 18px;text-wrap:initial;color:var(--ink)}
.vp-directory-masthead h1 span{display:block;color:var(--link)}
.vp-directory-masthead p{max-width:59ch;margin:0;font-size:18px}
.vp-home-columns{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr);gap:28px;align-items:start}
.vp-directory-window{background:var(--desk-paper);color:var(--desk-ink);border:1px solid #adb2a9;box-shadow:4px 4px 0 #090e28;margin-bottom:30px;padding:4px;min-width:0}
.vp-directory-window>h2{background:#234d58;color:#fff9df;font:bold 14px/1.5 Arial,sans-serif;padding:8px 12px;margin:0;letter-spacing:.02em}
.vp-directory-window-body{padding:8px 18px}.vp-directory-entry{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;padding:20px 0;border-bottom:1px dotted #929789;text-decoration:none;color:#202e44;align-items:start}
.vp-directory-entry:last-child{border:0}.vp-directory-entry strong{display:block;color:#164c65;font-size:23px;line-height:1.25;text-decoration:underline;margin-bottom:5px}
.vp-directory-entry p{font:14px/1.65 Arial,sans-serif;margin:0;color:#3b4553}.vp-directory-entry>span:last-child{font:12px/1.6 'Courier New',monospace;color:#526261;padding-top:5px;white-space:nowrap}
.vp-directory-entry:hover strong{color:#6e344f}.vp-home-weblog{border-top:4px double var(--line);padding-top:18px}
.vp-directory-entry strong a{color:inherit}.vp-directory-description{font:14px/1.65 Arial,sans-serif;color:#3b4553}.vp-directory-window-body>p:empty{display:none}
.vp-home-weblog h2{font-size:26px;margin-bottom:8px}.vp-home-weblog article{padding:18px 0;border-bottom:1px dotted var(--line)}
.vp-home-weblog h3{font-size:21px;margin:0 0 10px}.vp-home-weblog p{font-size:16px;margin:0}.vp-home-weblog>a{display:inline-block;margin-top:18px}
.vp-home-note{border:1px dashed var(--line);padding:18px;font-size:15px;line-height:1.7;margin-top:26px}.vp-home-note h2{font:700 13px/1.5 'Courier New',monospace;margin-bottom:10px;letter-spacing:.06em}.vp-home-note p:last-child{margin-bottom:0}
.vp-recent-list{list-style:square;padding-left:20px;margin:0}.vp-recent-list li{padding:10px 0;border-bottom:1px dotted var(--line)}.vp-recent-list li:last-child{border:0}
.vp-home-new{border-top:4px double var(--line);padding-top:20px;margin-top:8px}.vp-home-new h2{font-size:24px}.vp-home-new ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.vp-footer-links{display:flex;flex-wrap:wrap;gap:8px 18px}.vp-footer-links a{margin:0}.vp-search-scoped{grid-template-columns:minmax(0,2fr) minmax(140px,1fr)}
@media(min-width:621px) and (max-height:740px){.vp-rail{padding:18px 22px;gap:16px}.vp-rail #vp-navigation{gap:12px}.vp-nav{gap:1px}.vp-nav a{min-height:40px;padding-block:4px}.vp-nav-label{margin-top:7px}.vp-rail-brand{font-size:26px}}
@media(min-width:621px) and (max-height:540px){:root{--rail-width:300px}.vp-rail{padding:12px 18px;gap:10px}.vp-rail-brand{font-size:22px}.vp-nav{display:grid;grid-template-columns:1fr 1fr;column-gap:10px}.vp-nav-label{grid-column:1/-1;font-size:9px;margin:4px 0 0}.vp-nav a{font-size:13px;min-height:38px;padding:3px 0;gap:6px}.vp-nav .vp-icon{width:26px;height:26px}.vp-rail #vp-navigation{gap:8px}.vp-rail #vp-mode{min-height:32px;padding:6px 10px}}
@media(min-width:621px) and (max-width:1100px){:root{--rail-width:260px}.wp-site-blocks{padding-inline:28px}.vp-rail{padding-inline:18px}.vp-home-columns{grid-template-columns:1fr}.vp-home-new ul{grid-template-columns:1fr 1fr}}
@media(max-width:620px){body{font-size:16px}.wp-site-blocks{margin:0;padding:0 18px}.wp-site-blocks>header{position:sticky;top:0;z-index:40}body.admin-bar .wp-site-blocks>header{top:46px}.vp-rail,body.admin-bar .vp-rail{position:relative;inset:auto;width:auto;height:auto;margin:0 -18px!important;padding:12px 18px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;border-right:0;border-bottom:4px double #265d64;overflow:visible}.vp-rail-brand{font-size:21px;line-height:1.05}.vp-menu-toggle{display:block}.vp-rail #vp-navigation{display:flex;grid-column:1/-1;gap:8px}.js .vp-rail #vp-navigation[hidden]{display:none}.vp-nav{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.vp-nav-label{grid-column:1/-1;margin-top:5px}.vp-nav a{font-size:14px;min-height:44px;padding:5px 0;gap:9px}.vp-nav .vp-icon{width:28px;height:28px}.vp-rail #vp-mode{margin-top:4px;min-height:34px}.vp-home-columns{grid-template-columns:1fr;gap:0}.vp-desktop-title{font-size:10px;margin-bottom:20px}.vp-directory-masthead{padding:22px 0;margin-bottom:24px}.vp-directory-masthead h1{font-size:clamp(39px,10vw,62px)}.vp-directory-masthead p{font-size:16px}.vp-directory-window-body{padding:4px 14px}.vp-directory-entry{gap:8px;grid-template-columns:34px minmax(0,1fr) auto;padding:16px 0}.vp-directory-entry strong{font-size:21px}.vp-directory-entry>span:last-child{font-size:10px}.vp-home-new ul{grid-template-columns:1fr}.vp-home-new{margin-top:30px}.vp-search-scoped{grid-template-columns:1fr}.vp-skip:focus{left:12px}.vp-footer{gap:20px}.vp-footer-links{width:100%}html{scroll-padding-top:90px}}
@media(max-width:620px) and (max-height:500px){.vp-rail-brand{font-size:18px}.vp-rail{padding-block:8px}.vp-nav a{min-height:34px}.vp-nav-label{margin:0}.vp-rail #vp-navigation{gap:3px}.vp-rail-search input{height:36px}.vp-rail-search button{min-height:36px;height:36px}}
@media print{.wp-site-blocks{margin:0}.vp-rail{display:none}.vp-directory-window{box-shadow:none}.vp-home-columns{display:block}.vp-directory-window>h2{background:#fff;color:#000}}
@media(min-width:621px) and (max-height:740px){body.admin-bar .vp-rail{padding-top:18px}}
@media(min-width:621px) and (max-height:540px){body.admin-bar .vp-rail{padding-top:12px}}
@media(max-width:620px){.wp-site-blocks>.vp-rail,.wp-site-blocks>.vp-rail:has(#vp-navigation:not([hidden])),.vp-rail,body.admin-bar .vp-rail{position:sticky;inset:auto;top:0;width:auto;height:auto;min-height:0}body.admin-bar .wp-site-blocks>.vp-rail{top:46px}.wp-site-blocks>header:has(.vp-rail),.wp-site-blocks>header:has(#vp-navigation:not([hidden])){position:sticky;top:0}body.admin-bar .wp-site-blocks>header:has(.vp-rail){top:46px}}
.vp-nav>p:not(.vp-nav-label){display:contents}.vp-directory-entry p:empty,.vp-rail>p:empty{display:none}.vp-directory-count{font:12px/1.6 'Courier New',monospace;color:#526261;padding-top:5px;white-space:nowrap}
@media(min-width:621px) and (max-height:540px){:root{--rail-width:300px}.vp-rail,body.admin-bar .vp-rail{padding:8px 16px;gap:8px}.vp-rail-brand{font-size:20px;line-height:1.1}.vp-rail-brand br{display:none}.vp-rail-brand br:after{content:' '}.vp-rail #vp-navigation{gap:4px}.vp-nav{gap:0 8px}.vp-nav-label{font-size:8px;line-height:12px;margin:2px 0}.vp-nav a{min-height:32px;font-size:12px;line-height:1.3;padding:2px 0;gap:6px}.vp-nav .vp-icon{width:24px;height:24px}.vp-rail-search input{height:34px;min-height:34px;font-size:12px}.vp-rail-search button{height:34px;min-height:34px!important;padding:6px!important}.vp-rail #vp-mode{min-height:28px;padding:5px 10px;font-size:12px}}
@media(min-width:621px) and (max-height:360px){.vp-nav-label{display:none}.vp-nav a{min-height:28px}.vp-nav .vp-icon{width:20px;height:20px}.vp-rail-search input,.vp-rail-search button{height:30px;min-height:30px!important}}
@media(max-width:620px){.vp-rail:has(#vp-navigation:not([hidden])){position:sticky;top:0}.vp-directory-count{font-size:10px}}



.vp-icon{width:32px;height:32px;object-fit:contain;image-rendering:auto;margin:0;flex:none}
.vp-rail-search button .vp-search-icon{display:none}
.vp-rail-search button:before{content:"";display:block;width:20px;height:20px;background:url("assets/icons/search.png") center/contain no-repeat;image-rendering:auto}
#vp-mode:before{content:"";display:inline-block;width:16px;height:16px;vertical-align:-3px;margin-right:7px;background:url("assets/icons/sun.png") center/contain no-repeat;image-rendering:auto}
html[data-mode="light"] #vp-mode:before{background-image:url("assets/icons/moon.png")}
.vp-inline-icon{display:inline-block;width:16px;height:16px;vertical-align:-3px;object-fit:contain;image-rendering:auto}
.vp-footer-icon{display:inline-block;width:24px;height:24px;vertical-align:middle;margin-right:5px;object-fit:contain;image-rendering:auto}
.vp-tools-card-icon{width:32px;height:32px;object-fit:contain;image-rendering:auto;margin:.2rem 0 .7rem}
.vp-tools-card b .vp-inline-icon{margin-left:.25rem}
.vp-field-tools-nav-icon{display:inline-block;width:32px;height:32px;vertical-align:middle;margin-right:.45rem;object-fit:contain;image-rendering:auto}

.vp-menu-toggle:before{content:"";display:inline-block;width:16px;height:16px;vertical-align:-3px;margin-right:7px;background:url("assets/icons/menu.png") center/contain no-repeat;image-rendering:auto}

/* 0.6.11 - tiled sky light mode and matching field tools */

.vp-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.vp-tools-card{display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto 1fr auto;column-gap:1rem;min-height:190px;padding:1.15rem;background:var(--panel-alt);border:2px solid var(--line);border-color:var(--highlight) var(--shadow) var(--shadow) var(--highlight);box-shadow:4px 4px 0 var(--shadow);color:var(--ink);text-decoration:none}.vp-tools-card:hover,.vp-tools-card:focus-visible{background:var(--panel);border-color:var(--rule)}.vp-tools-card-icon{grid-column:1;grid-row:1/4;width:48px;height:48px;margin:0;object-fit:contain}.vp-tools-card>span,.vp-tools-card h2,.vp-tools-card p,.vp-tools-card b{grid-column:2}.vp-tools-card>span,.vp-tools-card b{color:var(--link);font-family:'Courier New',monospace}.vp-tools-card h2{margin:.3rem 0;font-size:1.2rem}.vp-tools-card b{margin-top:auto}.vp-tools-caveat{margin-top:1.5rem;padding:1rem;background:var(--panel);border:1px solid var(--line)}@media(max-width:620px){.vp-tools-grid{grid-template-columns:1fr}.vp-tools-card{min-height:0}}

/* 0.6.11 - sky-tile light mode */


/* Increase light-mode tile contrast */

.vp-nav a.vp-field-tools-nav{display:flex;align-items:center;gap:12px;min-height:46px;line-height:1.2;white-space:normal}.vp-nav a.vp-field-tools-nav .vp-field-tools-nav-icon{display:block;width:32px;height:32px;flex:none;margin:0;object-fit:contain}

/* 0.6.13 - repeat the supplied sky tile at its native 250 x 181 size */
html[data-mode=light] body{background-image:url('assets/sky.png');background-repeat:repeat;background-position:top left;background-size:auto}