/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: Jonas Juhler
Author URI: http://jonasjuhler.dk
template: bb-theme
*/
@import url("/wp-content/themes/bb-theme-child/variables.css");
@import url("/wp-content/themes/bb-theme-child/carousel-basics.css");

/* Add your custom styles here... */ 
h1,h2,h3,h4,h5,h1 a,h2 a,h3 a,h4 a,h5 a,a {
	color: var(--text-primary-light);
}
body,p {
	font: var(--body-size-base);
	color:  var(--text-primary-dark);
}
.body-small { font: var(--body-size-small); }
.body-base { font: var(--body-size-base); }

@media(max-width:768px){
	h1 { font: var(--heading-size-medium); }
	h2 { font: var(--heading-size-small); }
	h3 { font: var(--heading-size-xs); }
	h4 { font: var(--heading-size-xs); }

}
@media(min-width:769px){
	h1 { font: var(--heading-size-large); }
	h2 { font: var(--heading-size-medium); }
	h3 { font: var(--heading-size-small); }
	h4 { font: var(--heading-size-xs); }
}

.heading.body-font {
	font: var(--body-size-base);
	margin-bottom: 0px;
}

/* page crest våbenskjold */
.page .fl-builder-content {
	background-image: url('/wp-content/uploads/2026/01/crest-white-transparent-33per.png');
	background-repeat: no-repeat;
	background-size: 60%;
	background-position: top right;
}
#fl-post-10.page .fl-builder-content {
	background-image: none;
}

/* BUTTON */
/* dark theme default */
button.button,
.fl-module-button .fl-button-wrap .fl-button,
.fl-module-button.fl-button-wrap .fl-button {
	background-color: var(--button-secondary-default);
	font: var(--body-size-small);
	color: var(--text-secondary);
	padding: 8px 24px;
	border-radius: var(--Radius-rounded);
	box-shadow: 
		0px 0px 0px 1px var(--button-drop-shaddow-1),
		0px 1px 2px var(--button-drop-shaddow-2),
		0px 0.75px 0px var(--button-inner-shaddow);
	border: none;
	transition: background-color 0.3s ease-in;
}
button.button:has(a) {
	padding: 0;
}
button.button a {
	display: inline-block;
	width: 100%;
	height: 100%;
	transition: background-color 0.3s ease-in;
}
.fl-module-button .fl-button-wrap .fl-button .fl-button-text,
.fl-module-button.fl-button-wrap .fl-button .fl-button-text,
button.button a {
	color: var(--text-secondary);
	padding: 8px 24px;
}

button.button a:hover,
button.button:hover,
.fl-module-button .fl-button-wrap .fl-button:hover {
	background-color: var(--button-secondary-hover);
	color: var(--text-secondary);
	border-radius: var(--Radius-rounded);
}
button.button:active,
.fl-module-button .fl-button-wrap .fl-button:active {
	background-color: var(--button-secondary-pressed);
}
button.button:focus,
.fl-module-button .fl-button-wrap .fl-button:focus {
	background-color: var(--button-secondary-hover);
}
button.button:focus-visible,
.fl-module-button .fl-button-wrap .fl-button:focus-visible {
	outline: 2px solid var(--text-link);
}
/* Sand theme
button.button,
.fl-module-button .fl-button-wrap .fl-button {
	background-color: var(--button-primary-default);
	font: var(--body-size-small);
	color: var(--text-brand-light);
	padding: 8px 24px;
	border-radius: 4px;
	box-shadow: 
		0px 0px 0px 1px var(--button-drop-shaddow-1),
		0px 1px 2px var(--button-drop-shaddow-2),
		0px 0.75px 0px var(--button-inner-shaddow);
	border: none;
	transition: background-color 0.3s ease-in;
}
.fl-module-button .fl-button-wrap .fl-button .fl-button-text {
	color: var(--text-brand-light);
}
button.button.button-dark,
button.button.button-dark a {
	background-color: var(--button-secondary-default);
	color: var(--text-secondary);
}
button.button:hover,
.fl-module-button .fl-button-wrap .fl-button:hover {
	background-color: var(--button-primary-hover);
}
button.button:active,
.fl-module-button .fl-button-wrap .fl-button:active {
	background-color: var(--button-primary-pressed);
}
button.button:focus,
.fl-module-button .fl-button-wrap .fl-button:focus {
	background-color: var(--button-primary-hover);
}
button.button:focus-visible,
.fl-module-button .fl-button-wrap .fl-button:focus-visible {
	outline: 2px solid var(--text-link);
}
*/
/* dark theme */
button.button.button-dark,
button.button.button-dark a {
	background-color: var(--button-secondary-default);
	color: var(--text-secondary);
}
button.button.button-dark:hover {
	background-color: var(--button-secondary-hover);
}
button.button.button-dark:active {
	background-color: var(--button-secondary-pressed);
}
button.button.button-dark:focus {
	background-color: var(--button-secondary-hover);
}
button.button.button-dark:focus-visible {
	outline: 2px solid var(--text-link);
}

/* BUTTON GROUP powerpack */
.button-group-flexgrow .fl-button-group-buttons {
	gap: 20px;
}
.button-group-flexgrow .fl-button-group-buttons .fl-button-group-button {
	flex-grow: 1;
}
.button-group-flexgrow .fl-button-group-buttons .fl-button-group-button .fl-button-wrap,
.button-group-flexgrow .fl-button-group-buttons .fl-button-group-button .fl-button-wrap .fl-button {
	width: 100%;
}
/* button group clean html */
.button-group {
	display: flex;
	gap: 20px;
}
.button-group.button-group-flexgrow > button {
	flex-grow: 1;
} 

/* LINKS */
.fl-page-content a:hover {
	color: var(--text-primary-light);
}
.fl-page-content a:hover {
	text-decoration: none;
}
.text-link,
.text-link-back {
	font: var(--body-size-small);
}
.text-link i {
	margin-left: 10px;
	transition: transform 0.3s ease-in-out;
}
.text-link:hover i,
a:hover .text-link i {
	transform: translateX(50%);
}

.text-link-back i {
	margin-right: 10px;
	transition: transform 0.3s ease-in-out;
}
.text-link-back:hover i,
a:hover .text-link-back i {
	transform: translateX(-50%);
}

/* SIBLING LINKS */
.text-link-parent {
	pointer-events:none;
}
.text-link-parent:hover .text-link-child:hover,
.text-link-parent:hover .text-link-child:hover .text-link-ahref {
	color: var(--text-link);
}
.text-link-parent:hover .text-link-child,
.text-link-parent:hover .text-link-child .text-link-ahref {
	color: #889CB5;
}

.text-link-parent .text-link-child,
.text-link-parent .text-link-child .text-link-ahref {
	color: var(--text-link);
	pointer-events:auto;
	transition: color 0.2s ease-in;
}

/* IMAGES */
.fl-page-content img {
	border-radius: var(--Padding-padding-xxs);
}
.fl-page .img-fit img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

/* VIDEO */
.fl-page-content video {
	border-radius: var(--Padding-padding-xxs);
}

/* LISTS */
.no-bullets {
	list-style-type: none;
	padding-left: 0;
}

/* FLEXBOX */
.flexbox {
	display: flex;
}

/* ALIGNMENT */
@media(max-width:768px){
	.align-right.mobile-left {
		text-align: left;
	}
}
@media(min-width:769px){

}
.align-right {
	text-align: right;
}
.align-left {
	text-align: left;
}
.align-center {
	text-align: center;
}

/* LIST CARD ITEM */
@media(max-width:768px){
	.card-item .card-info {
		padding: 15px 10px 10px 10px;
	}
}
@media(min-width:769px){
	.card-item .card-info {
		padding: 15px 20px 20px 20px;
	}
}
.equal-height .card-item {
	height: unset;
}
.card-item {
	border: 1px solid var(--stroke-default);
	border-radius: var(--Padding-padding-xxs);
	background-color: var(--suface-primary);
	height: 100%;
}
.card-item .list-card-image{
	overflow: hidden;
}
.card-item .list-card-image img {
	display: block;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	transition: transform 0.3s ease;
}
.card-item .card-info .title h3 {
	margin: 0 0 5px 0;
	font: var(--heading-size-xs);
}
.card-item .card-item-link {
	position: absolute;
	background:	transparent;
	block-size: 100%;
	display: block;
	inline-size: 100%;
	inset-block-start: 0;
	inset-inline-start: 0;
	outline: none;
	overflow: hidden;
	white-space: nowrap;
	z-index: 1;
}
.card-item .hidden-from-view {
	block-size: 1px;
	border: 0;
	clip: rect(0 0 0 0);
	inline-size: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
}


