@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');


#logo img {
	width: 200px !important;
}
.gsc-search-button:not(.gsc-search-button-v2) {
	padding-left: 0 !important;
}
.gsc-input, .gsc-input * {
	border-radius: 0 !important;	
}
.gsc-search-button.gsc-search-button-v2{
	font-size:12px !important;
	color:#fff !important;
	min-width: 70px;
	height: 44px;
	display: flex;
	align-items: center;
	padding-left: 20px;
    padding-right: 20px;
	border-radius: 0 !important;
}
.gsc-search-button.gsc-search-button-v2 svg {
	margin-right: 0.5rem;
}
#haku .gsc-input-box {
	border: none;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.gsc-search-box > tbody {
	border-top: none !important;
}

.mean-container .mean-nav ul li li a {
	opacity: 1 !important;
}

@media all and (min-width: 481px) and (max-width: 970px) {
	.section-reseptihaku #content #haku #haku-blur {
		max-height: 500px !important;
	}
	.gsc-search-box tbody {
		border-top: none !important;
	}
	.gsc-search-button.gsc-search-button-v2{
		padding-left: 10px;
		padding-right: 5px;
	}
}
@media all and (max-width: 480px) {
	.section-reseptihaku #content #haku .gsc-results-wrapper-nooverlay {
		top: 300px !important;
	}
	body.page-node-3 #block-block-6 {
		margin-top: 0 !important;
		min-height: 450px !important;
	}
	.gsc-search-button.gsc-search-button-v2{
		padding-left: 10px;
		padding-right: 5px;
	}

	#haku form tbody {
		border-top: none !important;
	}
	.section-reseptihaku #content #haku h1 {
		margin-bottom: 1rem !important;
		font-size: 30px !important;
	}
	.section-reseptihaku #content #haku h2 {
		top: 275px !important;
	}
	

	.section-reseptihaku #content #haku #haku-blur {
		max-height: 345px !important;
	}
	.gsc-search-box tbody {
		border-top: none !important;
	}
}

.gsc-search-box > tbody table {
	margin: 0;
}

/** Fb-feed **/
#fb-feed-iframe {
	text-align: left;
	width: 100%;
	margin: 20px 0 40px;
}
#fb-feed-iframe iframe {
	width: 460px !important;
	max-width: 100%;
}
/** 030418 / TM **/
.section-reseptihaku #content #gsc-i-id1{
    color:#000 !important;
}

/*** Perus elementit ***/
body {
	/*background-color: #FBFAF9;*/
	background-color: #FFFFFF;
	/* background-image: url("https://www.saasyoda.fi/sites/all/themes/saa_syoda/images/body-bg-left-one.png"), url("https://www.saasyoda.fi/sites/all/themes/saa_syoda/images/body-bg-left-two.png"), url("https://www.saasyoda.fi/sites/all/themes/saa_syoda/images/bg.jpg"); */
background-position: top left, top left, top center;
/*	background-position: top left, top left, top right;*/
	background-size: 754px 366px, 307px 366px, auto;
	background-repeat: no-repeat;
}
body * {
	font-family: 'Poppins', sans-serif;
}
body.front {
	background: #FFFFFF;
	background-color: #FFFFFF;
	/*background-image:url("https://www.saasyoda.fi/sites/all/themes/saa_syoda/images/body-bg-left-one.png"), url("https://www.saasyoda.fi/sites/all/themes/saa_syoda/images/body-bg-left-two.png");*/
	background-position: top center;
/*	background-position: top left, top left, top right;*/
	background-size: auto;
	background-repeat: no-repeat;
}

body.front.logged-in {
	background-color: #FFFFFF;
	/*background-image: url("https://www.saasyoda.fi/sites/all/themes/saa_syoda/images/aitokassi2.jpg");*/
	/*background-position: center 176px;*/
/*	background-position: top left, top left, top right;*/
	/*background-size: auto;*/
	/*background-repeat: no-repeat;*/
	background-image: none;
	background-position: top center;
/*	background-position: top left, top left, top right;*/
	background-size: auto;
	background-repeat: no-repeat;
}

.fb-like-box {
	width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 45px 0;
}

body.front.logged-in #block-block-1 {
	/*display:none;*/
}
#block-block-1 {
	margin-bottom: 0;
}

h1, h2 {
	/* color:#70b521; */
	color:#000000;
	font-family: 'Poppins', sans-serif;
}
h3 {
	/* color:#444444; */
	color:#000000;
	font-family: 'Poppins', sans-serif;
}
h1 {
	font-size: 40px;
	font-weight: 700;
}
h2, h3 {
	font-size: 32px;
	font-weight: 600;
	margin:0 0 -10px 0;
	line-height: 1.3em;;
}

h4 {
	font-size: 24px;
}
h1, h2, h3, h4 {
	margin-bottom: 1.5rem !important;
}
h1 + p, h2 + p, h3 + p, h4 + p {
	margin-top: 0 !important;
}
p, div, .node-type-sivu #content span,
.node-type-resepti #main-content span
{
	/* color:#333333; */
	color:#000000;
	font-size:16px;
}
.node-type-sivu #content span,
.node-type-sivu #content .field-item > p,
.node-type-resepti .content-column > p > span,
.node-type-resepti .content-column > p > strong,
.node-type-resepti .content-column > p
{
	font-size: 16px !important;
}
p {
	margin:10px 0;
    /*
	line-height:20px; 
    */
    line-height: auto;
}
::selection {
	background: auto;
}
::-moz-selection {
	background: auto;
}
::-webkit-selection {
	background: auto;
}
a {
	color:#000000;
	font-weight:600;
	text-decoration-thickness: 2px;
    text-underline-position: under;
}
#page-title + article {
	margin-top:-10px;
}
#headWrapper {
    padding: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
	max-width: 1250px;
    margin: 0 auto;
}
#highlightWrapper {
	width:1250px;
	margin: auto;
	padding:0 10px;
}
body.front #content {
	width: 100%;
}

#highlightWrapperInner,
#content {
    width: 100%;
}
#content {
/*	width:930px;*/
	margin: auto;
/*	padding: 45px 86px;*/
	box-sizing: border-box;
	position: relative;
/*    padding: 75px 100px;*/
    padding: 75px 100px 75px 145px;
}
.node-type-kaupanalan-nosto #highlightWrapperInner {
	display: none;
}
.node-type-kaupanalan-nosto #content {
	margin-top: 6rem;
}
/*
body:not(.page-node-3) #highlightWrapper,
body:not(.page-node-79) #highlightWrapper,
body:not(.front) #highlightWrapper {
	background-image: url("https://www.saasyoda.fi/sites/all/themes/saa_syoda/images/bg.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 130px;
	padding: 0;
	width: 930px;
	height: 320px;
	margin-top: 40px;
}
*/

/*
body:not(.page-node-3) #highlightWrapperInner,
body:not(.page-node-79) #highlightWrapperInner,
*/
body #highlightWrapperInner {
	background-image: url("https://www.saasyoda.fi/sites/all/themes/saa_syoda/images/mansikka-hero.png");
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 130px;
	padding: 0;
	width: 100%;
	height: 416px;
	margin-top: 40px;
}
body.page-node-79 #highlightWrapperInner,
body.page-node-80 #highlightWrapperInner,
body.page-node-81 #highlightWrapperInner,
body.page-node-82 #highlightWrapperInner,
body.page-node-83 #highlightWrapperInner,
body.page-node-90 #highlightWrapperInner{
    margin-bottom: 0;
}

body.page-node-3 #highlightWrapperInner,
/*body.page-node-79 #highlightWrapperInner,*/
body.front #highlightWrapperInner {
	display: none;
}
body #highlightWrapper {
	height:255px;
}
body.front #highlightWrapper {
	height:158px;
	padding:50px 0;
	/*width:960px;
	height:600px;
	padding:0;*/
}
body.front.logged-in #highlightWrapper {
	height:222px;
	/*padding:50px 0;
	height:665px;
	padding:0;*/
}

body.logged-in #esNostoWrapper {
	margin-top:-65px !important;
}
#content img {
	border-radius:0;
}
.field-items .field-item img:not(.image-right):not(.image-left) {
	object-fit: contain;
}
.field-items .field-item .content-image img {
	object-fit: cover;
}
blockquote {
	float:right;
	font-family: 'Poppins', sans-serif;
	color:#222222;
	font-size:20px;
	width:380px;
	margin:1.5rem 0 10px 20px;
	padding:0 0 0 25px;
	padding: 2rem;
	background: #F2F2F2;
	position: relative;
}


