/*
Theme Name: Link Spider
Theme URI: https://example.com/linkspider
Author: GrowthGrain
Author URI: https://growthgrain.co
Description: Executive Authority — a conversion-focused theme for LinkedIn ghostwriting and personal branding agencies. Every front page section is editable from Appearance → Link Spider Options, with repeatable cards, services, testimonials, process steps, team members and FAQs.
Version: 1.0.1
Requires at least: 6.0
Tested up to: 6.6
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: linkspider
Tags: business, portfolio, one-column, custom-logo, custom-menu, editor-style, featured-images, threaded-comments, translation-ready
*/

/* Tailwind (Play CDN) handles the utility classes. Everything below is the
   small amount of custom CSS the design needs on top of that. */

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.nav-link { position: relative; }
.nav-link::after {
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  bottom: -4px;
  left: 0;
  background-color: var(--ls-secondary, #0051d5);
  transition: width .3s ease;
}
.nav-link:hover::after { width: 100%; }

/* FAQ accordion */
.ls-faq-item .ls-faq-answer { display: none; }
.ls-faq-item.is-open .ls-faq-answer { display: block; }
.ls-faq-item.is-open .ls-faq-icon { transform: rotate(45deg); }
.ls-faq-icon { transition: transform .25s ease; }

/* Accessibility */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.skip-link:focus {
  background: #fff;
  color: #001736;
  display: block;
  font-weight: 700;
  left: 6px;
  padding: 12px 20px;
  position: fixed;
  top: 6px;
  z-index: 100000;
}

/* WordPress core alignment / caption classes for blog content */
.ls-prose img { max-width: 100%; height: auto; }
.alignleft { float: left; margin: 0 1.5em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1.5em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption-text { font-size: 14px; opacity: .7; margin-top: .5em; }

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: .001ms !important; transition-duration: .001ms !important; }
}