#cookie-notice,#cookie-notice .cn-button:not(.cn-button-custom){font-family:-apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif;font-weight:400;font-size:13px;text-align:center}#cookie-notice{position:fixed;min-width:100%;height:auto;z-index:100000;letter-spacing:0;line-height:20px;left:0}#cookie-notice,#cookie-notice *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#cookie-notice.cn-animated{-webkit-animation-duration:.5s!important;animation-duration:.5s!important;-webkit-animation-fill-mode:both;animation-fill-mode:both}#cookie-notice.cn-animated.cn-effect-none{-webkit-animation-duration:1ms!important;animation-duration:1ms!important}#cookie-notice .cookie-notice-container,#cookie-notice .cookie-revoke-container{display:block}#cookie-notice.cookie-notice-hidden .cookie-notice-container,#cookie-notice.cookie-revoke-hidden .cookie-revoke-container{display:none}.cn-position-top{top:0}.cn-position-bottom{bottom:0}.cookie-notice-container{padding:15px 30px;text-align:center;width:100%;z-index:2}.cookie-revoke-container{padding:15px 30px;width:100%;z-index:1}.cn-close-icon{position:absolute;right:15px;top:50%;margin-top:-10px;width:15px;height:15px;opacity:.5;padding:10px;outline:0;cursor:pointer}.cn-close-icon:hover{opacity:1}.cn-close-icon:after,.cn-close-icon:before{position:absolute;content:' ';height:15px;width:2px;top:3px;background-color:grey}.cn-close-icon:before{transform:rotate(45deg)}.cn-close-icon:after{transform:rotate(-45deg)}#cookie-notice .cn-revoke-cookie{margin:0}#cookie-notice .cn-button{margin:0 0 0 10px;display:inline-block}#cookie-notice .cn-button:not(.cn-button-custom){letter-spacing:.25px;margin:0 0 0 10px;text-transform:none;display:inline-block;cursor:pointer;touch-action:manipulation;white-space:nowrap;outline:0;box-shadow:none;text-shadow:none;border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-decoration:none;padding:8.5px 10px;line-height:1;color:inherit}.cn-text-container{margin:0 0 6px}.cn-buttons-container,.cn-text-container{display:inline-block}#cookie-notice.cookie-notice-visible.cn-effect-fade,#cookie-notice.cookie-notice-visible.cn-effect-none,#cookie-notice.cookie-revoke-visible.cn-effect-fade,#cookie-notice.cookie-revoke-visible.cn-effect-none{-webkit-animation-name:fadeIn;animation-name:fadeIn}#cookie-notice.cn-effect-fade,#cookie-notice.cn-effect-none{-webkit-animation-name:fadeOut;animation-name:fadeOut}#cookie-notice.cookie-notice-visible.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-effect-slide{-webkit-animation-name:slideInUp;animation-name:slideInUp}#cookie-notice.cn-effect-slide{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}#cookie-notice.cookie-notice-visible.cn-position-top.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-position-top.cn-effect-slide{-webkit-animation-name:slideInDown;animation-name:slideInDown}#cookie-notice.cn-position-top.cn-effect-slide{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@media all and (max-width:900px){.cookie-notice-container #cn-notice-buttons,.cookie-notice-container #cn-notice-text{display:block}#cookie-notice .cn-button{margin:0 5px 5px}}@media all and (max-width:480px){.cookie-notice-container,.cookie-revoke-container{padding:15px 25px}}@media print {
body {
margin: 0;
color: #000;
background-color: #fff;
visibility: hidden;
line-height: 1.4em;
}
h1 {
font-size: 1.3em;
padding: 5px 0;
margin-top: 30px;
}
.print {
visibility: visible;
}
.print-image {
margin-top: 20px;
margin-bottom: 20px;
display: block;
}
.print-image img {
max-width: 7cm !important;
height: auto;
}
.dontprint {
display: none !important;
visibility: hidden !important;
}
header#header.dontprint {
display: none !important;
visibility: hidden !important;
}
#wrapper , .blog-go-back , .twitter-share-button , .sharebuttons-blog-top , #footer {
display: none !important;
}
p {
margin-top: 10px;
}
.hero-content {
min-height: 150px;
}
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
@font-face {
font-family: 'Montserrat-Bold';
src: url(//jokilaaksonjuusto.fi/wp-content/themes/jokilaaksonjuusto-theme/fonts/Montserrat-Bold.woff) format('woff'),
url(//jokilaaksonjuusto.fi/wp-content/themes/jokilaaksonjuusto-theme/fonts/Montserrat-Bold.ttf) format('truetype');
font-weight: 600;
font-style: bold;
}
@font-face {
font-family: 'NotoSans-Regular';
src: url(//jokilaaksonjuusto.fi/wp-content/themes/jokilaaksonjuusto-theme/fonts/NotoSans-Regular.eot); src: url(//jokilaaksonjuusto.fi/wp-content/themes/jokilaaksonjuusto-theme/fonts/NotoSans-Regular.eot) format('embedded-opentype'), url(//jokilaaksonjuusto.fi/wp-content/themes/jokilaaksonjuusto-theme/fonts/NotoSans-Regular.woff2) format('woff2'), url(//jokilaaksonjuusto.fi/wp-content/themes/jokilaaksonjuusto-theme/fonts/NotoSans-Regular.woff) format('woff'), url(//jokilaaksonjuusto.fi/wp-content/themes/jokilaaksonjuusto-theme/fonts/NotoSans-Regular.ttf)  format('truetype'), font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'NotoSans-Bold';
src: url(//jokilaaksonjuusto.fi/wp-content/themes/jokilaaksonjuusto-theme/fonts/NotoSans-Bold.eot); src: url(//jokilaaksonjuusto.fi/wp-content/themes/jokilaaksonjuusto-theme/fonts/NotoSans-Bold.eot) format('embedded-opentype'), url(//jokilaaksonjuusto.fi/wp-content/themes/jokilaaksonjuusto-theme/fonts/NotoSans-Bold.woff2) format('woff2'), url(//jokilaaksonjuusto.fi/wp-content/themes/jokilaaksonjuusto-theme/fonts/NotoSans-Bold.woff) format('woff'), url(//jokilaaksonjuusto.fi/wp-content/themes/jokilaaksonjuusto-theme/fonts/NotoSans-Bold.ttf)  format('truetype'), font-weight: 600;
font-style: bold;
}
@font-face {
font-family: 'NotoSans-Italic';
src: url(//jokilaaksonjuusto.fi/wp-content/themes/jokilaaksonjuusto-theme/fonts/NotoSans-Italic.eot); src: url(//jokilaaksonjuusto.fi/wp-content/themes/jokilaaksonjuusto-theme/fonts/NotoSans-Italic.eot) format('embedded-opentype'), url(//jokilaaksonjuusto.fi/wp-content/themes/jokilaaksonjuusto-theme/fonts/NotoSans-Italic.woff2) format('woff2'), url(//jokilaaksonjuusto.fi/wp-content/themes/jokilaaksonjuusto-theme/fonts/NotoSans-Italic.woff) format('woff'), url(//jokilaaksonjuusto.fi/wp-content/themes/jokilaaksonjuusto-theme/fonts/NotoSans-Italic.ttf)  format('truetype'), font-weight: 400;
font-style: cursive;
}
@font-face {
font-family: 'NotoSans-BoldItalic';
src: url(//jokilaaksonjuusto.fi/wp-content/themes/jokilaaksonjuusto-theme/fonts/NotoSans-BoldItalic.eot); src: url(//jokilaaksonjuusto.fi/wp-content/themes/jokilaaksonjuusto-theme/fonts/NotoSans-BoldItalic.eot) format('embedded-opentype'), url(//jokilaaksonjuusto.fi/wp-content/themes/jokilaaksonjuusto-theme/fonts/NotoSans-BoldItalic.woff2) format('woff2'), url(//jokilaaksonjuusto.fi/wp-content/themes/jokilaaksonjuusto-theme/fonts/NotoSans-BoldItalic.woff) format('woff'), url(//jokilaaksonjuusto.fi/wp-content/themes/jokilaaksonjuusto-theme/fonts/NotoSans-BoldItalic.ttf)  format('truetype'), font-weight: 600;
font-style: bold cursive;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{line-height:1}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}
html {
margin-top: 0px !important;
}
.cn-button.bootstrap {
background-color: var(--orange) !important;
border-radius: 40px;
}
html,body {
overflow-x: hidden;
}
body {
font-family: NotoSans-Regular, sans-serif;
color: var(--darkblue);
background-color: #f7f5f2;
margin-right: 0;
}
.wp-block-image img { 
height: auto !important;
}
:root {
--beige: #FBF5F2;
--darkbeige: #E9E5E4;
--darkerbeige: #CBC2C0;
--darkestbeige: #8E8786;
--darkblue: #30343E;
--orange: #EF6D22;
--lightorange: #FF9C63;
}
strong {
font-weight: 600;
}
b {
font-weight: 600;
}
i {
font-style: italic;
}
p {
line-height: 1.5em;
padding-bottom: 10px;
}
img {
border-radius: 5px;
}
hr {
border: 0;
border-bottom: 1px dashed var(--darkerbeige);
opacity: 1;
width: 95%;
}
table {
width: 100%;
}
tr {
border: 2px solid var(--darkerbeige);
}
td {
padding: 10px 15px;
}
td p {
padding-bottom: 0;
}
h1 {
font-family: Montserrat-Bold, Arial Black, sans-serif;
font-size: 4em;
font-weight: 500 !important;
padding: 20px 0;
}
h2 {
font-family: Montserrat-Bold, Arial Black, sans-serif;
font-size: 3em;
font-weight: 500 !important;
padding: 16px 0 16px 0;
}
h3 {
font-family: Montserrat-Bold, Arial Black, sans-serif;
font-size: 2em;
font-weight: 500 !important;
padding: 22px 0;
}
h4 {
font-family: Montserrat-Bold, Arial Black, sans-serif;
font-size: 1.3em;
font-weight: 500 !important;
padding: 18px 0;
}
h5 {
font-family: Montserrat-Bold, Arial Black, sans-serif;
font-size: 1em;
font-weight: 500 !important;
padding: 10px 0;
}
h6 {
font-family: Montserrat-Bold, Arial Black, sans-serif;
font-size: 0.7em;
font-weight: 500 !important;
padding: 16px 0;
}
a {
font-family: Montserrat-Bold, Verdana, sans-serif;
color: var(--darkblue);
font-weight: 600;
text-decoration: none;	
}
a:hover {
text-decoration: none;
color: var(--darkblue);
border-bottom: 2px solid var(--orange);
transition: 0.1s;
}
a img {     
border-bottom: none !important; 
} 
a img:hover {     
border-bottom: none !important; 
} 
a:active {
text-decoration: none;
color: var(--darkblue);
}
a:visited {
text-decoration: none;
color: var(--darkblue);
}
.hideonmobile {
display: block;
}
.hideondesktop {
display: none;
}
a.more-link {
display: none;
}
.print-image {
display: none;
}
.padding20 {
padding: 20px;
}
.padding40 {
padding: 40px;
}
.wp-block-columns {
margin-bottom: 0 !important;
}
blockquote.wp-block-quote.container { 
font-size: 1.7em;
font-style: italic;
color: var(--darkestbeige);
font-family: Montserrat-Bold, Verdana, sans-serif;
padding: 20px 40px;
padding: 1vw 6vw;
text-align: center;
}
button.primary {
font-family: Montserrat-Bold, Verdana, sans-serif;
font-weight: 600;
letter-spacing: .03em;
padding: 18px 55px;
background-color: var(--orange);
color: white;
border-radius: 5px;
border: 2px solid var(--orange);
margin: 30px 0 10px 0;
font-size: 16px;
position: relative;
min-width: 200px;
transition: 0.3s;
}
button.primary:hover {
font-family: Montserrat-Bold, Verdana, sans-serif;
font-weight: 600;
letter-spacing: .03em;
padding: 18px 55px;
background-color: transparent;
color: var(--darkblue);
border-radius: 5px;
border: 2px solid var(--orange);
margin: 30px 0 10px 0;
font-size: 16px;
position: relative;
min-width: 200px;
transition: 0.3s;
}
button.primary a {
color: white;
}
button.primary a:hover {
color: var(--darkblue);
}
button.primary a:hover {
border-bottom: 0;
}
div.wp-block-cover .wp-block-button a:hover {
color: white !important;
}
.slick-slider .wp-block-button a:hover {
color: white !important;
}
.wp-block-button__link {
font-family: Montserrat-Bold, Verdana, sans-serif;
font-weight: 600;
letter-spacing: .03em;
padding: 10px 15px;
background-color: var(--orange);
color: white;
border-radius: 5px;
border: 2px solid var(--orange);
margin: 5px 0;
font-size: 16px;
position: relative;
min-width: 150px;
transition: 0.3s;
}
.wp-block-button__link:hover {
background-color: transparent;
color: var(--darkblue);
transition: 0.3s;
}
.sininen .wp-block-button__link {
font-family: Montserrat-Bold, Verdana, sans-serif;
font-weight: 600;
letter-spacing: .03em;
padding: 10px 15px;
background-color: var(--darkblue);
color: white;
border-radius: 5px;
border: 2px solid var(--darkblue);
margin: 5px 0;
font-size: 16px;
position: relative;
min-width: 150px;
transition: 0.3s;
}
.sininen .wp-block-button__link:hover {
background-color: transparent;
color: white;
transition: 0.3s;
}
button.beige {
font-family: Montserrat-Bold, Verdana, sans-serif;
font-weight: 600;
letter-spacing: .03em;
padding: 18px 55px;
background-color: var(--beige);
color: var(--darkblue);
border-radius: 5px;
border: 2px solid var(--beige);
margin: 20px 0 10px 0;
font-size: 16px;
position: relative;
min-width: 200px;
transition: 0.3s;
}
button.beige:hover {
font-family: Montserrat-Bold, Verdana, sans-serif;
font-weight: 600;
letter-spacing: .03em;
padding: 18px 55px;
background-color: transparent;
color: var(--beige);
border-radius: 5px;
border: 2px solid var(--beige);
margin: 20px 0 10px 0;
font-size: 16px;
position: relative;
min-width: 200px;
transition: 0.3s;
}
button.text {
font-family: Montserrat-Bold, Verdana, sans-serif;
background: transparent;
color: var(--darkblue);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 600;
text-decoration: none;
border-bottom: 2px solid var(--orange);
border-top: 0;
border-left: 0;
border-right: 0;
padding: 5px 0;
}
button.text:hover {
border-bottom: 2px solid var(--darkerbeige);
transition: .3;
}
button.text a:hover {
border-bottom: 0;
} #content ul {
list-style-type: circle;
list-style-position: outside;
margin: 5px 0 20px 17px;
}
#content ul li {
line-height: 1.5em;
}
div#container {
max-width: 100%;
min-height: 50vw; 
}
.padding-top {
padding-top: 20px;
}  header#header {
background-color: var(--darkblue);
font-size: 14px;
}
nav#menu {
}
.menu-top-menu-container {
display: flex;
bottom: 0;
}
.menu-top-menu-fi-container {
display: flex;
bottom: 0;
}
.menu-top-menu-fi-container > ul {
margin-left: auto;
}
.menu-top-menu-fi-container li {
position: relative;
display: block;
float: left;
text-align: center;
}
.menu-top-menu-en-container {
display: flex;
bottom: 0;
}
.menu-top-menu-en-container {
display: flex;
bottom: 0;
}
.menu-top-menu-en-container > ul {
margin-left: auto;
}
.menu-top-menu-en-container li {
position: relative;
display: block;
float: left;
text-align: center;
}
li.menu-item {
}
header#header li.menu-item > a {
color: white;
display: block;
padding: 25px 15px;
}
li.menu-item > a:hover {
border-bottom: none;
transition: 0.3s;
}
header#header li.menu-item:hover {
background-color: #363d4f;
transition: 0.3s;
}
li.menu-item-has-children {
}
ul.menu > li.menu-item-has-children > a:after {
content: url(//jokilaaksonjuusto.fi/wp-content/themes/jokilaaksonjuusto-theme/img/chevron-down.svg);
} header#header li.menu-item-has-children:hover > ul.sub-menu { display: block;
position: absolute;
top: 65px;
left: 0;
min-width: 200px;
width: 100%;
z-index: 3;
background-color: var(--darkblue);
transition: .3s;
}
header#header li.menu-item-has-children:hover > ul.sub-menu > li {
width: 100%;
text-align: left;
border-top: 1px solid #363d4f;
border-left: 0;
}
header#header li.menu-item-has-children:hover > ul.sub-menu > li > a {
padding: 20px 15px;
}
div.desktop-menu ul.sub-menu > li:hover {
background-color: #363d4f;
transition: 0.3s;
}
div#footermenu ul.sub-menu > li:hover {
background-color: var(--darkblue);
transition: 0.3s;
}  header#header li.menu-item-has-children:hover > ul.sub-menu > li > a:hover {
border-bottom: 0;
}
header#header li.menu-item-has-children:hover > ul.sub-menu > li:hover {
background-color: var(--darkblue);
} 
header#header li.menu-item-has-children:hover > ul.sub-menu > li:first-child {
}
header#header ul.sub-menu {
display: none;
} ul#menu-top-menu-fi > li:last-child :after {
content: url(//jokilaaksonjuusto.fi/wp-content/themes/jokilaaksonjuusto-theme/img/search.svg); 
}
ul#menu-top-menu-en > li:last-child :after {
content: url(//jokilaaksonjuusto.fi/wp-content/themes/jokilaaksonjuusto-theme/img/search.svg); 
}
li.lang-item > a > img {
width: 22px;
}
.header-logo {
position: absolute;
top: 16px;
z-index: 4;
}
.header-logo a:hover {
border-bottom: 0;
}
.desktop.menu {
margin-left: auto;
} .product-go-back {
margin: 20px 0;
}
.product-go-back a:hover {
border-bottom: none;
opacity: .9;
}
.product-image {
width: 100%;
min-height: 500px;	
background: white;
padding: 40px;
}
.product-information {
padding: 0 0 0 50px;
}
.product-family {
padding: 14px 0;
}
.product-family > a {
padding: 3px 0;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--darkestbeige);
font-size: 14px;
}
.product-family > a:hover {
border-bottom: 2px solid var(--orange);
color: var(--darkblue);
}
.product-information .entry-title {
}
.entry-title {
font-size: 2.5em;
}
.product-excerpt {
font-style: italic;
font-weight: bold;
font-size: 16px;
}
.ainekset {
margin-bottom: 10px;
padding: 25px 0 5px 0;
}
.ravintosisalto {
margin-bottom: 10px;
padding: 0 0 5px 0;
}
.sailytysohje {
margin-bottom: 10px;
padding: 0 0 5px 0;
}
.jalleenmyyjille {
margin-bottom: 10px;
padding: 7px 12px;
background-color: var(--darkbeige);
border-radius: 5px;
}
.productfamily {
width: 100%;
height: auto;
display: block;
float: left;
}
.sharebuttons {
width: 100%;
height: auto;
display: block;
float: right;
text-align: right;
}
.facebook-share {
width: auto;
float: right;
font-size: 12px;
display: inline !important;
}
.facebook-share:hover > a  {
opacity: .8;
border-bottom: none !important;
}
.facebook-share-blog:hover > a  {
opacity: .8;
border-bottom: none !important;
} 
.twitter-share {
width: auto;
float: right;
font-size: 12px;
margin: 7px 7px 7px 0;
display: inline !important;
}
.pinterest-share {
width: auto;
float: right;
font-size: 12px;
display: inline !important;
}
.pinterest-share:hover > a  {
opacity: .8;
border-bottom: none !important;
}
.pinterest-share-blog:hover > a  {
opacity: .8;
border-bottom: none !important;
}
.kruoka {
width: 20%;
float: left;
text-align: left;
padding-right: 30px;
font-size: 12px;
}
.kruoka > a:hover {
border-bottom: none;
opacity: .9;
}
.foodie {
width: 20%;
float: left;
text-align: left;
padding-right: 30px;
font-size: 12px;
}
.foodie > a:hover {
border-bottom: none;
opacity: .9;
}
.herkku {
width: 20%;
float: left;
text-align: left;
padding-right: 30px;
font-size: 12px;
}
.herkku > a:hover {
border-bottom: none;
opacity: .9;
}
.kespro > a:hover {
border-bottom: none;
opacity: .9;
}
.heinontukku > a:hover {
border-bottom: none;
opacity: .9;
}
.metrotukku > a:hover {
border-bottom: none;
opacity: .9;
}
.heinontukku {
width: 32%;
display: inline-block;
float: left;
}
.metrotukku {
width: 32%;
display: inline-block;
float: left;
}
.kespro {
width: 32%;
display: inline-block;
float: left;
}
.alepa {
width: 20%;
float: left;
text-align: left;
font-size: 12px;
}
.alepa > a:hover {
border-bottom: none;
opacity: .9;
}
.product-buttons {
width: 100%;
height: auto;
display: block;
margin: 20px 0;
}
nav.post-navigation {
margin-top: 100px !important;
} .nav-below-product , .nav-below-recipe {
margin: 3vw 0;
font-size: 1em;
display: block;
padding: 30px 0;
}
.nav-below-left {
float: left;
text-align: left;
}
.nav-below-right {
float: right;
text-align: right;
}
.nav-previous {
width: 50%;
float: left;
}
.nav-next {
text-align: right;
}
.mobile-logopadding {
padding: 10px 15px;
} .searchform {
margin-left: auto;
text-align: center;
margin: 3vw 0 2vw 0;
min-height: 150px;
padding: 50px;
}
.searchpage {
margin: 3vw 0 6vw 0;
min-height: 580px;
text-align: center; 
}
#searchresult-box {
width:30%; display: inline-block;
}
input.search {
margin: 20px -5px 20px 0;
padding: 20px 20px;
height: 62px;
width: 50%;
border-radius: 5px;
border: 1px solid var(--darkbeige);
color: grey;
}
button.searchbutton {
font-family: Montserrat-Bold, Verdana, sans-serif;
font-weight: 600;
letter-spacing: .03em;
padding: 20px 25px 22px 25px;
height: 62px;
margin: 22px 0 20px -10px;
background-color: var(--orange);
color: white;
border-radius: 5px;
border: none;
font-size: 14px;
position: relative;
transition: 0.3s;
}
button.searchbutton:hover {
background-color: var(--lightorange);
transition: 0.3s;
}  footer#footer {
padding: 40px 5vw;
background-color: var(--darkblue);
color: white;
width: 100%;
font-size: 13px;
font-weight: normal !important;
font-family: 'noto sans' sans-serif;
}
#footer-below {
margin-top: 30px;
}
#copyright a {
color: white;	
}
#copyright {
padding-top: 50px;
}
.footer-social-media-links { 
text-align: right;
min-height: 20px;
}
.footer-social-media-links img {
padding: 2px;
}
.menu-footer-menu-container > ul#menu-footer-menu {
display: flex;
line-height: 2em;
}
.menu-footer-menu-container > ul#menu-footer-menu > li { 
margin-right: 30px;
}
.menu-footer-menu-container > ul#menu-footer-menu > li > a{
color: white;
text-transform: uppercase;
}
.menu-footer-menu-container > ul#menu-footer-menu > li > ul > li >  a {
color: white;
font-weight: 400;
}
.menu-footer-menu-container > ul#menu-footer-menu > li > ul > li >  a:before {
content: '» ';
}
.menu-footer-menu-en-container > ul#menu-footer-menu-en {
display: flex;
line-height: 2em;
}
.menu-footer-menu-en-container > ul#menu-footer-menu-en > li { 
margin-right: 30px;
}
.menu-footer-menu-en-container > ul#menu-footer-menu-en > li > a{
color: white;
text-transform: uppercase;
font-weight: normal;
}
.menu-footer-menu-en-container > ul#menu-footer-menu-en > li > ul > li >  a {
color: white;
font-weight: lighter;
}
.menu-footer-menu-en-container > ul#menu-footer-menu-en > li > ul > li >  a:before {
content: '» ';
}
#certificates {
text-align: right;
} .layer-wrapper {
background-color: transparent !important;
margin: 5px;
background-color: white !important;
border: 10px solid white;
border-radius: 10px !important;
height: 250px !important;
}
.layer-media { border-radius: 5px;
height: 100%;
display: block;
}
.layer-media:hover {
opacity: .9;
}
.inline-block-helper {
display: inline-block;
vertical-align: middle;
height: 100%;
border-radius: 15px;
}
.layer-media img {
max-height: 80% !important;
max-width: 90% !important;
width: auto;
height: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 30px 30px 60px 30px;
margin: auto;
display: block;
} 
.layer-wrapper > div > div > a > img {
}
.grid-items > .item {
background-color: transparent !important
}
.grid-items > .item > .layer-wrapper {
min-height: 400px !important;
}
.grid-items > .item > .layer-wrapper > .layer-content {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.layer-content {
margin-top: 50px;
display: block;
background-color: var(--beige);
}
.productlist-post-tag {
text-align: center;	
}
.productlist-post-title {
}
.productlist-readmore {
} .fp-post:hover  a.fp-readmore-link {
text-decoration: none;
color: var(--darkblue);
border-bottom: 2px solid var(--darkbeige) !important;
transition: 0.3s;
}
.fp-post:hover .fp-thumbnail {
opacity: 0.8;
}
.fp-thumbnail {
background-color: rgba(255, 255, 255, 0.5);
border-radius: 5px;
padding: 15px;
height: 300px !important; 
border: 1px solid rgba(255, 255, 255, 0.2);
}
.fp-thumbnail img {
height: 100%;
}
.fp-thumbnail:hover {
border: 1px solid rgba(255, 255, 255, 0.2) !important;
opacity: 1;
}
.fp-thumbnail img {
display: block;
max-width: 100% !important;
max-height: 100% !important;
object-fit: contain !important; 
}
h4.fp-title {
text-align: center;
}
h4.fp-title > a:hover {
border-bottom: none !important;
}
.fp-post {
margin: 2vw 1em;
}
.fp-readmore {
text-align: center;	
padding: 1em;
}
.fp-excerpt {
text-align: center;	
color: #38385B;
opacity: 1;
line-height: 1.2em;	
}
.fp-pagination {
margin-top: 40px;
}
a.fp-readmore-link {
font-family: Montserrat-Bold, Verdana, sans-serif;
color: var(--darkblue);
text-transform: uppercase;
letter-spacing: 1px;
padding: 0px 2px 5px 2px !important;
font-weight: 600;
text-decoration: none;
border-top: 0px !important;
border-left: 0px !important;
border-right: 0px !important;
border-bottom: 2px solid var(--orange) !important;
border-radius: 0 !important;
}
a.fp-readmore-link:hover {
text-decoration: none;
color: var(--darkblue);
border-bottom: 2px solid var(--darkbeige) !important;
transition: 0.3s;
} .fp-list-3 .fp-thumbnail {
background-color: rgba(255, 255, 255, 0.5);
border-radius: 5px;
padding: 0;
height: 300px !important; 
border: 1px solid rgba(255, 255, 255, 0.2);
}
.fp-list-3 .fp-thumbnail img {
display: block;
object-fit: cover !important; 
}
.fp-list-3 .fp-meta {
text-align: center;
margin: 6px auto;
} .printbutton-container > a {
background-color: var(--darkblue);
color: white;
font-size: 14px;
padding: 6px 15px;
border-radius: 3px;
display: block;
max-width: 110px;
}
.printbutton-container a:hover {
opacity: .9;
border-bottom: none !important;
cursor: pointer;
}
.blog-go-back a {
color: white;
}
.product-family-tag a[rel=tag] {
text-align: center;
background-color: transparent;
border: 0;
padding: 0;
color: var(--darkestbeige);
text-transform: uppercase;
font-size: 14px;
letter-spacing: 1px;
border-radius: 0;
font-weight: normal;
display: block;
}
.product-family-tag a[rel=tag]:hover {
opacity: .9;
border: 0;
transition: .3s;
}
.product-family-tag {
visibility: hidden;
margin: 10px 0;
font-size: 0px !important;
}
.product-family-tag > a {
visibility: visible !important;
font-size: 14px !important;
}
a[rel=tag] {
background-color: var(--darkbeige);
border: 2px solid var(--darkbeige);
padding: 5px 15px;
color: #3B4354;
text-transform: uppercase;
font-size: 14px;
border-radius: 50px;
font-weight: normal;
margin-top: 10px !important;
}
a[rel=tag]:hover {
opacity: .9;
border: 2px solid var(--beige);
transition: .3s;
}
.entry-header {
background-repeat: no-repeat;
color: white;
border-bottom: 1px solid var(--darkestbeige);
display: flex; }
.hero-content {
min-height: 30em;
display: flex; 
align-items: center; 
margin: auto;
text-align: center;	
background-color: rgba(56, 56, 91, 0.3);
width: 100%;
color: white;
}
.hero-title {
align-items: center; 
margin: auto;
text-align: center;
}
.hero-title h1 {
display: inline;
width: auto;
-webkit-text-shadow: 0px 0px 50px rgba(56,56,91,1);
text-shadow: 0px 0px 50px rgba(56,56,91,1);
padding: 0;
margin: 15px 0;
}
.hero-paragraph {
max-width: 600px;
font-size: 20px;
font-weight: 400;
align-items: center; 
margin: auto;
text-align: center;
}
.hero-paragraph p {
width: auto;
-webkit-text-shadow: 0px 0px 25px rgba(56,56,91,1);
text-shadow: 0px 0px 25px rgba(56,56,91,1);
}
.blog-content {
margin: 50px 0;
} .entry-thumbnail {
display: block;
margin: 15px 0 7px 0;
}
.entry-thumbnail img{
max-width: 100%;
height: auto;
}
ul.post-categories > li {
display: inline;
}
ul.post-categories {
display: inline;
margin: 5px 0 !important;
}
.entry-summary-tagcloud {
margin: 5px 0 5px 0;
}
.entry-summary-tagcloud a {
background-color: var(--darkbeige);
color: #7F7D8D;
display: inline-block;
padding: 7px 20px 7px 20px; 
margin-right: 5px;
margin-top: 10px;
border-radius: 50px;
transition: 0.3s;
}
.entry-summary-tagcloud a:hover {
color: var(--darkblue);
border: 2px solid var(--darkbeige);
transition: .5s;
}
.recipe-list-container {
margin: 3vw auto; }
.entry-excerpt > a > p {
font-weight: 400;
font-family: 'Noto sans', sans-serif;
}
.entry-excerpt > p > a {
font-weight: 400;
font-family: 'Noto sans', sans-serif;
}
.entry-excerpt > p > a:hover {
border-bottom: 0;
}
a.next {
margin-left: 20px;
}
a.prev {
margin-right: 20px;
}
.page-numbers {
margin: 6vw 0 4vw 0;
text-align: center;
}
ul.page-numbers li {
display: inline;
margin: 0 3px;
}
span.page-numbers.current {
color: var(--orange);
font-weight: bold;
}
.post-list-readmore {
width: 49%;
display: inline-block;
}
.post-list-date {
letter-spacing: 1px;
padding-top: 7px;
color: var(--darkestbeige);
font-size: 14px;
height: 28px;
font-weight: bold;
display: inline-block;
width: 45%;
text-align: right;
float: right;
}
.update-list-container {
margin: 3vw auto;
}
.update-list-container:hover button.text {
border-bottom: 2px solid var(--darkerbeige);
}
.recipe-list-container:hover button.text {
border-bottom: 2px solid var(--darkerbeige);
}
.recipe-readmore-date-container {
margin: 0 auto;
max-width: 800px;
}
.recipe-readmore-date-container:hover button.text {
border-bottom: 2px solid var(--darkerbeige);
}
.update-list-container > .image {
}
.update-list-container > .info {
padding: 30px 20px 0 20px;
}
h2#paivitykset-title a:hover {
border-bottom: 0;
}
h3#paivitykset-title {
font-size: 32px;
padding: 10px 0 15px 0;
}
h3#paivitykset-title a:hover {
border-bottom: 0;
}
a#paivitykset-excerpt p {
font-weight: 400;
font-family: 'Noto sans', sans-serif;
padding-bottom: 20px;
}
a#paivitykset-excerpt {
font-weight: 400;
font-family: 'Noto sans', sans-serif;
padding-bottom: 20px;
}
a#paivitykset-excerpt:hover {
border-bottom: 0;
}
a.prev.page-numbers {
content: 'aa';
} article.not-found {
min-height: 780px;
}
.img404 {
margin-left: auto;
text-align: center;
}
.tagcloud {
margin: 3vw auto;
text-align: center;
max-width: 800px;
}
.tagcloud a {
background-color: var(--darkbeige);
border: 2px solid var(--darkbeige);
padding: 10px 20px;
color: #7F7D8D;
text-transform: uppercase;
font-size: 14px !important;
border-radius: 50px;
font-weight: normal;
margin-top: 10px !important;
margin-right: 5px;
display: inline-block;
}
.tagcloud a:hover {
background: var(--darkbeige);
color: var(--darkblue);
border: 2px solid var(--darkbeige);
transition: .5s;
} .searchresult {
margin: 20px 0;
}
.searchresult img {
max-height: 225px !important;
width: auto;
}
.searchresult:hover .textbutton {
border-bottom: 2px solid var(--darkerbeige) !important;
}
.searchresult a:hover {
border-bottom: 0;
}
.searchresult .title {
color: var(--darkblue);
display: block;
margin: 10px auto;
font-size: 1.2em;
}
.searchresult .textbutton {
font-family: Montserrat-Bold, Verdana, sans-serif;
background: transparent;
color: var(--darkblue);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 600;
text-decoration: none;
border-bottom: 2px solid var(--orange) !important;
border-top: 0;
border-left: 0;
border-right: 0;
padding: 5px 0;
}
.entry-links {
margin: 30px 0 0 0;
}
}
@media screen and (max-width: 1199px) {
#content {
margin-top: 59px;
}
.nav-menu-mobile li {
padding-top: 0;
font-size: 16px;
}
.page-numbers {
margin: 6vw 0 6vw 0;
}
.wp-block-cover {
border-radius: 3px;
}
}
@media screen and (max-width: 768px) { h1 {
font-size: 2em;
}
h2 {
font-size: 1.5em;
}
#content {
margin-top: 59px;
}
#searchresult-box {
width: 80%; 
display: block;
margin: auto;
}
.searchpage {
margin-top: 59px;
}
.container {
width: 95%;
} 
h5 {
padding: 5px 0;
}
#certificates {
text-align: left;
}
.hideonmobile {
display: none;
}
.hideondesktop {
display: block;
}
.entry-excerpt {
font-size: 14px;
} .product-go-back {
margin: 20px 0 20px 0;
}
.product-image {
min-height: 300px;	
padding: 20px;
background-size: 90% !important;
}
.recipe-list-container {
margin: 10vw auto;
}
.entry-links {
margin: 10px 0 0 0;
}
.product-information {
padding: 0 0 0 0;
margin-top: 150px;
}
.product-family {
padding: 14px 0;
}
.product-family > a {
padding: 3px 0;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--darkestbeige);
font-size: 14px;
}
.product-family > a:hover {
border-bottom: 2px solid var(--orange);
color: var(--darkblue);
}
.entry-title {
font-size: 2em;
}
.entry-thumbnail {
min-height: 250px !important;
max-height: 250px;
}
.productfamily {
width: 100%;
height: auto;
display: block;
float: left;
}
.kruoka {
width: 25%;
}
.foodie {
width: 25%;
}
.herkku {
width: 25%;
}
.heinontukku {
width: 32%;
display: inline-block;
float: left;
}
.metrotukku {
width: 32%;
display: inline-block;
float: left;
}
.kespro {
width: 32%;
display: inline-block;
float: left;
}
.alepa {
width: 25%;
}
.sharebuttons {
float: left;
text-align: center;
}
.twitter-share {
float: left;
}
.facebook-share {
float: left;
}
.pinterest-share {
float: left;
} .nav-below-product {
margin: 3vw 0;
}
.nav-previous {
width: 100%;
text-align: center;
margin: 20px 0;
font-size: 14px;
}
.nav-next {
width: 100%;
text-align: center;
margin: 20px 0;
font-size: 14px;
}
.mobile-logopadding {
padding: 10px 15px;
} .entry-header {
margin-top: 50px;	
}
.hero-title h1 {
font-size: 28px;
margin: 20px 0;
display: block;
}
.hero-content {
background-color: rgba(56, 56, 91, 0.3);
} h2#paivitykset-title {
font-size: 24px;
}
h3#paivitykset-title {
font-size: 20px;
line-height: 24px;
}
.tagcloud a {
padding: 7px 13px;
font-size: 13px !important;
}
.fp-col {
min-width: 100px !important;
max-width: 200px !important;
}
.fp-thumbnail {
height: 170px !important; 
}
.product-family-tag a {
font-size: 13px !important; 
letter-spacing: 0 !important;
}
.product-family-tag {
}
.fp-post {
margin: 2vw 10px !important;
}
h4.fp-title {
font-size: 1em !important;
}
.fp-post .fp-readmore-link {
font-size: 0.8em !important;
}
.fp-readmore {
padding: 0.7em !important;
}
.wp-block-spacer {
max-height: 50px !important;
}
.searchpage {
min-height: 530px;
}
.searchform {
padding: 5px;
}
input.search {
width: 70%;
}
.searchresult {
margin: 50px auto;
}
.nav-menu-mobile li {
padding-top: 0;
font-size: 16px;
}
.menu-footer-menu-container > ul#menu-footer-menu {
display: block;
padding: 10px 0;
}
.menu-footer-menu-container > ul#menu-footer-menu > li.menu-item-has-children > .sub-menu {
margin-bottom: 20px;
}
.menu-footer-menu-en-container > ul#menu-footer-menu-en {
display: block;
padding: 10px 30px;
}
.menu-footer-menu-en-container > ul#menu-footer-menu-en > li.menu-item-has-children > .sub-menu {
margin-bottom: 20px;
}
#footer > div > div > .footer-social-media-links {
text-align: center;
padding: 10px 30px;
}
#footer > #copyright {
text-align: left;
padding: 10px 30px;
}
}
.dontprint {
display: block;
visibility: visible;
}
@import url("https://fonts.googleapis.com/css?family=Caveat|Montserrat:600,700,800&display=swap");
@font-face {
font-family: 'GalanoGrotesqueAlt-Bold';
src: url(//jokilaaksonjuusto.fi/wp-content/themes/ilotheme/fonts/3AC658_0_0.eot); src: url(//jokilaaksonjuusto.fi/wp-content/themes/ilotheme/fonts/3AC658_0_0.eot) format('embedded-opentype'), url(//jokilaaksonjuusto.fi/wp-content/themes/ilotheme/fonts/out.woff2) format('woff2'), url(//jokilaaksonjuusto.fi/wp-content/themes/ilotheme/fonts/3AC658_0_0.woff) format('woff'), url(//jokilaaksonjuusto.fi/wp-content/themes/ilotheme/fonts/3AC658_0_0.ttf) format('truetype'), url(//jokilaaksonjuusto.fi/wp-content/themes/ilotheme/fonts/out.svg#svgFontName) format('svg'); }
@font-face {
font-family: 'Montserrat';
font-weight: 500;
font-style: normal;
src: url(//jokilaaksonjuusto.fi/wp-content/themes/ilotheme/fonts/Montserrat-Medium.woff2) format('woff2'),
url(//jokilaaksonjuusto.fi/wp-content/themes/ilotheme/fonts/Montserrat-Medium.woff) format('woff'),
url(//jokilaaksonjuusto.fi/wp-content/themes/ilotheme/fonts/Montserrat-Medium.ttf) format('truetype');
}
@font-face {
font-family: 'Montserrat';
font-weight: 600;
font-style: normal;
src: url(//jokilaaksonjuusto.fi/wp-content/themes/ilotheme/fonts/Montserrat-SemiBold.woff2) format('woff2'),
url(//jokilaaksonjuusto.fi/wp-content/themes/ilotheme/fonts/Montserrat-SemiBold.woff) format('woff'),
url(//jokilaaksonjuusto.fi/wp-content/themes/ilotheme/fonts/Montserrat-SemiBold.ttf) format('truetype');
}
@font-face {
font-family: 'Montserrat';
font-weight: bold;
font-style: normal;
src: url(//jokilaaksonjuusto.fi/wp-content/themes/ilotheme/fonts/Montserrat-Bold.woff2) format('woff2'),
url(//jokilaaksonjuusto.fi/wp-content/themes/ilotheme/fonts/Montserrat-Bold.woff) format('woff'),
url(//jokilaaksonjuusto.fi/wp-content/themes/ilotheme/fonts/Montserrat-Bold.ttf) format('truetype');
}
.desktop-menu {}  @media screen and (min-width: 1200px) {
.desktop-menu {
display: block;
}
.mobile-menu {
display: none;
}
}
@media screen and (max-width: 1199px) {
.desktop-menu {
display: none;
}
.header-logo {
position: fixed;
top: 13px;
left: 20px;
z-index: 100;
}
.header-logo img {
max-width: 150px;
}
.mobile-menu {
position: fixed;
display: block;
top: 0;
left: 0;
width: 100%;
height: 60px;
padding: 20px;
background-color: var(--darkblue);
z-index: 3;
}
.mobile-menu .toggler {
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 50px;
z-index: 2;
cursor: pointer;
opacity: 0;
}
.mobile-menu .hamburger {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: 0;
right: 0;
width: 60px;
height: 60px;
padding: 1rem;
z-index: 1;
}
.mobile-menu a {
color: white;
} .mobile-menu .hamburger>div {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 3px;
background-color: white;
transition: all 0.3s;
}
.mobile-menu .hamburger>div:before,
.mobile-menu .hamburger>div:after {
content: '';
position: absolute;
top: -10px;
width: 100%;
height: 3px;
background-color: inherit;
z-index: 1;
}
.mobile-menu .hamburger>div:after {
top: 10px;
} .mobile-menu .toggler:checked+.hamburger>div {
transform: rotate(45deg);
} .mobile-menu .toggler:checked+.hamburger>div:before {
top: 0;
transform: rotate(90deg);
} .mobile-menu .toggler:checked+.hamburger>div:after {
top: 0;
transform: rotate(90deg);
}
.mobile-menu .toggler:checked:hover+.hamburger>div { } .mobile-menu .toggler:checked~.menu {
visibility: visible;
}
.mobile-menu .toggler:checked~.menu>div {
transform: translate(0, 0);
transition-duration: all 0.4s ease;
}
.mobile-menu .toggler:checked~.menu>div>div {
opacity: 1;
transition: opacity 0.4s ease;
}
.mobile-menu .menu {
position: fixed;
display: flex;
align-items: center;
justify-content: center;
top: 0;
left: 0;
width: 100%;
height: 100%;
visibility: hidden;
overflow: hidden;
}
.mobile-menu .menu>div {
display: flex;
align-items: center;
justify-content: center;
width: 200vw;
height: 250vw;
border-bottom: 2px solid #38385B;
background-color: var(--darkblue);
flex: none;
transform: translate(0, -250vw);
transition: all 0.5s;
}
.mobile-menu .menu>div>div {
text-align: center;
max-width: 90vw;
max-height: 100vh;
opacity: 0;
transition: opacity 0.4s ease;
}
li.lang-item>a:hover {
border-bottom: none !important;
}
li.lang-item img {
border: 1px solid lightgrey;
max-width: 30px;
}
.nav-menu-mobile li {
padding-top: 15px;
font-size: 18px;
}
ul.nav-menu-mobile>li.menu-item>a {
padding: 10px !important;
}
.nav-menu-mobile li a:hover {
border-bottom: 0;
}
}  @font-face {
font-family: 'Work Sans';
font-weight: 400;
font-style: normal;
font-display: swap;
src: url(https://jokilaaksonjuusto.fi/wp-content/themes/jokilaaksonjuusto-childtheme/fonts/work-sans-v19-latin-regular.woff2) format('woff2');
} @font-face {
font-family: 'Work Sans';
font-weight: 400;
font-style: italic;
font-display: swap;
src: url(https://jokilaaksonjuusto.fi/wp-content/themes/jokilaaksonjuusto-childtheme/fonts/work-sans-v19-latin-italic.woff2) format('woff2');
} @font-face {
font-family: 'Work Sans';
font-weight: 600;
font-style: normal;
font-display: swap;
src: url(https://jokilaaksonjuusto.fi/wp-content/themes/jokilaaksonjuusto-childtheme/fonts/work-sans-v19-latin-600.woff2) format('woff2');
} @font-face {
font-family: 'Work Sans';
font-weight: 600;
font-style: italic;
font-display: swap;
src: url(https://jokilaaksonjuusto.fi/wp-content/themes/jokilaaksonjuusto-childtheme/fonts/work-sans-v19-latin-600italic.woff2) format('woff2');
}
@font-face {
font-family: "GascogneTSRegular";
font-display: swap;
src: url(https://jokilaaksonjuusto.fi/wp-content/themes/jokilaaksonjuusto-childtheme/fonts/GascogneTSRegular.woff2) format('woff2');
}
:root {
--blue-light: #CEE3EC;
--blue-hover: #083D51;
--brown: #E0DECA;
--warm-white: #FFF6E8;
--darkblue: #002A3A;
--green: #819E87;
--orange: #f28b37;
--font-body: 'Work Sans', sans-serif;
--font-heading: 'GascogneTSRegular', serif;
}
body {
font-family: var(--font-body);
background-color: var(--warm-white);
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--font-heading);
}
a {
font-family: inherit;
}
.has-blue-light-color {
color: var(--blue-light) !important;
}
.has-blue-light-background-color {
background-color: var(--blue-light) !important;
}
.has-blue-dark-color {
color: var(--darkblue) !important;
}
.has-blue-dark-background-color {
background-color: var(--darkblue) !important;
}
.has-brown-color {
color: var(--brown) !important;
}
.has-brown-background-color {
background-color: var(--brown) !important;
}
.has-green-background-color {
background-color: var(--green) !important;
}
.has-green-color {
color: var(--green) !important;
}
.has-orange-color {
color: var(--orange) !important;
}
.has-orange-background-color {
background-color: var(--orange) !important;
}
.has-warm-white-color {
color: var(--warm-white) !important;
}
.has-warm-white-background-color {
background-color: var(--warm-white) !important;
}
.wp-block-button__link,
.wp-block-button__link:hover,
.wp-block-button__link:focus,
.wp-block-button__link:visited {
color: #ffffff;
}
.wp-block-button__link:hover,
.wp-block-button__link:focus {
background-color: var(--darkblue);
border-color: var(--darkblue);
}
header#header li.menu-item:hover {
background-color: var(--blue-hover);
}
.post-hero,
.post-hero-text {
padding-top: 4.25rem;
}
.post-hero-container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
}
.post-hero-container:before,
.post-hero-container:after {
display: none;
}
.post-hero-date {
display: block;
margin-bottom: 1rem;
}
.post-hero-title {
font-size: 3rem;
}
.post-hero-excerpt {
font-size: 1.25rem;
}
.post-hero-img img {
height: auto;
max-width: 100%;
}
@media screen and (max-width: 991px) {
.post-hero-container {
grid-template-columns: 1fr;
}
.post-hero-text {
padding-top: 0;
}
}
.product-excerpt {
font-weight: inherit;
font-style: inherit;
}
.product-specs-title {
font-family: var(--font-body);
font-weight: 600 !important;
}
.type-page > .row > h1,
.type-page > .row > h2,
.type-page > .row > h3,
.type-page > .row > h4,
.type-page > .row > h5,
.type-page > .row > h6,
.type-page > .row > ol,
#content .type-page > .row > ul,
.type-page > .row > p,
.product-content > h2,
.product-content > p,
.product-content > h3,
.product-content > ol,
.product-content > ul {
max-width: 670px;
margin-left: auto;
margin-right: auto;
}
.sharebuttons {
display: flex;
flex-wrap: wrap;
}