/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


.elementor-field-group .elementor-select-wrapper select {
    font-size: 14px !important;
    color: #b6b7b6 !important;
}

.elementor-112 .elementor-element.elementor-element-52e0d644 > .elementor-element-populated {
    box-shadow: 0px 0px 23px 0px rgb(0 0 0 / 7%) !important;
}

.ekit-wid-con .elementskit-post-image-card .elementskit-entry-header .elementskit-entry-thumb {
    padding-bottom: 0px !important;
}
.elementor-130 .elementor-element.elementor-element-f377da1 > .elementor-element-populated {
    border: 2px solid #5A5A5A !important;
    z-index: 1;
}

/*shoppage*/


.shopengine-wishlist.badge {
    display: none;
}

a.shopengine-quickview-trigger.se-btn {
    display: none;
}

a.shopengine_comparison_add_to_list_action.shopengine-comparison.badge.se-btn.inactive {
    display: none;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    text-align: center;
    font-size: 20px !important;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
    text-align: center;
    color: #f4ae33 !important;
    font-size: 20px !important;
    font-weight: 500;
}

.woocommerce ul.products li.product .button {
    display: block;
    text-align: center;
    padding: 16px !important;
    width: 60%;
    margin: 0 auto;
    background: #f4ae33 !important;
    color: #fff !important;
}

/* WooCommerce quantity input fix */
.quantity input.qty,
.quantity .input-text.qty {
  display:inline-block !important;
  width:70px !important;
  min-width:60px !important;
  height:42px !important;
  text-align:center !important;
  font-size:16px !important;
  font-weight:600 !important;
  color:#111 !important;
  background:#fff !important;
  border:1px solid #ccc !important;
  border-radius:6px !important;
  box-shadow:none !important;
  appearance:textfield !important;
}

/* Remove spin buttons (optional) */
.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}


a.shopengine_comparison_add_to_list_action.shopengine-comparison.badge.inactive {
    display: none;
}

.page-id-114 .woocommerce ul.products li.product a img {
    max-width: 73% !important;
    height: 82% !important;
    border: 6px solid #f4ae33;
    margin: 0 auto;
}

.elementor-114 .elementor-element.elementor-element-c94590b.elementor-wc-products ul.products {
    grid-row-gap: 0px !important;
}

.single-product.woocommerce div.product div.images img {
    max-width: 60%;
    margin: 0 auto;
}

div#mainimg {
    position: relative;
    padding-right: 12px;
}

/*popupmaker*/

.straw-wrap {
    display: flex;
}

img.straw-leftlogo {
    width: 100%;
}

.straw-right {
    width: 58%;
    text-align: end;
}

.straw-left {
    width: 60%;
    text-align: center;
}

p.straw-sub {
    font-size: 18px;
    font-weight: 500;
    width: 74%;
    margin: 0 auto;
}

.es-form-2 form {
    border: 0px !important;
    padding: 0px !important;
}

.es-form-2 form {
    width: 100% !important;
}

.es-field-wrap.es-submit-container {
    display: block !important;
    width: 100% !important;
    background: #e2f3ff !important;
}

html .es-field-wrap.ig-es-form-field input {
    width: 386px !important;
    height: 51px !important;
}

.elementor-kit-10 input[type="submit"] {
    width: 79% !important;
    height: 50px !important;
    font-size: 17px;
    margin-top: 2%;
}

label.es-field-label {font-size: 0;}

label.es-field-label input {
    display: block !important;
}


div#popmake-1468 {
    border: 0 !important;
    background: #E0F3FF !important;
    border-radius: 20px;
}

.es-field-wrap.ig-es-form-field {
    background: #e2f3ff;
    margin-bottom: 0px !important;
}

html .es-form-2 form {
    padding: 0px !important;
    background: transparent !important;
    border: 0px !important;
	margin-top:-17px !important;
}

html .es-field-wrap.ig-es-form-field {
    margin-bottom: 0px !important;
}

input.es_required_field.es_txt_email.ig_es_form_field_email.ig-es-form-input {
    text-align: center;
}

a.sub.pum-trigger {
    background: #f4ae33;
    border-radius: 5px;
    color: #fff;
    font-size: 12.5px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 9px 24px;
    letter-spacing: 1px;
}

div#subscribe {
    text-align: center;
}

img.straw-logo {
    width: 45% !important;
    margin-top: 7% !important;
}

.slipbtn {
    display: flex;
    justify-content: center;
    margin-top: 1%;
}

