/*
Theme Name: Kalium - Child Theme
Theme URI: https://laborator.co/themes/kalium/
Author: Laborator
Author URI: https://laborator.co/
Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: <a href="https://themeforest.net/user/laborator">Envato</a> &bull; <a href="https://twitter.com/thelaborator">Twitter</a> &bull; <a href="https://www.facebook.com/laboratorcreative">Facebook</a> &bull; <a href="https://www.instagram.com/laboratorcreative/">Instagram</a>
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
*/

.slider-text{
   font-family: 'Raleway' !important;
}
.vc_row-fluid[data-vc-full-width=true][data-vc-stretch-content=true] .wpb_wrapper .lab-portfolio-items .portfolio-title-holder--title-has-container{
   width: 100%;
   padding-left: 0;
   padding-right: 0;
}
.item-box-container .item-link img{
   transition: all 250ms ease-in-out;
   -webkit-transition: all 250ms ease-in-out;
}

.item-box-container:hover .item-link img{
   transform: scale(1.1);
}

.hover-state{
   background: rgba(0, 0, 0, .2);
}
.wpb_image_grid_ul{
   display: grid;
   grid-gap: 15px;
   grid-template-columns: 1fr;
   height: auto !important;
}
.home .site-header:not(.sticky-fixed) .header-logo, .home .site-header:not(.sticky-fixed) .show-menu-text{
   color: #FFFFFF;
   text-shadow: 2px 2px 4px #000000;
}
@media screen and (max-width: 767px){
   .mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container div.menu>ul, .mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container ul.menu{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100%;
   }
   header.main-header.fullwidth-header .container{
      padding-left: 15px;
      padding-right: 15px;
   }
   .mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container .menu-bar{
      top: 0;
   }
}

.site-footer .footer-widgets{
   text-align: center;
   margin-top: 20px;
   margin-bottom: 20px !important;
}

.widget-area.widgets--columned-layout>.widget{
   margin-bottom: 0;
}



@media screen and (min-width: 768px){
   .container-fluid{
      width: 100%;
      padding-left: 45px;
      padding-right: 45px;
   }
   .desktop-padding{
      padding-left: 45px;
      padding-right: 45px;
   }
   .desktop-padding-row{
      padding-left: 30px;
      padding-right: 30px;
   }
   .wpb_image_grid_ul{
      grid-template-columns: repeat(2,1fr);
   }
}

@media screen and (min-width: 1024px){
   .wpb_image_grid_ul{
      grid-template-columns: repeat(4,1fr);
   }
}