/*
Theme Name: Vekka Invest
Theme URI: https://vekkainvest.fi
Author: Diginörtti
Author URI: https://diginortti.fi
Description: Custom theme designed and developed by Diginörtti
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html 
Text Domain: hns2016
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

This theme is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Dosis:400,500|Open+Sans:400,700);
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 2.5rem;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 0.125rem;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*--------------------------------------------------------------
# Other SASS imports
--------------------------------------------------------------*/
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
textarea {
  color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
textarea:focus {
  color: #ff0000;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
textarea {
  font-size: 1rem !important;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search] {
  padding: 0.1875rem;
}

textarea {
  padding-left: 0.1875rem;
  width: 100%;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #000;
  display: block;
  font-weight: bold;
  height: auto;
  left: 0.3125rem;
  line-height: normal;
  padding: 0.9375rem 1.4375rem 0.875rem;
  text-decoration: none;
  top: 0.3125rem;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

img {
  height: auto; /* Make sure images are scaled correctly. */
  max-width: 100%; /* Adhere to container width. */
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

button:focus {
  outline: 0;
}

blockquote, q {
  quotes: "" "";
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}

div.entry-meta, div.comment-metadata {
  margin-top: 0.3125rem;
  font-size: 0.75rem;
  color: #6b6b6b;
  text-transform: uppercase;
}

ol.comment-list, ol.commentlist li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ol.comment-list li {
  padding: 1.25rem;
  border: 1px solid #FBFBFB;
  margin-top: 1.875rem;
}

ol.comment-list li.even {
  background-color: #FBFBFB;
}

ol.comment-list li.odd {
  background-color: #fff;
}

ol.comment-list ol.children {
  width: 90%;
}

a {
  color: #FF0000;
  text-decoration: none;
  transition: all 300ms ease;
}

a:hover {
  color: #00FF00;
  transition: all 300ms ease;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  margin-bottom: 0.625rem;
}

.dhemy-ajax-search {
  margin: 0;
  padding: 0;
  background-color: #fff;
}

.dhemy-ajax-search div {
  list-style-type: none;
}

.dhemy-ajax-search .row {
  border-bottom: 1px solid #D8D5BF;
  padding: 0.3125rem 0.625rem;
}

.dhemy-ajax-search img {
  margin-top: 0.4375rem;
}

.dhemy-ajax-search {
  position: absolute;
  background: #fff;
  min-width: 15.625rem;
  z-index: 999;
  left: 6.25rem;
  padding: 0;
  display: none;
  box-shadow: 0 1px 1px 1px #ccc;
  text-align: left;
  font-size: 0.75rem;
}

html {
  box-sizing: border-box;
}

html, body {
  height: 100%;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  background: #111;
}

body, p, table {
  font-size: 1rem;
  font-family: "Dosis", Georgia, serif;
  font-weight: 400;
  line-height: 1.5625;
}

p {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.7);
  word-wrap: break-word;
}

h1 {
  font-size: 2.5rem;
}

h2 {
  font-size: 1.5rem;
}

h3 {
  font-size: 1.125rem;
}

#page header, header {
  width: 100%;
  min-height: 4.375rem;
  background-color: #fff;
  text-align: center;
  color: #111;
  position: absolute;
  top: 0;
  left: 0;
}

.gallery {
  margin-bottom: 0.9375rem;
  margin-left: 0;
  margin-right: 0;
}

.gallery .col-xs-3 {
  width: 25%;
}

#page header img.logo {
  position: absolute;
  left: 3.75rem;
  top: 1.25rem;
}

div#header a, ul#kieli-valikko li a, #some-icons a {
  color: hsla(0, 0%, 100%, 0.5);
  transition: all 300ms ease;
}

div#header a:hover, #some-icons a:hover {
  text-decoration: none;
  color: #356eb5;
  transition: all 300ms ease;
}

#sidebar #searchform input {
  border: 1px solid #ccc;
  color: #111;
}

#searchform label {
  display: none;
}

#searchform input {
  padding: 0.3125rem 0.625rem;
  border-style: solid;
  border-width: 1px;
  border-color: #ccc;
  border-radius: 3px;
  background-color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 0.75rem;
  color: #111;
  margin-top: 0.9375rem;
}

#hero {
  width: 100%;
  height: 100%;
  background-size: cover;
}

#hero-content {
  position: relative;
  top: 12.5rem;
  left: 20%;
  background-color: rgba(56, 56, 56, 0.8);
  color: #fff;
  padding: 3.75rem 3.75rem;
  max-width: 25rem;
}

#hero-content h2 {
  text-transform: uppercase;
  font-size: 1.375rem;
  line-height: 1.5;
}

#hero-content .hero-cta {
  display: block;
  margin-top: 1.875rem;
}

#hero-content a {
  border: 1px solid #fff;
  text-transform: uppercase;
  color: #fff;
  padding: 0.4375rem 0.9375rem;
}

