/*
=========================================================
FORM OBJECTS CSS
=========================================================
 * Innehåller kundanpassad styling av formulär,
 * inmatningsfält, knappar et.c.
 * 
 * Copyright (C) Limepark AB.
 * https://limepark.se/licensvillkor
=========================================================*/


/*
---------------------------------------------------------
INMATNINGSFÄLT - Standardinställningar
--------------------------------------------------------- */

.pagecontent input[type=text],
.pagecontent input[type=email],
.pagecontent input[type=url],
.pagecontent input[type=tel],
.pagecontent input[type=number],
.pagecontent input[type=password],
.pagecontent textarea,
.pagecontent select {
  box-sizing: border-box;
}

.pagecontent input[type=text],
.pagecontent input[type=email],
.pagecontent input[type=url],
.pagecontent input[type=tel],
.pagecontent input[type=number],
.pagecontent input[type=password],
.pagecontent textarea {
  -webkit-appearance: none;
}

.pagecontent input[type=text]:focus,
.pagecontent input[type=email]:focus,
.pagecontent input[type=url]:focus,
.pagecontent input[type=tel]:focus,
.pagecontent input[type=number]:focus,
.pagecontent input[type=password]:focus,
.pagecontent textarea:focus,
.pagecontent select:focus {
  outline: none;
}


/* Reset på SiteVision's inline style */
.sv-defaultFormTheme input[type=text],
.sv-defaultFormTheme input[type=email],
.sv-defaultFormTheme input[type=url],
.sv-defaultFormTheme input[type=tel],
.sv-defaultFormTheme input[type=number],
.sv-defaultFormTheme input[type=password],
.sv-defaultFormTheme textarea,
.sv-defaultFormTheme select {
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  height: auto;
  -webkit-transition: none;
  transition: none;
}

.sv-defaultFormTheme input[type=text]:focus,
.sv-defaultFormTheme input[type=email]:focus,
.sv-defaultFormTheme input[type=url]:focus,
.sv-defaultFormTheme input[type=tel]:focus,
.sv-defaultFormTheme input[type=number]:focus,
.sv-defaultFormTheme input[type=password]:focus,
.sv-defaultFormTheme textarea:focus,
.sv-defaultFormTheme select:focus {
  box-shadow: none;
  outline-style: none;
}


/*
---------------------------------------------------------
KNAPPAR - Standardinställningar
--------------------------------------------------------- */

.pagecontent button,
.pagecontent input[type='button'],
.pagecontent input[type='submit'],
.pagecontent input[type='reset'] {
  border-radius: 0;
  box-sizing: border-box;
  cursor: pointer;
}

.pagecontent button:hover,
.pagecontent input[type='button']:hover,
.pagecontent input[type='submit']:hover,
.pagecontent input[type='reset']:hover,
.pagecontent button:focus,
.pagecontent input[type='button']:focus,
.pagecontent input[type='submit']:focus,
.pagecontent input[type='reset']:focus {
  outline: none;
}


/* Reset på SiteVision's inline style */
.sv-defaultFormTheme input[type=button]:active,
.sv-defaultFormTheme input[type=submit]:active,
.sv-defaultFormTheme input[type=reset]:active {
  box-shadow: none;
}


/* Fix för att ta bort plattformspecifik styling */
button,
input[type='button'],
input[type='submit'],
input[type='reset'],
.sv-defaultFormTheme input[type=button],
.sv-defaultFormTheme input[type=submit],
.sv-defaultFormTheme input[type=reset] {
  -webkit-appearance: none;
}

input[type='submit']::-moz-focus-inner,
.sv-defaultFormTheme input[type=submit]::-moz-focus-inner {
  border: 0; /* fix för felaktig höjd i Firefox */
}

button::-moz-focus-inner,
.sv-defaultFormTheme input[type=button]::-moz-focus-inner {
  border: 0;
  padding: 0;
}


/*
---------------------------------------------------------
FÄRGTEMA
--------------------------------------------------------- */

/* Inputfält */
.pagecontent input[type=text],
.pagecontent input[type=email],
.pagecontent input[type=url],
.pagecontent input[type=tel],
.pagecontent input[type=number],
.pagecontent input[type=password],
.pagecontent textarea,
.pagecontent select {
  background-color: #fff;
  border: 1px solid #333;
  border-radius: 8px;
  color: #404040;
  padding: 1.0rem 1.2rem;
}


/* Knappar */
.pagecontent button,
.pagecontent input[type='button'],
.pagecontent input[type='submit'],
.pagecontent input[type='reset'] {
  background-color: #fff;
  border: 1px solid #333;
  border-radius: 8px;
  color: #231f1d;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.5;
  padding: 1.0rem 2.0rem;
}

.pagecontent button:hover,
.pagecontent input[type='button']:hover,
.pagecontent input[type='submit']:hover,
.pagecontent input[type='reset']:hover,
.pagecontent button:focus,
.pagecontent input[type='button']:focus,
.pagecontent input[type='submit']:focus,
.pagecontent input[type='reset']:focus {
  background-color: #e7e7e7;
}

/*
---------------------------------------------------------
FIXAR FÖR ENVISION
--------------------------------------------------------- */

/* Knappar */

.env-button {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.env-button.env-button--small {
  padding: 0.4rem 0.8rem;
}

.env-button.env-button--link {
  text-decoration: underline;
}

.env-button--link:active,
.env-button--link:hover {
  text-decoration: none;
}

.env-button:focus,
.env-button--primary:focus {
  box-shadow: none;
  outline: 3px solid #000;
  text-decoration: underline;
}

/*
---------------------------------------------------------
FORMULÄRAVSKILJARE
--------------------------------------------------------- */

/* Formulärlinje */

img[src*="formularlinje.png"] {
    width: 100%;
    height: 1em;
}