@media all and (min-width: 971px) {
	body.page-node-17 blockquote + p,
	body.page-node-2 blockquote + p,
	body.page-node-22 #content .field-name-body .field-item p:nth-of-type(2) 
	{
		max-width: 50%;
	}

	blockquote + p,
	blockquote  + ul{
		max-width: calc((100% - 6rem) / 2) !important;
		min-height: 200px;
	}
	blockquote,
	p + blockquote,
	ul + blockquote
	{
		max-width: calc((100% - 6rem) / 2) !important;
	}
}


blockquote p {
    margin: 0;
    color: #222222;
    line-height: 1.6;
    font-size: 18px;
    font-weight: 500;
	font-family: 'Poppins', sans-serif;
}
blockquote:after {
    content: "";
	position: absolute;
    background: url('https://www.saasyoda.fi/sites/all/themes/saa_syoda/images/quote.png') top left no-repeat;
    margin: 0;
    line-height: 1.3em;
    font-size: 20px;
    font-style: italic;
    width: 40px;
    height: 50px;
    position: absolute;
	right: 1rem;
    bottom: -2rem;
	font-family: 'Poppins', sans-serif;
}
blockquote footer{
	color:#70B521;	
	font-size:13px;
	margin:0;
	font-family: 'Poppins', sans-serif;
}
blockquote footer:before {
	content:"- ";
}
.bq {
	color:#95C25B;	
	font-size:25px;
	font-style:italic;
}
table, tr, td {
	border-color: #333333;
}
.node-type-sivu #content h2:not(.empty),
.node-type-sivu #content h3:not(.empty)
{
	margin: 1.5rem 0 1rem 0;
	font-weight: bold;
}

.node-type-sivu:not(.page-node-77) #content img {
	margin: 0 0 2rem 0;
}

#content .file img.file-icon {
	margin: 0 !important;
}
body.page-node-16.node-type-sivu #content blockquote + p > img {
	margin: 2rem 0 2rem 2rem !important;
}
body.page-node-2.node-type-sivu #content img {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.node-type-sivu:not(.page-node-77):not(.page-node-57) .empty {
	height: 0;
}

#content ul li {
	font-size: 16px;
	margin-top: 0.5rem;
}
#content ul li::marker {
	font-size: 24px;
}
#content ul.tabs li, #content ul.contextual-links li {
	list-style-image: none;
}
#content ol {
	color:#FFFFFF;
	margin:0;
	padding:0;
}
#content ol li {
	list-style:none;
	color:#000000;
	min-height:28px;
	font-size: 14px;
	padding-left:36px;
	margin-top: 0.5rem;
}

#content .olli {
    color: #FFFFFF;
    font-size: 16px;
    /* font-weight: bold; */
    background: #28400B;
    border-radius: 50px;
    width: 15px;
    display: inline-block;
    height: 0;
    font-weight: 400;
    /* padding: 5px 9px 7px 9px; */
    padding: 6px 10px 7px 10px;
    margin-right: 0px;
    margin-left: -36px;
}

#content .olli2 {
	color:#FFFFFF;
	font-size: 12px;
/*	font-weight:bold;*/
	background: url("https://www.saasyoda.fi/sites/all/themes/saa_syoda/images/ol.png") top left no-repeat;
	width:26px;
	height:28px;
	padding:5px 5px 7px 5px;
	margin-right:10px;
	margin-left:-36px;
}
/*** Header ***/
#headerBg {
	width:100%;
	min-width:960px;
	height:120px;
	border-bottom:1px solid #E9E5D5;
	/*background-color: #fbfbf9;
	background-color: rgba(251,251,249,0.96);*/
	background-color: #FFFFFF;
}

#header {
	padding:30px 0 0 0;
}


/*** Navigoinnit ***/
#mainNavi {
	float:right;
	z-index: 2;
}
nav {
/*	color:#70B521;*/
    color:#000000;
}
nav a {
/*	color:#70B521;*/
    color:#000000;
	text-decoration: none;
	font-family: 'Poppins', sans-serif;
	transition: all 300ms ease;
}
nav a.active-trail {
	text-decoration: underline;
}
nav a:hover, nav a.active {
	color:#000;
	text-decoration: underline;
	text-underline-position: under;
	font-weight: bold;
}
nav a.active,
nav a.active-trail
{
	text-decoration: none;
	/*
	font-weight: 600 !important;
	text-decoration-thickness: 2px;
	*/
}
/*
#block-menu-block-2 li.is-expanded a.dropdown-toggle {
	font-weight: 500 !important;
	text-decoration: none !important;
}
*/

#mainNavi .menu-level-1 > ul > li:hover > a,
#mainNavi .menu-level-1 > ul > li > a.active,
#mainNavi .menu-level-1 > ul > li > a.is-active-trail
{
	text-underline-offset: 5px;
}

nav ul.menu {
	margin:10px 0;
    
}

nav:not(#toinenNaviWrapper) ul.menu li ul {
    display: none !important;
}
#block-menu-block-2 li.is-expanded ul {
	display: block;
}

#mainNavi ul.dropdown li ul li ul {
    display: none !important;
}

#mainNavi .menu-level-1 > ul > li {
	position: relative;
}
#mainNavi .menu-level-1 > ul > li:hover ul.dropdown-menu,
#mainNavi .menu-level-1 > ul > li > ul.dropdown-menu:hover
{
    /*display: none !important;*/
    display: flex !important;
    flex-flow: column;
    position: absolute;
    background: #ffffff;
	margin-top: 0;
	left: 0;
    padding: 2rem;
    justify-content: space-between;
    height: min-content;
    z-index: 1;
    width: 400px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
}
#mainNavi .menu-level-1 > ul > li > ul.dropdown-menu > li > ul.dropdown-menu {
	display: none !important;
}
#mainNavi .menu-level-1 > ul > li > ul.dropdown-menu > li:hover > ul.dropdown-menu,
#mainNavi .menu-level-1 > ul > li > ul.dropdown-menu > li:hover > ul.dropdown-menu:hover {
    display: flex !important;
    flex-flow: column;
    position: absolute;
    background: #ffffff;
	margin-top: -2rem;
	left: 12rem;
    padding: 2rem;
    justify-content: space-between;
    height: min-content;
    z-index: 1;
    width: 400px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    position: absolute;
}

#mainNavi .dropdown-menu .menu__item > a {
	position: relative;
    display: flex;
    align-items: flex-start;
	font-weight: 500;
}

#mainNavi .dropdown-menu .menu__item > a:before {
	display: block;
	width: 7px;
	height: 7px;
	content: "";
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	transform: rotate( 
	45deg
	);
	position: absolute;
	left: -1rem;
	top: 7px;
	color: #000000;
	font-size: 18px;
}

#mainNavi .menu-level-1 > ul > li:hover ul.dropdown-menu > li {
	margin: 1rem 0;
}
#mainNavi .menu-level-1 > ul > li:hover ul.dropdown-menu > li.first {
	margin-top: 0 !important;
}
#mainNavi .menu-level-1 > ul > li:hover ul.dropdown-menu > li > a {
	font-size: 16px;
	font-weight: 4000;
	padding-left: 0.5rem;
}


nav .menu li {
	list-style-type:none;
	list-style-image:none;
	display:inline;
	padding:0 20px;
	margin:0 0 0 -5px;
	height:18px;
}
nav .menu li.last {
	border-right: 0px;
}
/*
#mainNavi li.menu__item.is-active
#mainNavi li.menu__item.last a {
	border-bottom: 0px;
	padding-bottom: 5px;
}
*/

nav #block-menu-block-1 a {
	font-size:18px;
	font-family: "Poppins";
    font-weight: 600;
}
nav #block-menu-block-2 a {
	font-size:14px;
}

