/*
Theme Name: Business Kuopio 2022
Author: Avidly Oyj / Mikko Hopia Oy
Author URI: https://www.avidlyagency.com
Description: Business Kuopio sivupohja
Version: 3.0
*/

/* Reset */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
img { border: 0; }
ol, ul, dl { list-style: none; }

/*
Fonts
font-family: "effra",sans-serif;
font-style: normal;
font-weight: 300; light
font-weight: 500; medium
font-weight: 700; bold
*/

/* HTML5 */

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, mark, time {  
	display:block;
}

/* Body */

body {
	/*color: #000;*/
	color: rgba(0, 0, 0, 0.8);
	font-family: "effra",sans-serif;
	font-size: 1rem;
	/*font-family: Verdana, Geneva, sans-serif;*/
	/*font-size: 0.875rem;*/ /* 14 / 16 */
	/*font-weight: 400;*/
	font-weight: 300;
	padding-top: 85px;
}

strong {
	font-weight: 500;
}

div {
	box-sizing: border-box;
}

div.wrap {
	margin: 0 auto;
	max-width: 1180px;
	position: relative;
}

footer div.wrap {
	max-width: 1760px;
}

/* Text */

a {
	/*color: #1e00af;
	color: #232364;
	color: rgb(35, 35, 100);*/
	color: rgb(45, 45, 130);
	text-decoration: none;
	transition-duration: 0.5s;
}

a.external-link {
	background-image: url(img/arrow-up-right-from-square-solid.svg);
	background-position: center right 2px;
	background-repeat: no-repeat;
	background-size: 10px;
	padding-right: 16px;
	transition-duration: 0s;
}

div.logomeri a.external-link,
div#twitter-feed-BusinessKuopio a.external-link,
nav.sub-navi a.external-link {
	background: none;
	padding-right: 0;
}

a:hover { text-decoration: underline; }

div.bg-gray a {
	color: rgb(35, 35, 100);
}

p {
	line-height: 1.3;
	margin-bottom: 1.5rem;
}

p.more {
	font-weight: 500;
	margin-bottom: 0;
	padding-top: 20px;
	text-align: center;
}

p.pieni {
	font-size: 0.75rem;
}

p.breadcrumbs {
	font-size: 0.9rem;
}

h1 {
	/*color: #1e00af;
	color: #232364;
	color: rgb(45, 45, 130);*/
	color: rgb(35, 35, 100);
	font-family: "effra",sans-serif;
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.2;
	margin-bottom: 1.5rem;
}

h2 {
	/*color: #1e00af;*/
	/*color: #232364;
	color: rgb(45, 45, 130);*/
	color: rgb(35, 35, 100);
	font-family: "effra",sans-serif;
	font-size: 1.5rem; /* 24 / 16 */
	font-weight: 400;
	margin-bottom: 1.5rem;
}

h2.black {
	color: #000;
}

footer h2 {
	color: #fff;
}

h3 {
	font-family: "effra",sans-serif;
	font-size: 1.2rem; /* 24 / 16 */
	font-weight: 500;
	margin-bottom: 0;
}

hr.blue {
	border: none;
  height: 1px;
  /*color: #0d2aba;*/ /* old IE */
  /*background-color: #0d2aba;*/ /* Modern Browsers */
  color: #232364; /* old IE */
  background-color: #232364; /* Modern Browsers */
  margin-bottom: 20px;
}

.center {
	text-align: center;
}

.blue {
	color: rgb(35, 35, 100);
}

.extra-margin {
	margin-bottom: 3rem;
}

.border-right {
	/*border-right: 1px #1e00af solid;*/
	border-right: 1px #707070 solid;
}

div.col-2-1 ul,
div.col-2-2 ul {
	list-style: disc;
	margin-bottom: 1.5rem;
	padding-left: 20px;
}

div.col-2-2 nav.sub-navi ul {
	list-style: none;
	margin-bottom: 0;
	padding-left: 0;
}

div.col-2-2 nav ul {
	font-family: "effra",sans-serif;
	font-size: 1rem;
}

div.col-2-2 ul.archive {
	list-style: none;
	padding-left: 0;
}

div.col-2-2 nav.archive li {
	border-bottom: 0 !important;
	font-size: 1rem;
	margin-bottom: 1rem;
	padding-bottom: 0 !important;
}

div.col-2-2 ul.archive li {
	margin-bottom: 1rem;
}

div.col-2-2 nav.archive li a {
	color:  #232364;
}

div.col-2-1 ul.gallery {
	padding-left: 0;
}

nav.prev-next-posts {
	font-family: "effra",sans-serif;
	font-size: 1rem;
}

div.home-main-text .col-1 {
	margin: 0 auto;
	max-width: 620px;
}

div.home-some-3-col .col-1 {
	border-top: 1px solid #ccc;
	padding-bottom: 50px;
	padding-top: 20px;
}

body.home div.fts-twitter-div {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

body.home div.fts-twitter-div > div {
	width: 30%;
}

body.home div.fts-twitter-div > a {
	display: none !important;
}

/* Buttons */

a.btn {
	border: 1px solid #000;
	box-sizing: border-box;
	color: #000;
	display: inline-block;
	padding: 3px 80px;
	text-align: center;
}

a.btn:hover {
	background: #000;
	color: #fff;
	text-decoration: none;
	/*-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;*/
}

/* Header */

header {
	background: #fff;
	box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
	font-family: "effra",sans-serif;
	height: 85px;
	padding-top: 32px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 5;
}

body.admin-bar header {
	top: 32px;
}

header.sticky {
	background: #fff;
	box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.1);
	font-family: "effra",sans-serif;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 5;
}

header.sticky.no-border {
	box-shadow: none;
}

header h1 {
	margin: 0;
	padding: 0;
}

header h1 a {
	background: url(img/business-kuopio-logo2.png) no-repeat;
	background-size: contain;
	display: block;
	height: 25px;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: -2px;
	width: 215px;
}

header h1 a.top {
	background: url(img/business-kuopio-logo-w.png) no-repeat;
	background-size: contain;
	z-index: 11;
}

