/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 18 2022 | 10:18:54 */
.site-header {
    background-color: #000;
}

.site-main {
padding:0 !important;
}

.sidebar {
min-height: 630px;
overflow-y: auto !important;
overflow-x: hidden;
}

.content-area {
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
    box-shadow: 0 0 0 0 rgba(0,0,0,0);
}

.content-width {
max-width: 1280px;
padding: 3% 2%;
margin: auto;
}

.post {
padding-right: 2%;
padding-left: 2%;
padding-top:4%;
}

.single .wp-post-image {
margin-top: 0px;
}

.featured-image-wrapper {
margin-left: 0;
max-width: none;
}
.single-post .featured-image-wrapper {
margin-top: 40px;
}

.main-navigation {
font-size: 1.2rem;
text-transform: none;
padding: 0;
}

.main-navigation ul li a {
padding: 2px 15px;
}

#menu-sisustuspaletti-menu {
display: block;
opacity:1;
}

.cat-links {
display:none;
}

.site-description {
font-size: 0.7rem;
font-weight: bold;
font-style:italic;
margin: 30px auto 0;
padding:0 0px;
}

#site-branding-inner {
padding: 6% 9%;
}

.image-post .text-holder:hover {
background-color: transparent; 
} 

.dark-overlay {
display:none;
}

.entry-title {
font-family: open sans, arial;
font-weight: 100;
font-size: 35px;
margin: 0 0 20px;
}

p {
font-family: open sans, arial;
font-weight: 400;
}

/* Table */
tr {
    border-bottom: 1px dotted #ddd;
}
td {
    padding: 10px 0px;
}
tr:nth-child(odd) {
    background-color: #fff;
}

.entry-title a{
text-shadow: 1px 1px 16px rgba(0, 0, 0, 0.7);
font-weight: 600 !important;
color:re !important;
text-transform: uppercase;
}

.entry-format {
display:none;
}

.addtoany_share_save_container, .addtoany_content_bottom {
margin: 30px 0 30px 0 !important;
-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
filter: grayscale(100%);
}

#footer-wrapper {
display:none;
visibility:hidden;
}

a {
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}

::selection {
    background-color: #000;
}

/* BLOGITYYLIT 2019 ETUSIVU UUDISTUS */

ul.lcp_catlist {
list-style: none;
padding: 0;
}

ul.lcp_catlist li{
margin-bottom: 40px;
}

h2.blogititle {
margin-top: 10px;
}

ul.lcp_catlist img {
margin: 10px 0 20px !important;
}

.blogireadmore {
display: inline-block;
margin: 0px auto;
background: black;
padding: 14px;
}

.blogireadmore:hover {
background: darkgray;
}

a.blogireadmore {
color: white;
}

/* CAT LIST RETURN */

.category-kohteet .paluulinkki.kohdelistaus {
display: inline-block !important;
}
.category-uutiset .paluulinkki.uutislistaus {
display: inline-block !important;
}
.category-esittely .paluulinkki.esittelylistaus {
display: inline-block !important;
}

/* HIDE POST NAVIGATION */

.post-navigation {
display: none;
}

/* ADD TO ANY SHOWING DOUBLE FIX */

.addtoany_content_bottom + .addtoany_content_bottom {
  display: none;
}

/* SLIDER */

#n2-ss-1, .n2-grab, .n2-ss-slide {
width: 100% !important;
}

div#n2-ss-1 .n2-ss-widget-display-hover {
top: 45% !important;
}

#etusivuslider {
background:black;
}

.n2-ss-slider, .n2-ss-load-fade, .n2-ss-desktop, .n2-ss-loaded {
height: 100vh !important;
}

.n2-ss-slide img {
margin-top: 0 !important;
}

.n2-ss-layers-container {
margin: 0 !important;
width: 100% !important;
height: 100vh !important;
}

.n2-ss-canvas {
height: 100vh !important;
}

.n2-grab {
height: 100vh !important;
}

img.n2-ss-slide-background-image {
width: 100% !important;
height: 100vh !important;
object-fit: cover !important;
overflow: hidden !important;
}

.nappi {
z-index:1000 !important;
top:125px !important;
font-size:14px !important;
}

