/**
Theme Name: Innotech Cloud Child
Author: Kashif Fazal
Author URI: https://innotechcloud.com/
Description: 
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: astra-child-salesharpa
Template: astra
*/

/*Variables*/
:root {
  --icon-1-url: url('https://salesherpa.ca/wp-content/uploads/2024/06/bullet-2.webp');
  --icon-1-url-hover: url('https://salesherpa.ca/wp-content/uploads/2024/06/bullet-1.webp');
  --icon-2-url: url('https://salesherpa.ca/wp-content/uploads/2024/07/bullet-4.webp');
  --icon-2-url-hover: url('https://salesherpa.ca/wp-content/uploads/2024/07/bullet-3.webp');
}

/*Custom*/
.cw-imp {
  color: #fff !important
}
.color-secondary{
  color: var(--ast-global-color-1) !important;
}

/*Header Menu*/
.main-menu-hover-effects
.hfe-pointer__underline.hfe-animation__slide .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after,
.main-menu-hover-effects
.hfe-pointer__underline .menu-item.parent a.hfe-menu-item:after{
  content: '';
    bottom: 0;
    width: 33% !important;
    left: 49%;
    border-radius: 16px;
    height: 4px;
}

/*Slider & Carousal*/
.mail-slider ul.slick-dots{
  margin-top:50px !important;
}
.mail-slider ul.slick-dots li{
  width:14px !important;
  height:10px !important;
}
.premium-carousel-dots-below ul.slick-dots .slick-active{
  border: 1px solid var(--ast-global-color-1);
  border-radius: 50px;
  background: #fff;
}
.reverse  ul.slick-dots{
  margin-top:60px !important;
}
.reverse .premium-carousel-dots-below ul.slick-dots .slick-active{
  border: 1px solid var(--ast-global-color-2);
}

.swiper-pagination-horizontal{
  display:flex;
  align-items: center;
  justify-content: center;
  bottom: -30px !important;
}
.swiper-pagination-bullets .swiper-pagination-bullet-active{
  border: 5px solid white;
  padding: 4px !important;
  outline: 1px solid var(--ast-global-color-2);  
}
/* swiper-pagination-bullet-active */


/*Contact Form 7*/
label{margin-bottom: 0px;}
input[type="text"], input[type="email"],input[type="tel"], input[type="password"], input[type="tel"], input[type="url"], input[type="date"], textarea {margin-bottom:0px}
select:not([multiple]){width:100%;padding:9px 48px 10px 18px;}
.wpcf7-submit{margin-bottom:0px !important}
.wpcf7-spinner{position: absolute;right: -15px;bottom: 10px;z-index: 10;}
.wpcf7-not-valid-tip {display: none;}
.wpcf7-not-valid {
  border: 1px solid red !important;
  background: #ff000030 !important;
}
.wpcf7-response-output {
  margin: 0;
  padding: 5px 10px;
  font-size: 12px;
  border: 1px solid red;
  border-radius: 5px;
  background: #ffffffbf;
}
.text-area-cus{min-height: unset;height: 127px !important;}
.wpcf7-form-control-wrap{position: unset;}

.submit-btn .wpcf7-submit{
  width:100%;
  min-height: 50px;
}

/*Contact Form 7 - Custon Footer Styles*/
.contact-form-cus input[type="text"],
.contact-form-cus  input[type="email"],
.contact-form-cus  input[type="tel"],
.contact-form-cus  textarea{
  border-radius: 30px;
  padding:27px 20px !important;
  resize: none;
}
.contact-form-cus .submit-btn-footer{
  margin-top: -80px;
  text-align: center;
}



/*Contact Form 7 - Side by Site field classes*/
.one-full{
  width:100%;
  margin-bottom: 12px !important;
}
.one-half, .one-third, .one-third-double, .one-fourth, .one-third-col{
  position: relative;
  margin-right: 2%;
  float: left;
  margin-bottom: 31px !important;
  /* min-height: 75px; */
}
.one-half { width: 49%; }
.one-third { width: 30.66%; }
.one-third-col { width: 73.32%; }
.one-fourth { width: 22%; }
.one-third-double { width: 61.32%; }
.last {margin-right: 0 !important;clear: right;}
@media only screen and (max-width: 767px) {.one-half, .one-third, .one-third-double, .one-fourth, .one-third-col{width: 100%;margin-right: 0;}}
.text-area-cus{min-height: unset;height: 127px !important;}
/* .wpcf7-form label span{color:red} */
.one-full p, .one-half p, .one-third p, .one-fourth p, .one-third-col p, .one-third-double p {margin-bottom: 0px;}


/*Welcome Section Box*/
.welcome-box .elementor-widget-button{
  transition: all 320ms;
  opacity: 0;
  height: 0px;
  margin-top: -15px;
}
.welcome-box:hover {
  background-color: var(--ast-global-color-0) !important;
  color:#fff;
}
.welcome-box:hover .elementor-heading-title{
  color:#fff !important;
}
.welcome-box:hover .elementor-widget-button{
  opacity: 1;
  height: 35px;
  margin-top: 0px;
}
.welcome-box .elementor-button-icon{
  fill: #000;
  font-size: 10px;
  position: relative;
  top: 2px;
}

.welcome-box.btn-full .elementor-widget-button{
  width:100%;
}

@media only screen and (max-width: 767px){
  .welcome-box .elementor-widget-button{
    height: 20px;
  }
}

.welcome-box ul.custom-bullets {
  list-style-type: none; /* Remove default bullets */
  padding-left: 20px; /* Add some padding for the custom bullets */
}

.welcome-box ul.elementor-icon-list-items li,
.list-with-image-icon ul.elementor-icon-list-items li,
.list-with-image-icon-w ul.elementor-icon-list-items li {
  background: var(--icon-1-url) no-repeat left 5px; /* Set the image as the bullet */
  /* background-size: 16px 16px; Adjust the size of the bullet image */
  padding-left: 24px; /* Add padding to create space for the image */
}
.welcome-box:hover ul.elementor-icon-list-items li{
  background: var(--icon-1-url-hover) no-repeat left 5px;
}







.list-with-image-icon ul.elementor-icon-list-items li {
  background: var(--icon-2-url) no-repeat left 5px; /* Set the image as the bullet */
}
.list-with-image-icon-w ul.elementor-icon-list-items li {
  background: var(--icon-2-url-hover) no-repeat left 5px; /* Set the image as the bullet */
}


/*Our Wok Carousal*/
.premium-adv-carousel__inner-container{
  overflow: hidden !important;
}
.flipster__item--current .flipster__item__content{
  transform: scale(1.4);
}

@media only screen and (max-width: 767px) {
  .flipster__item--current .flipster__item__content{
    transform: scale(0.75);
  }
}


/*Blog Archive*/
/* .ast-page-builder-template .ast-article-post{
  margin-bottom: 20px !important;
}
.ast-blog-layout-5-grid .post-content{
  padding: 20px !important;
  padding-bottom: 10px !important;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.ast-container .ast-blog-layout-5-grid{
  padding-top: 20px !important;
}

.widget-area .wp-block-heading{
  margin-bottom:10px !important
} */

/* .swiper-slide{
  border:2px solid red !important;
} */




/*Blog Single*/
/* .wp-post-image{
  width: 100%;
} */