/**
 * Perspekt Blocks – patterns.css v1.7.0
 * Targets pkp-* classes used by the core block pattern (om-oss.php).
 * All sizes match the mockup: large text, tall sections, correct hero image.
 */

/* ── Design tokens ───────────────────────────────────────────── */
.pkp-page {
	--pkp-red:   #c0211e;
	--pkp-ink:   #07182d;
	--pkp-muted: #3a4a5c;
	--pkp-line:  #e2deda;
	--pkp-paper: #f7f5f2;
	--pkp-navy:  #0d1b2a;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	color: var(--pkp-ink);
}

/* ── Full-width breakout (same technique as watch-listen / latest-news) ── */
.pkp-page.alignfull {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left:  calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
}
.editor-styles-wrapper .pkp-page.alignfull {
	width: min(100%, 1320px) !important;
	max-width: 1320px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* ── Global typography reset ─────────────────────────────────── */
.pkp-page :where(h1,h2,h3,p) { letter-spacing: 0; }

/* ── Eyebrow ─────────────────────────────────────────────────── */
.pkp-page .pkp-eyebrow {
	color: var(--pkp-red);
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.16em;
	margin: 0 0 1rem;
	text-transform: uppercase;
	display: block;
}

/* ══════════════════════════════════════════════════════════════
   HERO – flag visible at 82%, large headline, quote card top-right
══════════════════════════════════════════════════════════════ */
.pkp-hero {
	max-width: 100%;
	position: relative;
}

/* Force image to right so flag is visible */
.pkp-hero .wp-block-cover__image-background {
	object-position: 82% center !important;
}

/* White gradient: solid left → transparent right */
.pkp-hero::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(
		to right,
		rgba(255,255,255,1.00)  0%,
		rgba(255,255,255,1.00) 42%,
		rgba(255,255,255,0.88) 54%,
		rgba(255,255,255,0.08) 70%,
		rgba(255,255,255,0.00) 82%
	);
	pointer-events: none;
	z-index: 1;
}

/* Inner container above gradient */
.pkp-hero .wp-block-cover__inner-container {
	position: relative;
	z-index: 2;
	padding: clamp(4rem, 6vw, 7rem) clamp(2rem, 5vw, 5rem);
}

/* Tall hero */
.pkp-hero,
.pkp-hero__grid {
	min-height: clamp(700px, 70vw, 920px) !important;
}

.pkp-hero__grid {
	align-items: flex-start !important;
	padding-top: 3rem;
}

/* ── Hero headline ───────────────────────────────────────────── */
.pkp-hero__title {
	color: var(--pkp-ink);
	font-size: clamp(3rem, 5vw, 5.5rem) !important;
	font-weight: 800;
	line-height: 1.03;
	margin: 0.5rem 0 2rem;
}

/* ── Hero body text ──────────────────────────────────────────── */
.pkp-hero__lead,
.pkp-hero__body {
	color: var(--pkp-ink);
	font-size: clamp(1.1rem, 1.4vw, 1.3rem) !important;
	line-height: 1.72;
	max-width: 100%;
}
.pkp-hero__body { margin-top: 1.25rem; }

/* ── Red separator line ──────────────────────────────────────── */
.pkp-red-line {
	border-color: var(--pkp-red) !important;
	border-top-width: 2px !important;
	width: 52px;
	margin: 1.5rem 0;
}

/* ── Bullet card – shield icon ───────────────────────────────── */
.pkp-bullet-card {
	position: relative;
	background: rgba(255,255,255,0.93);
	border: 1px solid rgba(17,27,40,0.09);
	border-radius: 8px;
	box-shadow: 0 16px 48px rgba(17,27,40,0.08);
	padding: 1.5rem 1.75rem 1.5rem 5.5rem;
	margin-top: 2rem;
}
.pkp-bullet-card::before {
	content: '';
	position: absolute;
	top: 1.5rem; left: 1.4rem;
	width: 3rem; height: 3rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c0211e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpolyline points='9 12 11 14 15 10'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
}
.pkp-bullet-card p {
	font-size: clamp(1rem, 1.2vw, 1.15rem) !important;
	line-height: 1.65;
	color: var(--pkp-ink);
	margin: 0.3rem 0;
}

