@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap");
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%
}
body {
margin: 0
}
main {
display: block
}
h1 {
font-size: 2em;
margin: .67em 0
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
pre {
font-family: monospace, monospace;
font-size: 1em
}
a {
background-color: transparent
}
abbr[title] {
border-bottom: 0;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
b, strong {
font-weight: bolder
}
code, kbd, samp {
font-family: monospace, monospace;
font-size: 1em
}
small {
font-size: 80%
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
img {
border-style: none
}
button, input, optgroup, select, textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0
}
button, input {
overflow: visible
}
button, select {
text-transform: none
}
[type=button], [type=reset], [type=submit], button {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
border-style: none;
padding: 0
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
padding: .35em .75em .625em
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
progress {
vertical-align: baseline
}
textarea {
overflow: auto
}
[type=checkbox], [type=radio] {
box-sizing: border-box;
padding: 0
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
details {
display: block
}
summary {
display: list-item
}
template {
display: none
}
[hidden] {
display: none
}
.nav-toggle:not(.has-visible-label) .nav-toggle-label, .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important
}
.nav-toggle:not(.has-visible-label) .skip-link.nav-toggle-label, .screen-reader-text.skip-link {
margin: 5px
}
.nav-toggle:not(.has-visible-label) .skip-link.nav-toggle-label:focus, .screen-reader-text.skip-link:focus {
background: #fff;
color: #4d4aff;
outline: 2px solid #4d4aff
}
.nav-toggle:not(.has-visible-label) .nav-toggle-label:focus, .screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 0;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #21759b;
display: block;
font-size: 17px;
font-size: 1.7rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000
}
[tabindex="-1"]:focus {
outline: 0
}
[data-whatinput=mouse] :focus, [data-whatinput=touch] :focus {
outline: 0
}
.col, body .block-image-links .cols .col {
overflow: visible
}
[data-whatinput=keyboard] a:focus, [data-whatinput=keyboard] button:focus, [data-whatinput=keyboard] div[tabindex]:focus, [data-whatinput=keyboard] input:focus, [data-whatinput=keyboard] nav ul li a:focus, [data-whatinput=keyboard] select:focus, [data-whatinput=keyboard] textarea:focus {
outline: 2px solid #4d4aff;
color: #000;
opacity: 1;
z-index: 99
}
[data-whatinput=keyboard] a.global-link:focus {
outline: 4px solid #4d4aff
}
.no-js :focus {
outline: 2px solid #4d4aff
}
.container a, .entry-content a {
text-decoration: underline
}
.container a:focus, .container a:hover, .entry-content a:focus, .entry-content a:hover {
text-decoration: none
}
a[href^=mailto]::after {
display: none
}
.block:not(.block-footer) {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-color: #fff;
position: relative;
min-height: 100px;
max-width: 100%;
margin: 0 auto
}
.shade {
background: #03061b;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
opacity: .35
}
.site {
max-width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden
}
.home .site-content .container {
padding-top: 0
}
.container {
margin: 0 auto;
padding-top: 64px;
padding-top: 6.4rem;
padding-bottom: 64px;
padding-bottom: 6.4rem;
padding-left: 20px;
padding-left: 2rem;
padding-right: 20px;
padding-right: 2rem;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-left: 2rem;
padding-right: 20px;
padding-right: 2rem
}
@media (max-width: 1350px) {
.container {
padding-left: 8rem;
padding-right: 8rem
}
}
@media (max-width: 770px) {
.container {
padding-top: 5.33333rem;
padding-bottom: 5.33333rem;
padding-left: 2rem;
padding-right: 2rem
}
}
.site-main .container {
clear: both
}
.entry-footer {
overflow: hidden;
clear: both;
display: block
}
.edit-link {
text-align: left;
width: 100%;
display: block;
clear: both;
max-width: 100%;
min-width: 0;
margin-bottom: 0;
margin-top: 20px;
margin-top: 2rem;
overflow: hidden;
transition: all .22s
}
.edit-link a {
clear: both;
text-align: center;
transition: all .22s;
display: block;
padding: 20px;
padding: 2rem;
background: #fafafa;
color: #999;
border: 2px dashed #999;
margin: 0;
text-decoration: none
}
.edit-link a:hover {
color: #999;
background: #efefef
}
a.global-link {
width: 100%;
height: 100%;
z-index: 3;
position: absolute;
top: 0;
left: 0
}
@media (min-width: 480px) {
.error-404 .container {
padding-top: 10%;
padding-bottom: 10%
}
}
.error-404 h1 {
font-size: 42px;
margin-bottom: 20px;
margin-bottom: 2rem
}
@media screen and (min-width: 320px) {
.error-404 h1 {
font-size: calc(42px + 158 * ((100vw - 320px) / 1600))
}
}
@media screen and (min-width: 1920px) {
.error-404 h1 {
font-size: 200px
}
}
.alignwide {
margin-left: -100px;
margin-right: -100px
}
@media (max-width: 1200px) {
.alignwide {
margin-left: auto;
margin-right: auto
}
}
.alignfull {
margin-left: calc(-100vw / 2 + 100% / 2);
margin-right: calc(-100vw / 2 + 100% / 2);
max-width: 100vw;
width: 100vw
}
.wp-block-media-text {
background-color: #f5f5f5
}
.wp-block-media-text__media {
height: 100%
}
.wp-block-media-text__media img {
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.wp-block-media-text .wp-block-media-text__content {
padding: 8%
}
.wp-block-cover {
padding: 0
}
.wp-block-cover__inner-container {
max-width: 1200px
}
@media (max-width: 782px) {
.wp-block-column.mobile-half {
flex-basis: 45% !important
}
}
@media (max-width: 782px) {
.wp-block-column.mobile-full {
flex-basis: 100% !important
}
}
.search-results h3.entry-title {
border-bottom: 0;
padding-bottom: 0
}
.search-results article {
border-bottom: 1px solid maroon;
padding-bottom: 20px;
margin-bottom: 20px
}
.search-results article:last-of-type {
border-bottom: 0
}
@font-face {
font-family: Archivo;
font-display: auto;
src: url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/archivo-v6-latin_latin-ext-regular.eot);
src: url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/archivo-v6-latin_latin-ext-regular.eot?#iefix) format("embedded-opentype"), url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/archivo-v6-latin_latin-ext-regular.woff) format("woff"), url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/archivo-v6-latin_latin-ext-regular.woff2) format("woff2"), url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/archivo-v6-latin_latin-ext-regular.ttf) format("truetype"), url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/archivo-v6-latin_latin-ext-regular.svg#Archivo) format("svg");
font-style: normal;
font-weight: 400
}
@font-face {
font-family: Archivo;
font-display: auto;
src: url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/archivo-v6-latin_latin-ext-italic.eot);
src: url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/archivo-v6-latin_latin-ext-italic.eot?#iefix) format("embedded-opentype"), url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/archivo-v6-latin_latin-ext-italic.woff) format("woff"), url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/archivo-v6-latin_latin-ext-italic.woff2) format("woff2"), url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/archivo-v6-latin_latin-ext-italic.ttf) format("truetype"), url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/archivo-v6-latin_latin-ext-italic.svg#Archivo) format("svg");
font-style: italic;
font-weight: 400
}
@font-face {
font-family: Archivo;
font-display: auto;
src: url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/archivo-v6-latin_latin-ext-700.eot);
src: url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/archivo-v6-latin_latin-ext-700.eot?#iefix) format("embedded-opentype"), url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/archivo-v6-latin_latin-ext-700.woff) format("woff"), url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/archivo-v6-latin_latin-ext-700.woff2) format("woff2"), url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/archivo-v6-latin_latin-ext-700.ttf) format("truetype"), url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/archivo-v6-latin_latin-ext-700.svg#Archivo) format("svg");
font-style: normal;
font-weight: 700
}
@font-face {
font-family: Archivo;
font-display: auto;
src: url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/archivo-v6-latin_latin-ext-700italic.eot);
src: url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/archivo-v6-latin_latin-ext-700italic.eot?#iefix) format("embedded-opentype"), url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/archivo-v6-latin_latin-ext-700italic.woff) format("woff"), url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/archivo-v6-latin_latin-ext-700italic.woff2) format("woff2"), url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/archivo-v6-latin_latin-ext-700italic.ttf) format("truetype"), url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/archivo-v6-latin_latin-ext-700italic.svg#Archivo) format("svg");
font-style: italic;
font-weight: 700
}
@font-face {
font-family: "Open Sans";
font-display: auto;
src: url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/OpenSans-Regular.eot);
src: url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/OpenSans-Regular.eot?#iefix) format("embedded-opentype"), url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/OpenSans-Regular.woff) format("woff"), url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/OpenSans-Regular.woff2) format("woff2"), url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/OpenSans-Regular.ttf) format("truetype"), url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/OpenSans-Regular.svg#Open Sans) format("svg");
font-style: normal;
font-weight: 400
}
@font-face {
font-family: "Open Sans";
font-display: auto;
src: url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/OpenSans-Italic.eot);
src: url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/OpenSans-Italic.eot?#iefix) format("embedded-opentype"), url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/OpenSans-Italic.woff) format("woff"), url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/OpenSans-Italic.woff2) format("woff2"), url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/OpenSans-Italic.ttf) format("truetype"), url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/OpenSans-Italic.svg#Open Sans) format("svg");
font-style: italic;
font-weight: 400
}
@font-face {
font-family: "Open Sans";
font-display: auto;
src: url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/OpenSans-Bold.eot);
src: url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/OpenSans-Bold.eot?#iefix) format("embedded-opentype"), url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/OpenSans-Bold.woff) format("woff"), url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/OpenSans-Bold.woff2) format("woff2"), url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/OpenSans-Bold.ttf) format("truetype"), url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/OpenSans-Bold.svg#Open Sans) format("svg");
font-style: normal;
font-weight: 700
}
@font-face {
font-family: "Open Sans";
font-display: auto;
src: url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/OpenSans-BoldItalic.eot);
src: url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/OpenSans-BoldItalic.eot?#iefix) format("embedded-opentype"), url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/OpenSans-BoldItalic.woff) format("woff"), url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/OpenSans-BoldItalic.woff2) format("woff2"), url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/OpenSans-BoldItalic.ttf) format("truetype"), url(//finnpeak.fi/wp-content/themes/finnpeak_2020/fonts/OpenSans-BoldItalic.svg#Open Sans) format("svg");
font-style: italic;
font-weight: 700
}
:root {
font-size: 62.5%
}
body {
font-size: 17px;
font-size: 1.7rem;
font-family: Lato, sans-serif;
color: #222;
font-weight: 400;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
text-size-adjust: none;
text-rendering: geometricPrecision;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
a {
color: #0071ce;
text-decoration: none
}
a:hover {
color: maroon
}
.container.container-article article a:not(.button):not(.no-text-link) {
position: relative;
overflow: visible;
font-weight: 700;
z-index: 1;
text-decoration: none;
transition: all .18s ease-in-out;
display: inline-flex;
color: #222;
border-bottom: 1px solid #0071ce;
box-shadow: inset 0 -.1rem 0 #0071ce
}
.container.container-article article a:focus:not(.button):not(.no-text-link), .container.container-article article a:hover:not(.button):not(.no-text-link) {
box-shadow: inset 0 -3.3rem 0 #0071ce;
color: #222
}
.comment-list li, .comment-list li .comment-time, .comment-list li p, .comments-link, body.woocommerce ul.products .button, body.woocommerce-page .site-content ul.products .button {
font-size: 14px
}
@media screen and (min-width: 320px) {
.comment-list li, .comment-list li .comment-time, .comment-list li p, .comments-link, body.woocommerce ul.products .button, body.woocommerce-page .site-content ul.products .button {
font-size: calc(14px + 3 * ((100vw - 320px) / 1600))
}
}
@media screen and (min-width: 1920px) {
.comment-list li, .comment-list li .comment-time, .comment-list li p, .comments-link, body.woocommerce ul.products .button, body.woocommerce-page .site-content ul.products .button {
font-size: 17px
}
}
blockquote, body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), body.woocommerce div.product, body.woocommerce div.product .star-rating, body.woocommerce ul.products .star-rating, body.woocommerce-page .site-content div.product, body.woocommerce-page .site-content div.product .star-rating, body.woocommerce-page .site-content ul.products .star-rating, code, dd, dt, figcaption, hr, input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], input[type=week], kbd, li, ol, p, pre, samp, select, small, table, td, textarea, th, tr, ul {
font-size: 17px;
letter-spacing: -.003em;
line-height: 1.7
}
@media screen and (min-width: 320px) {
blockquote, body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), body.woocommerce div.product, body.woocommerce div.product .star-rating, body.woocommerce ul.products .star-rating, body.woocommerce-page .site-content div.product, body.woocommerce-page .site-content div.product .star-rating, body.woocommerce-page .site-content ul.products .star-rating, code, dd, dt, figcaption, hr, input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], input[type=week], kbd, li, ol, p, pre, samp, select, small, table, td, textarea, th, tr, ul {
font-size: calc(17px + 3 * ((100vw - 320px) / 1600))
}
}
@media screen and (min-width: 1920px) {
blockquote, body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), body.woocommerce div.product, body.woocommerce div.product .star-rating, body.woocommerce ul.products .star-rating, body.woocommerce-page .site-content div.product, body.woocommerce-page .site-content div.product .star-rating, body.woocommerce-page .site-content ul.products .star-rating, code, dd, dt, figcaption, hr, input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], input[type=week], kbd, li, ol, p, pre, samp, select, small, table, td, textarea, th, tr, ul {
font-size: 20px
}
}
p {
margin-top: 29px;
margin-top: 2.9rem;
margin-bottom: 29px;
margin-bottom: 2.9rem
}
p:first-child {
margin-top: 0
}
p:last-child {
margin-bottom: 0
}
h1, h2, h3, h4, h5, h6 {
color: #222;
font-family: Lato, sans-serif;
font-weight: 900;
margin-top: 27px;
margin-top: 2.7rem;
margin-bottom: 27px;
margin-bottom: 2.7rem
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
margin-top: 0
}
h2, h3, h4, h5, h6 {
line-height: 1.5
}
h1 {
font-size: 32px;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid maroon
}
@media screen and (min-width: 320px) {
h1 {
font-size: calc(32px + 19 * ((100vw - 320px) / 1600))
}
}
@media screen and (min-width: 1920px) {
h1 {
font-size: 51px
}
}
h2 {
font-size: 24px
}
@media screen and (min-width: 320px) {
h2 {
font-size: calc(24px + 14 * ((100vw - 320px) / 1600))
}
}
@media screen and (min-width: 1920px) {
h2 {
font-size: 38px
}
}
.accent, h3 {
font-size: 21px
}
@media screen and (min-width: 320px) {
.accent, h3 {
font-size: calc(21px + 7 * ((100vw - 320px) / 1600))
}
}
@media screen and (min-width: 1920px) {
.accent, h3 {
font-size: 28px
}
}
.comment-list li .comment-author, h4 {
font-size: 18px
}
@media screen and (min-width: 320px) {
.comment-list li .comment-author, h4 {
font-size: calc(18px + 3 * ((100vw - 320px) / 1600))
}
}
@media screen and (min-width: 1920px) {
.comment-list li .comment-author, h4 {
font-size: 21px
}
}
h5 {
font-size: 14px
}
@media screen and (min-width: 320px) {
h5 {
font-size: calc(14px + 3 * ((100vw - 320px) / 1600))
}
}
@media screen and (min-width: 1920px) {
h5 {
font-size: 17px
}
}
h6 {
font-size: 14px
}
@media screen and (min-width: 320px) {
h6 {
font-size: calc(14px + -2 * ((100vw - 320px) / 1600))
}
}
@media screen and (min-width: 1920px) {
h6 {
font-size: 12px
}
}
ul {
list-style: disc outside;
padding-left: 19px;
padding-left: 1.9rem
}
ul li {
padding-left: 0
}
ol {
padding-left: 19px;
padding-left: 1.9rem
}
b, strong {
font-weight: 700
}
em, i {
font-style: italic
}
small {
line-height: 1;
font-size: .875em
}
img {
-ms-interpolation-mode: bicubic;
height: auto;
vertical-align: middle;
max-width: 100%
}
figure {
position: relative;
margin-bottom: 10px;
margin-bottom: 1rem;
margin-left: 0;
margin-right: 0;
margin-top: 0
}
figcaption {
margin-top: 0;
font-style: normal;
font-weight: 400
}
blockquote {
clear: both;
border: 0 none;
position: relative;
margin-top: 30px;
margin-top: 3rem;
padding-bottom: 30px;
padding-bottom: 3rem;
margin: 0
}
blockquote p {
font-style: italic;
margin-bottom: 0;
position: relative;
overflow: visible;
color: #666
}
@media (min-width: 770px) {
blockquote {
margin-top: 4rem;
padding-bottom: 4rem
}
}
blockquote:before {
content: '';
display: block;
height: 4px;
position: absolute;
left: 0;
top: 0;
max-width: 147px
}
@media (min-width: 480px) {
blockquote:before {
width: 30%
}
}
cite {
display: block;
font-style: italic
}
hr {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #000 50%);
background-repeat: repeat-x;
background-size: 2px 2px;
background-position: 0 50%;
border: 0;
padding-top: 10px;
padding-top: 1rem;
padding-bottom: 10px;
padding-bottom: 1rem;
margin: 0;
height: 0
}
kbd, pre, samp {
font-family: Menlo, Courier, monospace
}
code {
color: #c7254e;
background-color: #f9f2f4;
font-family: Menlo, Courier, monospace;
line-height: 1;
padding: 3.75px 5px;
padding: .375rem .5rem;
border-radius: .3rem;
font-size: inherit
}
pre code {
display: inline-block;
padding: 11.5px 10px 8.5px;
padding: 1.15rem 1rem .85rem
}
pre {
border-radius: .3rem;
display: block;
white-space: pre-wrap;
word-break: break-all;
word-wrap: break-word;
margin-bottom: 20px;
margin-bottom: 2rem
}
.site-header {
position: relative;
z-index: 15;
padding-bottom: 20px;
padding-bottom: 2rem;
padding-top: 20px;
padding-top: 2rem;
padding-left: 20px;
padding-left: 2rem;
padding-right: 20px;
padding-right: 2rem;
margin-left: auto;
margin-right: auto;
display: flex;
align-items: center;
justify-content: space-between
}
@media (max-width: 960px) {
.site-header {
padding-bottom: 1rem;
padding-top: 1rem
}
}
.site-title {
margin: 0;
font-weight: 700
}
.site-title a {
color: #0071ce;
overflow: visible;
display: flex;
align-items: center
}
@media (max-width: 770px) {
.site-title img {
max-width: 180px
}
}
.cart-links {
background-color: #f5f5f5;
padding: .5em 1em;
position: relative
}
.cart-links a {
color: #222
}
.cart-links a:hover {
color: maroon
}
.cart-links img {
width: 30px
}
.cart-links .minicart-content {
display: none;
position: absolute;
background-color: #f5f5f5;
right: 0;
padding: 1em;
width: 300px
}
.cart-links .minicart-content ul {
padding-left: 0
}
.cart-links .minicart-content li {
list-style-type: none
}
.cart-links .minicart-content p {
font-size: 1em
}
.cart-links .minicart-content img {
float: right
}
.cart-links .minicart-content .buttons {
display: flex;
justify-content: space-evenly
}
.cart-links .minicart-content .buttons .button:not(.checkout) {
display: none
}
.cart-links .minicart-content .buttons .checkout {
width: 100%;
text-align: center
}
.cart-links .minicart-content .quantity {
display: block;
font-size: .8em;
padding-left: 1em
}
.cart-links .minicart-content .total {
text-align: right
}
.cart-links:hover .minicart-content {
display: block
}
@media (max-width: 480px) {
.cart-links .minicart-contents {
display: none
}
}
.site-content .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb {
font-weight: 600;
color: #222;
font-family: Lato, sans-serif;
text-transform: uppercase;
font-size: 12px;
padding: .5em;
padding-left: 20px;
padding-left: 2rem;
padding-right: 20px;
padding-right: 2rem;
max-width: 1200px;
margin-left: auto;
margin-right: auto
}
.site-content .breadcrumb-container, .woocommerce .breadcrumb-container {
background-color: #f5f5f5
}
.site-footer {
padding: 20px;
color: #000;
overflow: hidden;
clear: both
}
@media (min-width: 768px) {
.site-footer .container {
display: flex;
justify-content: space-between
}
.site-footer .footer-content {
flex: 1
}
.site-footer ul.product-categories {
-moz-column-count: 3;
column-count: 3
}
}
.site-footer ul.product-categories {
list-style: none;
padding-left: 0;
margin: 0
}
.site-footer .container {
border-top: 1px solid maroon
}
.site-footer .footer-content {
margin-bottom: 2em
}
.site-footer svg {
fill: #555;
top: 2px;
position: relative
}
.site-footer h3 {
font-size: 1em
}
.site-footer p, .site-footer span {
color: #000;
font-size: .8em
}
.site-footer .product-categories a {
font-size: .8em
}
.site-footer a {
color: #000
}
.site-footer a:hover {
color: maroon
}
.theme-info {
overflow: hidden
}
@media (min-width: 770px) {
.theme-info {
width: 60%;
text-align: right;
float: right
}
}
.button-wrapper {
margin-bottom: 0
}
.cart-links .button, .cart-links .wp-block-button__link, .cart-links a.button, .cart-links a.checkout-button, .cart-links button, .cart-links button.button, .cart-links input[type=button], .cart-links input[type=reset], .cart-links input[type=submit], .content-area .button, .content-area .wp-block-button__link, .content-area a.button, .content-area a.checkout-button, .content-area button, .content-area button.button, .content-area input[type=button], .content-area input[type=reset], .content-area input[type=submit], .product .button, .product .wp-block-button__link, .product a.button, .product a.checkout-button, .product button, .product button.button, .product input[type=button], .product input[type=reset], .product input[type=submit], .site-footer .button, .site-footer .wp-block-button__link, .site-footer a.button, .site-footer a.checkout-button, .site-footer button, .site-footer button.button, .site-footer input[type=button], .site-footer input[type=reset], .site-footer input[type=submit], .woocommerce-cart .wc-proceed-to-checkout .button, .woocommerce-cart .wc-proceed-to-checkout .wp-block-button__link, .woocommerce-cart .wc-proceed-to-checkout a.button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout button, .woocommerce-cart .wc-proceed-to-checkout button.button, .woocommerce-cart .wc-proceed-to-checkout input[type=button], .woocommerce-cart .wc-proceed-to-checkout input[type=reset], .woocommerce-cart .wc-proceed-to-checkout input[type=submit], .woocommerce-checkout .wc-proceed-to-checkout .button, .woocommerce-checkout .wc-proceed-to-checkout .wp-block-button__link, .woocommerce-checkout .wc-proceed-to-checkout a.button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout button, .woocommerce-checkout .wc-proceed-to-checkout button.button, .woocommerce-checkout .wc-proceed-to-checkout input[type=button], .woocommerce-checkout .wc-proceed-to-checkout input[type=reset], .woocommerce-checkout .wc-proceed-to-checkout input[type=submit] {
background: #0071ce;
color: #fff;
border: 0;
border-radius: 0;
width: auto;
display: inline-block;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 40px;
padding-right: 40px;
margin-bottom: 0;
position: relative;
cursor: pointer;
transition: 150ms linear background;
font-family: Lato, sans-serif;
font-weight: 700;
line-height: 1;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.cart-links .button.button-grey, .cart-links .wp-block-button__link.button-grey, .cart-links a.button.button-grey, .cart-links a.checkout-button.button-grey, .cart-links button.button-grey, .cart-links button.button.button-grey, .cart-links input[type=button].button-grey, .cart-links input[type=reset].button-grey, .cart-links input[type=submit].button-grey, .content-area .button.button-grey, .content-area .wp-block-button__link.button-grey, .content-area a.button.button-grey, .content-area a.checkout-button.button-grey, .content-area button.button-grey, .content-area button.button.button-grey, .content-area input[type=button].button-grey, .content-area input[type=reset].button-grey, .content-area input[type=submit].button-grey, .product .button.button-grey, .product .wp-block-button__link.button-grey, .product a.button.button-grey, .product a.checkout-button.button-grey, .product button.button-grey, .product button.button.button-grey, .product input[type=button].button-grey, .product input[type=reset].button-grey, .product input[type=submit].button-grey, .site-footer .button.button-grey, .site-footer .wp-block-button__link.button-grey, .site-footer a.button.button-grey, .site-footer a.checkout-button.button-grey, .site-footer button.button-grey, .site-footer button.button.button-grey, .site-footer input[type=button].button-grey, .site-footer input[type=reset].button-grey, .site-footer input[type=submit].button-grey, .woocommerce-cart .wc-proceed-to-checkout .button.button-grey, .woocommerce-cart .wc-proceed-to-checkout .wp-block-button__link.button-grey, .woocommerce-cart .wc-proceed-to-checkout a.button.button-grey, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button-grey, .woocommerce-cart .wc-proceed-to-checkout button.button-grey, .woocommerce-cart .wc-proceed-to-checkout button.button.button-grey, .woocommerce-cart .wc-proceed-to-checkout input[type=button].button-grey, .woocommerce-cart .wc-proceed-to-checkout input[type=reset].button-grey, .woocommerce-cart .wc-proceed-to-checkout input[type=submit].button-grey, .woocommerce-checkout .wc-proceed-to-checkout .button.button-grey, .woocommerce-checkout .wc-proceed-to-checkout .wp-block-button__link.button-grey, .woocommerce-checkout .wc-proceed-to-checkout a.button.button-grey, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button.button-grey, .woocommerce-checkout .wc-proceed-to-checkout button.button-grey, .woocommerce-checkout .wc-proceed-to-checkout button.button.button-grey, .woocommerce-checkout .wc-proceed-to-checkout input[type=button].button-grey, .woocommerce-checkout .wc-proceed-to-checkout input[type=reset].button-grey, .woocommerce-checkout .wc-proceed-to-checkout input[type=submit].button-grey {
color: #222;
background: #f5f5f5
}
.cart-links .button.button-grey:hover, .cart-links .wp-block-button__link.button-grey:hover, .cart-links a.button.button-grey:hover, .cart-links a.checkout-button.button-grey:hover, .cart-links button.button-grey:hover, .cart-links button.button.button-grey:hover, .cart-links input[type=button].button-grey:hover, .cart-links input[type=reset].button-grey:hover, .cart-links input[type=submit].button-grey:hover, .content-area .button.button-grey:hover, .content-area .wp-block-button__link.button-grey:hover, .content-area a.button.button-grey:hover, .content-area a.checkout-button.button-grey:hover, .content-area button.button-grey:hover, .content-area button.button.button-grey:hover, .content-area input[type=button].button-grey:hover, .content-area input[type=reset].button-grey:hover, .content-area input[type=submit].button-grey:hover, .product .button.button-grey:hover, .product .wp-block-button__link.button-grey:hover, .product a.button.button-grey:hover, .product a.checkout-button.button-grey:hover, .product button.button-grey:hover, .product button.button.button-grey:hover, .product input[type=button].button-grey:hover, .product input[type=reset].button-grey:hover, .product input[type=submit].button-grey:hover, .site-footer .button.button-grey:hover, .site-footer .wp-block-button__link.button-grey:hover, .site-footer a.button.button-grey:hover, .site-footer a.checkout-button.button-grey:hover, .site-footer button.button-grey:hover, .site-footer button.button.button-grey:hover, .site-footer input[type=button].button-grey:hover, .site-footer input[type=reset].button-grey:hover, .site-footer input[type=submit].button-grey:hover, .woocommerce-cart .wc-proceed-to-checkout .button.button-grey:hover, .woocommerce-cart .wc-proceed-to-checkout .wp-block-button__link.button-grey:hover, .woocommerce-cart .wc-proceed-to-checkout a.button.button-grey:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button-grey:hover, .woocommerce-cart .wc-proceed-to-checkout button.button-grey:hover, .woocommerce-cart .wc-proceed-to-checkout button.button.button-grey:hover, .woocommerce-cart .wc-proceed-to-checkout input[type=button].button-grey:hover, .woocommerce-cart .wc-proceed-to-checkout input[type=reset].button-grey:hover, .woocommerce-cart .wc-proceed-to-checkout input[type=submit].button-grey:hover, .woocommerce-checkout .wc-proceed-to-checkout .button.button-grey:hover, .woocommerce-checkout .wc-proceed-to-checkout .wp-block-button__link.button-grey:hover, .woocommerce-checkout .wc-proceed-to-checkout a.button.button-grey:hover, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button.button-grey:hover, .woocommerce-checkout .wc-proceed-to-checkout button.button-grey:hover, .woocommerce-checkout .wc-proceed-to-checkout button.button.button-grey:hover, .woocommerce-checkout .wc-proceed-to-checkout input[type=button].button-grey:hover, .woocommerce-checkout .wc-proceed-to-checkout input[type=reset].button-grey:hover, .woocommerce-checkout .wc-proceed-to-checkout input[type=submit].button-grey:hover {
background: maroon
}
.cart-links .button.button-small, .cart-links .wp-block-button__link.button-small, .cart-links a.button.button-small, .cart-links a.checkout-button.button-small, .cart-links button.button-small, .cart-links button.button.button-small, .cart-links input[type=button].button-small, .cart-links input[type=reset].button-small, .cart-links input[type=submit].button-small, .content-area .button.button-small, .content-area .wp-block-button__link.button-small, .content-area a.button.button-small, .content-area a.checkout-button.button-small, .content-area button.button-small, .content-area button.button.button-small, .content-area input[type=button].button-small, .content-area input[type=reset].button-small, .content-area input[type=submit].button-small, .product .button.button-small, .product .wp-block-button__link.button-small, .product a.button.button-small, .product a.checkout-button.button-small, .product button.button-small, .product button.button.button-small, .product input[type=button].button-small, .product input[type=reset].button-small, .product input[type=submit].button-small, .site-footer .button.button-small, .site-footer .wp-block-button__link.button-small, .site-footer a.button.button-small, .site-footer a.checkout-button.button-small, .site-footer button.button-small, .site-footer button.button.button-small, .site-footer input[type=button].button-small, .site-footer input[type=reset].button-small, .site-footer input[type=submit].button-small, .woocommerce-cart .wc-proceed-to-checkout .button.button-small, .woocommerce-cart .wc-proceed-to-checkout .wp-block-button__link.button-small, .woocommerce-cart .wc-proceed-to-checkout a.button.button-small, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button-small, .woocommerce-cart .wc-proceed-to-checkout button.button-small, .woocommerce-cart .wc-proceed-to-checkout button.button.button-small, .woocommerce-cart .wc-proceed-to-checkout input[type=button].button-small, .woocommerce-cart .wc-proceed-to-checkout input[type=reset].button-small, .woocommerce-cart .wc-proceed-to-checkout input[type=submit].button-small, .woocommerce-checkout .wc-proceed-to-checkout .button.button-small, .woocommerce-checkout .wc-proceed-to-checkout .wp-block-button__link.button-small, .woocommerce-checkout .wc-proceed-to-checkout a.button.button-small, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button.button-small, .woocommerce-checkout .wc-proceed-to-checkout button.button-small, .woocommerce-checkout .wc-proceed-to-checkout button.button.button-small, .woocommerce-checkout .wc-proceed-to-checkout input[type=button].button-small, .woocommerce-checkout .wc-proceed-to-checkout input[type=reset].button-small, .woocommerce-checkout .wc-proceed-to-checkout input[type=submit].button-small {
font-size: 16px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 25px;
padding-right: 25px
}
.cart-links .button.button-large, .cart-links .wp-block-button__link.button-large, .cart-links a.button.button-large, .cart-links a.checkout-button.button-large, .cart-links button.button-large, .cart-links button.button.button-large, .cart-links input[type=button].button-large, .cart-links input[type=reset].button-large, .cart-links input[type=submit].button-large, .content-area .button.button-large, .content-area .wp-block-button__link.button-large, .content-area a.button.button-large, .content-area a.checkout-button.button-large, .content-area button.button-large, .content-area button.button.button-large, .content-area input[type=button].button-large, .content-area input[type=reset].button-large, .content-area input[type=submit].button-large, .product .button.button-large, .product .wp-block-button__link.button-large, .product a.button.button-large, .product a.checkout-button.button-large, .product button.button-large, .product button.button.button-large, .product input[type=button].button-large, .product input[type=reset].button-large, .product input[type=submit].button-large, .site-footer .button.button-large, .site-footer .wp-block-button__link.button-large, .site-footer a.button.button-large, .site-footer a.checkout-button.button-large, .site-footer button.button-large, .site-footer button.button.button-large, .site-footer input[type=button].button-large, .site-footer input[type=reset].button-large, .site-footer input[type=submit].button-large, .woocommerce-cart .wc-proceed-to-checkout .button.button-large, .woocommerce-cart .wc-proceed-to-checkout .wp-block-button__link.button-large, .woocommerce-cart .wc-proceed-to-checkout a.button.button-large, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button-large, .woocommerce-cart .wc-proceed-to-checkout button.button-large, .woocommerce-cart .wc-proceed-to-checkout button.button.button-large, .woocommerce-cart .wc-proceed-to-checkout input[type=button].button-large, .woocommerce-cart .wc-proceed-to-checkout input[type=reset].button-large, .woocommerce-cart .wc-proceed-to-checkout input[type=submit].button-large, .woocommerce-checkout .wc-proceed-to-checkout .button.button-large, .woocommerce-checkout .wc-proceed-to-checkout .wp-block-button__link.button-large, .woocommerce-checkout .wc-proceed-to-checkout a.button.button-large, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button.button-large, .woocommerce-checkout .wc-proceed-to-checkout button.button-large, .woocommerce-checkout .wc-proceed-to-checkout button.button.button-large, .woocommerce-checkout .wc-proceed-to-checkout input[type=button].button-large, .woocommerce-checkout .wc-proceed-to-checkout input[type=reset].button-large, .woocommerce-checkout .wc-proceed-to-checkout input[type=submit].button-large {
font-size: 20px;
padding: 14px 27px 16px
}
.cart-links .button.button-action, .cart-links .wp-block-button__link.button-action, .cart-links a.button.button-action, .cart-links a.checkout-button.button-action, .cart-links button.button-action, .cart-links button.button.button-action, .cart-links input[type=button].button-action, .cart-links input[type=reset].button-action, .cart-links input[type=submit].button-action, .content-area .button.button-action, .content-area .wp-block-button__link.button-action, .content-area a.button.button-action, .content-area a.checkout-button.button-action, .content-area button.button-action, .content-area button.button.button-action, .content-area input[type=button].button-action, .content-area input[type=reset].button-action, .content-area input[type=submit].button-action, .product .button.button-action, .product .wp-block-button__link.button-action, .product a.button.button-action, .product a.checkout-button.button-action, .product button.button-action, .product button.button.button-action, .product input[type=button].button-action, .product input[type=reset].button-action, .product input[type=submit].button-action, .site-footer .button.button-action, .site-footer .wp-block-button__link.button-action, .site-footer a.button.button-action, .site-footer a.checkout-button.button-action, .site-footer button.button-action, .site-footer button.button.button-action, .site-footer input[type=button].button-action, .site-footer input[type=reset].button-action, .site-footer input[type=submit].button-action, .woocommerce-cart .wc-proceed-to-checkout .button.button-action, .woocommerce-cart .wc-proceed-to-checkout .wp-block-button__link.button-action, .woocommerce-cart .wc-proceed-to-checkout a.button.button-action, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button-action, .woocommerce-cart .wc-proceed-to-checkout button.button-action, .woocommerce-cart .wc-proceed-to-checkout button.button.button-action, .woocommerce-cart .wc-proceed-to-checkout input[type=button].button-action, .woocommerce-cart .wc-proceed-to-checkout input[type=reset].button-action, .woocommerce-cart .wc-proceed-to-checkout input[type=submit].button-action, .woocommerce-checkout .wc-proceed-to-checkout .button.button-action, .woocommerce-checkout .wc-proceed-to-checkout .wp-block-button__link.button-action, .woocommerce-checkout .wc-proceed-to-checkout a.button.button-action, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button.button-action, .woocommerce-checkout .wc-proceed-to-checkout button.button-action, .woocommerce-checkout .wc-proceed-to-checkout button.button.button-action, .woocommerce-checkout .wc-proceed-to-checkout input[type=button].button-action, .woocommerce-checkout .wc-proceed-to-checkout input[type=reset].button-action, .woocommerce-checkout .wc-proceed-to-checkout input[type=submit].button-action {
font-size: 16px;
padding-top: 14px;
padding-bottom: 14px;
padding-left: 25px;
padding-right: 25px
}
@media (max-width: 480px) {
.cart-links .button, .cart-links .wp-block-button__link, .cart-links a.button, .cart-links a.checkout-button, .cart-links button, .cart-links button.button, .cart-links input[type=button], .cart-links input[type=reset], .cart-links input[type=submit], .content-area .button, .content-area .wp-block-button__link, .content-area a.button, .content-area a.checkout-button, .content-area button, .content-area button.button, .content-area input[type=button], .content-area input[type=reset], .content-area input[type=submit], .product .button, .product .wp-block-button__link, .product a.button, .product a.checkout-button, .product button, .product button.button, .product input[type=button], .product input[type=reset], .product input[type=submit], .site-footer .button, .site-footer .wp-block-button__link, .site-footer a.button, .site-footer a.checkout-button, .site-footer button, .site-footer button.button, .site-footer input[type=button], .site-footer input[type=reset], .site-footer input[type=submit], .woocommerce-cart .wc-proceed-to-checkout .button, .woocommerce-cart .wc-proceed-to-checkout .wp-block-button__link, .woocommerce-cart .wc-proceed-to-checkout a.button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout button, .woocommerce-cart .wc-proceed-to-checkout button.button, .woocommerce-cart .wc-proceed-to-checkout input[type=button], .woocommerce-cart .wc-proceed-to-checkout input[type=reset], .woocommerce-cart .wc-proceed-to-checkout input[type=submit], .woocommerce-checkout .wc-proceed-to-checkout .button, .woocommerce-checkout .wc-proceed-to-checkout .wp-block-button__link, .woocommerce-checkout .wc-proceed-to-checkout a.button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout button, .woocommerce-checkout .wc-proceed-to-checkout button.button, .woocommerce-checkout .wc-proceed-to-checkout input[type=button], .woocommerce-checkout .wc-proceed-to-checkout input[type=reset], .woocommerce-checkout .wc-proceed-to-checkout input[type=submit] {
font-size: 14px
}
}
.cart-links .button:hover, .cart-links .wp-block-button__link:hover, .cart-links a.button:hover, .cart-links a.checkout-button:hover, .cart-links button.button:hover, .cart-links button:hover, .cart-links input[type=button]:hover, .cart-links input[type=reset]:hover, .cart-links input[type=submit]:hover, .content-area .button:hover, .content-area .wp-block-button__link:hover, .content-area a.button:hover, .content-area a.checkout-button:hover, .content-area button.button:hover, .content-area button:hover, .content-area input[type=button]:hover, .content-area input[type=reset]:hover, .content-area input[type=submit]:hover, .product .button:hover, .product .wp-block-button__link:hover, .product a.button:hover, .product a.checkout-button:hover, .product button.button:hover, .product button:hover, .product input[type=button]:hover, .product input[type=reset]:hover, .product input[type=submit]:hover, .site-footer .button:hover, .site-footer .wp-block-button__link:hover, .site-footer a.button:hover, .site-footer a.checkout-button:hover, .site-footer button.button:hover, .site-footer button:hover, .site-footer input[type=button]:hover, .site-footer input[type=reset]:hover, .site-footer input[type=submit]:hover, .woocommerce-cart .wc-proceed-to-checkout .button:hover, .woocommerce-cart .wc-proceed-to-checkout .wp-block-button__link:hover, .woocommerce-cart .wc-proceed-to-checkout a.button:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-cart .wc-proceed-to-checkout button.button:hover, .woocommerce-cart .wc-proceed-to-checkout button:hover, .woocommerce-cart .wc-proceed-to-checkout input[type=button]:hover, .woocommerce-cart .wc-proceed-to-checkout input[type=reset]:hover, .woocommerce-cart .wc-proceed-to-checkout input[type=submit]:hover, .woocommerce-checkout .wc-proceed-to-checkout .button:hover, .woocommerce-checkout .wc-proceed-to-checkout .wp-block-button__link:hover, .woocommerce-checkout .wc-proceed-to-checkout a.button:hover, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-checkout .wc-proceed-to-checkout button.button:hover, .woocommerce-checkout .wc-proceed-to-checkout button:hover, .woocommerce-checkout .wc-proceed-to-checkout input[type=button]:hover, .woocommerce-checkout .wc-proceed-to-checkout input[type=reset]:hover, .woocommerce-checkout .wc-proceed-to-checkout input[type=submit]:hover {
color: #fff;
background: maroon;
border-color: maroon
}
.cart-links .button.button-ghost, .cart-links .wp-block-button__link.button-ghost, .cart-links a.button.button-ghost, .cart-links a.checkout-button.button-ghost, .cart-links button.button-ghost, .cart-links button.button.button-ghost, .cart-links input[type=button].button-ghost, .cart-links input[type=reset].button-ghost, .cart-links input[type=submit].button-ghost, .content-area .button.button-ghost, .content-area .wp-block-button__link.button-ghost, .content-area a.button.button-ghost, .content-area a.checkout-button.button-ghost, .content-area button.button-ghost, .content-area button.button.button-ghost, .content-area input[type=button].button-ghost, .content-area input[type=reset].button-ghost, .content-area input[type=submit].button-ghost, .product .button.button-ghost, .product .wp-block-button__link.button-ghost, .product a.button.button-ghost, .product a.checkout-button.button-ghost, .product button.button-ghost, .product button.button.button-ghost, .product input[type=button].button-ghost, .product input[type=reset].button-ghost, .product input[type=submit].button-ghost, .site-footer .button.button-ghost, .site-footer .wp-block-button__link.button-ghost, .site-footer a.button.button-ghost, .site-footer a.checkout-button.button-ghost, .site-footer button.button-ghost, .site-footer button.button.button-ghost, .site-footer input[type=button].button-ghost, .site-footer input[type=reset].button-ghost, .site-footer input[type=submit].button-ghost, .woocommerce-cart .wc-proceed-to-checkout .button.button-ghost, .woocommerce-cart .wc-proceed-to-checkout .wp-block-button__link.button-ghost, .woocommerce-cart .wc-proceed-to-checkout a.button.button-ghost, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button-ghost, .woocommerce-cart .wc-proceed-to-checkout button.button-ghost, .woocommerce-cart .wc-proceed-to-checkout button.button.button-ghost, .woocommerce-cart .wc-proceed-to-checkout input[type=button].button-ghost, .woocommerce-cart .wc-proceed-to-checkout input[type=reset].button-ghost, .woocommerce-cart .wc-proceed-to-checkout input[type=submit].button-ghost, .woocommerce-checkout .wc-proceed-to-checkout .button.button-ghost, .woocommerce-checkout .wc-proceed-to-checkout .wp-block-button__link.button-ghost, .woocommerce-checkout .wc-proceed-to-checkout a.button.button-ghost, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button.button-ghost, .woocommerce-checkout .wc-proceed-to-checkout button.button-ghost, .woocommerce-checkout .wc-proceed-to-checkout button.button.button-ghost, .woocommerce-checkout .wc-proceed-to-checkout input[type=button].button-ghost, .woocommerce-checkout .wc-proceed-to-checkout input[type=reset].button-ghost, .woocommerce-checkout .wc-proceed-to-checkout input[type=submit].button-ghost {
background-color: transparent;
border: 1px solid #0071ce;
color: #0071ce
}
a, button, input {
-webkit-tap-highlight-color: transparent
}
.gform_footer, .gform_header, .gform_wrapper {
margin: 0;
padding: 0
}
.gform_body div, .gform_body li {
margin-top: 0;
padding-top: 0;
padding-left: 0;
margin-left: 0
}
.gform_body li {
margin-bottom: 10px;
margin-bottom: 1rem
}
.gform_body li:last-child {
margin-bottom: 0
}
body .gform_wrapper label.gfield_label, body .gform_wrapper legend.gfield_label, body form label {
font-weight: 500
}
.col.col-content #gform_wrapper_1.gform_wrapper .gform_footer, .col.col-content #gform_wrapper_2.gform_wrapper .gform_footer {
margin-top: 0;
padding-top: 0
}
.col.col-content #gform_wrapper_1.gform_wrapper #field_1_5, .col.col-content #gform_wrapper_2.gform_wrapper #field_1_5 {
width: 100%
}
.col.col-content #gform_wrapper_1.gform_wrapper #field_1_5 textarea, .col.col-content #gform_wrapper_2.gform_wrapper #field_1_5 textarea {
margin-bottom: 16px;
min-height: 180px
}
.col.col-content #gform_wrapper_1.gform_wrapper #field_2_3 input, .col.col-content #gform_wrapper_2.gform_wrapper #field_2_3 input {
margin-bottom: 16px
}
.col.col-content #gform_wrapper_1.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .col.col-content #gform_wrapper_1.gform_wrapper input[type=email], .col.col-content #gform_wrapper_1.gform_wrapper input[type=month], .col.col-content #gform_wrapper_1.gform_wrapper input[type=number], .col.col-content #gform_wrapper_1.gform_wrapper input[type=password], .col.col-content #gform_wrapper_1.gform_wrapper input[type=search], .col.col-content #gform_wrapper_1.gform_wrapper input[type=tel], .col.col-content #gform_wrapper_1.gform_wrapper input[type=text], .col.col-content #gform_wrapper_1.gform_wrapper input[type=url], .col.col-content #gform_wrapper_1.gform_wrapper input[type=week], .col.col-content #gform_wrapper_1.gform_wrapper select, .col.col-content #gform_wrapper_1.gform_wrapper textarea, .col.col-content #gform_wrapper_2.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .col.col-content #gform_wrapper_2.gform_wrapper input[type=email], .col.col-content #gform_wrapper_2.gform_wrapper input[type=month], .col.col-content #gform_wrapper_2.gform_wrapper input[type=number], .col.col-content #gform_wrapper_2.gform_wrapper input[type=password], .col.col-content #gform_wrapper_2.gform_wrapper input[type=search], .col.col-content #gform_wrapper_2.gform_wrapper input[type=tel], .col.col-content #gform_wrapper_2.gform_wrapper input[type=text], .col.col-content #gform_wrapper_2.gform_wrapper input[type=url], .col.col-content #gform_wrapper_2.gform_wrapper input[type=week], .col.col-content #gform_wrapper_2.gform_wrapper select, .col.col-content #gform_wrapper_2.gform_wrapper textarea {
width: 100%
}
.col.col-content #gform_wrapper_1.gform_wrapper ul.gform_fields, .col.col-content #gform_wrapper_2.gform_wrapper ul.gform_fields {
display: flex;
flex-wrap: wrap
}
.col.col-content #gform_wrapper_1.gform_wrapper ul.gform_fields li.gfield, .col.col-content #gform_wrapper_2.gform_wrapper ul.gform_fields li.gfield {
width: 50%
}
@media (max-width: 760px) {
.col.col-content #gform_wrapper_1.gform_wrapper ul.gform_fields li.gfield, .col.col-content #gform_wrapper_2.gform_wrapper ul.gform_fields li.gfield {
width: 100%
}
}
body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], input[type=week], select, textarea {
border-radius: 3px;
font-family: Lato, sans-serif;
background: #fbfbfb;
border: solid 1px #d9d9d9;
padding: 15px;
line-height: 24px;
transition: background .55s;
text-decoration: none;
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin-bottom: 0
}
body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=week]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
color: #434343;
opacity: .4
}
body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=month]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder, input[type=week]:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #434343;
opacity: .4
}
body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::placeholder, input[type=email]::placeholder, input[type=month]::placeholder, input[type=number]::placeholder, input[type=password]::placeholder, input[type=search]::placeholder, input[type=tel]::placeholder, input[type=text]::placeholder, input[type=url]::placeholder, input[type=week]::placeholder, select::placeholder, textarea::placeholder {
color: #434343;
opacity: .4
}
body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus {
background: #fbfbfb;
border: solid 1px #bababa;
outline: 0
}
body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus::-moz-placeholder, input[type=email]:focus::-moz-placeholder, input[type=month]:focus::-moz-placeholder, input[type=number]:focus::-moz-placeholder, input[type=password]:focus::-moz-placeholder, input[type=search]:focus::-moz-placeholder, input[type=tel]:focus::-moz-placeholder, input[type=text]:focus::-moz-placeholder, input[type=url]:focus::-moz-placeholder, input[type=week]:focus::-moz-placeholder, select:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
color: #222;
opacity: .8
}
body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus:-ms-input-placeholder, input[type=email]:focus:-ms-input-placeholder, input[type=month]:focus:-ms-input-placeholder, input[type=number]:focus:-ms-input-placeholder, input[type=password]:focus:-ms-input-placeholder, input[type=search]:focus:-ms-input-placeholder, input[type=tel]:focus:-ms-input-placeholder, input[type=text]:focus:-ms-input-placeholder, input[type=url]:focus:-ms-input-placeholder, input[type=week]:focus:-ms-input-placeholder, select:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
color: #222;
opacity: .8
}
body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus::placeholder, input[type=email]:focus::placeholder, input[type=month]:focus::placeholder, input[type=number]:focus::placeholder, input[type=password]:focus::placeholder, input[type=search]:focus::placeholder, input[type=tel]:focus::placeholder, input[type=text]:focus::placeholder, input[type=url]:focus::placeholder, input[type=week]:focus::placeholder, select:focus::placeholder, textarea:focus::placeholder {
color: #222;
opacity: .8
}
select {
border: 0;
border-radius: 0;
background-image: url(//finnpeak.fi/wp-content/themes/finnpeak_2020/svg/select.svg);
background-repeat: no-repeat;
background-position: right 17px center;
background-size: 11px auto;
transition: none;
width: 100%;
max-width: 100%;
min-width: 0;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: '';
border: 1px solid #222;
padding: 11px 28px 11px 10px;
line-height: 1
}
select::-ms-expand {
display: none
}
select:focus, select:hover {
border-color: #222
}
form p {
margin-bottom: 20px
}
form p.form-submit {
margin-bottom: 0
}
form.search-form .search-field {
float: left;
margin-right: 5px
}
form.search-form .search-submit {
padding: 19px 1.75em;
line-height: 1
}
.site-header .search-form {
float: right
}
.site-header .search-form .search-submit {
display: none
}
.site-header .search-field {
background-color: transparent;
background-image: url(//finnpeak.fi/wp-content/themes/finnpeak_2020/svg/haku-icon.svg);
background-position: 5px center;
background-repeat: no-repeat;
background-size: 24px 24px;
border: 0;
cursor: pointer;
height: 37px;
margin: 3px 0;
padding: 0 0 0 34px;
position: relative;
transition: width .4s ease, background .4s ease;
width: 0
}
.site-header .search-field:focus {
background: #f0f0f0;
border: 0;
padding: 15px 20px;
cursor: text;
outline: 0;
width: 230px
}
.comment-respond {
margin-bottom: 0;
overflow: visible
}
.comment-respond .comment-form-author {
float: left;
clear: none;
text-align: inherit;
width: 31.33333%;
margin-left: 0;
margin-right: 3%;
margin-bottom: 20px;
margin-top: 0
}
.comment-respond .comment-form-author::after {
display: block;
content: '';
clear: both
}
.comment-respond .comment-form-author:last-child {
margin-right: 0
}
@media (max-width: 480px) {
.comment-respond .comment-form-author {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto
}
.comment-respond .comment-form-author:first-child {
margin-left: auto
}
.comment-respond .comment-form-author:last-child {
margin-right: auto
}
}
.comment-respond .comment-form-author input {
padding: 15px;
border-width: 1px;
width: 100%
}
.comment-respond .comment-form-email {
float: left;
clear: none;
text-align: inherit;
width: 65.66667%;
margin-left: 0;
margin-right: 3%;
margin-right: 0;
clear: right;
margin-bottom: 20px;
margin-top: 0
}
.comment-respond .comment-form-email::after {
display: block;
content: '';
clear: both
}
.comment-respond .comment-form-email:last-child {
margin-right: 0
}
@media (max-width: 480px) {
.comment-respond .comment-form-email {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto
}
.comment-respond .comment-form-email:first-child {
margin-left: auto
}
.comment-respond .comment-form-email:last-child {
margin-right: auto
}
}
.comment-respond .comment-form-email input {
padding: 15px;
border-width: 1px;
width: 100%
}
.comment-respond .comment-form-url {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
margin-top: 0;
margin-bottom: 30px
}
.comment-respond .comment-form-url:first-child {
margin-left: auto
}
.comment-respond .comment-form-url:last-child {
margin-right: auto
}
.comment-respond .comment-form-url input {
padding: 15px;
border-width: 1px;
width: 100%
}
.comment-respond .form-submit {
display: block;
clear: both;
margin-bottom: 0;
margin-top: 0
}
.comment-respond .comment-form-comment {
margin-bottom: 20px
}
@media (max-width: 480px) {
.comment-respond input {
width: 100%
}
}
.comment-respond textarea {
width: 100%
}
:root {
--checkbox-radio-size: 24px;
--checkbox-radio-translate-y: 1px;
--checkbox-radio-gap: var(--space-xxxs);
--checkbox-radio-border-width: 2px;
--radio-marker-size: 12px;
--checkbox-marker-size: 12px;
--checkbox-radius: 0
}
.checkbox, .radio {
position: absolute;
left: 0;
top: 0;
margin: 0 !important;
padding: 0 !important;
opacity: 0;
height: 0;
width: 0;
pointer-events: none;
visibility: hidden
}
.checkbox + label, .radio + label {
display: inline-flex;
align-items: baseline;
line-height: var(--body-line-height);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer
}
.checkbox + label::before, .radio + label::before {
content: '';
display: inline-block;
vertical-align: middle;
flex-shrink: 0;
width: 24px;
height: 24px;
background-color: var(--color-bg);
border-width: var(--checkbox-radio-border-width);
border-color: var(--color-contrast-low);
border-style: solid;
background-repeat: no-repeat;
background-position: center;
transition: transform .2s, border .2s;
margin-right: 16px
}
.checkbox:not(:checked):not(:focus) + label:hover::before, .radio:not(:checked):not(:focus) + label:hover::before {
border-color: var(--color-contrast-medium)
}
@supports (grid-area:auto) {
.checkbox + label::before, .radio + label::before {
position: relative;
top: var(--checkbox-radio-translate-y)
}
}
.radio + label::before {
border-radius: 50%
}
.checkbox + label::before {
border-radius: var(--checkbox-radius)
}
.checkbox:checked + label::before, .radio:checked + label::before {
background-color: var(--color-primary);
box-shadow: none;
border-color: var(--color-primary);
transition: transform .2s
}
.checkbox:active + label::before, .radio:active + label::before {
transform: scale(.8);
transition: transform .2s
}
.checkbox:checked:active + label::before, .radio:checked:active + label::before {
transform: none;
transition: none
}
.radio:checked + label::before {
background-image: url(//finnpeak.fi/wp-content/themes/finnpeak_2020/svg/radio-check.svg);
background-color: #4f5964;
border-color: #4f5964 !important;
background-size: var(--radio-marker-size)
}
.checkbox:checked + label::before {
background-image: url(//finnpeak.fi/wp-content/themes/finnpeak_2020/svg/checkbox.svg);
background-size: var(--checkbox-marker-size)
}
.checkbox:checked:active + label::before, .checkbox:focus + label::before, .radio:checked:active + label::before, .radio:focus + label::before {
border-color: var(--color-primary);
box-shadow: 0 0 0 3px rgba(var(--color-primary), .2)
}
.checkbox--bg + label, .radio--bg + label {
padding: var(--space-xxxxs) var(--space-xxxs);
border-radius: var(--radius-md);
transition: background .2s
}
.checkbox--bg + label:hover, .radio--bg + label:hover {
background-color: var(--color-contrast-lower)
}
.checkbox--bg:active + label, .checkbox--bg:focus + label, .radio--bg:active + label, .radio--bg:focus + label {
background-color: rgba(var(--color-primary), .1)
}
.block.block-entry-header-demo {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-image: url(//finnpeak.fi/wp-content/themes/finnpeak_2020/images/header.jpg);
background-repeat: no-repeat;
display: flex;
align-items: center;
justify-content: center;
position: relative;
min-height: 530px;
min-height: 53rem;
max-height: 800px;
max-height: 80rem;
height: 80vh;
max-width: 100%;
margin: 0 auto
}
.block.block-entry-header-demo .shade {
opacity: .4
}
.block.block-entry-header-demo .inner {
display: grid;
grid-template-rows:1fr 1fr;
align-items: center;
max-height: 100%;
justify-items: center;
padding: 20px;
padding: 2rem;
max-width: 1200px;
margin-top: 140px;
margin-bottom: 80px
}
@media (min-width: 770px) {
.block.block-entry-header-demo .inner {
padding: 0;
display: -ms-grid;
display: grid;
-ms-grid-rows: none;
grid-template-rows:none;
-ms-grid-columns: 3fr 5fr;
grid-template-columns:3fr 5fr;
max-width: 800px
}
}
.block.block-entry-header-demo h1 {
font-size: 32px;
color: #fff;
margin: 0;
padding: 20px;
padding: 2rem;
position: relative;
z-index: 2;
text-align: center
}
@media screen and (min-width: 320px) {
.block.block-entry-header-demo h1 {
font-size: calc(32px + 30 * ((100vw - 320px) / 1600))
}
}
@media screen and (min-width: 1920px) {
.block.block-entry-header-demo h1 {
font-size: 62px
}
}
@media (min-width: 770px) {
.block.block-entry-header-demo h1 {
padding: 2rem 4rem;
text-align: left
}
}
.accent {
font-style: normal;
letter-spacing: .05em;
text-transform: lowercase;
font-weight: 500;
margin: 0;
margin-bottom: 10px;
margin-bottom: 1rem;
color: #0071ce;
display: block;
position: relative;
z-index: 2;
text-shadow: 0 0 10px rgba(0, 113, 206, .5)
}
.nav-primary .menu-items {
position: relative;
z-index: 9999
}
.nav-primary .menu-items li, .nav-primary .menu-items ul {
display: block;
list-style: none;
margin: 0;
padding: 0;
line-height: normal;
direction: ltr;
text-align: left;
-webkit-tap-highlight-color: transparent
}
.nav-primary .menu-items a, .nav-primary .menu-items li {
position: relative
}
.nav-primary .menu-items .disabled {
cursor: not-allowed
}
.nav-primary .menu-items li > h1, .nav-primary .menu-items li > h2, .nav-primary .menu-items li > h3, .nav-primary .menu-items li > h4, .nav-primary .menu-items li > h5, .nav-primary .menu-items li > h6 {
margin: 0;
padding: 0
}
@media only screen and (-ms-high-contrast: active) and (min-width: 960px), only screen and (-ms-high-contrast: none) and (min-width: 960px) {
.nav-primary .menu-items ul {
display: none
}
}
@media only screen and (max-width: 960px) {
.js .nav-primary .menu-items ul {
display: none
}
}
.nav-primary ul ul {
margin-top: 0;
margin-left: 25px
}
.nav-primary ul ul ul {
margin-left: 25px
}
@media only screen and (-ms-high-contrast: active) and (min-width: 960px), only screen and (-ms-high-contrast: none) and (min-width: 960px) {
.js .nav-primary ul .sub-menu.toggled-on {
display: block
}
}
@media only screen and (max-width: 960px) {
.js .nav-primary ul .sub-menu.toggled-on {
display: block
}
}
.dropdown-toggle.toggled-on:after, .dropdown-toggle:after {
font-size: 13px;
font-size: 1.3rem
}
.no-js .nav-toggle {
display: none
}
.sub-menu:not(.toggled-on) {
visibility: hidden
}
.dropdown.hovered .sub-menu, .dropdown:hovered + .sub-menu, .sub-menu.toggled-on {
visibility: visible
}
.nav-container {
background-color: transparent;
width: 100%
}
@media only screen and (min-width: 960px) {
.nav-container .nav-primary > ul > li > a, .nav-container .nav-primary > ul > li > button {
color: #222;
position: relative
}
.nav-container .nav-primary > ul > li > a:hover {
color: maroon
}
}
@media only screen and (min-width: 960px) {
.menu-item-has-children::before {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
border-color: transparent transparent #fff;
border-style: solid;
border-width: 0 5px 5px;
left: 50%;
bottom: -10px;
transform: scale(0);
margin-left: -20px;
transform-origin: center bottom;
transition: none
}
.nav-primary > ul:first-of-type > .menu-item-has-children:hover::before {
transform: scale(1);
transition: all .25s cubic-bezier(.19, 1, .22, 1)
}
.sub-menu {
background: #fff;
width: 25rem;
left: 0;
transform: translateY(-2em);
z-index: -1;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-left: 1px solid rgba(0, 0, 0, .05);
border-right: 1px solid rgba(0, 0, 0, .05);
border-bottom: 1px solid rgba(0, 0, 0, .05);
box-shadow: 0 25px 20px -10px rgba(5, 4, 25, .05);
transition: opacity .25s cubic-bezier(.19, 1, .22, 1);
visibility: hidden;
opacity: 0;
position: absolute;
top: -9999px
}
.sub-menu a {
line-height: 1.5
}
.menu-item-has-children:focus > .sub-menu, .menu-item-has-children:hover > .sub-menu, .nav-primary ul .sub-menu.toggled-on {
top: 100%;
visibility: visible;
opacity: 1;
z-index: 1;
transform: translateY(0)
}
}
@media only screen and (min-width: 960px) {
.nav-container {
background: #fff
}
}
@media only screen and (min-width: 960px) and (max-width: 960px) {
.nav-primary ul li:hover > ul {
display: block
}
}
@media only screen and (min-width: 960px) and (-ms-high-contrast: active), only screen and (min-width: 960px) and (-ms-high-contrast: none) {
.nav-primary ul li:hover > ul {
display: block
}
}
@media only screen and (min-width: 960px) {
.nav-toggle {
display: none
}
.nav-primary {
padding-top: 1.7rem;
padding-bottom: 1.7rem;
float: right
}
.nav-primary .menu-items {
margin: 0;
padding: 0;
background: 0 0;
position: relative;
display: flex;
align-items: center
}
.nav-primary .menu-item {
position: relative;
margin: 0
}
.nav-primary .menu-item.menu-item-8352 a {
padding-left: 0
}
.nav-primary .menu-item > a {
padding: .6rem 2rem;
color: #222;
font-size: 1.6rem;
font-weight: 700;
display: inline-flex;
align-items: center;
min-height: auto
}
.nav-primary .menu-item > a.disabled {
color: #bbb
}
.nav-primary .menu-item > a.current, .nav-primary .menu-item > a.highlighted, .nav-primary .menu-item > a:active, .nav-primary .menu-item > a:focus, .nav-primary .menu-item > a:hover {
color: maroon
}
.nav-primary .menu-item.current-menu-item a {
color: #0071ce
}
.nav-primary .menu-item .sub-menu {
width: 25rem;
left: 5%;
margin-left: 0;
padding-bottom: .5rem;
padding-top: .5rem;
padding-left: 0;
margin-top: 1rem;
z-index: 999
}
.nav-primary .menu-item .sub-menu.sub-menu {
padding-left: 0;
padding-top: .5rem;
padding-bottom: .5rem
}
.nav-primary .menu-item .sub-menu.sub-menu li {
margin: 0
}
.nav-primary .menu-item .sub-menu li {
float: none;
width: 25rem;
padding: 0
}
.nav-primary .menu-item .sub-menu .sub-menu {
top: 0;
left: 100%;
margin-left: 0;
margin-top: -5px
}
.nav-primary .menu-item .sub-menu a {
width: 100%;
padding: .6rem 1.5rem;
font-size: 1.4rem;
font-weight: 400;
color: #222;
display: flex;
align-items: center
}
.nav-primary .menu-item .sub-menu a.highlighted, .nav-primary .menu-item .sub-menu a:active, .nav-primary .menu-item .sub-menu a:focus, .nav-primary .menu-item .sub-menu a:hover {
color: maroon
}
.nav-primary .menu-item .sub-menu .disabled {
background: #fff;
color: #ccc
}
.nav-primary .menu-item ul li .dropdown-toggle {
background-color: transparent;
border: none;
border-radius: 0;
color: #0071ce;
height: auto;
width: 3rem;
flex-shrink: 0;
-ms-grid-row-align: center;
align-self: center
}
.nav-primary .menu-item ul li .dropdown-toggle svg {
transform: rotate(-90deg) rotateX(0);
width: 1rem;
height: 1rem
}
.nav-primary .menu-item ul li .dropdown-toggle.toggled-on svg {
transform: rotate(-90deg) rotateX(180deg)
}
.nav-primary .menu-item button.dropdown-toggle {
background-color: transparent;
border: none;
border-radius: 50%;
color: #0071ce;
height: auto;
width: 3rem;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center
}
.nav-primary .menu-item button.dropdown-toggle svg {
transition: transform .22s ease-in;
width: 1rem;
height: 1rem
}
.nav-primary .menu-item button.dropdown-toggle.toggled-on svg {
transform: rotateX(180deg)
}
.nav-primary .menu-item > li > ul:after {
content: '';
position: absolute;
width: 0;
height: 0;
overflow: hidden;
border-style: dashed dashed solid;
top: -16px;
left: 31px;
border-width: 8px;
border-color: transparent transparent #fff
}
.nav-primary .menu-item.menu-item-has-children {
margin-right: .8rem;
position: relative;
display: flex;
justify-content: space-between
}
.nav-primary .menu-item.menu-item-has-children:after {
display: block;
position: absolute;
content: '';
height: 1rem;
width: 100%;
top: 100%
}
.nav-primary .menu-item.menu-item-has-children > a {
padding-right: 0
}
.nav-primary .sub-menu .menu-item-has-children:after {
display: none
}
}
.nav-footer ul {
list-style: none;
padding-left: 0;
margin: 0
}
.nav-footer ul li a {
font-size: .8em
}
.hamburger {
padding: 40px 15px;
padding: 4rem 1.5rem;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: .15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible
}
.hamburger:hover {
opacity: .8
}
.hamburger.is-active:hover {
opacity: .8
}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::after, .hamburger.is-active .hamburger-inner::before {
background-color: #222
}
.hamburger-box {
width: 30px;
width: 3rem;
height: 16px;
height: 1.6rem;
display: inline-block;
position: relative
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -1px;
margin-top: -.1rem
}
.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
width: 30px;
width: 3rem;
height: 2px;
height: .2rem;
background-color: #222;
border-radius: 0;
position: absolute;
transition-property: transform;
transition-duration: .15s;
transition-timing-function: ease
}
.hamburger-inner::after, .hamburger-inner::before {
content: "";
display: block
}
.hamburger-inner::before {
top: -7px;
top: -.7rem
}
.hamburger-inner::after {
bottom: -7px;
bottom: -.7rem
}
.hamburger--3dx .hamburger-box {
perspective: 6rem
}
.hamburger--3dx .hamburger-inner {
transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1)
}
.hamburger--3dx .hamburger-inner::after, .hamburger--3dx .hamburger-inner::before {
transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}
.hamburger--3dx.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateY(180deg)
}
.hamburger--3dx.is-active .hamburger-inner::before {
transform: translate3d(0, .7rem, 0) rotate(45deg)
}
.hamburger--3dx.is-active .hamburger-inner::after {
transform: translate3d(0, -.7rem, 0) rotate(-45deg)
}
.hamburger--3dx-r .hamburger-box {
perspective: 6rem
}
.hamburger--3dx-r .hamburger-inner {
transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1)
}
.hamburger--3dx-r .hamburger-inner::after, .hamburger--3dx-r .hamburger-inner::before {
transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}
.hamburger--3dx-r.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateY(-180deg)
}
.hamburger--3dx-r.is-active .hamburger-inner::before {
transform: translate3d(0, .7rem, 0) rotate(45deg)
}
.hamburger--3dx-r.is-active .hamburger-inner::after {
transform: translate3d(0, -.7rem, 0) rotate(-45deg)
}
.hamburger--3dy .hamburger-box {
perspective: 6rem
}
.hamburger--3dy .hamburger-inner {
transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1)
}
.hamburger--3dy .hamburger-inner::after, .hamburger--3dy .hamburger-inner::before {
transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}
.hamburger--3dy.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateX(-180deg)
}
.hamburger--3dy.is-active .hamburger-inner::before {
transform: translate3d(0, .7rem, 0) rotate(45deg)
}
.hamburger--3dy.is-active .hamburger-inner::after {
transform: translate3d(0, -.7rem, 0) rotate(-45deg)
}
.hamburger--3dy-r .hamburger-box {
perspective: 6rem
}
.hamburger--3dy-r .hamburger-inner {
transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1)
}
.hamburger--3dy-r .hamburger-inner::after, .hamburger--3dy-r .hamburger-inner::before {
transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}
.hamburger--3dy-r.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateX(180deg)
}
.hamburger--3dy-r.is-active .hamburger-inner::before {
transform: translate3d(0, .7rem, 0) rotate(45deg)
}
.hamburger--3dy-r.is-active .hamburger-inner::after {
transform: translate3d(0, -.7rem, 0) rotate(-45deg)
}
.hamburger--3dxy .hamburger-box {
perspective: 6rem
}
.hamburger--3dxy .hamburger-inner {
transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1)
}
.hamburger--3dxy .hamburger-inner::after, .hamburger--3dxy .hamburger-inner::before {
transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}
.hamburger--3dxy.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateX(180deg) rotateY(180deg)
}
.hamburger--3dxy.is-active .hamburger-inner::before {
transform: translate3d(0, .7rem, 0) rotate(45deg)
}
.hamburger--3dxy.is-active .hamburger-inner::after {
transform: translate3d(0, -.7rem, 0) rotate(-45deg)
}
.hamburger--3dxy-r .hamburger-box {
perspective: 6rem
}
.hamburger--3dxy-r .hamburger-inner {
transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1)
}
.hamburger--3dxy-r .hamburger-inner::after, .hamburger--3dxy-r .hamburger-inner::before {
transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}
.hamburger--3dxy-r.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg)
}
.hamburger--3dxy-r.is-active .hamburger-inner::before {
transform: translate3d(0, .7rem, 0) rotate(45deg)
}
.hamburger--3dxy-r.is-active .hamburger-inner::after {
transform: translate3d(0, -.7rem, 0) rotate(-45deg)
}
.hamburger--arrow.is-active .hamburger-inner::before {
transform: translate3d(-.6rem, 0, 0) rotate(-45deg) scale(.7, 1)
}
.hamburger--arrow.is-active .hamburger-inner::after {
transform: translate3d(-.6rem, 0, 0) rotate(45deg) scale(.7, 1)
}
.hamburger--arrow-r.is-active .hamburger-inner::before {
transform: translate3d(.6rem, 0, 0) rotate(45deg) scale(.7, 1)
}
.hamburger--arrow-r.is-active .hamburger-inner::after {
transform: translate3d(.6rem, 0, 0) rotate(-45deg) scale(.7, 1)
}
.hamburger--arrowalt .hamburger-inner::before {
transition: top .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1)
}
.hamburger--arrowalt .hamburger-inner::after {
transition: bottom .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1)
}
.hamburger--arrowalt.is-active .hamburger-inner::before {
top: 0;
transform: translate3d(-.6rem, -.75rem, 0) rotate(-45deg) scale(.7, 1);
transition: top .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22)
}
.hamburger--arrowalt.is-active .hamburger-inner::after {
bottom: 0;
transform: translate3d(-.6rem, .75rem, 0) rotate(45deg) scale(.7, 1);
transition: bottom .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22)
}
.hamburger--arrowalt-r .hamburger-inner::before {
transition: top .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1)
}
.hamburger--arrowalt-r .hamburger-inner::after {
transition: bottom .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1)
}
.hamburger--arrowalt-r.is-active .hamburger-inner::before {
top: 0;
transform: translate3d(.6rem, -.75rem, 0) rotate(45deg) scale(.7, 1);
transition: top .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22)
}
.hamburger--arrowalt-r.is-active .hamburger-inner::after {
bottom: 0;
transform: translate3d(.6rem, .75rem, 0) rotate(-45deg) scale(.7, 1);
transition: bottom .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22)
}
.hamburger--arrowturn.is-active .hamburger-inner {
transform: rotate(-180deg)
}
.hamburger--arrowturn.is-active .hamburger-inner::before {
transform: translate3d(8px, 0, 0) rotate(45deg) scale(.7, 1)
}
.hamburger--arrowturn.is-active .hamburger-inner::after {
transform: translate3d(8px, 0, 0) rotate(-45deg) scale(.7, 1)
}
.hamburger--arrowturn-r.is-active .hamburger-inner {
transform: rotate(-180deg)
}
.hamburger--arrowturn-r.is-active .hamburger-inner::before {
transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(.7, 1)
}
.hamburger--arrowturn-r.is-active .hamburger-inner::after {
transform: translate3d(-8px, 0, 0) rotate(45deg) scale(.7, 1)
}
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::after, .hamburger--boring .hamburger-inner::before {
transition-property: none
}
.hamburger--boring.is-active .hamburger-inner {
transform: rotate(45deg)
}
.hamburger--boring.is-active .hamburger-inner::before {
top: 0;
opacity: 0
}
.hamburger--boring.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg)
}
.hamburger .hamburger-inner, .hamburger--collapse .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: .13s;
transition-delay: .13s;
transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}
.hamburger .hamburger-inner::after, .hamburger--collapse .hamburger-inner::after {
top: -14px;
top: -1.4rem;
transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear
}
.hamburger .hamburger-inner::before, .hamburger--collapse .hamburger-inner::before {
transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19)
}
.hamburger--collapse.is-active .hamburger-inner, .is-active.hamburger .hamburger-inner {
transform: translate3d(0, -.7rem, 0) rotate(-45deg);
transition-delay: .22s;
transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}
.hamburger--collapse.is-active .hamburger-inner::after, .is-active.hamburger .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .22s linear
}
.hamburger--collapse.is-active .hamburger-inner::before, .is-active.hamburger .hamburger-inner::before {
top: 0;
transform: rotate(-90deg);
transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1)
}
.hamburger--collapse-r .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: .13s;
transition-delay: .13s;
transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}
.hamburger--collapse-r .hamburger-inner::after {
top: -14px;
top: -1.4rem;
transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear
}
.hamburger--collapse-r .hamburger-inner::before {
transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19)
}
.hamburger--collapse-r.is-active .hamburger-inner {
transform: translate3d(0, -.7rem, 0) rotate(45deg);
transition-delay: .22s;
transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}
.hamburger--collapse-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .22s linear
}
.hamburger--collapse-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(90deg);
transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1)
}
.hamburger--elastic .hamburger-inner {
top: 1px;
top: .1rem;
transition-duration: 275ms;
transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}
.hamburger--elastic .hamburger-inner::before {
top: 7px;
top: .7rem;
transition: opacity 125ms 275ms ease
}
.hamburger--elastic .hamburger-inner::after {
top: 14px;
top: 1.4rem;
transition: transform 275ms cubic-bezier(.68, -.55, .265, 1.55)
}
.hamburger--elastic.is-active .hamburger-inner {
transform: translate3d(0, .7rem, 0) rotate(135deg);
transition-delay: 75ms
}
.hamburger--elastic.is-active .hamburger-inner::before {
transition-delay: 0s;
opacity: 0
}
.hamburger--elastic.is-active .hamburger-inner::after {
transform: translate3d(0, -1.4rem, 0) rotate(-270deg);
transition-delay: 75ms
}
.hamburger--elastic-r .hamburger-inner {
top: 1px;
top: .1rem;
transition-duration: 275ms;
transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}
.hamburger--elastic-r .hamburger-inner::before {
top: 7px;
top: .7rem;
transition: opacity 125ms 275ms ease
}
.hamburger--elastic-r .hamburger-inner::after {
top: 14px;
top: 1.4rem;
transition: transform 275ms cubic-bezier(.68, -.55, .265, 1.55)
}
.hamburger--elastic-r.is-active .hamburger-inner {
transform: translate3d(0, .7rem, 0) rotate(-135deg);
transition-delay: 75ms
}
.hamburger--elastic-r.is-active .hamburger-inner::before {
transition-delay: 0s;
opacity: 0
}
.hamburger--elastic-r.is-active .hamburger-inner::after {
transform: translate3d(0, -1.4rem, 0) rotate(270deg);
transition-delay: 75ms
}
.hamburger--emphatic {
overflow: hidden
}
.hamburger--emphatic .hamburger-inner {
transition: background-color 125ms 175ms ease-in
}
.hamburger--emphatic .hamburger-inner::before {
left: 0;
transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, left 125ms 175ms ease-in
}
.hamburger--emphatic .hamburger-inner::after {
top: 7px;
top: .7rem;
right: 0;
transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, right 125ms 175ms ease-in
}
.hamburger--emphatic.is-active .hamburger-inner {
transition-delay: 0s;
transition-timing-function: ease-out;
background-color: transparent !important
}
.hamburger--emphatic.is-active .hamburger-inner::before {
left: -60px;
left: -6rem;
top: -60px;
top: -6rem;
transform: translate3d(6rem, 6rem, 0) rotate(45deg);
transition: left 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1)
}
.hamburger--emphatic.is-active .hamburger-inner::after {
right: -60px;
right: -6rem;
top: -60px;
top: -6rem;
transform: translate3d(-6rem, 6rem, 0) rotate(-45deg);
transition: right 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1)
}
.hamburger--emphatic-r {
overflow: hidden
}
.hamburger--emphatic-r .hamburger-inner {
transition: background-color 125ms 175ms ease-in
}
.hamburger--emphatic-r .hamburger-inner::before {
left: 0;
transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, left 125ms 175ms ease-in
}
.hamburger--emphatic-r .hamburger-inner::after {
top: 7px;
top: .7rem;
right: 0;
transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, right 125ms 175ms ease-in
}
.hamburger--emphatic-r.is-active .hamburger-inner {
transition-delay: 0s;
transition-timing-function: ease-out;
background-color: transparent !important
}
.hamburger--emphatic-r.is-active .hamburger-inner::before {
left: -60px;
left: -6rem;
top: 60px;
top: 6rem;
transform: translate3d(6rem, -6rem, 0) rotate(-45deg);
transition: left 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1)
}
.hamburger--emphatic-r.is-active .hamburger-inner::after {
right: -60px;
right: -6rem;
top: 60px;
top: 6rem;
transform: translate3d(-6rem, -6rem, 0) rotate(45deg);
transition: right 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1)
}
.hamburger--minus .hamburger-inner::after, .hamburger--minus .hamburger-inner::before {
transition: bottom 80ms 0s ease-out, top 80ms 0s ease-out, opacity 0s linear
}
.hamburger--minus.is-active .hamburger-inner::after, .hamburger--minus.is-active .hamburger-inner::before {
opacity: 0;
transition: bottom 80ms ease-out, top 80ms ease-out, opacity 0s 80ms linear
}
.hamburger--minus.is-active .hamburger-inner::before {
top: 0
}
.hamburger--minus.is-active .hamburger-inner::after {
bottom: 0
}
.hamburger--slider .hamburger-inner {
top: 1px;
top: .1rem
}
.hamburger--slider .hamburger-inner::before {
top: 7px;
top: .7rem;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: .15s
}
.hamburger--slider .hamburger-inner::after {
top: 14px;
top: 1.4rem
}
.hamburger--slider.is-active .hamburger-inner {
transform: translate3d(0, .7rem, 0) rotate(45deg)
}
.hamburger--slider.is-active .hamburger-inner::before {
transform: rotate(-45deg) translate3d(-.42857rem, -.5rem, 0);
opacity: 0
}
.hamburger--slider.is-active .hamburger-inner::after {
transform: translate3d(0, -1.4rem, 0) rotate(-90deg)
}
.hamburger--slider-r .hamburger-inner {
top: 1px;
top: .1rem
}
.hamburger--slider-r .hamburger-inner::before {
top: 7px;
top: .7rem;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: .15s
}
.hamburger--slider-r .hamburger-inner::after {
top: 14px;
top: 1.4rem
}
.hamburger--slider-r.is-active .hamburger-inner {
transform: translate3d(0, .7rem, 0) rotate(-45deg)
}
.hamburger--slider-r.is-active .hamburger-inner::before {
transform: rotate(45deg) translate3d(.42857rem, -.5rem, 0);
opacity: 0
}
.hamburger--slider-r.is-active .hamburger-inner::after {
transform: translate3d(0, -1.4rem, 0) rotate(90deg)
}
.hamburger--spin .hamburger-inner {
transition-duration: .22s;
transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}
.hamburger--spin .hamburger-inner::before {
transition: top .1s .25s ease-in, opacity .1s ease-in
}
.hamburger--spin .hamburger-inner::after {
transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19)
}
.hamburger--spin.is-active .hamburger-inner {
transform: rotate(225deg);
transition-delay: .12s;
transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}
.hamburger--spin.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top .1s ease-out, opacity .1s .12s ease-out
}
.hamburger--spin.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1)
}
.hamburger--spin-r .hamburger-inner {
transition-duration: .22s;
transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}
.hamburger--spin-r .hamburger-inner::before {
transition: top .1s .25s ease-in, opacity .1s ease-in
}
.hamburger--spin-r .hamburger-inner::after {
transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19)
}
.hamburger--spin-r.is-active .hamburger-inner {
transform: rotate(-225deg);
transition-delay: .12s;
transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}
.hamburger--spin-r.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top .1s ease-out, opacity .1s .12s ease-out
}
.hamburger--spin-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(90deg);
transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1)
}
.hamburger--spring .hamburger-inner {
top: 1px;
top: .1rem;
transition: background-color 0s .13s linear
}
.hamburger--spring .hamburger-inner::before {
top: 7px;
top: .7rem;
transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19)
}
.hamburger--spring .hamburger-inner::after {
top: 14px;
top: 1.4rem;
transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19)
}
.hamburger--spring.is-active .hamburger-inner {
transition-delay: .22s;
background-color: transparent !important
}
.hamburger--spring.is-active .hamburger-inner::before {
top: 0;
transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1);
transform: translate3d(0, .7rem, 0) rotate(45deg)
}
.hamburger--spring.is-active .hamburger-inner::after {
top: 0;
transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1);
transform: translate3d(0, .7rem, 0) rotate(-45deg)
}
.hamburger--spring-r .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: .13s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}
.hamburger--spring-r .hamburger-inner::after {
top: -14px;
top: -1.4rem;
transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity 0s linear
}
.hamburger--spring-r .hamburger-inner::before {
transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19)
}
.hamburger--spring-r.is-active .hamburger-inner {
transform: translate3d(0, -.7rem, 0) rotate(-45deg);
transition-delay: .22s;
transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}
.hamburger--spring-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s .22s linear
}
.hamburger--spring-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(90deg);
transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1)
}
.hamburger--stand .hamburger-inner {
transition: transform 75ms .15s cubic-bezier(.55, .055, .675, .19), background-color 0s 75ms linear
}
.hamburger--stand .hamburger-inner::before {
transition: top 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19)
}
.hamburger--stand .hamburger-inner::after {
transition: bottom 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19)
}
.hamburger--stand.is-active .hamburger-inner {
transform: rotate(90deg);
background-color: transparent !important;
transition: transform 75ms 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .15s linear
}
.hamburger--stand.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-45deg);
transition: top 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1)
}
.hamburger--stand.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(45deg);
transition: bottom 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1)
}
.hamburger--stand-r .hamburger-inner {
transition: transform 75ms .15s cubic-bezier(.55, .055, .675, .19), background-color 0s 75ms linear
}
.hamburger--stand-r .hamburger-inner::before {
transition: top 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19)
}
.hamburger--stand-r .hamburger-inner::after {
transition: bottom 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19)
}
.hamburger--stand-r.is-active .hamburger-inner {
transform: rotate(-90deg);
background-color: transparent !important;
transition: transform 75ms 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .15s linear
}
.hamburger--stand-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-45deg);
transition: top 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1)
}
.hamburger--stand-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(45deg);
transition: bottom 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1)
}
.hamburger--squeeze .hamburger-inner {
transition-duration: 75ms;
transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}
.hamburger--squeeze .hamburger-inner::before {
transition: top 75ms .12s ease, opacity 75ms ease
}
.hamburger--squeeze .hamburger-inner::after {
transition: bottom 75ms .12s ease, transform 75ms cubic-bezier(.55, .055, .675, .19)
}
.hamburger--squeeze.is-active .hamburger-inner {
transform: rotate(45deg);
transition-delay: .12s;
transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}
.hamburger--squeeze.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 75ms ease, opacity 75ms .12s ease
}
.hamburger--squeeze.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 75ms ease, transform 75ms .12s cubic-bezier(.215, .61, .355, 1)
}
.hamburger--vortex .hamburger-inner {
transition-duration: .2s;
transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}
.hamburger--vortex .hamburger-inner::after, .hamburger--vortex .hamburger-inner::before {
transition-duration: 0s;
transition-delay: .1s;
transition-timing-function: linear
}
.hamburger--vortex .hamburger-inner::before {
transition-property: top, opacity
}
.hamburger--vortex .hamburger-inner::after {
transition-property: bottom, transform
}
.hamburger--vortex.is-active .hamburger-inner {
transform: rotate(765deg);
transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}
.hamburger--vortex.is-active .hamburger-inner::after, .hamburger--vortex.is-active .hamburger-inner::before {
transition-delay: 0s
}
.hamburger--vortex.is-active .hamburger-inner::before {
top: 0;
opacity: 0
}
.hamburger--vortex.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(90deg)
}
.hamburger--vortex-r .hamburger-inner {
transition-duration: .2s;
transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}
.hamburger--vortex-r .hamburger-inner::after, .hamburger--vortex-r .hamburger-inner::before {
transition-duration: 0s;
transition-delay: .1s;
transition-timing-function: linear
}
.hamburger--vortex-r .hamburger-inner::before {
transition-property: top, opacity
}
.hamburger--vortex-r .hamburger-inner::after {
transition-property: bottom, transform
}
.hamburger--vortex-r.is-active .hamburger-inner {
transform: rotate(-765deg);
transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}
.hamburger--vortex-r.is-active .hamburger-inner::after, .hamburger--vortex-r.is-active .hamburger-inner::before {
transition-delay: 0s
}
.hamburger--vortex-r.is-active .hamburger-inner::before {
top: 0;
opacity: 0
}
.hamburger--vortex-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg)
}
@media (max-width: 960px) {
.no-js .main-navigation-wrapper, .no-js .nav-container, .no-js .nav-toggle, .no-js .search-wrapper, .no-js .site-header {
height: 140px !important
}
.no-js > div:first-of-type {
display: none !important
}
}
@media screen and (max-width: 959px) {
.main-navigation-wrapper {
order: 6;
z-index: 999
}
.no-js .site-header {
position: static;
background: #fff
}
.disable-scroll {
overflow: hidden
}
.js.js-nav-active {
overflow: hidden
}
.js.js-nav-active .nav-primary {
visibility: visible;
opacity: 1;
pointer-events: all;
background: #fff
}
.js.js-nav-active .nav-primary .menu-items {
opacity: 1
}
.js .nav-primary {
position: fixed;
z-index: 5;
top: 140px;
left: 0
}
.js .nav-primary .menu-items {
padding: 5px 0 20px;
height: 100vh
}
.main-title {
font-size: 14px;
font-weight: 400
}
.sub-title {
font-size: 1.6rem;
opacity: .5;
display: none !important
}
.main-title, .sub-title {
width: 100%;
display: block
}
.nav-primary {
height: 100vh;
width: 100vw;
overflow: auto;
transition: all .22s ease-in-out;
margin: 0;
display: block;
will-change: opacity;
visibility: hidden;
opacity: 0;
pointer-events: none
}
.nav-primary .menu-items {
opacity: 0;
margin: 0;
width: 100%;
float: none;
padding: 2rem 0;
outline: 0
}
.nav-primary .menu-items li:first-child a {
border-top: 0
}
.nav-primary .menu-items .menu-item-2681 a, .nav-primary .menu-items li:last-child a {
border-bottom: 1px solid #f4f4f4
}
.nav-primary .menu-items li > ul > li:last-child .main-title {
padding-bottom: 20px
}
.nav-primary .menu-items li > ul > li:last-child a {
border-bottom: 0
}
.nav-primary .menu-items a {
border-top: 1px solid #f4f4f4;
padding-top: 1.2rem;
padding-bottom: 1.2rem;
padding-left: 0;
padding-right: 5.8rem;
margin-left: 2rem;
margin-right: 2rem;
color: #222;
font-size: 15px;
font-weight: 500;
line-height: 1.7rem;
text-decoration: none;
position: relative;
z-index: 0;
display: block;
outline: 0
}
.nav-primary .menu-items a:focus {
outline: 0
}
.nav-primary .menu-items a.has-submenu {
width: 80%;
position: static
}
.nav-primary .menu-items a:active, .nav-primary .menu-items a:focus, .nav-primary .menu-items a:hover {
color: #0071ce
}
.nav-primary .menu-items .current-menu-item > a, .nav-primary .menu-items .current-menu-parent > a {
color: #0071ce
}
.nav-primary .menu-items .disabled {
color: #bbb
}
.nav-primary .menu-items .dropdown-toggle {
position: absolute;
top: 0;
left: auto;
right: 10px;
width: 12px;
height: 7px;
overflow: hidden;
background: 0 0;
border: 0;
padding: 20px;
z-index: 9999;
background-image: url(//finnpeak.fi/wp-content/themes/finnpeak_2020/svg/mobile-nav-arrow-down.svg);
background-position: center;
background-size: 12px 7px;
background-repeat: no-repeat;
transition: all .22s;
transform: rotate(0)
}
.nav-primary .menu-items .dropdown-toggle:focus {
z-index: 10000
}
.nav-primary .menu-items .dropdown-toggle svg {
display: none
}
.nav-primary .menu-items .menu-item.menu-item-2749 a {
background: #f4f4f4;
transition: all .22s;
font-weight: 600;
padding: 14px 29px;
line-height: 1;
order: 5;
border-radius: 3px;
white-space: nowrap;
-ms-grid-row-align: center;
align-self: center;
font-size: 14px;
color: #222;
text-align: center;
margin-top: 15px
}
.nav-primary .menu-items .menu-item.menu-item-2749 a:focus, .nav-primary .menu-items .menu-item.menu-item-2749 a:hover {
background: #e7e7e7
}
.nav-primary .menu-items .menu-item.menu-item-3271, .nav-primary .menu-items .menu-item.menu-item-3272 {
width: 50%;
margin: 10px 0 0;
float: left;
border: 0
}
.nav-primary .menu-items .menu-item.menu-item-3271 {
text-align: left
}
.nav-primary .menu-items .menu-item.menu-item-3272 {
justify-content: flex-end;
text-align: right;
width: auto;
float: right
}
.nav-primary .menu-items .menu-item.menu-item-3272 a {
justify-content: flex-end;
display: inline-block;
text-align: right;
padding-right: 0
}
.nav-primary .menu-items .menu-item.menu-item-3271 a, .nav-primary .menu-items .menu-item.menu-item-3272 a {
border: 0;
font-weight: 600;
color: #b2b2b2;
transition: all .22s;
position: relative;
font-size: 14px !important
}
.nav-primary .menu-items .menu-item.menu-item-3271 a svg, .nav-primary .menu-items .menu-item.menu-item-3272 a svg {
width: 11px;
height: 11px;
min-width: 11px;
margin-left: 8px
}
.nav-primary .menu-items .menu-item.menu-item-3271 a.link-webshop, .nav-primary .menu-items .menu-item.menu-item-3272 a.link-webshop {
font-size: 14px;
margin-left: auto
}
}
@media screen and (max-width: 959px) and (max-width: 1440px) {
.nav-primary .menu-items .menu-item.menu-item-3271 a, .nav-primary .menu-items .menu-item.menu-item-3272 a {
font-size: 14px
}
}
@media screen and (max-width: 959px) {
.nav-primary .menu-items .dropdown-toggle.toggled-on {
background-color: transparent;
transform: rotate(-180deg);
cursor: pointer
}
.nav-primary .menu-items ul {
background: 0 0;
margin-left: 0;
padding: 0
}
.nav-primary .menu-items ul a {
font-size: 1.4rem
}
.nav-primary .menu-items ul > li {
padding-left: 1.5rem
}
.nav-primary .menu-items ul > li ul {
margin-left: -1.5rem
}
.nav-primary .menu-items ul > li ul li {
padding-left: 3rem
}
.nav-primary .menu-items ul > li ul li ul {
margin-left: -3rem
}
.nav-primary .menu-items ul > li ul li ul li {
padding-left: 4.5rem
}
}
.nav-toggle {
list-style: none;
z-index: 100000;
-webkit-tap-highlight-color: transparent;
border: 0;
overflow: visible;
color: #222;
font-weight: 700;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-decoration: none;
padding: 20px;
padding: 2rem;
margin: 0 -20px 0;
margin: 0 -2rem 0;
background: 0 0;
cursor: pointer;
position: relative;
top: 0;
display: none
}
.nav-toggle:not(.toggled-on) .hamburger-inner {
width: 18px;
transition: width .22s
}
.nav-toggle.is-active .hamburger-inner, .nav-toggle:hover .hamburger-inner {
width: 30px;
width: 3rem
}
.nav-toggle span {
color: #222;
font-size: 1.2em
}
.nav-toggle:focus {
outline: 0
}
.nav-toggle:focus span span {
background-color: #222
}
.nav-toggle:focus span span:after, .nav-toggle:focus span span:before {
background-color: #222
}
.nav-toggle:active, .nav-toggle:hover {
color: #222
}
.nav-toggle:active span, .nav-toggle:hover span {
color: #222
}
@media (max-width: 959px) {
.nav-toggle {
display: block
}
.nav-toggle.has-visible-label {
display: flex;
align-items: center
}
.nav-toggle.has-visible-label .nav-toggle-label {
font-size: 17px
}
.nav-toggle.has-visible-label .hamburger-box {
margin-right: 2rem
}
}
.nav-toggle.is-active {
color: #222
}
.nav-toggle.is-active span.focus .hamburger-box .hamburger-inner, .nav-toggle.is-active span:focus .hamburger-box .hamburger-inner {
background-color: #222
}
.nav-toggle.is-active span.focus .hamburger-box .hamburger-inner:after, .nav-toggle.is-active span:focus .hamburger-box .hamburger-inner:after {
background-color: #222
}
.nav-toggle.is-active span.hamburger-box .hamburger-inner {
background-color: #222
}
.nav-toggle.is-active span.hamburger-box .hamburger-inner:after {
background-color: #222
}
.nav-toggle.is-active span:active, .nav-toggle.is-active span:focus, .nav-toggle.is-active span:hover {
color: #222
}
.nav-toggle.is-active span:active span, .nav-toggle.is-active span:focus span, .nav-toggle.is-active span:hover span {
color: #222
}
.nav-toggle.is-active span {
color: #222
}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::after, .hamburger.is-active .hamburger-inner::before {
color: #222;
background: #222
}
.back-to-top {
margin: 0;
position: fixed;
bottom: 10px;
bottom: 1rem;
right: 10px;
right: 1rem;
text-decoration: none;
opacity: 0;
transition: opacity .22s 0s, visibility 0s .22s;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center
}
.back-to-top:focus {
outline: 0
}
.back-to-top.has-light-bg svg {
fill: #222
}
.back-to-top.has-dark-bg svg {
fill: #fff
}
.back-to-top.fade-out, .back-to-top.is-visible, .no-touch .back-to-top:hover {
transition: opacity .22s 0s, visibility 0s 0s
}
.back-to-top.is-visible {
opacity: 1
}
.back-to-top.fade-out {
opacity: 1
}
.back-to-top.fade-out:hover {
opacity: 1
}
.no-touch .back-to-top:hover {
opacity: 1
}
.top {
background: 0 0;
padding: 16px
}
.top svg {
fill: #222;
margin: 0;
opacity: .8;
transition: all .3s ease;
display: flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px
}
@media (max-width: 480px) {
.top svg {
width: 15px;
height: 15px
}
}
.top:active svg, .top:focus svg, .top:hover svg {
transform: translateY(-.5rem)
}
.gallery {
margin-bottom: 1.5em;
display: -ms-grid;
display: grid;
grid-gap: 1.5em
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%
}
.gallery-columns-2 {
-ms-grid-columns:(1fr) [ 2 ];
grid-template-columns:repeat(2, 1fr)
}
.gallery-columns-3 {
-ms-grid-columns:(1fr) [ 3 ];
grid-template-columns:repeat(3, 1fr)
}
.gallery-columns-4 {
-ms-grid-columns:(1fr) [ 4 ];
grid-template-columns:repeat(4, 1fr)
}
.gallery-columns-5 {
-ms-grid-columns:(1fr) [ 5 ];
grid-template-columns:repeat(5, 1fr)
}
.gallery-columns-6 {
-ms-grid-columns:(1fr) [ 6 ];
grid-template-columns:repeat(6, 1fr)
}
.gallery-columns-7 {
-ms-grid-columns:(1fr) [ 7 ];
grid-template-columns:repeat(7, 1fr)
}
.gallery-columns-8 {
-ms-grid-columns:(1fr) [ 8 ];
grid-template-columns:repeat(8, 1fr)
}
.gallery-columns-9 {
-ms-grid-columns:(1fr) [ 9 ];
grid-template-columns:repeat(9, 1fr)
}
.gallery-caption {
display: block
}
.background-image {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
overflow: hidden
}
.background-image.reveal {
filter: none;
will-change: transform, opacity;
-webkit-animation: progressive-reveal 1s ease-out;
animation: progressive-reveal 1s ease-out
}
.background-image.preview {
filter: blur(1vw);
transform: scale(1.05)
}
.background-image.full-image {
z-index: 1;
transition: all .22s
}
@-webkit-keyframes progressive-reveal {
0% {
opacity: .2
}
100% {
opacity: 1
}
}
@keyframes progressive-reveal {
0% {
opacity: .2
}
100% {
opacity: 1
}
}
.has-lazyload {
overflow: hidden;
position: relative
}
.notice {
padding: 20px;
padding: 2rem;
background-color: #f5f5f5;
border-left: 4px solid #4f5964
}
.notice-success {
background-color: #dffae2;
border-color: #30dd44
}
.notice-warning {
background-color: #fdefe5;
border-color: #ed7e29
}
.notice-error {
background-color: #fadfdf;
border-color: #dd3030
}
@media (min-width: 480px) {
.block.block-page {
min-height: 300px
}
}
.cat-links, .tags-links {
display: block
}
.alignleft {
display: inline;
float: left;
margin-right: 20px
}
.alignright {
display: inline;
float: right;
margin-left: 20px
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto
}
del {
text-decoration: line-through;
color: #666
}
.container.container-article {
max-width: 800px;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
margin-bottom: 0
}
.container.container-article article {
max-width: 100%;
padding-right: 0;
padding-left: 0;
padding-top: 80px;
padding-top: 8rem;
padding-bottom: 0
}
.container.container-article article .article--meta-information {
margin-top: 80px;
margin-top: 8rem
}
.container.container-article article .article--meta-information svg {
position: relative;
top: 2px;
margin-right: 3px
}
.container.container-article article .article--meta-information a:not(.button) {
color: #4f5964;
text-decoration: none;
text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 2px 0 0 #fff, -2px 0 0 #fff;
box-shadow: inset 0 -1px 0 0 #fff, inset 0 -2px 0 0 rgba(79, 89, 100, .6);
transition: all .22s;
background-image: linear-gradient(to top, #4f5964, #4f5964);
background-size: 100% 0;
background-position: left bottom;
background-repeat: no-repeat
}
.container.container-article article .article--meta-information a:not(.button):hover {
color: #fff;
text-shadow: none;
padding-left: 5px;
padding-right: 5px;
box-shadow: none;
background-size: 100% 2.8rem;
margin-left: -5px;
margin-right: -5px
}
.container.container-article article .article--meta-information a, .container.container-article article .article--meta-information b, .container.container-article article .article--meta-information p {
font-size: 14px;
color: #4f5964;
line-height: 1.77
}
@media screen and (min-width: 320px) {
.container.container-article article .article--meta-information a, .container.container-article article .article--meta-information b, .container.container-article article .article--meta-information p {
font-size: calc(14px + 2 * ((100vw - 320px) / 1600))
}
}
@media screen and (min-width: 1920px) {
.container.container-article article .article--meta-information a, .container.container-article article .article--meta-information b, .container.container-article article .article--meta-information p {
font-size: 16px
}
}
.container.container-article article .entry-meta .notification-box {
border-top: 1px solid rgba(79, 89, 100, .3);
border-bottom: 1px solid rgba(79, 89, 100, .3);
padding: 40px 20px;
padding: 4rem 2rem;
margin-top: 80px;
margin-top: 8rem
}
@media (max-width: 600px) {
.container.container-article article .entry-meta .notification-box {
padding: 2rem
}
}
.container.container-article article .entry-meta .notification-box b, .container.container-article article .entry-meta .notification-box h2, .container.container-article article .entry-meta .notification-box p {
font-size: 16px;
color: #4f5964;
margin: 0
}
@media screen and (min-width: 320px) {
.container.container-article article .entry-meta .notification-box b, .container.container-article article .entry-meta .notification-box h2, .container.container-article article .entry-meta .notification-box p {
font-size: calc(16px + 5 * ((100vw - 320px) / 1600))
}
}
@media screen and (min-width: 1920px) {
.container.container-article article .entry-meta .notification-box b, .container.container-article article .entry-meta .notification-box h2, .container.container-article article .entry-meta .notification-box p {
font-size: 21px
}
}
.container.container-article article a:not(.button):not(.no-text-link) {
position: relative;
color: #0071ce;
transition: all .22s;
text-decoration: none
}
.container.container-article article cite, .container.container-article article figcaption, .container.container-article article small {
font-size: 14px;
font-style: normal;
color: #4f5964;
border: 0;
margin-left: auto;
margin-right: auto;
text-align: center;
max-width: 800px;
padding-bottom: 0;
margin-top: 40px;
margin-top: 4rem;
margin-bottom: 80px;
margin-bottom: 8rem
}
@media screen and (min-width: 320px) {
.container.container-article article cite, .container.container-article article figcaption, .container.container-article article small {
font-size: calc(14px + 2 * ((100vw - 320px) / 1600))
}
}
@media screen and (min-width: 1920px) {
.container.container-article article cite, .container.container-article article figcaption, .container.container-article article small {
font-size: 16px
}
}
@media (max-width: 480px) {
.container.container-article article cite, .container.container-article article figcaption, .container.container-article article small {
margin-top: 2rem
}
}
.container.container-article article a:hover {
text-decoration: none
}
.container.container-article article p {
color: #222;
font-weight: 400
}
.container.container-article article .is-style-ingress, .container.container-article article h1, .container.container-article article h2, .container.container-article article h3, .container.container-article article h4, .container.container-article article h5 {
line-height: 1.22
}
.container.container-article article .fb-post, .container.container-article article iframe, .container.container-article article small {
display: block
}
.container.container-article article li, .container.container-article article ul {
line-height: 1.77
}
.container.container-article article .featured-image-single {
max-width: 920px;
margin-bottom: 80px;
margin-bottom: 8rem
}
.container.container-article article .featured-image-single img {
width: 100%;
height: auto
}
.container.container-article article blockquote {
margin-left: auto;
margin-right: auto;
border-left: 3px solid #222;
margin-top: 40px;
margin-top: 4rem;
margin-bottom: 40px;
margin-bottom: 4rem;
padding: 40px;
padding: 4rem;
max-width: 920px;
line-height: 1.77
}
.container.container-article article blockquote cite {
text-align: left
}
.container.container-article article blockquote * {
line-height: 1.77
}
@media (max-width: 480px) {
.container.container-article article blockquote {
padding: 4rem 2rem
}
}
.container.container-article article blockquote p {
font-size: 17px
}
@media screen and (min-width: 320px) {
.container.container-article article blockquote p {
font-size: calc(17px + 7 * ((100vw - 320px) / 1600))
}
}
@media screen and (min-width: 1920px) {
.container.container-article article blockquote p {
font-size: 24px
}
}
.container.container-article article cite {
margin-bottom: 80px;
margin-bottom: 8rem
}
.container.container-article article ol, .container.container-article article ul {
padding-left: 22px;
padding-left: 2.2rem
}
.container.container-article article .wp-video, .container.container-article article div[style="width: 640px;"] {
width: 100% !important;
max-width: 800px !important;
margin-left: auto !important;
margin-right: auto !important
}
.container.container-article article > * {
max-width: 800px;
width: 100%;
margin-left: auto;
margin-right: auto;
line-height: 1.77
}
.container.container-article article > .wp-block-image {
margin-top: 40px;
margin-top: 4rem;
margin-bottom: 40px;
margin-bottom: 4rem
}
.container.container-article article > .wp-block-image .entry-photo {
margin: 0
}
.container.container-article article > .wp-block-image .entry-photo img {
max-width: 100%;
width: 100%;
height: auto
}
.container.container-article article > .instagram-media, .container.container-article article > .twitter-tweet, .container.container-article article > .wp-video {
width: 100% !important;
max-width: 800px !important;
margin-left: auto !important;
margin-right: auto !important
}
@media (max-width: 800px) {
.container.container-article article > .instagram-media, .container.container-article article > .twitter-tweet, .container.container-article article > .wp-video {
padding-left: 4rem !important;
padding-right: 4rem !important
}
}
@media (max-width: 480px) {
.container.container-article article > .instagram-media, .container.container-article article > .twitter-tweet, .container.container-article article > .wp-video {
padding-left: 2rem !important;
padding-right: 2rem !important
}
}
.container.container-article article > .entry-title {
font-size: 42px;
max-width: 1000px;
line-height: 1;
text-align: center;
margin-bottom: 0;
margin-top: 80px;
margin-top: 8rem
}
@media screen and (min-width: 320px) {
.container.container-article article > .entry-title {
font-size: calc(42px + 48 * ((100vw - 320px) / 1600))
}
}
@media screen and (min-width: 1920px) {
.container.container-article article > .entry-title {
font-size: 90px
}
}
@media (max-width: 600px) {
.container.container-article article > .entry-title {
margin-top: 0
}
}
.container.container-article article > .entry-title svg {
margin-left: 5px
}
.container.container-article article > .entry-meta {
text-align: center;
margin-bottom: 90px;
margin-bottom: 9rem;
max-width: 800px
}
@media (max-width: 480px) {
.container.container-article article > .entry-meta {
margin-bottom: 8rem
}
}
.container.container-article article > .entry-meta p {
font-size: 16px;
margin-top: 20px;
margin-top: 2rem;
opacity: .8
}
@media screen and (min-width: 320px) {
.container.container-article article > .entry-meta p {
font-size: calc(16px + 3 * ((100vw - 320px) / 1600))
}
}
@media screen and (min-width: 1920px) {
.container.container-article article > .entry-meta p {
font-size: 19px
}
}
@media (max-width: 480px) {
.container.container-article article > .entry-meta p {
font-size: 15px
}
}
@media (max-width: 480px) {
.container.container-article article > .entry-meta .reading-time {
display: block
}
.container.container-article article > .entry-meta .reading-time .dot-divider {
display: none
}
}
.container.container-article article > .wp-block-gallery {
overflow: hidden;
color: #fff
}
.container.container-article article > .wp-block-gallery figcaption {
width: 100%;
color: #fff;
font-size: 14px;
padding: 20px;
padding: 2rem;
line-height: 1.55
}
.container.container-article article > .wp-block-gallery img {
margin-bottom: 0
}
.container.container-article article > .alignwide {
width: 100%;
margin-top: 40px;
margin-top: 4rem;
margin-bottom: 40px;
margin-bottom: 4rem;
padding-left: 40px;
padding-left: 4rem;
padding-right: 40px;
padding-right: 4rem
}
@media (min-width: 870px) {
.container.container-article article > .alignwide {
max-width: 85vw;
padding-left: 0;
padding-right: 0
}
}
@media (max-width: 480px) {
.container.container-article article > .alignwide {
padding-left: 2rem;
padding-right: 2rem
}
}
.container.container-article article > .alignfull {
max-width: 100%;
width: 100%;
margin-top: 80px;
margin-top: 8rem;
margin-bottom: 80px;
margin-bottom: 8rem
}
@media (min-width: 1170px) {
.container.container-article article .entry-photo {
max-width: 100%;
text-align: center;
margin-top: 8rem;
margin-bottom: 8rem
}
.container.container-article article .entry-photo img {
max-width: 70%;
margin: 0 auto
}
.container.container-article article small[style="text-align: center;"] {
width: 100%;
max-width: 100%;
display: block;
margin-bottom: 8rem;
margin-top: -4rem
}
}
.sticky {
background-color: #fafafa;
border: 1px solid #e0e0e0;
padding: 30px;
padding: 3rem
}
.comments-area .comment-list li.bypostauthor {
background-color: #fff6e8;
padding: 30px;
padding: 3rem
}
.wp-caption {
max-width: 100%
}
.wp-caption img[class*=wp-image-] {
display: block;
margin: 0 auto
}
.wp-caption .wp-caption-text {
text-align: left;
font-style: italic;
padding: 10px 0;
padding: 1rem 0;
margin-bottom: 20px
}
.entry-content {
margin-bottom: 2em
}
.entry-content p {
line-height: 1.77
}
.entry-content embed, .entry-content iframe, .entry-content object, .entry-content video {
max-width: 100%
}
.entry-content h1:first-child, .entry-content h2:first-child, .entry-content h3:first-child, .entry-content h4:first-child, .entry-content h5:first-child, .entry-content h6:first-child {
margin-top: 0
}
table {
border-spacing: 0;
border-collapse: collapse
}
td, th {
font-family: Lato, sans-serif;
height: 30px;
height: 3rem;
padding: 10px;
padding: 1rem
}
@media (max-width: 600px) {
td, th {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
display: inline-block;
height: auto;
padding: 10px 0;
text-align: center
}
td:first-child, th:first-child {
margin-left: auto
}
td:last-child, th:last-child {
margin-right: auto
}
}
th {
font-weight: 700
}
abbr[title] {
border-bottom: 1px dotted
}
b, strong {
font-weight: 700
}
dfn {
font-style: italic
}
kbd {
border: 1px solid #ccc;
font-family: Arial, Helvetica, sans-serif;
background-color: #f7f7f7;
color: #333;
box-shadow: 0 1px 0 rgba(0, 0, 0, .2), 0 0 0 2px #fff inset;
border-radius: 4px;
display: inline-block;
text-shadow: 0 1px 0 #fff;
line-height: 1.4;
white-space: nowrap;
padding: 0 5px;
padding: 0 .5rem
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 6.25px;
margin: 0 0 .625rem;
color: #333;
word-break: break-all;
word-wrap: break-word;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px;
overflow: auto
}
pre.debug {
font-size: 11px;
line-height: 1.5
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0
}
.taxonomy-description {
margin-bottom: 20px;
margin-bottom: 2rem
}
.post {
margin-bottom: 30px
}
.entry-header .entry-title {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid maroon
}
.entry-header .entry-title a {
color: #0071ce
}
.entry-header .entry-title a:hover {
color: maroon
}
.entry-meta {
margin-bottom: 1em
}
.entry-meta * {
color: #4f5964
}
p.entry-time {
margin-bottom: .1em
}
.cat {
margin-top: 0;
margin-bottom: 10px
}
ul.tags {
overflow: hidden;
margin: 0;
padding: 0;
padding-left: 0
}
ul.tags li {
margin-left: 0;
margin-right: 10px;
margin-bottom: 10px;
padding-left: 0;
display: inline-block;
float: left;
margin-top: 0
}
ul.tags li a {
font-size: 12px;
font-size: 1.2rem;
color: #333;
padding: 5px 10px;
padding: .5rem 1rem;
display: inline;
border-radius: 4px;
background: #f0f0f0;
opacity: .8
}
ul.tags li a:hover {
color: #fff;
background: #aaa;
opacity: 1
}
.comments-link {
text-align: right;
display: block
}
.comments-link svg {
fill: #777;
position: relative;
top: 1px;
margin-right: 2px
}
.comments-link:focus, .comments-link:hover {
color: #111
}
.comments-link:focus a, .comments-link:focus a:link, .comments-link:focus a:visited, .comments-link:focus svg, .comments-link:hover a, .comments-link:hover a:link, .comments-link:hover a:visited, .comments-link:hover svg {
color: #111;
fill: #111
}
.entry-footer {
margin-top: 0;
margin-bottom: 0
}
.entry-footer a {
color: #4f5964
}
.entry-footer a:hover {
color: #0071ce;
text-decoration: none
}
.site-main .comment-navigation, .site-main .post-navigation, .site-main .posts-navigation {
margin: 1.5em 0;
overflow: hidden
}
.site-main .comment-navigation::after, .site-main .post-navigation::after, .site-main .posts-navigation::after {
display: block;
content: '';
clear: both
}
.comment-navigation .nav-previous, .post-navigation .nav-previous, .posts-navigation .nav-previous {
float: left;
width: 50%
}
.comment-navigation .nav-previous a:before, .post-navigation .nav-previous a:before, .posts-navigation .nav-previous a:before {
content: '← '
}
.comment-navigation .nav-next, .post-navigation .nav-next, .posts-navigation .nav-next {
float: right;
text-align: right;
width: 50%
}
.comment-navigation .nav-next a:after, .post-navigation .nav-next a:after, .posts-navigation .nav-next a:after {
content: ' →'
}
.comments-area {
margin-top: 50px;
margin-bottom: 50px;
overflow: visible
}
.comment-list {
padding: 0;
margin: 0;
list-style: none
}
.comment-list li {
padding: 0;
margin-top: 0;
margin-bottom: 70px
}
.comment-list li p {
color: #4f5964
}
.comment-list li .avatar {
float: right;
border-radius: 50%
}
.comment-list li .comment-author {
color: #222;
margin-top: 0;
margin-bottom: 10px;
padding: 0
}
.comment-list li .comment-author a {
color: #222
}
.comment-list li .comment-time {
padding: 0;
margin: 0
}
.comment-list li .comment-time svg {
fill: #4f5964;
position: relative;
top: 2px;
margin-right: 5px
}
.comment-list li .comment-time a {
color: #4f5964
}
.comment-list li .comment-time:hover {
opacity: 1
}
body.woocommerce button.button.alt, body.woocommerce-page .site-content button.button.alt {
background-color: #0071ce;
padding: 20px
}
body.woocommerce button.button.alt:hover, body.woocommerce-page .site-content button.button.alt:hover {
background-color: maroon
}
body.woocommerce .woocommerce-checkout-review-order button.button.alt, body.woocommerce-page .site-content .woocommerce-checkout-review-order button.button.alt {
width: 100%;
font-size: 1.5em;
padding: 1em;
margin-top: 1em
}
body.woocommerce form.checkout, body.woocommerce form.woocommerce-cart-form, body.woocommerce-page .site-content form.checkout, body.woocommerce-page .site-content form.woocommerce-cart-form {
background-color: #f5f5f5
}
body.woocommerce form.checkout, body.woocommerce-page .site-content form.checkout {
padding: 1em;
border: 1px solid rgba(0, 0, 0, .1);
border-radius: 5px
}
body.woocommerce form.cart, body.woocommerce-page .site-content form.cart {
margin-top: 2em
}
body.woocommerce form .col-2, body.woocommerce-page .site-content form .col-2 {
background-color: #ebe9eb;
padding: 1em;
border: 1px solid rgba(0, 0, 0, .1);
border-radius: 5px
}
body.woocommerce table.cart td.actions .input-text, body.woocommerce-page .site-content table.cart td.actions .input-text {
width: 180px
}
body.woocommerce .woocommerce-privacy-policy-text p, body.woocommerce-page .site-content .woocommerce-privacy-policy-text p {
font-size: .8em
}
@media (min-width: 770px) {
body.woocommerce ul.products li.product, body.woocommerce-page .site-content ul.products li.product {
float: left;
clear: none;
text-align: inherit;
width: 22.75%;
margin-left: 0;
margin-right: 3%;
text-align: center
}
body.woocommerce ul.products li.product::after, body.woocommerce-page .site-content ul.products li.product::after {
display: block;
content: '';
clear: both
}
body.woocommerce ul.products li.product:nth-child(n), body.woocommerce-page .site-content ul.products li.product:nth-child(n) {
margin-right: 3%;
float: left;
clear: none
}
body.woocommerce ul.products li.product:nth-child(4n), body.woocommerce-page .site-content ul.products li.product:nth-child(4n) {
margin-right: 0;
float: right
}
body.woocommerce ul.products li.product:nth-child(4n+1), body.woocommerce-page .site-content ul.products li.product:nth-child(4n+1) {
clear: both
}
}
body.woocommerce ul.products li.product-category, body.woocommerce-page .site-content ul.products li.product-category {
text-align: center
}
@media (min-width: 768px) {
body.woocommerce ul.products li.product-category, body.woocommerce-page .site-content ul.products li.product-category {
width: 24.5%;
margin-right: .5% !important;
margin-bottom: .5%
}
body.woocommerce ul.products li.product-category h2.woocommerce-loop-category__title, body.woocommerce-page .site-content ul.products li.product-category h2.woocommerce-loop-category__title {
font-size: 1.5em
}
}
body.woocommerce ul.products li.product-category img, body.woocommerce-page .site-content ul.products li.product-category img {
margin: 0
}
body.woocommerce ul.products .star-rating, body.woocommerce-page .site-content ul.products .star-rating {
margin-top: 2px;
height: 32px
}
body.woocommerce ul.products .star-rating span, body.woocommerce-page .site-content ul.products .star-rating span {
padding-top: 1.5em;
font-family: star
}
body.woocommerce ul.products .star-rating span:after, body.woocommerce-page .site-content ul.products .star-rating span:after {
font-family: star;
content: '\53\53\53\53\53';
top: 0;
position: absolute;
left: 0
}
body.woocommerce div.product .entry-content h2:first-of-type, body.woocommerce div.product .product_meta, body.woocommerce-page .site-content div.product .entry-content h2:first-of-type, body.woocommerce-page .site-content div.product .product_meta {
display: none
}
body.woocommerce div.product .star-rating, body.woocommerce-page .site-content div.product .star-rating {
margin-top: 2px;
height: 35px
}
body.woocommerce div.product .star-rating *, body.woocommerce-page .site-content div.product .star-rating * {
font-family: star
}
body.woocommerce div.product .woocommerce-tabs ul.tabs li a, body.woocommerce-page .site-content div.product .woocommerce-tabs ul.tabs li a {
font-size: .8em
}
body.woocommerce div.product .related, body.woocommerce-page .site-content div.product .related {
clear: both
}
body.woocommerce div.product .price, body.woocommerce div.product .price span, body.woocommerce-page .site-content div.product .price, body.woocommerce-page .site-content div.product .price span {
font-family: Lato, sans-serif;
color: #222;
font-weight: 900
}
body.woocommerce div.product .woocommerce-tabs ul.tabs li#tab-title-lomake, body.woocommerce-page .site-content div.product .woocommerce-tabs ul.tabs li#tab-title-lomake {
background-color: maroon;
}
body.woocommerce div.product .woocommerce-tabs ul.tabs li#tab-title-lomake::before, body.woocommerce-page .site-content div.product .woocommerce-tabs ul.tabs li#tab-title-lomake::before {
box-shadow: 2px 2px 0 maroon
}
body.woocommerce div.product .woocommerce-tabs ul.tabs li#tab-title-lomake::after, body.woocommerce-page .site-content div.product .woocommerce-tabs ul.tabs li#tab-title-lomake::after {
box-shadow: -2px 2px 0 maroon
}
body.woocommerce div.product .woocommerce-tabs ul.tabs li#tab-title-lomake a, body.woocommerce-page .site-content div.product .woocommerce-tabs ul.tabs li#tab-title-lomake a {
color: #fff
}
#tab-title-lomake iframe {
display: none !important;
}
.woocommerce-form-coupon-toggle {
display: none
}
mark {
background-color: transparent
}
header.woocommerce-products-header {
margin-bottom: 2em
}
.kategorianostot {
display: flex;
flex-wrap: wrap
}
.kategorianostot a {
flex: 1;
flex-basis: 0;
flex-grow: 1;
color: #fff;
margin-right: 5px;
margin-bottom: 5px
}
@media (max-width: 1000px) and (min-width: 600px) {
.kategorianostot a {
flex-basis: calc(50% - 16px) !important
}
}
@media (max-width: 599px) {
.kategorianostot a {
flex-basis: 100% !important
}
}
.kategorianostot a:hover .kategorianosto {
filter: grayscale(1)
}
.kategorianostot h3 {
margin-bottom: 0;
text-align: center;
color: #fff
}
.kategorianostot .kategorianosto {
height: 200px;
background-size: cover;
background-position: center center;
display: flex;
justify-content: center;
align-items: center;
padding: 16px
}
.home ul.products .product-category {
background-color: #ddd
}
.home ul.products .product-category a:hover h2.woocommerce-loop-category__title {
text-decoration: none
}
.home ul.products .product-category h2.woocommerce-loop-category__title {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
text-align: center;
text-decoration: underline
}
.home ul.products .product-category mark {
color: #fff
}
@media (min-width: 768px) {
.woocommerce.columns-5 ul.products li.product {
width: 19.7%;
margin: 0 .3% .3% 0 !important
}
}
.woocommerce.columns-5 ul.products li.product img {
margin: 0
}
.woocommerce.columns-5 ul.products li.product a:hover img {
filter: brightness(.5)
}
.woocommerce-page ul.products {
display: flex;
flex-wrap: wrap
}
.woocommerce-page ul.products li.product {
display: flex;
flex-direction: column
}
@media (max-width: 768px) {
.woocommerce-page ul.products li.product {
margin-right: 2% !important
}
}
.woocommerce-page ul.products li.product h2.woocommerce-loop-product__title {
margin-bottom: 1em
}
.woocommerce-page ul.products li.product .button {
margin-top: auto
}
.woocommerce-page ul.products h2.woocommerce-loop-category__title, .woocommerce-page ul.products h2.woocommerce-loop-product__title {
transition: all .2s
}
.woocommerce-page ul.products a {
height: 100%
}
.woocommerce-page ul.products a:hover img {
filter: brightness(.5)
}
.woocommerce-page ul.products a:hover h2.woocommerce-loop-category__title, .woocommerce-page ul.products a:hover h2.woocommerce-loop-product__title {
margin-top: -8em;
position: relative;
color: #fff;
padding: .5em
}
.woocommerce .up-sells {
clear: both
}
.wc-tabs-wrapper #tab-lomake iframe {
display: none !important;
}