/* ===================================================================================

* Theme Name: Sasup Child
* Theme URI: https://themeforest.net/user/bdevs/portfolio
* Author: Bdevs
* Author URI: https://codeskdhaka.com/wp/sasup/
* Description: Sasup - Sass Landing WordPress Theme
* Version: 1.0.0
* Template: sasup
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of future updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/
====================================================================================== */
.directorist-single {
 padding-top: 90px;
}
.directorist-details-info-wrap .directorist-single-info .directorist-single-info__value.logo-wrapper {
  width: 40%;
  flex: none;
  margin: 20px auto;
}
.textwidget.custom-html-widget .newsletter-form button,
.custom-subscribe .gform_footer .gform_button {
  border: 50px;
  font-size: 15px;
  margin: 0 !important;
  overflow: hidden;
  font-weight: 500;
  background: #2f75ff;
  color: #fff;
  border-radius: 4px;
  display: inline-block;
  padding: 0 25px;
  position: relative;
  line-height: 50px;
  width: 100%;
  height: 50px;
  box-shadow: 0px 10px 20px 0px rgba(6, 44, 120, 0.2);
  text-decoration: none;
  background-color: #ff2f5f;
}
.textwidget.custom-html-widget .newsletter-form button::after,
.custom-subscribe .gform_footer .gform_button::after {
  background-color: #fff;
  content: "";
  height: 150px;
  left: -75px;
  position: absolute;
  top: -35px;
  transform: rotate(35deg);
  transition: all 1600ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 40px;
  opacity: 0;
}
.textwidget.custom-html-widget .newsletter-form button:hover,
.custom-subscribe .gform_footer .gform_button:hover {
  background-color: #00b8f0;
}
.textwidget.custom-html-widget .newsletter-form button:hover::after,
.custom-subscribe .gform_footer .gform_button:hover::after {
  left: 120%;
  transition: all 1300ms cubic-bezier(0.19, 1, 0.22, 1);
  opacity: 0.25;
}
.custom-subscribe .gform_heading .gform_title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 24px;
  color: #0a1426;
  line-height: 1.2;
  font-family: 'Poppins';
}
.textwidget.custom-html-widget .newsletter-form form {
  display: grid;
  gap: 15px;
}
.newsletter-follow .social-follow a {
  border: 2px solid #f52e5f;
  margin-bottom: 8px;
  color: #fff;
  background-color: #f52e5f;
}
*, ::after, ::before {
  box-sizing: border-box !important;
}
.install-section {
  border-radius: 10px 10px 10px 10px;
  box-shadow: -5px 0px 10px 5px rgba(0, 0, 0, 0.05);
  padding: 30px;
 /* width: 50% !important;*/
  margin: 0 auto;
}
.install-section .elementor-widget-wrap {
  width: 50%;
  margin: 0 auto;
}
.install-section .form-control {
  padding: 12px 190px 12px 15px;
}
.install-section .form-control:active,
.install-section .form-control:focus {
  outline: none;
  box-shadow: none;
  border-color: #ced4da;
}
.install-group {
  position: relative;
}
#myshopifyText {
  font-size: 15px;
  color: #000;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  margin-bottom: 0;
}
#installBtn a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
}
#installError {
  margin-top: 4px;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 0;
  display: none;
}
#mainInstallWrapper .elementor-widget-wrap .elementor-element {
  margin-bottom: 0;
}

@media(max-width: 768px) {
  .install-section {
    width: 95% !important;
  }
  .install-section .elementor-element .elementor-widget-container h4 {
    font-size: 20px;
  }
  .install-section .form-control,
  .install-section .form-control::placeholder {
    padding: 12px 110px 12px 15px;
    font-size: 12px;
  }
  #myshopifyText {
    font-size: 12px;
  }
}