/*
Theme Name:     VKST Forening
Theme URI:      n/a
Template:       kadence
Author:         Lasse Nielsen
Author URI:     n/a
Description:    Foreningssitet for VKST. Child theme til Kadence.
Version:        1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

/* ==========================================================================
   Sidefod - bygget efter vkst.dk (assets/scss/_footer.scss)
   ========================================================================== */

/* Overskrifter med rod streg under, som paa vkst.dk */
.site-footer .widget-title,
.site-footer h4 {
	color: #fff;
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 20px;
}

.site-footer .widget-title::after,
.site-footer h4::after {
	content: "";
	display: block;
	width: 30px;
	padding-top: 20px;
	border-bottom: 2px solid #EE4138;
}

/* Lister uden punkttegn */
.site-footer ul.wp-block-list,
.site-footer .widget ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.site-footer ul.wp-block-list li {
	list-style: none;
	line-height: 1.5;
	margin-bottom: 8px;
}

.site-footer ul.wp-block-list li a {
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	transition: all .3s linear;
}

.site-footer ul.wp-block-list li a:hover {
	text-decoration: underline;
}

/* Kontaktkolonnen - luftigere linjer */
.site-footer p,
.site-footer p a {
	color: #fff;
	line-height: 2;
}

.site-footer p a {
	text-decoration: none;
}

.site-footer p a:hover {
	text-decoration: underline;
}

/* Skillelinje mellem kolonner og bundbjaelke */
.site-middle-footer-wrap {
	padding-bottom: 70px;
	border-bottom: 1px solid rgba(255, 255, 255, .35);
}

.site-bottom-footer-wrap {
	padding-top: 25px;
}

/* Bundbjaelke: tre dele fordelt paa linjen */
.vkst-footer-bund {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	width: 100%;
	color: #fff;
}