/* MISC */
.vert-divider {
	display: inline-block;
	color: var(--stroke-default);
	margin: 0 10px;
}

/* HEADER */
/* overlay test white full bleed */
.page header.fl-builder-content.fl-builder-content-78491 {
	background-image: none;
}
#header.frontpage-overlay .header-links-wrap,
#header.frontpage-overlay .header-links-wrap a.text-link-ahref {
	color: #fff;
}
#header.frontpage-overlay .header-links-wrap a.text-link-ahref:hover {
	text-decoration: underline;
}

/* links */
.header-links-wrap {
	display: flex;
	justify-content: right;
}
.hand-icon {
	width: 40px;
	display: flex;
	align-items: center;
}
.hand-icon .animated-icon {
  display: inline-block;
  animation: wiggle 2s infinite ease-in-out;
  font-size: 20px;
}
@keyframes wiggle {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(10px); /* Adjust distance as needed */
  }
}
#header .header-links {
	justify-content: right;
}
.header-links-wrap button.button {
	box-shadow: none;		
}

.header-links-wrap button.button a {
	color: var(--text-primary-dark);
	font: var(--body-size-small);
	padding: 8px 24px;
	font-weight: var(--weight-semibold);
	background-color: var(--button-primary-default);	
}
.header-links-wrap button.button a:hover {
	background-color: var(--button-primary-hover);
}

.sub-cover-links {
	justify-content: center;
}
#header .header-links,
.sub-cover-links {
	list-style-type: none;
	padding-left: 0;
	margin: 0;
	column-gap: 20px;
	display: flex;
	font-weight: var(--weight-semibold);
}
#header .header-links a:hover,
.sub-cover-links a:hover {
	text-decoration: none;
}
.sub-cover-links .button,
.sub-cover-links .button:hover,
.sub-cover-links .button a,
.sub-cover-links .button a:hover {
	border-radius: var(--Radius-rounded-full);
}
.sub-cover-links .button a {
	font: var(--body-size-base);
	padding: 10px 40px;
}

/* burger */
#header .pp-advanced-menu-mobile-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner, 
#header .pp-advanced-menu-mobile-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner::before, 
#header .pp-advanced-menu-mobile-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner::after {
	border-radius: 0;
}

/* overlay menu */
#pp-advanced-menu-off-canvas-l0b2fqij315o #menu-header-menu,
#pp-advanced-menu-off-canvas-7jyaleq52k1o #menu-header-menu {
	padding-left: 100px;
}
#pp-advanced-menu-off-canvas-l0b2fqij315o #menu-header-menu li a,
#pp-advanced-menu-off-canvas-7jyaleq52k1o #menu-header-menu li a {
	font: var(--heading-size-xs);
	position: relative;
	text-align: left;
	padding: 5px 10px;
}
#pp-advanced-menu-off-canvas-l0b2fqij315o #menu-header-menu li a .pp-menu-toggle,
#pp-advanced-menu-off-canvas-7jyaleq52k1o #menu-header-menu li a .pp-menu-toggle {
	position: absolute;
	left: 30%;
}

#pp-advanced-menu-off-canvas-l0b2fqij315o #menu-header-menu li.menu-header,
#pp-advanced-menu-off-canvas-7jyaleq52k1o #menu-header-menu li.menu-header {
	margin-top: 30px;
}
#pp-advanced-menu-off-canvas-l0b2fqij315o #menu-header-menu li.menu-header a,
#pp-advanced-menu-off-canvas-7jyaleq52k1o #menu-header-menu li.menu-header a {
	font: var(--body-size-xs);
	text-transform: uppercase;
}

#pp-advanced-menu-off-canvas-l0b2fqij315o #menu-header-menu li ul.sub-menu li a,
#pp-advanced-menu-off-canvas-7jyaleq52k1o #menu-header-menu li ul.sub-menu li a {
	font: var(--heading-size-xs);
	padding-left: 20px;
	font-weight: var(--weight-regular);
}
#menu-header-menu .social-links {
	float: left;
	margin-top: 20px;
}
#menu-header-menu .social-links.first-icon {
	
}

.pp-menu-off-canvas .pp-advanced-menu .pp-menu-nav .pp-menu-close-btn {
	position: absolute;
	top: 30px;
	left: 30px;
	background-color: var(--suface-primary);
	cursor: pointer;
	width: 30px;
	height: 30px;
	border: 1px solid var(--stroke-default);
	border-radius: 100%;
	font-size: 18px;
	line-height: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* FOOTER */
@media(max-width:768px){
	.footer-contact ul {
		text-align: center;
	}
	.footer-social ul {
		justify-content: center;
	}
}
@media(min-width:769px){

}

.footer-social ul {
	gap: 10px;
}
.footer-menu h3 {
	font: var(--heading-size-xs);
	margin-top: 0;
}
.footer-menu ul {
	list-style-type: none;
	padding-left: 0;
}
.footer-menu ul li {
	font: var(--body-size-small);
	margin-bottom: 10px;
}

/* FRONTPAGE */
@media(max-width:768px){
	#frontpage-cover video {
		aspect-ratio: 4/3;
	}
}
@media(min-width:769px){

}
#frontpage-cover video {
	width: 100%;
	object-fit: cover;
}

/* Ny forsidecover med videobaggrund og overlay */
@media(max-width:768px){

}
@media(min-width:769px){
	.frontpage-cover-bg .fl-col {
		display: flex;
		justify-content: center;
	}
	.frontpage-cover-bg .fl-col-content.fl-node-content {
		width: 50%;
	}
}
.frontpage-cover-bg .fl-bg-video,
.frontpage-cover-bg .fl-bg-video video {
	 border-radius: 0;
}

.frontpage-tagline {
	font: var(--heading-size-small);
	color: var(--text-primary-light);
}

.frontpage-cover-bg .fl-row-content-wrap > .fl-row-content {
	position: unset;
}
.frontpage-cover-bg .frontpage-scroll-down-col {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.frontpage-cover-bg .frontpage-scroll-down {
	text-align: center;
}
.frontpage-scroll-down .animated-wrap .animated-icon {
	color: #fff;
	font-size: 26px;
	display: inline-block;
	animation: tptp 2s infinite ease-in-out;
}
@keyframes tptp {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px); /* Adjust distance as needed */
  }
}

/* news list */
@media(max-width:768px){
	.nyheder-section .head-section {
		display: block;
	}
	.nyheder-section .head-section .button-col {
		justify-content: left;
		margin-bottom: 20px;
	}
	.news-list {
		display: block;
	}
	.news-list .news-card {
		margin-bottom: 30px;
	}
	.news-list .news-card .item-image {
		aspect-ratio: 4/3;
	}
	.news-list .news-card .item-title {
		font: var(--heading-size-xs);
	}
}
@media(min-width:769px){
	.nyheder-section .head-section .button-col {
		justify-content: right;
	}
	.news-list {
		gap: 20px;
	}
	.news-list .news-card .item-image {
		aspect-ratio: 4/3;
	}
	.news-list .news-card .item-title {
		font: var(--heading-size-small);
	}
}
.nyheder-section .head-section {
	align-items: center;
}
.nyheder-section .head-section > div {
	flex: 1 1 50%;
}
.nyheder-section .head-section .button-col {
	display: flex;
}

.news-list .news-card {
	flex: 1 1 25%;
}
.news-list .news-card .item-image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.news-card .item-image .fl-bg-video {
	height: 100%;
}
.news-card .item-image .fl-bg-video video {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}
.news-list .news-card .item-date {
	margin: 10px 0;
	font: var(--body-size-xs);
	color: var(--text-primary-dark);
}
.news-list .news-card .item-title {
	color: var(--text-brand-light);
}

