/*----------------------------------------------
*
* [Elementor Stylesheet]
*
* Theme    : Nexgen
* Version  : 1.0
* Author   : Codings
* Support  : codings.dev
* 
----------------------------------------------*/

/*----------------------------------------------

[ALL CONTENTS]

1. General
2. Glutter
3. Conflict

----------------------------------------------*/

/*----------------------------------------------
1. General
----------------------------------------------*/

/* #region General */

@media (max-width: 576px) {

  .elementor-widget-container h1,
  .elementor-widget-container h1 b,
  .elementor-widget-container h1 u {
    font-size: 2.5rem ! important;
    /* ! important is necessary to theme settings work well. */
  }

  .elementor-widget-container h2,
  .elementor-widget-container h2 b,
  .elementor-widget-container h2 u {
    font-size: 1.8rem ! important;
    /* ! important is necessary to theme settings work well. */
  }

  .elementor-widget-container h4 {
    font-size: 1.2rem ! important;
    /* ! important is necessary to theme settings work well. */
  }

  /* TODO: Elementor button widget was not centering, so we discontinued this snippet.
    .elementor-widget-nxg-button .btn.button {
    margin-right: auto;
  } */
}

/* #endregion General */

/*----------------------------------------------
2. Glutter
----------------------------------------------*/

/* #region Glutter */

.elementor-section .elementor-container.elementor-column-gap-extended {
  margin-left: -15px;
  margin-right: -15px;
}

.elementor-section .elementor-container.elementor-column-gap-wide {
  margin-left: -20px;
  margin-right: -20px;
}

.elementor-section .elementor-container.elementor-column-gap-wider {
  margin-left: -30px;
  margin-right: -30px;
}

/* #endregion Glutter */

/*----------------------------------------------
3. Fix
----------------------------------------------*/

/* #region Fix */

.elementor-widget-container .carousel {
  margin-left: -30px ! important;
  margin-right: 0 ! important;
}

.elementor-widget-container .showcase {
  margin-left: -15px;
  margin-right: -15px;
}

.elementor-widget-container .blog-grid {
  margin-left: -15px;
  margin-right: -15px;
}

.elementor-widget-container .gallery.items {
  margin-left: -15px;
  margin-right: -15px;
}

.lg-on .elementor-lightbox {
  display: none ! important; 
}

/* #endregion Fix */