/*
Theme Name: Photo Blog by SVP
Author: SVP
Description: A fast, responsive photo journal with square photographs, a clean reading experience and footer widgets.
Version: 1.1.3
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: photo-blog-by-svp
Domain Path: /languages
*/
:root{--paper:#faf9f6;--ink:#252a25;--muted:#6c716a;--line:#dedfd7;--accent:#52715c;--white:#fff;--serif:Georgia,'Times New Roman',serif;--sans:ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans);overflow-wrap:break-word}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{max-width:100%;height:auto;vertical-align:middle}button,input,textarea,select{font:inherit}button,input[type=submit]{cursor:pointer}button,input[type=submit],.button{border:1px solid var(--ink);background:var(--ink);color:white;padding:.7em 1.25em;border-radius:3px}.wrap{width:min(1360px,calc(100% - 48px));margin-inline:auto}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-reader-text:focus{position:fixed;top:12px;left:12px;clip:auto;width:auto;height:auto;padding:12px 20px;background:white;z-index:9999}.site-header{border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:80px}.site-branding{min-width:0}.site-title{font:700 clamp(1.45rem,3vw,2rem)/1.15 var(--serif);letter-spacing:-.055em;text-decoration:none}.site-title .brand-dot{color:var(--accent)}.site-description{margin:6px 0 0;color:var(--muted);font-size:.75rem;letter-spacing:.12em}.custom-logo{max-width:200px;max-height:64px;width:auto}.site-nav ul{list-style:none;display:flex;align-items:center;gap:24px;margin:0;padding:0}.site-nav a{font-size:.82rem;text-decoration:none}.site-nav .sub-menu{display:block;padding-left:12px}.site-nav li{position:relative}.site-nav ul ul{display:none;position:absolute;background:var(--paper);padding:16px;min-width:180px;z-index:5;border:1px solid var(--line)}.site-nav li:hover>ul,.site-nav li:focus-within>ul{display:block}.site-nav ul ul a{display:block;padding:6px 0}.header-search{position:relative}.header-search summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;font-size:.8rem}.header-search summary::-webkit-details-marker{display:none}.header-search form{position:absolute;right:0;top:36px;width:min(340px,80vw);padding:16px;background:var(--white);border:1px solid var(--line);z-index:10;box-shadow:0 8px 24px #2028200c}.search-form{display:flex;gap:8px}.search-form label{flex:1;min-width:0}.search-field{width:100%;min-width:0;padding:.65em .8em;border:1px solid var(--line);border-radius:3px}.search-submit{font-size:.8rem!important;padding:.75em!important}.header-tools{display:flex;gap:30px;align-items:center}.journal-main{padding-top:24px}.journal-heading{padding:62px 0 40px;display:flex;justify-content:space-between;align-items:end;gap:24px}.eyebrow{margin:0 0 12px;font-size:.65rem;text-transform:uppercase;letter-spacing:.22em;font-weight:650;color:var(--accent)}.journal-heading h1{font:400 clamp(2.5rem,5vw,4rem)/1.05 var(--serif);letter-spacing:-.055em;margin:0}.heading-description{color:var(--muted);font-size:.9rem;max-width:400px}.heading-description p{margin:0}.post-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:24px;align-items:stretch}.post-card{min-width:0;display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:5px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.post-card:hover{border-color:#acb8aa;box-shadow:0 8px 24px #1c2b1f08}.card-picture{display:block;flex:none;aspect-ratio:1;overflow:hidden;background:#e9ece5}.card-picture img,.image-placeholder{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover;object-position:center}.image-placeholder{display:grid;place-items:center;background:#e9ece5;color:#9da999;font:400 4rem var(--serif);letter-spacing:-.08em}.placeholder-dot{color:var(--accent)}.card-content{padding:14px;display:flex;flex:1;flex-direction:column}.card-date{font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;display:block}.card-title{font:500 1.32rem/1.3 var(--serif);letter-spacing:-.025em;margin:0 0 6px;max-height:2.6em;flex-shrink:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.card-title a{text-decoration:none}.card-excerpt{margin:0 0 10px;color:var(--muted);font-size:.86rem;line-height:1.55;height:4.65em;flex-shrink:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.card-bottom{margin-top:auto;padding-top:8px;border-top:1px solid #eeeeea;display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);font-size:.67rem}.card-category{min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-read{flex-shrink:0;color:var(--accent);text-decoration:none;font-weight:600}.pagination{padding:54px 0 64px;text-align:center}.nav-links{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.page-numbers{min-width:40px;padding:6px 12px;text-decoration:none;border:1px solid transparent;border-radius:3px;font-size:.85rem}.page-numbers.current{background:var(--ink);color:white}.page-numbers:not(.current):hover{border-color:var(--line)}.article-intro{display:flex;align-items:center;gap:28px;padding-block:24px;border-bottom:1px solid var(--line);margin-bottom:24px}.article-intro .article-header{flex:1;min-width:0;padding:0;margin:0;border:0}.single-hero{display:block;flex:none;width:min(46%,45vh);width:min(46%,45svh);aspect-ratio:3/2;overflow:hidden;border-radius:4px}.hero-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.article-shell{width:min(760px,calc(100% - 48px));margin:0 auto}.article-header{padding:22px 0 16px;border-bottom:1px solid var(--line);margin-bottom:20px}.article-title{font:400 clamp(1.9rem,3.5vw,2.75rem)/1.15 var(--serif);letter-spacing:-.045em;margin:0 0 12px}.post-taxonomies{display:flex;flex-wrap:wrap;gap:6px 14px;line-height:1.8;font-size:.72rem;color:var(--muted)}.post-taxonomies a{text-decoration:none}.post-taxonomies .category{color:var(--accent)}.post-taxonomies .tag{color:var(--muted)}.article-byline{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 0;color:var(--muted);font-size:.73rem}.article-byline a{text-decoration:none}.entry-content{font:400 1.12rem/1.85 var(--serif);padding-bottom:36px}.entry-content>:first-child{margin-top:0}.entry-content a{color:var(--accent)}.entry-content h2,.entry-content h3,.entry-content h4{font-family:var(--sans);line-height:1.3;margin-top:2em;letter-spacing:-.025em}.entry-content h2{font-size:1.6rem}.entry-content h3{font-size:1.3rem}.entry-content p,.entry-content ul,.entry-content ol{margin-top:0;margin-bottom:1.35em}.entry-content blockquote{margin:32px 0;border-left:2px solid var(--accent);padding:6px 0 6px 24px;color:var(--muted);font-style:italic}.entry-content figure{max-width:100%;margin:2em 0}.entry-content figcaption,.wp-caption-text{font:.78rem/1.6 var(--sans);color:var(--muted);text-align:center;margin-top:10px}.entry-content iframe,.entry-content video{max-width:100%}.entry-content pre{overflow-x:auto;padding:20px;background:#eeefe9;font-size:.85rem}.entry-content table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font: .9rem var(--sans)}.entry-content td,.entry-content th{padding:10px;border:1px solid var(--line)}.entry-content .alignwide,.entry-content .alignfull{width:100%;margin-left:0;margin-right:0}.entry-content .alignleft{float:left;margin:0 24px 20px 0}.entry-content .alignright{float:right;margin:0 0 20px 24px}.entry-content:after{content:'';display:table;clear:both}.entry-content .wp-block-image img{height:auto}.post-navigation{border-top:1px solid var(--line);padding:24px 0 36px;font-size:.8rem}.post-navigation .nav-links{justify-content:space-between;gap:24px;display:flex}.post-navigation .nav-previous,.post-navigation .nav-next{max-width:46%}.post-navigation .nav-next{text-align:right}.post-navigation a{text-decoration:none}.related-posts{border-top:1px solid var(--line);padding-top:44px;padding-bottom:64px}.section-heading{margin-bottom:28px}.section-heading h2{font:400 2.1rem/1.2 var(--serif);letter-spacing:-.035em;margin:0}.comments-area{border-top:1px solid var(--line);padding:36px 0 50px}.comments-title,.comment-reply-title{font:400 1.6rem var(--serif)}.comment-list{padding-left:0;list-style:none}.comment-list .children{list-style:none;padding-left:24px}.comment-body{padding:22px 0;border-bottom:1px solid var(--line);font-size:.9rem}.comment-author .avatar{border-radius:50%;margin-right:8px}.comment-metadata{font-size:.72rem;color:var(--muted)}.comment-form label{display:block;font-size:.8rem}.comment-form input:not([type=checkbox]):not([type=submit]),.comment-form textarea{display:block;max-width:100%;width:100%;border:1px solid var(--line);background:white;padding:12px}.comment-form-cookies-consent label{display:inline}.site-footer{border-top:1px solid var(--line);background:#f0f1eb}.footer-widgets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-top:32px;padding-bottom:28px}.footer-column{min-width:0}.footer-column .footer-widget + .footer-widget{margin-top:24px}.widget-title,.footer-widget h2,.footer-widget h3{font:500 1.1rem var(--serif);margin-top:0}.footer-widget{font-size:.82rem;min-width:0}.footer-widget ul{padding-left:18px}.footer-widget a{text-decoration:none}.footer-widget .tagcloud{line-height:1.7}.footer-widget .tagcloud a{display:inline-block;max-width:100%;margin:0 8px 4px 0}.footer-widget .wp-block-search__inside-wrapper{flex-wrap:wrap}.footer-widget input{max-width:100%}.footer-base{padding-top:24px;padding-bottom:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:.7rem}.footer-base p{margin:0}.empty-state{padding:60px 0 100px;max-width:620px}.empty-state h1{font:400 3rem var(--serif)}.empty-state p{color:var(--muted)}.page-header{padding-top:56px}.bypostauthor{border-color:var(--accent)}.sticky .card-date{color:var(--accent)}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.gallery-item{margin:0!important}.wp-caption{max-width:100%}
@media(max-width:1099px){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-widgets{grid-template-columns:repeat(2,minmax(0,1fr))}.header-tools{gap:20px}.site-nav ul{gap:16px}.card-title{font-size:1.45rem}}
@media(max-width:599px){.wrap,.article-shell{width:calc(100% - 40px)}.post-grid{grid-template-columns:minmax(0,1fr);gap:24px}.header-inner{min-height:88px;flex-wrap:wrap;gap:10px;padding-block:14px}.site-description{font-size:.63rem;letter-spacing:.06em}.site-title{font-size:1.6rem}.header-tools{width:100%;justify-content:space-between}.site-nav ul{gap:16px;flex-wrap:wrap}.site-nav a{font-size:.76rem}.journal-heading{padding:36px 0 28px;display:block}.heading-description{margin-top:18px}.card-content{padding:16px}.card-title{font-size:1.5rem}.card-excerpt{font-size:.92rem}.card-date{font-size:.67rem}.journal-main{padding-top:20px}.article-intro{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding-block:20px;margin-bottom:20px}.single-hero{width:min(100%,45vh);width:min(100%,45svh);margin-inline:auto}.article-header{padding-top:20px}.article-title{font-size:2rem}.entry-content{font-size:1.08rem}.post-taxonomies{font-size:.69rem;gap:5px 12px}.footer-widgets{grid-template-columns:1fr;gap:28px}.footer-base{display:block}.footer-base p+p{margin-top:8px}.related-posts{padding-top:32px}.section-heading h2{font-size:1.8rem}.entry-content .alignleft,.entry-content .alignright{float:none;display:block;margin:20px auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
