/*
Theme Name: ST Spa
Theme URI: https://spectrathemes.com/product/free-spa-wordpress-theme/
Author: SpectraThemes
Author URI: https://spectrathemes.com/
Description: The ST Spa WordPress theme is ideal for wellness centers, spa owners, and health professionals, offering serene, visually appealing websites with fully responsive, retina-ready layouts. It includes numerous customization options such as a service section, banner, testimonials, and social media integration, making it user-friendly for both beginners and experts. Whether promoting spa services, health products, or wellness tips, this theme’s clean, elegant design is perfect for your business. With the Elementor drag-and-drop builder, anyone can create beautiful landing pages, service listings, blogs, and galleries without any coding skills. ST Spa is mobile-friendly and fully responsive, providing an optimal user experience across desktops, tablets, and smartphones, allowing site management and optimization from any device. It also features Google Fonts, Cross Browser Compatibility, Clean Code, and Custom Widgets, ensuring a modern, professional look that enhances your brand, regardless of the wellness service you offer.. ST Spa WP Theme Demo Page: https://spectrathemes.com/demo/st-spa-pro/
Version: 1.1
Requires at least: 4.7
Requires PHP: 5.2
Tested up to: 6.6
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: st-spa
Tags: blog, one-column, custom-background, custom-colors, full-width-template, custom-menu, custom-logo, featured-images, sticky-post, theme-options, threaded-comments, translation-ready
*/

/* Based on Normalize.css v8.0.0, HTML5 Boilerplate v6.1.0, & Bootstrap Reboot v4.1.0 | Under MIT License */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #333333;
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: .5rem;
	margin-bottom: 1rem;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.2;
	color: inherit;
}

h1 {
	font-size: 2.5rem;
}

h2 {
	font-size: 2rem;
}

h3 {
	font-size: 1.75rem;
}

h4 {
	font-size: 1.5rem;
}

h5 {
	font-size: 1.25rem;
}

h6 {
	font-size: 1rem;
}

p {
	margin-top: 0;
	margin-bottom: .9rem;
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;

}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
	white-space: pre-wrap;
}

a {
	background-color: transparent;
	color: #C28565;
	text-decoration: none;
}

a:hover,
a:active {
	color: #051128;
}

a:not([href]):not([tabindex]) {
	color: inherit;
	text-decoration: none;
}

a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
	color: inherit;
	text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
	outline: 0;
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline dotted;

}

b,
strong {
	font-weight: bolder;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;

}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

img {
	border-style: none;
	height: auto;
	max-width: 100%;
}

details {
	display: block;
}

summary {
	display: list-item;
}

figcaption {
	font-size: 16px;
	color: #333333;
	line-height: 1.4;
	font-style: italic;
	font-weight: 400;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.post-single a,.page-single a,.comment-content a,.woocommerce-product-details__short-description a, #tab-description a,.extra-home-content a {
	text-decoration: underline;
	color:#C28565;
  }

@media print {

	*,
	*:before,
	*:after {
		background: transparent !important;
		color: #000 !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	a[href^="#"]:after,
	a[href^="javascript:"]:after {
		content: "";
	}

	pre {
		white-space: pre-wrap !important;
	}

	pre,
	blockquote {
		page-break-inside: avoid;
		border: 1px solid #cccccc;
	}

	thead {
		display: table-header-group;
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}

label {
	display: inline-block;
	line-height: 1;
	vertical-align: middle;
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 1rem;
	line-height: 1.5;
	margin: 0;

}

input[type="text"],
input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
select,
textarea {
	width: 100%;
	border: solid 1px #666666;
	border-radius: 3px;
	padding: 0.5rem 1rem;
	transition: all .3s;
}

input[type="text"]:focus,
input[type="date"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
	border-color: #333333;
	outline: 0 none;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	width: auto;
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

button,
[type="submit"],
[type="button"] {
	display: inline-block;
	font-weight: 400;
	color: #C28565;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	background-color: transparent;
	border: 1px solid #C28565;
	padding: 0.5rem 1rem;
	font-size: 1rem;
	border-radius: 3px;
	transition: all .3s;
}

button:focus,
[type="submit"]:focus,
[type="button"]:focus {
	outline: 5px auto -webkit-focus-ring-color;
}

button:hover,
button:focus,
[type="submit"]:hover,
[type="submit"]:focus,
[type="button"]:hover,
[type="button"]:focus {
	color: #ffffff;
	background-color: #C28565;
	text-decoration: none;
}

button:not(:disabled),
[type="submit"]:not(:disabled),
[type="button"]:not(:disabled) {
	cursor: pointer;
}

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	vertical-align: baseline;
}

textarea {
	overflow: auto;
	resize: vertical;
}

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;

}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;

}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;

}

