/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

.elementor a:hover {color: #00cdff;}
.elementor-template-full-width .row > [data-elementor-type]{margin-bottom:0;}

.menu-side-cart #elementor-menu-cart__toggle_button::before {  content: 'Cart:';  color: #00cdff;  font-family: manrope;  font-size: 16px;}
.main-page-wrapper{	padding-top: 0;}
.main-page-wrapper >.container{padding:0;}
.pad{	padding-top: clamp(40px, 5vw, 80px);	padding-bottom: clamp(40px, 5vw, 80px);}
.pad-inline {  padding-inline: clamp(16px, 4vw, 80px);}
.text-grd{	background: linear-gradient(to right, #0076f1, #00ceff);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}

.grd-btn .elementor-button::before,.grd-btn .elementor-button::after {  content: url(https://stagingwebsite4u.com/sg/therasential/wp-content/uploads/2025/08/btn-loop.png) !important;  position: absolute;  left: 0 !important;right:auto !important;  top: 50% !important;  margin-top: -17px;  opacity: 1;  animation: none;  border: 0;  width: unset;  height: 32px;box-shadow:unset;  display: block;}
.grd-btn .elementor-button::after{	left:auto !important;	right:0 !important;	rotate:180deg;}
.grd-btn .elementor-button{position:relative;}

.fancy-border {  border-radius: 51% 49% 42% 58% / 58% 50% 50% 42%;}
.fancy-border .each {  aspect-ratio: 1 / 1;  max-height: 230px;}

.border-btn a::before {  content: "";  position: absolute;  width: calc(100% + 2px);  height: calc(100% + 2px); background: linear-gradient(to left, rgb(0, 203, 255), rgb(0, 124, 241));  z-index: -1;  top: -1px;  left: -1px;  border-radius: 8px;}

.border-btn a .elementor-button-content-wrapper {  padding: 15px 25px;  background: rgb(240, 243, 247);  border-radius: 8px;}

.border-btn.circle a::before {width: calc(100% + 4px);  height: calc(100% + 4px); background: linear-gradient(to left, rgb(0, 203, 255), rgb(0, 124, 241)); top: -2px;  left: -2px;  border-radius:50%;}

.border-btn.circle a .elementor-button-content-wrapper {  padding: 5px; border-radius: 50%;}

.border-btn.white a .elementor-button-content-wrapper{background:#fff;}

.border-btn a {  position: relative;  overflow: visible;  z-index: 1;}

.course-img {height: 305px;}
.course-img img {  width: 100%;  height: 100%;  object-fit: cover;  background-position: center;  border-radius: 20px;}


/* Cart btn */

.grd-btn .single_add_to_cart_button::before, .grd-btn .single_add_to_cart_button::after  {  content: url(https://stagingwebsite4u.com/sg/therasential/wp-content/uploads/2025/08/btn-loop.png) !important;  position: absolute;  left: 0 !important;right:auto !important;  top: 50% !important;  margin-top: -17px;  opacity: 1;  animation: none;  border: 0;  width: unset;  height: 32px;box-shadow:unset;  display: block;z-index:0;}
.grd-btn .single_add_to_cart_button::after{	left:auto !important;	right:0 !important;	rotate:180deg;}
.grd-btn .single_add_to_cart_button,.sign-up .register input[type="submit"] {position:relative;background: linear-gradient(90deg, #007BF1 0%, #00CDFF 100%);}
.grd-btn .single_add_to_cart_button:hover,.sign-up .register input[type="submit"]:hover{background: linear-gradient(-90deg, #007BF1 0%, #00CDFF 100%);}

.grd-btn table.variations select {  max-width: 300px;}
.grd-btn .woocommerce-variation{display:none !important;}




.grd-btn .checkout-button::before, .grd-btn .checkout-button::after  {  content: url(https://stagingwebsite4u.com/sg/therasential/wp-content/uploads/2025/08/btn-loop.png) !important;  position: absolute;  left: 0 !important;right:auto !important;  top: 50% !important;  margin-top: -17px;  opacity: 1;  animation: none;  border: 0;  width: unset;  height: 32px;box-shadow:unset;  display: block;z-index:0;}
.grd-btn .checkout-button::after{	left:auto !important;	right:0 !important;	rotate:180deg;}
.grd-btn .checkout-button{position:relative;}


.grd-btn #place_order::before, .grd-btn #place_order::after  {  content: url(https://stagingwebsite4u.com/sg/therasential/wp-content/uploads/2025/08/btn-loop.png) !important;  position: absolute;  left: 0 !important;right:auto !important;  top: 50% !important;  margin-top: -17px;  opacity: 1;  animation: none;  border: 0;  width: unset;  height: 32px;box-shadow:unset;  display: block;z-index:0;}
.grd-btn #place_order::after{	left:auto !important;	right:0 !important;	rotate:180deg;}
.grd-btn #place_order{position:relative;}
/* Course */

.course-pdf {  display: flex;  align-items: center;  gap: 20px;  font-size: 18px; color: #1378bd;}
.course-pdf svg {  width: 22px;  fill: #06315c;}

@media(max-width:1024px){
	.course-img {height:260px;}
}
@media(max-width:767px){
	.course-img {height:240px;}
}

/* Account */

.show-password-input::before {  font-family: "woodmart-font";  content: "\f11a";  font-size: 18px;color:#fff;}
.show-password-input.display-password::before { content: "\f11b";color:#fff;}
form.edit-account .password-input {  display: flex;  flex-direction: column;  justify-content: center;  position: relative;}
form.edit-account .show-password-input {  margin: 0;  padding: 10px 12px;  position: absolute;  right: 0;  text-decoration: none;  top: 50%;  transform: translateY(-50%);}
.woocommerce-MyAccount-title.entry-title, .wd-registration-page .wd-login-title {  font-size: 26px;  padding: 15px 0;  margin: 0 !important;}
.show-password-input {	background:#06315c;}
.show-password-input:hover {background:#00cafd;}
form.woocommerce-form.woocommerce-form-register.register {height: unset !important;}
.btn.wd-switch-to-register {  background: #07325c;  color: #fff !important;  font-size: 16px;  border-radius: 8px;}
.btn.wd-switch-to-register:hover {  background: #fff;  color: #07325c !important;}

/* Sign up */

.sign-up #rm-form-container { font-size: 16px;	color:#006db7;}
.sign-up #rm-form-container input {  border: 1px solid #00cbff;  border-radius: 8px;  background: #fff;}
.sign-up #rm-form-container input[type="submit"] {width:100%;color:#fff;margin-top:20px;}
.sign-up h2{font-size: 30px;color:#07325c;}
.sign-up .register p{margin-bottom:0;}
.login .show-password-input {  top: 7px;}

#billing_dob_field input#billing_dob{padding: 0 15px;} 
.wlr-message-info {
  margin-bottom: 30px !important;
}
/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

.elementor a:hover {color: #00cdff;}
.elementor-template-full-width .row > [data-elementor-type]{margin-bottom:0;}

.menu-side-cart #elementor-menu-cart__toggle_button::before {  content: 'Cart:';  color: #00cdff;  font-family: manrope;  font-size: 16px;}
.main-page-wrapper{	padding-top: 0;}
.main-page-wrapper >.container{padding:0;}
.pad{	padding-top: clamp(40px, 5vw, 80px);	padding-bottom: clamp(40px, 5vw, 80px);}
.pad-inline {  padding-inline: clamp(16px, 4vw, 80px);}
.text-grd{	background: linear-gradient(to right, #0076f1, #00ceff);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}

.grd-btn .elementor-button::before,.grd-btn .elementor-button::after {  content: url(https://stagingwebsite4u.com/sg/therasential/wp-content/uploads/2025/08/btn-loop.png) !important;  position: absolute;  left: 0 !important;right:auto !important;  top: 50% !important;  margin-top: -17px;  opacity: 1;  animation: none;  border: 0;  width: unset;  height: 32px;box-shadow:unset;  display: block;}
.grd-btn .elementor-button::after{	left:auto !important;	right:0 !important;	rotate:180deg;}
.grd-btn .elementor-button{position:relative;}

.fancy-border {  border-radius: 51% 49% 42% 58% / 58% 50% 50% 42%;}
.fancy-border .each {  aspect-ratio: 1 / 1;  max-height: 230px;}

.border-btn a::before {  content: "";  position: absolute;  width: calc(100% + 2px);  height: calc(100% + 2px); background: linear-gradient(to left, rgb(0, 203, 255), rgb(0, 124, 241));  z-index: -1;  top: -1px;  left: -1px;  border-radius: 8px;}

.border-btn a .elementor-button-content-wrapper {  padding: 15px 25px;  background: rgb(240, 243, 247);  border-radius: 8px;}

.border-btn.circle a::before {width: calc(100% + 4px);  height: calc(100% + 4px); background: linear-gradient(to left, rgb(0, 203, 255), rgb(0, 124, 241)); top: -2px;  left: -2px;  border-radius:50%;}

.border-btn.circle a .elementor-button-content-wrapper {  padding: 5px; border-radius: 50%;}

.border-btn.white a .elementor-button-content-wrapper{background:#fff;}

.border-btn a {  position: relative;  overflow: visible;  z-index: 1;}

.course-img {height: 305px;}
.course-img img {  width: 100%;  height: 100%;  object-fit: cover;  background-position: center;  border-radius: 20px;}


/* Cart btn */

.grd-btn .single_add_to_cart_button::before, .grd-btn .single_add_to_cart_button::after  {  content: url(https://stagingwebsite4u.com/sg/therasential/wp-content/uploads/2025/08/btn-loop.png) !important;  position: absolute;  left: 0 !important;right:auto !important;  top: 50% !important;  margin-top: -17px;  opacity: 1;  animation: none;  border: 0;  width: unset;  height: 32px;box-shadow:unset;  display: block;z-index:0;}
.grd-btn .single_add_to_cart_button::after{	left:auto !important;	right:0 !important;	rotate:180deg;}
.grd-btn .single_add_to_cart_button [type="submit"] {position:relative;background: linear-gradient(90deg, #007BF1 0%, #00CDFF 100%);}
.grd-btn .single_add_to_cart_button:hover [type="submit"]:hover{background: linear-gradient(-90deg, #007BF1 0%, #00CDFF 100%);}

.grd-btn table.variations select {  max-width: 300px;}
.grd-btn .woocommerce-variation{display:none !important;}




.grd-btn .checkout-button::before, .grd-btn .checkout-button::after  {  content: url(https://stagingwebsite4u.com/sg/therasential/wp-content/uploads/2025/08/btn-loop.png) !important;  position: absolute;  left: 0 !important;right:auto !important;  top: 50% !important;  margin-top: -17px;  opacity: 1;  animation: none;  border: 0;  width: unset;  height: 32px;box-shadow:unset;  display: block;z-index:0;}
.grd-btn .checkout-button::after{	left:auto !important;	right:0 !important;	rotate:180deg;}
.grd-btn .checkout-button{position:relative;}


.grd-btn #place_order::before, .grd-btn #place_order::after  {  content: url(https://stagingwebsite4u.com/sg/therasential/wp-content/uploads/2025/08/btn-loop.png) !important;  position: absolute;  left: 0 !important;right:auto !important;  top: 50% !important;  margin-top: -17px;  opacity: 1;  animation: none;  border: 0;  width: unset;  height: 32px;box-shadow:unset;  display: block;z-index:0;}
.grd-btn #place_order::after{	left:auto !important;	right:0 !important;	rotate:180deg;}
.grd-btn #place_order{position:relative;}
/* Course */

.course-pdf {  display: flex;  align-items: center;  gap: 20px;  font-size: 18px; color: #1378bd;}
.course-pdf svg {  width: 22px;  fill: #06315c;}

@media(max-width:1024px){
	.course-img {height:260px;}
}
@media(max-width:767px){
	.course-img {height:240px;}
}

/* Account */

.show-password-input::before {  font-family: "woodmart-font";  content: "\f11a";  font-size: 18px;color:#fff;}
.show-password-input.display-password::before { content: "\f11b";color:#fff;}
form.edit-account .password-input {  display: flex;  flex-direction: column;  justify-content: center;  position: relative;}
form.edit-account .show-password-input {  margin: 0;  padding: 10px 12px;  position: absolute;  right: 0;  text-decoration: none;  top: 50%;  transform: translateY(-50%);}
.woocommerce-MyAccount-title.entry-title, .wd-registration-page .wd-login-title {  font-size: 26px;  padding: 15px 0;  margin: 0 !important;}
.show-password-input {	background:#06315c;}
.show-password-input:hover {background:#00cafd;}
form.woocommerce-form.woocommerce-form-register.register {height: unset !important;}
.btn.wd-switch-to-register {  background: #07325c;  color: #fff !important;  font-size: 16px;  border-radius: 8px;}
.btn.wd-switch-to-register:hover {  background: #fff;  color: #07325c !important;}

/* Sign up */

.sign-up #rm-form-container { font-size: 16px;	color:#006db7;}
.sign-up #rm-form-container input {  border: 1px solid #00cbff;  border-radius: 8px;  background: #fff;}
.sign-up #rm-form-container input[type="submit"] {width:100%;color:#fff;margin-top:20px;}
.sign-up h2{font-size: 30px;color:#07325c;}
.sign-up .register p{margin-bottom:0;}
.login .show-password-input {  top: 7px;}
.sign-up #rm-form-container input[type="submit"] {position:relative;background: linear-gradient(90deg, #007BF1 0%, #00CDFF 100%);}
.sign-up #rm-form-container input[type="submit"]:hover{background: linear-gradient(-90deg, #007BF1 0%, #00CDFF 100%);}
#billing_dob_field input#billing_dob{padding: 0 15px;} 
.wlr-message-info {
  margin-bottom: 30px !important;
}
.sign-up #rm-form-container input[type="submit"] {position:relative;background: linear-gradient(90deg, #007BF1 0%, #00CDFF 100%);border: none !important; border-radius: 10px !important;}
.sign-up #rm-form-container input[type="submit"]:hover{background: linear-gradient(-90deg, #007BF1 0%, #00CDFF 100%);}