/* FONTS */
body {
	font-family: GreycliffCF;
}
@font-face {
	font-family: 'GreycliffCF';
	src: url('//cdn.shopify.com/s/files/1/0251/3145/0419/t/41/assets/greycliff-cf-regular.eot?v=156367342221862163521640011892');
	src: url('//cdn.shopify.com/s/files/1/0251/3145/0419/t/41/assets/greycliff-cf-regular.eot?%23iefix&v=156367342221862163521640011892')
			format('embedded-opentype'),
		url('//cdn.shopify.com/s/files/1/0251/3145/0419/t/41/assets/greycliff-cf-regular.woff2?v=162545549220889151391640011891')
			format('woff2'),
		url('//cdn.shopify.com/s/files/1/0251/3145/0419/t/41/assets/greycliff-cf-regular.woff?v=1869882963868045251640011892')
			format('woff'),
		url('//cdn.shopify.com/s/files/1/0251/3145/0419/t/41/assets/greycliff-cf-regular.ttf?v=87524987911128074391640011891')
			format('truetype'),
		url('//cdn.shopify.com/s/files/1/0251/3145/0419/t/41/assets/greycliff-cf-regular.svg%23GreyCliffCF?24435')
			format('svg');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'GreycliffCF';
	src: url('//cdn.shopify.com/s/files/1/0251/3145/0419/t/41/assets/greycliff-cf-bold.eot?v=179278392000932896741640011891');
	src: url('//cdn.shopify.com/s/files/1/0251/3145/0419/t/41/assets/greycliff-cf-bold.eot?%23iefix&v=179278392000932896741640011891')
			format('embedded-opentype'),
		url('//cdn.shopify.com/s/files/1/0251/3145/0419/t/41/assets/greycliff-cf-bold.woff2?v=136925302248154018971640011887')
			format('woff2'),
		url('//cdn.shopify.com/s/files/1/0251/3145/0419/t/41/assets/greycliff-cf-bold.woff?v=108800667487640330621640011891')
			format('woff'),
		url('//cdn.shopify.com/s/files/1/0251/3145/0419/t/41/assets/greycliff-cf-bold.ttf?v=6381383495233542271640011891')
			format('truetype'),
		url('//cdn.shopify.com/s/files/1/0251/3145/0419/t/41/assets/greycliff-cf-bold.svg%23GreyCliffCF?24435')
			format('svg');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Felisha Regular';
	src: url('//cdn.shopify.com/s/files/1/0251/3145/0419/t/41/assets/felisha-regular.eot?v=133175812193564382321640011891');
	src: url('//cdn.shopify.com/s/files/1/0251/3145/0419/t/41/assets/felisha-regular.eot?%23iefix&v=133175812193564382321640011891')
			format('embedded-opentype'),
		url('//cdn.shopify.com/s/files/1/0251/3145/0419/t/41/assets/felisha-regular.woff2?v=111854629774533239621640011891')
			format('woff2'),
		url('//cdn.shopify.com/s/files/1/0251/3145/0419/t/41/assets/felisha-regular.woff?v=141466434063107637471640011891')
			format('woff'),
		url('//cdn.shopify.com/s/files/1/0251/3145/0419/t/41/assets/felisha-regular.ttf?v=8688253769054009631640011891')
			format('truetype'),
		url('//cdn.shopify.com/s/files/1/0251/3145/0419/t/41/assets/felisha-regular.svg%23GreyCliffCF?24435') format('svg');
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Felisha Bold';
	src: url('//cdn.shopify.com/s/files/1/0251/3145/0419/t/41/assets/felisha-rough.eot?v=20752313225346559491640011892');
	src: url('//cdn.shopify.com/s/files/1/0251/3145/0419/t/41/assets/felisha-rough.eot?%23iefix&v=20752313225346559491640011892')
			format('embedded-opentype'),
		url('//cdn.shopify.com/s/files/1/0251/3145/0419/t/41/assets/felisha-rough.woff2?v=105468442354068193641640011891')
			format('woff2'),
		url('//cdn.shopify.com/s/files/1/0251/3145/0419/t/41/assets/felisha-rough.woff?v=54901184769409528541640011891')
			format('woff'),
		url('//cdn.shopify.com/s/files/1/0251/3145/0419/t/41/assets/felisha-rough.ttf?v=123384228628614958221640011891')
			format('truetype'),
		url('//cdn.shopify.com/s/files/1/0251/3145/0419/t/41/assets/felisha-rough.svg%23GreyCliffCF?24435') format('svg');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

#searchBar button {
	color: #fff;
	text-shadow: 0 -1px 1pxrgba (0, 0, 0, 0.4);
	font-size: 18px;
	padding: 0 1.5em;
	height: 50px;
	position: absolute;
	top: 24px;
	right: -1px;
	background: #286857;
	border: none;
	width: 130px;
	border-radius: 0px;
}

