/*
Theme Name: Kalium - Child Theme
Theme URI: https://kaliumtheme.com
Author: Laborator
Author URI: https://laborator.co
Description: Start creating that amazing website that you have always wanted, only with Kalium &mdash; Connect with Laborator on: <a href="https://twitter.com/thelaborator">Twitter X</a> &bull; <a href="https://www.facebook.com/laboratorcreative">Facebook</a> &bull; <a href="https://www.instagram.com/laboratorcreative/">Instagram</a>
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: kalium
Text Domain: kalium
*/
.site-header {
	
	display:none;
}
.fancybox__container {
	z-index: 99999999999999 !important;
	
}
 @media (max-width: 599px) {
.single-portfolio__gallery__item {

max-width: 92vw;
margin-left: auto;
margin-right: auto;
margin-bottom: -20px !important;
}
figure figcaption {
  display: inline !important;
}
.fancybox__nav .is-prev, .fancybox__nav .is-next {
display: none;
}
.wp-singular .page .wpb-content-wrapper .container, .wp-singular .page .content-wrapper  {
 
  max-width: 92vw;
}
.home .wpb-content-wrapper .container, .home .content-wrapper  {
 
  max-width: 100vw;
}

.menu-item-object-portfolio .katkaistu-teksti {
width: 68vw;
  white-space: nowrap;
  overflow: hidden;
  /* Luo maskin, joka muuttuu läpinäkyväksi oikeassa reunassa */
  -webkit-mask-image: linear-gradient(to right, black 80%, transparent 100%);
  mask-image: linear-gradient(to right, black 80%, transparent 100%);
  }


.taptap-menu-item-description {
  margin: 0 34px 0 0 !important;
}
.taptap-sub-arrow {
    right: 14px !important;
}

 }

 @media (min-width: 600px) {

  .taptap-by-bonfire .sub-menu a {
   
    
  }

.taptap-background-image-active {
  animation: unblur 0.8s forwards;
}

@keyframes unblur {
  from {
    filter: blur(12px);
  }
  to {
    filter: blur(0);
  }
}




.single-portfolio__gallery__item img {
  position: absolute;
 
	/*top: 50%;*/
 /* left: 50%;*/
 /*transform: translate(-50%, -50%);*/

	max-height: 310px;
	 object-fit: contain !important;
}

.single-portfolio__image {
 /*object-fit: contain !important;*/

}


.single-portfolio__gallery__item {
	width: 33%;
	height: 360px;
	padding:30px;
 
}
figcaption {
	
	/* top: translate(-50%, -50%);
  	top: 10px;*/
	position:absolute;
	text-align: center;
 /* display:none;*/
  width: 100%;
  height: auto;
}

.single-portfolio__gallery__item img {
 height: revert-layer !important;
 /* left: 50%;*/
 /*transform: translate(-50%, -50%);*/
  
}
.col-md-3 img {
	padding: 20px;
}
}

.archive .page-heading {
      display: block;  
    margin-top: 20vh;
    text-align: center;
}




.fancybox__caption {
   
    padding: 8px 0 6px !important;
 
}


.taptap-by-bonfire .sub-menu a {
  
  letter-spacing: 0px !important;
 
}
.taptap-logo a {
text-transform: uppercase;
letter-spacing: 2px !important;
font-size: 19px !important;
}
.taptap-by-bonfire ul li a {
  
  
  
 
} 
.taptap-by-bonfire .sub-menu a {
 
  font-size: 15px !important;
  letter-spacing: 0px  !important;
 
  font-family: Roboto  !important;
  font-weight: 400 !important;
}





 .site-footer .widget {
  font-size: 13px;
}
.wplp_container.default .title {
  font-family: Roboto;
}

.wplp-box-item {
    padding: 0  !important;
    margin-left: 36px !important;
        margin-right: 24px !important;
}


.lang-en .fi {
    display: none;
	
}
.en, .fi {
font-size: 13px;

}


/* Piilota elementti, kun kieli on suomi */
.lang-fi .en {
    display: none;

}

.single-portfolio__image--caption-below figcaption div.fi {

 /* display: -webkit-box;
 /* -webkit-line-clamp: 1; /* Näyttää vain 1 rivin, piilottaa loput */
 /*Ä -webkit-box-orient: vertical;
  overflow: hidden;

  margin-top: 30%;
 
  margin-left: auto;
  margin-right: auto; */
}/*
.single-portfolio__image--caption-below figcaption div.fi strong {

    display: inline !important;

}*/
 