#page-header {
  width: 100%;
  height: 18.75rem;
  background-size: cover;
}

#page-header-content {
  position: relative;
  top: 12.5rem;
  left: 20%;
  background-color: rgba(56, 56, 56, 0.8);
  color: #fff;
  padding: 3.75rem 3.75rem;
  max-width: 25rem;
}

#page-header-content h2 {
  text-transform: uppercase;
  font-size: 1.375rem;
  line-height: 1.5;
}

#page-header-content .hero-cta {
  display: block;
  margin-top: 1.875rem;
}

#page-header-content a {
  border: 1px solid #fff;
  text-transform: uppercase;
  color: #fff;
  padding: 0.4375rem 0.9375rem;
}

#site-navigation {
  line-height: 1.25;
  margin-top: 5.625rem;
}

#site-navigation ul {
  z-index: 597;
  position: relative;
  min-height: 3.75rem;
  margin: 0;
  padding: 0;
  font-size: 1rem;
  font-weight: 400;
  text-transform: uppercase;
  list-style-type: none;
  text-align: center;
}

#site-navigation ul a {
  display: inline-block;
  color: #111;
  padding: 0.4375rem 0.9375rem;
  margin: 0.4375rem;
  font-weight: bold;
  text-transform: uppercase;
  transition: all 300ms ease;
}

#site-navigation a:hover {
  text-decoration: none;
  transition: all 300ms ease;
}

#site-navigation ul li {
  margin: 0;
  padding: 0;
  display: inline-block;
}

#site-navigation ul li.current-menu-item {
  border: 1px solid #111;
}

#site-navigation ul ul { /* this targets all sub menus */
  background-color: #fff;
  color: #111;
  visibility: hidden; /* hide all sub menus from view */
  position: absolute;
  top: 100%;
  z-index: 598;
  width: 100%;
  max-width: 15.625rem;
  transition: none;
  text-align: left;
  box-shadow: 0 2px 2px 2px #ccc;
}

#site-navigation ul ul li { /* this targets all submenu items */
  position: relative;
  float: none;
  transition: none;
}

#site-navigation ul ul li a { /* target all sub menu item links */
  padding: 0.9375rem 0.9375rem; /* give our sub menu links a nice button feel */
  transition: none;
  width: 100%;
  font-weight: normal;
  text-transform: none;
}

#site-navigation ul ul li a:hover {
  background-color: #b0d3ff;
  transition: all 300ms ease;
}

#site-navigation ul li:hover > ul {
  visibility: visible; /* show sub menus when hovering over a parent */
  transition: none;
}

.entry-content {
  max-width: 31.25rem;
  margin-left: auto;
  margin-right: auto;
}

.entry-meta .post-content-icon-text {
  display: inline-block;
  margin-right: 1.5625rem;
  margin-left: 0.5rem;
}

.entry-meta .post-content-icon {
  margin-top: -0.25rem;
}

.entry-meta {
  margin-bottom: 1.875rem;
}

#footer {
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  font-family: "Open Sans", sans-serif;
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
  background-color: #111;
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.4286;
  margin-top: 1.875rem;
}

#footer a {
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.4286;
}

#footer ul {
  margin: 0;
  padding: 0;
}

#footer ul li {
  display: inline;
  margin-right: 0.9375rem;
}

#footer p {
  color: #fff;
}

#page-content {
  min-height: 18.75rem;
  background-color: white;
}
#page-content article {
  padding: 2.8125rem 0;
}

#pagebar {
  position: relative;
  background-repeat: no-repeat;
  text-align: center;
}

#pagebar div.overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#pagebar img {
  vertical-align: top;
  width: 100%;
  opacity: 0;
}

#pagebar h1 {
  margin: 0;
  padding: 0;
  color: #fff;
}

.content-area {
  margin-top: 0.9375rem;
}

div.socialicons {
  margin-bottom: 1.875rem;
}

div.socialicons .fa {
  font-size: 3.125rem;
  margin-right: 0.9375rem;
}

div.newssection {
  margin-bottom: 1.875rem;
}

div.datestyle {
  text-align: center;
}

div.datestyle h2 {
  font-size: 1.75rem;
  margin-top: 0.1875rem;
  border: 2px solid #356eb5;
  padding: 0.9375rem;
}

.newssection h2 {
  border-bottom: 2px solid #356eb5;
  margin: 0;
  padding: 0;
  margin-bottom: 0.9375rem;
  margin-top: 0.9375rem;
  padding-bottom: 0.0625rem;
  color: #356eb5;
  font-size: 1rem;
  text-transform: uppercase;
}

.newssection .bignews h3 {
  font-weight: 400;
  margin: 0 0 0.375rem 0;
  font-size: 1.3125rem;
  line-height: 1.1905;
  font-family: "Roboto", sans-serif;
}