/* tab switcher */
@media(max-width:768px){
	.selector-col {

	}
}
@media(min-width:769px){
	.selector-col {
		margin-bottom: -70px;
		justify-content: right;
	}
}
.selector-col {
	display: flex;	
}
.selector-wrap {
	display: flex;
	width: 320px;
	background-color: var(--suface-primary);
	border-radius: var(--Radius-rounded-full);
	border: 1px solid var(--stroke-default);
	padding: var(--Padding-padding-xs);
	position: relative; /* To position the sliding element */
	overflow: hidden;
}
.selector-wrap .selector-btn {
	flex: 1 0 50%;
	border-radius: var(--Radius-rounded-full);
	padding: 8px 24px;
	text-align: center;
	cursor: pointer;
	position: relative; /* Ensure the text stays above the sliding effect */
    z-index: 2;
    transition: color 0.3s ease;
    font: var(--body-size-small);
    font-weight: var(--weight-semibold);
}
/* dark theme */
.selector-bg {
	position: absolute;
	top: 8px;
	left: 8px;
	bottom: 8px;
	right: 8px;
	width: calc(50% - 8px);
	background-color: var(--button-secondary-default);
	border-radius: var(--Radius-rounded-full);
	transition: transform 0.3s ease-in-out;
	z-index: 1;
}
.selector-wrap .selector-btn.active {
	color: var(--text-secondary);
}
.tab-section.page-section .selector-wrap .selector-btn {
    color: var(--text-primary-dark);
}
.tab-section.page-section .selector-wrap .selector-btn.active {
	color: var(--text-secondary);
}
/* sand theme
.selector-bg {
	position: absolute;
	top: 8px;
	left: 8px;
	bottom: 8px;
	right: 8px;
	width: calc(50% - 8px);
	background-color: var(--button-primary-default);
	border-radius: var(--Radius-rounded-full);
	transition: transform 0.3s ease-in-out;
	z-index: 1;
}

*/
.selector-wrap[data-active="tab2"] .selector-bg {
  transform: translateX(100%);
}
.tab-content {
	display: none;
}
.tab-content.active {
	display: block;
}
.tab-content.fl-editable {
	display: block; /* synlig ved beaver editor */
}

/* udvalgte lejemål karusel */
@media(max-width:768px){
	.frontpage-section.selected-tenancies .carousel-container.carousel-tenancies .carousel .carousel-item {
		height: unset;
	}
}
@media(min-width:769px){
	/*.frontpage-section.selected-tenancies .carousel-container.carousel-tenancies {
		overflow: visible;
	}
	.frontpage-section.selected-tenancies .carousel-container.carousel-tenancies .carousel {
		width: fit-content;
		margin-right: calc(-1 * ((100vw - 1400px) / 2));
	}*/
	.frontpage-section.selected-tenancies .carousel-container.carousel-tenancies .carousel .carousel-item {
		width: calc(100% / (var(--items-visible) * 1.3));
		display: flex;
		height: unset;
	}
}

.selected-tenancies .head-section {
	margin-bottom: 40px;
}
.selected-tenancies-inner .carousel-tenancies .carousel-nav {
	margin-top: 20px;
	justify-content: center;
}
.carousel-tenancies .nav-dots {
	display: none;
}


/* FILTER PAGE */
@media(max-width:768px){
	.filter-results-meta .filter-left {
		flex: 1 1 30%;
	}
}
@media(min-width:769px){
	.filter-results-meta > div {
		flex: 1 1 50%;
	}
}
#filter-col-sticky.stuck::after {
	content: " ";
	display: block;
	border-bottom: 1px solid var(--stroke-default);
}
.filter-row {
	margin-bottom: 40px;
	transition: margin-bottom 0.2s ease-in;
}
#filter-col-sticky.stuck .fl-col-content.fl-node-content {
	background-color: var(--background-primary);
}
#filter-col-sticky.stuck .filter-row {
	margin-bottom: 15px;
}
.filter-results-meta {
	display: flex;
	font: var(--body-size-small);
	color: var(--text-primary-light);
}
.fl-col-group.fl-node-5zcoa8lr1vmx, /* gamle filtersider */
.fl-col-group.fl-node-tugh1ablqmp3, /* gamle filtersider */
.fl-col-group.fl-node-1fbuq3yokp6g, /* gamle lejeboligside under seo */
.fl-col-group.fl-node-3rh8n6a1ioct /* gamle erhvervside under seo */ {
	position: sticky;
	top: 0px;	
	z-index: 9;
}

.filter-results-meta .filter-left .sort-order select {
	border: 0;
	background: transparent;
	width: 100px;
}
.filter-results-meta .filter-functions  {
	justify-content: right;
	gap: 20px;
}
.filter-results-meta .filter-functions #toggle-map-view {
	cursor: pointer;
}
.filter-results-meta .filter-functions #toggle-map-view::after {
	content: "\f3c5";
	font-family: var(--icon-font);
	font-weight: 300;
	margin-left: 7px;
}
.filter-results-meta .filter-functions  li i {
	margin-left: 5px;
}
.filter-results-meta .facetwp-facet {
	margin-bottom: 0;
}

/* filter resultater */
@media(max-width:768px){
	#main-filter-wrap.show-map .filter-results-row {
		display: none;
	}
	.main-filter-wrap.show-map #map-col .fl-module-content.fl-node-content {
		margin-left: 20px;
	}
}
@media(min-width:769px){

}
#main-filter-wrap.modal-open::after {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(255, 255, 255, 0.6);
  pointer-events: none;
  z-index: 1;
}
.main-filter-wrap {
	position: relative;
}
.main-filter-wrap .filter-results-row {
	width: 100%;
}
.main-filter-wrap.show-map .filter-results-row {
	width: 50%;
}
#main-filter-wrap.show-map .filter-results-row .pp-content-post-grid {
	display: block;
}
#main-filter-wrap.show-map .filter-results-row .pp-content-post-grid .pp-content-post {
	margin-bottom: 20px;
}
.main-filter-wrap #map-col {
	display: none;
}
.main-filter-wrap.show-map #map-col {
	position: sticky;
	top: 40px;
	display: block;
}
.main-filter-wrap #map-col #map-container {	
	height: 93vh;
	border-radius: 4px;
	border: 1px solid var(--stroke-default);
}

/*
.map-marker {
  width: 10px;
  height: 10px;
  background-color: var(--background-secondary);
  border-radius: 50%;
  cursor: pointer;
}
.map-marker.highlight {
  transform: scale(1.5);
  background-color: var(--button-primary-default);
  z-index: 10;
}
*/
.map-marker {
  width: 20px;
  height: 30px;
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
  padding: 2px;
}
.map-marker svg {
  overflow: visible;
  display: block;
}
.map-marker.highlight svg path {
  fill: #F7EDD4; /* or another highlight color */
  stroke: #F7EDD4;
}
.map-marker.highlight svg circle {
	stroke: #223C71;
}

/* map popup*/
@media(max-width:768px){
	#map-container .mapboxgl-popup {
		transform: none !important;
		bottom: 30px;
		left: 10px;
		top: unset;
	}
	#map-container .mapboxgl-popup .mapboxgl-popup-tip {
		display: none;
	}
}
@media(min-width:769px){

}
.mapboxgl-popup-content {
  padding: 0;
  border-radius: 8px;
  overflow: hidden;
  font-family: inherit;
  width: fit-content;
}
.popup-box {
  width: 320px;
  background: var(--suface-primary);
}
.popup-img {
	margin: 10px 10px 0 10px;
}
.popup-img a:focus-visible {
	outline: 0;
}
.popup-img img {
	width: 100%;
	height: 140px;
	object-fit: cover;
	display: block;
	border-radius: var(--Radius-rounded);
}
.popup-content {
  padding: 12px;
}
.popup-title {
	font: var(--heading-size-xs);
	font-size: 16px;
	margin: 0 0 6px;
}
.popup-title a {
  text-decoration: none;
  color: var(--text-primary-light);
}
.popup-title a:focus-visible {
	border: 0;
	outline: 0;
}
.popup-address,
.popup-size {
	font: var(--body-size-xs);
	color: var(--text-primary-dark);
	margin: 4px 0;
}
.popup-close {
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 14px;
	cursor: pointer;
	color: var(--text-primary-dark);
	background-color: var(--suface-primary);
	width: 20px;
	height: 20px;
	border-radius: var(--Radius-rounded-full);
	display: flex;
	justify-content: center;
	align-items: center;
  z-index: 10;
}