#docsSearch h1 {
	color: #286857;
	font-size: 32px;
	font-weight: 500;
	text-align: center;
	margin-top: 2.4em;
	font-family: new-spirit, Roboto;
	font-size: 50px;
}

#searchBar .search-query {
	border-radius: 0px;
	font-size: 18px;
	line-height: 22px;
	width: 100%;
	height: 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
}

.category-list .category {
	text-align: center;
	box-shadow: rgb(40 104 87 / 20%) 0px 2px 8px 0px;
	display: inline-block;
	width: 29%;
	margin: 0 0.8% 20px;
	padding: 1.5em 1em;
	cursor: pointer;
	-webkit-transition: background 0.15s;
	-moz-transition: background 0.15s;
	-o-transition: background 0.15s;
	transition: background 0.15s;
	vertical-align: top;
}

#docsSearch {
	background: #cee0d7;
	border-bottom: 1px solid #dfdfdf;
	margin-bottom: 3em;
	padding: 1.5em 0;
	height: 300px;
}

#main-content {
	/*float: none; ADJUST IF NECESSARY*/
	margin-bottom: 2em;
	padding: 32px 0 0 28px;
	box-shadow: rgb(40 104 87 / 20%) 0px 2px 8px 0px;
	margin-top: 33px;
	background: none;
}

#sidebar form .search-query {
	display: block;
	width: 100%;
	margin: 0;
	padding-right: 35px;
	font-size: 14px;
	line-height: 18px;
	height: 40px;
	border: 2.5px solid #e2e2e2;
	box-sizing: border-box;
	border-radius: 0px;
	color: #666;
	width: 200px;
	font-family: 'GreycliffCF';
}

#sidebar h3 {
	text-transform: uppercase;
	font-size: 14px;
	color: #0b6857;
	margin-bottom: 4px;
	font-family: 'GreycliffCF';
	font-weight: 700;
}

#sidebar .nav-list .active a,
#sidebar .nav-list .active a:hover,
#sidebar .nav-list .active a:focus {
	font-weight: 700;
	background: 0 0;
	text-shadow: none;
	color: #0b6857;
	font-size: 14px;
}

.icon-arrow:before {
	content: '\e603';
	color: #286857;
}

#sidebar .nav-list a {
	display: inline-block;
	font-size: 14px;
	padding: 6px 15px 6px 0px;
	line-height: 20px;
	margin-left: 0;
	font-weight: normal;
	color: #0b6857;
}

.icon-article-doc:before {
	content: '\e604';
	color: #a7a7a7;
	margin-right: 6px;
	visibility: hidden;
}

.contentWrapper {
	background: #fff;
	color: #222;
	min-height: 460px;
	position: relative;
	border: none;
	padding: 0px 0px 0px 0px;
	z-index: 0px;
}

[class^='icon-'],
[class*=' icon-'],
.featherlight-close-icon {
	display: none;
}

.articleList li {
	margin: 1.4em 0;
	padding-left: 0px;
}

.related h3 {
	text-transform: uppercase;
	font-size: 14px;
	line-height: 20px;
	margin: 0;
	color: #0b6857;
	font-weight: bold;
}

.related ul {
	margin: 0px;
	padding: 3px;
}

.related ul > li a {
	line-height: 1.5em;
	margin-left: -24px;
	font-size: 16px;
	text-decoration: none;
	color: #0b6857;
	margin-left: -3px;
}

.related {
	border: none;
	border-top: 0;
	background: #fff;
	position: relative;
	padding: 25px 46px;
}

#fullArticle .admin-edit {
	display: inline-block;
	margin-bottom: 22px;
	color: #286857;
	background: none;
	box-shadow: rgb(40 104 87 / 20%) 0px 2px 8px 0px;
	border: none;
	height: 25px;
	padding: 7px 10px 0px 10px;
}
#fullArticle h1 {
	font-size: 50px;
	font-weight: 500;
	font-family: new-spirit, Roboto;
	margin-bottom: 0.65em;
	color: #0b6857;
}
#fullArticle div {
	font-size: 16px;
	color: #212121;
	line-height: 1.55em;
	margin-bottom: 1.5em;
	font-family: 'GreycliffCF';
}
#fullArticle p {
	font-size: 16px;
}
#categoryHead h1 {
	font-weight: 500;
	color: #286857;
	font-family: new-spirit, Roboto;
	margin-right: 0;
	margin-left: 0px;
}
.category-list h3 {
	font-weight: 500;
	color: #286857;
	font-family: new-spirit, Roboto;
	font-size: 24px;
}
#fullArticle h2 {
	font-family: 'new-spirit';
	line-height: 32px;
	font-weight: 500;
	font-size: 24px;
	color: #212121;
}
#fullArticle h3 {
	font-family: 'new-spirit';
	line-height: 32px;
	font-weight: 500;
	font-size: 17px;
}

