/*
 Theme Name: Fjellbiene theme
 Theme URI: https://dittdomene.no
 Description: Child theme for Twenty Twenty-Five
 Author: Kine Odden Nystuen
 Template: twentytwentyfive
 Version: 1.0.0
*/

/* Own CSS */

/* Own css for the theme */
/* @import url("assets/css/header.css");
@import url("assets/css/contact-form.css"); */




/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
caption,
figcaption,
p {
	text-wrap: pretty;
}
.text-balance {
	text-wrap:balance;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}



/* Own styles */

body {
	/* padding-top: 2.5rem; */
    overflow-x: hidden;
    
}

.wp-block-button__link:hover {
  background-color: #FFE8C2; 
  color: #000; 
  text-decoration: none; 
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.header-bar nav a:hover,
.header-bar nav a:focus,
.header-bar nav a:active {
  text-decoration: none;
  font-weight: bold;
  color: #000;
}

.relative {
	position: relative;
}
.hidden {
	display: none;
	visibility: hidden;
}



/* Homepage - Våre honning typer */
/* Column to flex container */
.honningtyper-kolonner {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1rem;
}

.is-style-section-1 {
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 20rem;
    max-width: 30rem;
}

.is-style-section-1 p {
	text-wrap: balance;
}

/* Make the first paragraph grow to fill remaining space */
.is-style-section-1 p:nth-of-type(1) {
	flex-grow: 1;
}


/* honey cubes */
.honeycubes_1 {
	position: absolute;
	width: 40px;

}


/* Horisontal layout som standard */
.stack_on_mobile {
  display: flex;
  flex-direction: row;
  gap: var(--wp--style--block-gap, 1rem);
}

/* Stabel (kolonne) på små skjermer */
@media (max-width: 782px) {
	.stack_on_mobile {
		flex-direction: column;
	}
}