/* =========================
Home Blocks (screenshot styling)
Target: #home-blocks (module_id default) + .hb-home-blocks wrapper
========================= */

/* Safety: neutralize Divi column math inside this module */
#home-blocks,
#home-blocks.hb-home-blocks {
	padding-left: 0;
	padding-right: 0;
}

/* =========================
Home Blocks layout: horizontal rows + no gaps (grid masonry)
========================= */

#home-blocks.hb-home-blocks {
	/* spacing */
	--hb-gap: 22px;

	/* "masonry grid" technique */
	--hb-row-height: 10px;   /* base row unit */
	--hb-row-gap: var(--hb-gap);

	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--hb-gap);
	align-items: start;
}

/* breakpoints */
@media (max-width: 1200px) {
	#home-blocks.hb-home-blocks { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 980px) {
	#home-blocks.hb-home-blocks {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		padding-left: 1rem;
		padding-right: 1rem;
		--hb-gap: 18px;
	}
}
@media (max-width: 600px) {
	#home-blocks.hb-home-blocks { grid-template-columns: 1fr; }
}

/* Each child column becomes a grid item */
#home-blocks.hb-home-blocks .hb-col,
#home-blocks.hb-home-blocks .et_pb_column.hb-col {
	float: none !important;
	width: auto !important;
	margin: 0;
	padding: 0 !important;
}

/* remove old module margins */
#home-blocks.hb-home-blocks .et_pb_column > .et_pb_module {
	margin-bottom: 0 !important;
}

/* Prevent Divi wrapper from adding a second shadow */
#home-blocks.hb-home-blocks .hb-item { box-shadow: none !important; }

/* Card surface */
#home-blocks.hb-home-blocks .hb-item__inner {
	border-radius: 22px;
	overflow: hidden;
	padding: 28px;
	min-height: 160px;
	display: grid;
	gap: 14px;

	box-shadow: rgba(0,0,0,.14) 0 10px 24px;
	transition: transform 150ms ease, box-shadow 150ms ease;
}
#home-blocks.hb-home-blocks .hb-item:hover .hb-item__inner {
	transform: translateY(-2px);
	box-shadow: rgba(0,0,0,.18) 0 14px 30px;
}

/* Top-right action */
#home-blocks.hb-home-blocks .hb-item { position: relative; }
#home-blocks.hb-home-blocks .hb-item__corner {
	position: absolute;
	top: 14px;
	right: 14px;
	width: 34px;
	height: 34px;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 800;
	background: rgba(255,255,255,.92);
	border: 1px solid rgba(0,0,0,.12);
	color: rgba(0,0,0,.55);
	z-index: 2;
}

/* Text positioning classes (from module output) */
#home-blocks.hb-home-blocks .hb-text-h-left   { justify-items: start; text-align: left; }
#home-blocks.hb-home-blocks .hb-text-h-center { justify-items: center; text-align: center; }
#home-blocks.hb-home-blocks .hb-text-h-right  { justify-items: end; text-align: right; }

#home-blocks.hb-home-blocks .hb-text-v-top    { align-content: start; }
#home-blocks.hb-home-blocks .hb-text-v-middle { align-content: center; }
#home-blocks.hb-home-blocks .hb-text-v-bottom { align-content: end; }

/* ===== Grid masonry (no gaps under short cards) ===== */
/* supported in Chromium 117+, Safari 17+ */
@supports (grid-template-rows: masonry) {
	#home-blocks.hb-home-blocks {
		grid-template-rows: masonry;
	}
}

/* Fallback (older browsers): normal grid, will have gaps */
@supports not (grid-template-rows: masonry) {
	/* nothing: you get standard rows */
}

/* =========================
Fullscreen popup (kept from your file)
========================= */
body.home-blocks-popup-open {
	overflow: hidden;
	touch-action: none;
}

#home-blocks-popup {
	width: 97vw;
	height: 90dvh;
	max-width: 60rem;
	max-height: 45rem;
	margin: auto;
	border-radius: 2rem;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
	font: inherit;
	overflow: hidden;
}

