/*
Theme Name: Pixolith Media
Theme URI: https://pixolithmedia.com
Author: Rudy Ferguson
Author URI: https://pixolithmedia.com
Description: Single-page site for Pixolith Media, a video production and live multi-camera streaming studio in Harlingen, Texas.
Version: 2.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pixolith-media
*/

body {
  margin: 0;
  background: #101010;
  color: #FFFDF9;
  font-family: 'Schibsted Grotesk', 'Söhne', sans-serif;
  font-weight: 400;
  text-wrap: pretty;
  -webkit-font-smoothing: antialiased;
}
a { color: #FFFDF9; text-decoration: none; transition: color 0.5s cubic-bezier(0.52, 0.01, 0, 1); }
a:hover { color: #6F879C; }
html { scroll-behavior: smooth; }
input, textarea { font-family: inherit; }
::selection { background: #F9541C; color: #FFFDF9; }
img, video { max-width: 100%; }

a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible {
  outline: 2px solid #F9541C;
  outline-offset: 3px;
  border-radius: 3px;
}

/* hover states carried over from the design export */
  .hv1:hover { border-color: #6F879C; color: #6F879C; }
  .hv2:hover { background: #FFFDF9; color: #101010; }
  .hv3:hover { background: #F9541C; color: #101010; }
  .hv4:hover { background: #FF5C34; }
  .skiplink:focus { left: 12px; top: 12px; }

/* mobile nav: collapse the link row behind a toggle under 760px */
@media (max-width: 760px) {
  .px-nav { gap: 0 !important; }
  .px-nav-toggle { display: flex !important; }
  .px-nav-links {
    display: none;
    flex-basis: 100%;
    flex-direction: column;
    gap: 4px;
    padding: 12px 0 4px;
  }
  .px-nav-links.is-open { display: flex; }
  .px-nav-links a { padding: 10px 0; }
}
@media (min-width: 761px) {
  .px-nav-links { display: flex; align-items: center; gap: 40px; margin-left: auto; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  a { transition: none; }
}