/* ── Quote card – dark, top of right column ──────────────────── */
.pkp-quote {
	background: rgba(7,24,45,0.90);
	border-radius: 6px;
	border-left: none;
	padding: 1.75rem 2rem;
	max-width: 340px;
	margin: 0 0 0 auto;
	box-shadow: 0 24px 60px rgba(7,24,45,0.40);
	backdrop-filter: blur(6px);
}
.pkp-quote::before {
	content: '"';
	display: block;
	font-size: 2.5rem;
	line-height: 0.8;
	color: var(--pkp-red);
	margin-bottom: 0.65rem;
	font-family: Georgia, serif;
}
.pkp-quote p {
	color: #fff !important;
	font-size: clamp(0.95rem, 1.1vw, 1.05rem) !important;
	font-style: italic;
	font-weight: 700;
	line-height: 1.55;
	margin: 0 0 0.85rem;
}
.pkp-quote cite {
	color: rgba(255,255,255,0.60);
	font-size: 0.82rem;
	font-style: normal;
}

/* ══════════════════════════════════════════════════════════════
   SECTIONS – all tall, all with large text
══════════════════════════════════════════════════════════════ */
.pkp-page .pkp-section,
.pkp-page .pkp-cta,
.pkp-page .pkp-tipbar {
	box-sizing: border-box;
	width: 100vw;
	max-width: 100vw !important;
	margin-left:  calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	padding-left: clamp(2rem, 5vw, 5rem);
	padding-right: clamp(2rem, 5vw, 5rem);
}

/* Section headline */
.pkp-section-title {
	color: var(--pkp-ink);
	font-size: clamp(2.8rem, 4.5vw, 4.5rem) !important;
	font-weight: 800;
	line-height: 1.06;
	margin: 0 0 1.5rem;
}

/* ── Mission / Oppdrag ───────────────────────────────────────── */
.pkp-mission {
	background: var(--pkp-navy);
	padding-top: clamp(7rem, 12vw, 13rem) !important;
	padding-bottom: clamp(7rem, 12vw, 13rem) !important;
}
.pkp-mission h2,
.pkp-mission .pkp-section-title {
	color: #fff !important;
	font-size: clamp(3rem, 5vw, 5rem) !important;
	font-weight: 800;
}
.pkp-mission .pkp-eyebrow { color: var(--pkp-red); }
.pkp-mission p {
	color: rgba(255,255,255,0.80) !important;
	font-size: clamp(1.1rem, 1.4vw, 1.3rem) !important;
	line-height: 1.75;
}

/* Pillar columns */
.pkp-mission__grid { align-items: flex-start !important; }
.pkp-icon-cols { padding-left: 2rem !important; }

.pkp-line-icon,
.pkp-card-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 4rem !important;
	height: 4rem !important;
	border: 2px solid var(--pkp-red);
	border-radius: 50%;
	color: var(--pkp-red);
	font-size: 1.3rem;
	margin-bottom: 1.5rem;
}

.pkp-icon-cols h3 {
	color: #fff !important;
	font-size: clamp(1.3rem, 1.8vw, 1.6rem) !important;
	font-weight: 800;
	margin: 0 0 0.75rem;
}
.pkp-icon-cols p {
	color: rgba(255,255,255,0.78) !important;
	font-size: clamp(1rem, 1.2vw, 1.15rem) !important;
	line-height: 1.72;
}

/* Divider inside pillar */
.pkp-icon-cols hr {
	border-color: rgba(255,255,255,0.15) !important;
	margin: 1.5rem 0 !important;
}

