/* =Reset default browser CSS. Based on work by Eric Meyer: https://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/* =Layout
-------------------------------------------------------------- */

/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar right of content
*/

#container {
	float: left;
	width: 100%;
	margin: 0 -26.4% 0 0;
}
#content {
	margin: 0 280px 0 20px;
}

#primary {
	float: right;
	margin-right: 1.6%;
	width: 24.8%;
	font-size: 15px;
	line-height: 22px;
}
#secondary {
	clear: right;
}
#footer {
	clear: both;
	width: 100%;
}


/* =Fonts
-------------------------------------------------------------- */
body,
input,
textarea,
.page-title span,
.pingback a.url {
	font-family: Georgia, "Bitstream Charter", serif;
}
h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text,
input[type=submit] {
	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}


/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */
#access .menu-header,#wrapper {
	margin: 2em auto;
	max-width: 940px;
	-webkit-box-shadow: 0px 0px 2px #333;
	-moz-box-shadow: 0px 0px 2px #333;
	box-shadow: 0px 0px 2px #333;
}
#wrapper {
	background: #fff;
	padding: 0 10px;
}

/* Structure the footer area */
#footer-widget-area {
}
#footer-widget-area .widget-area {
	float: left;
	margin-right: 20px;
	
}
#footer-widget-area #fourth {
	margin-right: 0;
}
#site-info {
	font-size: 14px;
	font-weight: bold;	
}


/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */
body {
	background: #f1f1f1;
}
body,
input,
textarea {
	color: #666;
	font-size: 12px;
	line-height: 18px;	
}

hr {
	background-color: #e7e7e7;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 18px;
}

/* Text elements */
p {
	margin-bottom: 18px;
}
ul {
	list-style: square;
	margin: 0 0 18px 1.5em;
}
ol {
	list-style: decimal;
	margin: 0 0 18px 1.5em;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 0 24px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 18px;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #ffc;
	text-decoration: none;
}
blockquote {
	font-style: italic;
	padding: 1em 3em;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	padding: 1.5em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
input[type="text"],input[type="email"],
textarea {
	background: #f9f9f9;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	padding: 2px;
}
a:link {
	color: #0066cc;
}
a:visited {
	color: #743399;
}
a:active,
a:hover {
	color: #ff4b33;
}

/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}


/* =Header
-------------------------------------------------------------- */

#header {
	padding: 30px 10px 0px 10px;
}
#site-title {
	float: left;
	font-size: 30px;
	line-height: 36px;
	margin: 0 0 18px 0;
	
}
#site-title a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
#site-description {
	font-style: italic;
	margin: 14px 0 18px 0;
	float: right;
}

/* This is the custom header image */
#branding img {
	border-top: 4px solid #000;
	border-bottom: 1px solid #000;
	clear: both;
	display: block;
}


/* =Menu
-------------------------------------------------------------- */

#access {
	background: #000;
	display: block;
	float: left;
	margin: 0 auto;
	clear: both;
	width: 100%	
}
#access .menu-header,
div.menu {
	font-size: 13px;
	margin-left: 12px;
}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#access .menu-header li,
div.menu li {
	float: left;
	position: relative;
}
#access a {
	color: #aaa;
	display: block;
	line-height: 3.333em;
	padding: 0 1.2125em;
	text-decoration: none;
}
#access ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	top: 38px;
	left: 0;
	float: left;	
	z-index: 99999;
}

#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #333;
	line-height: 1em;
	padding: 10px;	
	height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
	background: #333;
	color: #fff;
}
#access ul li:hover > ul {
	display: block;
}
#access ul li#active > a,
#access ul li.current-menu-ancestor > a,
#access ul li#active > a,
#access ul li.current-menu-parent > a {
	color: #fff;
}
* html #access ul li#active a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li#active a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #fff;
}


/* =Content
-------------------------------------------------------------- */

#main {
	clear: both;
	padding: 40px 0 0 0;
}
#content {
	margin-bottom: 36px;
}
#content,
#content input,
#content textarea {
	color: #333;
	font-size: 16px;
	line-height: 24px;
}
#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
	margin-bottom: 18px;
}
#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
	margin-bottom: 0;
}
#content pre,
#content kbd,
#content tt,
#content var {
	font-size: 15px;
	line-height: 21px;
}
#content code {
	font-size: 13px;
}
#content dt,
#content th {
	color: #000;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
	color: #000;
	line-height: 1.5em;
	margin: 0 0 5px 0;
}

#content table {
	border: 1px solid #e7e7e7;
	margin: 0 -1px 24px 0;
	text-align: left;
	width: 100%;
}
#content tr th,
#content thead th {
	color: #888;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}
#content tr td {
	border-top: 1px solid #e7e7e7;
	padding: 6px 24px;
}
#content tr.odd td {
	background: #f2f7fc;
}
.hentry {
	margin: 0 0 48px 0;
}
.home .sticky {
	background: #f2f7fc;
	border-top: 4px solid #000;
	margin-left: -20px;
	margin-right: -20px;
	padding: 18px 20px;
}
.single .hentry {
	margin: 0 0 36px 0;
}
.page-title {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 36px 0;
}
.page-title span {
	color: #333;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
}
.page-title a:link,
.page-title a:visited {
	color: #888;
	text-decoration: none;
}
.page-title a:active,
.page-title a:hover {
	color: #ff4b33;
}
#content .entry-title {
	color: #000;
	font-size: 21px;
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 0;
}
.entry-title a:link,
.entry-title a:visited {
	color: #000;
	text-decoration: none;
}
.entry-title a:active,
.entry-title a:hover {
	color: #ff4b33;
}
.entry-content,
.entry-summary {
	clear: both;
	padding: 12px 0 0 0;
}
#content .entry-summary p:last-child {
	margin-bottom: 12px;
}
.entry-content fieldset {
	border: 1px solid #e7e7e7;
	
}
.entry-content fieldset legend {
	background: #fff;
	color: #000;
	font-weight: bold;
	padding: 0 24px;
}
.entry-content input {
	margin: 0 0 24px 0;
}
.entry-content input.file,
.entry-content input#contact-button {
	margin-right: 24px;
}
.entry-content label {
	color: #888;
	font-size: 12px;
}
.entry-content select {
	margin: 0 0 24px 0;
}
.entry-content sup,
.entry-content sub {
	font-size: 10px;
}
.entry-content blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 24px;
	text-align: right;
	width: 33%;
}
.entry-content blockquote.right {
	float: right;
	margin-left: 24px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}
.page-link {
	color: #000;
	font-weight: bold;
	margin: 0 0 22px 0;
	word-spacing: 0.5em;
}
.page-link a:link,
.page-link a:visited {
	background: #f1f1f1;
	color: #333;
	font-weight: normal;
	padding: 0.5em 0.75em;
	text-decoration: none;
}
.home .sticky .page-link a {
	background: #d9e8f7;
}
.page-link a:active,
.page-link a:hover {
	color: #ff4b33;
}
body.page .edit-link {
	clear: both;
	display: block;
}

#content .video-player {
	padding: 0;
}


/* =Images
-------------------------------------------------------------- */

#content img {
	margin: 0;
	max-width: 100%;
	text-align: center;	
}


/* =Navigation
-------------------------------------------------------------- */

.navigation {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
.navigation a:link,
.navigation a:visited {
	color: #888;
	text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
	color: #ff4b33;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#nav-above {
	margin: 0 0 18px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}
#nav-below {
	margin: -18px 0 0 0;
}



/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
	list-style: none;
	margin-left: 0;
}
.widget-area ul ul {
	list-style: square;
	margin-left: 1.3em;
margin-bottom:10px;
}

.widget-container {
	margin: 0 0 18px 0;
}
.widget-area h4 {
	color: #222;
	font-weight: bold;
}
.widget-area a:link,
.widget-area a:visited {
	text-decoration: none;
}
.widget-area a:active,
.widget-area a:hover {
	text-decoration: underline;
}
.widget-area .entry-meta {
	font-size: 11px;
}


/* Main sidebars */
#main .widget-area ul {
	margin-left: 0;
	padding: 0 20px 0 0;
}
#main .widget-area ul ul {
	border: none;
	margin-left: 1.3em;
	padding: 0;
}

/* Footer widget areas */
#footer-widget-area {
}


/* =Footer
-------------------------------------------------------------- */

#footer {
	margin-bottom: 20px;	
}
#colophon {
	border-top: 4px solid #000;
	clear: both;
	padding: 1em 0;
}
#site-info {
	font-weight: normal;
}
#site-info a {
	color: #000;
	text-decoration: none;
}


/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */

pre {
	-webkit-text-size-adjust: 140%;
}
code {
	-webkit-text-size-adjust: 160%;
}

.entry-meta,
.entry-utility,
.navigation,
.widget-area {
	-webkit-text-size-adjust: 120%;
}
#site-description {
	-webkit-text-size-adjust: none;
}


/* =Print Style
-------------------------------------------------------------- */

@media print {
	body {
		background: none !important;
	}
	#wrapper {
		clear: both !important;
		display: block !important;
		float: none !important;
		position: relative !important;
	}
	#header {
		border-bottom: 2pt solid #000;
		padding-bottom: 18pt;
	}
	#colophon {
		border-top: 2pt solid #000;
	}
	#site-title,
	#site-description {
		float: none;
		line-height: 1.4em;
		margin: 0;
		padding: 0;
	}
	#site-title {
		font-size: 13pt;
	}
	.entry-content {
		font-size: 14pt;
		line-height: 1.6em;
	}
	.entry-title {
		font-size: 21pt;
	}
	#access,
	#branding img,
	#respond,
	.comment-edit-link,
	.edit-link,
	.navigation,
	.page-link,
	.widget-area {
		display: none !important;
	}
	#container,
	#header,
	#footer {
		margin: 0;
		width: 100%;
	}
	#content,
	.one-column #content {
		margin: 24pt 0 0;
		width: 100%;
	}
	.wp-caption p {
		font-size: 11pt;
	}
	#site-info,
	#site-generator {
		float: none;
		width: auto;
	}
	#colophon {
		width: auto;
	}
	img#wpstats {
		display: none;
	}
	#site-generator a {
		margin: 0;
		padding: 0;
	}
	#entry-author-info {
		border: 1px solid #e7e7e7;
	}
	#main {
		display: inline;
	}
	.home .sticky {
		border: none;
	}
}

