/* LEDIG OBJEKT CSS START */


.information-text h1 {
	font-size: 32px;
  letter-spacing: -0.02em;
  padding-right: 40px;
}


p {line-height: 1.4em;}

h3 {font-weight: 600; font-size: 16px;}


p.object-name {
	font-size: 20px;
	font-weight: 700;
	margin: 0;
	margin-bottom: 20px;
	font-family: 'Manrope', sans-serif;
}

p.object-place {
	font-size: 18px;
	margin: 0;
}

p.object-kommun {
	font-size: 12px;
	margin: 0;
}


.bildspel img {
  width: 100%;
   padding: 10px;
}
	
.thumbnail img:nth-of-type(3n+3) {
   margin-right: 0;
}

#gallery ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.gallery_isnp ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: 16.667%;
	margin-top: -10vh;
}

.gallery_isnp {
	
}


.move_up_ten {
	margin-top: -10%;
}

#gallery {
    
	padding-bottom: 40px;
	padding-top: 20px;
	
}

#gallery h4 {
	font-size: 24px;
	font-weight: 700;
	letter-spacing: -1px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 0px;
}

#gallery p {
	text-align: center;
}


.bildspel img {
  width: 100%;
   padding: 10px;
}

.bildspel {position: relative;float: left;overflow: hidden;}

.thumbnail img:nth-of-type(3n+3) {
   margin-right: 0;
}





/* LEDIG OBJEKT  CSS END */


.distance {
    width: 170px;
    height: 100px;
    right: 20px;
    background: var(--himmelspastell);
    text-align: center;
    top: 180px;
    font-size: 12px;
    float: right;
    margin-right: 20px;
} 


.distance p {
	margin: 0;
}

p.distance-from {font-size: 10px; margin-top: 20px;}

p.distance-value {font-size: 22px; font-weight: 700;}

.distance-type {font-size: 8px;}

.to-the-map {

  background-color: rgb(245, 187, 0);
  position: absolute;
 border-radius: 40px;
    margin-top: 10px;
    left: 33px;
  width: 96px;
  height: 25px;
  z-index: 24;
  line-height: 22px;

}

.to-the-map a {
	text-decoration: none;
	color: #161616;
}

.info-circle {
	background: var(--djup-gran);
	height: 95px;
	width: 95px;
	position: relative;
	float: left;
    margin-right: 20px;
    border-radius: 50%;
    text-align: center;
    color: var(--isvit);
}

.data-circle-content {
	height: 95px;
	width: 95px;
	z-index: 2;
	position: absolute;
}

p.object-amount {
	font-size: 36px;
	letter-spacing: -2px;
	margin: 0;
	font-weight: 700;
	margin-top: 9px;
}

p.circ-text {
	font-size: 15px;
	margin: 0;
	position: relative;
    top: 14px;
}

.rent {
	position: relative;

}

.rent ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.rent ul li {
	width: 160px;
	display: inline-block;
	margin-right: 20px;
}

.rent ul li p {
	margin: 0;
	padding: 0;
	font-size: 14px;
}

.top-data {
	margin-top: 20px;
}

.information-text {
	float: left;
	width: 100%;
}

.information-text h1 {

	margin: 0;
    margin-top: 40px;
    margin-bottom: 0;
 
    
    }
    
    .information-text h2 {

	margin: 0;
    margin-top: 5px;
    margin-bottom: 0;
    font-weight: 600;
    
    }
    
    img.object-img {
	    width: 100% !important;
	    height: auto !important;
    }
    
   #intresse-anmalan {display: none;
	   background: var(--mild-gran);
	   padding-top: 40px;
	   padding-bottom: 40px;
   } 
   
 #intresse-anmalan h2 {
	 color: var(--isvit);
	 text-align: center;
 }  
    
.ingress-text {
	padding-right: 20px;
}

.icon_more .icon {
	position: relative;
	top: 6px;
	margin-right: 10px;
	color: var(--mild-gran);
}

.intress-relative {
    width: 100%;
    margin-top: 20px;
    position: relative;
    margin-bottom: 40px;
}
    
button.intress {
    border-radius: 20px;
    background-color: transparent;
    width: 160px;
    height: 40px;
    z-index: 60;
    border: 1px;
    border-style: solid;
    border-color: #fff; 
}

button.intress-rel {
    border-radius: 20px;
    
    background-color: transparent;
    width: 200px;
    height: 40px;
    z-index: 60;
   border-color:var(--djup-gran);
   border-style: solid;
   border-width: 2px;
   transform-origin: center;
   
 
}





 
 button.intress-rel a {
	 color: var(--djup-gran);
	 text-decoration: none;
	 font-weight: 600;
	 font-size: 16px;
	 line-height: 40px;
	 position: relative;
	 top: -5px;
 }

 .icon_intresse .icon {
	 position: relative;
	 margin-right: 10px;
	 top: 8px;
 }


#more-information {
	background: var(--ljus-gra);
	padding-top: 40px;
	padding-bottom: 40px;
}



.padding-the-div {
	padding-left: 40px;
	padding-right: 40px;
}

.linje {
  border-width: 1px;
  border-color: var(--mild-gran);
  border-style: dotted;
  height: 1px;
  opacity: .5;
  display: block;
}


.acf-map {
    width: 100%;
    height: 70vh;
    /* border: #ccc solid 1px; */
    /* margin: 20px 0; */
}


.acf-map img {
   max-width: inherit !important;
}
	
	
.nf-response-msg {
    position: fixed;
    height: 100vh;
    background: rgba(0, 0, 0, 0.8);
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 99999999;
}

.center-all {
	height: 100%;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    -moz-align-items: center;
    -moz-justify-content: center;
    -ms-align-items: center;
    -ms-justify-content: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


p.sucsess-text-new {
	height: 100%;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    -moz-align-items: center;
    -moz-justify-content: center;
    -ms-align-items: center;
    -ms-justify-content: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    color: #fff;
    letter-spacing: -1px;
    margin-top: 40vh;

}

.nf-form-title {display: none !important;}

.thumb_captation  {
	
	position: absolute;
	top: 7px;
	left: 7px;
	z-index: 5;

	padding: 5px;
}


.thumb_captation p {
	color: var(--isvit);
}


	strong {font-weight: 700;}
	
picture.scale {
	width: 100%;
}

picture.scale img{
	width: 100%;
}	

.big-margin-bottom {margin-bottom: 80px;}

.listing {
	background: #efefef;
	padding-top: 40px;
	padding-bottom: 40px;
}

@media only screen and (max-width: 768px) {

.rent {
	position: relative;
	left: 40px;
	top: 0px;
}

}


/* --- Bildgalleri info-hover --- */

.thumb_captation {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
}

.thumb_captation .info-icon {
  background: var(--mild-gran);
  color: #fff;
  font-family: sans-serif;
  font-weight: bold;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

.thumb_captation .info-icon:hover {
  background: rgba(0,0,0,0.8);
}

.thumb_captation .caption-text {
  display: none;
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.7);
  padding: 20px;
  text-align: center;
  font-size: 14px;
  line-height: 1.4;
  z-index: 9;
  border-radius: 4px;
  padding: 40px;
}

.thumb_captation:hover .caption-text {
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}