/*
Theme Name: IAM
Theme URI: https://interaktivmedia.se
Author: Anders Jonasson
Author URI: https://interaktivmedia.se
Description: Ett tema från InteraktivMedia - Den Småländska Webbyrån AB
Text Domain: iam
Version: 1.0
*/


body, main{
	overflow-x: hidden;
	-webkit-appearance: none;
	max-width:100%;
	margin:0 !important;
	padding:0 !important;
}


@media only screen and (max-width: 991px){
	
	h1{
		font-size:1.953rem !important;
		line-height:1.4 !important;
	}
	h2{
		font-size:1.75rem !important;
		line-height:1.4 !important;
	}
	h3,h4,h4,h6{
		padding-top:20px;
		margin-top:0 !important;
	}
	p.has-large-font-size{
		font-size: 1.125rem !important;
	}
	.wp-block-cover{
		min-height:250px !important;
	}
	.wp-block-cover h1{
		margin-top:60px !important;
	}
	
}


@media only screen and (max-width: 991px){
	.wp-block-heading.has-x-large-font-size,
	.wp-block-heading.has-x-large-font-size strong{
		font-size:1.953rem !important;
		line-height:1.4 !important;
	}
	.wp-block-heading.has-large-font-size{
		font-size:150% !important;
	}
}


@media only screen and (max-width: 991px){
	
	/* Brytpunkt för kolumner */
	main .wp-block-columns{
		display:block !important;
	}
	
	main .wp-block-columns{
		margin:0 !important;
		padding:20px !important;
		padding-bottom:0 !important;
	}
	
	/* Distanselement i mobilt läge */
	main .wp-block-spacer:not(.wp-block-spacer.keep-space){
		max-height:20px;
	}
	
	/* Brytpunkt för kolumner på startsidan */
	main .wp-block-columns.start-page-columns{
		padding:0 !important;
		padding-top:30px !important;
	}
	/* Första två kolumnerna på startsidan (våra fastigheter, Lediga bostäder) */
	main .wp-block-columns.start-page-columns .wp-block-column:nth-child(-n+2){
		width:50% !important;
		max-width:50% !important;
		float:left !important;
	}
	/* Tredje kolumen Serviceanmälan */
	main .wp-block-columns.start-page-columns .wp-block-column:nth-child(3){
		clear:both !important;
	}
	
	main .wp-block-columns.start-page-columns .wp-block-column .wp-block-cover{
		min-height:267px !important;
	}
	
	main .wp-block-columns.start-page-columns .wp-block-column:nth-child(3) .wp-block-cover{
		clear:both !important;
		padding-top:10px !important;
		padding-bottom:10px !important;
	}
	
	main .wp-block-columns.start-page-columns:nth-child(-n+2) .wp-block-spacer:not(.wp-block-spacer.keep-space){
		height:0 !important;
	}
}

/* Länkyta */
.linkarea{
	cursor:pointer;
}
.linkarea a{
	text-decoration:none;
}
/* Ändrar opacitet på bakgrundsfärgen */
.linkarea .wp-block-cover .wp-block-cover__background{
	transition: all 0.2s ease-in-out 0s;
}
.linkarea:hover .wp-block-cover .wp-block-cover__background{
	opacity:1;
}
/* *Ändrar opacitet på bakgrundsbilden */
/*
.linkarea .wp-block-cover .wp-block-cover__image-background{
	opacity:1;
	transition: all 0.2s ease-in-out 0s;
}
.linkarea:hover .wp-block-cover .wp-block-cover__image-background{
	opacity:0;
}
*/


/* Dessa värden ska vara samma som i theme.json (måste vara med) */
.entry-content > * {
    max-width: 650px;
	margin: auto;
}
.entry-content > .alignwide {
    max-width: 1250px;
}
.entry-content > .alignfull {
    max-width: none;
}
.entry-content > .alignleft {
    float: left;
    margin-right: 2em;
}
.entry-content > .alignright {
    float: right;
    margin-right: 2em;
}


/* Knappar */
.wp-block-button a{
	transition: all 0.2s ease-in-out 0s !important;
}
.wp-block-button a{
	border:solid 1px transparent;
}
.wp-block-button a:hover{
	background-color:rgba(255, 255, 255, 0.2) !important;
	border:solid 1px #000;
	color:#000;
}