select {
	display: block;
}

table {
	background-color: transparent;
	width: 100%;
	margin-bottom: 15px;
	font-size: 0.9em;
	border-spacing: 0;
	border-collapse: collapse;
}

table th,
table td {
	padding: 15px;
	line-height: 1.5;
	vertical-align: top;
	border: 1px solid #cccccc;
}

table th {
	font-weight: bold;
}

table thead th,
table tfoot th {
	font-size: 1em;
}

table caption+thead tr:first-child th,
table caption+thead tr:first-child td,
table caption+thead tr:first-child th,
table caption+thead tr:first-child td,
table colgroup+thead tr:first-child th,
table colgroup+thead tr:first-child td,
table colgroup+thead tr:first-child th,
table colgroup+thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
	border-top: 1px solid #cccccc;
}

table tbody>tr:nth-child(odd)>td,
table tbody>tr:nth-child(odd)>th {
	background-color: #f7f7f7;
}

table tbody tr:hover>td,
table tbody tr:hover>th {
	background-color: #e9e9e9;
}

table tbody+tbody {
	border-top: 2px solid #cccccc;
}

@media (max-width: 767px) {
	table table {
		font-size: 0.8em;
	}

	table table th,
	table table td {
		padding: 7px;
		line-height: 1.3;
	}

	table table th {
		font-weight: 400;
	}
}

dl,
dt,
dd,
ol,
ul,
li {
	margin-top: 0;
	margin-bottom: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


/* WordPress Default Class */
.alignright {
	float: right;
	margin-left: 1rem;
}

.alignleft {
	float: left;
	margin-right: 1rem;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignwide {
	margin-left: -80px;
	margin-right: -80px;
}

.alignfull {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	max-width: 100vw;
	width: 100vw;
}

.alignfull img {
	width: 100vw;
}

.wp-caption {
	margin-bottom: 1.25rem;
	max-width: 100%;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption-text {
	margin: 0;
}

.gallery-caption {
	display: block;
	font-size: 0.8125rem;
	line-height: 1.5;
	margin: 0;
	padding: 0.75rem;
}

.pagination {
	margin: 20px auto;
}

.sticky {
	position: relative;
	display: block;
}

.bypostauthor {
	font-size: inherit;
}

.hide {
	display: none !important;
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: polygon(0 0, 0 0, 0 0, 0 0);
	position: absolute !important;
	white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	clip: auto !important;
	display: block;
	height: auto;
	left: 5px;
	top: 5px;
	width: auto;
	z-index: 100000;
}

#skip-link-target[tabindex="-1"]:focus {
	outline: 0;
}

/* Theme Styles */
#page-wrap {
	overflow: hidden !important;
}

#page .st-home-page {
	overflow: hidden;
}
#page-wrap .main-container {
	max-width: 1044px;
	margin: 0 auto;
	margin-top: 30px !important;
	overflow: hidden;
}

.single-post #page .main-container {
	max-width: 1044px;
	margin: 0 auto;
	margin-top: 0px;
	margin-top: 80px;
	margin-bottom: 80px;

}

.site-logo h1,
.site-description {
	margin: 0;
}

.st-spa-post {
	margin-bottom: 50px;
}

.st-spa-post img {
	max-width: 100%;
}

.st-spa-post .post-title {
	margin: 0;
}

.st-spa-post .post-categories {
	margin-bottom: 20px;
}

.st-spa-post .post-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 0;
	border-bottom: 1px solid #e8e8e8;
}

.st-spa-post .read-more {
	display: inline-block;
	padding: 5px 15px;
	border: 1px solid #C28565;
	text-transform: capitalize;
}

.st-spa-post .post-tags a {
	display: inline-block;
	margin-right: 10px;
}

.commentslist {
	list-style-type: none;
	padding: 0;
}

.commentslist .children {
	list-style-type: none;
}

.commentslist li {
	padding: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #e8e8e8;
}

.comment-author img {
	margin-right: 10px;
}