/* ── Topics / Dekker ─────────────────────────────────────────── */
.pkp-topics {
	background: #fff;
	padding-top: clamp(6rem, 10vw, 11rem) !important;
	padding-bottom: clamp(6rem, 10vw, 11rem) !important;
	text-align: center;
}
.pkp-topics .pkp-section-title {
	font-size: clamp(2.8rem, 4.5vw, 4.5rem) !important;
}
.pkp-topics > .wp-block-group > p,
.pkp-topics .pkp-intro {
	font-size: clamp(1.1rem, 1.4vw, 1.3rem) !important;
	line-height: 1.75;
	color: var(--pkp-muted);
	max-width: 860px;
	margin: 0 auto 4rem;
}

.pkp-card-grid {
	display: grid !important;
	grid-template-columns: repeat(6, 1fr) !important;
	gap: 0 !important;
}

.pkp-card-grid--six > .wp-block-column {
	min-height: 300px !important;
	padding: 3rem 1.5rem !important;
	border: 1px solid var(--pkp-line);
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	text-align: center;
}

.pkp-card-grid--six .pkp-card-icon {
	border: none;
	border-radius: 0;
	width: 3.5rem !important;
	height: 3.5rem !important;
	color: var(--pkp-red);
}

.pkp-card-grid--six h3 {
	font-size: clamp(1.1rem, 1.4vw, 1.3rem) !important;
	font-weight: 800;
	color: var(--pkp-ink) !important;
	margin: 0 0 0.85rem;
}

.pkp-card-grid--six p {
	font-size: clamp(0.95rem, 1.1vw, 1.1rem) !important;
	color: var(--pkp-muted);
	line-height: 1.7;
}

/* Footer note */
.pkp-topics-footer {
	display: flex;
	align-items: flex-start;
	gap: 1.25rem;
	background: var(--pkp-paper);
	border-radius: 8px;
	padding: 2.5rem !important;
	margin-top: 3.5rem;
	text-align: left;
}
.pkp-topics-footer p {
	font-size: clamp(1.05rem, 1.3vw, 1.2rem) !important;
	line-height: 1.7;
	color: var(--pkp-muted);
	margin: 0;
}

/* ── Voice / Folkets Stemme ──────────────────────────────────── */
.pkp-voice {
	background: var(--pkp-paper);
	padding-top: clamp(6rem, 10vw, 11rem) !important;
	padding-bottom: clamp(6rem, 10vw, 11rem) !important;
}
.pkp-voice .pkp-section-title {
	font-size: clamp(2.6rem, 4.2vw, 4rem) !important;
}
.pkp-voice > .wp-block-group > p,
.pkp-voice .pkp-intro {
	font-size: clamp(1.1rem, 1.4vw, 1.3rem) !important;
	line-height: 1.72;
}

.pkp-voice-cards .wp-block-column {
	background: #fff;
	border-radius: 8px;
	border: 1px solid var(--pkp-line);
	padding: 2.5rem 2rem !important;
	min-height: 240px;
}
.pkp-voice-cards h3 {
	font-size: clamp(1.15rem, 1.5vw, 1.35rem) !important;
	font-weight: 800;
	margin: 0 0 0.75rem;
}
.pkp-voice-cards p {
	font-size: clamp(1rem, 1.2vw, 1.15rem) !important;
	line-height: 1.7;
	color: var(--pkp-muted);
}

/* ── Principles / Prinsipper ─────────────────────────────────── */
.pkp-principles {
	background: #fff;
	padding-top: clamp(6rem, 10vw, 11rem) !important;
	padding-bottom: clamp(6rem, 10vw, 11rem) !important;
	text-align: center;
}
.pkp-principles .pkp-section-title {
	font-size: clamp(2.4rem, 3.8vw, 3.8rem) !important;
	margin-bottom: 4rem !important;
}
.pkp-principle-cols .wp-block-column {
	padding: 2rem 1rem !important;
	border: 1px solid var(--pkp-line);
	min-height: 260px;
}
.pkp-principle-cols h3 {
	font-size: clamp(1.15rem, 1.5vw, 1.35rem) !important;
	font-weight: 800;
	margin: 1rem 0 0.75rem;
}
.pkp-principle-cols p {
	font-size: clamp(1rem, 1.2vw, 1.15rem) !important;
	line-height: 1.7;
	color: var(--pkp-muted);
}