body.page-node-79 #content h1,
body.page-node-79 #content h2,
body.page-node-80 #content h1,
body.page-node-80 #content h2,
body.page-node-81 #content h1,
body.page-node-81 #content h2,
body.page-node-82 #content h1,
body.page-node-82 #content h2,
body.page-node-83 #content h1,
body.page-node-83 #content h2,
body.page-node-90 #content h1,
body.page-node-90 #content h2{
	color: #000;
	font-weight: 600;
}
body.page-node-79,
body.page-node-80,
body.page-node-81,
body.page-node-82,
body.page-node-83,
body.page-node-90{
	background-image: none;
}
body.page-node-79 #highlightWrapperInner,
body.page-node-80 #highlightWrapperInner,
body.page-node-81 #highlightWrapperInner,
body.page-node-82 #highlightWrapperInner,
body.page-node-83 #highlightWrapperInner,
body.page-node-90 #highlightWrapperInner{
	height: 550px;
	background: url("https://www.saasyoda.fi/sites/all/themes/saa_syoda/images/babaanit_Saa_syoda.jpg");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	position: relative;
	box-sizing: border-box;
}

body.page-node-74 #highlightWrapperInner,
body.page-node-99 #highlightWrapperInner,
body.page-node-100 #highlightWrapperInner{
/*	background: url("https://www.saasyoda.fi/sites/all/themes/saa_syoda/images/Havikkifestarit_saa-syoda-sivustolle.jpg");*/
/*	background-position: bottom center;*/
    background: none;
    height: auto;
}
body.page-node-74 #highlightWrapperInner .block,
body.page-node-74 #highlightWrapperInner .block p,
body.page-node-99 #highlightWrapperInner .block,
body.page-node-99 #highlightWrapperInner .block p,
body.page-node-100 #highlightWrapperInner .block,
body.page-node-100 #highlightWrapperInner .block p {
    margin: 0;
}
body.page-node-74 #highlightWrapperInner img,
body.page-node-99 #highlightWrapperInner img,
body.page-node-100 #highlightWrapperInner img{
    vertical-align: top;
}

body.page-node-79 #block-panels-mini-ruokahavikki-kolmijako-nostot {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
body.page-node-79 #block-panels-mini-ruokahavikki-kolmijako-nostot .panel-display {
/*	max-width: 930px;*/
	margin: 0 auto;
	margin-bottom: 40px;
    padding:0 40px;
}
body.page-node-79 #block-panels-mini-ruokahavikki-kolmijako-nostot .panel-panel {
	text-align: center;
    background: transparent;
    min-height: 290px;
    display: flex;
    align-items: center;
	justify-content: center;
	margin: 0 1.5%;
    padding: 0 15px;
    box-sizing: border-box;
    width: 30.3%;
	background: rgba(255, 255, 255, 0.7);
}
#block-panels-mini-ruokahavikki-kolmijako-nostot .node-nosto-title {
	display: none;
}
body.page-node-79 #block-panels-mini-ruokahavikki-kolmijako-nostot .panel-panel h2 {
	color: #fff;
}
body.page-node-79 #block-panels-mini-ruokahavikki-kolmijako-nostot .panel-panel a {
	color: #000;
	text-decoration: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-top: 190px;
    font-size: 18px;
}
body.page-node-79 #block-panels-mini-ruokahavikki-kolmijako-nostot .panel-panel .contextual-links-region {
    position: static;
}

body.page-node-79 #block-panels-mini-ruokahavikki-kolmijako-nostot .panel-panel {
    position: relative;
}
/*
#block-menu-block-2 {
    position: absolute;
    top: -335px;
    left: -265px;
}
body.page-node-79 #block-menu-block-2 {
	top: -550px;
}
*/
#block-menu-block-2 ul {
	padding: 0;
}
#block-menu-block-2 ul li {
    display: block;
    margin:  0;
    padding: 10px 10px 10px 20px;
    border-bottom: 1px solid #C1C1C1;
    position: relative;
    font-family: "Poppins";
    font-size: 16px;
    font-weight: 600;
/*	max-width: 200px;*/
/*	transition: 333ms ease;*/
    height: auto;
}
#block-menu-block-2 ul li.menu__item.is-active > a
{
	font-weight: bold !important;
	color: #000;
	text-decoration: none;
}
#block-menu-block-2 ul li > a:hover {
	text-decoration: underline 2px;
	color: #000 !important;
}
/*
#block-menu-block-2 ul li:hover {
	padding-left: 35px;
}
*/
/*
#block-menu-block-2 ul li.first {
    margin-top: 0;
}
*/
#block-menu-block-2 ul li {
	border: none;
}
#block-menu-block-2 ul.menu li:not(.dropdown-submenu)::before {
    display: block;
    width: 7px;
    height: 7px;
    content: "";
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(45deg);
    position: absolute;
	left: -0.25rem;
    top: 17px;
    color: #000000;
    font-size: 18px;
}
#block-menu-block-2 ul.menu li.dropdown-submenu.open::before,
#block-menu-block-2 ul.menu li.dropdown-submenu.active::before
{
    content: '-';
}
#block-menu-block-2 ul.menu li.dropdown-submenu:before{
	content: '+';
    position: absolute;
    left: -0.25rem;
    font-size: 24px;
    font-weight: 400;
}
#block-menu-block-2 ul.menu li.dropdown-submenu.active:not(.open):before {
	content: '+' !important;
}
#block-menu-block-2 ul li a {
	color: #000;
	padding: 10px 0;
    transition:all 300ms ease;
    font-size: 18px;
	font-weight: 500;
}
#block-menu-block-2 ul > li > ul > li > a {
	font-size: 16px;
	font-weight: 400;
}

#block-menu-block-2 .dropdown-menu {
	margin-top: 1rem;
}

#block-menu-block-2 ul li a:hover,
#block-menu-block-2 ul li a.active {
	color:#666666;
}
/*
body.page-node-79 #page_content,
body.page-node-80 #page_content,
body.page-node-81 #page_content,
body.page-node-82 #page_content,
body.page-node-83 #page_content,
body.page-node-90 #page_content {
	margin-top: 80px;
}
*/
#alanavinalapala {
	z-index:999;
	width:960px;
	height: 123px;
	background-color:#FFFFFF;
	margin:5px auto -76px auto;
}

#toinenNaviWrapper ul.menu {
	padding: 30px 30px 0 0;
}

#toinenNaviWrapper .menu-parent {
	margin-top: 3rem;
    font-size: 25px;
    font-weight: bold;
    margin-bottom: -1rem;
}
#toinenNaviWrapper li:not(.is-active-trail) .dropdown-menu {
	display: none;
}
.mean-container .mean-nav > div > ul {
    box-shadow: 0 3px 6px -3px #222;
}

/*** Nostot ***/
.etusivunEsittelyTeksti {
    font-size: 62px;
    color: #fff;
    font-family: "Poppins";
    font-weight: 700;
    max-width: 450px;
    line-height: 1.2;
    text-align: left !important;
    width: 100%;
	margin: 0;
	padding: 8rem 0;
	text-shadow: none;
	color: #000000;
	z-index: 1;
    position: relative;
}
#esNostoWrapper {
	width:100%;
	/*min-width:970px;*/
	background: /*url("https://www.saasyoda.fi/sites/all/themes/saa_syoda/images/etusivunnosto-bg.jpg") 0 0 repeat-x*/#70B421;
	height:45px;
	margin-top:-1px;
}
body.front #esNostoWrapper {
	/*width:960px;*/
	margin:0 auto;
	width:100%;
	background: /*url("https://www.saasyoda.fi/sites/all/themes/saa_syoda/images/etusivunnosto-bg.jpg") 0 0 repeat-x*/#70B421;
	/*height:360px; */
    height:auto;
	margin-top:-1px;
}

#block-sharethis-sharethis-block {
    position: absolute;
    top: -50px;
    right: 0px;
    margin: 0;
    background: #F2F2F2;
}
.sharethis-wrapper::before {
	display: block;
    content: "Jaa sivu";
    font-family: "Poppins";
    font-size: 16px;
    font-weight: 600;
    width: 100%;
    height: 50px;
    text-align: center;
    color: #000;
    padding: 1rem 2rem 1rem 2rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}
