/* VATTENMYNDIGHTERNA HEADER CSS - By: Consid AB --------------------*/


/* LOGOTYPE START ------------------------------------------------- */

.vm-logotype__image {
	height: 64px;
	width: 250px;
	padding: 1.3em 0 0;
}

/* LOGOTYPE END --------------------------------------------------- */



.vm-listen-icon{
	background-image: url('/images/18.462d60ec167c69393b94a27/1545399853890/lyssna.svg');
	background-position: center left;
	background-repeat: no-repeat;
	background-size: 1.2em 1.2em;
	padding: 0.8em 0 0.9em 1.6em;
	position: relative;
	text-align: right;
}


/* SEARCHFIELD START ---------------------------------------------- */

.vm-search__field--div {
   margin-top: 0px;
   position: relative;
   height: 6em;
   -webkit-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
   transform-style: preserve-3d;
}

.vm-search__box:focus,
.vm-search__btn:focus{
   outline: none;
}

.vm-search__box.tab-focus, .vm-search__btn.tab-focus {
   /*outline: 2px solid #EA7600;*/
   outline: 2px solid black;
   outline-offset: -2px;
}

.vm-search__box--left {
   left: 0;
}

.vm-search__btn--left {
   left: 18.5em;
}

.vm-search__box {
   min-height: 2em;
   padding: 0.3em 5em 0.3em 0.9em;
   border-radius: 1.56em;
   border: 1px solid #cccccc !important;
   max-width: 14em;
   position: absolute;
   /*right: 0; */
   top: 50%;
   -webkit-transform: translate(0, -50%) perspective(1px);
   -ms-transform: translate(0, -50%) perspective(1px);
   transform: translate(0, -50%) perspective(1px);
   right: 0;
}

.vm-search__btn {
   position: absolute;
   width: 5em;
   padding: .65em .65em .59em 2em;
   border: 1px solid #cccccc;
   border-radius: 1.56em;
   background-color: #eeeeee;
   font-size: 1em;
   background-image:url('/images/18.462d60ec167c69393b945e4/1545393990882/search.svg');
   background-repeat:no-repeat;
   background-size: 0.45em;
   background-size: 1.2em;
   background-position: left 0.6em center;
   top: 50%;
   -webkit-transform: translate(0, -50%) perspective(1px);
   -ms-transform: translate(0, -50%) perspective(1px);
   transform: translate(0, -50%) perspective(1px);
   right: 0;
}

.vm-search__btn:hover {
   background-color: #ccc;
}

@media (max-width:430px) {
   .vm-search__box.vm-search__box--left {
      width: calc(100% - 108px);
   }

   .vm-search__btn--left {
      left: auto;
   }
}


/* Focus on search-input -start */
.vm-search__box:focus:hover {
   box-shadow: none;
}
.vm-search__box:focus {
   outline: none;
   /*box-shadow: 0 0 0 1px #EA7600;*/
   box-shadow: 0 0 0 1px black;
   border-radius: 1.25rem;
}
.vm-search__btn:focus:hover {
   box-shadow: none;
}
.vm-search__btn:focus {
   outline: none;
   /*box-shadow: 0 0 0 1px #EA7600;*/
   box-shadow: 0 0 0 1px black;
   border-radius: 1.25rem; 
}
/* Focus on search-input -end */



/* SEARCHFIELD END ----------------------------------------------- */