button.hamburger {
	/*background: url(img/hamburger.png) no-repeat;*/
	background: none;
	border: none;
	cursor: pointer;
	display: block;
	height: 27px;
  left: calc(50% - 20px);
	/*outline: none;*/
	position: fixed;
	margin: 0 auto;
	text-indent: -9999px;
  top: 28px;
	width: 39px;
	z-index: 21;
}


button.hamburger.top {
	z-index: 20;
}

button.hamburger.top #nav-icon span {
	background: #fff;
}

#nav-icon span {
  display: block;
  position: absolute;
  height: 5px;
  width: 39px;
  background: #000;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  width: 100%;
}

#nav-icon span:nth-child(1) {
  top: 0;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon span:nth-child(2) {
  top: 11px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon span:nth-child(3) {
  top: 22px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon.open span:nth-child(1) {
  -webkit-transform: rotate(35deg);
  -moz-transform: rotate(35deg);
  -o-transform: rotate(35deg);
  transform: rotate(35deg);
  top: 0;
  left: 0;
  width: 42px;
}

#nav-icon.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-35deg);
  -moz-transform: rotate(-35deg);
  -o-transform: rotate(-35deg);
  transform: rotate(-35deg);
  top: 24px;
  left: 0px;
  width: 42px;
}

div.search {
	position: absolute;
	right: 0;
	top: 0;
}

div.search span {
	display: inline-block;
	line-height: 25px;
}

a.ico-search {
	background: url(img/search.png) no-repeat;
	display: inline-block;
	height: 25px;
	margin-right: 5px;
	/*overflow: hidden;*/
	text-indent: -9999px;
	width: 25px;
}

a.lang {
	display: inline-block;
	font-weight: 500;
	line-height: 25px;
	margin-left: 5px;
}

ul.lang-navi {
	display: inline-block;
	font-weight: 500;
	line-height: 25px;
	list-style: none;
	margin-left: 5px;
	text-transform: uppercase;
}

header a {
	color: #000;
}

header a:hover {
	color: #1e00af;
}

/* Triangle */

div.triangle {
	background: none;
	display: none;
	/*height: 20px;*/
	left: 0;
	position: absolute;
	top: 84px;
	transition-duration: 0.1s;
	/*width: 20px;*/
	z-index: 20;
	width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #fff;
}

body.admin-bar div.triangle {
	top: 116px;
}

div.triangle.open {
	border-bottom: 20px solid rgba(0, 0, 0, 0.8);
	border-top: none;
	display: none !important;
	/*top: 65px;*/
	top:  84px;
}

body.admin-bar div.triangle.open {
	top: 96px;
}

div.triangle.turn {
	transform: rotate(180deg);
	transition-duration: 0s;
}

/* Navi */

nav.main-navi {
	/*background: rgba(0, 0, 0, 0.8);*/
	background: rgba(35, 35, 100, 0.95);
	box-sizing: border-box;
	display: none;
	font-size: 1rem;
	font-family: "effra",sans-serif;
	/*position: absolute;*/
	position: fixed;
	text-align: center;
	text-transform: uppercase;
	top: 85px;
	width: 100%;
	z-index: 10;
}

body.admin-bar nav.main-navi {
	top: 116px;
}

nav.main-navi div {
	/* min-height: 280px; */
	min-height: 320px;
	padding: 30px 0;
	width: 100%;
}

nav.main-navi > div > ul ul {
	display: none;
}

nav.main-navi > div > ul > li {
	display: inline-block;
	position: relative;
}

nav.main-navi > div > ul > li > ul {
	padding-top: 20px;
	position: absolute;
	text-align: left;
	text-transform: none;
	width: 320px;
}

nav.main-navi ul ul ul { display: none; }

nav.main-navi > div > ul > li > ul > li {
	margin-bottom: 10px;
}

nav.main-navi a {
	color: #00ffff;
	display: block;
	padding: 0 18px;
}

nav.main-navi a:hover {
	color: #fff;
	text-decoration: none;
}

nav.main-navi li.current-menu-item a {
	color: #fff;
}

nav.main-navi ul ul a {
	color: #fff;
}

nav.main-navi ul ul a:hover {
	color: #00ffff;
}

nav.sub-navi {
	/*border-bottom: 1px solid #d1d1d1;*/
	font-size: 1.3rem;
	padding-bottom: 0.7rem;
	margin-bottom: 1.5rem;
}

div.col-2-2 nav.sub-navi ul {
	font-size: 1.3rem;
}

nav.sub-navi ul ul {
	display: none;
}

nav.sub-navi ul li.current-menu-item ul,
nav.sub-navi ul li.current-menu-ancestor ul {
	display: block;
}

nav.sub-navi.archive {
	font-size: 1.125rem;
}

nav.sub-navi > ul > li {
	border-bottom: 1px solid #707070;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

/*nav.sub-navi > ul > li:last-child {
	border-bottom: none;
}*/

nav.sub-navi a {
	color: #000;
	font-weight: 300;
}

nav.sub-navi a:hover {
	color: #232364;
	text-decoration: none;
}

nav.sub-navi li.current_page_item > a {
	/*color: #0000a0;*/
	color: #232364;
}

nav.sub-navi > ul > li.current_page_item > ul,
nav.sub-navi ul li.current-menu-ancestor ul,
div.col-2-2 nav.sub-navi ul ul ul {
	font-size: 1.125rem;
	margin-bottom: 10px;
	padding-left: 20px;
	padding-top: 10px;
}

nav.sub-navi > ul > li.current_page_item > ul > li,
nav.sub-navi > ul > li.current-menu-ancestor > ul > li {
	margin-bottom: 0.4rem;
}

h2.top-border,
p.top-border,
div.top-border {
	/*border-top: 1px solid #1e00af;*/
	border-top: 1px solid #707070;
	padding-top: 1.5rem;
}

ul.article-navi li {
	margin-bottom: 1.5rem;
}

ul.article-navi li span.date {
	color: #00ffff;
	font-weight: 500;
}

ul.article-navi li a {
	color: #000;
	font-weight: 500;
}

ul.article-navi li a span {
	display: inline-block;
	font-weight: 300;
}

ul.article-navi li a:hover {
	color: #1e00af;
	text-decoration: none;
}

/* Search */

div.search-panel {
	background: rgba(0, 0, 0, 0.8);
	box-sizing: border-box;
	display: none;
	position: fixed;
	text-align: center;
	text-transform: uppercase;
	top: 85px;
	width: 100%;
	z-index: 10;
}

body.admin-bar div.search-panel {
	top: 116px;
}

div.search-panel div {
	min-height: 240px;
	padding: 30px 0;
	width: 100%;
}

div.search-panel form {
	display: none;
	margin: 0 auto;
	margin-top: 65px;
	padding: 0;
	position: relative;
	width: 380px;
}

div.search-panel input[type=text] {
	background: none;
	border: 1px solid #00ffff;
	box-sizing: border-box;
	color: #00ffff;
	font-family: "effra",sans-serif;
	font-size: 2rem;
	font-weight: 300;
	outline: none;
	padding: 5px 40px 5px 5px;
	width: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

div.search-panel input[type=submit] {
	background: url(img/search_w.png) no-repeat;
	border: none;
	cursor: pointer;
	height: 25px;
	position: absolute;
	right: 10px;
	text-indent: -9999px;
	top: 12px;
	width: 25px;
}

/* Hero */

div.hero,
div.current-hero,
div.next-hero {
	height: 460px;
}

div.hero {
	position: relative;
}

div.current-hero {
	position: absolute;
	width: 100%;
	z-index: 2;
}

div.next-hero {
	position: absolute;
	display: none;
	width: 100%;
	z-index: 1;
}

div.hero-content {
	padding-left: 19px;
	padding-top: 30px;
	z-index: 3;
}

div.hero img {
	max-height: 390px;
	max-width: 100%;
}

div.hero-navi {
	display: none;
	position: absolute;
	right: 38px;
	top: 0;
	z-index: 3;
}

div.hero-navi button {
	background: #00ffff;
	border: 5px solid #00ffff;
	border-radius: 23px;
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	height: 23px;
	margin-bottom: 27px;
	outline: none;
	overflow: hidden;
	text-indent: -9999px;
	transition-duration: 0.5s;
	width: 23px;
}

div.hero-navi button:hover {
	background: none;
	border: 5px solid #00ffff;
}

div.hero-navi button:last-child {
	margin-bottom: 0;
}

div.hero-navi button.current {
	background: none;
	border: 5px solid #00ffff;
}

div.hero-items {
	display: none;
}

/* Columns */

div.bg-gray {
	/*background: #ebebeb;*/
	/*background-color: #dfdfdf;*/
	background-color: rgba(223, 223, 223, 0.3);
}

div.row {
	padding: 30px 65px;
}

div.row div.row {
	padding-left: 0;
	padding-right: 0;
}

div.col-2 {
	float: left;
	width: 50%;
}

div.col-2-1 {
	float: left;
	/*padding-right: 40px;*/
	padding-right: 80px;
	width: 66%;
}

div.col-2-2 {
	float: left;
	/*padding-left: 20px;*/
	padding-left: 40px;
	width: 33%;
}

div.col-3 {
	float: left;
	/*width: 33%;*/
	width: 33.33%;
}

div.wrap.ajankohtaista div.col-3 {
	margin-right: 10px;
	width: calc(33.33% - 10px);
}

div.col-4 {
	float: left;
	padding-right: 20px;
	width: 25%;
}

div.col-6 {
  float: left;
  width: 16.6%;
}

div.col-7 {
  float: left;
  width: 14%;
}

/* Box */

div.box {
	margin-top: 80px;
	padding: 60px 30px 30px 30px;
	position: relative;
}

div.box.blue {
	background: #00ffff;
	/*color: #0000a0;*/
	color: rgb(35, 35, 100);
}

div.box span.top {
	font-size: 4.875rem; /* 78 / 16 */
	font-weight: 500; 
	display: inline-block;
	left: 30px;
	position: absolute;
	top: -50px;
}

div.box p:last-child { margin-bottom: 0; }

div.box.blue a.btn {
	border-color: rgb(35, 35, 100);
	box-sizing: border-box;
	color: rgb(35, 35, 100);
	max-width: 100%;
}

div.box.blue a.btn:hover {
	background: rgb(35, 35, 100);
	color: #fff;
}

/* Post */

a.home-post-box {
	color: #fff;
	box-sizing: border-box;
	display: block;
	font-size: 1.3rem;
	height: 310px;
	margin: 0 auto;
	/*max-width: 90%;
	max-width: calc(100% - 10px);*/
	max-width: 100%;
	overflow: hidden;
	position: relative;
	text-align: center;
}

div.col-2 a.home-post-box {
	/*max-width: 96%;*/
	max-width: 100%;
}

div.row div.subpage-photo-grid.row {
	/*background-color: rgb(45, 45, 130);*/
	/*border: 2px solid rgb(45, 45, 130);*/
	font-size: 0.9rem;
	/*padding: 10px 5px;*/
	padding: 10px 0;
}

div.row div.subpage-photo-grid.row .col-2 {
	/*border: 1px solid rgb(45, 45, 130);*/
	margin-bottom: 10px;
	margin-right: 10px;
	width: calc(50% - 10px);
}

div.row div.subpage-photo-grid.row .col-3 {
	/*border: 1px solid rgb(45, 45, 130);*/
	margin-bottom: 10px;
	margin-right: 10px;
	width: calc(33.33% - 10px);
}

div.row div.subpage-photo-grid.row.subpage-photo-grid-more .col-3 {
	border: 1px solid #ccc;
}

div.subpage-photo-grid a.home-post-box { 
	height: 195px;
	margin-bottom: 20px; 
}

div.subpage-photo-grid div.col-2 a.home-post-box { 
	height: 170px; 
	/*margin-bottom: 15px; */
	margin-bottom: 0;
	padding-bottom: 0;
}

div.subpage-photo-grid div.col-3 a.home-post-box { 
	height: 170px; 
	/*margin-bottom: 15px; */
	margin-bottom: 0;
}

div.subpage-photo-grid div.col-3 a.home-post-box.external-link,
div.subpage-photo-grid div.col-2 a.home-post-box.external-link {
	padding-right: 0;
}

div.subpage-photo-grid div.col-3 a.home-post-box.external-link h3:after,
div.subpage-photo-grid div.col-2 a.home-post-box.external-link h3:after {
  background-image: url(img/arrow-up-right-from-square-solid.svg);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 10px;
  content: '';
  display: inline-block;
  height: 10px;
  margin-left: 10px;
  width: 10px;
}

a.home-post-box div.home-post-box-bg {
	transition: all .2s ease-in-out;
}

a.home-post-box:hover {
	text-decoration: none;
}

a.home-post-box:hover div.home-post-box-bg {
	position: relative;
	transform: scale(1.1);
	transition-duration: 0.5s;
	z-index: 1;
}

div.home-post-box-bg {
	height: 310px;
	padding-top: 100px;
}

div.subpage-photo-grid div.home-post-box-bg { height: 195px; }

div.subpage-photo-grid div.col-2 div.home-post-box-bg { height: 170px; }

/*div.otsikko_ruudukkojen_valiin {
	background-color: rgb(45, 45, 130);
	color: #fff;
	padding: 10px;
}*/

div.otsikko_ruudukkojen_valiin h1,
div.otsikko_ruudukkojen_valiin h2,
div.otsikko_ruudukkojen_valiin h3 {
	border-bottom: 1px solid rgb(45, 45, 130);
	font-weight: 100;
	margin-bottom: 10px;
  padding-bottom: 10px;
}

div.home-post-box-text {
	background: rgba(0, 0, 0, 0.4);
	color: #fff;
	left: 0;
	padding: 10px 0;
	position: absolute;
	/*text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);*/
	top: 0;
	z-index: 2;
	width: 100%;
}

div.home-post-box-text-bottom {
	/*background: #000;
	color: #fff;*/
	background-color: #fff;
	/*margin: -15px auto 15px auto;*/
	margin: 0 auto;
	max-width: 100%;
	/*padding: 15px 20px;*/
	padding: 0 10px 10px 10px;
}

div.col-3 div.home-post-box-text-bottom {
	/*max-width: 90%;
	max-width: calc(100% - 10px);*/
	max-width: 100%;
	min-height: 100px;
	padding-top: 10px;
}

div.col-2 div.home-post-box-text {
	/*background: rgba(0, 0, 0, 0.6);*/
	background-color: rgba(45, 45, 130, 0.6);
	bottom: 0;
	padding: 10px 0 10px 20px;
	text-align: left;
	top: auto;
}

div.subpage-photo-grid-more div.col-2 div.home-post-box-text {
	/*background-color: rgba(255, 255, 255, 0.8);*/
	background-color: #fff;
	color: rgba(0, 0, 0, 0.8);
}

div.wrap.ajankohtaista div.col-3 div.home-post-box-text {
	/*background: rgba(0, 0, 0, 0.4);
	background: rgba(35, 35, 100, 0.4);
	color: #fff;*/
	background-color: rgba(255, 255, 255, 0.8);
	color: rgba(0, 0, 0, 0.8);
}

div.subpage-photo-grid-more div.col-2 div.home-post-box-text h3 {
	border-bottom: 1px solid rgb(45, 45, 130);
	padding-bottom: 10px;
}

div.col-3 div.home-post-box-text {
	/*background: rgba(0, 0, 0, 0.6);
	background-color: rgba(255, 255, 255, 0.8);*/
	background-color: rgba(255, 255, 255, 0.8);
	bottom: 0;
	color: rgba(0, 0, 0, 0.8);
	padding: 10px;
	text-align: left;
	top: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

div.col-2 div.home-post-box-text {
	/*background-color: rgba(45, 45, 130, 0.6);
	color: #fff;*/
	background-color: rgba(255, 255, 255, 0.8);
	color: rgba(0, 0, 0, 0.8);
}

div.subpage-photo-grid-more div.col-3 div.home-post-box-text h3 {
	/*border-bottom: 1px solid rgb(45, 45, 130);
	padding-bottom: 10px;*/
}

div.subpage-photo-grid-more div.col-2 div.home-post-box-text,
div.subpage-photo-grid-more div.col-3 div.home-post-box-text {
	padding: 10px;
}

div.home-post-box-text h2 {
	/*text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);*/
}

div.home-post-box-text.dark-text {
	color: #000;
	text-shadow: none;
}

div.home-post-box-text span.home-post-box-text-icon {
	height: 39px;
	left: 0;
	position: absolute;
	top: 0;
	width: 39px;
}

a.home-post-box h2 {
	/*color: #00ffff;*/
	color: rgb(45, 45, 130);
	font-size: 1.5rem; /* 24 / 16 */
	font-weight: 500;
	/*margin-bottom: 1.5rem;*/
	margin-bottom: 0;
}

a.home-post-box h3 {
	font-size: 1.3rem;
	font-weight: 500;
}

div.subpage-photo-grid a.home-post-box h3 {
	font-size: 0.9rem;
}

a.home-post-box span.date {
	display: inline-block;
	/*margin-bottom: 0.5rem;*/
	margin-bottom: 0;
}

/* Logomeri */

div.logomeri {
	border-top: 1px solid #232364;
	padding: 30px 0;
	text-align: center;
}

div.logomeri img {
	display: inline-block;
	height: auto;
	max-height: 70px !important;
	margin: 0 20px 20px 20px;
	max-width: 150px !important;
	vertical-align: middle;
	width: auto;
}

/* Kuvan päällä ikoni */

div.img-icon-wrap {
	position: relative;
}

div.img-icon-wrap img {
	display: block;
}

div.img-icon {
	/*background: #0c29b9;
	bottom: 0;*/
	height: 40px;
	line-height: 40px;
	padding-top: 2px;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 40px;
}

div.img-icon img {
	display: block;
	height: auto;
	margin: 0 auto;
	width: 100%;
}

/* Event */

div.event {
	/*border: 4px solid #00ffff;*/
	border: 1px solid #ccc;
	padding: 20px 15px 15px 15px;
	position: relative;
}

div.event a {
	color: #000;
}

div.event a:hover {
	text-decoration: none;
}

div.event p:last-child {
	margin-bottom: 0;
}

div.event span.date {
	color: rgb(35, 35, 100);
	font-size: 1.5rem;
  font-weight: 500;
  display: inline-block;
  left: 15px;
  position: absolute;
  top: -17px;
}

div.event h2 {
	font-size: 1.2rem;
	font-weight: 500;
	margin-bottom: 1.5rem;
}

div.ingres {
	/*margin-bottom: 3rem;*/
}

div.event-list h2 {
	margin-bottom: 0.6rem;
}

div.event-list p.date {
	margin-bottom: 0.6rem;
}

/* Feed */

div.feed.tw {
	background: url(img/tw_b.png) no-repeat;
	/*padding: 17px 0 0 28px;*/
	padding: 0 0 20px 33px;
}

div.feed.ig {
	background: url(img/ig_b.png) no-repeat;
	padding: 0 0 20px 33px;
}

div.feed p {
	margin-bottom: 0;
}

div.feed h2 {
	margin-bottom: 0;
}

div.feed:last-child p {
	margin-bottom: 0;
}

span.user {
	color: #979797;
}

div.instagram-feed {
	margin-bottom: 1.5rem;
}

div.insta-box {
	float: left;
	margin-bottom: 40px;
	margin-right: 5px;
	width: 300px;
}

div.insta-box:nth-child(2n + 3) {
	clear: left;
}

div.insta-image {
	height: 300px;
}

div.insta-box a {
	color: #000;
}

div.insta-box a:hover {
	color: rgb(35, 35, 100);
	text-decoration: none;
}

div.insta-box span.day {
	background: #000;
	color: #fff;
	display: inline-block;
	margin-right: 10px;
	text-align: center;
	width: 20px;
}

div.instagram-feed-home div.insta-box {
	background: url(img/tw_b.png) no-repeat;
  padding: 17px 0 0 28px;
}

div.some-photo {
	height: 200px;
	margin: 5px 0;
}

img.some-photo {
	margin: 5px 0;
}

div.feed a {
	color: #000;
}

div.feed a:hover {
	text-decoration: none;
}

/* CPT lists */

div.col-2-1 input, 
div.col-2-1 select, 
div.col-2-1 textarea,
div.col-2-2 input, 
div.col-2-2 select, 
div.col-2-2 textarea {
	border: 1px solid #ccc;
	box-sizing: border-box;
	font-family: "effra",sans-serif;
  font-size: 1.125rem;
  font-weight: 300;
  margin-bottom: 10px;
  max-width: 300px;
  padding: 4px;
  width: 100%;
}

div.col-2-1 input[type=checkbox] {
  margin-bottom: 10px;
  padding: 0;
  width: auto;
}

div.col-2-1 input[type=submit],
div.col-2-2 input[type=submit] {
  border: none;
  background: #00ffff;
  color: rgb(35, 35, 100);
  cursor: pointer;
  font-family: "effra",sans-serif;
  font-size: 1.125rem;
  font-weight: 300;
  padding: 10px 20px;
  text-transform: uppercase;
  width: auto;
	transition-duration: 0.5s;
}

div.col-2-1 input[type=submit]:hover,
div.col-2-2 input[type=submit]:hover {
	background: rgb(35, 35, 100);
  color: #00ffff;
}

div.col-2-2 textarea {
	height: 100px;
}

li.gform_validation_container { display: none; }

input.company-search {
  display: block;
  font-size: 1rem;
}

label.company-search {
  display: inline-block;
  margin-right: 20px;
}

div.companies {
	/*display: grid;
	grid-gap: 20px 100px;
	grid-template-columns: 1fr 1fr;*/
  margin-top: 20px;
  /*max-height: 1500px;
  overflow: auto;*/
  /*padding-right: 20px;*/
}

div.company {
	box-sizing: border-box;
	/*display: inline-block;*/
	display: block;
	/*font-size: 0.9rem;*/
	margin-bottom: 20px;
	padding-right: 40px;
	vertical-align: top;
	/*width: 49%;*/
	width: 100%;
}

/*div.company {
	float: left;
	padding-right: 20px;
	width: 50%;
}

div.company:nth-child(2n + 1) {
	clear: left;
}*/

div.company img {
	/*display: none;*/
}

div.company.verkostotoiminta { display: none; }

div.company h3 {
	font-size: 1rem;
}

div.company.empty {
	display: block;
	width: 100%;
}

/* Kuvagalleria, acf */

div.col.border-right ul.gallery {
	list-style: none;
	padding-left: 0;
}

ul.gallery li {
	display: inline-block;
	margin: 0 5px 5px 0;
}

#slb_viewer_wrap .slb_theme_slb_default .slb_data_title, #slb_viewer_wrap .slb_theme_slb_default .slb_group_status {
  font-family: 'Droid Sans', sans-serif !important;
	font-size: 1rem !important; /* 14 / 16 */
}

/* Footer */

footer {
	/*background: #323232;
	background-color: #232364;*/
	background-color: rgb(35, 35, 100);
	color: #fff;
	padding: 50px 0 0 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

footer div.col-3 {
	float: right;
}

footer p {
	
}

footer a {
  color: #fff;
}

footer h2 {
  margin-bottom: 20px;
}

footer h3 {
	margin-bottom: 5px;
}

footer ul {
  list-style: none;
  padding-left: 0;
}

footer ul li {
	margin-bottom: 5px;
}

footer div.col-6:last-child {
  margin-top: -48px;
}

footer div.privacy-notice {
  background: #000;
  margin-top: 50px;
  padding: 10px;
  text-align: center;
}

footer div.privacy-notice p {
  margin-bottom: 0;
}

footer a.sm {
	display: inline-block;
	height: 40px;
	margin-bottom: 20px;
	margin-right: 0;
	overflow: hidden;
	text-indent: -9999px;
	width: 40px;
}

footer a.sm:hover {
  opacity: 0.8;
}

a.fb { background: url(img/fb_w.png) center center no-repeat; }
/* a.tw { background: url(img/tw_w.png) center center no-repeat; } */
a.tw { background: url(img/x_w.png) center center no-repeat; }
a.ig { background: url(img/ig_w2.png) center center no-repeat; }
a.li { background: url(img/li_w.png) center center no-repeat; }
a.yt { background: url(img/yt_w2.png) center center no-repeat; }

form#subForm input[type=email] {
	background: #fff;
	border: none;
	border-radius: 20px;
	box-sizing: border-box;
	font-family: "effra",sans-serif;
	font-size: 1.125rem;
	font-weight: 300;
	padding: 10px 40px 10px 20px;
	width: 300px;
}

form#subForm button {
	border: none;
	border-radius: 20px;
	/*background: #00ffff;
  color: #0000a0;*/
  background: #232364;
  color: #fff;
  cursor: pointer;
  font-family: "effra",sans-serif;
	font-size: 1.125rem;
	font-weight: 300;
	margin-left: -40px;
	padding: 10px 20px;
	text-transform: uppercase;
	transition-duration: 0.5s;
}

form#subForm button:hover {
	background: rgb(35, 35, 100);
  color: #00ffff;
}

form#subForm-2 button {
	border: none;
	border-radius: 20px;
	background: #00ffff;
  color: rgb(35, 35, 100);
  cursor: pointer;
  font-family: "effra",sans-serif;
	font-size: 1.125rem;
	font-weight: 300;
	padding: 10px 20px;
	text-transform: uppercase;
	transition-duration: 0.5s;
}

