/*
Theme Name: iCenter
Theme URI: https://www.futureworld.org/
Template: hello-elementor
Author: Superseed
Author URI: https://superseedstudio.com
Version: 1.1637840863
Updated: 2021-11-25 13:47:43

*/

:root {
	--color-green: #00CC99;
	--color-black: #000000;
	--color-white: #ffffff;
}

/* Global Padding */

.pad-left-right {
	padding-left: 2rem;
	padding-right: 2rem;
}

.pad-left-right-more {
	padding-left: 8rem;
	padding-right: 8rem;
}

.pad-big-top-bottom {
	padding-top: 6rem;
	padding-bottom: 6rem;
}

.pad-top-bottom {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.pad-sm-top-bottom {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.pad-sm-top-big-bottom {
	padding-top: 1rem;
	padding-bottom: 6rem;
}

/* Global Buttons */

.btn-ghost-wht a {
	color: var(--color-white) !important;
	background-color: transparent;
	border-bottom: 1px solid var(--color-white);
	border-radius: 0;
	font-weight: 600;
	padding: 0 0 10px 0;
	transition: all 350ms ease-in-out;
}

.btn-ghost-wht a:hover{
	transform: translatex(5px);
}

.btn-ghost-blk a{
	color: var(--color-black) !important;
	background-color: transparent;
	border-bottom: 1px solid var(--color-black);
	border-radius: 0;
	font-weight: 600;
	padding: 0 0 10px 0;
	transition: all 350ms ease-in-out !important;
}

.btn-ghost-blk a:hover {
	transform: translatex(5px);
}

#fill-btn:hover .bdt-ep-button-icon-inner {
	content: url("icenter/wp-content/uploads/2022/02/icon-white-arrow-right.svg");
	position: relative;
	z-index: 10;
}

/* Home */

.home-banner-listing .jet-listing-grid__slider .jet-slick-dots {
	position: absolute;
	bottom: 0;
	z-index: 10;
	justify-content: flex-start;
	padding: 0 7rem 2rem;
}

.home-banner-listing .jet-listing-grid__slider .jet-slick-dots li {
	border-radius: 0;
	border: 1px solid var(--color-white);
}


.testimonial-listing-grid .jet-listing-grid__slider .jet-slick-dots li {
	border-radius: 0;
}

#input_1_1 {
	border-radius: 0;
	border: 1px solid var(--color-black);
}

#field_1_2 button{
	background-color: var(--color-green);
	border: 1px solid var(--color-green);
	color: var(--color-white);
	font-weight: 600;
	text-transform: uppercase;
	border-radius: 0;
	width: 100%;
}

#field_1_2 button:hover {
	background-color: var(--color-white);
	color: var(--color-green);
}

/* Single Product */

.product-specification .jet-listing-dynamic-repeater__items {
	display: flex;
	flex-direction: column;
}

.elementor-widget-wc-add-to-cart .quantity .qty, .woocommerce div.product.elementor .quantity .qty {
	border-radius: 0;
	border: 1px solid #00000040;
}

.elementor-332 .elementor-element.elementor-element-a1371dc > .elementor-widget-container > .jet-tabs > .jet-tabs__content-wrapper {
	margin-top: -2px !important;	
}

.single_add_to_cart_button:hover .elementor-button-icon {
	content: url("icenter/wp-content/uploads/2022/02/icon-green-arrow-right.svg");
	position: relative;
	z-index: 20;
	width: 1em;
	padding-top: 3px;
}

/* Contact Page */

#input_2_3,
#input_2_4{
	border-radius: 0;
}

/* Cart */

.elementor-widget-woocommerce-cart .woocommerce .wc-proceed-to-checkout .checkout-button,
.elementor-widget-woocommerce-cart .woocommerce button.button,
.return-to-shop a{
	font-weight: 600;
    text-transform: uppercase;
    background-color: var(--color-green)!important;
    border-style: solid!important;
    border-width: 1px 1px 1px 1px!important;
    border-color: var(--color-green) !important;
	color: var(--color-white) !important;
	border-radius: 0 !important;
}