/* Text/bild block */
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{
	padding-left:0;
}
.wp-block-media-text.has-media-on-the-left .wp-block-media-text__content{
	padding-right:0;
}


/* Sidfot */
footer{
	margin-top:0;
}

	



@media only screen and (max-width: 1200px){
	
	footer .wp-block-column{
		flex-basis:auto !important;
	}
	
}


/* Toppmeny*/
#topmenu{
	/*box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;*/
}

#topmenu.topmenu-closed #topmenuContent{
	text-align:center;
}
#topmenu.topmenu-closed #topmenuContent ul li.current_page_item,
#topmenu.topmenu-closed #topmenuContent ul li.current_page_parent{
	background-color:#e5f9f9;
}

#topmenu #topmenuBtns .fa.fa-bars{
	text-align:right;
}

/* Döljer utfälld meny */
#topmenu #topmenuContent ul.children{
	display:none !important;
}
#topmenu.topmenu-closed ul li.page_item_has_children a::after{
	display:none !important;
}

/*
Utfälld undermeny

#topmenu.topmenu-closed #topmenuContent ul.children > li.current_page_item{
	border-bottom:none;
	margin-bottom:0;
}
#topmenu.topmenu-closed #topmenuContent ul.children > li.current_page_item a:before{
	content: ' \f0da  ';
	font: var(--fa-font-solid);
}
#topmenu.topmenu-closed #topmenuContent ul.children li a{
	padding-top:5px;
	padding-bottom:5px;
}
*/

#topmenu.topmenu-closed #topmenuContent ul li a{
	transition: all 0.5s ease 0s;
	text-decoration:none;
	padding-top:53px;
	padding-left:10px;
	padding-right:10px;
}

#logotyp{
	position:absolute;
	z-index:1000;
	padding-top:15px;
	padding-left:15px;
	margin-bottom:0px;
}
@media only screen and (max-width: 1250px){
	#logotyp{
		padding-top:20px;
	}
	#logotyp img{
		height:40px !important;
		width:auto !important;
	}
	#topmenu.topmenu-closed #topmenuContent ul li a{
		padding-top:30px;
		padding-left:10px;
		padding-right:10px;
	}
}
@media only screen and (max-width: 1024px){
	#logotyp{
		padding-top:10px;
		padding-left:10px;
	}
	#logotyp img{
		height:30px !important;
	}
}


/* Tar bort parallax för mobil */
/*
@media only screen and (max-width: 781px){
	.has-parallax{
		  background-attachment: scroll !important;
	}
}
*/


.clear{
	clear:both;
}
.hidden{
	display:none;
}

/* Fastighet */
.sortering{
	text-align:center;
}
.sortering span{
	display:inline-block;
	padding:0 3px;
	text-decoration:underline;
	cursor:pointer;
}
.sortering span.vald{
	color:#00cccc;
}
.fastigheter{}
.fastigheter .fastighet{
	display:inline-block;
	transition: box-shadow 0.3s ease-in-out;
	-webkit-box-shadow: 0px 2px 64px -51px rgba(0,0,0,0.9);
	-moz-box-shadow: 0px 2px 64px -51px rgba(0,0,0,0.9);
	box-shadow: 0px 2px 64px -51px rgba(0,0,0,0.9);
	width:calc(33% - 30px);
	margin:0 15px 30px 15px;
}
.fastigheter .fastighet.linkarea:hover .wp-block-cover .wp-block-cover__background{
	opacity:0.1;
}
.fastigheter .fastighet.linkarea:hover a{
	color:#008888;
}
.fastigheter .fastighet h2{
	margin-bottom:15px;
}
.fastigheter .fastighet p.ort:before{
	content:" ";
}
.fastigheter .fastighet p.adress{
	display:inline;
}
.fastigheter .fastighet p.ort{
	display:inline;
}
@media only screen and (max-width: 991px){
	.fastigheter .fastighet{
		width:calc(50% - 32px);
	}
}
@media only screen and (max-width: 768px){
	.fastigheter .fastighet{
		width:calc(100%);
		margin:0 0 30px 0;
	}
}

/* formulär */
.wpforms-container input,
.wpforms-container textarea,
.wpforms-container select{
	min-width:100% !important;
}