/* =Added by Jim Westergren
-------------------------------------------------------------- */

#content img {padding:3px;border:1px solid #bbb;}
#content ol, #content ul {}
#content li {margin-bottom:8px;}

fieldset#contact-form {padding: 10px}
#contact-form input {margin-bottom:5px;}
#contact-form #contact-button {margin-top:10px;}



/* =Responsive Structure
Added by Jaime
----------------------------------------------- */
@media (max-width: 992px) {
		body{font-size: 120%;padding:0 5px;}
		#access ul {font-size: 15px;}
		#wrapper{margin:5px;}
		blockquote{margin:0;padding: 0 1em}
		ul,ol {margin-left:30px;}
		.widget-area,.widget-area h4, .widget-area ul a {font-size:18px;}
}
@media (max-width: 800px) {
	/* Simplify the basic layout */
	textarea{width: 98%;}
	#content {margin: 0 2.6%;width: auto;}
	#primary {float: none;margin: 0 5.6%;width: auto;}
	/* Make sure embeds fit their containers */
	embed,	object {max-width: 100%;}
	#main .widget-area ul li{margin-bottom: 8px}
	.widget-area h4 {margin:30px 0 12px 0;}
	.widget-area p {line-height: 23px;}
	.widget-area ul a{font-size: 15px}
	ul li, ol li {margin-bottom:10px !important;}
	#site-generator {display:none;}
}

@media (max-width: 767px) {
		#content img {max-width:100%;float:none !important;}
		textarea{width: 98%;}
		blockquote {padding: 0 1em}
		#site-title{margin: 0}		
		#content li{margin-bottom: 0}	
		#content img{max-width: 98%}	
		#content tr td{padding: 0.333em 0.666em}
		.widget-area ul a{font-size: 15px}

}


body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    color: #333333 !important;
    line-height: 1.6 !important;
    background-color: #fcfcfc !important;
}


h1, h2, h3 {
    color: #1a2a3a !important;
    font-weight: 700 !important;
    margin-top: 1.5em !important;
    margin-bottom: 0.5em !important;
}

input[type="text"], input[type="email"], textarea {
    width: 100% !important;
    padding: 12px !important;
    margin-bottom: 15px !important;
    border: 1px solid #ccc !important;
    border-radius: 6px !important;
    font-size: 15px !important;
    box-sizing: border-box !important;
}

input[type="submit"] {
    background-color: #2ecc71 !important;
    color: #ffffff !important;
    padding: 12px 25px !important;
    border: none !important;
    border-radius: 6px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    transition: background 0.2s ease !important;
    width: 100% !important;
}

input[type="submit"]:hover {
    background-color: #27ae60 !important;
}


p {
    margin-bottom: 1.5em !important;
    font-size: 16px !important;
}


/* =========================================================

   DANNARP BRUNNSBORRNING - MODERN STARTSIDA

   Läggs LÄNGST NED i befintlig CSS

   ========================================================= */

body.home {

    background: #fff !important;

}

/* Fullbredd endast på startsidan */

body.home #wrapper {

    max-width: none !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    box-shadow: none !important;

    background: #fff !important;

}

body.home #main {

    padding: 0 !important;

}

body.home #container {

    float: none !important;

    width: 100% !important;

    margin: 0 !important;

}

body.home #content {

    margin: 0 !important;

    width: 100% !important;

}

body.home .hentry,

body.home .entry-content {

    margin: 0 !important;

    padding: 0 !important;

}

/* Dölj gammal sidebar endast på startsidan */

body.home #primary,

body.home #secondary {

    display: none !important;

}

/* Återställ gammal temasättning inuti vår nya startsida */

#content .dannarp-home img {

    border: 0 !important;

    padding: 0 !important;

    margin: 0 !important;

}

#content .dannarp-home p {

    margin: 0 !important;

}

#content .dannarp-home h1,

#content .dannarp-home h2,

#content .dannarp-home h3 {

    margin: 0 !important;

    clear: none !important;

}

#content .dannarp-home ul {

    margin: 0 !important;

    padding: 0 !important;

    list-style: none !important;

}

.dannarp-home {

    --dark: #101820;

    --dark2: #17212b;

    --yellow: #e3aa2c;

    --yellow-dark: #c18d20;

    --light: #f5f5f2;

    --text: #17202a;

    --muted: #68717a;

    width: 100%;

    overflow: hidden;

    color: var(--text);

    font-family: "Helvetica Neue", Arial, sans-serif;

}

.dannarp-home *,

.dannarp-home *::before,

.dannarp-home *::after {

    box-sizing: border-box;

}

.dannarp-wrap {

    width: calc(100% - 50px);

    max-width: 1180px;

    margin: 0 auto;

}

/* =========================================================

   HERO

   ========================================================= */

.dannarp-hero {

    position: relative;

    min-height: 720px;

    display: flex;

    align-items: center;

    color: white;

    background:

        linear-gradient(

            90deg,

            rgba(7,12,18,.91) 0%,

            rgba(7,12,18,.73) 38%,

            rgba(7,12,18,.30) 66%,

            rgba(7,12,18,.10) 100%

        ),

        url("https://images.staticjw.com/dan/5173/brunnsborrning-ulricehamn-dannarp-jpg.jpg");

    background-size: cover;

    background-position: center;

}

.dannarp-hero-content {

    max-width: 720px;

    padding: 120px 0 100px;

}

.dannarp-eyebrow {

    color: var(--yellow);

    text-transform: uppercase;

    font-size: 14px;

    line-height: 1.4;

    font-weight: 800;

    letter-spacing: 2px;

    margin-bottom: 18px;

}

#content .dannarp-hero h1 {

    color: #fff !important;

    font-size: clamp(50px, 6vw, 82px) !important;

    line-height: .98 !important;

    font-weight: 800 !important;

    letter-spacing: -2px;

    margin: 0 0 25px !important;

}

#content .dannarp-hero .dannarp-hero-text {

    max-width: 610px;

    color: rgba(255,255,255,.91) !important;

    font-size: 19px !important;

    line-height: 1.65 !important;

}

.dannarp-buttons {

    display: flex;

    flex-wrap: wrap;

    gap: 14px;

    margin-top: 35px;

}

.dannarp-btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-height: 54px;

    padding: 0 27px;

    border-radius: 4px;

    text-decoration: none !important;

    text-transform: uppercase;

    letter-spacing: .5px;

    font-size: 13px;

    line-height: 1;

    font-weight: 800;

    transition:

        transform .25s ease,

        background .25s ease,

        color .25s ease;

}

.dannarp-btn-primary,

.dannarp-btn-primary:visited {

    background: var(--yellow);

    color: #111 !important;

}

.dannarp-btn-primary:hover {

    background: var(--yellow-dark);

    color: #111 !important;

    transform: translateY(-2px);

}

.dannarp-btn-outline,

.dannarp-btn-outline:visited {

    border: 1px solid rgba(255,255,255,.7);

    color: #fff !important;

}

.dannarp-btn-outline:hover {

    background: white;

    color: #111 !important;

    transform: translateY(-2px);

}

/* =========================================================

   FÖRTROENDE

   ========================================================= */

.dannarp-trust {

    padding: 48px 0;

    background: white;

}

.dannarp-trust-grid {

    display: grid;

    grid-template-columns: repeat(3,1fr);

}

.dannarp-trust-item {

    padding: 15px 38px;

    border-right: 1px solid #e3e3e3;

}

.dannarp-trust-item:last-child {

    border-right: 0;

}

.dannarp-trust-icon {

    width: 56px;

    height: 56px;

    margin-bottom: 17px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f7f0e3;

    color: #9c7019;

    font-size: 25px;

    font-weight: bold;

}

#content .dannarp-trust h3 {

    color: #17202a !important;

    font-size: 16px !important;

    line-height: 1.3 !important;

    font-weight: 800 !important;

    margin-bottom: 9px !important;

}

#content .dannarp-trust p {

    color: var(--muted) !important;

    font-size: 14px !important;

    line-height: 1.6 !important;

}

/* =========================================================

   3000+ PARALLAX

   ========================================================= */

.dannarp-stat {

    min-height: 390px;

    display: flex;

    align-items: center;

    text-align: center;

    color: white;

    background:

        linear-gradient(

            rgba(8,13,18,.73),

            rgba(8,13,18,.73)

        ),

        url("https://images.staticjw.com/dan/1980/borrigg-vattenbrunn-ulricehamn-jpg");

    background-size: cover;

    background-position: center;

    background-attachment: fixed;

}

.dannarp-stat-inner {

    width: 100%;

}

.dannarp-stat-small {

    color: var(--yellow);

    text-transform: uppercase;

    letter-spacing: 2px;

    font-size: 13px;

    font-weight: 800;

}

.dannarp-stat-number {

    margin: 8px 0;

    font-size: clamp(75px,9vw,120px);

    line-height: 1;

    font-weight: 850;

}

.dannarp-stat-text {

    color: white;

    font-size: 20px;

    line-height: 1.4;

}

/* =========================================================

   GENERELLA RUBRIKER

   ========================================================= */

.dannarp-section-heading {

    max-width: 720px;

    margin: 0 auto 47px;

    text-align: center;

}

.dannarp-section-heading > span {

    color: #a57418;

    text-transform: uppercase;

    letter-spacing: 2px;

    font-size: 13px;

    font-weight: 800;

}

#content .dannarp-section-heading h2 {

    color: #17202a !important;

    font-size: clamp(36px,4vw,52px) !important;

    line-height: 1.08 !important;

    font-weight: 800 !important;

    margin: 10px 0 15px !important;

}