#home-blocks-popup::backdrop {
	/*background: rgba(0, 0, 0, 0.55);
	backdrop-filter: blur(2px);*/
}

#home-blocks-popup .home-blocks-popup__panel {
	--popup-accent: #117b76;
	position: relative;
	width: 100%;
	height: 100%;
	background: #f7f7f7;
	color: inherit;
	display: grid;
	grid-template-rows: auto 1fr auto;
	overflow: hidden;
	font: inherit;
}

#home-blocks-popup .home-blocks-popup__header {
	position: relative;
	padding: calc(1.25rem + env(safe-area-inset-top)) 1.25rem 1rem 1.9rem;
	background: white;
	border-bottom: 1px solid rgba(0,0,0,.08);
}

#home-blocks-popup .home-blocks-popup__title {
	margin: 0 3rem 0.35rem 0;
	line-height: 1.1;
	color: black;
	font-size: 2rem;
	padding: 1rem 0;
	font-weight: 700;
}

#home-blocks-popup .home-blocks-popup__subtitle {
	margin: 0;
	opacity: 0.75;
	font-size: 1rem;
}

#home-blocks-popup .home-blocks-popup__content {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	padding: 1.25rem;
	font-size: .9rem;
}

#home-blocks-popup .home-blocks-popup__content > * {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

#home-blocks-popup .home-blocks-popup__footer {
	display: flex;
	justify-content: flex-end;
	gap: 0.75rem;
	padding: 0.9rem 1.25rem calc(0.9rem + env(safe-area-inset-bottom)) 1.25rem;
	border-top: 1px solid rgba(0,0,0,.08);
	background: #fff;
}

#home-blocks-popup .home-blocks-popup__close {
	position: absolute;
	top: calc(0.8rem + env(safe-area-inset-top));
	right: 1rem;
	width: 42px;
	height: 42px;
	border-radius: 999px;
	border: 1px solid rgba(0,0,0,.12);
	background: #fff;
	color: #111;
	font-size: 1.35rem;
	line-height: 1;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}

#home-blocks-popup .home-blocks-popup__close:hover {
	box-shadow: rgba(0,0,0,.15) 0 3px 10px;
}

#home-blocks-popup .home-blocks-popup__cta.et_pb_button {
	background: var(--popup-accent) !important;
	border-color: var(--popup-accent) !important;
	color: #fff !important;
	cursor: pointer;
}

#home-blocks-popup .home-blocks-popup__cta.et_pb_button:hover {
	padding: 0 3rem 0 2rem;
}

@media (max-width: 600px) {
	#home-blocks-popup .home-blocks-popup__header,
	#home-blocks-popup .home-blocks-popup__content,
	#home-blocks-popup .home-blocks-popup__footer {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	#home-blocks-popup .home-blocks-popup__close {
		right: 0.75rem;
		width: 40px;
		height: 40px;
	}
}


/* All Edits Mikkel */

#home-blocks.hb-home-blocks {
	margin-bottom:100px;
	margin-top:20px;
}

.hb_home_blocks_popup_item {
	box-shadow:none;
	cursor:pointer;
	color:rgb(255, 255, 255);
	font-family:Open Sans,Arial,sans-serif !important;
}

.hb_home_blocks_popup_item_5, .hb_home_blocks_popup_item_5 .et_pb_module_header {
	color:rgb(0, 53, 89);
	font-size:22px !important;
	font-family:Open Sans,Arial,sans-serif !important;
}

.hb_home_blocks_popup_item p, .hb_home_blocks_popup_item .et_pb_promo_description, .hb_home_blocks_popup_item .et_pb_module_header {
	margin:0;
	padding:0 !important;
	font-size:22px !important;
	font-family:Open Sans,Arial,sans-serif !important;
}

.hb-item__corner--icon {
	font-size:35px !important;	 
	font-weight:normal !important;
}

.hb_home_blocks_popup_item_0 .hb-item__corner--icon {
	color:rgb(0, 53, 89) !important;
	background-color:rgb(255, 255, 255) !important;
	display:none !important;
}