.btnclass a {
    background: #f4ae33;
    padding: 6px 30px;
    border-radius: 7px;
    margin-right: 10px;
    color:#fff !important;
}

.visit a {
     background: #f4ae33;
    padding: 6px 30px;
    border-radius: 7px;
    margin-right: 10px;
    color:#fff !important;
}

.btnclass a:hover {
    background: black;
}

.visit a:hover {
    background: black;
}

/*customprodcutaddon*/
 .wcpa_price_summary {
    margin-bottom: 4%;
}

.wcpa_form_outer {
    margin-bottom: 0px !important;
}

/*footercontent*/


div#aboutuspage {
    display: none;
}

div#contactuspage {
    display: none;
}

div#gallerpage , div#Icedcoffee , div#hotcoffe , div#bobatea , div#Smoothies , div#dirtysoda , div#food{
    display: none;
}
div#homepage{
    display:none;
}
.page-id-112 div#homepage , .page-id-116 div#aboutuspage , .page-id-118 div#gallerpage , .page-id-122 div#contactuspage , .page-id-583 div#Icedcoffee , .page-id-585 div#hotcoffe , .page-id-589 div#bobatea , .page-id-587 div#Smoothies , .page-id-591 div#dirtysoda , .page-id-641 div#food {
    display:block;
}

/*getacoupon*/

.sub {
  display: inline-block;
  padding: 12px 28px;
  background: linear-gradient(135deg, #ff9900, #ff5e00);
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 50px;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(255, 94, 0, 0.4);
  animation: zoomPulse 2s ease-in-out infinite;
}

/* Auto zoom animation */
@keyframes zoomPulse {
  0% {
    transform: scale(1);
    box-shadow: 0 4px 12px rgba(255, 94, 0, 0.4);
  }
  50% {
    transform: scale(1.08);
    box-shadow: 0 0 25px rgba(255, 94, 0, 0.8);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 4px 12px rgba(255, 94, 0, 0.4);
  }
}

/* Optional hover burst effect */
.sub:hover::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 300%;
  height: 300%;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}


/*flipbox*/


.elementor-flip-box {
    height: 500px !important;
}

.elementor-112 .elementor-element.elementor-element-100e4a2 .elementor-flip-box__front {
    background-size: contain !important;
}


.elementor-112 .elementor-element.elementor-element-206ce93 .elementor-flip-box__front {
    background-size: contain !important;
}

.elementor-112 .elementor-element.elementor-element-64146ae .elementor-flip-box__front {
    background-size: contain !important;
}

.elementor-112 .elementor-element.elementor-element-4b599ca .elementor-flip-box__front {
    background-size: contain !important;
}

.elementor-112 .elementor-element.elementor-element-c47628a .elementor-flip-box__front {
    background-size: contain !important;
}

.elementor-112 .elementor-element.elementor-element-16a4de9 .elementor-flip-box__front {
    background-size: contain !important;
}


.elementor-flip-box__front {
    background-color: transparent !important;
}


/*dashes*/

/* Make header + description lines align the same way */
.elementor-price-list-header,
.elementor-price-list-description {
  display: flex;
  align-items: center;
  gap: .5rem;
}

/* Real dashed leader line */
.elementor-price-list-separator {
  flex: 1 1 auto;
  height: 0;
  border-bottom: 2px dashed #bfbfbf; /* adjust to your color */
  opacity: 1;
}

/* Right-aligned price text */
.elementor-price-list-header .elementor-price-list-price,
.elementor-price-list-description .price {
  margin-left: auto;
  font-weight: 600;
}

/* Optional style for the second line’s label */
.elementor-price-list-description .desc { color: #777; }



.elementor-price-list-separator {
    margin: 0px !important;
}

h1.elementor-heading-title.elementor-size-default {
    font-size: 75px !important;
}




/*shoppage*/


/* Make product tiles use a uniform image box */
.woocommerce ul.products li.product a.woocommerce-LoopProduct_link,
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
  display: block;
}

/* Create a square (change 1/1 to 4/5 if you prefer taller cards) */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link img,
.woocommerce ul.products li.product a.woocommerce-LoopProduct_link img,
.woocommerce ul.products li.product .attachment-woocommerce_thumbnail,
.woocommerce ul.products li.product .post_featured img {
  width: 100%;
  height: 280px;              /* set the uniform height you like */
  object-fit: contain;        /* show full image without cutting */
  background: #fff;           /* optional: clean background */
  padding: 8px;               /* optional: breathing space */
  box-sizing: border-box;
}