form#subForm-2 button:hover {
	background: rgb(35, 35, 100);
  color: #00ffff;
}

form.js-cm-form label {
  display: none;
}

body.page-tilaa-uutiskirje form#subForm,
body.page-tilaa-uutiskirje h2 {
	visibility: hidden;
}

div.col-1-subscribe-newsletter h2,
div.col-1-subscribe-newsletter form {
  display: inline-block;
}

div.col-1-subscribe-newsletter h2 {
  margin-bottom: 0;
  padding-right: 20px;
}

/* Images */

img.align-left {
  float: left;
  margin: 0 20px 20px 0;
}

div.row img {
	height: auto;
	max-width: 100%;
}

img.alignleft {
	float: left;
  margin: 0 20px 30px 0;
}

/* Misc */

div.clear {
	clear: both;
	height: 0;
}

a.fts-powered-by-text {
	color: #fff;
	display: none !important;
}

div.fts-twitter-quoted-text-wrap {
	display: none;
}

/* Contact right column */

div.right-contact {
	float: left;
	margin-bottom: 1.5rem;
	width: 100%;
}

div.right-contact-img {
	float: left;
	padding-right: 15px;
	width: 100px;
}

div.right-contact-txt {
	float: left;
	width: calc(100% - 100px);
}

div.right-contact-txt h2 {
	color: #000;
	font-size: 1.3rem;
	line-height: 1;
	margin-bottom: 0;
	font-weight: 500;
}