/* TENANCY CARD GENERAL */
@media(max-width:768px){
	.tenancy-card .card-info {
		display: block;
	}
	.tenancy-card .card-info .title {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	.tenancy-card .card-info .title .text-link {
		font: var(--body-size-xs);
	}
}
@media(min-width:769px){
	.tenancy-card .card-info {
		display: flex;
		gap: 15px;
	}
	.tenancy-card .card-info .title {
		flex: 1 1 55%;
	}
	.tenancy-card .card-info .facts {
		flex: 1 1 45%;
		display: flex;
		justify-content: right;
		position: relative;
	}
	.tenancy-card .card-info .facts ul {
		flex-wrap: wrap;
		justify-content: right;
	}
	.tenancy-card .card-info .facts li:nth-child(1) {
		min-width: 50px;
	}
	.tenancy-card .card-info .facts li:nth-child(2) {
		min-width: 55px;
	}
	.tenancy-card .card-info .facts li:nth-child(3) {
		min-width: 100px;
	}
}

.tenancy-card .card-info .facts ul {
	height: fit-content;
}
.tenancy-card .card-info .facts ul li {
	color: var(--text-primary-dark);
	border-left: 1px solid var(--stroke-default);
}
.tenancy-card .card-info .facts ul li:first-child {
	border: none;
}

/* lejemål card */
.tenancy-list-card {
	height: 100%;
	flex: 0 0 calc(50% - 10px);
	position: relative;	
}
.facetwp-template .listing.highlighted {
	background-color: var(--background-brand);
}
.tenancy-list-card .list-card-inner {
	position: relative;
}

/* labels */
.tenancy-labels-wrap .labels-right {
	position: absolute;
	display: flex;
	gap: 5px;
	top: 10px;
	right: 10px;
	z-index: 1;
}
.tenancy-labels-wrap .labels-left {
	position: absolute;
	display: flex;
	gap: 5px;
	top: 10px;
	left: 10px;
	z-index: 1;
}
.labels-left .tenancy-label {
	background-color: var(--background-breaker);
}
.labels-right .tenancy-label {
	background-color: var(--background-breaker);
}
.tenancy-label {
	color: var(--text-secondary);
	font: var(--body-size-xs);
	border-radius: 2px;
	padding: var(--Padding-padding-xxs) var(--Padding-padding-lg);
}

/* tenancy images */
@media(max-width:768px){
	.list-card-image.height-large img,
	.list-card-image.height-large .img-tba {
		height: 300px;
	}
	.list-card-image.height-medium img,
	.list-card-image.height-medium .img-tba {
		height: 200px;
	}	
}
@media(min-width:769px){
	.list-card-image.height-large img,
	.list-card-image.height-large .img-tba {
		height: 600px;
	}
	.list-card-image.height-medium img,
	.list-card-image.height-medium .img-tba {
		height: 375px;
	}	
}
.img-tba {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	text-align: center;
	background-color: var(--stroke-default);	
	font: var(--body-size-small);
}

/* tenancy facts */
@media(max-width:768px){
	.tenancy-list-card .list-card-inner .list-card-info .facts ul {
		margin-bottom: 0;
		margin-top: 20px;
	}
	.tenancy-list-card .list-card-inner .list-card-info .facts li {
		font: var(--body-size-xs);	
		padding: 0 6px;
	}
	.tenancy-list-card .list-card-inner .list-card-info .facts li:first-child {
		padding-left: 0;
	}

}
@media(min-width:769px){
	.tenancy-list-card .list-card-inner .list-card-info .facts ul {
		margin-top: 5px;
	}
	.tenancy-list-card .list-card-inner .list-card-info .facts li {
		font: var(--body-size-small);	
		padding: 0 6px;
		text-align: center;
	}
	.tenancy-list-card .list-card-inner .list-card-info .facts li:first-child {
		padding-left: 0;
	}
	.tenancy-list-card .list-card-inner .list-card-info .facts li:last-child {
		padding-right: 0;
	}
}
.tenancy-list-card .list-card-inner .list-card-info {	
	position: relative;
}


/* carousel nav general */
.carousel-container .carousel-nav button {

}

/* tenancy card carousel */
.tenancy-card .carousel-container .carousel-item {
	width: 100%;
}
.tenancy-card:hover .carousel-container .carousel-nav {
	opacity: 1;
}
.tenancy-card .carousel-container .carousel-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;	
	opacity: 0;
	transition: opacity 0.3s ease-in;
}
.tenancy-card .carousel-container .carousel-nav button {

}
.tenancy-card .carousel-container .carousel-nav .prev {
	position: absolute;
	left: 20px;
}
.tenancy-card .carousel-container .carousel-nav .next {
	position: absolute;
	right: 20px;
}
.tenancy-card .carousel-container .nav-dots {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
}
.tenancy-card .carousel-container .nav-dots button {
	background-color: rgba(255,255,255, 0.5);
	border: 0;
	height: 6px;
	width: 6px;
	margin: 2px;
}
.tenancy-card .carousel-container .nav-dots button.active {
	background-color: var(--suface-primary);
}

/* filters */
@media(max-width:768px){
	.mobile-flyout {
		margin-bottom: 30px;
		transition: margin-bottom 0.2s ease-in;
	}
	#filter-col-sticky.stuck .mobile-flyout {
		margin-bottom: 15px;
	}
	.mobile-flyout button.button {
		
		border: 1px solid var(--stroke-default);
		box-shadow: none;
	}
	.mobile-flyout button.button i {
		margin-right: 5px;
	}
	.filter-row {
		display: none;
	}
	
	/* mobile flyout */
	.facetwp-flyout.active {
		width: 80vw;
	}
	.facetwp-flyout.active .facetwp-flyout-close {
		color: transparent;
		position: absolute;
		top: 20px;
		right: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 25px;
		height: 25px;
		background-color: var(--suface-primary);
		border-radius: var(--Radius-rounded-full);
		border: 1px solid var(--stroke-default);
		z-index: 1;
	}
	.facetwp-flyout.active .facetwp-flyout-close::before {
		content: "\f00d";
		font-family: var(--icon-font);
		color: var(--text-brand-light);
		margin-left: 8px;
		font-weight: 300;
	}
	.facetwp-flyout.active .facetwp-flyout-content {
		padding: 20px;
	}
	.facetwp-flyout.active .facetwp-flyout-content .flyout-row {
		padding-bottom: 20px;
		border-bottom: 1px solid var(--stroke-default);
	}
	.facetwp-flyout.active .facetwp-flyout-content .flyout-row .facetwp-facet {
		margin-bottom: 0;
	}
	.facetwp-flyout.active .facetwp-flyout-content .flyout-row .facetwp-facet .column-wrapper {
		margin-bottom: 20px;
	}
	.facetwp-flyout.active .facetwp-flyout-content .facetwp-facet .facetwp-checkbox {
		background-image: url('/wp-content/uploads/2025/04/checkbox.svg');
	}
	.facetwp-flyout.active .facetwp-flyout-content .facetwp-facet .facetwp-checkbox.checked {
		background-image: url('/wp-content/uploads/2025/04/checkbox-checked.svg');
	}
}
@media(min-width:769px){
	.mobile-flyout {
		display: none;
	}
	.filter-row {
		display: flex;
	}
}

.filter-row .facetwp-facet {
	flex: 1 1 auto;
	margin-bottom: 0;
}
.facetwp-checkbox .facetwp-expand { 
	display: none; 
}

.filter-buttons {
	height: fit-content;
}
.facet-modal-wrapper,
.reset-button-wrapper {
	position: relative;
	display: inline-block;
}
.reset-button-wrapper .facetwp-facet-nulstil a {
	background-color: var(--background-secondary);
}
.reset-button-wrapper .facetwp-facet-nulstil a {
	display: block;
	height: 100%;
	color: var(--suface-primary);
}
.facet-toggle-button::after {
	content: "\f107";
	font-family: var(--icon-font);
	margin-left: 7px;
}
.facet-toggle-button,
.facetwp-facet-nulstil a {
	background-color: var(--suface-primary);
	padding: 8px 24px;
	border: 1px solid var(--stroke-default);
  	cursor: pointer;
  	border-radius: 4px;
  	font: var(--body-size-small);
	color: var(--text-primary-light);
	transition: background-color 0.3s ease-in, color 0.3s ease-in;
}
.facet-toggle-button:hover,
.facet-toggle-button:focus {
	background-color: var(--suface-primary);
	color: var(--text-primary-light);
	border: 1px solid var(--stroke-default);
}
.filter-buttons .facet-modal-wrapper .facet-toggle-button { 
	color: var(--text-primary-light);
}
	

