/**
 * KoalaOnline
 * Copyright 2016–2024 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'
 */
@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;
}

main {
  margin-bottom: 100px;
}

footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

i {
  font-size: 0.9em
}

.filterShadow {
  -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));
}

.textShadow {
  text-shadow: 1px 2px 4px #555;
  text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
}

.boxShadow {
  box-shadow: 0 2px 4px #666;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}

svg|g#cards {
  fill: white;
}

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

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

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

#brand {
  font-family: 'Lobster', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

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

#songResults .lsmTitle {
  font-style: italic;
  font-weight: 600;
}

#songResults .lsmIncipit {
  font-style: italic;
}

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