figure figcaption {
    display: none;
    pointer-events: none;
}

.current-lang {
 
 text-underline-offset: 4px;

 text-decoration: underline;


 text-decoration-thickness: 3px !important;
  -webkit-text-decoration-thickness: 3px !important;
}

.lang-item {

	/*display: none !important;*/
float: left !important;
width: 40px !important;
margin-top: 30px !important;
margin-left: 10px;
}
 .single-portfolio__image--caption-below figcaption, .fancybox__caption  {

    font-family: Roboto;
 

}
.post-navigation__link-label-title {

 font-family: Raleway;
 

}
h1 {

  font-weight: 300 !important;
  
}

 .single-portfolio__image--caption-below figcaption b,  .single-portfolio__image--caption-below figcaption strong  {
 
    font-weight: 400 !important;
    font-size: 15px !important;

}
.fancybox__caption b, .fancybox__caption strong {
 
    font-weight: 500 !important;
    font-size: 15px !important;

}
.single-portfolio__title {
margin-top: 20vh;
 
}
.single-portfolio__content {
   
gap: 0px;
}
.single-portfolio__type--centered {
    --k-sp-content-gap: 1rem;
}

.taptap-by-bonfire ul.sub-menu {
 
    margin: 8px 0 0 6px;m
  
}
.lang-item  a {
 font-family: Roboto !important;
 font-size: 15px !important;
 font-weight: 500 !important;
}


.uutisnosto {

	 filter: none !important;
    backdrop-filter: blur(10px) !important;
   
    background: rgba(255, 255, 255, 0.15) !important;
 
}





/*
.single-portfolio__image--caption-below figcaption {
  opacity: 0;  
  height: 100%;
  transition: opacity 0.3s ease;  
}

.single-portfolio__image--caption-below figcaption:hover {
  opacity: 1;  
}*/

.single-portfolio__image--caption-below figcaption {
  visibility: hidden;
}

/* Näytä vain lihavoidut elementit */
.single-portfolio__image--caption-below figcaption b, .single-portfolio__image--caption-below figcaption strong {
  visibility: visible;
}

.post-thumbnail img {
 /*object-fit: contain !important;*/
  max-height: 300px !important;

}
.post-thumbnail {
background-color: #ececec
}

.single-post .featured-image, .single-post .format-video {
  margin-top: 16vh;
}
.single-post .entry-footer {
margin-bottom: 8vh;
  margin-top: 8vh;
}
.post-navigation {
  margin-top: 8vh;
}

.swiper-slide {
 
  align-content: center;
  height: 36px !important;
}


.swiper-button-prev, .swiper-button-next {

  
  width: 60px !important;
}
.page-heading {

  display: none;
}


#wplp_widget_616, #wplp_widget_862 {
max-width: 550px;
position: absolute;
    bottom: 80px;
    right: 0;
    color: #000;
    padding: 26px;
 
    translate: none;
    rotate: none;
    scale: none;
    visibility: visible;
    opacity: 1;
    transform: translate(0px, 0px);
    pointer-events: auto;
    background: rgba(255, 255, 255, 0.28);
    filter: none !important;
    backdrop-filter: blur(10px) !important;
    background: rgba(255, 255, 255, 0.15) !important;
 transform: translateX(100%);
}
.wplp-box-item {
padding: 0 20px 0 30px;
}
.wplp-box-item a {
  font-weight: 500 !important;
}
.wplp_container.default .wpcu-front-box.top .title {
      margin-top: 0px !important;
}
#wplp_widget_616, #wplp_widget_862  {
 
  animation: ilmestyOikealta 0.3s ease-out forwards;
animation-delay:1s; 
}

@keyframes ilmestyOikealta {
  from {
   
    transform: translateX(100%);
    opacity: 0;
  }
  to {
  
    transform: translateX(0);
    opacity: 1;
  }
}

.lab-portfolio-items h1 {
  padding-bottom: 30px;
}


.grid .portfolio-item__thumbnail a, .grid .portfolio-item__thumbnail  {

  max-width: 120px;
}
    .grid .wpb-content--blank .wpb-content-wrapper {
        max-width: 90vw;
        
    }

.grid .portfolio-item__title a {

  font-size: 22px;
}

    .grid .portfolio-item--type-1 {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;  
    gap: 0 !important;  
}

/* Vasen puoli: Kuva */
.grid .portfolio-item--type-1 .portfolio-item__thumbnail {
    flex: 1 !important;
    margin-bottom: 0 !important;  
    width: 50% !important;
}

