/*
Theme Name: Saltflat Studios
Theme URI: https://saltflatstudios.co
Author: Saltflat Studios
Author URI: https://saltflatstudios.co
Description: Calm, clear theme for Saltflat Studios. Activate it and the pages, menus and settings are set up for you.
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: saltflat-studios
Tags: block-theme, full-site-editing, photography, one-column, custom-colors
*/

html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased}
a{text-underline-offset:.2em}
:focus-visible{outline:2px solid var(--wp--preset--color--clay);outline-offset:3px}

/* Logo (HTML wordmark) */
.sf-logo{display:inline-flex;align-items:baseline;gap:.9rem;text-decoration:none;color:inherit;line-height:1;position:relative;padding-bottom:.45rem}
.sf-logo__main{font-family:var(--wp--preset--font-family--fraunces);font-weight:400;letter-spacing:.28em;font-size:1.35rem;margin-right:-.28em}
.sf-logo__sub{font-family:var(--wp--preset--font-family--fraunces);font-weight:300;font-size:1.35rem;letter-spacing:.06em;padding-left:.9rem;border-left:2px solid currentColor}
.sf-logo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:currentColor}
.sf-logo:hover{opacity:.8}

/* Header */
.sf-header{border-bottom:1px solid rgba(60,74,82,.15)}
.sf-header .wp-block-navigation{font-size:.95rem}
.sf-header .wp-block-navigation a{text-decoration:none}
.sf-header .wp-block-navigation a:hover{text-decoration:underline}

/* Hero */
.sf-hero{background-image:url("assets/images/horizon.svg");background-size:cover;background-position:center bottom;background-repeat:no-repeat}
.sf-hero h1{max-width:14ch}
.sf-hero p{max-width:34rem}
.sf-eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.78rem;font-weight:500;margin-bottom:1rem}
.sf-horizon{width:64px;height:2px;background:var(--wp--preset--color--clay);border:0;margin:0 0 1.25rem}

/* Cards */
.sf-card{height:100%;border-top:2px solid var(--wp--preset--color--slate);padding-top:1.25rem}
.sf-card h3{margin-top:0}
.sf-quote{font-family:var(--wp--preset--font-family--fraunces);font-style:italic;font-size:1.35rem;line-height:1.5}

/* Buttons */
.wp-block-button__link{transition:background-color .2s,color .2s;letter-spacing:.02em}
.wp-block-button__link:hover{background-color:var(--wp--preset--color--clay)!important;color:#fff!important}
.is-style-outline>.wp-block-button__link{border:1.5px solid currentColor}

/* Footer */
.sf-footer a{text-decoration:none}
.sf-footer a:hover{text-decoration:underline}
.sf-footer .sf-logo__main,.sf-footer .sf-logo__sub{font-size:1.1rem}

/* Content */
.sf-prose{max-width:42rem}
.sf-prose h2{margin-top:2.5rem}
.wp-block-post-title{font-weight:400}
.wp-block-separator{opacity:.3}

@media (max-width:600px){
  .sf-logo__main,.sf-logo__sub{font-size:1.1rem}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}