<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">header h1 a {
  background: url(img/KKO_logo_350x174.png) no-repeat;
  background-size: contain;
  height: 87px;
  width: 175px;
}

body.language-en header h1 a {
  background: url(img/KKO_logo_350x174-en.png) no-repeat;
  background-size: contain;
  height: 87px;
  width: 175px;
}

nav.main-navi ul {
  left: 225px;
}

#nav-icon span {
	background: #505050;
}

div.hero-content {
  background: rgba(80, 80, 80, 0.8);
}

div.hero-content-links a:hover {
	background: #505050;
}

h1, a, h2 {
	color: #505050;
}

ul.event-categories a {
  color: #505050;
}

ul.event-categories a:hover {
	background: #505050;
}

button.more-events {
  color: #505050;
  transition-duration: 0.5s;
}

button.more-events:hover {
  background: #505050;
}

div.event-info a.next-events-btn:hover {
	background: #505050;
}

div.gray {
  background: #505050;
  color: #fff;
  -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

div.gray h1,
div.gray a {
	color: #fff;
}

a.some-facebook {
  background: url(img/somewall_facebook_50x50px.jpg) no-repeat;
  background-size: contain;
}

a.some-instagram {
  background: url(img/somewall_instagram_50x50px.jpg) no-repeat;
  background-size: contain;
}

a.some-youtube {
  background: url(img/somewall_youtube_125x50px.jpg) no-repeat;
  background-size: contain;
}

footer div.logos a {
  margin-right: 20px;
}

footer div.logos a:nth-child(2) {
	margin-top: -23px;
}

footer input[type=submit]:hover,
div.news-letter-popup input[type=submit]:hover,
form.newsletter input[type=submit]:hover {
	background: #505050;
}


div.musician-content {
  float: left;
  padding-right: 20px;
  width: 50%;
}

img.musician {
  float: right;
  height: auto;
  width: 50%;
}

ul.lang-navi {
  position: absolute;
  right: 0;
  text-transform: uppercase;
  top: 16px;
}

ul.lang-navi li {
  border-right: 1px solid #131313;
  display: inline-block;
  padding-right: 10px;
}

ul.lang-navi li:last-child {
  border: none;
  padding-left: 5px;
  padding-right: 0;
}

ul.lang-navi li a {
  color: #202020;
}

div.event.event-hidden {
  display: none;
}

div.your-event-text &gt; h2 {
  color: #fff;
}

a.event-some-facebook { background: url(https://www.kuopionmusiikkikeskus.fi/wp-content/themes/musiikkikeskus/img/some/FB_grey.svg) no-repeat; background-size: contain; }
a.event-some-twitter { background: url(https://www.kuopionmusiikkikeskus.fi/wp-content/themes/musiikkikeskus/img/some/X_grey.svg) no-repeat; background-size: cover; }

@media only screen and (max-width : 940px) {
  ul.lang-navi {
    top: 80px;
  }
}

@media only screen and (max-width : 800px) {
  nav.main-navi ul {
    left: -5.5%;
  }

  div.musician-content {
    float: none;
    padding-right: 0;
    width: 100%;
  }

  img.musician {
    float: none;
    max-width: 100%;
    padding: 40px 0;
    width: auto;
  }

  ul.lang-navi { 
    display: none;
  }

  nav.main-navi ul.lang-navi { 
    left: auto;
    position: relative;
    right: auto;
    top: auto;
    width: 100%;
  }
}

/* 800 */

@media only screen and (max-width : 500px) {
	header h1 a,
  body.language-en header h1 a {
    height: 52px;	
	}

	footer div.logos a:nth-child(2) {
		margin-top: 0px;
	}
}

/* 500 */</pre></body></html>