/*
Theme Name: Nylundgard 2026
Description: Redesign salgsstart 2026
Version: 3.0
Author: Markus Zeeh
Author URI: http://zeeh.no/
*/

	
/*************
****color*****
************** 


*************/

	
/*******************
**** CSS RESET *****
*******************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}


	
/* remember to define focus styles! */
:focus {
	outline:0;
}

body {
	color:black;
	background:white;
	position: relative;
	margin-bottom: 64px;
	font-family: 'Open Sans', sans-serif;
}

ol,ul {
	list-style:none;
}


	
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:separate;
	border-spacing:0;
}

caption,th,td {

	
/*text-align: left;*/
	font-weight:normal;
}

blockquote:before,blockquote:after,q:before,q:after {
	content:"";
}

blockquote,q {
	quotes:;
}

figure{
	margin-block-start: 0 !important;
	margin-block-end: 0 !important;
	margin-inline-start: 0 !important;
	margin-inline-end: 0 !important;
}

strong{
	font-weight: 600;
}

.clear {
	clear:both;
	line-height:0;
	font-size:1px;
	height:0;
}

	
/******************
**** Generell *****
******************/
body{
	font-family: 'DM Serif Display', serif ;
}





/**************
**** FONTS ****
**************/


/**************
**** COLOR ****
**************/


.has-sand-background-color{
	background: #F9F4E3;
	padding: 10vh 5vh;
}



/***************
**** HEADER ****
***************/
#Header{
	padding: 0 0 0 0;
	top:0;
	width: 100%;
	min-height: 1px;
	background: #314150;
	z-index: 9999;
	text-align: center;
}

	.admin-bar #Header{
		top: 32px;
	}

	#Header .Logo{
		width: auto;
		height: 50px;
		padding: 20px;
		margin: 0 auto;
	}




/****************
**** CONTENT ****
****************/

#Content{
	line-height: 0px;
}	
#Content p{
	font-size: 16px;
	line-height: 30px;
	padding-bottom: 16px;
}	
	

.wp-block-media-text__media{
	width: 100%;
}
.wp-block-media-text__content{
	padding: 0 !important;
	width: 120%;
}	

	.wp-block-media-text .wp-block-media-text__content{
		position: relative;
		left: -20% !important;	
	}
	
	.wp-block-media-text .wp-block-media-text__content h2{
		margin-top: 0;
	}
	
	.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{
		position: relative;
		left: 0 !important;	
	}

	@media (max-width: 800px)  { 
		.wp-block-media-text__content{
			padding: 0 !important;
			width: 100%;
		}	
		
		.wp-block-media-text .wp-block-media-text__content{
			position: relative;
			left: 0% !important;	
		}
		
	}


a.wp-block-button__link{
	font-family: 'Open Sans', sans-serif;
	padding: 20px 50px !important;
}
	a.wp-block-button__link:hover,
	a.wp-block-button__link:focus{
		opacity: 0.8;
		transition: all 0.3s;
	}


	@media (max-width: 800px)  { 
		.wp-block-buttons>.wp-block-button.wp-block-button__width-25{
			width: 90% !important;
			margin: 0 5%;
		}
	}



/** boligvelger **/

.single-boenhet #Content{
	padding: padding-top:10vh;padding-right:5vh;padding-bottom:10vh;padding-left:5vh
}


.plantegning{
	
	text-align: center;
}

	.plantegning img{
		max-height: 80vh !important;
		height: auto !important;
		max-width: 80vw !important;
		width: auto !important;
	}
	
	@media (max-width: 800px)  { 
		
	}

.single-boenhet #Content .wp-block-columns{
	align-items: inherit !important;
	max-width: 1200px;
	margin: 10vh auto;
	padding: 0;
	border-top: 1px solid #000;
}
	.single-boenhet #Content .wp-block-columns .wp-block-column{
		align-items: inherit !important;
	}

	@media (max-width: 800px)  { 
		.single-boenhet #Content .wp-block-columns .wp-block-column{
			width: 100% !important;
			padding-bottom: 10vh;
		}
	}

.single-boenhet #Content li{
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	line-height: 30px;
	
}

	.single-boenhet #Content li span{
		font-weight: 700;
	}
	
	
.single-boenhet #Content img.snitttegning{
	width: 100%;
	height: auto;
}
	@media (max-width: 800px)  { 
		.single-boenhet #Content img.snitttegning{
			width: 80vw;
			height: auto;
		}
	}
	
	
.single-boenhet #Content a.Button:link,
.single-boenhet #Content a.Button:visited{
	margin: 2vh 0 0;
	color: #fff;
	background: #32373c;
	padding: 1vh 3vw 1vh 3vw!important;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
	display: block;
}

	.single-boenhet #Content a.Button.Salgstegning{
		margin-top: 6vh;
	}

	.single-boenhet #Content a.Button:hover,
	.single-boenhet #Content a.Button:focus{
		opacity: 0.8;
		transition: all 0.3s;
	}

.single-boenhet #Content .SingleEtage{
	padding-bottom: 50px;
	text-align: center;
}
	
	.single-boenhet #Content .SingleEtage img{
		width: 100% !important;
		height: auto !important;
		margin-bottom: 20px;
	}
	
	.single-boenhet #Content .figcaption{
		
	}
	
	
	

	@media (max-width: 800px)  { 
		
		
	}