.navbar .nav .active .caret {
	display: inline-block;
	position: absolute;
	bottom: 0;
	right: 46%;
	border-top: 0;
	border-bottom: 5px solid #cee0d7;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}

.navbar .nav li#usein-kysyttya {
	display: none;
}

#collection-1 {
	display: none;
}

.navbar .navbar-inner .container-fluid {
	height: 100px;
}

.navbar .brand {
	padding-top: 30px;
}

.navbar-inner {
	padding-left: 0px;
	padding-right: 0px;
}
.navbar .navbar-inner {
	background: #0b6857;
}
.articleList a {
	margin-left: 0px;
}

#categoryHead .sort select {
	margin-right: 15px;
}

#sailyvyys-ja-valmistus,
#raaka-aineet-ja-laatu,
#tilaaminen,
#toimitus,
#kestotilaus,
#pakkaukset,
#yrityksille,
#asiakaspalvelu {
	display: none;
}
/* MOBILE VIEW*/
@media only screen and (max-width: 768px) {
	.contentWrapper {
		padding: 25px 20px 30px;
	}
	.articleList li {
		margin: 0.4em 0;
		width: 100%;
		display: flex;
		margin-bottom: 1em;
	}
	.category-list {
		margin: 0 0 2em;
		display: flex;
		flex-direction: column;
	}
	.category-list .category {
		width: 100%;
	}
	#docsSearch {
		height: 150px;
	}
	#docsSearch h1 {
		font-weight: 500;
		color: #286857;
		font-family: new-spirit, Roboto;
		margin-top: 0px;
		font-size: 30px;
	}
	#searchBar button {
		padding: 0px;
		top: 0px;
		margin-top: 18px;
		height: 56px;
		padding-top: 20px;
		width: 80px;
	}
	#searchBar .search-query {
		height: 56px;
	}
	.navbar .btn-navbar {
		position: absolute;
		top: 0;
		right: 10px;
		margin-top: 33px;
		width: 38px;
		height: 28px;
		text-shadow: none;
		border: 0;
		background: 0 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	#main-content {
		float: none;
		margin: 24px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	#sidebar form .search-query {
		width: 100%;
		border: 1.5px solid #ccc;
	}
	#searchBar.sm button .icon-search {
		display: block;
		text-shadow: none;
		padding-top: 0px;
		margin-left: 50px;
	}
	#sidebar h3 {
		margin-bottom: 0;
		padding-left: 14px;
	}
	#sidebar .nav-list a {
		padding: 6px 15px 6px 15px;
	}
	#categoryHead {
		position: relative;
		display: flex;
		flex-direction: column;
	}
	#categoryHead h1 {
		font-weight: 500;
		color: #286857;
		font-family: new-spirit, Roboto;
		margin-right: 0;
		margin-left: -4px;
		font-size: 30px;
	}
	#categoryHead .sort select {
		margin-left: -4px;
		width: 210px;
	}
	.related {
		border: none;
		border-top: 0;
		background: #fff;
		position: relative;
		padding: 0px 0px 0px 0px;
		margin-left: 20px;
	}
	ul.articleList {
		margin-left: 0px;
	}
	icon-search:before {
		content: '\e601';
		margin-left: -70px;
	}
	#fullArticle h2 {
		font-family: 'new-spirit';
		line-height: 32px;
		font-weight: 500;
		font-size: 20px;
		color: #212121;
	}
	.related h3 {
		padding-left: 0px;
	}
	.container-fluid {
		height: 95px;
	}
	.navbar .brand {
		padding-top: 26px;
		padding-left: 25px;
	}

	.nav-collapse,
	.nav-collapse.collapse {
		overflow: hidden;
		height: 0;
		background-color: #0b6757;
		margin-left: 0px;
		z-index: 999999999;
	}

	#sailyvyys-ja-valmistus,
	#raaka-aineet-ja-laatu,
	#tilaaminen,
	#toimitus,
	#kestotilaus,
	#pakkaukset,
	#yrityksille,
	#asiakaspalvelu {
		display: block;
	}
}