div.right-contact-txt h3 {
	font-size: 0.875rem;
	font-weight: 400;
	margin-bottom: 5px;
}

div.right-contact-txt p {
	font-size: 0.75rem;
	margin-bottom: 5px;
}

div.right-contact p.email,
div.right-contact p.tel {
	font-size: 0.75rem;
}

/* Henkilönosto right column */

div.right-person {
	float: left;
	margin-bottom: 1.5rem;
	width: 100%;
}

div.right-person-img img {
	display: block;
	height: auto;
	width: 100%;
}

div.right-person-txt {
	/*background: #000;
	color: #00ffff;
	padding: 15px 20px;*/
	font-size: 1.2rem;
	font-weight: 500;
	padding: 20px 0;
}

div.right-person-txt-2 {
	/*background: #0d2aba;
	color: #fff;
	font-size: 0.75rem;
	font-style: italic;
	padding: 25px 20px;*/
}

div.right-person-txt-2 a {
	color: #00ffff;
}

div.right-person-txt-2 p {
	font-style: italic;
	font-weight: 300;
	margin-bottom: 15px;
}

div.right-person-txt-2 p:last-child {
	margin-bottom: 0;
}

/* Haitari */

div.haitari-wrap {
	border: 1px solid #ccc;
	margin-bottom: 1.5rem;
	padding: 0 20px;
}