.sharethis-wrapper {
    width: 100%;
	display: flex;
}
.sharethis-wrapper span {
    display: block;
}
.sharethis-wrapper span.st_facebook_button {
    background-image: url("https://www.saasyoda.fi/sites/all/themes/saa_syoda/images/icon-facebook.png") !important;
    background-repeat: no-repeat;
    text-align: center;
    background-size: 50px 50px;
    background-position: center center;
	padding: 0 !important;
	margin: 0 !important;
	width: 50px;
}
.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices {
    background-image: none !important;;
}
.stButton {
	height: 100%;
}
.sharethis-wrapper span.st_twitter_button {
    background-image: url("https://www.saasyoda.fi/sites/all/themes/saa_syoda/images/icon-twitter.png") !important;
    background-repeat: no-repeat;
    text-align: center;
    background-size: 50px 50px;
    background-position: center center;
	width: 50px;
}
.sharethis-wrapper span.st_twitter_button, .sharethis-wrapper span.st_twitter_button * {
	padding: 0 !important;
	margin: 0 !important;
}
.sharethis-wrapper span.st_facebook_button, .sharethis-wrapper span.st_facebook_button * {
	padding: 0 !important;
	margin: 0 !important;
}
.sharethis-wrapper span.st_googleplus_button {
    display: none;
}
.sharethis-wrapper span.st_facebook_button,
.sharethis-wrapper span.st_twitter_button,
.sharethis-wrapper span.st_pinterest_button {
    margin: 0;
	height: 50px;
}
.st_pinterest_button,
.st_googleplus_button
{
	display: none !important;
}
#mini-panel-etusivun_kolmijako_nostot {
	width:1250px;
	padding: 0;
	margin:0px auto 0px auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#mini-panel-etusivun_kolmijako_nostot:after {
	display: none;
}
#mini-panel-etusivun_kolmijako_nostot p {
	text-align: center;
	color:#FFFFFF;
	margin:0;
	font-size: 16px;
}
#mini-panel-etusivun_kolmijako_nostot h2 {
	text-align: center;
	color:#FFFFFF;
	margin: 8px 0;
	line-height:1em;
	font-size: 22px;
}
#mini-panel-etusivun_kolmijako_nostot .panel-panel {
	min-height: 350px;
	overflow: hidden;
	background: transparent;
    margin: 0 1.25% 0 0;
    padding: 0 15px;
	position:relative;
    width:32.5%;
	border: none !important;
}

#mini-panel-etusivun_kolmijako_nostot .panel-panel.panel-col-last {
    margin:0;
}
#mini-panel-etusivun_kolmijako_nostot img {
	margin-top: 40px;
}

#mini-panel-etusivun_kolmijako_nostot .panel-panel .pane-content {
	padding:0 10px;
}
#mini-panel-etusivun_kolmijako_nostot .panel-panel .pane-content a{
	color:#FFFFFF;
	text-decoration: none;	
}
.esNostoKuva {
	margin: 0 auto;
}
#mini-panel-etusivun_kolmijako_nostot .panel-panel div.esNostoLinkki {
	position:absolute;
	bottom:3px;
	background-color: /*#59A118*/#5CA219;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #72B622 0%, #5CA219 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #72B622 0%, #5CA219 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(top, #72B622 0%, #5CA219 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #72B622), color-stop(1, #5CA219));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #72B622 0%, #5CA219 100%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #72B622 0%, #5CA219 100%);
	border-radius: 2px; 
	box-shadow: 0 2px 1px 0 #528617;
	width:250px;
	height:30px;
	text-align:center;
	vertical-align:middle;
	margin: 0 10px;
	cursor:pointer;
}
#mini-panel-etusivun_kolmijako_nostot .panel-panel div.esNostoLinkki a {
	color:#ffffff;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	height:100%;
	width:100%;
}
#mini-panel-etusivun_kaksijako_nostot {
	margin:0;
	padding:45px 0 0;
}
#mini-panel-etusivun_kaksijako_nostot .inside {
	margin:0;
}

#mini-panel-etusivun_kaksijako_nostot .panel-col-first {
	margin-right:20px;
	width:460px;
}
#mini-panel-etusivun_kaksijako_nostot .panel-col-last {
	width:460px;
}
#mini-panel-etusivun_kaksijako_nostot .panel-col-last .inside {
	padding-left:15px;
}
#mini-panel-etusivun_kaksijako_nostot .panel-separator {
	margin-bottom:40px;
}
#mini-panel-etusivun_kaksijako_nostot h2 {
	margin:0 auto 10px;
	font-family: "Poppins";
    font-weight: 600;
	font-size: 32px;
	color: #000;
	text-align: center;
    line-height: 1.3em;
    max-width: 700px;
}
#mini-panel-etusivun_kaksijako_nostot p {
	margin:0;
}
.esAlaNostoLinkki{
	margin:15px 0 0 0;
}
.esAlaNostoLinkki a:after {
	content:" ›";
}
.esAlaNostoLinkki a{
	text-decoration: none;
	font-size: 13px;
}
.maatuvaLogo {
	margin-left:20px;
}
#block-panels-mini-etusivun-kaksijako-nostot {
	margin:0;
	border: none;
    padding: 0 50px;
}
#block-block-8 p:last-of-type {
	margin-bottom:45px;
}

/*** Footer ***/
#footer {
	width:100%;
	/*min-width:960px;*/
	border-top:1px solid #E9E5D5;
	background-color: #000000;
	padding: 0;
	font-family: 'Poppins', sans-serif;
    font-size: 16px;
}

#footer h2,
#footer h3,
#footer p,
#footer div,
#footer a {
    color:#ffffff;
}

#footer h2,
#footer h3 {
	font-size: 20px;
	font-weight: 600;
}
#footer .block {
	width:100%;
	padding:0 10px;
	margin: 0 auto;
    box-sizing: border-box;
    max-width: 1250px;
}
#footer #block-block-2 {
	margin-bottom:50px;
}
#footer #block-block-2 h2 {
	margin:0 0 10px 0;	
}

#footer #block-block-2 {
	display: flex;
	flex-flow: row;
	padding: 4rem 0 6rem 0;
	border-bottom: 2px solid rgba(255,255,255,0.27);
}
#footer #block-block-2 #block-2-col1 {
	padding: 0 1rem;
}

#footer #block-block-2 #block-2-col1 h2 {
	font-size: 24px;
}

#footer #block-block-2 #block-2-col1,
#footer #block-block-2  #block-2-col3 {
	width: 24%;
	box-sizing: border-box;
}
#footer #block-block-2  #block-2-col2 {
	width: 50%;
	box-sizing: border-box; 
	padding: 0 4rem;
}
#footer #block-block-2  #block-2-col2 h2 {
	font-size: 25px;
	font-weight: bold;
}
#footer #block-block-3 h2 {
	font-size: 30px;
	font-weight: bold;
}

#footer #block-2-col2 .mistaOnKyseToka {
	font-size: 20px;
	line-height: 1.5;
	margin-top: 2rem;
}
#footer #block-2-col3 .mistaOnKyseToka {
	font-size: 25px;
	font-weight: bold;
	line-height: 1.5;
}

#footer #block-block-2, #footer #block-block-4 {
	clear:both;
}

#footer #block-block-4 {
	width: 100%;
    margin: 0;
    max-width: 100%;
    border-top: none;
    background: #000000;
}

#footerYhteystiedot {
/*	padding:20px 0;*/
	text-align: center;
	padding: 3rem 0;
}
#footerYhteystiedot a {
	font-weight: normal;
	text-decoration: none;
}
#footerYhteystiedot a:hover {
	text-decoration: underline;
}

#footerYhteystiedot div {
	display: inline;
	font-size:18px;
}

#footer-contact {
	text-decoration: none;
    padding: 1.5rem 2.5rem;
    border-radius: 3rem;
    color: #000000 !important;
    font-weight: bold;
    font-size: 18px;
    background: #ffffff;
    border: 2px solid #ffffff;
    transition: all 300ms ease;
    width: max-content;
    min-width: 200px;
    max-width: 300px;
    margin-top: 3rem;
    text-align: center;
	display: block;
}

#footer-contact:hover {
	/*
	background: #28400B;
	border-color: #28400B;
	*/
	background: #83b641;
	border-color: #83b641;
	color: #ffffff !important;
}


#footer-logos {
    margin-left: 9rem;
    align-items: center;
    width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
#footer-logos img {
    margin: 1rem;
    width: 100px;
}

/*** Lomakkeet ***/




/*** Annoslaskuri ***/
#annoslaskuri {
	position: relative;
	border-radius:5px;
	padding:30px 45px;
	background: #70B521;
	height:175px;
/*	width:890px;*/
	 	

/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #70B521 60%, #63AA1B 60%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #70B521 60%, #63AA1B 60%);