#content .dannarp-section-heading p {

    color: var(--muted) !important;

    font-size: 17px !important;

    line-height: 1.7 !important;

}

/* =========================================================

   TJÄNSTER

   ========================================================= */

.dannarp-services {

    padding: 100px 0;

    background: var(--light);

}

.dannarp-services-grid {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 28px;

}

.dannarp-service-card {

    overflow: hidden;

    background: white;

    border-radius: 6px;

    box-shadow: 0 10px 35px rgba(0,0,0,.08);

    transition:

        transform .3s ease,

        box-shadow .3s ease;

}

.dannarp-service-card:hover {

    transform: translateY(-4px);

    box-shadow: 0 17px 45px rgba(0,0,0,.12);

}

.dannarp-service-image {

    height: 340px;

    overflow: hidden;

}

#content .dannarp-service-image img {

    display: block;

    width: 100% !important;

    height: 100% !important;

    max-width: none !important;

    object-fit: cover;

    transition: transform .7s ease;

}

.dannarp-service-card:hover img {

    transform: scale(1.045);

}

.dannarp-service-body {

    padding: 34px;

}

#content .dannarp-service-body h3 {

    color: #17202a !important;

    font-size: 27px !important;

    line-height: 1.2 !important;

    font-weight: 800 !important;

    margin-bottom: 13px !important;

}

#content .dannarp-service-body p {

    color: var(--muted) !important;

    font-size: 16px !important;

    line-height: 1.7 !important;

    margin-bottom: 21px !important;

}

.dannarp-text-link,

.dannarp-text-link:visited {

    color: #946713 !important;

    font-weight: 800;

    text-decoration: none !important;

}

.dannarp-text-link:hover {

    color: #5f430d !important;

}

/* =========================================================

   OM DANNARP

   ========================================================= */

.dannarp-about {

    padding: 105px 0;

    background: var(--dark);

    color: white;

}

.dannarp-about-grid {

    display: grid;

    grid-template-columns: 1.05fr .95fr;

    align-items: center;

    gap: 75px;

}

.dannarp-about-image {

    position: relative;

}

#content .dannarp-about-image img {

    display: block;

    width: 100% !important;

    height: auto !important;

}

.dannarp-about-image::after {

    content: "";

    position: absolute;

    right: -18px;

    bottom: -18px;

    width: 58%;

    height: 58%;

    border-right: 3px solid var(--yellow);

    border-bottom: 3px solid var(--yellow);

    pointer-events: none;

}

#content .dannarp-about h2 {

    color: white !important;

    font-size: clamp(38px,4vw,55px) !important;

    line-height: 1.07 !important;

    font-weight: 800 !important;

    margin: 10px 0 25px !important;

}

#content .dannarp-about p {

    color: rgba(255,255,255,.77) !important;

    font-size: 16px !important;

    line-height: 1.8 !important;

}

#content .dannarp-about-list {

    margin-top: 27px !important;

}

#content .dannarp-about-list li {

    margin: 0 !important;

    padding: 11px 0;

    color: rgba(255,255,255,.92);

    border-bottom: 1px solid rgba(255,255,255,.12);

    font-size: 16px;

}

.dannarp-about-list li::before {

    content: "✓";

    margin-right: 11px;

    color: var(--yellow);

    font-weight: 900;

}

/* =========================================================

   GALLERI

   ========================================================= */

.dannarp-gallery {

    padding: 100px 0;

    background: white;

}

.dannarp-gallery-grid {

    display: grid;

    grid-template-columns: 1.35fr 1fr 1fr;

    grid-template-rows: 270px 270px;

    gap: 14px;

}

.dannarp-gallery-item {

    overflow: hidden;

    position: relative;

    border-radius: 4px;

    background: #ddd;

}

.dannarp-gallery-item:first-child {

    grid-row: 1 / 3;

}

#content .dannarp-gallery-item img {

    display: block;

    width: 100% !important;

    height: 100% !important;

    max-width: none !important;

    object-fit: cover;

    transition: transform .65s ease;

}

.dannarp-gallery-item:hover img {

    transform: scale(1.045);

}

/* =========================================================

   SEO / ARBETSOMRÅDE

   ========================================================= */

.dannarp-area {

    padding: 90px 0;

    background: #f5f5f2;

}

.dannarp-area-inner {

    max-width: 850px;

    margin: 0 auto;

    text-align: center;

}

#content .dannarp-area h2 {

    color: #17202a !important;

    font-size: clamp(32px,4vw,45px) !important;

    line-height: 1.1 !important;

    font-weight: 800 !important;

    margin-bottom: 20px !important;

}

#content .dannarp-area p {

    color: var(--muted) !important;

    font-size: 16px !important;

    line-height: 1.8 !important;

}

/* =========================================================

   CTA

   ========================================================= */

.dannarp-cta {

    padding: 70px 0;

    background: var(--yellow);

}

.dannarp-cta-inner {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 40px;

}

#content .dannarp-cta h2 {

    color: #111820 !important;

    font-size: clamp(32px,4vw,46px) !important;

    line-height: 1.1 !important;

    font-weight: 800 !important;

    margin-bottom: 9px !important;

}

#content .dannarp-cta p {

    color: #222 !important;

    font-size: 17px !important;

    line-height: 1.6 !important;

}

.dannarp-cta-buttons {

    display: flex;

    gap: 10px;

    flex-shrink: 0;

}

.dannarp-cta .dannarp-btn,

.dannarp-cta .dannarp-btn:visited {

    background: var(--dark);

    color: white !important;

}

.dannarp-cta .dannarp-btn:hover {

    background: #293744;

    color: white !important;

}

/* =========================================================

   POPUP

   ========================================================= */

.dannarp-popup {

    display: none;

    position: fixed;

    inset: 0;

    z-index: 999999;

    align-items: center;

    justify-content: center;

    padding: 20px;

    background: rgba(5,10,15,.78);

    backdrop-filter: blur(3px);

}

.dannarp-popup-box {

    position: relative;

    width: 100%;

    max-width: 440px;

    padding: 37px;

    border-radius: 8px;

    background: white;

    text-align: center;

    box-shadow: 0 25px 80px rgba(0,0,0,.4);

}

.dannarp-popup-accent {

    width: 55px;

    height: 4px;

    margin: 0 auto 22px;

    background: var(--yellow);

}

#content .dannarp-popup-box h2 {

    color: #15202a !important;

    font-size: 27px !important;

    line-height: 1.2 !important;

    font-weight: 800 !important;

    margin-bottom: 13px !important;

}

#content .dannarp-popup-box p {

    color: #606970 !important;

    font-size: 15px !important;

    line-height: 1.65 !important;

    margin-bottom: 23px !important;

}

.dannarp-popup-actions {

    display: grid;

    gap: 10px;

}

.dannarp-popup-call,

.dannarp-popup-mail {

    display: block;

    padding: 14px;

    border-radius: 4px;

    text-decoration: none !important;

    font-size: 15px;

    font-weight: 800;

}

.dannarp-popup-call,

.dannarp-popup-call:visited {

    background: var(--yellow);

    color: #111 !important;

}

.dannarp-popup-mail,

.dannarp-popup-mail:visited {

    background: var(--dark);

    color: white !important;

}

.dannarp-popup-close {

    margin-top: 16px;

    padding: 7px 15px;

    border: 0;

    background: transparent;

    color: #777;

    cursor: pointer;

    text-decoration: underline;

    font-size: 13px;

}

/* =========================================================

   FADE-IN VID SCROLL

   ========================================================= */

.dannarp-reveal {

    opacity: 0;

    transform: translateY(35px);

    transition:

        opacity .85s ease,

        transform .85s ease;

}

.dannarp-reveal.dannarp-visible {

    opacity: 1;

    transform: translateY(0);

}

/* Tillgänglighet: stäng av animation om användaren vill */

@media (prefers-reduced-motion: reduce) {

    .dannarp-reveal {

        opacity: 1;

        transform: none;

        transition: none;

    }

    .dannarp-service-card,

    .dannarp-service-image img,

    .dannarp-gallery-item img {

        transition: none;

    }

}

/* =========================================================

   MOBIL

   ========================================================= */

@media (max-width: 850px) {

    .dannarp-wrap {

        width: calc(100% - 30px);

    }

    .dannarp-hero {

        min-height: 650px;

        background-position: 58% center;

    }

    #content .dannarp-hero h1 {

        font-size: 52px !important;

    }

    .dannarp-trust-grid,

    .dannarp-services-grid,

    .dannarp-about-grid {

        grid-template-columns: 1fr;

    }

    .dannarp-trust-item {

        padding: 25px 10px;

        border-right: 0;

        border-bottom: 1px solid #e5e5e5;

    }

    .dannarp-about-grid {

        gap: 50px;

    }

    .dannarp-stat {

        background-attachment: scroll;

    }

    .dannarp-gallery-grid {

        grid-template-columns: 1fr 1fr;

        grid-template-rows: 310px 220px 220px;

    }

    .dannarp-gallery-item:first-child {

        grid-column: 1 / 3;

        grid-row: auto;

    }

    .dannarp-cta-inner {

        display: block;

    }

    .dannarp-cta-buttons {

        margin-top: 25px;

    }

}

@media (max-width: 550px) {

    .dannarp-hero {

        min-height: 630px;

        background-position: 62% center;

    }

    .dannarp-hero-content {

        padding: 90px 0 65px;

    }

    #content .dannarp-hero h1 {

        font-size: 43px !important;

        letter-spacing: -1px;

    }

    #content .dannarp-hero .dannarp-hero-text {

        font-size: 17px !important;

    }

    .dannarp-buttons {

        display: block;

    }

    .dannarp-btn {

        width: 100%;

        margin-bottom: 10px;

    }

    .dannarp-services,

    .dannarp-about,

    .dannarp-gallery,

    .dannarp-area {

        padding: 70px 0;

    }

    .dannarp-service-image {

        height: 270px;

    }

    .dannarp-gallery-grid {

        display: block;

    }

    .dannarp-gallery-item,

    .dannarp-gallery-item:first-child {

        height: 270px;

        margin-bottom: 12px;

    }

    .dannarp-cta-buttons {

        display: block;

    }

    .dannarp-popup-box {

        padding: 30px 22px;

    }

}