.commentslist .reply {
	display: inline-block;
	padding: 5px 15px;
	border: 1px solid #C28565;
}

.comment-form-comment input,
.comment-form-comment textarea {
	border-color: #e8e8e8;
}

nav.navigation {
	text-align: center;
}

nav.navigation a,
nav.navigation span {
	padding: 5px 10px;
	border: 1px solid #e8e8e8;
}

.footer-copyright {
	text-align: center;
	padding: 30px 0;
}

.site-logo a,
#primary-menu a,
.st-spa-post .read-more a,
.st-spa-post .post-title a {
	text-decoration: none;
}


/* Menu Styles */
#primary-menu a:hover,
#primary-menu ul li a:hover,
#primary-menu li:hover>a,
#primary-menu a:focus,
#primary-menu ul li a:focus,
#primary-menu li.focus>a,
#primary-menu li:focus>a,
#primary-menu ul li.current-menu-item>a,
#primary-menu ul li.current_page_item>a,
#primary-menu ul li.current-menu-parent>a,
#primary-menu ul li.current_page_ancestor>a,
#primary-menu ul li.current-menu-ancestor>a {
	color: #454545;
}

#primary-menu {
	display: block;
	position: relative;
}

#primary-menu ul {
	margin: 0;
	padding: 0;
	display: block;
}

#primary-menu ul li {
	position: relative;
	display: block;
	float: left;
	text-align: left;
}

#primary-menu ul li a {
	display: block;
	z-index: 1;
	padding: 12px;
	font-size: 15px;
	color: #454545;
	line-height: 1;
	font-weight: 600;
	text-transform: capitalize;
}

#primary-menu ul.children,
#primary-menu ul.sub-menu {
	opacity: 0;
	position: absolute;
	top: 35px;
	left: -9999em;
	background: #F3FAFF;
	z-index: 10001;
	width: 213px;
	padding-left: 0;
	-webkit-transition: opacity 0.3s ease 0s;
	-moz-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}

#primary-menu ul.children li,
#primary-menu ul.sub-menu li {
	position: relative;
	margin: 0;
	line-height: 1.2em;
	text-transform: none;
	width: 213px;
	min-height: inherit;
	margin: 0;
}

#primary-menu li li:hover>ul,
#primary-menu li li:focus>ul,
#primary-menu li li.focus>ul {
	top: 0px;
	left: -100%;
}

#primary-menu ul.children li a,
#primary-menu ul.sub-menu li a {
	text-decoration: none;
	text-align: left;
	display: block;
	padding: 10px 15px;
	margin: 0;
	border: none;
	line-height: inherit;
	color: #121212;
}

#primary-menu ul.children li a:hover,
#primary-menu ul.sub-menu li a:hover {
	background: #C28565;
	color: #fff;
	border-radius: 0;
}

#primary-menu ul.children li ul:before,
#primary-menu ul.sub-menu li ul:before,
.menu-toggle,
.dropdown-toggle,
button.close-menu {
	display: none;
}

#primary-menu li:hover>ul,
#primary-menu li:focus>ul,
#primary-menu li.focus>ul {
	opacity: 1;
	left: 0;
}

#primary-menu ul li.page_item_has_children:after {
	content: "\f0d7";
	font-family: 'Font Awesome 6 Free';
	font-weight: 600;
	position: absolute;
	right: -6px;
	top: 50%;
	display: inline-block;
	padding: 3px;
	transform: translate(-50% , -50%);
	color: #000;
}
#primary-menu ul li.page_item_has_children{
	padding-right: 10px;
	margin-right: 10px;
}
#primary-menu ul.sub-menu li.page_item_has_children:after {
	right: 30px;
}

.wp-block-button__link{
	color: #fff !important;
  background-color:#C28565 ;
  margin-bottom: 5px;
}
.wp-block-button.is-style-outline .wp-block-button__link{
  border: 1px solid #C28565;
  color: #121212 !important;
}
.wp-block-button.is-style-squared .wp-block-button__link{
  border-radius: 0px !important;
}

.post-title a, h1.post-title {
	word-wrap: break-word;
}

/* Loader Styles */
#st-spa-loader-container {
    position: fixed;
    z-index: 999999;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: #C28565;
}