/* Opera */ 
background-image: -o-linear-gradient(top, #70B521 60%, #63AA1B 60%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.6, #70B521), color-stop(0.6, #63AA1B));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #70B521 60%, #63AA1B 60%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #70B521 60%, #63AA1B 60%);
}
#laskuriWrapper, #laskuriVasen, #laskuriOikea {
	display:inline;
}
#laskuriVasen, #laskuriOikea {
	width: 370px;
    max-width: 45%;
	margin:0 5% 0 0;
	float:left;
}
#aikuista, #lasta {
	color:#FFFFFF;
	font-size: 20px;
	
}
#slider-aikuista, #slider-lasta {
	margin:30px 0;
/*	border:1px solid #4D9410;*/
}
#laskuriWrapper span {
	font-weight:bold;
}

.ui-slider-handle {
	background: url("https://www.saasyoda.fi/sites/all/themes/saa_syoda/images/slider-ball.png") 0 0 no-repeat;
	width:34px;
	height:34px;
}

#laskuriTxt {
	clear:both;
/*	margin-top:30px;*/
	font-size:16px;
/*	color:#A1CC76;*/
	color:#FFFFFF;
	position:absolute;
	left:45px;
	top:180px;
}

#content #annoskoot #annosLaskuriTaulukko .tuoteOtsikko {
	color:#70b521;
/*	font-family: 'Poppins', sans-serif;*/
	font-size:20px;
	margin-bottom:10px;
}

#content #annoskoot #annosLaskuriTaulukko .yksiAnnos {
	color:#5A5957;
	font-size:13px;
}

#content #annoskoot #annosLaskuriTaulukko .tuoteMaara {
	color:#70b521;
/*	font-family: 'Poppins', sans-serif;*/
	font-size:38px;
	text-align: right;
	vertical-align: middle;
}

#content #annoskoot #annosLaskuriTaulukko td {
	border-color: #E3dE2E0;
	border-style: solid;
	border-width: 0 0 1px 0;
	padding: 25px 20px;
}

#content #annoskoot #annosLaskuriTaulukko {
	border-color: #E3E2E0;
	border-style: solid;
	border-width: 1px 0 0 0;
	margin-top: 40px;
}

#content #annoskoot #annosLaskuriTaulukko .tuoteKuva {
	width:0px;
	padding:0;
}


/*** Google Custom Search ***/
body.page-node-3 #content {
	margin-top: 40px;
	padding-top: 0;
}
body.page-node-3 #block-block-6 {
    overflow: hidden;
    width: calc(100% + 245px);
    margin: 40px 0 0 -145px;
/*
    margin-bottom: 30px;
    margin-left: -86px;
*/
}
@media all and (min-width: 481px){
.section-reseptihaku #content #haku {
	height: 450px;
/*
	display: flex;
	align-items: center;
	position: relative;
*/
    padding-top: 80px;
}
}
.section-reseptihaku #content #haku.open {
	height: auto;
	transition: height 666ms ease-in;
}
.section-reseptihaku #content #haku #___gcse_0 {
/*
	position: absolute;
	top: 70px;
*/
    order:1;
    padding:0 0 200px;
}
.section-reseptihaku #content #haku #haku-blur {
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	background: url("https://www.saasyoda.fi/sites/default/files/styles/hero/public/italialainen-fenkolisalaatti_image.png?itok=PORbtVgK");
	background-position: top center;
	background-size: cover;
	max-height: 600px;
}
#haku-overlay {
	position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.2);
}
.section-reseptihaku #content #haku h1 {
	position: relative;
    text-align: center;
    color: #fff;
    margin-bottom: 2.5em;
}
.section-reseptihaku #content #haku h2 {
    position: absolute;
    top: 240px;
    font-size: 20px;
    margin-top: 3rem;
    margin-left: 0.5rem;
    z-index: 1000;
	display: none;
}

.section-reseptihaku #content #haku #haku-wrapper {
    max-width: 770px;
    margin:0 auto;
    display: flex;
    position: relative;
    flex-direction: column;
}

.section-reseptihaku #content #haku .gsc-results-wrapper-nooverlay {
	position: relative;
    top: 240px;
    height: auto;
    background: #ffff;
}

.section-reseptihaku #content #haku #haku-info {

	font-size: 11px;
    order:2;
    position:absolute;
    top:50px;
}
.section-reseptihaku #content #haku #haku-info p {
	color: #fff;
	font-family: "Poppins";
	background: rgba(255, 255, 255, 0.8);
	box-shadow: 5px 3px 9px 0px rgb(0 0 0 / 20%);
    padding: 1.5rem;
    margin-top: 1rem;
    margin-right: 0.5rem;
    margin-left: 0.5rem;
    color: #000;
}
.section-reseptihaku #content .gsc-control-wrapper-cse table.gsc-search-box {
/*	padding:30px !important;*/
	background-image: none !important;
	margin:0 !important;
	position: relative;
}

.section-reseptihaku #content .gsc-input {
	background-image: none !important;
	padding-right: 0;
}

.section-reseptihaku #content .gsc-clear-button {
	display:none;
}
.section-reseptihaku #content .gsc-control-cse, .gsc-search-box {
	margin:0 !important;
	padding:0 !important;
	background: transparent !important;
	border:0px !important;
	border-collapse: separate !important;
}
.section-reseptihaku #content table.gsc-search-box td {
	height:44px;
	text-align: center;
	box-sizing: border-box;
}
.section-reseptihaku #content input.gsc-search-button {
	height:60px !important;
	width:158px;
	text-align:center;
	vertical-align:middle;
	border: 0px !important;
	font-size:18px !important;
	font-family: 'Poppins', sans-serif;
	margin-left: -116px;
    background: #fff;
    color: #83b641;
    box-shadow: none;
    border-radius: 30px;
}
#haku button.gsc-search-button {

}
.section-reseptihaku #content #gsc-i-id1 {
	height: 60px;
	font-family: 'Poppins', sans-serif;
	font-size: 18px;
	border-radius: 0;
	padding: 0 15px;
	box-sizing: border-box;
	border: 2px solid #fff;
	color: #fff;
	background: rgba(255,2555,255,0.4);
}
.section-reseptihaku #content .gsc-above-wrapper-area table {
	margin:0 !important;
}
.section-reseptihaku #content .gsc-table-result img {
	border-radius:0px !important;
	border:1px solid #BBBBBB;
}

.section-reseptihaku #content .gsc-webResult.gsc-result, .section-reseptihaku #content .gsc-results .gsc-imageResult  {
	background-color:transparent !important;
	background:none !important;
	border-color:none !important;
	border:0px !important;
}
.section-reseptihaku #content .gsc-webResult a, .section-reseptihaku #content a.gs-title, .section-reseptihaku #content a.gs-title b, .section-reseptihaku #content .gs-visibleUrl  {
	color:#70B521 !important;
}

.section-reseptihaku #content table td, #content .gsc-search-box table th {
	border-bottom-width: 0;
}

#footer-logot {
	width:100%;
}


#block-block-3 {
	display: flex;
}

#block-block-3 h2 {
	margin-bottom: 40px;
}
#footer #block-block-3 {
	margin:6rem auto;
}
.clearer {
	clear: both;
	height:0;
	margin:0;
	padding:0;
}
body #content {
	margin-top:-130px;
}

body.node-type-sivu #content {
	padding: 4rem 5rem;
}
body.front #content,
body.page-node-79 #content,
body.page-node-80 #content
body.page-node-81 #content
body.page-node-82 #content
body.page-node-83 #content
body.page-node-90 #content
body.page-node-3 #content {
	margin-top:0;
}

#content table{
	width:100%;
}

#content table, #content table tr, #content table td, #content table th {
	border-color: #E3E2E0;
	border-width: 0;
	border-style: solid;
	padding: 0.5rem;
}
#content table th {
    color: #222222;
    background-color: #F2F2F2;
    padding: 0.5rem 1rem;
    font-weight: normal;
}

#content table td, #content table th {
	border-bottom-width: 1px;
/*	padding:10px 15px;*/
}