/* ── Team / Redaksjon ────────────────────────────────────────── */
.pkp-team {
	background: var(--pkp-paper);
	padding-top: clamp(6rem, 10vw, 11rem) !important;
	padding-bottom: clamp(6rem, 10vw, 11rem) !important;
}
.pkp-team .pkp-section-title {
	font-size: clamp(2.4rem, 3.8vw, 3.8rem) !important;
}
.pkp-team p {
	font-size: clamp(1.1rem, 1.4vw, 1.3rem) !important;
	line-height: 1.72;
}
.pkp-team-role h3 {
	font-size: clamp(1.15rem, 1.5vw, 1.35rem) !important;
	font-weight: 800;
}
.pkp-team-role p {
	font-size: clamp(1rem, 1.2vw, 1.15rem) !important;
}

/* ── CTA / Uavhengighet koster ───────────────────────────────── */
.pkp-cta {
	background: var(--pkp-navy);
	/* DOUBLE HEIGHT */
	padding-top:    clamp(8rem, 14vw, 16rem) !important;
	padding-bottom: clamp(8rem, 14vw, 16rem) !important;
}
.pkp-cta h2 {
	color: #fff;
	font-size: clamp(2.6rem, 4.2vw, 4.5rem) !important;
	font-weight: 800;
	line-height: 1.08;
	margin-bottom: 1.5rem;
}
.pkp-cta p {
	color: rgba(255,255,255,0.82) !important;
	font-size: clamp(1.1rem, 1.4vw, 1.3rem) !important;
	line-height: 1.72;
	max-width: 600px;
}
.pkp-cta .wp-block-columns {
	align-items: center !important;
	flex-wrap: nowrap !important;
	gap: 5rem !important;
}
.pkp-cta .wp-block-buttons .wp-block-button__link {
	padding: 1.1rem 2.2rem !important;
	font-size: 1.1rem !important;
	font-weight: 700 !important;
	min-width: 200px;
}

/* ── Tips bar ────────────────────────────────────────────────── */
.pkp-tipbar {
	background: #fff;
	border-top: 1px solid var(--pkp-line);
	padding-top: 2rem !important;
	padding-bottom: 2rem !important;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}
.pkp-tipbar p {
	font-size: 1.05rem !important;
}
.pkp-tipbar strong {
	font-size: 1.15rem !important;
	font-weight: 700;
}

/* ── Buttons ─────────────────────────────────────────────────── */
.pkp-btn-primary .wp-block-button__link {
	background: var(--pkp-red) !important;
	color: #fff !important;
	border-radius: 4px !important;
}
.pkp-btn-outline .wp-block-button__link {
	background: transparent !important;
	border: 2px solid rgba(255,255,255,0.5) !important;
	color: #fff !important;
	border-radius: 4px !important;
}

/* ══════════════════════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════════════════ */
@media (max-width: 980px) {
	.pkp-hero, .pkp-hero__grid { min-height: auto !important; }
	.pkp-hero__grid,
	.pkp-mission__grid,
	.pkp-voice-top { flex-direction: column !important; }
	.pkp-hero__quote-col, .pkp-hero__copy { flex-basis: 100% !important; width: 100% !important; }
	.pkp-quote { max-width: 100% !important; }
	.pkp-card-grid { grid-template-columns: repeat(3,1fr) !important; }
	.pkp-cta .wp-block-columns { flex-wrap: wrap !important; gap: 2.5rem !important; }
}

@media (max-width: 640px) {
	.pkp-hero { min-height: auto !important; }
	.pkp-hero__title { font-size: clamp(2.2rem, 8vw, 3rem) !important; }
	.pkp-card-grid { grid-template-columns: repeat(2,1fr) !important; }
	.pkp-principle-cols.wp-block-columns { flex-direction: column !important; }
}

/* ── v1.1 fixes (breadcrumbs, checkbox bullets, column widths) ── */
.pkp-bullet-card input[type="checkbox"],
.pkp-bullet-card .wp-block-list-item::before,
.pkp-bullet-card li::before { display: none !important; content: none !important; }