.elementor-widget-woocommerce-cart .woocommerce .wc-proceed-to-checkout .checkout-button:hover,
.elementor-widget-woocommerce-cart .woocommerce button.button:hover{
	background-color: var(--color-white) !important;
	color: var(--color-green) !important;
	
}

/* Checkout */

.page-id-24 input,
.page-id-24 textarea,
.page-id-23 input,
.page-id-25 input{
	border: 1px solid var(--color-black) !important;
	background-color: var(--color-white) !important;
	color: var(--color-black) !important;
	border-radius: 0 !important;
}

.cart-subtotal,
.order-total {
	font-size: 20px;
}

/* Footer */

.nav-hover a:active
.nav-hover a:hover{
	font-weight: 600 !important;
}

.nav-hover a {
	display: inline-block !important;
}


/* Product Listing Card button */



.btn-container {
	width: 220% !important;
	transform: translatey(90px);
	background: linear-gradient(to left, transparent 50%, var(--color-green) 50%) right;
	background-size: 200%;
	transition: transform 350ms ease-in-out;
	color: var(--color-white) !important;
}

.btn-container p {
	transition: all 350ms ease-in-out;
}

.btn-container:hover p{
	transform: translatex(5px) !important;
}

.prod-card-container:hover .btn-container {
	background-position: left;
	background: var(--color-green);
	transform: translatey(0);
    padding: 1rem 0 1rem 2rem;
    position: absolute;
    bottom: -7.5%;
    left: -11%;
}

.single-product .prod-card-container:hover .btn-container {
	left: -15%;
}

.single-product .btn-container img {
	display: inline-block;
}

.prod-card-container:hover .btn-container p {
	color: var(--color-white);
	padding-left: 10px;
}

.prod-card-container:hover .btn-container img {
	padding-left: 15px;
}

/* MEDIA QUERIES */

@media only screen and (max-width: 425px) and (min-width: 320px) {
	.elementor-101 .elementor-element.elementor-element-00841cd:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-101 .elementor-element.elementor-element-00841cd > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer {
		background-size: 60vw auto !important;
	}
	
	.btn-container-mobile  {
		left: -15% !important;
		bottom: -9% !important;
	}
	
	.make-me-fifty {
		width: 50% !important;
		max-width: 50% !important;
	}
	
/* 	.change-me-width-sixty {
		width: 60% !important;
		max-width: 60% !important;
	}
	
	.change-me-width-ninty {
		width: 90% !important;
		max-width: 90% !important;		
	}
	
	.change-me-width-fourty {
		width: 40% !important;
		max-width: 40% !important;				
	} */
	
	.make-me-twenty-five h2{
		font-size: 25px !important;
	}
	
	.elementor-393 .elementor-element.elementor-element-294ab338 > .elementor-container,
	.elementor-393 .elementor-element.elementor-element-551ff805 > .elementor-container{
		min-height: 50vh !important;
	}
}

@media only screen and (max-width: 768px) and (min-width: 320px) {
	.pad-left-right-more {
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.pad-big-top-bottom {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	
	.pad-sm-top-big-bottom {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	
	.make-me-one-hunnies {
		width: 100% !important;
		max-width: 100% !important;
	}
	
	.make-me-one-rem p{
		font-size: 1rem !important;
	}
	
	.home-banner-listing .jet-listing-grid__slider .jet-slick-dots {
		justify-content: flex-end;
		padding: 0 1rem 0.2rem;
	}
	
	.btn-container-mobile {
		width: 220% !important;
		background: var(--color-green);
		background-size: 200%;
		color: var(--color-white) !important;
		padding: 1rem 0 1rem 2rem;
		position: absolute !important;
		bottom: -8%;
		left: -13%;
	}
	
	.btn-container-mobile:hover .btn-container p {
		color: var(--color-white);
		padding-left: 10px;
	}

	.btn-container-mobile:hover .btn-container img {
		padding-left: 15px;
	}
	
	.elementor-393 .elementor-element.elementor-element-551ff805:not(.elementor-motion-effects-element-type-background), .elementor-393 .elementor-element.elementor-element-551ff805 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
		background-size: contain !important;
		background-position: bottom right !important;
	}
}