div.haitari {
	border-bottom: 1px solid #ccc;
}

div.haitari:last-child {
	border-bottom: none;
}

a.haitari-otsikko {
	color: rgba(0, 0, 0, 0.8);
	display: block;
	font-family: "effra",sans-serif;
	font-size: 1.5rem;
	font-weight: 300;
	padding: 20px 40px 20px 20px;
	position: relative;
}

a.haitari-otsikko:after {
	content: '›';
	font-weight: 300;
	position: absolute;
	right: 20px;
	top: calc(50% - 10px);
	transform: rotate(90deg);
	transform-origin: center center;
	transition-duration: 0.5s;
}

a.haitari-otsikko:hover {
	color: rgb(45, 45, 130);
}

a.haitari-otsikko.open:after {
	transform: rotate(270deg);
}

div.haitari-content {
	display: none;
	padding: 0 20px;
}

/* Swipe */

div.swipe-wrap {
	cursor: ew-resize;
	display: flex;
	margin-bottom: 20px;
	overflow: hidden;
	padding: 0 0 10px 0;
	width: 100%;
}

div.swipe-wrap .swipe {
	/*border-right: 1px solid #ccc;*/
	/*color: #000;*/
	display: block;
	flex-basis: 240px;
	flex-shrink: 0;
	padding: 0 20px;
	transition-duration: 0.5s;
}

