/*
Färgschema för listmi

Primärfärg - grönt
#005724 shade
#007B33
#00af49 full
#80D7A4
#CCEFDB tint

Komplementfärg - neutral
#0E2424 shade
#143333
#1D4948 full
#8EA4A4
#D2DBDA tint

Komplementfärg - orange
#7D5106 shade
#B07209
#FBA30D full
#FDD186
#FEEDCF tint

#09BCB9 for links?

#620700 (darkred)
#AF0C00 (red) for errors
*/

body {
  background: #c6149d; /* #143333 */
  color: #fff; /* #d2dbda */
  font-family: 'Droid Sans', sans-serif;
  padding-top: 0;
}

body.fun {
  background: #c6149d;
  color: #fff;
}

.startpage .header {
  background: #143333; /* fallback */
  background-image: url('../images/bg_veggies.jpg');
  background-repeat: no-repeat;
  background-position: 85% 0;
  /*box-shadow: inset 0 0 0 1000px rgba(20, 51, 51,.7); /* rgba(0, 167,70,.7) #00A746 = 5% of primary */
  background-size: cover;
}

a {
  color: #fff; /* #d2dbda */
  text-decoration: none;
}

body.fun a {
  color: #fff;
}

a:hover {
  color: #fff;
  text-decoration: underline;
}

a.logolink:hover {
  background-color: transparent;
  color: inherit;
}

.active {
  color: #fef2fb; /* #8EA4A4 */
}

dl {
  margin-top: 15px;
}

dd {
  margin-bottom: 15px;
}

.teaser {
  color: #fff; /* #d2dbda */
  padding: 5em 1em 8em 1em;
}

.teaser h1 {
    background-color: #000;
    box-shadow: 1.25rem 0 0 #000,-1rem 0 0 #000;
    color: #fff;
    display: inline;
    font-size: 2em;
    font-weight: bold;
    line-height: 1.9em;
    margin-bottom: 0;
    padding: 7px;
}

.slogan {
  display: inline;
  font-size: 1.6em;
  background-color: #000;
  box-shadow: 1.25rem 0 0 #000,-1rem 0 0 #000;
  line-height: 2em;
  padding: 7px;
}

.anchor-arrow {
    color: #0E2424;
    font-size: 2.5em;
    background-color: #FBA30D;
    width: 1.8em;
    height: 1.8em;
    border-radius: 100%;
    text-align: center;
    display: inline-block;
    line-height: 1.7em;
    margin-top: 2.5em;
}

.logolink {
  display: inline-block;
}

.main {
  background: #fff;
   color: #333;/* #1D4948 mörkgrön */
  padding: 20px 0;
}

.main a,
body.fun .main a {
  color: #c6149d;
  text-decoration: underline;
}

.main a:hover,
body.fun .main a:hover {
  background-color: #c6149d;
  color: #fff;
}

h1 {
  font-size: 2em;
  margin-bottom: 10px;
}

h1.modal-title {
  font-size: 1.7em;
  font-weight: bold;
}

h2 {
    color: #333; /* #007b33 30% primary */
    font-size: 1.5em;
    font-weight: bold;
    margin-top: 1.2em;
}

.modal-body h2 {
  margin-top: 0;
}

p {
    font-size: 1.2em;
}

/* FORMS */
legend.control-label {
  border-bottom: 0;
  color: inherit;
  display: inline-block;
  font-size: 1em;
  font-weight: bold;
  margin-bottom: -5px;
}

.control-label-info {
  color: #676767;
  font-weight: normal;
}

/*
.form-control:focus {
    border: 2px solid #00af49;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

:focus {
    outline: #00af49 auto 5px;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: 5px auto #00af49;
    outline-offset: -2px;
}
*/

.form-group .error-message {
  display: none;
}

.form-group.has-error .error-message {
  display: block;
}

#error-summary label {
  font-weight: normal;
  margin-bottom: 0;
}

.has-error .control-label {
  color: inherit;
}

.has-error .error-message {
  color: #AF0C00;
  font-weight: normal;
}

.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: inherit;
}

fieldset.has-error {
    border-style: solid;
    border-radius: 4px;
    padding: 0 10px;
}

fieldset.has-error legend {
  float: left;
  margin-top: 8px
}

fieldset.has-error .error-message {
  margin: 4px 0 10px 0;
}

.has-error .form-control,
fieldset.has-error {
  border-color: #AF0C00;
  border-width: 2px;
}

.has-error .form-control:focus {
  border-color: #AF0C00;
  box-shadow: none;
}

/* NAVIGATION */
/*
a:focus {
    outline: 5px auto ;
    outline-color: #00af49;
    outline-style: auto;
    outline-width: 5px;
    outline-offset: -2px;
}
*/

.nav > li > span {
    color: #fff; /* #8EA4A4 */
    position: relative;
    display: block;
    padding: 15px;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: underline;
  background-color: #fff; /* #d2dbda */
}