/* Dölj N.nu:s gamla header/headerbild på startsidan */

body.home #branding {
    display: none !important;
}

/* Dölj N.nu:s gamla header/headerbild på startsidan */
body.home #branding {
    display: none !important;
}

/* Dölj gamla sidrubriken "Dannarp Brunnsborrning" på startsidan */
body.home .entry-title {
    display: none !important;
}


/* =========================================================
   DANNARP - NY LOGGA, SLUTLIG JUSTERING
   ========================================================= */

/* Ny logga i headern */
body.home #masthead::before {
    content: "" !important;
    display: block !important;

    width: 100% !important;
    height: 125px !important;

    background-color: #101820 !important;
    background-image: url("https://uploads.staticjw.com/da/dannarp/3c955bc8-6176-4ddb-8a64-b1ab036f04a2.png") !important;
    background-repeat: no-repeat !important;

    /* Storlek på loggan på dator */
    background-size: 430px auto !important;
    background-position: 30px center !important;

    border-bottom: 3px solid #e3aa2c !important;
}

/* Desktopmenyn */
@media (min-width: 768px) {

    body.home #access {
        display: block !important;
        background: #101820 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }

    body.home #access .menu {
        margin: 0 !important;
        padding: 0 20px !important;
    }

    body.home #access ul {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        flex-wrap: wrap !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #101820 !important;
    }

    body.home #access li {
        float: none !important;
    }

    body.home #access a {
        color: #ffffff !important;
        background: transparent !important;

        padding: 15px 16px !important;

        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;

        text-decoration: none !important;
    }

    body.home #access a:hover {
        color: #e3aa2c !important;
    }
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 767px) {

    /* N.nu:s hamburgermeny får vara kvar */
    body.home #access {
        display: none !important;
    }

    body.home #masthead::before {
        height: 92px !important;

        background-color: #101820 !important;
        background-image: url("https://uploads.staticjw.com/da/dannarp/3c955bc8-6176-4ddb-8a64-b1ab036f04a2.png") !important;
        background-repeat: no-repeat !important;

        /* Anpassad loggstorlek för mobil */
        background-size: 290px auto !important;
        background-position: 18px center !important;

        border-bottom: 3px solid #e3aa2c !important;

    }
}

/* =========================================================
   DANNARP - GEMENSAM FOOTER
   ========================================================= */

body #footer {
    clear: both !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    background: #101820 !important;
    color: #ffffff !important;

    border-top: 4px solid #e3aa2c !important;
}


/* Själva företagsinformationen */
.dannarp-company-footer {
    max-width: 1100px;
    margin: 0 auto;
    padding: 42px 30px 32px;

    box-sizing: border-box;

    display: grid;
    grid-template-columns: 1.4fr .8fr 1fr;
    gap: 45px;

    color: #ffffff;
}


/* Företagsnamn */
.dannarp-footer-company strong {
    display: block;

    margin-bottom: 8px;

    color: #ffffff !important;

    font-size: 22px;
    line-height: 1.25;
    font-weight: 800;
}


/* Vanlig text */
.dannarp-footer-company,
.dannarp-footer-details,
.dannarp-footer-contact {
    color: rgba(255,255,255,.82) !important;

    font-size: 15px;
    line-height: 1.7;
}


/* Organisation */
.dannarp-footer-details {
    padding-top: 4px;
}


/* Kontakt */
.dannarp-footer-contact {
    padding-top: 2px;
}


/* Klickbar mail och telefon */
.dannarp-footer-contact a,
.dannarp-footer-contact a:visited {
    display: inline-block;

    color: #e3aa2c !important;

    font-size: 16px;
    line-height: 1.9;
    font-weight: 700;

    text-decoration: none !important;
}


.dannarp-footer-contact a:hover {
    color: #ffffff !important;
}


/* Copyrightdelen */
body #footer #colophon {
    clear: both !important;

    max-width: 1100px;
    margin: 0 auto !important;
    padding: 20px 30px 25px !important;

    box-sizing: border-box;

    border-top: 1px solid rgba(255,255,255,.16) !important;
}


body #footer #site-info {
    color: rgba(255,255,255,.55) !important;

    font-size: 13px !important;
    line-height: 1.5 !important;

    font-weight: normal !important;
}


body #footer #site-info a,
body #footer #site-info a:visited {
    color: rgba(255,255,255,.70) !important;
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 767px) {

    .dannarp-company-footer {
        display: block;

        padding: 34px 25px 22px;
    }


    .dannarp-footer-company,
    .dannarp-footer-details,
    .dannarp-footer-contact {
        margin-bottom: 22px;
        padding-top: 0;
    }


    .dannarp-footer-company strong {
        font-size: 21px;
    }


    .dannarp-footer-contact a {
        font-size: 17px;
    }


    body #footer #colophon {
        padding: 18px 25px 24px !important;
    }

}


.dannarp-footer-details a,
.dannarp-footer-details a:visited,
.dannarp-footer-details a:hover {
    color: rgba(255,255,255,.82) !important;
    text-decoration: none !important;
    pointer-events: none;
}


/* =========================================================
   DANNARP - INSTAGRAMSEKTION
   ========================================================= */

.dannarp-instagram {
    padding: 70px 0;
    background: #ffffff;
}

.dannarp-instagram-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;

    padding: 45px 50px;

    background: #f5f5f2;
    border-left: 5px solid #e3aa2c;

    border-radius: 6px;
}

.dannarp-instagram-small {
    margin-bottom: 8px;

    color: #a57418;

    text-transform: uppercase;
    letter-spacing: 2px;

    font-size: 13px;
    font-weight: 800;
}

#content .dannarp-instagram h2 {
    margin: 0 0 12px !important;

    color: #17202a !important;

    font-size: clamp(29px, 3vw, 40px) !important;
    line-height: 1.1 !important;

    font-weight: 800 !important;
}

#content .dannarp-instagram p {
    max-width: 680px;

    margin: 0 !important;

    color: #68717a !important;

    font-size: 16px !important;
    line-height: 1.7 !important;
}

.dannarp-instagram-btn,
.dannarp-instagram-btn:visited {
    flex-shrink: 0;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 54px;

    padding: 0 25px;

    background: #101820;

    color: #ffffff !important;

    border-radius: 4px;

    text-decoration: none !important;

    text-transform: uppercase;

    letter-spacing: .4px;

    font-size: 13px;
    font-weight: 800;

    transition: .25s ease;
}

.dannarp-instagram-btn:hover {
    background: #e3aa2c;

    color: #111 !important;

    transform: translateY(-2px);
}


/* MOBIL */

@media (max-width: 767px) {

    .dannarp-instagram {
        padding: 50px 0;
    }

    .dannarp-instagram-inner {
        display: block;

        padding: 32px 25px;
    }

    .dannarp-instagram-btn {
        width: 100%;

        margin-top: 25px;
    }

}

/* =========================================================
   DANNARP - KONTAKTSIDA REN VERSION
   ========================================================= */

.dannarp-contact-new {
    font-family: "Helvetica Neue", Arial, sans-serif;
    color: #17202a;
}

.dannarp-contact-new * {
    box-sizing: border-box;
}


/* TOPP */

.dannarp-contact-top {
    background: #101820;
    color: #fff;
    padding: 65px 45px;
}

.dannarp-contact-kicker {
    color: #e3aa2c;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 2px;
    margin-bottom: 12px;
}

#content .dannarp-contact-top h1 {
    color: #fff !important;
    font-size: 48px !important;
    line-height: 1.08 !important;
    font-weight: 800 !important;
    margin: 0 0 18px !important;
}

#content .dannarp-contact-top p {
    color: rgba(255,255,255,.82) !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    max-width: 720px;
}


/* KONTAKTKORT */

.dannarp-contact-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    padding: 55px 35px;
}

.dannarp-simple-card {
    background: #f5f5f2;
    padding: 35px;
    border-radius: 6px;
    border-bottom: 4px solid #e3aa2c;
}

.dannarp-simple-icon {
    font-size: 30px;
    margin-bottom: 17px;
}

.dannarp-simple-label {
    color: #68717a;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 2px;
    margin-bottom: 12px;
}

.dannarp-simple-value,
.dannarp-simple-value:visited {
    display: block;
    color: #17202a !important;
    font-size: 25px;
    font-weight: 800;
    line-height: 1.25;
    text-decoration: none !important;
    margin-bottom: 15px;
}

.dannarp-simple-action,
.dannarp-simple-action:visited {
    color: #946713 !important;
    font-size: 15px;
    font-weight: 800;
    text-decoration: none !important;
}


/* FORMULÄR */

.dannarp-contact-form-new {
    margin: 20px 35px 65px;
    padding: 45px;
    background: #fff;
    box-shadow: 0 12px 38px rgba(0,0,0,.08);
    border-radius: 7px;
}

#content .dannarp-contact-form-new h2 {
    color: #17202a !important;
    font-size: 38px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    margin: 0 0 12px !important;
}

#content .dannarp-contact-form-new > p {
    color: #68717a !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    margin-bottom: 30px !important;
}

.dannarp-contact-form-new fieldset {
    border: 0 !important;
    padding: 0 !important;
}

.dannarp-contact-form-new input[type="text"],
.dannarp-contact-form-new input[type="email"],
.dannarp-contact-form-new textarea {
    width: 100% !important;
    padding: 13px !important;
    border: 1px solid #d5d5d5 !important;
    border-radius: 5px !important;
    background: #fafafa !important;
    box-sizing: border-box !important;
}

.dannarp-contact-form-new textarea {
    min-height: 180px !important;
}