.nappi a{
font-family: 'Raleway', arial !important;
font-weight: 900 !important;
}

.nappi a:hover{
background-color: white !important;
color: black !important;
text-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
}

.sliderotsikko {
top:35px !important;
margin-top:0px;
}

.sliderotsikko h2, .sliderotsikko h2 a {
text-shadow: 2px 2px 12px rgba(0,0,0,0.5) !important;
font-size: 60px !important;
}

div#n2-ss-1 ul, div#n2-ss-1 li, div#n2-ss-1 img, div#n2-ss-1 a, div#n2-ss-1 p, div#n2-ss-1 ol, div#n2-ss-1 textarea, div#n2-ss-1 input, div#n2-ss-1 button {
-moz-transition: background 0.3s !important;
    -webkit-transition: background 0.3s !important;
    -o-transition: background 0.3s !important;
    transition: background 0.3s !important;
}

/* DEFAULT GALLERY TWEAK */

.gallery .gallery-caption {
display:block;
width: 100%;
font-size: 10px;
font-weight: bold;
background-color: #000;
}

.gallery-item {
max-width: 150px !important;
margin: 0% 2% 1.5% 0% !important;
padding: 0 !important;
}


/* CONTENT NIVO LIGHTBOX */

.nivo-lightbox-theme-default.nivo-lightbox-overlay {
background: black;
background: rgba(0,0,0,1);
}

.nivo-lightbox-theme-default .nivo-lightbox-nav {
top: 50%;
width: 60px;
height: 60px;
opacity: 1;
background-color: black;
background-size: 30px;
border-radius: 0;
}

.nivo-lightbox-theme-default .nivo-lightbox-close {
background-color: black;
width: 56px;
height: 56px;
opacity: 1;
right:0;
top:0;
}

/* GALLERY LIGHTBOX */

.wonderplugin-gridgallery-list {
margin:0 !important;
}

.wonderplugin-gridgallery-item a div {
border:1px solid red !important;
display:none !important;
}

#wonderplugingridgallery-1 .wonderplugin-gridgallery-item-text {
    background-color: rgba(0, 0, 0, 1) !important;
    font: 10px "open sans", Arial, Helvetica, sans-serif !important;
    padding: 0px 0px !important;
margin:0 !important;
    height: 62px !important;
}

#html5-loading {
display:none !important;
}

#html5-lightbox-overlay {
    -webkit-animation: smooth 0.5s ease-in;
    -moz-animation: smooth 0.5s ease-in;
    -o-animation: smooth 0.5s ease-in;
    -ms-animation: smooth 0.5s ease-in;
    animation: smooth 0.5s ease-in;
}

#html5-image-container img {
    -webkit-animation: smooth 0.5s ease-in;
    -moz-animation: smooth 0.5s ease-in;
    -o-animation: smooth 0.5s ease-in;
    -ms-animation: smooth 0.5s ease-in;
    animation: smooth 0.5s ease-in;
}

#html5-lightbox-box {
    -webkit-animation: smooth 1s ease-in;
    -moz-animation: smooth 1s ease-in;
    -o-animation: smooth 1s ease-in;
    -ms-animation: smooth 1s ease-in;
    animation: smooth 1s ease-in;
}

@-webkit-keyframes smooth {
    0% { opacity: 0;}
    100% { opacity: 1;}
}
@-moz-keyframes smooth {
    0% { opacity: 0;}
    100% { opacity: 1;}
}
@-o-keyframes smooth {
    0% { opacity: 0;}
    100% { opacity: 1;}
}
@keyframes smooth {
    0% { opacity: 0;}
    100% { opacity: 1;}
}


#gridgallery-html5-lightbox .html5-prev-fullscreen {
display: block;
width:60px;
background: black;
padding:15px;
left:0px !important;
}

#gridgallery-html5-lightbox .html5-next-fullscreen {
display: block;
width:60px;
background: black;
padding:15px;
right:0px !important;
}

#gridgallery-html5-lightbox #html5-text{
text-align: center;
font-weight:bold;
margin-top:5px !important;
}

#gridgallery-html5-lightbox .html5-description {
text-align: center;
}