.newssection .bignews img {
  margin-bottom: 0.9375rem;
}

.newssection h3 a:link, .newssection h3 a {
  color: #111;
  transition: all 300ms ease;
}

.newssection h3 a:hover {
  text-decoration: none;
  color: #356eb5;
  transition: all 300ms ease;
}

.newssection .postmeta, #secondary .postmeta, #primary .postmeta {
  color: #aaa;
  font-size: 0.6875rem;
  line-height: 1;
  margin-bottom: 0.9375rem;
}

.newssection .excerpt {
  color: #777;
  line-height: 1.5714;
  font-size: 0.875rem;
}

.newssection h3 {
  font-weight: 400;
  margin: 0 0 0.375rem 0;
  font-size: 0.875rem;
  line-height: 1.4286;
  font-family: "Roboto", sans-serif;
}

#secondary {
  padding-top: 0.9375rem;
}

#secondary h3, .yarpp-related h3 {
  border-bottom: 2px solid #356eb5;
  margin: 0;
  padding: 0;
  margin-bottom: 0.9375rem;
  margin-top: 0.9375rem;
  padding-bottom: 0.0625rem;
  color: #356eb5;
  font-size: 1rem;
  text-transform: uppercase;
}

#sdrn_menu {
  z-index: 5000;
}

#secondary h3 a:link, #secondary h3 a {
  color: #111;
  transition: all 300ms ease;
}

#secondary h3 a:hover {
  text-decoration: none;
  color: #356eb5;
  transition: all 300ms ease;
}

#secondary h4 {
  font-weight: 400;
  margin: 0 0 0.375rem 0;
  font-size: 0.875rem;
  line-height: 1.4286;
  font-family: "Roboto", sans-serif;
}

#secondary h4 a:link, #secondary h4 a {
  color: #111;
  transition: all 300ms ease;
}

#secondary h4 a:hover {
  text-decoration: none;
  color: #356eb5;
  transition: all 300ms ease;
}

div.pagesbrowse {
  margin-bottom: 1.875rem;
  margin-top: 1.875rem;
  font-size: 1.125rem;
}

.newssection .smallitem, #secondary .smallitem {
  margin-bottom: 0.4375rem;
}

.newssection .smallitem img {
  margin-top: 0.1875rem;
}

#primary .site-main .article {
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}

#primary .site-main .article h2 {
  font-size: 1.375rem;
  line-height: 1.2727;
  font-family: "Roboto", sans-serif;
  color: #111;
  font-weight: 400;
  margin: 0;
  margin-bottom: 0.4375rem;
}

#primary .site-main .article h2 a {
  text-decoration: none;
  color: #111;
  transition: all 300ms ease;
}

#primary .site-main .article h2 a:hover {
  text-decoration: none;
  color: #356eb5;
  transition: all 300ms ease;
}

#primary .site-main .article img {
  margin-top: 0.1875rem;
}

div.caption {
  font-size: 0.8em;
  font-style: italic;
  text-align: center;
}

div#sidebar {
  background-color: #fff;
  padding: 1.875rem;
}

div#main-content {
  background-color: #fff;
  padding: 1.875rem;
}

div#main-content .archive-item {
  margin-bottom: 1.875rem;
}

div#main-content .archive-item a h4 {
  color: rgba(0, 0, 0, 0.7);
  margin-top: 1.875rem;
  margin-bottom: 0;
}

div#main-content .archive-item p {
  margin-top: 0;
}

div#sliderdiv {
  width: 100%;
  height: 100%;
}

div#slider-text {
  margin-left: 10%;
  margin-top: 6.25rem;
}

div#slider-text h1 {
  color: #fff;
  text-transform: none;
  margin: 0 0 0.9375rem 0;
  font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, sans-serif;
  font-size: 3.75rem;
  line-height: 1.1667;
  font-weight: 400;
}

div#slider-text p {
  color: #fff;
  margin-bottom: 1.875rem;
  font-size: 1rem;
  font-family: Inconsolata, monospace;
  font-weight: 700;
}

div#hml-logo {
  max-width: 12.5rem;
  float: right;
}

@media (min-width: 75em) {
  .container {
    width: 75rem;
  }
}
@media (max-width: 60.0625em) {
  #page header {
    position: relative;
  }
  #page header img.logo {
    position: relative;
    left: 0;
    top: 0;
    margin: 0.9375rem;
    max-width: 6.25rem;
  }
  #hero-content {
    position: relative;
    top: 0;
    left: 0;
    text-align: center;
  }
  #page-header-content {
    position: relative;
    top: 0;
    left: 0;
    text-align: center;
  }
  #page-header {
    min-height: 9.375rem;
    height: auto;
  }
  .entry-content {
    text-align: center;
  }
  #hero {
    background-position: center center;
  }
}

/*# sourceMappingURL=style.css.map */

#page-header {
  background-image: url("../img/yhtio-1200x400.jpg");
}