/* @override 
	https://timbotriplett.com/wp-content/themes/blankslate/theme/css/main.css?* */

/* ==========================================================================
   TRIPLETT.GROUP CUSTOM STYLES
   ========================================================================== */
   
@font-face {
  font-family: 'geomanistlight';
  src: url('../fonts/geomanist/geomanist-light-webfont.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'geomanistregular';
  src: url('../fonts/geomanist/geomanist-regular-webfont.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'geomanistbook';
  src: url('../fonts/geomanist/geomanist-book-webfont.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'geomanistmedium';
  src: url('../fonts/geomanist/geomanist-medium-webfont.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'geomanistblack';
  src: url('../fonts/geomanist/geomanist-black-webfont.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

:root {
  /* Light neutrals */
  --tg-ivory:        #F9F8F2; /* existing */
  --tg-warm-gray:    #EAE8DF; /* existing */
  --tg-light-gray:   #CDCCC8; /* existing */

  /* Mid-to-dark neutrals */
  --tg-charcoal:     #262626; /* existing */
  --tg-black:        #010101; /* existing */
  --tg-olive:        #494120; /* existing */
  --tg-slate-gray:   #465658; /* existing */
  --tg-dark-olive:   #52481C; /* new   */

  /* Accents */
  --tg-tangerine:        #E06612; /* existing */
  --tg-burnt-orange:     #C5641D; /* new   */
  --tg-neon-lime:        #CDFE78; /* existing */
  --tg-lime-green:       #DEFD84; /* new   */
  --tg-lavender:         #C5B2D4; /* existing */
  --tg-pale-lavender:    #BFB3D2; /* new   */
  --tg-maroon:           #3D2128; /* existing */
  --tg-sage:             #B9BAB0; /* existing */
  --tg-mint-cream:       #EDF5E6; /* new   */
}


html {
	font-size: 16px;
  scroll-behavior: smooth;
	background-color: #F9F8F2;
	border-bottom: 3px solid #010101;
}

body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
	background-color: #fff;
	font-family: 'geomanistregular';
	color: var(--tg-black);
}

a {
  position: relative;
  text-decoration: none;
	font-family: 'geomanistmedium';
  color: var(--tg-black);
}

a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;       /* tweak to sit just below text */
  width: 0;
  height: 2px;        /* underline thickness */
  background-color: currentColor;
  transition: width 0.3s ease;
}

a:hover::after,
a:focus::after {
  width: 100%;
}

h1, h2, h3, h4, h5, h6, 
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'geomanistmedium';
  font-style: normal;
  text-rendering: optimizeLegibility;
}

@media (max-width: 576px) {
  h1,
  .h1 {
    font-size: calc(8vw);
  }
	h3,
  .h3 {
    font-size: calc(4.5vw);
  }
}

.light {
	font-family: geomanistlight, sans-serif;
}
.book {
	font-family: geomanistbook, sans-serif;
}
.medium {
	font-family: geomanistmedium, sans-serif;
}
.black {
	font-family: geomanistblack, sans-serif;
}

em {
  font-style: oblique;
}

strong {
	font-family: geomanistbook, sans-serif;
	font-style: normal;
  text-rendering: optimizeLegibility;
}

/* ———————————————————
   Site‑Header / Navbar
   ——————————————————— */
.site-header .navbar {
  padding: 1rem 0;
  background-color: #fff;
}

/* logo */
.navbar-brand {
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: -1px;
  color: #000;
}

/* center menu links */
.center-nav .nav-item .nav-link {
  font-size: 1.125rem;
  font-family: 'geomanistmedium';
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 0.5rem 1rem;
  color: #000;
}
.center-nav .nav-item + .nav-item {
  margin-left: 2rem;
}

/* right menu links */
.right-nav .nav-item .nav-link {
  font-size: 0.75rem;
  font-family: 'geomanistregular';
  text-transform: none;
  padding: 0.5rem 0.75rem;
  color: #000;
}
.right-nav .nav-item + .nav-item {
  margin-left: 1rem;
}

/* search icon */
.search-toggle {
  font-size: 1.25rem;
  line-height: 1;
  padding: 0 0.5rem;
}


/* Home Hero */
.home-hero {
	background: #f5f5f5 url('../images/placer.svg') no-repeat left bottom;
	background-size: 525px 788px;
}