/* Kill any theme cropping that forces cover */
.woocommerce ul.products li.product img {
  object-fit: contain !important;
}

.single-post h1.elementor-heading-title.elementor-size-default {
    font-size: 35px !important;
    margin-top: 8%;
}

div#blogimg img {
    height: 320px !important;
    object-fit: cover;
}

a.sub.pum-trigger {
    margin-left: 33%;
}

div#secondleaf {
    left: 93%;
    width: 161px !important;
    transform: scale(1.1);
}


/*responsive1344pxto1527*/

@media only screen and (max-width: 1000px) and (min-width: 320px){
	
	.straw-left {
    width: 100% !important;
}

.straw-wrap {
    display: block !important;
}

html .es-field-wrap.ig-es-form-field input {
    width: 318px !important;
}

img.straw-logo {
    width: 50%;
}

.straw-right {
    width: 100% !important;
}
div#popmake-1468 {
    margin-top: 19% !important;
}

a.sub.pum-trigger {
    padding: 9px 15px !important;
    font-size:12px !important;
}	
	
.single-product .elementor-element.elementor-element-dfe93f4 {
    padding-bottom: 0px !important;
}

.single-product .elementor-element.elementor-element-1f3e7e4 {
    padding-top: 20px !important;
}

.single-product .elementor-element.elementor-element-5c233ce {
    padding-top: 10px !important;
}

.woocommerce ul.products li.product .button {
    width: 100% !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 18px !important;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
    font-size: 17px !important;
}	
	
h1.elementor-heading-title.elementor-size-default {
    font-size: 35px !important;
}	

.elementor-1248 .elementor-element.elementor-element-c490d07 {
    padding-top: 20px !important;
}
section.elementor-section.elementor-inner-section.elementor-element.elementor-element-8db1f88.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default {
    padding-bottom: 0px !important;
}

.woocommerce .woocommerce-ordering {
    width: 100% !important;
}	
/* Use the product link as the image box */
  .woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
    display: grid !important;
    place-items: center !important;
    aspect-ratio: 5 / 5 !important;    /* same height for all (taller than square) */
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 10px;
  }

  /* Make the <img> fill that box but keep full image (no crop) */
  .woocommerce ul.products li.product a.woocommerce-LoopProduct-link img,
  .woocommerce ul.products li.product a img,
  .woocommerce ul.products li.product img {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: contain !important;     /* show full image */
    object-position: center center !important;
    display: block;
  }

  /* Fallback for very old browsers without aspect-ratio */
  .woocommerce ul.products li.product a.woocommerce-LoopProduct-link::before{
    content:""; display:block; padding-top:125%;   /* 4:5 = 80% ⇒ 125% trick for safe fit */
  }
  .woocommerce ul.products li.product a.woocommerce-LoopProduct-link img{
    position:absolute; inset:0; margin:auto;
  }

  /* Remove any theme-imposed fixed heights that fight us */
  .woocommerce ul.products li.product .post_featured,
  .woocommerce ul.products li.product .post_item .post_featured,
  .woocommerce ul.products li.product .related .post_featured{
    height:auto !important;
    max-height:none !important;
  }	
	
.single-post h1.elementor-heading-title.elementor-size-default {
    font-size: 20px !important;
}

.elementor-421 .elementor-element.elementor-element-23853c4e {
    padding-bottom: 10%;
}	

a.sub.pum-trigger {
    margin-left: 2%;
}	
	
	
}

@media only screen and (max-width: 1526px) and (min-width: 1344px)  {


    body:not(.rtl) .elementor-112 .elementor-element.elementor-element-3f0acbea {
    right: 120% !important;
}

body:not(.rtl) .elementor-112 .elementor-element.elementor-element-09e9cdf {
    right: -41% !important;
}

body:not(.rtl) .elementor-112 .elementor-element.elementor-element-134fc05 {
    right: -41% !important;
}

body:not(.rtl) .elementor-112 .elementor-element.elementor-element-b96c920 {
    right: 33% !important;
}

body:not(.rtl) .elementor-112 .elementor-element.elementor-element-95997e3 {
    right: -41%;
}
	
.elementor-130 .elementor-element.elementor-element-795fac4 .elementor-button {
    padding: 11px;
}	

}


@media only screen and (max-width: 2300px) and (min-width: 2100px)  {

    section#innerbannerid {
    padding-top: 30%;
}
}

@media only screen and (max-width: 1999px) and (min-width: 1800px)  {

    section#innerbannerid {
    padding-top: 27%;
}
}