/*
Theme Name: RedPix GeneratePress Child
Theme URI: https://redpix.gr/
Description: Lightweight child theme starter for the RedPix bilingual corporate website. Requires GeneratePress.
Author: RedPix
Template: generatepress
Version: 1.0.0
Text Domain: redpix-gp-child
*/

:root {
  --rp-ink: #17232b;
  --rp-paper: #f4f2ee;
  --rp-accent: #b64a3a;
  --rp-muted: #626b70;
  --rp-border: #e4e2de;
  --rp-white: #fff;
  --rp-radius: 12px;
}

html { scroll-behavior: smooth; }
body { color: var(--rp-ink); }
.site { overflow: clip; }
.inside-article, .comments-area, .page-header { border-radius: var(--rp-radius); }
.entry-content > .wp-block-group.alignfull { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); max-width: 100vw; width: 100vw; }
.rp-hero { padding: clamp(3.5rem, 8vw, 7rem) clamp(1.25rem, 5vw, 4rem); background: var(--rp-paper); }
.rp-hero h1 { max-width: 950px; font-size: clamp(2.4rem, 5vw, 4.7rem); line-height: 1.06; letter-spacing: -.04em; margin-bottom: 1.25rem; }
.rp-lead { max-width: 780px; font-size: clamp(1.05rem, 1.6vw, 1.25rem); line-height: 1.75; color: var(--rp-muted); }
.rp-section { padding: clamp(3rem, 6vw, 5rem) clamp(1.25rem, 4vw, 3rem); }
.rp-section h2 { font-size: clamp(1.8rem, 3vw, 2.7rem); line-height: 1.15; letter-spacing: -.025em; }
.rp-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.rp-card { height: 100%; padding: clamp(1.25rem, 2vw, 2rem); border: 1px solid var(--rp-border); border-radius: var(--rp-radius); background: var(--rp-white); }
.rp-card h3 { font-size: 1.3rem; line-height: 1.3; margin-bottom: .75rem; }
.rp-card p { color: var(--rp-muted); line-height: 1.7; }
.rp-dark { background: var(--rp-ink); color: var(--rp-white); }
.rp-dark h2, .rp-dark h3, .rp-dark p { color: var(--rp-white); }
.rp-dark p { opacity: .86; }
.rp-button a, .wp-block-button__link { background: var(--rp-accent); border-radius: 4px; color: #fff; font-weight: 600; padding: .9rem 1.25rem; text-decoration: none; }
.rp-button a:hover, .wp-block-button__link:hover { background: #963b2e; color: #fff; }
.rp-eyebrow { text-transform: uppercase; letter-spacing: .12em; font-size: .78rem; font-weight: 700; color: var(--rp-accent); }
.rp-contact { border-top: 1px solid var(--rp-border); }
.site-footer { background: var(--rp-ink); color: #fff; }
.site-footer a { color: #fff; }
@media (max-width: 767px) {
  .rp-grid { grid-template-columns: 1fr; }
  .entry-content > .wp-block-group.alignfull { padding-left: 1.25rem; padding-right: 1.25rem; }
}