.navbar {
  margin-bottom: 0;
}
.navbar-brand {
  height: auto;
  padding: 0;
}

.navbar-default {
  background-color: transparent;
  border-color: transparent;
  padding: 2em 0;
}

.navbar-default .navbar-nav > li > a {
    color: #fff; /* #d2dbda */
}

body.fun .navbar-default .navbar-nav > li > a {
  color: #fff;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #fff;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: transparent;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: transparent;
}

.navbar-default .navbar-collapse {
  border-color: #fff; /* #d2dbda */
}

.navbar-default .navbar-nav > li > a {
    color: #fff; /* #d2dbda */
}

.icon-link * {
  vertical-align: middle;
}

.icon-link img {
  margin-right: 5px;
}

.navbar-toggle {
  border: 0;
  margin-top: 0.7em;
  color: #fff;
  font-size: 2em;
}

.bottom-nav {
  margin-bottom: 20px;
}

/* MISC */
.enterprise-info {
  margin-top: 20px;
  text-align: left;
}

.enterprise-info img.logo {
    vertical-align: baseline;
    margin-right: 3px;
}

.enterprise-info .fa {
  margin-right: 4px;
}

.enterprise-info a {
  text-decoration: none;
}

.enterprise-info a:hover {
  background-color: transparent;
  text-decoration: underline;
}

/* FOOTER */
.footer {
  text-align: center;
}

.footer h2 {
  color: #8EA4A4;
}

.footer p {
  margin: 10px 0 20px 0;
}

.footer .row {
  margin-bottom: 20px;
}

/* BUTTONS */
.btn-primary {
  background-color: #FBA30D;
  color: #0E2424;
  border: none;
  font-size: 18px;
}

.btn-lg {
  padding: 10px 18px;
}

.btn-primary:hover {
  background-color: #FDD186;
  border-color: #005724;
  color: #163a3a;
}

.btn-primary:active,
.btn-primary.active,
.btn-primary:focus,
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.btn-primary:active.focus,
.btn-primary.active.focus {
    background-color: #FDD186;
    border-color: #FBA30D;
}

.footer .btn-primary {
  background-color: #00af49; /* grön */
  color: #0E2424;
}

.footer .btn-primary:hover {
  background-color: #007B33;
  border-color: #005724;
}

.footer .btn-primary:active,
.footer .btn-primary.active,
.footer .btn-primary:focus,
.footer .btn-primary:active:hover,
.footer .btn-primary.active:hover,
.footer .btn-primary:active:focus,
.footer .btn-primary.active:focus,
.footer .btn-primary:active.focus,
.footer .btn-primary.active.focus {
    background-color: #007B33;
    border-color: #005724;
}

.btn-warning {
  background-color: #FBA30D;
  color: #4f3202;
}

/** MODALS **/
.modal-header {
  border-bottom: 0;
  padding: 15px 15px 0 15px;
}


.modal-body {
  color: #333; /* #1D4948; mörkgrön */
}

.modal-footer {
    border-top: 0;
    text-align: center;
}

.modal-footer label {
  margin-bottom: 15px;
}

.row {
  margin-bottom: 20px;
}

.container {
  justify-content: center;
}

.vertical-align {
    display: flex;
    align-items: center;
}

/* ALERTS */
.alert {
  border-radius: 0;
  margin-bottom: 0;
  border: 0;
}

.alert h1 {
  font-size: 1em;
  font-weight: bold;
  display: inline;
}

.alert p {
  font-size: 1em;
}

/* länkar i alertrutor har samma färg som texten men är understrukna. */
.alert a {
  color: inherit;
  border: 0;
}

/* tänkte att felmeddelandet kunde sticka ut. */
.alert-danger {
    /*
    background-color: #AF0C00;
    color: #fff;
    */
    background-color: #fff;
    border: 2px solid #AF0C00;
    color: #AF0C00;
    border-radius: 5px;
}

.alert-warning {
    background-color: #FEEDCF;
    color: #6d4602;
}

.alert-success {
  background-color: #CCEFDB;
  color: #005021;
}

/* TABLES */
caption {
  color: #333; /* #007b33 */
  font-size: 1.5em;
  font-weight: bold;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  font-weight: normal;
  padding-left: 0;
}

/* MEDIA QUERIES */
@media (orientation: landscape) {
  .teaser {
    padding-top: 1.5em;
    padding-bottom: 5em;
  }

  .teaser h1 {
    margin-bottom: .5em;
  }
}

@media (min-width: 768px) {
  .teaser {
    padding: 8em 1em 14em 1em;
    text-align: center;
  }

  .teaser h1 {
    font-size: 2.5em;
  }

  .row {
    margin-bottom: 5em;
  }

  .teaser .row {
    margin-bottom: 1.5em;
  }

  .navbar {
    margin-bottom: 20px;
  }

  .navbar-default .navbar-nav > li > a,
  .navbar-default .navbar-nav > li > span {
      margin-top: 1.5em;
  }
}