/*
Theme Name: sst
Theme URI: http://underscores.me/
Author: Mainostoimisto SST Oy
Author URI: http://underscores.me/
Description: Description
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: sst
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.

sst 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/
*/

@import url('https://fonts.googleapis.com/css?family=Assistant:400,600,700,800|Chewy');
*{
	font-family: 'Assistant', sans-serif;
	font-weight: 525;
	font-size: 18px;
}
h3 
{
	font-family: 'Assistant', sans-serif;
	font-size: 24px;
}
h3 strong
{
	font-family: 'Assistant', sans-serif;
	font-weight: 700;
	font-size: 24px;
}
a{
	color: #93bb00;
}
a:hover, a:focus{
	color: unset;
	text-decoration: none;
}
.affix {
	top:0;
	width: 100%;
	z-index: 9999 !important;
 }
.c{
	width: 99vw;
	margin:0 auto;
	overflow-x: hidden;
}
.c .post .read-more{
	width: 100%;
    position: absolute;
    bottom: 0;
    display: block;
    text-align: center;
    background: #93bb00;
    opacity: 0.8;
    color: #fff;
    margin-left: -10px;
    padding: 10px;
}
.loota{
	background-size: cover;
	background-position: center top;
	margin: 0;
	display: block;
	padding: 1vw;
	overflow: hidden;
	border: 2px solid #fff;
}
.loota h2{
	color: #fff;
	font-size: 2.5vw;
	font-family: 'Chewy', sans-serif;
	text-transform: uppercase;
}
.koko-l{
	width: 50%;
	height: 50vw;
	margin: 0;
}
.koko-m{
	width: 50%;
	height: 25vw;
	margin: 0;
}
.koko-s{
	width: 25%;
	height: 25vw;
	margin: 0;
}
.post, .posti{
	border: 2px solid #fff;
	padding: unset;
	padding-left: 15px; 
}
.loota.post{
	padding: 10px;
}
.post h2{
	color: #000;
}
.posti h2{
	color: #000;
	font-size: 40pt;
	text-transform: uppercase;
}
.post .date, .posti .date{
	font-size: 16pt;
}
.post p, .text p{
	font-size: 1em;
}
.soft{
	min-height: 60vh;
	margin-bottom: 20px;
}
.palaute{
	background-color: #c9dd7f !important;
}
.palaute .soft{
	text-align: center !important;
	padding-top: 30px !important;
}
.palaute .nf-form-fields-required {
	display: none;
}
.palaute .bold, .palaute .textarea-wrap label {
	font-family: 'Chewy', sans-serif !important;
	font-size: 30px !important;
	color: #4d712c !important;
	text-transform: uppercase !important;
	text-align: center;
}
.palaute .your-message{
	width: 100% !important;
}
.palaute textarea{
	background: #eff5d9 !important;
	border: none !important;
	border-radius: 10px !important;
	width: 100% !important;
	padding: 10px !important;
}
.palaute input{
	background:transparent !important;
	border: none !important;
	border-bottom: 2px solid #9eb762 !important;
}
.palaute input[type=submit]{
	text-align: center !important;
	color: #000 !important;
	background-color: rgba(255,255,255,0.8) !important;
	display: block !important;
	padding: 15px 25px !important;
	min-width: 25% !important;
	margin: 30px auto !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	border-bottom: none !important;
}
.palaute .nf-error.field-wrap.textarea-wrap .nf-field-element:after {
	border-top-right-radius: 10px;
}
.palaute label, .palaute .wpcf7-list-item-label{
	width: 100%;
	font-size: 0.8em;
}
.palaute .wpcf7-list-item{
	margin-top: 5px;
}
.palaute .wpcf7-response-output{
	visibility: hidden;
}
.palaute span.wpcf7-not-valid-tip{
	color: #fff;
	text-transform: uppercase;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
	background-color: #93bb00;
}
.navbar-default .navbar-toggle{
	border: none;
}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar{
	background-color: #fff;
}
.navbar-default .navbar-toggle .icon-bar{
	height: 4px;
	border-radius: 2px;
	background-color: #000;
}
.palaute input[type=checkbox]{
	width: 30px;
	height: 30px;
	position: absolute;
	top: 35%;
	left: -30px;
	transform: translateY(-50%);
}
.painike{
	text-align: center;
	color: #000;
	background-color: rgba(255,255,255,0.8);
	padding: 15px 25px;
	display: inline-block;
	min-width: 25%;
	position: relative;
	margin: auto;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-weight: bold;
	text-transform: uppercase;
}
.text .painike{
	position: absolute;
	display: none;
}
.post .painike, .posti .painike{
	position: absolute;
	background-color: #c9dc8e;
	width: 100%;
	top: unset;
	bottom: 0;
	padding: 5px 25px;
	font-size: 18px;
	opacity: 0.8;
	transform: translateY(0) translateX(-50%);
	text-transform: none;
}
.more-link{
	display: inline-block;
	text-align: center;
	margin-top: 15px;
	position: relative;
	left: 50%;
	transform: translate(-50%);
}
.more-link span{
	color: #000;
	background-color: #c9dc8e;
	padding: 15px 25px;
	min-width: 25%;
}
.navbar{
	margin-bottom: unset;
}
.navbar *{
	font-size: 18px;
}
.navbar a{
	text-transform: uppercase;
}
.navbar .navbar-form{
	padding-right: 0;
	margin-right: -15px;
}
.nav a:first-child{
	padding-left: 0;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover{
	background-image: unset;
	background-color: #fff;
	box-shadow: unset;
	color: #94ba1d;
}
.navbar-default{
	background-color: #fff;
	background-image: unset;
	border-radius: 0;
	border:unset;
}
.navbar-form *{
	font-size: 14px;
}

.navbar-default .navbar-nav>.open>a{
	background-image: unset;
	background-color: #93bb00 !important;
	color: #fff !important;
}
.navbar .navbar-nav .open .dropdown-menu>.active>a, .navbar .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar .navbar-nav .open .dropdown-menu>.active>a:focus{
	background-image: unset;
	background-color: #93bb00 !important;
	color: #fff !important;
}
.side-nav *{
	font-size: 18px;
	line-height: 1.8;
}
.back-arrow{
	width: 50px;
	transform: rotate(180deg);
}
.side-nav a{
	color: #000;
	text-transform: uppercase;
}
.square{
	height: 100%;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.ajank{
	overflow: hidden;
}
.ajank img{
	height: 300px;
	transform: translateX(-30%);
}
img.square{
	height: auto;
}
article.post, article.posti{
	overflow: hidden;
}
.side-nav{
	list-style: none;
	padding: 0;
	margin-top: 20px;
}
.side-nav>li>ul{
	display: none;
}
.resepti p, .resepti a, .tuote p, .tuote a, .tuote table td{
	font-size: 18px;
}
.tuote td{
	padding: 5px 10px;
}
.recipe-img-container{
	width: 100%;
	overflow: hidden;
	height: 20vh;
}
.recipe-img-container img{
	width: 100%;
	transform: translateY(-25%);
}
.resepti-block{
	background-color: #93bb00;
}
.resepti-block *{
	font-size: 18px;
	color: #fff;
}
.resepti-block h2{
	font-size: 24px;
}
.resepti-block strong{
	font-size: 20px;
}
#search, .btn-search{
	background-color: #eaf1d2;
	border-radius: 0;
}
.btn-search{
	color: #337220;
}
#search{
	color: #94ba1d;
	border: none;
	box-shadow: none;
	-webkit-box-shadow:none;
}
#search::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #94ba1d;
}
#search::-moz-placeholder { /* Firefox 19+ */
  color: #94ba1d;
}
#search:-ms-input-placeholder { /* IE 10+ */
  color: #94ba1d;
}
#search:-moz-placeholder { /* Firefox 18- */
  color: #94ba1d;
}
img.navbar-brand{
	padding: 5px 15px;
}
footer{
	bottom: 0;
	width: 100%;
	background: #93bb00;
	padding-top: 60px;
}
footer img{
	margin: 20px 0;
}
footer h2{
	font-family: 'Chewy', sans-serif;
	color: #4d712c;
	font-size: 30pt;
}
footer h2>small, footer h2>small>a{
	color: #fff;
	font-size: 23px;
}
footer p{
	color: #fff;
	font-size: 14pt;
	line-height: 1;
}
@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) {
  	.koko-l{
  		width: 100%;
  		height: 100vw;
  	}
  	.koko-m{
  		width: 100%;
  		height: 50vw;
  	}
  	.koko-s{
  		width: 50%;
  		height: 50vw;
  	}
  	.loota h2{
		font-size: 4vw;
	}
}
@media (max-width: 767px) {
  	*{
  		font-size: 14pt;
  	}
  	.loota{
  		padding: 4vw;
  	}
  	.loota.post p{
  		font-size: 4.5vw;
  	}
  	.post p, .text p{
  		font-size: 5vw;
  	}
  	.loota h2{
  		font-size: 3vmax;
  	}
  	.koko-l{
  		width: 100%;
  		height: 100vw;
  	}
  	.koko-m{
  		width: 100%;
  		height: 100vw;
  	}
  	.koko-s{
  		width: 100%;
  		height: 100vw;
  	}
  	.navbar-form{
  		padding: 0;
  	}
  	.nav>li>a{
  		padding-left: 5px !important;
  	}
  	.navbar-collapse{
  		-webkit-box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.25);
		-moz-box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.25);
		box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.25) !important;
  	}
  	.recipe-img-container{
  		height: auto;
  	}
  	.recipe-img-container img{
  		transform: translateY(0);
  	}
}
@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        z-index: 999999;
    }
    .navbar-collapse.collapse:not(.in){
    	display: none !important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}