div.swipe-wrap .swipe:first-child {
	padding-left: 0;
}

/*div.swipe-wrap div.swipe:hover {
	background-color: #eee;
	text-decoration: none;
}*/

div.swipe-wrap .swipe > img {
	/*border-radius: 5px;*/
	display: block;
	height: 200px;
	margin-bottom: 20px;
	object-fit: cover;
	object-position: center center;
	width: 100%;
}

div.swipe-wrap .swipe h2 {
	color: rgba(0, 0, 0, 0.8);
	/*font-size: 0.9rem;*/
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 10px;
}

div.swipe-wrap .swipe p {
	font-size: 0.9rem;
}

div.swipe-wrap img.arrow {
	vertical-align: top;
}

div.swipe-wrap div.swipe-title-text-wrap {
	min-height: 170px;
}

div.swipe-wrap p.read-more {
	margin-bottom: 0;
}

/* Laatikot harmaalla reunalla */

div.laatikot-harmaalla-reunalla-wrap {
	display: grid;
	font-size: 0.9rem;
	grid-gap: 10px 10px;
	grid-template-columns: 1fr 1fr 1fr;
	padding-bottom: 40px;
}

div.laatikko {
	/*border: 1px #707070 solid;*/
	border: 1px #ccc solid;
	padding: 15px;
}

