/**
 * KoalaOnline
 * Copyright 2016–2022 Kasper Sundström.
 * All rights reserved. Alla rättigheter förbehållna.
 */

/**
 * CHARSET
 */
@charset 'UTF-8';

/**
 * FONT IMPORTS
 * Change '|' in URL to '%7C' and '&' to '%26'
 * Basic sans stack: 'Helvetica Neue', Helvetica, Arial, sans-serif;
 * Basic serif stack: Georgia, 'Times New Roman', Times, serif;
 * Basic mono stack: Menlo, Monaco, Consolas, 'Courier New', monospace;
 */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i);
@import url(https://fonts.googleapis.com/css?family=Lobster);

/**
 * NAMESPACES
 */
@namespace url(http://www.w3.org/1999/xhtml);
@namespace svg url(http://www.w3.org/2000/svg);
@namespace xlink url(http://www.w3.org/1999/xlink);

/**
 * CUSTOM STYLES
 */
html {
  position: relative;
  min-height: 100%;
}

body {
  background-image: url(../img/bgtile.png);
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.jumbotron {
  background-color: transparent;
  color: white;
  text-shadow: 1px 2px 4px #555;
  text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
  margin: auto;
}

#logowrapper {
  width: 125px;
  height: auto;
  -webkit-filter: drop-shadow(1px 2px 4px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(1px 2px 4px rgba(0, 0, 0, 0.5));
  margin: 0 1em 0 0;
}

svg|g#cards {
  fill: white;
}

svg|path#topcard:hover {
  fill: #dff0d8;
}

svg|path#midcard:hover {
  fill: #fcf8e3;
}

svg|path#bottomcard:hover {
  fill: #f2dede;
}

@media print {
  #logowrapper {
    max-width: 72pt;
    -webkit-filter: none;
    filter: none;
  }
  svg|g#cards {
    fill: black;
  }
}

#brandwrapper {
  font-family: 'Lobster', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 1.25em;
}

h1 .small {
  color: inherit;
  font-size: 0.3em;
}

.mainandfooter {
  background-color: white;
  box-shadow: 0 2px 4px #666;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}

main {
  padding: 30px 0 10px;
  margin-bottom: 45px;
}

.btn-group {
  margin-bottom: 20px;
}

footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: auto;
  padding: 5px 0;
}

footer p {
  margin-top: 10px;
}

#songResults .lsmTitle {
  font-size: 1.25em;
  font-weight: 600;
}

#songResults .lsmIncipit {
  font-size: 1.25em;
  color: grey;
  font-style: italic;
}

#songResults .lsmLang {
  text-transform: uppercase;
  font-weight: 600;
}

#songResults .lsmVerses {
  font-weight: 600;
}

#songResults .lsmOriginal {
  font-weight: 600;
}

#songResults .lsmComposer {
  font-weight: 600;
}

#songResults .lsmArranger {
  font-weight: 600;
}

#songResults .lsmLyricist {
  font-weight: 600;
}

#songResults .lsmTranslator {
  font-weight: 600;
}

#songResults .lsmFirstChord {
  font-weight: 600;
}

#songResults .lsmMmNumber {
  font-size: 1.25em;
  font-weight: 600;
}

#songResults .lsmByHeart {
  text-transform: uppercase;
  font-weight: 600;
}