.kavennettu-teksti {
	max-width: 480px;
}
#sailytysaikoja {
	margin-top:-50px;
}
.front a.node-nosto-wrapper {
	text-decoration: none;
    font-weight: normal;
	cursor: pointer;
	display: block;
	height: 100%;
	width: 100%;
}
#block-panels-mini-etusivun-kolmijako-nostot a.node-nosto-link {
	color: #FFFFFF;
    text-decoration: none;
    position: absolute;
    bottom: 2rem;
}
/*
.etusivu-nosto:hover .node-nosto-title {
	text-decoration: underline;
}
*/
.node-nosto-link:hover/*,
.etusivu-nosto:hover .node-nosto-link*/
{
	color: #83b641 !important;
}
/*.etusivu-nosto:hover .node-nosto-link-icon,*/
.node-nosto-link:hover .node-nosto-link-icon {
	background-image: url('https://www.saasyoda.fi/sites/all/themes/saa_syoda/images/circle-right-green.png');
}
.node-nosto-link-icon {
    background-image: url('https://www.saasyoda.fi/sites/all/themes/saa_syoda/images/circle-right.png');
    width: 26px;
    height: 26px;
    display: inline-block;
    background-size: contain;
    vertical-align: bottom;
    margin-left: 0.75rem;
}

#block-block-3 tr td {
    /*width: 34%;*/
/*   	width: 20%;*/
    width: 14.28%;
    text-align: center;
    padding: 10px 0 !important;
    box-sizing: border-box;
    vertical-align: middle;
}
#block-block-3 tr td img {
    max-width: 100% !important;
    height:auto !important;
}
/*
#block-block-3 tr td:first-of-type {
    width: 33%;
    text-align: left;
}

#block-block-3 tr td:last-of-type {
    width: 33%;
    text-align: right;
}*/

/*** NOSTOBOXIST ***/
.nostoLeft,
.nostoRight {
	width:350px;
	padding:15px;
	box-sizing: border-box;
	background-color: #70b421;
	margin:15px 0;
	border-radius: 5px;
}

.nostoLeft *,
.nostoRight * {
	color:#FFFFFF !important;
}

.nostoLeft {
	float:left;
	margin-right:15px;
}

.nostoRight {
	float:right;
	margin-left:15px;
}

#content .nostoLeft ul li,
#content .nostoRight ul li {
	list-style-image: url("https://www.saasyoda.fi/sites/all/themes/saa_syoda/images/nosto_ul.png");
	font-size: 12x;
}

#content .nostoLeft .olli,
#content .nostoRight .olli {
	color:#70b421 !important;
	background: url("https://www.saasyoda.fi/sites/all/themes/saa_syoda/images/nosto_ol.png") top left no-repeat;
}

/*** aitokassi banneri ***/
#block-block-10 p {
	margin:0;
}

#block-block-10 {
	position:relative;
}
#block-block-10 .lisaa_linkki {
	position:absolute;
	top:422px;
	left:683px;
}

#block-block-10 .palaute_linkki {
	position:absolute;
	top:462px;
	left:683px;
}

#upBtn {
    color:#ffffff;
    background-color: #83b641;
    height: 60px;
    width: 60px;
    line-height: 60px;
    cursor: pointer;
    border-radius: 50%;
    margin: -30px auto 50px;
    text-align: center;
    font-size: 22px;
	position: relative;
	z-index: 1;
}

/*** YLEISET ***/
body {
	background-color: #F2F2F2 !important;
}
body #content {
	background: #fff !important;
	margin-bottom: 80px !important;
}
body.front #content {
	margin-bottom: 0 !important;
}
/*** Reseptihaku ***/
body.page-node-3 {
	background-image: none;
}
body.page-node-3 #page-title {
	display: none;
}
body.page-node-3 #highlightWrapper {
	display: none;
}

/*** ETUSIVU ***/
body.front #highlightWrapper {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto !important;
}
body.front #highlightWrapper .highlightBackground {
	margin-top: 0;
	height: 40rem;
	background-image: url("https://www.saasyoda.fi/sites/all/themes/saa_syoda/images/etusivu-hero.png");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	/* margin-bottom: 65px; */
	box-sizing: border-box;
	margin-bottom: 0 !important;
	position: absolute;
}
body.front #highlightWrapper .highlightContent {
	width: 1250px;
	max-width: 100%;
	margin: 0 auto;
	margin-bottom: 5rem;
}


body.front #content p a {
	text-decoration: none;
    padding: 1.5rem 2.5rem;
    border-radius: 3rem;
    color: #ffffff;
	font-weight: bold;
	font-size: 18px;
    background: #28400B;
	border: 2px solid #28400B;
	transition: all 300ms ease;
}
body.front #content p a:hover {
    background: #ffffff;
    color: #28400B;
    border: 2px solid #28400B;
}
body.front #mini-panel-etusivun_kaksijako_nostot p {
    max-width: 700px;
    text-align: left;
    margin: 50px auto;
}
body.front #mini-panel-etusivun_kaksijako_nostot img {
	width: 100% !important;
	height: auto !important;
}
#fb-feed-iframe img {
	max-width: 600px;
}
/************ Etusivun flex layout ***********************/


body.front #mini-panel-etusivun_kaksijako_nostot > div > div {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#mini-panel-etusivun_kaksijako_nostot .panel-pane {
	flex-basis: 100%;
}
#mini-panel-etusivun_kaksijako_nostot .pane-block-13 {
	flex-basis: 45%;
}
#mini-panel-etusivun_kaksijako_nostot .panel-pane:nth-of-type(2) {
	flex-basis: 50%;
}
#mini-panel-etusivun_kaksijako_nostot  .panel-pane:nth-of-type(2) .node-nosto-content {
	padding: 6rem 0;
}
#mini-panel-etusivun_kaksijako_nostot .panel-pane:last-of-type {
	padding: 6rem;
	display: flex;
	justify-content: center;
	background: #F2F2F2;
	margin-top: 5rem;
	margin-bottom: 4rem;
}

#page_content {
    max-width:1250px;
    padding:0 25px;
    margin:0 auto;
    display: flex;
}
#toinenNaviWrapper {
    flex-basis: 345px;
}

#content_wrapper {
    flex-basis: 100%;
}
#block-panels-mini-ruokahavikki-kolmijako-nostot img {
    height: 60px !important;
    width:auto !important;
}

body.front #block-sharethis-sharethis-block,
body.page-node-3 #block-sharethis-sharethis-block {
    display: none;
}

body.page-node-3 .view-content .view-content,
body.page-node-79 #content .view-content,
body.page-node-80 #content .view-content,
body.page-node-81 #content .view-content,
body.page-node-82 #content .view-content,
body.page-node-83 #content .view-content,
body.page-node-90 #content .view-content {
    padding:0;
    display: flex;
    flex-wrap:wrap;
    justify-content: flex-start;
}
body.page-node-3 .view-content .views-row,
body.page-node-79 .view-content .views-row,
body.page-node-80 .view-content .views-row,
body.page-node-81 .view-content .views-row,
body.page-node-82 .view-content .views-row,
body.page-node-83 .view-content .views-row,
body.page-node-90 .view-content .views-row {
    flex-basis: 32%;
    list-style: none;
    list-style-type:none;
    list-style-image: none !important;
    margin: 0 1.33% 20px 0;
}
body.page-node-3 .view-content .views-row a,
body.page-node-79 .view-content .views-row a,
body.page-node-80 .view-content .views-row a,
body.page-node-81 .view-content .views-row a,
body.page-node-82 .view-content .views-row a,
body.page-node-83 .view-content .views-row a,
body.page-node-90 .view-content .views-row a {
    color:#000000;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    padding: 5px 0;
}
body.page-node-3 .view-content .views-row img,
body.page-node-79 .view-content .views-row img,
body.page-node-80 .view-content .views-row img,
body.page-node-81 .view-content .views-row img,
body.page-node-82 .view-content .views-row img,
body.page-node-83 .view-content .views-row img,
body.page-node-90 .view-content .views-row img {
    border-radius: 0 !important;
    width: 100% !important;
    height: 141px !important;
    max-height: 141px !important;
    min-height: 141px !important;
    object-fit: cover;
    object-position: center;
}

body.page-node-3 h2.block-title,
body.page-node-79 h2.block-title,
body.page-node-80 h2.block-title,
body.page-node-81 h2.block-title,
body.page-node-82 h2.block-title,
body.page-node-83 h2.block-title,
body.page-node-90 h2.block-title {
    text-align: center;
    margin: 30px 0;
}

#block-menu-block-1 {
    margin:20px 0 0 0;
}

.accordion {
    list-style: none;
    padding: 0;
	max-width: 100% !important;
  }
