/*
Theme Name: BB El-installation
Theme URI: https://bb-elinstallation.dk/
Author: BB El-installation
Author URI: https://bb-elinstallation.dk/
Description: Undertema til Twenty Twenty-Five, tilpasset BB El-installation. Bloedt monokromt graa-tema, hvor logoet er eneste farve. Indeholder forside- og kontaktdesign som blokmoenstre, saa alt indhold kan rettes direkte i wp-admin.
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bb-elinstallation
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, block-patterns, full-site-editing, wide-blocks
*/

/*
 * Kun visuel finpudsning. Alt tekst og alle billeder redigeres i wp-admin
 * (Sider -> Forside / Kontakt, og Udseende -> Editor for sidehoved og sidefod).
 */

/* --- Sektionsoverskrifter ------------------------------------------------ */

.bbel-section-label {
	text-transform: uppercase;
	letter-spacing: 1.6px;
}

/* --- Kort med billede (ydelser og referencer) ---------------------------- */

.bbel-card img {
	border-radius: 10px;
}

.bbel-card {
	height: 100%;
}

/* --- Hero ---------------------------------------------------------------- */

.bbel-hero h1 {
	max-width: 18ch;
}

.bbel-hero .bbel-hero-text {
	max-width: 52ch;
}

/* --- Gul infolinje under hero -------------------------------------------- */

.bbel-usp .wp-block-column {
	border-inline-start: 3px solid var(--wp--preset--color--accent-1);
	padding-inline-start: 0.9rem;
}

/* --- Nummererede trin ---------------------------------------------------- */

.bbel-step-number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	inline-size: 2.6rem;
	block-size: 2.6rem;
	border-radius: 50%;
	background-color: var(--wp--preset--color--accent-3);
	color: var(--wp--preset--color--base);
	font-weight: 700;
	line-height: 1;
}

/* --- Kontaktkort --------------------------------------------------------- */

.bbel-contact-card {
	height: 100%;
}

.bbel-contact-card a {
	text-decoration: none;
	font-weight: 600;
}

.bbel-contact-card a:hover,
.bbel-contact-card a:focus {
	text-decoration: underline;
}

/* --- Sidehoved ----------------------------------------------------------- */

.bbel-header {
	border-bottom: 1px solid var(--wp--preset--color--accent-5);
}

.bbel-header .wp-block-site-logo img {
	height: auto;
}

.bbel-header .wp-block-navigation {
	font-weight: 500;
}

/* --- Sidefod ------------------------------------------------------------- */

/* Sidefodens links har samme farve som teksten, saa de er understreget
   for at kunne skelnes fra broedteksten. */
.bbel-footer a {
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

.bbel-footer a:hover,
.bbel-footer a:focus {
	text-decoration-thickness: 2px;
}

.bbel-footer-links {
	list-style: none;
	padding-inline-start: 0;
}