/*
Theme Name:   Tight Technologies (Kadence Child)
Theme URI:    https://tighttechnologies.com/
Description:  Child theme of Kadence for Tight Technologies Inc. Holds brand fonts and brand utility styles so they survive parent theme updates.
Author:       Tight Technologies Inc.
Template:     kadence
Version:      1.0.0
Text Domain:  tight-kadence-child
*/


@import url("https://use.typekit.net/zvq0jnu.css");
/* ---------- Brand fonts (Nexa via Adobe Fonts) ---------- */
/* ---------- Brand tokens ---------- */
:root{
  --tt-turquoise:#53E6EA; --tt-navy:#2D335A; --tt-ocean:#4A94A8;
  --tt-grass:#469950; --tt-spring:#89BF72; --tt-deep:#1A5C81;
  --tt-gray:#EBF0F1; --tt-white:#FFFFFF;
}

/* ---------- Utility classes (add in the block's Additional CSS class field) ---------- */

/* Turquoise page-title label bar */
.tt-label-bar{display:inline-block;background:var(--tt-turquoise);color:var(--tt-navy);
  font-family:"Nexa",sans-serif;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  padding:.7em 1.6em;margin:0}

/* Dotted dividers (turquoise default; add -green for Spring Green) */
.tt-dotted{border:0;border-top:3px dotted var(--tt-turquoise);background:none;height:0}
.tt-dotted-green{border-top-color:var(--tt-spring)}
.tt-dotted-v{border-left:3px dotted var(--tt-spring);align-self:stretch}

/* Circle-cropped photos with a solid brand circle behind */
.tt-circle-photo img,.tt-circle-photo.wp-block-image img{border-radius:50%;aspect-ratio:1/1;object-fit:cover;
  box-shadow:0 0 0 8px var(--tt-white)}

/* Round pill buttons, navy text on turquoise for contrast */
.tt-btn-primary .wp-block-button__link,.tt-btn-primary.kb-btn{background:var(--tt-turquoise);color:var(--tt-navy);
  border-radius:999px;font-family:"Nexa",sans-serif;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.tt-btn-navy .wp-block-button__link,.tt-btn-navy.kb-btn{background:var(--tt-navy);color:var(--tt-white);
  border-radius:999px;font-family:"Nexa",sans-serif;font-weight:700;letter-spacing:.04em;text-transform:uppercase}

/* Soft-edged logo shadow, per brand guide */
.custom-logo,.site-branding img{filter:drop-shadow(0 3px 7px rgba(45,51,90,.28))}

/* Three-block strip: large text only on Ocean Blue / Grass Green */
.tt-strip-block{font-family:"Nexa",sans-serif;font-weight:700;font-size:1.6rem;text-align:center;color:var(--tt-white)}