.accordion-info {
	padding: 1.5rem 0;
}
  .accordion .item-inner {
    padding-left: 1em;
    overflow: hidden;
	display: none;
	padding: 1.5rem;
  }
  .accordion .item-inner.show {
    /*display: block !important;*/
  }
  .accordion .accordion-item {
    margin: 0.5em 0;
  }
  .accordion .accordion-item img {
	transition: box-shadow 0.3s ease-in-out;
  }
  .accordion .accordion-item  > a.toggle {
    width: 100%;
    display: block;
    color: #fefefe;
    padding: 0;
	border-radius: 0.15em;
	font-size: 20px;
	transition: background 0.2s ease;
	text-decoration: none;
  }

  .accordion .accordion-item:hover img {
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
		 box-shadow: 0 8px 6px -6px black
  }

  @media all and (max-width: 480px){
	  .accordion-item img{
		height: 45px !important;
		object-fit: cover;
		object-position: left;
	  }
	  .accordion-info, .accordion .item-inner{
		  padding: 1rem 0;
	  }
  }

  .page-node-107 #highlightWrapperInner {
	  background-image: url('https://www.saasyoda.fi/sites/all/themes/saa_syoda/images/havikkibattle/Banner_v1_teksti.png') !important;
	  background-size: contain;
	  background-repeat: no-repeat;
	  width: 100%;
	  height: 0;
	  padding-top: 22.88%;
  }
.page-node-78 #highlightWrapperInner, .page-node-84 #highlightWrapperInner, .page-node-85 #highlightWrapperInner, .page-node-86 #highlightWrapperInner, .page-node-105 #highlightWrapperInner, .page-node-108 #highlightWrapperInner {
	background-image: url('https://www.saasyoda.fi/sites/all/themes/saa_syoda/images/havikkibattle/Banner_v4.png') !important;
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	height: 0;
	padding-top: 22.88%;
}

.page-node-78 li.has-children ul.menu, .page-node-107 li.has-children ul.menu, .page-node-108 li.has-children ul.menu {
	display: block !important;
	padding: 0 !important;
}
.page-node-78 li.has-children ul.menu li, .page-node-107 li.has-children ul.menu li, .page-node-108 li.has-children ul.menu li {
	border: none !important;
}

a.havikki-kieli {
    text-decoration: none;
    padding: 10px 35px;
    border-radius: 19px;
    color: #83b641;
    background: none;
    border: 2px solid #83b641;
	transition: all 300ms ease;
	position: absolute;
    top: 5rem;
    right: 6rem;
}
a.havikki-kieli:hover{
	background: #83b641;
	color: #fff;
}
@media all and (min-width: 550px) and (max-width: 1149px){
	a.havikki-kieli {
		top: 1rem;
		right: 1rem;
	}
}
@media all and (max-width: 549px){
	a.havikki-kieli {
		position: relative;
		top: 0;
		right: 0;
	}
}


#mini-panel-etusivun_kolmijako_nostot {
    width: 100%;
    margin: 0;
}
#mini-panel-etusivun_kaksijako_nostot .panel-panel {
  width: 1050px;
  max-width: 100%;
  margin: 0 auto;
}
#block-panels-mini-etusivun-kolmijako-nostot .pane-title {
    display: none;
}
#block-panels-mini-etusivun-kolmijako-nostot .panel-panel {
  width: calc((100% - 4rem) / 3);
  flex-basis: calc((100% - 4rem) / 3);
  background: transparent !important;
}

#block-panels-mini-etusivun-kolmijako-nostot .panel-pane {
    background: #fff;
    margin-bottom: 2rem;
}
#block-panels-mini-etusivun-kolmijako-nostot .panel-panel,
#block-panels-mini-etusivun-kolmijako-nostot .inside {
    padding: 0;
    margin: 0;
}
.etusivu-sisalto .node-nosto-image,
#mini-panel-ruokahavikki_kolmijako_nostot .node-nosto-image
{
  display: none;
}
.etusivu-sisalto .node-nosto-title {
  font-size: 35px;
  font-weight: bold;
  line-height: 1.5;
  text-align: left;
}
#block-panels-mini-etusivun-kolmijako-nostot .node-nosto-image img {
    margin-top: 0;
	width: 400px;
    height: 280px;
    object-fit: cover;
	vertical-align: bottom;
}
#block-panels-mini-etusivun-kolmijako-nostot .node-nosto-content {
    padding: 2rem;
    min-height: 240px;
    display: flex;
    flex-flow: column;
    position: relative;
}
#mini-panel-etusivun_kolmijako_nostot p {
    color: #000000;
    text-align: left;
}
#block-panels-mini-etusivun-kolmijako-nostot .field-name-body {
  margin-top: 1rem;
}
/*
body.node-type-sivu .field-name-body p {
	display: flex;
}
body.node-type-sivu .field-name-body p > img {
	order: 2;
}
*/
.node-nosto-title {
  color: #000000;
  font-size: 23px;
  font-weight: bold;
  text-align: left;
}
.node-nosto-link {
  color: #000000 !important;
  font-size: 18px;
  font-weight: bold;
  display: block;
  margin-top: 2rem;
  text-align: left;
}
.etusivu-sisalto .node-nosto-link {
  text-decoration: none;
  padding: 1.5rem 2.5rem;
  border-radius: 3rem;
  color: #ffffff !important;
  font-weight: bold;
  font-size: 18px;
  background: #83b641;
  border: 2px solid #83b641;
  transition: all 300ms ease;
  width: max-content;
  min-width: 200px;
  max-width: 300px;
  margin-top: 3rem;
  text-align: center;
}

#mini-panel-etusivun_kaksijako_nostot .panel-pane:last-of-type .node-nosto-link {
  margin-left: auto;
  margin-right: auto;
}

body.front #mini-panel-etusivun_kaksijako_nostot .panel-pane:last-of-type p {
  text-align: center;
}

.etusivu-sisalto .node-nosto-link:hover {
  background: #ffffff;
  color: #83b641 !important;
  border: 2px solid #83b641;
}
.etusivu-sisalto .node-nosto-link-icon {
  display: none;
}

.etusivu-sisalto p,
.etusivu-sisalto span {
  font-weight: normal !important;
  font-size: 20px !important;
  line-height: 1.5 !important;
}

.etusivu-sisalto p {
  margin: 1.5rem 0 0 0 !important;
}
.pane-title {
  display: none !important;
}

#block-block-5 {
	margin-top: 4rem;
}

/*********************************************************************************************
**********************************************************************************************
***************************** Säilytä oikein sivun nostot ************************************
**********************************************************************************************
**********************************************************************************************/
#sisaltoHighLightWrapper {
	margin: 0;
    padding: 0;
    width: 100%;
    height: auto !important;
}

.sailyta-oikein-hero {
	margin-top: 0;
    height: 40rem;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    /* margin-bottom: 65px; */
    box-sizing: border-box;
    margin-bottom: 0 !important;
    position: absolute;
}

.sailyta-oikein-title-wrapper {
	height: 478px;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.sailyta-oikein-title {
	font-size: 62px;
    color: #fff;
    font-family: "Poppins";
    font-weight: bold;
    max-width: 450px;
    line-height: 1.2;
    text-align: left !important;
    width: 100%;
    margin: 0;
    padding: 0;
    text-shadow: none;
    color: #000000;
	position: relative;
}
.sailyta-oikein-link {
	position: relative;
    text-decoration: none;
    padding: 1.5rem 2.5rem;
    border-radius: 3rem;
    color: #000000 !important;
    font-weight: bold;
    font-size: 18px;
    background: #ffffff;
    border: 2px solid #ffffff;
    transition: all 300ms ease;
    width: max-content;
    min-width: 200px;
    max-width: 300px;
    margin-top: 3rem;
    text-align: center;
    display: block;
}
.sailyta-oikein-link:hover {
    background: #83b641;
    border-color: #83b641;
    color: #ffffff !important;
}

.sailyta-oikein-nostot {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
	width: 1250px;
	max-width: calc(100% - 4rem);
    margin: auto;
}
.sailyta-oikein-nostot:after {
    content: "";
    flex-basis: calc((100% - 4rem) / 3);
}
.sailyta-oikein-nostot article {
    width: calc((100% - 4rem) / 3);
    flex-basis: calc((100% - 4rem) / 3);
	margin-top: 2rem;
    overflow: hidden;
}

#highlightWrapperSisalto .title-wrapper,
#content.node-116
{
	width: 1250px;
	max-width: 100%;
    margin: auto;
    padding: 0 10px;
}
#content.node-116 {
	margin-top: 8rem;
}
#content.node-116 .field-name-body {
    width: 750px;
    max-width: 100%;
}
#content.node-116 h2 {
	font-weight: bold;
	font-size: 40px;
}
#content.node-116 h3 {
	font-weight: bold;
	font-size: 30px;
}
#highlightWrapperSisalto .node-nosto-image img {
	vertical-align: bottom;
	height: 308px;
	object-fit: cover;
}
#highlightWrapperSisalto .node-nosto-content {
	padding: 2rem; 
	background: #fff;
	min-height: 50px;
}
#highlightWrapperSisalto .node-nosto-title {
	font-size: 18px;
}
#highlightWrapperSisalto .node-nosto-wrapper {
	text-decoration: none;
}
#highlightWrapperSisalto .node-nosto-wrapper:hover {
	text-decoration: underline;
	text-decoration-thickness: 2px;
}
.page-node-116 #block-sharethis-sharethis-block {
	display: none;
}
.field-name-field-sisalto-kuva {
	display: none;
}

