/*
Theme Name: Twenty Fourteen Brygdesign
Theme URI: https://wordpress.org/themes/twentyfourteen/
Template: twentyfourteen
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Separat prøveversion af Finns Bryggerisides Twenty Fourteen child-tema. Matcher Bryggeridatabasens grønne og beige design og kan deaktiveres uden at ændre det oprindelige child-tema.
Tags: blog,news,two-columns,three-columns,left-sidebar,right-sidebar,custom-background,custom-header,custom-menu,editor-style,featured-images,flexible-header,footer-widgets,full-width-template,microformats,post-formats,rtl-language-support,sticky-post,theme-options,translation-ready,accessibility-ready,block-patterns
Version: 1.5.7
Updated: 2026-09-16

*/

:root {
	--bryg-green: #315d3a;
	--bryg-green-dark: #21462b;
	--bryg-cream: #f3efe3;
	--bryg-paper: #fffefb;
	--bryg-border: #d8cfbb;
	--bryg-text: #29342b;
}

body {
	color: var(--bryg-text);
	font-size: 14px;
	line-height: 1.6;
}

.site {
	background-color: var(--bryg-paper);
	box-shadow: 0 0 18px rgba(20, 35, 23, .18);
}

.site-header,
.site:before,
#secondary {
	background-color: var(--bryg-green);
}

.site-navigation a,
.site-title a,
.site-description,
.widget-title,
.widget-title a {
	color: #fff;
}

.primary-navigation li:hover > a,
.primary-navigation li.focus > a,
.secondary-navigation li:hover > a,
.secondary-navigation li.focus > a,
.primary-navigation ul ul,
.secondary-navigation ul ul,
.search-toggle,
.menu-toggle {
	background-color: var(--bryg-green-dark);
}

.search-toggle:hover,
.search-toggle.active,
.menu-toggle:hover,
.menu-toggle:focus {
	background-color: #17381f;
}

.site-content .entry-header,
.site-content .page-header {
	border-top: 4px solid var(--bryg-green);
	background: linear-gradient(180deg, #f7f4eb, #eee8d9);
}

.entry-title,
.entry-title a,
.page-title,
.archive-title {
	color: var(--bryg-green-dark);
}

.entry-content,
.entry-summary,
.page-content {
	color: var(--bryg-text);
	font-size: 14px;
	line-height: 1.65;
}

.entry-content h2,
.entry-content h3,
.entry-content h4,
.page-content h2,
.page-content h3,
.page-content h4 {
	color: var(--bryg-green-dark);
	line-height: 1.35;
}

.entry-content h2,
.page-content h2 {
	margin-top: 1.7em;
	padding-bottom: 7px;
	border-bottom: 1px solid var(--bryg-border);
}

.entry-content a,
.entry-summary a,
.page-content a,
.comment-content a {
	color: #2d683b;
	text-decoration-color: rgba(45, 104, 59, .45);
	text-underline-offset: 2px;
}

.entry-content a:hover,
.entry-summary a:hover,
.page-content a:hover,
.comment-content a:hover {
	color: #173d22;
}

.entry-content table,
.page-content table {
	border: 1px solid var(--bryg-border);
	background: #fff;
}

.entry-content th,
.page-content th {
	background: var(--bryg-cream);
	color: var(--bryg-green-dark);
}

.entry-content th,
.entry-content td,
.page-content th,
.page-content td {
	padding: 9px 11px;
	border-color: var(--bryg-border);
}

button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border-radius: 2px;
	background-color: var(--bryg-green);
	color: #fff;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: var(--bryg-green-dark);
}

input,
textarea,
select {
	border-color: var(--bryg-border);
}

blockquote {
	border-left: 4px solid var(--bryg-green);
	color: #566157;
}

.post-navigation,
.image-navigation,
.paging-navigation {
	border-color: var(--bryg-border);
	background: var(--bryg-cream);
}

.site-footer {
	background-color: var(--bryg-green-dark);
}

@media screen and (max-width: 782px) {
	body,
	.entry-content,
	.entry-summary,
	.page-content {
		font-size: 13px;
	}
}

