/*
 * Theme Name: Construction Child
 * Theme URI: https://landing.themes.krucial.com.au/construction
 * Template: construction
 * Author: Krucial
 * Author URI: https://themeforest.net/user/krucialau
 * Description: Construction - WordPress Theme for Construction, Building and Architecture businesses.
 * Version: 1.2
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain: constructionchild
 * Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, sticky-post, translation-ready
 */

/**
 * Theme customization starts here
 * ----------------------------------------------------------------------------- */

/* CUSTOM CLASSES */
.wl-valign-middle .row {
  display: flex;
  align-items: center;
}
.wl-nomargin {
  margin: 0;
}

/* HOME */
.wl-service h2 {margin-bottom: 5px;}
.wl-service h4 {font-weight: 100;margin-bottom: 10px;}

/* FOOTER */
body > .copyright {display: none;}
.main-footer a {
  color: #ffffff;
}
.main-footer a:hover {
  text-decoration: underline;
}
.wl-footer-logo {
  margin: 0;
}
.wl-footer-logo > figure {
  margin: 0 auto!important;
}

.main-footer .wp-block-social-links {
  margin: 0!important;
}
.main-footer .wp-block-social-links .wp-social-link a {
  padding: 0;
}

/* MASONRY */
.wl-masonry .wpb_image_grid_ul {
  height: auto!important;
  transition: all .5s ease-in-out;
  column-gap: 30px;
  column-fill: initial;
}

/* Masonry item */
.wl-masonry .wpb_image_grid_ul .isotope-item {
  margin: 0!important;
  display: inline-block; /* Fix the misalignment of items */
  vertical-align: top; /* Keep the item on the very top */
  position: initial!important;
  left: unset!important;
  top: unset!important;
  right: unset!important;
  bottom: unset!important;
  float: none!important;
}

/* Masonry image effects */
.wl-masonry .wpb_image_grid_ul .isotope-item img {
  transition: all .5s ease-in-out;
  backface-visibility: hidden; /* Remove Image flickering on hover */
  margin-bottom: 30px;
}

.wl-masonry .wpb_image_grid_ul .isotope-item:hover img {
  opacity: .75;
}

/* Masonry on tablets */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .wl-masonry .wpb_image_grid_ul {
    column-count: 2;
  }
}

/* Masonry on big screens */
@media only screen and (min-width: 1024px) {
  .wl-masonry .wpb_image_grid_ul {
    column-count: 3;
  }
}