@media all and (max-width: 970px) {
	.sailyta-oikein-nostot article
	{
		width: calc((100% - 2rem) / 2);
		flex-basis: calc((100% - 2rem) / 2);
	}
	#highlightWrapperSisalto .title-wrapper {
		padding: 0;
	}
	#highlightWrapperSisalto .sailyta-oikein-title {
		font-size: 36px;
		width: 100%;
		margin: 0 auto;
		justify-content: center;
		height: 3rem;
		margin-left: 1rem;
	}
	#highlightWrapperSisalto .sailyta-oikein-link {
		margin-left: 1rem;
		margin-top: 1rem;
	}
}

@media all and (max-width: 600px) {
	.sailyta-oikein-nostot {
		max-width: calc(100% - 2rem);
	}
	.sailyta-oikein-nostot article
	{
		width: 100%;
		flex-basis: 100%;
	}
	#highlightWrapperSisalto .node-nosto-image img {
		width: 100%;
	}
}

/*********************************************************************************************
**********************************************************************************************
*****************************           Reseptit          ************************************
**********************************************************************************************
**********************************************************************************************/
body.node-type-resepti #content {
	margin-top: calc(-711px / 2);
	padding: 4rem;
	max-width: 100%;
}

.recipe-background {
	height: 711px;
    width: 100%;
}
#resepti p,
#resepti div {
	font-size: 16px;
}
#resepti li {
	font-size: 16px !important;
}
#resepti .column {
	margin-top: 0;
	padding: 4rem 0;
}

#resepti .olli {
	background: transparent;
	color: #000;
}
#resepti ol {
	margin: 1rem 0 2rem 0;
}

#resepti .content-columns {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#resepti .content-column {
	flex-basis: calc((100% - 6rem) / 2);
}

#resepti .column-title +  p {
	margin-top: 0;
}
#resepti ol {
	margin: 1rem 0;
}
#resepti .content-p {
	white-space: pre-line;
}
/*
#resepti strong {
	display: block;
	margin-bottom: 1rem;
}
*/
#resepti .column-title {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 2rem;
	line-height: 1.5;
}

#resepti .resepti-energiamaara {
	width: 250px;
    height: 250px;
    border-radius: 100%;
    overflow: hidden;
	margin-top: 5rem;
}

#resepti .energiamaara-wrapper {
    background: #1D2B0C;
    height: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: space-evenly;
}

#resepti .energiamaara-header {
	font-size: 25px;
	font-weight: bold;
	color: #fff;
}

#resepti .energiamaara-value {
	font-size: 80px;
	font-weight: bold;
	color: #fff;
}

#resepti .energiamaara-footer {
	font-size: 18px;
	font-weight: 600;
	color: #fff;
}

#resepti .ravintosisalto-item {
	display: flex;
	justify-content: space-between;
	padding: 0.25rem 1rem;
}
#resepti .ravintosisalto-item:nth-child(even) {
	background: #F2F2F2;
}

#resepti .ravintoaine {
	flex-basis: 80%;
}
#resepti .maara {
	flex-basis: 20%;
}

#resepti em {
	display: block;
	margin-bottom: 1rem;
}
.resepti-header {
    height: 10rem;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.havikkireseptit {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    width: 1250px;
    max-width: calc(100% - 2rem);
    margin: auto;
	margin-bottom: 10rem;
}
/*.havikkireseptit {
	flex-flow: wrap-reverse;
	flex-direction: row-reverse;
}*/
.havikkireseptit:after {
    content: "";
    flex-basis: calc((100% - 4rem) / 3);
}
.havikkireseptit article {
	width: calc((100% - 4rem) / 3);
    flex-basis: calc((100% - 4rem) / 3);
    height: 422px;
    margin-top: 2rem;
    overflow: hidden;
}

.havikkireseptit .node-nosto-image img {
	vertical-align: bottom;
	height: 308px;
	width: 100%;
	object-fit: cover;
}
.havikkireseptit .node-nosto-content {
    padding: 2rem;
    background: #fff;
    min-height: 50px;
}
.havikkireseptit .node-nosto-title {
	font-size: 18px;
	line-height: 1.5;
}
.havikkireseptit .node-nosto-wrapper {
	text-decoration: none;
	display: flex;
	flex-flow: column;
}
.havikkireseptit .node-nosto-wrapper:hover {
	text-decoration: underline;
	text-decoration-thickness: 2px;
}

@media all and (max-width: 970px) {
	.havikkireseptit article
	{
		width: calc((100% - 2rem) / 2);
		flex-basis: calc((100% - 2rem) / 2);
	}
	.havikkireseptit .title-wrapper {
		padding: 0;
	}
	.havikkireseptit .sailyta-oikein-title {
		font-size: 36px;
		width: 100%;
		margin: 0 auto;
		justify-content: center;
	}
}

@media all and (max-width: 600px) {
	.havikkireseptit article
	{
		width: 100%;
		flex-basis: 100%;
		margin-top: 1rem;
	}
	.havikkireseptit .node-nosto-image img {
		width: 100%;
	}
}


.field-name-field-ulkoinen-linkki,
.views-field-field-ulkoinen-linkki
{
	display: none;
}

/*** piilota CookieHub logo ***/
.ch2-settings-actions p {
    display: none;
}
    
/*** Painikkeiden väritys ***/    
.ch2-allow-all-btn,
.ch2-save-settings-btn {
    color: #fff !important;
    background: #83b641 !important;
    padding: 12px 16px 16px 16px !important;
}
.ch2-open-settings-btn {
    color: #fff !important;
	text-decoration: none !important;
	padding: 12px !important;
}
.ch2-dialog-actions .ch2-open-settings-btn,
.ch2-open-settings-btn:hover {
	background: #000 !important;
}
.ch2-dialog-actions .ch2-open-settings-btn {
	padding: 12px 16px 16px 16px !important;
}
.ch2-deny-all-btn {
    color: #fff !important;
    background: #000 !important;
}

/*** Painikkeiden yleiset tyylit ***/
.ch2-btn {
    font-size: 15px !important;
    text-transform: none !important;
    box-shadow: none !important;
}

/*** Muut yleiset tyylit ***/
.ch2-style-light .ch2-dialog,
.ch2-style-light .ch2-settings {
    background: #fff !important;
}
.ch2-style-light .ch2-settings-content p,
.ch2-style-light .ch2-dialog-content p,
.ch2-style-light .ch2-settings-scan .ch2-settings-tabs ul li a
{
    color: #000 !important;
}

.ch2-style-dark.ch2-icon a svg {
	background: transparent !important;
	fill: #ddcece !important;
}
.ch2-style-dark.ch2-icon a:hover {
	background: transparent !important;
}

.ch2-btn.ch2-deny-all-btn.ch2-btn-primary,
.ch2-btn.ch2-btn-secondary.ch2-deny-all-btn
{
	vertical-align: top !important;
}
.ch2-btn.ch2-deny-all-btn.ch2-btn-primary {
	height: 17px !important;
}
.ch2-btn.ch2-btn-secondary.ch2-deny-all-btn {
	height: 19px !important;
}
.ch2-btn.ch2-open-settings-btn.ch2-btn-text {
	background: #ffffff !important;
	color: #000 !important;
}
.ch2-btn.ch2-open-settings-btn.ch2-btn-text:hover {
	text-decoration: underline !important;
}