.facet-modal-content {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 5px;
  z-index: 1000;
  background: var(--suface-primary);
  border: 1px solid var(--stroke-default);
  padding: 20px;
  min-width: 500px;
  border-radius: 4px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.facet-modal-content .facetwp-facet {
	margin-bottom: 0;
}
.facet-modal-content .facetwp-facet .facetwp-checkbox {
	background-image: url('https://barfoed.jonasjuhler.dk/wp-content/uploads/2025/04/checkbox.svg');
}
.facet-modal-content .facetwp-facet .facetwp-checkbox.checked {
	background-image: url('https://barfoed.jonasjuhler.dk/wp-content/uploads/2025/04/checkbox-checked.svg');
}

.facet-modal-wrapper.open .facet-modal-content {
  display: block;
}
.facet-modal-wrapper.open .facet-modal-content .facet-modal-header {
	font: var(--heading-size-xs);
	margin-bottom: 20px;
}
.facet-modal-close {
	position: absolute;
	top: 15px;
	right: 15px;
	background-color: var(--suface-primary);
	cursor: pointer;
	width: 20px;
	height: 20px;
	border: 1px solid var(--stroke-default);
	border-radius: 100%;
	font-size: 12px;
	line-height: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}
.facet-modal-content .facetwp-facet-area,
.facet-modal-content .facetwp-facet-area_privat {
	display: flex;
	gap: 20px;
	width: 600px;
	
}
.facet-modal-content .facetwp-facet-area .column-wrapper,
.facet-modal-content .facetwp-facet-area_privat .column-wrapper {
	flex: 1 1 33%;
}
.facet-modal-content .facetwp-facet-area .column-wrapper > .facetwp-checkbox,
.facet-modal-content .facetwp-facet-area_privat .column-wrapper > .facetwp-checkbox {
	font-weight: var(--weight-semibold);
	border-bottom: 1px solid var(--stroke-default);
	padding-bottom: 8px;
	padding-top: 8px;
	margin-bottom: 6px;
}
.facet-modal-content .facetwp-facet-area .column-wrapper .facetwp-depth,
.facet-modal-content .facetwp-facet-area_privat .column-wrapper .facetwp-depth {
	margin-left: 0;
}

/* søgning */
.filter-search {
	flex-grow: 1;
}
.filter-search > div {
	display: flex;
	justify-content: right;
}
.filter-search .facetwp-input-wrap input.facetwp-search {
	border-radius: var(--Radius-rounded-full);
	background-color: var(--suface-primary);
	padding: var(--Padding-padding-sm) 50px var(--Padding-padding-sm) var(--Padding-padding-xl);
	border: 1px solid var(--stroke-default);
	color: var(--text-primary-light);
	min-width: 330px;
}
.filter-search .facetwp-input-wrap input::placeholder {
	color: var(--text-primary-light);
}
.filter-search .facetwp-input-wrap .facetwp-icon {
	right: 10px;
}

/* pagination */
.pagination {
	margin-top: 40px;
}
.pagination .tangible-paginator-buttons {
	text-align: center;
	
}
.pagination .tangible-paginator-fields {
	text-align: center;
	font: var(--body-size-small);
	margin-top: 10px;
}
.pagination .tangible-paginator-button.active {
	background-color: var(--button-primary-hover);
	border-color: var(--button-primary-hover);
	color: var(--text-primary-dark);
}

/* LEJEMÅLSSIDE */
@media(max-width:768px){
	.gallery-img {
		display: none;
	}
	.tenancy-title h1 {
		font: var(--body-size-xl);
		font-size: 30px;
		line-height: 1.2;
	}
}
@media(min-width:769px){
	.tenancy-cover {
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		grid-template-rows: 1fr 1fr;
		gap: 20px;
	}    
	.main-img{
		grid-column-start: 1;
		grid-column-end: 5;
		grid-row-start: 1;
		grid-row-end: 3;
	}
	.gallery-img1 {
		grid-column-start: 5;
		grid-column-end: 7;
		grid-row-start: 1;
		grid-row-end: 2;
	}
	.gallery-img2 {
		position: relative;
		grid-column-start: 5;
		grid-column-end: 7;
		grid-row-start: 2;
		grid-row-end: 3;
	}
	.tenancy-cover-single-img.single-img img {
		aspect-ratio: 5/2;
	}
	.tenancy-title h1 {
		font: var(--body-size-xl);
		font-size: 36px;
		line-height: 1.3;
	}
}

/* cover carousel */
@media(max-width:768px){
	.tenancy-cover-images .carousel-item {
		height: 300px;
	}
}
@media(min-width:769px){
	.tenancy-cover-images .carousel-item {
		height: auto;
	}
}
.tenancy-cover-images .tenancy-labels-wrap .labels-right {
	right: 2%;
	top: 15px;
}

.tenancy-cover-images .carousel-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	transition: opacity 0.3s ease-in;
}
.tenancy-cover-images .carousel-nav .next {
	position: absolute;
	right: 20px;
}
.tenancy-cover-images .carousel-nav .prev {
	position: absolute;
	left: 20px;
}
.tenancy-cover-images .carousel-item {
	width: 100%; /*calc(100% / (var(--items-visible) * 1.2));*/
	aspect-ratio: 4/3;
}
.tenancy-cover-images .carousel-item img {
	height: 100%;
	object-fit: cover;
}
.tenancy-cover-images .nav-dots {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
}
.tenancy-cover-images .nav-dots button {
	background-color: rgba(255,255,255, 0.5);
	border: 0;
	height: 6px;
	width: 6px;
	margin: 2px;	
}
.tenancy-cover-images .nav-dots button.active {
	background-color: var(--suface-primary);
}

.tenancy-cover-img {
	position: relative;
	border-radius: var(--Radius-rounded);
	overflow: hidden;
}
.tenancy-cover-img .cover-img-wrap {
	height: 100%;
}
.tenancy-cover-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	aspect-ratio: 3/2;
	transition: transform 0.3s ease;
}
.tenancy-cover-img img:hover {
	transform: scale(1.03);
}
.gallery-img2 .gallery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(247, 237, 212, 0.6);
}
.gallery-img2 .gallery-overlay i {
	display: block;
	text-align: center;
}

/* cover links */
@media(max-width:768px){
	.tenancy-cover-functions ul {
		justify-content: left;
	}
	.tenancy-cover-functions ul li {
		font: var(--body-size-small);
	}
}
@media(min-width:769px){
	.tenancy-cover-functions ul {
		justify-content: right;
	}
}
.tenancy-cover-functions ul {
	list-style-type: none;
	padding-left: 0;
	display: flex;
	gap: 20px;
}
.tenancy-cover-functions ul li {
	cursor: pointer;
}
.tenancy-cover-functions ul li i {
	margin-left: 5px;
}

/* TENANCY MODALS*/
.tenancy-map {
	height: 90vh;
}
.tenancy-modal-gallery .pp-thumbnails-swiper .swiper-slide-active .pp-image-carousel-thumb {
	border: 2px solid var(--stroke-link);
}
.tenancy-modal-gallery .pp-image-carousel.slider-type-slideshow {
	width: 70vw;
}
.tenancy-modal-gallery img,
.tenancy-modal-gallery .pp-image-carousel-thumb {
	border-radius: var(--Radius-rounded);
}

/* TENANCY MAIN COL */
.tenancy-content-col .fl-node-0ku58qpm4lxd {
	position: relative;
}
.tenancy-content-col .right-col {
	position: sticky;
	top: 20px;
} 

/* BESKRIVELSE */
#tenancy-description .fl-rich-text iframe {
	width: 100%;
	height: 600px;
	margin-bottom: 20px;
}

/* FAKTABOKS */
@media(max-width:768px){
	.faktaboks h3 {
		margin: 0px 0 20px 0;
	}
	.faktaboks ul li .value {
		padding-right: 10px;
	}
}
@media(min-width:769px){
	.faktaboks h3 {
		margin-bottom: 30px;
	}
	.faktaboks ul li .value {
		padding-right: 50px;
	}
}
.faktaboks {
	border: 1px solid var(--stroke-default);
	background-color: var(--suface-primary);
	padding: 20px;
	border-radius: var(--Radius-rounded);
	margin-bottom: 20px;
	font: var(--body-size-small);
	transition: background 0.3s ease-in;
}