/* Samme vandrette afstande som Bryggeridatabasens 2/3–1/3-layout. */
@media screen and (min-width: 1008px) {
	body:not(.bryg-layout-page) .site-content article:not(.bryg-box) > .entry-header,
	body:not(.bryg-layout-page) .site-content article:not(.bryg-box) > .entry-content,
	body:not(.bryg-layout-page) .site-content article:not(.bryg-box) > .entry-summary,
	body:not(.bryg-layout-page) .site-content .page-header,
	body:not(.bryg-layout-page) .site-content > .page-content {
		margin-left: 5%;
	}

	.content-sidebar {
		position: relative;
		left: -13px;
	}
}

/* Samme typografi og tekststørrelser som Aarup Bryghus. */
body:not(.bryg-layout-page) .site-content .entry-content,
body:not(.bryg-layout-page) .site-content .entry-summary,
body:not(.bryg-layout-page) .site-content .page-content,
.content-sidebar .widget {
	font-family: Lato, Arial, Helvetica, sans-serif !important;
	font-size: 14px !important;
	font-weight: 400;
	line-height: 1.6;
}

body:not(.bryg-layout-page) .site-content .entry-content > h1:first-child,
body:not(.bryg-layout-page) .site-content .entry-content > h2:first-child,
body:not(.bryg-layout-page) .site-content .entry-content > h3:first-child {
	font-family: Lato, Arial, Helvetica, sans-serif !important;
	font-size: 18px !important;
	font-weight: 700;
}

.content-sidebar .widget .widget-title {
	font-family: Lato, Arial, Helvetica, sans-serif !important;
	font-size: 14px !important;
	font-weight: 700;
}

/* Samlet kortdesign svarende til bryggerisiderne. */
:root {
	--bryg-menu-green: #365900;
}

.site-header,
.site:before,
#secondary {
	background-color: var(--bryg-menu-green);
}

.primary-navigation li:hover > a,
.primary-navigation li.focus > a,
.secondary-navigation li:hover > a,
.secondary-navigation li.focus > a,
.primary-navigation ul ul,
.secondary-navigation ul ul,
.search-toggle,
.menu-toggle {
	background-color: #294500;
}