.hb_home_blocks_popup_item_1 .hb-item__corner--icon {
	color:rgb(0, 53, 89) !important;
	background-color:rgb(255, 255, 255) !important;
}

.hb_home_blocks_popup_item_2 .hb-item__corner--icon {
	color:rgb(17, 123, 118) !important;
	background-color:rgb(0, 53, 89) !important;
}

.hb_home_blocks_popup_item_3 .hb-item__corner--icon {
	color:rgb(216, 138, 100) !important;
	background-color:rgb(244, 239, 233) !important;
}

.hb_home_blocks_popup_item_4 .hb-item__corner--icon {
	color:rgb(0, 53, 89) !important;
	background-color:rgb(255, 255, 255) !important;
	display:none !important;
}

.hb_home_blocks_popup_item_5 .hb-item__corner--icon {
	color:rgb(244, 239, 233) !important;
	background-color:rgb(110, 177, 142) !important;
}

.hb_home_blocks_popup_item_6 .hb-item__corner--icon {
	color:rgb(0, 53, 89) !important;
	background-color:rgb(216, 138, 100) !important;
}

.hb_home_blocks_popup_item_7 .hb-item__corner--icon {
	color:rgb(204, 204, 204) !important;
	background-color:rgb(13, 125, 119) !important;
}

.hb_home_blocks_popup_item .et_pb_button,
.hb_home_blocks_popup_item .et_pb_button:hover
{
	background-color:rgb(115, 179, 143) !important;
	padding:10px 20px !important;
	border:0 !important;
	text-transform: uppercase;
}

.hb_home_blocks_popup_item .hb-item__actions {
	margin:0 auto;
}

.hb_home_blocks_popup_item  .et_pb_button:after, .hb_home_blocks_popup_item  .et_pb_button:before {
	display:none !important;
}

.hb_home_blocks_popup_item_4 .et_pb_promo_description  {
	font-size:30px!important;	
	text-transform: uppercase !important;
	letter-spacing:1px;
}

.hb_home_blocks_popup_item_4 .hb-item__card-richtext{
	font-weight:bold;
}

.hb_home_blocks_popup_item_4 .hb-item__card-richtext {
  position: relative;
  display: inline-flex;
  flex-direction: column;   /* 👈 stack vertically */
  align-items: flex-start;  /* left align */
  gap: 4px;                /* space between text and button */
}


/* edit item 4, to have icon with arrow below text */
.hb_home_blocks_popup_item_4 .hb-item__card-richtext::after {
  content: "→";
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  background-color: transparent;
  color: #fff;
  border: 1px solid white;
  border-radius: 50%;
  font-size: 18px;
  transition: all 0.3s ease;
}

/* makes item 4, have go up, because this one is larger */
@media (min-width: 1200px) {
	div.hb_home_blocks_popup_item_4,
	div.hb_home_blocks_popup_item_7 {
		margin-top: -100px !important;
	}
}

/* Item 1 icon */
.hb_home_blocks_popup_item_0 .et_pb_promo_description,
.hb_home_blocks_popup_item_0 p {
	position: unset;
}
.hb_home_blocks_popup_item_0 img {
	border: 3px solid white;
	padding: 1em;
	border-radius: 50%;
	width: 100px;
    height: 100px;
	background-color:rgb(17, 123, 118);
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -30px;
}
#home-blocks .hb_home_blocks_popup_item_0 h3 {
	font-size: 2rem !important;
}

.hb_home_blocks_popup_item_0 * {
	width:100%;
	text-align:center;
	overflow: visible !important;
}

.hb_home_blocks_popup_item .hb-item__inner {
	background-size: cover;
    background-position: center;
}

.home-block-single-row .hb_home_blocks_popup_item_0 .hb-item__corner--icon {
	display:inline-flex !important;
}
.home-block-single-row .hb_home_blocks_popup_item_0 .et_pb_promo_description * {
	text-align:left !important;	
}