/*
=========================================================
FORM OBJECTS CSS
=========================================================
 * Innehåller kundanpassad styling av formulär,
 * inmatningsfält, knappar et.c. utanför Envision
 *
 * Copyright (C) Limepark AB.
 * https://limepark.se/licensvillkor
=========================================================*/
/* stylelint-disable no-duplicate-selectors */

/*
---------------------------------------------------------
FIXAR/FÖRBÄTTRINGAR
---------------------------------------------------------*/

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

.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 textarea,
.sv-defaultFormTheme select {
  box-shadow: none;
  height: auto;
  transition: none;
}

.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 textarea {
  -webkit-appearance: none;
}


.sv-defaultFormTheme input[type=button],
.sv-defaultFormTheme input[type=submit],
.sv-defaultFormTheme input[type=reset] {
  border-style: solid; /* sätts för att undvika konstig default i Chrome */
  box-sizing: border-box;

  -webkit-appearance: none;
}


/* Fixar för Envision */
.env-form textarea {
  font-family: inherit;
}

.env-form-radio__fake {
  top: 2px;
}

[type=radio]:checked + label .env-form-radio__fake:before {
  border-color: #6892d5;
  top: 0;
}

[type=checkbox]:checked + label .env-checkbox__fake:after {
  border-bottom: 4px solid #fff;
  border-left: 4px solid #fff;
  height: 0.35em;
  width: 0.6em;
}

.env-form-radio input[type='radio']:focus + .env-form-element__label .env-form-radio__label {
  text-decoration: underline;
}

.env-checkbox input[type='checkbox']:focus + .env-form-element__label .env-checkbox__label {
  text-decoration: underline;
}

/*
---------------------------------------------------------
DEFAULT FORM THEME - INMATNINGSFÄLT
--------------------------------------------------------- */

.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 textarea,
.sv-defaultFormTheme select,
.lp-calendar input[type=text] {
  background-color: #fff;
  border: 1px solid rgba(0,0,0,0.418);
  border-radius: 4px;
  font-size: 1.8rem;
  line-height: 1.6 !important; /* Important skriver över SiteVision's styling */
  padding: 1rem 1.5rem;
}

.sv-defaultFormTheme input[type=text]:hover,
.sv-defaultFormTheme input[type=email]:hover,
.sv-defaultFormTheme input[type=url]:hover,
.sv-defaultFormTheme input[type=tel]:hover,
.sv-defaultFormTheme input[type=number]:hover,
.sv-defaultFormTheme textarea:hover,
.sv-defaultFormTheme select:hover {
  border-color: #333;
}

.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 textarea:focus,
.sv-defaultFormTheme select:focus {
  background: #eee;
  /*samma utseende vid musklick som vid tabbning */
  border-color: #000;
  box-shadow: none;
}


/*
---------------------------------------------------------
DEFAULT FORM THEME - KNAPPAR
--------------------------------------------------------- */

.sv-defaultFormTheme input[type=button],
.sv-defaultFormTheme input[type=submit],
.sv-defaultFormTheme input[type=reset] {
  background: rgba(253, 200, 0, 1);
  border: 1px solid transparent;
  border-radius: 4px;
  color: #222;
  cursor: pointer;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.6;
  min-height: 4.8rem;
  padding: 1rem 1.5rem;
}

.sv-defaultFormTheme input[type=button]:hover,
.sv-defaultFormTheme input[type=submit]:hover,
.sv-defaultFormTheme input[type=reset]:hover,
.sv-defaultFormTheme input[type=button]:active,
.sv-defaultFormTheme input[type=submit]:active,
.sv-defaultFormTheme input[type=reset]:active {
  background-color: rgba(253, 200, 0, 0.6);
  border-color: transparent;
  color: #222;
}

.sv-defaultFormTheme input[type=button]:focus,
.sv-defaultFormTheme input[type=submit]:focus,
.sv-defaultFormTheme input[type=reset]:focus {
  background-color: rgba(230, 146, 10, 1);
  border-color: transparent;
  color: #222;
  outline: none;
}

/*
---------------------------------------------------------
KNAPPMODULEN
--------------------------------------------------------- */

.sv-button-portlet .env-button {
  font-size: 1.4rem;
  font-weight: 600;
  margin-right: 3rem;
  padding: 1rem 4rem;
}

.sv-button-portlet .env-button:not(.env-button--primary):not(.env-button--success):not(.env-button--danger):not(.env-button--invert):not(.env-button--link) {
  border: 1px solid #979797;
}

.sv-button-portlet .env-button:not(.env-button--success):not(.env-button--danger):not(.env-button--invert):not(.env-button--link):hover {
  background: rgba(253,200,0,0.3);
  border: 1px solid #979797;
}

.sv-button-portlet .env-button.env-button--primary:hover {
  border-color: rgba(253,200,0,0.3);
}

.sv-button-portlet .env-button:focus {
  box-shadow: none;
}

.sv-button-portlet .env-button--success,
.sv-button-portlet .env-button--danger,
.sv-button-portlet .env-button--invert,
.sv-button-portlet .env-button--link {
  align-items: center;
  background: transparent;
  border: none;
  border-radius: 0;
  color: #222;
  display: flex;
  font-size: 1.6rem;
  font-weight: normal;
  padding: 0;
  text-decoration: underline;
}

.sv-button-portlet .env-button--success,
.sv-button-portlet .env-button--danger,
.sv-button-portlet .env-button--invert,
.sv-button-portlet .env-button--link {
  position: relative;
}

