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

 Theme Name:   Sheikh
 Theme URI:    https://sheikh.tadsheen.online/
 Description:  A Fashion Store child theme of Divi created by Creative Solutions.
 Author:       Creative Solutions
 Author URI:   https://csoman.net/
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/


/*
 * Menu Styles
 */
.lable-hot {
    background: #cc0000 none repeat scroll 0 0;
    border-radius: 1px;
    color: #fff;
    font-size: 10px;
    font-weight: 300;
	text-transform: uppercase;
    left: 50%;
    padding: 0 5px;
    position: absolute;
    top: -20px;
    z-index: 9;
}

.lable-hot:before {
    border-color: #cc0000 transparent #fff;
    border-style: solid;
    border-width: 6px 4px 0 0;
    bottom: -6px;
    content: "";
    left: 6px;
    position: absolute;
}
/*
 * Slider Animation
 */

.et_pb_slide_content > h1, .et_pb_button_wrapper, .et_pb_slide_content > p {
    transition:transform 0.5s;
}

.et_pb_slide_content > h1 {
    animation:slideBounceInDown 2000ms ease-in-out;
}

.et_pb_slide_content > p {
    animation:slideBounceInDown 2200ms ease-in-out;
}

.et_pb_button_wrapper {
    animation:slideBounceInDown 2600ms ease-in-out;
}

@keyframes slideBounceInDown{0%{opacity:0;transform:translateY(-2000px);}
  60%{opacity:1;transform:translateY(30px);}
  80%{transform:translateY(-10px);}
  100%{transform:translateY(0);}
}


/*
 * About us style teams
 */

.et_pb_team_member_description {	
	opacity: 0;
	position: absolute;	
	bottom: 15px;
  left: 15px;
}
.et_pb_social_media_follow li a {
    text-align: left;
		bottom: 10px;
}


.et_pb_team_member:hover  .et_pb_team_member_description {
	opacity: 1;
	visibility: visible;
	transition: all 0.25s linear;
}

.et_pb_member_social_links a {
	color: #fff;
}

.entry-content .et_pb_member_social_links {
    list-style-type: none!important;
    margin-top: 10px;
    padding: 0;
}

/*Portfolio tab*/
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {

	border: 0px solid #e2e2e2 !important;
}

.et_pb_portfolio_filters.clearfix {
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 600px) {
 
.et_mobile_nav_menu {
    margin: 0px !important;
}

}


@media screen and (max-width: 980px) and (min-width: 768px) {
/*.et_pb_menu--style-centered .et_pb_menu__menu>nav>ul, .et_pb_menu--style-centered .et_pb_menu__wrap {
	justify-content: left!important;}*/

}


.et_pb_image_container {
    margin-left: 0;
}


.shopping-cart-li {
position:relative;
top:0px;
}

.shopping-cart-li a {
background: red;
}


/*SHOPPING CART ICON*/
.shopping-cart-li {
position:relative;
top:0px;
}

.shopping-cart-li a {
background: red;
}

.cart-contents {
position: relative;
}

.cart-contents {
background: url('https://sheikh.tadsheen.online/wp-content/uploads/2022/12/shopping-bag-_3_-300x300-1.webp') !important;
display: inline-block;
height: 26px !important;
width: 26px !important;
vertical-align: -5px;
background-size: 26px 26px!important;
background-repeat: no-repeat!important;
margin-top: 0px;
left:-3px;

}

.cart-contents:hover {
text-decoration: none;
}

.cart-contents-count {
position: absolute;
top: -9px;
right: 65px;
font-family: sofia-pro, sans-serif;
font-weight: normal;
font-size: 12px;
line-height: 22px;
height: 22px;
width: 22px;
vertical-align: middle;
text-align: center;
color: #fff;
background:#d6001c;
border-radius: 50%;
padding: 0px;
} 

span.get_cart_total\(\) {
    color: black!important;
}

.wpf_slider.ui-slider .ui-widget-header {
    background: #000!important;
}

.tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-custom img, a.wishlist_products_counter.top_wishlist-custom img, span.wishlist_products_counter.top_wishlist-custom img {
    display: inline-block !important;
    vertical-align: baseline;
    width: auto !important;
    max-width: 26px;
    max-height: 26px;
    margin: 0 15px 0 0 !important;
}

.wishlist_products_counter_number{
   width: 22px;
    height: 22px;
    font-size: 12px;
    line-height: 22px;
    position: absolute;
    border-radius: 12px;
    display: block;
    top: -30px;
    left: 18px!IMPORTANT;
    bottom: 0;
    margin: auto;
    text-align: center;
    box-shadow: 1px 1px 3px 0 rgb(0 0 0 / 15%);
    color: #fff!important;
    background-color: #d6001c!important;
}



/*overlay products*/
.et_pb_wc_related_products .et_overlay,.et_pb_shop span.et_overlay {
  display:none!important;
}

