.elementor-kit-5{--e-global-color-primary:#00534C;--e-global-color-secondary:#EFB661;--e-global-color-text:#585858;--e-global-color-accent:#622128;--e-global-color-83a1ff6:#FAFAFC;--e-global-color-4d823b2:#F8F8F8;--e-global-color-ecf7b9f:#003A35;--e-global-color-a9d084c:#EAA133;--e-global-color-502bfd0:#1F2221;--e-global-color-1f8794d:#ECCCA4;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-502bfd0 );color:var( --e-global-color-83a1ff6 );font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:var( --e-global-color-primary );font-weight:bold;text-transform:capitalize;color:var( --e-global-color-secondary );border-radius:0px 0px 0px 0px;padding:1em 1.8em 1em 1.8em;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:var( --e-global-color-secondary );}.elementor-kit-5 a:hover{color:var( --e-global-color-a9d084c );}.elementor-kit-5 h1{color:var( --e-global-color-83a1ff6 );font-family:"Parkinsans", Sans-serif;font-weight:700;}.elementor-kit-5 h2{color:var( --e-global-color-83a1ff6 );font-family:"Parkinsans", Sans-serif;font-weight:700;}.elementor-kit-5 h3{color:var( --e-global-color-83a1ff6 );font-family:"Poppins", Sans-serif;}.elementor-kit-5 h4{color:var( --e-global-color-83a1ff6 );font-family:"Parkinsans", Sans-serif;font-weight:700;}.elementor-kit-5 h5{color:var( --e-global-color-83a1ff6 );font-family:"Parkinsans", Sans-serif;font-weight:700;}.elementor-kit-5 h6{color:var( --e-global-color-83a1ff6 );font-family:"Parkinsans", Sans-serif;font-weight:700;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{color:var( --e-global-color-primary );}.elementor-kit-5 label{color:var( --e-global-color-primary );}.elementor-kit-5 input:not([type="button"]):not([type="submit"]),.elementor-kit-5 textarea,.elementor-kit-5 .elementor-field-textual{border-radius:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1450px;}.e-con{--container-max-width:1450px;--container-default-padding-top:0.5rem;--container-default-padding-right:0.5rem;--container-default-padding-bottom:0.5rem;--container-default-padding-left:0.5rem;}.elementor-widget:not(:last-child){margin-block-end:1.25rem;}.elementor-element{--widgets-spacing:1.25rem 3rem;--widgets-spacing-row:1.25rem;--widgets-spacing-column:3rem;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Remove Product Buttons */

.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart {
	display: none !important;
}

/* Remove Product Buttons Ends */

.highlight {
    color: var(--e-global-color-secondary);
}
.hero-highlight {
    color: var(--e-global-color-secondary);
    width: 100%;
    display: inline-block;
}

ul {
    padding-bottom: 15px;
}

.elementor-widget-text-editor p:last-child{margin-bottom: 0px;}

:root {
  --font-body: clamp(1.00rem, 0.95217rem + 0.20408vw, 1.16rem);
}

p,
button,
input[type="submit"],
.elementor-button {
  font-size: var(--font-body);
}

/* Global Elementor Button Hover Animation */
.elementor-button {
  position: relative;
  overflow: hidden;
  z-index: 0;
  transition: background 0.3s ease;
}

.elementor-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--e-global-color-secondary);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.475s ease;
  z-index: 1;
  border-radius: inherit;
}

.elementor-button:hover::before {
  transform: scaleX(1);
}

.elementor-button .elementor-button-text,
.elementor-button .elementor-button-icon,
.elementor-button svg {
  position: relative;
  z-index: 2;
  transition: color 0.3s ease, fill 0.3s ease;
  color: inherit;
  fill: currentColor;
}

/* Global Reverse Button Hover Animation */

#reverse {
  position: relative;
  overflow: hidden;
  z-index: 0;
  display: inline-block;
  background: var(--e-global-color-secondary);
  color: var(--e-global-color-primary) !important;
  transition: color 0.3s ease, background 0.3s ease;
}