.dannarp-contact-form-new input[type="submit"],
.dannarp-contact-form-new #contact-button {
    width: 100% !important;
    padding: 15px !important;
    background: #e3aa2c !important;
    color: #111 !important;
    border: 0 !important;
    border-radius: 5px !important;
    font-weight: 800 !important;
}


/* NEDRE FÖRTROENDESEKTION */

.dannarp-contact-bottom {
    background: #101820;
    color: #fff;
    padding: 60px 45px;
}

#content .dannarp-contact-bottom h2 {
    color: #fff !important;
    font-size: 38px !important;
    line-height: 1.12 !important;
    font-weight: 800 !important;
    margin: 0 0 18px !important;
}

#content .dannarp-contact-bottom p {
    color: rgba(255,255,255,.76) !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
}

.dannarp-contact-points {
    margin-top: 25px;
}

.dannarp-contact-points div {
    color: #fff;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255,255,255,.14);
}


/* MOBIL */

@media (max-width: 767px) {

    .dannarp-contact-top {
        padding: 45px 24px;
    }

    #content .dannarp-contact-top h1 {
        font-size: 38px !important;
    }

    .dannarp-contact-cards {
        display: block;
        padding: 35px 20px;
    }

    .dannarp-simple-card {
        padding: 28px 24px;
        margin-bottom: 20px;
    }

    .dannarp-simple-value {
        font-size: 23px !important;
        word-break: break-word;
    }

    .dannarp-mail-value {
        font-size: 21px !important;
    }

    .dannarp-contact-form-new {
        margin: 5px 20px 45px;
        padding: 30px 22px;
    }

    #content .dannarp-contact-form-new h2 {
        font-size: 32px !important;
    }

    .dannarp-contact-bottom {
        padding: 45px 24px;
    }

    #content .dannarp-contact-bottom h2 {
        font-size: 32px !important;
    }
}


/* Kontaktkort – lägg värde och knapp på separata rader */
.dannarp-simple-card .dannarp-simple-value,
.dannarp-simple-card .dannarp-simple-action {
    display: block !important;
}

.dannarp-simple-card .dannarp-simple-action {
    margin-top: 14px !important;
}

/* =========================================================
   DANNARP - UTFÖRDA BORRNINGAR
   Stabil version för N.nu-bloggen
   ========================================================= */

body.dannarp-blog-page {
    background: #f5f5f2 !important;
}

/* Ta bort sidebar */
body.dannarp-blog-page #primary,
body.dannarp-blog-page #secondary {
    display: none !important;
}

/* Ge bloggen mer plats */
body.dannarp-blog-page #container {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
}

body.dannarp-blog-page #content {
    width: auto !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
    padding: 35px 35px 60px !important;
    box-sizing: border-box !important;
}

/* Vanliga sidrubriken */
body.dannarp-blog-page #content .entry-title {
    color: #17202a !important;
    font-size: 38px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    margin-bottom: 20px !important;
}

/* Introtexten */
body.dannarp-blog-page #content .entry-content > p:first-of-type {
    color: #5f6972 !important;
    font-size: 18px !important;
    line-height: 1.75 !important;
    margin-bottom: 45px !important;
}

/* =========================================================
   BLOGGINLÄGGEN
   ========================================================= */

/* Projektrubriker */
body.dannarp-blog-page #content h2 {
    margin-top: 55px !important;
    margin-bottom: 12px !important;
    padding-top: 32px !important;

    border-top: 4px solid #e3aa2c;

    color: #17202a !important;

    font-size: 31px !important;
    line-height: 1.22 !important;
    font-weight: 800 !important;
}

/* Ta bort gammal blå länkstil */
body.dannarp-blog-page #content h2 a,
body.dannarp-blog-page #content h2 a:visited {
    color: #17202a !important;
    text-decoration: none !important;
}

body.dannarp-blog-page #content h2 a:hover {
    color: #a57418 !important;
}

/* Underrubriker inne i längre projekt */
body.dannarp-blog-page #content h3 {
    color: #17202a !important;
    font-size: 22px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
    margin: 30px 0 10px !important;
}

/* Brödtext */
body.dannarp-blog-page #content p {
    color: #434d56 !important;
    font-size: 17px !important;
    line-height: 1.75 !important;
}

/* Datum och annan mindre text */
body.dannarp-blog-page #content .entry-meta,
body.dannarp-blog-page #content .post-date,
body.dannarp-blog-page #content time {
    color: #8a9197 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

/* Bilder */
body.dannarp-blog-page #content img {
    max-width: 100% !important;
    height: auto !important;

    margin: 18px 0 28px !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 6px !important;

    box-shadow: 0 8px 25px rgba(0,0,0,.08);
}

/* Listor */
body.dannarp-blog-page #content ul {
    margin: 15px 0 28px 25px !important;
}

body.dannarp-blog-page #content li {
    color: #434d56 !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
}

/* Instagram-inbäddningar */
body.dannarp-blog-page #content blockquote {
    margin: 25px 0 !important;
    padding: 22px !important;

    background: #ffffff !important;
    border-left: 4px solid #e3aa2c !important;
}

/* Äldre inlägg */
body.dannarp-blog-page .navigation a,
body.dannarp-blog-page .nav-previous a,
body.dannarp-blog-page .nav-next a {
    display: inline-block !important;

    margin-top: 30px !important;
    padding: 14px 22px !important;

    background: #101820 !important;
    color: #ffffff !important;

    border-radius: 4px !important;

    text-decoration: none !important;
    font-weight: 800 !important;
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 767px) {

    body.dannarp-blog-page #content {
        padding: 25px 20px 45px !important;
    }

    body.dannarp-blog-page #content .entry-title {
        font-size: 34px !important;
    }

    body.dannarp-blog-page #content .entry-content > p:first-of-type {
        font-size: 17px !important;
        line-height: 1.7 !important;
        margin-bottom: 35px !important;
    }

    body.dannarp-blog-page #content h2 {
        margin-top: 42px !important;
        padding-top: 25px !important;

        font-size: 27px !important;
        line-height: 1.25 !important;
    }

    body.dannarp-blog-page #content h3 {
        font-size: 21px !important;
    }

    body.dannarp-blog-page #content p {
        font-size: 16px !important;
        line-height: 1.7 !important;
    }

    body.dannarp-blog-page #content img {
        width: 100% !important;
    }
}

/* =========================================================
   UTFÖRDA BORRNINGAR - INTRO + DÖLJ RSS
   ========================================================= */

/* Dölj RSS-länken/ikonen */
body.dannarp-blog-page a[href*="feed"],
body.dannarp-blog-page a[href*="rss"],
body.dannarp-blog-page img[src*="rss"],
body.dannarp-blog-page img[alt*="RSS"],
body.dannarp-blog-page .rss,
body.dannarp-blog-page .rss-link {
    display: none !important;
}


/* Gör introtexten till en riktig Dannarp-sektion */
body.dannarp-blog-page .entry-content > p:first-child,
body.dannarp-blog-page .entry-content > p:first-of-type {
    position: relative !important;

    margin: 0 0 50px !important;
    padding: 125px 35px 45px !important;

    background: #101820 !important;
    color: rgba(255,255,255,.84) !important;

    border-bottom: 4px solid #e3aa2c !important;
    border-radius: 5px !important;

    font-size: 17px !important;
    line-height: 1.75 !important;
}


/* Liten gul rubrik */
body.dannarp-blog-page .entry-content > p:first-child::before,
body.dannarp-blog-page .entry-content > p:first-of-type::before {
    content: "UTFÖRDA BORRNINGAR";

    position: absolute;
    left: 35px;
    top: 35px;

    color: #e3aa2c;

    font-size: 13px;
    line-height: 1.2;
    font-weight: 800;

    letter-spacing: 2px;
}


/* Stor vit rubrik */
body.dannarp-blog-page .entry-content > p:first-child::after,
body.dannarp-blog-page .entry-content > p:first-of-type::after {
    content: "Projekt från verkligheten";

    position: absolute;
    left: 35px;
    top: 62px;

    color: #ffffff;

    font-size: 34px;
    line-height: 1.15;
    font-weight: 800;
}


/* Projektrubriker */
body.dannarp-blog-page #content h2 {
    margin-top: 45px !important;
    padding-top: 25px !important;

    border-top: 4px solid #e3aa2c !important;

    color: #17202a !important;

    font-size: 30px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}

body.dannarp-blog-page #content h2 a,
body.dannarp-blog-page #content h2 a:visited {
    color: #17202a !important;
    text-decoration: none !important;
}


/* Mobil */
@media (max-width: 767px) {

    body.dannarp-blog-page .entry-content > p:first-child,
    body.dannarp-blog-page .entry-content > p:first-of-type {
        padding: 120px 25px 38px !important;
        margin-bottom: 40px !important;

        font-size: 16px !important;
        line-height: 1.7 !important;
    }

    body.dannarp-blog-page .entry-content > p:first-child::before,
    body.dannarp-blog-page .entry-content > p:first-of-type::before {
        left: 25px;
        top: 30px;
    }

    body.dannarp-blog-page .entry-content > p:first-child::after,
    body.dannarp-blog-page .entry-content > p:first-of-type::after {
        left: 25px;
        top: 55px;

        font-size: 29px;
    }

    body.dannarp-blog-page #content h2 {
        font-size: 26px !important;
    }
}


/* =========================================================
   DANNARP - BRUNNSBORRNINGSSIDA
   ========================================================= */

.dannarp-drilling-page {
    --dark: #101820;
    --dark2: #17212b;
    --yellow: #e3aa2c;
    --yellow-dark: #c18d20;
    --light: #f5f5f2;
    --text: #17202a;
    --muted: #68717a;

    width: 100%;
    overflow: hidden;
    color: var(--text);
    font-family: "Helvetica Neue", Arial, sans-serif;
}

.dannarp-drilling-page *,
.dannarp-drilling-page *::before,
.dannarp-drilling-page *::after {
    box-sizing: border-box;
}