/*To Style the Add to Cart button in the Shop Module*/
.et_pb_shop a.button.add_to_cart_button, .et_pb_shop a.button.product_type_simple, .et_pb_shop a.button.product_type_grouped, .et_pb_shop a.button.product_type_external{
    background-image: linear-gradient(151deg,#1d211d 38%,#1d211d 100%);
    padding: 6px 15px;
    color: #fff !IMPORTANT;
    border-radius: 5px;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
	transition:.2s ease;
	text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
	

}

/*This will remove the Hover Icon from Shop Module Add to Cart buttons*/
.woocommerce a.button.add_to_cart_button:after, a.button.product_type_simple:after, a.button.product_type_grouped:after, a.button.product_type_external:after{
	display:none;
}

/*Hover Styling for the Shop Module Add to Cart button*/
.et_pb_shop a.button.add_to_cart_button:hover, .et_pb_shop a.button.product_type_simple:hover, .et_pb_shop a.button.product_type_grouped:hover, .et_pb_shop a.button.product_type_external:hover{
	box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.3);
	transform:translate(0%,-7%)
		
}

/*To hide the View Cart button in Shop Module when product is added to cart*/
.woocommerce a.added_to_cart{
	display:none;
}

/*Adjustment to Wishlist Button in Shop Module*/
ul.products li.product .tinvwl_add_to_wishlist_button {
    margin-top: 1em;
    position: absolute !important;
    top: 10px !important;
    right: 15px;
}
/*Styling the Wishlist Icon in the Shop Module*/
.et_pb_shop li.product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart:before,a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.tinvwl-position-after.tinvwl-loop:before{
	color: #fff;
    background: #1d211d;
    border-radius: 100px;
    font-size: 18px;
    padding: 6px 6px;
    position: relative;
    right: 6px;
    transition: .2s ease;
}
/*Hover styling for the Wishlist Icon in Shop Module*/
.et_pb_shop li.product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart:hover:before, .et_pb_shop li.product a.button.yith-wcqv-button:hover:after,a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.tinvwl-position-after.tinvwl-loop:hover:after{
	transform:scale(1.05) !important;
	box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.3);
	background:#1d211d !Important;
}
/*Adjusting the Wishlist text that shows on hover*/
.et_pb_shop li.product .tinvwl_add_to_wishlist-text, 
.et_pb_shop li.product .tinvwl_already_on_wishlist-text,span.tinvwl_add_to_wishlist-text{
 font-family: sans-serif;
position: absolute;
left: -50px;
top: -39px;
z-index: 1;
transition: none!Important;
font-size: 10px;
text-align: center;
background: #1d211d;
color: #fff;
padding: 2px 7px;
border-radius: 3px;
font-weight: 600 !important;
letter-spacing: 1px;
box-shadow: 0px 3px 15px #00000036;
width: 135px;
}
/*This will hide the wishlist text in normal state*/
.et_pb_shop li.product .tinvwl_add_to_wishlist-text, .et_pb_shop li.product .tinvwl_already_on_wishlist-text,span.tinvwl_add_to_wishlist-text{
	visibility:hidden !Important;
}
/*This will show the Wishlist Text on Icon Hover*/
.et_pb_shop li.product .tinvwl_add_to_wishlist_button.tinvwl-icon-heart:hover .tinvwl_add_to_wishlist-text, .et_pb_shop li.product .tinvwl_add_to_wishlist_button.tinvwl-icon-heart:hover .tinvwl_already_on_wishlist-text,span.tinvwl_add_to_wishlist-text:hover{
	visibility:visible !important;
}

/*This will add hover effect to Shop Module Product Cart*/
.et_pb_shop li.product:hover{
	transform:scale(1.02);
	box-shadow:0px 10px 40px #eee;
}
/*To add transition to the hover effect*/
.et_pb_shop li.product{
    transition:.2s ease;
	padding:15px !important;
	border-radius:7px;
}
/*This will hide the Wishlist Icon in Normal state*/
.et_pb_shop .tinvwl-icon-heart{
	opacity:0;
}
/*This will add an animation delay for heart icon*/
.et_pb_shop li.product:hover .tinvwl-icon-heart{
	animation-delay:100ms !important
}

/*The Fade in Bottom Animation for  "Wishlist" Icon*/
.et_pb_shop li.product:hover .tinvwl-icon-heart{
	opacity:1;
	-webkit-animation: fade-in-bottom 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-bottom 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

/*Keyframes for the Fade In Bottom Animation*/

@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}


/*Styling the Wishlist popup*/
/*Changing Heart Icon color*/
.icon_big_heart_check::before {
    color: #1d211d;
}


.woocommerce .quantity input.qty, .woocommerce-cart table.cart td.actions .coupon .input-text {
	border-radius: 6px 6px 6px 6px;
    overflow: hidden;
    border-width: 1px!important;
	border-radius:6px;
	background-color:white;
	padding:7px;
}
/*styling for all the Buttons*/

