﻿/*!
Theme Name: Writerflow
Theme URI: https://github.com/alletresson/writerflow
Author: Alle
Author URI: https://alletresson.com
Copyright: ©2023 alletresson.com
Version: 1.2
Text Domain: writerflow
Description: The theme for story writerflow.
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, block-patterns, sticky-post, threaded-comments, translation-ready, block-styles, blog
*/@font-face{font-family:"Vollkorn Italic";src:url("assets/fonts/Vollkorn-Italic-VariableFont_wght.ttf")}@font-face{font-family:"Vollkorn";src:url("assets/fonts/Vollkorn-VariableFont_wght.ttf")}@font-face{font-family:"Inter";src:url("assets/fonts/Inter.ttf")}html{font-size:20px;--font: "Vollkorn", serif;--font-sans: "Inter", Roboto, -apple-system, sans-serif;--c-text: hsl(0, 0%, 12%);--c-title: hsl(0, 0%, 9%);--c-accent-1: hsl(191, 80%, 93%);--c-accent-2: hsl(66, 100%, 90%);--c-bg: hsl(0, 0%, 96%)}html svg{fill:var(--c-title)}.border,input[type=search],.wp-block-search__input,.widget-area .widget,aside,#site-header nav a#nav-toggle,input[type=submit],textarea{border:2px solid var(--c-title)}.sans,.widget-title,.widget_search .wp-block-search__label,ul.page-numbers,.entry-content a:not(.link-button):not(.nav-caps):not(a.nav-link):not(a:hover.nav-link):not(a:focus.nav-link),.posted-on,#site-header nav a#nav-toggle,ol li::before,strong,b,dt,h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:bold}.nav-caps,a.nav-link,a:hover.nav-link,a:focus.nav-link{font-family:var(--font-sans);font-weight:bold;text-transform:uppercase;letter-spacing:3px;font-size:.7rem}a.link-button,#site-header nav a#nav-toggle{padding:2px .3rem;background:var(--c-bg);color:var(--c-title);text-transform:uppercase;font-size:.5rem;letter-spacing:1px;border:1px solid var(--c-title);box-shadow:1px 1px 0 var(--c-bg),2px 2px 0 var(--c-title),3px 3px 0 var(--c-bg),4px 4px 0 var(--c-title);transition:.1s all ease-in}a.link-button:hover,#site-header nav a#nav-toggle:hover,a.link-button:active,#site-header nav a#nav-toggle:active{box-shadow:none;transform:translate(3%, 3%)}*,*::before,*::after{box-sizing:border-box}body{margin:0;font-size:1rem;font-family:var(--font);font-variation-settings:"wght" 400;line-height:1.7;color:var(--c-text);overflow-x:hidden;font-weight:normal;background:var(--c-bg);--wp--preset--font-size--large: 1.1rem}#page{margin:0 auto;position:relative;padding:1rem;width:100%;display:grid;max-width:800px;grid-template-columns:100%;justify-content:center;min-height:calc(100vh - 200px)}h1,h2,h3,h4,h5,h6{color:var(--c-title);font-variation-settings:"wght" 900;margin:1em 0 .5em 0;line-height:1.4;font-weight:bold}h1{font-size:2.1rem}h2{font-size:1.9rem}h3{font-size:1.7rem}h4{font-size:1.5rem}h5{font-size:1.3rem}h6{font-size:1.1rem}em,i{font-family:"Vollkorn Italic",var(--font);font-style:italic}code,pre{font-family:"Fira Code",Roboto Mono,Menlo,monospace;white-space:pre-wrap}hr{border-top:2px solid var(--c-title);border-bottom:2px solid rgba(0,0,0,0)}a,a:hover,a:focus{transition:.4s all ease-in;color:currentColor;cursor:pointer}a.nav-link,a:hover.nav-link,a:focus.nav-link{margin-left:1rem;line-height:1;text-decoration:none}#site-header a:not(.more),#site-footer a,.entry-header a{text-decoration:none;border-bottom:0}svg:not(:root){overflow:hidden}.wp-caption,.wp-caption-text,.gallery-caption,img{max-width:100%;height:auto}.sticky{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='m640-480 80 80v80H520v240l-40 40-40-40v-240H240v-80l80-80v-280h-40v-80h400v80h-40v280Zm-286 80h252l-46-46v-314H400v314l-46 46Zm126 0Z'/%3E%3C/svg%3E") no-repeat var(--c-accent-2);background-position:right top 10px;background-size:auto 26px}.sticky .entry-content{padding:1rem}figure{max-width:600px !important}input[type=text],input[type=email],input[type=url],input[type=password]{border:solid var(--c-title);border-width:0 0 2px;display:block;width:100%;line-height:1.8;background:rgba(0,0,0,0);color:var(--c-text)}textarea{border-radius:0;display:block;width:100%;background:var(--c-bg);color:var(--c-text)}input[type=submit]{background:var(--c-bg);color:var(--c-title);padding:.3rem 1rem;margin:.5rem 0;text-transform:uppercase;letter-spacing:1px}::selection{color:var(--c-bg);background-color:var(--c-title)}table,th,td{border:2px solid #999;border-collapse:collapse}th,td{padding:.5rem}blockquote{border:0;padding-left:4rem;position:relative}blockquote:before{speak:none;font-weight:normal;position:absolute;left:.5rem;top:-1.5rem;content:'"';font-size:3rem;color:var(--c-text)}ul{list-style:square inside}ol{counter-reset:a;list-style:none inside}ol li{position:relative;padding:0 0 0 2rem}ol li::before{content:counter(a);counter-increment:a 1;position:absolute;top:2px;left:0;width:1.3rem;height:1.3rem;background:var(--c-title);color:var(--c-bg);display:flex;align-items:center;justify-content:center;font-size:.7rem;line-height:1;z-index:1}.alignleft{display:inline;float:left;margin-right:1.5rem}.alignright{display:inline;float:right;margin-left:1.5rem}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important;height:1px;width:1px;overflow:hidden}.screen-reader-text:hover,.screen-reader-text:active,.screen-reader-text:focus{background-color:#f2f2f2;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto !important;color:var(--c-title);display:block;font-size:1rem;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}#site-header{z-index:99999;padding:1rem 0 2rem;display:grid;grid-template-columns:1fr auto}#site-header .site-title{margin:0;padding:0;font-size:1.7rem;color:var(--c-title)}#site-header input[type=search]{border-width:0 0 2px}#site-header nav{z-index:99999;position:fixed;bottom:1rem;left:1rem;right:0;display:inline-flex;max-width:200px}#site-header nav::before,#site-header nav::after{display:none}#site-header nav .pull{display:none;position:absolute;bottom:32px;left:0;z-index:99998;list-style-type:none;margin:0;padding:1rem;max-width:200px;background:var(--c-title)}#site-header nav .pull ul{list-style-type:none;padding:0;margin:0;display:flex;flex-flow:column nowrap}#site-header nav .pull li{position:relative}#site-header nav .pull li a{font-size:.8rem;padding:.4rem 0;color:var(--c-bg)}#site-header nav a#nav-toggle{cursor:pointer;z-index:999999;display:inline-flex;flex-flow:column nowrap;align-items:center;justify-content:center;position:relative;padding:.5rem 1rem;line-height:1;text-decoration:none}#site-header nav a#nav-toggle span{top:8px;right:2px;cursor:pointer;height:2px;width:.722rem;background:var(--c-accent-1);position:absolute;display:block;transition:all .3s ease-in-out}#site-header nav a#nav-toggle span::before{content:"";cursor:pointer;width:2px;height:.722rem;background:var(--c-accent-1);position:absolute;left:calc(50% - 1px);top:calc(50% - .361rem);transition:all .3s ease-in-out;display:block}#site-header nav a#nav-toggle.active span::before{transform:rotate(45deg);background:rgba(0,0,0,0)}.entry-header{position:relative;display:grid;grid-template-columns:auto 1fr;grid-gap:1rem;border-top:9px solid var(--c-title)}.entry-title{margin:0 0 2px;padding:.5rem 0;line-height:1.1;color:var(--c-title);position:relative;border-top:1px solid var(--c-title);border-bottom:2px solid var(--c-title)}.entry-title::after{content:"";display:block;position:absolute;top:3px;left:3px;width:calc(100% + 6px);height:calc(100% + 6px);background:var(--c-accent-1);z-index:-1}.posted-on{color:var(--c-bg);display:inline-block;padding:6px .5rem .5rem;font-size:.7rem;background:var(--c-title);align-self:stretch}.category-name{color:var(--c-text);font-size:.8rem}.byline,.updated:not(.published){display:none}.entry-meta.homepage{display:none}.entry-meta.schemaorg{display:none}a.entry-thumbnail{display:flex;align-items:flex-start;transition:.1s all ease-in;position:relative}.entry-content{padding:10px 0}.entry-content p:first-of-type:first-letter{font-size:4.3rem;float:left;line-height:1;padding:10px 1.5rem 20px 0;margin:5px 0 0;font-variation-settings:"wght" 600;font-family:var(--font-sans)}.entry-content a:not(.link-button):not(.nav-caps):not(a.nav-link):not(a:hover.nav-link):not(a:focus.nav-link){color:currentColor;background:var(--c-accent-2)}.grid{position:relative;width:100%;display:grid;grid-template-columns:100%;grid-row-gap:8vh;min-height:calc(100vh - 200px)}ul.page-numbers{position:relative;display:flex;flex-flow:row nowrap;list-style-type:none;align-items:center;justify-content:center;margin:0;padding:0}ul.page-numbers li{padding:6px}ul.page-numbers li a,ul.page-numbers li span{border-bottom:2px solid rgba(0,0,0,0);padding:6px;position:relative;display:inline-block}ul.page-numbers .prev,ul.page-numbers .next{width:60px}.nav-next a::before,.nav-previous a::before,.page-numbers.prev::before,.page-numbers.next::before{content:"";position:absolute;top:50%;width:50px;height:2px;background:var(--c-title)}.nav-previous a::before,.page-numbers.prev::before{left:5px}.nav-next a::before,.page-numbers.next::before{right:5px}.nav-previous a::after,.nav-next a::after,.page-numbers.prev::after,.page-numbers.next::after{content:"";position:absolute;top:calc(50% - 4px);display:block;width:0;height:0;border:5px solid rgba(0,0,0,0)}.nav-previous a::after,.page-numbers.prev::after{left:-5px;border-right-color:var(--c-title)}.nav-next a::after,.page-numbers.next::after{right:0;border-left-color:var(--c-title)}.social-media-profiles{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;list-style-type:none;padding:0;margin:0;line-height:1;background:var(--c-title)}.social-media-profiles li{padding:1rem}.social-media-profiles svg{height:16px;width:auto;display:block;fill:var(--c-bg)}.writerflow-related-posts{margin:3rem 0}.writerflow-related-posts ul{list-style-type:none;padding:0;margin:0;display:flex;flex-flow:column nowrap}.writerflow-related-posts ul li{flex:0 1 auto;position:relative;padding:.5rem 0}aside{margin:4rem 0;padding:1rem}.widget-area{display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));grid-gap:1rem;font-size:.8rem}.widget-area .widget{margin-bottom:1rem;padding:0;border-width:0 0 1px}.widget-area ul{padding:0}.widget-area ul li::marker{color:currentColor}.widget-title,.widget_search .wp-block-search__label{margin:0 0 .5rem;font-size:1rem;display:block}#intro{font-size:2rem;padding:1rem .5rem 1rem 1.5rem;margin-bottom:2rem;background:var(--c-accent-1)}.search-form,.wp-block-search__inside-wrapper{position:relative;display:flex}input[type=search],.wp-block-search__input{background:var(--c-bg);outline:none;padding:0 30px 0 0;height:30px;max-width:100%}input.search-submit,button[type=submit].wp-block-search__button,button[type=submit].wp-block-search__button:hover,button[type=submit].wp-block-search__button:active{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z'/%3E%3C/svg%3E") no-repeat right center rgba(0,0,0,0);background-size:auto 22px;outline:none;border:0;width:20px;height:30px;padding:0;margin:0;position:absolute;right:4px;bottom:0;color:rgba(0,0,0,0) !important}::-webkit-input-placeholder{opacity:0}::placeholder{opacity:0}.comments-area{font-size:.722rem;padding:0 2rem;margin-top:1rem}.comment-content a{word-wrap:break-word}.bypostauthor{display:block}.comment-list{padding:0;margin:0 0 2rem;list-style-type:none;font-size:.722rem}.comment-list ol{list-style-type:none}.comment-list ol li{position:relative;padding:2rem 0 0}.comment-list .children li{padding:1rem 0 0 2rem;border-bottom:0}.comment-form-author,.comment-form-email,.comment-form-url{width:33%;float:left}#commentform .form-submit{width:33%;margin-left:33%}#commentform label{display:block}.comment-metadata a{font-size:.611rem;margin:5px 0}.comments-title,.comment-reply-title{margin:1rem 0;display:inline-block;font-size:1.3rem}.comment-author.vcard .says{display:none}.reply{position:absolute;top:1rem;right:0}.comment-reply-link{text-transform:uppercase;padding:2px 4px}#site-footer{position:relative;margin:4rem 0 0;font-size:.7rem;text-align:center}