.faktaboks ul {
	list-style-type: none;
	padding-left: 0;
}
.faktaboks ul li {
	display: flex;
	padding: 5px 3px;
	border-bottom: 1px solid var(--stroke-soft);
}
.faktaboks ul li:first-child {
	border-top: 1px solid var(--stroke-soft);
}
.faktaboks ul li > div {
	flex: 1 1 50%;
}
.faktaboks ul li .value {
	text-align: right;
}
.faktaboks ul li .energylabel {
	height: 25px;
	aspect-ratio: 1/1;
}
/* kontakt boks */
@media(max-width:768px){
	.faktaboks.contact-box .contact-wrap {
		gap: 20px;
	}
	.faktaboks.contact-box .contact-wrap .contact-image {
		flex: 0 0 calc(40% - 20px);
		
	}
}
@media(min-width:769px) and (max-width:991px) {
	.faktaboks.contact-box .contact-wrap {
		display: block;
	}
	.faktaboks.contact-box .contact-wrap .contact-image {
		margin-bottom: 10px;
	}
}
@media(min-width:769px){
	.faktaboks.contact-box .contact-wrap {
		gap: 30px;
	}
	.faktaboks.contact-box .contact-wrap .contact-image {
		flex: 0 0 calc(40% - 30px);
	}
}
.faktaboks.contact-box .contact-wrap {
	align-items: center;
}

.faktaboks.contact-box .contact-wrap .contact-info h4 {
	margin: 0;
}
.faktaboks.contact-box .contact-wrap .contact-info .job-title {
	margin-bottom: 30px;
}
.faktaboks.contact-box .contact-wrap i {
	display: inline-block;
	width: 20px;
}

/* FACILITETER */
.faciliteter-wrap ul {
	display: flex;
	flex-wrap: wrap;
	list-style-type: none;
	padding-left: 0;
}
.faciliteter-wrap ul .facilitet {
	flex: 0 1 25%;
	margin-bottom: 30px;
}
.faciliteter-wrap ul .facilitet .facilitet-ikon {
	display: inline-block;
	padding: 6px;
	background-color: var(--suface-primary);
	border-radius: var(--Radius-rounded);
	border: 1px solid var(--stroke-default);
	margin-right: 10px;
}
.faciliteter-wrap ul .facilitet img {
	height: 25px;
	aspect-ratio: 1/1;
}

/* PAGE MAP */
@media(max-width:768px){
	.listing-map-container.tenancy-page-map {
		height: 300px;
	}

}
@media(min-width:769px){
	.listing-map-container.tenancy-page-map {
		height: 400px;
	}
}
.listing-map-container.tenancy-page-map {
	border-radius: var(--Radius-rounded);
}
.listing-map-container.tenancy-map .mapboxgl-canvas {
	border-radius: var(--Radius-rounded);
}

/* PAGE AGENT BREAKER */
.agent-gallery {
	display: flex;
	gap: 10px;
}
.agent-gallery .agent-gallery-image {
	flex: 0 0 calc(100% - 10);
	height: 400px;
}
.agent-gallery .agent-gallery-image:nth-child(2) {
	height: 500px;
}
.agent-gallery .agent-gallery-image img {
	height: 100%;
	object-fit: cover;
}

/* Other tenancies */
.other-tenancies .tenancy-list-card {
	height: unset;
}
.other-tenancies .carousel-nav {
	margin-top: 20px;
}

/* CONTACT FORMS */
.hidden-field {
	display: none;
}
.gf_readonly .ginput_container_text input {
	background-color: #eee;
	color: #aaa;
}
.pum-container.theme-77825 {
	border-radius: var(--Radius-rounded);
}
.contact-form .gform_body .gform_fields {
	row-gap: 20px;
}
.contact-form .gform-footer input.gform_button.button {
	
}

/* close button */
.pum-overlay .pum-container .pum-close.popmake-close {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 30px;
	height: 30px;
	background-color: var(--suface-primary);
	border: 1px solid var(--stroke-default);
	border-radius: 100%;
	font-size: 12px;
}

/* button */
#contact-page-form .contact-form .gform_wrapper.gform-theme .contact-form .gform-footer input.gform_button.button,
.gform_wrapper .gform-footer .gform_button {
	background-color: var(--button-secondary-default) !important;
	color: var(--text-secondary) !important;
}
#contact-page-form .contact-form .gform_wrapper.gform-theme .contact-form .gform-footer input.gform_button.button:hover,
.gform_wrapper .gform-footer .gform_button:hover {
	background-color: var(--button-secondary-hover);
}
.contact-form .gform_wrapper.gform-theme .contact-form .gform-footer input.gform_button.button {
	background-color: var(--button-secondary-default);
	font: var(--body-size-small);
	color: #fff;
	padding: 8px 24px;
	border-radius: 4px;
	box-shadow: unset /*
		0px 0px 0px 1px var(--button-drop-shaddow-1),
		0px 1px 2px var(--button-drop-shaddow-2),
		0px 0.75px 0px var(--button-inner-shaddow);*/
	border: none;
	transition: background-color 0.3s ease-in;
}
.contact-form .gform_wrapper.gform-theme .contact-form .gform-footer input.gform_button.button:hover {
	background-color: var(--button-secondary-hover);
}
.contact-form .gform_wrapper.gform-theme .contact-form .gform-footer input.gform_button.button:active {
	background-color: var(--button-secondary-pressed);
}
.contact-form .gform_wrapper.gform-theme .contact-form .gform-footer input.gform_button.button:focus {
	background-color: var(--button-secondary-hover);
}
.contact-form .gform_wrapper.gform-theme .contact-form .gform-footer input.gform_button.button:focus-visible {
	outline: 2px solid var(--text-link);
}

/* form styling */
.contact-form .gform_wrapper.gform-theme .contact-form input,
.contact-form .gform_wrapper.gform-theme .contact-form textarea {
	border: 1px solid var(--stroke-default);
	border-radius: var(--Radius-rounded);
}
.contact-form .gform_wrapper.gform-theme .contact-form input::placeholder,
.contact-form .gform_wrapper.gform-theme .contact-form textarea::placeholder {
	color: rgba(117, 117, 117, 0.4);
}

/* NYHEDER */
/* nyhed card item */
@media(max-width:768px){
	.news-item h3 {
		margin-top: 10px;
	}
}
.news-item {
	position: relative;
}
.news-item .news-item-image {
	aspect-ratio: 16/9;
}
.news-item .news-item-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* share modal */
.share-modal .flexbox {
	gap: 10px;
	margin-top: 20px;
}
.share-modal input {
	flex: 0 0 70%;
}

.other-news .carousel-nav {
	margin-top: 20px;
}

/* MEDARBEJDERE */
/* team facet */
#team-facet .facetwp-facet-afdeling .facetwp-radio .facetwp-counter {
	display: none;
}
#team-facet .facetwp-facet-afdeling {
	display: flex;
	gap: 10px;
	margin-bottom: 20px;
}
#team-facet .facetwp-facet-afdeling .facetwp-radio {
	border: 1px solid var(--stroke-default);
	border-radius: var(--Radius-rounded);
	background-color: var(--button-primary-default);
	background-image: none;
	color: var(--text-primary-dark);
	font: var(--body-size-small);
	padding: 8px 12px;
}
#team-facet .facetwp-facet-afdeling .facetwp-radio:hover {
	background-color: var(--button-primary-hover);
	color: var(--text-primary-dark);
}
#team-facet .facetwp-facet-afdeling .facetwp-radio.checked {
	background-color: var(--button-primary-hover);
	color: var(--text-primary-dark);
}

@media(max-width:768px){
	.person-card h3 {
		margin-top: 15px;
	}
}
@media(min-width:769px){

}
.person-card {
	margin-bottom: 20px;
}
.person-card h3 {
	font: var(--body-size-base);
	font-weight: var(--weight-semibold);
	margin-bottom: 0px;
}
.person-card .job-title {
	font: var(--body-size-small);
	margin-bottom: 0px;
}
.person-card .email {
	font: var(--body-size-small);
	color: var(--text-primary-light);
}

