/*
=========================================================
CONTACT SEARCH CSS
=========================================================
 * Innehåller styling för kontaktsök och filtrering
 *
 * Copyright (C) Limepark AB.
=========================================================*/

/*
---------------------------------------------------------
FILTERKNAPP
---------------------------------------------------------*/

button.lp-show-search-form,
button.lp-hide-search-form {
	display: none;
}


/*
---------------------------------------------------------
KONTAKTSÖK
---------------------------------------------------------*/

  .lp-search-form .env-form,
.env-form-input.lp-formfield {
	font-family: 'publik','helvetica',sans-serif;
}

.env-form-element__label {
	text-transform: uppercase;
	font-size: 1.3rem;
	
}

.lp-search-form {
    margin-bottom: 4.5rem;
}

.lp-search-form .env-form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin: 0 -1.5rem;
}

.lp-search-form .env-form  > div {
	width: calc(20% - 3rem);
	margin: 0.5rem 1.5rem;
	min-width: 200px;
   flex: 1 1 auto;
	max-width: 240px;
}

.lp-search-form .env-form select:not([multiple]) {
    height: 52px;
}

/*
---------------------------------------------------------
KONTAKTLISTA
---------------------------------------------------------*/

.lp-contact-list ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	margin: 0 -1.5rem 3rem;
}

.lp-contact-list ul li {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin-bottom: 3rem;
	background-color:#fff;
	width: calc(25% - 3rem);
	margin: 0 1.5rem 3rem;
}

.lp-contact-list ul li img {
	width: 100%;
}

.lp-contact-list ul li .lp-contact-card-content {
	padding: 2rem 3rem 3rem;
}

.lp-contact-list ul li h2.subheading {
	font-size: 1.8rem;
	font-weight: bold;
	margin:0 0 1rem;
}

.lp-contact-list ul li .lp-hit-data {
	font-size: 1.4rem;
	display: block;
	margin-bottom: 0.8rem;
}


.lp-contact-list ul li .lp-hit-data.lp-contact-card-title {
	text-transform: uppercase;
	font-size: 1.3rem;
}

.lp-contact-list ul li .lp-hit-data.lp-contact-card-organisation {
}

.lp-contact-list ul li .lp-hit-data.lp-contact-card-city {
}

.lp-contact-list ul li .lp-hit-data.lp-contact-card-genre{
}

.lp-contact-list ul li .lp-hit-data > span:after {
	content:",";
	margin-right: 0.3em;
	display: inline-block;
}

.lp-contact-list ul li .lp-hit-data > span:last-child:after {
	display: none;
}

.lp-contact-list ul li a {
	font-size: 1.6rem;
	display: block;
	color:#1e69aa;
}