/*
Theme Name: Vice Crochet
Theme URI: https://vicecrochet.com
Author: Vice Crochet Works
Description: Nice + Knotty. Vintage motifs, rescued from thread. A dark, bold block theme for Vice Crochet with orange and lime accents.
Version: 1.0.0
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vice-crochet
*/

/* Wordmark with the offset orange echo */
.vc-wordmark{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--wp--preset--color--paper)}
.vc-wordmark:hover{color:var(--wp--preset--color--paper)}
.vc-wordmark b{font-family:var(--wp--preset--font-family--wordmark);font-weight:500;font-size:20px;letter-spacing:.42em;line-height:1;text-shadow:3px 3px 0 var(--wp--preset--color--ink),4px 4px 0 var(--wp--preset--color--orange)}
.vc-wordmark small{display:block;font-family:var(--wp--preset--font-family--wordmark);font-weight:500;font-size:10px;letter-spacing:.5em;color:var(--wp--preset--color--muted);margin-top:6px}

/* Small mono labels above headings */
.is-style-eyebrow,.vc-eyebrow{font-family:var(--wp--preset--font-family--mono)!important;font-size:13px!important;letter-spacing:.14em;text-transform:uppercase;color:var(--wp--preset--color--lime)}
.has-orange-background-color .is-style-eyebrow,.has-lime-background-color .is-style-eyebrow,.has-paper-background-color .is-style-eyebrow{color:var(--wp--preset--color--ink)}

/* Tilted photo and tilted callout cards */
.is-style-tilted img{border:6px solid var(--wp--preset--color--paper);border-radius:28px;transform:rotate(-1.5deg)}
.is-style-tip-card{transform:rotate(-1.2deg)}
.is-style-callout{transform:rotate(-4deg)}
@media (prefers-reduced-motion:no-preference){.is-style-tip-card,.is-style-callout{transition:transform .3s ease}.is-style-tip-card:hover{transform:rotate(0)}}

/* Numbered walkthrough steps: add class "vc-steps" to a Group holding the steps */
.vc-steps{counter-reset:vcstep}
.vc-steps>.vc-step{counter-increment:vcstep;position:relative;padding-left:84px}
.vc-steps>.vc-step::before{content:counter(vcstep);position:absolute;left:0;top:0;width:60px;height:60px;border-radius:50%;background:var(--wp--preset--color--orange);color:var(--wp--preset--color--ink);font-family:var(--wp--preset--font-family--display);font-weight:800;font-size:30px;display:grid;place-items:center}
@media (max-width:600px){.vc-steps>.vc-step{padding-left:0;padding-top:64px}.vc-steps>.vc-step::before{width:48px;height:48px;font-size:24px}}

/* Fair-warning line */
.is-style-warning{border-left:4px solid var(--wp--preset--color--orange);padding-left:16px}

/* Big numbers */
.vc-bignum{font-variant-numeric:tabular-nums}

/* Rounded photos inside posts */
.wp-block-post-content .wp-block-image img,.vc-rounded img{border-radius:20px}

/* Series links */
.vc-series .wp-block-button__link{width:100%;text-align:left}

/* Focus */
a:focus-visible,.wp-block-button__link:focus-visible{outline:3px solid var(--wp--preset--color--lime);outline-offset:3px}

/* Header nav current item */
.wp-block-navigation .current-menu-item>a{color:var(--wp--preset--color--lime)}