/**
Theme Name: XSLiquidations
Author: KawsarAhmed
Author URI: https://urldev.com/kawsarahmed
Description: This is a child theme of ASTRA. The child theme specially created for the website \"xsliquidations.ca\". Please do not cpy this theme for other website. If you use this child theme then you may be loss something or your website may break.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: xsliquidations
Template: astra
*/
/*Must need to use this css if added this gallery on elementor page builder */
/*#elementor-lightbox-slideshow-single-img{*/
/*  display: none;*/
/*  opacity: 0;*/
/*  z-index: -99;*/
/*}*/

.revGallery-anchor, .gal-overlay, .nak-gallery-poster{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.revGallery-anchor{
    overflow: hidden;
    position: relative;
    width: calc(96% / 4);
    display: block;
    float: left;
    border: 5px solid #e9e9e9;
    margin: 0.5%;
}
.gal-overlay{
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(27,27,27, 0);
    position: absolute;
    top: 0;
    left: 0;
    transition: background .4s ease;
    -webkit-transition: background .4s ease;
}
.revGallery-anchor:hover .gal-overlay{
    background: rgba(27,27,27, 0.3);
}

.nak-gallery {
display: block;
width: 100%;
position: relative;
margin-top: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.nak-gallery a{
  text-align: center;
}
.nak-gallery-poster{
padding-bottom:100%;
transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transition: all .4s ease;
-webkit-transition: all .4s ease;
}

.revGallery-anchor:hover .nak-gallery-poster{
transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
}

.img-responsive{
/* display:none; */
}
.xslgallery-controls{
    display: flex;
    justify-content: center;
    gap: 5px;
    flex-wrap: wrap;
}
.xslgallery-controls .button{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  border: 1px solid var(--ast-global-color-0);
  background-color: var(--ast-global-color-0);
  border-radius: 2px;
  color: #fff;
  padding: 8px 15px;
}
.xslgallery-controls .button:hover {
  border-color: var(--ast-global-color-1);
  background-color: var(--ast-global-color-1);
  /*text-shadow: 0 1px hsla(0, 0%, 100%, 0.5);*/
  color: var(--ast-global-color-0);
}
.xslgallery-controls .button:active,
.xslgallery-controls .button.is-checked {
  border-color: var(--ast-global-color-1);
  background-color: var(--ast-global-color-1);
}
.xslgallery-controls .button.is-checked {
  color: var(--ast-global-color-0);;
  /*text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8);*/
}
.xslgallery-controls .button:active {
  box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);
}
.revGallery-anchor-width1{
width: 40%
}
.revGallery-anchor-width2{
width: 30%
}
.revGallery-anchor-width3{
width: 20%
}
.nak-gallery-height1{
padding-bottom: 400px
}
.nak-gallery-height2{
padding-bottom: 300px
}
.nak-gallery-height3{
padding-bottom: 200px
}
.preloader{
display: none;
}
.preloaderStyle{
background: red;
width: 100%;
height: 100px;
}
@media (max-width:767.99px){
    .revGallery-anchor{
        width: calc(97% / 3);
        margin: 0.5%;
        border: 3px solid #e9e9e9;
    }
    .xslgallery-controls {
        justify-content: flex-start;
    }
}