/*
Theme Name: PCN Twenty Twenty-Five
Theme URI: https://pcnllc.net/
Description: Native block theme for PCN, LLC.
Template: twentytwentyfive
Version: 0.1.2
Text Domain: pcn-tt5
*/

:root { color-scheme: dark; }
html { scroll-behavior: smooth; }
body { background: #050505; color: #fff; font-family: Arial, Helvetica, sans-serif; }
a { color: #fff; text-underline-offset: .2em; }
a:hover, a:focus-visible { color: #78dc70; }
.wp-site-blocks { overflow-x: clip; }
.pcn-header { border-bottom: 1px solid #292929; }
.pcn-header-inner { align-items: center; min-height: 112px; }
.pcn-header .wp-block-site-logo img { width: 90px; height: auto; }
.pcn-header .wp-block-navigation { font-size: 1rem; font-weight: 600; }
.pcn-header .wp-block-navigation-item__content { padding: .6rem .2rem; }
.pcn-header .current-menu-item > a { color: #78dc70; }
.pcn-main { min-height: 55vh; }
.pcn-main > .wp-block-post-content { margin-block-start: 0; }
.pcn-main h1, .pcn-main h2, .pcn-main h3, .pcn-main h4, .pcn-main h5, .pcn-main h6 { color: #fff; }
.pcn-main .blockshift-page-14 > .wp-block-group { padding-top: clamp(3rem, 7vw, 7rem) !important; }
.pcn-main .blockshift-page-14 h4 { font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 700; margin-bottom: 1rem; }
.pcn-main .blockshift-page-14 h6 { font-size: clamp(1.4rem, 2.5vw, 2rem); font-weight: 700; text-transform: uppercase; }
.pcn-main .blockshift-page-14 .wp-block-columns { gap: 0; }
.pcn-main .blockshift-page-14 .wp-block-column { min-width: 0; }
.pcn-main .blockshift-page-14 .wp-block-image img { width: 100%; height: 360px; object-fit: cover; }
.pcn-content { padding: 4rem 1.5rem 6rem; }
.pcn-content h1 { font-size: clamp(2.25rem, 5vw, 3.75rem); }
.pcn-content :where(p, li) { line-height: 1.7; }
.pcn-content :where(a:not(.wp-element-button)) { color: #9be694; }
.pcn-content :is(.pcn-services, .pcn-work) {
  position: relative;
  left: 50%;
  width: min(1140px, calc(100vw - 3rem));
  max-width: none !important;
  margin-inline: 0 !important;
  transform: translateX(-50%);
}
.pcn-section-kicker, .pcn-service-number {
  color: #83d77c;
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.pcn-services > h2, .pcn-work > h2 {
  font-size: clamp(2rem, 4vw, 3.25rem);
  line-height: 1.12;
  margin-block: .4rem 1rem;
}
.pcn-services > p:not(.pcn-section-kicker),
.pcn-work > p:not(.pcn-section-kicker) { color: #c8c8c8; font-size: 1.1rem; }
.pcn-service-grid, .pcn-work-grid { gap: 1.5rem; margin-block: 2rem 0; }
.pcn-service-grid > .wp-block-column,
.pcn-work-grid > .wp-block-column { min-width: 0; }
.pcn-service-card, .pcn-work-card {
  box-sizing: border-box;
  height: 100%;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border: 1px solid #303830;
  border-radius: 16px;
  background: #111511;
}
.pcn-service-card { display: flex; flex-direction: column; align-items: flex-start; text-align: left; }
.pcn-service-card > :where(p, h3, ul) { margin-inline: 0 !important; }
.pcn-service-card h3, .pcn-work-card h3 { font-size: clamp(1.5rem, 2.5vw, 2rem); margin-block: .3rem 1rem; }
.pcn-service-card > p:not(.pcn-service-number, .pcn-service-link) { color: #d8ddd8; }
.pcn-service-card ul { padding-left: 1.3rem; }
.pcn-service-card li { padding-block: .2rem; }
.pcn-service-link { margin-top: auto !important; padding-top: 1.5rem; font-weight: 700; }
.pcn-service-link a, .pcn-work-card a { text-decoration: none; }
.pcn-service-link a:hover, .pcn-work-card a:hover { text-decoration: underline; }
.pcn-work-card { padding: 1.25rem; }
.pcn-work-card h3 { margin: .25rem .5rem 1rem; }
.pcn-work-card > p { margin: 1rem .5rem .25rem; font-weight: 700; }
.pcn-site-window { overflow: hidden; border: 1px solid #384238; border-radius: 10px; background: #fff; }
.pcn-site-window-bar {
  display: flex;
  align-items: center;
  gap: .9rem;
  height: 38px;
  padding: 0 12px;
  overflow: hidden;
  color: #aeb7ae;
  background: #222822;
  font-size: .78rem;
  white-space: nowrap;
}
.pcn-site-window-dots { display: flex; gap: 5px; flex: none; }
.pcn-site-window-dots i { display: block; width: 7px; height: 7px; border-radius: 50%; background: #788478; }
.pcn-site-window a { display: block; }
.pcn-site-window img { display: block; width: 100%; height: auto; aspect-ratio: 30 / 13; object-fit: cover; background: #fff; }
.pcn-site-window a:hover img { filter: brightness(1.12); }
.pcn-news-list { display: grid; gap: 1rem; padding: 0; list-style: none; }
.pcn-news-list li { padding: 1.5rem; border: 1px solid #303830; border-radius: 14px; background: #111511; }
.pcn-news-list .wp-block-latest-posts__post-title { font-size: 1.35rem; font-weight: 700; text-decoration: none; }
.pcn-news-list .wp-block-latest-posts__post-date { color: #aab5aa; margin-top: .4rem; }
.pcn-footer { border-top: 1px solid #292929; }
.pcn-footer .wp-block-button__link { background: #24a835; color: #fff; border-radius: 999px; font-weight: 700; text-transform: uppercase; }
.pcn-footer .wp-block-button__link:hover { background: #178427; color: #fff; }
.pcn-footer a { color: #fff; }
.pcn-footer a:hover { color: #9be694; }
@media (max-width: 780px) {
  .pcn-header-inner { min-height: 82px; }
  .pcn-header .wp-block-site-logo img { width: 68px; }
  .pcn-main .blockshift-page-14 .wp-block-columns { display: flex; flex-direction: column; }
  .pcn-main .blockshift-page-14 .wp-block-column { width: 100% !important; flex-basis: auto !important; }
  .pcn-main .blockshift-page-14 .wp-block-image img { height: 260px; }
  .pcn-main .blockshift-page-14 .wp-block-column[style*="padding-left:50px"] { padding: 2rem 1rem !important; }
  .pcn-service-grid, .pcn-work-grid { display: flex; flex-direction: column; }
}