/*
Theme Name: Spa Centric
Theme URI: https://www.themesionic.com/block-themes/free-spa-wordpress-theme/
Author: ionicthemes
Author URI: https://www.themesionic.com/
Description: Spa Centric is a lightweight and elegant WordPress theme crafted with block patterns, making it the perfect choice for wellness-focused businesses seeking a modern, responsive, and visually soothing design. Its customizable layout and calming aesthetics provide an ideal digital presence for spas, salons, yoga studios, beauty clinics, massage centers, meditation retreats, nail bars, hair studios, holistic healing centers, cosmetic brands, massage therapy stations, aromatherapy services, wellness resorts, acupuncture clinics, skincare studios, fitness clubs, nutritionists, health coaches, pilates studios, chiropractic clinics, herbal therapy centers, float spas, and luxury bathhouses. Designed for effortless customization, Spa Centric enables businesses to showcase their services with elegance while maintaining a seamless user experience. Whether catering to facial treatment centers, body contouring studios, day spas, hydrotherapy clinics, reflexology centers, wellness retreats, organic skincare brands, rejuvenation spas, wellness coaching services, or hot stone therapy clinics, this theme ensures a polished, professional, and engaging online presence tailored to the wellness and relaxation industry.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, e-commerce, full-site-editing, block-patterns, full-width-template, rtl-language-support, threaded-comments, translation-ready, block-styles, wide-blocks
Version: 1.0.4
Requires at least: 5.9
Tested up to: 6.7
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: spa-centric
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
.wp-block-comments textarea#comment {
  border-radius: 0;
}
input[type="submit"] {
  transition: all ease 0.23s;
  -o-transition: all ease 0.23s;
  -moz-transition: all ease 0.23s;
  -webkit-transition: all ease 0.23s;
}

.wpcf7-form-control.wpcf7-text,
.wpcf7-form-control.wpcf7-textarea,
.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number,
.wpcf7-form-control.wpcf7-select {
  border-radius: 5px;
  border: 1px solid #dad7d7;
  padding: 15px;
  width: 100%;
  margin-top: 10px;
  box-sizing: border-box;
}
.wpcf7-form-control.wpcf7-select {
  appearance: none;
  position: relative;
}
.wpcf7-form-control.wpcf7-select:after {
  content: ">";
  font-size: 20px;
  position: absolute;
  right: 20px;
  top: 10px;
}
form.wpcf7-form *::placeholder {
  font-size: 14px;
}
form.wpcf7-form *::-moz-placeholder {
  font-size: 14px;
}
form.wpcf7-form *::-webkit-input-placeholder {
  font-size: 14px;
}
.wp-block-contact-form-7-contact-form-selector .wpcf7-form-control.wpcf7-submit {
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--light-color);
  border-radius: 0;
  border: 0;
  font-size: 16px;
  padding: 15px 40px;
}
.wp-block-contact-form-7-contact-form-selector .wpcf7-form-control.has-spinner.wpcf7-submit:hover {
  background: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--light-color);
}
.wp-block-contact-form-7-contact-form-selector .wpcf7-form input,
.wp-block-contact-form-7-contact-form-selector .wpcf7-form select,
.wp-block-contact-form-7-contact-form-selector .wpcf7-form textarea {
  border-radius: 0;
  border: 1px solid var(--wp--preset--color--foreground);
  background: transparent;
}
.wp-block-contact-form-7-contact-form-selector.spa-centric-newsletter .wpcf7-form input {
  border-radius: 0;
  border: 0;
  border: 1px solid var(--wp--preset--color--light-color);
  background: transparent;
}
form.comment-form {
  border-radius: 20px;
  margin-top: 24px;
}
.wp-block-post-comments-form {
  border-radius: 20px;
}
form.comment-form input[type="email"],
form.comment-form input[type="text"],
form.comment-form input[type="url"],
form.comment-form textarea {
  border-radius: 0;
  margin: 12px 0 25px;
}
form.comment-form .form-submit.wp-block-button {
  margin-top: 25px;
}
.wp-block-comment-author-name {
  font-weight: 600;
}

.wp-block-comment-date a {
  color: var(--wp--preset--color--foreground);
  font-size: 13px;
}
.wp-block-comment-template li {
  margin-top: 50px;
}
.wp-block-comment-template li li {
  margin-top: 10px;
  padding-left: 60px;
}
a.comment-reply-link {
  border: 1px solid;
  padding: 5px 13px;
  border-radius: 40px;
  font-size: 13px;
  opacity: 0.6;
}
.wp-block-post-comments-form {
  margin-top: 30px;
  display: inline-block;
  width: 100%;
}
.woocommerce ul.products li.product a img {
  border-radius: 5px;
  height: 350px;
  object-fit: cover;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  margin: 0 2.5% 2.992em 0;
  width: 23.1%;
}
.woocommerce ul.products li.last,
.woocommerce-page ul.products li.last {
  margin-right: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border-radius: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after {
  display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after {
  border: 0;
}
.woocommerce #reviews #comments ol.commentlist {
  padding: 0;
  margin-top: 20px !important;
}
.woocommerce-page .input-text {
  padding: 11px 30px;
  border: 1px solid #817e7e;
  border-radius: 5px;
}
.wp-block-post-excerpt__excerpt a,
.entry-content.wp-block-post-content a,
p a {
  text-decoration: underline;
}
nav.wp-block-navigation ul li a:hover {
  color: var(--wp--preset--color--secondary) !important;
}
.wp-block-button.spa-centric-scrollto-top .wp-block-button__link.wp-element-button {
  width: 50px;
  height: 50px;
  position: fixed;
  right: 25px;
  bottom: 25px;
  display: inline-block;
  z-index: 999;
  text-indent: -5000px;
  display: none;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.089);
}
.wp-block-button.spa-centric-scrollto-top .wp-block-button__link.wp-element-button:after,
.wp-block-button.spa-centric-scroll-down a.wp-block-button__link:after {
  content: "";
  width: 50px;
  height: 50px;
  background-color: #fff;
  -webkit-mask-image: url(assets/images/up-arrow.svg);
  mask-image: url(assets/images/up-arrow.svg);
  mask-repeat: no-repeat;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
}
.wp-block-button.spa-centric-scroll-down a.wp-block-button__link {
  width: 50px;
  height: 50px;
  display: inline-block;
  text-indent: -5000px;
  position: relative;
  animation: publishtiyBounce 2s infinite;
}
.wp-block-button.spa-centric-scroll-down a.wp-block-button__link:after {
  transform: rotate(180deg);
}
@keyframes publishtiyBounce {
  0% {
    top: 0px;
  }
  50% {
    top: 15px;
  }
  100% {
    top: 0;
  }
}
.wp-block-button.spa-centric-scrollto-top .wp-block-button__link.wp-element-button:hover:after {
  background-color: var(--wp--preset--color--light-color) !important;
}
.wp-block-group.spa-centric-main-header {
  position: relative;
}
.spa-centric-footer-categories.wp-block-categories li {
  margin: 7px 0;
}
.spa-centric-footer-categories.wp-block-categories li a {
  color: #fff;
  margin-right: 10px;
}
.spa-centric-footer-categories.wp-block-categories li a:hover {
  color: var(--wp--preset--color--secondary);
}
p.spa-centric-footer-categories.wp-block-tag-cloud a {
  background: var(--wp--preset--color--foreground);
  color: var(--wp--preset--color--light-color);
  text-decoration: none;
  padding: 4px 10px;
  margin: 0 0 4px;
  border-radius: 3px;
}
p.spa-centric-footer-categories.wp-block-tag-cloud a:hover {
  background: var(--wp--preset--color--secondary);
}
.wp-block-contact-form-7-contact-form-selector.spa-centric-newsletter-section input.wpcf7-form-control.wpcf7-submit {
  width: 100%;
  margin-top: 20px;
}
nav.publishtiy-pagination .page-numbers {
  padding: 5px 20px;
  font-size: 20px;
}
.wp-block-contact-form-7-contact-form-selector.spa-centric-newsletter-section input.wpcf7-form-control.wpcf7-email {
  border-color: #1d50d0;
  background: #fff;
}
.wp-block-contact-form-7-contact-form-selector.spa-centric-newsletter.minimal-footer-layout input.wpcf7-form-control.wpcf7-submit {
  width: 100%;
  margin-top: 15px;
}
.wp-block-contact-form-7-contact-form-selector.spa-centric-newsletter.white-scheme .wpcf7-form input {
  border-color: var(--wp--preset--color--heading-color);
}
.wp-block-contact-form-7-contact-form-selector.white-scheme .wpcf7-form-control.wpcf7-submit {
  color: var(--wp--preset--color--heading-color);
}
:where(.wp-block-columns) {
  margin-bottom: 0 !important;
}
:where(.wp-block-columns.has-background) {
  padding: 0.15em 1.0em !important;
}
:where(.spa-centric-topbar-group.has-background) {
  padding: 0.05em 2.375em !important;
}
a:-webkit-any-link:focus-visible {
  outline: var(--wp--preset--color--black) solid 4px;
}

@media screen and (max-width: 780px) {
  .spa-centric-topbar-group {
    text-align: center;
  }
  .innometrics-header-social ul, .innometrics-header-callus {
    justify-content: center !important;
  }

  .innometrics-header-social {
    justify-content: center !important;
    line-height: 2;
  }

  .book-now-section {
    transform: none !important;
    padding-right: unset !important;
    align-self: center;
  }
  .book-now-section .call-us-round {
    border-radius: 0 !important;
  }
  .about-us-second-side {
    padding-right: unset !important;
    padding-left: unset !important;
  }
  .about-us-first-section, .about-us-second-section {
    align-items: center !important;
  }
  .about-us-first-section .first-image img, .about-us-second-section img{
    width: 400px !important;
  }
}

.spa-centric-service-column {
  border-radius: 15px;
}

.spa-centric-service-column figure {
  border-radius: 12px 12px 0 0 !important;
}
.innometrics-header-text p {
  line-height: 25px;
}
.innometrics-topbar .innometrics-header-callus p {
  line-height: 25px;
}
.book-now-section {
  transform: translate(-10%, -90%);
}
.book-now-section img {
  vertical-align: middle !important;
}
.book-now-section .call-us-round {
  border-radius: 50%;
}