.dannarp-drilling-wrap {
    width: calc(100% - 50px);
    max-width: 1120px;
    margin: 0 auto;
}

#content .dannarp-drilling-page h1,
#content .dannarp-drilling-page h2,
#content .dannarp-drilling-page h3,
#content .dannarp-drilling-page p {
    margin-top: 0 !important;
}


/* =========================================================
   HERO
   ========================================================= */

.dannarp-drilling-hero {
    padding: 95px 0 85px;

    background:
        linear-gradient(
            90deg,
            rgba(7,12,18,.94) 0%,
            rgba(7,12,18,.77) 48%,
            rgba(7,12,18,.34) 75%,
            rgba(7,12,18,.12) 100%
        ),
        url("https://images.staticjw.com/dan/5173/brunnsborrning-ulricehamn-dannarp-jpg.jpg");

    background-size: cover;
    background-position: center;
    color: #fff;
}

.dannarp-drilling-kicker {
    margin-bottom: 14px;

    color: var(--yellow);

    text-transform: uppercase;
    letter-spacing: 2px;

    font-size: 13px;
    line-height: 1.3;
    font-weight: 800;
}

#content .dannarp-drilling-hero h1 {
    max-width: 780px;

    margin-bottom: 22px !important;

    color: #fff !important;

    font-size: clamp(46px, 6vw, 72px) !important;
    line-height: 1.02 !important;
    font-weight: 800 !important;

    letter-spacing: -1.5px;
}

#content .dannarp-drilling-hero p {
    max-width: 680px;

    margin-bottom: 0 !important;

    color: rgba(255,255,255,.88) !important;

    font-size: 18px !important;
    line-height: 1.7 !important;
}

.dannarp-drilling-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;

    margin-top: 32px;
}

.dannarp-drilling-btn,
.dannarp-drilling-btn:visited {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 54px;

    padding: 0 27px;

    border-radius: 4px;

    text-decoration: none !important;
    text-transform: uppercase;

    letter-spacing: .5px;

    font-size: 13px;
    font-weight: 800;
}

.dannarp-drilling-btn-yellow,
.dannarp-drilling-btn-yellow:visited {
    background: var(--yellow);
    color: #111 !important;
}

.dannarp-drilling-btn-yellow:hover {
    background: var(--yellow-dark);
    color: #111 !important;
}

.dannarp-drilling-btn-outline,
.dannarp-drilling-btn-outline:visited {
    border: 1px solid rgba(255,255,255,.7);
    color: #fff !important;
}

.dannarp-drilling-btn-outline:hover {
    background: #fff;
    color: #111 !important;
}


/* =========================================================
   INTRO
   ========================================================= */

.dannarp-drilling-intro {
    padding: 90px 0;
    background: #fff;
}

#content .dannarp-drilling-intro h2 {
    max-width: 760px;

    margin-bottom: 20px !important;

    color: var(--text) !important;

    font-size: clamp(34px, 4vw, 49px) !important;
    line-height: 1.08 !important;
    font-weight: 800 !important;
}

#content .dannarp-drilling-intro p {
    max-width: 820px;

    margin-bottom: 18px !important;

    color: var(--muted) !important;

    font-size: 17px !important;
    line-height: 1.8 !important;
}

.dannarp-drilling-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;

    margin-top: 30px;
}

.dannarp-drilling-badges span {
    padding: 11px 15px;

    background: var(--light);

    border-left: 3px solid var(--yellow);

    color: #28323a;

    font-size: 14px;
    font-weight: 700;
}


/* =========================================================
   TJÄNSTER
   ========================================================= */

.dannarp-drilling-services {
    padding: 95px 0;
    background: var(--light);
}

#content .dannarp-drilling-services > .dannarp-drilling-wrap > h2 {
    margin-bottom: 38px !important;

    color: var(--text) !important;

    font-size: clamp(34px,4vw,48px) !important;
    line-height: 1.08 !important;
    font-weight: 800 !important;
}

.dannarp-drilling-service-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}

.dannarp-drilling-service-card {
    padding: 34px;

    background: #fff;

    border-radius: 6px;

    box-shadow: 0 10px 35px rgba(0,0,0,.07);

    border-bottom: 4px solid var(--yellow);
}

.dannarp-drilling-service-number {
    margin-bottom: 17px;

    color: var(--yellow);

    font-size: 42px;
    line-height: 1;
    font-weight: 800;
}

#content .dannarp-drilling-service-card h3 {
    margin-bottom: 13px !important;

    color: var(--text) !important;

    font-size: 27px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}

#content .dannarp-drilling-service-card p {
    margin-bottom: 22px !important;

    color: var(--muted) !important;

    font-size: 16px !important;
    line-height: 1.75 !important;
}

.dannarp-drilling-service-card a,
.dannarp-drilling-service-card a:visited {
    color: #946713 !important;

    text-decoration: none !important;

    font-weight: 800;
}

.dannarp-drilling-service-card a:hover {
    color: #5e420d !important;
}


/* =========================================================
   ARBETSOMRÅDEN
   ========================================================= */

.dannarp-drilling-areas {
    padding: 95px 0;
    background: #fff;
}

#content .dannarp-drilling-areas h2 {
    max-width: 760px;

    margin-bottom: 18px !important;

    color: var(--text) !important;

    font-size: clamp(34px,4vw,48px) !important;
    line-height: 1.08 !important;
    font-weight: 800 !important;
}

#content .dannarp-drilling-areas > .dannarp-drilling-wrap > p {
    max-width: 780px;

    color: var(--muted) !important;

    font-size: 16px !important;
    line-height: 1.8 !important;
}

.dannarp-drilling-area-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 18px;

    margin-top: 35px;
}

.dannarp-drilling-area-card,
.dannarp-drilling-area-card:visited {
    display: block;

    padding: 28px;

    background: var(--dark);

    border-radius: 5px;

    color: #fff !important;
    text-decoration: none !important;

    transition: transform .25s ease;
}

.dannarp-drilling-area-card:hover {
    transform: translateY(-3px);
}

.dannarp-drilling-area-card span {
    display: block;

    margin-bottom: 10px;

    color: var(--yellow);

    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.7px;
}

.dannarp-drilling-area-card strong {
    display: block;

    min-height: 54px;

    color: #fff;

    font-size: 20px;
    line-height: 1.3;
}

.dannarp-drilling-area-card em {
    display: block;

    margin-top: 18px;

    color: rgba(255,255,255,.7);

    font-style: normal;
    font-size: 14px;
    font-weight: 700;
}

#content .dannarp-drilling-area-text {
    margin-top: 30px !important;

    color: var(--muted) !important;

    font-size: 15px !important;
    line-height: 1.75 !important;
}


/* =========================================================
   VARFÖR DANNARP
   ========================================================= */

.dannarp-drilling-why {
    padding: 95px 0;

    background: var(--dark);

    color: #fff;
}

#content .dannarp-drilling-why h2 {
    max-width: 760px;

    margin-bottom: 38px !important;

    color: #fff !important;

    font-size: clamp(34px,4vw,49px) !important;
    line-height: 1.08 !important;
    font-weight: 800 !important;
}

.dannarp-drilling-why-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 18px;
}

.dannarp-drilling-why-grid > div {
    padding: 25px;

    background: rgba(255,255,255,.055);

    border-top: 3px solid var(--yellow);
}

.dannarp-drilling-why-grid strong {
    display: block;

    margin-bottom: 10px;

    color: #fff;

    font-size: 18px;
}

#content .dannarp-drilling-why-grid p {
    margin-bottom: 0 !important;

    color: rgba(255,255,255,.72) !important;

    font-size: 15px !important;
    line-height: 1.65 !important;
}


/* =========================================================
   OFFERTFORMULÄR
   ========================================================= */

.dannarp-drilling-form {
    padding: 90px 0;

    background: var(--light);
}

.dannarp-drilling-form-box {
    max-width: 800px;
    margin: 0 auto;

    padding: 48px;

    background: #fff;

    border-radius: 7px;

    box-shadow: 0 12px 40px rgba(0,0,0,.07);
}

#content .dannarp-drilling-form-box h2 {
    margin-bottom: 13px !important;

    color: var(--text) !important;

    font-size: clamp(31px,4vw,42px) !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
}

#content .dannarp-drilling-form-box > p {
    margin-bottom: 30px !important;

    color: var(--muted) !important;

    font-size: 16px !important;
    line-height: 1.7 !important;
}

.dannarp-drilling-form fieldset {
    border: 0 !important;
    padding: 0 !important;
}

.dannarp-drilling-form input[type="text"],
.dannarp-drilling-form input[type="email"],
.dannarp-drilling-form textarea {
    width: 100% !important;

    padding: 13px !important;

    border: 1px solid #d6d6d6 !important;
    border-radius: 5px !important;

    background: #fafafa !important;

    box-sizing: border-box !important;

    font-size: 16px !important;
}

.dannarp-drilling-form textarea {
    min-height: 170px !important;
}

.dannarp-drilling-form input[type="submit"],
.dannarp-drilling-form #contact-button {
    width: 100% !important;

    padding: 15px !important;

    border: 0 !important;
    border-radius: 5px !important;

    background: var(--yellow) !important;
    color: #111 !important;

    font-weight: 800 !important;

    cursor: pointer;
}

.dannarp-drilling-form input[type="submit"]:hover,
.dannarp-drilling-form #contact-button:hover {
    background: var(--yellow-dark) !important;
}


/* =========================================================
   AVSLUTNING
   ========================================================= */

.dannarp-drilling-final {
    padding: 65px 0;

    background: var(--yellow);
}

.dannarp-drilling-final .dannarp-drilling-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 45px;
}

.dannarp-drilling-final .dannarp-drilling-kicker {
    color: #674a11;
}

#content .dannarp-drilling-final h2 {
    margin-bottom: 8px !important;

    color: #111820 !important;

    font-size: clamp(31px,4vw,44px) !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
}