/* Oikea puoli: Teksti */
.grid .portfolio-item--type-1 .portfolio-item__details {
    flex: 1 !important;
    padding-left: 20px !important;
    width: 50% !important;
    text-align: left !important;
}

.container-full {
   position: relative !important;
margin-top: -36px;
}

.rev_slider {
    overflow: hidden;
    width: 100%;
    height: 100vh;
    position: fixed;
}
.swiper-button-prev {
left: -6px !important;
 
}
 .swiper-button-next {
right: -6px !important;
 }

.kristiina_footer .wpb_wrapper {
    width: 270px !important;
    margin: 0 auto;
}
.kristiina_footer .wpb_wrapper .social-icons {
   top: 2px;
}




 @media (max-width: 600px) {
#wplp_widget_616, #wplp_widget_862  {
max-width: 100vw;
 
    bottom: 35px;
 
     
    
}
.taptap-by-bonfire ul li {
width: 100vw;

}
.vc_grid.vc_row.vc_grid-gutter-25px .vc_grid-item {

  padding-bottom: 0px !important;
  padding-right: 0px !important;
}
.taptap-menu-button-label::before {

  display: none;
}


.swiper-button-prev {
left: -12px !important;
 
}
 .swiper-button-next {
right: -12px !important;
 }
 .swiper-slide {
 
  height: 46px !important;
}
sr7-module {
max-height: 100vh;
  
}
.taptap-background-image {

  background-image:none !important;
}
figure figcaption .en, figure figcaption .fi {
  padding-top: 4px;
}
.grid .portfolio-item__thumbnail a, .grid .portfolio-item__thumbnail  {

  max-width: 100px;
}

}


.single-portfolio__image .loaded {
  opacity: 1; 

}

  @media (min-width: 1023px) {

.single-portfolio__image .loaded {
  opacity: 1; 
  transition: opacity 0.3s ease; 
}

.single-portfolio__image .loaded:hover {
  opacity: 0.7;  
}
.col-md-4 figure figcaption {
transform: translate(0, 290px); 

}
.col-md-3 figure figcaption {
transform: translate(0, 310px); 

}

  }



.sarja_kuva_hover {
	opacity:0.6;
	
}
.sarja_kuva {
	max-width: 150px;
	
}

 @media (max-width: 800px) {
.sarja_sisempi1 {
 max-width: 30% !important;
 
	float:left;
  
}
.sarja_sisempi2 {
max-width: 70%;
  float: left;
}
.blog .content-wrapper {
overflow-x: hidden;

}
}

@media (min-width: 768px) {
  .wpb-content--blank .wpb-content-wrapper {
    max-width: 90vw;
  }
}
@media (max-width: 767px) {
  .wpb_single_image img {
  height: auto;
   width: 100%;
 
}
}
.vuosiluku_sarja {
	font-size: 14px;
	
}
@media (min-width: 500px) {
  .sarja_sisempi1 {
   max-width: 140px !important;
}



.taptap-by-bonfire {

max-width: 470px !important;

}
.taptap-background-image {
 
    background-position:470px center !important;
 
}

}

.portfolio-heading__title {
text-align: center;
}
.sarjat {
margin-left: auto !important;
margin-right: auto  !important;
max-width: 1140px;
  }

.sarja .sarja_kuva img {
    animation: none !important; /* Poistaa WPBakeryn lukituksen */
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}

.sarja:hover .sarja_kuva img {
    opacity: 0.7;
    transition: opacity 0.35s ease-in-out;
}
.post-format-icon {
display: none !important;

}


.taptap-menu-item-description {

     width: 100%;  
         color: #bebebe !important;
         font-size: 13px !important;
    text-align: right;
    display: block;
    right: -9px !important;
    position: absolute;
    padding-top: 1px !important;
}
.taptap-sub-arrow {
  right: 24px;
}

.menu-item-object-portfolio:hover .taptap-menu-item-description {
    color: #ff0062 !important;
}
.menu-item-object-portfolio:hover .katkaistu-teksti {
    color: #ff0062 !important;
}
.taptap-by-bonfire .sub-menu .current-menu-item > a, .taptap-by-bonfire ul li.current-menu-item > a, .menu-item a:hover {
    color: #ff0062 !important;
}

.taptap-by-bonfire .sub-menu a {
 
  padding-left: 12px !important;
}
.post-navigation__item--back-to-archive .back-to-archive--boxes-2 {
     padding: 5px 24px; 
}
p {
  
  font-weight: 320 !important;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .25 !important;
}