.pkp-bullet-card .wp-block-list,
.pkp-bullet-card ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }

.pkp-icon-cols > .wp-block-column,
.pkp-principle-cols > .wp-block-column {
	flex-basis: 0 !important; flex-grow: 1 !important; min-width: 0 !important;
}
.pkp-card-grid--six > .wp-block-column {
	flex-basis: 0 !important; flex-grow: 1 !important; min-width: 0 !important;
}

/* Fix for wide/full sections in page context */
.pkp-mission.alignwide,
.pkp-topics.alignwide,
.pkp-voice.alignwide,
.pkp-principles.alignwide,
.pkp-team.alignwide,
.pkp-cta.alignwide,
.pkp-tipbar.alignwide {
	max-width: 100vw !important;
	width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
}

/* Has-perspekt-blocks body: hide post chrome */
.has-perspekt-blocks .breadcrumbs,
.has-perspekt-blocks .breadcrumb,
.has-perspekt-blocks nav.breadcrumb,
.has-perspekt-blocks .rank-math-breadcrumb,
.has-perspekt-blocks .yoast-breadcrumb,
.has-perspekt-blocks h1.entry-title,
.has-perspekt-blocks .entry-header,
.has-perspekt-blocks .page-header,
.has-perspekt-blocks .post-thumbnail { display: none !important; }

/* Also trigger on pkp-page presence */
body:has(.pkp-page) .breadcrumbs,
body:has(.pkp-page) nav.breadcrumb,
body:has(.pkp-page) .rank-math-breadcrumb,
body:has(.pkp-page) h1.entry-title,
body:has(.pkp-page) .entry-header,
body:has(.pkp-page) .page-header { display: none !important; }

/* ── v1.7.1 final alignment pass ───────────────────────────────
   The reference image is editorial and compact. v1.7.0 made the
   sections too tall and missed a few live class names from the
   PHP pattern, so these rules intentionally come last.
────────────────────────────────────────────────────────────── */
.pkp-page {
	--pkp-content: 1180px;
	--pkp-content-wide: 1300px;
}

.pkp-hero,
.pkp-hero__grid {
	min-height: clamp(520px, 38vw, 660px) !important;
}