.boligvelger{
	max-width: 100vw !important;
	width: auto !important;
	max-height: 90vh !important;
	height: auto !important; 
}


#Content .imp-object-list-item p{
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 16px;
}

	.imp-object-list-item:hover{
		background: #F9F4E3 !important;
		transition: 0.3s all;
	}	
	
	
	.imp-tooltip{
		1background: #F9F4E3 !important;
		color: #000 !important;
	}
	
	.imp-tooltip-content ul,
	.imp-tooltip h3{
		color: #000 !important;
		background: #F9F4E3 !important;
		background-color: #F9F4E3 !important;
	}	
		.imp-tooltip div{
			color: #000 !important;
		}
	
	.imp-detached{
		height: auto !important;
	}
	
	.imp-object-list,
	.imp-object-list .imp-object-list-artboard-container{
		1background-color: #F9F4E3 !important;
	}
	
	.imp-object-list .imp-object-list-artboard-container .imp-object-list-item{
			1display: inline-block;
			1padding-left: 0 !important;
			
		}
		
		.imp-object-list .imp-object-list-artboard-container .imp-object-list-item p{
			font-size: 20px !important;
			line-height: 24px !important;
		}
	
	
	
	body.page-id-335,
	body.parent-pageid-335,
	body.parent-pageid-1593,
	body.parent-pageid-1598,
	body.page-id-335,
	body.page-id-335,
	body.page-id-335,
	body.page-id-335{
		background: #F9F4E3 !important;
	}
	
	
	.wp-block-table table,
	.wp-block-table thead,
	.wp-block-table tr,
	.wp-block-table tbody{
		width: 100% !important;
		border-collapse: collapse;
	}
	
		@media (max-width: 800px)  { 
			.wp-block-table table,
			.wp-block-table thead,
			.wp-block-table tr,
			.wp-block-table tbody{
				1width: 90% !important;
			}
		}
	
	.wp-block-table th,
	.wp-block-table td{
		font-size: 14px !important;
		line-height: 20px !important;
		white-space: nowrap ;
		font-family: 'Open Sans', sans-serif;
		
		text-align: center;
	}
	
		.wp-block-table td{
		}
		
		h3.link{ 
			display: inline-block; 
			cursor: pointer;	
		}
		@media (max-width: 800px)  { 
			font-size: 12px !important;
			white-space: inherit !important;
		}
		
	
		
		.wp-block-table thead{
			border-bottom: 3px solid #314150;
		}
	
		.wp-block-table th,
		.wp-block-table td{
			padding: 4px 10px 6px;
			border: 1px solid #314150;
		}
	
		.wp-block-table tbody tr:hover{
			background: #fff;
		}
/*
.boligvelger .imp-image-backgrounds,
.boligvelger .imp-objects,
.boligvelger .imp-canvas,
.boligvelger .imp-image{
	width: auto !important;
	height: auto !important;
	max-width: 90vw !important;
	1max-height: 80vh !important;
	margin: 0 auto !important;
}

.imp-container{
	text-align: center !important;
}


	*/

/****************
**** SIDEBAR ****
****************/




/***************
**** FOOTER ****
***************/
#MetaMenu{
	width: 96%;
/*
	background: url("images/footer_bg.jpg");
	background-position: center; 
	background-size: cover; 
*/
	color: #656565;
	background: #FCF6F0;
	padding: 00px 2% ;
	text-align: left;
	font-size: 18px;
	position: fixed;
	bottom: 0;
	z-index: 9999999;
}

	#MetaMenu .menu li{
		margin: 5px 0;
		padding: 12px 0;
	}
	
	#MetaMenu .menu li a:link,
	#MetaMenu .menu li a:visited{
		font-family: 'Open Sans', sans-serif;
		font-size: 14px;
		padding: 00px 0 00px;
		line-height: 30px;
	}
	
		#MetaMenu .menu li a:hover,
		#MetaMenu .menu li a:focus{
			font-family: 'Open Sans', sans-serif;
			-webkit-transition: all 0.3s; /* Safari */
			transition: all 0.3s;
		}
		
		#MetaMenu i{
			font-size: 16px;
			margin-right: 10px;
		}
	
#Footer{
	width: 96%;
	position: absolute;
	bottom: 0;
	background: #F5E9DE;
	padding: 12px 2% 10px ;
	text-align: left;
	font-size: 12px;
	z-index: 9;
}

	#Footer p{
		float: right;
		margin: 0;
		font-size: 12px;
		line-height: 14px;
		color: #656565;
	}
	
	#Footer a:link,
	#Footer a:visited{
		font-size: 12px;
		line-height: 14px;
		color: #656565;
		text-decoration: none;
	}
	
	#Footer a:hover,
	#Footer a:focus{
		color: #000;
	}
		
	



/****************************************************************************************************************
************************************************** Mediaquerys **************************************************
**** https://responsivedesign.is/develop/browser-feature-support/media-queries-for-common-device-breakpoints ****
*****************************************************************************************************************/


@media (max-width: 1200px)  { 


}


@media (max-width: 1000px) { 

}

@media (max-width: 800px)  { 
	

}






	
/* ----------- Non-Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
}

/* ----------- Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
}



/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}


/* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}