.back-to-top.button.is-outline {
bottom: 60px;
border-color: #9e4242;
}
.back-to-top.button.is-outline:hover {
border-color: #ffffffad;
}
.back-to-top.plain i.icon-angle-up:before {
color: #f05922b8;
}
.back-to-top.plain.button.is-outline:hover i.icon-angle-up:before {
color: #ffffffad;
}
body {
color:#464646;
font-size:120%;
}
#content ul {
list-style-type: none;
}
#content ul li {
position: relative;
margin-left: 1.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-light);
content: '\f00c';
color: #dd3333;
font-size: 14px;
position: absolute;
left: -24px;
top: 10px;
}
#marikoo {
padding: 8px 5px;
text-align: center;
background: #d9d9d9;
font-size: .8em;
}
#marikoo a {
color: #111111cf;
-webkit-transition: all .2s;
transition: all .2s;
}
#marikoo a:hover {
opacity: .7;
}
.copyright-footer {
font-size: .9em;
}
#content {
font-family: 'Ysabeau Infant', sans-serif;
font-weight: 300;
font-style: normal;
}
#content strong,
#content b {
font-weight: 600;
}
#content i,
#content em {
font-style: italic;
}
.nav > li > a {
font-family: 'Ysabeau Infant', sans-serif!important;
font-weight: 600!important;
text-transform: none!important;
}
.nav-dropdown > li > a {
font-family: 'Ysabeau Infant', sans-serif!important;
}
.nav-spacing-xlarge>li {
margin: 0 20px;
}
ul.header-nav {
margin-bottom: .7em;
}
html.bg-fill {
background-position: 100% 50%;
}
html {
background: url(//himmipeikon.fi/wp-content/themes/marikoo-child/graf/tausta6.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
h1.uppercase {
font-family: 'Amatic SC', cursive;
text-transform: none;
text-align: center;
font-size: 2.5em;
letter-spacing: 0;
margin-top: 10px;
margin-bottom: 60px!important;
}
h2 {
font-family: 'Ysabeau Infant', sans-serif!important;
font-weight: 600!important;
font-size: 1.5em;
letter-spacing: 0;
margin-bottom: .5em;
}
h3 {
font-family: 'Amatic SC', cursive;
font-size: 1.5em;
}
#wrapper {
margin: 30px 0;
}
#content a:not(.button),
#content a:not(.button):focus,
#content a:not(.button):visited {
color:#9e4242;
border-bottom:1px solid;
padding-bottom: 2px;
letter-spacing: 0.5px;
transition: all .3s;
}
#content a:not(.button) {
font-weight: 600;
}
#content a:not(.button):hover {
opacity: 0.6;
border-bottom:4px solid;
animation: pulse 5s infinite;
}
#content a.image-lightbox {
opacity: 1!important;
}
#content a[href^="tel:"],
#content a[href^="mailto:"]  {
color:inherit;
border-bottom: none;
padding-bottom: 0;
letter-spacing: 0;
font-weight: normal;
}
#content a[href^="tel:"]:hover {
opacity: 0.6;
border-bottom:none;
animation: none;
}
#wide-nav {
background-color: #9e4242;
}
#wide-nav::before{
content: "";
position: absolute;
left: 0;
bottom: 0;
right: 0;
background-repeat: repeat;
height: 10px;
background-size: 20px 20px;
background-image:
radial-gradient(circle at 10px -5px, transparent 12px, #fff 13px);
}
#wide-nav::after{
content: "";
position: absolute;
left: 0;
bottom: 0;
right: 0;
background-repeat: repeat;
height: 15px;
background-size: 40px 20px;
background-image:
radial-gradient(circle at 10px 15px, #fff 12px, transparent 13px);
}
table#sukutaulu,
table.sukutaulu {
border-top: 1px solid #9d9d9d;
}
table#sukutaulu td,
table#sukutaulu th,
table.sukutaulu td,
table.sukutaulu th {
padding: 0.3em;
border-bottom: 1px solid #9d9d9d;
color: #555;
font-size: 0.85em;
line-height: 1.2;
}
ul.mobile-nav i.icon-menu {
color:#fff;
}
@media (min-width: 850px) {
}
@media (max-width: 849px) {
#masthead {
height: 125px;
}
#logo img {
max-height: 115px!important;
}
#wrapper {
margin: 20px;
}
}
@media (max-width: 549px) {
body {
font-size:100%;
}
#logo img {
max-height: 90px!important;
}
#wrapper {
margin: 15px;
}
.page-wrapper {
padding-top: 0px;
}
h1.uppercase {
margin-bottom: 30px!important;
}
}