/*
 Theme Name:   Denso Child
 Theme URI:    http://wordpress.com/
 Description:  Denso Child Theme
 Author:       ApusTheme
 Author URI:   http://apusthemes.com
 Template:     denso
 Version:      1.2.1
 Text Domain:  denso-child
*/

/* Statiske bannere på forsiden (erstatter Slider Revolution). Børresen Digital, 05.11.2026.
   Malen ligger i kingcomposer/element_revslider.php. */
.bd-banner {
	position: relative;
	display: block;
	overflow: hidden;
	background: #e7e7e7;
	color: #fff;
	text-decoration: none;
}
.bd-banner:hover,
.bd-banner:focus {
	color: #fff;
	text-decoration: none;
}
.bd-banner img.bd-banner__bilde {
	display: block;
	width: 100%;
	height: auto;
}
/* Mobilbildet (972 × 926) vises under 768 px, desktopbildet (2300 × 926) ellers. */
.bd-banner img.bd-banner__bilde--mobil {
	display: none;
}
.bd-banner__innhold {
	position: absolute;
	left: 14.5%;
	bottom: 10%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	max-width: 70%;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}
.bd-banner__tittel {
	font-size: 40px;
	line-height: 50px;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 6px;
}
.bd-banner__tekst {
	font-size: 18px;
	line-height: 25px;
	font-weight: 500;
}
.bd-banner__knapp {
	display: inline-block;
	margin-top: 22px;
	border: 2px solid #fff;
	border-radius: 25px;
	padding: 0 25px;
	line-height: 40px;
	font-size: 17px;
	font-weight: 500;
	text-shadow: none;
	transition: background-color 0.2s, border-color 0.2s;
}
.bd-banner:hover .bd-banner__knapp,
.bd-banner:focus .bd-banner__knapp {
	background: #ef8f44;
	border-color: #ef8f44;
}
@media (max-width: 991px) {
	.bd-banner__tittel { font-size: 34px; line-height: 42px; }
	.bd-banner__tekst { font-size: 16px; line-height: 22px; }
	.bd-banner__knapp { margin-top: 14px; font-size: 14px; line-height: 36px; padding: 0 20px; }
}
@media (max-width: 767px) {
	/* Her vises mobilbildet (972 × 926), så det er god plass til teksten. */
	.bd-banner img.bd-banner__bilde--desktop { display: none; }
	.bd-banner img.bd-banner__bilde--mobil { display: block; }
	.bd-banner__innhold { left: 6%; bottom: 8%; max-width: 88%; }
	.bd-banner__tittel { font-size: 28px; line-height: 34px; margin-bottom: 4px; }
	.bd-banner__tekst { font-size: 14px; line-height: 20px; }
	.bd-banner__knapp { margin-top: 12px; font-size: 14px; line-height: 34px; padding: 0 20px; }
}
@media (max-width: 479px) {
	/* Forsidens to nederste banner-kolonner hadde -160px toppmargin for å tette tomrommet
	   Slider Revolution lagde på mobil. Bannerne følger nå bildets høyde, så marginen må bort. */
	body.kc-css-system .kc-css-344064,
	body.kc-css-system .kc-css-946427 {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	.bd-banner__tittel { font-size: 24px; line-height: 28px; }
	.bd-banner__tekst { font-size: 13px; line-height: 18px; }
	.bd-banner__knapp { margin-top: 10px; font-size: 13px; line-height: 30px; padding: 0 16px; }
}

/* Visuelt skjult, men lest av søkemotorer og skjermlesere (brukes til forsidens h1). Børresen Digital, 05.11.2026. */
.bd-skjult {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}