body:not(.bryg-layout-page) .site-content article:not(.bryg-box) > .entry-header,
body:not(.bryg-layout-page) .site-content .page-header {
	margin-bottom: 0;
	padding: 18px 20px 14px;
	border: 1px solid var(--bryg-border);
	border-top: 4px solid var(--bryg-green-dark) !important;
	border-radius: 3px 3px 0 0;
	background: linear-gradient(135deg, #fffefb, #f7f3e8);
	box-shadow: 0 2px 7px rgba(48, 55, 42, .07);
}

body:not(.bryg-layout-page) .site-content article:not(.bryg-box) > .entry-header .entry-title,
body:not(.bryg-layout-page) .site-content .page-header .page-title {
	margin: 0;
	font-size: 23px;
	line-height: 1.25;
}

body:not(.bryg-layout-page) .site-content article:not(.bryg-box) > .entry-content,
body:not(.bryg-layout-page) .site-content article:not(.bryg-box) > .entry-summary,
body:not(.bryg-layout-page) .site-content > .page-content {
	margin-top: 0;
	padding: 18px 20px 22px;
	border: 1px solid var(--bryg-border);
	border-top: 0;
	border-radius: 0 0 3px 3px;
	background: var(--bryg-paper);
	box-shadow: 0 2px 7px rgba(48, 55, 42, .07);
}

body:not(.bryg-layout-page) .site-content .entry-content > :first-child,
body:not(.bryg-layout-page) .site-content .entry-summary > :first-child {
	margin-top: 0;
}

body:not(.bryg-layout-page) .site-content .entry-content > h1:first-child,
body:not(.bryg-layout-page) .site-content .entry-content > h2:first-child,
body:not(.bryg-layout-page) .site-content .entry-content > h3:first-child {
	margin: -18px -20px 18px;
	padding: 12px 14px;
	border: 0;
	border-bottom: 1px solid var(--bryg-border);
	background: linear-gradient(180deg, #f5f1e6, #eee8d9);
	color: var(--bryg-green-dark);
	font-size: 18px;
	line-height: 1.35;
}

body:not(.bryg-layout-page) .site-content .entry-content > h1:first-child + hr,
body:not(.bryg-layout-page) .site-content .entry-content > h2:first-child + hr,
body:not(.bryg-layout-page) .site-content .entry-content > h3:first-child + hr {
	display: none;
}

/* Gamle sider bruger sorte HR-linjer mellem afsnit. Vis dem som Aarup-kort. */
body:not(.bryg-layout-page) .site-content .entry-content > hr {
	display: none;
}

body:not(.bryg-layout-page) .site-content .entry-content > hr + h2,
body:not(.bryg-layout-page) .site-content .entry-content > hr + h3,
body:not(.bryg-layout-page) .site-content .entry-content > hr + h4,
body:not(.bryg-layout-page) .site-content .entry-content > hr + p:has(> strong:first-child) {
	margin: 18px 0 0;
	padding: 10px 13px;
	border: 1px solid var(--bryg-border);
	border-bottom: 0;
	border-radius: 3px 3px 0 0;
	background: linear-gradient(180deg, #f5f1e6, #eee8d9);
	color: var(--bryg-green-dark);
	font-size: 14px !important;
	font-weight: 700;
	line-height: 1.35;
}

body:not(.bryg-layout-page) .site-content .entry-content > hr + h2 + ul,
body:not(.bryg-layout-page) .site-content .entry-content > hr + h3 + ul,
body:not(.bryg-layout-page) .site-content .entry-content > hr + h4 + ul,
body:not(.bryg-layout-page) .site-content .entry-content > hr + p:has(> strong:first-child) + ul,
body:not(.bryg-layout-page) .site-content .entry-content > hr + h2 + p,
body:not(.bryg-layout-page) .site-content .entry-content > hr + h3 + p,
body:not(.bryg-layout-page) .site-content .entry-content > hr + h4 + p,
body:not(.bryg-layout-page) .site-content .entry-content > hr + p:has(> strong:first-child) + p {
	margin: 0 0 18px;
	padding: 14px 16px 15px 34px;
	border: 1px solid var(--bryg-border);
	border-radius: 0 0 3px 3px;
	background: var(--bryg-paper);
	box-shadow: 0 2px 7px rgba(48, 55, 42, .07);
}

body:not(.bryg-layout-page) .site-content .entry-content > hr + h2 + p,
body:not(.bryg-layout-page) .site-content .entry-content > hr + h3 + p,
body:not(.bryg-layout-page) .site-content .entry-content > hr + h4 + p,
body:not(.bryg-layout-page) .site-content .entry-content > hr + p:has(> strong:first-child) + p {
	padding-left: 16px;
}

body:not(.bryg-layout-page) .site-content .entry-content > :last-child,
body:not(.bryg-layout-page) .site-content .entry-summary > :last-child {
	margin-bottom: 0;
}

.content-sidebar .widget {
	overflow: hidden;
	padding: 0;
	border: 1px solid var(--bryg-border);
	border-radius: 3px;
	background: var(--bryg-paper);
	box-shadow: 0 2px 7px rgba(48, 55, 42, .07);
}

.content-sidebar .widget .widget-title {
	margin: 0 0 13px;
	padding: 10px 13px;
	border: 0;
	border-bottom: 1px solid var(--bryg-border);
	background: linear-gradient(180deg, #f5f1e6, #eee8d9);
	color: var(--bryg-green-dark);
	font-size: 14px;
	line-height: 1.35;
}

.content-sidebar .widget > :not(.widget-title),
.content-sidebar .widget > ul,
.content-sidebar .widget > form {
	margin-right: 13px;
	margin-left: 13px;
}

.content-sidebar .widget > :last-child {
	margin-bottom: 15px;
}

.content-sidebar .widget a {
	color: #2d683b;
}

.content-sidebar .widget a:hover {
	color: #173d22;
}

.bryg-layout-page .site-content .entry-header {
	display: none;
}

.bryg-layout-page .site-content .entry-content {
	padding-top: 0;
	background: transparent;
}

@media screen and (max-width: 782px) {
	body:not(.bryg-layout-page) .site-content article:not(.bryg-box) > .entry-header,
	body:not(.bryg-layout-page) .site-content article:not(.bryg-box) > .entry-content,
	body:not(.bryg-layout-page) .site-content article:not(.bryg-box) > .entry-summary {
		padding-right: 15px;
		padding-left: 15px;
	}
}