.woocommerce a.button,.woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce-page #payment #place_order, .woocommerce-form-login .woocommerce-form-login__submit, .checkout_coupon button, .woocommerce-form-register__submit, a.button.view, a.woocommerce-MyAccount-downloads-file.button,.tinvwl_added_to_wishlist.tinv-modal button.button,.woocommerce button.button,.woocommerce #review_form #respond .form-submit input{
	background-image: linear-gradient(151deg,#1d211d 38%,#1d211d 100%)!important;
    color: #fff !important;
    padding: 8px 20px !important;
    border-radius: 0px!important;
    transition: .2s ease !important;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700!important;
		border-width:0px!important;

}
/*Hover styling for all the Buttons*/
.woocommerce .cart .button:hover, .woocommerce .cart input.button:hover, a.button.checkout-button:hover, .woocommerce-page #payment #place_order:hover,  .woocommerce-form-login .woocommerce-form-login__submit:hover, .checkout_coupon button:hover, .woocommerce-form-register__submit:hover, a.button.view:hover, a.woocommerce-MyAccount-downloads-file.button:hover, .tinvwl_added_to_wishlist.tinv-modal button.button:hover,.woocommerce a.button:hover,.woocommerce #review_form #respond .form-submit input:hover{
	background-image: linear-gradient(151deg,#1d211d 0%,#1d211d 100%);
    padding: 8px 20px;
    box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.2);
	transform:translate(0%,-5%);
}

/*To remove the hover icon on all buttons*/
.woocommerce .cart .button:after, .woocommerce .cart input.button:after, a.button.checkout-button:after, .woocommerce-page #payment #place_order:after, .woocommerce-form-login .woocommerce-form-login__submit:after, .checkout_coupon button:after, a.button.view:after, a.woocommerce-MyAccount-downloads-file.button:after,.tinvwl_added_to_wishlist.tinv-modal button.button:after,.woocommerce button.button:after,a.button.wc-backward:after{
    display:none !important;
}

div#page-container {
    overflow: hidden!important;
} 

.preloader {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #fefefe;
   z-index: 100000;
   height: 100%;
   width: 100%;
   overflow: hidden !important;
}
.preloader .status {
   width: 100px;
   height: 100px;
   position: absolute;
   left: 50%;
   top: 50%;
   background-image: url(https://sheikh.tadsheen.online/wp-content/uploads/2022/12/Spinner-1s-71px.gif);
   background-repeat: no-repeat;
   background-position: center;
   -webkit-background-size: cover;
   background-size: cover;
   margin: -50px 0 0 -50px;
}


.cartpops-cart--items-indicator-bubble .cartpops-cart__toggle .cartpops-cart__container-counter {
    border-radius: 64px;
    font-size: 12px;
    font-weight: 500;
    height: 22px;
    line-height: 22px;
    right: -24px;
    top: -25px;
    width: 22px;
}

.cartpops-cart__toggle .cartpops-cart__container {
	padding:0px 5px!important;
}

.cartpops-cart__toggle .cartpops-cart__container-icon i.my-custom-icon {
  background: url("https://sheikh.tadsheen.online/wp-content/uploads/2022/12/shopping-bag-_3_-300x300-1.webp");
  height: 25px;
  width: 25px;
  display: block;
  background-size: contain;
}


@media only screen and (max-width: 767px){
  #cpops-floating-cart{
	bottom:105px!important;
}
	
	.woocommerce a.button,.woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce-page #payment #place_order, .woocommerce-form-login .woocommerce-form-login__submit, .checkout_coupon button, .woocommerce-form-register__submit, a.button.view, a.woocommerce-MyAccount-downloads-file.button,.tinvwl_added_to_wishlist.tinv-modal button.button,.woocommerce button.button,.woocommerce #review_form #respond .form-submit input{
    font-size: 6px!important;
}
}

  /* ### menu text for menu with theme builder ### */
.et_mobile_nav_menu:before {
    content: 'Categories';
    font-size: 13px;
    position: relative !important;
    color: #000000;
	top:3px;
	margin-right:10px;
	
}



  .et_pb_menu .et_mobile_menu .menu-item-has-children > a,
#main-header .et_mobile_menu .menu-item-has-children > a {
    background-color: transparent;
    position: relative;
}

.et_pb_menu .et_mobile_menu .menu-item-has-children > a:after, #main-header .et_mobile_menu .menu-item-has-children > a:after {
    font-family: 'ETmodules';
    text-align: center;
    speak: none;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    font-size: 18px;
    content: '\4c';
    top: 11px;
    right: 13px;
}

.et_pb_menu .et_mobile_menu .menu-item-has-children.visible > a:after,
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after {
    content: '\4d';
}

.et_pb_menu .et_mobile_menu ul.sub-menu,
#main-header .et_mobile_menu ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu li ul.sub-menu {
    visibility: hidden !important;
    max-height: 0;
    overflow: hidden;
    transition: all 0.7s ease-in-out;
}

.et_pb_menu .et_mobile_menu li.visible > ul.sub-menu,
#main-header .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l #main-header .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_fullwidth_menu .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu li.visible > ul.sub-menu {
    visibility: visible !important;
	max-height: 500px;
}
  

.et_mobile_menu {   
    overflow-y:scroll!important;
    max-height:80vh!important;
    -overflow-scrolling:touch!important;
    -webkit-overflow-scrolling:touch!important;
}

.et_pb_scroll_top.et-pb-icon{
	bottom:165px!important;
}