/* JOBS */
@media(max-width:768px){
	.job-card .list-card-image {
		height: 275px;
	}
	.job-card .card-info {
		flex-wrap: wrap;
		flex-direction: column-reverse;
		gap: 10px;
	}
	.job-card .card-info .publish-date {
		text-align: left;
		font: var(--body-size-xs);
	}
	.job-card .card-info .facts ul {
		display: block;
	}
	.job-card .card-info .facts ul li {
		margin-bottom: 3px;
	}
}
@media(min-width:769px){
	.job-card .list-card-image {
		height: 375px;
	}
	.job-card .card-info {
		gap: 30px;
	}
	.job-card .card-info .publish-date {
		text-align: right;
	}
	.job-card .card-info .facts li::after {
		content: "|";
		margin-left: 5px;
		margin-right: 5px;
	}
	.job-card .card-info .facts li:last-child::after {
		content: "";
	}
}
.job-card .list-card-image {
	display: flex;
	align-items: center;
	background-color: var(--background-secondary);
	border-radius: var(--Radius-rounded);
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.job-card .list-card-image img {
	height: 100%;
	object-fit: cover;
}
.job-card .list-card-image .crest {
	object-fit: contain;
	height: 60%;
}
.job-card .card-info {
	font: var(--body-size-small);
}
.job-card .card-info .title {
	flex: 1 1 70%;
}
.job-card .card-info .publish-date {
	flex: 1 1 30%;
}
.job-card .card-info h3 {
	margin-top: 0;
}
.job-card .card-info .facts {
	margin-top: 20px;
}
.job-card .card-info .mail-button {
	margin-top: 20px;
}

/* job single page */
.job-image-placeholder .fl-col-content.fl-node-content {
	border-radius: var(--Radius-rounded);
	background-size: 30%;
}
.job-faktaboks ul li .value {
	padding-right: 0;
}

/*  EJENDOMME */
@media(max-width:768px){
	.ejendomme-wrap .ejendom-item {
		padding-bottom: 50px;
		margin-bottom: 20px;
	}
	.ejendom-item .ejendom-item-info .title-line {
		display: flex;
		flex-wrap: wrap;
	    flex-direction: column-reverse;
		margin-bottom: 5px;
	}
	.ejendom-item .ejendom-item-info .title-line h3 {
		font: var(--heading-size-xs);
	}
	.ejendom-item .ejendom-item-info .title-line .facts {
		font: var(--body-size-xs);
		color: var(--text-primary-dark);
		margin-bottom: 10px;
	}
	.ejendom-item .ejendom-item-info p {
		font: var(--body-size-small);
	}
	.ejendom-item button {
		bottom: 10px;
		left: 10px;
	}
}
@media(min-width:769px){
	.ejendomme-wrap {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: 1fr;
		grid-column-gap: 20px;
		grid-row-gap: 20px;
	}
	.ejendomme-wrap .ejendom-item {
		padding-bottom: 60px;
	}
	.ejendom-item .ejendom-item-info .title-line {
		display: flex;
		margin-bottom: 5px;
	}
	.ejendom-item .ejendom-item-info .title-line h3 {
		flex-basis: 45%;
	}
	.ejendom-item .ejendom-item-info .title-line .facts {
		flex-basis: 55%;
		font: var(--body-size-small);
		color: var(--text-primary-dark);
		display: flex;
		width: 100%;
		align-items: center;
		justify-content: right;
	}
	.ejendom-item button {
		bottom: 20px;
		left: 20px;
	}	
}
.ejendomme-wrap .ejendom-item {
	position: relative;
}
.ejendom-item-image {
	aspect-ratio: 16/9;
}
.ejendom-item-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.ejendom-item .ejendom-item-image .fl-bg-video video {
	width: 100% !important;
	height: 100% !important;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	object-fit: cover;
}

.ejendom-item .ejendom-item-info {
	position: relative;
}
.ejendom-item .ejendom-item-info h3 {
	margin-top: 0;
}
.ejendom-item button {
	position: absolute;
	transition: background 0.3s ease-in;
}
.ejendom-item:hover button {
	background-color: var(--button-secondary-hover);
}

/* PAGE SECTIONS */
/* head section */
@media(max-width:768px){
	.head-section.page-section .fl-row-content-wrap {
		padding-top: 0px;
	}
}
@media(min-width:769px){

}
/* faq section */
@media(max-width:768px){

}
@media(min-width:769px){
	.faq-module .pp-faq .pp-faq-item .pp-faq-content {
		width: 60%;
	}
}
.faq-module .pp-faq {
	background-color: var(--suface-primary);
	border: 1px solid var(--stroke-default);
	border-radius: var(--Radius-rounded);
}
.faq-module .pp-faq .pp-faq-item {
	border-bottom: 1px solid var(--stroke-default);
	margin-bottom: 0;
}
.faq-module .pp-faq .pp-faq-item:last-child {
	border-bottom: 0;
}
.faq-module .pp-faq .pp-faq-item .pp-faq-button {
	font: var(--heading-size-xs);
	padding: 20px;
	line-height: 1;
}
.faq-module .pp-faq .pp-faq-item .pp-faq-content {
	padding: 0 20px 20px 20px;
}

/* accordion section */
.accordion-module .pp-accordion {
	background-color: var(--suface-primary);
	border: 1px solid var(--stroke-default);
	border-radius: var(--Radius-rounded);
}
.accordion-module .pp-accordion .pp-accordion-item {
	border-bottom: 1px solid var(--stroke-default);
	margin-bottom: 0;
}
.accordion-module .pp-accordion .pp-accordion-item:last-child {
	border-bottom: 0;
}
.accordion-module .pp-accordion .pp-accordion-item .pp-accordion-button {
	font: var(--heading-size-xs);
	padding: 20px;
	line-height: 1;
}
.accordion-module .pp-accordion .pp-accordion-item .pp-accordion-button-label {
	font: var(--heading-size-xs);
  	line-height: 1;
}
.accordion-module .pp-accordion .pp-accordion-item .pp-accordion-content {
	padding: 0 20px 20px 20px;
}

/* Tekstsektion */
.page-section .fl-rich-text h2,
.page-section .fl-rich-text h3,
.page-section .fl-rich-text h4 {
	margin-top: 25px;
}

/* Navigation section (3 infobokse) */
.navigation-section .info-card-image .nav-box-video .pp-fit-aspect-ratio {
	display: flex;
}
.navigation-section .info-card-image .nav-box-video .pp-fit-aspect-ratio video {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.navigation-section .navigation-card .pp-infobox {
	background-color: var(--suface-primary);
	border: 1px solid var(--stroke-default);
	border-radius: var(--Radius-rounded);
}
.navigation-section .navigation-card .pp-infobox .pp-heading-wrapper {
	margin-bottom: 15px;
}
.navigation-section .navigation-card .pp-infobox .pp-infobox-title {
	margin-top: 0;
	margin-bottom: 5px;
	line-height: 1;
}
/* dark theme */
.navigation-section .navigation-card .pp-infobox .pp-infobox-button .pp-button {
	background-color: var(--button-secondary-default);
	font: var(--body-size-small);
	color: var(--text-secondary);
	padding: 8px 24px;
	border-radius: 4px;
	box-shadow: 
		0px 0px 0px 1px var(--button-drop-shaddow-1),
		0px 1px 2px var(--button-drop-shaddow-2),
		0px 0.75px 0px var(--button-inner-shaddow);
	border: none;
	transition: background-color 0.3s ease-in;
}
.navigation-section .navigation-card .pp-infobox .pp-infobox-button {
	margin-top: 30px;
}
.navigation-section .navigation-card .pp-infobox .pp-infobox-button .pp-button:hover {
	background-color: var(--button-secondary-hover);
}
.navigation-section .navigation-card .pp-infobox .pp-infobox-button .pp-button:active {
	background-color: var(--button-secondary-pressed);
}
.navigation-section .navigation-card .pp-infobox .pp-infobox-button .pp-button:focus {
	background-color: var(--button-secondary-hover);
}
.navigation-section .navigation-card .pp-infobox .pp-infobox-button .pp-button:focus-visible {
	outline: 2px solid var(--text-link);
}
.navigation-section .navigation-card .pp-infobox .pp-infobox-button .pp-button .pp-button-icon-left {
	margin-right: 0;
}

/* sand theme 
.navigation-section .navigation-card .pp-infobox .pp-infobox-button .pp-button {
	background-color: var(--button-primary-default);
	font: var(--body-size-small);
	color: var(--text-brand-light);
	padding: 8px 24px;
	border-radius: 4px;
	box-shadow: 
		0px 0px 0px 1px var(--button-drop-shaddow-1),
		0px 1px 2px var(--button-drop-shaddow-2),
		0px 0.75px 0px var(--button-inner-shaddow);
	border: none;
	transition: background-color 0.3s ease-in;
}
.navigation-section .navigation-card .pp-infobox .pp-infobox-button {
	margin-top: 30px;
}
.navigation-section .navigation-card .pp-infobox .pp-infobox-button .pp-button:hover {
	background-color: var(--button-primary-hover);
}
.navigation-section .navigation-card .pp-infobox .pp-infobox-button .pp-button:active {
	background-color: var(--button-primary-pressed);
}
.navigation-section .navigation-card .pp-infobox .pp-infobox-button .pp-button:focus {
	background-color: var(--button-primary-hover);
}
.navigation-section .navigation-card .pp-infobox .pp-infobox-button .pp-button:focus-visible {
	outline: 2px solid var(--text-link);
}
.navigation-section .navigation-card .pp-infobox .pp-infobox-button .pp-button .pp-button-icon-left {
	margin-right: 0;
}
*/
/* Navigation section image (3 infobokse med billede) */
@media(max-width:768px){
	.navigation-card .pp-infobox-wrap .pp-infobox-description .pp-infobox-button.pp-button-wrap {
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
	}
}
@media(min-width:769px){

}
.info-card-image .info-card-img .fl-photo-crop-panorama img {
	aspect-ratio: unset;
}
.info-card-image .info-card-img img {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border: 1px solid var(--stroke-default);
	border-bottom: 0;
	object-fit: cover;
	aspect-ratio: 4/3;
}
.info-card-image .navigation-card .pp-infobox {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-top: 0;
}
.navigation-card .pp-infobox-wrap .pp-infobox-description {
	position: relative;
	height: 100%;
	padding-bottom: 70px;
}
.navigation-card .pp-infobox-wrap .pp-infobox-description .pp-infobox-button.pp-button-wrap {
	position: absolute;
	bottom: 0;
}

/* Info navigation section (tabs on frontpage) manuel lavet */
.info-navigation .pp-infobox {
	background-color: var(--suface-primary);
	border: 1px solid var(--stroke-default);
	border-radius: var(--Radius-rounded);
	margin-bottom: 20px;
}
.info-navigation .fl-col-bg-photo {
	margin-bottom: 20px;
}
.info-navigation .fl-col-bg-photo .fl-col-content.fl-node-content {
	border-radius: var(--Radius-rounded);
}
.info-navigation .pp-infobox .pp-infobox-button {
	margin-top: 20px;
}
.info-nav-gallery,
.info-nav-gallery * {
	height: 100%;
}
.info-nav-gallery .pp-carousel-image-container figure.use-as-background .swiper-slide-image {
	height: calc(100% - 40px);
}

/* Info navigation section (tabs on frontpage) Tab-module */
.info-nav-module .pp-tabs.pp-tabs-vertical {
	display: flex;
	flex-direction: row-reverse;
}
.info-nav-module .pp-tabs.pp-tabs-vertical .pp-tabs-labels,
.info-nav-module .pp-tabs.pp-tabs-vertical .pp-tabs-panels {
	flex: 0 0 50%;
}
.info-nav-module .pp-tabs.pp-tabs-vertical .pp-tabs-panels .pp-tabs-panel-content {
	aspect-ratio: 4/3;
}
.info-nav-module .pp-tabs.pp-tabs-vertical .pp-tabs-panels .pp-tabs-panel-content div[itemprop=image] {
	height: 100%;
}
.info-nav-module .pp-tabs.pp-tabs-vertical .pp-tabs-panels .pp-tabs-panel-content div[itemprop=image] img {
	height: 100%;
	object-fit: cover;
}

.info-nav-module .pp-tabs.pp-tabs-vertical .pp-tabs-labels {
	padding-left: 40px;
}
.info-nav-module .pp-tabs.pp-tabs-vertical .pp-tabs-labels .pp-tabs-label,
.info-nav-module .pp-tabs.pp-tabs-vertical .pp-tabs-labels .pp-tabs-label.pp-tab-active {
	border: 1px solid var(--stroke-default);
	border-radius: var(--Radius-rounded);
	background-color: var(--suface-primary);
	margin-bottom: 20px;
	padding: 20px;
}
.info-nav-module .pp-tabs.pp-tabs-vertical .pp-tabs-labels .pp-tabs-label:focus .pp-tab-label-inner {
	outline: 0;
}
.info-nav-module .pp-tabs.pp-tabs-vertical .pp-tabs-labels .pp-tabs-label.pp-tab-active .pp-tab-description {
	opacity: 1;
	transform: translateY(0%);
	
}
.info-nav-module .pp-tabs.pp-tabs-vertical .pp-tabs-labels .pp-tabs-label .pp-tab-description {
	opacity: 0;
	transform: translateY(100%);
}

/* Link list */
.link-list ul {
	list-style-type: none;
	padding-left: 0;
}
.link-list ul li {
	margin-bottom: 15px;
}
.link-list ul li a:hover {
	text-decoration: underline;
}

/* seo list */
.seo-list .fl-module-pp-content-grid .pp-content-posts .pp-content-post-grid {
	column-count: 3;
	column-width: auto;
}
.seo-list .fl-module-pp-content-grid .pp-content-posts .pp-content-post {
	margin-bottom: 15px;
}

/* SEARCH AGENT */
#search-agent-form .search-agent .gform_fields {
	row-gap: 20px;
}
.search-agent-form .gform_fields .ginput_container input,
.search-agent-form .gform_fields .ginput_container textarea,
.search-agent-form .gform_fields .select2  {
	border: 1px solid var(--stroke-default);
	border-radius: var(--Radius-rounded);
}
.search-agent-form .gform_fields .select2 .select2-selection {
	border: none;
	padding-bottom: 0;
}
.search-agent-form .gform_fields .select2 .select2-selection textarea {
	margin-top: 0;
	padding-top: 8px;
	padding-left: 5px;
	height: 36px;
}
.search-agent-form .gform_fields .select2 .select2-selection textarea[placeholder] {
	color: #ccc;
	font-size: 14px;
}
#search-agent-form .gform_fields .select2 .select2-selection > button {
	top: 3px;
	right: 3px;
	width: 20px;
	height: 20px;
	background-color: var(--suface-primary);
	border: 1px solid var(--stroke-default);
	border-radius: var(--Radius-rounded-full);
}
#search-agent-form .gform_fields .select2 .select2-selection > button {
	color: var(--text-brand-dark);
}
.search-agent-form #select2-city-select-container .select2-selection__choice {
	background-color: var(--button-primary-default);
}
.search-agent-form #select2-city-select-container .select2-selection__choice button {
	width: 20px;
	height: 20px;
	top: 50%;
	transform: translateY(-50%);
	border-radius: var(--Radius-rounded-full);
	background-color: var(--suface-primary);
	border: 1px solid var(--stroke-default);
}
.search-agent-form #select2-city-select-container .select2-selection__choice button span {
	color: var(--text-brand-dark);
}