#content .dannarp-drilling-final p {
    margin-bottom: 0 !important;

    color: #222 !important;

    font-size: 16px !important;
}

.dannarp-drilling-final-actions {
    display: flex;
    flex-direction: column;
    gap: 9px;

    flex-shrink: 0;
}

.dannarp-drilling-final-actions a,
.dannarp-drilling-final-actions a:visited {
    padding: 12px 18px;

    background: var(--dark);

    color: #fff !important;

    border-radius: 4px;

    text-decoration: none !important;

    font-size: 15px;
    font-weight: 800;
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 767px) {

    .dannarp-drilling-wrap {
        width: calc(100% - 30px);
    }

    .dannarp-drilling-hero {
        padding: 65px 0 60px;
        background-position: 58% center;
    }

    #content .dannarp-drilling-hero h1 {
        font-size: 42px !important;
    }

    #content .dannarp-drilling-hero p {
        font-size: 17px !important;
    }

    .dannarp-drilling-actions {
        display: block;
    }

    .dannarp-drilling-btn {
        width: 100%;
        margin-bottom: 10px;
    }

    .dannarp-drilling-intro,
    .dannarp-drilling-services,
    .dannarp-drilling-areas,
    .dannarp-drilling-why,
    .dannarp-drilling-form {
        padding: 65px 0;
    }

    .dannarp-drilling-service-grid,
    .dannarp-drilling-area-grid,
    .dannarp-drilling-why-grid {
        grid-template-columns: 1fr;
    }

    .dannarp-drilling-service-card {
        padding: 28px 24px;
    }

    .dannarp-drilling-area-card strong {
        min-height: 0;
    }

    .dannarp-drilling-form-box {
        padding: 30px 22px;
    }

    .dannarp-drilling-final {
        padding: 50px 0;
    }

    .dannarp-drilling-final .dannarp-drilling-wrap {
        display: block;
    }

    .dannarp-drilling-final-actions {
        margin-top: 25px;
    }

    .dannarp-drilling-final-actions a {
        display: block;
        text-align: center;
    }
}

/* =========================================================
   DANNARP - LOKAL SIDA / ULRICEHAMN
   ========================================================= */

.dannarp-local-page {
    --dark: #101820;
    --yellow: #e3aa2c;
    --yellow-dark: #c18d20;
    --light: #f5f5f2;
    --text: #17202a;
    --muted: #68717a;

    font-family: "Helvetica Neue", Arial, sans-serif;
    color: var(--text);
}

.dannarp-local-page *,
.dannarp-local-page *::before,
.dannarp-local-page *::after {
    box-sizing: border-box;
}

.dannarp-local-wrap {
    width: calc(100% - 50px);
    max-width: 1120px;
    margin: 0 auto;
}

.dannarp-local-kicker {
    margin-bottom: 13px;
    color: var(--yellow);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}


/* HERO */

.dannarp-local-hero {
    padding: 95px 0 85px;

    background:
        linear-gradient(
            90deg,
            rgba(7,12,18,.94),
            rgba(7,12,18,.75) 48%,
            rgba(7,12,18,.25) 78%
        ),
        url("https://images.staticjw.com/dan/5173/brunnsborrning-ulricehamn-dannarp-jpg.jpg");

    background-size: cover;
    background-position: center;
    color: white;
}

#content .dannarp-local-hero h1 {
    max-width: 800px;
    margin: 0 0 22px !important;

    color: #fff !important;

    font-size: clamp(48px,6vw,72px) !important;
    line-height: 1.03 !important;
    font-weight: 800 !important;
}

#content .dannarp-local-hero p {
    max-width: 700px;
    margin: 0 !important;

    color: rgba(255,255,255,.88) !important;

    font-size: 18px !important;
    line-height: 1.7 !important;
}

.dannarp-local-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;

    margin-top: 32px;
}

.dannarp-local-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 54px;
    padding: 0 27px;

    border-radius: 4px;

    text-decoration: none !important;
    text-transform: uppercase;

    font-size: 13px;
    font-weight: 800;
}

.dannarp-local-btn-yellow,
.dannarp-local-btn-yellow:visited {
    background: var(--yellow);
    color: #111 !important;
}

.dannarp-local-btn-outline,
.dannarp-local-btn-outline:visited {
    border: 1px solid rgba(255,255,255,.7);
    color: #fff !important;
}


/* INTRO */

.dannarp-local-intro {
    padding: 90px 0;
    background: #fff;
}

#content .dannarp-local-intro h2,
#content .dannarp-local-services h2,
#content .dannarp-local-projects h2,
#content .dannarp-local-why h2 {
    max-width: 780px;

    margin: 0 0 20px !important;

    color: var(--text) !important;

    font-size: clamp(34px,4vw,48px) !important;
    line-height: 1.08 !important;
    font-weight: 800 !important;
}

#content .dannarp-local-intro p,
#content .dannarp-local-projects > .dannarp-local-wrap > p {
    max-width: 820px;

    color: var(--muted) !important;

    font-size: 17px !important;
    line-height: 1.8 !important;
}


/* TJÄNSTER */

.dannarp-local-services {
    padding: 95px 0;
    background: var(--light);
}

.dannarp-local-service-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;

    margin-top: 35px;
}

.dannarp-local-service-card {
    padding: 30px;

    background: #fff;

    border-bottom: 4px solid var(--yellow);
    border-radius: 6px;

    box-shadow: 0 10px 30px rgba(0,0,0,.07);
}

.dannarp-local-service-number {
    margin-bottom: 16px;

    color: var(--yellow);

    font-size: 39px;
    font-weight: 800;
}

#content .dannarp-local-service-card h3 {
    margin: 0 0 12px !important;

    color: var(--text) !important;

    font-size: 24px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}

#content .dannarp-local-service-card p {
    color: var(--muted) !important;

    font-size: 15px !important;
    line-height: 1.7 !important;
}

.dannarp-local-service-card a {
    color: #946713 !important;
    font-weight: 800;
    text-decoration: none !important;
}


/* PROJEKT */

.dannarp-local-projects {
    padding: 95px 0;
    background: #fff;
}

.dannarp-local-project-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 18px;

    margin-top: 35px;
}

.dannarp-local-project-card {
    display: block;

    padding: 28px;

    background: var(--dark);

    border-radius: 5px;

    color: #fff !important;
    text-decoration: none !important;
}

.dannarp-local-project-card span {
    display: block;

    margin-bottom: 10px;

    color: var(--yellow);

    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.7px;
}

.dannarp-local-project-card strong {
    display: block;

    min-height: 72px;

    color: #fff;

    font-size: 20px;
    line-height: 1.3;
}

.dannarp-local-project-card em {
    display: block;

    margin-top: 18px;

    color: rgba(255,255,255,.7);

    font-style: normal;
    font-weight: 700;
}


/* VARFÖR */

.dannarp-local-why {
    padding: 95px 0;

    background: var(--dark);

    color: #fff;
}

#content .dannarp-local-why h2 {
    color: #fff !important;
}

.dannarp-local-why-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 18px;

    margin-top: 35px;
}

.dannarp-local-why-grid > div {
    padding: 25px;

    background: rgba(255,255,255,.055);

    border-top: 3px solid var(--yellow);
}

.dannarp-local-why-grid strong {
    display: block;

    margin-bottom: 10px;

    color: #fff;

    font-size: 18px;
}

#content .dannarp-local-why-grid p {
    color: rgba(255,255,255,.72) !important;

    font-size: 15px !important;
    line-height: 1.65 !important;
}


/* FORM */

.dannarp-local-form {
    padding: 90px 0;

    background: var(--light);
}

.dannarp-local-form-box {
    max-width: 800px;
    margin: 0 auto;

    padding: 48px;

    background: #fff;

    border-radius: 7px;

    box-shadow: 0 12px 38px rgba(0,0,0,.07);
}

#content .dannarp-local-form h2 {
    margin: 0 0 13px !important;

    color: var(--text) !important;

    font-size: clamp(31px,4vw,42px) !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
}

#content .dannarp-local-form p {
    color: var(--muted) !important;

    font-size: 16px !important;
    line-height: 1.7 !important;
}

.dannarp-local-form input[type="submit"],
.dannarp-local-form #contact-button {
    width: 100% !important;

    padding: 15px !important;

    background: var(--yellow) !important;
    color: #111 !important;

    border: 0 !important;
    border-radius: 5px !important;

    font-weight: 800 !important;
}


/* FINAL */

.dannarp-local-final {
    padding: 65px 0;

    background: var(--yellow);
}

.dannarp-local-final .dannarp-local-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.dannarp-local-final .dannarp-local-kicker {
    color: #674a11;
}

#content .dannarp-local-final h2 {
    margin: 0 0 8px !important;

    color: #111820 !important;

    font-size: clamp(31px,4vw,43px) !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
}

.dannarp-local-final-actions {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.dannarp-local-final-actions a {
    padding: 12px 18px;

    background: var(--dark);

    color: #fff !important;

    border-radius: 4px;

    text-decoration: none !important;

    font-weight: 800;
}


/* MOBIL */

@media (max-width: 767px) {

    .dannarp-local-wrap {
        width: calc(100% - 30px);
    }

    .dannarp-local-hero {
        padding: 65px 0 60px;
        background-position: 58% center;
    }

    #content .dannarp-local-hero h1 {
        font-size: 42px !important;
    }

    .dannarp-local-actions {
        display: block;
    }

    .dannarp-local-btn {
        width: 100%;
        margin-bottom: 10px;
    }

    .dannarp-local-intro,
    .dannarp-local-services,
    .dannarp-local-projects,
    .dannarp-local-why,
    .dannarp-local-form {
        padding: 65px 0;
    }

    .dannarp-local-service-grid,
    .dannarp-local-project-grid,
    .dannarp-local-why-grid {
        grid-template-columns: 1fr;
    }

    .dannarp-local-project-card strong {
        min-height: 0;
    }

    .dannarp-local-form-box {
        padding: 30px 22px;
    }

    .dannarp-local-final {
        padding: 50px 0;
    }

    .dannarp-local-final .dannarp-local-wrap {
        display: block;
    }

    .dannarp-local-final-actions {
        margin-top: 25px;
    }
}

