/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

#header .header-inner #logo a > img, #header #header-wrap #logo a > img {
height: 70px;
display: block;
}
#topbar {
border-bottom: 1px solid #eee;
font-size:11px;
}
.inspiro-slider .slide {
background-position: 50% 50%;
}
.slider-size-half {
max-height: 450px;
}
.flickity-button:hover {
background-color: #009e96;
}
.background-green {
background-color: rgba(0,158,150,0.15) !important;
}
.post-item .post-item-description .post-meta-date, .post-item .post-item-description .post-meta-comments, .post-item .post-item-description .post-meta-category {
color: #666;
}
.post-item .post-item-description > h2, .post-item .post-item-description > h2 > a {
font-size:16px;
}
.heading-text.heading-section h2 {
font-size: 32px;
line-height: 40px;
margin-bottom: 40px;
}
.heading-text.heading-section h2:before {
bottom: -10px;
width: 80px;
background-color: #009e96;
}
a {
color: #009e96;
}
a:not(.btn):not(.badge):hover, a:not(.btn):not(.badge):focus, a:not(.btn):not(.badge):active {
color: #666;
text-decoration: underline;
}
button.btn, .btn:not(.close):not(.mfp-close), a.btn:not([href]):not([tabindex]) {
background-color: #009e96;
border-color: #009e96;
}
button.btn:hover, button.btn:focus, button.btn:not(:disabled):not(.disabled):active, button.btn:not(:disabled):not(.disabled).active, .btn:not(.close):not(.mfp-close):hover, .btn:not(.close):not(.mfp-close):focus, .btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled):active, .btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled).active, a.btn:not([href]):not([tabindex]):hover, a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled):active, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled).active {
background-color: #067670;
border-color: #067670;
}
#page-title {
clear: both;
padding: 40px 0 30px !important;
}
#page-title .page-title > h1 {
margin-bottom: 0;
}
.icon-set-container {
-webkit-align-content: left;
align-content: left;
justify-content: left;
}
.icon-set-container .icon-preview .icon-class {
font-size: 16px;
}
.seperator::before, .seperator::after, .separator::before, .separator::after {
width: 100%;
}
p {
line-height: 1.9;
}
#page-content li {
margin-bottom: 5px;
line-height: 1.9;
}
.kakko li {
  list-style-type: none;
  counter-increment: cnt;
  position: relative;
}
      
.kakko li:before {
  content: "(" counter(cnt) ")";
  text-align: right;
  position: absolute;
  top: 0;
  left: -25px;
}
.heading-text.heading-section h2 {
font-size:28px;
}