.sv-button-portlet .env-button--success:before,
.sv-button-portlet .env-button--danger:before,
.sv-button-portlet .env-button--invert:before,
.sv-button-portlet .env-button--link:before {
  background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D\'0%200%2032%2032\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20fill%3D\'%23000\'%3E%3Cpath%20%20d%3D%22M21.75%204c-1.672%200-3.258.66-4.438%201.844l-1.468%201.468A6.252%206.252%200%200%200%2014%2011.75c0%20.793.152%201.566.438%202.281l1.624-1.625A4.285%204.285%200%200%201%2017.25%208.72l1.469-1.469A4.28%204.28%200%200%201%2021.75%206c1.137%200%202.195.445%203%201.25a4.274%204.274%200%200%201%200%206.031l-1.469%201.469A4.28%204.28%200%200%201%2020.25%2016c-.223%200-.441-.023-.656-.063l-1.625%201.626A6.156%206.156%200%200%200%2020.25%2018c1.672%200%203.258-.66%204.438-1.844l1.468-1.468A6.252%206.252%200%200%200%2028%2010.25c0-1.672-.66-3.223-1.844-4.406A6.173%206.173%200%200%200%2021.75%204zm-2.469%207.281l-8%208%201.438%201.438%208-8zM11.75%2014c-1.672%200-3.258.66-4.438%201.844l-1.468%201.469A6.252%206.252%200%200%200%204%2021.75c0%201.672.66%203.223%201.844%204.406A6.173%206.173%200%200%200%2010.25%2028c1.672%200%203.258-.66%204.438-1.844l1.468-1.468A6.252%206.252%200%200%200%2018%2020.25c0-.793-.152-1.566-.438-2.281l-1.625%201.625a4.285%204.285%200%200%201-1.187%203.687l-1.469%201.469A4.28%204.28%200%200%201%2010.25%2026a4.208%204.208%200%200%201-3-1.25%204.274%204.274%200%200%201%200-6.031l1.469-1.469A4.28%204.28%200%200%201%2011.75%2016c.223%200%20.441.023.656.063l1.625-1.625A6.156%206.156%200%200%200%2011.75%2014z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  content: '';
  display: inline-block;
  height: 20px;
  margin-right: 1rem;
  width: 20px;

  flex: 0 0 auto;
}

.sv-edit-mode .sv-button-portlet .env-button--success:after,
.sv-edit-mode .sv-button-portlet .env-button--danger:after,
.sv-edit-mode .sv-button-portlet .env-button--invert:after,
.sv-edit-mode .sv-button-portlet .env-button--link:after {
  background: #eee;
  border: 1px solid #979797;
  border-radius: 4px;
  content: 'Använd ej';
  left: 0;
  padding: 0.5rem 3rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.pagecontent .sv-horizontal .sv-button-portlet .env-button {
  margin-bottom: 3rem;
}

/*
---------------------------------------------------------
FORMULÄR EDIT NEWS
--------------------------------------------------------- */

.lp-editnews-subscribeform legend {
  height: 1px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}

.lp-editnews-subscribeform fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

.lp-editnews-subscribeform fieldset > div {
  margin-bottom: 1rem;
}

/*--- Textfält ---*/

.lp-editnews-subscribeform input[type='text'] {
  background-color: #fff;
  border: 1px solid rgba(0,0,0,0.418);
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  color: #555;
  display: block;
  font-family: 'open sans',arial,helvetica,sans-serif;
  font-size: 1.8rem;
  height: auto;
  line-height: 1.6;
  padding: 1rem 1.5rem;
  transition: none;
  width: 100%;
}

.lp-editnews-subscribeform input[type='text']:hover {
  border-color: #333;
}

.lp-editnews-subscribeform input[type='text']:focus {
  background: #eee;
  border-color: #000;
  box-shadow: none;
  outline: none;
}

.lp-editnews-subscribeform label {
  font-weight: 700;
}

.lp-editnews-subscribeform input[type='checkbox'] + label {
  font-weight: normal;
}

/*--- Checkbox ---*/

.lp-editnews-subscribeform input[type='checkbox'] {
  margin-right: 1rem;
}

/*--- Knapp ---*/

.lp-editnews-subscribeform input[type='submit'] {
  background: rgba(253, 200, 0, 1);
  border: 1px solid transparent;
  border-radius: 4px;
  color: #222;
  cursor: pointer;
  font-family: 'open sans',arial,helvetica,sans-serif;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.6;
  min-height: 4.8rem;
  padding: 1rem 1.5rem;
}

.lp-editnews-subscribeform input[type='submit']:hover {
  background-color: rgba(253, 200, 0, 0.6);
  border-color: transparent;
  color: #222;
}

.lp-editnews-subscribeform input[type='submit']:focus {
  background-color: rgba(230, 146, 10, 1);
  border-color: transparent;
  color: #222;
  outline: none;
}

/*
---------------------------------------------------------
INFORMATIONSANSVARIGA FORMULÄR
---------------------------------------------------------*/

.lp-info-responsible-form input {
  background-color: #fff;
  border: 1px solid rgba(0,0,0,0.418);
  border-radius: 4px;
  font-size: 1.8rem;
  line-height: 1.6 !important; /* Important skriver över SiteVision's styling */
  margin-top: 1.5rem;
  width: 55rem;
  padding: 1rem 1.5rem;
}

.lp-info-responsible-form button {
  background: rgba(253, 200, 0, 1);
  border: 1px solid transparent;
  border-radius: 4px;
  color: #222;
  cursor: pointer;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.6;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  min-height: 4.8rem;
  padding: 1rem 1.5rem;
}

.lp-info-responsible-form label {
   max-width: 750px;
   display: inline-block;
}