div.laatikko p {
	margin-bottom: 10px;
}

div.laatikko p:last-child {
	margin-bottom: 0;
}

body.home div.home-nostolaatikot .col-1 {
	display: flex;
	justify-content: space-between;
}

body.home div.home-nostolaatikot .col-1 > div {
	width: 30%;
}

/* Neljä vierekkäistä palstaa */

div.nelja-vierekkaista-palstaa-wrap {
	display: grid;
	font-size: 0.8rem;
	grid-gap: 50px 30px;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	padding-bottom: 40px;
}

h2.nelja-vierekkaista-palstaa-wrap {
	border-bottom: 1px solid rgb(45, 45, 130);
	font-weight: 100;
	padding-bottom: 10px;
}

div.nelja-vierekkaista-palsta p {
	margin-bottom: 10px;
}

div.nelja-vierekkaista-palsta p:last-child {
	margin-bottom: 0;
}

/* Tummansininen kuvalaatikko */

div.tummansininen-kuvalaatikko {
	background-color: rgb(45, 45, 130);
	color: #fff;
	display: flex;
	margin-bottom: 20px;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

div.tummansininen-kuvalaatikko h1,
div.tummansininen-kuvalaatikko h2,
div.tummansininen-kuvalaatikko h3,
div.tummansininen-kuvalaatikko h4 {
	color: #fff;
}

div.tummansininen-kuvalaatikko p:last-child {
	margin-bottom: 0;
}

div.tummansininen-kuvalaatikko-teksti {
	padding: 20px;
	width: 50%;
}

div.tummansininen-kuvalaatikko.no-img div.tummansininen-kuvalaatikko-teksti {
	width: 100%;
}

div.tummansininen-kuvalaatikko-kuva {
	width: 50%;
}

div.tummansininen-kuvalaatikko-kuva img {
	display: block;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

/* Chat bot */

.rw-message a {
	color: #135afe;
}

/* Media queries */

/*@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body {
    font-weight: 300;
  }
}*/

@media only screen and (max-width : 1800px) {
	footer div.wrap {
		max-width: 90%;
	}
}
/* 1800 */

@media only screen and (max-width : 1500px) {
  footer div.wrap {
    max-width: 96%;
  }

  footer div.col-6 {
    padding-right: 10px;
  }
}

/* 1500 */

@media only screen and (max-width : 1400px) {
	form#subForm input[type=email] {
		padding: 10px 40px 10px 20px;
		width: 200px;
	}
}

/* 1400 */

@media only screen and (max-width : 1300px) {
  footer {
    font-size: 0.7rem;
  }

  footer li {
    margin-bottom: 5px;
  }

  footer a.sm {
    height: 35px;
    width: 35px;
  }
}

/* 1300 */

@media only screen and (max-width : 1200px) {
	div.wrap {
		max-width: 90%;
	}

  footer div.col-6 {
    padding-bottom: 20px;
    width: 33.33%;
  }

  footer div.col-6:last-child {
    margin-top: 0;
  }

  div.tummansininen-kuvalaatikko {
		display: block;
	}

	div.tummansininen-kuvalaatikko-teksti {
		width: 100%;
	}

	div.tummansininen-kuvalaatikko-kuva {
		width: 100%;
	}
}
/* 1200 */

@media only screen and (max-width : 1100px) {
	div.swipe-wrap {
		overflow: scroll;
	}
}
/* 1100 */

@media only screen and (max-width : 900px) {
	footer div.col-3 {
		width: 50%;
	}

	footer div.col-3:first-child {
		display: none;
	}

	div.col-4 {
		margin-bottom: 20px;
		width: 50%;
	}

	div.subpage-photo-grid a.home-post-box { height: 135px; }

	div.subpage-photo-grid div.home-post-box-bg { height: 135px; }
}

/* 900 */

@media only screen and (max-width : 800px) {
	body {
		font-size: 1rem;
		padding-top: 0;
	}

	div.row {
		padding: 20px 0px;
	}

	a.home-post-box {
		font-size: 1.2rem;
		height: 200px;
	}

	div.home-post-box-bg {
		height: 200px;
		padding-top: 50px;
	}

	div.home-post-box-text {
		/*top: 50px;*/
		top: 0;
	}

	a.home-post-box h2 {
		font-size: 1.2rem; 
	}

	a.home-post-box h3 {
		font-size: 1.2rem; 
	}

	footer {
		font-size: 1rem;
		line-height: 1.5;
		padding: 40px 0;
	}

	footer a.sm {
		margin-bottom: 10px;
	}

	header { 
		background: none;
		position: relative;
		z-index: 20;
	}
	
	nav.main-navi {
		background: #000;
		padding-left: 5%;
		position: absolute;
		text-align: left;
		top: 0;
	}

	nav.main-navi div {
		padding-top: 100px;
	}

	nav.main-navi > div > ul > li {
		display: block;
		margin-bottom: 15px;
	}

	nav.main-navi a {
		padding: 0;
	}

	nav.main-navi > div > ul > li > ul {
		padding-top: 10px;
		position: relative;
	}

	div.search-panel {
		position: absolute;
	}

	div.hero-navi {
		right: 10px;
	}

	div.hero-content {
		padding-left: 0;
	}

	h1 {
		font-size: 1.5rem;
		margin-bottom: 1rem;
	}

	h2 {
		font-size: 1.2rem;
		font-weight: 500;
		margin-bottom: 1rem;
	}

	h3 {
		font-size: 1rem;
	}

	nav.sub-navi {
		font-size: 1.2rem;
	}

	nav.sub-navi li.current_page_item > ul {
		font-size: 1rem;
	}

	nav.main-navi > div > ul > li > ul > li > ul > li {
		margin-bottom: 5px;
	}

	div.right-contact-img {
		padding-right: 10px;
		width: 70px;
	}

	div.right-contact-txt {
		width: calc(100% - 70px);
	}

	div.right-person {
		font-size: 0.8rem;
		width: 100%;
	}

  button.hamburger {
    position: absolute;
  }

  footer div.col-6 {
    float: none;
    width: 100%;
  }

  footer div.wrap {
    max-width: 90%;
  }

  footer {
    padding-bottom: 0;
  }

	a.haitari-otsikko {
		padding: 20px 20px 20px 0;
	}

	a.haitari-otsikko:after {
		right: 0;
	}

	div.haitari-content {
		padding: 0;
	}
}

/* 800 */

@media only screen and (max-width : 700px) {

	div.col-2,
	div.row div.subpage-photo-grid.row .col-2,
	div.row div.subpage-photo-grid.row .col-3 {
		float: none;
		width: 100%;
	}

	div.row div.subpage-photo-grid.row .col-2,
	div.row div.subpage-photo-grid.row .col-3 {
		margin-bottom: 20px;
	}

	div.col-2-1 {
		float: none;
		margin-bottom: 20px;
		padding-right: 0;
		width: 100%;
	}

	div.col-2-2 {
		border-top: 1px #1e00af solid;
		float: none;
		padding-left: 0;
		padding-top: 1.5rem;
		width: 100%;
	}

	div.col-3 {
		float: none;
		margin-bottom: 20px;
		width: 100%;
	}

	div.col-4 {
		float: none;
		margin-bottom: 20px;
		padding-right: 0;
		width: 100%;
	}

	.border-right {
		border: none;
	}

	a.home-post-box {
		max-width: 100%;
	}

	footer div.col-3 {
		width: 100%;
	}

  footer li {
    margin-bottom: 0;
  }

  div.box span.top {
		font-size: 3rem; 
		top: -30px;
	}

	body.home div.fts-twitter-div {
		display: block;
	}	

	body.home div.fts-twitter-div > div {
		width: 100%;
	}

	body.home div.home-nostolaatikot .col-1 {
		display: block;
	}

	body.home div.home-nostolaatikot .col-1 > div {
		margin-bottom: 20px;
		width: 100%;
	}
}

/* 700 */

@media only screen and (max-width : 550px) {
	header {
		height: 105px;
		padding-top: 38px;
	}

	div.search-panel {
		top: 105px;
	}

	header h1 a {
		background: url(img/business-kuopio-logo2-m.png) center center no-repeat;
		background-size: contain;
		height: 67px;
		top: -19px;
		width: 95px;
	}

	header h1 a.top {
		background: url(img/business-kuopio-logo2-m-w.png) center center no-repeat;
		background-size: contain;
	}

	div.triangle {
		top: 104px;
	}

	nav.main-navi div {
		padding-top: 140px;
	}

	div.hero,
	div.current-hero,
	div.next-hero {
		height: 300px;
	}

	div.hero img {
		max-height: 210px;
	}

	a.btn {
		padding: 3px 30px;
	}

	span.company-search {
		display: block;
	}

	div.companies {
	  margin-top: 20px;
	  max-height: 9999px;
	  overflow: hidden;
	  padding-right: 0;
	}

	div.right-contact-img {
		width: 100px;
	}

	div.right-contact-txt {
		width: calc(100% - 100px);
	}

	div.right-person {
		font-size: 1rem;
	}

	div.col-3 div.home-post-box-text-bottom {
    max-width: 100%;
    min-height: 0;
	}

  button.hamburger {
    top: 40px;
  }

  div.col-1-subscribe-newsletter h2, 
  div.col-1-subscribe-newsletter form {
    display: block;
  }

  div.col-1-subscribe-newsletter h2 {
    margin-bottom: 20px;
  }

  a.haitari-otsikko {
		font-size: 1.2rem;
	}

	div.companies {
		grid-gap: 0 0;
		grid-template-columns: 1fr;
	}

	div.company p {
		margin-bottom: 0;
	}

	div.company {
		display: block;
		padding-right: 0;
		width: 100%;
	}

	div.laatikot-harmaalla-reunalla-wrap {
		grid-template-columns: 1fr;
	}

	div.nelja-vierekkaista-palstaa-wrap {
		font-size: 0.9rem;
		grid-gap: 40px 30px;
		grid-template-columns: 1fr;
	}

	div.wrap.ajankohtaista div.col-3 {
		margin-right: 0;
		width: 100%;
	}
}
/* 550 */

@media only screen and (max-width : 400px) {
	div.hero,
	div.current-hero,
	div.next-hero {
		height: 250px;
	}

	div.hero img {
		max-height: 190px;
	}

	div.search-panel div {
		min-height: 250px;
	}

	div.search-panel form {
		width: 90%;
	}
}
/* 400 */

@media only screen and (max-width : 330px) {
	div.haitari-wrap {
		padding: 0 10px;
	}

	a.haitari-otsikko {
		padding: 10px 20px 10px 0;
	}

	div.haitari-content {
		padding: 10px 0;
	}
}
/* 330 */