@media screen and (max-width: 768px) {
	.vkst-footer-bund {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	.site-middle-footer-wrap {
		padding-bottom: 40px;
	}
}

/* Sociale ikoner */
.site-footer .wp-block-social-links {
	margin-top: 10px;
	gap: 12px;
}

/* ==========================================================================
   Sidehoved
   ========================================================================== */

/* Telefonnummeret maa ikke brydes eller understreges */
.site-header .header-html a {
	white-space: nowrap;
	text-decoration: none;
}

/* ==========================================================================
   Medarbejderkort - bygget efter vkst.dk (_employees-loop.scss)
   ========================================================================== */

.vkst-medarbejder { cursor: default; }

.vkst-medarbejder__billede { margin: 0; }
.vkst-medarbejder__billede img { width: 100%; display: block; aspect-ratio: 1 / 1; object-fit: cover; }

.vkst-medarbejder__indhold {
	position: relative;
	margin-top: -32px;
	margin-right: 30px;
	background-color: #fff;
	padding: 15px;
}

.vkst-medarbejder__indhold p { margin: 0; line-height: 1.4; }

/* Stilling */
.vkst-medarbejder__stilling { margin-bottom: 15px !important; word-wrap: break-word; }

/* Navn - med rod streg over */
.vkst-medarbejder__navn {
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.3;
	margin-bottom: 20px !important;
}
.vkst-medarbejder__navn::before {
	content: "";
	display: block;
	border-bottom: 3px solid #EE4138;
	width: 30px;
	height: 0;
	margin-bottom: 15px;
}

/* Telefon og mail med ikon */
.vkst-medarbejder__indhold p.vkst-medarbejder__tlf,
.vkst-medarbejder__indhold p.vkst-medarbejder__mail { margin: 0 !important; padding-bottom: 10px; line-height: 1.15; }
.vkst-medarbejder__indhold p.vkst-medarbejder__stilling { line-height: 1.15; }
.vkst-medarbejder__indhold p.vkst-medarbejder__navn { line-height: 1.3; }
.vkst-medarbejder__indhold p.vkst-medarbejder__link { line-height: 1.15; }
.vkst-medarbejder__tlf a, .vkst-medarbejder__mail a { color: #000; text-decoration: none; display: inline-flex; align-items: center; vertical-align: top; }
.vkst-medarbejder__tlf a:hover, .vkst-medarbejder__mail a:hover { text-decoration: underline; }
.vkst-medarbejder__tlf a::before, .vkst-medarbejder__mail a::before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 15px;
	flex: 0 0 18px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.vkst-medarbejder__tlf a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Crect x='7' y='2' width='10' height='20' rx='2'/%3E%3Cline x1='10.5' y1='18.5' x2='13.5' y2='18.5'/%3E%3C/svg%3E"); }
.vkst-medarbejder__mail a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpolyline points='2.5,7 12,13.5 21.5,7'/%3E%3C/svg%3E"); }

/* Kontakt mig */
.vkst-medarbejder__link { margin-top: 15px !important; }
.vkst-medarbejder__link a {
	color: #EE4138;
	font-weight: 400;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
}
.vkst-medarbejder__link a:hover { text-decoration: underline; }
.vkst-medarbejder__link a::after {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-left: 8px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EE4138' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='6' y1='18' x2='18' y2='6'/%3E%3Cpolyline points='9,6 18,6 18,15'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}


/* ==========================================================================
   Rod streg under overskrifter - gennemgaaende paa vkst.dk
   ========================================================================== */

.entry-content h1::after,
.vkst-topbanner__titel::after,
.vkst-streg-under::after,
.vkst-sidemenu__overskrift::after {
	content: "";
	display: block;
	width: 30px;
	height: 0;
	border-bottom: 3px solid #EE4138;
	margin-top: 20px;
	margin-bottom: 20px;
}

/* ==========================================================================
   Topbanner
   ========================================================================== */

.vkst-topbanner { gap: 0 !important; margin-bottom: 0; }
.vkst-topbanner__tekst {
	background-color: #F9F9F9;
	padding: 72px 45px;
}
.vkst-topbanner__tekst > *:last-child { margin-bottom: 0; }
.vkst-topbanner__billede { flex-basis: 50%; }
.vkst-topbanner__billede figure,
.vkst-topbanner__billede img {
	margin: 0;
	width: 100%;
	height: 100%;
	min-height: 350px;
	object-fit: cover;
	display: block;
}
@media (max-width: 781px) {
	.vkst-topbanner__tekst { padding: 40px 25px; }
	.vkst-topbanner__billede img { min-height: 220px; }
}

/* ==========================================================================
   Sidemenu
   ========================================================================== */

.vkst-sidemenu-boks { margin-bottom: 40px; }
.vkst-sidemenu__overskrift { font-size: 1.3rem; margin-bottom: 0; }
.vkst-sidemenu__overskrift a { color: #000; text-decoration: none; }

.vkst-sidemenu ul { list-style: none; margin: 0; padding: 0; }
.vkst-sidemenu li { width: 100%; padding-bottom: 10px; }
.vkst-sidemenu li:last-child { padding-bottom: 0; }

.vkst-sidemenu a {
	display: flex;
	align-items: flex-start;
	color: #000;
	font-weight: 400;
	text-decoration: none;
	line-height: 1.4;
}
.vkst-sidemenu a:hover { text-decoration: underline; }
.vkst-sidemenu a::before {
	content: "";
	display: inline-block;
	width: 13px;
	height: 13px;
	flex: 0 0 13px;
	margin-right: 11px;
	margin-top: 4px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EE4138' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9,5 16,12 9,19'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

/* Aktiv side markeres med rodt og fed */
.vkst-sidemenu li.current-menu-item > a { color: #EE4138; font-weight: 700; }

/* Undermenu rykkes ind */
.vkst-sidemenu .sub-menu { margin: 0 0 10px; }
.vkst-sidemenu .sub-menu li { margin-left: 15px; padding-top: 15px; padding-bottom: 0; }

/* ==========================================================================
   Bundsektion og CTA
   ========================================================================== */

.vkst-cta .vkst-streg-under { color: #fff; }
.vkst-cta .vkst-streg-under::after { border-bottom-color: #EE4138; }

/* Hvid knap paa gron bund */
.vkst-knap-hvid .wp-block-button__link {
	background-color: transparent;
	border: 3px solid #fff;
	color: #fff;
	border-radius: 0;
	padding: 0.6rem 1.1rem;
	font-weight: 400;
	transition: all .3s linear;
}
.vkst-knap-hvid .wp-block-button__link:hover { background-color: #fff; color: #3C5949; }

/* Editor-visning af sidemenu-blokken */
.vkst-sidemenu-preview {
	border: 1px dashed #c3c4c7;
	background: #f6f7f7;
	padding: 14px 16px;
	color: #50575e;
}


/* Rettelser efter visuel kontrol mod vkst.dk */

.vkst-medarbejder > .wp-block-group__inner-container {
	display: block;
}
.vkst-medarbejder > .wp-block-group__inner-container > * { margin-block-start: 0 !important; }
.vkst-medarbejder .vkst-medarbejder__indhold { margin-top: -32px !important; }

.vkst-groent-baand h1,
.vkst-groent-baand h2,
.vkst-groent-baand h3,
.vkst-groent-baand p { color: #fff; }

.vkst-streg-centreret::after { margin-left: auto; margin-right: auto; }

/* Billedets bundmargin udlignede overlappet - nulstilles */
.vkst-medarbejder figure.wp-block-image,
.vkst-medarbejder .vkst-medarbejder__billede { margin-bottom: 0 !important; }


/* Justeret efter opmaaling mod vkst.dk */

.vkst-medarbejder .vkst-medarbejder__indhold { margin-right: 55px !important; }

.vkst-topbanner {
	gap: 0 !important;
	column-gap: 0 !important;
	--wp--style--block-gap: 0 !important;
}
.vkst-topbanner > .wp-block-column { margin: 0 !important; }

/* Topbanner i fuld bredde - teksten holdes paa linje med sidens indhold */
@media (min-width: 782px) {
	.vkst-topbanner.alignfull .vkst-topbanner__tekst {
		padding-left: max(45px, calc((100vw - 1640px) / 2 + 15px));
	}
}

/* Banneret deles praecis paa midten, som paa dev */
.vkst-topbanner > .wp-block-column {
	flex-basis: 50% !important;
	flex-grow: 0 !important;
	max-width: 50%;
}
@media (max-width: 781px) {
	.vkst-topbanner > .wp-block-column { flex-basis: 100% !important; max-width: 100%; }
}

/* Centreret overskrift skal ogsaa have centreret streg */
.vkst-streg-under.has-text-align-center::after { margin-left: auto; margin-right: auto; }
.vkst-streg-under.has-text-align-right::after { margin-left: auto; }

/* Medarbejderkortet har altid hvid bund, saa teksten skal vaere sort */
.vkst-medarbejder__indhold,
.vkst-medarbejder__indhold p,
.vkst-medarbejder__indhold a { color: #000 !important; }
.vkst-medarbejder__link a { color: #EE4138 !important; }


/* ==========================================================================
   Rettelser efter gennemgang 2026-09-18
   ========================================================================== */

/* --- Tekst paa gron bund skal altid vaere hvid --- */
.has-theme-palette2-background-color,
.has-theme-palette2-background-color h1,
.has-theme-palette2-background-color h2,
.has-theme-palette2-background-color h3,
.has-theme-palette2-background-color h4,
.has-theme-palette2-background-color h5,
.has-theme-palette2-background-color h6,
.has-theme-palette2-background-color p,
.has-theme-palette2-background-color li,
.has-theme-palette2-background-color strong,
.has-theme-palette2-background-color em {
	color: #fff;
}

/* Links paa gron bund */
.has-theme-palette2-background-color a:not(.wp-block-button__link) { color: #fff; text-decoration: underline; }

/* Medarbejderkortet har egen hvid bund - maa ikke arve den hvide tekst */
.has-theme-palette2-background-color .vkst-medarbejder__indhold,
.has-theme-palette2-background-color .vkst-medarbejder__indhold p,
.has-theme-palette2-background-color .vkst-medarbejder__indhold a { color: #000; text-decoration: none; }
.has-theme-palette2-background-color .vkst-medarbejder__link a { color: #EE4138; }

/* --- Topbanner: overlay-varianten (forsiden og Omlaegningsprojekter) --- */
@media (min-width: 1024px) {
	.vkst-topbanner--overlay { position: relative; align-items: flex-start; }
	.vkst-topbanner--overlay > .vkst-topbanner__billede {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: 55% !important;
		flex-basis: 55% !important;
		max-width: 55%;
		margin: 0;
	}
	.vkst-topbanner--overlay > .vkst-topbanner__billede figure,
	.vkst-topbanner--overlay > .vkst-topbanner__billede img { height: 100%; min-height: 0; }
	.vkst-topbanner--overlay > .vkst-topbanner__tekst {
		position: relative;
		z-index: 2;
		margin-top: 100px;
		flex-basis: 1000px !important;
		max-width: 1000px;
		padding: 72px 75px 72px 45px;
	}
}

/* --- Bundsektionen fylder hele bredden, men indholdet holdes paa linje --- */
.vkst-bundsektion > .wp-block-group__inner-container,
.wp-block-group.alignfull.has-theme-palette7-background-color > .wp-block-group__inner-container {
	max-width: 1640px;
	margin-left: auto;
	margin-right: auto;
}

/* --- Overflodige bundmargener --- */
/* Sidste element i en boks skal ikke skubbe bunden ud */
.wp-block-group > .wp-block-group__inner-container > *:last-child,
.wp-block-column > *:last-child { margin-bottom: 0; }

/* Overskrifter i indhold: dev bruger 30px, ikke Kadences standard */
.entry-content h2, .entry-content h3, .entry-content h4 { margin-bottom: 30px; }
.entry-content p { margin-bottom: 30px; }
.entry-content p:last-child { margin-bottom: 0; }

/* Billeder i kolonner skal ikke have bundmargin */
.wp-block-column > figure.wp-block-image:last-child { margin-bottom: 0; }

/* Overlay-banneret: overskriver den generelle margin-nulstilling ovenfor */
@media (min-width: 1024px) {
	.vkst-topbanner.vkst-topbanner--overlay { align-items: flex-start !important; }
	.vkst-topbanner.vkst-topbanner--overlay > .vkst-topbanner__tekst {
		margin-top: 100px !important;
		margin-left: max(0px, calc((100vw - 1640px) / 2 + 15px)) !important;
		align-self: flex-start;
		/* Den generelle alignfull-regel giver ellers ogsaa kant-afstanden som padding - saa rykker teksten dobbelt ind */
		padding-left: 45px !important;
	}
	.vkst-topbanner.vkst-topbanner--overlay > .vkst-topbanner__billede { margin: 0 !important; }
}

/* --- Tabeller - tre slags, som paa vkst.dk ---
   1. Almindelig tabel: sorte 1px-streger og 8px luft (WordPress' standard paa vkst.dk).
   2. Stilen "Striber" (is-style-stripes, fx kontingent): daempet gron paa de ulige raekker (1., 3., ...) med hvid tekst, ingen streger.
   3. Klassen vkst-prisliste (diesel-priserne): hvid/lysegraa paa skift med lysegraa streger,
      som TablePress-tabellen paa vkst.dk.
   Gaelder baade sider (.entry-content) og nyheder (.vkst-nyhed__indhold). */
:is(.entry-content, .vkst-nyhed__indhold) .wp-block-table td,
:is(.entry-content, .vkst-nyhed__indhold) .wp-block-table th {
	border: 1px solid #000;
	padding: 8px;
	line-height: 1;
}
:is(.entry-content, .vkst-nyhed__indhold) .wp-block-table.is-style-stripes td,
:is(.entry-content, .vkst-nyhed__indhold) .wp-block-table.is-style-stripes th {
	border: 1px solid transparent;
	font-weight: 400;
}
:is(.entry-content, .vkst-nyhed__indhold) .wp-block-table.is-style-stripes tbody tr:nth-child(odd),
:is(.entry-content, .vkst-nyhed__indhold) .wp-block-table.is-style-stripes tbody tr:nth-child(odd) td,
:is(.entry-content, .vkst-nyhed__indhold) .wp-block-table.is-style-stripes tbody tr:nth-child(odd) th {
	background-color: #6A8675 !important;
	color: #fff;
}
:is(.entry-content, .vkst-nyhed__indhold) .wp-block-table.is-style-stripes tbody tr:nth-child(even),
:is(.entry-content, .vkst-nyhed__indhold) .wp-block-table.is-style-stripes tbody tr:nth-child(even) td,
:is(.entry-content, .vkst-nyhed__indhold) .wp-block-table.is-style-stripes tbody tr:nth-child(even) th {
	background-color: transparent !important;
}
:is(.entry-content, .vkst-nyhed__indhold) .wp-block-table.vkst-prisliste td,
:is(.entry-content, .vkst-nyhed__indhold) .wp-block-table.vkst-prisliste th {
	border: 0;
	border-top: 1px solid #ddd;
	color: #111;
}
:is(.entry-content, .vkst-nyhed__indhold) .wp-block-table.vkst-prisliste tr:first-child td,
:is(.entry-content, .vkst-nyhed__indhold) .wp-block-table.vkst-prisliste tr:first-child th { border-top: 0; }
:is(.entry-content, .vkst-nyhed__indhold) .wp-block-table.vkst-prisliste tbody tr:nth-child(odd) td { background-color: #fff; }
:is(.entry-content, .vkst-nyhed__indhold) .wp-block-table.vkst-prisliste tbody tr:nth-child(even) td { background-color: #f9f9f9; }

/* --- coverarea: halvgennemsigtig mork boks paa et cover-billede (Kontingent, Grundvand) ---
   Hentet fra vkst.dk's main.css. Boksen er halv bredde og rykket til venstre fra 1024px. */
.wp-block-cover .coverarea {
	background-color: rgba(0, 0, 0, 0.4);
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding: 20px;
}
@media (min-width: 768px) {
	.wp-block-cover .coverarea { padding: 45px; }
}
@media (min-width: 1024px) {
	.wp-block-cover .coverarea { left: -17.5%; width: 50%; }
	/* Bred variant (Grundvand): 90% bred og centreret */
	.wp-block-cover .coverarea.alignwide { left: 0; width: 90%; max-width: none; margin-left: auto !important; margin-right: auto !important; }
}


/* ==========================================================================
   Formularer - bygget efter vkst.dk
   Begge formularer staar paa gron bund: gennemsigtige felter, hvid tekst
   ========================================================================== */

.kb-advanced-form input[type="text"],
.kb-advanced-form input[type="email"],
.kb-advanced-form input[type="tel"],
.kb-advanced-form textarea {
	background-color: transparent;
	border: 1px solid #DDDDDD;
	border-radius: 0;
	color: #fff;
	padding: 8px;
	box-shadow: none;
}

/* Pladsholdertekst */
.kb-advanced-form input::placeholder,
.kb-advanced-form textarea::placeholder { color: #fff; opacity: .85; }

/* Etiketter over felterne */
.kb-advanced-form label,
.kb-advanced-form .kb-form-label { color: #fff; }

/* Fokus */
.kb-advanced-form input:focus,
.kb-advanced-form textarea:focus {
	border-color: #fff;
	outline: none;
	background-color: rgba(255, 255, 255, .08);
}

/* Autofyld maa ikke give hvid boks med hvid tekst */
.kb-advanced-form input:-webkit-autofill,
.kb-advanced-form input:-webkit-autofill:hover,
.kb-advanced-form input:-webkit-autofill:focus {
	-webkit-text-fill-color: #fff;
	transition: background-color 5000s ease-in-out 0s;
}

/* Send-knap: firkantet og rod som paa dev */
.kb-advanced-form .kb-forms-submit,
.kb-advanced-form button[type="submit"] {
	background-color: #EE4138;
	border: 3px solid #EE4138;
	border-radius: 0;
	color: #fff;
	padding: 0.6rem 1.1rem;
	font-weight: 400;
	transition: all .3s linear;
}
.kb-advanced-form .kb-forms-submit:hover,
.kb-advanced-form button[type="submit"]:hover {
	background-color: transparent;
	color: #fff;
}

/* Kvittering og fejlbeskeder */
.kb-advanced-form .kb-form-messages { color: #fff; border-radius: 0; }


/* ==========================================================================
   Afstande - rettet efter opmaaling mod vkst.dk
   Dev har INGEN luft mellem sektionerne; luften ligger inde i dem.
   ========================================================================== */

/* Sektionerne skal ligge helt op ad hinanden */
.entry-content > *,
.entry-content > .wp-block-group,
.entry-content > .wp-block-columns,
.entry-content > .wp-block-media-text,
.entry-content > .wp-block-cover {
	margin-top: 0;
	margin-bottom: 0;
}

/* Spacer-blokke bestemmer selv deres hojde - de skal beholdes */
.entry-content > .wp-block-spacer { margin: 0; }

/* --- Skakternet media-text: luften ligger som indvendig afstand --- */
.wp-block-media-text > .wp-block-media-text__content {
	padding: 140px 120px;
}

@media (max-width: 1200px) {
	.wp-block-media-text > .wp-block-media-text__content { padding: 100px 60px; }
}

@media (max-width: 781px) {
	.wp-block-media-text > .wp-block-media-text__content { padding: 70px 30px; }
}

/* Sidste element i tekstdelen maa ikke skubbe bunden ud */
.wp-block-media-text__content > *:last-child { margin-bottom: 0; }

/* Sidemenuen sidder i en lysegraa boks paa dev - det manglede */
.vkst-sidemenu-boks {
	background-color: #F9F9F9;
	padding: 38px 25px;
}
.vkst-sidemenu-boks .vkst-sidemenu__overskrift { margin-bottom: 30px; }
@media (max-width: 781px) {
	.vkst-sidemenu-boks { padding: 30px 20px; }
}

/* Kadence genererer stil pr. formular, der vinder over den generelle regel */
.kb-advanced-form input[type="text"],
.kb-advanced-form input[type="email"],
.kb-advanced-form input[type="tel"],
.kb-advanced-form textarea,
footer .kb-advanced-form input,
footer .kb-advanced-form textarea {
	background-color: transparent !important;
	border: 1px solid #DDDDDD !important;
	border-radius: 0 !important;
	color: #fff !important;
}
.kb-advanced-form input::placeholder,
.kb-advanced-form textarea::placeholder { color: #fff !important; opacity: .85; }

/* ==========================================================================
   Menuafstand som paa dev (_header.scss): 50px ved store skaerme, 25px under 1500px
   ========================================================================== */
.main-navigation .primary-menu-container > ul > li.menu-item > a {
	padding-left: clamp(25px, 50px, -700px + 50vw) !important;
	padding-right: clamp(25px, 50px, -700px + 50vw) !important;
}

/* ==========================================================================
   Overskrifter uden topmargin - som paa dev (alle overskrifter har margin-top: 0)
   ========================================================================== */
.entry-content h1, .entry-content h2, .entry-content h3,
.entry-content h4, .entry-content h5, .entry-content h6 { margin-top: 0; }

/* ==========================================================================
   Mobilmenu - stoerrelser som paa dev: hovedpunkter 24px/600, underpunkter 19.2px/400
   ========================================================================== */
.mobile-navigation .mobile-menu-container > ul > li.menu-item > a,
.mobile-navigation .mobile-menu-container > ul > li.menu-item > .drawer-nav-drop-wrap > a { font-size: 24px; font-weight: 600; }
.mobile-navigation ul ul.sub-menu li.menu-item > a { font-size: 19.2px; font-weight: 400; }

/* ==========================================================================
   Ikonlister - samme raekkeafstand som paa dev.
   Nyere Kadence Blocks laegger 4px luft over og under ikonet; dev har ingen.
   ========================================================================== */
.wp-block-kadence-iconlist .kt-svg-icon-list-item-wrap .kb-svg-icon-wrap {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* ==========================================================================
   Telefon i headeren - samme ikon som paa medarbejderkortene
   ========================================================================== */
.vkst-telefon { display: inline-flex; align-items: center; }
.vkst-telefon__ikon {
	display: inline-block;
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
	margin-right: 8px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Crect x='7' y='2' width='10' height='20' rx='2'/%3E%3Cline x1='10.5' y1='18.5' x2='13.5' y2='18.5'/%3E%3C/svg%3E");
}

/* ==========================================================================
   Broedkrummer - som paa vkst.dk/dev
   Roed vinkel foran, graa links, roed adskiller og roed aktuel side.
   Kadences titelomraade bruges, men uden titel og uden dens 200px hoejde.
   ========================================================================== */
/* Kadence giver broedkrumme-omraadet en graa baggrund som standard.
   Dev har den gennemsigtig. */
.entry-hero-container-inner { background: transparent; }

.entry-hero .entry-header {
	min-height: 0;
	display: block;
	padding: 30px 0 36px;
}
/* Kadence laegger selv 14px over og under - dev har ingen. */
.entry-hero .kadence-breadcrumbs { margin: 0; }
/* Ikke flex: flex slugte mellemrummene omkring ». */
.rank-math-breadcrumb p {
	margin: 0;
	text-align: left;
}
.rank-math-breadcrumb p::before {
	content: "";
	display: inline-block;
	vertical-align: -2px;
	width: 15px;
	height: 15px;
	margin-right: 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EE4138' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9,5 16,12 9,19'/%3E%3C/svg%3E");
}
.rank-math-breadcrumb a { color: #707070; text-decoration: none; }
.rank-math-breadcrumb a:hover { color: #EE4138; text-decoration: underline; }
.rank-math-breadcrumb .separator,
.rank-math-breadcrumb .last { color: #EE4138; }

/* ==========================================================================
   Fastlaast header ved scroll: telefon, skillestreg og soegeikon bliver roede.
   Kadence saetter klassen child-is-fixed paa headerraekken, naar den klaeber.
   ========================================================================== */
@media (min-width: 1200px) {
	.child-is-fixed .vkst-telefon,
	.child-is-fixed .search-toggle-open-container .search-toggle-icon,
	.child-is-fixed .search-toggle-open-container .search-toggle-icon svg {
		color: #EE4138;
		fill: #EE4138;
	}
	.child-is-fixed .vkst-telefon__ikon {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EE4138' stroke-width='1.8' stroke-linecap='round'%3E%3Crect x='7' y='2' width='10' height='20' rx='2'/%3E%3Cline x1='10.5' y1='18.5' x2='13.5' y2='18.5'/%3E%3C/svg%3E");
	}
	.child-is-fixed .header-divider {
		/* Kadence laver egen regel pr. element, saa den skal overtrumfes. */
		border-color: #EE4138 !important;
	}
}
.vkst-telefon,
.search-toggle-open-container .search-toggle-icon,
.header-divider {
	transition: color 0.2s ease, fill 0.2s ease, border-color 0.2s ease;
}

/* Telefonen i mobilheaderen: sort som paa dev.
   Uden denne vinder temaets generelle a-farve (roed). */
.vkst-telefon--mobil { color: #000; }

/* ==========================================================================
   Luft under indholdsraekker.
   Dev har 28px under kolonnerraekker (WordPress' egen 1.75em). Min generelle
   nulstilling af afstande slog den ud, saa indholdet stoedte direkte op ad
   den graa bundsektion. Topbanneret undtages: paa dev er det ikke en
   kolonnerraekke og har ingen luft under sig.
   ========================================================================== */
/* Sektioner uden baggrund er indholdsraekker - de skal have luft under sig. */
.entry-content > .wp-block-group:not(.has-background) { margin-bottom: 28px; }

/* Sektioner MED baggrund: de 28px skal blive inde i sektionen, som paa dev.
   Kadence nulstiller sidste barn i en gruppe, og den regel skal overtrumfes. */
.entry-content > .wp-block-group.has-background > .wp-block-group__inner-container > .wp-block-columns {
	margin-bottom: 28px;
}

/* Sidemenuens overskrift: dev's flydende stoerrelse (18,1px ved 1280, 19,8px ved 1680).
   vkst-sidemenu__overskrift fluid */
.vkst-sidemenu__overskrift {
	font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.425), 1.375rem) !important;
}


/* ==========================================================================
   NYHEDER (2026-10-08)
   Maalt op efter vkst.dk: nyhedskort, "Seneste nyt", enkelt nyhed, oversigt.
   ========================================================================== */

/* --- Faelles knap med pil ("Se alle nyheder") --- */
.vkst-knap {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 9.6px 17.6px;
	border: 3px solid var(--global-palette1);
	background: var(--global-palette1);
	color: #fff;
	font-size: 15.7px;
	font-weight: 600;
	line-height: 1.5;
	text-decoration: none;
	border-radius: 0;
	transition: background 0.2s, color 0.2s;
}
.vkst-knap:hover,
.vkst-knap:focus {
	background: transparent;
	color: var(--global-palette1);
}
.vkst-knap--pil::after {
	content: "";
	width: 12px;
	height: 10px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M7 0 6 1.1 9.1 4.2H0v1.6h9.1L6 8.9 7 10l5-5z'/%3E%3C/svg%3E") no-repeat center / contain;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M7 0 6 1.1 9.1 4.2H0v1.6h9.1L6 8.9 7 10l5-5z'/%3E%3C/svg%3E") no-repeat center / contain;
}

/* --- Overskrift med lodret roed streg ("Seneste nyt | underoverskrift") --- */
.vkst-blokoverskrift {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 0 53.5px;
}
.vkst-blokoverskrift__titel {
	display: flex;
	align-items: center;
	margin: 0 0 20px !important;
	padding-right: 20px;
	font-size: var(--wp--preset--font-size--large);
	font-weight: 600;
	line-height: 1;
	color: #000;
}
.vkst-blokoverskrift__titel::after {
	content: "";
	height: 40px;
	padding-left: 20px;
	border-right: 3px solid var(--global-palette1);
}
.vkst-blokoverskrift__under {
	margin: 0 0 20px !important;
	font-size: 16px;
	color: #000;
}
@media (min-width: 768px) {
	.vkst-blokoverskrift__titel,
	.vkst-blokoverskrift__under {
		margin-bottom: 0 !important;
	}
}

/* --- Nyhedskortet --- */
.vkst-nyhedskort {
	position: relative;
	min-width: 0;
}
.vkst-nyhedskort__link {
	position: absolute;
	inset: 0;
	z-index: 3;
}
.vkst-nyhedskort__billede {
	position: relative;
	height: 320px;
	background: var(--global-palette7);
	overflow: hidden;
}
.vkst-nyhedskort__billede img,
.vkst-nyhedskort__ingen-billede {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin: 0 !important;
}
.vkst-nyhedskort__knap {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	transform: translate(-50%, -50%);
	padding: 9.6px 17.6px;
	border: 3px solid var(--global-palette1);
	background: var(--global-palette1);
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	white-space: nowrap;
	opacity: 0;
	transition: opacity 0.5s;
}
.vkst-nyhedskort:hover .vkst-nyhedskort__knap,
.vkst-nyhedskort__link:focus ~ .vkst-nyhedskort__billede .vkst-nyhedskort__knap {
	opacity: 1;
}
.vkst-nyhedskort--boks .vkst-nyhedskort__tekst {
	min-height: 230px;
	padding: 25px 45px;
	background: var(--global-palette7);
}
.vkst-nyhedskort__meta {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	margin: 20px 0;
	font-size: 16px;
	line-height: 1;
}
.vkst-nyhedskort__kategori {
	color: var(--global-palette2);
}
.vkst-nyhedskort__dato {
	color: #323232;
	text-align: right;
}
.vkst-nyhedskort__tekst::before {
	content: none;
}
.vkst-nyhedskort__titel {
	margin: 0 !important;
	font-size: var(--wp--preset--font-size--medium) !important;
	font-weight: 600;
	line-height: normal !important;
	color: #000;
}
.vkst-nyhedskort__titel::before {
	content: "";
	display: block;
	width: 30px;
	margin-bottom: 20px;
	border-bottom: 3px solid var(--global-palette1);
}
.vkst-nyhedskort:hover .vkst-nyhedskort__titel {
	color: var(--global-palette1);
	text-decoration: underline;
}
@media (max-width: 768px) {
	.vkst-nyhedskort__billede {
		height: 200px;
	}
	.vkst-nyhedskort__titel {
		font-size: 26px !important;
	}
}
@media (max-width: 425px) {
	.vkst-nyhedskort__billede {
		height: 238px;
	}
}

/* --- "Seneste nyt" --- */
.vkst-seneste-nyt {
	padding: 50px 0;
}
.vkst-seneste-nyt__indre {
	max-width: 1610px;
	margin: 0 auto;
}
.entry-content > .vkst-seneste-nyt .vkst-seneste-nyt__indre,
.vkst-nyhed-side .vkst-seneste-nyt__indre {
	padding: 0 15px;
}
@media (min-width: 768px) {
	.vkst-seneste-nyt {
		padding: 100px 0;
	}
}
@media (min-width: 1680px) {
	.entry-content > .vkst-seneste-nyt .vkst-seneste-nyt__indre,
	.vkst-nyhed-side .vkst-seneste-nyt__indre {
		padding: 0;
	}
}
.vkst-seneste-nyt__ramme {
	position: relative;
}
.vkst-seneste-nyt__spor {
	display: grid;
	gap: 20px;
}
.vkst-seneste-nyt--slider .vkst-seneste-nyt__spor {
	grid-auto-flow: column;
	grid-auto-columns: 85%;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}
.vkst-seneste-nyt--slider .vkst-seneste-nyt__spor::-webkit-scrollbar {
	display: none;
}
.vkst-seneste-nyt--slider .vkst-nyhedskort {
	scroll-snap-align: start;
}
@media (min-width: 768px) {
	.vkst-seneste-nyt--slider .vkst-seneste-nyt__spor {
		grid-auto-columns: calc((100% - 20px) / 2);
	}
}
@media (min-width: 1024px) {
	.vkst-seneste-nyt--slider .vkst-seneste-nyt__spor {
		grid-auto-columns: calc((100% - 40px) / 3);
	}
}
.vkst-seneste-nyt--raekke .vkst-seneste-nyt__spor {
	grid-template-columns: 1fr;
}
@media (min-width: 600px) {
	.vkst-seneste-nyt--raekke .vkst-seneste-nyt__spor {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (min-width: 1024px) {
	.vkst-seneste-nyt--raekke .vkst-seneste-nyt__spor {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}
	.vkst-seneste-nyt--raekke .vkst-nyhedskort__billede {
		height: 240px;
	}
}
.vkst-seneste-nyt__bund {
	display: flex;
	justify-content: flex-end;
	margin-top: 56px;
}

/* Pilene: groenne firkanter midt paa billederne, kun naar der er mere at se */
.vkst-pil {
	display: none;
	position: absolute;
	top: 128px;
	z-index: 5;
	width: 68px;
	height: 64px;
	padding: 0;
	border: 3px solid var(--global-palette2);
	border-radius: 0;
	background: transparent;
	cursor: pointer;
	transition: background 0.2s;
}
.vkst-pil::before {
	content: "";
	display: block;
	width: 20px;
	height: 16px;
	margin: auto;
	background: var(--global-palette2);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M7 0 6 1.1 9.1 4.2H0v1.6h9.1L6 8.9 7 10l5-5z'/%3E%3C/svg%3E") no-repeat center / contain;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M7 0 6 1.1 9.1 4.2H0v1.6h9.1L6 8.9 7 10l5-5z'/%3E%3C/svg%3E") no-repeat center / contain;
}
.vkst-pil--forrige {
	left: 1px;
}
.vkst-pil--forrige::before {
	transform: scaleX(-1);
}
.vkst-pil--naeste {
	right: 1px;
}
.vkst-pil:hover:not(:disabled) {
	background: var(--global-palette2);
}
.vkst-pil:hover:not(:disabled)::before {
	background: #fff;
}
.vkst-pil:disabled {
	opacity: 0.35;
	cursor: default;
}
.kan-rulle .vkst-pil {
	display: block;
}
@media (max-width: 768px) {
	.vkst-pil {
		top: 68px;
	}
}
@media (max-width: 425px) {
	.vkst-pil {
		top: 87px;
	}
}

/* --- Enkelt nyhed --- */
.vkst-nyhed-side {
	max-width: 1640px;
	margin: 0 auto;
	padding: 0 15px;
}
.vkst-nyhed {
	display: flex;
	flex-direction: column;
}
.vkst-nyhed__billede {
	order: 1;
	height: 60vw;
	background-position: 50% center;
	background-size: cover;
}
.vkst-nyhed__tekst {
	order: 2;
	position: relative;
	z-index: 1;
	margin-top: 20px;
	padding: 70px 30px;
	background: var(--global-palette7);
	color: #000;
}
@media (min-width: 1200px) {
	.vkst-nyhed {
		flex-direction: row;
		align-items: flex-start;
		justify-content: flex-end;
	}
	.vkst-nyhed__tekst {
		order: 0;
		flex: 0 1 55%;
		width: 55%;
		margin: 80px -158px 80px 0;
		padding: 70px 45px;
	}
	.vkst-nyhed__billede {
		order: 0;
		position: sticky;
		top: 150px;
		flex: 0 1 60%;
		width: 60%;
		height: 620px;
	}
}
.vkst-nyhed__titel {
	margin: 0 0 30px;
	font-size: var(--wp--preset--font-size--extra-large);
	font-weight: 600;
	line-height: 1;
	color: #000;
}
.vkst-nyhed__titel::after {
	content: "";
	display: block;
	width: 30px;
	margin-top: 20px;
	border-bottom: 3px solid var(--global-palette1);
}
.vkst-nyhed__dato {
	display: block;
	margin-bottom: 30px;
	font-size: 16px;
	color: #000;
}
.vkst-nyhed__indhold > * {
	margin-top: 30px;
	margin-bottom: 30px;
}
.vkst-nyhed__indhold > :first-child {
	margin-top: 0;
}
.vkst-nyhed__indhold > :last-child {
	margin-bottom: 0;
}
.vkst-nyhed__indhold p,
.vkst-nyhed__indhold li {
	font-size: 16px;
	line-height: 1.2;
	color: #000;
}
.vkst-nyhed__indhold h2,
.vkst-nyhed__indhold h3 {
	margin: 0 0 30px;
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 600;
	line-height: 1;
	color: #000;
}
.vkst-nyhed__indhold a {
	color: var(--global-palette1);
	font-weight: 600;
	text-decoration: none;
}
.vkst-nyhed__indhold a:hover {
	text-decoration: underline;
}
.vkst-nyhed__indhold img {
	max-width: 100%;
	height: auto;
}

/* --- Nyhedsoversigten --- */
.vkst-nyhedsoversigt {
	max-width: 1640px;
	margin: 0 auto;
	padding: 0 15px 50px;
}
.vkst-nyhedsoversigt__titel {
	margin: 0 0 40px;
	font-size: var(--wp--preset--font-size--extra-large);
	font-weight: 600;
	line-height: 1;
	color: #000;
}
.vkst-nyhedsoversigt__titel::after {
	content: "";
	display: block;
	width: 30px;
	margin-top: 20px;
	border-bottom: 3px solid var(--global-palette1);
}
.vkst-nyhedsoversigt__gitter {
	display: grid;
	grid-template-columns: 1fr;
	gap: 80px 15px;
}
@media (min-width: 768px) {
	.vkst-nyhedsoversigt__gitter {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (min-width: 1024px) {
	.vkst-nyhedsoversigt__gitter {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}
.vkst-sidetal {
	display: flex;
	justify-content: center;
	margin: 80px 0 0;
}
.vkst-sidetal ul {
	display: flex;
	flex-wrap: wrap;
	gap: 2px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.vkst-sidetal .page-numbers {
	display: block;
	width: 70px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	background: var(--global-palette7);
	color: #000;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 500;
	text-decoration: none;
}
.vkst-sidetal .page-numbers.current,
.vkst-sidetal a.page-numbers:hover {
	background: var(--global-palette1);
	color: #fff;
}


/* ==========================================================================
   SEKTIONER TIL GROEN TREPART (2026-10-08)
   Maalt op efter vkst.dk/groen-trepart. Findes ogsaa som blokgrupper.
   ========================================================================== */

/* Overskrift med lodret roed streg i almindelige blokke (gruppe med klassen vkst-blokoverskrift) */
.wp-block-group.vkst-blokoverskrift,
.wp-block-group.vkst-blokoverskrift > .wp-block-group__inner-container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.wp-block-group.vkst-blokoverskrift > .wp-block-group__inner-container {
	width: 100%;
}
.wp-block-group.vkst-blokoverskrift p {
	margin: 0 0 20px;
	font-size: 16px;
}
@media (min-width: 768px) {
	.wp-block-group.vkst-blokoverskrift p {
		margin-bottom: 0;
	}
}

/* Sektion med luft over og under, indhold i sidens bredde */
.wp-block-group.vkst-sektion {
	padding: 50px 15px;
}
@media (min-width: 768px) {
	.wp-block-group.vkst-sektion {
		padding: 100px 15px;
	}
}
.wp-block-group.vkst-sektion > .wp-block-group__inner-container {
	max-width: 1610px;
	margin: 0 auto;
}

/* Medarbejderkort paa raekke (fx "Faa hjaelp til ...") */
.wp-block-group.vkst-medarbejderraekke,
.wp-block-group.vkst-medarbejderraekke > .wp-block-group__inner-container {
	display: flex;
	flex-wrap: wrap;
	gap: 30px 0;
}
.vkst-medarbejderraekke .vkst-medarbejder {
	flex: 0 0 271px;
	max-width: 271px;
	margin: 0 !important;
}
@media (max-width: 600px) {
	.vkst-medarbejderraekke .vkst-medarbejder {
		flex-basis: 100%;
		max-width: 100%;
	}
}

/* Udtalelse: hvid tekst paa groen bund */
.wp-block-group.vkst-udtalelse {
	padding: 55px 25px 70px;
}
@media (min-width: 782px) {
	.wp-block-group.vkst-udtalelse {
		padding: 55px max(45px, calc((100vw - 1640px) / 2 + 253px)) 70px;
	}
}
.vkst-udtalelse .vkst-udtalelse__citat {
	margin: 0 0 40px !important;
	font-size: var(--wp--preset--font-size--large);
	font-weight: 600;
	line-height: 1.065;
}
.vkst-udtalelse .vkst-udtalelse__citat::before {
	content: "\201D";
	display: block;
	height: 22px;
	margin-bottom: 8px;
	font-size: 48px;
	line-height: 1;
}
.vkst-udtalelse .vkst-udtalelse__afsender {
	margin: 0 !important;
	font-size: 16px;
	font-weight: 600;
	font-style: italic;
}

/* "Bliv ringet op" over et billede: halvgennemsigtig boks med formular */
.wp-block-cover.vkst-ringop {
	min-height: 550px;
	padding: 16px 0;
	align-items: center;
}
.wp-block-cover.vkst-ringop .wp-block-cover__inner-container {
	width: 100%;
	max-width: none;
}
.vkst-ringop .vkst-ringop__boks {
	max-width: 824px;
	margin: 0 25px !important;
	padding: 45px;
	background: rgba(0, 0, 0, 0.4);
	box-sizing: border-box;
}
@media (min-width: 900px) {
	.vkst-ringop .vkst-ringop__boks {
		margin-left: max(25px, calc((100vw - 1640px) / 2 + 120px)) !important;
	}
}
@media (max-width: 600px) {
	.vkst-ringop .vkst-ringop__boks {
		padding: 30px 20px;
	}
}
.vkst-ringop .vkst-ringop__boks h2,
.vkst-ringop .vkst-ringop__boks h3,
.vkst-ringop .vkst-ringop__boks p {
	color: #fff;
}
.vkst-ringop .vkst-ringop__boks h2,
.vkst-ringop .vkst-ringop__boks h3 {
	margin: 0 0 30px !important;
	font-size: var(--wp--preset--font-size--large);
	font-weight: 600;
}
.vkst-ringop .vkst-ringop__boks p {
	margin: 0 0 30px !important;
	font-size: 16px;
}

/* Faktaboks i nyheder (groen bund) */
.wp-block-group.vkst-faktaboks {
	padding: 25px 30px;
}
.wp-block-group.vkst-faktaboks p {
	color: var(--global-palette7) !important;
}
.wp-block-group.vkst-faktaboks a {
	color: var(--global-palette7) !important;
	text-decoration: underline;
}

/* WordPress' egen farveklasse med bindestreg (has-theme-palette-2-...) faar ogsaa hvid tekst */
.has-theme-palette-2-background-color h1,
.has-theme-palette-2-background-color h2,
.has-theme-palette-2-background-color h3,
.has-theme-palette-2-background-color p,
.has-theme-palette-2-background-color li {
	color: #fff;
}
.has-theme-palette-2-background-color .vkst-medarbejder p { color: #000; }

/* Rettelser efter opmaaling mod vkst.dk 2026-10-08:
   sektionerne skal gaa i fuld bredde med indholdet paa linje med siden (x=35 ved 1680px),
   og Kadences ".entry-content .wp-block-group.has-background { padding: 20px 30px }" skal overtrumfes. */
.entry-content > .wp-block-group.vkst-sektion,
.entry-content > .vkst-seneste-nyt {
	margin-left: calc(50% - var(--global-vw, 100vw) / 2);
	margin-right: calc(50% - var(--global-vw, 100vw) / 2);
	max-width: var(--global-vw, 100vw);
}
.entry-content > .vkst-seneste-nyt .vkst-seneste-nyt__indre {
	max-width: 1640px;
	padding: 0 15px;
}
.entry-content > .wp-block-group.vkst-sektion > .wp-block-group__inner-container {
	max-width: 1610px;
}
.entry-content .wp-block-group.vkst-udtalelse {
	padding: 55px 25px 70px;
}
@media (min-width: 782px) {
	.entry-content .wp-block-group.vkst-udtalelse {
		padding: 55px max(45px, calc((100vw - 1640px) / 2 + 253px)) 70px;
	}
}
.entry-content .wp-block-group.vkst-faktaboks {
	padding: 25px 30px;
}
.wp-block-cover.vkst-ringop .wp-block-cover__inner-container {
	padding: 0 !important;
}

/* ==========================================================================
   ARRANGEMENTER (2026-10-08)
   Opbygning som velas.dk/arrangementer, i VKSTs farver og former.
   ========================================================================== */

/* --- Datoskiltet (groent felt med dag og maaned) --- */
.vkst-datoskilt {
	display: flex;
	flex: 0 0 auto;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	background: var(--global-palette2);
	color: #fff;
	text-align: center;
	line-height: 1;
}
.vkst-datoskilt__dag {
	font-size: 32px;
	font-weight: 600;
}
.vkst-datoskilt__md {
	margin-top: 4px;
	font-size: 16px;
	text-transform: lowercase;
}

/* --- Enkelt arrangement --- */
.vkst-arr-side {
	max-width: 1640px;
	margin: 0 auto;
	padding: 0 15px;
}
.vkst-arr {
	display: grid;
	grid-template-columns: 1fr;
	gap: 50px;
	padding: 20px 0 80px;
}
@media (min-width: 1024px) {
	.vkst-arr {
		grid-template-columns: minmax(0, 1fr) 420px;
		gap: 80px;
	}
	.vkst-arr__side {
		position: sticky;
		top: 150px;
		align-self: start;
	}
}
.vkst-arr__titel {
	margin: 0 0 30px;
	font-size: var(--wp--preset--font-size--extra-large);
	font-weight: 600;
	line-height: 1;
	color: #000;
}
.vkst-arr__titel::after,
.vkst-arr__sideoverskrift::after,
.vkst-arr-andre__titel::after {
	content: "";
	display: block;
	width: 30px;
	margin-top: 20px;
	border-bottom: 3px solid var(--global-palette1);
}
.vkst-arr__manchet {
	margin: 0 0 30px;
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 600;
	line-height: 1.25;
	color: #000;
}
.vkst-arr__billede {
	margin: 0 0 40px;
}
.vkst-arr__billede img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 520px;
	object-fit: cover;
	margin: 0 !important;
}
.vkst-arr__indhold > * {
	margin-top: 0;
	margin-bottom: 30px;
}
.vkst-arr__indhold > :last-child {
	margin-bottom: 0;
}
.vkst-arr__indhold p,
.vkst-arr__indhold li {
	font-size: 16px;
	line-height: 1.2;
	color: #000;
}
.vkst-arr__indhold h2,
.vkst-arr__indhold h3 {
	margin-bottom: 20px;
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 600;
	line-height: 1;
	color: #000;
}
.vkst-arr__indhold a {
	color: var(--global-palette1);
	font-weight: 600;
}

/* Hoejre side: praktisk information og tilmelding */
.vkst-arr__sideoverskrift {
	margin: 0 0 25px;
	font-size: var(--wp--preset--font-size--large);
	font-weight: 600;
	line-height: 1;
	color: #000;
}
.vkst-arr__boks {
	margin: 0 0 20px;
	padding: 30px;
	background: var(--global-palette7);
	color: #000;
}
.vkst-arr__boks--dato {
	display: flex;
	align-items: center;
	gap: 20px;
}
.vkst-arr__hvornaar p {
	margin: 0 0 6px;
	font-size: 16px;
	line-height: 1.2;
}
.vkst-arr__hvornaar p:first-child {
	font-weight: 600;
}
.vkst-arr__hvornaar p:last-child {
	margin-bottom: 0;
}
.vkst-arr__fakta dt {
	margin: 0 0 6px;
	font-weight: 600;
}
.vkst-arr__fakta dd {
	margin: 0 0 20px;
	line-height: 1.3;
}
.vkst-arr__fakta dd:last-child {
	margin-bottom: 0;
}
.vkst-arr__knap {
	width: 100%;
	justify-content: center;
	margin-top: 10px;
	box-sizing: border-box;
}
.vkst-arr__note {
	margin: 10px 0 0;
	padding: 20px 30px;
	border-left: 3px solid var(--global-palette1);
	background: var(--global-palette7);
	font-weight: 600;
}
.vkst-arr__tilmelding {
	margin-top: 40px;
	padding: 40px 30px;
	background: var(--global-palette2);
}
.vkst-arr__tilmelding .vkst-arr__sideoverskrift {
	color: #fff;
}
.vkst-arr__tilmelding .kb-advanced-form input:not([type="submit"]),
.vkst-arr__tilmelding .kb-advanced-form textarea {
	background: transparent !important;
	border: 1px solid #ddd !important;
	border-radius: 0 !important;
	color: #fff !important;
	padding: 8px !important;
}
.vkst-arr__tilmelding .kb-advanced-form input::placeholder,
.vkst-arr__tilmelding .kb-advanced-form textarea::placeholder {
	color: rgba(255, 255, 255, 0.85);
}
.vkst-arr__tilmelding .kb-advanced-form .kb-adv-form-submit-button,
.vkst-arr__tilmelding .kb-advanced-form button[type="submit"] {
	background: var(--global-palette1) !important;
	border: 3px solid var(--global-palette1) !important;
	border-radius: 0 !important;
	color: #fff !important;
}
.vkst-arr__tilmelding .kb-adv-form-message,
.vkst-arr__tilmelding .kb-adv-form-success {
	color: #fff;
}

/* --- Liste over arrangementer (kalender + "Andre arrangementer") --- */
.vkst-arrliste {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.vkst-arrkort {
	position: relative;
	display: flex;
	align-items: center;
	gap: 30px;
	padding: 30px;
	background: var(--global-palette7);
	transition: box-shadow 0.2s;
}
.vkst-arrkort:hover {
	box-shadow: inset 3px 0 0 var(--global-palette1);
}
.vkst-arrkort__link {
	position: absolute;
	inset: 0;
	z-index: 2;
}
.vkst-arrkort__tekst {
	flex: 1 1 auto;
	min-width: 0;
}
.vkst-arrkort__titel {
	margin: 0 0 12px !important;
	font-size: var(--wp--preset--font-size--medium) !important;
	font-weight: 600;
	line-height: 1.15 !important;
	color: #000;
}
.vkst-arrkort:hover .vkst-arrkort__titel {
	color: var(--global-palette1);
	text-decoration: underline;
}
.vkst-arrkort__manchet {
	margin: 0 0 12px;
	font-size: 16px;
	line-height: 1.25;
	color: #000;
}
.vkst-arrkort__fakta {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 30px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 15px;
	color: #333;
}
.vkst-arrkort__knap {
	flex: 0 0 auto;
}
@media (max-width: 767px) {
	.vkst-arrkort {
		flex-wrap: wrap;
		gap: 20px;
		padding: 25px 20px;
	}
	.vkst-arrkort__tekst {
		flex-basis: calc(100% - 100px);
	}
	.vkst-arrkort__knap {
		display: none;
	}
}

/* --- Kalendersiden --- */
.vkst-kalender {
	max-width: 1640px;
	margin: 0 auto;
	padding: 0 15px 80px;
}
.vkst-kalender__intro {
	max-width: 760px;
	margin: 0 0 40px;
	font-size: 16px;
	line-height: 1.3;
}
.vkst-kalender__tom {
	padding: 30px;
	background: var(--global-palette7);
	font-weight: 600;
}

/* --- "Andre arrangementer" nederst --- */
.vkst-arr-andre {
	margin-left: calc(50% - var(--global-vw, 100vw) / 2);
	margin-right: calc(50% - var(--global-vw, 100vw) / 2);
	padding: 80px 15px;
	background: var(--global-palette7);
}
.vkst-arr-andre__indre {
	max-width: 1100px;
	margin: 0 auto;
}
.vkst-arr-andre__titel {
	margin: 0 0 40px;
	font-size: var(--wp--preset--font-size--large);
	font-weight: 600;
	line-height: 1;
	color: #000;
}
.vkst-arr-andre .vkst-arrkort {
	background: #fff;
}

/* ==========================================================================
   Runde 2 (2026-10-08) - efter Lasses gennemgang
   ========================================================================== */

/* Medarbejderkort paa raekke: 256px med 15px mellemrum, som paa vkst.dk */
.wp-block-group.vkst-medarbejderraekke,
.wp-block-group.vkst-medarbejderraekke > .wp-block-group__inner-container {
	gap: 30px 15px;
}
.vkst-medarbejderraekke .vkst-medarbejder {
	flex: 0 0 256px;
	max-width: 256px;
}
@media (max-width: 600px) {
	/* Paa mobil kan kortene swipes vandret, som slideren paa vkst.dk */
	.wp-block-group.vkst-medarbejderraekke > .wp-block-group__inner-container,
	.wp-block-group.vkst-medarbejderraekke:not(:has(> .wp-block-group__inner-container)) {
		flex-wrap: nowrap;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		padding-bottom: 10px;
	}
	.vkst-medarbejderraekke .vkst-medarbejder {
		flex: 0 0 256px;
		max-width: 256px;
		scroll-snap-align: start;
	}
}

/* "Bliv ringet op" over billede: navn og telefon side om side, knappen under */
.vkst-ringop .kb-advanced-form {
	flex-wrap: wrap;
	column-gap: 14px;
}
@media (min-width: 600px) {
	.vkst-ringop .kb-advanced-form > .kb-adv-form-field:not(.kb-submit-field) {
		flex: 1 1 calc(50% - 7px);
		width: auto !important;
		max-width: calc(50% - 7px);
	}
}
.vkst-ringop .kb-advanced-form > .kb-submit-field {
	flex: 0 0 100%;
}

/* Broedkrummen paa nyheder, nyhedsoversigt og arrangementer flugter med indholdet */
.vkst-hero-broedkrumme .hero-container.site-container {
	max-width: 1640px;
	padding-left: 15px;
	padding-right: 15px;
}

/* Mobilmenu i fuld skaerm, groen som paa vkst.dk */
#mobile-drawer .drawer-inner,
#mobile-drawer.popup-drawer-layout-fullwidth .drawer-inner {
	background: var(--global-palette2);
}
#mobile-drawer .drawer-content {
	padding: 30px 30px 40px;
}
#mobile-drawer .mobile-navigation ul li > a,
#mobile-drawer .mobile-navigation ul li > .drawer-nav-drop-wrap > a {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.1;
	color: #fff;
	border: 0;
}
#mobile-drawer .mobile-navigation ul li .drawer-nav-drop-wrap,
#mobile-drawer .mobile-navigation ul li a {
	border-bottom: 0 !important;
}
#mobile-drawer .mobile-navigation .drawer-sub-toggle {
	color: #fff;
	border-left: 0 !important;
}
#mobile-drawer .mobile-navigation .sub-menu a {
	padding-left: 15px;
}
#mobile-drawer .drawer-header .drawer-toggle {
	color: #fff;
}
/* Telefon i toppen af mobilheaderen */
#mobile-header .site-top-header-wrap .site-header-row-container-inner {
	background: #fff;
}
.vkst-ringop .kb-advanced-form {
	flex-direction: row !important;
}
#mobile-drawer .mobile-navigation .sub-menu a {
	font-size: 19.2px !important;
	font-weight: 400 !important;
}

/* Mobil som vkst.dk (opmaalt 2026-10-08 ved 390px) */
@media (max-width: 767px) {
	/* Sidemenu og billedet i indholdsblokken vises ikke paa mobil */
	.entry-content .wp-block-column:has(> .vkst-sidemenu),
	.entry-content .wp-block-column:has(> .wp-block-block > .vkst-sidemenu),
	.entry-content .wp-block-column:has(.vkst-sidemenu):not(:has(.kt-sc-textcol)) {
		display: none;
	}
	.entry-content .kt-sc-imgcol {
		display: none !important;
	}
}
@media (max-width: 781px) {
	/* Topbanner: billedet foerst (210px), teksten under i graa boks med 35px luft */
	.vkst-topbanner.wp-block-columns {
		padding: 0 15px;
		gap: 0 !important;
	}
	.vkst-topbanner > .vkst-topbanner__billede {
		order: -1;
	}
	.vkst-topbanner > .vkst-topbanner__billede img {
		height: 210px !important;
		width: 100%;
		object-fit: cover;
	}
	.vkst-topbanner > .vkst-topbanner__billede figure {
		margin: 0 !important;
	}
	.vkst-topbanner.vkst-topbanner > .vkst-topbanner__tekst {
		padding: 35px !important;
		margin: 0 !important;
	}
	/* Graa bundsektion: 15px kant i stedet for 45px */
	.entry-content > .wp-block-group.alignfull.has-theme-palette7-background-color {
		padding: 0 15px !important;
	}
}
@media (max-width: 781px) {
	.vkst-topbanner > .vkst-topbanner__billede,
	.vkst-topbanner > .vkst-topbanner__billede figure {
		min-height: 0 !important;
		height: auto !important;
	}
	.vkst-topbanner > .vkst-topbanner__billede img {
		min-height: 0 !important;
		max-height: 210px;
	}
}

/* Footer: 94px luft i toppen som paa vkst.dk (maalt 2026-10-08) */
#colophon .site-middle-footer-wrap .site-footer-row-container-inner {
	padding-top: 64px;
}

/* Sidetal: selve listen har ogsaa klassen page-numbers og maa ikke faa felt-stilen */
.vkst-sidetal ul.page-numbers {
	display: flex;
	width: auto;
	height: auto;
	line-height: normal;
	background: none;
}
.vkst-sidetal li {
	list-style: none;
	margin: 0;
}

/* Footer efter VKSTs oenske (2026-10-08): 4 kolonner paa samme pladser som vkst.dk */
#colophon .site-container {
	max-width: 1640px;
	padding-left: 15px;
	padding-right: 15px;
}
#colophon .wp-block-image {
	margin-top: 0 !important;
}
@media (min-width: 1025px) {
	#colophon .site-middle-footer-inner-wrap {
		grid-template-columns: minmax(0, 0.8fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.6fr) !important;
		column-gap: 20px !important;
	}
}
@media (min-width: 1500px) {
	#colophon .site-middle-footer-inner-wrap {
		grid-template-columns: 271px 271px 1fr 527px !important;
		column-gap: 0 !important;
	}
}
@media (max-width: 767px) {
	#colophon .site-footer-middle-section-1 {
		display: none;
	}
}


/* --- Knapper i indholdet: samme stoerrelse som paa vkst.dk ---
   vkst.dk: 16px, firkantede hjoerner, 0.6rem/1.1rem luft (temaets main.css).
   Kadence gav 18px og 3px runding. Farven: som vkst.dk viser den i dag - WordPress' standard #32373C, og ved hover\n   gennemsigtig med sort tekst (temaets main.css). Lasse 2026-10-19: "som paa live". */
:is(.entry-content, .vkst-nyhed__indhold) .wp-block-button__link {
	font-size: 1rem;
	border-radius: 0;
	padding: 0.6rem 1.1rem;
	line-height: 1;
}

/* --- Topbanner (ikke overlay): 500px hoejt fra 1024px, som paa vkst.dk ---
   vkst.dk har fast hoejde 500px; billedet beskaeres til at fylde. Her min-height,
   saa en laengere tekst giver en hoejere boks i stedet for at loebe ud over baandet. */
@media (min-width: 1024px) {
	.vkst-topbanner:not(.vkst-topbanner--overlay) { min-height: 500px; align-items: stretch !important; }
	.vkst-topbanner:not(.vkst-topbanner--overlay) > .vkst-topbanner__billede { position: relative; }
	.vkst-topbanner:not(.vkst-topbanner--overlay) > .vkst-topbanner__billede figure {
		position: absolute;
		inset: 0;
		height: 100%;
		min-height: 0;
	}
	.vkst-topbanner:not(.vkst-topbanner--overlay) > .vkst-topbanner__billede img { height: 100%; min-height: 0; }
	/* Paa vkst.dk loeber en lang tekst ind i bundluften (fast hoejde). 20px bundluft giver
	   samme 500px her, men boksen vokser hellere end at teksten rammer det gronne baand. */
	.vkst-topbanner:not(.vkst-topbanner--overlay) > .vkst-topbanner__tekst { padding-bottom: 20px; }
}

/* Kontingent paa mobil: boksen uden sideluft, som paa vkst.dk */
@media (max-width: 600px) {
	.page-id-180 .wp-block-cover .coverarea { padding-left: 0 !important; padding-right: 0 !important; }
}

/* --- Kolonner: 24px mellemrum, som vkst.dk (WordPress' blockGap 24px) ---
   Kadence-temaet har ingen blockGap, saa WordPress faldt tilbage til 2em = 32px.
   Paa mobil, hvor kolonnerne stables, gav det 8px ekstra pr. raekke. Topbanneret undtages. */
.entry-content .wp-block-columns:not(.vkst-topbanner),
.vkst-nyhed__indhold .wp-block-columns { gap: 24px; }
/* Luft under indlejrede kolonnerraekker: 1.75em (28px) som vkst.dk, 0 under den sidste.
   Kadence giver 2rem (32px). Raekker direkte i .entry-content roeres ikke (de nulstilles
   ovenfor), og reglen for sektioner med baggrund (28px) har hoejere vaegt og vinder. */
.single-content * > .wp-block-columns:not(.vkst-topbanner) { margin-bottom: 1.75em; }
.single-content * > .wp-block-columns:not(.vkst-topbanner):last-child { margin-bottom: 0; }

/* ==========================================================================
   "Bliv medlem"-pop-up (Kadence Conversions, klasse vkst-blivmedlem)
   Maalt efter pop-up'en paa vkst.dk/forening/bliv-medlem-af-vkst/ (2026-10-19).
   Aabnes af links til #blivmedlem. Formularerne: "Bliv medlem (bedriftsmedlem)"
   og "Bliv medlem (anden medlemsform)". Halve felter har "_halv_" i id'et.
   ========================================================================== */
.vkst-blivmedlem .kadence-conversion-inner { padding: 46px !important; color: #F9F9F9; }
.vkst-blivmedlem .vkst-bm__logo { margin: 0 0 32px !important; text-align: center; }
.vkst-blivmedlem .vkst-bm__logo img { width: 125px !important; height: auto; display: inline-block; }
.vkst-blivmedlem .vkst-bm__titel {
	font-size: 48px !important;
	line-height: 1 !important;
	font-weight: 600;
	text-align: center;
	color: #F9F9F9 !important;
	margin: 0 0 16px !important;
}
.vkst-blivmedlem .vkst-bm__undertitel {
	font-size: 16px;
	line-height: normal;
	text-align: center;
	color: #F9F9F9;
	margin: 0 0 32px !important;
}
.vkst-blivmedlem .vkst-bm__boks {
	background: #4D6B5B;
	border-radius: 16px;
	padding: 24px !important;
	margin: 0 !important;
}
.vkst-blivmedlem .vkst-bm__vaelg {
	font-size: 20px;
	line-height: normal;
	text-align: center;
	color: #F9F9F9;
	margin: 0 0 16px !important;
}

/* Faneknapper som piller: aktiv = roed fyld, inaktiv = hvid kant */
.vkst-blivmedlem .kt-tabs-title-list {
	justify-content: center;
	gap: 0;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}
.vkst-blivmedlem .kt-tabs-title-list li.kt-title-item:not(:last-child) { margin-right: 8px !important; }
.vkst-blivmedlem .kt-tabs-title-list li.kt-title-item {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	margin-left: 0 !important;
	padding: 0 0 10px !important;
	border: 0 !important;
}
.vkst-blivmedlem .kt-tabs-title-list .kt-tab-title {
	padding: 8px 20px !important;
	border: 1px solid #F9F9F9 !important;
	border-radius: 99px !important;
	background: transparent !important;
	color: #F9F9F9 !important;
	font-size: 16px !important;
	line-height: 22.4px !important;
	font-weight: 400;
	margin: 0 !important;
}
.vkst-blivmedlem .kt-tabs-title-list .kt-tab-title-active .kt-tab-title {
	background: #EE4138 !important;
	border-color: #EE4138 !important;
}
.vkst-blivmedlem .kt-tabs-content-wrap > .wp-block-kadence-tab {
	border: 0 !important;
	background: transparent !important;
	padding: 32px 0 0 !important;
}

/* Formularen: 40px mellem felterne, 16px mellem to halve felter */
.vkst-blivmedlem .kb-advanced-form { flex-direction: row !important; flex-wrap: wrap !important; row-gap: 0 !important; column-gap: 16px !important; }
.vkst-blivmedlem .kb-advanced-form > * { flex: 0 0 100%; max-width: 100%; margin: 0 0 40px !important; }
.vkst-blivmedlem .kb-advanced-form > [class*="_halv_"] { flex: 1 1 calc(50% - 9px); max-width: calc(50% - 8px) !important; } /* 9px: undgaar at afrunding skubber felt nr. 2 ned */
@media (max-width: 640px) {
	.vkst-blivmedlem .kb-advanced-form > [class*="_halv_"] { flex-basis: 100%; max-width: 100% !important; }
}
.vkst-blivmedlem .kb-adv-form-field { flex-direction: column; }
.vkst-blivmedlem .vkst-formsektion {
	font-size: 16px !important;
	line-height: 1 !important;
	font-weight: 600;
	color: #F9F9F9 !important;
	padding: 0 0 16px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.35);
}
.vkst-blivmedlem .vkst-formlabel,
.vkst-blivmedlem .kb-adv-form-label {
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 20px !important;
	color: #fff !important;
	margin: 0 0 8px !important;
	padding: 0 !important;
}
.vkst-blivmedlem .kb-advanced-form > .vkst-formlabel { margin-bottom: 8px !important; }
.vkst-blivmedlem .vkst-formlabel__stjerne,
.vkst-blivmedlem .kb-adv-form-required {
	color: #C02B0A !important;
	font-size: 12px;
	padding-left: 6px;
}
.vkst-blivmedlem .kb-advanced-form input.kb-field,
.vkst-blivmedlem .kb-advanced-form select.kb-field,
.vkst-blivmedlem .kb-advanced-form textarea.kb-field {
	background: #fff !important;
	color: #000 !important;
	font-size: 14px !important;
	height: 38px;
	padding: 0 12px !important;
	border: 1px solid #fff !important;
	border-radius: 3px !important;
	box-shadow: 0 1px 4px rgba(18, 25, 97, 0.08) !important;
	width: 100%;
}
.vkst-blivmedlem .kb-advanced-form textarea.kb-field { height: 130px; padding: 12px !important; line-height: 21px; }
.vkst-blivmedlem .kb-adv-form-help {
	font-size: 13px !important;
	line-height: 19px;
	font-style: normal !important;
	color: #fff !important;
	margin: 8px 0 0 !important;
	opacity: 1 !important;
}
/* Bemaerkninger -> knap: 24px */
.vkst-blivmedlem .kb-advanced-form > .wp-block-kadence-advanced-form-textarea { margin-bottom: 24px !important; }
.vkst-blivmedlem .kb-advanced-form > .kb-submit-field { margin-bottom: 0 !important; }
.vkst-blivmedlem .kb-adv-form-submit-button {
	width: 100%;
	background: #EE4138 !important;
	color: #fff !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1 !important;
	padding: 11px 17.6px !important;
	border: 1px solid transparent !important;
	border-radius: 3px !important;
	box-shadow: 0 1px 4px rgba(18, 25, 97, 0.08);
}
.vkst-blivmedlem .kb-adv-form-submit-button:hover { background: #d8352c !important; }
.vkst-blivmedlem .kb-adv-form-message { color: #fff; }
/* Finjustering efter opmaaling: sektionsoverskrift 48px under, adressens linjer 12px imellem, rullelisten 38px */
.vkst-blivmedlem .kb-advanced-form > .vkst-formsektion { margin-bottom: 40px !important; }
.vkst-blivmedlem .kb-advanced-form > [class*="vkstbma_adr"],
.vkst-blivmedlem .kb-advanced-form > [class*="vkstbmb_adr"] { margin-bottom: 12px !important; }
.vkst-blivmedlem .kb-advanced-form select { height: 38px !important; min-height: 0 !important; padding: 0 12px !important; background-color: #fff !important; color: #000 !important; border-radius: 3px !important; font-size: 14px !important; }
@media (max-width: 767px) {
	.vkst-blivmedlem .vkst-bm__titel { font-size: 36px !important; }
}
/* Udfyldte knapper i indholdet: moerkegraa som paa vkst.dk (Lasse 2026-10-19) */
:is(.entry-content, .vkst-nyhed__indhold) .wp-block-button:not(.is-style-outline):not(.vkst-knap-hvid):not(.is-style-vkst-roed) > .wp-block-button__link:not(.has-background) {
	background-color: #32373C !important;
	color: #fff !important;
	border: 0 !important;
}
:is(.entry-content, .vkst-nyhed__indhold) .wp-block-button:not(.is-style-outline):not(.vkst-knap-hvid):not(.is-style-vkst-roed) > .wp-block-button__link:not(.has-background):hover,
:is(.entry-content, .vkst-nyhed__indhold) .wp-block-button:not(.is-style-outline):not(.vkst-knap-hvid):not(.is-style-vkst-roed) > .wp-block-button__link:not(.has-background):focus {
	background-color: transparent !important;
	color: #000 !important;
}

/* ==========================================================================
   FORSIDE (2026-10-22)
   Kopi af forsiden paa vkst.dk efter VKSTs oenske: video-slider, tre bokse,
   Seneste nyt. Maalt op efter vkst.dk ved 1920-390 px.
   Slideren styres af assets/js/forside-hero.js.
   ========================================================================== */

/* --- Video-slider: slides ligger oven paa hinanden og toner ind og ud --- */
.entry-content > .wp-block-group.vkst-forside-hero {
	position: relative;
	height: calc(100vh - 96px);
	min-height: 520px;
	overflow: hidden;
	background: #000;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding: 0 !important;
}
.vkst-forside-hero > .wp-block-group__inner-container {
	height: 100%;
	max-width: none !important;
	padding: 0 !important;
}
.vkst-forside-hero .wp-block-cover.vkst-forside-hero__slide {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	opacity: 0;
	visibility: hidden;
	z-index: 0;
	transition: opacity 1s ease, visibility 1s ease;
}
.vkst-forside-hero:not(.er-klar) .vkst-forside-hero__slide:first-child,
.vkst-forside-hero .vkst-forside-hero__slide.is-aktiv {
	opacity: 1;
	visibility: visible;
	z-index: 1;
}
/* Sort overlag 25 % som paa vkst.dk */
.vkst-forside-hero__slide .wp-block-cover__background {
	background-color: #000 !important;
	opacity: 0.25 !important;
}
/* Samme indholdsbredde som vkst.dk's container (1640 / 720 / 540 px) */
.vkst-forside-hero__slide > .wp-block-cover__inner-container {
	width: 100%;
	max-width: 1640px;
	margin: 0 auto;
	padding: 0 15px;
	box-sizing: border-box;
}
@media (min-width: 576px) and (max-width: 767px) {
	.vkst-forside-hero__slide > .wp-block-cover__inner-container { max-width: 540px; }
}
@media (min-width: 768px) and (max-width: 991px) {
	.vkst-forside-hero__slide > .wp-block-cover__inner-container { max-width: 720px; }
}
/* Fra 992 px staar teksten centreret i en 960 px bred kolonne, venstrestillet */
@media (min-width: 992px) {
	.vkst-forside-hero__tekst {
		max-width: 960px;
	}
	.vkst-forside-hero__tekst > .wp-block-group__inner-container {
		width: fit-content;
		max-width: 100%;
		margin: 0 auto;
	}
}
.vkst-forside-hero__tekst h1 {
	margin: 0 0 20px !important;
	font-weight: 600;
	line-height: 1;
	color: #fff;
}
.vkst-forside-hero__tekst h1::after {
	margin-bottom: 0;
}
.vkst-forside-hero__tekst p {
	max-width: 720px;
	margin: 0 0 45px !important;
	font-size: 16px;
	line-height: normal;
	color: #fff;
}
.vkst-forside-hero__tekst .wp-block-buttons {
	margin: 0 !important;
}
.vkst-forside-hero__tekst .wp-block-button__link {
	padding: 9.6px 17.6px;
	border: 3px solid #EE4138;
	border-radius: 0;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	transition: background 0.2s, color 0.2s;
}
.vkst-forside-hero__tekst .wp-block-button__link:hover,
.vkst-forside-hero__tekst .wp-block-button__link:focus {
	background-color: transparent !important;
	color: #EE4138 !important;
}

/* --- Tre bokse, der ligger 100 px op over videoen --- */
.entry-content > .wp-block-group.vkst-forsidebokse {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding: 0 15px !important;
}
.vkst-forsidebokse > .wp-block-group__inner-container {
	max-width: none !important;
}
.vkst-forsidebokse .wp-block-columns {
	position: relative;
	z-index: 2;
	max-width: 1610px;
	margin: -100px auto 0 !important;
	gap: 15px !important;
}
.vkst-forsidebokse .wp-block-column.vkst-forsideboks {
	min-height: 335px;
	padding: 60px 40px !important;
	margin: 0 !important;
}
.vkst-forsidebokse .wp-block-column.vkst-forsideboks--billede {
	display: flex;
	padding: 0 !important;
}
.vkst-forsideboks--billede > .wp-block-cover {
	flex: 1;
	min-height: 100% !important;
	margin: 0 !important;
	padding: 60px 40px !important;
	align-items: flex-start;
}
.vkst-forsideboks--billede > .wp-block-cover > .wp-block-cover__inner-container {
	width: 100%;
}
/* Roed streg over overskriften */
.vkst-forsideboks h3 {
	margin: 0 0 30px !important;
	font-size: 23.04px;
	font-weight: 600;
	line-height: 1;
}
.vkst-forsideboks h3::before {
	content: "";
	display: block;
	width: 30px;
	border-top: 3px solid #EE4138;
	margin-bottom: 30px;
}
.vkst-forsideboks p {
	margin: 0 !important;
	font-size: 16px;
	line-height: normal;
}
.vkst-forsideboks .wp-block-buttons {
	margin: 36px 0 0 !important;
}
/* Knapper med kant: groen paa hvid boks, hvid paa billede og groen boks */
.vkst-forsideboks .wp-block-button.is-style-outline > .wp-block-button__link {
	padding: 9.6px 17.6px;
	border: 3px solid #3C5949;
	border-radius: 0;
	background: transparent;
	color: #000;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	transition: background 0.2s, color 0.2s;
}
.vkst-forsideboks .wp-block-button.is-style-outline > .wp-block-button__link:hover,
.vkst-forsideboks .wp-block-button.is-style-outline > .wp-block-button__link:focus {
	background: #3C5949;
	color: #fff;
}
.vkst-forsideboks--billede .wp-block-button.is-style-outline > .wp-block-button__link,
.vkst-forsideboks--groen .wp-block-button.is-style-outline > .wp-block-button__link {
	border-color: #fff;
	color: #fff;
}
.vkst-forsideboks--billede .wp-block-button.is-style-outline > .wp-block-button__link:hover,
.vkst-forsideboks--groen .wp-block-button.is-style-outline > .wp-block-button__link:hover {
	background: #fff;
	color: #3C5949;
}
.vkst-forsideboks--billede h3,
.vkst-forsideboks--billede p,
.vkst-forsideboks--groen h3,
.vkst-forsideboks--groen p {
	color: #fff;
}
/* Under 992 px stables boksene, som paa vkst.dk */
@media (max-width: 991px) {
	.vkst-forsidebokse .wp-block-columns {
		flex-wrap: wrap !important;
	}
	.vkst-forsidebokse .wp-block-columns > .wp-block-column {
		flex-basis: 100% !important;
	}
}
@media (min-width: 576px) and (max-width: 767px) {
	.vkst-forsidebokse .wp-block-columns { max-width: 510px; }
}
@media (min-width: 768px) and (max-width: 991px) {
	.vkst-forsidebokse .wp-block-columns { max-width: 690px; }
}
/* Tre lige brede bokse. flex-basis 0 virker ikke her, fordi midterboksens
   luft ligger paa billedet i stedet for paa kolonnen. */
@media (min-width: 992px) {
	.vkst-forsidebokse .wp-block-columns > .wp-block-column {
		flex: 0 0 calc((100% - 30px) / 3) !important;
		max-width: calc((100% - 30px) / 3);
	}
}
/* Placering i forhold til videoen, som paa vkst.dk:
   fra 1200 px 100 px op over videoen, 992-1199 px 19 px under,
   under 992 px under hinanden 119 px under videoen (134 px paa mobil). */
@media (max-width: 1639px) {
	.vkst-forsidebokse .wp-block-column.vkst-forsideboks { min-height: 375px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
	.vkst-forsidebokse .wp-block-columns { margin-top: 19px !important; }
}
@media (max-width: 991px) {
	.vkst-forsidebokse .wp-block-columns { margin-top: 119px !important; }
}
@media (max-width: 575px) {
	.vkst-forsidebokse .wp-block-columns { margin-top: 134px !important; }
}
/* Seneste nyt lige efter boksene staar paa lysegraa bund, som paa vkst.dk */
.vkst-forsidebokse + .vkst-seneste-nyt {
	background: #F9F9F9;
	box-shadow: 0 0 0 100vmax #F9F9F9;
	clip-path: inset(0 -100vmax);
}
/* Gennemsigtig menu paa forsiden (kun computer, som paa vkst.dk). Naar menuen
   klaeber ved scroll, faar den hvid bund - saa skal teksten have sine normale farver igen. */
@media (min-width: 1200px) {
	.transparent-header #masthead .child-is-fixed .header-navigation .header-menu-container > ul > li.menu-item > a {
		color: #000;
	}
	.transparent-header #masthead .child-is-fixed .header-navigation .header-menu-container > ul > li.menu-item > a:hover {
		color: #EE4138;
	}
	.transparent-header #masthead .child-is-fixed .header-html a,
	.transparent-header #masthead .child-is-fixed .search-toggle-open-container .search-toggle-open {
		color: #EE4138;
	}
}
/* Bliv medlem-knapper i VKST roed (knapstilen "VKST roed", VKST 2026-10-21) */
.wp-block-button.is-style-vkst-roed > .wp-block-button__link {
	background-color: #EE4138 !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 0;
}
.wp-block-button.is-style-vkst-roed > .wp-block-button__link:hover,
.wp-block-button.is-style-vkst-roed > .wp-block-button__link:focus {
	background-color: #C9332B !important;
	color: #fff !important;
}

/* ==========================================================================
   UNDERSIDER (2026-10-22)
   Blokken "Undersider": "Bliv klogere paa Groen Trepart" paa vkst.dk.
   Felterne viser undersidens udvalgte billede ved hover, og pilen drejer.
   ========================================================================== */
.entry-content > .vkst-undersider {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	/* Kadence nulstiller sideluften paa elementer i fuld bredde */
	padding-left: 15px !important;
	padding-right: 15px !important;
}
.vkst-undersider {
	padding: 100px 15px;
	background: #3C5949;
	color: #fff;
}
.vkst-undersider__indre {
	max-width: 1610px;
	margin: 0 auto;
}
.vkst-undersider .vkst-blokoverskrift {
	margin-bottom: 60px;
}
.vkst-undersider .vkst-blokoverskrift__titel,
.vkst-undersider .vkst-blokoverskrift__under {
	color: #fff;
}
.vkst-undersider__liste {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
	overflow: hidden;
}
@media (min-width: 992px) {
	.vkst-undersider__liste { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1200px) {
	.vkst-undersider__liste { grid-template-columns: repeat(6, 1fr); }
}
.vkst-undersider__felt {
	min-height: 160px;
	margin: 0 !important;
	outline: 1px solid #48734B;
	text-align: center;
}
.vkst-undersider__felt a {
	position: relative;
	display: block;
	height: 100%;
	color: #fff !important;
	text-decoration: none !important;
}
.vkst-undersider__felt a::before {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--billede, none) 50% 15% / cover no-repeat;
	opacity: 0;
	transition: opacity 0.6s ease;
}
.vkst-undersider__felt a:hover::before,
.vkst-undersider__felt a:focus::before {
	opacity: 1;
}
.vkst-undersider__titel {
	position: relative;
	display: block;
	min-height: 80px;
	margin-bottom: 20px;
	padding: 30px 0 0;
	font-size: 20.8px;
	font-weight: 500;
	line-height: 1;
}
.vkst-undersider__pil {
	position: relative;
	display: block;
	width: 40px;
	height: 40px;
	margin: 0 auto;
	background: #fff;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M7 0 6 1.1 9.1 4.2H0v1.6h9.1L6 8.9 7 10l5-5z'/%3E%3C/svg%3E") no-repeat center / 32px 27px;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M7 0 6 1.1 9.1 4.2H0v1.6h9.1L6 8.9 7 10l5-5z'/%3E%3C/svg%3E") no-repeat center / 32px 27px;
	transition: transform 0.4s ease;
}
.vkst-undersider__felt a:hover .vkst-undersider__pil,
.vkst-undersider__felt a:focus .vkst-undersider__pil {
	transform: rotate(-45deg);
}

/* ==========================================================================
   FLERE UDTALELSER (2026-10-22)
   Gruppe med klassen vkst-udtalelser, der indeholder flere vkst-udtalelse.
   Pilene laves af assets/js/udtalelser.js. Som slideren paa vkst.dk.
   ========================================================================== */
.entry-content > .wp-block-group.vkst-udtalelser {
	position: relative;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding: 0 !important;
	overflow: hidden;
}
.vkst-udtalelser > .wp-block-group__inner-container {
	display: flex;
	max-width: none !important;
	padding: 0 !important;
	transition: transform 0.3s ease;
}
.vkst-udtalelser > .wp-block-group__inner-container > .wp-block-group.vkst-udtalelse {
	flex: 0 0 100%;
	max-width: 100%;
	margin: 0 !important;
}
.vkst-udtalelser__pil {
	position: absolute;
	top: 50%;
	z-index: 2;
	width: 55px;
	height: 57px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: #fff;
	transform: translateY(-50%);
	cursor: pointer;
}
.vkst-udtalelser__pil::before {
	content: "";
	display: block;
	width: 18px;
	height: 15px;
	margin: auto;
	background: #000;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M7 0 6 1.1 9.1 4.2H0v1.6h9.1L6 8.9 7 10l5-5z'/%3E%3C/svg%3E") no-repeat center / contain;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M7 0 6 1.1 9.1 4.2H0v1.6h9.1L6 8.9 7 10l5-5z'/%3E%3C/svg%3E") no-repeat center / contain;
}
.vkst-udtalelser__pil--forrige { left: 50px; }
.vkst-udtalelser__pil--forrige::before { transform: scaleX(-1); }
.vkst-udtalelser__pil--naeste { right: 50px; }
.vkst-udtalelser__pil:hover { background: #F9F9F9; }
/* Gennemsigtig menu: telefonikon og skillestreg hvide over videoen, som paa vkst.dk.
   (Ikonet er et baggrundsbillede og foelger derfor ikke tekstfarven.) */
@media (min-width: 1200px) {
	.transparent-header #masthead .site-header-upper-inner-wrap:not(.child-is-fixed) .vkst-telefon__ikon {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round'%3E%3Crect x='7' y='2' width='10' height='20' rx='2'/%3E%3Cline x1='10.5' y1='18.5' x2='13.5' y2='18.5'/%3E%3C/svg%3E");
	}
	.transparent-header #masthead .site-header-upper-inner-wrap:not(.child-is-fixed) .header-divider {
		border-color: #fff !important;
	}
}
/* Udtalelser paa mobil og tablet (maalt paa vkst.dk 2026-10-23, 390-1680 px):
   luft i siderne som vkst.dk's kolonner, teksten hoejst 1134 px bred. Ved flere
   udtalelser staar pilene under citatet til venstre under 1024 px, ellers i siderne. */
.entry-content .wp-block-group.vkst-udtalelse {
	padding-left: calc((100vw - 30px) / 12 + 30px);
	padding-right: calc((100vw - 30px) / 12 + 30px);
}
@media (min-width: 768px) {
	.entry-content .wp-block-group.vkst-udtalelse {
		padding-left: max(calc(100vw / 12), calc((100vw - 1134px) / 2));
		padding-right: max(calc(100vw / 12), calc((100vw - 1134px) / 2));
	}
}
.vkst-udtalelser__pil--forrige { left: 3vw; }
.vkst-udtalelser__pil--naeste { right: 3vw; }
@media (max-width: 1023px) {
	.vkst-udtalelser > .wp-block-group__inner-container > .wp-block-group.vkst-udtalelse {
		padding-bottom: 147px;
	}
	.vkst-udtalelser__pil {
		top: auto;
		bottom: 70px;
		transform: none;
	}
	.vkst-udtalelser__pil--forrige { left: 30px; }
	.vkst-udtalelser__pil--naeste { left: 95px; right: auto; }
}
@media (max-width: 767px) {
	.vkst-udtalelser > .wp-block-group__inner-container > .wp-block-group.vkst-udtalelse { padding-bottom: 182px; }
}
@media (max-width: 575px) {
	.vkst-udtalelser > .wp-block-group__inner-container > .wp-block-group.vkst-udtalelse { padding-bottom: 217px; }
}
/* Mobilmenuen paa forsiden er ikke gennemsigtig (som paa vkst.dk), men Kadences regel
   for den gennemsigtige menu goer ogsaa soegeikonet hvidt dér. Normal farve igen. */
.transparent-header.mobile-non-transparent-header #mobile-header .search-toggle-open-container .search-toggle-open {
	color: #333;
}
/* Bundsektion med medarbejdere paa mobil og tablet (maalt paa vkst.dk 2026-10-23).
   Under 782 px: kortene hoejst 286 px brede. 782-1599 px: billede og groen boks to og to,
   kortene paa raekker under dem - ellers presses alt ind paa en raekke, og den groenne
   boks bliver saa smal, at teksten staar et bogstav pr. linje. (vkst.dk goer det samme
   op til 1199 px, men har netop den fejl ved 1200-1440 px - den er ikke kopieret.) */
@media (max-width: 781px) {
	.wp-block-columns:has(> .wp-block-column > .vkst-medarbejder) .vkst-medarbejder {
		max-width: 286px;
	}
}
@media (min-width: 782px) and (max-width: 1599px) {
	.wp-block-columns:has(> .wp-block-column > .vkst-medarbejder) {
		flex-wrap: wrap !important;
	}
	.wp-block-columns:has(> .wp-block-column > .vkst-medarbejder) > .wp-block-column {
		flex: 0 0 275px !important;
	}
	.wp-block-columns:has(> .wp-block-column > .vkst-medarbejder) > .wp-block-column:nth-child(-n+2) {
		flex: 1 1 calc(50% - 12px) !important;
	}
}
/* Forsideboksenes knapper: samme farve, ogsaa naar siden er besoegt. Kadence giver
   besoegte outline-knapper roed tekst med en staerkere regel (:visited). */
.vkst-forsideboks .wp-block-button.is-style-outline > .wp-block-button__link,
.vkst-forsideboks .wp-block-button.is-style-outline > .wp-block-button__link:visited {
	color: #000 !important;
}
.vkst-forsideboks--billede .wp-block-button.is-style-outline > .wp-block-button__link,
.vkst-forsideboks--billede .wp-block-button.is-style-outline > .wp-block-button__link:visited,
.vkst-forsideboks--groen .wp-block-button.is-style-outline > .wp-block-button__link,
.vkst-forsideboks--groen .wp-block-button.is-style-outline > .wp-block-button__link:visited {
	color: #fff !important;
}
.vkst-forsideboks .wp-block-button.is-style-outline > .wp-block-button__link:hover,
.vkst-forsideboks .wp-block-button.is-style-outline > .wp-block-button__link:focus {
	color: #fff !important;
}
.vkst-forsideboks--billede .wp-block-button.is-style-outline > .wp-block-button__link:hover,
.vkst-forsideboks--billede .wp-block-button.is-style-outline > .wp-block-button__link:focus,
.vkst-forsideboks--groen .wp-block-button.is-style-outline > .wp-block-button__link:hover,
.vkst-forsideboks--groen .wp-block-button.is-style-outline > .wp-block-button__link:focus {
	color: #3C5949 !important;
}


/* Udtalelser: Kadences content.min.css (.entry-content .wp-block-group.has-background { padding: 30px })
   indlaeses efter style.css og vandt over sideluften, saa teksten gik ind under pilene (2026-10-25).
   body foran giver hoejere vaegt. */
body .entry-content .wp-block-group.vkst-udtalelse {
	padding-top: 55px;
	padding-bottom: 70px;
	padding-left: calc((100vw - 30px) / 12 + 30px);
	padding-right: calc((100vw - 30px) / 12 + 30px);
}
@media (min-width: 768px) {
	body .entry-content .wp-block-group.vkst-udtalelse {
		padding-left: max(calc(100vw / 12), calc((100vw - 1134px) / 2));
		padding-right: max(calc(100vw / 12), calc((100vw - 1134px) / 2));
	}
}
/* Fra 1024 px staar pilene i siderne (3vw + 55 px): teksten holder mindst 30 px fri af dem. */
@media (min-width: 1024px) {
	body .entry-content .vkst-udtalelser .wp-block-group.vkst-udtalelse {
		padding-left: max(calc(3vw + 85px), calc((100vw - 1134px) / 2));
		padding-right: max(calc(3vw + 85px), calc((100vw - 1134px) / 2));
	}
}