#st-spa-custom-loader {
	width: 60px;
	aspect-ratio: 4;
	--_g: no-repeat radial-gradient(circle closest-side,#ffffff 90%,#0000);
	background: 
	  var(--_g) 0%   50%,
	  var(--_g) 50%  50%,
	  var(--_g) 100% 50%;
	background-size: calc(100%/3) 100%;
	animation: l7 1s infinite linear;
  }
  @keyframes l7 {
	  33%{background-size:calc(100%/3) 0%  ,calc(100%/3) 100%,calc(100%/3) 100%}
	  50%{background-size:calc(100%/3) 100%,calc(100%/3) 0%  ,calc(100%/3) 100%}
	  66%{background-size:calc(100%/3) 100%,calc(100%/3) 100%,calc(100%/3) 0%  }
  }

/* post card css start */

.card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-footer .btn {
    margin-left: auto;
}

.st-read-more-btn{
	background: #C28565;
	border-color: #C28565;
}

.st-tags-btn{
	border-color: #C28565;
	color: #C28565;
}
.st-cat-badge{
	color: #fff;
	background: #C28565;
}
/* post card css end */
/* loader end */

@media screen and (min-width : 320px) and (max-width : 767px) {

	#primary-menu a:hover,
	#primary-menu ul li a:hover,
	#primary-menu li:hover>a,
	#primary-menu a:focus,
	#primary-menu ul li a:focus,
	#primary-menu li.focus>a,
	#primary-menu li:focus>a,
	#primary-menu ul li.current-menu-item>a,
	#primary-menu ul li.current_page_item>a,
	#primary-menu ul li.current-menu-parent>a,
	#primary-menu ul li.current_page_ancestor>a,
	#primary-menu ul li.current-menu-ancestor>a {
		background: none;
	}

	#primary-menu ul li a:before,
	.menu-header {
		content: none;
		position: static;
	}

	button.menu-toggle:focus {
		outline: 3px solid #051128 !important;
		text-decoration: none !important;
	}

	.menu-toggle,
	.dropdown-toggle {
		display: inline-block;
		font-size: 20px;
		font-weight: 600;
		background: #C28565;
		color: #fff;
		border: none;
	}

	#primary-menu ul li a {
		color: #121212;
	}

	#primary-menu ul li a:hover {
		color: #121212;
	}

	#primary-menu {
		display: none;
	}

	.header.toggled #primary-menu {
		display: block;
		z-index: 999999;
		margin-bottom: 10px;
	}

	button.close-menu {
		display: inline-block;
		background: #C28565;
		border: none;
		color: #fff;
	}

	#primary-menu ul li {
		float: left;
		width: 100%;
	}

	#primary-menu ul li:nth-child(even) {
		background: #f5f5f5
	}

	#primary-menu ul li:nth-child(odd) {
		background: #e5e5e5
	}

	#primary-menu>li>ul.children,
	#primary-menu>li>ul.sub-menu {
		position: absolute;
		top: -100%;
		background: #fff;
	}

	#primary-menu li.focus>ul.children,
	#primary-menu li.focus>ul.sub-menu,
	#primary-menu li:hover>ul.children,
	#primary-menu li:hover>ul.sub-menu,
	#primary-menu li:focus>ul.children,
	#primary-menu li:focus>ul.sub-menu {
		width: 100%;
		top: 0;
		left: 0 !important;
		position: relative;
	}

	#primary-menu ul {
		padding: 0;
		float: none;
	}

	#primary-menu ul.children li a,
	#primary-menu ul.sub-menu li a {
		padding: 0;
		line-height: 53px;
		color: #454545;
	}

	#primary-menu ul li.menu-item-has-children:after {
		content: '';
		position: absolute;
		border: solid #454545;
		right: 10px;
		top: 50%;
		border-width: 0 3px 3px 0;
		display: inline-block;
		padding: 3px;
		-webkit-transform: translate(0, -50%) rotate(-45deg);
		transform: translate(0, -50%) rotate(-45deg);
	}

	#primary-menu ul.children li,
	#primary-menu ul.sub-menu li {
		width: 100%;
		font-size: 12px;
		padding-left: 10px;
	}

	#primary-menu ul li.menu-item-has-children:hover:after,
	#primary-menu ul li.menu-item-has-children:focus:after,
	#primary-menu ul li.menu-item-has-children.focus:after {
		top: 20px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
}

@media screen and (min-width : 768px) and (max-width : 1023px) {
	#primary-menu ul li a {
		font-size: 14px;
		padding: 10px;
	}
}