/*
Theme Name: OchaHouse Child
Theme URI: https://ochahouse.gavencreative.com
Template: ochahouse
Author: the JWSThemes team
Author URI: https://jwsuperthemes.com
Description: OchaHouse Store Elementor WordPress theme is the ultimate choice for getting started with a website presenting services and products of a tea shop, cafe, tea online business services, etc. A bright and bold design of the theme makes it look outstanding. Due to the theme’s compatibility with the Elementor and WooCommere intergated, you can easily adjust the ready-made pages to match the needs of a range of other topic-specific websites, including tea ceremony blogs, tea master agencies, herbal tea presentation companies, tea workshops, and tea events firms.
Tags: one-column,flexible-header,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 2.2.3
Updated: 2022-08-05 03:57:48
*/

:root {
  --main: #2e524a;
  --secondary: #fda043;
  --accent: #bac9ac;
  --accent_second: #ebdbcb;
  --light: #ffffff;
  --dark: #000000;
  --heading: #2e524a;
  --body: #363636;
  --bodybg: #ffffff;
  --btn-color: #ffffff;
  --btn-color2: #ffffff;
  --btn-bgcolor: #fda043;
  --btn-bgcolor2: #2e524a;
  --e-global-color-primary: #2e524a;
  --e-global-color-secondary: #040202;
  --menu-color: #040202;
}
.btn-theme {
  background: var(--main);
  color: #ffffff;
  height: 50px;
  padding: 0 40px;
  text-align: center;
  line-height: 50px;
}

button.btn-theme {
  border: 0;
}



/* @font-face {
  font-family: Cheee;
  src: url(https://kratomgecko.czar-projects.xyz/wp-content/uploads/2024/02/Cheee-Jimbo.woff);
} */

#customer_login {
  display: flex;
}

.customer_login_registration_form {
  justify-content: center;
  gap: 40px;
  max-width: 1440px;
  margin: 0 auto;
}

.customer_login_form {
  width: 50%;
}

.customer_register_form {
  width: 50%;
}

#customer_login span.password-input {
  position: relative;
}

#customer_login button.show-password-input {
  padding: 0;
  margin: 0;
  background: transparent;
  position: absolute;
  top: 0px;
  right: 15px;
  color: #324001;
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
}

#customer_login button.show-password-input:before {
  content: '\efb1';
  font-family: "jws_icon";
  font-style: normal;
}

#customer_login button.show-password-input.display-password::before {
  content: '\eb9a';
  font-family: "jws_icon";
  font-style: normal;
}

#customer_login .show-password-input {
  padding: 0;
  margin: 0;
  background: transparent;
  position: absolute;
  top: 0px;
  right: 15px;
  color: #324001;
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
}

#customer_login .show-password-input:before {
  content: '\efb1';
  font-family: "jws_icon";
  font-style: normal;
}

#customer_login .show-password-input.display-password::before {
  content: '\eb9a';
  font-family: "jws_icon";
  font-style: normal;
}

#customer_login input {
  border-radius: 25px;
  background: transparent;
  border: 1px solid #000;
  padding-left: 30px;
}

.lost_password {
  display: inline;
  float: right;
  font-size: 14px;
  font-weight: 700;
}

.customer_login_registration_form .customer_login_form h2,
.customer_login_registration_form .customer_register_form h2 {
  text-align: center;
}

.customer_login_registration_form button.woocommerce-form-login__submit {
  background: #84a63e;
  border-radius: 25px;
  font-size: 18px;
  letter-spacing: 2px;
  width: 100%;
  color: #ffffff;
  font-family: "Forma DJR", Sans-serif;
}

.customer_login_registration_form button.woocommerce-form-login__submit:hover,
.customer_login_registration_form button.woocommerce-form-register__submit:hover{
  background: #ed9736;
}

.customer_login_registration_form button.woocommerce-form-register__submit {
  background: #84a63e;
  border-radius: 25px;
  font-size: 18px;
  letter-spacing: 2px;
  width: 100%;
  color: #ffffff;
  font-family: "Forma DJR", Sans-serif;
}

.customer_login_registration_form label.woocommerce-form-login__rememberme {
  margin-top: -20px;
  font-size: 14px;
  margin-bottom: 15px;
}

.customer_login_registration_form input#rememberme {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-top: -5px;
  appearance: none;
  position: relative;
  padding: 0;
  border: none;
}

.customer_login_registration_form input#rememberme:before {
  background: #fff;
  z-index: 1;
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid rgba(113, 116, 136, 0.5);
  border-radius: 3px;
  display: block;
}

.customer_login_registration_form input#rememberme:after {
  z-index: 1;
  content: "\f00c";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  position: absolute;
  opacity: 0;
  top: -1px;
  color: #ffffff;
  font-size: 10px;
  left: 5px;
}

.customer_login_registration_form input#rememberme:checked:after {
  opacity: 1;
}

.customer_login_registration_form input#rememberme:checked:before {
  background: #2f76bf;
  border-color: #2f76bf;
}

.customer_login_registration_form .g-recaptcha {
  margin: 15px 0;
}

.customer_login_registration_form input#rememberme {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-top: -5px;
  appearance: none;
  position: relative;
  padding: 0;
  border: none;
}

.customer_login_registration_form input#rememberme:before {
  background: #fff;
  z-index: 1;
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid rgba(113, 116, 136, 0.5);
  border-radius: 3px;
  display: block;
}

.customer_login_registration_form input#rememberme:after {
  z-index: 1;
  content: "\f00c";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  position: absolute;
  opacity: 0;
  top: -1px;
  color: #ffffff;
  font-size: 10px;
  left: 5px;
}

.customer_login_registration_form input#rememberme:checked:after {
  opacity: 1;
}

.customer_login_registration_form input#rememberme:checked:before {
  background: #2f76bf;
  border-color: #2f76bf;
}

.customer_login_registration_form .g-recaptcha {
  margin: 15px 0;
}

.customer_login_registration_form .lost_password a {
  letter-spacing: 0px;
}

@media only screen and (max-width:1023px) {
  .customer_login_registration_form {
    flex-wrap: wrap;
    gap: 60px;
  }
}

@media only screen and (max-width:768px) {
  .customer_login_form {
    width: 100%;
  }
  .customer_register_form {
    width: 100%;
  }
}