#cookie-banner {
position: fixed; bottom: 0; width: 100%; background: black; color: #9d8415; padding: 1em; text-align: center; z-index: 9999;
}
.banneris {
margin-left: 1em; background-color: #9d8415; color: black; border: none; padding: 0.5em 1em; cursor: pointer; border-radius: 0px;
-webkit-transition: all .3s;
transition: all .3s;
}
.banneris:hover {
color:#fff;
box-shadow: inset 0 0 0 100px rgba(0, 0, 0, .2);
}
#sb_booking_content .tab .btn.select a {
background-color: #9d8415;
}
.flickity-prev-next-button {
color: #fff;
}
.flickity-prev-next-button svg {
fill: #fff;
border-color: #fff;
}
.flickity-page-dots .dot {
border: 3px solid #fff;
}
.flickity-page-dots .dot.is-selected {
background-color: #fff;
} .page-id-1183 #masthead {
display: none!important;
}
.accordion-title {
border-top: none!important;
}
a.accordion-title {
font-size: 1.25em;
}
body {
scroll-behavior: smooth;
font-family: 'roc-grotesk', sans-serif;
font-weight: 400;
font-style: normal;
font-size: 116%;
}
h1 {
margin-bottom: 0;
font-size:4em;
line-height: 1.1;
}
table td {
font-size: 1em;
}
table tr:hover {
-webkit-transition: 250ms ease-out;
transition: 250ms ease-out;
background:rgba(255, 255, 255, 0.08);
cursor:default;
}
td:first-child {
padding-left: 0.5em;
}
.kulta, .kulta a {
color: #9d8415!important;
}
.pinkki, .pinkki a {
color:rgb(249, 150, 197)!important;
}
.kids, .kids a {
color:#38d562!important;
}
.kulta .valkoinen,
.kulta a .valkoinen,
.kulta a .valkoinen a,
.pinkki .valkoinen,
.pinkki a .valkoinen a,
.kids .valkoinen,
.kids a .valkoinen {
color:#fff!important;
}
.valkoinen a {
color:#fff!important;
}
.dark #content a:not(.button):not(.icon) {
-webkit-transition: all .3s;
transition: all .3s;
font-weight: 600;
letter-spacing: 1px;
opacity: 1;
color:#f7e49b;
}
.dark #content a:not(.button):not(.icon):hover {
opacity:.7;
}
.dark a[href^="tel"],
.dark a[href^="mailto"] {
color:inherit!important;
font-weight: inherit!important;
letter-spacing: inherit!important;
}
#footer a {
-webkit-transition: all .3s;
transition: all .3s;
color:#fff;
opacity: .7;
}
#footer a:hover {
opacity: 1;
}
#content ul {
margin-left: 1em;
}
#content ol {
list-style: none;
counter-reset: item;
margin-left: 0.8em;
}
#content ul li {
list-style-type: none;
position: relative;
}
#content ol li {
counter-increment: item ;
padding-left: .9em;
}
#content ul li:before {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
font: var(--fa-font-solid);
font-weight: 900;
content: '\f00c';
opacity: .7;
position: absolute;
left: -29px;
top: 8px;
}
#content ol li:before {
content: counter(item) ". ";
position: relative;
color: #ccc;
font-size: 1.2em;
line-height: 1;
margin-left: -44px;
right: 7px;
}
.home #content .alku ul li::before {
animation: skaalaa 1.2s alternate infinite ease-in;
}
@keyframes skaalaa {
100% {transform: scale(1.4);}
}
svg.svg-inline--fa {
opacity: .7;
margin-right: 5px;
}
.special-font {
font-family: "roc-grotesk", sans-serif;
font-weight: 900;
font-size: 1.7em;
letter-spacing: 1px;
}
#cff.cff-palette-1 a, p .cff-expand {
color:#9d8415!important;
}
.mbot0 p {
margin-bottom: 0;
}
#footer .icon:not(.back-to-top) {
padding: 5px 0 5px 5px;
}
#masthead .container {
padding-left: 30px;
padding-right: 30px;
}
b, strong {
font-weight: 600;
}
.alt-font {
font-family: "roc-grotesk-condensed", sans-serif;
font-weight: 300;
font-style: normal;
font-size:1.6em;
line-height: 1.2;
}
p.alt-font {
margin-bottom: 0.5em;
}
h1, h2, h3, h4, h5, .cff-author, th {
font-family: "roc-grotesk-condensed", sans-serif;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
}
h2 {
font-size: 1.9em;
line-height: 1.1;
}
h3 {
font-size: 1.7em;
line-height: 1.1;
}
h4 {
font-size: 1.5em;
line-height: 1.1;
}
h5 {
font-size: 1.3em;
line-height: 1.1;
}
.mobile-nav i.icon-menu::before,
button.mfp-close::before {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
font: var(--fa-font-solid);
font-weight: 900;
content: '\f550';
}
button.mfp-close::before {
content: '\f00d';
}
.mfp-close {
position: absolute;
top:58px;
right: 30px;
}
.mfp-wrap .mfp-close svg,
a.current-lightbox-clicked .icon-menu {
visibility: hidden;
}
.header-main .nav > li > a,
.nav-dropdown.nav-dropdown-default>li>a,
.off-canvas-center .nav-sidebar.nav-vertical>li>a,
.dark .nav-vertical>li>ul li a  {
font-family: "roc-grotesk-condensed", sans-serif;
font-weight: 500;
text-transform: uppercase;
font-size: 1.05em;
letter-spacing: 1px;
}
.nav-dropdown.nav-dropdown-default>li>a {
font-weight: 500!important;
color:inherit!important;
}
.nav-dropdown.nav-dropdown-default>li>a {
font-size: 1em;
}
.off-canvas-center .nav-sidebar.nav-vertical>li>a {
font-size: 1.5em
}
.dark .nav-vertical>li>ul li a {
font-size:1.1em
color: inherit;
}
a.button,
a.button.lowercase {
font-family: "roc-grotesk-condensed", sans-serif;
font-weight: 500;
text-transform: uppercase!important;
padding-left: 1.9em;
padding-right: 1.9em;
}
.paaots_etusivu,
.paaots_etusivu>h1,
.paaots_etusivu>h2 {
font-family: "roc-grotesk-condensed", sans-serif;
font-weight: 500;
font-size: 1.8em;
text-transform: uppercase;
}
.etusivu_box .box-text,
.etus-boxit .col {
-webkit-transition: all .3s;
transition: all .3s;
}
.etusivu_box .box-text {
padding-bottom: 0.7em;
}
.etusivu_box::after,
.etus-boxit .col::after {
content: '';
display: block;
width: 100%;
height: 2px;
background: rgb(255 255 255 / 25%);
-webkit-transition: all .3s;
transition: all .3s;
}
.etusivu_box:hover::after ,
.etus-boxit .col:hover::after {
transform: scale(0.5, 1);
background: #9d8415;
}
.etus-boxit h2,
.etus-boxit h3 {
margin-bottom: 0.2em;
}
.header-main .nav > li {
margin: 0 13px;
}
.header-main .nav-line-grow > li > a:before {
background-color: #9d8415;
}
.nav-dropdown {
min-width: 280px;
}
.nav-dropdown.nav-dropdown-default>li>a {
margin-left: 0;
margin-right: 0;
}
#marikoo {
background: #320c3f;
text-align: right;
padding: 8px 10px;
font-size: 0.8em;
}
#marikoo a {
color: #ffffff91;
}
input[type="email"], input[type="text"], input[type="tel"], textarea {
border: none;
background-color: transparent!important;
box-shadow: none;
vertical-align: bottom;
font-weight: normal;
padding-left: 5px;
}
.dark input[type="email"], .dark input[type="text"], .dark input[type="tel"], .dark textarea {
color:#fff;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.wpcf7-spinner {
display: none;
}
.dark input[type="email"]:focus, .dark input[type="search"]:focus, .dark input[type="number"]:focus, .dark input[type="tel"]:focus, .dark input[type="text"]:focus, .dark input[type="password"]:focus, .dark textarea:focus,
.dark select:focus {
box-shadow: none!important;
opacity: 1 !important;
outline: 0;
color: inherit;
font-weight: normal;
font-weight: normal;
border-bottom: 1px solid rgba(255, 255, 255, 1);
background-color:transparent!important;
}
textarea {
min-height: 120px;
min-width: 100%;
}
input[type="submit"] {
font-family: "roc-grotesk-condensed", sans-serif;
font-weight: 500;
margin-top: 1.5em;
padding: 0 2.1em;
min-height: 2.9em;
}
.wpcf7-not-valid-tip {
color: #dc3232!important;
}
.wpcf7 .wpcf7-response-output {
border-width: 0;
border-radius: 4px;
} .wpcf7 form .wpcf7-response-output {
padding: 1em;
border-width: 0;
background-color: #9d8415;
margin:2em 0!important;
} .wpcf7 form.sent .wpcf7-response-output {
color:#fff;
background-color: #9d8415;
} .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
background-color: #c3433d;
color:#fff;
border-width: 0;
} .wpcf7 form.spam .wpcf7-response-output {
background-color: #92221d;
color:#fff;
border-width: 0;
}
.box-text h3 {
line-height: 1.1;
margin-bottom: 0;
}
@media screen and (max-width: 1259px) {
.medium-logo-center .flex-left {
flex: 1 1 0;
order: 1;
}
.medium-logo-center .flex-right {
flex: 1 1 0;
order: 3;
}
.medium-logo-center .logo {
margin: 0 15px;
order: 2;
text-align: center;
}
#logo {
width: 74px;
}
.header-inner .hide-for-medium {
display: none;
}
.header-inner .nav {
flex-wrap: nowrap;
}
}
@media screen and (min-width: 1260px) {
.header-inner .show-for-medium {
display: none;
}
}
@media screen and (min-width: 850px) and (max-width:1259px) {
.header-inner .show-for-medium {
display: flex!important;
}
}
@media screen and (max-width: 1100px) {
h1 {
font-size:3em;
}
}
@media screen and (max-width: 900px) {
img.alignright,
img.alignleft {
display: block!important;
float:none!important;
margin-bottom: 1em!important;
}
img.alignright {
margin-left: 0!important;
}
img.alignleft {
margin-right: 0!important;
}
}
@media screen and (max-width: 849px) {
a.lead, p.lead {
font-size: 1.2em;
}
.accordion-inner {
padding: 1em 1.5em;
}
table td {
font-size: 0.9em;
}
h1 {
font-size:2.2em;
}
h2 {
font-size: 1.6em;
}
h3 {
font-size: 1.4em;
}
h4 {
font-size: 1.2em;
}
h5 {
font-size: 1.1em;
}
.paaots_etusivu,
.paaots_etusivu>h1,
.paaots_etusivu>h2 {
font-size: 1.6em;
}
}
@media screen and (max-width: 549px) {
.accordion-inner {
padding: 1em 1em;
}
.alt-font {
font-size:1.3em;
}
.mfp-close {
top:15px;
}
h1 {
font-size:2em;
}
h2 {
font-size: 1.3em;
}
h3 {
font-size: 1.15em;
}
h4 {
font-size: 1.05em;
}
h5 {
font-size: 1em;
}
.paaots_etusivu,
.paaots_etusivu>h1,
.paaots_etusivu>h2 {
font-size: 1.5em;
}
}