.pkp-hero .wp-block-cover__inner-container,
.pkp-page .pkp-section > :where(.wp-block-columns, .wp-block-group, .wp-block-buttons, .wp-block-heading, p),
.pkp-page .pkp-cta > .wp-block-columns,
.pkp-page .pkp-tipbar {
	max-width: var(--pkp-content) !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.pkp-hero .wp-block-cover__inner-container {
	padding: clamp(2.75rem, 4vw, 4.5rem) clamp(1.5rem, 4vw, 3rem);
}

.pkp-hero__grid {
	padding-top: 0;
	align-items: center !important;
	gap: clamp(2rem, 4vw, 4rem);
}

.pkp-hero__title {
	font-size: clamp(2.85rem, 4.35vw, 4.8rem) !important;
	max-width: 620px;
}

.pkp-hero__lead,
.pkp-hero__body {
	font-size: clamp(0.98rem, 1.05vw, 1.12rem) !important;
	max-width: 620px;
}

.pkp-bullet-card {
	max-width: 560px;
}

.pkp-bullet-card p {
	font-size: clamp(0.88rem, 0.95vw, 1rem) !important;
}

.pkp-page .pkp-section,
.pkp-page .pkp-cta {
	padding-top: clamp(4.5rem, 6.5vw, 7rem) !important;
	padding-bottom: clamp(4.5rem, 6.5vw, 7rem) !important;
}

.pkp-section-title {
	font-size: clamp(2.1rem, 3vw, 3.1rem) !important;
}

.pkp-mission h2,
.pkp-mission .pkp-section-title,
.pkp-topics .pkp-section-title,
.pkp-voice .pkp-section-title,
.pkp-principles .pkp-section-title,
.pkp-team .pkp-section-title,
.pkp-cta h2 {
	font-size: clamp(2.25rem, 3.4vw, 3.45rem) !important;
}

.pkp-mission p,
.pkp-voice p,
.pkp-team p,
.pkp-cta p,
.pkp-center-copy {
	font-size: clamp(0.95rem, 1vw, 1.08rem) !important;
}

.pkp-mission__grid,
.pkp-voice__top,
.pkp-team__cols {
	max-width: var(--pkp-content) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	gap: clamp(2rem, 4vw, 4rem) !important;
}

.pkp-card-grid {
	max-width: var(--pkp-content) !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.pkp-card-grid--six {
	grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

.pkp-card-grid--three {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 1.25rem !important;
}

.pkp-card-grid--six > .wp-block-column {
	min-height: 220px !important;
	padding: 2rem 1.1rem !important;
}

.pkp-card-grid--three > .wp-block-column {
	background: #fff;
	border: 1px solid var(--pkp-line);
	border-radius: 6px;
	box-shadow: 0 12px 30px rgba(17,27,40,0.04);
	min-height: 210px !important;
	padding: 2rem 1.75rem !important;
	text-align: left;
}

.pkp-card-grid--three .pkp-card-icon {
	border: none;
	border-radius: 0;
	justify-content: flex-start;
	width: 2.5rem !important;
	height: 2.5rem !important;
}

.pkp-card-grid h3,
.pkp-principle-cols h3,
.pkp-team-role h3 {
	font-size: clamp(1rem, 1.05vw, 1.12rem) !important;
}

.pkp-card-grid p,
.pkp-principle-cols p,
.pkp-team-role p {
	font-size: clamp(0.86rem, 0.92vw, 0.98rem) !important;
}

.pkp-note {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
	max-width: var(--pkp-content) !important;
	margin: 2.5rem auto 0 !important;
	padding: 1.25rem 1.5rem !important;
	background: #efebe7;
	border-radius: 6px;
	text-align: left;
}

.pkp-note::before {
	content: "▤";
	color: var(--pkp-red);
	font-size: 1.35rem;
	line-height: 1.2;
}

.pkp-note p {
	margin: 0;
	font-size: clamp(0.9rem, 0.96vw, 1rem) !important;
	line-height: 1.65;
	color: var(--pkp-muted);
}

.pkp-crowd img {
	width: min(100%, 560px);
	margin-left: auto;
	display: block;
}

.pkp-principle-cols {
	max-width: var(--pkp-content) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	gap: 0 !important;
}

.pkp-principle-cols .wp-block-column {
	border-width: 0 1px 0 0;
	min-height: 0;
	padding: 1.4rem 1.5rem !important;
}

.pkp-principle-cols .wp-block-column:last-child {
	border-right: 0;
}

.pkp-button-primary .wp-block-button__link {
	background: var(--pkp-red) !important;
	border: 2px solid var(--pkp-red) !important;
	color: #fff !important;
	border-radius: 4px !important;
	font-weight: 700 !important;
}

.pkp-button-dark .wp-block-button__link {
	background: var(--pkp-navy) !important;
	border: 2px solid var(--pkp-navy) !important;
	color: #fff !important;
	border-radius: 4px !important;
	font-weight: 700 !important;
}

.pkp-page .is-style-outline .wp-block-button__link {
	background: transparent !important;
	border: 2px solid rgba(7,24,45,0.22) !important;
	color: var(--pkp-ink) !important;
	border-radius: 4px !important;
	font-weight: 700 !important;
}

.pkp-cta .is-style-outline .wp-block-button__link {
	border-color: rgba(255,255,255,0.55) !important;
	color: #fff !important;
}

.pkp-tipbar {
	width: min(calc(100vw - 48px), var(--pkp-content)) !important;
	max-width: var(--pkp-content) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

@media (max-width: 1180px) {
	.pkp-card-grid--six { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}

@media (max-width: 760px) {
	.pkp-card-grid--six,
	.pkp-card-grid--three {
		grid-template-columns: 1fr !important;
	}

	.pkp-principle-cols .wp-block-column {
		border-right: 0;
		border-bottom: 1px solid var(--pkp-line);
	}
}