.select2-container .select2-dropdown {
	top:32px;
}
#select2-city-select-results .select2-results__option.select2-results__option--highlighted {
	background-color: var(--background-brand);
	color: var(--text-brand-dark);
}

#select2-city-select-container .select2-selection__choice {
	padding-right: 30px;
}
#select2-city-select-container .select2-selection__choice__remove {
	right: 0;
	width: 10px;
	top: 0;
	left: unset;
	padding: 0;
	block-size: 20px;
	min-block-size: 20px;
}
#select2-city-select-container .select2-selection__choice__remove span {
	--gf-local-min-height: 20px;
}

#search-agent-form .noUi-target.noUi-horizontal {
	background: #FAFAFA;
	border-radius: 4px;
	border: 1px solid #D3D3D3;
	box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
#search-agent-form .noUi-handle .noUi-tooltip {
	font-size: 13px;
	padding: 5px;
	line-height: 1;
	color: var(--text-primary-dark);
}

#search-agent-form .gform-footer input.gform_button.button {
	background-color: var(--button-secondary-default);
	font: var(--body-size-small);
	color: var(--text-secondary);
	padding: 8px 24px;
	border-radius: 4px;
	/* box-shadow: 0px 0px 0px 1px var(--button-drop-shaddow-1), 0px 1px 2px var(--button-drop-shaddow-2), 0px 0.75px 0px var(--button-inner-shaddow);*/
	border: none;
	transition: background-color 0.3s ease-in;
}
#search-agent-form .gform-footer input.gform_button.button:hover {
	background-color: var(--button-secondary-hover);
}