/* =========================================================
   DANNARP - OM OSS
   ========================================================= */

.dannarp-about-page {
    --dark: #101820;
    --yellow: #e3aa2c;
    --yellow-dark: #c18d20;
    --light: #f5f5f2;
    --text: #17202a;
    --muted: #68717a;

    width: 100%;
    overflow: hidden;

    font-family: "Helvetica Neue", Arial, sans-serif;
    color: var(--text);
}

.dannarp-about-page *,
.dannarp-about-page *::before,
.dannarp-about-page *::after {
    box-sizing: border-box;
}

.dannarp-about-wrap {
    width: calc(100% - 50px);
    max-width: 1120px;
    margin: 0 auto;
}

.dannarp-about-kicker {
    margin-bottom: 13px;

    color: var(--yellow);

    font-size: 13px;
    line-height: 1.3;
    font-weight: 800;

    letter-spacing: 2px;
    text-transform: uppercase;
}


/* =========================================================
   HERO
   ========================================================= */

.dannarp-about-hero {
    padding: 95px 0 85px;

    background:
        linear-gradient(
            90deg,
            rgba(7,12,18,.94) 0%,
            rgba(7,12,18,.77) 48%,
            rgba(7,12,18,.25) 78%
        ),
        url("https://images.staticjw.com/dan/5173/brunnsborrning-ulricehamn-dannarp-jpg.jpg");

    background-size: cover;
    background-position: center;

    color: #fff;
}

#content .dannarp-about-hero h1 {
    max-width: 820px;

    margin: 0 0 22px !important;

    color: #fff !important;

    font-size: clamp(46px,6vw,70px) !important;
    line-height: 1.03 !important;
    font-weight: 800 !important;

    letter-spacing: -1px;
}

#content .dannarp-about-hero p {
    max-width: 700px;

    margin: 0 !important;

    color: rgba(255,255,255,.87) !important;

    font-size: 18px !important;
    line-height: 1.7 !important;
}

.dannarp-about-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;

    margin-top: 32px;
}

.dannarp-about-btn {
    display: inline-flex;

    min-height: 54px;
    padding: 0 27px;

    align-items: center;
    justify-content: center;

    border-radius: 4px;

    text-decoration: none !important;
    text-transform: uppercase;

    font-size: 13px;
    font-weight: 800;
}

.dannarp-about-btn-yellow,
.dannarp-about-btn-yellow:visited {
    background: var(--yellow);
    color: #111 !important;
}

.dannarp-about-btn-yellow:hover {
    background: var(--yellow-dark);
}

.dannarp-about-btn-outline,
.dannarp-about-btn-outline:visited {
    border: 1px solid rgba(255,255,255,.7);
    color: #fff !important;
}

.dannarp-about-btn-outline:hover {
    background: #fff;
    color: #111 !important;
}


/* =========================================================
   GENERELL TEXT
   ========================================================= */

.dannarp-about-intro,
.dannarp-about-area,
.dannarp-about-company {
    padding: 90px 0;
    background: #fff;
}

#content .dannarp-about-page h2 {
    max-width: 800px;

    margin: 0 0 20px !important;

    color: var(--text) !important;

    font-size: clamp(34px,4vw,48px) !important;
    line-height: 1.08 !important;
    font-weight: 800 !important;
}

#content .dannarp-about-page p {
    max-width: 820px;

    color: var(--muted) !important;

    font-size: 17px !important;
    line-height: 1.8 !important;
}


/* =========================================================
   STATISTIK
   ========================================================= */

.dannarp-about-stats {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 18px;

    margin-top: 38px;
}

.dannarp-about-stats > div {
    padding: 28px;

    background: var(--light);

    border-top: 4px solid var(--yellow);
}

.dannarp-about-stats strong {
    display: block;

    color: var(--text);

    font-size: 42px;
    line-height: 1;
    font-weight: 800;
}

.dannarp-about-stats span {
    display: block;

    margin-top: 10px;

    color: var(--muted);

    font-size: 14px;
    font-weight: 700;
}


/* =========================================================
   ARBETSSÄTT
   ========================================================= */

.dannarp-about-work {
    padding: 95px 0;

    background: var(--light);
}

.dannarp-about-work-grid {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 65px;

    align-items: center;
}

.dannarp-about-work-points {
    display: grid;
    gap: 15px;
}

.dannarp-about-work-points > div {
    padding: 24px;

    background: #fff;

    border-left: 4px solid var(--yellow);
}

.dannarp-about-work-points span {
    display: block;

    margin-bottom: 6px;

    color: var(--yellow);

    font-size: 13px;
    font-weight: 800;
}

.dannarp-about-work-points strong {
    display: block;

    margin-bottom: 6px;

    color: var(--text);

    font-size: 18px;
}

#content .dannarp-about-work-points p {
    margin: 0 !important;

    font-size: 15px !important;
    line-height: 1.6 !important;
}


/* =========================================================
   MASKINPARK
   ========================================================= */

.dannarp-about-machines {
    padding: 95px 0;

    background: var(--dark);

    color: #fff;
}

#content .dannarp-about-machines h2 {
    color: #fff !important;
}

#content .dannarp-about-machines > .dannarp-about-wrap > p {
    color: rgba(255,255,255,.75) !important;
}

.dannarp-about-machine-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 18px;

    margin-top: 35px;
}

.dannarp-about-machine-grid > div {
    padding: 28px;

    background: rgba(255,255,255,.055);

    border-top: 3px solid var(--yellow);
}

.dannarp-about-machine-grid span {
    display: block;

    margin-bottom: 9px;

    color: var(--yellow);

    font-size: 12px;
    font-weight: 800;

    letter-spacing: 1.7px;
}

.dannarp-about-machine-grid strong {
    color: #fff;

    font-size: 20px;
    line-height: 1.3;
}


/* =========================================================
   KARTA
   ========================================================= */

.dannarp-about-location {
    padding: 90px 0;

    background: var(--light);
}

.dannarp-about-location-grid {
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    gap: 55px;

    align-items: center;
}

.dannarp-about-address {
    margin: 25px 0;

    color: #39434b;

    font-size: 16px;
    line-height: 1.75;
}

.dannarp-about-address strong {
    color: var(--text);
}

.dannarp-about-map {
    overflow: hidden;

    border-radius: 7px;

    border-bottom: 4px solid var(--yellow);

    box-shadow: 0 12px 35px rgba(0,0,0,.10);
}

.dannarp-about-map iframe {
    display: block;
}

.dannarp-about-map-link,
.dannarp-about-map-link:visited {
    display: inline-block;

    padding: 13px 20px;

    background: var(--dark);

    color: #fff !important;

    border-radius: 4px;

    text-decoration: none !important;

    font-weight: 800;
}

.dannarp-about-map-link:hover {
    background: var(--yellow);
    color: #111 !important;
}


/* =========================================================
   FÖRETAGSINFO
   ========================================================= */

.dannarp-about-company-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 18px;

    margin-top: 30px;
}

.dannarp-about-company-grid > div {
    padding: 25px;

    background: var(--light);
}

.dannarp-about-company-grid span {
    display: block;

    margin-bottom: 6px;

    color: var(--muted);

    font-size: 13px;
    font-weight: 700;
}

.dannarp-about-company-grid strong,
.dannarp-about-company-grid a,
.dannarp-about-company-grid a:visited {
    color: var(--text) !important;

    font-size: 18px;
    font-weight: 800;

    text-decoration: none !important;
}


/* =========================================================
   CTA
   ========================================================= */

.dannarp-about-cta {
    padding: 65px 0;

    background: var(--yellow);
}

.dannarp-about-cta .dannarp-about-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.dannarp-about-cta .dannarp-about-kicker {
    color: #674a11;
}

#content .dannarp-about-cta h2 {
    color: #111820 !important;
}

#content .dannarp-about-cta p {
    color: #222 !important;
}

.dannarp-about-cta-actions {
    display: flex;
    flex-direction: column;
    gap: 9px;

    flex-shrink: 0;
}

.dannarp-about-cta-actions a,
.dannarp-about-cta-actions a:visited {
    padding: 12px 18px;

    background: var(--dark);

    color: #fff !important;

    border-radius: 4px;

    text-decoration: none !important;

    font-weight: 800;
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 767px) {

    .dannarp-about-wrap {
        width: calc(100% - 30px);
    }

    .dannarp-about-hero {
        padding: 65px 0 60px;
        background-position: 58% center;
    }

    #content .dannarp-about-hero h1 {
        font-size: 40px !important;
    }

    #content .dannarp-about-hero p {
        font-size: 17px !important;
    }

    .dannarp-about-hero-actions {
        display: block;
    }

    .dannarp-about-btn {
        width: 100%;
        margin-bottom: 10px;
    }

    .dannarp-about-intro,
    .dannarp-about-work,
    .dannarp-about-machines,
    .dannarp-about-area,
    .dannarp-about-location,
    .dannarp-about-company {
        padding: 65px 0;
    }

    .dannarp-about-stats,
    .dannarp-about-machine-grid,
    .dannarp-about-company-grid,
    .dannarp-about-work-grid,
    .dannarp-about-location-grid {
        grid-template-columns: 1fr;
    }

    .dannarp-about-work-grid,
    .dannarp-about-location-grid {
        gap: 35px;
    }

    .dannarp-about-map iframe {
        height: 300px;
    }

    .dannarp-about-map-link {
        width: 100%;

        text-align: center;

        box-sizing: border-box;
    }

    .dannarp-about-cta {
        padding: 50px 0;
    }

    .dannarp-about-cta .dannarp-about-wrap {
        display: block;
    }

    .dannarp-about-cta-actions {
        margin-top: 25px;
    }
}