.gallery .gallery-item {
    margin: 0 0 25px;
    padding: 0 0px 0 0;
}


/* ENNEN JA JALKEEN GALLERIA */

.ennenjalkeen-cells .gallery-caption {
opacity:1;
bottom:-22px !important;
}

.ennenjalkeen-cells .widget-title {
font-size: 19px;
font-family: "open sans", arial;
font-weight: 100;
}

.ennenjalkeen-cells .widget {
float: left !important;
width: 31% !important;
margin-right: 2% !important;
}

.fristyle {
margin: 14px;
font-size: 11px;
font-weight: bold;
}

.site-info p, .fristyle {
    margin-block-end: 0.6em;
}

/* RESPONSIVE CSS */

@media (max-width: 1450px) {
.ennenjalkeen-cells .widget {
width: 35% !important;
}
}

@media (max-width: 1300px) {
.ennenjalkeen-cells .widget {
width: 40% !important;
}
}

@media (max-width: 1190px) {
.ennenjalkeen-cells .widget {
width: 46% !important;
}
}

@media (max-width: 1087px) {

.sidebar {
min-height: auto;
}

#menu-sisustuspaletti-menu {
display: none;
list-style:none;
background: #222;
}

.menu-toggle {
background: url(https://www.sisustuspaletti.fi/sisustuspaletti-child/img/menu-toggle.png) no-repeat center;
background-size: 40px;
height: 80px;
}

#menu-sisustuspaletti-menu.toggled-on {
display: block;
-webkit-animation: smooth 1s ease;
-moz-animation: smooth 1s ease;
-o-animation: smooth 1s ease;
-ms-animation: smooth 1s ease;
animation: smooth 1s ease;
list-style:none;
margin:0;
padding:20px;
}

@-webkit-keyframes smooth {
    0% { opacity: 0;}
    100% { opacity: 1;}
}
@-moz-keyframes smooth {
    0% { opacity: 0;}
    100% { opacity: 1;}
}
@-o-keyframes smooth {
    0% { opacity: 0;}
    100% { opacity: 1;}
}
@keyframes smooth {
    0% { opacity: 0;}
    100% { opacity: 1;}
}

.toggled-on li {
padding:4px 0 4px !important;
}

.menu-item {
text-align:center;
}

#site-navigation {
padding:0 !important;
}

.main-navigation.toggled-on ul a {
padding-left: 12px;
}

.content-width {
  padding: 40px 20px;
}
  
.single .container {
  padding: 20px 20px;
  max-width: 100%;
}
  
.n2-ss-widget-display-hover {
    opacity: 1 !important;
}

.nappi {
top:128px !important;
}

.sliderotsikko {
top:35px !important;
}

#site-branding {
padding:0;
}

#site-branding-inner {
    padding: 60px 3% 30px 3%;
}

.site-description {
font-size: 19px;
}

.html5-description {
display:none;
}

#html5-lightbox-box, #html5-elem-box, #html5-elem-wrap, #html5-image {
height: 100% !important;
width: 100% !important;
overflow: hidden;
margin:0 !important;
}

#html5-elem-data-box {
position:absolute !important;
z-index:1000;
bottom:0px !important;
background-color: rgba(0, 0, 0, 0.2) !important;
padding-top:4px !important;
}

#html5-image-container img {
width: 500px !important;
height: 500px !important;
object-fit: contain !important;
overflow: hidden !important;
}

#footer-wrapper {
display: block !important;
visibility: visible !important;
margin:0;
}

}

@media (max-width: 800px) {

img.n2-ss-slide-background-image {
width: auto !important;
}
.ennenjalkeen-cells .widget {
width: 98% !important;
}

}

@media (max-width: 800px) {

.html5-prev-fullscreen {
background: black;
padding: 10px;
left:0px !important;
}

.html5-next-fullscreen {
background: black;
padding: 10px;
right:0px !important;
}

.site-description {
font-size: 14px;
}

.sliderotsikko h2, .sliderotsikko h2 a {
font-size: 30px !important;
}

.nappi {
top:90px !important;
font-size: 12px !important;
}

}

@media (max-width: 550px) {
  
.sliderotsikko h2, .sliderotsikko h2 a {
font-size: 24px !important;
}
  
}