#reverse::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--e-global-color-primary);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.475s ease;
  z-index: 1;
  border-radius: inherit;
}

#reverse:hover::before {
  transform: scaleX(1);
}

#reverse *,
#reverse svg {
  position: relative;
  z-index: 2;
  transition: color 0.3s ease, fill 0.3s ease;
  color: var(--e-global-color-primary) !important;
  fill: var(--e-global-color-primary) !important;
}

#reverse:hover,
#reverse:hover *,
#reverse:hover svg {
  color: var(--e-global-color-secondary) !important;
  fill: var(--e-global-color-secondary) !important;
}

/* Global Reverse-Dark Button Hover Animation */
#reverse-dark {
  position: relative;
  overflow: hidden;
  z-index: 0;
  display: inline-block;
  background: var(--e-global-color-secondary);
  color: var(--e-global-color-primary) !important;
  transition: color 0.3s ease, background 0.3s ease;
}

#reverse-dark::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--e-global-color-ecf7b9f);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.475s ease;
  z-index: 1;
  border-radius: inherit;
}

#reverse-dark:hover::before {
  transform: scaleX(1);
}

#reverse-dark *,
#reverse-dark svg {
  position: relative;
  z-index: 2;
  transition: color 0.3s ease, fill 0.3s ease;
  color: var(--e-global-color-primary) !important;
  fill: var(--e-global-color-primary) !important;
}

#reverse-dark:hover,
#reverse-dark:hover *,
#reverse-dark:hover svg {
  color: var(--e-global-color-secondary) !important;
  fill: var(--e-global-color-secondary) !important;
}

/* Global Dark Button Hover Animation */

#dark {
  position: relative;
  overflow: hidden;
  z-index: 0;
  display: inline-block;
  background: var(--e-global-color-primary);
  color: var(--e-global-color-secondary) !important;
  transition: color 0.3s ease, background 0.3s ease;
}

#dark::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--e-global-color-ecf7b9f);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.475s ease;
  z-index: 1;
  border-radius: inherit;
}

#dark:hover::before {
  transform: scaleX(1);
}

#dark *,
#dark svg {
  position: relative;
  z-index: 2;
  transition: color 0.3s ease, fill 0.3s ease;
  color: var(--e-global-color-secondary) !important;
  fill: var(--e-global-color-secondary) !important;
}

#dark:hover,
#dark:hover *,
#dark:hover svg {
  color: var(--e-global-color-secondary) !important;
  fill: var(--e-global-color-secondary) !important;
}

.woocommerce-message {
    display: flex;
    align-items: center; /* vertical centring */
    justify-content: center; /* horizontal centring */
    text-align: center;
    gap: 30px;
}
.woocommerce-message::before {
    display: flex !important;
    content: "\e015";
    color: var(--e-global-color-primary);
    position: static;
}

/* Checkout notices – make them readable */
body.woocommerce-checkout .woocommerce-info,
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-checkout .woocommerce-error {
  color: #fff !important;
}

body.woocommerce-checkout .woocommerce-info a,
body.woocommerce-checkout .woocommerce-message a,
body.woocommerce-checkout .woocommerce-error a {
  color: #fff !important;
  text-decoration: underline;
}

/* Optional: give the info notice a stronger background so it’s not ghosted */
body.woocommerce-checkout .woocommerce-info {
  background: rgba(0, 0, 0, 0.6);
  border-left-color: #fff;
}


/* OUT OF STOCK CODE */

.woocommerce ul.products li.product {
	position: relative;
}

.woocommerce ul.products li.product.outofstock::before {
	content: "Out of Stock";
	position: absolute;
	top: 1rem;
	left: 1rem;
	z-index: 10;

	background: var(--e-global-color-primary);
	color: #fff;

	padding: 0.4rem 0.75rem;
	border-radius: 999px;

	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1;
}

/* OUT OF STOCK CODE ENDS *//* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Parkinsans';
	font-display: auto;
	src: url('https://fawkescoffee.com/wp-content/uploads/2025/05/Parkinsans-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */